body {
    font-weight: 400;
    font-size: 14px;
    height: 100%;
    overflow-x: hidden
}
.navbar-fixed-top{
    position: fixed;
    z-index: 110;
}
.underlineFocus:focus{
    text-decoration: underline !important;
}
.navbar-light .navbar-brand{
    color:#0d638f
}
.navbar-light .navbar-brand:hover{
    color:#0d638f !important
}
.department-id-div .container{
width: 100%;
}
#my_prof_data .mod-drop-sel .form-control.flattered {
    margin-bottom: 10px;
}


#loginAlert.show{
    opacity: 1 !important;
}

.h3, h3 {
    font-size: 24px;
}
.modal-open .modal{
    opacity: 1;
}
.bootstrap-select.btn-group .dropdown-menu.show{
    display: block;
}

/**custom checkbox new updated for bootstrap-select css start here**/
/* .dropdown.bootstrap-select div.dropdown-menu.show{
	padding: 5px 0;
} */
.dropdown.bootstrap-select button.btn:focus, .dropdown.bootstrap-select button.btn:active, .dropdown.bootstrap-select button.btn:hover{
	border: 1px solid #ccc !important;
}
.dropdown.bootstrap-select .dropdown-menu.show{
	display: block;
    overflow: auto;
}
.dropdown.bootstrap-select .dropdown-menu{
	/* position: absolute; */
	top: 100%;
	left: 0;
	z-index: 1000;
	display: none;
	float: left;
	list-style: none;
	text-shadow: none;
	padding: 0px;
	margin: 0px;
	-webkit-box-shadow: 0 1px 8px rgb(0 0 0 / 10%);
	-moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
	box-shadow: 0 1px 8px rgb(0 0 0 / 10%);
	font-size: 14px;
	font-family: "Segoe UI",Helvetica, Arial, sans-serif;
	border: 1px solid #ddd;
}
.select-btn-style .dropdown.bootstrap-select .dropdown-menu li{
	font-size: 16px;
}
.select-btn-style .dropdown.bootstrap-select .dropdown-menu li a {
	padding: 10px 10px 10px 50px !important;
	font-size: 16px;
	display: inline-flex;
	width: 100%;
}
.select-btn-style .dropdown.bootstrap-select.show-tick .dropdown-menu li a:hover, .select-btn-style .dropdown.bootstrap-select.show-tick .dropdown-menu li a:focus {
	background-color: #f5f5f5;
}
.select-btn-style .dropdown.bootstrap-select.show-tick .dropdown-menu li a span.text {
	line-height: 20px;
	color: #545454!important;
	padding-top: 1px;
}
.select-btn-style .dropdown.bootstrap-select.show-tick .dropdown-menu li.selected a span.check-mark {
	margin-top: 0px;
	top: 11px;
}
.select-btn-style .dropdown.bootstrap-select.show-tick .dropdown-menu li a span.check-mark {
	width: 20px;
	height: 20px;
	left: 15px;
	position: absolute;
	border: 2px solid #7d7d7d;
	display: block;
	margin-top: 0px !important;
	display: block !important;
	top: 11px;
}
.select-btn-style .dropdown.bootstrap-select.show-tick .dropdown-menu li.selected a span.check-mark:before {
	content: ""!important;
	width: 10px;
	height: 10px;
	background: #00AEEF;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.select-btn-style .dropdown.bootstrap-select.show-tick .dropdown-menu li a span.check-mark:before {
	content: ""!important;
}
.select-btn-style .dropdown.bootstrap-select.show-tick .dropdown-menu li.selected a span.check-mark:before{
	width: 10px;
	height: 10px;
	background: #00AEEF;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.dropdown.bootstrap-select .bs-ok-default:after{
	content: "";
	display: none;
}
/**custom checkbox new updated for bootstrap-select css end here**/

.h5, h5{
    font-size:14px;
}
#preview_survey .modal-header .close{
    font-weight: bold;
    top:0px
}
a:not([href]):not([class]), a:not([href]):not([class]):hover{
    cursor: pointer;
}
.link_copycss input,
.link_copycss {
    font-weight: 700;
    height: 20px;
    vertical-align: baseline;
}
#health_condition_standards_modal .modal-title{
    width:95%;
}
#health_condition_standards_modal .close{
    position: absolute !important;
}
#dept_filter_form .form-group select{
    margin:10px 0
}
.pass_notemsg li, .pass_notemsg h3{
    font-weight: 700;
}
.modal-header .btn-close{
    right: 20px;
    top: 20px;
    position: absolute;
    z-index: 1;
}
@media (min-width: 768px) {
    .btn-primary {
        color: #fff;
        background-color: #337ab7;
        border-color: #2e6da4;
    }
      .btn {
          font-size: 14px !important;
      }
    .navbar-fixed-top {
        z-index: 111;
    }
      
    
    .btn-primary.disabled, .btn-primary:disabled{
        opacity: 0.5;
    }
}
select:focus {
    outline: none !important;
    box-shadow: none !important;
    border: 1px solid #ccc !important;
}
.modal-header .close .fa{
    font-size: 14px;
    opacity: 0.4;
}

.onscreen_modalinner .modal-header .btn-close {
    right: 20px;
    top: 20px;
    position: absolute;
    z-index: 1;
}
.form-select:focus {
    box-shadow: none !important;
    outline: none !important;
    cursor: pointer;
    border: 1px solid #ccc !important;
}
b, strong{
    font-weight: bold;
}
#facility{
    font-weight: 600;
}
.self-pat.active{
    font-weight: bold;
}
.daterangepicker.dropdown-menu{
    border: 1px solid #ccc;
}

.modal-footer{
    display: block !important;
}







#forms_data .accordion-button{
    position:relative
  }
  
 #forms_data .accordion-button::after {
    flex-shrink: 0;
    width: 2.25rem;
    height: 1.25rem;
    margin-left: auto;
    content: "";
    background-image: url(../img/arrow-o.png);
    background-repeat: no-repeat;
    background-size: 1.7rem;
    transition: transform .2s ease-in-out;
    position: absolute;
    right: 10px;
    background: none;
    border: none;
    font-size: 21px;
    opacity: 0.5;
    font-weight: 600;
    line-height: 20px;
}
.modal-header{
    display: block !important;
}

.bootstrap-select .dropdown-menu{
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000; display: none;
    float: left;
    list-style: none;
    text-shadow: none;
    padding: 0px;
    margin: 0px;
    -webkit-box-shadow: 0 1px 8px rgb(0 0 0 / 10%);
    -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 8px rgb(0 0 0 / 10%);
    font-size: 14px;
    font-family: "Segoe UI",Helvetica, Arial, sans-serif;
    border: 1px solid #ddd;
}
.care-team{
    min-height: 100vh;
}
.log-in-text{
    display: none;
    float: left;
    list-style: none;
    text-shadow: none;
    padding: 0px;
    margin: 0px;
    -webkit-box-shadow: 0 1px 8px rgb(0 0 0 / 10%);
    -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 8px rgb(0 0 0 / 10%);
    font-size: 14px;
    font-family: "Segoe UI",Helvetica, Arial, sans-serif;
    border: 1px solid #ddd;
}

.loginbackground .btn-block {
    color: #0091d4;
    vertical-align: middle;
    line-height: 0em;
    width: 100%;
    background: #337ab7;
}

button:focus{
    border-color: #ced4da;
    outline: 0 !important;
    box-shadow: none !important;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}
.form-control{
    font-size: 14px;
}
.form-control:focus{
    border-color: #ced4da;
    outline: 0 !important;
    box-shadow: none !important;
}
.btn-check:focus+.btn-primary, .btn-primary:focus{
    box-shadow: none !important;
}

.input-group-addon {
        padding: 6px 12px;
        font-size: 14px;
        font-weight: normal;
        line-height: 1;
        color: #555555;
        text-align: center;
        background-color: #eeeeee;
        border: 1px solid #ccc;
        border-radius: 4px;
        line-height: 22px;
        height: 34px;  
        z-index: 111;
        position: absolute;
        right: 0px;  
}
@media (min-width: 1200px){
    .container {
        width: 1170px;
        max-width: 1170px !important; 
        padding: 0 30px !important;

    }
}
/* .form-control{
    -webkit-appearance: auto !important;
    -moz-appearance: auto !important; 
    appearance: auto !important;
} */
.hide{
    display: none;
}
.bootstrap-select.btn-group .dropdown-menu.inner{
    display: block !important;
}
.sgnup_logindiv .btn.btn-primary{
    display: block;
}
div#navbarNavDropdown {
    display: inline-block !important;
    background: none;
    border: 0px solid;
    box-shadow: none;
}
.navbar-expand-lg {
    flex-wrap: nowrap;
    justify-content: flex-start;
}
.navbar-nav {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}
.mytoheader {
    margin: 0 0 0 auto;
    float: right;
    margin-right: 80px;
}

.log-in-text{
    display: none;
}


#videoModalContent button.close {
    padding: 0;
    cursor: pointer;
    color: #fff !important;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    width: 20px !important;
    height: 20px;
    opacity: 1 !important;
    }


#versionModal p{
    color: #333;
}
#versionModal h4{
    color: #333;
}
.dis-flex {
    display: inline-flex;
}


.dis-flex .col-md-2{
    width: 214px;
}

html {
    overflow-x: hidden
}
.profile-det{
    padding: 20px 0;
}

.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text{
    color: #000;
    display: inline-block;
    text-align: left
}
.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.check-mark{
    display: none !important;
}

.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark{
    display: inline-block !important;
    position: absolute;
    right: 20px;
    top: 7px;
}




.margin-right-5 {
    margin-right: 30px;
}

.padd-top-15 {
    padding-top: 15px;
}

.contenter img.up-dot {
    width: 100%;
    position: absolute;
    top: 25px;
    left: 0;
}

.big-round .inner-count {
    font-size: 2em;
    padding-top: 30%;
}

.finalize_h33{
    font-size: 16px;
    color: #000 !important;
    font-weight: 700;
    text-align: left;
    margin: 20px 0;
}
.finalize_p2{
    font-size: 14px;
    color: #000 !important;
    padding-bottom: 20px;
}
.big-round .small-legend {
    font-size: 1em;
    position: absolute;
    top: 60%;
    left: 50%;
    margin-left: -46.5px;
    width: 93px;
    margin-top: -8px;
}

.fotgt-head {
    max-height: 83px !important;
}

.arrow-white{
    width: 18px !important;
    margin-right: 5px;
}

.loginbackground .login-div .form-control, .loginbackground .login-div .form-select {
    margin: 5px 0 12px !important;
    height: 34px;
    font-size: 14px;
    /* appearance: auto; */
}

.loginbackground .login-div .form-control:focus {
    border-color: #66afe9;
    outline: 0;
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%);
}

.bootstrap-timepicker {
    position: relative;
}

.height-500-tabel {
    height: 400px;
}

.height-500-tabel hr {
    vertical-align: top;
}

.bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu {
    left: auto;
    right: 0;
}

.bootstrap-timepicker.pull-right .bootstFrap-timepicker-widget.dropdown-menu:before {
    left: auto;
    right: 12px;
}

.bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu:after {
    left: auto;
    right: 13px;
}

.bootstrap-timepicker .input-group-addon {
    cursor: pointer;
}

.login-div input::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #545454 !important;
    font-size: 14px !important;
}

.bootstrap-timepicker .input-group-addon i {
    display: inline-block;
    width: 16px;
    height: 16px;
}

.bootstrap-timepicker-widget.dropdown-menu {
    padding: 4px;
}

.bootstrap-timepicker-widget.dropdown-menu.open {
    display: inline-block;
}

.bootstrap-timepicker-widget.dropdown-menu:before {
    border-bottom: 7px solid rgba(0, 0, 0, 0.2);
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    content: "";
    display: inline-block;
    position: absolute;
}

.bootstrap-timepicker-widget.dropdown-menu:after {
    border-bottom: 6px solid #FFFFFF;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    content: "";
    display: inline-block;
    position: absolute;
}

.bootstrap-timepicker-widget.timepicker-orient-left:before {
    left: 6px;
}

.bootstrap-timepicker-widget.timepicker-orient-left:after {
    left: 7px;
}

.bootstrap-timepicker-widget.timepicker-orient-right:before {
    right: 6px;
}

.bootstrap-timepicker-widget.timepicker-orient-right:after {
    right: 7px;
}

.bootstrap-timepicker-widget.timepicker-orient-top:before {
    top: -7px;
}

.bootstrap-timepicker-widget.timepicker-orient-top:after {
    top: -6px;
}

.bootstrap-timepicker-widget.timepicker-orient-bottom:before {
    bottom: -7px;
    border-bottom: 0;
    border-top: 7px solid #999;
}

.bootstrap-timepicker-widget.timepicker-orient-bottom:after {
    bottom: -6px;
    border-bottom: 0;
    border-top: 6px solid #ffffff;
}

.bootstrap-timepicker-widget a.btn,
.bootstrap-timepicker-widget input {
    border-radius: 4px;
}

.bootstrap-timepicker-widget table {
    width: 100%;
    margin: 0;
}

.bootstrap-timepicker-widget table td {
    text-align: center;
    height: 30px;
    margin: 0;
    padding: 2px;
}
.lan-selection{
   width: 100%;
    
}

  .clearfix::after {
    content: "";
    clear: both;
    display: table;
  }
.lan-selection ul{
    list-style: none;
    margin: 0 !important;
    padding: 0px;
    display: block;
}
.lan-selection ul li{
    display: inline;
    position: relative;
    padding: 0 8px;
    float: none;
    cursor: pointer;
}
.lan-selection ul li span{
    font-size: 14px;
}

.lan-selection ul li span:after{
    content: "|";
    position: absolute;
    right:0px;
    color: #000 !important;

}
.lan-selection ul li:last-child span:after{
   display: none; 
}
.lan-selection ul li a{
    color: #000 !important;
}
.lan-selection ul li span a{
    color: #428bca !important;
}
.lan-selection ul li.active span a{
    color: #000 !important;
}
.bootstrap-timepicker-widget table td:not(.separator) {
    min-width: 30px;
}

.bootstrap-timepicker-widget table td span {
    width: 100%;
}

.bootstrap-timepicker-widget table td a {
    border: 1px transparent solid;
    width: 100%;
    display: inline-block;
    margin: 0;
    padding: 8px 0;
    outline: 0;
    color: #333;
}

.bootstrap-timepicker-widget table td a:hover {
    text-decoration: none;
    background-color: #eee;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border-color: #ddd;
}

.bootstrap-timepicker-widget table td a i {
    margin-top: 2px;
    font-size: 18px;
}

.bootstrap-timepicker-widget table td input {
    width: 25px;
    margin: 0;
    text-align: center;
}

.bootstrap-timepicker-widget .modal-content {
    padding: 4px;
}

.container-check {
    color: #000;
    font-weight: 100;
    font-size: 13px;
}

.loginbackground .login-div input[type="checkbox"],
.checkmark {}

@media only screen and (max-device-width: 600px) {
    .logo {
        padding: 8px 8px!important;
    }
    .padding-bottom-m-15 {
        padding-bottom: 15px;
    }
    .rightside {
        float: none !important;
    }
    .viva-text {
        display: none;
    }
    .cstmslctdrop .form-control {
        margin: 0px;
    }
    .cstmslctdrop .form-control {
        margin: 0px 8px 0px 0px !important;
    }
    .patient-form .chosen-container {
        width: 256px !important;
    }
    
    .app-wrappper.full-wrapper.edit_ptntblck {
        padding-left: 0px !important;
        padding-top: 60px !important;
    }
    .privacy-text {
        font-size: 24px;
        font-weight: 500;
    }
    .respond-text {
        font-size: 14.8px !important;
    }
    .timeline li {
        font-size: 14px !important;
    }
    #mytimeline a li span {
        font-size: 12px !important;
    }
    .modal-body#modal-video {
        /*height: 500px !important;*/
    }
    .patient-coder {
        position: static !important;
    }
    .fotgt-head {
        line-height: 2;
    }
    .loginbackground .login-div {
        /*width: 75% !important;*/
        float: none !important;
    }
    /* The container */
    .container-check {
        position: relative;
        padding-left: 20px !important;
        /* margin-bottom: 12px; */
        cursor: pointer;
        font-size: 14px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        color: #1d1d1d !important;
        font-weight: 400 !important;
        color: #000 !important;
    }
    /* Hide the browser's default checkbox */
    .container-check input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }
    /* Create a custom checkbox */
    .checkmark {
        position: absolute;
        top: 3px;
        left: 0;
        height: 15px;
        width: 15px;
        background-color: #fff;
        border-radius: 4px;
        border: 1px solid #ccc;
    }
    /* On mouse-over, add a grey background color */
    .container-check:hover input~.checkmark {
        background-color: #ccc;
    }
    /* When the checkbox is checked, add a blue background */
    .container-check input:checked~.checkmark {
        background-color: #2196F3;
        border-color: #2196F3;
    }
    /* Create the checkmark/indicator (hidden when not checked) */
    .checkmark:after {
        content: "";
        position: absolute;
        display: none;
    }
    /* Show the checkmark when checked */
    .container-check input:checked~.checkmark:after {
        display: block;
    }
    /* Style the checkmark/indicator */
    .container-check .checkmark:after {
        left: 4px;
        top: 1px;
        width: 5px;
        height: 9px;
        border: solid white;
        border-width: 0 2px 2px 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }
}

@media (min-width: 767px) {
    .bootstrap-timepicker-widget.modal {
        width: 200px;
        margin-left: -100px;
    }
}

body {
    /*font-family: 'Abel', sans-serif;*/
    font-weight: 400;
    font-size: 14px;
    height: 100%;
    line-height: 1.4;
}

html {
    height: 100%;
    width: 100%;
}

.wrapper {
    /*height: 100%;
    float: left;
    width: 100%;*/
}

.side-bar {
    width: 120px;
    height: 100%;
    /*left: 0; */
    position: fixed;
    /* background: rgba(0, 0, 0, 0.9); */
    background: #3A4658 none repeat scroll 0% 0%;
    /* top: 0; */
    /* bottom: 0px; */
    z-index: 999;
    /* padding-top: 70px; */
    -webkit-overflow-scrolling: touch;
    overflow: auto;
    float: left;
    min-height: 100%;
}

.side-bar span {
    font-size: 12px;
    font-weight: 400;
    word-wrap: break-word;
    width: 95%;
    display: block;
    margin: 0 auto;
}

.side-bar ul {
    position: relative;
    text-align: center;
    padding: 0;
    list-style: none;
}

.side-bar li {
    border-bottom: 1px solid;
    border-bottom-color: #393843;
    padding: 10px 0;
    display: block;
    position: relative;
}
.green-submit{
    margin-top:10px
}

.side-bar li:hover:before {
    content: "";
    width: 6px;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    background-color: #E9C014;
}

.side-bar li:hover {
    /*color: black;*/
    /*background-color: #D7DDE5;*/
    /*transition: 0.5s;*/
    /*color: #E9C014;*/
    background-color: #3A4658 !important;
    /*box-shadow: 0px 6px 9px #192029, 0px -4px 9px #192029;*/
}

.side-bar li a {
    width: 100%;
    text-align: center;
    text-decoration: none;
    color: #fff;
}

.side-bar li:hover {
    cursor: pointer;
}

.side-bar li:hover a {
    color: #efefef;
}


/*==================================dashboard==============================*/

.timeline-block {
    background-color: #fff;
    min-height: 90vh;
    /*float: left;
    width: 98.9% !important;*/
}

.timeline-block #accordion {
    /* float: left;
    width: 100%;*/
    /*padding-top: 45px;*/
}

.timeline-block #accordion .panel-title {
    font-size: 20px;
    color: #24292f;
    font-weight: 400;
}

.timeline-block #accordion .panel-title .icon {
    background: url("/assets/Expand_Collaps.png") no-repeat bottom left;
    width: 25px;
    height: 24px;
    margin-right: 15px;
    float: left;
}

.timeline-block #accordion .panel-title .collapsed .icon {
    background-position: top left;
}

.timeline-block #accordion .panel-title a {
    text-decoration: none;
}

.timeline-block #accordion .panel-title .n_vid {
    font-size: 14px;
    color: #8f9aa6;
    /*padding-left: 20px;*/
}

.timeline-block #accordion .panel-title .comp {
    font-size: 14px;
    font-weight: 500;
    color: #28c05d;
    padding-left: 20px;
}

.timeline-block #accordion .panel-body {
    padding-left: 60px;
    border: 0px;
    padding-top: 0;
}

.timeline-block #accordion .panel-body .block {
    width: 185px;
    display: inline-block;
    float: left;
    margin: 5px;
    overflow: hidden;
    height: 185px;
}

.timeline-block #accordion .panel-body .block .inner-block {
    position: relative;
}

.timeline-block #accordion .panel-body .block .inner-block img {
    /*width: 100%;*/
    width: auto !important;
}

.timeline-block #accordion .panel-body .block .inner-block .completion {
    background: rgba(124, 194, 72, 0.8);
    color: #fff;
    padding: 5px;
    position: absolute;
    right: 0;
    margin: 0px 0px 0px 0px;
}

.timeline-block #accordion .panel-body .block .inner-block .duration {
    background-color: #111;
    border: 1px solid #fff;
    border-radius: 2px;
    bottom: 2px;
    color: #fff;
    margin: 0;
    padding: 2px 5px;
    position: absolute;
    right: 0;
}

.timeline-block #accordion .panel-body .block .progress-bar {
    float: left;
    width: 85%;
    height: 5px;
    background: #7ac943;
    font-size: 14px;
}

.timeline-block #accordion .panel-body .block p {
    margin-top: 7px;
}

.timeline {
    padding-left: 0px;
    margin-top: -10px;
}


/*-------------Custom Timeline start------------*/

.slick-track {
    display: flex !important;
    overflow-x: auto;
    overflow-y: hidden;
}

#slider-nav .slick-list.draggable .slick-track {
    width: 100% !important;
}

#mytimeline a:last-child {
    margin-right: 0px;
}

#mytimeline a {
    list-style: none;
    float: left;
    width: 20%;
    font-size: 20px;
    text-align: center;
    background-color: #d7dde5;
    height: 68px;
    position: relative;
    margin-right: 2px;
}


/* #mytimeline a:after {
    content: "";
    width: 20px;
    float: right;
    height: 68px;
    position: absolute;
    right: -20px;
    background: url("/assets/Tracker_Front_Grey.png") no-repeat;
    z-index: 1;
    top: 0px;
}*/

.timeline_arrow a:after {
    content: "";
    width: 20px;
    float: right;
    height: 68px;
    position: absolute;
    right: -20px;
    background: url("/assets/Tracker_Front_Grey.png") no-repeat;
    z-index: 1;
    top: 0px;
}

#mytimeline a li {
    color: #616a74;
    display: inline-block;
    text-align: left;
    padding-top: 8px;
    text-decoration: none;
    outline: none;
    font-weight: bold;
}

#mytimeline a li span {
    display: block;
    font-size: 13px;
}

#mytimeline a.active {
    background-color: #0090d4;
    /*transition: background-color 1s;
    -webkit-transition: background-color 1s;
    -moz-transition: background-color 1s;*/
}

#mytimeline a.active li {
    color: #fff;
}


/* #mytimeline a.active:after {
    content: "";
    width: 20px;
    float: right;
    height: 68px;
    position: absolute;
    right: -20px;
    background: url("/assets/Tracker_Front_Blue.png") no-repeat;
    z-index: 1;
    top: 0px;
    transition: background 1s;
    -webkit-transition: background 1s;
    -moz-transition: background 1s;
} */

.timeline_arrow a.active:after {
    content: "";
    width: 20px;
    float: right;
    height: 68px;
    position: absolute;
    right: -20px;
    background: url("/assets/Tracker_Front_Blue.png") no-repeat;
    z-index: 1;
    top: 0px;
    /*transition: background 1s;
    -webkit-transition: background 1s;
    -moz-transition: background 1s;*/
}

#mytimeline a.active:before {
    content: "";
    border-top: 10px solid #0090d4;
    border-bottom: 10px solid transparent;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top-color: #0090d4;
    width: 10px;
    height: 10px;
    float: left;
    position: absolute;
    bottom: -20px;
    left: 0px;
    right: 0px;
    margin: auto;
    /*transition: border-top-color 1s;
    -webkit-transition: border-top-color 1s;
    -moz-transition: border-top-color 1s;*/
}

#mytimeline a:last-child:after {
    content: none;
}

footer {
    background: #333;
    padding: 15px 0 15px 0px;
    text-align: center;
    width: 100%;
    color: #fff;
    font-size: 15px;
}
/* 
.footer {
    text-align: center;
    text-align: -webkit-center;
   
    background: rgb(0, 0, 0) none repeat scroll 0px 0px;
    padding: 12px 0px;
    height: 40px;
    
    z-index: 9999;
    -webkit-overflow-scrolling: touch;
} */




.footer-new {
    background: none;
}


/*Header */

header {
    margin-bottom: 0;
    background: #fff;
    z-index: 1111 !important;
    position: relative;
}

header .atv_usrname {
    color: #33334B;
}

header .procedure-txt,
header .details-txt {
    /*margin-right: 24px;*/
    margin-right: 5px;
    cursor: pointer;
}

header .details-txt {
    margin-right: 0px;
    white-space: normal;
    display: block;
    font-size: 14px;
    color: #909AA6;
    cursor: pointer;
}

header .usr-img {
    border-radius: 100%;
    width: 45px;
    height: 45px;
    vertical-align: top;
    margin-left: 5px;
    cursor: pointer;
}

header .procedure-txt {
    font-size: 16px;
    font-weight: 400;
    display: inline-block;
    text-align: -webkit-left;
}

header .inner-text {
    color: #0091D5;
    font-size: 16px;
    font-family: Abel;
    font-weight: 400;
}

header .viva-text {
    font-size: 26px;
    font-family: deca;
    font-weight: 400;
    color: #A6A6A6;
    vertical-align: middle;
    margin-left: 5px;
    margin-top: 5px;
}

header .login-head {
    background: #fff !important;
    height: 58px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

header .help-img {
    display: block;
}

.question-img {
    border: 3px solid #616161;
    width: 46px;
    padding: 7px;
    border-radius: 25px !important;
    vertical-align: top;
}

.lock-icon-img {
    border: 0px solid #616161;
    width: 50px;
    padding: 1px;
    border-radius: 25px !important;
    vertical-align: top;
}

.avtar-place {
    border: 3px solid #616161;
    width: 46px;
    height: 45px;
    padding: 7px;
    border-radius: 25px !important;
    vertical-align: top;
    position: relative;
    top: -3px;
    cursor: pointer;
}

.wrapper {
    min-height: 100%;
    background-color: #EFEEF3;
    /* float: left; */
    /* width: 100%; */
    /* position: relative; */
    margin-bottom: -40px;
    padding-bottom: 60px;
}


/* begin of login page */

.loginbackground hr {
    opacity: 0.3;
}

.loginbackground::-moz-placeholder {
    font-size: 15px;
    color: #1B1B1B;
    font-family: 'Abel', sans-serif;
    font-weight: 400;
}

.loginbackground::-webkit-input-placeholder {
    font-size: 15px;
    color: #1B1B1B;
    font-family: 'Abel', sans-serif;
    font-weight: 400;
}

.loginbackground .login-div {
    /*min-height: 400px;/*
    /* width: 80%; */
    /* margin-left: -10%; */
    margin-top: 0%;
    background: #FFFFFF;
    padding: 10px 38px;
    font-weight: 400;
    color: #fff;
    font-size: 12px;
    width: 95%;
    box-shadow: 3px 8px 12px black;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px;
}

.login-div.sgnup_logindiv {
    padding: 10px 10px !important;
    width: 100%;
}

.abc #error_explanation {
    color: red !important;
}



@media(max-width: 768px) {
    .loginbackground .login-div {
        margin-top: -1px;
        border-top: 1px solid #ccc;
    }
    .padding-md-15 {
        padding: 0px !important
    }
    .login-text {
        font-size: 14px !important;
    }
    .welcm-img-section {
        margin-bottom: 30px;
    }
    .gapping {
        margin-left: 75px;
    }
    .accordian-cntnr h3 {
        font-size: 18px !important;
    }
    .collapse-data h5 {
        font-size: 15px !important;
    }
}

@media(max-width: 767px) {
    .moredrop {
        padding-top: 10px;
    }
    .input-group-addon{
        height: 55px;
    }
    #Mychart-login {
        position: relative;
        background: #3279b7;
        margin-bottom: 0px;
        margin-top: 15px;
    }
    #survey_data_view{
        overflow: auto;
    width: 100%;
    }
    #survey_data_view .modal-dialog{
        margin: 0px auto;
        width: 95%;
        margin-top: 70px;
    }
    .birth-day > select.form-control {
        display: inline-block;
        width: 100%;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background: url(../img/down-arrow-surey.png);
        background-repeat: no-repeat;
        background-position: 92%;
        background-size: 12px;
        margin-bottom: 5px;
    }
   
    header {
        z-index: 1111 !important;
        position: relative;
    }
    .gapping {
        margin-left: 0px;
    }
    #videorting .mytitle {
        /*margin-top: 0px !important;*/
    }
    #modal-video h1.modal-title {
        font-size: 20px !important;
        margin: 0px;
        padding: 0px;
        margin-top: 10px !important;
    }
    .play_optn {
        font-size: 0px !important;
    }
    .login-div input::-webkit-input-placeholder {
        /* Chrome/Opera/Safari */
        color: #545454 !important;
        font-size: 18px !important;
    }
}

@media(max-width: 328px) {
    .loginbackground .login-div {
        width: 100%;
        padding: 5px 20px;
    }
    .loginbackground {
        background-position: 35% 55%;
    }
    .loginbackground hr {
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .login-text {
        font-size: 13px !important;
    }
    .loginbackground .input-text {
        margin-bottom: 0px!important;
    }
    input[type="checkbox"] {
        margin: 0px !important;
    }
}

.loginbackground .login-div input[type="checkbox"] {
    float: left;
}

.loginbackground .login-div a {
    color: #337ab7;
    font-weight: bold;
}
.loginbackground .login-div a:focus {
    box-shadow: none !important;
}


.radio-inline,
.checkbox-inline {
    margin-bottom: 10px;
}

.sgnup_logindiv .col-lg-12 {
    padding: 0px 15px !important
}

#password {
    margin: 0 0 0 0 !important;
}

.loginbackground .login-text {
    margin-left: 5px;
    color: #FFFFFF;
    text-align: center;
    line-height: 7px;
    font-size: 14px;
    margin-bottom: 10px;
    font-weight: 500;
}

.sgnup_logindiv .selected-flag {
    height: 35px !important;
}

.login-text.metxt {
    color: #000000;
}

.radio-tab {
    padding: 0px 0
}

.padd-top-15 {
    padding-top: 15px;
}

.loginbackground .viva-text_new {
    font-size: 24px;
    font-family: 'Abel', sans-serif;
    font-weight: 400;
    margin: auto;
    text-align: center;
    color: #F7F7F8;
    vertical-align: middle;
    margin: 26px auto;
    margin-left: 1%;
}

.loginbackground .text-bottom {
    height: 47px;
    min-width: 47px;
    width: 513px;
    text-align: center;
    margin-top: -20px;
}

.loginbackground .inner-text {
    color: #0091D5;
    text-align: center;
    font-size: 17px;
}

.loginbackground .head-gap {
    height: 45px;
}

.loginbackground .txt-bottom {
    color: #F7F7F8;
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 10px;
    text-shadow: 1px 1px 1px #000;
    line-height: 1.4;
}

.loginbackground .btn-block {
    height: 40px;
    color: #0091d4;
    vertical-align: middle;
    line-height: 0em;
    /*width: 160px;*/
    position: relative;
}


.loginbackground .btn-block-new {
    height: 40px;
    color: #00539B;
    vertical-align: middle;
    line-height: 0em;
    background: #00539b;
    width: 100%;
    /* width: 160px; */
}

.loginbackground .btn-block.blue-n{
background:#0091d4;

}
.loginbackground .btn-block.grey{
    background: rgb(117, 117, 117);
    border: none;
    color: #000000;
}
.loginbackground .assesmnt-text {
    font-size: 14px;
    font-weight: 600;
    display: block;
    text-align: -webkit-center;
    text-align: center;
    /*margin-left: 15%;*/
}

.loginbackground .login-head-text {
    height: 20px;
}


.loginbackground .help-text {
    color: #000;
    font-size: 16px;
    font-weight: 400;
    display: block;
    text-align: center;
    margin: 0 0 10px;
}

.loginbackground .input-text {
    color: #000;
    text-align: center;
    line-height: 7px;
    font-size: 12px;
    margin-bottom: 12px;
    font-weight: bold;
}

.select-btn-style , .left-align {
    text-align: left !important;   
}

.loginbackground .newpass_text {
    color: #000;
    line-height: 7px;
    font-size: 12px;
    margin-bottom: 12px;
    font-weight: bold;
}

.loginbackground .login-head {
    height: 83px;
    text-align: center;
    width: 100%;
    background: rgba(0, 0, 0, 0.3);
    border-bottom: 1px solid;
    border-bottom-color: white;
}

.loginbackground .login-head .head-text {
    min-height: 20px;
    color: white;
    vertical-align: middle;
    line-height: 32px;
    margin-top: 24px;
    margin-bottom: 24px;
    padding-top: 24px;
}

.loginbackground .navbar .navbar-default .navbar-fixed-top {
    position: fixed;
    opacity: 0.65;
}


/* end of login page */


/*START OF WELCOME PAGE*/

.details-text {
    padding: 0 10px 0 0;
}

.welcome-background {
    background-size: cover;
    background: #000;
}

.new-welcome {
    background-size: cover;
    background-image: url(/assets/WelcomePageBackground.png)
}

.welcome-background .welcome-head {
    height: 83px;
    text-align: center;
    width: 100%;
    background: #fff;
    border-bottom: 1px solid;
    border-bottom-color: #828285;
    z-index: 10002;
}

.welcome-background .welcome-head-columbia {
    height: 83px;
    width: 100%;
    background: #fff none repeat scroll 0% 0%;
}

.welcome-background .viva-text {
    font-size: 24px;
    font-family: 'Abel', sans-serif;
    font-weight: 400;
    margin: auto;
    text-align: center;
    color: #F7F7F8;
    vertical-align: middle;
    margin: 26px auto;
    margin-left: 8px;
}

.welcome-background .welcm-img-section {
    margin-top: 5%;
    margin-bottom: 5%;
}

.welcome-background .welcm-img-section .txt-bottom {
    /*margin-top: 5%;*/
}

.welcome-background .welcm-img {
    margin-right: 10%;
    width: 100%;
    position:relative;
    height: 380px;
}

.welcome-background .txt-bottom {
    color: #FFFFFF;
    font-size: 18px;
    font-weight: 400;
}

.welcome-background .txt-bottom .frst-txt {
    margin-bottom: 0%;
}

.welcome-background .txt-bottom .fa-angle-right:before {
    font-size: 24px;
    font-weight: 900;
    margin: 0 10px;
}

.welcome-background h2 {
    color: #ffffff;
    margin-top: 10%;
    font-size: 44px;
    font-weight: 400;
    margin-bottom: 4%;
}

.welcome-background .login-text {
    color: #ffffff;
    text-align: center;
    font-size: 18px;
    margin-bottom: 15px;
    font-weight: 400;
}

.welcome-background .login-text a {
    text-decoration: underline;
    color: #F7F7F8;
}

.welcome-background .btn-lg {
    min-width: 38%;
    border-radius: 4px !important;
}

.welcome-background .btn-lg .login-text {
    font-size: 18px;
    font-weight: 600;
}

.welcome-background .details-text .txt-bottom {
    width: calc(80%);
}

.welcome-background .details-text .frst-txt {
    width: 100%;
    margin-bottom: 5%;
}


/*-------------------Suraj CSS for welcome body-----------------------*/


/*.welcome-background .modal-header {
    background-color: #EBEBEB;
}
.welcome-background .modal-footer {
    background-color: #EBEBEB;
    text-align: center;
}
.welcome-background .modal-content {
    border-radius: 6px;
}
.welcome-background .modal-content h4 {
    font-size: 30px;
    font-family: 'Abel', sans-serif;
}
.welcome-background .modal-dialog {
    width: 70%;
    overflow-y: initial !important;
}
.welcome-background .modal-body {
    height: 400px;
    overflow-y: auto;
}*/


/*-------------------Suraj CSS for welcome body-----------------------*/

.welcome-background .terms-text {
    font-size: 18px;
    font-family: Abel;
    font-weight: 400;
    font-color: #2f373c;
}

.welcome-background h5 {
    font-size: 14px;
    font-family: 'Abel', sans-serif;
    font-weight: 400;
}

.welcome-background .terms-head {
    font-size: 22px;
    font-family: Abel;
    font-weight: 400;
    font-color: #182127;
}

.welcome-background .btn-decline {
    background: #A7B2BF;
    border: 2px solid;
    border-color: #A7B2BF;
}

.welcome-background .login-head-text {
    height: 20px;
}

.welcome-background .login-head {
    height: 83px;
    text-align: center;
    width: 100%;
    background: rgba(0, 0, 0, 0.3);
    border-bottom: 1px solid;
    border-bottom-color: white;
}

.welcome-background .login-head .head-text {
    min-height: 20px;
    color: white;
    vertical-align: middle;
    line-height: 32px;
    margin-top: 24px;
    margin-bottom: 24px;
    padding-top: 24px;
}


/* Start of add patient page and patient list page*/

.patient-list {
    padding-left: 118px;
    background-color: #EFEEF3;
    min-height: 100%;
    position: relative;
    padding-bottom: 120px;
}

.patient-list .edit-block>ul>li>a {
    color: #888;
    font-size: 18px;
}

.add-patient {
    padding-left: 118px;
    background-color: #EFEEF3;
    min-height: 100%;
    position: relative;
    padding-bottom: 120px;
}


/* End of add patient page and patient list page*/


/*Start of care team page*/

.care-team {
    padding-left: 118px;
    /* background-color: #EFEEF3; */
    /* min-height: 100%; */
    position: relative;
    /* padding-bottom: 65px; */
}

.care-team .container {
    margin-right: 0;
    margin-top: 0;
    padding-top: 70px;
    width: 100%;
}

.care-team .procedure-txt {
    font-size: 18px;
    font-weight: 600;
}

.care-team .nurse-details {
    background-color: #FFFFFF;
}

.care-team .details-txt {
    font-size: 14px;
    font-weight: 400;
    color: #888;
    overflow-y: auto;
}

.care-team .thumbnail .thumb img {
    height: 168px;
    /*width: 100%;*/
    max-width: 100%;
    width: auto;
}

.care-team .head-txt {
    font-size: 24px;
    font-weight: 400;
    float: left;
    padding: 15px;
}

.care-team .nurse-div {
    margin-top: 34px;
}

.care-team .inner-text {
    color: #0091D5;
    font-size: 14px;
    font-weight: 400;
    margin: 5px 0px;
    word-wrap: break-word;
}

.care-team .inner-text i {
    font-size: 20px;
}

.care-team .name-text {
    /*margin-top: -10%;
    position: absolute;*/
    color: #0091D5;
    font-size: 20px;
    /*font-family: Abel;*/
    font-weight: 400;
    /*margin-left: 3%;*/
    word-wrap: break-word;
}

.care-team .name-doc-text {
    margin-top: -11%;
    position: absolute;
    color: #0091D5;
    font-size: 20px;
    font-weight: 400;
    margin-left: 3%;
}

.care-team .login-head {
    background: white;
}

.care-team .viva-text {
    font-size: 22px;
    font-weight: 400;
    color: #A6A6A6;
    vertical-align: middle;
    margin-left: 1%;
    margin-top: 7px;
}

.care-team .thumbnail {
    position: relative;
    padding: 0!important;
    min-height: 400px;
    max-height: 400px;
}


/*start of dashboard page*/

.head-text {
    color: black;
    font-size: 20px;
    font-weight: bold;
}

.heading-text {
    padding: 2px 0;
}

.step-text {
    font-size: 16px;
    font-weight: 400;
}

.left_head,
.right_head {
    float: right;
}

.left_head {
    padding: 8px 0;
    padding-right: 15px;
}

.left_head .dropdown {
    float: right;
    cursor: pointer;
}

.left_head .dropdown .dropdown-menu {
    /*right: 15px;*/
}

.left_head .dropdown .dropdown-toggle {
    padding: 10px 5px;
    background: transparent !important;
}

.right_head {
    padding: 5px 5px;
    text-align: center;
    text-align: -moz-center;
    text-align: -webkit-center;
    border-right: solid 1px #ddd;
}

.sidebar_icon {
    display: block;
    font-size: 24px;
    margin: 10px 0;
    text-align: center;
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

.logo {
    padding: 7px 0 0 15px !important;
    display: inline-block;
}

#patientModal .modal-header {
    background-color: #ebebeb;
    border-radius: 5px 5px 0px 0px;
    padding: 5px 15px;
}

#patientModal .modal-dialog {
    width: 100%;
    min-height: 100%;
    margin: 0;
    padding: 0;
    margin-top: 10px !important;
    overflow-y: auto !important
}

#consentpdfmodal .modal-dialog{
    max-width: 100%;
}
#patientModal .modal-content {
    height: auto;
    min-height: 100%;
    border-radius: 0;
}

#patientModal .modal-title {
    font-size: 20px;
    padding: 0px 0px;
}

#patientModal .close span {
    font-size: 18px;
    position: relative;
    top: 5px;
}

#patientModal .modal-footer {
    background-color: #d4d6db;
    border-radius: 0px 0px 5px 5px;
    padding: 12px 15px;
}

#patientModal .modal-body {
    overflow-y: auto;
}

#patientModal .btnrow {
    text-align: center;
}

#patientModal .btnrow button {
    width: 113px;
    font-size: 18px;
    color: #fff;
}

#patientModal .btnrow .btn-default {
    background-color: #a7b2bf;
    border: 0px;
}

#patientModal .btnrow .btn-primary {
    background-color: #58aade;
    border: 0px;
}

#patientModal small {
    color: #768d9a;
}

#patientModal h3 {
    color: #000;
    font-weight: 400;
    padding: 10px 0px 10px 0px;
    margin: 0px;
    font-size: 20px;
}

#patientModal h4 {
    color: #2b3944;
    padding: 15px 0px;
}

#patientModal p,
#patientModal ul li {
    font-size: 15px;
    color: #182127;
    /*line-height: 26px;*/
    font-weight: 400;
}

#patientModal p strong {
    font-size: 18px;
    font-weight: 500;
}

#patientModal address {
    margin-top: 30px;
}

#patientModal address p:first-child {
    float: left;
    width: 110px;
}

#patientModal address p:last-child {
    float: right;
    width: 270px;
}

@media(max-width:420px) {
    #patientModal address p:last-child {
        float: left;
    }
}

#patientModal .phone {
    margin-top: 30px;
}

#patientModal form {
    margin-top: 30px;
}

#patientModal form label {
    font-size: 20px;
    margin-bottom: 10px;
}

#patientModal form strong {
    font-weight: 500;
}

#patientModal form textarea {
    width: 100%;
    height: 122px;
    border: 1px solid #ccc;
    resize: none;
}

#patientModal form input[type="text"] {
    /*width: 160px;*/
    border: 1px solid #ccc;
    font-weight: 400;
}

#patientModal form .btnrow {
    text-align: right;
}

#patientModal form input[type="text"]:first-child {
    /*margin-right: 36px;*/
}

#patientModal form input[type="submit"] {
    padding: 8px 0px;
    /*width: 85px;*/
    background-color: #0091d6;
    font-size: 16px;
    /*margin-right: 20px;*/
    color: #fff;
}

#patientModal form input[type="reset"] {
    padding: 8px 0px;
    /*width: 85px;*/
    background-color: #b4b5c2;
    color: #fff;
    font-size: 16px;
}

#patientModal form .jfilestyle {
    margin-top: 30px;
}

#patientModal form .jfilestyle input {
    background-color: #fff;
    border-radius: 0;
    width: 211px;
    margin-right: 25px;
}

#patientModal form .jfilestyle span label {
    background-color: #b4b5c2;
    border-radius: 3px;
    color: #fff;
    font-size: 16px;
    margin: 10px 0;
    padding: 5px 10px;
    width: 120px;
}

#patientModal .sign_underline {
    border-top: 1px solid #333;
    margin-top: 20px;
    margin-bottom: 20px;
}

#patientModal .half-line {
    float: left;
    width: 100%;
    margin-top: 45px;
    margin-bottom: 30px;
    border-bottom: 1px solid #000;
}

#patientModal .half-line strong {
    background-color: #fff;
}

#apppatientModal .modal-header {
    background-color: #ebebeb;
    border-radius: 5px 5px 0px 0px;
    padding: 10px 15px;
}

#apppatientModal .modal-dialog {
    width: 98%;
    margin-top: 10px !important;
}

#apppatientModal .modal-title {
    font-size: 20px;
    padding: 0px 0px;
}

#apppatientModal .close span {
    font-size: 18px;
    position: relative;
    top: 5px;
}

#apppatientModal .modal-footer {
    background-color: #d4d6db;
    border-radius: 0px 0px 5px 5px;
    padding: 12px 15px;
}

#apppatientModal .modal-body {
    height: 465px;
    overflow-y: auto;
    /*padding-right: 0px;*/
    padding-top: 0px;
}

#apppatientModal .btnrow {
    text-align: center;
}

#apppatientModal .btnrow button {
    width: 113px;
    font-size: 18px;
    color: #fff;
}

#apppatientModal .btnrow .btn-default {
    background-color: #a7b2bf;
    border: 0px;
}

#apppatientModal .btnrow .btn-primary {
    background-color: #58aade;
    border: 0px;
}

#apppatientModal small {
    color: #768d9a;
}

#apppatientModal h3 {
    color: #000;
    font-weight: 400;
    padding: 20px 0px 10px 0px;
    margin: 0px;
    font-size: 20px;
}

#apppatientModal h4 {
    color: #2b3944;
    padding: 20px 0px;
}

#apppatientModal p,
#apppatientModal ul li {
    font-size: 15px;
    color: #182127;
    line-height: 26px;
    font-weight: 400;
}

#apppatientModal p strong {
    font-size: 18px;
    font-weight: 500;
}

#apppatientModal address {
    margin-top: 30px;
}

#apppatientModal address p:first-child {
    float: left;
    width: 110px;
}

#apppatientModal address p:last-child {
    float: right;
    width: 270px;
}

@media(max-width:420px) {
    #apppatientModal address p:last-child {
        float: left;
    }
}

#apppatientModal .phone {
    margin-top: 30px;
}

#apppatientModal form {
    margin-top: 30px;
}

#apppatientModal form label {
    font-size: 20px;
    margin-bottom: 10px;
}

#apppatientModal form strong {
    font-weight: 500;
}

#apppatientModal form textarea {
    width: 100%;
    height: 122px;
    border: 1px solid #ccc;
    resize: none;
}

#apppatientModal form input[type="text"] {
    /*width: 160px;*/
    border: 1px solid #ccc;
    font-weight: 400;
}

#apppatientModal form .btnrow {
    text-align: right;
}

#apppatientModal form input[type="text"]:first-child {
    /*margin-right: 36px;*/
}

#apppatientModal form input[type="submit"] {
    padding: 8px 0px;
    /*width: 85px;*/
    background-color: #0091d6;
    font-size: 16px;
    /*margin-right: 20px;*/
    color: #fff;
}

#apppatientModal form input[type="reset"] {
    padding: 8px 0px;
    /*width: 85px;*/
    background-color: #b4b5c2;
    color: #fff;
    font-size: 16px;
}

#apppatientModal form .jfilestyle {
    margin-top: 30px;
}

#apppatientModal form .jfilestyle input {
    background-color: #fff;
    border-radius: 0;
    width: 211px;
    margin-right: 25px;
}

#apppatientModal form .jfilestyle span label {
    background-color: #b4b5c2;
    border-radius: 3px;
    color: #fff;
    font-size: 16px;
    margin: 10px 0;
    padding: 5px 10px;
    width: 120px;
}

#apppatientModal .sign_underline {
    border-top: 1px solid #333;
    margin-top: 20px;
    margin-bottom: 20px;
}

#apppatientModal .half-line {
    float: left;
    width: 100%;
    margin-top: 45px;
    margin-bottom: 30px;
    border-bottom: 1px solid #000;
}

#apppatientModal .half-line strong {
    background-color: #fff;
}


/*=====================Patient list============================*/

/*.app-wrappper {
    padding-top: 80px;
    padding-left: 0px;
    height: 100%;
    padding-bottom: 0px;
    margin-bottom: 0px;
}*/
.app-wrappper {
    padding-top: 140px;
    padding-left: 0;
    height: 100%;
    padding-bottom: 0px;
    margin-bottom: 0px;
 }
 


.new-save-can button{
    display: inline-block;
    }
    
    .n-save{
        padding:7px 20px;
        border:none;
        background: #428bca;
        border-radius: 5px !important;
        color:#fff;
        width:100px
    }
    .facilityAddEdit{
        margin-top:-40px    
    }
    .expand-collapse-div{
        color: #337ab7;
    }
    .expand-collapse-div span{
        font-size: 16px;
        position: relative;
        padding-left: 20px;
        display: block;
    }
    .expand-collapse-div span:before{
        content: "+";
        width:20px;
        height: 20px;
        top:0px;
        right: 0px;
        font-weight: bold;
        margin-right:5px;
    }
    .expand-collapse-div.minus-d span:before{
        content: "-";
        width:20px;
        height: 20px;
        top:0px;
        right: 0px;
        font-weight: bold;
        margin-right: 5px;
        font-weight: bold;
        margin-right:5px;
    
    }
    
    .n-can{
        padding:7px 20px;
        border:none;
        background: #888;
        border-radius: 5px !important;
        color:#fff;
        width:100px;font-weight: bold;
        margin-right: 5px;
    }
.pat-list-wrap {
    padding-top: 154px;
    padding-left: 0px;
    height: 100%;
    padding-bottom: 0px;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.activity-sur-wrapper {
    padding-top: 59px;
    padding-left: 122px;
    height: 100%;
    padding-bottom: 0px;
    margin-bottom: 0px;
    padding-bottom: 40px;
}

.pat-list-wrap.modal-open{
    overflow: auto !important;
    }

.app-wrappper h1 {
    /* background-color: rgb(255, 255, 255);*/
    margin: 0px;
    font-size: 22px;
    color: #627085;
    font-weight: 400;
    padding: 18px 15px;
    border-radius: 2px 2px 0px 0px;
}

.inner-wrapper {
    margin: 20px;
    background-color: #fff;
    border: 1px solid #dee1ea;
    border-radius: 2px 2px 0px 0px;
    min-height: 99vh;
}

.full-wrapper {
    float: left;
    width: 100%;
    height: auto;
    min-height: inherit;
}

.full-wrapper .inner-wrapper {
    float: left;
    width: calc(100% - 35px);
    width: 97%;
    min-height: 99vh
}

.edit-block ul {
    padding-left: 40px;
    margin-top: 40px;
}

.edit-block ul li {
    float: left;
    list-style: none;
    background-color: #e1e4ed;
    padding: 5px 10px 2px;
    margin-right: 10px;
    border: 1px solid #d0d4de;
    border-radius: 2px;
    color: #7c818e;
}

.edit-block ul li:last-child {
    background-color: transparent;
    padding: 0px;
    border: 0px;
}

.edit-block ul li:last-child .btn-default {
    padding: 6px 10px;
    border: 1px solid #d0d4de;
    background-color: #e1e4ed;
    border-radius: 2px;
    color: #7c818e;
}

.edit-block ul li:last-child ul.dropdown-menu {
    padding: 0px;
    margin-top: 0px;
}

.edit-block ul li:last-child ul.dropdown-menu li {
    width: 100%;
    background-color: transparent;
    padding: 0px;
    border: 0px;
    float: none;
    margin: 0px;
    font-size: 16px;
}

.edit-block ul li:last-child ul.dropdown-menu li a {
    padding: 10px 20px;
}

.edit-block ul li:last-child ul.dropdown-menu li.divider {
    background-color: #e5e5e5;
}

.block-left {
    float: left;
    margin-top: 40px;
    margin-right: 40px;
    display: inline-block;
}

.block-right {
    float: right;
    margin-top: 40px;
    margin-right: 40px;
    display: inline-block;
}

.block-right .input-group {
    float: left;
    width: 185px;
    margin-right: 20px;
}

.block-right input[type="search"] {
    border-radius: 0px;
    border: 1px solid #ddd;
    box-shadow: none;
    float: left;
}

.block-right .input-group-addon {
    border-radius: 0px;
    background-color: transparent;
}

.block-right input[type="button"] {
    float: left;
    border-radius: 3px;
    background-color: #28c05d;
    border: 1px solid #26AF56;
    width: 138px;
    font-size: 18px;
    padding: 3px 0px;
}

.patient-table {
    padding: 0px 40px;
    width: 100%;
    margin-top: 0px;
}

.patient-table .inner-table {
    float: left;
    width: 100%;
    overflow: auto;
}

.patient-table .table>thead>tr>th {
    color: #627085;
    font-weight: 500;
    font-size: 16px;
    border-color: #a3a7ba;
    border-width: 1px;
}

.patient-table .checkbox {
    position: relative;
    top: 15px;
}

.patient-table .table {
    min-width: 800px;
}

.patient-table .table>tbody>tr>td {
    vertical-align: middle;
    color: #737c89;
    font-size: 14px;
    border-color: #d1d3dc;
    padding: 0px 8px;
}

.patient-table .table>tbody>tr>td .checkbox {
    position: relative;
    top: 2px;
}

.patient-table .table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #f8f8fb;
}

.patient-table .custom-checkbox {
    float: left;
    width: 18px;
    height: 18px;
    border: 1px solid #ccc;
}

.patient-table .checkbox label {
    padding-left: 10px;
}

.patient-table .checkbox input[type="checkbox"] {
    visibility: hidden;
}

.patient-table input[type="checkbox"]:checked~.custom-checkbox:before {
    content: "\2713";
    padding: 3px;
}

p.result-count {
    padding-left: 7px;
    font-size: 15px;
    color: #000;
    padding-top: 20px;
}

.pagination {
    float: right;
    /*margin-right: 35px !important;*/
    margin-bottom: 10px;
    margin-top: 0;
}

.pagination li span,
.pagination li:first-child span,
.pagination li:last-child span {
    border-radius: 0px;
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
    background-color: #28c05d;
    border-color: #dcdfe9;
}


/*=================================Add Patient===============================*/

ul.dropdown-menu li {
    cursor: pointer;
}

.patient-form {
    padding:0px 20px;
}
#create_survey .bootstrap-select.btn-group .dropdown-menu li a span.check-mark{
    display: none !important;
}
#create_survey .bootstrap-select.btn-group .dropdown-menu li.selected a span.check-mark{
    display: block !important;
}
#create_survey .bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text{
    
    color: #000;
    text-align: left;
    font-size: 14px;
}
.box-div-check{
    width: 50%;
    border:1px solid #c1c1c1;
    padding:10px;
    height: 200px;
    overflow-y: auto;
    
}
.box-div-check ul{
    list-style: none;
    padding: 0;
}
.box-div-check ul li{
    padding: 5px 0;
    padding-right: 50px;
    position: relative;
}
.box-div-check ul li .chckbx-cntnr{
position: absolute;
right: 0px;
}

.patient-form .form-group {
    margin-bottom: 15px;
    float: left;
    width: 100%;
    clear: both;
}

.patient-form .radio-inline+.radio-inline {
    margin-left: 35px;
}

.patient-form .input-group-addon {
    color: #888!important;
    border-radius: 0!important;
}

.patient-form h3 {
    font-size: 18px;
    color: #262d37;
    margin-top: 10px;
}

.patient-form label {
    font-size: 15px;
    font-weight: 400;
    color: #51566b;
    /* height: 32px;*/
}

.patient-form .form-control {
    box-shadow: none;
    border-radius: 0px;
    border-color: #bfc1d1;
    float: left;
}

.patient-form .half-field .form-control {
    width: 45.3%;
    margin-right: 25px;
}

.patient-form .half-field .form-control:last-child {
    margin-right: 0px;
}

.patient-form .dob select {
    float: left;
    width: 30%;
    margin-right: 10px;
}

.patient-form .chosen-search {
    display: none;
}

.patient-form .chosen-container {
    float: left;
    max-width: 118px !important;
    margin-right: 10px;
    margin-bottom: 10px
}

.patient-form .full-wid .chosen-container {
    max-width: 100% !important;
}

.patient-form .chosen-container .chosen-single {
    box-shadow: none;
    background: transparent;
    border-radius: 0px;
    border-color: #bfc1d1;
    color: #9197b2;
    height: 34px;
    padding-top: 4px;
}

.patient-form .chosen-container .chosen-single div {
    top: 4px;
}

.patient-form .chosen-select.mid+.chosen-container {
    width: 60px !important;
    margin: 0px 17px;
}

.patient-form .full-wid .chosen-container {
    float: left;
    width: 100% !important;
}

.patient-form .btn {
    border-radius: 3px;
    font-size: 15px;
    color: #fff;
    font-weight: 400;
    padding: 8px 10px;
}

.patient-form .btn.btn-default {
    background-color: #c0cad4;
    margin: 10px 30px;
}

.patient-form .btn.btn-primary {
    background-color: #58aade;
    border-color: transparent!important;
}

.patient-form fieldset {
    /*padding-bottom: 45px;*/
 
}

.patient-form fieldset:last-child {
    border-bottom: 0px;
}

.patient-form .input-group {
    width: 100%;
    float: left;
}

.bootstrap-timepicker-widget table td input {
    box-shadow: none;
    border: 0px;
    font-size: 15px;
    color: #51566b;
    font-weight: 400;
}


/*=============================Profile Page==============================*/

.profile {
    padding-top: 30px;
    padding-bottom: 9px;
}

.profile .media-left {
    width: 162px;
    float: left;
    text-align: center;
}

.profile .media-left p {
    padding: 15px 0px;
    border-radius: 100%;
    border: 1px solid #cfcece;
    width: 105px;
    height: 105px;
    display: inline-block;
}

.profile .media-left img {
    width: 100px;
    height: 100px;
    border-radius: 100px;
    border: 1px solid #C3B4B4;
}

.profile .media-left a {
    padding-top: 24px;
    display: block;
    font-size: 14px;
    color: #1c89e5;
    font-weight: 400;
    text-decoration: none;
}

.profile .media-body {
    padding-right: 20px;
    display: flow-root;
}

.profile .media-body h4 {
    color: #2b2d5b;
    font-size: 25px;
    font-weight: 400;
}

.profile .media-body h5 {
    font-size: 20px;
    color: #56565e;
    font-weight: 400;
}

.profile .media-body .block {
    float: left;
    width: 100%;
    margin-top: 5px;
}

.profile .media-body .block h6 {
    color: #2b2d5b;
    font-size: 18px;
    font-weight: 500;
    border-bottom: 1px solid #ccc;
    line-height: 35px;
}

.profile .media-body .block p {
    float: left;
    width: 30%;
    color: #858585;
    font-size: 15px;
    /*padding-top: 10px;*/
}

.profile .media-body .block p strong {
    font-weight: 500;
    font-size: 16px;
    float: left;
    width: 100%;
    color: #3e4349;
}


/*=====================================Hospital===================================*/

.hospital-page {
    padding-left: 118px;
    background-color: #EFEEF3;
    min-height: 100%;
    position: relative;
    padding-bottom: 0px;
}

.hospital-page.hospital_iframe {
    background-color: #EFEEF3;
    position: absolute !important;
    padding-bottom: 0px;
    height: 100%;
    overflow: hidden;
    padding-top: 50px;
    width: 100%;
    z-index: 99;
}

.inner-wrapper.hospital-block {
    background-color: transparent;
    border: 0;
}

.hospital-detail-row {
    background-color: #fff;
    /*margin-bottom: 40px;*/
    -webkit-box-shadow: 5px 4px 10px 0px rgba(219, 219, 219, 1);
    -moz-box-shadow: 5px 4px 10px 0px rgba(219, 219, 219, 1);
    box-shadow: 5px 4px 10px 0px rgba(219, 219, 219, 1);
}

.hospital-gallery-row {
    background-color: #fff;
    /*margin-bottom: 40px;*/
    -webkit-box-shadow: 5px 4px 10px 0px rgba(219, 219, 219, 1);
    -moz-box-shadow: 5px 4px 10px 0px rgba(219, 219, 219, 1);
    box-shadow: 5px 4px 10px 0px rgba(219, 219, 219, 1);
}

.hospital-image {
    background: url("/assets/hospital-bg.jpg") no-repeat top center;
    height: 220px;
    float: left;
    width: calc(100% - 40px);
    margin: 20px 20px 0px;
}

.hospital-block {
    padding: 20px 20px 0px 20px;
}

.hospital-block h2 {
    font-size: 40px;
    color: #58aade;
    font-weight: 400;
    font-family: 'Abel', sans-serif;
}

.hospital-details>.details>p>span {
    padding-right: 10px;
}

.hospital-block .details {
    float: left;
}

.hospital-block .details p {
    font-size: 17px;
    color: #58aade;
    font-weight: 400;
    padding: 0px;
}

.hospital-block img {
    float: left;
    margin-top: 10px;
}

.hospital-block p {
    font-size: 17px;
    clear: both;
    color: #5f5f5f;
    font-weight: 400;
    padding-top: 15px;
}

.hospital-block .block {
    /*float: left;*/
    /*width: 50%;*/
    padding: 50px 0px 20px;
}

@media (max-width:992px) {
    .hospital-block .block {
        padding: 10px 0;
    }
}

.hospital-block .block p {
    padding: 0px;
    margin: 0px;
}

.hospital-block .block p strong {
    font-weight: 400;
}

.hospital-block .block a {
    font-size: 17px;
    color: #58aade;
    font-weight: 400;
}

.hospital-detail-row iframe {
    width: 95%;
    height: 250px;
}

.hospital-gallery-row iframe {
    width: 200px;
    height: 150px;
}

.hospital-block h5 {
    font-size: 18px;
    color: #2c323c;
    margin: 22px 0;
}

.hospital-block .video-block {
    float: left;
    /*padding-right: 30px;*/
    min-height: 190px;
}

.hospital-block .video-block p {
    font-size: 14px;
    color: #616b7b;
    padding: 10px 0px;
    height: 65px;
    overflow: auto;
}


/*================================HELP=====================================*/

.wrapper-block {
    float: left;
    width: 100%;
    padding-left: 120px;
    padding-top: 70px;
}

.help-tab .nav {
    background: #f0f1f7;
    padding: 3px 45px;
}

.help-tab .nav li {
    float: left;
}

.help-tab .nav li a {
    position: relative;
    display: block;
    padding: 10px 45px;
    font-size: 18px;
    color: #4b5868;
}

.help-tab .nav li:first-child {
    font-size: 30px;
    font-weight: 500;
    color: #2b3944;
    width: 30%;
}

.help-tab .nav li:last-child {
    float: right;
}

.help-tab .nav li:last-child input {
    margin-top: 4px;
    width: 290px;
    box-shadow: none;
    border: 1px solid #bfc1d3;
    border-radius: 0px;
}

.help-tab .nav li.active a {
    color: #0092d6;
}

.help-tab .nav li.active a:hover,
.help-tab .nav li.active a:focus,
.help-tab .nav li.active a:active {
    color: #0092d6;
    background: transparent;
}

.help-tab .nav li a:hover,
.help-tab .nav li a:focus,
.help-tab .nav li a:active {
    color: #0092d6;
    background: transparent;
}

.help-tab .tab-content {
    padding: 45px;
}
.panel-group{
    clear:both !important
}


.help-tab .tab-content .panel-group .panel {
    border-radius: 0px;
    border: 0px;
    box-shadow: none;
    border-bottom: 1px solid #e6e6e6;
}

.help-tab .tab-content .panel-group .panel .panel-heading {
    background: transparent;
    border: 0px;
    border-radius: 0px;
}

.help-tab .tab-content .panel-group .panel .panel-heading h4 {
    font-size: 22px;
    font-weight: 400;
}

.help-tab .tab-content .panel-group .panel .panel-heading h4 a {
    color: #2b3944;
    text-decoration: none;
    display: flex;
}

.help-tab .tab-content .panel-group .panel .panel-heading h4 a i {
    background: url("/assets/Expand_Collaps.png") no-repeat;
    width: 30px;
    float: left;
    height: 24px;
    background-position: 0px 0px;
    margin-right: 10px;
}

.help-tab .tab-content .panel-default>.panel-heading+.panel-collapse>.panel-body {
    border: 0px;
    font-size: 16px;
    color: #677c8c;
    font-weight: 400;
}

.help-tab .tab-content .panel-default>.panel-heading+.panel-collapse>.panel-body p {
    padding-left: 40px;
}

.help-tab .active .panel-group .panel .panel-heading h4 a i {
    background-position: 0px -27px;
}

.help-tab .active .panel-group .panel .panel-heading h4 a.collapsed i {
    background-position: 0px 0px;
}


/*=help*/

.help-page {
    background-color: #fff;
}

.help-bar {
    padding: 0 30px;
    height: 80px;
}

.help-bar .search input[type="text"] {
    width: 400px;
    margin: 20px 0;
}

.help-page ul.tabs {
    padding: 30px 10px 0px;
    /*margin-top: -13px;*/
    font-size: 0px;
    list-style-type: none;
    text-align: right;
    background: #F0F1F7 none repeat scroll 0% 0%;
}

.help-page ul.tabs li {
    display: inline;
    /*margin: 0;
    margin-right: 20px; distance between tabs*/
    font: normal 12px Arial;
}

.help-page ul.tabs li a {
    text-decoration: none;
    position: relative;
    padding: 8px 22px 12px;
    color: #888;
    outline: none;
    font-size: 18px;
}

.help-page ul.tabs li a:focus {
    color: #0092d6;
}

.help-page ul.tabs li a:hover {
    text-decoration: underline;
    color: #000;
}

.help-page ul.tabs li.selected a {
    position: relative;
    top: 0px;
    font-weight: bold;
    color: #67CDFD;
    font-size: 18px;
}

.help-page ul.tabs li.selected a:hover,
.help-page ul.tabs li.selected a:hover {
    text-decoration: none;
}

.help-page .accordion dd,
.help-page .accordion__panel {
    font-size: 1em;
    line-height: 1.5em;
    padding: 0 52px 0px;
    color: #888;
}

.help-page .accordion p {
    padding: 1em 2em 1em 2em;
}

.help-page .accordion {
    position: relative;
    color: #7a8085;
}

.help-page dl div {
    border-bottom: 1px solid #cdcdcd;
    padding: 20px 0;
    margin: 0 auto;
    width: 90%;
}

.help-page dl div:last-child {
    border: 0;
}

.help-page .container {
    max-width: 960px;
    margin: 0 auto;
    padding: 2em 0 2em 0;
}


.help-page .accordionItem {
    height: auto;
    overflow: hidden;
    /*SHAME: magic number to allow the accordion to animate*/
    max-height: 50em;
    transition: max-height 1s;
    @media screen and (min-width: 48em) {
        max-height: 15em;
        transition: max-height 0.5s;
    }
}

.help-page .accordionItem.is-collapsed {
    max-height: 0;
}

.help-page .no-js .accordionItem.is-collapsed {
    max-height: auto;
}

.help-page .animateIn {
    animation: accordionIn 0.45s normal ease-in-out both 1;
}

.help-page .animateOut {
    animation: accordionOut 0.45s alternate ease-in-out both 1;
}

@keyframes accordionIn {
    0% {
        opacity: 0;
        transform: scale(0.9) rotateX(-60deg);
        transform-origin: 50% 0;
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes accordionOut {
    0% {
        opacity: 1;
        transform: scale(1);
    }
    100% {
        opacity: 0;
        transform: scale(0.9) rotateX(-60deg);
    }
}

.accordion-title:before {
    content: "+";
    font-size: 16px;
    color: #fff;
    background-color: #67cdfd;
    border-radius: 100%;
    padding: 5px 10px;
    margin: 0 10px;
}

.help-page .accordionTitle.is-expanded:before {
    content: "-"!important;
    padding: 5px 12px;
}


/*=help end*/


/*================================MyStyle=====================================*/


/*======Inline to External Start=========*/

.modal-body .lil-body .cong_bdy {
    color: #847D7D;
    font-size: 12px;
    margin-top: -20px;
    margin-bottom: -15px;
}

#videorting .play_optntxt {
    display: inline;
    color: #bfbfc0;
}


/*--------------CSS for Video Controllers--------*/

#videodiv>div {
    /*position: fixed;*/
    position: absolute;
    overflow: hidden;
    top: 0px;
    padding-top: 0 !important;
}

video::cue {
    /*background-color: transparent;
background-color: rgba(64, 64, 64, 0.16);
color: white;
    text-shadow: 2px 2px 3px black;*/
    font-size: 0.7em;
}

#videodiv .oo_mini_controls .oo_duration,
#videodiv .oo_mini_controls .oo_currentTime,
#videodiv .oo_mini_controls .oo_timeToLive {
    top: 6px !important;
    font-size: 14px !important;
}

#videodiv .oo_mini_controls {
    height: 50px !important;
}

#videodiv .oo_mini_controls .oo_playhead {
    height: 28px !important;
    width: 28px !important;
}

#videodiv .oo_mini_controls .oo_toolbar_item {
    width: 20px !important;
    height: 20px !important;
    top: 28px !important;
}


/*--------------CSS for Video Controllers--------*/


/*--------------CSS for hamburger_menu start--------*/

html {
    transition: all 0.5s;
}

.errpagelft {
    left: 180px;
    transition: all 0.5s;
}

.slidelftmtnl {
    margin-left: 180px;
    overflow-x: hidden !important;
    overflow-y: hidden !important;
    transition: all 0.5s;
}

.sidbr_menu {
    left: 0px !important;
}

#menu1 a {
    text-decoration: none;
}

.navbar-fixed-top {
    transition: all 0.5s;
}

.navbar-fixed-top.slide_nav {
    left: 180px;
    right: -180px;
    transition: all 0.5s;
}

#sidebr {
    position: fixed;
    width: 180px;
    left: -180px;
    transition: all 0.5s;
}


/*--------------CSS for hamburger_menu end--------*/

.copyright .cpyrght_lnks {
    color: white;
    padding-left: 5px;
    padding-right: 5px;
}

.plist_hdr {
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: rgb(239, 239, 239);
}

.plist_hdr .usr_staticon {
    margin-bottom: 0px;
    color: #0090D4;
}

.isVisuallyHidden {
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    position: absolute;
    clip: rect(0 0 0 0);
    overflow: hidden;
}

.addmul_patbdy {
    text-align: center;
    margin-bottom: 15px;
}

.p-container>p {
    font-size: 20px !important;
}


/*======Inline to external end=========*/


/*=============Zoom in=============================*/

.rghthead_cntnr {
    min-width: 250px;
    float: right;
}

.logo {
    min-width: 600px;
    max-height: 58px;
}


/*=============Zoom in=============================*/


/*=============Timeline Page=============================*/

a#next_step_play_next {
    cursor: default;
}

.scrll_body {
    position: relative;
}

ul.timenav {
    top: 0px;
    position: fixed;
}

.time_sectn {
    /*min-height: 650px;*/
}

.timline_srll {
    list-style: none;
    padding: 20px 0 20px;
    position: relative;
}

.timline_srll:before {
    top: 0;
    bottom: -10px;
    position: absolute;
    content: " ";
    width: 3px;
    background-color: #46a3a9;
    left: 50%;
    margin-left: -1.5px;
}

.timline_srll>li {
    position: relative;
    margin-top: 10px;
}

.timline_srll>li:before,
.timline_srll>li:after {
    content: " ";
    display: table;
}

.timline_srll>li:after {
    clear: both;
}

.timline_srll>li:before,
.timline_srll>li:after {
    content: " ";
    display: table;
}

.timline_srll>li:after {
    clear: both;
}

.timline_srll>li>.timeline-panel {
    width: 46%;
    float: left;
    border: 1px solid #d4d4d4;
    border-radius: 2px;
    padding: 5px 20px;
    position: relative;
    -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
}

.timline_srll>li>.timeline-panel:before {
    position: absolute;
    top: 12px;
    right: -15px;
    display: inline-block;
    border-top: 15px solid transparent;
    border-left: 15px solid #ccc;
    border-right: 0 solid #ccc;
    border-bottom: 15px solid transparent;
    content: " ";
}

.timline_srll>li>.timeline-panel:after {
    position: absolute;
    top: 13px;
    right: -14px;
    display: inline-block;
    border-top: 14px solid transparent;
    border-left: 14px solid #fff;
    border-right: 0 solid #fff;
    border-bottom: 14px solid transparent;
    content: " ";
}

.timline_srll>li>.timeline-badge {
    color: #fff;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 1.4em;
    text-align: center;
    position: absolute;
    top: 16px;
    left: 50%;
    margin-left: -25px;
    background-color: #999999;
    z-index: 100;
    border-top-right-radius: 50%;
    border-top-left-radius: 50%;
    border-bottom-right-radius: 50%;
    border-bottom-left-radius: 50%;
}

.timline_srll>li.timeline-inverted>.timeline-panel {
    float: right;
    display: inline-block;
}

.timline_srll>li.timeline-inverted>.timeline-panel:before {
    border-left-width: 0;
    border-right-width: 15px;
    left: -15px;
    right: auto;
}

.timline_srll>li.timeline-inverted>.timeline-panel:after {
    border-left-width: 0;
    border-right-width: 14px;
    left: -14px;
    right: auto;
}

.timeline-badge.primary {
    background-color: #2e6da4 !important;
}

.timeline-badge.success {
    background-color: #3f903f !important;
}

.timeline-badge.warning {
    background-color: #f0ad4e !important;
}

.timeline-badge.danger {
    background-color: #d9534f !important;
}

.timeline-badge.info {
    background-color: #5bc0de !important;
}

.timeline-title {
    margin-top: 0;
    color: inherit;
}

.timeline-body>p,
.timeline-body>ul {
    margin-bottom: 0;
}

.timeline-body>p+p {
    margin-top: 5px;
}

button#cerner_login_submit {
    background: #3279b7 !important;
    color: #fff !important;
    border: 1px solid #3279b7 !important;
}
@media (max-width: 767px) {
    #cerner_login_submit{
       margin: 10px 0;
    }
    .finalizeP{
        font-size: 14px !important;
        text-align: left !important;
        margin-top: 15px !important;
        margin-bottom: 30px !important;
        padding-left: 0px !important;
    }
    .finalizeh3 {
        font-size: 18px !important ;
        font-weight: bold !important;
        padding-bottom: 0 !important;
        margin: 0px !important;
        border-bottom: 0px solid !important;
        text-align: left !important;
    }
    header .viva-text {
        font-size: 18px;
        font-size: 18px;
        width: 70%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .dob-mob:after {
        content: "\f073" !important;
        font-family: FontAwesome;
        position: absolute;
        height: 30px;
        width: 30px;
        left: 10px;
        top: 10px;
        color: #050505;
        z-index: 112;
        font-size: 25px;
    }
    #survey-form-modal {
        margin-top: 0px;
    }
    #survey-form-modal .modal-dialog.modal-lg{
        margin-top:0px
    }
    .sign-up-new-text {
        /* background: #3a4658;
        padding: 0 10px !important; */
        
    }
    .timeline {
        width: auto !important;
    }
    ul.timline_srll:before {
        left: 40px;
    }
    ul.timline_srll>li>.timeline-panel {
        width: calc(100% - 90px);
        width: -moz-calc(100% - 90px);
        width: -webkit-calc(100% - 90px);
    }
    ul.timline_srll>li>.timeline-badge {
        left: 15px;
        margin-left: 0;
        top: 16px;
    }
    ul.timline_srll>li>.timeline-panel {
        float: right;
        top: 0px;
    }
    ul.timline_srll>li>.timeline-panel:before {
        border-left-width: 0;
        border-right-width: 15px;
        left: -15px;
        right: auto;
    }
    ul.timline_srll>li>.timeline-panel:after {
        border-left-width: 0;
        border-right-width: 14px;
        left: -14px;
        right: auto;
    }
}

.timeline-body h3 {
    margin-top: 10px;
    font-size: 16px;
    color: #2b2e5b;
}

.timenav {
    border-left: 3px solid #46a3a9 !important;
    color: #fff;
    width: 100%;
}

.timenav>li.active>a,
.timenav>li.active>a:focus,
.timenav>li.active>a:hover {
    background-color: #46a3a9 !important;
    font-size: 18px;
}

.timenav>li>a {
    border-radius: 0px !important;
}

.head-date {
    text-align: center;
    background-color: #46a3a9;
    margin: 0 auto;
    width: 175px;
    color: #fff;
    font-size: 18px;
    padding: 10px;
}

@media only screen and (min-width: 768px) and (max-width: 800px) {
    .radio-inline+.radio-inline,
    .checkbox-inline+.checkbox-inline {
        margin-left: 0px;
        margin-bottom: 10px;
    }
    .fotgt-head img {
        margin: 0px !important;
    }
    .extramargin-top {
        margin-top: 53px !important;
    }
    .margin-minustop {
        margin-top: 15px !important;
    }
    .turnassetname {
        width: 240px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
    div.pagination {
        font-size: 12px !important;
    }
    .rightside {
        float: none !important;
    }
    .timeline-body h3 {
        font-size: 16px !important;
        color: #2b2e5b;
    }
}

@media (max-width: 767px) {
    .hello-board {
        display: none !important;
    }
    .proc_due_date .mod-drop-sel select{
        width:100%;
        margin-bottom: 10px;
    }
    .proc_due_date .main_panel{
        padding: 0px;
    }
    .full-wrapper .inner-wrapper {
        width: 90%;
    }
    .loginbackground div.grey-patch {
        margin-bottom: 00px !important;
        margin-top: 0px !important;
        background: #3A4658;
    }
    .mob-qr {
        padding: 0px !important;
        background: #000000;
    }
    .qr-scan {
        margin: 0px !important;
        background: #000000 !important;
        padding: 15px 40px !important;
    }
    .checkmark {
        margin-right: 4px;
        margin-top: 0px !important;
    }
    #termslnk {
        padding-left: 0px !important;
    }
    #health_condition_resp {
        padding-right: 50px !important;
        font-size: 18px;
    }
    .loginbackground .login-div .form-control {
        margin: 0px 0 12px !important;
        height: 55px;
        font-size: 14px;
        margin-bottom: 0px !important;
    }
    .loginbackground .login-div .form-control:focus {
        border-color: #66afe9;
        outline: 0;
        box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%);
    }
    .mobilecss_lable{
        display: inline;
    }
    .desp {
        padding: 20px 30px !important;
    }
    .new-btn-blue {
        color: #00aeef !important;
        border: 1px solid #00aeef !important;
        padding: 7px 20px;
        margin: 30px 0;
        border-radius: 10px !important; 
        height: 44px !important;
        font-size: 20px !important;
        text-transform: uppercase;
        display: block;        
        background: #fff !important;
        width: 100% !important;
        margin: 0 auto;
        line-height: 20px !important;
    }
    .new-btn-blue .login-text {
        color: #00aeef !important;
        font-size: 20px !important;
    }
    .bootstrap-timepicker {
        width: 100%;
    }
    .bootstrap-timepicker .dropdown-menu {
        width: 100%;
    }
    .mytoggle {
        margin-left: 10px;
    }
    .loginbackground .login-div {
        /* width: 100% !important; */
    }
    .multi-lang-select:after{
        left:0;
        right:0;
    }
    .container.mob-row {
        /* margin: 0 -30px; */
        padding: 0px;
        max-width: 100%;
    }
    .newpass_text label,
    .newpass_text em {
        display: none;
    }
    h1.mob {
        color: #69b1ff !important;
        text-align: center;
        font-size: 30px;
        text-shadow: none;
    }
    .newpass_text input {
        margin-top: 0px !important;
    }
    .container.mob-row .input-text {
         display: none !important; 
    }
    .container.mob-row .login-div {
        /* margin-left: 30px; */
        margin-top: 0%;
        background: #FFFFFF;
        padding: 30px 15px !important;
        /* box-shadow: none; */
        /* min-height: 100vh; */
        margin-bottom: 0px;
    }
    .mob-row input.form-control {
        -webkit-box-shadow: none !important;
        -moz-box-shadow: none !important;
        -ms-box-shadow: none !important;
        -o-box-shadow: none !important;
        -webkit-appearance: none;
        -moz-appearance: none;
        box-shadow: none !important;
        border: 1px solid #CDCDCD !important;
        border-radius: 0px;
        background: none;
        width: 100% !important;
        font-size: 16px !important;
        height: 55px !important;
        margin: 20px 0 20px 0 !important;
        color: #000;
    }
}

.time-cntnr {
    padding: 20px;
    color: #2b2e5b;
}

.time-btn {
    background-color: #2b2e5b !important;
    border-color: #2b2e5b !important;
}

.thumb_line {
    border: 3px solid #46A3A9;
    padding: 2px;
    border-radius: 4px;
    width: 100%;
    margin: 10px 0px;
}

.star-cntnr {
    font-size: 18px;
    color: #000 !important;
}

.location-cntnr {
    margin-top: 8px;
    color: #2b2e5b !important;
}


/*=============Timeline Page=============================*/


/*=============Dashboard Page=============================*/

.view_more_pag .records {
    margin-left: 14px;
    margin-top: 28px;
    font-size: 14px;
}

#pat_wtchd_pagination .pagination {
    float: right;
    margin-right: 15px !important;
}

#sgndup_pagination .pagination {
    float: right;
    margin-right: 15px !important;
}

#pat_wtchd .modal-header {
    border-bottom: 1px solid black !important;
}

#pat_sgndup .modal-header {
    border-bottom: 1px solid black !important;
}

.cstsrchbtn {
    font-size: 15px;
}

.cstmchrtbtn {
    font-size: 15px;
}

.cstmexclbtn {
    font-size: 15px;
}

.cstmzdate {
    display: none;
}

.dashboard {
    height: 450px;
}


/*canvas{margin: 10px; 
width: 90% !important;
height: 90% !important;
    margin-left: auto !important;;
    margin-right: auto !important;
}*/

.canvas_cntnr {
    text-align: center;
    height: 320px;
}

.vertcl_name {
    position: absolute;
    left: -25px;
    top: 50%;
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(270deg);
}

.dsh_hdng h3 {
    margin: 0px;
    font-size: 22px;
    margin-bottom: 15px;
}

.dashboard button.plist_btn {
    position: absolute;
    top: 10px;
    right: 10px;
    /*display: none;*/
}


/*=============Dashboard Page=============================*/


/*=============Error Page=============================*/

.errorpage_cntnr {
    border: 1px solid #A9A6A6;
    position: relative;
    bottom: 0px;
    left: 0px;
    margin:10px;
    margin-top: 0px;
    height: 100vh;
    right: 0px;
    /*background: linear-gradient(rgba(0, 0, 0, 0.21), rgba(0, 0, 0, 0.02)) repeat scroll 0% 0%, transparent url("/assets/err-bg-new.jpg") no-repeat 100% 25% / cover;*/
    background: url("/assets/err-bg-new.jpg") center;
    background-size: cover;
    transition: all 0.5s;
}
.errorpage_cntnr.header_v2_wrap_top{
	padding-top: 0px !important;
	margin-top: 60px !important;
}
.ooph1 {
    color: #F91A1A;
}

.oop {
    font-size: 72px;
    font-weight: bolder;
    color: #7F7E7D;
}

.ooph3 {
    color: #454443;
}


/*=============Error Page=============================*/


/*=============PDF Modal=============================*/

.modal-header.pdfmodal_hdr {
    padding: 4px 8px !important;
}

.modal-dialog.pdfmodal_dlg {
    margin: 0px !important;
    width: 100%;
    position: relative;
    height: 100%;
}

.modal-content.pdfmodal_cntn {
    position: absolute !important;
    left: 5%;
    right: 5%;
    /* height: 100% !important; */
    /* margin-top: 1% !important; */
    top: 5%;
    bottom: 5%;
    width:1100px
}

.modal-body.pdfmodal_bdy {
    padding: 0px;
    height: 100% !important;
}

.modal-body.pdfmodal_bdy iframe.pdfiframe {
    width: 100%;
    height: 95%;
}


/*=============PDF Modal=============================*/


/*=============Grid Table=============================*/

.gridtab_bckgrnd {
    margin: 0px 20px;
    background-color: #fff;
    border: 1px solid #dee1ea;
}

.tab_hdngpnl {
    margin: 20px 20px 0px 20px;
    padding: 5px 10px 0px;
    background-color: #D7DDE5;
}

.tab_hdngpnl .tabmainhdng {
    font-size: 25px;
}

.cstm_tabresponsive {
    margin-top: 10px;
}


/*=============Grid Table=============================*/


/*=============Video Rating Modal=============================*/

.bluetxt {
    color: #0091d5;
}

.greentxt {
    color: #53AF4E;
}

#videoRatingModal .modal-content {
    position: relative;
    background-color: transparent!important;
    border: 0!important;
    border-radius: 0!important;
    box-shadow: none!important;
    margin: 0 auto;
    padding: 30px 20px;
}

#videoRatingModal .modal-header {
    padding: 0;
    border-bottom: 0;
    min-height: 0;
    background-color: transparent;
}

#videoRatingModal .modal-header .close {
    float: right;
    font-size: 37px;
    line-height: 0;
    margin-top: -13px;
}

#validationModal .modal-header .close {
    position: absolute;
    right: 20px;
    background: none;
    border: none;
    font-size: 21px;
    opacity: 0.5;
    font-weight: 600;
    line-height: 20px;
    top: 10px;
}

#videoRatingModal .modal-body {
    position: relative;
    padding: 0;
    background-color: #fff;
}

#modal-video-rating {
    text-align: center;
}

#modal-video-rating h2 {
    font-size: 28px;
    margin-top: -15px;
}

#modal-video-rating .sub-head {
    color: #4b5966;
    font-size: 14px;
    font-weight: bold;
}


/* #modal-video-rating .rating{
margin-left:10%;
}*/

#modal-video-rating .rate-box {
    list-style-type: none!important;
    padding: 2px 2px;
    clear: both;
    margin-bottom: 3px;
}

#modal-video-rating .rate-box:hover {
    cursor: pointer;
}

#modal-video-rating .rate-box .img,
#modal-video-rating .rate-box .text {
    display: inline-block;
}

#modal-video-rating .rate-box .img img {
    width: 50px;
    margin-top: 5px;
}

#modal-video-rating .rate-box .text {
    vertical-align: middle;
    text-align: left;
    font-size: 15px;
    color: #8292a1;
    padding-top: 6px;
    /*padding: 0 35px;*/
}

.textarea-full {
    margin: 5px 0 5px;
}

.textarea-full textarea {
    width: 100%;
    min-height: 50px;
}


/*=============Video Rating Modal=============================*/


/*=============Pagination=============================*/

div.pagination {
    padding: 6px;
    background-color: #fff;
    font-size: 14px;
}

div.pagination a {
    text-decoration: none;
    color: #006688  !important;
    border: 1px solid #ccc;
    display: inline-block !important;
}

div.pagination .previous_page {
    color: #006688 !important;
    border: 1px solid #ccc;
}

div.pagination .previous_page {
    color: #006688 !important;
    border: 1px solid #ccc;
}

div.pagination a.next_page {
    color: #006688 !important;
    border: 1px solid #ccc;
}

div.pagination span.disabled {
    color: #979797 !important;
    border: 1px solid #ccc !important;
}

div.pagination .current {
    background-color: #006688;
    color: white;
    border: 1px solid #ccc;
}

div.pagination a {
    padding: 7px 10px;
    color: #000;
    border: 1px solid #ccc;
}

div.pagination em {
    padding: 7px 10px;
    color: #000;
    border: 1px solid #ccc;
    font-style: normal;
}

div.pagination span {
    padding: 7px 10px !important;
    color: #000;
    border: 1px solid #ccc;
}


/*=============Pagination=============================*/


/*============================Library Page start=============================*/

.body-act {
    background-color: #efeef3;
    background-size: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    padding: 10px;
}

.lab-inner {
    margin: 15px;
    background-color: #fff;
    box-shadow: 2px 2px 2px #ccc;
    padding-bottom: 10px;
}

.lab-header {
    background-color: #2b3643;
    padding: 10px 15px;
}

.lab-header h4 {
    color: #fff;
    display: inline-block;
}

.lab-header>span>img {
    vertical-align: sub;
    margin-right: 5px;
}

.labtree {
    margin-top: 10px;
    background-color: #f5f8fd;
    border: 1px solid #ccc;
    position: relative;
}

.tree-header {
    background-color: #55657f;
    border-left: 5px solid #2b3643;
    padding: 10px;
    position: relative;
}

.tree-header span {
    font-size: 16px;
    color: #fff;
}

.tree-header .btn-lab-cntnr {
    position: absolute;
    right: 10px;
    display: inline-block;
    top: 5px;
}

.tree-header .srch-cntnr-lab {
    position: absolute;
    right: 10px;
    display: inline-block;
    top: 4px;
    max-width: 215px;
}

button.btn.lab-btn {
    border-radius: 0px !important;
    background-color: #fff;
    font-size: 13px !important;
}

button.btn.lab-btn1 {
    background-color: #2b3643;
    border-radius: 0px !important;
    border: 1px solid #e7ecf1 !important;
    color: #e7ecf1;
    font-size: 13px !important;
}

button.btn.lab-btn1:hover {
    color: #2b3643 !important;
    background-color: #fff !important;
}

button.btn.lab-btn1:focus {
    color: #2b3643 !important;
    background-color: #fff !important;
}

button.btn.assignasset-btn:hover {
    color: #fff !important;
    background-color: #2b3643 !important;
}

button.btn.assignasset-btn:focus {
    color: #fff !important;
    background-color: #2b3643 !important;
}

button.btn.hoverview-btn:hover {
    color: #2b3643 !important;
    background-color: #fff !important;
}

button.btn.hoverview-btn:focus {
    color: #2b3643 !important;
    background-color: #fff !important;
}

button.btn.hoverview-btn1:hover {
    color: #fff !important;
    background-color: #2b3643 !important;
}

button.btn.hoverview-btn1:focus {
    color: #fff !important;
    background-color: #2b3643 !important;
}

button.btn.upasset-btn:hover {
    color: #fff !important;
    background-color: #2b3643 !important;
}

button.btn.upasset-btn:focus {
    color: #fff !important;
    background-color: #2b3643 !important;
}

button.btn.mod-btn:hover {
    color: #2b3643 !important;
    background-color: #fff !important;
}

button.btn.mod-btn:focus {
    color: #2b3643 !important;
    background-color: #fff !important;
}

button.btn.assignplaylist-btn:hover {
    color: #fff !important;
    background-color: #55657f !important;
}

button.btn.assignplaylist-btn:focus {
    color: #fff !important;
    background-color: #55657f !important;
}

.inner-tree {
    background-color: #f5f8fd;
    padding: 10px;
    /*height: 420px;*/
    overflow-y: auto;
    overflow-x: hidden;
}

.inner-tree::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    border-radius: 0px;
}

::-webkit-scrollbar-thumb {
    border-radius: 7px;
    background-color: #55657f;
}

.search-addon {
    color: #000 !important;
    background-color: #ccc !important;
}



.search-addon {
    color: #000 !important;
    background-color: #ccc !important;
}

.info-modal {
    right: 226px;
    position: absolute;
    top: 5px;
    cursor: pointer;
}

.bread img {
    margin-left: 10px;
}

button.btn.upasset-btn {
    background-color: #55657f;
    border-radius: 0px !important;
    border: 1px solid #e7ecf1 !important;
    color: #e7ecf1;
    font-size: 15px !important;
}

button.btn.assignasset-btn {
    background-color: #55657f;
    border-radius: 0px !important;
    border: 1px solid #e7ecf1 !important;
    color: #e7ecf1;
    font-size: 13px !important;
}

.playlist-cntnr {
    background-color: rgba(0, 0, 0, 0.6);
    position: relative;
    min-height: 150px;
    overflow: hidden;
}

.playlist-cntnr .asset-count {
    position: absolute;
    right: 0px;
    color: #fff;
    z-index: 2;
    text-align: center;
    top: 0px;
    width: 40%;
    height: 100%;
    padding-top: 10px;
    background-color: rgba(0, 0, 0, 0.6);
}

.view-playlisthover {
    position: absolute;
    z-index: 999;
    width: 60%;
    text-align: center;
    left: -60%;
    background-color: rgba(0, 0, 0, 0.6);
    height: 100%;
    color: #fff;
    padding-top: 60px;
    transition: all 0.3s;
}

.playlist-cntnr:hover .view-playlisthover {
    left: 0%;
}

.view-playlisthover>button:hover {
    color: #fff;
}

.img-cn {
    position: absolute;
    z-index: 1;
    background-size: cover;
}

.img-cn>img {
    width: 100%;
    height: 150px;
}

.asset-count>h2 {
    margin-bottom: 0 !important;
}

button.btn.hoverview-btn {
    background-color: rgba(85, 101, 127, 0);
    border-radius: 0px !important;
    border: 1px solid #e7ecf1 !important;
    color: #e7ecf1;
    font-size: 13px !important;
}

.playlist-title {
    font-size: 14px;
    margin-bottom: 10px;
    color: #55657f;
}

.asset {
    background-color: #44b6ae;
    padding: 3px 10px;
    margin-bottom: 10px;
    color: #fff;
    position: relative;
}

.asset h5 {
    display: inline-block;
}

.asset-btns {
    position: absolute;
    right: 5px;
    display: inline-block;
    top: 6px;
}

button.btn.hoverview-btn1 {
    background-color: rgba(85, 101, 127, 0);
    border-radius: 0px !important;
    border: 1px solid #e7ecf1 !important;
    color: #e7ecf1;
    font-size: 14px !important;
    padding: 4px 8px !important;
}

button.btn.hoverview-btn1>img {
    vertical-align: top;
}

.asset-icon {
    vertical-align: baseline;
}

.procedure-btn1 {
    background-color: #44b6ae;
    border-radius: 0px !important;
    border: 1px solid #e7ecf1 !important;
    color: #e7ecf1;
    font-size: 14px !important;
    padding: 4px 14px !important;
}

.procedure-btn1:hover {
    background-color: #55657f !important;
    color: #fff !important;
}

.procedure-btn1:focus {
    background-color: #55657f !important;
    color: #fff !important;
}

.procedure-btn1>img {
    vertical-align: inherit;
}

.playlist {
    background-color: #2b3643;
    padding: 3px 10px;
    margin-bottom: 10px;
    color: #fff;
    position: relative;
}

.pro-heading {
    margin-top: 0;
    color: #55657f;
}

.drag-inst {
    position: absolute;
    left: 37%;
}

button.btn.assignplaylist-btn {
    background-color: #2b3643;
    border-radius: 0px !important;
    border: 1px solid #e7ecf1 !important;
    color: #e7ecf1;
    font-size: 13px !important;
}

.playheading {
    display: inline-block;
    font-size: 20px;
    color: #55657f;
}

.drag-thumbs {
    background-color: #2b3643;
    padding: 2px 10px;
    color: #fff;
}

button.btn.assetdragbtn {
    background-color: #44b6ae;
    border-radius: 0px !important;
    border: 1px solid #e7ecf1 !important;
    color: #e7ecf1;
    font-size: 12px !important;
    padding: 4px 4px !important;
}

button.btn.assetdragbtn:hover {
    background-color: #55657f !important;
}

button.btn.assetdragbtn:focus {
    background-color: #55657f !important;
}

.drag-wrapper {
    margin-bottom: 10px;
    position: relative;
    width: 19%;
    display: inline-block;
    border: 1px solid #555555;
    background-color: #fff;
    padding-bottom: 6px;
}

.drag-wrapper .inner-drag {
    padding: 5px 5px;
    position: relative;
}

.procedure-btn1 {
    background-color: #44b6ae !important;
    border-radius: 0px !important;
    border: 1px solid #e7ecf1 !important;
    color: #e7ecf1 !important;
    font-size: 14px !important;
    padding: 4px 14px !important;
}

.procedure-btn1>img {
    vertical-align: inherit;
}

.content_name {
    display: inline-block;
}

.play_tbsdiv {
    display: inline-block;
    position: relative;
    top: 2px;
    width: 120px;
}

.turnicate {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 300px;
}

.highcharts-axis-labels.highcharts-yaxis-labels text[text-anchor="end"] {
    visibility: visible !important;
}

.highcharts-axis-labels.highcharts-xaxis-labels text[text-anchor="end"] {
    visibility: visible !important;
}

text[text-anchor="end"] {
    visibility: hidden;
}

rect[class=" highcharts-background"] {
    fill: transparent !important;
}

g[class="highcharts-button"] {
    visibility: hidden !important;
}

.upload-pos {
    position: absolute;
    bottom: 0;
    background-color: #f5f8fd;
    width: 100%;
    left: 0;
    padding: 8px;
}

.turnicate-name {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 115px;
}

.patient-tblcntnr .table>tbody>tr>td.grn_row {
    color: green !important;
}

.patient-tblcntnr .table>tbody>tr>td.grn_row a {
    color: green !important;
}


/*-------------------filepicker---------------------*/

.colobtn {
    background-color: #44b6ae !important;
    color: #fff !important;
}

.colobtn:hover {
    background-color: #44b6ae !important;
    color: #fff !important;
}

.colobtn:focus {
    background-color: #44b6ae !important;
    color: #fff !important;
}

.btn-file {
    position: relative;
    overflow: hidden;
    vertical-align: middle;
}

.btn-file>input {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    font-size: 23px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
    transform: translate(-300px, 0) scale(4);
    direction: ltr;
}


/*
.fileupload {
  margin-bottom: 9px;
}*/

.fileupload .uneditable-input {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
    cursor: text;
}

.fileupload .thumbnail {
    display: inline-block;
    margin-bottom: 5px;
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
}

.fileupload .thumbnail>img {
    display: inline-block;
    max-height: 100%;
    vertical-align: middle;
}

.fileupload .btn {
    vertical-align: middle;
}

.fileupload-exists .fileupload-new,
.fileupload-new .fileupload-exists {
    display: none;
}

.fileupload-inline .fileupload-controls {
    display: inline;
}

.fileupload-new .input-append .btn-file {
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
}

.thumbnail-borderless .thumbnail {
    padding: 0;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.fileupload-new.thumbnail-borderless .thumbnail {
    border: 1px solid #ddd;
}

.control-group.warning .fileupload .uneditable-input {
    color: #a47e3c;
    border-color: #a47e3c;
}

.control-group.warning .fileupload .fileupload-preview {
    color: #a47e3c;
}

.control-group.warning .fileupload .thumbnail {
    border-color: #a47e3c;
}

.control-group.error .fileupload .uneditable-input {
    color: #b94a48;
    border-color: #b94a48;
}

.control-group.error .fileupload .fileupload-preview {
    color: #b94a48;
}

.control-group.error .fileupload .thumbnail {
    border-color: #b94a48;
}

.control-group.success .fileupload .uneditable-input {
    color: #468847;
    border-color: #468847;
}

.control-group.success .fileupload .fileupload-preview {
    color: #468847;
}

.control-group.success .fileupload .thumbnail {
    border-color: #468847;
}


/*-------------------filepicker---------------------*/


/*-------------------Tree View---------------------*/

ul.prnt_lst {
    margin: 3px;
    /* border:1px solid red;  */
}

.prnt_lst ul ul {
    padding-left: 5px;
    list-style: none;
}

.prnt_lst ul {
    padding-left: 5px;
    list-style: none;
}

ul.prnt_lst {
    list-style: none;
    font-size: 14px;
}

.prnt_node {
    cursor: pointer;
}

.prnt_node .fa {
    font-size: 16px;
}

.cntnt_lib_icon {
    width: 15px;
    vertical-align: middle;
}


/*-------------------Tree View---------------------*/


/*-----------------ALL MODAL CSS-----------------*/

#crttabmodal {
    top: 12.5% !important;
}

.edit-title {
    font-size: 14px;
    font-weight: lighter;
    margin: 0;
}

.editmodal-header {
    border-bottom: 1px solid #2b3643 !important;
    color: #2b3643;
    padding: 14px 15px 10px 15px;
}

.editmodal-header h4 {
    margin: 0;
    font-weight: lighter;
}

.editmodal-header .closed {
    color: #2b3643;
    font-size: 15px;
    height: 20px;
    width: 20px;
}

button.btn.mod-btn {
    background-color: #007334;
    border-radius: 0px !important;
    border: 1px solid #e7ecf1 !important;
    color: #e7ecf1;
    font-size: 14px !important;
}

button.btn.mod-btn:hover {
    background-color: #35aa47 !important;
    color: #fff !important;
}

button.btn.mod-lbtn {
    background-color: #fff;
    border-radius: 0px !important;
    border: 1px solid #cccccc !important;
    color: #2b3643;
    font-size: 14px !important;
}

.editmodal-body {
    color: #2b3643 !important;
}

.editmodal-body textarea {
    resize: none;
}

.edit-add {
    background-color: #ccc !important;
    padding: 6px 8px !important;
}

.assignmodalbody {
    font-size: 16px;
    color: #2b3643 !important;
}

.assignmodalbody .dltcntnr {
    display: inline-block;
}

.dltcntnr img {
    vertical-align: bottom;
    height: 43px;
    margin-right: 13px;
}

.dltcntnr p {
    margin-bottom: 0;
}


/*============================Library Page end=============================*/

#login_submit span.login-text {
    color: #FFFFFF;
}

.frgt_crdntl {
    font-weight: bold;
    float: right;
    margin-top: -4px;
    font-size: 13px;
}

.crtacntlnk {
    text-decoration: none;
}

.crtacntlnk:hover {
    text-decoration: none;
}

.crtantbtn-new {
    background-color: #ffffff !important;
    color: #00539B !important;
    font-size: 14px !important;
    border: 1px solid #00539B;
}

.crtantbtn {
    background-color: #e6e6e6 !important;
    color: black !important;
    font-size: 14px !important;
}

.inline-list.padding-5.trmstext {
    font-size: 13px !important;
}

.crtacnthdng {
    color: #000000;
}

.radio-inline.gndrlabl {
    color: #000000 !important;
}

.loginbackground .crtacnthead-gap {
    height: 20px;
}

.needhlp {
    margin-top: 15px;
    color: black;
    font-size: 13px;
    text-align: -webkit-center;
    text-align: center;
}

.signup_div {
    text-align: center;
    font-weight: bold;
    font-size: 14px;
}

.libgclr {
    margin: 0px;
    padding: 4px;
    background-color: #000000;
    margin-bottom: 1px;
    border-bottom: 1px solid;
    color: #fff;
}

.libgclr1 {
    margin: 0px;
    padding: 4px;
    background-color: #000000;
    margin-bottom: 0px;
    border-bottom: 1px solid #f3f0f0;
    color: #fff;
    border-top: 1px solid #a7a7a7;
}

.iconapdngclss {
    font-size: 16px;
    padding: 5px;
    display: inline-block;
    margin: 0;
}

.login-text.metxt {
    text-transform: capitalize;
    font-size: 13px;
}

.footer .cpyrghttxt {
    margin-left: 165px;
    color: rgb(138, 138, 139);
    font-size: 13px;
}

#videodiv .oo_spinner {
    text-align: center;
    text-align: -webkit-center;
    width: 100% !important;
}

.oo_spinner_img {
    margin-left: -50px;
}

div.oo_start_button {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    margin-left: -25px !important;
    margin-top: -25px !important;
}

.swipetxt {
    position: absolute;
    top: -10px;
    right: 44px;
    font-size: 14px;
    color: #777C89;
    display: none;
}

#videorting .videortnghdr {
    border-bottom: 0px;
    padding: 10px;
}

.playnxtdiv {
    padding-bottom: 20px;
    margin-top: 0px;
}

#playlistRatingModal .modal-body {
    height: 563px;
}

.cstmslctdrop .form-control {
    margin: 5px;
    display: block;
    width: none;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.cstmslctdrop .form-control.cstmcntrl {
    width: 23%;
}

[data-bs-toggle="collapse"] .icon {
    background: url("/assets/Expand_Collaps.png") no-repeat top left;
    width: 25px;
    height: 24px;
    margin-right: 10px;
    float: left;
}

[aria-expanded="true"] .icon {
    background: url("/assets/Expand_Collaps.png") no-repeat bottom left;
    width: 25px;
    height: 24px;
    margin-right: 10px;
    float: left;
}

#termsModal .modal-body.terms_body {
    height: 450px;
    overflow-y: auto;
}

#privacyModal .modal-body.privcy_body {
    height: 450px;
    overflow-y: auto;
}

#termsModal .modal-header.termshdr {
    background-color: #2C7DC3;
    color: white;
}

#privacyModal .modal-header.privcyshdr {
    background-color: #2C7DC3;
    color: white;
}

.custm_closebtn {
    position: absolute;
    right: -28px;
    top: -38px;
    color: white;
    font-size: 35px;
}

#call_on_action_modal .custm_closebtn {
    position: absolute;
   right: 10px;
   top: 0px;
   color: white;
   font-size: 25px;
   border: none;
   z-index: 1111;
   background: none;
   color: #000;
}
.custm_closebtn:hover {
    cursor: pointer;
}

.hlp_hdng {
    padding-left: 50px;
    font-size: 30px;
    margin-top: -8px
}

.smlychk {
    visibility: hidden;
}

.rate-box label:hover {
    cursor: pointer;
}

.rate-box .smlychk {
    position: absolute;
}

.app-wrappper.full-wrapper.edit_ptntblck {
    padding-left: 0px;
    background-color: #EFEEF3;
    min-height: 100%;
    position: relative;
    padding-top: 120px;
}
.app-wrappper.full-wrapper.edit_ptntblck.header_v2_wrap_top{
	padding-top: 0px !important;
	margin-top: 60px !important;
}
.app-wrappper.full-wrapper.edit_ptntblck .inner-wrapper{
    margin: 10px !important;
    width: calc(100% - 20px) !important;
}

.prcdrtxt {
    font-size: 14px;
    font-weight: 400;
    color: #888;
}

.caretm_hdng {
    font-size: 24px;
    font-weight: 400;
}

.plist_btngrp {
    margin-top: 15px;
}

.app-wrappper .plist_hdr {
    background-color: rgb(239, 239, 239) !important;
}

.app-wrappper .addptnt_hdr {
    background-color: rgb(239, 239, 239) !important;
}

.top_algn {
    margin-top: 10px;
}

.plist_btn .dropdown {
    display: inline-block;
}

.plist_btn .btn-default {
    background-color: #E4E4E4;
}

.plist_btn .plstbtn_lnk {
    text-decoration: none !important;
}

.plist_btn .plstbtn_lnk:hover {
    text-decoration: none !important;
}

.addptnt_btn {
    float: right;
}

.side_link {
    color: white !important;
}

.side_link:hover {
    text-decoration: none !important;
}

.myprflpage {
    padding-left: 0;
    background-color: #EFEEF3;
    min-height: 100%;
    position: relative;
    padding-bottom: 40px;
}
.myprflpage.full-wrapper .inner-wrapper {
    float: left;
   
    width: calc(100% - 20px) !important;
    min-height: 99vh;
    margin-left: 10px;
    margin-right: 10px;
}

.elmnt_cntr {
    text-align: center;
}

.forgt_wrpr .app-wrappper {
    padding-top: 0px;
    padding-left: 0px;
}

.fotgt-head {
    min-height: 80px;
    text-align: center;
    width: 100%;
    background: rgba(0, 0, 0, 0.3) none repeat scroll 0% 0%;
    margin-bottom: 10px;
}

.fotgt-head img {
    max-height: 50px;
    vertical-align: middle;
    max-height: 80px !important;
    padding: 5px;
}

.viva_hdng {
    font-size: 25px;
    font-family: "Abel", sans-serif;
    font-weight: 400;
    text-align: center;
    color: #F7F7F8;
    vertical-align: middle;
    margin: 16px auto 16px 1%;
}

.welcome-header {
    font-size: 25px;
    font-family: "Abel", sans-serif;
    font-weight: 500;
    text-align: center;
    color: #265B8F;
    vertical-align: middle;
    margin: 0px auto 0px 1%;
}

.normal-color {
    color: #000;
}

.err_msg {
    color: red;
}

.btnbttm_mrgn {
    margin-bottom: 15px !important;
}

.passchk_top {
    margin-top: 15px;
}

.dltlink {
    color: rgb(255, 90, 0);
}

.bluetxt {
    color: #00B7FF;
}

.myprflline {
    width: 97%;
    margin-top: 1px;
    margin-bottom: 1px;
}

.field {
    text-align: -webkit-left;
    text-align: left;
}

.margin-btm {
    margin-bottom: 10px;
}


.cntralgn {
    text-align: center;
    width: 100%;
}
.facility-btn .btn{
width:110px;
font-size: 13px;
border-radius: 5px !important;
}
.facility-btn .btn.cancel{
    color:#000;
    background: #eee;
    border-radius: 5px;
    border: 1px solid #888

    
}
.facility-btn .btn.save{
    color:#fff;
    background: #00789e !important;
    border: 1px solid #00789e;
    cursor: pointer;
}
.facility-btn .btn.copy{
    color:#fff;
    background: #888 !important;
    
}

@media (max-width:500px) {
    .dashpickers {
        text-align: center;
    }
    .date_slct {
        margin-left: 0px;
        margin-top: 10px;
    }
    #videorting .mytitle {
        font-size: 25px !important;
        margin-top: 10px !important;
    }
    .playnxtdiv {
        padding-bottom: 15px;
        margin-top: 15px !important;
    }
    .cstmslctdrop .form-control.cstmcntrl {
        width: 99% !important;
    }
    .lognhdng {
        color: #fff !important;
    }
    .lognsubhdng {
        color: #fff !important;
    }
    .loginbackground .head-gap {
        height: 16px !important;
    }
    .loginbackground .viva_hdng {
        /*margin-top: 10px;*/
        color: #000;
    }
    .help-page ul.tabs {
        padding: 25px 10px 6px;
    }
    .help-page ul.tabs li.selected a {
        font-size: 15px;
    }
    .help-page ul.tabs li a {
        font-size: 13px;
        padding: 8px 5px 12px;
    }
    .help-page ul.tabs li {
        display: inline;
    }
    .logo {
        padding: 20px 0px 0px 2px;
    }
    .hlp_hdng {
        padding-left: 3px;
        font-size: 25px;
    }
    header .atv_usrname {
        font-size: 14px;
    }
    header .details-txt {
        font-size: 13px;
    }
    header .usr-img {
        width: 40px;
        height: 40px;
    }
    .left_head {
        padding: 8px 6px 8px 4px;
    }
    .collapse-data h5 {
        font-size: 15px !important;
        margin-left: 35px !important;
    }
    .circle-btn {
        font-size: 20px !important;
    }
    .accordian-cntnr h3 {
        font-size: 16px !important;
    }
    .patient-form .chosen-container {
        width: 100%;
    }
    .profile .media-body {
        width: 100%;
    }
    .profile .media-left {
        width: 100%;
    }
    .profile .media-body h4 {
        text-align: -webkit-center;
        text-align: center;
    }
    .hospital-block img {
        float: none;
    }
    .hospital-block .video-block {
        float: none;
        text-align: -webkit-center;
    }
    .hospital-details {
        text-align: center;
    }
    .hospital-block .details {
        float: none;
    }
    .inner-fade h3 {
        font-size: 16px !important;
    }
    .inner-fade h5 {
        font-size: 15px !important;
    }
}

@media (max-width:600px) and (min-width:310px) {
    .mytoggle {
        margin-left: 3px;
    }
    .left_head .dropdown .dropdown-toggle {
        padding: 10px 2px;
    }
    #videorting .mytitle {
        font-size: 30px;
    }
    #videorting .play_optn {
        font-size: 50px !important;
    }
    #videorting .play_optntxt {
      
    }
    #videorting .videortnghdr {
        border-bottom: 0px;
        padding: 10px !important;
    }
    .playnxtdiv {
        padding-bottom: 40px;
        margin-top: 0px !important;
    }
    #viewcommentsModal .modal-content {
        height: 200px;
    }
    #hospital_videoModal .modal-content {
        height: 200px;
    }
    .head-text {
        font-size: 15px;
    }
    .step-text {
        font-size: 15px;
    }
    .timeline-block #accordion .panel-title .heading {
        font-size: 17px;
    }
    .play_optn {
        font-size: 0px;
    }
    .play_optn img {
        width: 35px !important;
        height: 35px !important;
    }
    .playnxtdiv h2{
        font-size: 16px;
        font-weight: bold;
    }
    .invalid h3 {
        font-size: 19px;
        margin-top: 0px;
    }
}

.loginbackground .txt-bottom {
    text-align: left;
}

@media (max-width:767px) {
    /* Icon 2 */
    .fotgt-head img {
        display: inline-block;
    }
    #viewcommentsModalhide p {
        font-size: 20px !important;
    }
    #viewcommentsModalhide {
        margin-top: 70px!important;
    }
    .fotgt-head {
        padding: 0px 0;
        min-height: 60px !important;
        background: #fff !important;
        max-height: 63px !important;
    }
    .loginbackground .viva_hdng {
        font-size: 18px;
        display: inline-block;
    }
    .fotgt-head img {
        max-height: 50px;
        vertical-align: middle;
        margin: 5px auto 5px 1%;
        max-height: 50px!important;
    }
    .mbllftbrdr_none {
        border-left: 0px solid !important;
    }
    .rghthead_cntnr {
        min-width: 185px;
        float: right;
    }
    .errorpage_cntnr {
        left: 0px;
    }
    .logo-div #mbl_menu {
        display: inline-block !important;
        vertical-align: middle;
        background: none;
        border: none;
        width: 10%;
    }
    a.logo {
        padding: 0 !important;
        margin: 10px 2px;
        width: 83%;
    }
    .logo {
        padding: 20px 0px 0px 2px;
        min-width: 120px;
    }
    header .viva-text {
        display: none;
    }
    .timeline {
        width: auto !important;
    }
    .footer .cpyrghttxt {
        margin-left: 65px;
        font-size: 12px;
    }
    .pat-butt {
        padding: 6px 10px !important;
    }
    header .procedure-txt {
        font-size: 14px;
    }
    header .details-txt {
        font-size: 12px;
    }
    .custm_closebtn {
        position: absolute;
		right: 0px;
		top: -33px;
		color: #482D2D;
		font-size: 16px;
		font-weight: bold;
		cursor: pointer;
    }
    .slide {
        width: 100%;
        height: 93px;
        overflow-x: scroll;
        overflow-y: hidden;
        padding: 10px 0;
    }
    .timeline {
        padding-left: 0px;
    }
    #mytimeline a {
        margin-top: 0px !important;
    }
    /*.logo-div{
    background-color: #ccc;
        text-align: center;
    padding: 0 0 10px 0;
}*/
    .lognhdng {
        color: #fff !important;
    }
    .lognsubhdng {
        color: #fff !important;
    }
    .viva_hdng {
        margin: 0px;
        color: #000;
    }
    .privacy-text span {
        position: relative !important;
        text-align: left;
        margin-bottom: 20px;
        display: block;
    }
    .xs_btn {
        text-align: center;
    }
    .addptnt_btn {
        float: none;
    }
    .plist_btn {
        text-align: center;
    }
    .loginbackground .head-gap {
        height: 72px;
    }
    .loginbackground .txt-bottom {
        font-size: 16px;
        padding: 0 30px;
        text-align: center;
    }
    .loginbackground .help-text {
        font-size: 14px;
    }
    .loginbackground {}
    .loginbackground h2 {
        margin-top: 0%;
        font-size: 25px;
        text-align: center;
        text-shadow: 1px 1px 1px #000;
    }
    .footer {
        margin-left: 0px;
    }
    .side-bar {
        /*padding-top:130px!important;*/
        width: 65px;
        -webkit-overflow-scrolling: touch;
        /*height: 100%;*/
    }
    /*.right_head,.viva-text{display:none!important;}*/
    .side-bar span {
        display: none;
    }
    .care-team,
    .app-wrappper {
        padding-left: 0px;
    }
    /*.care-team .container{margin-top: 50px;}
    .app-wrappper{ padding-top: 100px;}*/
    .patient-form .form-group {
        margin-bottom: 0px;
        width: 100%;
    }
    /*======================For Profile Page==========================*/
    .profile .media-body .block p {
        width: 100%;
    }
    /*======================For Profile Page==========================*/
}

@media (max-width:850px) and (min-width:768px) {
    .pat-butt {
        padding: 6px 10px !important;
    }
    .sm-hide-img {
        display: none;
    }
    .slide {
        width: 100%;
        height: 93px;
        overflow-x: scroll;
        overflow-y: hidden;
        padding: 10px 0;
    }
    .timeline {
        padding-left: 0px;
        width: 760px;
    }
    #mytimeline a {
        margin-top: 0px !important;
    }
    .turnicate {
        width: 170px;
    }
    button.btn.assignasset-btn {
        font-size: 11px !important;
    }
}

@media (max-width:991px) and (min-width:768px) {
    .border_leftnone {
        border-left: 0px solid !important;
    }
    .playnxtdiv {
        padding-bottom: 20px;
        margin-top: 10px;
    }
    .footer {
        text-align: left;
    }
    .footer .cpyrghttxt {
        margin-left: 121px;
    }
    .swipetxt {
        display: inline-block;
        top: -15px;
        right: 3px;
        font-size: 1em;
    }
    .right_head .myhelp {
        font-size: 12px;
    }
    header .procedure-txt {
        font-size: 14px;
    }
    header .details-txt {
        font-size: 12px;
    }
    #videoModal .modal-body {
        height: 220px;
    }
    #videoModal .modal-content {
        height: 220px;
    }
    #viewcommentsModal .modal-body {
        height: 220px;
    }
    #viewcommentsModal .modal-content {
        height: 220px;
    }
    #mytimeline a li {
        color: #616a74;
        display: inline-block;
        padding: 10px 8px 8px 20px;
        text-decoration: none;
        text-align: center;
        outline: none;
        font-weight: bold;
        font-size: 13px;
    }
    #mytimeline a li span {
        display: block;
        font-size: 10px;
    }
    .lognhdng {
        color: white !important;
        font-size: 35px !important;
    }
    .lognsubhdng {
        color: white !important;
        font-weight: 500 !important;
    }
    .cstmslctdrop .form-control.cstmcntrl {
        width: 23%;
    }
    .logo {
        padding: 5px 0px 0px 15px;
    }
    header .viva-text {
        /*font-size: 14px;*/
        font-weight: bold;
        /*display:none !important;*/
    }
    .mytoggle {
        margin-left: 10px;
    }
    .invalid h3 {
        font-size: 19px;
    }
}

@media (max-width:991px) and (min-width:768px) and (orientation: portrait  ) {
    #videoModal .modal-body {
        height: 340px;
    }
    #videoModal .modal-content {
        height: 340px;
    }
    #viewcommentsModal .modal-body {
        height: 340px;
    }
    #viewcommentsModal .modal-content {
        height: 340px;
    } 
    .modal-dialog {
        width: 600px;
        margin: 30px auto;
    }
}



@media (max-width:991px) {
    .nolft_mrgn {
        margin-left: 0px !important;
    }
    .loginbackground h2 {
        margin-top: 0%;
        text-shadow: 1px 1px 1px #000;
    }
    .patient-form .form-group {
        margin-bottom: 25px;
        width: 100%;
    }
}

@media (max-width:1199px) and (min-width:992px) {
    div.pagination {
        font-size: 12px !important;
    }
    button.btn.hoverview-btn {
        font-size: 11px !important;
        padding: 7px;
    }
    .asset-count h2.no_of_asst {
        font-size: 20px !important;
    }
    video::cue {
        font-size: 0.5em;
    }
    .footer {
        text-align: left;
    }
    .footer .cpyrghttxt {
        margin-left: 0px;
        margin-left: 121px;
    }
    #videoModal .modal-body {
        height: 509px;
    }
    #videoModal .modal-content {
        height: 500px;
    }
    #videoModal .modal-dialog{
        width:900px !important;
    }
    #mytimeline a li {
        color: #616a74;
        display: inline-block;
        padding: 10px 8px 8px 20px;
        text-decoration: none;
        text-align: center;
        outline: none;
        font-weight: bold;
        font-size: 13px;
    }
    #mytimeline a li span {
        display: block;
        font-size: 12px;
    }
    .cstmslctdrop .form-control.cstmcntrl {
        width: 29%;
    }
    .turnicate {
        width: 170px;
    }
    button.btn.assignasset-btn {
        font-size: 11px !important;
    }
}

@media (min-width:1200px) {
    #videoModal .modal-body {
         height: 509px;
    }
    #videoModal .modal-content {
         height: 509px;
    }
    #mytimeline a li {
        color: #616A74;
        display: inline-block;
        padding: 10px 8px 8px 10px;
        text-decoration: none;
        text-align: center;
        outline: medium none;
        font-size: 13px;
        font-weight: bold;
    }
    #mytimeline a li span {
        display: block;
        font-size: 13px;
    }
   .actvmenu{
       position: relative;
   }
   
   
}


/*-----SURAJ CSS FOR NEW LEFT HAND ICONS--------*/

.left-nav-icon {
    height: 42px;
    width: 42px;
    margin-left: auto;
    margin-right: auto;
}

.actvmenu .actyellow-library {
    background: url(../img/Library_Manager_Yellow.png);
    background-size: cover;
}

.actvmenu .actyellow-dashboard {
    background: url(../img/Dashboard+Yellow.png);
    background-size: cover;
}

.actvmenu .actyellow-patient {
    background: url(../img/Patients_Yellow.png);
    background-size: cover;
}

.actvmenu .actyellow-nurse {
    background: url(../img/Nurses_Yellow.png);
    background-size: cover;
}

.actvmenu .actyellow-survey {
    background: url(../img/Survey_Manager_Yellow.png);
    background-size: cover;
}

.actvmenu .actyellowheart-logo {
    background: url(../img/heartbeat-yellow.png);
    background-size: cover;
}

.actvmenu .actyellowcampaign-logo {
    background: url(../img/campaign_active.png);
    background-size: cover;
}

.survey-logo {
    background: url(../img/Survey_Manager_White.png);
    background-size: cover;
}

.dashboard-logo {
    background: url(../img/Dashboard_White.png);
    background-size: cover;
}

.library-logo {
    background: url(../img/Library_Manager_White.png);
    background-size: cover;
}

.patient-logo {
    background: url(../img/Patients_White.png);
    background-size: cover;
}

.nurse-logo {
    background: url(../img/Nurses_White.png);
    background-size: cover;
}

.heart-logo {
    background: url(../img/heartbeat-white.png);
    background-size: cover;
}

.campaign-logo {
    background: url(../img/campaign_inactive.png);
    background-size: cover;
}

.study-manager {
    background: url(../img/study-manager.png);
    background-size: 100% 82%;
    background-repeat: no-repeat;
}

/*================================MyStyle=====================================*/


/*================================@ad start=====================================*/

.inline-list {
    /*display:inline-block;*/
}

.padding-5 {
    padding: 5px;
}

.text-xs-left {
    text-align: left;
}

.text-xs-right {
    text-align: right;
}

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

.text-xs-justify {
    text-align: justify;
}

@media (min-width: 768px) {
    .text-sm-left {
        text-align: left;
    }
    .text-sm-right {
        text-align: right;
    }
    .text-sm-center {
        text-align: center;
    }
    .text-sm-justify {
        text-align: justify;
    }
}



@media (min-width:1800px) and (max-width:2399px){
    .inline-list, .loginbackground .login-div .form-control, .multi-lang-select a,  .loginbackground .input-text, .loginbackground .login-div a, #login_submit span.login-text, .btn-google, .loginbackground .btn-block {
        font-size: 14px !important;
        line-height: 14px;
    }
    .container-check{
        font-size: 16px;
    }
    .loginbackground .login-div{
        font-size: 14px;
    }
    .department-id-div .container{
        font-size: 18px;
    }
  
    .loginbackground h2{
        font-size: 45px !important;
    }
    .loginbackground .txt-bottom{
        font-size: 25px !important;
    }
    
}



@media (min-width:2400px) {
    .multi-lang-select h6{
        font-size: 22px !important;
    }
    .inline-list, .loginbackground .login-div .form-control, .multi-lang-select a,  .loginbackground .input-text, .loginbackground .login-div a, #login_submit span.login-text, .btn-google, .loginbackground .btn-block {
        font-size: 17px !important;
    }
    .container-check{
        font-size: 17px;
    }
    .loginbackground .login-div{
        font-size: 16px;
    }
    .department-id-div .container{
        font-size: 22px;
    }
  
    .loginbackground h2{
        font-size: 50px !important;
    }
    .loginbackground .txt-bottom{
        font-size: 30px !important;
    }
    
}




@media (min-width: 992px) {
    .text-md-left {
        text-align: left;
    }
    .text-md-right {
        text-align: right;
    }
    .text-md-center {
        text-align: center;
    }
    .text-md-justify {
        text-align: justify;
    }
}

@media (min-width: 1200px) {
    .text-lg-left {
        text-align: left;
    }
    .text-lg-right {
        text-align: right;
    }
    .text-lg-center {
        text-align: center;
    }
    .text-lg-justify {
        text-align: justify;
    }
}


/*=dashboard=myinstructions*/

.care-team .panel-heading {
    border-top: 1px solid #ccc;
    padding-top: 25px;
    display: block;
    clear: both;
}

.bootstrap-select.btn-group .dropdown-toggle .filter-option {
    font-size: 14px;
}

.care-team .panel-heading:first-child {
    border-top: 0;
}

.timeline-block #accordion .panel-title .icon {
    width: 25px;
    height: 24px;
    /*margin-right: 15px;*/
    float: left;
    /*margin: 10px 10px 0 0;*/
}

.timeline-block #accordion .panel-title .heading {
    /*display: inline-block;
    float: left;*/
    margin: 10px 0px 10px 0;
    font-weight: bold;
}

.timeline-block #accordion .panel-title .n_vid {
    font-size: 14px;
    color: #8f9aa6;
    /*margin: 7px 0px;*/
    display: inline-block;
}

.timeline-block #accordion .panel-title .comp {
    font-size: 14px;
    font-weight: bold;
    color: #28c05d;
    padding: 15px 10px 0;
    /* clear: both; */
    display: inline-block;
}

.collapse.in {
    clear: both;
    background-color: #fff;
}


/*=videoModal*/

.modal#videoModal {
    /*padding-top: 30px;*/
}

#videoModal .modal-content {
    position: relative;
    background-color: rgba(0, 0, 0, 0.28);
    border: 0!important;
    border-radius: 0!important;
    box-shadow: none!important;
}

#videoModal .modal-header {
    padding: 0;
    border-bottom: 0;
    min-height: 0;
    background-color: transparent;
}

#videoModal .modal-header .close {
    float: right;
    font-size: 38px;
    font-weight: normal;
    line-height: 0;
    margin-top: -15px;
    margin-right: -15px;
    color: #FFF;
    opacity: 1;
}

#videoModal .modal-body {
    position: relative;
    padding: 0;
    background-color: #fff;
}

#videoModal .modal-footer {
    width: 100%;
    min-height: 40px;
    position: relative;
    padding: 10px 0 5px;
    background-color: #fff;
}

#videoModal .modal-footer .video_name {
    font-size: 16px;
    padding: 5px 0 0;
    color: #505666;
}

#videoModal .modal-footer .button-last {
    background: url("/assets/previous.png") no-repeat;
    background-size: 100%;
    /*width:25px;
    height:25px;*/
}

#videoModal .modal-footer .button-next {
    background: url("/assets/next.png") no-repeat;
    background-size: 100%;
    /*width:25px;
    height:25px;*/
}

.modal#viewcommentsModal {
    /*padding-top: 30px;*/
}

#viewcommentsModal .modal-content {
    position: relative;
    background-color: rgba(0, 0, 0, 0.28);
    border: 0!important;
    border-radius: 0!important;
    box-shadow: none!important;
}

#viewcommentsModal .modal-header {
    padding: 0;
    border-bottom: 0;
    min-height: 0;
    background-color: transparent;
}

#viewcommentsModal .modal-header .close {
    float: right;
    font-size: 38px;
    font-weight: normal;
    line-height: 0;
    margin-top: -15px;
    margin-right: -15px;
    color: #FFF;
    opacity: 1;
}

#viewcommentsModal .modal-body {
    position: relative;
    padding: 0;
    background-color: #fff;
}

#viewcommentsModal .modal-footer {
    width: 100%;
    min-height: 40px;
    position: relative;
    padding: 10px 0 5px;
    background-color: #fff;
}

#viewcommentsModal .modal-footer .video_name {
    font-size: 16px;
    padding: 5px 0 0;
    color: #505666;
}

#viewcommentsModal .modal-footer .button-last {
    background: url("/assets/previous.png") no-repeat;
    background-size: 100%;
    /*width:25px;
    height:25px;*/
}

#viewcommentsModal .modal-footer .button-next {
    background: url("/assets/next.png") no-repeat;
    background-size: 100%;
    /*width:25px;
    height:25px;*/
}

@media only screen and (max-width: 980px) {
    .modal-body {
        height: auto;
        overflow-y: auto;
    }
}


/*videoRatingModal*/

#videoRatingModal .modal-content {
    position: relative;
    background-color: rgba(0, 0, 0, 0.29) !important;
    border: 0!important;
    border-radius: 0!important;
    box-shadow: none!important;
}

#videoRatingModal .modal-header {
    padding: 0;
    border-bottom: 0;
    min-height: 0;
    background-color: transparent;
}

#videoRatingModal .modal-header .close {
    float: right;
    font-size: 37px;
    line-height: 0;
    margin-top: -13px;
}

#videoRatingModal .modal-body {
    position: relative;
    padding: 0;
    background-color: #fff;
}


/*=general*/

@media (max-width:980px) {}

@media (max-width: 420px) {
    .timeline-block #accordion .panel-title .n_vid,
    .timeline-block #accordion .panel-title .heading {
        /*padding-left: 45px;*/
    }
    .timeline-block #accordion .panel-body .block {
        /* width:100%;*/
    }
}


/*=changepassword=edituser*/

.edit_user {
    padding: 10px 10px;
}

.edit_user input {
    padding: 5px 5px 5px 10px;
    margin: 0 0 10px 0;
    width: 200px;
    max-width: 100%;
    border: 1px solid #ccc;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
    -webkit-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
    box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
}


/*================================@ad end=====================================*/

.circle-btn {
    display: inline-block;
    font-size: 24px;
    color: #0091d6;
    padding-left: 10px;
}

.accordian-cntnr h3 {
    /*display: inline-block;*/
    padding-left: 10px;
    font-size: 22px;
}

.collapse-data h5 {
    font-size: 17px;
    margin-left: 35px;
    color: rgb(80, 80, 80);
}

.collapse-data {
    padding-left: 10px;
}

.forgt_wrpr {
    position: absolute;
    width: 100%;
    min-height: 100%;
    margin-top: -83px;
    background: transparent url("/assets/Login_BG.jpg") no-repeat scroll 50% 50%;
}

.forgt_wrpr .inner-wrapper.forgt_innrwrpr {
    margin-top: 15px;
    background-color: rgba(240, 248, 255, 0.79);
}


/*================================@ad end=====================================*/

.play_optn {
    color: white;
    font-size: 75px;
}

.centre_elmnt {
    text-align: center;
}

.modal-back {
    text-align: center;
    background-color: rgba(0, 0, 0, 0.29) !important;
}

#videorting .mytitle {
    color: #bfbfc0;
    margin-top: 40px;
}

#videorting .modal-header i {
    font-size: 36px;
    color: white;
}

#videorting .mod-foot h2 {
    color: #fff;
}

#videorting .mod-foot {
    text-align: center;
}

#videorting .mod-foot i {
    color: #fff;
    font-size: 60px;
    padding-bottom: 20px;
}

#videorting .mod-foot i:hover {
    cursor: pointer;
    color: #ccc;
    -webkit-transition: 0.6s;
}

#viewcommentsModal .mytitle {
    color: #bfbfc0;
    margin-top: 40px;
}

#viewcommentsModal .modal-header i {
    font-size: 36px;
    color: white;
}

#viewcommentsModal .mod-foot h2 {
    color: #fff;
}

#viewcommentsModal .mod-foot {
    text-align: center;
}

#viewcommentsModal .mod-foot i {
    color: #fff;
    font-size: 60px;
    padding-bottom: 20px;
}

#viewcommentsModal .mod-foot i:hover {
    cursor: pointer;
    color: #ccc;
    -webkit-transition: 0.6s;
}

.rating {
    float: left;
    margin: 0 auto;
    width: 100%;
}

.rating:not(:checked)>input {
    position: absolute;
    top: -9999px;
    clip: rect(0, 0, 0, 0);
}

.rating:not(:checked)>label {
    width: 1em;
    padding: 0 0em;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
    font-size: 200%;
    line-height: 1.2;
    /*color:white;*/
    /*text-shadow:1px 1px #bbb, 2px 2px #666, .1em .1em .2em rgba(0,0,0,.5);*/
    text-shadow: 0px 0px 1px #fff, 0 0 0 #fff, 0px 0px 1px #fff;
}

.rating:not(:checked)>label:before {
    content: '★ ';
}

.rating>input:checked~label {
    color: #f70;
    text-shadow: 1px 1px #c60, 2px 2px #940, .1em .1em .2em rgba(0, 0, 0, .5);
}

.rating:not(:checked)>label:hover,
.rating:not(:checked)>label:hover~label {
    color: gold;
    text-shadow: 1px 1px goldenrod, 2px 2px #B57340, .1em .1em .2em rgba(0, 0, 0, .5);
}

.rating>input:checked+label:hover,
.rating>input:checked+label:hover~label,
.rating>input:checked~label:hover,
.rating>input:checked~label:hover~label,
.rating>label:hover~input:checked~label {
    color: #ea0;
    text-shadow: 1px 1px goldenrod, 2px 2px #B57340, .1em .1em .2em rgba(0, 0, 0, .5);
}

.rating>label:active {
    position: relative;
    top: 2px;
    left: 2px;
}

.pretty th #frstname a {
    padding-right: 17px;
    background-repeat: no-repeat;
    background-position: right bottom;
    /* float: right; */
    display: inline;
}

.pretty th .sort1 {
    background-image: url(/assets/sort.png);
}

.pretty th .asc {
    background-image: url(/assets/up_arrow.gif);
}

.pretty th .desc {
    background-image: url(/assets/down_arrow.gif);
}

#frstname a {
    color: #fff;
}

#frstname a:hover {
    text-decoration: none;
}

.submit-text {
    margin-left: 0px !important;
}


/*------------SP----------------*/

a {
    outline: 0px none !important;
}

.myfa {
    font-size: 30px !important;
    color: white;
    vertical-align: bottom;
}

.modhead {
    background-color: #2C7DC3;
    color: white;
}

.modfoot {
    padding: 10px !important;
    text-align: center !important;
}

.modbody {
    padding: 15px 15px 0px 15px !important;
    /*min-height: 70px;*/
    height: 100%;
    overflow: hidden;
}

.modbody p {
    font-size: 14px !important;
}

.forgot-id {
    margin-bottom: 0px !important;
}

.pw-gap {
    height: 45px !important;
}

.sign-btn {
    width: 80% !important;
}

.pat-butt {
    background-color: #28c05d !important;
    border-color: #28c05d !important;
    padding: 6px 15px;
    border-radius: 2px !important;
}

.myhelp {
    color: #0090D4;
}

.mycaret {
    border-top: 6px dashed !important;
    border-left: 6px solid transparent !important;
    border-right: 6px solid transparent !important;
    color: #357188;
    margin-left: 10px !important;
}

@media (max-width: 375px) and (max-width: 667px) {
    .field .mychk {
        margin-top: 0px;
    }
}

.left-txts {
    text-align: left !important;
}

@font-face {
    font-family: deca;
    src: url("/assets/Deca_Serif_W01_Bold.woff")
}

.thumb {
    height: 168px;
    text-align: -webkit-center;
    text-align: center;
    /*background-color: #D3D3D4;*/
    background-color: #ffffff;
}

.thumbnail .nurse_cntnt {
    /*top: 168px; */
    /* bottom: 0px; */
    /* position: absolute; */
    /* overflow: auto; */
    border-bottom: 10px solid rgba(208, 201, 201, 0.04);
    border-radius: 3px 3px;
    border-top: 1px solid #d3d3d3;
    padding: 10px 15px;
}

.inner-fade h5,
h3 {
    /*padding-left: 10px;*/
}

.inner-fade h3 {
    font-size: 22px;
}

.inner-fade h5 {
    font-size: 17px;
    color: rgb(80, 80, 80);
}

.playlist-row {
    margin-bottom: -15px;
}

.hamburger {
    position: fixed;
    top: 58px;
    width: 100%;
    z-index: 999;
}

.mynavbar {
    background-color: rgba(0, 0, 0, 0.9) !important;
    border-color: rgba(0, 0, 0, 0.9) !important;
    z-index: 999;
}

.mynavbar .navbar-collapse {
    background-color: rgba(0, 0, 0, 0.9) !important;
}

.padding-5 {
    padding: 10px 5px;
    font-size: 15px;
}

.inline-list.padding-5 {
    color: #000;
}

.desp {
    background-color: rgba(62, 64, 70, 0.65);
    padding: 7px 10px 0px 10px;
    margin-bottom: 10px;
}

.slidelftmtnl {
    background-color: #000;
}

.cstmslctdrop .form-select.cstmcntrl.mydate {
    width: 30%;
    display: inline-block;
    border-radius: 4px;
}

.dashboard {
    height: auto;
    width: 100%;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e5e5e5+100;White+3D */
    background: rgb(255, 255, 255);
    /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(229, 229, 229, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(229, 229, 229, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(229, 229, 229, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5', GradientType=0);
    /* IE6-9 */
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    padding: 10px;
    position: relative;
}

.dashboard:hover {
    box-shadow: 0 -2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 5px 0 rgba(0, 0, 0, 0.16);
}

.chart-legend li span {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 5px;
    list-style-type: none;
}

.pie-legend {
    list-style-type: none;
}

.chart-legend {
    font-size: 14px;
    text-align: left;
    position: absolute;
    right: 5px;
    /*top: 10px;*/
    bottom: 5px;
}

.chart-legend1 li span {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 5px;
    list-style-type: none;
}

.chart-legend ul {
    list-style-type: none;
}

.chart-legend1 {
    text-align: left;
    position: absolute;
    right: 10px;
    bottom: 0;
}

.chart-legend2 li span {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 5px;
    list-style-type: none;
}

.chart-legend2 ul {
    list-style-type: none;
}

.chart-legend2 {
    text-align: left;
    position: absolute;
    right: 10px;
    bottom: 0;
}

.chart-legend3 li span {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 5px;
    list-style-type: none;
}

.chart-legend3 ul {
    list-style-type: none;
}

.chart-legend3 {
    text-align: left;
    position: absolute;
    right: 10px;
    bottom: 0;
}

.dash-roww {
    background: #ffffff;
    background: -moz-linear-gradient(45deg, #ffffff 0%, #e5e5e5 100%);
    background: -webkit-linear-gradient(45deg, #ffffff 0%, #e5e5e5 100%);
    background: linear-gradient(45deg, #ffffff 0%, #e5e5e5 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5', GradientType=1);
}

.myhr {
    margin-top: 8px;
    margin-bottom: 0px;
    border: 0;
    border-top: 1px solid #265B8F;
    width: 98%;
}

.dash-tabs {
    display: inline-block;
    position: absolute;
    top: 10px;
    left: 145px;
    font-size: 16px
}

.chart-legend5 li span {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 5px;
    list-style-type: none;
}

.chart-legend5 ul {
    list-style-type: none;
}

.chart-legend5 {
    text-align: left;
    position: absolute;
    right: 10px;
    bottom: 0;
}

.side-bar li.myactive {
    background-color: red;
    color: #000;
}

.extra {
    display: none;
}

.help-active {
    background-color: #FFFFFF;
    border-bottom: 5px solid #FFFFFF;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    color: #000 !important;
}

.map-div {
    overflow: hidden;
    height: 288px;
    width: 100%;
}



.lilchart {
    font-size: 11px;
    bottom: 0px;
    right: 0px;
}


/*------------SP----------------*/


/*---------------------MyInstruction New -----------------------*/

.instwrapper {
    margin: 15px;
    /*background-color: #fff;
    box-shadow: 0px 0px 3px;*/
    padding-bottom: 10px;
}


/*---------------------MyInstruction New -----------------------*/


/*---------------------Dashboard New -----------------------*/

.rounder-big {
    border-radius: 50% !important;
    width: 120px;
    height: 120px;
    margin: 0px auto 15px;
    color: #fff;
}

.rounder-big>div {
    padding-top: 31%;
    font-size: 3em;
}

.hospital-selector div.pat-text {
    font-size: 1.1em;
    color: #484848;
    font-weight: bold;
}

.dial_cntnr {
    text-align: center;
}

.dial_cntnr div {
    width: 32%;
    display: inline-block;
}

.tabbtn_cntnr {
    text-align: center;
}

.tabbtn_cntnr .nav-tabs {
    display: inline-block;
}

input[readonly].dial1 {
    background-color: transparent !important;
    /*margin-top: 75px !important;*/
}

input[readonly].dial2 {
    background-color: transparent !important;
    /*margin-top: 75px !important;*/
}

input[readonly].dial3 {
    background-color: transparent !important;
    /*margin-top: 75px !important;*/
}

input[readonly].dial4 {
    background-color: transparent !important;
    /*margin-top: 75px !important;*/
}

input[readonly].dial5 {
    background-color: transparent !important;
    /*margin-top: 75px !important;*/
}

.dashwrapper {
    margin: 15px;
    background-color: #fff;
    box-shadow: 0px 0px 3px;
    padding-bottom: 10px;
}

.dashheaders {
    background-color: #2b3643;
    color: #fff;
}

.dashheaders h3 {
    padding-left: 15px;
    padding-top: 15px;
    padding-bottom: 15px;
}

.dashpickers {
    margin: 24px 25px !important;
}

.dashpickers .date_slct {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
}

.dashbtn {
    border: 1px solid #cccccc;
    border-left: 1px solid #ccc;
    margin-left: -6px;
    background-color: #f5f8fd;
    background-image: none;
    filter: none;
    padding: 7px 14px;
    font-family: "Segoe UI", Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #55657f;
    cursor: pointer;
    outline: none;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    /* -webkit-border-radius: 0 !important; */
    -moz-border-radius: 0 !important;
    /* border-radius: 0 !important; */
    -webkit-text-shadow: none;
    -moz-text-shadow: none;
    text-shadow: none;
    text-decoration: none !important;
}

.lft-btn {
    margin-right: 1px;
    border: 1px solid #cccccc !important;
    border-bottom-left-radius: 4px !important;
    border-top-left-radius: 4px !important;
}

.rgt-btn {
    margin-left: -5px;
    border: 1px solid #cccccc !important;
    border-bottom-right-radius: 4px !important;
    border-top-right-radius: 4px !important;
}

.metric-deck {
    color: #55657f;
    margin: 24px 20px 0px 20px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.metrics {
    text-align: center;
}

.metrics h4 {
    font-size: 16px;
}

.metrics h2 {
    font-weight: 600;
    margin-top: 5px !important;
}

.met-div {
    margin-top: 10px;
    margin-bottom: 10px;
}

.met-border {
    border-left: 1px solid;
}

.dashboard-tabs {
    margin: 8px 20px;
}

.tabhead {
    padding-left: 50px !important;
    padding-right: 50px !important;
    font-size: 14px !important;
    border: 1px solid #cccccc !important;
    background-color: #f5f8fd !important;
}

.nolft_mrgn {
    margin-left: -15px;
}

.nopaddingright {
    padding-right: 0px !important;
}

.tabbable-custom .nav-tabs>li.active {
    border-top: 0px solid #55657F !important;
    margin-top: 2px !important;
    position: relative;
    background-color: #55657F !important;
}

.nav-tabs>li.active>button,
.nav-tabs>li.active>button:hover,
.nav-tabs>li.active>button:focus {
    color: #fff;
    background-color: #55657F !important;
    border: 0px solid #ddd;
    border-bottom-color: transparent;
    cursor: default;
    outline: none !important;
}

.tabbable-custom.tabbable-full-width>.tab-content {
    padding: 10px 0 !important;
}

.portlet.box.navy {
    border: 1px solid #ccc;
    border-top: 0;
}

.portlet>.portlet-body.navy,
.portlet.navy {
    background-color: #55657F !important;
}

.portlet>.portlet-title>.font-13 {
    font-size: 13px !important;
    font-weight: 500 !important;
}

.portlet.box>.portlet-title {
    padding: 10px 5px 0px 5px !important;
}

.portlet {
    margin-bottom: 8px !important;
}

.portlet>.portlet-title>.tools>a {
    display: inline-block;
    height: 16px;
    margin-left: 0px !important;
}

.form-horizontal .control-label1 {
    float: left;
    width: 96px;
    padding-top: 5px;
    padding-left: 15px;
    text-align: left;
}

.center1 {
    text-align: center;
}

.center1 h4 {
    font-size: 13px !important;
    margin-top: 0px;
    margin-bottom: 6px;
}

.tabbable-custom>.tab-content {
    border: 0px !important;
}

.nav-tabs {
    border: 0px !important;
}

.legbox {
    width: 20px;
    height: 20px;
    background-color: #00C1FF;
    display: inline-block;
    border-radius: 4px !important;
}

.legbox1 {
    width: 20px;
    height: 20px;
    background-color: #31acd5;
    display: inline-block;
    border-radius: 4px !important;
}

.legbox2 {
    width: 20px;
    height: 20px;
    background-color: #CCCCCC;
    display: inline-block;
    border-radius: 4px !important;
}

.legbox3 {
    width: 20px;
    height: 20px;
    background-color: #f34353;
    display: inline-block;
    border-radius: 4px !important;
}

.legbox4 {
    width: 20px;
    height: 20px;
    background-color: #f38630;
    display: inline-block;
    border-radius: 4px !important;
}

.legends span {
    vertical-align: super;
    font-size: 13px;
    color: #516CA0;
    padding-left: 0px;
}

.legends1 {
    text-align: left;
    margin-top: 50%;
    margin-left: 50px;
}

.legends1 span {
    vertical-align: super;
    font-size: 13px;
    color: #516CA0;
    padding-left: 4px;
}

.y-axe {
    display: -webkit-inline-box;
    display: inline-block;
    position: absolute;
    left: -5px;
    transform: rotate(270deg);
    top: 40%;
    font-size: 13px;
    color: #516CA0;
}

.count {
    background-color: white;
    color: #55657F;
    padding: 2px;
    font-weight: 600;
}

.vertical {
    vertical-align: text-bottom;
}

.portlet.box>.portlet-body {
    background-color: #f5f8fd !important;
    padding: 10px;
    position: relative;
}

.vert_seprtr {
    width: 5px;
    border-left: 2px solid #55657F;
    position: absolute;
    top: -1px;
    bottom: -1px;
    left: 50%;
    margin-left: -5px;
}

.relatetitle {
    position: relative;
}


/*.relatebody{
	position: relative;
}*/

.collap {
    position: absolute;
    right: 4px;
    cursor: pointer;
}

.collap1 {
    position: absolute;
    right: 4px;
    cursor: pointer;
}

.user-lgnd {
    margin-top: 10px;
    font-size: 14px;
    color: #516CA0;
}

.marked {
    color: #0d638f;
    vertical-align: top;
}

.morepadding {
    padding-top: 29px !important;
    padding-bottom: 29px !important;
    padding-left: 20px !important;
}

.border-left {
    border-left: 3px solid #55657F;
}

.borderless td,
.borderless th {
    border: none !important;
    padding-left: 0px !important;
    padding-bottom: 0px !important;
    vertical-align: inherit !important;
}

.borderless th {
    font-size: 14px !important;
    font-weight: 100 !important;
}

.borderless {
    margin-bottom: 0px !important;
}

.customprog {
    height: 12px !important;
    margin-bottom: 10px !important;
}

.bg-green1 {
    background: #1ABB9C !important;
    border: 1px solid #1ABB9C !important;
    color: #fff;
}

.bg-purple1 {
    background: #7f487a !important;
    border: 1px solid #7f487a !important;
    color: #fff;
}

.bg-blue1 {
    background: #36a2eb !important;
    border: 1px solid #36a2eb !important;
    color: #fff;
}

.tbl-ttl {
    font-size: 14px;
    color: #369ead;
}

select#duration {
    color: #9E9E9E;
}

.control-group .daterange {
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    height: 32px;
    /*margin-top: -6px;*/
    background-color: #FFF;
}

.filteractive {
    background-color: #55657F !important;
    color: #fff !important;
}

html input[disabled] {
    color: #ccc;
    background-color: #FFF !important;
    cursor: not-allowed !important;
    border-color: #ccc !important;
    box-shadow: none !important;
}

.knob-knob {
    right: 26% !important;
    top: 21% !important;
    margin-top: 0px !important;
    background-color: transparent !important;
}

.knobcontainer {
    width: 100px;
    height: 123px;
}

.fixedbody {
    min-height: 255px;
    max-height: 319px;
    overflow-y: auto;
}

.bargraphs {
    margin-left: 26px !important;
}

.legends .lgnd_div {
    display: inline-block;
    margin-left: 6px;
}

canvas.bargraphs {
    width: 90% !important;
    /*height: 90% !important;*/
    height: 245px !important;
}

canvas.piechrt {
    width: 90% !important;
    height: 90% !important;
}

.knob_seprtr {
    border-top: 3px solid #55657F;
    margin-bottom: 4px;
    margin-left: -10px;
    margin-right: -10px;
}

.backborder {
    background-color: white !important;
    border: 1px solid #ccc !important;
}

a.backborder:focus {
    background-color: white !important;
    border: 1px solid #ccc !important;
}

a.backborder:hover {
    background-color: white !important;
    border: 1px solid #ccc !important;
}

.promargin {
    margin-left: 20px;
}

.backborder.cstmdrop {
    width: 220px;
    color: #55657F;
}

.cstmdropcheck {
    width: 100% !important;
}

.select_curso [type="checkbox"] {
    width: 16px !important;
    height: 16px !important;
}


/*---------------------Dashboard New -----------------------*/


/*---------------------Patient Viewership -----------------------*/

.wrapper-patient {
    margin: 15px;
    background-color: #fff;
}

.wrapper-patient hr {
    margin-top: 0px;
    margin-bottom: 15px;
}

.patient-header h3 {
    font-size: 22px;
    margin-top: 15px;
    margin-bottom: 15px;
}


/*.patient-header{
padding: 10px 20px;
background-color: #fff;
}*/

.patient-buttons .linedup {
    display: inline-block;
}

.rightside {
    float: right;
}

.linedup {
    display: inline-block;
}

.linedup .redbtn {
    border: 1px solid #e9515e;
    background-color: #fff;
    padding: 6px 13px;
    margin-top: -3px;
    color: #e9515e;
    transition: 0.5s;
}

.linedup .redbtn:hover {
    border: 1px solid #e9515e;
    background-color: #e9515e;
    color: #fff;
}

.patient-tblcntnr {
    padding: 10px 7px 0px;
}

.patient-tblcntnr>table>thead>tr {
    background-color: #1B966C;
    color: #fff;
}

.float-sort {
    float: right;
    margin-top: 3px;
    color: #dbddda;
}

.center {
    text-align: center;
}

.zeromargin {
    margin-top: 0px;
    margin-bottom: 0px;
}

.zeromargin label {
    min-height: 15px;
}

.typehidden {
    display: none;
}

.dropli {
    margin-left: 15px;
    padding-top: 5px;
    margin-top: 0px;
    padding-bottom: 5px;
    margin-bottom: 0;
}

.dropli input {
    vertical-align: top;
}

.rightside .patientpag {
    margin-top: 0 !important;
}

.patientpag>li>a {
    font-size: 12px !important;
    color: #000 !important;
}

.patientpag>li>a:focus,
.patientpag>li>a:hover {
    color: #fff !important;
    background-color: #000;
}

.btn-default.patlst_addbtn {
    background-color: white !important;
    border: 1px solid #BBB8B8 !important;
    padding: 6px 8px;
    margin-top: -4px;
}


/*---------------------Patient Viewership -----------------------*/


/*---------------------Ooyala-------------------------------*/

.oo-popover-button-container {
    /*display: none;*/
}

.oo-player-container .oo-switch-container .oo-switch-captions-on,
.oo-player-container .oo-switch-container .oo-switch-captions-off {
    color: #fff !important;
}

.oo-share.oo-control-bar-item {
    display: none;
}

.oo-player-container .oo-popover {
    transform: translateX(-85%) !important;
    -webkit-transform: translateX(-85%) !important;
    -moz-transform: translateX(-85%) !important;
    -ms-transform: translateX(-85%) !important;
    -o-transform: translateX(-85%) !important;
}

.oo-logo.oo-control-bar-item {
    display: none;
}

.video_previous {
    visibility: hidden;
}

.video_next {
    visibility: hidden;
}

.oo-state-screen-info.oo-info-panel-top.oo-info-panel-left {
    display: none;
}

#welcomeVideo .oo_replay {
    top: 44% !important;
    left: 45% !important;
}

#welcomeVideo .oo_full_controls .oo_playhead {
    top: 0px !important;
}

#welcomeVideo .oo_mini_controls .oo_playhead {
    top: 3px !important;
}

#videodiv .oo_full_controls .oo_playhead {
    top: -1px !important;
}

#videodiv .oo_mini_controls .oo_playhead {
    top: 2px !important;
}

#pieerror {
    height: 265px !important;
}

#hospital_videodiv .oo_mini_controls .oo_playhead {
    top: 2px !important;
}

#hospital_videodiv .oo_replay {
    left: 45% !important;
    top: 45% !important;
}

#hospital_videodiv .oo_full_controls .oo_playhead {
    top: -1px !important;
}

.unique {
    background-color: #0091d4 !important;
    color: #fff !important;
}

.nopaddingbottom {
    padding-bottom: 1px !important;
}


/*----------------------NEW PROFILE CSS--------------------*/

.diab-hed {
    font-size: 16px;
    color: rgba(0, 0, 0, 0.75);
    margin: 10px 0px;
}

.oth-prof-head {
    background: #d8d8d8;
    color: #4a4a4a;
    padding: 10px 10px;
    font-size: 16px;
    margin-bottom: 10px;
    position: relative;
}

.prof-heads {
    font-size: 18px;
    margin-bottom: 10px;
    margin-left: -15px;
}

.view-tableheads {
    font-size: 18px;
    margin-bottom: 10px;
}

.custom-margin {
    margin: 10px 0 !important;
}

.prof-btn-cntnr {
    margin: 10px 0px;
}

.font-14 {
    font-size: 14px;
    color: rgba(0, 0, 0, 0.72);
}

.font-14>span {
    font-size: 12px;
}

.green-tr {
    background-color: #35aa47;
    color: #fff;
}

.grey-tr {
    background-color: #D8D8D8;
}

.grey-tr th {
    font-size: 1em !important;
}

.profile-form {
    padding: 20px;
}

.profile-form .input-group {
    width: 95%;
}

select.no-caret {
    /*for firefox*/
    -moz-appearance: none;
    /*for chrome*/
    -webkit-appearance: none;
}

select.no-caret::-ms-expand {
    display: none;
}


/*------------------------ENHANCED PATIENT LIST CSS--------------------------*/

.patient-header h3 {
    font-size: 22px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.patient-header {
    padding: 10px 20px 0px 20px;
}

.patient-list-turnicate {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 155px;
}

.attention-wrap {
    border: 1px solid #E74C3C;
    padding: 10px;
    margin: 8px;
}

.attention-wrap img {
    vertical-align: bottom;
    padding-right: 10px;
}

.attention-wrap span {
    font-size: 14px;
}

.attention-wrapgreen {
    border: 1px solid #2ED247;
    padding: 10px;
    margin: 8px;
}

.attention-wrapgreen img {
    vertical-align: middle;
    padding-right: 10px;
}

.attention-wrapgreen span {
    font-size: 14px;
}


/*------------------------LIBRARY MODULE CSS--------------------------*/

.tabs-container {
    padding: 15px;
}

.lab-top .nav-tabs>li.active {
    font-size: 14px;
    border-top: 4px solid red !important;
    border-left: 1px solid #35aa47;
    border-right: 1px solid #35aa47;
}

.lab-top .nav-tabs>li>a {
    font-size: 14px;
}

.top-search {
    background-color: #35aa47 !important;
    margin-top: 1px !important;
    position: relative;
    padding: 10px;
    max-height: 48px;
}

div.lab-select {
    padding-left: 0;
}

div.lab-search .form-control {
    height: 28px !important;
}

div.lab-search .form-group {
    margin-bottom: 0 !important;
    position: relative;
}

div.lab-select .form-group {
    margin-bottom: 0 !important;
    position: relative;
}

div.lab-select .form-control {
    height: 28px !important;
    padding: 4px;
}

.tabbable-custom>.nopadding {
    padding: 0px !important;
}

.table-low {
    border: 1px solid #35AA47;
    padding: 5px 5px 0px 5px;
}

table.hospitals-tab>thead>tr>th {
    font-weight: 500 !important;
}

table.hospitals-tab>tbody>tr:nth-of-type(4n-3) {
    background-color: #E0EFD8;
}

table.hospitals-tab>tbody>tr>td {
    cursor: pointer;
}

#hideadd {
    position: absolute;
    top: -3px;
    right: -4px;
    font-size: 17px;
}

.save-btn {
    margin-bottom: 0;
    margin-top: -4px;
}

.btn.dkgreen {
    color: white !important;
    text-shadow: none !important;
    background-color: #007334 !important;
    border: 1px solid #ccc !important;
}

.blank-low {
    border: 1px solid #35AA47;
    padding: 5px;
    background-color: #666;
    color: #fff;
    position: relative;
}

.center-text {
    text-align: center;
    margin: 90px 180px 100px 0px;
}

.center-text p {
    margin-bottom: 0px !important;
    font-size: 22px;
}

.loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 99999999;
    display: none;
    background: url("../img/ajax-loader.gif") 50% 50% no-repeat rgba(255, 255, 255, 0.5);
}

.loader-n {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 99999999;
    display: block;
    background: url("../img/ajax-loader.gif") 50% 50% no-repeat rgba(255, 255, 255, 0.5);
}

.search-containbtn {
    background-color: transparent !important;
}

.garbage-can {
    font-size: 17px;
    border: 1px solid #dedede;
    padding: 0px 5px;
    color: #0d638f;
    right: 76px;
    position: absolute;
    top: 6px;
    cursor: pointer;
}

.pencil-can {
    font-size: 17px;
    border: 1px solid #dedede;
    padding: 0px 5px;
    color: #0d638f;
    right: 43px;
    position: absolute;
    top: 6px;
    cursor: pointer;
}

.relativeaccord {
    position: relative;
}

.invert-arrowcntnr {
    display: inline-block;
    position: absolute;
    left: 163px;
    top: 0;
}

.invert-arrowcntnr img {
    width: 50%;
}

.width-50 {
    width: 50px;
}

.text-bot {
    vertical-align: text-bottom;
    padding-left: 5px;
}

.dropthething {
    width: 100%;
    border: 1px dashed #ccc;
    position: relative;
    height: 200px;
    background-color: #fafafa;
    margin-bottom: 10px;
    margin-top: 5px;
    padding: 10px;
}

.after-uploadwrapper {
    width: 100%;
    border: 1px dashed #ccc;
    position: relative;
    height: 200px;
    background-color: #fafafa;
    margin-bottom: 10px;
    margin-top: 5px;
    padding: 14% 0;
}

.inner-drop {
    text-align: center;
    position: relative;
}

.inner-drop>img {
    position: absolute;
    top: 5%;
    left: 41%;
}

.inner-drop:first-child {
    font-size: 15px;
}

.inner-drop .browseror {
    position: absolute;
    top: 70%;
    left: 46%;
}

#vissearch {
    display: inline-block;
    float: right;
}

.list-group-item {
    position: relative;
    /*padding-left: 80px;*/
}

.assign-cntnr {
    margin: 10px;
    display: inline-block;
}

#template_content {
    border: 1px solid #35AA47;
}

.blckcolor {
    color: #000 !important;
}

.minus-margin3 {
    margin-top: -3px;
}

.minus-margin2 {
    margin-top: -2px;
}

.chckbx-cntnr {
    display: inline-block;
    font-size: 13px;
    position: relative;
}

.chckbx-cntnr .flash[type="checkbox"]+label.cstmchk_lbl {
    left: -5px !important;
    padding-left: 20px !important;
}

.chckbx-cntnr label.cstmchk_lbl {
    width: 20px;
    height: 20px;
    padding-left: 20px !important;
    cursor: pointer;
    position: relative;
    top: 0;
    left: 0;
    background: white;
    border: 1px solid #B5AFAE;
    border-radius: 0px;
    vertical-align: middle;
}

.flash[type="checkbox"]+label.cstmchk_lbl:before {
    border: 0px solid #5a5a5a !important;
}

.chckbx-cntnr label.cstmchk_lbl:after {
    content: '';
    width: 12px;
    height: 7px;
    position: absolute;
    top: 4px;
    left: 4px;
    /* border: 1px solid #3eb971 !important; */
    border: 1px solid #000 !important;
    border-top: none !important;
    border-right: none !important;
    background: transparent;
    opacity: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.chckbx-cntnr input[type=checkbox]:checked+label.cstmchk_lbl:after {
    opacity: 1;
}

.chckbx-cntnr {
    display: inline-block;
    font-size: 13px;
    position: relative;
}

.chckbx-cntnr .flash[type="checkbox"]+label.cstmchk_lbl {
    left: -5px !important;
    padding-left: 5px !important;
}

.chckbx-cntnr label.cstmchk_lbl {
    width: 20px;
    height: 20px;
    padding-left: 20px !important;
    cursor: pointer;
    position: relative;
    top: 0;
    left: 0;
    background: white;
    border: 1px solid #B5AFAE;
    border-radius: 0px;
    vertical-align: middle;
}

.flash[type="checkbox"]+label.cstmchk_lbl:before {
    border: 0px solid #5a5a5a !important;
}

.chckbx-cntnr label.cstmchk_lbl:after {
    content: '';
    width: 12px;
    height: 7px;
    position: absolute;
    top: 4px;
    left: 4px;
    /* border: 1px solid #3eb971 !important; */
    border: 1px solid #000 !important;
    border-top: none !important;
    border-right: none !important;
    background: transparent;
    opacity: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.chckbx-cntnr input[type=checkbox]:checked+label.cstmchk_lbl:after {
    opacity: 1;
}

.labpag {
    padding: 0px !important;
    margin-bottom: 20px;
}

.labtemp {
    background-color: #fff !important;
    border: 1px solid #35AA47 !important;
    font-size: 12px !important;
}

.bluetxtlab {
    color: #0d638f;
}

.linedup .moredrop>button {
    color: #08c !important;
    border: 1px solid #ccc !important;
    background-color: white !important;
    margin-top: -3px;
    padding: 6px 12px;
}

ul.action-menu li>a {
    padding: 6px 10px 6px 13px;
}

.with-border {
    border: 1px solid #ddd !important;
}

.no-border {
    border-top: 1px solid #ddd !important;
    border-left: 0px;
    border-right: 0px;
}

.pencil-can1 {
    font-size: 17px;
    border: 1px solid #dedede;
    padding: 0px 5px;
    color: #0d638f;
    right: 43px;
    position: absolute;
    top: 6px;
}

.garbage-can1 {
    font-size: 17px;
    border: 1px solid #dedede;
    padding: 0px 5px;
    color: #0d638f;
    right: 76px;
    position: absolute;
    top: 6px;
}

.frstnm>a {
    color: #627085 !important;
    float: left !important;
    font-size: 16px !important;
}

.hospitals-tab th a {
    padding-right: 15px;
    background-repeat: no-repeat;
    background-position: right center;
    float: left;
    color: black;
}

.hospitals-tab th .sort1 {
    background-image: url(/assets/sortblack.png);
}

.hospitals-tab th .asc {
    background-image: url(/assets/up_arrowblack.png);
}

.hospitals-tab th .desc {
    background-image: url(/assets/down_arrowblack.png);
}

.hospitals-tab-new th .sort1 {
    background-image: url(/assets/sortblack.png);
}

.hospitals-tab-new th .asc {
    background-image: url(/assets/up_arrowblack.png);
}

.hospitals-tab-new th .desc {
    background-image: url(/assets/down_arrowblack.png);
}

.hospitals-tab-new th a {
    padding-right: 15px;
    background-repeat: no-repeat;
    background-position: right center;
    float: left;
    color: black;
    cursor: pointer;
}

.pad-80 {
    padding-left: 80px;
    cursor: pointer;
}

.custom-lipad {
    padding-left: 160px;
    margin-left: -40px;
    cursor: pointer;
}

.custom-assetpad {
    margin-left: -201px;
    padding-left: 220px;
    margin-right: -16px;
}

#laber .limitedlist {
    height: 198px;
    margin: 0px 0px 96px 0px;
}

.limitedlist::-webkit-scrollbar {
    width: 5px;
}

.limitedlist::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.3);
    border-radius: 0px;
}

.limitedlist::-webkit-scrollbar-thumb {
    height: 40px;
    background-color: #007334;
}

#libraryAlert {
    z-index: 200000 !important;
}

#libraryAlert div.modhead {
    padding: 10px !important;
}

#libraryAlert #libraryAlertText {
    font-size: 14px;
}


/*------------------------LIBRARY MODULE CSS--------------------------*/


/*------------------------PROCEDURE CSS--------------------------------*/

.lab-inner {
    background-color: #fff;
    box-shadow: 2px 2px 2px #ccc;
    padding-bottom: 10px;
}

.lab-header {
    background-color: #2b3643;
    padding: 10px 15px;
}

.lab-header h4 {
    color: #fff;
    display: inline-block;
}

.lab-header>span>img {
    vertical-align: sub;
    margin-right: 5px;
}

.tree {
    margin-top: 10px;
    /*background-color: #f5f8fd;*/
    border: 1px solid #ccc;
}

.tree-header {
    background-color: #55657f;
    border-left: 5px solid #2b3643;
    padding: 10px;
    position: relative;
}

.tree-header span {
    font-size: 16px;
    color: #fff;
}

.tree-header .btn-lab-cntnr {
    position: absolute;
    right: 10px;
    display: inline-block;
    top: 5px;
}

.tree-header .srch-cntnr-lab {
    position: absolute;
    right: 10px;
    display: inline-block;
    top: 4px;
    max-width: 215px;
}

.lab-btn {
    border-radius: 0px !important;
    background-color: #fff;
    font-size: 13px !important;
}

.lab-btn1 {
    background-color: #2b3643;
    border-radius: 0px !important;
    border: 1px solid #e7ecf1 !important;
    color: #e7ecf1;
    font-size: 13px !important;
}

.lab-btn1:hover {
    color: #fff !important;
}

.inner-tree {
    background-color: #f5f8fd;
    padding: 10px;
    position: relative;
}

.search-addon {
    color: #000 !important;
    background-color: #ccc !important;
}

.info-modal {
    right: 226px;
    position: absolute;
    top: 5px;
    cursor: pointer;
}

.bread img {
    margin-left: 10px;
}

.upasset-btn {
    background-color: #55657f;
    border-radius: 0px !important;
    border: 1px solid #e7ecf1 !important;
    color: #e7ecf1;
    font-size: 15px !important;
}

.assignasset-btn {
    background-color: #55657f;
    border-radius: 0px !important;
    border: 1px solid #e7ecf1 !important;
    color: #e7ecf1;
    font-size: 13px !important;
}

.upasset-btn:hover {
    color: #fff !important;
}

.assignasset-btn:hover {
    color: #fff !important;
}

.playlist-cntnr {
    background-color: rgba(0, 0, 0, 0.6);
    position: relative;
    min-height: 150px;
}

.playlist-cntnr .asset-count {
    position: absolute;
    right: 0px;
    color: #fff;
    z-index: 2;
    text-align: center;
    top: 0px;
    width: 40%;
    height: 100%;
    padding-top: 10px;
    background-color: rgba(0, 0, 0, 0.6);
}

.view-playlisthover {
    position: absolute;
    z-index: 999;
    width: 60%;
    text-align: center;
    left: 0;
    background-color: rgba(0, 0, 0, 0.6);
    height: 100%;
    color: #fff;
    padding-top: 60px;
}

.view-playlisthover>button:hover {
    color: #fff;
}

.img-cn {
    position: absolute;
    z-index: 1;
    background-size: cover;
}

.img-cn>img {
    width: 100%;
    height: 150px;
}

.asset-count>h2 {
    margin-bottom: 0 !important;
}

.hoverview-btn {
    background-color: rgba(85, 101, 127, 0);
    border-radius: 0px !important;
    border: 1px solid #e7ecf1 !important;
    color: #e7ecf1;
    font-size: 13px !important;
}

.playlist-title {
    font-size: 14px;
    margin-top: 10px;
    color: #55657f;
    margin-bottom: 20px;
}

.asset {
    background-color: #44b6ae;
    padding: 3px 10px;
    margin-bottom: 10px;
    color: #fff;
    position: relative;
}

.asset h5 {
    display: inline-block;
}

.asset-btns {
    position: absolute;
    right: 5px;
    display: inline-block;
    top: 6px;
}

.hoverview-btn1 {
    background-color: rgba(85, 101, 127, 0);
    border-radius: 0px !important;
    border: 1px solid #e7ecf1 !important;
    color: #e7ecf1;
    font-size: 14px !important;
    padding: 4px 8px !important;
}

.hoverview-btn1>img {
    vertical-align: top;
}

.asset-icon {
    vertical-align: bottom;
}

.procedure-btn1 {
    background-color: #44b6ae;
    border-radius: 0px !important;
    border: 1px solid #e7ecf1 !important;
    color: #e7ecf1;
    font-size: 14px !important;
    padding: 4px 14px !important;
}

.procedure-btn1>img {
    vertical-align: inherit;
}

.playlist {
    background-color: #2b3643;
    padding: 3px 10px;
    margin-bottom: 10px;
    color: #fff;
    position: relative;
}

.pro-heading {
    margin-top: 0;
    color: #55657f;
}

.drag-inst {
    position: absolute;
    left: 37%;
}

button.btn.assignplaylist-btn {
    background-color: #2b3643;
    border-radius: 0px !important;
    border: 1px solid #e7ecf1 !important;
    color: #e7ecf1;
    font-size: 13px !important;
}

.playheading {
    display: inline-block;
    font-size: 20px;
    color: #55657f;
}

.drag-thumbs {
    background-color: #2b3643;
    padding: 3px 10px;
    color: #fff;
}

button.btn.assetdragbtn {
    background-color: #44b6ae;
    border-radius: 0px !important;
    border: 1px solid #e7ecf1 !important;
    color: #e7ecf1;
    font-size: 14px !important;
    padding: 4px 8px !important;
}

.drag-wrapper {
    margin-bottom: 10px;
    position: relative;
    width: 19%;
    display: inline-block;
    border: 1px solid #555555;
    background-color: #fff;
    padding-bottom: 6px;
}

.drag-wrapper .inner-drag {
    padding: 5px 5px;
    position: relative;
}

<!-----------------ALL MODAL CSS----------------->.baseline>span>img {
    vertical-align: text-bottom !important;
}


/*.blue{
	background-color: #f5f8fd !important;
}*/

.customer-table {
    background-color: #fff;
    border: 1px solid #c2cad8;
}

.search-frm {
    padding: 15px 10px;
}

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

button.btn.edittbl-btn {
    background-color: #55657f;
    border-radius: 0px !important;
    color: #fff;
    font-size: 14px !important;
    padding: 6px 10px !important;
}

button.btn.dlttbl-btn {
    background-color: #ff3a2d;
    border-radius: 0px !important;
    color: #fff;
    font-size: 14px !important;
    padding: 4px 10px !important;
}

.editmodal-header {
    border-bottom: 1px solid #2b3643 !important;
    color: #2b3643;
}

.preview-logocntnr {
    background-color: #929ca8;
    height: 140px;
    position: relative;
}

.logo-text {
    position: absolute;
    color: #fff;
    font-size: 20px;
    top: 30%;
    left: 27%;
}

.logo-text1 {
    position: absolute;
    color: #fff;
    font-size: 20px;
    top: 45%;
    left: 36%;
}

.closenew-btn {
    border-radius: 0px !important;
    background-color: #fff;
    font-size: 13px !important;
    padding: 8px !important;
    border: 1px solid #ccc !important;
}

.img-btncntnr {
    text-align: center;
}

<!----------------COLOR THEME------------------->.colorthemes {
    margin-top: -3px !important;
}

.colorthemes .colours {
    display: inline-block;
    width: 25px;
    height: 25px;
    margin-right: -4px;
}

.colorthemes .colours.multi1 {
    background-color: #121212;
}

.colorthemes .colours.multi2 {
    background-color: #333333;
}

.colorthemes .colours.multi3 {
    background-color: #0074a2;
}

.colorthemes .colours.multi4 {
    background-color: #2ea2cc;
}

.colorthemes .colours.multi5 {
    background-color: #e5e5e5;
}

.colorthemes .colours.multi6 {
    background-color: #999999;
}

.colorthemes .colours.multi7 {
    background-color: #d64e07;
}

.colorthemes .colours.multi8 {
    background-color: #04a4cc;
}

.paint-bucket {
    display: inline-block;
    position: absolute;
    right: 0;
    width: 40px;
    height: 30px;
    top: 2px;
    background-color: #55657f;
    padding: 4px 12px;
    cursor: pointer;
}

.inner-bucket {
    position: absolute;
    right: -450px;
    top: 32px;
    width: 100%;
    z-index: 1;
    background-color: #f5f8fd;
    padding: 5px 10px;
    display: none;
}

.shift-left {
    left: -40px;
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -o-transition: all 0.8s;
    transition: all 0.8s;
}

.shift-left1 {
    left: 0px;
    display: block !important;
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -o-transition: all 0.8s;
    transition: all 0.8s;
}

button.btn.edittblsave-btn {
    background-color: #55657f;
    border-radius: 0px !important;
    color: #fff;
    font-size: 13px !important;
    /* padding: 6px 10px !important; */
    border: 1px solid #ccc;
}


/*------------------------PROCEDURE CSS--------------------------------*/

.deletemodalhead {
    text-align: center;
    border-bottom: 0px;
    padding: 10px 10px 0px 10px;
}

.deletemodalbody {
    text-align: center;
}

.asset-detail {
    margin-top: 20px;
    margin-bottom: 10px;
}

.asset-detail span {
    color: #D0021B;
}

div.asset-detail span.blocked {
    display: block;
    font-weight: 600;
}

.deletemodalfooter {
    text-align: center;
    margin-bottom: 10px;
    margin-top: 10px;
}

div.deletemodalfooter button.cont-dlt {
    text-transform: uppercase;
    background-color: #D0021B;
    color: #fff;
    border: 0px;
    border-radius: 0px;
}

div.deletemodalfooter button.can-dlt {
    color: #000;
    display: block;
    margin: 0 auto;
    background: none;
}

.procedure-tab th a {
    padding-right: 15px;
    background-repeat: no-repeat;
    background-position: right center;
    float: left;
    color: black;
}

.procedure-tab th .sort1 {
    background-image: url(/assets/sortblack.png);
}

.procedure-tab th .asc {
    background-image: url(/assets/up_arrowblack.png);
}

.procedure-tab th .desc {
    background-image: url(/assets/down_arrowblack.png);
}

.real-closed {
    font-size: 15px;
    height: 20px !important;
    width: 20px !important;
}

.mozila-input {
    display: inline-block;
}

.mozila-input input {
    display: -moz-inline-box;
}

.editpen {
    background-color: #35aa47;
    color: #fff;
}

.closed {
    color: #2b3643;
    font-size: 15px !important;
    height: 20px !important;
    width: 20px !important;
}

.sortable_play,
.sortable_asset,
.sortable_tab {
    min-height: 5px;
}

.zeropadding {
    padding: 0px !important;
}

.zeropadright {
    padding-right: 0px !important;
}

.yellow-pop {
    background-color: #f8e964;
    padding: 10px;
    border: 1px solid #ccc;
    position: absolute;
    right: 50px;
}

.relatefield {
    position: relative;
}

.slick-initialized .slick-slide {
    outline: none !important;
}

.upload-cc-cntnr {
    position: relative;
}

.upload-cc-cntnr div.filenamed {
    position: absolute;
    right: 110px;
    top: 28px;
}

.upload-cc-cntnr div.filenamed i {
    color: red;
    cursor: pointer;
}

.upload-ccbtn {
    position: absolute;
    top: 20px;
    right: 0;
}

.upcc {
    position: relative;
    overflow: hidden;
}

.upcc 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;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}

.auto-email-pop {
    line-height: inherit;
    font-size: 16px;
}

div.att-email h5 {
    font-size: 12px;
    color: red !important;
    line-height: inherit;
}

div.att-signemail h5 {
    font-size: 13px;
    color: red !important;
    line-height: inherit;
    margin: 0;
}

#mailAlert {
    top: 21%;
    font-size: 15px;
}

video::-webkit-media-controls-panel {
    cursor: pointer;
}

video::-webkit-media-controls-play-button {
    cursor: pointer;
}

video::-webkit-media-controls-volume-slider-container {
    cursor: pointer;
}

video::-webkit-media-controls-volume-slider {
    cursor: pointer;
}

video::-webkit-media-controls-mute-button {
    cursor: pointer;
}

video::-webkit-media-controls-timeline {
    cursor: pointer;
}

video::-webkit-media-controls-current-time-display {
    cursor: pointer;
}

video::-webkit-full-page-media::-webkit-media-controls-panel {
    cursor: pointer;
}

video::-webkit-media-controls-timeline-container {
    cursor: pointer;
}

video::-webkit-media-controls-time-remaining-display {
    cursor: pointer;
}

video::-webkit-media-controls-seek-back-button {
    cursor: pointer;
}

video::-webkit-media-controls-seek-forward-button {
    cursor: pointer;
}

video::-webkit-media-controls-fullscreen-button {
    cursor: pointer;
}

video::-webkit-media-controls-rewind-button {
    cursor: pointer;
}

video::-webkit-media-controls-return-to-realtime-button {
    cursor: pointer;
}

video::-webkit-media-controls-toggle-closed-captions-button {
    cursor: pointer;
}

.yellow-pass {
    background-color: rgb(250, 255, 189);
    margin: 0px !important;
}

.highcharts-label.highcharts-tooltip {
    display: none !important;
}

.fa-pencil {
    cursor: pointer;
}


/*----------------------Css for self email creation popup--------------------*/

@media (min-width: 768px) {
    .width-specific {
        width: 320px !important;
        
    }
}

.auto-email-pop {
    line-height: inherit;
    font-size: 18px;
}


/*----------------------Css for self email creation popup ends---------------*/

#toggle {
    cursor: pointer;
    width:auto;
}


/*----------------------Css for survey popup starts---------------*/

.option-headers {
    font-size: 18px;
    font-weight: 600;
    width: 18%;
    text-align: center;
    display: inline-block;
}

.option-headers div.red {
    width: 35px;
    height: 35px;
    border: 1px solid #9e9e9e;
    margin: 0 auto;
    border-radius: 50% !important;
    background-color: #d0011b !important;
    color: #fff;
    text-align: center;
    margin-top: 10px;
    font-size: 16px;
    line-height: 2;
    font-weight: 100;
}

.option-headers div.blue {
    width: 35px;
    height: 35px;
    border: 1px solid #9e9e9e;
    margin: 0 auto;
    border-radius: 50%;
    background-color: #598ed0 !important;
    color: #fff;
    text-align: center;
    margin-top: 10px;
    font-size: 16px;
    line-height: 2;
    font-weight: 100;
}

.option-headers div.yellow2 {
    width: 35px;
    height: 35px;
    border: 1px solid #9e9e9e;
    margin: 0 auto;
    border-radius: 50%;
    background-color: #f3e220;
    color: #fff;
    text-align: center;
    margin-top: 10px;
    font-size: 16px;
    line-height: 2;
    font-weight: 100;
}

.option-headers div.yellow {
    width: 35px;
    height: 35px;
    border: 1px solid #9e9e9e;
    margin: 0 auto;
    border-radius: 50%;
    background-color: #ffee2c;
    color: #fff;
    text-align: center;
    margin-top: 10px;
    font-size: 16px;
    line-height: 2;
    /* font-weight: 100;*/
}

.option-headers div.green {
    width: 35px;
    height: 35px;
    border: 1px solid #9e9e9e;
    margin: 0 auto;
    border-radius: 50% !important;
    background-color: #3bba2b !important;
    color: #fff;
    text-align: center;
    margin-top: 10px;
    font-size: 16px;
    line-height: 2;
    font-weight: 100;
}

.option-headers div {
    width: 35px;
    height: 35px;
    border: 1px solid #9e9e9e;
    margin: 0 auto;
    border-radius: 50%;
    background-color: #d0d0d0;
    color: #fff;
    text-align: center;
    font-size: 16px;
    font-weight: 100;
}

.font-16 {
    font-size: 16px !important;
}

.reset-btn {
    font-size: 15px !important;
    border-radius: 0 !important;
    margin-bottom: 20px !important;
    margin-top: 20px !important;
    background-color: #e5000b !important;
    border: 0px !important;
    width: 100% !important;
    color: #fff !important;
}

.reset-btn:focus,
.reset-btn:active,
.reset-btn:hover {
    font-size: 15px;
    border-radius: 0;
    margin-bottom: 20px;
    margin-top: 20px;
    background-color: #e5000b;
    border: 0px;
    width: 100%;
}

.previous-btn {
    font-size: 15px !important;
    border-radius: 0 !important;
    margin-bottom: 20px !important;
    margin-top: 20px !important;
    margin-right: 20px !important;
    background-color: #636164 !important;
    border: 0px !important;
    width: 100% !important;
    color: #fff !important;
}

.previous-btn:focus,
.previous-btn:hover,
.previous-btn:active {
    font-size: 15px;
    border-radius: 0;
    margin-bottom: 20px;
    margin-top: 20px;
    margin-right: 20px;
    background-color: #636164;
    border: 0px;
    width: 100%;
}

.nxtt-btn {
    font-size: 15px;
    border-radius: 0;
    margin-bottom: 20px;
    margin-top: 20px;
    border: 0px;
    width: 100%;
}

.modal-100 {
    width: 100%;
}

.modal-100 .modal-content {
    box-shadow: none;
    border-radius: 0px;
    border: 1px solid #ccc;
}

.modal-100 .modal-content p {
    margin: 0;
    font-size: 18px;
}

.duke-welcome-body {
    background-color: #000;
    width: 100%;
    height: 100%;
}

.duke-header {
    background: #fff;
    height: 58px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    position: fixed;
    width: 100%;
    z-index: 1;
    padding: 10px 0px;
}

.video-msg-cntnr {
    color: #fff;
}

.video-msg-cntnr h2 {
    font-size: 38px;
    letter-spacing: 1px;
    font-weight: 100;
    line-height: initial;
    -webkit-font-smoothing: antialiased;
}

.video-msg-cntnr iframe {
    margin-top: 33px;
}

.video-msg-cntnr p {
    font-size: 22px;
    font-weight: 400;
}

div.get-started-btn button {
    font-size: 22px;
    font-weight: 100;
    border-radius: 0px;
    padding: 8px 45px;
}

.get-started-btn {
    margin-top: 30px;
}

.congo-modal-footer {
    text-align: center;
    border: 0px;
    margin-bottom: 20px;
}

.congo-modal-footer button.learnbtn {
    font-size: 18px;
    font-weight: 100;
    border-radius: 0;
    padding: 8px 40px;
    margin-left: 15px !important;
}

.congo-modal-footer button.nobtn {
    font-size: 18px !important;
    font-weight: 100 !important;
    border-radius: 0 !important;
    padding: 8px 40px !important;
    margin-right: 15px !important;
    background-color: #686669 !important;
    color: #fff !important;
}

.common-duke-modal {
    top: 1%;
}

.common-duke-modal p {
    font-size: 18px;
    margin-bottom: 15px;
    font-weight: 400;
    color: #000;
}
.common-duke-modal p b{
    font-size: 22px;
}

.common-duke-modal h2 {
    font-size: 32px;
    font-weight: 600;
    letter-spacing: 1px;
}

.common-duke-modal div.modal-content {
    border-radius: 0px;
    box-shadow: none;
    border: 0px solid #000;
}

.watch-videobtn {
    font-size: 18px !important;
    font-weight: 100 !important;
    border-radius: 0 !important;
    padding: 9px 40px !important;
    /* margin-left: 15px !important; */
    /* margin-top: 20px !important; */
    color: #fff !important;
    border: 1px solid #ccc;
}

.return-surveybtn {
    font-size: 18px !important;
    font-weight: 100 !important;
    border-radius: 0 !important;
    padding: 8px 30px !important;
    background-color: #000 !important;
    border: 0px !important;
    font-weight: 400 !important;
    color: #fff !important;
}

.return-surveybtn:focus,
.return-surveybtn:active,
.return-surveybtn:hover {
    font-size: 18px !important;
    font-weight: 100 !important;
    border-radius: 0 !important;
    padding: 8px 30px !important;
    background-color: #000 !important;
    border: 0px !important;
    font-weight: 400 !important;
    color: #fff !important;
}

.abt-study h2 {
    font-size: 20px;
    margin-top: 0px;
}

.abt-study h3 {
    font-weight: 600;
}

.abt-study p {
    font-size: 20px;
}

.abt-study img {
    cursor: pointer;
}

.patient-study h2 {
    font-size: 20px;
    margin-top: 0px;
}

.patient-study h3 {
    font-weight: 600;
}

.patient-study p {
    font-size: 20px;
}

.patient-study img {
    cursor: pointer;
}

.patient-study .participate-text {
    font-size: 16px;
    font-weight: bold;
    margin: 20px 0px 20px 50px;
    display: inline-block;
}

.decline-btn {
    font-size: 15px !important;
    font-weight: 100 !important;
    border-radius: 0 !important;
    padding: 10px 40px !important;
    margin-right: 15px !important;
    background-color: #686669 !important;
    color: #fff !important;
}

.accept-btn {
    font-size: 15px !important;
    font-weight: 100 !important;
    border-radius: 0 !important;
    padding: 10px 40px !important;
    margin-left: 15px !important;
}

.fixed-pdf {
    width: 100%;
    border: 1px solid;
    height: 640px !important;
}

.modal-100 {
    width: 100%;
}

.modal-100 .modal-content {
    box-shadow: none;
    border-radius: 0px;
    border: 1px solid #ccc;
}

.modal-100 .modal-content p {
    margin: 0;
    font-size: 18px;
}

.option-headers {
    font-size: 18px;
    font-weight: 600;
    width: 18%;
    text-align: center;
    display: inline-block;
}

.option-headers div.red {
    width: 35px;
    height: 35px;
    border: 1px solid #9e9e9e;
    margin: 0 auto;
    border-radius: 50%;
    background-color: #a7051c;
    color: #fff;
    text-align: center;
    margin-top: 10px;
    font-size: 16px;
    line-height: 2;
    font-weight: 100;
}

.option-headers div.blue {
    width: 35px;
    height: 35px;
    border: 1px solid #9e9e9e;
    margin: 0 auto;
    border-radius: 50%;
    background-color: #598ed0;
    color: #fff;
    text-align: center;
    margin-top: 10px;
    font-size: 16px;
    line-height: 2;
    font-weight: 100;
}

.option-headers div.orange {
    width: 35px;
    height: 35px;
    border: 1px solid #9e9e9e;
    margin: 0 auto;
    border-radius: 50%;
    background-color: #f3e220;
    color: #fff;
    text-align: center;
    margin-top: 10px;
    font-size: 16px;
    line-height: 2;
    font-weight: 100;
}

.option-headers div.yellow {
    width: 35px;
    height: 35px;
    border: 1px solid #9e9e9e;
    margin: 0 auto;
    border-radius: 50%;
    background-color: #ffee2c;
    color: #fff;
    text-align: center;
    margin-top: 10px;
    font-size: 16px;
    line-height: 2;
    /* font-weight: 100;*/
}

.option-headers div.green {
    width: 35px;
    height: 35px;
    border: 1px solid #9e9e9e;
    margin: 0 auto;
    border-radius: 50%;
    background-color: #30aa31;
    color: #fff;
    text-align: center;
    margin-top: 10px;
    font-size: 16px;
    line-height: 2;
    font-weight: 100;
}

.option-headers div {
    width: 35px;
    height: 35px;
    border: 1px solid #9e9e9e;
    margin: 0 auto;
    border-radius: 50% !important;
    background-color: #d0d0d0;
    color: #fff;
    text-align: center;
    font-size: 16px;
    font-weight: 100;
}

.font-16 {
    font-size: 16px !important;
}

.reset-btn {
    font-size: 15px;
    border-radius: 0;
    margin-bottom: 20px;
    margin-top: 20px;
    background-color: #e5000b;
    border: 0px;
    width: 100%;
}

.reset-btn:focus,
.reset-btn:active,
.reset-btn:hover {
    font-size: 15px;
    border-radius: 0;
    margin-bottom: 20px;
    margin-top: 20px;
    background-color: #e5000b;
    border: 0px;
    width: 100%;
}

.previous-btn {
    font-size: 15px;
    border-radius: 0;
    margin-bottom: 20px;
    margin-top: 20px;
    margin-right: 20px;
    background-color: #636164;
    border: 0px;
    width: 100%;
}

.previous-btn:focus,
.previous-btn:hover,
.previous-btn:active {
    font-size: 15px;
    border-radius: 0;
    margin-bottom: 20px;
    margin-top: 20px;
    margin-right: 20px;
    background-color: #636164;
    border: 0px;
    width: 100%;
}

.nxtt-btn {
    font-size: 15px;
    border-radius: 0;
    margin-bottom: 20px;
    margin-top: 20px;
    border: 0px;
    width: 100%;
}

.option-headersradio label {
    width: 35px;
    height: 35px;
    border: 1px solid #9e9e9e;
    margin: 0 auto;
    border-radius: 50% !important;
    background-color: #d0d0d0;
    color: #fff;
    text-align: center;
    font-size: 16px;
    font-weight: 100;
}

.option-headersradio {
    width: 18%;
    display: inline-block;
    text-align: center;
}

.option-headersradio input[type=radio] {
    visibility: hidden;
    display: none;
}

.option-headersp2 input[type=radio] {
    visibility: hidden;
    display: none;
}

.option-headersradio .roundedradio[type="radio"]+label.roundcolorYes {
    left: 33px;
}

.option-headersradio label.roundcolorYes {
    width: 35px;
    height: 35px;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 33px;
    background-color: #d0d0d0;
    border: 1px solid #9e9e9e;
    border-radius: 50%;
}

.option-headersradio .roundedradio[type="radio"]+label.roundcolorNo {
    left: 107px;
}

.option-headersp2 {
    width: 16%;
    text-align: center;
    display: inline-block;
}

.option-headersp2 div.upper-answer {
    font-size: 18px;
    /*font-weight: 600;*/
    /*margin-bottom: 20px;*/
}


/* old code
.option-headersp2 div.rounded-style {
    width: 35px;
    height: 35px;
    border: 1px solid #9e9e9e;
    margin: 0 auto;
    border-radius: 50% !important;
    color: #fff;
    text-align: center;
    margin-top: 10px;
    font-size: 16px;
    line-height: 2;
    font-weight: 500;
}*/

.straight-line {
    margin: 0 auto;
    border-bottom: 1px solid;
    width: 80%;
    position: absolute;
    bottom: 26px;
    z-index: 0;
    right: 85px;
}

.option-headersp2 div.rounded-style {
    z-index: 1;
    position: relative;
    width: 70%;
    height: 8px;
    margin: 0 auto;
    color: #000;
    text-align: center;
    margin-top: 10px;
    font-size: 16px;
    line-height: 2;
    font-weight: 500;
}


/* old code
.option-headersp2 label {
    width: 35px;
    height: 35px;
    border: 1px solid #9e9e9e;
    margin: 0 auto;
    border-radius: 50%;
    background-color: #d0d0d0;
    color: #fff;
    text-align: center;
    font-size: 16px;
    font-weight: 100;
    cursor: pointer;
}*/

.option-headersp2 label {
    width: 40px;
    height: 40px;
    border: 1px solid #050505;
    margin: 0 auto;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    font-size: 16px;
    font-weight: 100;
    cursor: pointer;
}

.option-headersradio label.roundcolorNo {
    width: 35px;
    height: 35px;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 108px;
    background-color: #d0d0d0;
    border: 1px solid #9e9e9e;
    border-radius: 50%;
}

input.roundedradioYes[type="radio"]:checked+label.roundcolorYes {
    background-color: #3bba2b;
}

input.roundedradioNo[type="radio"]:checked+label.roundcolorNo {
    background-color: #d0011b;
}

.false-row {
    border: 1px solid #89434b !important;
    /* margin-top: 10px; */
    padding-top: 10px !important;
    padding-bottom: 6px !important;
    margin-top: 10px !important;
}

.true-row {
    padding-top: 10px !important;
    padding-bottom: 6px !important;
    margin-top: 10px !important;
}

.sym-img {
    cursor: default;
    max-height: 48px;
    max-width: 97%;
    margin-left: 2%;
}

.sym-extimg {
    cursor: default;
    width: 90px;
}


/*.extrahelp{
	margin-top: 0px;
}*/

#congratsModal {
    /* top: 14% !important; */
}

#consentpdfmodal .modal-header .close{
    font-weight: 500;
    color: #43b2f9;
    font-size: 15px;
    opacity: 1;
    top: 10px;
}

div.info-sheet {
    display: inline-block;
    font-size: 16px;
    word-wrap: break-word;
    width: 100px;
    margin-left: 10px;
}

.modal-open {
    overflow: hidden !important;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    ;
}

.fixed-true-row {
    padding-top: 10px !important;
    padding-bottom: 6px !important;
    margin-top: 10px !important;
}

.thankyou-body {
    padding-left: 40px;
    padding-right: 40px;
    line-height: 1.5;
}

.finalized-popup{
    padding: 20px 15px;
}

.vtt-uplod {
    position: absolute;
    right: 0;
    top: 50px;
}

.duke-welcome-body {
    background-color: #000;
    width: 100%;
    height: 100%;
}

.duke-header {
    background: #fff;
    height: 58px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    position: fixed;
    width: 100%;
    z-index: 1;
    padding: 10px 0px;
}

.video-msg-cntnr {
    color: #fff;
}

.video-msg-cntnr h2 {
    font-size: 38px;
    letter-spacing: 1px;
    font-weight: 100;
    line-height: initial;
    -webkit-font-smoothing: antialiased;
}

.video-msg-cntnr iframe {
    margin-top: 33px;
}

.video-msg-cntnr p {
    font-size: 22px;
    font-weight: 400;
}

div.get-started-btn button {
    font-size: 22px;
    font-weight: 100;
    border-radius: 0px;
    padding: 8px 45px;
}

.get-started-btn {
    margin-top: 30px;
}

.congo-modal-footer {
    text-align: center;
    border: 0px;
    margin-bottom: 20px;
}

.congo-modal-footer button.learnbtn {
    font-size: 18px;
    font-weight: 100;
    border-radius: 0;
    padding: 8px 40px;
    margin-left: 15px !important;
}

.congo-modal-footer button.nobtn {
    font-size: 18px;
    font-weight: 100;
    border-radius: 0;
    padding: 8px 40px;
    margin-right: 15px;
    background-color: #686669;
    color: #fff;
}

.common-duke-modal {
    /*top: 21%;*/
}
div#study-accepted .text-left {
    text-align: center !important;
}
	

.common-duke-modal p {
    font-size: 18px;
    margin-bottom: 15px;
    font-weight: 400;
    color: #000;
}

.common-duke-modal h2 {
    font-size: 32px;
    font-weight: 600;
    letter-spacing: 1px;
}

.common-duke-modal div.modal-content {
    border-radius: 0px;
    box-shadow: none;
    border: 0px solid #000;
}

.watch-videobtn {
    font-size: 18px;
    font-weight: 100;
    border-radius: 0;
    padding: 8px 10px;
    /* margin-left: 15px !important; */
    /*margin-top: 20px;*/
}

.return-surveybtn {
    font-size: 18px;
    font-weight: 100;
    border-radius: 0;
    padding: 8px 30px;
    background-color: #000;
    border: 0px;
    font-weight: 400;
}

.return-surveybtn:focus,
.return-surveybtn:active,
.return-surveybtn:hover {
    font-size: 18px;
    font-weight: 100;
    border-radius: 0;
    padding: 8px 30px;
    background-color: #000;
    border: 0px;
    font-weight: 400;
}

.abt-study h2 {
    font-size: 1.7em;
}

.abt-study h3 {
    font-weight: 600;
}

.abt-study p {
    font-size: 20px;
}

.abt-study img {
    cursor: pointer;
}

.patient-study h2 {
    font-size: 1.7em;
}

.patient-study h3 {
    font-weight: 600;
}

.patient-study p {
    font-size: 20px;
}

.patient-study img {
    cursor: pointer;
}

.patient-study .participate-text {
    font-size: 16px;
    font-weight: bold;
    margin: 20px 0px 20px 50px;
    display: inline-block;
}

.decline-btn {
    font-size: 15px;
    font-weight: 100;
    border-radius: 0;
    padding: 10px 40px;
    margin-right: 15px;
    background-color: #686669;
    color: #fff;
}

.decline-btn-blue {
    font-size: 15px !important;
    font-weight: 100 !important;
    border-radius: 0 !important;
    padding: 10px 40px !important;
    margin-right: 15px !important;
    background-color: #00539B !important;
    color: #fff !important;
    margin-top: 10px;
}

.btn-block-new span {
    color: #fff;
    font-size: 14px;
}

.accept-btn {
    font-size: 15px;
    font-weight: 100;
    border-radius: 0;
    padding: 10px 40px;
    margin-left: 15px !important;
}

.modal-100 {
    width: 100%;
}

.modal-100 .modal-content {
    box-shadow: none;
    border-radius: 0px;
    border: 1px solid #ccc;
}

.modal-100 .modal-content p {
    margin: 0;
    font-size: 18px;
}

.option-headers {
    font-size: 18px;
    font-weight: 600;
    width: 18%;
    text-align: center;
    display: inline-block;
}

.option-headers div.red {
    width: 35px;
    height: 35px;
    border: 1px solid #9e9e9e;
    margin: 0 auto;
    border-radius: 50%;
    background-color: #a7051c;
    color: #fff;
    text-align: center;
    margin-top: 10px;
    font-size: 16px;
    line-height: 2;
    font-weight: 100;
}

.option-headers div.blue {
    width: 35px;
    height: 35px;
    border: 1px solid #9e9e9e;
    margin: 0 auto;
    border-radius: 50%;
    background-color: #598ed0;
    color: #fff;
    text-align: center;
    margin-top: 10px;
    font-size: 16px;
    line-height: 2;
    font-weight: 100;
}

.option-headers div.yellow2 {
    width: 35px;
    height: 35px;
    border: 1px solid #9e9e9e;
    margin: 0 auto;
    border-radius: 50%;
    background-color: #f3e220;
    color: #fff;
    text-align: center;
    margin-top: 10px;
    font-size: 16px;
    line-height: 2;
    font-weight: 100;
}

.option-headers div.yellow {
    width: 35px;
    height: 35px;
    border: 1px solid #9e9e9e;
    margin: 0 auto;
    border-radius: 50%;
    background-color: #ffee2c;
    color: #fff;
    text-align: center;
    margin-top: 10px;
    font-size: 16px;
    line-height: 2;
    /* font-weight: 100;*/
}

.option-headers div.green {
    width: 35px;
    height: 35px;
    border: 1px solid #9e9e9e;
    margin: 0 auto;
    border-radius: 50%;
    background-color: #30aa31;
    color: #fff;
    text-align: center;
    margin-top: 10px;
    font-size: 16px;
    line-height: 2;
    font-weight: 100;
}

.option-headers div {
    width: 35px;
    height: 35px;
    border: 1px solid #9e9e9e;
    margin: 0 auto;
    border-radius: 50%;
    background-color: #d0d0d0;
    color: #fff;
    text-align: center;
    font-size: 16px;
    font-weight: 100;
}

.font-16 {
    font-size: 16px !important;
}

.reset-btn {
    font-size: 15px;
    border-radius: 0;
    margin-bottom: 20px;
    margin-top: 20px;
    background-color: #e5000b;
    border: 0px;
    width: 100%;
}

.reset-btn:focus,
.reset-btn:active,
.reset-btn:hover {
    font-size: 15px;
    border-radius: 0;
    margin-bottom: 20px;
    margin-top: 20px;
    background-color: #e5000b;
    border: 0px;
    width: 100%;
}

.previous-btn {
    font-size: 15px;
    border-radius: 0;
    margin-bottom: 20px;
    margin-top: 20px;
    margin-right: 20px;
    background-color: #636164;
    border: 0px;
    width: 100%;
}

.previous-btn:focus,
.previous-btn:hover,
.previous-btn:active {
    font-size: 15px;
    border-radius: 0;
    margin-bottom: 20px;
    margin-top: 20px;
    margin-right: 20px;
    background-color: #636164;
    border: 0px;
    width: 100%;
}

.nxtt-btn {
    font-size: 15px;
    border-radius: 0;
    margin-bottom: 20px;
    margin-top: 20px;
    border: 0px;
    width: 100%;
}

.option-headersp2 {
    font-size: 18px;
    /*font-weight: 600;*/
    width: 13%;
    text-align: center;
    display: inline-block;
}

.option-headersp2 div.red {
    width: 35px;
    height: 35px;
    border: 1px solid #9e9e9e;
    margin: 0 auto;
    border-radius: 50%;
    background-color: #d30019;
    color: #fff;
    text-align: center;
    margin-top: 10px;
    font-size: 16px;
    line-height: 2;
    font-weight: 500;
}

.option-headersp2 div.orange {
    width: 35px;
    height: 35px;
    border: 1px solid #9e9e9e;
    margin: 0 auto;
    border-radius: 50%;
    background-color: #d16100;
    color: #fff;
    text-align: center;
    margin-top: 10px;
    font-size: 16px;
    line-height: 2;
    font-weight: 500;
}

.option-headersp2 div.blue {
    width: 35px;
    height: 35px;
    border: 1px solid #9e9e9e;
    margin: 0 auto;
    border-radius: 50%;
    background-color: #598ed0;
    color: #fff;
    text-align: center;
    margin-top: 10px;
    font-size: 16px;
    line-height: 2;
    font-weight: 500;
}

.option-headersp2 div.yellow2 {
    width: 35px;
    height: 35px;
    border: 1px solid #9e9e9e;
    margin: 0 auto;
    border-radius: 50%;
    background-color: #f3e220;
    color: #fff;
    text-align: center;
    margin-top: 10px;
    font-size: 16px;
    line-height: 2;
    font-weight: 500;
}

.option-headersp2 div.yellow {
    width: 35px;
    height: 35px;
    border: 1px solid #9e9e9e;
    margin: 0 auto;
    border-radius: 50%;
    background-color: #ffee2c;
    color: #fff;
    text-align: center;
    margin-top: 10px;
    font-size: 16px;
    line-height: 2;
    /* font-weight: 100;*/
}

.option-headersp2 div.green {
    width: 35px;
    height: 35px;
    border: 1px solid #9e9e9e;
    margin: 0 auto;
    border-radius: 50%;
    background-color: #30aa31;
    color: #fff;
    text-align: center;
    margin-top: 10px;
    font-size: 16px;
    line-height: 2;
    font-weight: 500;
}

.option-headersp2 div.green2 {
    width: 35px;
    height: 35px;
    border: 1px solid #9e9e9e;
    margin: 0 auto;
    border-radius: 50%;
    background-color: #1d966d;
    color: #fff;
    text-align: center;
    margin-top: 10px;
    font-size: 16px;
    line-height: 2;
    font-weight: 500;
}


/*.option-headersp2 div{
        width: 35px;
    height: 35px;
    border: 1px solid #9e9e9e;
    margin: 0 auto;
    border-radius: 50%;
    background-color: #d0d0d0;
    color: #fff;
    text-align: center;
    font-size: 16px;
    font-weight: 100;
}*/

.false-row {
    border: 1px solid #89434b;
    /* margin-top: 10px; */
    padding-top: 10px;
    padding-bottom: 6px;
    margin-top: 10px;
}

.true-row {
    padding-top: 10px;
    padding-bottom: 6px;
    margin-top: 10px;
}


/*-------------------------------Round Radio-----------------------*/

.radio-custom {
    opacity: 0;
    position: absolute;
}

.radio-custom,
.radio-custom-label {
    display: inline-block;
    vertical-align: sub;
    /*margin: 5px;*/
    cursor: pointer;
    font-weight: 500;
}

.radio-custom-label {
    position: relative;
    margin-top: 9px;
}

.radio-custom+.radio-custom-label:before {
    content: '';
    background: #fff;
    border: 1px solid #000;
    display: inline-block;
    vertical-align: bottom;
    width: 18px;
    height: 18px;
    padding: 2px;
    margin-right: 4px;
    text-align: center;
}

.radio-custom+.radio-custom-label:before {
    border-radius: 50%;
}

.radio-custom:checked+.radio-custom-label:before {
    background: #000;
    box-shadow: inset 0px 0px 0px 4px #fff;
}

.rightzeropad {
    padding-right: 0px;
}

.zeropadboth {
    padding-left: 0;
    padding-right: 0;
}

.leftzeropad {
    padding-left: 0;
}

.profile .no-margin a {
    padding-top: 0px !important;
}

.duke-form {
    clear: both;
}

.label-duke {
    vertical-align: bottom;
    font-weight: lighter;
}

.cstmslctdropduke {
    padding-right: 8px;
}

.cstmslctdropduke select {
    display: inline-block;
    width: 31%;
}

.full-width-grup {
    width: 100% !important;
}

.cstmslctdropdukeinsulin {
    padding-right: 9px;
}

.cstmslctdropdukeinsulin select {
    display: inline-block;
    width: 32%;
}

.radio-custom-labelduke {
    display: inline-block;
    vertical-align: sub;
    /* margin: 5px; */
    cursor: pointer;
    font-weight: 500;
    padding-right: 10px;
}

.radio-customduke+.radio-custom-labelduke:before {
    content: '';
    background: #fff;
    border: 1px solid #000;
    display: inline-block;
    vertical-align: middle;
    width: 18px;
    height: 18px;
    padding: 2px;
    margin-right: 2px;
    text-align: center;
}

.radio-customduke,
.radio-custom-labelduke {
    display: inline-block;
    vertical-align: sub;
    /* margin: 5px; */
    cursor: pointer;
    font-weight: 500;
}

.radio-customduke {
    opacity: 0;
    position: absolute;
}

.radio-customduke+.radio-custom-labelduke:before {
    border-radius: 50%;
    vertical-align: bottom;
}

.radio-customduke:checked+.radio-custom-labelduke:before {
    background: #000;
    box-shadow: inset 0px 0px 0px 4px #fff;
}

.cstmslctdropdukeform select {
    display: inline-block;
    width: 32%;
}


/*-------------------------------Round Radio-----------------------*/

.headers-profile {
    display: inline-block;
    margin-right: 10px;
}

.headers-profile h4 {
    font-weight: bold;
}

.bottom-bord {
    border-bottom: 1px solid;
    margin-bottom: 15px;
}

.profilebelow-form {
    padding: 0px 20px;
}

.profilebelow-form .control-label {
    text-align: right;
    margin-bottom: 0;
    padding-top: 7px;
}

.textarea-cntnr textarea {
    resize: none;
}

/**** .actvmenu {
    border-bottom: 5px solid;
    position: relative;
  
}****/
.side_link.actvmenu::after {
    content: "";
    position: absolute;
    width: 100%;
    background: #e1e1e1;
    border-radius: 5px;
    height: 4px;
    bottom: -5px;
    left: 0;
}



/*.form-horizontal .control-label{
    text-align: left;
}*/

@media only screen and (min-device-width: 768px) and (max-device-width: 1023px) {
    .pad-width {
        width: 10% !important;
    }

    .loginbackground .login-div .form-control{
        margin: 0px 0 10px !important;
      }
  
    .viva_hdng {
        color: #fff;
    }
    .fotgt-head img {
        margin: 0px !important
    }
    .mob-instruction {
        display: none;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    .minusmargin-heading {
        margin-top: 0px !important;
    }
    .responsive-heading {
        margin-top: 8px;
    }
    button#week-data,
    button.daily-date,
    button#month-data,
    button#quarter-data {
        height: 40px !important;
        width: 91px;
    }
    #img-cntnr-med {
        background-position: 50% 90% !important;
    }
    .survey-question-mainlabel {
        font-size: 1em !important;
    }
    .custom-width-date-50 {
        width: 47% !important;
    }
    input[type="text"].dark-place::-webkit-input-placeholder {
        font-size: 9px !important;
    }
    .straight-line {
        right: 52px;
    }
    .option-headersp2 label {
        width: 30px;
        height: 30px;
        font-size: 14px;
    }
    /* old code
	.option-headersp2 div.rounded-style{
			width: 30px;
		height: 30px;
		font-size: 14px;
		}*/
    .option-headersp2 div.rounded-style {
        width: 35px;
        height: 5px;
        font-size: 14px;
    }
    .mediapad {
        padding-left: 0;
        padding-right: 0;
    }
    a.mediapad {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    input.dynamic-font {
        padding: 2px;
        font-size: 9px;
    }
    input.insulin-check[type="checkbox"]:not(:checked)+label.check-diabetes:after,
    input.insulin-check[type="checkbox"]:checked+label.check-diabetes:after {
        content: '\2715' !important;
        left: -1px !important;
    }
    .labtemp {
        margin-bottom: 5px;
    }
    .multidropdown dt a span,
    .multiSel span {
        padding: 0 0px 0px 0;
        font-size: 0.8em;
    }
    .multidropdown1 dt a span,
    .multiSel span {
        padding: 0 0px 0px 0;
        font-size: 0.8em;
    }
    .option-headersp2 {
        font-size: 1.1em;
    }
    .bold-id,
    .user-value,
    .pass-value {
        font-size: 1.3em !important;
    }
    .common-duke-modal p {
        font-size: 21px;
    }
    .common-duke-modal h2 {
        font-size: 26px;
    }
    .pad-width {
        width: 14% !important;
    }
    .cstmslctdropdukeform select {
        width: 32% !important;
    }
    .pad-10-0 {
        padding-left: 0px !important;
    }
    .cstmslctdropdukeinsulin select {
        display: inline-block;
        width: 32%;
    }
}

.extramargin-top {
    margin-top: 22px
}

.margin-minustop {
    margin-top: -5px;
}

.zero-radiusgrup input,
select {
    border-radius: 0px !important;
}

.no-radius {
    border-radius: 0px !important;
}

.yellow-popduke {
    background-color: #f8e964;
    padding: 10px;
    border: 1px solid #ccc;
    position: absolute;
    right: 18%;
}

.dynamic-top-margin {
    margin-top: 11% !important;
}

span.pdf-cntnr i {
    font-size: 3.5em;
    color: #000;
}

span.pdf-cntnr div.info-sheeet {
    display: inline-block;
    font-size: 1.3em;
    width: 100px;
    word-break: break-word;
    color: #000;
    margin-left: 8px;
    vertical-align: sub;
}

span.pdf-cntnr {
    cursor: pointer;
}

.section-signup {
    /*
	background: #4c5870;
		color: #fff;*/
    background: #d8d8d8;
    color: #4a4a4a;
    padding: 10px 10px;
    font-size: 16px;
    font-weight: bold;
    position: relative;
}

.section-signup button {
    background: #0c5fc0 !important;
    color: #fff !important;
    position: absolute !important;
    padding: 4px 30px !important;
    right: 30px !important;
    top: 50% !important;
    margin-top: -14px !important;
}

.section-signup button:focus,
.section-signup button:hover {
    background: #fff !important;
    color: #0c5fc0 !important;
}

.section-signup+div {
    display: block;
    padding: 10px;
}

.multiproc_label {
    font-size: 16px;
    color: #5a5a5a;
    font-weight: 100;
}

.mar-bottom40 {
    margin-bottom: 40px;
}

.multiproc-select {
    -webkit-appearance: none;
    background-image: url(../img/drop-triangle-black.png) !important;
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: 97% 50%;
    position: relative;
    padding-right: 39px;
    appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
}

.multi-arrow {
    position: absolute;
    height: 34px;
    width: 1px;
    background: #ccc;
    bottom: 0;
    right: 40px;
}

.width-20 {
    width: 20% !important;
    margin-right: 10px !important;
}

.relative {
    position: relative;
}

.inner-UI {
    padding-top: 10px;
}

label.gender-images {
    display: inline-block;
    text-align: center;
    cursor: pointer;
}

div.gender-images img {
    width: 75px;
}

label.gender-images img {
    width: 75px;
}

label.gender-images span {
    display: block;
}

label.gender-images>input {
    visibility: hidden;
}

.top-mar15 {
    margin-top: 20px;
    width: 100%;
}

label.custom-select {
    position: relative;
    display: inline-block;
    width: 100%;
}

.custom-select select {
    padding-left: 22px !important;
    /*allows space for new arrow*/
    -webkit-appearance: none;
    /*removes original arrow*/
    background-image: url(../img/drop-triangle-red.png) !important;
    background-repeat: no-repeat;
    /* width: 50px; */
    background-size: 20px;
    background-position-y: 6px;
    background-position-x: 2px;
}

.custom-select-blue select {
    padding-left: 22px;
    /*allows space for new arrow*/
    -webkit-appearance: none;
    /*removes original arrow*/
    background-image: url(../img/drop-triangle-blue.png);
    background-repeat: no-repeat;
    /* width: 50px; */
    background-size: 20px;
    background-position-y: 6px;
    background-position-x: 2px;
    width: 98%;
}

.custom-select-green select {
    padding-left: 22px;
    /*allows space for new arrow*/
    -webkit-appearance: none;
    /*removes original arrow*/
    background-image: url(../img/drop-triangle-green.png);
    background-repeat: no-repeat;
    /* width: 50px; */
    background-size: 20px;
    background-position-y: 6px;
    background-position-x: 2px;
}

.custom-select-yellow select {
    padding-left: 22px !important;
    /*allows space for new arrow*/
    -webkit-appearance: none;
    /*removes original arrow*/
    background-image: url(../img/drop-triangle-yellow.png) !important;
    background-repeat: no-repeat;
    /* width: 50px; */
    background-size: 20px;
    background-position-y: 6px;
    background-position-x: 2px;
}


/* Select new arrow styling */


/*.custom-select:after {
   content: "▼";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    font-size: 1em;
    padding: 8px 7px;
    background: transparent;
    color: #000;
    pointer-events: none;
}*/

.color-select-red:after {
    color: #d3021f !important;
}

.color-select-lightyellow:after {
    color: #e7c740 !important;
}

.color-select-blue:after {
    color: #468fdc !important;
}

.color-select-green:after {
    color: #39a895 !important;
}

.color-select-greendark:after {
    color: #16BBC4 !important;
}

.radio-custom-new,
.radio-custom-label-new {
    vertical-align: sub;
    cursor: pointer;
    font-weight: 500;
}

.radio-custom-new {
    opacity: 0;
    position: absolute;
}

.radio-custom-label-new {
    position: relative;
    margin-top: 9px;
}

.radio-custom-new:checked+.radio-custom-label-new:before {
    background: #000;
    box-shadow: inset 0px 0px 0px 4px #fff;
}

.radio-custom-new+.radio-custom-label-new:before {
    border-radius: 50%;
}

.radio-custom-new+.radio-custom-label-new:before {
    content: '';
    background: #fff;
    border: 1px solid #000;
    display: inline-block;
    vertical-align: sub;
    width: 18px;
    height: 18px;
    padding: 2px;
    margin-right: 4px;
    text-align: center;
}

.bluer {
    width: 100%;
    color: #000;
    text-shadow: none;
    background-color: #4d90fe !important;
    border: 1px solid #4d90fe;
    border-radius: 0px;
    font-size: 1.2em;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    .modal-100 .modal-content p {
        font-size: 1em !important;
        margin-bottom: 10px !important;
    }
    .option-headersp2 div.upper-answer {
        font-size: 0.8em !important;
    }
    .full-width-cntnr {
        width: 100% !important;
    }
    .nofix-modal {
        overflow: auto !important;
        position: static !important;
    }
    .flexi-body {
        height: auto !important;
    }
    .logo {
        padding: 6px 15px;
    }
    div.gender-images img {
        width: 56px;
    }
    .top-mar15 {
        margin-top: 10px;
    }
    .custom-select select {
        padding-left: 20px;
        -webkit-appearance: none;
    }
    label.gender-images img {
        width: 60px;
    }
    .custom-width-date {
        width: 31% !important;
    }
    div.arrow-down {
        left: 36.5% !important;
        margin: 0 !important;
    }
    div.arrow-down2 {
        left: 71% !important;
        margin: 0 !important;
    }
    div.arrow-down3 {
        top: 47% !important;
        right: 59% !important;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    .margin-8 {
        margin-left: 8.33%;
    }
    #faqAccordion {
        display: none;
    }
    .bulk-img img {
        width: 130% !important;
    }
    .big-round {
        height: 130px !important;
        width: 130px !important;
    }
    .contenter-heading {
        font-size: 1em !important;
    }
    .no-data {
        top: 60px !important;
    }
    .survey-question-mainlabel {
        font-size: 1em !important;
    }
    span.namelabel label {
        width: 100px !important;
    }
    .straight-line {
        right: 70px;
    }
    input[type="text"].dark-place::-webkit-input-placeholder {
        font-size: 11px !important;
    }
    input.dynamic-font {
        font-size: 12px;
        padding: 5px;
    }
    input.insulin-check[type="checkbox"]:not(:checked)+label.check-diabetes:after,
    input.insulin-check[type="checkbox"]:checked+label.check-diabetes:after {
        content: '\2715' !important;
        left: -1px !important;
    }
    .multidropdown dt a span,
    .multiSel span {
        padding: 0 0px 0px 0;
        font-size: 0.8em;
    }
    .multidropdown1 dt a span,
    .multiSel1 span {
        padding: 0 0px 0px 0;
        font-size: 0.8em;
    }
    .option-headersp2 {
        font-size: 1.1em;
    }
    .bold-id,
    .user-value,
    .pass-value {
        font-size: 1.3em !important;
    }
    .common-duke-modal p {
        font-size: 21px;
    }
    .common-duke-modal h2 {
        font-size: 26px;
    }
    .modal-100 .modal-content p {
        font-size: 1.2em !important;
    }
    .option-headersp2 div.upper-answer {
        font-size: 1em;
    }
    .nofix-modal {
        overflow: auto !important;
        position: static !important;
    }
    .flexi-body {
        height: auto !important;
    }
    div.gender-images img {
        width: 74px;
    }
    div.arrow-down3 {
        left: 35.5% !important;
        margin: 0 !important;
    }
    div.arrow-down2 {
        left: 68.5% !important;
        margin: 0 !important;
    }
    div.arrow-down {
        left: 35.5% !important;
        margin: 0 !important;
    }
}

.cont-btn-cntnr {
    margin-bottom: 20px;
    margin-top: 0px;
}

.cont-btn-cntnr button {
    background-color: #4d90fe;
    border: 1px solid #4d90fe;
    font-size: 1.4em;
    padding: 5px 30px;
    border-radius: 0px;
    color: #000;
}

.error-content {
    border-radius: 0px;
    box-shadow: none;
    border: 2px solid #979797;
}

.error-fade-modal {
    top: 18%;
}

.error-fade-modal p {
    font-size: 22px;
    margin-bottom: 0px;
    font-weight: 400;
    color: #000;
}

.custom-width-date {
    width: 31% !important;
    display: inline-block !important;
}
@media only screen and (max-width: 600px) {
    .custom-width-date {
        width: 31% !important;
        display: inline-block !important;
    }
  }

.width-104 {
    width: 104% !important;
}

.relates {
    position: relative;
}

div.arrow-down {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 9px solid #d3021f;
    top: 37%;
    left: 27.7%;
    margin: 0px 25px;
}

div.arrow-down2 {
    position: absolute;
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 9px solid #d3021f;
    top: 37%;
    /* right: 30.5%; */
    left: 59.4%;
    margin: 0px 25px;
}

div.arrow-down3 {
    position: absolute;
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 9px solid #d3021f;
    top: 56%;
    left: 30.5%;
    margin: 0 18px;
}

.errorcont-btn-cntnr {
    margin-bottom: 20px;
    margin-top: 20px;
}

.errorcont-btn-cntnr button.grey-shadebtn {
    background-color: #6C6A6B;
    border: 1px solid #6C6A6B;
    font-size: 1.4em;
    padding: 5px 30px;
    border-radius: 0px;
    color: #fff;
}

.cancel-link {
    margin: 10px 0px;
}

.cancel-link a {
    color: #050505 !important;
    font-size: 1.2em;
}

.blue-link-cancel {
    margin: 5px 0px;
}

.blue-link-cancel a {
    color: #4d90fe !important;
    font-size: 1.1em;
}

.save-blue>.buler {
    padding: 7px 25px !important;
}

.yellow-pop-add-patient {
    margin-top: 10px;
    background-color: #f8e964;
    padding: 10px;
    border: 1px solid #ccc;
    position: absolute;
    right: 240px;
}

.add-upper-margin {
    margin-top: 100px;
}

.patient-coder {
    position: absolute;
    right: 0;
    top: 0;
}

button.change-mypass {
    margin-top: 20px;
    background: #fff;
    border: 1px solid #000;
}

#phone-mandate {
    display: none;
}

.bold-id {
    font-size: 1.5em;
    font-weight: bold;
    color: #000;
}

.user-value {
    border-bottom: 4px solid #4a80e2;
    font-size: 1.5em;
    word-wrap: break-word;
}

.pass-value {
    border-bottom: 4px solid #4a80e2;
    font-size: 1.5em;
}

button#sign_up_patient, #save_patient_password {
    background-color: #4a90e2;
}

.survey-btn-cntnr {
    display: inline-block;
    margin-left: 10px;
}

.survey-btn-cntnr button {
    min-width: 174px;
    margin: 10px 0px !important;
}

.page-numbers {
    font-size: 14px;
    width: auto;
    position: absolute;
    bottom: 0px;
    left: -5px;
}

.width-54 {
    width: 54% !important;
}

.padding-right-3 {
    padding-right: 3% !important;
}


/*======================================INSULIN BRAND SELECT CSS===============================================*/

input.insulin-check[type="checkbox"]:not(:checked),
input.insulin-check[type="checkbox"]:checked {
    position: absolute;
    left: -9999px;
}

input.insulin-check[type="checkbox"]:not(:checked)+label.check-diabetes,
input.insulin-check[type="checkbox"]:checked+label.check-diabetes {
    position: relative;
    padding-left: 25px;
    cursor: pointer;
    vertical-align: top;
}


/* checkbox aspect */

input.insulin-check[type="checkbox"]:not(:checked)+label.check-diabetes:before,
input.insulin-check[type="checkbox"]:checked+label.check-diabetes:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0px;
    width: 20px;
    height: 20px;
    border: 1px solid #ccc;
    /* background: #f8f8f8; */
    /* border-radius: 3px; */
    /* box-shadow: inset 0 1px 3px rgba(0,0,0,.3); */
}


/* checked mark aspect */

input.insulin-check[type="checkbox"]:not(:checked)+label.check-diabetes:after,
input.insulin-check[type="checkbox"]:checked+label.check-diabetes:after {
    content: '\2714';
    position: absolute;
    top: 0px;
    left: 0px;
    font-size: 25px;
    line-height: 0.8;
    color: #4D90FE;
    transition: all .2s;
    background: #4D90FE;
}


/* checked mark aspect changes */

input.insulin-check[type="checkbox"]:not(:checked)+label.check-diabetes:after {
    opacity: 0;
    transform: scale(0);
}

input.insulin-check[type="checkbox"]:checked+label.check-diabetes:after {
    opacity: 1;
    transform: scale(1);
}


/*----Radio----*/

input.insulin-check-radio[type="radio"]:not(:checked),
input.insulin-check-radio[type="radio"]:checked {
    position: absolute;
    left: -9999px;
}

input.insulin-check-radio[type="radio"]:not(:checked)+label.check-diabetes-radio,
input.insulin-check-radio[type="radio"]:checked+label.check-diabetes-radio {
    position: relative;
    padding-left: 25px;
    cursor: pointer;
    vertical-align: top;
}


/* checkbox aspect */

input.insulin-check-radio[type="radio"]:not(:checked)+label.check-diabetes-radio:before,
input.insulin-check-radio[type="radio"]:checked+label.check-diabetes-radio:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0px;
    width: 20px;
    height: 20px;
    border: 1px solid #ccc;
    /* background: #f8f8f8; */
    /* border-radius: 3px; */
    /* box-shadow: inset 0 1px 3px rgba(0,0,0,.3); */
}


/* checked mark aspect */

input.insulin-check-radio[type="radio"]:not(:checked)+label.check-diabetes-radio:after,
input.insulin-check-radio[type="radio"]:checked+label.check-diabetes-radio:after {
    content: '\2714';
    position: absolute;
    top: 0px;
    left: 0px;
    font-size: 25px;
    line-height: 0.8;
    color: #4D90FE;
    transition: all .2s;
    background: #4D90FE;
}


/* checked mark aspect changes */

input.insulin-check-radio[type="radio"]:not(:checked)+label.check-diabetes-radio:after {
    opacity: 0;
    transform: scale(0);
}

input.insulin-check-radio[type="radio"]:checked+label.check-diabetes-radio:after {
    opacity: 1;
    transform: scale(1);
}

.multidropdown dd,
.multidropdown dt {
    margin: 0px;
    padding: 0px;
}

.multidropdown ul li {
    margin-bottom: 5px;
    margin-top: 10px;
}

.multidropdown ul li label.namelabel {
    vertical-align: middle;
    font-size: 1.1em;
    font-weight: 500;
    cursor: pointer;
}

.multidropdown ul {
    margin: -1px 0 0 0;
}

.multidropdown dd {
    position: relative;
}

.multidropdown a,
.multidropdown a:visited {
    color: #fff;
    text-decoration: none;
    outline: none;
    font-size: 12px;
}

.multidropdown dt a {
    overflow: hidden;
    display: block;
    padding: 8px 20px 5px 26px;
    /* min-height: 25px; */
    /* line-height: 24px; */
    /* overflow: hidden; */
    /* border: 0; */
    width: 100%;
    color: #555 !important;
    border: 1px solid #ccc;
    font-size: 14px;
    min-height: 37px;
    /* background: url(/img/Notes.png); */
    background-image: url(/img/drop-triangle-yellow.png);
    background-repeat: no-repeat;
    /* width: 50px; */
    background-size: 20px;
    background-position-y: 6px;
    background-position-x: 2px;
}

.multidropdown1 dd,
.multidropdown1 dt {
    margin: 0px;
    padding: 0px;
}

.multidropdown1 ul li {
    margin-bottom: 5px;
    margin-top: 10px;
}

.multidropdown1 ul li label.namelabel {
    vertical-align: middle;
    font-size: 1.1em;
    font-weight: 500;
    cursor: pointer;
}

.multidropdown1 ul {
    margin: -1px 0 0 0;
}

.multidropdown1 dd {
    position: relative;
}

.multidropdown1 a,
.multidropdown1 a:visited {
    color: #fff;
    text-decoration: none;
    outline: none;
    font-size: 12px;
}

.multidropdown1 dt a {
    overflow: hidden;
    display: block;
    padding: 8px 20px 5px 26px;
    /* min-height: 25px; */
    /* line-height: 24px; */
    /* overflow: hidden; */
    /* border: 0; */
    width: 100%;
    color: #555 !important;
    border: 1px solid #ccc;
    font-size: 14px;
    min-height: 37px;
    /* background: url(/img/Notes.png); */
    background-image: url(/img/drop-triangle-yellow.png);
    background-repeat: no-repeat;
    /* width: 50px; */
    background-size: 20px;
    background-position-y: 6px;
    background-position-x: 2px;
}

p.multiSel {
    margin-bottom: 0px;
}

span.namelabel label {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 180px;
}

.multidropdown {
    margin-bottom: 0px;
}

.multidropdown dt a span,
.multiSel span {
    cursor: pointer;
    display: inline-block;
    padding: 0 3px 2px 0;
}

.multidropdown dd ul {
    background-color: #FFFFFF;
    border: 0;
    color: #000;
    display: none;
    left: 0px;
    padding: 5px 15px 2px 15px;
    position: absolute;
    bottom: 36px;
    width: 100%;
    list-style: none;
    max-height: 240px;
    overflow: auto;
    font-weight: 100;
    border: 1px solid #ccc;
    z-index: 2;
}

.multidropdown span.value {
    display: none;
}

.multidropdown dd ul li a {
    padding: 5px;
    display: block;
}

.multidropdown dd ul li a:hover {
    background-color: #fff;
}

p.multiSel1 {
    margin-bottom: 0px;
}

.multidropdown1 {
    margin-bottom: 0px;
}

.multidropdown1 dt a span,
.multiSel1 span {
    cursor: pointer;
    display: inline-block;
    padding: 0 3px 2px 0;
}

.multidropdown1 dd ul {
    background-color: #FFFFFF;
    border: 0;
    color: #000;
    display: none;
    left: 0px;
    padding: 5px 15px 2px 15px;
    position: absolute;
    bottom: 36px;
    width: 100%;
    list-style: none;
    max-height: 240px;
    overflow: auto;
    font-weight: 100;
    border: 1px solid #ccc;
    z-index: 2;
}

.multidropdown1 span.value {
    display: none;
}

.multidropdown1 dd ul li a {
    padding: 5px;
    display: block;
}

.multidropdown1 dd ul li a:hover {
    background-color: #fff;
}

video::-internal-media-controls-download-button {
    display: none;
}

.top-mar10 {
    margin-top: 15px;
}

.min-height {
    min-height: 523px;
}

.phone-labels {
    margin-bottom: 0px;
    margin-top: 5px;
}


/*======================================INSULIN BRAND SELECT CSS ENDS===============================================*/


/*======================================GIFT CARD CSS=============================================*/

.hiden-radio {
    display: none;
}

.black-border button {
    border: 1px solid #000;
}

.user-value {
    border-bottom: 3px solid #4a8ee3;
    font-size: 1.5em;
    word-wrap: break-word;
}

div.medium-bold>p {
    font-weight: 500 !important;
}

.gift-cntnr {
    border: 2px solid #000;
    border-radius: 50%;
    height: 100px;
    width: 100px;
    margin: 0 auto;
    cursor: pointer;
    box-sizing: border-box;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.Amazon {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 58%;
}

.Walmart {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 53%;
}

.Kroger {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
}

.Target {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% -5px;
}

.CVS {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 53%;
}

.Giant {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 0px -10px;
}

.Duane {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
}

.gift-border {
    border: 5px solid #4a90e2;
    -vendor-animation-iteration-count: infinite;
}


/*======================================GIFT CARD CSS ENDS=============================================*/


input[type="checkbox"]#withdraw-study {
    display: block;
    position: absolute;
    /* width: 100px; */
    height: 24px;
    width: 24px;
    vertical-align: text-top;
    z-index: 11111;
    opacity: 0;
    cursor: pointer;
}

input#withdraw-study[type="checkbox"].false+label.withdraw,
input#withdraw-study[type="checkbox"].true+label.withdraw {
    position: relative;
    padding-left: 25px;
    cursor: pointer;
    vertical-align: top;
}


/* checkbox aspect */

input#withdraw-study[type="checkbox"].false+label.withdraw:before,
input#withdraw-study[type="checkbox"].true+label.withdraw:before {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 25px;
    height: 25px;
    border: 1px solid #ccc;
    color: #39B54A;
    font-size: 25px;
    /* background: #f8f8f8; */
    /* border-radius: 3px; */
    /* box-shadow: inset 0 1px 3px rgba(0,0,0,.3); */
}


/* checked mark aspect */

input#withdraw-study[type="checkbox"].false+label.withdraw:after,
input#withdraw-study[type="checkbox"].true+label.withdraw:after {
    content: '✔';
    position: absolute;
    top: 5px;
    left: 2px;
    font-size: 25px;
    line-height: 0.8;
    color: #39B54A;
    transition: all .2s;
}

input#withdraw-study[type="checkbox"].false+label.withdraw:after {
    content: '✕';
    position: absolute;
    top: 5px;
    left: 2px;
    font-size: 25px;
    line-height: 0.8;
    color: #D2000D;
    transition: all .2s;
}


/* checked mark aspect changes */

input#withdraw-study[type="checkbox"].false+label.withdraw:after {
    opacity: 1;
    transform: scale(1);
}

input#withdraw-study[type="checkbox"].true+label.withdraw:after {
    opacity: 1;
    transform: scale(1);
}


/*----------------------------------CSS for Yes/No Switch--------------------------------*/

btn.toggle-on {
    background-color: green !important;
    color: #fff !important;
    text-transform: uppercase !important;
}


/*---- ANALYSIS DASHBOARD ----*/

.dash-control {
    display: inline-block !important;
    width: 80% !important;
}

.dash-control-year {
    display: inline-block !important;
    width: 60% !important;
}

.dash-control-month {
    display: inline-block !important;
    width: 38% !important;
}

.d-btn {
    vertical-align: top;
}

.open-wrapper {
    padding: 15px;
}

.flat-btn-group button {
    background-color: #fff;
    border: 1px solid #9f9f9f;
    border-radius: 0px;
    padding: 10px 20px;
    color: #595959;
    font-size: 14px;
}

.flat-btn-group button:hover {
    color: #fff;
    background-color: #4a4a4a;
    border-color: #9f9f9f;
    outline: none;
}

.flat-btn-group button:focus {
    color: #fff;
    background-color: #4a4a4a;
    border-color: #9f9f9f;
    outline: none;
}

.flat-btn-group div.arrow-lefter {
    transform: rotateY(180deg);
    display: inline-block;
    padding-left: 10px;
}

.flat-btn-group div.arrow-righter {
    display: inline-block;
    padding-left: 10px;
}

label.custom-select-flat {
    position: relative;
    display: inline-block;
    width: 100%;
}

.custom-select-flat select {
    -webkit-appearance: none;
    height: 42px;
    border: 1px solid #9f9f9f;
    border-radius: 0;
    font-size: 14px;
    -webkit-appearance: none;
    position: relative;
}

.custom-select-flat::after {
    content: "▼";
    position: absolute;
    top: 4px;
    right: 7px;
    height: 100%;
    font-size: 0.9em;
    color: rgb(0, 0, 0);
    pointer-events: none;
    padding: 8px 7px;
    background: transparent;
}

span.grey-span {
    color: #545454;
    font-weight: bold;
    margin-left: 20px;
    font-size: 14px;
}

.hospital-selector {
    text-align: center;
}

.hospital-selector div.hos-name {
    color: #484848;
    font-weight: bold;
    font-size: 1.2em;
    margin-bottom: 15px;
}

.hospital-selector div.count-patient {
    font-size: 2em;
    color: #484848;
    font-weight: bold;
}

.hospital-selector div.hos-icon {
    margin-bottom: 15px;
}

.piller-cntnr ul {
    display: inline-block;
    border: 1px solid #b6b6b6;
}

.dash-pills>li.active>a,
.dash-pills>li.active>a:focus,
.dash-pills>li.active>a:hover {
    background-color: #fe794e;
    color: #fff;
    border-radius: 0px;
    font-size: 1.1em;
}

.dash-pills>li>a {
    border-radius: 0px;
    color: #b9b9b9;
    font-size: 1.1em;
}

.dash-pills>li>a.content {
    padding-left: 57px;
    padding-right: 57px;
    font-size: 1.1em;
}

.dash-pills li+li {
    margin: 0;
}

.upper-linediv {
    margin: 15px 0px;
}

.dash-pills>li.active>a.green,
.dash-pills>li.active>a.green:focus,
.dash-pills>li.active>a.green:hover {
    background-color: #1d976e;
    font-size: 1.1em;
}

.contenter {
    position: relative;
}

.contenter img.up-dot {
    width: 100%;
    position: absolute;
    top: 25px;
    left: 0;
}

.zeropaddingboth {
    padding: 0px;
}

.zeropaddingleft {
    padding-left: 0;
}

.onduofooter {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
}

.zeropaddingright {
    padding-right: 0;
}

.contenter-heading {
    margin-left: 12px;
    font-size: 1.2em;
    color: #4c4c4c;
    /*border-bottom: 4px solid #d2cfcf;*/
}


/*.contenter-heading::after{
      content: '';
    position: absolute;
    left: 13px;
    top: 18px;
    width: 0;
    height: 0;
    border-left: 17px solid transparent;
    border-top: 17px solid #1c966c;
    clear: both;
    border-radius: 50%;
}*/

.contenter-table {
    padding: 15px 10px;
}

.contenter-table>table>thead>tr>th {
    color: #55657e;
    font-weight: bold;
    border-bottom: 0px solid;
    width: 80px;
    font-size: 15px;
}

.contenter-table>table>tbody>tr>td {
    color: #060606;
    border-top: 0px solid;
    font-size: 14px;
}

.afro {
    color: #cd0623;
    font-weight: bold;
    font-size: 14px;
}

.latino {
    color: #0f66d0;
    font-weight: bold;
    font-size: 14px;
}

.asian {
    color: #43b232;
    font-weight: bold;
    font-size: 14px;
}

.white {
    color: #bd1ae3;
    font-weight: bold;
    font-size: 14px;
}

.others-reg {
    color: #e39f30;
    font-weight: bold;
    font-size: 14px;
}

.maler {
    color: #1560b3;
    font-weight: bold;
    font-size: 14px;
}

.femaler {
    color: #f05273;
    font-weight: bold;
    font-size: 14px;
}

.round-counter {
    text-align: center;
    padding: 20px 20px 0px 20px;
}

.rounder {
    border-radius: 50% !important;
    width: 90px;
    height: 90px;
    margin: 0px auto 15px;
    color: #fff;
}

.rounder>div {
    padding-top: 31%;
    font-size: 2em;
}

.rounder-text {
    width: 60%;
    margin: 0 auto;
    font-size: 14px;
}

.light-yellow {
    background-color: #e1a02c;
}

.dark-orange {
    background-color: #f17f0c;
}

.male-blue {
    background-color: #4990e2;
}

.female-pink {
    background-color: #e02750;
}

.dark-green {
    background-color: #317c29;
}

.light-blue {
    background-color: #43b2f9;
}

.dark-blue {
    background-color: #3d87dc;
}

.patient-nu {
    position: absolute;
    left: -32px;
    top: 40%;
    transform: rotate(270deg);
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
    font-size: 14px;
}

.video-watched-nu {
    position: absolute;
    left: 40%;
    bottom: -25px;
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
}

.canvaser {
    position: relative;
    padding: 10px;
}

.summary-rounder {
    width: 18%;
    display: inline-block;
    margin-bottom: 20px;
}

.round-head-text {
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 1.1em;
}

.disabled-creek {
    cursor: not-allowed;
}

.font-1 {
    font-size: 1.1em;
}


/*-----------------------Media Queries--------------------------*/

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    .width-94 {
        width: 93% !important;
    }
    .survey-btn-cntnr button {
        min-width: 120px !important;
    }
    .dash-control-month {
        width: 35% !important;
    }
    .flat-btn-group button {
        padding: 8px 10px;
    }
    .contenter-heading {
        font-size: 1em;
        margin-left: 0;
    }
    .contenter-table>table>thead>tr>th {
        font-size: 0.9em;
    }
    .contenter-table>table>tbody>tr>td {
        font-size: 0.9em;
    }
    .round-head-text {
        font-size: 0.8em;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    .bulk-img img {
        width: 170% !important;
    }
    .zeropaddingright {
        padding-right: 15px !important;
    }
    .zeropaddingleft {
        padding-left: 15px !important;
    }
    .zeropaddingboth {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .no-data {
        top: 80px !important;
    }
    button#week-data,
    button.daily-date {
        height: 40px;
        width: 91px;
    }
    .hospital-group-cntnr {
        width: 28.5% !important;
    }
    span.namelabel label {
        width: 98px !important;
    }
    .width-94 {
        width: 94% !important;
    }
    .width-54 {
        width: 56% !important;
    }
    .survey-btn-cntnr button {
        min-width: 100px !important;
    }
    .dash-control-month {
        width: 35% !important;
    }
    .backborder.cstmdrop {
        width: 160px !important;
    }
    .flat-btn-group button {
        padding: 8px 10px !important;
    }
    label.second-with h3 {
        font-size: 1.5em;
    }
    label.second-with {
        margin-top: 4px;
    }
    .respo-padboth {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .contenter-table {
        padding: 35px 10px;
    }
    .round-head-text {
        font-size: 0.8em;
    }
    .summary-rounder {
        width: 19%;
    }
}

tr.white-border>th {
    background-color: #fff;
    color: #000;
    border-color: #fff !important;
}

tr.white-border>th.thin-font {
    font-weight: 400 !important;
}

tr.white-border {
    border-left: 2px solid #ccc;
    border-right: 2px solid #ccc;
    border-bottom: 3px solid #ccc;
}

.disabled-piechart {
    margin: 0 auto;
    background-color: #d8d8d8;
    text-align: center;
    height: 150px;
    width: 150px;
    border: 1px solid #9e9e9e;
    border-radius: 50% !important;
    margin-top: 50px;
    position: relative;
}

.disabled-piechart .zero-percent {
    position: absolute;
    top: 40%;
    left: 40%;
    font-size: 2em;
}

.custom-select-insulin select {
    padding-left: 22px !important;
    /*allows space for new arrow*/
    -webkit-appearance: none;
    /*removes original arrow*/
    background-image: url(../img/drop-triangle-red.png) !important;
    background-repeat: no-repeat;
    /* width: 50px; */
    background-size: 20px;
    background-position-y: 6px;
    background-position-x: 2px;
}

.custom-width-date-50 {
    width: 49%;
    display: inline-block !important;
}

.multidropdown dt a.darkgreen {
    background-image: url(/img/drop-triangle-darkgreen.png);
}

.plain-text {
    font-size: 14px;
}

.skip-modal-footer button.no-btn {
    display: inline-block;
    background-color: #e5000b;
    color: #fff;
    font-size: 20px;
    min-width: 150px;
}

.skip-modal-footer button.yo-btn {
    display: inline-block;
    background-color: #4d90fe;
    color: #fff;
    font-size: 20px;
    min-width: 150px;
}

.disable-accept {
    background-color: #ccc !important;
    color: #000 !important;
    cursor: no-drop !important;
    font-size: 15px !important;
    font-weight: 100 !important;
    border-radius: 0 !important;
    padding: 10px 70px !important;
    margin-left: 15px !important;
}

input[type="text"].dark-place::-webkit-input-placeholder {
    color: #050505;
    font-weight: bold;
}

input[type="text"].dark-place::-moz-placeholder {
    /* Firefox 19+ */
    color: #050505;
    font-weight: bold;
}

input[type="text"].dark-place:-ms-input-placeholder {
    /* IE 10+ */
    color: #050505;
    font-weight: bold;
}

input[type="text"].dark-place:-moz-placeholder {
    /* Firefox 18- */
    color: #050505;
    font-weight: bold;
}

div.survey-question-mainlabel {
    padding-left: 15px;
    font-size: 1.4em;
    font-weight: 600;
    margin-bottom: 10px;
}

#img-cntnr-med {
    width: 100%;
    min-height: 400px;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
}

select#month-data,
select#quarter-data {
    background: #fff;
    border: 1px solid #9F9F9F;
    height: 40px;
    font-size: 13px;
    color: #6D5E82;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url('../img/drop-triangle-black.png');
    background-repeat: no-repeat;
    background-size: 18px;
    background-position-y: 11px;
    background-position-x: 98%;
}

button#week-data,
button.daily-date,
button#month-data,
button#quarter-data {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url('../img/drop-triangle-black.png');
    background-repeat: no-repeat;
    background-size: 18px;
    background-position: right;
    /*background-position-x: 98%;*/
}


/*------------------------Columbia Header Css HEAL-1207----------------------*/

.columbia-head {
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.21);
    height: 83px;
    text-align: center;
    width: 100%;
    background: #fff none repeat scroll 0% 0%;
}

.nyp-img {
    width: 250px;
}

.nbdc-img {
    width: 210px;
}

.nbdc-cropped-img {
    width: 120px;
    margin-right: 10px;
}

.iphone-img {
    width: 250px !important;
}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) {
    .columbia-head {
        height: 50px;
    }
    .nyp-img {
        width: 120px;
    }
    .nbdc-img {
        width: 120px;
    }
    .iphone-img {
        width: 70px !important;
    }
    .nbdc-cropped-img {
        width: 63px !important;
        margin-right: 0px !important;
    }
}


/*------------------------Columbia Header Css HEAL-1207----------------------*/


/*-----------------------------SANOFI DASHBOARD CSS STARTS----------------------------*/

.header-sanofi {
    padding: 1% 0;
}

.exec-summary h3 {
    font-weight: bold;
    margin-bottom: 3px;
    margin-top: 3px;
}

.exec-summary span {
    font-size: 1.1em;
}

.content-wrapper {
    margin-right: auto;
    margin-left: auto
}

.mainimg {
    height: 100px;
}

.cont {
    text-align: center;
    padding: 2%;
}

.main-cont {
    font-weight: bold;
    font-size: 1.7em;
}

.border-content {
    font-size: 1.1em;
    background-color: #55647f;
    color: #fff;
    padding: 4px;
}

.coln-cont {
    text-align: center;
    margin: 6px 0px;
}

.total {
    font-size: 1.4em;
    font-weight: bold;
    height: 43px;
    position: relative;
    top: 13px;
}

.num {
    color: rgb(131, 176, 227);
    font-size: 2em;
    margin-top: 8px;
    font-weight: bold;
}

.number {
    text-align: center;
    font-size: 2em;
    font-weight: bolder;
    margin-top: 8px;
}

.hospimg {
    width: 100%;
}

.without-border {
    text-align: center;
    margin: 6px 0px;
}

.text-cont {
    color: #fff;
    position: relative;
    padding: 3px 10px;
}

.patient-row {
    margin-right: 0px;
    margin-left: 0px;
}

.round-num {
    color: #fff;
    font-size: 2em;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -24.125px;
    margin-top: -14.5px;
}

.circle {
    width: 20px;
    height: 20px;
    /* background-color: #3b78c2; */
    border-radius: 50% !important;
    position: relative;
}

.push-circle {
    text-align: center;
    padding-top: 60%;
}

.vertical-patient {
    position: absolute;
    left: -30px;
    top: 30%;
    transform: rotate(270deg);
}

.african {
    color: #cd0623;
    font-weight: bold;
}

.count {
    font-weight: bold;
}

.hispanic {
    color: #0f66d0;
    font-weight: bold;
}

.asian {
    color: #43b232;
    font-weight: bold;
}

.white {
    color: #bd1ae3;
    font-weight: bold;
}

.others {
    color: #e39f30;
    font-weight: bold;
}

.tab-modify>table>thead>tr>th {
    color: #55657e;
    font-weight: bold;
    border-bottom: 0px solid;
    width: 80px;
}

.tab-modify>table>tbody>tr>td {
    color: #060606;
    border-top: 0px solid;
}

.male-circle {
    border-radius: 50% !important;
    width: 90px;
    height: 90px;
    color: #fff;
    text-align: center;
    background-color: #4990e2;
    font-size: 2.5em;
    position: relative;
    margin: 0 auto 15px;
    margin-top: 31%;
}

.male-circle-cont {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -20.5px;
    margin-top: -18.5px;
}

.contenter-table {
    box-sizing: border-box;
}

.female-circle {
    border-radius: 50% !important;
    width: 90px;
    height: 90px;
    background-color: #b61d3f;
    color: #fff;
    font-size: 2.5em;
    position: relative;
    margin: 0 auto 15px;
    margin-top: 31%;
}

.female-circle-cont {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -20.5px;
    margin-top: -18.5px;
}

.male-color {
    color: #0f66d0;
}

.female-color {
    color: #cd0623;
}

.num-circle {
    border-radius: 50% !important;
    width: 90px;
    height: 90px;
    color: #fff;
    text-align: center;
    background-color: #e19f30;
    font-size: 1.9em;
    position: relative;
}

.num-circle-cont {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -16px;
    margin-left: -31px;
    font-weight: bold;
}

.circle-foot {
    text-align: center;
}

.num-percent-circle {
    border-radius: 50% !important;
    width: 90px;
    height: 90px;
    color: #fff;
    text-align: center;
    background-color: #F47B03;
    font-size: 1.9em;
}

.num-percent-circle-cont {
    position: relative;
    top: 25px;
}

.videos-watched {
    position: absolute;
    left: 40%;
    bottom: -8px;
}

.wrap {
    position: relative;
}

.text-format {
    font-size: 1.1em;
    font-weight: bold;
}

.circle-canvaser {
    position: absolute;
    top: 15px;
}

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

.summary-circle {
    width: 18%;
    display: inline-block;
    margin-bottom: 20px;
}

.summary-foot {
    border: 1px solid rgba(0, 0, 0, 0.61);
    display: inline-block;
    margin-top: 6px;
    padding: 4px;
}

.summary-content {
    position: relative;
}

.ease-circle {
    border-radius: 50% !important;
    width: 95px;
    height: 95px;
    background-color: green;
    margin: 0px auto;
    text-align: center;
    font-size: 2.5em;
    color: #fff;
    position: relative;
}

.inter-circle {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -25px;
    margin-left: -19px;
}

.circle-head-text {
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 1.1em;
}

.push-foot {
    margin-top: 1px;
}

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

.push-easy {
    position: relative;
    top: 30px;
}

.push-report {
    position: relative;
    top: 10px;
}

.push-report-blue {
    position: relative;
    top: 32px;
}

.blue-circle {
    border-radius: 50%;
    width: 92px;
    height: 92px;
    background-color: #40B3F8;
    margin: 0px auto;
    text-align: center;
    font-size: 2.5em;
    color: #fff;
    padding: 15px;
}

.light-blue-circle {
    border-radius: 50%;
    width: 92px;
    height: 92px;
    background-color: #3686DA;
    margin: 0px auto;
    text-align: center;
    font-size: 2.5em;
    color: #fff;
    padding: 15px;
}

.push-border {
    margin-top: 20px;
}

.inter-point-circle {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -25px;
    margin-left: -24px;
}

.inner-percent-circle {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -38px;
    margin-left: -32px;
}

.metrick-cntnr {
    padding: 10px;
}

.right-bod {
    border-right: 2px solid #000;
}

.scaler {
    border: 1px solid;
    padding: 5px;
    max-width: 120px;
    margin: 0 auto;
}


/*-----------------------------SANOFI DASHBOARD CSS ENDS----------------------------*/

.big-round {
    background-color: #1c966d;
    border-radius: 360px !important;
    height: 165px;
    width: 165px;
    /* margin: 0 auto;*/
    color: #fff;
    position: relative;
    margin-top: 60%;
    top: -40px;
}

.big-round .small-legend {
    font-size: 1em !important;
    line-height: 1 !important;
    top: 65% !important;
}

.big-round-pink {
    background-color: #f03d54;
    border-radius: 360px !important;
    height: 165px;
    width: 165px;
    margin: 0 auto;
    color: #fff;
    position: relative;
    margin-top: 3%;
}

.big-round-pink .big-pink-count {
    font-size: 5em;
    padding-top: 24%
}

.big-round-blue {
    background-color: #4a90e2;
    border-radius: 360px !important;
    height: 165px;
    width: 165px;
    margin: 0 auto;
    color: #fff;
    position: relative;
    margin-top: 3%;
}

.big-round-blue .big-blue-count {
    font-size: 5em;
    padding-top: 24%
}

.upper-linediv {
    margin: 15px 0px 0px 0px;
}

.zeropaddingboth {
    padding: 0px;
}

.zeropaddingleft {
    padding-left: 0;
}

.zeropaddingright {
    padding-right: 0;
}

.hospital-group-cntnr {
    border: 1px solid #ccc;
    width: 16.5%;
    margin-left: 10px;
    display: inline-block;
    margin-right: 10px;
    padding-top: 12px;
    padding-bottom: 25px;
}

.hospital-group-cntnr h4 {
    font-weight: bold;
}

.hospital-group {
    margin-top: 3%;
    margin-bottom: 2%;
}

.main-upper-tabs {
    text-align: center;
}

.main-upper-tabs ul {
    display: inline-block;
}

ul.about-li {
    color: #fff;
    text-shadow: 1px 1px 1px #000;
    font-size: 16px;
}

div.ul-heading {
    color: #fff;
    font-size: 16px;
    text-shadow: 1px 1px 1px #000;
}

.blue-bg {
    background-color: #467dbe;
    padding: 18px 15px;
    text-align: center;
}

.intial-txt {
    color: #fff;
    font-size: 28px;
}

.house-bord {
    border: 4px solid #fff;
    display: inline-block;
    padding: 14px;
    margin-bottom: 15px;
    border-radius: 50% !important;
}

.watch-txt {
    color: #fff;
    font-size: 22px;
    margin-bottom: 10px;
    margin-top: -5px;
}

.para-txt {
    color: #fff;
    font-size: 14px;
    padding: 0px 40px;
}

.dash-num {
    float: right;
}

.num-boxs {
    width: 80%;
    display: inline-block;
}

.sup-white {
    background-color: #fff;
    padding: 10px 0px;
    border-left: 1px solid;
    border-bottom: 1px solid;
    border-right: 1px solid;
    margin-top: 0px;
}

.radio-labs {
    padding-left: 33px !important;
    line-height: 1.3 !important;
    color: #000 !important;
    margin-top: 5px;
    font-size: 1.1em !important;
    margin-right: 20px;
    margin-left: -10px;
}

.md-dail {
    /*width: 38%;*/
    max-width: 500px;
}

.skip-mod-btn {
    background-color: #c41e32 !important;
    color: #fff !important;
    width: 100%;
    font-size: 16px !important;
}

.cont-mod-btn {
    background-color: #1c966d !important;
    color: #fff !important;
    width: 100%;
    font-size: 16px !important;
}

.num-box {
    width: 64%;
    display: inline-block;
}

.numbox-place {
    margin-bottom: 10px;
    padding-right: 22px;
}

.dash-sep:after {
    content: '-' !important;
    position: absolute !important;
    top: 0px;
    right: -2px;
    font-size: 1.8em;
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
}

input[type=number] {
    -moz-appearance: textfield !important;
}

#cust-radio input[type=radio] {
    position: absolute;
    visibility: hidden;
}

#cust-radio label {
    display: block;
    position: relative;
    font-weight: 400;
    font-size: 1.1em;
    margin-left: 10px;
    z-index: 9;
    cursor: pointer;
    -webkit-transition: all 0.25s linear;
    margin-bottom: 15px;
}

#cust-radio .check {
    display: block;
    position: absolute;
    border: 2px solid #AAAAAA;
    border-radius: 100% !important;
    height: 18px;
    width: 18px;
    top: 0px;
    left: 0px;
    z-index: 5;
    transition: border .25s linear;
    -webkit-transition: border .25s linear;
}

#cust-radio .check::before {
    display: block;
    position: absolute;
    content: '';
    border-radius: 100% !important;
    height: 10px;
    width: 10px;
    top: 2px;
    left: 2px;
    margin: auto;
    transition: background 0.25s linear;
    -webkit-transition: background 0.25s linear;
}

input[type=radio]:checked~.check {
    border: 5px solid #000;
}

input[type=radio]:checked~.check::before {
    background: #000;
}

.bulk-img {
    margin-left: 2px;
    overflow: hidden;
}

.bulk-img img {
    width: 100%;
}

.number-input {
    background-color: #9b9b9b;
    color: #fff;
    font-size: 16px;
}

input[type='number']::-webkit-outer-spin-button,
input[type='number']::-webkit-inner-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

#onscroll {
    position: fixed;
    top: 56px;
    background: #fff;
    width: 70%;
    border-left: 1px solid #979797;
    z-index: 999;
    -webkit-box-shadow: 0px 10px 15px -10px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: 0px 10px 15px -10px rgba(0, 0, 0, 0.6);
    box-shadow: 0px 10px 15px -10px rgba(0, 0, 0, 0.6);
    /*transition: 0.5s;*/
}

#onscroll ul {
    margin-bottom: 0;
}

i.dummy-star {
    color: #fd4d45;
    margin-left: 4px;
}

.test-container {
    font-size: 13.5px;
    margin-bottom: 3px;
}


/*---------------------------Media Query for Mobile--------------------------------*/

@media only screen and (min-device-width: 220px) and (max-device-width: 750px) {
    .no-name {
        vertical-align: middle;
    }
    .fotgt-head {
        padding: 20px 0;
    }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 500px) {
    #mytimeline a {
        width: auto !important;
    }
    .fotgt-head {
        padding: 0px 0;
        min-height: 60px !important;
        background: #fff !important;
    }
  
    input[type="radio"],
    input[type="checkbox"] {
        margin: 0px 0 0!important;
    }
    .congo-modal-footer button.learnbtn {
        font-size: 12px;
        font-weight: 100;
        border-radius: 0;
        padding: 5px 20px;
        margin-left: 0px !important;
        min-width: auto !important;
    }
    .logo {
        min-width: 100px !important;
    }
    .margin-dialog {
        width: auto !important;
    }
    .common-duke-modal p {
        font-size: 14px;
    }
    .congo-modal-footer button.nobtn {
        font-size: 12px !important;
        padding: 5px 20px !important;
        min-width: auto !important;
    }
    .decline-btn {
        font-size: 12px !important;
        padding: 5px 40px !important;
        margin-right: 0px !important;
    }
    #patientModal .modal-title {
        font-size: 16px;
    }
    .abt-study h2 {
        font-size: 14px;
    }
    #patientModal h3 {
        font-size: 14px;
    }
    span.pdf-cntnr div.info-sheeet {
        font-size: 1em;
    }
    #patientModal p,
    #patientModal ul li {
        font-size: 13px;
    }
    .patient-study h2,
    .attention-txt h3,
    .attention-txt h4,
    .attention-txt button.understand-btn {
        font-size: 14px !important;
    }
    .zero-top+img {
        width: 100px;
    }
    .common-duke-modal h2 {
        font-size: 18px;
    }
    .watch-videobtn {
        font-size: 14px !important;
        padding: 5px 20px !important;
    }
    .gift-cntnr {
        height: 70px;
        width: 70px;
    }
    .skip-mod-btn,
    .cont-mod-btn {
        font-size: 14px !important;
        width: auto !important;
    }
    .watch-txt {
        font-size: 18px;
    }
    .intial-txt {
        font-size: 20px;
    }
    .para-txt {
        font-size: 13px;
    }
    .option-headersp2 label {
        width: 25px;
        height: 25px;
    }
    .modal-100 .modal-content p {
        font-size: 14px !important;
    }
    .option-headersp2 {
        width: 15%;
    }
    
    .survey-btn-cntnr button {
        min-width: auto !important;
        font-size: 12px !important;
        height: auto !important;
    }
    #bottom_survey_btns {
        margin-top: 10px !important;
    }
    .accept-btn {
        font-size: 12px !important;
        padding: 5px 40px !important;
        margin-right: 0px !important;
    }
    #patientModal form {
        margin-top: 0px;
        margin-bottom: 10px;
    }
    .patient-study .participate-text {
        margin: 20px 0px 20px 20px;
        font-size: 14px;
    }
    .preanswerset {
        margin-top: 10px;
    }
    /*.page-numbers{
	font-size: 13px;
	top: -4px !important;
}*/
    .width-54 {
        width: auto !important;
        margin-top: 10px;
    }
    .option-headersp2 div.upper-answer {
        font-size: 10px !important;
    }
    .straight-line {
        width: 100%;
        left: 0;
        right: 0;
        bottom: 21px;
    }
    .option-headersp2,
    .option-headersp2 div.rounded-style {
        font-size: 12px !important;
    }
    .reset-btn,
    .previous-btn
    {
        font-size: 12px !important;
    }
    .skip-modal-footer button.no-btn,
    .skip-modal-footer button.yo-btn {
        font-size: 14px;
        min-width: auto;
    }
    .zeroresp {
        padding: 0;
    }
    .bold-id {
        font-size: 14px;
        text-align: left !important;
    }
    .user-value,
    .pass-value {
        font-size: 16px;
    }
    .viva_hdng {
        line-height: 1.3;
    }
    .welcome-background h2 {
        font-size: 24px;
        font-weight: bold;
        text-align: center;
    }
    .welcome-background .details-text .frst-txt {
        text-align: center;
    }
    .welcome-background .welcome-head {
        height: 63px;
    }
    .loginbackground {
        height: auto !important;
    }
    .oo-player-container {
        width: 100% !important;
        min-width: auto !important;
    }
    .modal-100 {
        margin: 0px !important;
    }
    .timeline li,
    #videoModal .modal-footer .video_name {
        font-size: 14px;
    }
    #mytimeline a li span {
        font-size: 12px;
    }
    .timeline-block #accordion .panel-title .heading {
        font-size: 15px !important;
    }
    #videorting .mytitle {
        font-size: 16px !important;
    }
    .rating:not(:checked)>label {
        font-size: 25px;
    }
    h3#not-withdraw {
        font-size: 14px;
    }
    .patient-coder {
        position: static;
        margin-bottom: 15px;
    }
    .crtacnthdng {
        font-size: 16px;
    }
    header .usr-img {
        width: 25px;
        height: 25px;
        vertical-align: initial;
    }
    .right_head {
        padding: 5px 0px !important;
    }
    header .help-img {
        width: 20px;
    }
}

@media only screen and (min-device-width: 200px) and (max-device-width: 360px) {
    header .viva-text {
        font-size: 14px;
    }
   
    .fotgt-head img {
        max-height: 50px;
        vertical-align: middle;
        margin: 5px auto 5px 1%;
        max-height: 37px;
    }
    .loginbackground .viva_hdng {
        font-size: 16px;
    }
}

.auto-pwd {
    display: none;
}


/*----------------Css By Sid---------------------------------*/

.section-signedup {
    /*background: #d8d8d8; */
    color: #4a4a4a;
    padding: 10px 10px;
    font-size: 16px;
    position: relative;
}

.new-save-btn {
    min-width: 197.406px;
    font-size: 1.3em;
    color: #fff;
    border-radius: 0px;
    margin: 20px 0px;
}

.accord-con {
    border-bottom: 1px solid #ccc !important;
    background-color: #fff !important;
}
.toggle_box h4 a{
    pointer-events: none;
}
.acc-top {
    position: relative;
    top: -2px;
    left: 8px;
}

.panel-title>i {
    font-size: 1.5em;
}

#boxer_table>tr>td {
    border: none;
}

.head-tables {
    color: #000;
    font-size: 14px;
}

.tab_prod {
    margin-top: 10px;
    margin-bottom: 10px
}

.black-close {
    float: right;
    cursor: pointer;
}

#list-cath>li {
    color: #000;
    font-size: 16px;
}

.btn-deny {
    width: 100%;
    padding: 5px 0px !important;
    background-color: #4a4a4a !important;
    margin-bottom: 15px;
    color: #fff !important;
}

.btn-deny:hover,
.btn-deny:focus {
    color: #fff !important;
}

.btn-accept {
    width: 100%;
    padding: 5px 0px !important;
    background-color: #d0011b !important;
    margin-bottom: 15px;
    color: #fff !important;
}

.btn-accept:hover,
.btn-accept:focus {
    color: #fff !important;
}

.rmv-btn {
    font-size: 14px !important;
    background-color: #cd021f !important;
    border: 1px solid;
    border-radius: 0px;
    margin: 12px 0px;
    color: #fff !important;
    padding: 2px 16px !important;
}

.rmv-btn:hover,
.rmv-btn:focus {
    color: #fff;
}

.place-rmv {
    float: right;
    position: relative;
    right: -14px;
    top: -35px;
}

.chge-pas {
    font-size: 12px !important;
    background-color: #fff !important;
    border: 1px solid #000 !important;
    border-radius: 0px !important;
    margin: 12px 0px !important;
    color: #000 !important;
}

.chge-pas:hover,
.chge-pas:focus {
    background-color: #000 !important;
    color: #fff !important;
}

.blue-bar {
    background: #396aa2;
    color: #4a4a4a;
    padding: 6px 10px !important;
    font-size: 16px;
    position: relative;
}

.patprof-select {
    -webkit-appearance: none;
    background-image: url('/img/drop-triangle-white.png') !important;
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: 97% 50%;
    position: relative;
    padding-right: 39px;
    appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
}

.filter-sel {
    width: auto;
    background-color: transparent;
    color: #fff;
}

#this_table>tbody>tr>td {
    border: none;
}

tr#in-center>td:nth-last-child(5),
tr#in-center>td:nth-last-child(4),
tr#in-center>td:nth-last-child(3) {
    text-align: center;
}

.pat-proc-btn {
    background-color: #1B966C !important;
    border-radius: 0px !important;
    color: #fff !important;
    font-size: 20px !important;
}

.pat-proc-btn:hover,
.pat-proc-btn:focus {
    color: #fff !important;
}

.send-inv-btn {
    background-color: #3b6aa2 !important;
    border-radius: 0px !important;
    color: #fff !important;
    font-size: 20px !important;
    margin-left: 20px;
}

.send-inv-btn:hover,
.send-inv-btn:focus {
    color: #fff !important;
}

.divider-border {
    border-bottom: 1px solid #ccc;
    margin-bottom: 30px;
}

.multi-lang-select {
    color: #000;
    text-align: center;
    padding-bottom: 10px;
    margin-bottom: 15px;
    position: relative;
}

.multi-lang-select:after {
    content: '';
    border-bottom: 1px solid #ccc;
    position: absolute;
    bottom: 0px;
    left: -38px;
    right: -38px;
}

.multi-lang-select h6 {
    font-size: 13px;
    margin-bottom: 2px;
    margin-top: 2px;
}

.multi-lang-select a {
    font-size: 13px;
    font-weight: bold;
}

#nonumber {
    z-index: 9999999999999 !important;
}

.nonumbertext {
    font-size: 24px;
    margin-bottom: 30px;
}

.thumbnail .caption {
    padding: 9px 0 !important;
}


/*----------------Css By Sid ends here---------------------------------*/

@media only screen and (min-device-width: 320px) and (max-device-width: 850px) and (orientation: landscape) {
    .new-welcome {
        background: #3a4658!important;
    }
    #user_comments {
        width: 70% !important;
        display: inline-block;
        float: left;
        padding: 11px 10px !important;
    }
    #btn-post {
        cursor: pointer;
        margin: 0px;
        margin-left: 1%;
        display: inline-block !important;
    }
    .container-check {
        position: relative;
        padding-left: 20px !important;
        /* margin-bottom: 12px; */
        cursor: pointer;
        font-size: 14px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        color: #1d1d1d !important;
        font-weight: 400 !important;
        color: #000 !important;
    }
    /* Hide the browser's default checkbox */
    .container-check input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }
    /* Create a custom checkbox */
    .checkmark {
        position: absolute;
        top: 3px;
        left: 0;
        height: 15px;
        width: 15px;
        background-color: #fff;
        border-radius: 4px;
        border: 1px solid #ccc;
    }
    /* On mouse-over, add a grey background color */
    .container-check:hover input~.checkmark {
        background-color: #ccc;
    }
    /* When the checkbox is checked, add a blue background */
    .container-check input:checked~.checkmark {
        background-color: #2196F3;
        border-color: #2196F3;
    }
    /* Create the checkmark/indicator (hidden when not checked) */
    .checkmark:after {
        content: "";
        position: absolute;
        display: none;
    }
    /* Show the checkmark when checked */
    .container-check input:checked~.checkmark:after {
        display: block;
    }
    /* Style the checkmark/indicator */
    .container-check .checkmark:after {
        left: 4px;
        top: 1px;
        width: 5px;
        height: 9px;
        border: solid white;
        border-width: 0 2px 2px 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .toogle-btn {
        margin-left: 14px !important;
    }
    .qr-scan {
        padding: 10px 40px!important;
    }
    .logo {
        padding: 10px 0px 0px 2px;
    }
    a.logo {
        padding: 0 !important;
        margin: 5px 2px;
        width: 83%;
    }
    .fotgt-head {
        padding: 0px 0;
        min-height: 60px;
        margin-bottom: 0px !important;
    }
    .modal-body#modal-video {
        /* height: 403px; */
    }
    .custm_closebtn {
        z-index: 11111;
    }
    #videoModal {
        margin-top: 60px;
    }
    #videoModal .modal-dialog {
        margin-top: 50px !important;
        width: 400px;
        margin: 0 auto;
    }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 767px) and (orientation: portrait) {
    .toogle-btn {
        margin-left: 14px !important;
    }
   
    .patient-coder{
        padding: 10px;
    }
    .fotgt-head {
        padding: 0px 0;
        min-height: 60px;
        margin-bottom: 0px !important;
    }
    #user_comments {
        width: 49% !important;
        display: inline-block;
        float: left;
        padding: 11px 10px !important;
    }
    #btn-post {
        cursor: pointer;
        margin: 0px;
        margin-left: 1%;
        width: 50%;
        padding: 10px !important;
    }
}


/*---- Expiry CSS starts here----*/

.h3-expiry {
    color: #000;
    position: relative;
    padding-bottom: 12px;
}

.h3-expiry:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 4px;
    background: #43b2f9;
    left: 0;
    bottom: 0;
}

.helper-rule {
    font-size: 13px;
    margin-bottom: 14px;
    display: block;
}

.btn_save_expire {
    color: #43b2f9 !important;
    background-color: #fff !important;
    border: 2px solid #43b2f9 !important;
    border-radius: 8px !important;
    font-weight: bold;
    margin: 20px 8px !important;
    padding: 8px 25px !important;
    font-family: helvetica;
}

.zeromarginlabel {
    margin-bottom: 0;
}

input.flattered {
    border-radius: 0;
    height: 40px;
    border: 1px solid #7d7d7d !important;
    width: 83%;
}

.password-check-cntnr {
    position: relative;
    margin-bottom: 5px;
}

.password-check-cntnr input {
    display: none;
}

.password-check-cntnr label.password-check {
    width: 20px;
    height: 20px;
    padding-left: 20px !important;
    cursor: pointer;
    position: relative;
    top: 0;
    left: 0;
    background: white;
    border: 1px solid #B5AFAE;
    border-radius: 0px;
    vertical-align: middle;
}

.password-check-cntnr input[type=checkbox]:checked+label.password-check:after {
    opacity: 1;
}

.password-check-cntnr label.password-check:after {
    content: '';
    width: 12px;
    height: 7px;
    position: absolute;
    top: 50%;
    left: 50%;
    border: 2px solid #43b2f9 !important;
    border-top: none !important;
    border-right: none !important;
    background: transparent;
    opacity: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin-left: -6px;
    margin-top: -5px;
}

.extrachecklabel {
    /* margin-left: 5px;*/
    font-weight: normal;
    vertical-align: text-bottom;
    cursor: pointer;
    font-size: 13px;
    margin-bottom: 0;
    color: #000;
}

.expiry-note {
    color: #555;
    margin-bottom: 10px;
}

.sent_sucess_msg {
    color: rgba(51, 51, 51, 0.81);
    border: 2px solid #58b2f9;
    display: inline-block;
    padding: 7px 10px;
    border-radius: 6px !important;
    font-size: 15px;
    margin-top: 5px;
    margin-top: 20px;
    vertical-align: top;
    margin-left: 13px;
    float: right
}

.sent_sucess_msg i {
    color: #58b2f9;
}

.bootstrap-select button {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    background: url(../img/survey/down_arrow_down.png) right !important;
    background-repeat: no-repeat !important;
    background-position: 96% !important;
    cursor: pointer;
    background-size: 18px !important;
    padding-left: 10px;
    padding-right: 35px !important;
    font-size: 13px;
    line-height: 1.428571429;
    color: #555555 !important;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    height: 40px;
    margin-bottom: 20px;
    padding: 8px 10px;
}

.bootstrap-select button span.bs-caret span.caret {
    display: none;
}

@media (max-width: 767px) {
    .sign-mob {
        padding: 40px 25px !important;
        /* text-align: center */
    }
    .loginbackground .login-div .form-control::-webkit-input-placeholder {
        /* Chrome/Opera/Safari */
        color: #545454;
        font-size: 16px;
    }
    .loginbackground .login-div .form-control::-moz-placeholder {
        /* Firefox 19+ */
        color: #545454;
        font-size: 18px;
    }
    .loginbackground .login-div .form-control:-ms-input-placeholder {
        /* IE 10+ */
        color: #545454;
        font-size: 18px;
    }
    .loginbackground .login-div .form-control:-moz-placeholder {
        /* Firefox 18- */
        color: #545454;
        font-size: 18px;
    }
    .login-margin {
        margin: 0px;
    }
    .rating {
        font-size: 20px;
    }
    .playnxtdiv h2 {
        font-size: 13px !important;
        padding-top:5px
    }
    .playnxtdiv {
        margin: 0px;
    }
    .play_optn img {
        width: 35px !important;
        height: 35px !important;
    }
    .sign-mob h2 {
        color: #69b1ff !important;
        text-align: center;
        font-size: 30px;
        text-shadow: none;
    }
    .login-area-gap,
    .desp {
        display: none !important;
    }
    .sign-mob p {
        color: #000;
        font-size: 14px
    }
    .loginbackground h2 {
        margin-top: 0px !important;
        text-align: center !important;
        padding: 10px 35px 0 35px;
    }
    .abcRioButton.abcRioButtonLightBlue {
        height: 46px !important;
        width: 100% !important;
        text-align: left;
        margin: 10px 0px;
        padding: 7px;
        border: 1px solid #ddd;
    }
}

.abcRioButton.abcRioButtonLightBlue {
    height: 46px !important;
    width: 100% !important;
    text-align: left;
    margin: 10px 0px;
    padding: 7px;
    border: 1px solid #ddd;
}

.inline-list {
    margin: 10px 0px;
    color: #000;
    font-weight: 400;
    padding: 0px;
}

.inline-list input {
    margin: 0px;
}

@media only screen and (max-device-width: 667px) and (min-device-width: 375px) {
    .fotgt-head img {
        max-width: 120px !important;
    }
}

@media only screen and (max-device-width: 558px) and (min-device-width: 320px) {
    .fotgt-head img {
        max-width: 100% !important;
    }
}


/*---- Expiry CSS ends here----*/


/* VICKY PAL */

#autopass_err_resp {
    float: left;
}

#message_resp {
    float: left;
}

input.sw {
    opacity: 0;
    position: absolute;
    left: -9999px;
}

input.sw+label {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: .2s ease;
    display: inline-block;
    height: 30px;
    width: 90px;
    position: relative;
    background: #3a4557;
    border-radius: 30px;
    /* White toggle */
}

input.sw+label:before {
    content: "";
    position: absolute;
    display: block;
    height: 30px;
    width: 30px;
    top: 0;
    left: 0;
    border-radius: 15px;
    background: rgba(76, 217, 100, 0);
    transition: 0.2s cubic-bezier(0.24, 0, 0.5, 1);
}

input.sw+label:after {
    content: "";
    position: absolute;
    display: block;
    height: 40px;
    width: 40px;
    top: 25%;
    margin-top: -14px;
    /* right: 5px; */
    border-radius: 30px;
    background: #fff;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 4px 0px 0 rgba(0, 0, 0, 0.04), 0 4px 9px rgba(0, 0, 0, 0.13), 0 3px 3px rgba(0, 0, 0, 0.05);
    transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1);
}

input.sw+label span {
    white-space: pre-wrap;
    height: 30px;
    line-height: 31px;
    margin-left: 80px;
    padding-left: 16px;
    color: #545454;
    width: 220px;
    display: block;
    text-align: left;
    font-size: 15px;
}

input.sw:checked+label:before {
    width: 90px;
    transition: width 0.2s cubic-bezier(0, 0, 0, 0.1) !important;
}

input.sw:checked+label:after {
    left: 50px;
}

input.sw:checked+label {}


/* Pen Style */

.icon {
    font-size: 18px;
    text-decoration: none;
    color: #C3C3C3;
    vertical-align: middle;
    margin-right: 4px;
}

.yes {
    position: absolute;
    top: 5px;
    color: #fff !important;
    left: 10px;
    text-transform: uppercase;
    font-size: 15px !important;
}

.no {
    position: absolute;
    top: 5px;
    right: 10px;
    color: #fff !important;
    text-transform: uppercase;
    font-size: 15px !important;
}

.login-div input[type="text"] {
    width: 100%;
    height: 35px;
    border: 1px solid #cdcdcd;
    padding: 10px;
    color: #555;
    margin: 10px 0;
    font-size: 16px;
}

.login-div select option {
    color: #545454;
    font-size: 16px;
}

.login-div input[type="text"]:focus {
    outline: none;
}

.login-div input::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #545454;
    font-size: 16px;
}

.login-div input[type="text"]::-moz-placeholder {
    /* Firefox 19+ */
    color: #545454;
    font-size: 16px;
}

.login-div input[type="text"]:-ms-input-placeholder {
    /* IE 10+ */
    color: #545454;
    font-size: 16px;
}

.login-div input[type="text"]:-moz-placeholder {
    /* Firefox 18- */
    color: #545454;
    font-size: 16px;
}

.radio-tab input,
.radio-tab .content {
    display: none;
    color: #fff;
    font-size: 18px;
    padding: 7px 20px;
}

.radio-tab #one:checked~.one,
.radio-tab #two:checked~.two,
.radio-tab #three:checked~.three {
    display: block;
}

.radio-tab label {
    cursor: pointer;
    background: #fff;
    padding: 7px 20px;
    display: inline-block;
    text-align: center;
    color: #3a4557;
    min-width: 110px;
    margin-right: -3px;
    transition:  .25s linear;
    border: 1px solid #3a4557;
    font-size: 18px;
}

.new-btn-create,
.new-btn-create:hover,
.new-btn-create:focus {
    color: #00aeef !important;
    border: 1px solid #337ab7;
    padding: 7px 20px;
    margin: 30px 0;
    border-radius: 10px;
    font-size: 20px;
    text-transform: uppercase;
    display: block;
}

.attention {
    color: red !important;
    float: left;
    text-align: left
}

.dob-mob {
    padding: 0 0 0 0px !Important;
    position: relative;
}

.dob-mob input {
    padding-left: 50px !important;
    position: relative;
    z-index: 11;
    width: 100%;
    height: 35px;
    border: 2px solid #cdcdcd;
    color: #000;
    margin: 10px 0;
    font-size: 16px;
    padding: 0px;
    background: #fff !important;
    width: 100!important;
}

.dob-mob input:focus {
    outline: none;
}

.dob-mob:after {
    content: "";
    font-family: FontAwesome;
    position: absolute;
    height: 30px;
    width: 30px;
    left: 10px;
    top: 10px;
    color: #050505;
    z-index: 112;
    font-size: 25px;
}

.radio-tab label:hover,
.radio-tab input:checked+label {
    background: #3a4557;
    color: #fff
}

.fotgt-head img.show-orgname-css {
    max-width: 100% !important;
    max-height: 80px !important;
}

img.show-orgname-css {
    max-width: 100% !important;
    min-height: 80px !important;
    max-height: 80px !important;
    padding: 5px 0;
    display: inline;
}

.padding-md-15 {
    padding: 15px;
}

.new-header-menu img.show-orgname-css {
    max-width: 100% !important;
    max-height: 50px !important;
    min-height: 50px !important;
    padding: 0px 0;
    display: inline;
}

.new-header-menu label {
    display: inline
}

.new-header-menu .viva-text {
    width: 100%;
}

.new-header-menu .logo {
    min-width: 100% !important;
    max-width: 100% !important;
}

header .login-head {
    min-height: 63px !important;
    max-height: 63px !important;
}

.viva_logo {
    float: none !important
}

.width-25 {
    width: 23% !important;
    display: inline-block;
    padding: 0 5px;
    vertical-align: top;
}

.width-27 {
    width: 27% !important;
    display: inline-block;
    padding: 0 5px;
    vertical-align: top;
}

.width-30 {
    width: 35% !important;
    display: inline-block;
    vertical-align: top;
}

.width-20 {
    width: 20% !important;
    display: inline-block;
    vertical-align: top;
}

.margin-bottom-60 {
    margin-bottom: 60px;
}

.width-15 {
    width: 15% !important;
    display: inline-block;
     vertical-align: top;
}

.width-14 {
    width: 13% !important;
    display: inline-block;
    vertical-align: top;
}

@media screen and (max-width: 1280px) and (min-width: 1024px) {
    .width-27 {
        width: 49% !important;
        display: inline-block;
        padding: 0 5px;
        vertical-align: top;
    }
    .width-25 {
        width: 49% !important;
        display: inline-block;
        padding: 10px 5px;
    }
    .width-30 {
        width: 49% !important;
        display: inline-block;
        padding: 10px 5px;
    }
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
    .width-25 {
        width: 49% !important;
        display: inline-block;
        padding: 10px 5px;
    }
    .width-27 {
        width: 49% !important;
        display: inline-block;
        padding: 0 5px;
        vertical-align: top;
    }
    .width-30 {
        width: 49% !important;
        display: inline-block;
        padding: 10px 5px;
    }
    .width-20 {
        width: 20% !important;
        display: inline-block;
        padding: 10px 5px;
    }
    .width-15 {
        width: 20% !important;
        display: inline-block;
        padding: 10px 5px;
    }
    .width-14 {
        width: 20% !important;
        display: inline-block;
        padding: 10px 5px;
    }
    .new-header-menu img.show-orgname-css {
        max-height: 50px !important;
        min-height: 50px !important;
        max-width: 100% !important;
        padding: 0px !important;
        margin-top: 0px !important;
    }
}

@media (max-width:767px) {
    .fotgt-head img.show-orgname-css,
    img.show-orgname-css {
        max-height: 50px !important;
        min-height: 50px !important;
        max-width: 100% !important;
        padding: 0px !important;
        margin-top: 7px !important;
    }
    .welcome-background .welcome-head {
        height: 63px !important
    }
    .row.new-row {
        padding: 0 17px !important;
    }
    .new-header-menu img.show-orgname-css {
        max-width: 100% !important;
        max-height: 50px !important;
        min-height: 50px !important;
        padding: 0px 0;
        display: inline;
    }
    .new-header-menu .logo {
        max-width: 81% !important;
        min-width: 81% !important;
        margin: 0px;
    }
    .fotgt-head label {
        display: none !important;
    }
    .welcome-header {
        display: none !important;
    }
    .logo_position {
        max-height: 50px !important;
        min-height: 50px !important;
        max-width: 100%;
        padding: 0px !important;
        margin-top: 7px !important;
    }
    .new-header-menu label {
        display: none !important;
    }
}

@media screen and (max-width: 1104px) and (min-width: 992px) and (orientation: landscape) {
    #videoModal .modal-content {
        /* height: 500px !important */
    }
}

@media screen and (max-width: 1380px) and (min-width: 1025px) {
    .head-s li {
        font-size: 13px !important;
    }
    .boundary>ul>li {
        padding: 2px 5px;
        margin: 0 0px !important;
    }
}

.procedure-count-text {
    font-size: 15px
}




.edit-update-facility{
    position: relative  ;
}
.edit-update-facility button{
    position: absolute;
    top: 0px;
    right: 15px;
    display: inline-block;
    height: 34px;
    padding: 6px 20px!important;
    margin: 0px !important;
    border: 0px;
    color: #fff;
    background: #42b2f9;
    border-radius: 5px !important;

}
.edit-update-facility input.form-control{
    padding-right:90px;
    border-radius: 5px !important;
    margin:0px !important;
}

.facility-input label{
    padding-top:6px;
}
.facilityAddEdit{
}

.facilityAddEdit img{
    width:55px;
}
.new-tabele-alias th{ 
background: #cccccc;;
}
.new-tabele-alias th, .new-tabele-alias tr, .new-tabele-alias td{
    padding:5px;
    margin:0px;
}
.facilityAddEdit .button-name{
    text-align: center;
    font-size: 11px;
    margin-top: 6px;
    line-height: 1.42857143;
    color: #333;    
}


@media (max-width:991px) and (min-width:768px) and (orientation: landscape) {
    #videoModal .modal-body {
        height: 220px;
    }
    #videoModal .modal-content {
        height: 220px;
    }
    #viewcommentsModal .modal-body {
        height: 220px;
    }
    #viewcommentsModal .modal-content {
        height: 220px;
    } 
   #videoModal .modal-dialog {
        width: 600px;
       
    }
}

.tool-top-n {
    position: relative;

}
.tool-top-n span{
    display: none;
    padding: 4px;
    border-radius: 5px !important;
    background: #fff;
    border: 1px solid #616161;
    color: #616161;
    position: absolute;
    bottom: -64px;
    left: 50%;
    width: 150px;
    transform: translateX(-50%);
}
.tool-top-n:hover span{
   display: block;
}
.tool-top-n span:before{
    content: "";
    font-size:16px;
    width: 0;
      height: 0;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      border-bottom: 10px solid #616161;
    top: -10px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}


.department-id-div{
    
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 14px;
    text-align: left;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    max-height: 250px;
    overflow:auto;
    margin-bottom: 20px;
}


.department-id-div .container {
    display: block;
    width: 100%;
    position: relative;
    padding-left: 45px !important;
    margin-bottom: 0px;
    cursor: pointer;font-size: 16px;
    color: #545454!important;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-weight: 700 !important;
}
.department-id-div ul li{
      display: block;
      padding: 10px 0;
}
  
  /* Hide the browser's default checkbox */
.department-id-div .container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}
.department-id-div ul{
      padding-left: 0px;
}
  /* Create a custom checkbox */
.department-id-div .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    left: 15px;
    position: absolute;
    border: 2px solid #7d7d7d;
    display: block;
    margin-top: 0px !important;
}
  
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
.common-duke-modal p b{
    font-style: 22px;
}
  
.department-id-div .container input:checked ~ .checkmark:after {
    display: block;
}

    #access_manager{
        padding: 30px 0;
    }
    #access_manager table{
        border:1px solid #999
    }



    .text-white {
    color: #f04726;
    }

    #access_manager .toggle-2 > input[type=checkbox] {
    opacity: 0;
    display: none;
    }
    #access_manager thead th{
    background: #394557;
    color:#fff;
    }
    #access_manager .toggle-2 > .toggle-button-2 {
    background-color: #f7c6c3;
    border-radius: 25px;
    cursor: pointer;
    height: 1em;
    position: relative;
    border-radius:7px !important;
    display: inline-block;
    width: 3em;
    }
    #access_manager .toggle-2 > .toggle-button-2::before {
    background-color: #f04726;
    border-radius: 50%;
    content: '';
    height: 18px;
    width:18px !important;
    left: 0px;
    top: -2px;
    position: absolute;
    transform: scale(1.25);
    transition: all 250ms ease-in;
    width: 1em;
    }
    #access_manager .toggle-2 > input[type=checkbox]:checked + .toggle-button-2::before {
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.24);
    transform: translateX(200%) scale(1.25);
    transition: all 250ms ease-in;
    left:-13px;
    }
    #access_manager .toggle-2 > input[type=checkbox]:disabled + .toggle-button-2 {
        background-color: #d0d0d0 !important;
    }
    #access_manager .toggle-2 > input[type=checkbox]:disabled + .toggle-button-2::before {
        background-color: #777777 !important;
    }

    #access_manager .toggle-2 > input[type=checkbox]:checked + .toggle-button-2{
    background-color: #9ad49e;
    }
    #access_manager .toggle-2 > input[type=checkbox]:checked + .toggle-button-2::before {

    background-color: #539b1c;
    }
  
  /* Style the checkmark/indicator */
.department-id-div .container .checkmark:after {    
    width: 10px;
    height: 10px;
    background: #00AEEF;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}
.department-id-div ul li:hover{
      background: #f5f5f5;
}
#study-accepted {
    background: rgba(51,51,51,0.5);
    top: 0px;
}

#finalize_account{
    position: relative;
    background: #969696;
    margin-bottom: 15px;
    margin-top: 15px;

}

#Mychart-login{
    position: relative;
    background: #3279b7;
    margin-bottom: 15px;
    margin-top: 15px;

}
.createMychart{
    position: relative;
    background: #3279b7;
    margin-bottom: 15px;
    margin-top: 15px;

}

.finalize-img{
    position: absolute;
    top: 0px;
    left: 0px;
    height: 39px;
    border-right: 1px solid #8e8e8e;
    padding: 10px 15px;

}

.or-divider{
    border-bottom: 1px solid #8e8e8e;
    margin-bottom: 30px;
    height: 30px;
    position: relative;
}
.or-divider     span{
    color: #000;
    background: #fff;
    position: absolute;
    top: 100%;
    left: 50%;
    padding: 0px 10px;
    transform: translate(-50%, -50%);
}
.finalize-img img{
    width: 20px;
}

.loginbackground div.grey-patch {
    background-color: rgba(0,0,0,0.40);
}

@media (max-width:767px){
    /***common css for reponsive modal margine auto***/ 
	.modal.show .modal-dialog {
        width: auto !important;
    }
}

#non-eng-asset::-webkit-scrollbar, #non-eng-asset-step4::-webkit-scrollbar, #non-eng-asset-step5::-webkit-scrollbar {
    width: 8px;
    outline: none;
   background: #e1e1e1;
   border-radius: 5px;
}
#non-eng-asset::-webkit-scrollbar-thumb, #non-eng-asset-step4::-webkit-scrollbar-thumb, #non-eng-asset-step5::-webkit-scrollbar-thumb {
  
   background: #595959;
 
}
#autopass_err_role{
    color: red !important;
}
.powered_by_text {
    font-size: 13px;
    color: #000;
    font-weight: 400;
    text-align: center;
}

/* resend invite button css start */
.resend-invite-col{
    text-align: center;
    width: 51%;
    margin: 0 auto;
}
.resend-invite-col p{
    font-size: 15px !important;
    font-weight: 400;
    color: #51566b;
    margin-bottom: 5px !important;
    display: inline-block;
    width: 100%;
}
.resend-invite-col p span{
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #555555 !important;
    padding-left: 20px;
}
.invite_email{
    padding-left: 0 !important;
    float: left;
}
.invite_date{
    float: right;
}
.resend-invite-col .resend-invite-btn{
    width: 100%;
    color: #fff !important;
    background: #00789e !important;
    border: 1px solid #00789e;
    border-radius: 5px !important;
    cursor: pointer;
}
/* resend invite button css end */

/* resend invite modal css end */
.resend_invite_modal .modal-header h5 {
    color: #000000de;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.56px;
    text-transform: initial;
  }
  
  .resend_invite_modal .modal-body {
    padding: 15px 15px 15px 20px;
  }
  .resend_invite_modal .modal-header .btn-close {
    font-size: 12px;
    color: #4a4a4a;
    top: 20px;
    opacity: 0.75;
  }
  .resend_invite_modal {
    padding: 10px;
    border-radius: 9px !important;
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 50%), inset 0 1px 3px 0 rgb(0 0 0 / 50%);
  }
  .resend_invite_modal .modal-body {
    padding: 15px 15px 15px 20px;
  }
  .resend_invite_modal .modal-body p {
    color: #000000de;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.5px;
    text-align:center;
  }
  .resend_invite_modal .modal-footer{
      padding: 0px;
  }
  .resend_invite_modal .resend_invite_modal_btn {
    width: 140px;
    border-radius: 3px !important;
    font-size: 13px !important;
    float: right;
    background-color: #007faa !important;
    border-color: #007faa;
    font-family: 'Open Sans', sans-serif;
    color: #fff !important;
    padding: 8px 12px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: 0.5px;
    text-align: center;
    margin-top: 15px;
  }
  .resend_invite_modal .modal-header {
    padding: 5px 10px 10px 10px;
    font-size: 16px;
    border-bottom: 1px solid #00000082;
  }
/* resend invite modal css end */