/* here you can put your own css to customize and override the theme */
.mt0			{margin-top:0px !important}
.mt5			{margin-top:5px !important}
.mt10			{margin-top:10px !important}
.mt15			{margin-top:15px !important}
.mt20			{margin-top:20px !important}
.mt30			{margin-top:30px !important}
.mt40			{margin-top:40px !important}

.mb0			{margin-bottom:0px !important}
.mb5			{margin-bottom:5px !important}
.mb10			{margin-bottom:10px !important}
.mb15			{margin-bottom:15px !important}
.mb20			{margin-bottom:20px !important}
.mb25			{margin-bottom:25px !important}
.mb30			{margin-bottom:30px !important}
.mb40			{margin-bottom:40px !important}

.f11{font-size: 11px !important}
.f12{font-size: 12px !important}
.f13{font-size: 13px !important}
.f14{font-size: 14px !important}
.f16{font-size: 16px !important}
.f18{font-size: 18px !important}
.f20{font-size: 20px !important}
.f22{font-size: 22px !important}
.f24{font-size: 24px !important}
.f30{font-size: 30px !important}
.f36{font-size: 36px !important}
.f40{font-size: 40px !important}
.f48{font-size: 48px !important}
.f60{font-size: 60px !important}
.f72{font-size: 72px !important}
.f90{font-size: 90px !important}

@media (max-width:1180px){
    .mt-examination .list-title.f90{font-size: 60px !important}
    .mt-examination .list-toggle.f60{font-size: 32px !important}
    .mt-examination .task-title .f90{font-size: 40px !important}
    .mt-examination .task-title .f72{font-size: 54px !important}
    .mt-examination .task-title .f60{font-size: 40px !important}
    .mt-examination .task-title .f48{font-size: 32px !important}
    .flip-clock-wrapper ul{
        width: 48px !important;
        height: 72px !important;
        font-size: 60px !important;
        line-height: 72px !important;
    }
    .flip-clock-wrapper ul li{
        line-height: 72px !important;
    }
    .flip-clock-wrapper ul li a div{
        font-size: 60px !important;
    }
    .flip-clock-wrapper .flip-clock-label{
        display: none;
    }
}
@media (max-width:770px){
    .mt-examination .list-title.f90{font-size: 40px !important}
    .mt-examination .list-toggle.f60{font-size: 28px !important}
    .mt-examination .task-title .f90{font-size: 32px !important}
    .mt-examination .task-title .f72{font-size: 40px !important}
    .mt-examination .task-title .f60{font-size: 32px !important}
    .flip-clock-wrapper ul{
        width: 40px !important;
        height: 60px !important;
        font-size: 48px !important;
        line-height: 60px !important;
    }
    .flip-clock-wrapper ul li{
        line-height: 60px !important;
    }
    .flip-clock-wrapper ul li a div{
        font-size: 48px !important;
    } 
}

.pdTB0{padding-bottom:0px !important;padding-top:0px !important;}
.pdTB4{padding-top: 4px !important; padding-bottom: 4px !important;}
.pdTB5{padding: 5px 0 !important;}
.pdTB10{padding: 10px 0 !important;}
.pdTB15{padding: 15px 0 !important;}
.pdTB20{padding: 20px 0 !important;}
.pdTB25{padding: 25px 0 !important;}

.pdLR0{padding: 0 !important;}
.pdLR5{padding: 0 5px !important;}
.pdLR10{padding: 0 10px !important;}
.pdLR15{padding: 0 15px !important;}
.pdLR20{padding: 0 20px !important;}
.pdLR25{padding: 0 25px !important;}

table.table.bottom-border td{border:none;border-bottom: 1px solid #e7ecf1;}
.mt-service-list .list-simple.mt-list-container {
    padding: 0 0 15px;}
.mt-service-list .list-simple.mt-list-container ul {
    margin-bottom: 0;
    padding: 0; }
.mt-service-list .list-simple.mt-list-container ul > .mt-list-item {
    list-style: none;
    border-bottom: 1px solid;
    border-color: #e7ecf1;
    padding: 0 0 5px; }
.mt-service-list .list-simple.mt-list-container ul > .mt-list-item:first-child {
    padding-top: 0; }
.mt-service-list .list-simple.mt-list-container ul > .mt-list-item:last-child {
    padding-bottom: 0;
    border: none; }
.mt-service-list .list-simple.mt-list-container ul > .mt-list-item > .list-icon-container {
    font-size: 14px;
    float: left; }
.mt-service-list .list-simple.mt-list-container ul > .mt-list-item > .list-icon-container > a {
    color: #34495e; }
.mt-service-list .list-simple.mt-list-container ul > .mt-list-item > .list-icon-container > a:hover {
    color: #26C281;
    text-decoration: none; }
.mt-service-list .list-simple.mt-list-container ul > .mt-list-item > .list-icon-container.done {
    color: #26C281; }
.mt-service-list .list-simple.mt-list-container ul > .mt-list-item > .list-icon-container.done > a {
    color: #26C281; }
.mt-service-list .list-simple.mt-list-container ul > .mt-list-item > .list-icon-container.done > a:hover {
    color: #26C281;
    text-decoration: none; }
.mt-service-list .list-simple.mt-list-container ul > .mt-list-item > .list-item-content {
    padding: 0 75px 0 60px; }
.mt-service-list .list-simple.mt-list-container ul > .mt-list-item > .list-item-content > h3 {
    margin: 0;
    font-size: 18px; }
.mt-service-list .list-simple.mt-list-container ul > .mt-list-item > .list-item-content > h3 > a {
    color: #34495e; }
.mt-service-list .list-simple.mt-list-container ul > .mt-list-item > .list-item-content > h3 > a:hover {
    color: #26C281;
    text-decoration: none; }
.mt-service-list .list-simple.mt-list-container ul > .mt-list-item > .list-datetime {
    text-align: right;
    float: right; }

.mt-service-list .list-simple.mt-list-head {
    padding: 10px 0 0;
}
.mt-service-list .list-simple.mt-list-head .list-title {
    margin: 0;
    padding-right: 85px; 
}
.mt-service-list .list-simple.mt-list-head .list-date {
    font-size: 12px;
    opacity: 0.8;
    float: right;
    width: 75px; 
}

.mt-service-list .list-simple.ext-1.mt-list-container {
    padding: 0; 
}
.mt-service-list .list-simple.ext-1.mt-list-container ul > .mt-list-item {
    padding: 1px 15px;
    border-left: 3px solid;
    border-color: #34495e;
    border-bottom-color: #e7ecf1; 
}
.mt-service-list .list-simple.ext-1.mt-list-container ul > .mt-list-item:hover {
    background-color: #e5e5e5; 
}
.mt-service-list .list-simple.ext-1.mt-list-container ul > .mt-list-item.done {
    border-color: #26C281;
    border-bottom-color: #e7ecf1; 
}
.mt-service-list .list-simple.ext-1.mt-list-container ul > .mt-list-item.done:hover {
    background-color: #96ebc8; 
}

.mt-service-list .list-simple.group .list-toggle-container:hover, .mt-service-list .list-simple.group .list-toggle-container:focus, .mt-service-list .list-simple.group .list-toggle-container:active {
    text-decoration: none; 
}

.mt-service-list .list-simple.group .list-toggle-container .list-toggle {
    padding: 15px;
    background-color: #34495e;
    font-weight: 700;
    color: #fff;
    text-decoration: none; 
}
.mt-service-list .list-simple.group .list-toggle-container .list-toggle.done {
    background-color: #26C281;
}

.remark_box{ font-size: 12px; margin-top: -15px}
.remark_box a{text-decoration: none; display: block; text-align: right;}

.form-over .form-control{ 
    border:none;
    transition: background .25s ease-in-out;
    -moz-transition: background .25s ease-in-out;
    -webkit-transition: background .25s ease-in-out;
}
.form-over:hover .form-control{ background-color: #f1f1f1;}
/*.form-over .form-control:hover{ border: 1px solid #c2cad8; background-color: #fbfbfb;}*/
.form-over .form-control:focus{ border: 1px solid #c2cad8; background-color: #fbfbfb;}


#patientDetail{}
#patientDetail .mt-comment{ 
    position: relative;
    padding-bottom: 20px;
}
#patientDetail .mt-comment .mt-comment-details{float: right;}
#patientDetail .mt-comment .mt-more-info{
    position: absolute;
    text-align: center;
    font-size: 11px;
    right: 10px;
    display: none;
}
#patientDetail .mt-comment:hover .mt-more-info{
    display: block;
}
#patientDetail .mt-comment .mt-more-info a{
    text-decoration: none;
    color: #ccc;
}
#patientDetail .mt-comment .mt-more-info a:hover{
    color: #aaa;
}
#patientInfo{margin-top: -10px;}
#patientInfo .infogroup{
    margin-top: 0;
}
ul.infoList{
    list-style-type: none;
    margin: 0;
    padding: 00;
}
ul.infoList li{
    padding: 4px 2px 2px;
    border-bottom: 1px solid #ebebeb;
    margin:6px 0;
}
ul.infoList li span.head{
    display: block;
    font-size: 11px;
    line-height: 11px;
    color: #999;
    padding: 0;
    margin: 0;
}
ul.infoList li span.body{
    display: block;
    font-size: 13px;
    color: #666;
}

ul.infoList li span.li-label{
    display: inline-block;
    font-size: 13px;
    line-height: 13px;
    color: #999;
    padding: 0 4px;
    margin: 0;
}
ul.infoList li span.li-data{
    display: inline-block;
    font-size: 14px;
    color: #666;
    float: right;
    padding: 0 4px;
}

.appointList .mt-element-list .list-simple.mt-list-container ul>.mt-list-item>.list-item-content{padding-left: 30px;}

.appointList .panel-heading{padding: 2px 15px;}

.slotList .panel-title .smallText{ padding-left:15px; font-size: 12px; font-style: italic; }
.slotList .panel-title .bookSlot{ padding-left:5px; }
.slotList .panel-title .bookSlot.alotted{ font-weight: bold; }
.slotList .panel-title .bookSlot.alotted:before{content: "[";}
.slotList .panel-title .bookSlot.alotted:after{content: "]";}

.medIns a{text-align: left;}
.medIns .smallText{ padding-left:15px; font-size: 12px; font-style: italic; }
.medIns .bookSlot{ padding-left:5px; }
.medIns .bookSlot.alotted{ font-weight: bold; }
.medIns .bookSlot.alotted:before{content: "[";}
.medIns .bookSlot.alotted:after{content: "]";}

.portlet.light.boxed{padding: 8px 0 15px; background: #fdfdfd}
.portlet.light.boxed .portlet-title{padding: 0 12px; min-height:36px; height: 35px; margin-bottom: 5px; }
.portlet.light.boxed>.portlet-title>.actions{padding: 0 0 10px;}
.portlet.light.boxed .portlet-body{padding: 8px;}
.portlet.light.portlet-fit:not(.bordered)>.portlet-body{padding: 10px 0 20px;}
.av-slot-list{}
.av-slot-list .av-list-head{
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 15px;
    background-color: #32c5d2;
    color: #FFF;
}
.av-slot-list .av-list-head.green{
    background-color: #32c5d2;
    color: #FFF;
}
.av-slot-list .av-list-head.red{
    background-color: #e7505a;
    color: #fff;
}
.av-slot-list .av-list-head.blue{
    background-color: #3598dc;
    color: #FFFFFF;
}
.av-slot-list .av-list-head.purple{
    background-color: #8E44AD;
    color: #ffffff;
}
.av-slot-list .av-list-head.yellow{
    background-color: #c49f47;
    color: #ffffff;
}
.av-slot-list .av-list-head.default{
    background-color: #e1e5ec;
    color: #666;
}
.av-slot-list .av-list-head .list-head-title{}
.av-slot-list .av-list-head .list-head-title .list-title{
    margin: 0;
    font-size: 18px;
}
.av-slot-list .av-list-container{
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: #e7ecf1;
    padding: 0px;
}
.av-slot-list .av-list-container ul{
    margin-bottom: 0;
    padding: 0;
}
.av-slot-list .av-list-container ul>.av-list-item{
    list-style: none;
    border-bottom: 1px solid;
    border-color: #e7ecf1;
    padding: 0px 5px 10px;
}
.av-slot-list .av-list-container ul>.av-list-item:last-child{
    padding-bottom: 0;
    border: none;
}
.av-slot-list .av-list-container ul>.av-list-item .list-item-content{
    padding: 5px 10px 0;
}
.av-slot-list .av-list-container ul>.av-list-item .list-item-time{
    padding-top: 3px;
    font-size: 12px;
    color: #ccc;
}
.av-slot-list .av-list-container ul>.av-list-item .list-item-content .btn{
    margin-right: 3px;
}
.av-slot-list .av-list-container ul>.av-list-item .list-item-content .btn:focus{
    color: initial;
    background-color: initial;
}
.av-slot-list .av-list-container ul>.av-list-item .list-item-content .btn.active{
    background: #2f353b;
    border-color: #2f353b;
    color: #fff;
}
.av-slot-list .av-list-container ul>.av-list-item .list-item-content .btn.active .badge{
    background-color: #fff;
    color: #2f353b;
}

.btn.stats[disabled]{ cursor: default; opacity: 1;}
.inp-bx-xs input{width: 100px;}
.inp-bx-sm input{width: 150px;}
.inp-bx input{width: 80px; text-align: right;}
.inp-bx select{width: 80px;}
.form-group.action-bar{
    text-align: left;
    margin-bottom: 5px !important;
}
.popover{
    max-width: 400px;
}
.portlet>.portlet-title.notitle{min-height: 1px; height: 1px;}

.table td,.panel .table th,.table thead tr th {
    font-size: 13px;
}
.appointList .table td,.appointList .panel .table th,.appointList .table thead tr th {
    font-size: 11px;
}
.appointList .panel .table th{font-weight: bold !important; padding: 4px !important;}
.sweet-overlay{
    z-index: 100050 !important;
}
.sweet-alert {
    z-index : 9999999 !important;
}

.posrel								{position:relative}
.panel-heading .actions				{position:absolute; z-index:100; right:10px; top:4px}