html, body {height:100vh}
body {font-family:'Roboto Condensed'}
header {border-bottom:solid 1px #DFDFDF;position:fixed;top:0;width:100%;z-index:99}

.date-picker-wrapper {z-index:99;border:none;z-index:9999}
.date-picker-wrapper .month-wrapper table .week-name {font-size:0.7em}
.date-picker-wrapper .month-wrapper {border:none}
.date-picker-wrapper .month-name {font-size:0.9em}
.date-picker-wrapper table .caption .next:hover, .date-picker-wrapper table .caption .prev:hover {background-color:initial;color:initial}
.date-picker-wrapper .month-wrapper table td, .date-picker-wrapper .month-wrapper table th {height:30px}
.date-picker-wrapper .month-wrapper table .day {line-height:initial;height:30px;padding:10px 0px;}
.month-wrapper > table td {width:14.285%}
.date-picker-wrapper {background-color:#007bff}
.date-picker-wrapper .date-range-length-tip {color:#333;background-color:#ffe684}
.start-day, .end-day, .selection-top, .separator-day, .selected-days {color:#FFF !important}
.week-name {color:#808080}
.date-picker-wrapper .first-date-selected, .date-picker-wrapper .last-date-selected {background-color:#007bff !important}
.date-picker-wrapper .month-wrapper table .day.checked {background-color:rgba(0,123,255,0.2)}
.date-picker-wrapper table .caption {color:#333}
.date-picker-wrapper .gap .gap-line .gap-1 {border-top-color:#007bff;border-bottom-color:#007bff}
.date-picker-wrapper .drp_top-bar {color:#FFF}

.wickedpicker {z-index:9999;width:auto;min-width:150px;height:auto}
.wickedpicker__title {padding:3px;font-size:12px;color:#FFF;background:#007bff}
.wickedpicker__close {font-size:14px;color:#FFF;padding:3px;line-height:1em;display:block;position:relative;left:0;top:0;transform:unset;-webkit-transform:unset}
.wickedpicker__close:before {content:'Applica'}
.wickedpicker__controls__control-down, .wickedpicker__controls__control-up {color:#333}
.wickedpicker .hover-state {color:#007bff}
.wickedpicker__controls__control-up:before {font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f077";}
.wickedpicker__controls__control-down:after {font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f078";}


.r_button {width:35px;height:35px;border-radius:100%}

.calendar_day {border:solid 1px #ececec;padding:15px;display:table-cell;position:relative}
.not_in_range {background:#ececec;color:#9a9a9a;border:solid 1px #ececec}
.calendar_day .day_number {font-size:35px}
.calendar_day.holiday .day_number {/*background:#ff4343;color:#FFF*/color:#dc3545}
.table_calendar {display:table;border-collapse:collapse;width:100%;table-layout:fixed}
.table_calendar .table_row {display:table-row}
.day_hours_calendar_number {width:30px;height:30px;text-align:center;font-size:12px;border-radius:100%;padding-top:6px;}
.calendar_day_bar {position:relative}
.calendar_day_bar .grey_bar {position:absolute;left:29px;top:10px;height:10px;background:#ececec;width:80%;border-radius: 0 20px 20px 0;}
.calendar_day_bar .green_bar {height:10px;border-radius: 0 20px 20px 0;}
.calendar_day .mont_name {position: absolute;top: 0;left: 0;background: #007bff;padding: 2px 5px;color: #FFF;}
.calendar_day .month_name_border_left {width: 3px;height: 100%;top: 0;left: 0;background: #007bff;position: absolute;}
.calendar_day .month_name_border_top {width: 100%;height: 3px;top: 0;left: 0;background: #007bff;position: absolute;}
.table_calendar .week_name {display:table-cell;font-weight:700}
.col.week_name {font-weight:700}
.calndar_detail_modal_row {background:#efefef;margin-bottom:10px;padding:5px 10px}

.day_list_calendar {}
.day_list_calendar .day_list_calendar_container {min-width:100px;display:inline-block;background:#FFF}
.day_list_calendar .day_number {font-size:30px}
.card_element_list {border-left:solid 3px #007bff;padding:10px;margin-bottom:10px}

._collapse_day_calendar_ {background:#ececec}
.background_gr {background:rgba(0,0,0,.125)}
.after_arrow {content: '';position: absolute;bottom: 18px;left: 50%;width: 0;height: 0;border: 20px solid transparent;
border-top-color: rgba(0,0,0,.2);border-bottom: 0;margin-left: -20px;margin-bottom: -20px;transform:rotate(180deg);display:none}
.coll_cal_mob .btn-success {/*position:absolute;top:15px;right:15px*/}


@media (max-width:768px) {
	.month-wrapper > table {width:100% !important}
	.month-wrapper > table td {width:14.285%}
	.table_calendar .table_row {display:block}
	.calendar_day {display:block}
	.not_in_range {display:none}
	.table_calendar .week_name, .col.week_name {display:none}
	.day_list_calendar .day_list_calendar_container {min-width:75px;display:block}
	.coll_cal_mob {min-width:100%}
	
}

.left_menu {background:#007bff;width:50px;color:#F9F9F9;position:fixed;left:0;height:100%;z-index:1}
/*.left_submenu {background:#F9F9F9;border-right:solid 1px #CCC;}*/
.left_submenu {position:fixed;left:50px;height:100%;background:#F9F9F9;width:300px;z-index:0;border-right:solid 1px #CCC}
.left_link {color:#F9F9F9 !important;font-size:25px;padding:15px 0px;text-align:center;border-bottom:solid 1px;position:relative}
.right_side {margin-left:50px;padding-top:15px}
.header_span {padding:10px 0px;border-right:solid 1px #CCC;padding-right:10px;margin-right:15px}
.menu_show_hide {color:#007bff;cursor:pointer;font-size:25px}
.go_top_arrow {position: fixed;width: 50px;text-align: center;bottom: 10px;font-size: 25px;cursor: pointer;color: #FFF;}
.left_link.active:after {content: '';position: absolute;right: 0;top: 50%;width: 0;height: 0;border: 10px solid transparent;border-left-color: #007bff;border-right: 0;margin-top: -10px;margin-right: -10px;}

.card_custom {padding:0;overflow:hidden}
.card_col {padding-top:15px;padding-bottom:15px}
.hour_collapse {cursor:pointer;width:100%;height:100%;background:#6c757d;color:#FFF!important;font-size:25px;
display:flex;padding-right:15px;position:relative}
.icon_h {position:absolute;left:15px}

@media (max-width:768px) {
	.left_submenu {position:relative;width:100%;height:initial;border-right:none}
	.card_col {padding-left:30px;padding-right:15px}
	.hour_collapse {padding-top:10px;padding-bottom:15px;}
}

.grey_bg {background:#DFDFDF}
.white_bg {background:#FFF}
.logo_header {font-size:20px;font-weight:800;text-transform:uppercase;color:initial !important}
.header_link, .header_span {font-size:0.8em;display:inline-block}
.label_form {margin-bottom:0;font-size:0.8em}
.red_background {background:#ddacac;color:#FFF}
.align_center {text-align:center}
.align_right {text-align:right}
.align_left {text-align:left}

.form-control {font-size:0.9em!important;}
.card_plan {font-size:14px; padding-bottom:10px;}

.date_plan {display: inline-block; vertical-align: middle; border: 1px solid #6c757d;font-weight: 600;padding: .25rem .6rem; font-size: .875rem; line-height: 1.5; border-radius: .2rem;color: #007bff;}

.input_check_plan {display:none}
.input_check_plan {cursor:pointer;width:100%;margin-top:0px !important;margin-bottom:0}
.input_check_plan + .label_check_plan {border:solid 1px #CCC;padding:5px;background:#FFF;border-radius:0.25em; margin-right: 10px;cursor:pointer}
.input_check_plan:checked + .label_check_plan {border:solid 1px #CCC;padding:5px;color:#FFF;background:#007bff;border-radius:0.25em;}
/*.input_check_plan:checked + .label_check_plan:before {content:"\f00c"; font-family:"Font Awesome 5 Free";font-weight:900;color:#007bff;}*/

.circle_button {width:40px;height:40px;text-align:center;padding:11px 0px;border-radius:100%;}

.collapse_dashboard_container {padding: 15px; border-top: solid 1px #CCC;}
.collapse_dashboard_user_container {background:#007bff;padding:10px 0px;margin-bottom:10px;font-size:12px;color:#FFF}
.collapse_dashboard_item_container {margin-bottom: 15px;overflow: hidden;font-size:12px;background:#efefef;padding:15px}

/* ajax loader */
#ajax_loader{position:fixed;width:100%;height:100%;top:0;text-align:center;background:#007bff;z-index:9999}

@media (max-width:768px) {
	.collapse_dashboard_item_container {padding:5px}
}

.v-center-flex {
    display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box; /* OLD - Firefox 19- */
    display: -ms-flexbox; /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Chrome */
    display: flex; /* NEW, Opera 12.1, Firefox 20+ */
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 200px;
    background: red;
}
.v-center-flex div.lds-facebook {
    margin: 0 auto;
}

.lds-facebook {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.lds-facebook div {
  display: inline-block;
  position: absolute;
  left: 8px;
  width: 16px;
  background: #fff;
  animation: lds-facebook 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}
.lds-facebook div:nth-child(1) {
  left: 8px;
  animation-delay: -0.24s;
}
.lds-facebook div:nth-child(2) {
  left: 32px;
  animation-delay: -0.12s;
}
.lds-facebook div:nth-child(3) {
  left: 56px;
  animation-delay: 0;
}
@keyframes lds-facebook {
  0% {
    top: 8px;
    height: 64px;
  }
  50%, 100% {
    top: 24px;
    height: 32px;
  }
}