@charset "utf-8";
/* CSS Document */


html,
body {
  padding: 0px;
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  background: #FCFCFD ;
  background-attachment: fixed;
}



select.Dropdown-color > option
{
    background : #fff;
    color : #333;    
}
.data_tb
{
    width:100% !important;
    }
.dataTable{
	width:100% !important;
}

.data_tb  thead,
.fha-table   thead {
background: #fff;
}

.fha-table  thead th{
font-size: 14px;
}

.fha-table  tbody td{
font-size: 13px;
padding: 5px !important;
padding-left: 8px !important;
}

.fha-popup .btn,
.fha-panels .btn,
.fha-table .btn   {
padding: 2px 10px;
font-size: 13px;
font-weight: normal !important;
}


.btn .caret {
    margin-left: 0;
    float: right;
    margin-right: 2px;
    margin-top: 8px;
}

.multiselect-container  
{
    width: 100% !important;
    max-height: 250px !important;
    }
    
.Config-pan {
    background: #d0cfcf33;
    border-radius: 5px;
    border: 1px solid #f0f0f0;
    margin-bottom: 10px;
    float: left;
width: 100%;
}

.Config-pan .form-group {
    background: #d0cfcf33;
    float: left;
    width: 100%;
    padding: 10px;
    border-radius: 5px;
}

.Config-pan .form-group .ios-switch {
    margin-bottom: 0;
    float: left;
    margin-right: 20px;
}


.Config-pan .form-group .control-label {
    margin-bottom: 0;
    float: left;
}

.Config-pan .title {
    float: left;
    width: 100%;
    font-size: 16px;
    font-weight: 600;
    padding-top: 10px;
    padding-bottom: 5px;
}

.hide-days  {
    float: left;
    margin-left: 15px;
    margin-right: 15px;
}

.hide-days .span-1 {
    float: left;
    margin-right: 10px;
    font-weight: 600;
}

.hide-days .span-2  {
   float: left;
    font-weight: bold;
    padding-left: 10px;
}

.hide-days .text-box  {
    width: 70px;
    float: left;
    border: 1px solid #E0E0E0;
    border-radius: 5px;
    padding: 4px 5px 4px 12px;
    height: 30px;
}

.outstanding-pan .table .btn {
    line-height: 1;
}

.copyurl {
    text-decoration: none !important;
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    z-index: 3;
    color: #333 !important;
    cursor: default;
    background-color: #F0F0F0!important;
    border-color: #ddd !important;
}



.pss-tab  li {
float: left;
border: 1px solid #D0D2D3;
margin-left: 10px;
border-radius: 5px 5px 0 0;
border-bottom: 1px solid #fff;
}

/*=====popover-icon Start*/
.popover-icon{
	display: inline;
	position: relative;
	cursor:pointer;
	text-align: left;
	font-size: 12px;
}

.popover-icon:hover:after{
	background: #F5FBFE;
	border-radius: 5px;
	bottom: 26px;
	color: #333;
	content: attr(data-content);
	left: 20%;
	padding: 5px 15px;
	position: absolute;
	z-index: 98;
	width: 220px;
	border: 1px solid #ddd;
   -webkit-box-shadow: 0 0 5px 1px #D9D9D9;
   box-shadow: 0 0 5px 1px #D9D9D9;
}

.popover-icon:hover:before{
	border: solid;
	border-color: #ddd transparent;
	border-width: 6px 6px 0 6px;
	bottom: 20px;
	content: "";
	left: 50%;
	position: absolute;
	z-index: 99;
}
/*=====popover-icon End*/

.pss-tab  li a {
background: #fff !important;
color: #333 !important;
font-weight: 600 !important;
font-size: 14px;
line-height: 1.6;
border-radius: 5px 5px 0px 0px;
}

.pss-tab  li a .fa{
background: #006eb4 ;
padding: 7px;
border-radius: 50%;
width: 25px;
height: 25px;
color: #fff;
float: left;
margin-right: 10px;
}

.pss-tab  .active { border: 0;}

.pss-tab  .active  a{
background: #F4F5F5 !important;
color: #006eb4  !important;
font-weight: 600 !important;
font-size: 14px;
line-height: 1.6;
border-radius: 5px 5px 0px 0px;
border: 1px solid #D0D2D3;
border-bottom: 1px solid #F4F5F5;
}

.pss-tab  .active  a .fa{
background: #006eb4 ;
padding: 7px;
border-radius: 50%;
width: 25px;
height: 25px;
color: #fff;
float: left;
margin-right: 10px;
}

.pss-tab-content .tab-content {
background: transparent;
padding: 0;
border: 0;
margin-top: 0px;
}

.pss-tab-content .tab-content .panel {
border: 1px solid #D0D2D3;
border-radius: 5px;
background: #F4F5F5;
}

.nav-pills > li + li {
    margin-left: 10px;
}
/*===Survey tab styles start===*/
.pss-tab-content .tab-content .panel .form-control {
    border-radius: 5px;
    padding: 10px 5px 8px 15px;
    height: 45px;
    border: 1px solid #E0E0E0;
    box-shadow: none;
}

.survey-tab .active a .fa {
	padding: 1px;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    color: #006eb4 ;
    float: left;
    margin-right: 10px;
    font-size: 20px;
}

.survey-tab a:not(.btn) .fa {
	padding: 1px;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    color: #333 ;
    float: left;
    margin-right: 10px;
    font-size: 20px;
}

.survey-tab  li:not(.li-button) {
	float: left;
	border: 1px solid #D0D2D3;
	margin-left: 10px;
	border-radius: 5px 5px 0 0;
	border-bottom: 1px solid #fff;
}

.survey-tab .active { border: 0;}

.survey-tab  .active  a:not(.btn){
	background: #fff !important;
color: #006eb4  !important;
font-weight: 600 !important;
font-size: 14px;
line-height: 1.6;
border-radius: 5px 5px 0px 0px;
border: 1px solid #D0D2D3;
border-bottom: 1px solid #F4F5F5;
}

.survey-tab  li a:not(.btn) {
background: #F4F5F5 !important;
color: #333 !important;
font-weight: 600 !important;
font-size: 14px;
line-height: 1.6;
border-radius: 5px 5px 0px 0px;
}

.survey-tab  li a.btn{
	padding: 5px;
}

.survey-tab li.li-button{
	border: 0;
	border-bottom: 0;
	margin-left: 10px;
}



/*===Survey tab styles end===*/

/*.pss-tab-content .tab-content .form-group {
border-bottom: 1px solid #ddd;
padding-bottom: 15px;
}*/

.pss-tab-content .tab-content .form-group-last {
border-bottom: 0;
padding-bottom: 0;
}


.test-message {
    margin-top: 50px;
    position: fixed;
    z-index: 1000;
    background: #FF0000;
    padding-top: 10px;
    color: #fff;
    padding-bottom: 10px;
    font-size: 15px;
    font-weight: bold;
}

.expand-tb-1 .addsubsection {
    margin-right: 0 !important;
}


/*=== 2. Anchor Link ===*/
a {
  transition: all ease-in-out 200ms;
  font-family: 'Roboto', sans-serif;
  font-weight: normal;
}
a:not(.btn):hover {
  color: #006eb4 ;
  text-decoration: none;
}

.row-centered {
    text-align:center;
}
.col-centered {
    display:inline-block;
    float:none;
    /* reset the text-align */
    text-align:left;
    /* inline-block space fix */
    margin-right:-4px;
}

.logo-login {
    margin-bottom: 40px;
    margin-top: 40px;
}

.login-pan {
	background: #F5F5F5;
	min-height: 100px;
	border-top: 1px solid #F48D17;
}

/*=== 3. Text Outside the Box ===*/
.etc-login-form {

    padding: 10px 0 0;
}
.etc-login-form p {
    font-size: 12px;
    margin-bottom: 3px;
}

.etc-login-form p a {
    color: #0568b2;
}

/*=== 4. Main Form ===*/
.login-form-1 {
    border-radius: 5px;
    display: inline-block;
    margin-bottom: 20px;
    max-width: 400px;
    text-align: left;
}
.main-login-form {
  position: relative;
}
.login-form-1 .form-control {
background: #fff none repeat scroll 0 0;
color: #555555;
font-weight: 400;
padding: 10px 5px 8px 15px;
margin-top: 0;
border: 1px solid #fff;
height: 45px;
border-radius: 5px;
box-shadow: none;
}

.login-form-1 .select-box {
border-radius: 5px !important;
border: 0 !important;
}

.login-form-1  .form-control:focus {
    border-color: #337ab7;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.login-error {
    padding: 5px;
    border-radius: 5px !important;
    padding-left: 10px;
    font-weight: 300;
    font-size: 14px !important;
}

.login-form-1  .form-control:focus > .input-group-addon{
    background: #ff0000;
}


.login-form-1 .form-control::-webkit-input-placeholder {
  color: #999999;
}
.login-form-1 .form-control:-moz-placeholder,
.login-form-1 .form-control::-moz-placeholder,
.login-form-1 .form-control:-ms-input-placeholder {
  color: #999999;
}
.login-form-1 .form-group {
  margin-bottom: 20px;
  border-bottom: 0;
  position: relative;
}
.login-form-1 .form-group:last-child {
  border-bottom: 0;
}
.login-group {
    background: #ededed none repeat scroll 0 0;
    -webkit-border-radius: 0 0 8px 0px;
    border-radius: 0 0 0px 0px;
    color: #999999;
    padding: 20px 20px 10px;
    text-align: center;
    float: left;
	width: 100%;
	border-radius: 0px 0px 5px 5px;
}

.green-login-group {
    background: #0568b2 none repeat scroll 0 0;
    border-radius: 0 0 8px 8px;
    height: 75px;
}

span.red-star{
	color:red;
}

.ui-datepicker{
    z-index: 1200000000000000 !important;
}

span.green-span{
	color:green;
}

span.red-span{
	color:red;
}

.input-loading {    
    background-color: #ffffff;
    background-image: url("http://loadinggif.com/images/image-selection/3.gif");
    background-size: 25px 25px;
    background-position:right center;
    background-repeat: no-repeat;
}

#pnlresponse label {
    font-weight: normal;
}
#pnlresponse span {
    font-weight: bold;
}

 .remove-line
 {
    border-bottom: 0 !important;
    }

.login-group-checkbox {
  padding: 5px 0;
}

#MainContent_pnlresponse label {
    font-weight: normal;
}
#MainContent_pnlresponse span {
    font-weight: bold;
}

/*=== 5. Login Button ===*/
.login-form-1 .login-button {
background: #006eb4 ;
color: #FFF;
border: 0;
transition: all ease-in-out 500ms;
margin-top: 0px;
float: left;
width: 100%;
margin-bottom: 15px;
padding: 8px 10px;
font-size: 18px;
font-weight: normal;
border-radius: 5px;
}

.login-form-1 .login-button  .fa {
    padding-left: 18px;
    font-size: 19px;
    padding-top: 2px;
}

.login-form-1 .input-group-addon {
padding: 6px 16px;
font-size: 16px;
font-weight: 400;
line-height: 1;
color: #006eb4 ;
text-align: center;
background-color: #ffffff;
border: 0;
border-radius: 5px 0px 0px 5px;
height: 45px;
}


.fg-text{
    text-align: left;
    font-size: 12px;
	margin-bottom: 15px;
}

.fg-text  a:hover{
    text-decoration: underline;
}

.marginSpace
{  
    margin-right: 30px;
}

.login-form-1 .login-button:hover {
  color: #fff;
  background: #004F95;
}
.login-form-1 .login-button.clicked {
  color: #555555;
}
.login-form-1 .login-button.clicked:hover {
  transform: none;
}
.login-form-1 .login-button.clicked.success {
  color: #2ecc71;
}
.login-form-1 .login-button.clicked.error {
  color: #e74c3c;
}

.login-form-1 .login-button-green {
  position: absolute;
  right: -25px;
  top: 65%;
  background: #fff none repeat scroll 0 0;
  color: #0568b2;
  padding: 11px 15px;
  width: 50px;
  height: 50px;
  margin-top: -15px;
  border: 5px solid #0568b2;
  border-radius: 50%;
  transition: all ease-in-out 500ms;
}

.login-form-1 .login-button-green:hover {
  color: #0568b2;
  transform: rotate(1800deg);
}
.login-form-1 .login-button-green.clicked {
  color: #555555;
}
.login-form-1 .login-button-green.clicked:hover {
  transform: none;
}
.login-form-1 .login-button-green.clicked.success {
  color: #2ecc71;
}
.login-form-1 .login-button-green.clicked.error {
  color: #e74c3c;
}

        #divModule1 ul
        {
            margin-left: 0px;
            list-style: none outside none;
        }
        #divModule1 ul li
        {
            margin: 10px 0;
        }
        
        /*.module1 li ul{padding:0;}
.module1 li ul li ul{padding:0;}
.module1 li ul li ul li{padding:0;}*/
        
        #divModule1 ul li input
        {
            margin-right: 5px;
        }
        #divModule1 ul li label
        {
            font-weight: bold;
        }
        #divModule1 ul li ul li label
        {
            font-weight: bold;
            font-size: 13px;
        }
        #divModule1 ul li ul li ul li label
        {
            font-weight: bold;
            font-size: 12px;
            color: #777;
        }
        #divModule1 ul li ul li ul li ul li label
        {
            font-weight: normal;
            font-size: 11px;
            color: #666;
        }
        ul.module1
        {
            background: none repeat scroll 0 0 #EEEEEE;
            margin: 10px;
            padding: 10px;
        }
        
        #divModule1
        {
        float: left;
    overflow: hidden;
    width: 100%;
        }
        
        #divModule1 #Main_btnSave.button_Save
        {
            float: right;
            margin-right: 10px;
        }
        
        
        .black_bg_for_loading
        {
            background: none repeat scroll 0 0 #000000;
            color: #FFFFFF;
            height: 100%;
            left: 0;
            opacity: 0.5;
            position: fixed;
            top: 0;
            width: 100%;
        }
        
        .loadingbox
        {
            height: 100px;
            left: 50%;
            margin-left: -60px;
            padding-top: 20px;
            position: fixed;
            text-align: center;
            top: 40%;
            width: 100px;
            z-index: 9999;
            color: #fff;
            font-size: 15px;
        }
        .loadingbox_back
        {
            position: fixed;
            opacity: 1;
            background-color: transparent;
            height: 100%;
            width: 100%;
            text-align: center;
            padding-top: 20px;
            z-index: 9900;
        }

/*=== 6. Form Invalid ===*/
label.form-invalid {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 5;
  display: block;
  margin-top: -25px;
  padding: 7px 9px;
  background: #777777;
  color: #ffffff;
  border-radius: 5px;
  font-weight: bold;
  font-size: 11px;
}
label.form-invalid:after {
  top: 100%;
  right: 10px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: transparent;
  border-top-color: #777777;
  border-width: 6px;
}
/*=== 7. Form - Main Message ===*/
.login-form-main-message {
  background: #ffffff;
  color: #999999;
  border-left: 3px solid transparent;
  border-radius: 3px;
  margin-bottom: 8px;
  font-weight: bold;
  height: 0;
  padding: 0 20px 0 17px;
  opacity: 0;
  transition: all ease-in-out 200ms;
}
.login-form-main-message.show {
  height: auto;
  opacity: 1;
  padding: 10px 20px 10px 17px;
}
.login-form-main-message.success {
  border-left-color: #2ecc71;
}
.login-form-main-message.error {
  border-left-color: #e74c3c;
}
/*=== 8. Custom Checkbox & Radio ===*/
/* Base for label styling */
/*[type="checkbox"]:not(:checked),
[type="checkbox"]:checked,
[type="radio"]:not(:checked),
[type="radio"]:checked {
  position: absolute;
  left: -9999px;
}
[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label,
[type="radio"]:not(:checked) + label,
[type="radio"]:checked + label {
  position: relative;
  padding-left: 25px;
  padding-top: 1px;
  cursor: pointer;
}
/* checkbox aspect */
/*[type="checkbox"]:not(:checked) + label:before,
[type="checkbox"]:checked + label:before,
[type="radio"]:not(:checked) + label:before,
[type="radio"]:checked + label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 2px;
  width: 17px;
  height: 17px;
  border: 0px solid #aaa;
  background: #f0f0f0;
  border-radius: 3px;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3);
}
/* checked mark aspect */
/*[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after,
[type="radio"]:not(:checked) + label:after,
[type="radio"]:checked + label:after {
  position: absolute;
  color: #555555;
  transition: all .2s;
}
/* checked mark aspect changes */
/*[type="checkbox"]:not(:checked) + label:after,
[type="radio"]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}
[type="checkbox"]:checked + label:after,
[type="radio"]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}
/* disabled checkbox */
/*[type="checkbox"]:disabled:not(:checked) + label:before,
[type="checkbox"]:disabled:checked + label:before,
[type="radio"]:disabled:not(:checked) + label:before,
[type="radio"]:disabled:checked + label:before {
  box-shadow: none;
  border-color: #8c8c8c;
  background-color: #878787;
}
[type="checkbox"]:disabled:checked + label:after,
[type="radio"]:disabled:checked + label:after {
  color: #555555;
}
[type="checkbox"]:disabled + label,
[type="radio"]:disabled + label {
  color: #8c8c8c;
}
/* accessibility */
/*[type="checkbox"]:checked:focus + label:before,
[type="checkbox"]:not(:checked):focus + label:before,
[type="checkbox"]:checked:focus + label:before,
[type="checkbox"]:not(:checked):focus + label:before {
  border: 1px dotted #f6f6f6;
}
/* hover style just for information */
/*label:hover:before {
  border: 1px solid #f6f6f6 !important;
}
/*=== Customization ===*/
/* radio aspect */
/*[type="checkbox"]:not(:checked) + label:before,
[type="checkbox"]:checked + label:before {
  border-radius: 3px;
}
[type="radio"]:not(:checked) + label:before,
[type="radio"]:checked + label:before {
  border-radius: 35px;
}
/* selected mark aspect */
/*[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after {
  content: '✔';
  top: 0;
  left: 2px;
  font-size: 14px;
}
[type="radio"]:not(:checked) + label:after,
[type="radio"]:checked + label:after {
  content: '\2022';
  top: 0;
  left: 3px;
  font-size: 30px;
  line-height: 25px;
}*/
/*=== 9. Misc ===*/
.logo {
  padding: 15px 0;
  font-size: 25px;
  color: #aaaaaa;
  font-weight: bold;
}

.login-title-bg {
background: #ededed;
text-align: center;
border-bottom: 1px solid #fff;
border-radius: 5px 5px 0px 0px;
}

.login-title-bg-green {
	-webkit-border-radius: 0px 8px 0 0;
	border-radius: 0px 0px 0 0;
	    background: #FF5A01 none repeat scroll 0 0;
}

.login-title-bg h2 {
font-family: "Roboto",sans-serif;
font-size: 31px;
font-weight: 300;
margin: 0;
padding: 15px 20px 10px;
color: #074B88;
}

.text-line {
display: none;
}

.failureNotification {
font-size: 13px;
color: #ED2930;
float: left;
width: 100%;
text-align: left;
padding-top: 5px;
}


.alert {
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 0;
}

.failureNotification  ul{
    list-style: outside none none;
    padding: 0;
}

.icon-image {
	   float: left;
	   width: 50px;
}
.icon-image i {
    color: #fff;
    font-size: 50px;
}

.green-login-group h2{
    color: #fff;
    float: left;
    font-size: 19px;
    margin: 7px 0 0;
    width: 80%;
}

.green-login-group p {
    color: #dbdbdb;
    float: left;
    width: 80%;
}

.green-login-group:hover {
	background: #F48D17;
}

.footer {
bottom: 0;
float: left;
height: 60px;
margin-bottom: 0;
padding-top: 25px;
z-index: 100 !important;
width: 100%;
}

 .ui-autocomplete {
     max-height: 500px;
	 z-index: 10000;
     overflow-y: auto;
     /* prevent horizontal scrollbar */
     overflow-x: hidden;
 }
 /* IE 6 doesn't support max-height
* we use height instead, but this forces the menu to always be this tall
*/
 * html .ui-autocomplete {
     height: 100px;
 }

.fixed-height {
	padding: 1px;
	max-height: 300px;
	overflow: auto;
}

.container .text-muted  {
text-align: center;
color: #333;
font-size: 12px;
}

.container .text-muted a {
	color: #0568b2;
}

.public-page {
	max-width: 100% !important;
}

#wrapper {
    padding-left: 70px;
    transition: all .4s ease 0s;
    height: 100%
}

#sidebar-wrapper {
margin-left: -250px;
left: 70px;
width: 250px;
background: #EDEEEE;
position: fixed;
height: 100%;
z-index: 100;
transition: all .4s ease 0s;
border-right: 1px solid #D0D2D3;
}

.sidebar-nav {
    display: block;
    float: left;
    width: 250px;
    list-style: none;
    margin: 0;
    padding: 0;
}

#page-content-header{
padding-left: 0;
margin-left: 0;
width: 100%;
height: 50px;
position: fixed;
background: #EEE;
border-bottom: 1px solid #CCC;
z-index: 10;
}

#page-content-wrapper {
    padding-left: 0;
    margin-left: 0;
    width: 100%;
	padding-top: 80px;
    height: auto;
}

.content-aria {
	padding-left: 30px;
	padding-right: 30px;
}




#wrapper.active {
    padding-left: 250px;
}
#wrapper.active #sidebar-wrapper {
    left: 250px;
}

#wrapper.active #sidebar-wrapper .acd-pan .panel-group .panel .panel-collapse .panel-body .submenu ul li a .fa {
    float:left;
}

#wrapper.inactive #sidebar-wrapper .acd-pan .panel-group .panel .panel-collapse .panel-body .submenu ul li a .fa {
    float:right;
}

#page-content-wrapper {
width: 100%;
background: #fff;
}

#sidebar_menu li a, .sidebar-nav li a {
    color: #999;
    display: block;
    float: left;
    text-decoration: none;
    width: auto;
    -webkit-transition: background .5s;
    -moz-transition: background .5s;
    -o-transition: background .5s;
    -ms-transition: background .5s;
    transition: background .5s;
}
.sidebar_name {
    padding-top: 25px;
    color: #fff;
    opacity: .7;
}

.sidebar-nav li {
  line-height: 40px;
  text-indent: 20px;
}

.sidebar-nav li a {
    color: #fff;
    display: block;
    font-weight: 500;
    text-decoration: none;
}

.popover {
    background: #F5FBFE;
    font-size: 12px;
}

.popover-icon {
padding-left: 5px;
padding-top: 6px;
font-size: 15px;
}

.sidebar-nav li a:hover {
  color: #fff;
  background: #35475D;
  text-decoration: none;
}

.sidebar-nav li .menuSelected {
    background: #35475d none repeat scroll 0 0;
    border-right: 7px solid  #006eb4 ;
    color: #fff;
    font-weight: 600;
    text-decoration: none;
}

.sidebar-nav li .menuSelected .sub_icon {
    padding-right: 18px;
}

.sidebar-nav li a:active,
.sidebar-nav li a:focus {
  text-decoration: none;
}

.sidebar-nav > .sidebar-brand {
    height: 50px;
    line-height: 48px;
	background:#2A3F54;
	border-right: 1px solid #D0D2D3;
	border-top: 1px solid #2A3F54 !important;
	border-bottom: 1px solid #D0D2D3 !important;
}

.sidebar-nav > .sidebar-brand a {
  color: #999999;
}

.sidebar-nav > .sidebar-brand a:hover {
  color: #fff;
  background: none;
}

#menu-toggle
{
    float: right;
    font-size: 20px;
    padding-right: 25px;
    padding-top: 13px;
	cursor:pointer;
	color: #fff;
}
.sub_icon
{
    float:right;
   padding-right: 25px;
   padding-top:10px;
}
.content-header {
  height: 65px;
  line-height: 65px;
}

/*Page footer*/
.page-footer{
    padding-left: 250px;
    padding-left: 0;
    margin-left: 0;
    width: 100%;
    height: 40px;
    background: #fff;
    border-bottom: 0;
    z-index: 150;
    position: fixed;
    right: 0;
    left: 0;
    bottom: 0;
    margin-bottom: 0;
    border-width: 1px 0 0;
    text-align: center;
    line-height: 3;
    color: #333;
    font-weight: bold;
    font-size: 13px;
    margin-top: 35px;
    border-top: 1px solid #EBEBF3;
}

.page-footer > a{
color: #2692FF;
font-weight: 400;
font-size: 13px;
}

.page-footer > a:hover,.page-footer > a:focus{
	color: #cecfd0;
}

.no-background {
    background: transparent !important;
}

.session-exp-logo {
	 margin: 0 auto;
    padding-top: 45px;
}

.session-exp-logo > img{
	display: block;
	margin: 0 auto;
}

.alert-custom {
    margin-top: 10%;
    color: #57656A;
    background-color: #03B3FA;
    border-color: #105FAF;
    text-align: center;
}

.session-exp-message .alert-custom {
    margin-top: 5%;
    background-color: transparent;
    border-color: transparent;
    text-align: center;
	font-size: 20px;
}

.session-exp-timeout {
    margin: 0 auto;
    width: 200px;
}

.iframe-container {    
    padding-bottom: 60%;
    padding-top: 30px; height: 0; overflow: hidden;
}

.error-forget {
    color: #cc0033;
    font-size: 12px;
}

.suc-forget {
    color: #168e3e;
    font-size: 15px;
    font-weight: bold;
    text-align: left;
}


.active .user-info-right {
    float: right;
    margin-right: 265px;
    margin-top: 10px;
}


.inactive .user-info-right {
    float: right;
    margin-right: 85px;
    margin-top: 10px;
}

.user-pan  .btn-primary  {
background: transparent;
border: 0;	
}

.user-pan  .btn-primary:active,.user-pan   .btn-primary.active,.user-pan   .open > .dropdown-toggle.btn-primary {
background: transparent;
border: 0;	
}

.user-pan  .btn-primary:hover  {
	
}

.user-pan  .btn-primary .fa {
font-size: 24px;
float: left;
padding-right: 15px;	
color: #006eb4 ;
}

.user-pan  .btn-primary  .name {
    padding-top: 8px;
    float: left;
    font-size: 16px;
    font-weight: 300;
    padding-right: 5px;
    color: #333;
    font-family: 'Roboto', sans-serif;
}

.user-pan  .btn .caret {
    margin-left: 0;
    color: #006eb4 ;
}

.user-pan .dropdown-menu {
    border-radius: 0;
    margin-top: 5px;
    right: 0;
}

.user-menu {padding: 0;}


.user-menu li {
border-bottom: 1px solid rgba(0, 0, 0, .15);
}

.user-menu .last{
    border-bottom: 0;
}

.user-menu  li  a .fa{
color: #006eb4 ;
padding-right: 10px;
font-size: 16px;	
}

.user-menu  li a{
padding: 10px;
color: #333E48;
font-size: 13px;
}

.user-menu   li a:hover{
background: #DDF5F9;	
}


.acd-pan {
    margin-top: 50px;
}

.acd-pan .panel-group .panel {
        border-radius: 0;
		box-shadow: none;
		border-bottom: 1px solid #D0D2D3;
    }

    .acd-pan .panel-default > .panel-heading {
        padding: 0;
		border-radius: 0;
		color: #212121;
		background-color: #EDEEEE;
		border-color: #D0D2D3;
		height: auto;
    }

    .acd-pan .panel-title {
        font-size: 14px;
margin: 0;
    }

    .acd-pan .panel-title > a {
        display: block;
	padding: 15px;
	text-decoration: none;
	color: #333;
	text-transform: capitalize;
	font-size: 14px;
    }
	
	
	
	.acd-pan .panel-title > .collapse {
    color: #006eb4 ;
	font-weight: 600;
    }
	
	.acd-pan .panel-title > .collapse .fa {
    color: #006eb4 ;
    }
	
	
	.acd-pan .panel-title > a:hover {
    color: #006eb4 ;
	font-weight: 600;
    }
	
	.acd-pan .panel-title > a:hover > .fa {
    color: #006eb4 ;
    }
	
	.acd-pan .panel-title > a  .fa{
		padding: 0;
font-size: 20px;
color: #333;
    }

    .acd-pan .more-less {
        float: right;
        color: #212121;
    }

    .acd-pan .panel-default > .panel-heading + .panel-collapse > .panel-body {
        border-top-color: #F4F5F5;
padding: 0;
    }
	
	
.acd-pan  .panel-group .panel + .panel {
    margin-top: 0;
}

a.active{
	background: #F4F5F5;
	color: #006eb4  !important;
	font-weight: 600;
}

a.active .fa{
	color: #006eb4  !important;
}

.menuSelected {
background: #F4F5F5;
color: #006eb4  !important;
font-weight: 600;
}

.menuSelected  .fa {
    
}

.submenu {
	
}

.submenu ul {
margin: 0;
list-style: none;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 0;
padding-right: 0;
float: left;
width: 100%;
}

.submenu ul li a {
float: left;
width: 100%;
padding: 8px 0px;
border-bottom: 1px solid #D0D2D3;
padding-left: 30px;
font-size: 13px;
color: #686868;	
}

.submenu ul .last a {
border-bottom: 0;
}

.submenu ul li a:hover {
color: #006eb4 ;		
font-weight:  bold;
}

.submenu ul .active a {
color: #006eb4 ;		
font-weight:  bold;
}

.submenu ul li a .fa{
float: right;
width: 24px;
color: #fff;
padding: 5px;
font-size: 15px;
margin-right: 14px;
height: 24px;
text-align: center;
background: #6E6E6E;
border-radius: 50%;
}

.submenu ul li a:hover > .fa {
background: #006eb4 ;
color: #fff;		
}

.submenu ul .active a > .fa {
background: #006eb4 ;
color: #fff;		
}

.form-horizontal .control-label {
    padding-top: 7px;
    margin-bottom: 0;
    text-align: right;
    font-size: 14px;
    font-weight: 400;
}



/*===========Loading Spinner Start==========*/

/* Absolute Center Spinner */
.loading {
  position: fixed;
  z-index: 999;
  height: 2em;
  width: 2em;
  overflow: show;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

/* Transparent Overlay */
.loading:before {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.3);
}

/* :not(:required) hides these rules from IE9 and below */
.loading:not(:required) {
  /* hide "loading..." text */
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.loading:not(:required):after {
  content: '';
  display: block;
  font-size: 10px;
  width: 1em;
  height: 1em;
  margin-top: -0.5em;
  -webkit-animation: spinner 1500ms infinite linear;
  -moz-animation: spinner 1500ms infinite linear;
  -ms-animation: spinner 1500ms infinite linear;
  -o-animation: spinner 1500ms infinite linear;
  animation: spinner 1500ms infinite linear;
  border-radius: 0.5em;
  -webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
  box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
}

/* Animation */

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/*============End Loading Spinner*/
 
.iframe-container iframe,
.iframe-container object,
.iframe-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.content-header h1 {
  margin: 0;
  margin-left: 20px;
  line-height: 65px;
  display: inline-block;
}

#heading-title h1{
color: #014382;
float: left;
font-size: 26px;
font-weight: 300;
margin-top: 11px;
padding-left: 10px;
text-transform: capitalize;
}

#heading-title .logo-inside{
    float: left;
}

.profile {
float: left;
padding-top: 20px;
width: 100%;
padding-bottom: 20px;
background: #EDEEEE;
display: none;
}

.profile-image {
}

.profile-image img {
    border: 3px solid #fff;
    width: 85px;
}

.row-centered {
    text-align:center;
}
.col-centered {
    display:inline-block;
    float:none;
    /* reset the text-align */
    text-align:left;
    /* inline-block space fix */
    margin-right:-4px;
}

.padding-right-none { padding-right: 0 !important;}
.padding-left-none { padding-left: 0 !important;}
.nopadding {padding: 0 !important;}

.nopadding-top-bottom {padding: 15px 0 !important;}

.sidebar-brand a {
background: #2A3F54 !important;
color: #fff !important;
font-size: 15px;
font-weight: bold !important;
}

.profile-name  {
    color: #fff;
}

.profile-name .name{
    font-size: 12px;
    font-weight: bold;
    text-align: left !important;
    width: 100%;
}

.profile-name .text{
    color: #e9e9e9;
    font-size: 21px;
    font-weight: 300;
    width: 100%;
}

.profile-name .btn{
    
}

.panel {
    background-color: #ffffff00;
    border: 1px solid #D0D2D3;
    border-radius: 5px;
}

.panel-default > .panel-heading {
    background-color: transparent;
    border-color: #ddd;
    color: #333;
    height: 50px;
}


.panel-footer {
    background-color: transparent;
    border-top: 1px solid #ddd;
    height: 50px;
}


.panel-footer_Default {
    background-color: transparent;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top: 1px solid #ddd;
    padding: 10px 5px 0;
	height: 250px;
}

.panel-title {
color: #333;
font-size: 19px;
font-weight: 400 !important;
margin-bottom: 0;
margin-top: 5px;
    top: 0px;
    left: 0px;
}

.panel-titleSecond {
    color: #0568b1;
    font-size: 18px;
    font-weight: 400 !important;
    margin-bottom: 0;
    margin-top: 10px;
}

.btn {
    font-size: 13px;
    font-weight: 700;
    padding: 5px;
}

.btn-header{
	padding: 2px !important;
	font-weight: 500 !important;
}

.table-responsive {
  overflow-x: inherit !important;
}

.btn-back {
margin: 0;
float: left;
/*background: #ddd;*/
height: 50px;
/*padding: 10px;*/
margin-right: 15px;
font-size: 22px;
color: #333 !important;
}

.survey-setup-pan  .pss-tab-content .tab-content {
background: #fff;
padding: 25px;
border: 1px solid #D0D2D3;
border-radius: 5px;
margin-top: -1px;
}

.survey-setup-pan  .pss-tab .active a {
    background: #fff !important;
    color: #006eb4  !important;
    font-weight: 600 !important;
    font-size: 14px;
    line-height: 1.6;
    border-radius: 5px 5px 0px 0px;
    border: 1px solid #D0D2D3;
    border-bottom: 0;
}

.survey-setup-pan  .pss-tab li a {
    background: #E5E5E5 !important;
    color: #333 !important;
    font-weight: 600 !important;
    font-size: 14px;
    line-height: 1.6;
    border-radius: 5px 5px 0px 0px;
}


.survey-setup-pan  .pss-tab li {
    border-bottom: 1px solid #D0D2D3;
}

.survey-setup-pan  .pss-tab .active {
    border: 0;
    border-bottom: 0 !important;
	margin-top: 1px;
}

.survey-setup-pan  .failureNotification {
    padding-top: 0;
    padding-bottom: 0;
}


.small-col{
	width:50px !important;
}

.medium-col{
	width:150px !important;
}

.panel > .panel-heading > .pull-left > .panel-title{
	display: inline-block;
}

.btn-back:hover {
/*background: #333 !important;*/
color: #ddd !important;
}

.checkbox-pss .checkbox{
padding-left: 20px;
}

.checkbox-pss input{
margin-top: 5px;
}

.dd_chk_drop label {
  margin-left: 10px;
}

.questions-tb h4 {
font-size: 16px;
color: #0568b1;
border-bottom: 1px solid #ddd;
padding-bottom: 5px;
}

.checkbox-pss .checkbox label{
padding-left: 5px;
font-size: 14px;
font-weight: 600;
}

.form-control {
    border-radius: 5px;
    height: 30px;
    border: 1px solid #E0E0E0;
    box-shadow: none;
}

.form-control:focus {
    border-color: #006eb4 ;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

div.dd_chk_select div#caption {
    font-size: 14px !important;
    margin-left: 10px !important;
    top: 5px !important;
}
div.dd_chk_select {
    background-image: url('../images/select-1.jpg') !important;
    height: 30px !important;
    top: 7px;
    left: 0px;
}

div.dd_chk_drop {
    top: 28px !important;
}
.inside-body {
    background: #f7f7f7 none repeat scroll 0 0;
}

.active  .profile {
	display: block;
}

.icon-table {
    float: left;
    width: 100%;
}

.icon-table ul{
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

.icon-table ul li{
    float: left;
    margin-bottom: 20px;
    margin-top: 20px;
}

.icon-table ul li a{
    background: #eee none repeat scroll 0 0;
    box-shadow: 0 0 0 1px #f8f8f8 inset, 0 0 0 1px #cccccc;
    float: left;
    padding: 15px 0 0;
    width: 100%;
}

.icon-table ul li a .icon{
    color: #006eb4 ;
    float: left;
    text-align: center;
    width: 100%;
}
.icon-table ul li a:hover .icon{
    color: #D94B00;
}

.icon-table ul li a .text{
    background: #006eb4  none repeat scroll 0 0;
    color: #fff;
    float: left;
    font-size: 16px;
    font-weight: 400;
    margin-top: 10px;
    padding-bottom: 5px;
    padding-top: 5px;
    text-align: center;
    width: 100%;
}
.icon-table ul li a:hover .text{
    background: #D94B00 none repeat scroll 0 0;
    color: #fff;
}

.edit-profile {
    margin-bottom: 0;
    padding-top: 9px;
}

.edit-profile li a {
    background: #006eb4  none repeat scroll 0 0;
    border-radius: 2px;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    padding: 4px;
}

.log-out {
    background: #162b40 none repeat scroll 0 0;
    color: #fff;
    float: left;
    margin-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-top: 10px;
    text-align: left;
    width: 100%;
}
.log-out a{
    color: #fff;
}

.button-right {
    float: right;
    margin-left: 10px;
}
.button-left{
    margin-right: 10px;
}

.step-text {
    color: #0568b1;
    font-size: 18px;
    margin-bottom: 20px;
    margin-top: 0;
}

.ui-datepicker-trigger {
position: absolute;
right: 20px;
top: 11px;
}

.lanuage-btn {
border-radius: 5px;
padding: 10px 5px 8px 15px;
height: 45px;
border: 1px solid #E0E0E0 !important;
box-shadow: none;
background: #fff !important;
color: #333 !important;
font-weight: normal;
float: right;
}


.lanuage-btn:hover, .lanuage-btn:focus, .lanuage-btn.focus {
border-radius: 5px;
padding: 10px 5px 8px 15px;
height: 45px;
border: 1px solid #E0E0E0;
box-shadow: none;
background: #fff;
color: #333;
font-weight: normal;
float: right;
}

.bt-btn {
background: #006eb4 ;
border: #006eb4 ;
height: 42px;
padding-right: 15px;
font-size: 14px;
font-weight: normal;
line-height: 2.2;
text-align: left;
padding-left: 15px;
}

.bt-btn  .fa{
float: right;
font-size: 26px;
margin-top: 4px;
}

.bt-btn:hover  > .fa{
-moz-transform: scale(1) rotate(360deg);
-webkit-transform: scale(1) rotate(360deg);
-o-transform: scale(1) rotate(360deg);
-ms-transform: scale(1) rotate(360deg);
transform: scale(1) rotate(360deg);
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}

.bt-btn:hover  , .bt-btn:focus {
background: #D94B00 !important;
}

.dataTables_length .form-control  {
height: 35px !important;	
}

.dataTables_length .txtSearch  {
border-radius: 5px 0px 0px 5px !important;
border-right: 0 !important;
}

.dataTables_length #btnClear  {
border: #ec971f;
color: #fff;
background: #f0ad4e;
border-radius: 0px 5px 5px 0px;
width: 37px;
}

.dataTables_length .col-md-6 {
	padding: 0 0 10px 0;
}

.myinfo {
    float: left;
}

.paging_simple_numbers {
float: right;
margin-top: 5px !important;
}

.table-striped > tbody > tr:nth-of-type(2n+1) {
    background-color: #F5F5F8;
}

table.dataTable {
    border-collapse: separate !important;
    background: #fff;
}

table.dataTable {
    border-radius: 5px;
}

table.dataTable  .btn {
    font-size: 12px;
    font-weight: 600;
    padding: 5px !important;
}

div.dataTables_wrapper div.dataTables_length label {
    padding-right: 5px;
}

.dataTable thead {
    height: 40px;
}

table.dataTable.table-condensed .sorting::after, table.dataTable.table-condensed .sorting_asc::after, table.dataTable.table-condensed .sorting_desc::after {
top: 10px !important;
}

.table tbody td {
font-size: 13px;	
}

.searh-bar-table {
padding: 0 !important;
position: absolute;
right: 50px;
text-align: right;
margin-top: 0;
}


.table > thead > tr > th {
    vertical-align: middle;
	background-color: transparent ;
}

tr.selected > td{
	color: #5cb85c;
	font-weight: bold;
}

.sd-row th{    background: #cccccc none repeat scroll 0 0 !important;}

.item-center {text-align: center;}

.row-border { border-bottom: 10px solid #fff;
}


.physician-dash  #page-content-header {
    padding-left: 0;
    margin-left: 0;
    width: 100%;
    height: 65px;
    position: fixed;
    background: #fff;
    border-bottom: 1px solid #EBEBF3;
    z-index: 10;
}

.physician-dash  #heading-title h1 {
color: #333;
float: left;
font-size: 26px;
font-weight: 300;
margin-top: 18px;
padding-left: 40px;
text-transform: capitalize;
margin-bottom: 18px;
font-family: 'Roboto', sans-serif;
}

.physician-dash .user-pan .btn-primary .fa {
    font-size: 39px;
    float: left;
    padding-right: 20px;
    color: #006eb4 ;
}

.physician-dash .user-pan .btn-primary .name {
    padding-top: 8px;
    float: left;
    font-size: 16px;
    font-weight: 300;
    padding-right: 5px;
    color: #333;
    font-family: 'Roboto', sans-serif;
}

.physician-dash .user-pan .btn .caret {
    margin-left: 15px;
    color: #006eb4 ;
    background: transparent url("../images/caret-icon.png") no-repeat center;
    border: 0;
    float: left;
    width: 20px;
    height: 20px;
    margin-top: 8px;
}

.physician-dash .sidebar-nav > .sidebar-brand {
    height: 65px;
    line-height: 48px;
    background: #fff;
    border-right: 0;
    border-top: 0 !important;
    border-bottom: 1px solid #EBEBF3 !important;
}

.physician-dash  #sidebar_menu li a,.physician-dash  .sidebar-nav li a {
background: transparent !important;
padding-top: 8px;
}

.physician-dash  .sidebar-nav li {
    text-indent: 8px;
}

.physician-dash  .acd-pan {
    margin-top: 64px;
}

.physician-dash  #menu-toggle {
float: left;
font-size: 20px;
padding-right: 15px;
padding-top: 20px;
cursor: pointer;
color: #999;
z-index: 100;
font-weight: 100;
padding-left: 15px;
position: fixed;
}

.physician-dash  .acd-pan .panel-group .panel {
    border-radius: 0;
    box-shadow: none;
    border-bottom: 0;
    border-right: 0;
	border-color: #EBEBF3;
}

.physician-dash .acd-pan .panel-title > a {
    display: block;
    padding: 15px;
    text-decoration: none;
    color: #525252;
    text-transform: capitalize;
    font-size: 15px;
    background: #fff;
    font-weight: 300;
}

.physician-dash  .acd-pan .panel-title > a:hover {
    font-weight: 400;
	color: #525252;
}

.physician-dash  .acd-pan .panel-title > a.active  {
    background: #EBEBF3;
	font-weight: 400;
	color: #525252;
}

.physician-dash  .acd-pan .panel-title > a.active .fa {
    color: #006eb4  !important;
}

.physician-dash  .acd-pan .panel-title > a:hover .fa {
    color: #006eb4  !important;
}

.physician-dash  #sidebar-wrapper {
    margin-left: -250px;
    left: 0px;
    width: 250px;
    background: #fff;
    position: fixed;
    height: 100%;
    z-index: 100;
    transition: all .4s ease 0s;
    border-right: 1px solid #EBEBF3;
}

.physician-dash  #wrapper.active {
    padding-left: 250px;
}


.physician-dash   #wrapper.active #sidebar-wrapper {
    left: 250px;
}

.physician-dash   .sidebar-nav {
    display: block;
    float: left;
    width: 250px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.physician-dash   #wrapper {
    padding-left: 0;
    transition: all .4s ease 0s;
    height: 100%;
}

.physician-dash  .active .user-info-right {
    float: right;
    margin-right: 270px;
    margin-top: 10px;
}

.physician-dash  .inactive .user-info-right {
    float: right;
    margin-right: 25px;
    margin-top: 10px;
}

.physician-dash .content-aria {
padding-left: 20px;
padding-right: 20px;
padding-top: 20px;
padding-bottom: 20px;
background: #FCFCFD;
}

.physician-dash   #page-content-wrapper {
    padding-left: 0;
    margin-left: 0;
    width: 100%;
    padding-top: 65px;
    height: auto;
}

.physician-dash  .acd-pan .panel-title > a .fa {
    padding: 0;
    font-size: 20px;
    color: #B5B5B5;
    padding-right: 15px;
}

.physician-dash  .acd-pan  .panel-group {
    margin-bottom: 20px;
    border-bottom: 1px solid #EBEBF3;
}

.physician-dash  .panel-title {
    color: #333;
    font-size: 20px;
    font-weight: 400 !important;
    margin-bottom: 0;
}

.physician-dash  .panel-title .fa {
color: #006eb4 ;
}

.feedbackbtn {
background: #DF5206;	
border-color: #DF5206;
}
.feedbackbtn:focus,
.feedbackbtn.focus {
background: #BF3200;
border-color: #DF5206;
}
.feedbackbtn:hover {
background: #BF3200;
border-color: #DF5206;
}

.feedbackbtn:active,
.feedbackbtn.active {
background: #BF3200;
border-color: #DF5206;
}
.feedbackbtn:active:hover,
.feedbackbtn.active:hover,
.feedbackbtn:active:focus,
.feedbackbtn.active:focus,
.feedbackbtn:active.focus,
.feedbackbtn.active.focus {
background: #BF3200;
border-color: #DF5206;
}

.arc path { stroke: #fff;}

.chart-pan {
	
}

.inv-line {
border-right: 1px solid #EBEBF3;	
}

.chart-pan  .data-charts{
text-align: left;	
}

.chart-pan  .data-charts h2{
font-size: 35px;
font-weight: 300;
color: #333;
margin: 0;
padding-top: 25px;
padding-bottom: 25px;	
}

.chart-pan  .data-charts ul{
padding: 0;
margin: 0;
list-style: none;	
}

.chart-pan  .data-charts ul li{
font-size: 18px;
font-weight: 100;
padding-bottom: 15px;	
}

.chart-pan  .data-charts ul li .fa{
padding-right: 15px;
font-size: 26px;
vertical-align: middle;	
}

.chart-pan  .data-charts ul li span{
font-weight: 500;
color: #DF5206;
}

.chart-pan  .data-charts .blue{color: #4CBBE9 ;}
.chart-pan  .data-charts .green{color:#C4DB69 ;}
.chart-pan  .data-charts .yellow{color:#FDC87C ;}
.chart-pan  .data-charts .dark-green{color: #5AC8AF;}
.chart-pan  .data-charts .red {color: #F2786B;}
.chart-pan  .data-charts .purple {color: #9B59B6;}

.chart-pan .inside {
font-size: 70px;
opacity: 0.4;
font-family: 'Roboto', sans-serif;	
}

.chart-pan .data {
font-size: 15px;
opacity: 0.2;
}

.chart-pan .inside2 {
font-size: 70px;
opacity: 0.55;
font-family: 'Roboto', sans-serif;
}

.chart-pan .data2 {
font-size: 15px;
opacity: 0.3;
}


.invitation-tb table.dataTable {
border-collapse: separate !important;
border: 1px solid #F5F5F8;
}

.invitation-tb .table-bordered > thead > tr > th, 
.invitation-tb .table-bordered > tbody > tr > th, 
.invitation-tb .table-bordered > tfoot > tr > th, 
.invitation-tb .table-bordered > thead > tr > td, 
.invitation-tb .table-bordered > tbody > tr > td, 
.invitation-tb .table-bordered > tfoot > tr > td {
    border: 0;
}

.invitation-tb table.dataTable.table-condensed .sorting::after, 
.invitation-tb table.dataTable.table-condensed .sorting_asc::after, 
.invitation-tb table.dataTable.table-condensed .sorting_desc::after {
    top: 6px;
    right: 6px;
    display: none;
}

.invitation-tb table.table-bordered.dataTable tbody th, 
.invitation-tb table.table-bordered.dataTable tbody td {
    border-bottom-width: 0;
    padding: 10px;
    font-size: 14px;
    font-weight: 300;
    vertical-align: middle;
}

.invitation-tb .table-striped > tbody > tr:nth-of-type(2n+1) {
    background-color: #F5F5F8;
}

.invitation-tb .table > caption + thead > tr:first-child > th, 
.invitation-tb .table > colgroup + thead > tr:first-child > th, 
.invitation-tb .table > thead:first-child > tr:first-child > th, 
.invitation-tb .table > caption + thead > tr:first-child > td, 
.invitation-tb .table > colgroup + thead > tr:first-child > td, 
.invitation-tb .table > thead:first-child > tr:first-child > td {
    border-top: 0;
    font-size: 14px;
    color: #333;
    font-weight: 500;
    padding-left: 10px;
}

.invitation-tb span.status-date {
    color: #000;
    font-size: 13px;
}

.invitation-tb  span.status-success {
    color: #5cb85c;
    font-size: 13px;
    font-weight: 500;
}

.invitation-tb  span.status-success {
    color: #5cb85c;
    font-size: 13px;
    font-weight: 500;
}

.invitation-tb  span.status-pending {
    font-weight: 500;
    color: #f0ad4e;
    font-size: 13px;
}

.invitation-tb  span.name-icon-coworker {
    background-color: #f0ad4e;
    border-color: #eea236;
    border-radius: 50%;
    color: #fff;
    font-weight: bold;
    font-size: 12px;
    width: 37px;
    height: 37px;
    text-align: center;
    vertical-align: middle;
    padding: 11px 5px;
    float: left;
}

.invitation-tb  span.name-icon-DH {
    background-color: #5AC8AF;
    border-color: #5AC8AF;
    border-radius: 50%;
    color: #fff;
    font-weight: bold;
    font-size: 12px;
    width: 37px;
    height: 37px;
    text-align: center;
    vertical-align: middle;
    padding: 11px 5px;
    float: left;
}

.invitation-tb  span.name-icon-DC {
    background-color: #5AC8AF;
    border-color: #5AC8AF;
    border-radius: 50%;
    color: #fff;
    font-weight: bold;
    font-size: 12px;
    width: 37px;
    height: 37px;
    text-align: center;
    vertical-align: middle;
    padding: 11px 5px;
    float: left;
}

.invitation-tb  span.name-icon-OMC {
    background-color: #F2786B;
    border-color: #F2786B;
    border-radius: 50%;
    color: #fff;
    font-weight: bold;
    font-size: 12px;
    width: 37px;
    height: 37px;
    text-align: center;
    vertical-align: middle;
    padding: 11px 5px;
    float: left;
}

.invitation-tb  span.name-icon-OHT {
    background-color:#9B59B6;
    border-color: #9B59B6;
    border-radius: 50%;
    color: #fff;
    font-weight: bold;
    font-size: 12px;
    width: 37px;
    height: 37px;
    text-align: center;
    vertical-align: middle;
    padding: 11px 5px;
    float: left;
}
.testpdf
{
    color: #9B59B6 !important;
    font-size: 15px;
font-weight: 400;
    }

.invitation-tb  .inv-name  {
float: left;
padding-top: 11px;
line-height: 1;
padding-left: 10px;
}


.search-box  label{
font-size: 15px;
font-weight: 400;
padding-right: 10px;	
}

.search-box  .btn{
background: #D2D2D2;
color: #fff;
font-size: 17px;
border-radius: 0px 5px 5px 0px;
height: 30px;	
}

.search-box  .txtSearch{
border-radius: 5px 0px 0px 5px;

}


/* Notification */

/* Page Styles */

.notification-pan {
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
text-align: center;
float: left;
margin-top: 27px;
padding-right: 20px;
}

/* Notifications */

.notification-pan .notification {
display: inline-block;
position: relative;
padding: 0;
font-size: 22px;
}

.notification-pan .notification::before, 
.notification-pan .notification::after {
    color: #fff;
}

.notification-pan .notification::before {
display: block;
content: "\f0f3";
font-family: "FontAwesome";
transform-origin: top center;
color: #DADADA;
font-size: 25px;
}

.notification-pan .notification::after {
font-size: 12px;
font-weight: 700;
position: absolute;
top: -5px;
right: -8px;
padding: 4px 7px;
line-height: 100%;
border: 0;
border-radius: 60px;
background: #006eb4 ;
opacity: 0;
content: attr(data-count);
opacity: 0;
-webkit-transform: scale(0.5);
transform: scale(0.5);
transition: transform, opacity;
transition-duration: 0.3s;
transition-timing-function: ease-out;
}

.notification-pan .notification.notify::before {
    -webkit-animation: ring 1.5s ease;
    animation: ring 1.5s ease;
}

.notification-pan .notification.show-count::after {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

@-webkit-keyframes ring {
    0% {
        -webkit-transform: rotate(35deg);
    }
    12.5% {
        -webkit-transform: rotate(-30deg);
    }
    25% {
        -webkit-transform: rotate(25deg);
    }
    37.5% {
        -webkit-transform: rotate(-20deg);
    }
    50% {
        -webkit-transform: rotate(15deg);
    }
    62.5% {
        -webkit-transform: rotate(-10deg);
    }
    75% {
        -webkit-transform: rotate(5deg);
    }
    100% {
        -webkit-transform: rotate(0deg);
    }
}

@keyframes ring {
    0% {
        -webkit-transform: rotate(35deg);
        transform: rotate(35deg);
    }
    12.5% {
        -webkit-transform: rotate(-30deg);
        transform: rotate(-30deg);
    }
    25% {
        -webkit-transform: rotate(25deg);
        transform: rotate(25deg);
    }
    37.5% {
        -webkit-transform: rotate(-20deg);
        transform: rotate(-20deg);
    }
    50% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg);
    }
    62.5% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }
    75% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg);
    }
    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}


/* End Notification */


.frist-time-alt {
border: 1px solid #FAF2CC;
font-size: 17px;	
}

.physician-dash  .panel {
    background-color: #fff;
    border: 1px solid #EBEBF3;
    border-radius: 0;
	box-shadow: none;
}

.physician-dash  .panel-default > .panel-heading {
    background-color: transparent;
    border-color: #EBEBF3;
    color: #333;
    height: 50px;
}

.physician-dash  .panel-footer {
    background-color: transparent;
    border-top: 1px solid #EBEBF3;
    height: 50px;
}



/* super admin and moa dashbord */

.admin_moa_dashbord  #page-content-header {
    padding-left: 0;
    margin-left: 0;
    width: 100%;
    height: 65px;
    position: fixed;
    background: #fff;
    border-bottom: 1px solid #EBEBF3;
    z-index: 10;
}

.admin_moa_dashbord   #heading-title h1 {
color: #333;
float: left;
font-size: 26px;
font-weight: 300;
margin-top: 18px;
padding-left: 40px;
text-transform: capitalize;
margin-bottom: 18px;
font-family: 'Roboto', sans-serif;
}

.admin_moa_dashbord  .user-pan .btn-primary .fa {
    font-size: 39px;
    float: left;
    padding-right: 20px;
    color: #006eb4 ;
}

.physician-dash .user-pan .btn-primary .name {
    padding-top: 8px;
    float: left;
    font-size: 16px;
    font-weight: 300;
    padding-right: 5px;
    color: #333;
    font-family: 'Roboto', sans-serif;
}

.admin_moa_dashbord  .user-pan .btn .caret {
    margin-left: 15px;
    color: #006eb4 ;
    background: transparent url("../images/caret-icon.png") no-repeat center;
    border: 0;
    float: left;
    width: 20px;
    height: 20px;
    margin-top: 8px;
}

.admin_moa_dashbord  .sidebar-nav > .sidebar-brand {
    height: 65px;
    line-height: 48px;
    background: #fff;
    border-right: 0;
    border-top: 0 !important;
    border-bottom: 1px solid #EBEBF3 !important;
}

.admin_moa_dashbord   #sidebar_menu li a,
.admin_moa_dashbord  .sidebar-nav li a {
background: transparent !important;
padding-top: 8px;
}

.admin_moa_dashbord   .sidebar-nav li {
    text-indent: 8px;
}

.admin_moa_dashbord   .acd-pan {
    margin-top: 64px;
}

.admin_moa_dashbord   #menu-toggle {
float: left;
font-size: 20px;
padding-right: 15px;
padding-top: 20px;
cursor: pointer;
color: #999;
z-index: 100;
font-weight: 100;
padding-left: 15px;
position: fixed;
}

.admin_moa_dashbord   .acd-pan .panel-group .panel {
    border-radius: 0;
    box-shadow: none;
    border-bottom: 0;
    border-right: 0;
	border-color: #EBEBF3;
}

.admin_moa_dashbord  .acd-pan .panel-title > a {
    display: block;
    padding: 15px;
    text-decoration: none;
    color: #525252;
    text-transform: capitalize;
    font-size: 15px;
    background: #fff;
    font-weight: 300;
}

.admin_moa_dashbord   .acd-pan .panel-title > a:hover {
    font-weight: 400;
	color: #525252;
}

.admin_moa_dashbord   .acd-pan .panel-title > a.active  {
    background: #EBEBF3;
	font-weight: 400;
	color: #525252;
}

.admin_moa_dashbord   .acd-pan .panel-title > a.active .fa {
    color: #006eb4  !important;
}

.admin_moa_dashbord   .acd-pan .panel-title > a:hover .fa {
    color: #006eb4  !important;
}

.admin_moa_dashbord  #sidebar-wrapper {
    margin-left: -250px;
    left: 0px;
    width: 250px;
    background: #fff;
    position: fixed;
    height: 100%;
    z-index: 100;
    transition: all .4s ease 0s;
    border-right: 1px solid #EBEBF3;
}

.admin_moa_dashbord   #wrapper.active {
    padding-left: 250px;
}


.admin_moa_dashbord    #wrapper.active #sidebar-wrapper {
    left: 250px;
}

.admin_moa_dashbord    .sidebar-nav {
    display: block;
    float: left;
    width: 250px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.admin_moa_dashbord    #wrapper {
    padding-left: 0;
    transition: all .4s ease 0s;
    height: 100%;
}

.admin_moa_dashbord   .active .user-info-right {
    float: right;
    margin-right: 270px;
    margin-top: 10px;
}

.admin_moa_dashbord  .inactive .user-info-right {
    float: right;
    margin-right: 25px;
    margin-top: 10px;
}

.admin_moa_dashbord  .content-aria {
padding-left: 20px;
padding-right: 20px;
padding-top: 20px;
padding-bottom: 20px;
background: #FCFCFD;
}

.admin_moa_dashbord    #page-content-wrapper {
    padding-left: 0;
    margin-left: 0;
    width: 100%;
    padding-top: 65px;
    height: auto;
}

.admin_moa_dashbord   .acd-pan .panel-title > a .fa {
    padding: 0;
        padding-right: 0px;
    font-size: 20px;
    color: #B5B5B5;
    padding-right: 15px;
}

.admin_moa_dashbord   .acd-pan  .panel-group {
    margin-bottom: 20px;
    border-bottom: 1px solid #EBEBF3;
}

.admin_moa_dashbord  .panel-title {
    color: #333;
    font-size: 20px;
    font-weight: 400 !important;
    margin-bottom: 0;
    margin-top: 0;
}

.admin_moa_dashbord  .panel-title .fa {
color: #006eb4 ;
}

.admin_moa_dashbord  .panel {
    background-color: #fff;
    border: 1px solid #EBEBF3;
    border-radius: 0;
	box-shadow: none;
}

.admin_moa_dashbord  .panel-default > .panel-heading {
    background-color: transparent;
    border-color: #EBEBF3;
    color: #333;
}

.admin_moa_dashbord  .panel-footer {
    background-color: transparent;
    border-top: 1px solid #EBEBF3;
    height: 50px;
}

.admin_moa_dashbord  .search-box .btn {
    background: #D2D2D2;
    color: #fff;
    font-size: 17px;
    border-radius: 0px 5px 5px 0px;
    height: 35px;
    width: 35px;
}

.admin_moa_dashbord  .submenu ul li a {
    float: left;
    width: 100%;
    padding: 8px 0px;
    border-bottom: 1px solid #EBEBF3;
    padding-left: 30px;
    font-size: 13px;
    color: #686868;
    padding-right: 15px;
}
.admin_moa_dashbord  .submenu ul .last a {
    border-bottom: 0;
}

.admin_moa_dashbord  .submenu ul {
    margin: 0;
    list-style: none;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 0;
    padding-right: 0;
    float: left;
    width: 100%;
    padding: 0;
}

.admin_moa_dashbord .acd-pan .panel-title > a[aria-expanded="true"] {
    background: #EBEBF3;
	color: #006eb4 ;
	font-weight: 400;
}

.admin_moa_dashbord .acd-pan .panel-title > a[aria-expanded="true"] .fa{
	color: #006eb4 ;
}

.table-bordered {
    border: 1px solid #EBEBF3;
}

.table-bordered > thead > tr > th, 
.table-bordered > tbody > tr > th, 
.table-bordered > tfoot > tr > th, 
.table-bordered > thead > tr > td, 
.table-bordered > tbody > tr > td, 
.table-bordered > tfoot > tr > td {
        border: 1px solid #EBEBF3;
}

.admin_moa_dashbord  table.table-bordered.dataTable tbody th, 
.admin_moa_dashbord  table.table-bordered.dataTable tbody td {
    border-bottom-width: 0;
    font-size: 14px;
    font-weight: 300;
    vertical-align: middle;
}

.jconfirm .jconfirm-box div.jconfirm-title-c {
	border-bottom: 1px solid #EBEBF3;
}
.active-itm a {
	
color: #3C763D !important;
	
font-size: 12px !important;
	
}
	
.active-itm a .fa {
	
background: #3C763D !important;

color: #fff !important;        
	
}
	
.closed-itm a {
	
color: #A94442 !important;
	
font-size: 12px !important;
	
}
	
.closed-itm a .fa {
	
background: #A94442 !important;
	
color: #fff !important;        
	
}
	
.question-title {
	
background: #535c68 !important;
	
padding: 10px 15px 9px !important;
	
line-height: 1 !important;
	
color: #fff !important;
	
font-size: 15px !important;
	
font-weight: 600 !important;

}

}

.responses-hd {
background: #fff;
width: 100%;
margin-bottom: 30px;
border-bottom: 1px solid #EBEBF3;
padding-left: 20px;
padding-right: 20px;
float: left;
padding-top: 10px;
padding-bottom: 10px;	
}

.responses-hd  .logo-responses{
float: left;
padding-right: 15px;	
}

.responses-hd  .logo-name{
color: #333;
float: left;
font-size: 26px;
font-weight: 300;
padding-left: 40px;
text-transform: capitalize;
font-family: 'Roboto', sans-serif;
margin: 0;
padding-top: 5px;
}

.responses-pan .panel-heading h3 {
	
}

.responses-pan .list-group .question-desc span {
color: #005293;
font-size: 15px;
font-weight: 600;	
}

.responses-pan .list-group .question-desc p{
color: #005293;
font-size: 15px;
font-weight: 400;	
}

.responses-pan .list-group .list-group-item  {
padding-top: 15px;
}

.responses-pan .list-group .list-group-item .icheck-primary {
    display: inline;
    margin-right: 15px;
	line-height: 2;
}

.responses-pan .list-group .list-group-item  [class*="icheck-"] > input:first-child + label::before, 
.responses-pan .list-group .list-group-item  [class*="icheck-"] > input:first-child + input[type="hidden"] + label::before {
    border: 1px solid #006eb4 ;
}

.responses-pan .list-group .list-group-item .icheck-primary > input:first-child:checked + label::before, 
.responses-pan .list-group .list-group-item .icheck-primary > input:first-child:checked + input[type="hidden"] + label::before {
    background-color: #006eb4 ;
    border-color: #006eb4 ;
}


/* End super admin and moa dashbord */


@media only screen and (max-width: 800px) {

    #heading-title .logo-inside img {
        width: 90px;
    }

    .admin_moa_dashbord #heading-title h1 {
        padding-left: 10px;
        font-size: 18px;
        margin: 0;
        padding-top: 10px;
    }

    .admin_moa_dashbord #page-content-header {
        height: 45px;
    }

    .admin_moa_dashbord #page-content-wrapper {
        padding-top: 45px;
    }
}

    @media (max-width:767px) {
        #wrapper {
            padding-left: 70px;
            transition: all .4s ease 0s;
        }

        .

        #sidebar-wrapper {
            left: 70px;
        }

        #wrapper.active {
            padding-left: 250px;
        }

            #wrapper.active #sidebar-wrapper {
                left: 250px;
                width: 250px;
                transition: all .4s ease 0s;
            }

        #heading-title h1 {
            color: #0568b1;
            float: left;
            font-size: 17px;
            font-weight: 300;
            margin-top: 11px;
            padding-left: 10px;
        }

        .icon-table ul li a .text {
            background: #2a3f54 none repeat scroll 0 0;
            color: #fff;
            float: left;
            font-size: 10px;
            font-weight: 400;
            margin-top: 10px;
            padding: 5px;
            text-align: center;
            width: 100%;
        }

        .responses-pan .list-group .list-group-item .icheck-primary {
            display: block;
            margin-right: 0;
            margin-left: 0;
        }
    }

    @media only screen and (max-width: 800px) {

        /* Force table to not be like tables anymore */
        #no-more-tables table,
        #no-more-tables thead,
        #no-more-tables tbody,
        #no-more-tables th,
        #no-more-tables td,
        #no-more-tables tr {
            display: block;
        }

            /* Hide table headers (but not display: none;, for accessibility) */
            #no-more-tables thead tr {
                position: absolute;
                top: -9999px;
                left: -9999px;
            }

        #no-more-tables tr {
            border: 1px solid #ccc;
        }

        #no-more-tables td {
            /* Behave  like a "row" */
            border: none;
            border-bottom: 1px solid #eee;
            position: relative;
            padding-left: 50%;
            white-space: normal;
            text-align: left;
        }

            #no-more-tables td:before {
                /* Now like a table header */
                position: absolute;
                /* Top/left values mimic padding */
                top: 6px;
                left: 6px;
                width: 45%;
                padding-right: 10px;
                white-space: nowrap;
                text-align: left;
                font-weight: bold;
            }





            /*
	Label the data
	*/
            #no-more-tables td:before {
                content: attr(data-title);
            }
    }

    .panel-collapse
{
    border:none !important    
}

.panel-collapse > panel-body
{
    border:none !important    
}

.panel-collapse > .panel-heading
{
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
}

.panel-heading .accordion-toggle:after {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings';  /* essential for enabling glyphicon */
    content: "\e114";    /* adjust as needed, taken from bootstrap.css */
    float: right;        /* adjust as needed */
    color: grey;         /* adjust as needed */
}
.panel-heading .accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\e080";    /* adjust as needed, taken from bootstrap.css */
}

.panel-collapse .panel-heading .panel-title
{
    color: #333;    
    font-size:16px;
}

.panel-collapse .panel-heading .panel-title a
{
    text-decoration:none;    
}

.panel-collapse .panel-heading .panel-title a:hover
{
    color:inherit;
    text-decoration:underline;    
}

.other-question-panel
{
    padding-left: 0px;
    padding-right: 0px;    
}

.site-name {
    border-left: 1px solid #0a3152;
    color: #0a3152;
    float: left;
    font-size: 22px;
    font-weight: 600;
    margin-left: 20px;
    padding-left: 20px;
    padding-top: 8px;
}

.site-logo
{
    float:left;  
	padding-top: 10px;
}

.logout-text
{
    float: right;
    padding-top: 11px;    
}

a.report-login
{
    font-size: 25px;
    font-weight: bold;
    text-decoration: none;  
    color:#fff;  
}
.jumbotron{
	background-color: transparent !important;
}

/*=====ios switch checkbox===========*/
.ios-switch > input[type="checkbox"] {
  display: none;
}

.ios-switch > label {
  cursor: pointer;
  height: 0px;
  position: relative;
  width: 30px;
}

.ios-switch > label::before {
  background: rgb(225, 225, 225);
  border: 1px solid #bbb;
  border-radius: 20px;
  content: '';
  height: 20px;
  margin-top: -10px;
  position: absolute;
  transition: all 0.4s ease-in-out;
  width: 34px;
}

.ios-switch > label::after {
  background: rgb(255, 255, 255);
  border-radius: 16px;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
  content: '';
  height:18px;
  left: 1px;
  margin-top: -5px;
  position: absolute;
  top: -4px;
  transition: all 0.3s ease-in-out;
  width:18px;
}

.ios-switch > input[type="checkbox"]:checked + label::before {
  background: inherit;
  border: inherit;
}

.ios-switch > input[type="checkbox"]:checked + label::after {
/*   background: inherit; */
  left: 15px;
}

.richText-toolbar > ul{
	padding-left:0 !important;
}

.richText-toolbar > ul > li{
	font-size: x-small;
}

.btn-transparent {
  background-color: transparent;
  border-color: transparent;
}

.show-inline > .form-control {
	width:auto !important;
	float:left;
}

.show-inline > .fa {
	float:left;
	padding-right: 10px;
    padding-top: 7px;
}

.show-inline > button {
	float:left;
	margin-left: 12px;
}

.ui-datepicker .ui-icon{
	
}

.append-form .control-label{
	text-align:left !important;
}

td.details-control {
    background: url('../images/details_open.png') no-repeat center center;
    cursor: pointer;
}
tr.shown td.details-control {
    background: url('../images/details_close.png') no-repeat center center;
}

td.details-control-inner {
    background: url('../images/details_open.png') no-repeat center center;
    cursor: pointer;
}
tr.shown td.details-control-inner {
    background: url('../images/details_close.png') no-repeat center center;
}

/*=====Customize multiselect dropdown styles==========*/
ul.multiselect-container > li.disabled{
	opacity:0.5;
}

ul.multiselect-container > li.disabled > a > label{
	cursor: not-allowed;
}

ul.multiselect-container > li.disabled > a > label{
	cursor: not-allowed;
}

ul.multiselect-container > li.disabled > a:hover:after {
  content: 'Facility is already assigned to Survey with same Survey Category';
  position: absolute;
  padding:0px 5px;
  background-color: black;
	color: #fff;
	bottom: 72%;
    left: 40%;
    margin-left: -60px;
  font-size: 11px;
}

.orderable{
	cursor: all-scroll;
}

span.status-success{
	font-weight: bold;
    color: #5cb85c;
}

span.status-pending{
	font-weight: bold;
    color: #f0ad4e;
}

span.status-date{
	font-size: 12.5px;
    color: #98abcc;
}

span.name-icon-success{
	border-color: #4cae4c;
    background-color: #5cb85c;
    padding: 9px;
    border-radius: 50%;
    color: #fff;
    font-weight: bold;
    font-size: 12px;
}

span.name-icon-pending{
	background-color: #f0ad4e;
    border-color: #eea236;
    border-radius: 50%;
    color: #fff;
    font-weight: bold;
    font-size: 12px;
	width: 37px;
    height: 37px;
    text-align: center;
    vertical-align: middle;
    padding: 11px 5px;
    float: left;
}

.ui-widget-header{
	color: #1c94c4;
}

.btn-file {
  position: relative;
  overflow: hidden;
}
.btn-file input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 100%;
  min-height: 100%;
  font-size: 100px;
  text-align: right;
  filter: alpha(opacity=0);
  opacity: 0;
  background: red;
  cursor: inherit;
  display: block;
}

.editable-question,.editable-answer {
 width: auto;
 outline: none;
border: none;
}

.editable-question:hover,.editable-question:focus,.editable-answer:hover,.editable-answer:focus {
 width: auto;
     outline: auto;
    border: none;
}

.custom-checkbox{
	display: unset !important;
}

span.inline-checkbox{
	position: absolute;
    right: 3%;
}

@media screen and (max-width: 1440px) {
  .chart-pan .data-charts ul li .fa {
    padding-right: 10px;
    font-size: 20px;
    vertical-align: middle;
}

.chart-pan .data-charts ul li {
    font-size: 15px;
    font-weight: 100;
    padding-bottom: 8px;
}
.chart-pan .data-charts ul li {
    font-size: 15px;
    font-weight: 100;
    padding-bottom: 8px;
}
}

textarea.autosize{
	resize: none !important;
}
/* Nadika for pdf Report */
.dc{
    display: table;
    margin: 0 auto;
}
.logo{
    height: 70px;
    width:170px;
}
.w600{
    width:600px;
}
.orange{
    color:#ff8000;
	font-weight:bold;
}
.green{
    color:rgb(34, 97, 34);
	font-weight:bold;
}
.purple{
    color: rgb(78, 38, 116);
	font-weight:bold;
}
.gray{
    color:rgb(170, 170, 165);
	font-weight:bold;

}
.w500{
    width:500px;
	
}
.w100{
    width:100px;
}
.w300{
    width:300px;
}
.maincontainer {
    width:100%;
    height: 100%;
    text-align: center;
}
.maincontainer-b {
    width:100%;
    height: 100%;
    text-align: center;
	padding-top:25px;
	
}

.leftcolumn-b {
    display:inline-block;
    width: 16%;
    height: 100%;
    background:#f0f5e6;
    border: 0px;
    color:#6ca063;
}
  
.contentwrapper-b {
    display:inline-block;
    width: 16%;
    height: 100%;
    background-color: #f6e5e4;
    border: 0px;
    color:#b55757;
	
}
  
.leftcolumn {
    display:inline-block;
    width: 16%;
    height: 100%;
    background: #6ca063;
    border: 0px;
    border-radius: 15px;
    color:white;
}
  
.contentwrapper {
    display:inline-block;
    width: 16%;
    height: 100%;
    background-color: #b55757;
    border: 0px;
    border-radius: 15px;
    color:white;
}
.olalign{
    text-align: left;
}
.border{
    border-collapse: collapse;
    border: 10px;
    border-collapse: collapse;
    border-color: #ccc;
}
.border td{
   padding:10px;
}
.question-category-title{
	background: #006eb4  !important;
	color: #fff !important;
	line-height: 1;
	font-size: 20px;
	font-weight: 600;
	padding-top: 15px;
}

.list-group-item_Setting {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #d0cfcf33;
    border: 1px solid #f0f0f08a;
    width: 400px;
}

.list-group-item_Config {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #d0cfcf33;
    border: 1px solid #f0f0f08a;
    width: 615px;
}



.list-group-item_Setting_page {
       padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    background: #FCFCFD;
    width: 1000px;
    
}

.pp-btn
{
    float: none !important;
    margin-top: 15px;
    margin-bottom: 15px;
    }
    
 .rs-popup 
 {
     height: auto !important;
     margin: 10px;
     border-radius: 10px;
     left: auto;
  }
 @media screen and (max-width: 736px) {
   .rs-popup 
 {
     left: 0 !important;
     }
}

div.dataTables_wrapper div.dataTables_length select.search-ddl
{
    width:auto !important;
}


/* permission-table  */

.permission-table .treeview {
    background: #fff;
    padding: 15px;
    margin-bottom: 15px;
    border: 1px solid #ddd;
    list-style: none;
    list-style-type: none;
}

.permission-table .treeview .treeview-row-1{
    background: #e9e9e9;
    padding: 5px 15px 5px 10px;
    margin-bottom: 10px;
}

.permission-table .treeview li ul{
    margin: 0;
    list-style: none;
    list-style-type: none;
}

.permission-table .treeview li ul li{
    padding: 5px 15px 5px 10px;
    border-radius: 0;
    margin: 0;
}

.permission-table .treeview li ul .treeview-row-3{
    background: #efefef;
}

.permission-table .treeview li ul .treeview-row-4{
    background: #f5f5f5;
}


.material-switch > input[type="checkbox"] {
    display: none;   
}

.material-switch > label {
    cursor: pointer;
    height: 0px;
    position: relative; 
    width: 40px;  
}

.material-switch > label::before {
    background: rgb(0, 0, 0);
    box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5);
    border-radius: 8px;
    content: '';
    height: 10px;
    margin-top: -4px;
    position: absolute;
    opacity: 0.3;
    transition: all 0.4s ease-in-out;
    width: 37px;
}
.material-switch > label::after {
    background: rgb(255, 255, 255);
    border-radius: 16px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
    content: '';
    height: 22px;
    left: -4px;
    margin-top: -7px;
    position: absolute;
    top: -4px;
    transition: all 0.3s ease-in-out;
    width: 22px;
}
.material-switch > input[type="checkbox"]:checked + label::before {
    background: inherit;
    opacity: 0.5;
}
.material-switch > input[type="checkbox"]:checked + label::after {
    background: inherit;
    left: 24px;
}


.MSRS-RVC .ParametersFrame {
    border: 0 !important;
    margin-bottom: 10px;
}


.MSRS-RVC .ParamLabelCell label, .MSRS-RVC .ParamEntryCell label {
    vertical-align: middle;
    color: #333;
    padding-right: 10px;
}

.MSRS-RVC .ParamEntryCell input {
    vertical-align: middle !important;
    padding: 6px !important;
    border: 1px solid #9E9E9E !important;
    border-radius: 6px 0 0 6px !important;
    margin-bottom: 10px !important;
}

.MSRS-RVC .ParamEntryCell .glyphui {
    display: inline !important;
    padding: 9px !important;
    margin-bottom: 13px !important;
    border: 1px solid #9E9E9E !important;
    margin-left: 0 !important;
    font-size: 10pt !important;
    border-radius: 0px 6px 6px 0 !important;
    border-left: 0 !important;
    font-family: "reportingservicesglyphs-regular" !important;
}

.MSRS-RVC .SubmitButtonCell {
    border-left: 0 !important;
}

.MSRS-RVC .ParamEntryCell input:disabled {
    opacity: 100 !important;
}

.MSRS-RVC .SubmitButtonCell {
    border-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 0 !important;
}

    .MSRS-RVC .SubmitButtonCell .SubmitButton {
        background: #28a745;
        border: 1px solid #28a745;
        border-radius: 5px;
        font-size: 14px;
        font-weight: 600;
        color: #fff;
        padding: 6px 10px;
    }

.MSRS-RVC td.ParamEntryCell select {
    margin-left: 0 !important;
    padding: 6px !important;
    border: 1px solid #9e9e9e;
    border-radius: 6px !important;
    width: 100% !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; /* Remove default arrow */
    background-image: url(images/arrow-dd.jpg); /* Add custom arrow */
    background-repeat: no-repeat !important;
    background-position: right top !important;
    padding-right: 40px !important;
}


.MSRS-RVC INPUT, .MSRS-RVC BUTTON, .MSRS-RVC SELECT, .MSRS-RVC TABLE, .MSRS-RVC BODY, .MSRS-RVC FRAMESET, .MSRS-RVC TEXTAREA {
    font-size: 14px;
    font-family: 'Titillium Web', sans-serif !important;
}


/* End-permission-table  */