body{
    font-weight: 400;
    font-size: 14px;
    height: 100%;
}
.contenter img.up-dot{
    width: 100%;
    position: absolute;
    top: 25px;
    left: 0;
}
.big-round .inner-count{
    font-size: 2em;
    padding-top: 30%;
}.big-round .small-legend{
    font-size: 1em;
    position: absolute;
    top: 60%;
    left: 50%;
    margin-left: -46.5px;
    width: 93px;
    margin-top: -8px;
}

.bootstrap-timepicker {
    position: relative;
}
.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;
}
.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;
}
.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;
}

@media only screen 
and (max-device-width : 600px) {
	.logo{
		    padding: 4px 8px!important;
	}
	
	.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;
	}
	.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;*/
	}
	.rating{
		margin-left: 26% !important;
	}
	.patient-coder{
		position: static !important;
	}
	.fotgt-head{
		line-height: 83px;
	}
	.loginbackground .login-div{
		width: 75% !important;
		float: none !important;
	}
	.loginbackground div.grey-patch{
		margin-bottom: 20px !important;
		padding: 18px !important;
	}
}

@media (min-width: 767px) {
    .bootstrap-timepicker-widget.modal {
        width: 200px;
        margin-left: -100px;
    }
}
@media (max-width: 767px) {
    .bootstrap-timepicker {
        width: 100%;
    }
    .bootstrap-timepicker .dropdown-menu {
        width: 100%;
    }
     .mytoggle{
    	margin-left: 10px;
    }
}
body {
    /*font-family: 'Abel', sans-serif;*/
    font-weight: 400;
    font-size: 14px;
    height: 100%;
}
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: rgb(0, 0, 0) 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: 15px;
    font-weight: 400;
}
.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;
}
.side-bar li:hover{
	color: black;
    background-color: #D7DDE5;
    transition: 0.5s;
}
.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;
    /*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: 170px;
}
.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;
}
.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;
}
/*-------------Custom Timeline end------------*/














/*footer{
  position: absolute;
  bottom: 0;
}*/

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: rgba(0, 0, 0, 0.9) none repeat scroll 0px 0px;*/
    background: rgb(0, 0, 0) none repeat scroll 0px 0px;
    padding: 12px 0px;
    height: 40px;
    /*margin-left: 120px;*/
    z-index: 9999;
    -webkit-overflow-scrolling: touch;
}
.footer .copyright {
    margin: auto;
    color: rgba(255, 255, 255, 0.5);
    font-size: 12px;
    text-align: center;
    float: right;
    display: inline-block;
}
/*Header */

header {
    margin-bottom: 0;
    background: #fff;
    z-index: 1;
}

header .atv_usrname{
	color: #33334B;
}

header .procedure-txt,
header .details-txt {
    /*margin-right: 24px;*/
    margin-right: 5px;
}
header .details-txt {
    margin-right: 0px;
    white-space: normal;
    display: block;
    font-size: 14px;
    color: #909AA6;
}
header .usr-img {
    border-radius: 100%;
    width: 45px;
    height: 45px;
    vertical-align: top;
    margin-left: 5px;
}
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;
}
.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;
        position: relative;
}
.login-div.sgnup_logindiv{
	padding: 10px 10px !important;
	width: 100%;
}


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



@media(max-width: 768px){
    .loginbackground .login-div{
        /*
        width: 330px;
                padding: 5px 20px !important;*/
        
    }
    .login-text{
        font-size: 15px !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;
    }
    .gapping{
        margin-left: 0px;
    }
    #videorting .mytitle{
    	/*margin-top: 0px !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 !important;
}
.loginbackground .login-div a:focus, .loginbackground .login-div a:active{
    box-shadow: none;
}

.loginbackground .login-div .form-control {
    margin: 5px 0 12px;
}
.loginbackground .login-text {
    margin-left: 5px;
    color: #FFFFFF;
    text-align: center;
    line-height: 7px;
    font-size: 14px;
    margin-bottom: 10px;
    font-weight: 300;
}
.login-text.metxt{
	color: #000000;
}


.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;
    text-shadow: 1px 1px 1px #000;
}
.loginbackground .btn-block {
    height: 40px;
    color: #0091d4;
    vertical-align: middle;
    line-height: 0em;
    /*width: 160px;*/
}
.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: 300;
    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;
}
.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: black;
}
.welcome-background .welcome-head {
    height: 83px;
    text-align: center;
    width: 100%;
    background: #000000;
    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%;
    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: 300;
    margin-bottom: 4%;
}
.welcome-background .login-text {
    color: #ffffff;
    text-align: center;
    font-size: 18px;
    margin-bottom: 15px;
    font-weight: 300;
}
.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: 24px;
}
.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: 300;
    font-color: #2f373c;
}
.welcome-background h5 {
    font-size: 14px;
    font-family: 'Abel', sans-serif;
    font-weight: 300;
}
.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: 300;
    color: #888;
    overflow-y: auto;
   }
.care-team .thumbnail .thumb img {
   height: 168px;
   width: 100%;
}
.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;
}
.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%;
}
.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 10px;
    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: 5px 0 0 15px;
    display: inline-block;
}

#patientModal .modal-header {
    background-color: #ebebeb;
    border-radius: 5px 5px 0px 0px;
    padding: 5px 15px;
}
#patientModal .modal-dialog {
   	width: 100%;
  	height: 100%;
  	margin: 0;
  	padding: 0;
    margin-top: 10px !important;
     overflow-y: auto !important
}
#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: 300;
}
#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: 300;
}
#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: 300;
}
#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: 300;
}
#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 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: 93%;
}
.full-wrapper {
    float: left;
    width: 100%;
    height: auto;
    min-height: inherit;
    padding-bottom: 40px;
}
.full-wrapper .inner-wrapper {
    float: left;
    width: calc(100% - 35px);
    width: 97%; 
    
}
.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: 20px;
}
.patient-form .form-group {
    margin-bottom: 45px;
    float: left;
    width: 70%;
    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;*/
    border-bottom: 1px solid #ccc;
}
.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;
}
.profile .media-body h4 {
    color: #2b2d5b;
    font-size: 25px;
    font-weight: 400;
}
.profile .media-body h5 {
    font-size: 20px;
    color: #56565e;
    font-weight: 300;
}
.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.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: 300;
    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: 300;
    padding: 0px;
}
.hospital-block img {
    float: left;
    margin-top: 10px;
}
.hospital-block p {
    font-size: 17px;
    clear: both;
    color: #5f5f5f;
    font-weight: 300;
    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: 300;
}
.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;
}
.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: 300;
}
.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: 300;
}
.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 div.tabcontents
{

}

.help-page .accordion dl,
.help-page .accordion-list {

&:after {
     content: "";
     display:block;
     height:1em;
     width:100%;
 }
}
.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 .accordionTitle,
.help-page .accordion__Heading {
    text-align: left;
    font-weight: 400;
    padding:30px 0 10px;
    display:block;
    text-decoration:none;
    color:#000;
    font-size:22px;
    border-bottom:1px solid darken(#38cc70, 5%);
&:before {
     content: "+";
     font-size:1.5em;
     line-height:0.5em;
     float:left;
     transition: transform 0.3s ease-in-out;
 }
&:hover {

 }
}
.help-page .accordionTitleActive,
.help-page .accordionTitle.is-expanded {

&:before {

     transform:rotate(-225deg);
 }
}
.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;
   height: 101.2% !important;
    overflow: hidden;
    top: 0px;
  }
  
 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;
}
/*=============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;
    }

@media (max-width: 767px) {
    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;
}
.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;
		}
	}
.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: absolute;
    bottom: 40px;
    left: 120px;
    top: 58px;
    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;
    margin: 10px;
    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%; 
}
.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;
}
#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: #000 !important;
	border: 1px solid #ccc;
	display: inline-block !important;
}

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

div.pagination .current{
background-color: #000;
    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;
	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: 0px;
    background-color: #55657f;
}

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

.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: 40px;
}

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

#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;
}
.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: 118px;
    background-color: #EFEEF3;
    min-height: 100%;
    position: relative;
}
.prcdrtxt{
    font-size: 14px;
    font-weight: 300;
    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;
}


.elmnt_cntr{
    text-align: center;
}
.forgt_wrpr .app-wrappper{
    padding-top: 0px;
    padding-left: 0px;
}

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

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

.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: 85%;
}






@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;
	}
	#videorting .rating {
    margin-left: 28% !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;*/
    }

    .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 10px 8px 0px;
    }

    .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:320px){
	.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{
		display: none !important;
	}
	
	#videorting .videortnghdr{
	border-bottom: 0px; 
	padding: 10px !important;
}
	
	.playnxtdiv{
	padding-bottom: 20px;
	margin-top: 5px !important;
}
	
	#videodiv>div{
		height: 200px !important;
	}
	
	.modal-body#modal-video {
    height: 200px !important;
}
#videoModal .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{
	height: 45px;
}
.invalid h3{
	font-size: 19px;
	margin-top: 0px;
}
}


@media (max-width:767px){
	.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;
	}
	
	.logo {
        padding: 20px 0px 0px 2px;
        min-width: 120px;
    }
	
	.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;
        width: 980px;
    }

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

    .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;
        text-align: left;
    }
    .loginbackground .help-text{
        font-size: 14px;
    }
    .loginbackground{

    }
    .loginbackground h2{
        margin-top: 0%;
        font-size: 25px;
        text-align: left;
        text-shadow: 1px 1px 1px #000;
    }

    .footer{
    	margin-left: 0px;
        min-height: 50px;
    	}
    .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: 25px;
        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;
 }
	.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;
	}
	
	.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: 500px;
}
#videoModal .modal-content{
	height: 500px;
}
	
    


    #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;
    }
    .lognsubhdng {
        color: white !important;
        font-weight: 500 !important;
    }

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

    .logo {
        padding: 14px 0px 0px 15px;
    }

    header .viva-text{
        font-size: 14px;
        font-weight: bold;
        display:none !important;
    }
    .mytoggle{
    	margin-left: 10px;
    }
    .invalid h3{
	font-size: 19px;
}
.actvmenu{
    	color: black;
    background-color: #D7DDE5;
    /*border-left: 5px solid black;*/
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.36) inset;
    }

}


@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: 500px;
}
#videoModal .modal-content{
	height: 500px;
}
	
	#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%;
    }
    
    .actvmenu{
    	color: black;
    background-color: #D7DDE5;
    /*border-left: 5px solid black;*/
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.36) inset;
    }
    .turnicate{
    	width: 170px;
    }
     button.btn.assignasset-btn{
    	font-size: 11px !important;
    }
}

@media (min-width:1200px){
#videoModal .modal-body {
    height: 500px;
}
#videoModal .modal-content{
	height: 500px;
}	
	
#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{
    	color: black;
    background-color: #D7DDE5;
    /*border-left: 5px solid black;*/
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.36) inset;
    }

}
/*================================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: 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;
}
.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;
    background-color: #fff;
}
#videoModal .modal-footer .video_name {
    font-size: 18px;
    font-family: Abel;
    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;*/
}
@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;
}

.rating {
    float:left;
    margin-left: 34%;
}
.rating:not(:checked) > input {
    position:absolute;
    top:-9999px;
    clip:rect(0,0,0,0);
}

.rating:not(:checked) > label {
    float:right;
    width:1em;
    padding:0 .1em;
    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 center;
    /*float: right;*/
}

.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: 35px;
    color: white;
}

.modhead{
    background-color: #2C7DC3;
    color: white;
}
.modfoot{
    padding: 10px;
    text-align: center !important;
}
.modbody{
    padding: 15px 15px 0px 15px !important;
    /*min-height: 70px;*/
   height: 100%;
   overflow: hidden;
}
.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;
}

.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;
}
.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-control.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%;
}
_:-webkit-full-screen:not(:root:root), .safari_only {
.help-page ul.tabs{
  padding: 30px 0px; 
}
}
.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;
    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-top: 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-top: 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);
}
.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: absolute;
    top: 0;
    left: 0;
    background: white;
    border: 1px solid #B5AFAE;
    border-radius: 0px;
}
.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;
}

/*----------------------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: 300;
}
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: 24px;
    margin-bottom: 0px;
    font-weight: 300;
    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 !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 70px !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 70px !important;
    margin-left: 15px !important;
}
.fixed-pdf{
	    width: 100%;
    border: 1px solid;
    height: 460px !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;
}
/*.extrahelp{
	margin-top: 0px;
}*/

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;
}
.margin-dialog{
	margin-top: 25px !important;	
}

.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: 300;
}
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%;*/
}
.common-duke-modal p{
	font-size: 24px;
    margin-bottom: 0px;
    font-weight: 300;
    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 70px;
    margin-right: 15px;
    background-color: #686669;
    color: #fff;
}
.accept-btn{
    font-size: 15px;
    font-weight: 100;
    border-radius: 0;
    padding: 10px 70px;
    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 ;
}
/*.form-horizontal .control-label{
    text-align: left;
}*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px){
	.pad-width{
	width: 10% !important;
	}
}
@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) {
	.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: 300;
    color: #000;
}
.custom-width-date{
	    width: 31%;
    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 {
    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{
	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{
	position: absolute;
	font-size: 18px;
    top: 20px;
    left: 0px;
}
.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);
}

.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: none;
}
input#withdraw-study[type="checkbox"]:not(:checked) + label.withdraw,
input#withdraw-study[type="checkbox"]:checked + label.withdraw {
  position: relative;
  padding-left: 25px;
  cursor: pointer;
      vertical-align: top;
}

/* checkbox aspect */
input#withdraw-study[type="checkbox"]:not(:checked) + label.withdraw:before,
input#withdraw-study[type="checkbox"]:checked + 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"]:not(:checked) + label.withdraw:after,
input#withdraw-study[type="checkbox"]:checked + 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"]:not(:checked) + 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"]:not(:checked) + label.withdraw:after {
  opacity: 1;
  transform: scale(1);
}
input#withdraw-study[type="checkbox"]:checked + 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;
}
.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: 300px;
    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: 80px;
    height: 80px;
	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: 300;
    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 : 320px) 
and (max-device-width : 500px){
	div.medium-bold > p{
		font-size: 12px !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: 83px;
    }
    .welcome-background h2{
    	font-size: 34px;
    }
    .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;
    }
    #videorting .rating{
    	text-align: center;
    	margin-top: 10px;
    }
    .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: 10px 5px;
    }
    header .help-img{
    	width: 20px;
    }
}

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

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

.btn-deny:hover, .btn-deny:focus{
	    color:#fff !important;
}

.btn-accept{
	 width: 100%;
    padding: 5px 0px !important;
    background-color: #d0011b !important;
    margin-bottom:15px;
}

.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;
}
/*----------------Css By Sid ends here---------------------------------*/