.content-main {
    position: relative !important;
}
.content-loader {
    width:32px;
    height: 32px;
    position: fixed;
    top: 50%;
    left: 50%;
    background:url(/images/common/loading_sm.gif) no-repeat center #fff;
    text-align:center;
    padding:10px;
    z-index:2;
    overflow: auto;    
}
.content-ready {
    display: none;
}
.profile-picture-progress {
    margin-top: 10px;
    width: 100%;
    text-align: center;
}
.profile-picture-progress .progress {
    color: #000000;
    width: 80% !important;
    float:none;
    margin: 0 auto !important;
}
.file-upload-profile-picture {
    margin-top: 10px;
}
.file-upload-label-profile-picture {
    background: #0077b1 none repeat scroll 0 0;
    border-radius: 2px;
    color: #ffffff;
    display: inline-block;
    font-weight: 400;
    padding: 5px;
    text-transform: uppercase;
    transition: background 0.3s ease 0s;
	text-align: center;
    width: 100%;
}
 .file-upload-label-profile-picture:hover {
    cursor: pointer;
    background: #025178;
}
.video-container {
    width:80% !important;
    display:none;
    margin-bottom:20px;
}
.qustn-exchange {
    width: 43.4375px;
}
a.move-up {
    float:left;
}
a.move-down {
    float:right;
}
.answer-box {
    background: #f3f3f3 none repeat scroll 0 0;
    float: right;
    padding: 20px 30px 10px 30px;
    position: relative;
    width: calc(100% - 30px);
	margin-bottom:30px;
	border-left: 5px solid #0077b1;
}
.answer-box .form-group.row {
    margin-bottom: 10px;
}
.answer-exchange .fa {
    font-size: 32px;
    letter-spacing: 8px;
}
.answer-exchange a {
    float: left;
    text-align: center;
}
.answer-exchange {
    left: -55px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.edit-form .form-control.ng-invalid {
    border-bottom: 1px solid #dc3545;
}
input[type=checkbox] {
    cursor:pointer;
}
input[type=radio]{
    cursor:pointer;
}
.confirmation {
    color: #000000;
    font-size: 18px;
    margin-bottom: 40px;
}
.panel-disabled{
  border-color: #ccc;
}
.panel-disabled > .panel-heading {
  border-color: #eee;
  color: white;
  background-color: #ccc;
}
.panel-disabled:hover{
	opacity: 0.9;
}
.panel-disabled a {
    cursor: not-allowed;
	pointer-events: none;	
}
.panel-error {
    color: #fe1447;
    height:57px;
    font-weight:bold;
    font-size:15px;
}
/* styles for validation helpers */
.field-validation-error {
    color: red;
}
.field-validation-valid {
    display: none;
}
.validation-summary-errors {
    color: red;
}
.validation-summary-errors ul {
    margin: 0;
    padding: 0px 0px 20px 0px;
}
.validation-summary-valid {
    display: none;
}
.successful-summary {
    color: green;
    font-weight: bold;
}
.successful-summary ul {
    margin: 0;
    padding: 0;
}
/* Notifications */
.close-bt,
ul li.close-bt,
ul.message li.close-bt {
	display: block;
	position: absolute;
	top: 0.083em;
	right: 0.083em;
	font-size: 1em;
	line-height: 1em;
	width: 1em;
	height: 1em;
	padding: 0;
	margin: 0;
	background: url(/images/cross-small.png) no-repeat center center;
	cursor: pointer;
	-moz-border-radius: 0.333em;
	-webkit-border-radius: 0.333em;
	-webkit-background-clip: padding-box;
	border-radius: 0.333em;
	opacity: 0.5;
	filter: alpha(opacity=0.5);
	}
	.close-bt:hover,
	ul li.close-bt:hover {
		opacity: 1;
		filter: none;
	}
.notifications ul
{
    margin-left:-25px;
    margin-top:0px;
    margin-bottom:0px;
}
.ie7 #notifications ul
{
    margin-left:15px !important;
}
#notifications li 
{
    list-style-type: none;
	position: relative;
	background-color: #666;
	padding: 1.25em;
	color: white;
	margin-bottom: 1em;
	-moz-border-radius: 0.417em;
	-webkit-border-radius: 0.417em;
	-webkit-background-clip: padding-box;
	border-radius: 0.417em;
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
}		

#notifications {
    position: fixed;
    z-index: 999990;
    top: 110px;
    right: 1em;
    width: 20em;
    left: 30%;
    margin-left: 270px;
}

#notifications li {
	position: relative;
	padding: 1.25em;
	color: white;
	margin-bottom: 1em;
	-moz-border-radius: 0.417em;
	-webkit-border-radius: 0.417em;
	-webkit-background-clip: padding-box;
	border-radius: 0.417em;
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
	}
/* End */

/* Rating */
.rating-disabled .rating-input,.rating-disabled .rating-stars
{
    cursor:default !important;
             
}
/* End */
/* Input */
.input-hint
{
    position: absolute;
    /*
    top: 7px;
    right: 10px;
    */
    top: 43px;
    right: 0px;
    color: #ffffff;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    z-index: 2;            
}
.input-hint:hover
{
    text-decoration: none;         
    color: #999999;
}
.input-hint:focus
{
    text-decoration: none;         
    color: #ffffff;
}
.input-hint:active
{
    text-decoration: none;         
    color: #ffffff;
}
.popover-title {
    /*
    background-color: #000000;
    color: #ffffff;
    */
    font-weight: bold;
    font-family: 'Raleway', sans-serif;
}
.popover-content {
    /*background-color: #000000;*/
    /*color: #ffffff;*/
    font-family: 'Raleway', sans-serif;
}
/* End */
th a i.fa {
    font-size: 18px;
    margin-left:5px;
}

th a i.fa.circle {
    /*
    width:30px;
    height:30px;
    */
	border-radius:50%;
	text-align:center;
	/*line-height:30px;*/
	transition:.30s all;
}

th a, th a:focus, th a:hover  {
    color: #333;
    /*text-decoration: none;*/
}

/* Grid */
.container-list {
    border: 1px solid #ddd;
    margin-left: -15px;
    margin-right: -15px;
}

.container-list .row {
}

.container-list table {
    margin-bottom: 0px;
    border-bottom: 1px solid #ddd;
}

.container-list .pagination {
    margin: 0px;
    float: right;
}

.container-list .grid-section {
    padding: 15px;
}

.container-list .grid-section-header {
	background: #e5e5e5 none repeat scroll 0 0;
    border-left: 5px solid #0077b1;
	padding-top: 10px;
    padding-right: 8px;
    padding-bottom: 10px;
    padding-left: 8px;
    margin-top: -15px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    font-weight: bold;
}

.container-list .grid-filter-row {
    padding-top:15px;
}

.container-list select  {
    padding: 0px 6px 0px 6px;
    border: 1px solid #ccc;
    color: #555;
}

.container-list input[type=text]   {
    padding: 0px 6px 0px 6px;
    border: 1px solid #ccc;
    color: #555;
}

.container-detail {
}

.container-detail ul {
    padding-inline-start: 13px;
}

.container-detail ul li {
    list-style:decimal;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 0px;
    padding-left: 10px;
}

/* End */