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


html,
body {
    padding: 0px;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    background: #fff ;
    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;
}

.bootstrap-tagsinput {
    width: 100%;
}

.rs-dis input[type="radio"][disabled] + label
{
    padding-top: 5px;
}

.rs-dis input[type="radio"][checked]
{
    background: url('../images/bu.png') center no-repeat;
}

.rs-dis input[type="radio"][disabled]
{
    border-color: #28a745;
    opacity: 0.65;
}

.rs-dis input[type="radio"]{
    border: 1px solid #2b2b2b;
    border-radius: 50%;
    height: 20px;
    width: 20px;
    -webkit-appearance: none;
}


.rs-dis input[type="checkbox"][disabled] + label
{
    padding-top: 5px;
}

.rs-dis input[type="checkbox"][checked]
{
    background: url('../images/lu.png') center no-repeat;
}

.rs-dis input[type="checkbox"][disabled]
{
    border-color: #28a745;
    opacity: 0.65;
}

.rs-dis input[type="checkbox"]{
    border: 1px solid #2b2b2b;
    height: 20px;
    width: 20px;
    -webkit-appearance: none;
}

.re-back-btn
{
    padding-left: 15px;
    margin: 0;
    padding-top: 10px;
}

.bootstrap-tagsinput .input {
    width: 100%;
}


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

.multiselect-container
{
    width: 100% !important;
    max-height: 250px !important;
}

.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*/

.bootstrap-tagsinput {
    width: 100%;
}

.bootstrap-tagsinput input {
    width: 100% !important;
}
.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: #00A0E9 ;
    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: #00A0E9  !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: #00A0E9 ;
    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: #00A0E9 ;
    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: #00A0E9  !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: #00A0E9 ;
    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:1200 !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: #00A0E9 ;
    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: #00A0E9 ;
    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, span.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, span.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;
    width: 440px;
}

.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;
}

.form-controlDate {
    border-radius: 5px;
    height: 30px;
    border: 1px solid #E0E0E0;
    box-shadow: none;
    width: 20%;
    background-color:White;
}


.alert {
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 0;
    /*margin-left: 332px;*/
}
.Notification {
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 0;
    height: 32px;
    padding: 5px;
}


.NotificationLong {
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 0;
    height: 42px;
    padding: 11px;
}

.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  #00A0E9 ;
    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: #00A0E9 ;
}

.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: #00A0E9 ;
}

.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: #00A0E9 ;
    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: #00A0E9 ;
    font-weight: 600;
}

.acd-pan .panel-title > .collapse .fa {
    color: #00A0E9 ;
}


.acd-pan .panel-title > a:hover {
    color: #00A0E9 ;
    font-weight: 600;
}

.acd-pan .panel-title > a:hover > .fa {
    color: #00A0E9 ;
}

.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: #00A0E9  !important;
    font-weight: 600;
}

a.active .fa{
    color: #00A0E9  !important;
}

.menuSelected {
    background: #F4F5F5;
    color: #00A0E9  !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: #00A0E9 ;
    font-weight:  bold;
}

.submenu ul .active a {
    color: #00A0E9 ;
    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: #00A0E9 ;
    color: #fff;
}

.submenu ul .active a > .fa {
    background: #00A0E9 ;
    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: #F4F5F5;
    border: 1px solid #D0D2D3;
    border-radius: 5px;
}

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

.response_page .panel-default > .panel-heading {
    height: auto !important;
}

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

.qpanel_rec .question-desc {
    padding: 10px 15px;
    cursor: auto;
    background: #f5f5f5;
    font-size: 16px;
    font-weight: 400;
    color: #333;
}

.Qno {
    background: #eee;
    border-radius: 9px;
    padding: 3px;
    border: 1px solid #ddd;
    font-size: 14px;
    font-weight: 600;
    width: auto;
    float: left;
    margin-right: 10px;
    line-height: 1;
}

.Qtp {
    padding-right: 10px;
}

.qi-footer{
    background: #f5f5f5;
}

.qpanel_rec .div-answers .col-md-3 {
    width: 100%;
}

.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: #00A0E9  !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: #00A0E9 ;
    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: #00A0E9 ;
    float: left;
    text-align: center;
    width: 100%;
}
.icon-table ul li a:hover .icon{
    color: #D94B00;
}

.icon-table ul li a .text{
    background: #00A0E9  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: #00A0E9  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: #00A0E9 ;
    border: #00A0E9 ;
    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: 1px solid #ddd;
    color: #333;
    background: #fff;
    border-radius: 0px 5px 5px 0px !important;
    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: #00A0E9 ;
}

.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: #00A0E9 ;
    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: #00A0E9  !important;
}

.physician-dash  .acd-pan .panel-title > a:hover .fa {
    color: #00A0E9  !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: #00A0E9 ;
}

.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: #00A0E9 ;
    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: #00A0E9 ;
}

.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: #00A0E9 ;
    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: #00A0E9  !important;
}

.admin_moa_dashbord   .acd-pan .panel-title > a:hover .fa {
    color: #00A0E9  !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: #00A0E9 ;
}

.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: #00A0E9 ;
    font-weight: 400;
}

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

.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 #00A0E9 ;
}

.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: #00A0E9 ;
    border-color: #00A0E9 ;
}


/* End super admin and moa dashbord */



@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: #00A0E9  !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;
}

/*================confog file styles start=================*/
.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;
}
/*================config file styles end=================*/

/*  --------- Alert Adjustments ---------*/
div.link-expired {
    box-sizing: border-box;
}
div.link-expired .alert {
    position: relative !important;
    padding: 0 !important;
    min-width: 250px !important;
    margin-left: 0 !important;
}
div.link-expired .alert button.close {
    margin: 0.45rem 1rem;
    opacity: 0.75;
}
div.link-expired .alert button.close:hover {
    opacity: 1;
}
div.link-expired .alert-icon,
div.link-expired .alert-text {
    display: table-cell;
    vertical-align: middle;
}
div.link-expired .alert-icon {
    min-width: 40px;
    text-align: center;
    font-size: 2.2rem;
    color: white;
    background-color: rgba(0, 0, 0, 0.25);
    padding: 1rem;
}
div.link-expired .alert-text {
    color: #2d3a51;
    padding: 2.4rem;
    width: 100%;
}
div.link-expired .alert-text > h5 {
    margin-top: 0;
    font-weight: 600;
}
div.link-expired .alert .alert-link {
    font-weight: normal;
    color: #4790e6;
}
div.link-expired .alert ul {
    margin: 0;
}
div.link-expired .alert ul li {
    margin-bottom: 0.2rem;
}
div.link-expired .alert ul li:last-child {
    margin-bottom: 0;
}
div.link-expired .alert-warning {
    background-color: #fff8f5;
    border-color: #ffccb3;
}
div.link-expired .alert-warning .alert-text h5 {
    color: #ff5400;
}
div.link-expired .alert-warning button.close {
    color: #ff5400;
}
div.link-expired .alert-warning .alert-icon {
    background-color: #ff5400;
}
div.link-expired .alert-help {
    background-color: #fffcf5;
    border-color: #ffe4ad;
}
div.link-expired .alert-help .alert-text h5 {
    color: #ffab00;
}
div.link-expired .alert-help button.close {
    color: #ffab00;
}
div.link-expired .alert-help .alert-icon {
    background-color: #ffab00;
}
div.link-expired .alert-info {
    background-color: #f7fbff;
    border-color: #cee5ff;
}
div.link-expired .alert-info .alert-text h5 {
    color: #3592ff;
}
div.link-expired .alert-info button.close {
    color: #3592ff;
}
div.link-expired .alert-info .alert-icon {
    background-color: #3592ff;
}
div.link-expired .alert-danger {
    background-color: #fdf5f5;
    border-color: #f6d3d3;
}
div.link-expired .alert-danger .alert-text h5 {
    color: #d33534;
}
div.link-expired .alert-danger button.close {
    color: #d33534;
}
div.link-expired .alert-danger .alert-icon {
    background-color: #d33534;
}
div.link-expired .alert-success {
    background-color: #edf8ed;
    border-color: #b9e4b9;
}
div.link-expired .alert-success .alert-text h5 {
    color: #42ae42;
}
div.link-expired .alert-success button.close {
    color: #42ae42;
}
div.link-expired .alert-success .alert-icon {
    background-color: #42ae42;
}

/*  --------- End Alert Adjustments ---------*/

p.passowrd-warnings
{
    margin-top: 15px;
    font-weight: 500;
    font-size: 15px;
}

/*=====question_block=====*/

.new_question_pan {
    margin-top: 15px;
}

.left-meg {
    margin-left: 20%;
}

.btn-sm {
    padding: 3px 6px !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
    border-radius: 3px !important;
}

.btn-outline-primary,
.btn-outline-secondary,
.btn-outline-success,
.btn-outline-danger,
.btn-outline-warning,
.btn-outline-info,
.btn-outline-light,
.btn-outline-dark {
    background-color: #fff !important;
}

.btn-outline-primary {
    color: #286090;
    background-color: #fff !important;
}
.btn-outline-secondary {

}
.btn-outline-success {
    color: #449d44;
    background-color: #fff !important;
}
.btn-outline-danger {
    color: #c9302c;
    background-color: #fff !important;
}
.btn-outline-warning {
    color: #ec971f;
}
.btn-outline-info {
    color: #31b0d5;
    background-color: #fff !important;
}
.btn-outline-light {

}
.btn-outline-dark {

}


.btn-outline-primary.focus, .btn-outline-primary:focus {
    color: #286090;
    border-color: #286090;
    outline: none;
}
.btn-outline-success.focus, .btn-outline-success:focus {
    color: #449d44;
    border-color: #449d44;
    outline: none;
}
.btn-outline-danger.focus, .btn-outline-danger:focus {
    color: #c9302c;
    border-color: #c9302c;
    outline: none;
}
.btn-outline-warning.focus, .btn-outline-warning:focus {
    color: #ec971f;
    border-color: #ec971f;
    outline: none;
}
.btn-outline-info.focus, .btn-outline-info:focus {
    color: #31b0d5;
    border-color: #31b0d5;
    outline: none;
}


.btn-outline-primary:hover, btn-outline-primary:visited, btn-outline-primary:active, btn-outline-primary:focus   {
    color: #FFFFFF !important;
    background-color: #286090 !important;
}
.btn-outline-secondary:hover, btn-outline-secondary:visited, btn-outline-secondary:active, btn-outline-secondary:focus  {

}
.btn-outline-success:hover, btn-outline-success:visited, btn-outline-success:active, btn-outline-success:focus {
    color: #FFFFFF !important;
    background-color: #449d44 !important;
}
.btn-outline-danger:hover, btn-outline-danger:visited, btn-outline-danger:active, btn-outline-danger:focus {
    color: #FFFFFF !important;
    background-color: #c9302c !important;
}
.btn-outline-warning:hover, btn-outline-warning:visited, btn-outline-warning:active, btn-outline-warning:focus  {
    color: #FFFFFF !important;
    background-color: #ec971f !important;
}
.btn-outline-info:hover, btn-outline-info:visited, btn-outline-info:active, btn-outline-info:focus {
    color: #FFFFFF !important;
    background-color:  #31b0d5 !important;
}
.btn-outline-light:hover, btn-outline-light:visited, btn-outline-light:active, btn-outline-light:focus  {

}
.btn-outline-dark:hover, btn-outline-dark:visited, btn-outline-dark:active, btn-outline-dark:focus  {

}

.qa-block {
    background: #f8f8f8 !important;
    border: 1px solid #e4e4e4 !important;
}

.qa-block .panel-heading{
    border-color: #e4e4e4 !important;
}

.qpanel {
    -webkit-box-shadow: 0px 0px 4px -1px #CCC !important;
    box-shadow: 0px 0px 4px -1px #CCC !important;
    margin-bottom: 40px !important;
    border: 0 !important;
    margin-right: 15px;
}
.qpanel .answer-area {
    border: 1px dashed #00A0E9 !important;
    border-radius: 0 0 3px 3px !important;
    padding: 10px 10px 12px !important;
}

.qpanel .question-desc {
    border: 1px dashed #00A0E9 !important;
    padding: 7px 10px !important;
    cursor: all-scroll;
}

.btn-aria-qa {
    margin-top: -14px;
    position: relative;
    right: 15px;
}

.checkbox-btn .form-check  {
    float: left;
    padding-top: 3px;
}

.editable-icon, .editable-header {
    border: 0;
    padding: 3px;
    background: transparent url("../images/edit-cd.png") no-repeat center left;
    padding-left: 20px;
    margin-left: 5px;
}

.tab-content > .active {
    display: block;
    background: #F4F5F5;
    padding: 10px;
    padding-bottom: 0;
    border: 1px solid #D0D2D3;
}

.tab-content > .active {
    display: block;
    background: #F4F5F5;
    padding: 10px;
    padding-bottom: 0;
    border: 1px solid #D0D2D3;
    float: left;
    width: 100%;
}

.create-tab-styles > li > a {
    padding: 8px;
    font-weight: bold;
}

.create-tab-styles  > li.active > a,.create-tab-styles  > li.active > a:hover,.create-tab-styles > li.active > a:focus {
    background: #F4F5F5;
}

.create-content-styles {
    margin-top: -1px;
}

.create-content-styles-2   {
    margin-top: -1px;
}
.create-content-styles-2 .tab-pane  {
    background: #fff;
}


.lan-selection {
    padding: 0;
    border: 0;
    background: transparent;
    margin-left: 10px;
}

.lan-selection li a {
    padding: 6px;
    border-radius: 4px 4px 0 0;
    border: 1px solid #ddd;
    border-bottom: 0;
    font-weight: bold;
    line-height: 1;
}

.lan-selection > li.active > a, .lan-selection > li.active > a:hover, .lan-selection > li.active > a:focus {
    background: #fff;
    color: #333;
}

.complete-question .tab-content > .active {
    float: none;
    padding-bottom: 10px;
}

.lng-tab-lp > .tab-pane {
    padding: 0;
    border: 0;
}

/*===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: #00A0E9;
    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: #F4F5F5 !important;
    color: #00A0E9 !important;
    font-weight: 600 !important;
    font-size: 14px;
    line-height: 1.5;
    border-radius: 5px 5px 0px 0px;
    border: 1px solid #D0D2D3;
    border-bottom: 1px solid #F4F5F5;
}

.survey-tab li a:not(.btn) {
    background: #fff !important;
    color: #333 !important;
    font-weight: 600 !important;
    font-size: 14px;
    line-height: 1.5;
    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===*/

/* error page styles start*/

.msg-container {
    min-height: 50vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.msg-logo-img {
    width: 200px;
}

.msg-box {
    width: 80%;
    max-width: 650px;
    height: 170px;
    background-color: #ededed;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    margin: 20px;
}

.msg-large-text {
    font-size: 28px;
    color: #035494;
    margin-top: 0 !important;
}

.msg-medium-text {
    font-size: 20px;
    color: #035494;
    margin-top: 0 !important;
}

.msg-orange-text a {
    text-decoration: none;
    color: orange;
}

.msg-footer {
    padding: 20px 0;
    position: fixed;
    bottom: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.msg-button-div {
    padding: 10px;
}

.msg-button-link {
    padding: 7px 12px;
    background-color: #43B1E9;
    border: none;
}

.msg-button-span {
    margin-right: 5px;
}
/* error page styles end */

.tooltip {
    z-index: 999999999 !important;
}

@media (min-width: 1200px){
    .modal-xl {
        width: 90%;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .modal-xl {
        width: 1170px;
    }
}
@media (min-width: 768px) and (max-width: 991px){
    .modal-xl {
        width: 970px;
    }
}
@media (max-width: 768px){
    .modal-xl {
        width: 750px;
    }
}