.navbar-brand img { height:25px;}
table tr.tale-head td, table thead tr.tale-head, table.odd-even tr.tale-head:nth-child(odd), table.odd-even tr.tale-head:nth-child(odd):hover, table.odd-even tr th{ background:#f5f5f5; font-size:14px; font-weight:400;white-space: nowrap; vertical-align: middle;}
table tr td.no-padding{ padding:0px;}
table tr td.no-padding.edit-icon{ padding-top:1px;}
.username{ margin-right:14px;}
td.width-25, th.width-25{width:25px;}
td.width-50, th.width-50{width:50px;}
td.width-60, th.width-60{width:60px;}
td.width-90, th.width-90{width:90px;}
td.view, th.view{width:55px; text-align:center}
td.edit, th.edit{width:55px; text-align:center}
td.delete, th.delete{width:55px; text-align:center}
td.select, th.select{width:50px; text-align:center}
td.code, th.code{width:50px; text-align:center}
td.short-n, th.short-n{width:90px; text-align:left}
td.ph-n, th.ph-n{width:90px; text-align:left}
td.amt-100, th.amt-100{width:90px;}
.mar-top-15{ margin-top: 15px }
.mar-btm-0{ margin-bottom: 0px }
.view-icon, .edit-icon, .delete-icon,.cancel-icon, .status-icon, .per-icon, .plus-icon, .brac-icon, .reset-icon{ text-align:center;vertical-align: middle !important;}
.view-icon a, .edit-icon a, .delete-icon a, .reset-icon a, .cancel-icon a, .status-icon a, .per-icon a, .plus-icon a, .brac-icon a { height:20px; width:40px; display:inline-block; border-radius:2px; margin-bottom:-5px; overflow:hidden;}
.view-icon a{background:#4eb07d; color:#fff; font-size:15px; line-height:19px;}
.view-icon a:hover{background:#349863;}
.brac-icon a{background:#e4972a; color:#fff; font-size:15px; line-height:19px;}
.brac-icon a:hover{background:#cf8720;}
.status-icon a{background:#4eb07d; color:#fff; font-size:14px; line-height:19px;}
.status-icon.disable a{background:#ebac24;}
.status-icon a:hover{background:#349863;}
.status-icon.disable a:hover{background:#e08f1c;}

.edit-icon a{background:#2f66a5; color:#fff; font-size:14px; line-height:21px; margin-bottom:-3px;}
.edit-icon a:hover{background:#1c579a;}
.delete-icon a{background:#cf4b4b; color:#fff; font-size:14px;line-height:20px;}
.delete-icon a:hover{background:#af3b3b;}
.reset-icon a{background:#5D6D7E; color:#fff; font-size:14px;line-height:20px;}
.reset-icon a:hover{background:#2E4053;}
.cancel-icon a{background:#CCCC00; color:#fff; font-size:14px;line-height:20px;}
.cancel-icon a:hover{background:#999900;}
.per-icon a{background:#3FBAC2; color:#fff;}
.per-icon a:hover{background:#0093a5;}
.plus-icon a{background:#ebac24;color:#fff;}
.plus-icon a:hover{background:#e08f1c;}
.per-icon a .fa-inr{line-height: 21px;}

.center, td.center{text-align:center;}
.a, a:hover{ text-decoration:none}
.page_head{ background:#3fbac2; padding:0px; }
.f-left{  width:auto;display:inline-block;}
.branch-name{  width:auto;display:inline-block;float:right; color:#dfdfdf; font-size:16px; font-weight:600; margin:9px 17px auto auto}
.date-time{  width:auto; border-left: 1px solid #3a464f;display:inline-block;float:right; text-align:center;  color:#dedede; font-size:12px; font-weight:400; margin:6px 17px auto auto; padding-left:10px}
.date-time p{ margin-bottom:0px; line-height:15px;}
.date-time p i{ color:#dedede;}
.branch-name span{font-size:14px; color:#5bd7df ;}
.page-title{ padding:0px; margin:8px 0px 0px 20px; float:left; width:auto; line-height:14px; display:inline-block; font-size:18px; color:#fff; font-weight:400;}
.page-title i{ font-size: 14px;    line-height: 10px;    margin-left: 5px;}
.breadcrumb li a, .breadcrumb > li + li:before{ color:#d9f0f2;}
.breadcrumb li.active a, .breadcrumb li a:hover{ color:#fff;}
.view-details_table table{ border:1px solid #e6e7e8}
.view-details_table{}
.view-details_table table tr td:first-child { font-size:13px; width:30%;white-space: nowrap;}
.view-details_table table tr td{ padding:8px;}
.view-details_table table tr:nth-child(odd) { background: #f8f8f8;}
.view-details_table table tr:nth-child(even) { background: #fafafa;}
table.odd-even tr:nth-child(odd) { background: #fff;}
table.odd-even tr:nth-child(odd):hover { background: #f7f8e8;}
table.odd-even tr:nth-child(even) { background: #f6fdfd;}
table.odd-even tr:nth-child(even):hover { background: #ecfafa;}
.submit_message{ position:fixed; width:44%; left:28%; top:85px; border-radius:3px; font-size:14px; text-align:center;  padding-top:5px; padding-bottom:5px;}
.login_page{ width:400px; margin: 10% auto auto auto; border:1px solid #eee; box-shadow:0px 0px 10px #ccc; background:#fff ; padding:20px;}
.leftmenu-trigger{ width:100%; height:25px; position:relative; cursor:pointer } 
.leftmenu-btn{ background: transparent none repeat scroll 0 0;display: block;float: left;height: 40px;padding-left: 10px;padding-top: 5px;width: 38px;position: relative;}
.leftmenu-btn:after{position: absolute;content: "";right: -1px;height: 100%;width: 1px;background-color:#263947;top: 0; }
.leftmenu-btn:hover{background:#263947;}
.edit-search{ margin-bottom:15px;}
#sidebar ul .separator1 li a{ background:#bac8d2;}
#sidebar ul .separator2 li a{ background:#cdd8e0;}
#sidebar ul .separator1 li a:hover, #sidebar ul .separator2 li a:hover{ background:#d2d3d6;}
.user-img-edit{ width:100%; text-align:center;}
.user-img-edit img{ width:70px; border-radius:50%; border:1px solid #ccc; padding:1px;}
.username-details{ width:100%; text-align:center; margin-top:7px; color:#888;}
.username-details h5{ color:#4d606e;}
.userlinks .dropdown-menu li a:hover{ background:#3fbac2; color:#fff; }
.sign-out{ background: #f5f5f5;border-top: 1px solid #e9e9e9;padding:12px 5px; margin-top:9px!important; text-align:center; }
.sign-out a{ width:100px; margin:auto; padding:8px !important;color:#fff !important; border-radius:1px; text-align:center;}
.userlinks .dropdown-menu{ padding-bottom:0px;}
.collapse-leftbar .leftmenu-trigger:before {content: "\f036"; font-family: FontAwesome;font-style: normal; font-weight: normal;text-decoration: inherit;  color: #fff; font-size: 19px; padding-right: 0.5em; position: absolute;top: 3px;    left: 0px;}
.leftmenu-trigger:before {content: "\f038"; font-family: FontAwesome; font-style: normal; font-weight: normal;
text-decoration: inherit;  color: #fff; font-size: 19px; padding-right: 0.5em; position: absolute;top: 3px; right: 0px;}
	
.pagination-center { text-align:center}	
.permition_head{ width:200px; border-right: 1px solid #e1e1e1; padding:5px 4px 5px 15px; }
.check-align{float:left;margin-left:20px; padding-right:20px;   border-right: 1px solid #dbdbdb; min-width:60px; width:auto;}
.check-align:last-child{ border-right:none}
.table.perm-tbl-one > thead > tr > th, .table.perm-tbl-one > tbody > tr > th, .table.perm-tbl-one > tfoot > tr > th, .table.perm-tbl-one > thead > tr > td, .table.perm-tbl-one > tbody > tr > td, .table.perm-tbl-one > tfoot > tr > td
{ background:none; background-color: transparent;  padding: 7px 0;}

.table.perm-tbl-two > thead > tr > th, table.perm-tbl-two > tbody > tr > th, table.perm-tbl-two > tfoot > tr > th, table.perm-tbl-two > thead > tr > td, table.perm-tbl-two > tbody > tr > td, table.perm-tbl-two > tfoot > tr > td, table.perm-tbl-two
{background:none; background-color: transparent;}
table.perm-tbl-one { border:1px solid #e6e7e8;}
table.perm-tbl-two > tbody > tr > td.per-head{  background:#f3f3f3;  border-right: 1px solid #e6e7e8;}
table.perm-tbl-two > tbody > tr > td.per-head div{  border-bottom: 1px solid #dedede;font-size: 16px;line-height:26px;padding-bottom: 2px;   padding-left: 15px;}
table.perm-tbl-two > tbody > tr:nth-child(even):hover{ background:#f7f7f7; border-right: 1px solid #e1e1e1;}
textarea.form-control.bkg-remark{ height:49px; resize: vertical;}
.remark-length{ float:right}
.bkg-list-btn{ margin-right:2.4%;}
.bkg-submit{ border-top:1px solid #d2d3d6;margin-top: 30px; padding-top: 10px; }
.case-sep{ }
.case-sep-cont{ padding:10px 10px 5px 10px; border:1px solid #d3d3d3; border-top:none; margin-bottom:20px }
.case-sep h4{ background:#eee;border:1px solid #d3d3d3;  font-size:16px;  margin:0px; padding:3px 10px}
.mar-btm-0{ margin-bottom:0px;}
table th.width28{ width:28%;}
textarea.form-control.txtarea-payment-deta{ height:30px; resize:vertical;}
textarea.form-control.resize-v, .resize-v{resize:vertical;}
.bookingsel{ border:1px solid #ececec; background:#f9f9f9 ; margin-bottom:20px; padding-top:15px;}
.search-field{ width:30%;float:left; margin-bottom:10px}
.search-field-btn{ width:auto; float:left;margin-left:7px;margin-top:19.5px;}
.total-active-record{ float:left}
.total_count{font-weight:bold;}
.search_service_type .multiselect-parent { width:100%;}
.search_service_type .dropdown-toggle { width:100%; text-align:left; background:#fff; border-color:#dddddd; height:30px;}
.search_service_type .dropdown-menu{overflow-x: hidden !important;}
.search_service_type .caret{ position: absolute; right: 20px;}
.bkg-availability{ padding:0px;}
.bkg-availability label{ margin-left:0.80%}
.angular-datepicker{ width:100%; height:31px; border:1px solid #dddddd}
.angular-datepicker.datepicker-130{ width:130px; margin-bottom: 0px}
td.widthDate, th.widthDate{ width:130px;}
.datepicker-130m{ max-width:130px; overflow: hidden;}
.angular-datepicker.datepicker-130 .md-datepicker-triangle-button{right: 17px;}
.modal-content .form-group.angular-datepicker{height:31px; border:1px solid #dddddd}

.angular-datepicker .md-datepicker-input{ display:table; float:left}
.angular-datepicker .md-datepicker-open .md-datepicker-input { display: inherit; float: none}
.angular-datepicker .md-datepicker-input-container{ width:84%}
.angular-datepicker .md-datepicker-input-container{ border-bottom:none;margin-left: 0px; padding-bottom: 0px;}
.angular-datepicker .md-button.md-icon-button{height: 30px; min-height: 30px;margin: 0 2px; min-width: 0;padding: 0; width: 30px; }
.bkg-list-btn-area{ padding-top:3px;}
.dropdown-menu-form {height: 180px !important; z-index:999!important;}
.min-height-350{ min-height:350px;}
.upload_btn {    position: relative;    width: 45px; display:inline-block}
.upload_btn_img i {    font-size: 18px;    margin-top: 10px;}
.upload-details { display:inline-block;}
.upload-details  span { color:#4D606E}
.modal-content .form-group.Type-Holiday-Date{ margin-top:20px}
/*.fa {
    display: inline-block;
    font-family: FontAwesome;
    font-feature-settings: normal;
    font-kerning: auto;
    font-language-override: normal;
    font-size: inherit;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-synthesis: weight style;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    text-rendering: auto;
    transform: translate(0px, 0px);
}*/
.upload_btn input {    border-radius: 50%;    cursor: pointer;    height: 40px;    opacity: 0;    overflow: hidden;    width: 40px;}
.upload_btn_img {    background: #fbfbfb;    border: 1px solid #dddddd;    border-radius: 50%;    height: 40px;
    position: absolute;    text-align: center;    width: 40px;}
	.bkg-legend{ width:auto; float:right; margin-right:12px;}
	.avail-legend{ margin-left:20px;}
	.avail-legend i{ border-radius: 50%;display:inline-block;height:15px;margin-bottom:-2px;margin-right:4px;width:15px;}
	.legend-green i{ background:#5ca053}
	.legend-blue i{ background:#3fbac2}
    .legend-red i{ background: #e06053}
	
/*Login*/
.login{ background:#f5f5f5 url(../images/loginbg.jpg) no-repeat center;-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}
.login_wrapper {
    display: table;
    height: 100%;
    left: 0;
    margin: 0;
    padding: 0 15px;
    position: absolute;
    top: 0;
    width: 100%;
}
.login_outer {
    display: table-cell;
    margin: 0;
    padding: 0;
    vertical-align: middle;
}
.login_area{
	background-color: #fff;
    height: auto;
    margin: -39px auto 0;
    overflow: hidden;
    width: 400px;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);

}

.login-logo{ background:#269fa7; padding:13px 25px 9px 25px;}
.login-logo img{ height:32px;}
.login-form-area{ padding:10px 25px;}
.login_area .form-control{ height:40px;}
.payment-deta-head{   background: #f8f8f8; border: 1px solid #e8e8e8; display: table; margin: 0 1% 20px; padding: 16px 10px 0; width: 98%;}
.caselist-btn-area{  float: right;    margin-bottom: 5px;    width: auto;}
.case-sep ds-widget-clock{ display:inline-block; float:right;}
.highlight-row{background:#ffffde!important; /*font-weight:bold;*/}
.Reviewed a{background:#1f81a6;border-radius:2px;color:#fff;padding:2px 9px;font-weight:bold;font-size:13px;font-weight:bold;line-height:7px;}
.Reviewed a:hover{background:#166c8d;}
.reportit-chek{ float:left; width: auto; max-width:43%; min-width:20%; margin-left:15px; border: 1px solid #e4e4e4;
    border-radius: 3px; text-align:center; padding:8px 7px 5px 7px; margin-top:5px; margin-bottom:8px; font-weight:bold; }
.reportit-handed {
    float: left;
    width: auto;
    min-width: 91%;
    margin-left: 15px;
    border: 1px solid #e4e4e4;
    border-radius: 3px;
    text-align: left;
    padding: 8px 7px 5px 7px;
    margin-top: 5px;
    margin-bottom: 8px;
    font-weight: bold;
}
.btnTop{margin-top:0px !important; padding-top:0px !important;}
	.reportit-chek label{font-weight:bold;}
.reportit-chek [type="checkbox"] + label, .reportit-chek [type="radio"]:not(:checked) + label, .reportit-chek [type="radio"]:checked + label{ padding-left:12px;}
.filim-q{ margin-bottom:4px;}
.reportit-chek input{ width:100%}
.page_search .inputRemove i{background:#efefef; border: 1px solid #d8d8d8; border-radius: 2px; font-size: 14px; padding:3px;}
.inputRemove{cursor: pointer; position: absolute;right: 4px; top: 4px;}
.inputRemove:hover{color:#DD3366;}
.inputRemove:hover > i{background: #fafafa;}
.case-del-table { width:auto; margin-bottom:7px;}
.case-del-table tr{ border-bottom:1px dotted #e4e4e4;}
.case-del-table tr td{ padding:6px 1px; vertical-align:top;}
.case-del-table tr:first-child{ font-size:14px }
.case-del-table tr td:first-child{ padding-right:15px;white-space: nowrap;}
.case-del-table tr td:last-child{ padding-left:15px; padding-right:15px; }
.case-del-table tr:last-child{border-bottom:0px}
.casereport-table2{ margin-top:6px;}
.casereport-table2 tr:first-child{ font-size:12px }
.sat-rev{ border-bottom: 2px solid #1f81a6;display:inline-block;font-size:16px;margin-bottom:10px;padding-bottom:1px; padding-right:10px;width:auto  }
.sat-rev i{background:#00c851;border-radius:50%;color:#fff;float:right;font-size:10px;margin-left:7px; margin-top:2px;padding:4px;top: -5px;}
.sat-rev label span{ padding:0px 10px;}
.bal-rev label span{ padding:0px 8px 0px 4px;}
.del-med-rep label  strong span{padding:0px 5px;}
.bal-rev{display:inline-block;font-size:15px;margin-bottom:8px;padding-bottom:1px;width:auto  }
.pay a{ background: #f38d18; font-size: 16px;  padding: 5px 10px;  border-radius: 2px; color: #fff;  cursor:pointer;}
.pay a:hover{ background: #e67113; text-decoration:none }
.pay-color{ background: #f38d18;color: #fff;} 
.pay-color:hover{background:#e67113; text-decoration:none; } 
.pay a i{ margin-right:3px; font-size:18px;}
.rep-sep-cont{ min-height:259px;}
.del-med-rep{ margin-left:8px;}
.bg{ background:#ededed  url("../images/bg.jpg") no-repeat;  background-size: 100% auto; height: 100%;
  min-height: 100%; position:fixed; top:0px; bottom:0px; }
.settle-amt-area{ padding-top:5px;}

/*Forms*/
.modal-footer{ width:100%}
.modal-header{ background:#3fbac2; padding: 12px 20px 12px 20px; border-color:#2da5ad ;}
.modal-header .close {margin-top: 4px;}
.modal-footer{  background: #f5f5f5; border-top: 1px solid #e9e9e9; padding: 12px 26px;}
.modal-body table{ margin-bottom:0px}
.modal-header h4{color:#fff; font-size:22px;}
.modal-body-two{ margin-left:-1%; margin-right:-1%;}
.modal-content .form-group{ float:left; width:46%; margin:0px 2%; min-height:64px;}
.modal-content .form-group{ float:left; width:46%; margin:0px 2%; min-height:64px;}
.full-width{ width:100%;}
.modal-content .form-group.full-width{ width:96%;}
.enable-desable-popup{ text-align:center}
.enable-desable-popup h4{ margin-top:0px; margin-bottom:20px; }
.enable-desable-popup h5{ margin-top:-12px; margin-bottom:20px; font-size:12px; }
.enable-desable-popup h6{ margin-top:-12px; margin-bottom:20px; font-size:14px; }
.enable-desable-popup p {background: #f7f7f7; border: 1px solid #ebebeb;display: inline; margin-top: 10px; padding: 7px 15px; width: auto;border-radius: 2px;}
.group-delete{ text-align:center}
.modal-content .form-group.form-textare{ float:left; width:96%; }
.model-500{ max-width:500px;}
textarea {resize: none;}
.records_per_page{ float:left;}
.add_btn{ float:right; margin-left:10px }
.add_btn i{ margin-right:4px; }
.page_search{ float:right; width:auto;  margin-left:10px; position:relative }
.search_btn{float:right;}
.records_select{ float:left;}
.records_label{ float: left;    margin-left: 5px;    margin-top: 4px;}
.login-form-area .form-group{ margin-bottom:15px;}
.select.form-control, .form-control,  button, input, optgroup, select, textarea{  border: 1px solid #dddddd;border-radius:1px;}
.panel-footer{ background:#f5f5f5; border-top:1px solid #e9e9e9; padding:10px 20px;}
.login-submit a, .login-submit button { background:#269fa7; border:none; border-bottom:3px solid #16848b; color:#fff; width:100%; padding:7px; font-size:16px; text-transform:uppercase; text-align:center}
.login-submit a:hover, .login-submit button:hover { background:#16848b;border-bottom:3px solid #1cc0cb;}
.login-txt{ text-align: center; margin-bottom:15px; margin-top:5px; font-size:15px; text-transform:uppercase; color:#4d606e}
.form-row{ display:flex;}
.form-group label em{color:#cf4b4b;}
.error-message{ color:#cf4b4b; margin-top:-1px; font-size:11px;}
.dr-prof{ width:21%; margin-right:1%; float:left}
.dr-prof-name{width:78%; float:left}
.dr-prof select { height:30px; width:100%;}
.book-form{ width:100%; display:table; padding-left:10px; padding-right:10px;}
.book-form-fix {height:60px;}
.book-calendar .md-calendar-scroll-container{ height:280px; box-shadow:none; border-left:1px solid #e1e1e1;  border-bottom:1px solid #e1e1e1; }
.page-submit-btn{ margin-top:15px; width:100%; text-align:right; padding-top:15px;}
.submit-btn-0{ margin-top:0px; padding-top: 0px;}
.page-submit-btnR{width:100%; text-align:right;}
.check-box-vertical .radio, .check-box-vertical .checkbox{ margin-bottom:10px;}
.check-box-vertical label{white-space: nowrap;}
.gender-select .radio{ display:inline; margin-right:15px; line-height:28px;}
.perm-tbl-two .radio, .perm-tbl-two .checkbox { display: inline;}
.pay-deta-label { text-align:right;}
.pay-deta-label label{ margin-top:6px;}
.label-booking{  width:auto; margin-top:6px; padding-right:0px}
.pad-top-11{ padding-top:11px}
.list-add{ padding-right:0px}
textarea.form-control.p-details-textarea{ height:31px;}
.bkg-view{ margin-left:-15px; height:33px;}
.doc-ref-add{margin-left:-16px;}
.del-rep-btn{ margin-right:14px;}
.filim-q #films{ text-align:center; font-weight:400;}
.ReviewedBy{ padding-left:15px; padding-right:14px; margin-bottom:9px;}
.settl-details{ border-right:1px dotted #d9d9d9;}
.casereport-brd{ border-left:1px dotted #d9d9d9; border-right:1px dotted #d9d9d9; padding-left:25px; padding-right:0px;}
.casereport-brd2{padding-left:15px;}
.ca-report-chek{ margin-top:24px}
.report-editor{ margin-top:10px; margin-bottom:10px}
.case-no{ font-size:16px; float:left; margin-left:2px; margin-top:7px }
.fillcolor1{ border-top:1px solid #ccc;}
.fillcolor2{ border-bottom:1px solid #ccc;}
.CaseType{ width:100%;}
.CaseType .fa{ width:17px; height:17px; text-align:center; border-radius:10px;}
.CaseType .fa-times{ background:#F00; color:#fff; line-height:15px;}
.CaseType .fa-check{ background:#096; color:#fff; line-height:17px;}
.CollectedMedical{ width:100%; border-top:2px solid #ededed; margin-top:17px;}
table.case-paydetails-tab{ float:left; margin:auto;}
table.case-paydetails-tab.casep-t2{ margin-left:40px;}
.case-del-table.case-paydetails-tab tr{ border-bottom:none}
.align-right{ text-align:right}
.pay-detail-amt{ float:right}
.pay-detail-amt tr td{ text-align:right}
.case-del-table.pay-detail-amt tr{ border-bottom:none}
.case-del-table.pay-detail-amt tr:last-child td{ font-weight:bold}
.del-detail-s{float:left; width:auto;}
.del-detail-q{ float:right; width:auto; margin-left:10%;}
.report-chek{ display:inline-block; margin-right:10px;}
.check-adj2{ margin-top:26px }
.con-priority{ width:19px; height:14px; display: inline-block; text-align: center; line-height: 13px; margin-right: 5px; border-radius: 2px }
.con-priority i{ color:#fff !important; font-size: 11px;  }
.con-yes{ background: #f22b2b }
.con-no{background: #6a9018}

/*Browse*/






/* Bounce To Bottom */
.slot_box-container{}
.slot_box{float:left;text-align:center;	width:18.4%; margin:5px 0.80%; color: #eee; border-radius: 2px;font-size:14px;  padding: 9px 0px 0px 0px; height: 40px; border:1px solid  #fff;}
/* .selected_slot{
/* .selected_slot{
    border: 2px #1d9199 solid;
    border-radius: 2px;
    background: #3fbac2 !important;
	color:#fff;
	font-weight:600;

} */
} */

.hvr-bounce-to-bottom {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;

 
}
.hvr-bounce-to-bottom:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #3fbac2;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-bounce-to-bottom:hover, .hvr-bounce-to-bottom:focus, .hvr-bounce-to-bottom:active {
  color: white; border: 2px #1d9199 solid;font-weight:600;
}
.hvr-bounce-to-bottom:hover:before, .hvr-bounce-to-bottom:focus:before, .hvr-bounce-to-bottom:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}



/*Button*/
.add_btn a, .add_btn button, .btn {display:inline-block; height:28.5px; margin-top:0.5px; padding:5px 12px; font-size:14px; border-radius:1px;}
.modal-footer .btn{ height:auto; padding:5px 15px; font-size:16px;}
.search_btn a, .search_btn button.btn, .search_btn a.btn, search_btn button{ height:30px;  margin-top:0px; }
.btn_blue{background:#2f66a5; color:#fff;}
.btn_blue.blue_desable{background:#6b8bb0; color:#fff;}
.btn_blue i{ margin-right:3px;}
.btn_blue:hover{background:#0e4481; color:#fff;}
.btn_green{background:#4eb07d; color:#fff;}
.btn_green:hover{background:#349863; color:#fff;}
a:focus, button::-moz-focus-inner { outline: none; }






/*Hidden*/
#example_filter, #example_length{ display:none}
/*
.inactiveOver {
    background-color: rgba(255, 255, 255, 0.8);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 15;
}
*/
#datepickert {
	position:relative;
}
#datepickert:after {
	background-color: rgba(255, 255, 255, 0.8);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 15;
    content:"";
}

/*D3 js*/

.axis path,
.axis line {
  fill: none;
  stroke: #000;
  shape-rendering: crispEdges;
}

.bar {
  fill: steelblue;
}

.x.axis path {
  display: none;
}


.svg-container {
    display: inline-block;
    position: relative;
    width: 100%;
    padding-bottom: 100%; /* aspect ratio */
    vertical-align: top;
    overflow: hidden;
}
.svg-content-responsive {
    display: inline-block;
    position: absolute;
    top: 10px;
    left: 0;
}
.panel-box{
    border: 1px solid #ccc;
}
.panel-box .panel-icon {
    border-radius: 0;
    padding: 29px 15px;
    text-align: center;
    vertical-align: top;
    width: 100%;
}
.panel-box .panel-icon-amount {
    border-radius: 0;
    padding: 44px 15px;
    text-align: center;
    vertical-align: top;
    width: 100%;
}
.text.txtlabel{
    font-size: 22px;
}
.bg-success {
    background-color: #1f77b4  !important;
    color: #fff !important;
}
.size-h1 {
    font-size: 35px;
    font-weight: bold;
}
.no-margin {
    margin: 0;
}
.panel-icon p.text {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}
.text-muted {
    color: #999;
}

.stat-icon {
    line-height: 65px;
}
.text-large {
    font-size: 50px;
}
.panel {
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    margin-bottom: 10px;
}
.totalAmount{
    font-size: 18px;
    text-align: center;
}
.card {
    background-color: #f1f1f1;
    border: 1px solid #ddd;
    border-radius: 0px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    margin-bottom: 20px;
}
.title-bar {
    background-color: #fafafa;
    border-bottom: 1px solid #eff2f7;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    overflow: hidden;
    padding: 10px;
}
.boxed .title-bar h4 {
    color: #fff;
    float: left;
    font-size: 13px;
    font-weight: bold;
    line-height: 20px;
    margin: 0;
    text-transform: uppercase;
    width: 70%;
}
.dashAction{
    margin-bottom: 15px;
    width: 100%;
    float: left;
}
.dashAction i{
    font-size: 14px;
    line-height: 20px;
}
.custBtn{
    height: auto;
}
.txtlabel .ornge{
    color: #ff7f0e;
}





.stacked-chart-container {
    position: relative;
}

.stacked-chart-container .controls {
    position: absolute;
    top: 24px;
    left: 18px;
}

.stacked-chart .clickable {
    cursor: pointer;
}

.stacked-chart-container .tooltip {
    position: absolute;
    font-size: 13px;
    white-space: nowrap;
    border: 1px solid black;
    background-color: white;
    pointer-events: none;
    border-radius: 5px;
    display: none;
}

.stacked-chart-container .tooltip-wrapper {
    position: relative;
    padding: 6px;
}

.stacked-chart-container .tooltip-wrapper:before {
      content: "";
      position: absolute;
      width: 0;
      height: 0;
      bottom: -20px;
      left: 50%;
      transform: translateX(-50%);
      border: 10px solid;
      border-color: black transparent transparent transparent;
}

.stacked-chart-container .tooltip-wrapper:after {
      content: "";
      position: absolute;
      width: 0;
      height: 0;
      bottom: -19px;
      left: 50%;
      transform: translateX(-50%);
      border: 10px solid;
      border-color: white transparent transparent transparent;
}

.stacked-chart-container .tooltip-table {
    text-align: right;
}

.stacked-chart path,
.stacked-chart line,
.stacked-chart rect {
    shape-rendering: crispEdges;
}

.stacked-chart text {
    font: 10px sans-serif;
}

.stacked-chart .axis path,
.stacked-chart .axis line {
    fill: none;
    stroke: #000;
}

.stacked-chart .series-yes {
    fill: steelblue;
}

.stacked-chart .series-no {
    fill: #CCC;
}

.stacked-chart .series-maybe {
    fill: #CD4638;
}

.stacked-chart .grid-lines {
    fill: none;
    stroke: lightgrey;
}

.stacked-chart .layer rect {
    opacity: 0.8;
    transition: opacity 0.5s ease;
}

.stacked-chart .layer rect.highlighted {
    opacity: 1;
}

.stacked-chart .overlay {
    opacity: 0;
}

.stacked-chart .series-box {
    stroke-width: 2px;
}

.stacked-chart .series-yes .series-box {
    stroke: steelblue;
}

.stacked-chart .series-no .series-box {
    stroke: #CCC;
}

.stacked-chart .series-maybe .series-box {
    stroke: #CD4638;
}

.stacked-chart .disabled .series-box {
    fill-opacity: 0;
}

.stacked-chart .series-label {
    fill: black;
    text-anchor: end;
    alignment-baseline: central;
}

.task-complete{
    color: green;
    font-weight: bold;
}

.task-late{
    color: red;
    font-weight: bold;
}


@-moz-document url-prefix() {
.sortable-table-head i{ line-height:0px; margin-top:-9px; float:right}
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.sortable-table-head i{ line-height:18px; margin-top:0px; float:right}
}


.download_btn{
    height: 20px;
    width: 40px;
    display: inline-block;
    border-radius: 2px;
    margin-bottom: -5px;
    overflow: hidden;
    background: #349863;
    color: #fff;
}

.md-datepicker-calendar{
    background-color: #fff;
}
.md-calendar-selected-date{
    background-color: #005aab;
    color: #fff;
}
.md-calendar-day-header{
    background: rgb(224,224,224);
}
.md-datepicker-input-mask{
    display: none;
}


.error-page{
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}
.error-page .card{
    padding: 2rem;
    background-color: #269fa7;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    border-radius: 10px;
}
.error-page .card h1{
    color: #9df9ff;
}
.error-page .card a{
    color: #fff;
    text-decoration: none;
    border-bottom: 1px solid #fff;
    padding-bottom: 3px;
    display: inline-block;
    margin-top: 10px;
    font-size: 14px;
}

.wrapperTooltip{
    background-color: #5ca053 !important;
}

.selected_slot{
    border: 2px #1d9199 solid;
    border-radius: 2px;
    background: #3fbac2 !important;
	color:#fff;
	font-weight:600;

}


.slot-available {
  background-color: #5ca053;
  cursor: pointer;
}

.slot-booked {
  background-color: #e06053 !important;
  cursor: not-allowed; /* optional */
}

/* Custom font */
@font-face {
    font-family:'Arial';
    src: url('../fonts/Arial.eot');
	src: url('../fonts/Arial.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Arial.woff2') format('woff2'),
		url('../fonts/Arial.woff') format('woff'),
		url('../fonts/Arial.svg#Arial') format('svg');
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    font-display: swap;
    unicode-range: U+0020-02DC;
}
@font-face {
    font-family:'Arial';
    src: url('../fonts/Times-new-roman.eot');
	src: url('../fonts/Times-new-roman.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Times-new-roman.woff2') format('woff2'),
		url('../fonts/Times-new-roman.woff') format('woff'),
		url('../fonts/Times-new-roman.svg#Times-new-roman') format('svg');
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    font-display: swap;
    unicode-range: U+0020-02DC;
}