@import 'https://fonts.googleapis.com/css?family=Open+Sans:300,400';

body{
    font-family: 'Roboto', sans-serif;
    background: url("../../images/theme/bg.png")repeat;
}

figure{
    margin: 0;
    padding: 0;
    position: relative;
}
#topHeader{
    background: rgb(22,104,152);
    background: -moz-linear-gradient(top, rgb(22,104,152) 0%, rgb(13,80,119) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(22,104,152)), color-stop(100%,rgb(13,80,119)));
    background: -webkit-linear-gradient(top, rgb(22,104,152) 0%,rgb(13,80,119) 100%);
    background: -o-linear-gradient(top, rgb(22,104,152) 0%,rgb(13,80,119) 100%);
    background: -ms-linear-gradient(top, rgb(22,104,152) 0%,rgb(13,80,119) 100%);
    background: linear-gradient(to bottom, rgb(22,104,152) 0%,rgb(13,80,119) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#166898', endColorstr='#0d5077',GradientType=0 );
    box-shadow: 0px 1px 6px 0px rgba(69,68,68,0.60);
    position: relative;
    z-index: 9;
}
#topHeader .logo{
    padding: 5px 0 7px;
}
.wraper{
    background: url("../../images/theme/bline.png") repeat-x bottom;

}
.col-sm-logo{
    float: left;
    text-align: center;
    width: 180px;
    height: 68px;
    border-right: 1px solid #2A76A3;
}
.col-sm-menu{
    float: left;
}

.menu-op1{
    min-width: 99px;
    border-left: 1px solid #124563;
    border-right: 1px solid #2A76A3;
}

a.menu-op1{
    padding: 0 10px;
}

.color-red{
    color: #c0392b;
}

/* area Perfil */

.col-sm-profile{
    float: right;
    padding-left: 3px;
}
.dvlines{
    background: url("../../images/theme/pline.png") no-repeat left top;
}


.list-settings li a span{
    display: block;
    font-size: 24px;
    text-align: center;
    padding: 3px 0;
}
.frSearch{
    padding: 8px 14px;
}
.frSearch .inp-search{
    border: 0;
    border-radius: 0;
    box-shadow:none;
    padding: 0 9px;
    height: 40px;
}
.frSearch .btn-search{
    border: 0;
    border-radius: 0;
    padding: 0 9px;
    height: 40px;
    color: #000;
    width: 100%;
    background-color: #F8D01E;
}

/* Login Area */

.bg_login{
    background: url("../../images/theme/bg-login.jpg") fixed;
    background-size: cover;
    padding: 8% 0 0;
}
.wrap-login{
    background: rgba(255,255,255,0.12);
    border-radius: 5px;
    padding: 15px;
    max-width: 390px;
    margin: auto;
}
.areaLogin{
    background: #FFFFFF;
    box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.50);
    border-radius: 4px;
    position: relative;
    min-height: 450px;
}
.areaLogin .l-login{
    padding: 45px 0 18px;
    margin-bottom: 12px;
    text-align: center;
    background: url("../../images/theme/fline.png") repeat-x bottom;
}
.areaLogin .spc{
    padding: 0 22px 10px;
}
.areaLogin .spc .inp-login{
    height: 50px;
    padding-left: 36px;
    padding-right: 36px;
    border: 1px solid #66B5EA;
    box-shadow: inset 0px 1px 5px 0px rgba(117,117,117,0.35);
}
.areaLogin .spc .ilab{
    margin: 0 0 0;
    padding: 3px 0;
    position: relative;
}
.areaLogin .spc .ilab i{
    position: absolute;
    left: 12px;
    top: 44px;
}
.areaLogin .spc label{
    margin: 0 0 2px;
    padding: 0;
    font-family: 'Roboto Condensed', sans-serif;
    color: #999;
    font-size: 13px;
}
.areaLogin .spc button{
    width: 100%;
    font-size: 22px;
    margin-top: 5px;
    margin-bottom: 12px;
}
.areaLogin .l-foo{
    padding: 24px 30px 20px;
    background: url("../../images/theme/fline.png") repeat-x top;
}
.areaLogin .l-foo a{
    color: #3498DB;
}
.areaLogin .tag{
    position: absolute;
    left: 142px;
    top: -68px;
}

ul.listAlerts{
    display: block;
    width: 100%;
}
ul.listAlerts li.item a{
    font-size: 12px;
    display: block;
    width: 100%;
}
ul.listAlerts li.item a:hover{

}
ul.listAlerts li.item {
    border-bottom: 1px solid #034eb4;
    font-size: 12px;
    font-weight: 300;
    padding: 10px 16px !important;
    width: 100%;
    text-align: left !important;
}
ul.listAlerts li.item figure{
    float: left;
    border-radius: 50%;
    background: #fff;
    padding: 2px;
}
ul.listAlerts li.item .mrgdata{
    margin-left: 56px;
}
ul.listAlerts li.item:last-child{
    border-bottom: 0;
}
ul.listAlerts li.item span{
    padding-right: 5px !important;
}
ul.listAlerts li.item .idata{
    display: block;
    padding: 3px 0;
}


/* Guia de Navegacion */

#Breadcrumb{
    border-bottom: 3px solid #E9E9E9;
    background-color: #fff;
    padding: 10px 0;
    margin-bottom: 12px;
}
.bread-links{
    margin: 0;
    padding: 0;
}


.bread-links li{
    margin: 0;
    padding: 0;
    display: inline-block;
    font-size: 12px;
}
.bread-links > li {
    display: inline-block;
}
.bread-links > li + li:before {
    content: "/";
    padding: 0 3px;
    color: #999999;
}
.bread-links > .active {
    color: #999999;
}
#Breadcrumb h1{
    margin: 0;
    padding: 0 0 12px 7px;
    margin-bottom: -13px;
    color: #199EF2;
    font-weight: 100;
    font-size: 34px;
    background: url("../../images/theme/bdline.png")no-repeat left bottom;
}

/* Contenegdor */

#DashBoard{
    padding: 14px 12px;
}
.nav-toggle{
    color: #000;
    text-decoration: none;
    font-weight: bold;
}
.nav-toggle:hover{

    text-decoration: none;
}
.Widget{
    background: #FFFFFF;
    border: 0px;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.2);
    border-radius: 3px;
    margin-bottom: 16px;
}
.Widget .blTop{
    background: #EAEDF0;
    box-shadow: 0px 2px 4px 0px rgba(220,220,220,0.50);
    margin: 0;
    padding: 14px 14px;
    border-radius: 3px 3px 0 0;
    height: 46px;
    overflow: hidden;
}
.Widget .blTop .title{
    margin: 0;
    padding: 0;
    font-size: 17px;
    color: #166796;
    text-shadow: 0px 2px 0px rgba(255,255,255,0.50);
    letter-spacing: -1px;
    float: left;
}
.Widget .blTop .w_control{
    float: right;
}
.Widget .contt{
    padding: 20px;
    border-top: 1px solid #C5CED5;
}

.Widget .contt.searchBar{
    display: flex;
    flex-direction: column;
}

.subTitle{
    text-align: left;
    padding: 16px 0 12px;
    margin-bottom: 10px;
}
.subTitle h4{
    margin: 0;
    padding: 0;
    color: #4C4C4C;
    display: block;
    text-align: left;
    font-size: 20px;
    line-height: 16px;
    font-weight: 300;
}
.subTitle hr{
    border: 0;
    border-bottom: 3px solid #007AFF;
    width: 50px;
    display: inline-block;
    margin: 0;
    padding: 0;
}
.Widget .contt b.tt{
    font-size: 50px;
    text-align: center;
    display: block;
    line-height: 40px;
    font-weight: 100;
    padding: 50px 0;
}
#calendar {
    margin: 0 auto;
}

/* DATA TABLE LIST*/

.topBarAction{
    padding: 0 16px 16px;
    border-bottom: 1px solid #ddd;
}
.listPats figure{
    display: inline-block;
    vertical-align: middle;
    margin-right: 12px;
    margin-left: 12px;
    border: 1px solid #83e0ff;
    border-radius: 50%;
    padding: 2px;
}
.listPats i{
    display: inline-block;
    vertical-align: middle;
    margin: 0px;
}
.t_action{
    text-align: right;
    padding-right: 10px;
}


.userComments{
    border-top: 1px solid #C5CED5;
    height: 100%;
    overflow: hidden;
}
.userComments ul{
    margin: 0;
    padding: 0;
}
.userComments ul li{
    list-style: none;
    padding: 12px 30px 12px 20px;
    border-bottom: 1px solid #C5CED5;
    background: #f5f5f5;
}
.userComments ul li:nth-child(2n+1){
    background: #fff;
}
.userComments ul li:last-child{
    border-bottom: 0;
}
.userComments ul li figure {
    float: left;
    width: 60px;
    padding: 3px;
    background: #FFD3D2;
}
.userComments ul li .entry{
    margin-left: 80px;
    min-height: 40px;
}
.userComments ul li .entry .name{
    font-weight: 500;
    padding-right: 4px;
}
.userComments ul li .entry .date{
    color: #EE4358;
    font-size: 12px;
    padding-left: 4px;
}
.userComments ul li .entry p{
    font-weight: 300;
    font-size: 13px;
}
.userComments ul li .entry .reply{
    text-align: right;
}




/* MEDICAL LIST*/

.srFiltro{
    padding: 16px 8px 22px;
    background: url("../../images/theme/fline.png") repeat-x bottom;
    margin-bottom: 22px;
}
.srFiltro .inp-med-search{
    background: #FFFFFF;
    border: 1px solid #3498DB;
    box-shadow: inset 0px 1px 4px 0px rgba(186,186,186,0.50);
    border-radius: 2px !important;
    max-width: 380px;
}
.medical-list .item{
    border: 1px solid #BFBFBF;
    box-shadow: 0px 0px 4px 0px rgba(153,153,153,0.50);
    border-radius: 4px;
    padding: 40px 0 0px;
    min-height: 390px;
    background: #fff url("../../images/theme/t-tag.png") no-repeat center 18px;
    margin-bottom: 16px;
}
.medical-list .item:hover{
    box-shadow: 0 0 6px #a3dfed;
    border: 1px solid #8bb2ee;
}
.medical-list .item figure{
    border-radius: 50%;
    width: 120px;
    margin: auto;
    border: 2px solid #e3e3e3;
    padding: 6px;
    margin-bottom: 10px;
}
.medical-list .item figure img{
    border-radius: 50%;
}
.medical-list .item h3{
    color: #50B0E9;
    font-size: 16px;
    text-align: center;
    line-height: 18px;
    margin: 0;
    padding: 0;
}
.medical-list .item .cargo{
    text-align: center;
    font-size: 12px;
    display: block;
    color: #50B0E9;
}
.medical-list .item .info{
    padding: 14px;
    background: url("../../images/theme/mdline.png") repeat-x top;
    margin-top: 15px;
}
.medical-list .item .info strong{
    font-size: 12px;
}
.medical-list .item .info .mlab{
    margin-bottom: 4px;
    font-weight: 300;
}
.medical-list .mail-medical{
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* AREA QUESTIONS */
.areaQuestions .no{
    display: block;
    font-size: 36px;
    color: #1FA0F4;
    font-weight: 100;
    line-height: 30px;
}
.areaQuestions label.ttqs{
    font-size: 17px;
    color: #1FA0F4;
}
.areaQuestions label.ttans{
    font-size: 14px;
    color: #000;
    display: block;
    line-height: 14px;
}

/* AREA QUESTIONS */
.ilab{
    margin-bottom: 10px;
    display: block;
}

/* AREA PATIENTS */
.patientCard{
        border-radius: 4px 4px 0px 0px;
    padding: 16px;
    color: #fff;
    background: #1972a8;
    /*background: #156696 url(../../images/theme/prline.png) left 76px;*/
    background-size: 100% 2px;
    background-repeat-x: no-repeat;
    background-repeat-y: no-repeat;
}
@media(min-width: 1367px){

    .patientCard{
        background-size: 100% 3px;
    }

}
.patientCard figure{
    max-width: 100px;
    min-width: 100px;
    margin: auto;
    background: #5B94B5;
    border-radius: 50%;
    padding: 4px;
    min-height: 100px;
    max-height: 100px;
}
.patientCard h2{
    font-family: 'Roboto Slab', serif;
    font-size: 26px;
    font-weight: 700;
    color: #EBE060;
    margin: 0;
    padding: 0;
}
.patientCard h2 span{
    font-size: 14px;
    color: #fff;
    padding-left: 6px;
    font-family: 'Roboto', sans-serif;
}
.patientCard .cardTop{
    padding: 0px 0 20px;
}
.patientCard .cardBottom{
    padding: 12px 0 0px;
    font-weight: 300;
    font-family: 'Roboto Slab', serif;
}

.patientCard .cardBottom .age{
    font-size: 24px;
    font-weight: 700;
    line-height: 20px;
    margin-bottom: 0;
}
.patientCard .cardBottom span{
    display: block;
}
.butActions{
    text-align: right;
    padding-top: 6px;
}
.areaTaps{
    padding: 30px 0;
}
.tab-content{
    background: #fff;
    border-left:    1px solid #ddd;
    border-bottom:  1px solid #ddd;
    border-right:   1px solid #ddd;
    padding: 20px;
    border-radius: 0 0 2px 2px;
}

.areaTable{
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    height: 100%;
    overflow: hidden;
}
.myTable td{
    padding: 0 5px;
}
.myTable .ilab{
    margin-bottom: 0;
}
.dlabel{
    padding: 10px 15px 0;
    font-size: 16px;
    display: block;
}

.Formularios{

}
.Formularios .mn-title{
    font-size: 14px;
    margin-bottom: 16px;
    color: #666;
    font-weight: 300;
}
.Formularios label{
    margin: 0;
    padding: 2px 0;
    font-weight: 700;
    font-size: 12px;
    display: block;
    color: #777;
}

.form-horizontal .form-group{
    margin-bottom: 12px;
}

.listPats .wrpp{
    font-size: 12px;
    color: #666;
}
.convenciones{
    text-align: right;
    position: absolute;
    right: 10px;
    margin-top: -60px;
    padding-right: 12px;
    font-size: 12px;
}
.convenciones span{
    display: inline-block;
    width: 70px;
    text-align: center;
}
.s-alert{
    background: url("../../images/theme/alerts.png");
    height: 24px;
    width: 24px;
    display: inline-block;
    margin-right: 3px;
    vertical-align: middle;
}
.nnmr{
    font-size: 20px;
    font-weight: 700;
    display: inline-block;
    vertical-align: middle;
    color: #000;
}
.red{
    background-position: 0 0;
}
.green{
    background-position: -24px 0;
}
.yellow{
    background-position: -48px 0;
}
.white{
    background-position: -72px 0;
}

/* PATIENTS DASHBOAR */

.barOptions{
    padding: 12px 0;
}
.barOptions .btn-custom{
    font-family: "Roboto Condensed";
}
.barOptions .btn-custom i{
    display: block;
    margin-bottom: 4px;
    font-size: 18px;
}
.barDataPatient label {
    color: #156696;
    font-weight: 700;
}
.barDataPatient{
    padding: 8px 16px 12px;
    margin-bottom: 8px;
    background: #fff;
    border: 1px solid #C5CED5;
    box-shadow: 0px 0px 4px 0px rgba(213,213,213,0.50);
    border-radius: 3px;
}
.barDataPatient .chartArea{
    font-size: 30px;
    color: #ccc;
    text-align: center;
    margin-bottom: 16px;
}

/* AREA PATIENT CARE PLAN */

.progress_bar_day_left{
    width: 90%;
    height: 25px;
    margin: 0 auto;
    margin-bottom: 15px;
}

/* AREA CALENDAR DASHBOAR */

.listCalendar{
    padding: 0;
}
.listCalendar h3{
    margin: 0 12px 18px 0;
    padding: 0 0 8px;
    font-weight: 300;
    color: #50B0E9;
    font-size: 28px;
    background: url("../../images/theme/fline.png") repeat-x bottom;
}
.listCalendar ul{
    margin: 0 14px 0 0;
    padding: 0;
    /* Rectangle 312: */
    background: #FFFFFF;
    border: 1px solid #94CCEF;
    border-radius: 2px;
    max-height: 660px;
    overflow: auto;
    box-shadow: 0 0 6px #bbb;
}
.listCalendar ul li{
    list-style: none;
    height: 100%;
    overflow: hidden;
    padding: 14px 14px;
    border-bottom: 1px solid #94CCEF;

}
.listCalendar ul li:first-child{
    box-shadow: inset 2px 0px 6px #DDD;
    border-bottom: 1px solid #94CCEF;
}
.listCalendar ul li:hover{
    box-shadow: inset 2px 0px 6px #DDD;
}
.listCalendar ul li a{
    text-decoration: none;
}
.listCalendar ul li:last-child{
    border-bottom: 0;
}
.listCalendar ul li figure{
    float: left;
    background-color: #fff;
    padding: 2px;
    border: 2px solid #f5bcb2;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.listCalendar ul li .data{
    margin-left: 70px;
    background: url("../../images/theme/dline.png") no-repeat right 32px;
}
.listCalendar ul li .data-current{
    margin-left: 70px;
    background: url("../../images/theme/dline-red.png") no-repeat right 32px;
}
.listCalendar ul li .data-current .hour{
    display: block;
    font-size: 26px;
    color: #D44344;
    font-weight: 700;
    font-family: 'Lato', sans-serif;
}

.listCalendar ul li .hour{
    display: block;
    font-size: 26px;
    color: #A7BBD0;
    font-weight: 700;
    font-family: 'Lato', sans-serif;
}
.listCalendar ul li .data-current .name{
    display: block;
    font-size: 12px;
    color: #D44344;

}
.listCalendar ul li .name{
    display: block;
    font-size: 12px;
    color: #A7BBD0;
}




.iTable{
    border: 1px solid #C3C3C3;
    box-shadow: 0px 0px 4px 0px rgba(134,134,134,0.50);
}
.tableReading thead{
    background: #F7F8F9;
}
.tableReading thead td{
    padding: 12px;
    text-align: center;
    font-size: 12px;
    font-weight: 700;
    color: #1B9FF2;
    border-bottom: 1px solid #fff;
}
.tableReading tbody tr.active{
    background: rgba(197, 232, 247, 0.75);
    border-bottom: 1px solid #fff;
}
.tableReading thead .tta{
    font-weight: 700;
    color: #0E7FAD;
    font-size: 18px;
}
.tableReading tbody tr.active .tta1{
    font-weight: 700;
    color: #0E7FAD;
}
.tableReading tbody tr.inactive .tta2{
    font-weight: 700;
    color: #8B8B8B;
}
.tableReading tbody tr.inactive{
    background: #eee;
}
.tableReading tbody td{
    /*padding: 5px 12px;*/
    text-align: center;
    vertical-align: middle;

}
.tableReading .frtab{
    padding-top: 34px;
    margin-bottom: -20px;
}
.rdColor{
    width: 28px;
    height: 28px;
    display: inline-block;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin-left: -29px;
    margin-bottom: -11px;
}
.color-default{border: 2px solid #EFF1F1;}
.color-primary{border: 2px solid #007AFF;}
.color-success{border: 2px solid #3bc8a6;}
.color-info{border: 2px solid #4394b6;}
.color-warning{border: 2px solid #EEA236;}
.color-danger{border: 2px solid #D43F3A;}


.MyCharts{
    padding: 10px 26px 22px;
}
.patientCharts span{
    display: block;
}
.patientCharts .dat01{
    text-align: right;
    padding-right: 16px;
}
.patientCharts .dat01 .tt0{
    color: #229FEB;
    font-size: 17px;
    font-weight: 300;
}
.patientCharts .dat01 .tt1{
    color: #000;
    font-size: 70px;
    font-weight: 300;
    line-height: 65px;
    letter-spacing: -2px;
    font-family: 'Lato', sans-serif;
}
.patientCharts .dat01 .tt1a{
    color: #000;
    font-size: 50px;
    font-weight: 300;
    line-height: 65px;
    letter-spacing: -5px;
    font-family: 'Lato', sans-serif;
}
.patientCharts .dat01 .tt2{
    color: #229FEB;
    font-size: 17px;
    font-weight: 300;
}
.patientCharts .dat01 .tt3{
    color: #eb9b0f;
    font-size: 30px;
    font-weight: 300;
    border-top: 1px solid #ccc;
    margin-top: 10px;

}
.patientCharts .dat01 .tt3a i{
    color: #d21917;
}
.patientCharts .dat01 .tt3a{
    color: #d21917;
    font-size: 30px;
    font-weight: 300;
    border-top: 1px solid #ccc;
    margin-top: 10px;
    font-family: 'Lato', sans-serif;
}
.patientCharts .dat01 i{
    color: #000;
}
.patientCharts .dat02{
    padding-top: 35px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
}
.patientCharts .dat02 .tt0{
    font-size: 17px;
    font-weight: 300;
}
.patientCharts .dat02 .tt1{
    font-size: 40px;
    font-weight: 300;
    line-height: 30px;
}
.patientCharts .dat02 .tt2{
    color: #229FEB;
    font-size: 17px;
    font-weight: 300;
}
.patientCharts .dat03{
    padding-top: 12px;
    text-align: center;
}
.patientCharts .dat03 .bar_red{
    height: 6px;
    border-radius: 4px;
    background: #F33D3E;
    margin-bottom: 12px;
}
.patientCharts .dat03 .bar_blue{
    height: 6px;
    border-radius: 4px;
    background: #199EF2;
    margin-bottom: 12px;
}
.patientCharts .dat03 .tt0{
    font-size: 40px;
    line-height: 30px;
    font-weight: 300;
}
.patientCharts .dat03 .tt2{
    color: #F33D3E;
}
.patientCharts .dat03 .tt3{
    color: #199EF2;
}
.ti-help-alt{
    color: #F33D3E;
    font-size: 10px;
    top:-6px;
    position: relative;
    font-weight: bold;
}
.patientCharts ul{
    margin: 0;
    padding: 0;
}
.patientCharts ul li{
    list-style: none;
    padding: 4px 0;
    padding-right: 12px;
    font-size: 16px;
    text-align: right;
}
.patientCharts ul li i{
    margin-right: 12px;
}
.patientCharts .js-chart{
    padding: 14px 0;
}
.patientCharts .dat01a{
    font-size: 20px;
    color: #229FEB;
}
.patientCharts .dat02a{
    text-align: right;
}
.patientCharts .dat02a .tt0{
    font-size: 24px;
}
.patientCharts .dat02a .tt2{
    font-size: 16px;
    color: #229FEB;
}


#Footer{
    background: url("../../images/theme/fline.png") repeat-x top;
    padding: 16px;
    font-size: 11px;
    margin-top: 16px;
    color: #666;
}

/* MOBILE MENU */
.slicknav_menu {display:none;}

/* MEDIA SCREEN */

@media screen and (max-width: 840px) {
    .col-sm-menu {
        float: none;
    }
    .menu-op1{
        width: 99px;
        border-left: 0;
        border-right: 0;
    }
}
@media screen and (max-width: 767px) {
    .myTable td{
    padding: 6px 10px;
    display: block;
    }
    .slicknav_menu {display:block;}
    .topMenu{ display: none; }

    .patientCard h2 {
        padding-top: 8px;
        text-align: center;
        display: block;
    }
    .patientCard .no-seg{
        text-align: center;
        display: block;
        padding-bottom: 8px;
    }
    .butActions{
        text-align: center;
        padding-top: 6px;
    }
    .patientCard .cardBottom span{
        margin-bottom: 8px;
    }
    .convenciones{
        text-align: center;
        position: relative;
        margin-top: 20px;
        padding-right: 12px;
        font-size: 12px;
    }
    .listCalendar h3 {
        margin: 0 0 18px 0;
    }
    .listCalendar ul {
        margin: 0 0 20px;
    }
    .patientCharts .dat01{
        text-align: center;
        padding-right: 0;
    }
    .patientCharts .dat02{
        padding-top: 25px;
        border-bottom: 0;
        padding-bottom: 10px;
        text-align: center;

    }
    .patientCharts ul li{
        list-style: none;
        padding: 4px 0;
        padding-right: 0;
        font-size: 16px;
        text-align: center;
    }
    .patientCharts .dat01a{
     text-align: center;
    }
    .patientCharts .dat02a{
        text-align: center;
    }
}

.wizardCustomTitle{
    font-size:23px;
}

/* styles for profile interoperability*/
.interoperabilityAble{
    margin-top:20px;
    color:gray;
}

.sourcesContainer{
    margin-top: 10px;
}
.athenaSource{
    background: transparent;
}
.athenaSource::after{
    content: " ";
    width: 140px;
    height: 42px;
    background: #3d1a52;
    position: absolute;
    right: 0;
    top: 0px;
    background-image: url('../../images/interoperability/athena.svg');
    background-repeat: no-repeat;
    background-size: 100%;
    cursor: pointer;
    background-position-y: 2px;
    background-origin: content-box;
    padding: 8px;

}

.interPracticeDescriptor{
    padding: 8px;
    font-family: 'Roboto';
    font-weight: 500;
    font-size: 15px;
    color: #333;
}

.AthenaButton{

    background: #3d1a52;
    color:white;
}
.AthenaButton:hover{
    color: white;
    background: #4f2469;
}
.AthenaButton:focus{
    outline: none !important;
    color:white;
}

.providerItemSync{
    font-size: 18px;
    padding: 10px;
    background: #f7f6f6;
}
.providerItemSyncNB{
    font-size: 18px;
    padding: 10px;
}

.athenaSyncButton{
    background: #3d1a52;
    height: 40px;
    width: 40px;
    background-image: url("../../images/interoperability/athena1.svg");
    background-repeat: no-repeat;
    background-size: 26px 26px;
    background-origin: content-box;
    padding: 7px;
    outline: none !important;
}
.athenaSyncButton:active{
    background-color: #311b3e;
    background-image: url("../../images/interoperability/athena1.svg");

}
.esvydaWizardTitle{
    color: black;
    padding: 10px 30px 10px 10px;
    font-family: 'roboto';
    font-weight: lighter;
    font-size: 25px;
    border-bottom: 1px solid #dadada;
}

.esvydaWizard{
    padding: 5px
}
.closeWizard{
    position: absolute;
    color: #a29a9a;
    margin-top: 6px;
    right: 8px;
    top: 0px;
    cursor: pointer;
}

.esvydaWizardContent{
    height: 300px;
    position: relative;
    overflow-x:hidden
}
.esvydaWizardSteps{
    padding: 10px;
}

.esvydaWizardStepItem{
    font-size: 17px;
    color: #6d6c6c;
    cursor:pointer;
}
.esvydaWizardSepItem{
    color: #216688;
    font-weight: bolder;
    font-size: 20px;
}
.esvydaWizardStepItem.active{
    font-weight: bolder;
    color:black;
}
.esvydaWizardContent>.next{
    position: absolute;
    left: 100% !important;
}
.esvydaWizardContent>.prev{
    position: absolute;
    left:-100% !important;
}
.activeWizard{
    position: absolute;
}
.wizardElements{
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    padding: 10px
}
.esvydaWizardRight.prev{
    animation:rightPrev 1s ease;
    -webkit-animation:rightPrev 1s ease;

}
.esvydaWizardLeft.next{
    animation:leftNext 1s ease;
    -webkit-animation:leftNext 1s ease;

}
.activeWizard.esvydaWizardLeft{
    animation:leftActive 1s ease;
    -webkit-animation:leftActive 1s ease;

}
.activeWizard.esvydaWizardRight{
    animation:rightActive 1s ease;
    -webkit-animation:rightActive 1s ease;

}
.width-img-wizard{
    width: 70%;
}

.interList{
    padding: 5px 0px;
    list-style: none;
}

.interList>li{
    padding: 5px 25px;
}
.interList>li:hover{
    background: #f5f5f5
}

.departmentsContainer{
    margin-top: 10px;
    padding: 10px;
    height: 200px;
    overflow: auto;
}
.departmentsItems{
    padding: 15px 5px;
    background: #f3f3f3;
    cursor:pointer;
}
.departmentsItems:hover{
    background: #a9a5a5 !important
}

.departmentsItems.striped{
    background: #c5c5c5
}

.patientListInter{
   margin-top: 10px;
    padding: 10px;
    height: 200px;
    overflow: auto;
}

.patientFoundListItemInter.striped{
    background: #c5c5c5
}

.patientFoundListItemInter{
    padding: 15px 5px;
    background: #f3f3f3;
    cursor:pointer;
}

.patientFoundListItemInter:hover{
    background: #a9a5a5 !important
}

.wizardSpinnerCont{
    display: none
}

.wizardSpinner{
    color: #799b3e;
    font-size: 14px;
    margin-left:5px;
}
.wizardSpinnerSuccess{
    padding-top: 22px;
    font-size: 13px;
    color: #799b3e;
    font-weight: bolder;
    display: none;
}
    /*Interoeprability animations*/
@keyframes rightPrev{
    from {left: -100% ;}
    to {left:0px ;}
}
@keyframes rightActive{
    from {left: 0px ;}
    to {left:100% }
}
@keyframes leftActive{
    from {left: 0px }
    to {left: -100% }
}
@keyframes leftNext{
    from {left: 100% }
    to {left: 0px }
}
@-webkit-keyframes rightPrev{
    from {left: -100% ;}
    to {left:0px ;}
}
@-webkit-keyframes rightActive{
    from {left: 0px ;}
    to {left:100% }
}
@-webkit-keyframes leftActive{
    from {left: 0px }
    to {left: -100% }
}
@-webkit-keyframes leftNext{
    from {left: 100% }
    to {left: 0px }
}

/* styles for profile interoperability close*/


/*styles for diagnoses and nursenotes*/

.listMenus{
    list-style-type: none;
    padding: 0px;
    font-family: roboto;
    border-right: 1px solid #c5ced5;
    cursor: pointer;
    padding-right: 20px
}
.listMenus>li{
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 20px;
    font-weight: lighter;
    border-bottom: 1px solid white
}
.listMenus>li i{
    margin-right: 5px;
    color:#a0a0a0 !important;
}
.listMenus>li:hover{
    border-bottom:1px solid #d8d8d8;
}

.diagnoseContainer{
    padding: 10px;
}
.diagnoseHeader{
    border-bottom: 1px solid #d4d4d4;
    padding-bottom: 10px;
    padding-top: 10px;
}
.diagnoses{
    margin-top: 5px;
}
.diagnosesTitle{
    margin-top: 10px;
}
.diagnoseInstances{
    width: 100%;
    height: 100px;
    resize: none;
}
.diagnoseOrder{
    float: left;
    width: 5%;
}
.diagnoseInstCont{
    float: left;
    width: 95%;
    position: relative;
}
.deleteDiagnoseIns{
    position: absolute;
    top: 5px;
    right: 15px;
    cursor: pointer;
}
.btn-diagnoses{
    background: orange;
    color: white !important;
    position: absolute;
    right: 0px;
    bottom: 6px;
}
.resultSearch{
    max-height: 200px;
    background: white;
    border: 1px solid #c7c7c7;
    margin-top: 1px;
    position: absolute;
    max-width: 300px;
    padding: 5px;
    top: 100%;
    left: 0%;
    overflow-y: auto;
    overflow-x: hidden;
    z-index: 1;
}
.findResult{
    margin-bottom: 5px;
    font-size: 13px;
    cursor: pointer
}
.findResult:hover{
    background: #e0e0e0;
}
.searcher{
    padding-right: 30px !important;
}
.diagnoseInstances[disabled]{
    border-color: #d8d8d8 !important;
}
.searcher[disabled]{
    border-color: #d8d8d8 !important;
}
.nurseContent{
    padding: 10px;
}

.nurseContentTitles{
    text-align: center;
    padding-top: 15px;
    border-top: 1px solid #e4e4e4;
    position:relative
}
.nurseTitle{
    margin-top:20px;
}
.nurseNoteInstanceRight{
    text-align: center
}
.descContainer{
    display: table;
    width: 100%;
}
.descContainer>b{
    display: table-cell;
    width: 80px;
}
.descContainer>textarea{
    display: table-cell;
    min-height: 100px;
    resize: none;
    margin-bottom: 10px;
    width: 100%;
}
.descContainer>div{
    margin-bottom: 10px;
}

/*new Patient Card*/
.rounderBorders{
    border-radius: 4px
}
.rounderPoints{
    display: inline-block;
    border-radius: 50%;
    height: 20px;
    width: 20px;
    font-size: 19px;
    line-height: 16px;
    cursor: pointer;
    text-align: center;
    color: #b9b9b9;
    background: #003f65;
    position: relative;
    top: 0px;
    transition:0.1s linear;
}
.rounderPoints span{
    position: relative;
    top: -3px;
}
.rounderPoints:hover{
    position: relative;
    top: -2px
}
.cardOptions{
    background: #003f65;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 5px;
    color: gainsboro;
    cursor: pointer;
}
.cardOptions:hover{
    background: #023858;
}
.welcomeOptions{
    background: #f09723;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 5px;
    color: #ffffff;
    cursor: pointer;
}
.welcomeOptions:hover{
    background: #023858;
}
.alertSectionCard{
    position: absolute;
    bottom: -4px;
    width: 145%;
    left: -22.5%;
    text-align: center;

}
.alertItemCard{
    display: inline-block;
    margin-left: 5px;
    margin-right: 5px;
    color: #fffdfd;
    background: #003f65;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    padding: 5px;
    font-size: 16px;
    text-align: center;
    cursor: pointer;
    position: relative;
}


.badgeCardInbox{
    display: inline;
    padding: 8px;
    bottom: -5px;
    left: 80%;
    border-radius: 50%;
    background: red;
    width: 85px;
    height: 40px;
    font-size: 14px;
    font-family: helvetica
}
.badge.message{
    background: #f89b1e;
    color: #000000;
}

.badgeCard{
    position: absolute;
    bottom: -5px;
    left: 80%;
    border-radius: 50%;
    background: red;
    width: 15px;
    height: 15px;
    font-size: 11px;
    font-family: helvetica
}
.badgeCard.message{
    background: #3da000;
}
.badgeCard.task{
    background: #f89b1e;
}
.alertItemCard:hover{
    background: #023858
}
.cardSibling{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    border-radius: 50%;
}
.alertItemCard.hoverhed> .badgeCard{
    animation-name:bounce;
    animation-duration:2s;
    animation-iteration-count:infinite;
    animation-timing-function: linear;
}

@keyframes bounce{
    0%{bottom: -5px ;}/*Sube en 15%*/
    15%{bottom: 10px;}/*Se mantiene dos*/
    17%{bottom: 10px}
    25%{bottom:-5px;}/*Baja en 8*/
    26%{bottom: -5px}/*Se mantiene uno*/
    38%{bottom: 4px}
    40%{bottom: 4px}
    48%{bottom: -5px}
    49%{bottom: -5px}
    59%{bottom: 2px}
    61%{bottom: 2px}
    69%{bottom: -5px}
}
@-webkit-keyframes bounce{
    0%{bottom: -5px ;}/*Sube en 15%*/
    15%{bottom: 10px;}/*Se mantiene dos*/
    17%{bottom: 10px}
    25%{bottom:-5px;}/*Baja en 8*/
    26%{bottom: -5px}/*Se mantiene uno*/
    38%{bottom: 4px}
    40%{bottom: 4px}
    48%{bottom: -5px}
    49%{bottom: -5px}
    59%{bottom: 2px}
    61%{bottom: 2px}
    69%{bottom: -5px}
}
@-moz-keyframes bounce{
    0%{bottom: -5px ;}/*Sube en 15%*/
    15%{bottom: 10px;}/*Se mantiene dos*/
    17%{bottom: 10px}
    25%{bottom:-5px;}/*Baja en 8*/
    26%{bottom: -5px}/*Se mantiene uno*/
    38%{bottom: 4px}
    40%{bottom: 4px}
    48%{bottom: -5px}
    49%{bottom: -5px}
    59%{bottom: 2px}
    61%{bottom: 2px}
    69%{bottom: -5px}
}

.quickPatientCardView{
    position: absolute;
    background: white;
    border: 1px solid #c5c5c5;
    z-index: 1100;
    top: 110%;
    color: black;
    width: 100%;
    box-shadow: inset 0px 0px 8px 0px #848484;
    padding: 10px;
    display: none;
    left: 0px;
}
.setupVitalSigns{
    font-size: 17px;
    position: absolute;
    background: white;
    border: 1px solid #d8d3d3;
    z-index: 1000;
    color: black;
    width: auto;
    padding: 10px;
    border-radius: 4px;
    display: none;
    float: left;
    right: 65px;
}
    .setupVitalSigns strong{
        color:#989898;
    }

/*.quickPatientCardView::before{
    content: "\f0d7";
    font-family: "fontAwesome";
    text-align: center;
    width: 100%;
    display: block;
    color: #a7a7a7;
    font-size: 24px;
    margin-top: -21px;
}*/
.quickTitle {
    font-weight: bolder;
}
.quickVerticalItem {
    padding-bottom: 10px;
}
.quickBolder{
    font-weight: bolder;
}
.quickContactTitle{
    font-weight: bolder;
    font-style: italic;
    color: #38b492;
}
.quickContactDesc{
    word-wrap: break-word;
}
.quickContactCont{
    margin-bottom: 5px;

}
.quickBioTitle{
    font-weight: bolder;
    font-style: italic;
    color: #f89b1e;
}
.quickBioDesc{
    word-wrap: break-word;
}
.quickBioCont{
    margin-bottom: 5px;

}
.quickProblemsTitle{

    font-weight: bolder;
    font-style: italic;
    color: #F56F3B;
    max-height: 50px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.quickProblemsDesc{
    word-wrap: break-word;
    font-weight: bolder;
    font-size: 12px;
}
.quickProblemsCont{
    margin-bottom: 5px;

}
.biometricWidg {
    display: inline-block;
    color: #848484;
    font-size: 15px;
    margin-right: 6px;
}
.biometricWidg>span {
    padding-left: 5px;
    font-size: 13px;
}
.quickFollowTitle{
    font-weight: bolder;
    color: black;
    max-height: 50px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.quickFollowDesc{
    word-wrap: break-word;
    font-weight: bolder;
    font-size: 12px;
}
.quickFollowCont{
    margin-bottom: 5px;

}
.floatingPatientMenu{
    position: absolute;
    width: 100%;
    top: 45px;
}

.floatingPatientMenuInner{
    background: #003f65;
    color: white;
    box-shadow: inset 0px 0px 8px 0px #156696;
    z-index: 1000;
    display: none;

}
.colPMenu{
    padding: 10px;
}
.quickMenuSection{
    margin-bottom: 10px;
}
.quickMenuTitle{
    font-size: 19px;
    color: white;
    padding-bottom: 3px;
    font-family: helvetica;
    font-weight: bolder;
    display: table;
    width: 100%;
    margin-bottom: 10px;
    padding: 4px 2px;

}
.quickMenuHr{
    box-sizing: content-box;
    background: rgb(21, 102, 150);
    display: block;
    height: 3px;
    border: none;
    width: 50%;
    left: 0px;
    top: 5px;
    float: left;
    margin: 0px;
}
.quickTitleText{
    float: left;
    width: 100%;

}
.patientMenuItem{
     padding: 4px 2px;
    cursor: pointer;
    padding-left: 5px;
    color: white;
}
.patientMenuItem:hover{
    background: #156696;
}

.patientMenuContent i{
    color: #f8d01e;
}
.patientMenuContent a{
    text-decoration: none;
}
.patientMenuItem-drop>.pdropmenu::after{
    content: "\f0d7";
    font-family: "fontAwesome";
    position: absolute;
    right: 20px;
}

.pdropmenu:hover{
    background: #156696;

}
.pdropmenu{
    padding: 4px 2px;
    cursor: pointer;
    padding-left: 5px;
    color: white;
}
.pdropmenuItems .patientMenuItem{
    padding-top: 5px;
    padding-left: 5px;
}
.pdropmenuItems{
    padding-left: 10px;
    display: none;
}
@media(max-width:760px){
    .floatingPatientMenu{
        top:110px !important;
    }
}
@media(min-width:801px){
    .floatingPatientMenuInner{
        min-width: 420px;
        float: right
    }
    .quickPatientCardView{
        min-width: 500px;
    }
}
.plabel {
    background: #d44344;
    padding: 7px 15px 7px 7px;
    border-radius: 5px;
    text-align: center;
    text-overflow: ellipsis;
    height: 30px;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    color: #efefef;
    font-size: 12px;
    cursor: pointer;
    display: block;
    font-weight: bolder;
}
@media(max-width:992px){
    .plabel{
        margin-top: 5px;
    }
}
.plabel.y{
    background: #f5a130;
    color: #efefef;

}
.plabel.r::before{
    content: "\f06a";
    font-family: "fontAwesome";
    position: absolute;
    right: 11px;
    top: 5px;
    color: rgb(146, 40, 40);
    font-size: 15px;
}
.plabel.y::before{
    content: "\f071";
    font-family: "fontAwesome";
    position: absolute;
    right: 11px;
    top: 7px;
    color: rgb(154, 99, 24);
    font-size: 13px;
}
.plabel.r:hover{
    color: white;
    text-decoration: none;
    background: #bb3b3c;
}
.plabel.y:hover{
    color: white;
    text-decoration: none;
    background: #e8982a;
}
.plabel.r:focus{
    color: white;
    text-decoration: none;
    background: #bb3b3c;
}
.plabel.y:focus{
    color: white;
    text-decoration: none;
    background: #e8982a;
}
.athenaInline{
    position: absolute;
    font-weight: bolder;
    width: 170px;
    top: -9px;
    left: 100%;
    padding-left: 10px;
    display: none;
}
.athenaInline.green{
    color: #799b3e;
    display: block;
    margin-top: 10px;
}
.athenaInline.red{
    color: #c9302c;
    display: block
}
.athenaInline .wizardSpinner{
    display: none
}

.athenaInline.green.load .wizardSpinner{
    display: inline-block;
}

/*chart problems*/

.chartProblemFinder .dropdown-menu{
    max-height: 300px;
    overflow-y:auto;
}

/*chart risk*/

.graphDirTitle{
    position: relative;
}

.graphDirTitle.wg::after{
    content: " ";
    width: 30px;
    height: 30px;
    position: absolute;
    right: 0px;
    top: 0px;
    background-image: url(/public/images/theme/weight.png);
    background-repeat: no-repeat;
    background-size: contain;
}
.graphDirTitle.bp::after{
    content: " ";
    width: 30px;
    height: 30px;
    position: absolute;
    right: 0px;
    top: 0px;
    background-image: url(/public/images/theme/pressure.png);
    background-repeat: no-repeat;
    background-size: contain;
}

.graphDirTitle.gl::after{
    content: " ";
    width: 30px;
    height: 30px;
    position: absolute;
    right: 0px;
    top: 0px;
    background-image: url(/public/images/theme/glucose.png);
    background-repeat: no-repeat;
    background-size: contain;
}
.graphDirTitle.pl::after{
    content: " ";
    width: 30px;
    height: 30px;
    position: absolute;
    right: 0px;
    top: 0px;
    background-image: url(/public/images/theme/pulse.png);
    background-repeat: no-repeat;
    background-size: contain;
}
.graphBars{
    width: 100%;
    height: 300px;

}
.graphPies{
    width: 100%;
    height: 300px;
    display: inline-block;
}
.widgetMultiContainer{
    border: 1px solid #C5CED5;
    box-shadow: 0px 0px 4px 0px rgba(213,213,213,0.50);
    border-radius: 3px;
    background: white;
    display: table;
    width: 100%;
    margin-bottom: 20px;
}
.widgetMultiContainer .Widget{
    border: none;
    box-shadow: none;

}

.trafficItem{
    background: #efefef;
    border-radius: 10px;
    margin-bottom: 5px;
    display: table;

}
.lightContainer{
    padding: 10px;
    height: 40px
}
.trafficCircle{
    border-radius: 50%;
    min-width: 20px;
    min-height: 20px;
    display: inline-block;
    background: #737373;
}

.trafficCircle.R{
    background: red;
}
.trafficCircle.Y{
    background: yellow;
}
.trafficCircle.G{
    background: green;
}
.trafficTitle{
    text-align: left;
    font-family: 'Roboto';
    font-weight: bolder;
    margin-bottom: 4px;
}

.trafficShadow{
    -webkit-box-shadow: 0px -1px 6px 1px rgba(170,178,189,1),inset 0px -1px 8px 0px rgba(101,109,120,1);
    -moz-box-shadow: 0px -1px 6px 1px rgba(170,178,189,1), inset 0px -1px 8px 0px rgba(101,109,120,1);
    box-shadow: 0px -1px 6px 1px rgba(170,178,189,1), inset 0px -1px 8px 0px rgba(101,109,120,1);
}

.lightingBox{
    display: table;
    width: 100%
}
.lightStatus{
    font-size: 20px;
    color: green;
    font-weight: lighter;
}

.lightStatus.R{
    color:red;
}
.lightStatus.Y{
    color:#f8d01e;
}
.lightStatus.G{
    color:green;
}
.lightStatus.R:after{
    content: "";
    top: 80%;
    font-size: 15px;
    font-weight: bolder;
    color: #5d5555;
    width: 100%;
    left: 0px;
}

.lightStatus.G:after{
    content: "";
    top: 80%;
    font-size: 15px;
    font-weight: bolder;
    color: #5d5555;
    width: 100%;
    left: 0px;
}
.lightStatus.Y:after{
    content: "";
    top: 80%;
    font-size: 15px;
    font-weight: bolder;
    color: #5d5555;
    width: 100%;
    left: 0px;
}



.checkbox_customize label:after,
.radio label:after {
    content: '';
    display: table;
    clear: both;
}

.checkbox_customize .cr,
.radio .cr {
    position: relative;
    display: inline-block;
    border: 2px solid #858585;
    border-radius: .25em;
    width: 1.4em;
    height: 1.3em;
    margin-right: .5em;
}

.radio .cr {
    border-radius: 50%;
}

.checkbox_customize .cr .cr-icon,
.radio .cr .cr-icon {
    position: absolute;
    font-size: .8em;
    line-height: 0;
    top: 50%;
    left: 10%;
    color: #858585;
}

.radio .cr .cr-icon {
    margin-left: 0.04em;
}

.checkbox_customize label input[type="checkbox"],
.radio label input[type="radio"] {
    display: none;
}

.checkbox_customize label input[type="checkbox"] + .cr > .cr-icon,
.radio label input[type="radio"] + .cr > .cr-icon {
    transform: scale(3) rotateZ(-20deg);
    opacity: 0;
    transition: all .3s ease-in;
}

.checkbox_customize label input[type="checkbox"]:checked + .cr > .cr-icon,
.radio label input[type="radio"]:checked + .cr > .cr-icon {
    transform: scale(1) rotateZ(0deg);
    opacity: 1;
}

.checkbox_customize label input[type="checkbox"]:disabled + .cr,
.radio label input[type="radio"]:disabled + .cr {
    opacity: .5;
}

/**** Switched *****/
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 22px;
}

.switch input {display:none;}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 15px;
  width: 15px;
  left: 3px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #0ce088;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(39px);
  -ms-transform: translateX(39px);
  transform: translateX(39px);
}

/* Rounded sliders */
.slider.round_switched {
  border-radius: 30px;
}

.slider.round_switched:before {
  border-radius: 50%;
}

/**** Traffic Light ****/

#traffic-light {
    display: block;
    background-color: #333;
    width: 66px;
    height: 22px;
    border-radius: 30px;
    margin-bottom: 10px;
}

.traffic{
    width: 16px;
    height: 15px;
    border-radius: 100%;
    float: left;
    margin: 3px;
}

.traffic-red{
    background-color:#8B0000;
}
.traffic-red-selected {
  animation: blink3 1.1s step-end infinite;
}
.traffic-yellow{
    background-color:#98952a;
}
.traffic-yellow-selected {
  animation: blink2 1.1s step-end infinite;
}
.traffic-green{
    background-color:#006400;
}
.traffic-green-selected {
  animation: blink1 1.1s step-end infinite;
}

@keyframes blink1 {
  0% {
    background-color: #00FF00;
    box-shadow: 0 0 35px #00FF00;
  }
}
@keyframes blink2 {
  0% {
    background-color: #FFFF00;
    box-shadow: 0 0 35px #FFFF00;
  }
}
@keyframes blink3 {
  0% {
    background-color: #FF0000;
    box-shadow: 0 0 35px #FF0000;
  }
}

/******* Label Custom  ******/

.label-custom{
    width: 100%;
    text-align: center;
    color:white;
    border-radius: 5px;
    padding: 10px;
}
.l-danger{
    background-color: #D44344;
}
.l-info{
    background-color: #417dd0;
}
.l-success{
    background-color: #41d084;
}
.l-warning{
    background-color: #F9A646;
}
.l-default{
    color: #393939;
    background-color: #fff;
    border: 1px solid #ccc;
}

/* scroll bar*/

.scrollbar {
  overflow-y: scroll;
}

#style-scroll-1::-webkit-scrollbar-track {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #F5F5F5;
}

#style-scroll-1::-webkit-scrollbar {
  width: 8px;
  background-color: #F5F5F5;
}

#style-scroll-1::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #666;
}

/* Statistics Chart Dashboard */

.border-box{
    border-left: 1px solid rgba(128, 128, 128, 0.18);
    border-right: 1px solid rgba(128, 128, 128, 0.13);
}

/***** separator ******/
.esvyda-separator{
    height: 40px;
    border-left: 1px solid #b3a8a8;
    margin: 0 10px 0px 10px;
}

@media (max-width:991px){
    .border-box{
        border:0px !important;
    }
    .esvyda-separator{
        height: 0px;
        width: 100%;
        border-bottom: 1px solid #b3a8a8;
        margin: 10px 0px 10px 0px;
    }
    .esvyda-separator-with{
        height: 0px;
        width: 100%;
        border-bottom: 1px solid #b3a8a8;
        margin: 10px 0px 10px 0px;
    }
}

/*** Summary of Readings ***/

.readings-object h1{
    font-size: 40px;
    margin: 0px;
    font-weight: bold;
    line-height: 0.9;
}
.readings-object h1 .counter{
    font-size: 40px;
    margin: 0px;
    font-weight: bold;
    line-height: 0.9;
}
.readings-object  span{
    font-size: 12px;
    font-weight: normal;
}
    .readings-object .status-reading{
        font-size: 14px;
    }
    .readings-object .status-reading span{
        font-weight: 300;
        font-size: 15px;
    }
    .readings-object .name-vital-sign{
        font-size: 15px;
        font-weight: 600;
        color: gray;
    }

.icons-readings-settings{
    color: gray;
    float: right;
}
   .icons-readings-settings i{
    margin-left: 5px;
   }

.triangle-icon{
    font-size: 0px;
    border-style: solid;
    border-width: 15px 110px 0px 0;
}
    .triangle-glucose{
        border-color: transparent #d04145 transparent transparent;
    }
    .triangle-blood-pressure{
        border-color: transparent #417dd0 transparent transparent;
    }
    .triangle-weight{
        border-color: transparent #f79b1e transparent transparent;
    }
    .triangle-spo2{
        border-color: transparent #8bc04f transparent transparent;
    }
    .triangle-temperature{
        border-color: transparent #F7630C transparent transparent;
    }
/* Span Icons Vital Sign */

.ev-span-systolic i,
.ev-span-diastolic i,
.ev-span-pulse i,
.ev-span-blood-pressure i{
    color: #417dd0;
    font-size: 9em;
}
.ev-beforemeal,
.ev-aftermeal{
 color: #8ab418;
 font-size: 16px;
}
.ev-span-beforemeal i,
.ev-span-aftermeal i{
    color: #8ab418;
    font-size: 9em;
}
.ev-span-glucose i{
    color: #d04145;
    font-size: 9em;
}
.ev-span-weight i{
    color: #f79b1e;
    font-size: 8em;
}
.ev-span-spo2 i{
    color: #8bc04f;
    font-size: 8em;
}
.ev-span-temperature i{
    color: #F7630C;
    font-size: 8em;
}
.ev-span-steps i{
    color: #00B7C3;
    font-size: 8em;
}
.ev-span-padmasana i{
    color: #5491f2;
    font-size: 8em;
}
.ev-span-moon i{
    color: #e888c1;
    font-size: 8em;
}

    .glucose-color h4{
        color: #d04145;
    }
    .glucose-color-fill{
        color: #d04145;
    }
    .bloodp-color h4{
        color: #417dd0;
    }
    .bloodp-color-fill{
        color: #417dd0;
    }
    .pulse-color h4{
        color: #e51400;
    }
    .pulse-color-fill{
        color: #f74742;
    }
    .weight-color h4{
        color: #f79b1e;
    }
    .weight-color-fill{
        color: #f79b1e;
    }
    .spo2-color h4{
        color: #8bc04f;
    }
    .spo2-color-fill{
        color: #8bc04f;
    }
    .temperature-color h4{
        color: #F7630C;
    }
    .temperature-color-fill{
        color: #F7630C;
    }
    .steps-color h4{
        color: #00B7C3;
    }
    .steps-color-fill{
        color: #00B7C3;
    }
    .distance-color-fill{
        color: #1abc9c;
    }

.divider-esvyda{
    height: 20px;
}

.font-100{
    font-weight: 100;
}
.font-200{
    font-weight: 200;
}
.font-300{
    font-weight: 300;
}
.font-400{
    font-weight: 400;
}
.font-roboto{
    font-family: 'Roboto', sans-serif !important;
}

.color-normal{
    color: #2ecc71;
}
.color-half-normal{
    color:#cc6600;
}
.color-abnormal{
    color: #e51400;
}
.color-gray{
    color: #ddd !important;
}
.link-class{
    text-decoration: underline;
    color: #2a6496;
}
.center-dashboard{
    text-align: center;
}
@media(max-width: 991px){

    .center-dashboard{
        margin-bottom: 20px;
        text-align: center;
    }

}
.icon-size-dashboard{
    font-size: 80px !important;
}

/* Data modal dashboard */

.data_modal_dashboard ._read{
    font-size: 30px;
    text-align:center;
}
    .data_modal_dashboard ._read label{
        font-size: 12px;
    }
.data_modal_dashboard .tt3{
    font-size: 20px;
    text-align: center;
    line-height: 42px;
}

.blue_line_modal{
    width: 100%;
    background-color: #417dd0;
    height: 10px;
    border-radius: 10px;
}
.red_line_modal{
    width: 100%;
    background-color: #d04145;
    height: 10px;
    border-radius: 10px;
}
.green_line_modal{
    width: 100%;
    background-color: #27bb53;
    height: 10px;
    border-radius: 10px;
}

.panel-parcial{
    margin-bottom: 0px;
    background-color: transparent;
    border: 1px solid transparent;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px transparent;
}
.panel_modal_default{
    background-color: #6189d0 !important;
    color: white !important;
    letter-spacing: 1px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}
    .background_weight{
        background-color: #f79b1e !important;
    }
    .background_glucose{
        background-color: #d04145 !important;
    }
    .background_bpressure{
        background-color: #417dd0 !important;
    }
    .background_temperature{
        background-color: #F7630C !important;
    }
    .background_spo2{
        background-color: #8bc04f !important;
    }

.no-border{
    border: 1px solid transparent;
}

.ul-list-center li{
    text-align: center !important;
}

/* light circle */
.inactive-circle{
    width: 15px;
    height: 15px;
    background-color: red;
    border-radius: 100%;
    box-shadow: 0px 0px 7px 3px red;
}
.active-circle{
    width: 15px;
    height: 15px;
    background-color: red;
    border-radius: 100%;
    box-shadow: 0px 0px 6px 3px red;
}

/****** Care Team Widget ******/
.items .content{
    padding-bottom: 10px;
    border-bottom: 1px solid whitesmoke;
}
.items .content .photo figure{
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #83e0ff;
    padding: 2px;
}

.items .content .photo_margin figure{
    margin-top: 7px !important;
}
.items .content .related-text{
    cursor: pointer;
}
.items .content .related-text strong{
    font-size: 15px;
}
.items .content .related-text .persona-data p{
    margin:0 0 0px;
}

/* Circle Compliance */
.progress-circle-big{
    width: 80px !important;
    height: 80px !important;
}
    .progress-circle-big:before{
        width: 70px !important;
        height: 70px !important;
    }
.progress--circle {
    position: relative;
    display: inline-block;
    width: 68px;
    height: 68px;
    border-radius: 50%;
    background-color: #ddd;
}
.progress--circle:before {
    content: '';
    position: absolute;
    top: 5px;
    left: 5px;
    width: 58px;
    height: 58px;
    border-radius: 50%;
    background-color: white;
}
.progress--circle:after {
  content: '';
  display: inline-block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #63B8FF;
}

.progress__number {
  position: absolute;
  top: 50%;
  width: 100%;
  line-height: 1;
  margin-top: -0.75rem;
  text-align: center;
  font-size: 1.5rem;
  color: #777;
}

.progress--bar.progress--0:after {
  width: 0%;
}

.progress--circle.progress--0:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(90deg, #63B8FF 50%, #ddd 50%, #ddd);
}

.progress--bar.progress--5:after {
  width: 5%;
}

.progress--circle.progress--5:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(108deg, #63B8FF 50%, #ddd 50%, #ddd);
}

.progress--bar.progress--10:after {
  width: 10%;
}

.progress--circle.progress--10:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(126deg, #63B8FF 50%, #ddd 50%, #ddd);
}

.progress--bar.progress--15:after {
  width: 15%;
}

.progress--circle.progress--15:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(144deg, #63B8FF 50%, #ddd 50%, #ddd);
}

.progress--bar.progress--20:after {
  width: 20%;
}

.progress--circle.progress--20:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(162deg, #63B8FF 50%, #ddd 50%, #ddd);
}

.progress--bar.progress--25:after {
  width: 25%;
}

.progress--circle.progress--25:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(180deg, #63B8FF 50%, #ddd 50%, #ddd);
}

.progress--bar.progress--30:after {
  width: 30%;
}

.progress--circle.progress--30:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(198deg, #63B8FF 50%, #ddd 50%, #ddd);
}

.progress--bar.progress--35:after {
  width: 35%;
}

.progress--circle.progress--35:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(216deg, #63B8FF 50%, #ddd 50%, #ddd);
}

.progress--bar.progress--40:after {
  width: 40%;
}

.progress--circle.progress--40:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(234deg, #63B8FF 50%, #ddd 50%, #ddd);
}

.progress--bar.progress--45:after {
  width: 45%;
}

.progress--circle.progress--45:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(252deg, #63B8FF 50%, #ddd 50%, #ddd);
}

.progress--bar.progress--50:after {
  width: 50%;
}

.progress--circle.progress--50:after {
  background-image: linear-gradient(-90deg, #63B8FF 50%, transparent 50%, transparent), linear-gradient(270deg, #63B8FF 50%, #ddd 50%, #ddd);
}

.progress--bar.progress--55:after {
  width: 55%;
}

.progress--circle.progress--55:after {
  background-image: linear-gradient(-72deg, #63B8FF 50%, transparent 50%, transparent), linear-gradient(270deg, #63B8FF 50%, #ddd 50%, #ddd);
}

.progress--bar.progress--60:after {
  width: 60%;
}

.progress--circle.progress--60:after {
  background-image: linear-gradient(-54deg, #63B8FF 50%, transparent 50%, transparent), linear-gradient(270deg, #63B8FF 50%, #ddd 50%, #ddd);
}

.progress--bar.progress--65:after {
  width: 65%;
}

.progress--circle.progress--65:after {
  background-image: linear-gradient(-36deg, #63B8FF 50%, transparent 50%, transparent), linear-gradient(270deg, #63B8FF 50%, #ddd 50%, #ddd);
}

.progress--bar.progress--70:after {
  width: 70%;
}

.progress--circle.progress--70:after {
  background-image: linear-gradient(-18deg, #63B8FF 50%, transparent 50%, transparent), linear-gradient(270deg, #63B8FF 50%, #ddd 50%, #ddd);
}

.progress--bar.progress--75:after {
  width: 75%;
}

.progress--circle.progress--75:after {
  background-image: linear-gradient(0deg, #63B8FF 50%, transparent 50%, transparent), linear-gradient(270deg, #63B8FF 50%, #ddd 50%, #ddd);
}

.progress--bar.progress--80:after {
  width: 80%;
}

.progress--circle.progress--80:after {
  background-image: linear-gradient(18deg, #63B8FF 50%, transparent 50%, transparent), linear-gradient(270deg, #63B8FF 50%, #ddd 50%, #ddd);
}

.progress--bar.progress--85:after {
  width: 85%;
}

.progress--circle.progress--85:after {
  background-image: linear-gradient(36deg, #63B8FF 50%, transparent 50%, transparent), linear-gradient(270deg, #63B8FF 50%, #ddd 50%, #ddd);
}

.progress--bar.progress--90:after {
  width: 90%;
}

.progress--circle.progress--90:after {
  background-image: linear-gradient(54deg, #63B8FF 50%, transparent 50%, transparent), linear-gradient(270deg, #63B8FF 50%, #ddd 50%, #ddd);
}

.progress--bar.progress--95:after {
  width: 95%;
}

.progress--circle.progress--95:after {
  background-image: linear-gradient(72deg, #63B8FF 50%, transparent 50%, transparent), linear-gradient(270deg, #63B8FF 50%, #ddd 50%, #ddd);
}

.progress--bar.progress--100:after {
  width: 100%;
}

.progress--circle.progress--100:after {
  background-image: linear-gradient(90deg, #63B8FF 50%, transparent 50%, transparent), linear-gradient(270deg, #63B8FF 50%, #ddd 50%, #ddd);
}

@media (max-width:1024px){
    .context-menu-button{
        display: block;
    }
}

.hover_bp:hover{
    color: #417dd0;
    -webkit-transition:0.2s all linear;
}
.hover_wght:hover{
    color: #ff9900;
    -webkit-transition:0.2s all linear;
}
.hover_glse:hover{
    color: #d04145;
    -webkit-transition:0.2s all linear;
}
.hover_spo2:hover{
    color: #8bc04f;
    -webkit-transition:0.2s all linear;
}
.hover_temperature:hover{
    color: #F7630C;
    -webkit-transition:0.2s all linear;
}
.hover_steps:hover{
    color: #00B7C3;
    -webkit-transition:0.2s all linear;
}
.vitals_dashboard_pt .row [class*="col-"]:nth-child(2) .vital_dashboard_pt  {
/*    border-width: 0 1px 0 1px;
    border-style: solid;
    border-color: #eaeaea;*/
}

.row-no-gutter {
    margin-right: 0;
    margin-left: 0;
}

.row-no-gutter [class*="col-"] {
    padding-right: 0;
    padding-left: 0;
}

.vitals_dashboard_pt .row [class*="col-"] {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.vitals_dashboard_pt .row [class*="col-"]:hover{
    background: #eaeaea;
}

.vital_dashboard_pt {
    text-align: center;
}

.vital_dashboard_pt .vital_title {
    /* font-size: 17px; */
    font-size: 14px;
    font-weight: bold;
    display: block;
}

.vital_dashboard_pt .vital_title b {
    font-size: 12px;
}

.vital_dashboard_pt h2 {
    font-size: 12px;
    font-weight: bold;
}

/* Slide Toggle */
.message {
    background:#156695;
    color:#FFF;
    position: absolute;
    top: -250px;
    left: 0;
    width: 100%;
    padding: 20px;
    transition: top 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
    overflow: hidden;
    box-sizing: border-box;
    z-index: 8;
}

.message h1 {
  color:#FFF;
}
.message .img-opacity{
    width: 100%;
    max-width: 177px;
    float: right;
    opacity: 0.4;
}

@media(max-width: 816px){
    .message{
        top: -280px;
    }
    .message .navbar-btn{
        width: 100%;
    }
    .img-icon{
        display: none;
    }
}

#toggle {
  position:absolute;
  appearance:none;
  cursor:pointer;
  left:-100%;
  top:-100%;
}

#toggle + label {
    position: absolute;
    margin-left: 46px;
    cursor: pointer;
    padding: 10px;
    background: #13608d;
    border-radius: 0px 0px 20px 20px;
    padding: 8px 10px;
    color: #FFF;
    margin-top: 1px;
    line-height: 23px;
    font-size: 12px;
    text-align: center;
    -webkit-font-smoothing: antialiased;
    cursor: pointer;
    transition: all 500ms ease;
    z-index: 1001;
}
#toggle + label:hover{
    background: #39c7a1;
}
#toggle + label:after {
  content:" Menu";
}

#toggle:checked ~ .message {
  top: 0;
}

#toggle:checked ~ .container {
  margin-top: 250px;
}

#toggle:checked + label {
  background:#dd6149;
}

#toggle:checked + label:after {
  content:" Close";
}

.scroll_style{
    overflow-y:scroll;
    overflow-x:hidden;
}

.patient-info-bar{
    padding: 5px;
}
.patient-info-bar .photo-bar .img-circle{
    padding: 3px;
    border: 1px solid white;
}
.patient-info-bar h1{
    font-size: 20px;
    color: white;
    margin: 0;
    margin-top: 7px;
    font-weight: 300;
}

/**** Float Button ****/

.botonF1{
  right:0px;
  bottom:0px;
  width:60px;
  height:60px;
  border-radius:100%;
  background:#02b875;
  right:0;
  bottom:0;
  position:fixed;
  margin-right:16px;
  margin-bottom:16px;
  border:none;
  outline:none;
  color:#FFF;
  font-size:20px;
  box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
  transition:.3s;
}
.botonF1 span{
  transition:.5s;
}
.botonF1:hover{
  background-color:#0077b5;
  -webkit-transition:all 0.2s linear;
}

/**** Goals styles ****/

.goals{}

.goals .panel{
    box-shadow: 0 3px 12px #e9e9e9;
}

.goals .panel-body{
    max-height : 400px;
    min-height : 400px;
    overflow: auto;
}

.goals .goal-title{
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
}

.goals .goal-item{
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-around;
    align-items: center;
    padding: 15px 0;
    border-bottom: 2px solid #e4e4e4;
}

.goals .goal-info{
    display: flex;
    width: 65%;
    flex-flow: column nowrap;
}

.goals .goal-item [class*="ev-span"]{
    font-size: 7px;
}

*, *:after, *:before {box-sizing: border-box;}
.progress-doughnut {
    line-height: .5;
    padding: 5px;
    display:inline-block;
    border-radius: 50%;
    background: #4eaa3e;
    position:relative;
}
.progress-doughnut .p-l {
    background: linear-gradient(0deg, #30907e 0%,#4eaa3e 100%);
    border-radius: 50vw 0 0 50vw;
    content: "";
    position: absolute;
    width: 50%;
    height: 100%;
    left: 0;
    top: 0;
    transform-origin: right center;
    transform: rotate(0deg);
    transition: ease all .5s;
}
.progress-doughnut .p-r {
    background: linear-gradient(0deg, #30907e 0%,#1277bd 100%);
    border-radius: 0 50vw 50vw 0;
    content: "";
    position: absolute;
    width: 50%;
    height: 100%;
    left: 50%;
    top: 0;
    transform-origin: right center;
    transform: rotate(0deg);
    transition: ease all .5s;
}
.progress-doughnut .p-l-cover {
    border-radius: 0 50vw 50vw 0;
    background:rgba(250,250,250,1);
    content: "";
    position: absolute;
    width: 52%;
    height: 104%;
    left: 50%;
    top: -2%;
    transform-origin: left center;
    transform: rotate(180deg);
    transition: ease all .5s;
}
.progress-doughnut .p-r-cover {
    border-radius: 0 50vw 50vw 0;
    background:rgba(250,250,250,1);
    content: "";
    position: absolute;
    width: 52%;
    height: 104%;
    left: 50%;
    top: -2%;
    transform-origin: left center;
    transform: rotate(0deg);
    transition: ease all .5s;
}

.progress-doughnut .p-overlay {
    padding: 30px;
    display:inline-block;
    border-radius: 50%;
    background: #eeeeee;
    position: relative;
}
.progress-doughnut .p-overlay .p-value {
    width: 100%;
    left: 0;
    position: absolute;
    display:inline-block;
    margin-top: -15%;
    line-height: 1;
}
.progress-doughnut .p-overlay .p-value percent {
    font-size: 20px;
    font-weight: 300;
    width: 100%;
    float:left;
    margin: 0;
}
.progress-doughnut .p-overlay .p-value label {
    font-size: 1.25vw;
    width: 100%;
    float:left;
    margin: 0;
    color: #888;
    padding-top: .5vw;
}
#id_eye_password{
    margin-left: 87%;
    z-index: 2;
}
.container-careteam-directive{
    border-top: 1px solid #bdc3c7;
    margin-top: 20px;
    padding: 30px 20px 0;
}
.feedback_unconfirmed{
    background: red;
    border-radius:8px;
    padding: 3px;
}
.feedback_confirmed{
    background: green;
    border-radius:8px;
    padding: 3px;
}
.feedback_re_scheduled{
    background: yellow;
    border-radius:8px;
    padding: 3px;
}

@keyframes breath {
    from { transform: none; }
    50% { transform: scale(1.15); }
    to { transform: none; }
}
.feedback_position {
    margin-top: 8%;
    display: inline-block;
    position: absolute;
    border-radius: 50%;
    right: 10%;
    /* top: 80%; */
    height: 13px;
    width: 13px;
    box-shadow: 0 0 2px #222, 1px 1px 0 #eee;
    color: red;
    animation: breath 2s infinite;
    transform-origin: center;
}
td .feedback_position_list{
 position: initial !important;
margin-left: 31%;
}
.feedback_, .no_feedback{
    border-radius:8px;
    padding: 3px;
    display: none !important;
}

.finish-button-container{
    display: flex;
    justify-content: space-around;
}

.finish-button-container button{
    width : 200px;
    border-radius: 25px;
}
.container {
  width: 1180px;
  margin-top: 3em;
}

#accordion .panel {
  border-radius: 0;
  border: 0;
  margin-top: 0px;
}

#accordion a.accordion-toggle {
  display: block;
  padding: 10px 15px;
  border-bottom: 1px solid #C5CED5;
  text-decoration: none;
}


#accordion .panel-heading .collapsed:focus {
  color: #888;
  transition: all 0.2s ease-in;
}


#accordion .panel-heading .collapsed:focus::before {
  color: #888;
}

#accordion .panel-heading {
  padding: 0;
  border-radius: 0px;
}
#accordion .panel-heading a:not(.collapsed) {
  color: #888;
  transition: all 0.2s ease-in;
}

/* Add Indicator fontawesome icon to the left */
#accordion .panel-heading .accordion-toggle::before {
  font-family: 'FontAwesome';
  content: '\f078';
  float: left;
  color: #888;
  margin-right: 13px;
  font-weight: lighter;
  transform: rotate(0deg);
  transition: all 0.2s ease-in;
}
#accordion .panel-heading .accordion-toggle.collapsed::before {
  color: #444;
  transform: rotate(-90deg);
  transition: all 0.2s ease-in;
}
/*dashboard patient */

/* Hamburger menu patient */
.hamburger-button-patient {
    position: fixed;
    top: 70px;
    left: 0px;
    transition-duration: 0.5s;
    z-index: 100;
}

.hamburger-button-patient i{
    font-size: 22pt;
    padding: 12px;
    color: #fff;
    background: #666;
    border-radius: 50%;
    -webkit-box-shadow: 0px 5px 16px -1px rgba(0,0,0,0.8);
    -moz-box-shadow: 0px 5px 16px -1px rgba(0,0,0,0.8);
    box-shadow: 0px 5px 16px -1px rgba(0,0,0,0.8);
}

.list-hamburger-menu-patient {
  position: fixed;
  top: 50px;
  left: 0;
  background: #6f6f6f;
  padding-top: 10px;
  padding-bottom: 20px;
  transition-duration: 0.5s;
  width: 100%;
  display: none;
  border-radius: 5px;
  -webkit-box-shadow: 6px 4px 18px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: 6px 4px 18px 0px rgba(0,0,0,0.75);
  box-shadow: 6px 4px 18px 0px rgba(0,0,0,0.75);
  z-index: 10;
}


.list-hamburger-menu-patient a{
    padding: 7px;
    font-size: 2.5vw;
    color: #fff;
    display: inherit;
}
.list-hamburger-menu-patient a i{
  font-size: 3.5vw;
  padding-right: 25px;
  padding-left: 25px;
}

.list-hamburger-menu-patient a:hover{
  color: #000;
  background: #fff;
  text-decoration: none;
}


/*dashboard patient lateral menu */

    .icon-cursor{
        cursor: pointer;
    }

    .dashboard-patient .settings
    {
      height:70px;
      float:left;
      background-repeat:no-repeat;
      width:19vw;
      margin:0px;
      text-align: center;
      font-size:20px;
    }



    .dashboard-patient .hover
    {
      height:73px;
      float:left;
      background-image:url();
      background-repeat:no-repeat;
      width:19vw;
      margin:0px;
    }
    .dashboard-patient .fa
    {
      text-align: center;
      width: 25px;
      font-size: 1.7vw;
      margin:0 12px 0 5px;
    }

    .dashboard-patient .icon-right {
        position: absolute;
        right: 0px;
    }


    .dashboard-patient .main-menu-dashboard-patient:hover,
    .dashboard-patient nav.main-menu-dashboard-patient.expanded
    {
      width:19vw;
      overflow-x:hidden;
      overflow-y:auto;
      opacity:1;
    }


    #main-menu-dashboard-patient {
        background: #EBEBEB;
        margin: -20px;
    }

    .dashboard-patient .main-menu-dashboard-patient
    {
      background:#fff;
      border-right:1px solid #e5e5e5;
      position:fixed;
      top:0px;
      bottom:0;
      /* height:100vw; */
      left: 4.4vw;
      width: 48px;
      overflow-x:hidden;
      overflow-y:auto;
      z-index: 10;
      -webkit-transition:width .4s linear;
      transition:width .4s linear;
      scrollbar-width: thin;
      -webkit-transform:translateZ(0) scale(1,1);
      box-shadow: 1px 0 15px rgba(0, 0, 0, 0.07);
      opacity:1;
    }

    .dashboard-patient .main-menu-dashboard-patient::-webkit-scrollbar {
      width: 0.3em;
    }
    .dashboard-patient .main-menu-dashboard-patient::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    }

    .dashboard-patient .main-menu-dashboard-patient::-webkit-scrollbar-thumb {
      background-color: darkgrey;
      outline: 1px solid slategrey;
    }
    .dashboard-patient .main-menu-dashboard-patient > ul
    {
      margin: 0;
    }

    .dashboard-patient .main-menu-dashboard-patient li
    {
      position:relative;
      display:block;
      width:19vw;

    }

    .dashboard-patient .main-menu-dashboard-patient li>a
    {
        position:relative;
        width:19vw;
        display:flex;
        padding: 9px;
        color:#3c3c3c;
        font-size: 0.9vw;
        text-decoration:none;
        -webkit-transform:translateZ(0) scale(1,1);
        -webkit-transition:all .14s linear;
        transition:all .14s linear;
        border-top:1px solid #e5e5e5;
        box-shadow:inset 0 1px 1px #e5e5e5;
    }
    .dashboard-patient .main-menu-dashboard-patient li>a.divider
    {
        border-top: 2px #aaa inset;
    }

    .dashboard-patient .main-menu-dashboard-patient .nav-icon
    {
      position:relative;
      display:table-cell;
      width:55px;
      height:36px;
      text-align:center;
      vertical-align:middle;
      font-size:18px;
    }

    .dashboard-patient .main-menu-dashboard-patient .nav-text
    {
      margin-top: 4px;

    }

    .dashboard-patient .main-menu-dashboard-patient .share {}

    .dashboard-patient .main-menu-dashboard-patient .fb-like
    {
      left: 180px;
      position:absolute;
      top: 15px;
    }


    .dashboard-patient .no-touch .scrollable.hover
    {
      overflow-y:hidden;
    }

    .dashboard-patient .no-touch .scrollable.hover:hover
    {
      overflow-y:auto;
      overflow:visible;
    }

    .dashboard-patient .main-menu-dashboard-patient a:hover
    {
      text-decoration:none;
      border-left:0px solid #F7F7F7;
      background: #003f65!important;
      border-radius: 5px;
    }

    .dashboard-patient nav
    {
      -webkit-user-select:none;
      -moz-user-select:none;
      -ms-user-select:none;
      -o-user-select:none;
      user-select:none;
    }

    .dashboard-patient nav ul,nav li
    {
      outline:0;
      margin:0;
      padding:0;
    }

    .dashboard-patient .main-menu-dashboard-patient li:hover > a,
    .dashboard-patient nav.main-menu-dashboard-patient li.active > a,
    .dashboard-patient .dropdown-menu > li > a:hover,
    .dashboard-patient .dropdown-menu > li > a:focus,
    .dashboard-patient .dropdown-menu > .active > a,
    .dashboard-patient .dropdown-menu > .active > a:hover,
    .dashboard-patient .dropdown-menu > .active > a:focus,
    .dashboard-patient .no-touch .dashboard-page nav.dashboard-menu ul li:hover a,
    .dashboard-page nav.dashboard-menu ul li.active a
    {
      color:#fff;
      background-color:rgb(22,104,152);
      text-shadow: 0px 0px 0px;
    }

    .dashboard-patient .area
    {
      float: left;
      background: #e2e2e2;
      width: 100%;
      height: 100%;
    }

/*cards */
.card-dashboard-patient .header {
  border-radius: 5px 5px 0px 0px;
  background: #1c86c5;
  padding: 1.5%;
}

.card-dashboard-patient .header i {
  color: #fff;
  padding: 3%;
  font-size: 20pt;
}
.card-dashboard-patient .header label{
  font-size: 18px;
  color: #fff;
  font-weight: bold;
  font-family: 'roboto';

}
.card-dashboard-patient .header h5 {
  margin-top: 1%;
}
.card-dashboard-patient .header i {
  color: #fff;
  background: rgb(22,104,152);
  padding: 1%;
  border-radius: 50%;
  font-size: 10pt;
}
.card-dashboard-patient label{
  font-size: 15pt;
  color: #000;
}
.card-dashboard-patient {
    height: 2%;
    margin:5px;
    margin-bottom: 15px;
    border-radius: 5px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)!important;
}
.card-dashboard-patient .body {
  padding: 1%;
}
.card-dashboard-patient .body i.add {
    /*font-size: 1.5vw;*/
    background: #186898;
    padding: 2%;
    margin-right: 3%;
    margin-top: -3%;
    position: absolute;
    top: -30px;
    float: right;
    right: 0;
    color: #fff;
    margin-bottom: 10px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)!important;
    border-radius: 50%;
}

@media only screen and (max-width: 600px) {
    .card-dashboard-patient .body i.add {
       margin-right: 4%;
       padding: 4%;
    }
  }

.card-dashboard-patient .body .addNew {
    margin-top: -42px;
    float: right;
    margin-right: 5px;
}

.card-dashboard-patient .body .addNew button {
    background-color: #186898!important;
}

.card-dashboard-patient .body .refresh {
    margin-top: -42px;
    float: right;
    margin-right: 5px;
}
/*main lateral menu */

.content-lateral-menu {
    width: 0;
    /*position: absolute;*/
    position: fixed;
    z-index: 100;
    top: 0;
    left: 4vw;
    background-color: #f6f6f6;
    overflow: auto;
    height: 50vw;
    padding-top: 10px;
    transition: 0.4s;
    -webkit-box-shadow: -3px 9px 53px -2px rgba(0,0,0,0.81);
    -moz-box-shadow: -3px 9px 53px -2px rgba(0,0,0,0.81);
    box-shadow: -3px 9px 53px -2px rgba(0,0,0,0.81);
    border-radius: 5px
}

.content-lateral-menu .body {
  padding: 10px;
}
.content-lateral-menu .body ul {
  margin: 0;
  list-style: none;
  padding-left: 0;
}

.content-lateral-menu .body .fa
{
  position: relative;
  display: table-cell;
  width: 55px;
  height: 30px;
  text-align: center;
  top:4px;
  font-size:20px;
}
.content-lateral-menu .body li a label {
  margin-top: 10px;
}
.content-lateral-menu .body li {
  position:relative;
  display:block;
  width:100%;
}
.content-lateral-menu .body li>a
{
    position:relative;
    width:100%;
    display:table;
    border-collapse:collapse;
    border-spacing:0;
    color:#000;
    font-size: 14px;
    text-decoration:none;
    -webkit-transform:translateZ(0) scale(1,1);
    -webkit-transition:all .14s linear;
    transition:all .14s linear;
    /*box-shadow:inset 0 1px 1px #e5e5e5;*/
    border-radius: 2px;
    border-bottom: 1px solid #e5e5e5;
}
.content-lateral-menu .body li>a:hover {
    color:#fff;
}


/*start pagination*/
.notifications-menu .pagination{
  padding: 30px 0;
}

.notifications-menu .pagination ul{
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.notifications-menu .pagination a{
  display: inline-block;
  padding: 10px 18px;
  color: #222;
}


.notifications-menu .pagination-content a{
    width: 40px;
    height: 40px;
    line-height: 40px;
    padding: 0;
    text-align: center;
    -webkit-box-shadow: -3px 4px 26px -6px rgba(0,0,0,0.75);
    -moz-box-shadow: -3px 4px 26px -6px rgba(0,0,0,0.75);
    box-shadow: -3px 4px 26px -6px rgba(0,0,0,0.75);
}
.notifications-menu .pagination-content a.is-active{
  background-color: #0e405e;
  border-radius: 100%;
  color: #e6e6e6;
}

/*end pagination*/

.content-lateral-menu-options a:hover
{
    text-decoration:none;
    color:#fff!important;
    background-color:rgb(22,104,152);
    border-radius: 9px;
}
.content-lateral-menu-options i:hover {
    color:#fff!important;
}

.content-lateral-menu a:hover label
{
    color:#fff!important;
    cursor: pointer;
}

.content-lateral-menu .closebtn {
    position: absolute;
    top: 5px;
    right: 10px;
    font-size: 2vw;
}

.lateral-menu {
  height: 100vh;
  background-color: #0e405e;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 10;
  -webkit-box-shadow: 6px 2px 9px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: 6px 2px 9px 0px rgba(0,0,0,0.75);
  box-shadow: 6px 2px 9px 0px rgba(0,0,0,0.75);
}
@media (max-width: 816px) {
  .total-notifications-lateral-menu {
    color: #fff;
    text-align: center;
  }
  .lateral-menu {
    display: none;
  }
  .dashboard-patient {
    display: none;
  }
}

.lateral-menu ul{
  list-style: none;
  padding-left: 0px;
}
.lateral-menu a.logo{
  opacity: 1;
}
.lateral-menu a.logo img{
  width: 18px;
}
.lateral-menu a {
    background-color: #0b364f;
    color: #fff;
    display: block;
    /*padding: 12px;*/
    padding: .98vw;
    text-decoration: none;
    text-align: center;
    border-top: 1px solid #B8B8B8;
    box-shadow: inset 0 1px 1px #e5e5e5;
    opacity: .6;
}
.lateral-menu a i {
    font-size: 1.5vw;
}

.lateral-menu a:hover {
    background-color: #6a6868;
    color: #fff!important;
    opacity: 1!important;
}

.lateral-menu ul.down {
    width: 3.8vw;
    bottom: 0;
    position: absolute;
    margin-bottom: 0px;
}

/*hamburger main menu button */

.hamburger-button {
  position: fixed;
  width: 50px;
  height: 50px;
  top: 10px;
  left: 14px;
  transition-duration: 0.5s;
  z-index: 1000;
}
@media (min-width: 816px) {
  .hamburger-button {
    display: none;
  }
  .hamburger-button-patient {
    display: none;
  }
}

.hamburger-button .icon-circle {
  transition-duration: 0.5s;
  position: absolute;
  height: 50px;
  width: 50px;
  top: 2px;
  border-radius: 100%;
  background: transparent;
  left: -14px;
  background: #12547c;
  -webkit-box-shadow: 0px 5px 16px -1px rgba(0,0,0,0.8);
  -moz-box-shadow: 0px 5px 16px -1px rgba(0,0,0,0.8);
  box-shadow: 0px 5px 16px -1px rgba(0,0,0,0.8);
}
.hamburger-button .icon-circle:hover {
  background: #0a2c40;
}
.hamburger-button .icon {
  transition-duration: 0.5s;
  position: absolute;
  height: 4px;
  width: 23px;
  top: 25px;
  background-color: #fff;
  border-radius: 4px;
}
.hamburger-button .icon:before {
  transition-duration: 0.5s;
  position: absolute;
  width: 23px;
  height: 4px;
  background-color: #fff;
  content: "";
  top: -10px;
  border-radius: 4px;
}
.hamburger-button .icon:after {
  transition-duration: 0.5s;
  position: absolute;
  width: 23px;
  height: 4px;
  background-color: #fff;
  content: "";
  top: 10px;
  border-radius: 4px;
}

.hamburger-button.open .icon {
  transition-duration: 0.5s;
  background: transparent;
}
.hamburger-button.open .icon:before {
    background-color: #fff;
    -webkit-transform: rotateZ(45deg) scaleX(1.25) translate(6.5px, 6.5px);
    transform: rotateZ(45deg) scaleX(1.25) translate(6.5px, 6.5px);
}
.hamburger-button.open .icon:after {
    background-color: #fff;
    -webkit-transform: rotateZ(-45deg) scaleX(1.25) translate(6px, -6px);
    transform: rotateZ(-45deg) scaleX(1.25) translate(6px, -6px);
}
.hamburger-button:hover {
  cursor: pointer;
}



.list-hamburger-menu {
  /*position: fixed;*/
  top: 0;
  left: 0;
  background: #12547c;
  padding-top: 10px;
  padding-bottom: 20px;
  transition-duration: 0.5s;
  width: 100%;
  display: none;
  border-radius: 5px;
  -webkit-box-shadow: 6px 4px 18px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: 6px 4px 18px 0px rgba(0,0,0,0.75);
  box-shadow: 6px 4px 18px 0px rgba(0,0,0,0.75);
  z-index: 100;
  margin-bottom: 10px;
}


.list-hamburger-menu a{
  padding: 7px;
  color: #fff;
  display: inherit;
}
.list-hamburger-menu a i{
  font-size: 20pt;
  padding-right: 25px;
  padding-left: 25px;
}

.list-hamburger-menu a:hover{
  color: #000;
  background: #fff;
  text-decoration: none;
}


.circle-number {
    width: 25px;
    line-height: 25px;
    border-radius: 50%;
    text-align: center;
    background: #1c7ab4;
    margin-top: -3px;
    font-size: 9pt;
    color: #fff;
}

.buttonBg {
  background-color: #006088;
  border-radius: 50%;
  border: none;
  color: white;
  padding: 8px 16px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 20px;
  cursor: pointer;
}

/*this styles works with bostrap 3.2 and extends panel class*/
.esvydapanel-info {
  border-color: #bce8f1;
}
.esvydapanel-info > .panel-heading {
  color: #fff;
  background-color: #155679;
  border-color: #2B88C6;
}
.esvydapanel-info > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #bce8f1;
}
.esvydapanel-info > .panel-heading .badge {
  color: #d9edf7;
  background-color: #31708f;
}
.esvydapanel-info > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #bce8f1;
}

/*Start styles of angular material customize*/

md-icon.iconGoalPlan {
    min-height: 50px;
    margin-top: 10px;
    min-width:50px;
}
/*md-input-container input {*/
/*    border-width: 0 0 1px!important;*/
/*}*/
.colorPrimary {
    color: #1a72a8;
}

.toast-success .md-toast-content {
  background-color: #28a745;
  color:#fff;
}
.toast-error .md-toast-content {
  background-color: red;
  color:#fff;
}
.selectdemoSelectHeader {
/* Please note: All these selectors are only applied to children of elements with the 'selectdemoSelectHeader' class */ }
.selectdemoSelectHeader .demo-header-searchbox {
    border: none;
    outline: none;
    height: 100%;
    width: 80%;
    padding: 0; }
.selectdemoSelectHeader .demo-select-header {
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1), 0 0 0 0 rgba(0, 0, 0, 0.14), 0 0 0 0 rgba(0, 0, 0, 0.12);
    padding-left: 10.667px;
    height: 48px;
    cursor: pointer;
    position: relative;
    display: flex;
    align-items: center;
    width: auto; }
    .line-wizart {
    border: 1px solid #ccc;
    height: 1px;
}
.line-wizart-active {
    border: 1px solid #1a72a8;
    height: 1px;
}
.checkboxdemoSelectAll .demo-legend {
    color: #3F51B5; }

.checkboxdemoSelectAll .demo-fieldset {
    border-style: solid;
    border-width: 1px;
    height: 100%; }

.checkboxdemoSelectAll .demo-select-all-checkboxes {
    padding-left: 30px; }

.double-switch {
    display: inline-flex;
    margin-top: -7px;
}
.double-switch span.invert-span{
    margin: 21px 10px;
}
.input-search {
  width: 95%;
  border: none;
  outline: none;
  border: none;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 0px 0px, rgba(0, 0, 0, 0.14) 0px 0px 0px 0px, rgba(0, 0, 0, 0.12) 0px 0px 0px 0px;
  padding-left: 10px;
  height: 48px;
  position: relative;
  display: flex;
  align-items: center;
}

input[type="search"].input-search:focus {
  background-color: #fff!important;
}
md-select.selectTitle:not([disabled]):focus .md-select-value  {
  color:#fff!important;
}
md-select.selectTitle.md-default-theme .md-select-value, md-select.selectTitle .md-select-value {
  border-bottom-color: #fff;
}
md-select.selectTitle.md-default-theme .md-select-value, md-select.selectTitle .md-select-icon {
  color: #fff;
}

/*End styles of angular material customize*/
/*start goal plan form */
.unit-of-measurement {
    margin: -20px 15px 0px 0px;
}
/*end goal plan form */


/*start bar of colors of goal plan  */
.box-graph-goal {
    position: relative;
    width: 100%;
}
/*graph*/
.box-graph-goal .graph-goal {
    position: absolute;
    top: -19px;
}

.box-graph-goal i {
    font-size: 11px;
}

.line {
    /*width:0%;*/
    margin:auto;
    padding:0.02em; /* not lower than 0.02em */
    background-color:white; /* for test only */
    animation: line 1.25s ease forwards;
}

.line-height {
    height:16px;
    border-radius: 10px;
}
.line-colors-5 {
    background:repeating-linear-gradient( 90deg,
      #f9e032 0%, #f9e032 20%,
      #4ab726 20%, #4AB726 50%,
      #f9e032 50%, #f9e032 70%,
      #e4970b 70%, #e4970b 85%,
      #e62108 85%, #e62108 100% )
      0 0 / 100% 2.0em repeat-x;
    -webkit-box-shadow: -1px 7px 8px -7px rgba(0,0,0,0.75);
    -moz-box-shadow: -1px 7px 8px -7px rgba(0,0,0,0.75);
    box-shadow: -1px 7px 8px -7px rgba(0,0,0,0.75);
}
.line-colors-SPO2 {
    background:repeating-linear-gradient( 90deg,
        #e62108 0%, #e62108 40%,
        #e4970b 40%, #e4970b 60%,
        #f9e032 60%, #f9e032 70%,
        #4ab726 70%, #4ab726 100%)
      0 0 / 100% 2.0em repeat-x;
    -webkit-box-shadow: -1px 7px 8px -7px rgba(0,0,0,0.75);
    -moz-box-shadow: -1px 7px 8px -7px rgba(0,0,0,0.75);
    box-shadow: -1px 7px 8px -7px rgba(0,0,0,0.75);
}
.line-colors-temperature {
    background:repeating-linear-gradient( 90deg,
        #e62108 0%, #e62108 15%,
        #f9e032 15%, #f9e032 30%,
        #4ab726 30%, #4ab726 70%,
        #f9e032 70%, #f9e032 85%,
        #e62108 85%, #e62108 100% )
      0 0 / 100% 2.0em repeat-x;
    -webkit-box-shadow: -1px 7px 8px -7px rgba(0,0,0,0.75);
    -moz-box-shadow: -1px 7px 8px -7px rgba(0,0,0,0.75);
    box-shadow: -1px 7px 8px -7px rgba(0,0,0,0.75);
}
.line-colors-weight {
    background:repeating-linear-gradient( 90deg,
        #e62108 0%, #e62108 15%,
        #f9e032 15%, #f9e032 30%,
        #4ab726 30%, #4ab726 70%,
        #f9e032 70%, #f9e032 85%,
        #e62108 85%, #e62108 100% )
      0 0 / 100% 2.0em repeat-x;
    -webkit-box-shadow: -1px 7px 8px -7px rgba(0,0,0,0.75);
    -moz-box-shadow: -1px 7px 8px -7px rgba(0,0,0,0.75);
    box-shadow: -1px 7px 8px -7px rgba(0,0,0,0.75);
}
.line-colors-glucose {
    background:repeating-linear-gradient( 90deg,
        #f9e032 0%, #f9e032 16.666%,
        #4ab726 16.666%, #4ab726 33.3333%,
        #f9e032 33.3333%, #f9e032 50%,
        #e4970b 50%, #e4970b 66.666%,
        #d35343 66.666%, #d35343 83.3333%,
        #e62108 83.3333%, #e62108 100% )
      0 0 / 100% 2.0em repeat-x;
    -webkit-box-shadow: -1px 7px 8px -7px rgba(0,0,0,0.75);
    -moz-box-shadow: -1px 7px 8px -7px rgba(0,0,0,0.75);
    box-shadow: -1px 7px 8px -7px rgba(0,0,0,0.75);
}
.line-colors-physical_goals {
    background:repeating-linear-gradient( 90deg,
        #a4e88e 0%, #83df64 20%,
        #83df64 20%, #55d32c 40%,
        #55d32c 40%, #44a923 70%,
        #44a923 70%, #2e7117 80%,
        #2e7117 80%, #2e7117 100% )
      0 0 / 100% 2.0em repeat-x;
    -webkit-box-shadow: -1px 7px 8px -7px rgba(0,0,0,0.75);
    -moz-box-shadow: -1px 7px 8px -7px rgba(0,0,0,0.75);
    box-shadow: -1px 7px 8px -7px rgba(0,0,0,0.75);
}
/*end bar of colors of goal plan  */

    /*f9e032 amarillo
    e62108 rojo
    d35343 rojo tenue
    4ab726 verde
    e4970b naranja */

.show_status{
    position: absolute;
    border-radius: 50%;
    margin-left: -18px;
    width: 13px;
    height: 13px;
    background: #666;
    box-shadow: -1px 7px 8px -7px rgba(3,3,3,0.75);
}
.status_online > .show_status{
    background: #55d32c;
    box-shadow: -1px 7px 8px -7px rgba(85, 211, 46,0.75)
}

.status_inwaitingroom > .show_status{
    background: #ffea00;
    box-shadow: -1px 7px 8px -7px rgba(85, 211, 46,0.75)
}

.page-back-button {
    position: relative;
    display: inline-block;
    margin-bottom: 20px;
    padding-left: 20px;
    vertical-align: middle;
    font-size: 14px;
    line-height: 22px;
    text-align: center;
    color: #5f6a7d;
    font-weight: 500;
}


.mh-100 {
  max-height: 100%!important;
}

/* START MENU GOALS */
.menu-panel-container {
  pointer-events: auto;
}

.menu-panel {
  width: 256px;
  background-color: #fff;
  border-radius: 4px;
}

.menu-panel .menu-divider {
  width: 100%;
  height: 1px;
  min-height: 1px;
  max-height: 1px;
  margin-top: 4px;
  margin-bottom: 4px;
  background-color: rgba(0, 0, 0, 0.11);
}

.menu-panel .menu-content {
  display: flex;
  flex-direction: column;
  padding: 8px 0;
  max-height: 305px;
  overflow-y: auto;
  min-width: 256px;
}

.menu-panel .menu-item {
  display: flex;
  flex-direction: row;
  min-height: 48px;
  height: 48px;
  align-content: center;
  justify-content: flex-start;
}
.menu-panel .menu-item > * {
  width: 100%;
  margin: auto 0;
  padding-left: 16px;
  padding-right: 16px;
}
.menu-panel .menu-item > a.md-button {
  padding-top: 5px;
}
.menu-panel .menu-item > .md-button {
  display: inline-block;
  border-radius: 0;
  margin: auto 0;
  font-size: 15px;
  text-transform: none;
  font-weight: 400;
  height: 100%;
  padding-left: 16px;
  padding-right: 16px;
  width: 100%;
  text-align: left;
}
.menu-panel .menu-item > .md-button::-moz-focus-inner {
  padding: 0;
  border: 0;
}
.menu-panel .menu-item > .md-button md-icon {
  margin: auto 16px auto 0;
}
.menu-panel .menu-item > .md-button p {
  display: inline-block;
  margin: auto;
}
.menu-panel .menu-item > .md-button span {
  margin-top: auto;
  margin-bottom: auto;
}
.menu-panel .menu-item > .md-button .md-ripple-container {
  border-radius: inherit;
}
/* END MENU GOALS */

/*unified concept classes*/
.rounded-back{
    background-color: #f0f0f0;
    border-radius: 50px;
    padding: 5px 10px;
    max-width: fit-content !important;
}
.rounded-button{
    border-radius: 50px !important;
}

/*Health services form*/
.stepwizard {
    display: table;
    width: 100%;
    position: relative;
}
.stepwizard-row {
    display: table-row;
}
.stepwizard-step {
    display: table-cell;
    text-align: center;
    position: relative;
}
.stepwizard-step p {
    margin-top: 0px;
    color: #666;
}
.stepwizard-row:before {
    top: 14px;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 83%;
    left: 70px;
    height: 1px;
    background-color: #ccc;
    z-index: 0;
}
.btn-circle {
    width: 30px;
    height: 30px;
    text-align: center;
    padding: 6px 0;
    font-size: 12px;
    line-height: 1.428571429;
    border-radius: 15px;
}

.chiplike{
    background-color: #0e405e;
    border-radius: 9px;
    color: #fff;
    margin: 1px !important;
    padding: 2px 5px;
}

.chiplike-no-color{
    border-radius: 9px;
    color: #fff;
    margin: 1px !important;
    padding: 2px 5px;
}

.clearInput{
    float: right;
    padding: 10px;
    text-decoration: none;
}

/*styles used in billing related directives*/
.billable-goal {
    border: 2px solid darkgreen;
    border-radius: 4px;
}
.no-billable {
    border: 2px solid orangered;
    border-radius: 4px;
}
.error {
    color: orangered;
}
.value-goal {
    font-size: 12pt;
}

/*  new styles for submenu items */
.submenu-label{
    color: #606060;
    font-size: 15px !important;
}
.submenu-icon{
    /*color: #0e3e5c;*/
    font-size: 23px !important;
}
.content-lateral-menu .body li>a{
    color: #0e3e5c !important;
}