.daterangepicker{font-family: 'GTWalsheimPro-Regular'; position:absolute;color:inherit;background-color:#fff;border-radius:4px;border:1px solid #ddd;width:278px;max-width:none;padding:0;margin-top:7px;top:100px;left:20px;z-index:3001;display:none;font-size:15px;line-height:1em;}
.daterangepicker:before, .daterangepicker:after{position:absolute;display:inline-block;border-bottom-color:rgba(0, 0, 0, 0.2);content:'';}
.daterangepicker:before{top:-7px;border-right:7px solid transparent;border-left:7px solid transparent;border-bottom:7px solid #ccc;}
.daterangepicker:after{top:-6px;border-right:6px solid transparent;border-bottom:6px solid #fff;border-left:6px solid transparent;}
.daterangepicker.opensleft:before{right:9px;}
.daterangepicker.opensleft:after{right:10px;}
.daterangepicker.openscenter:before{left:0;right:0;width:0;margin-left:auto;margin-right:auto;}
.daterangepicker.openscenter:after{left:0;right:0;width:0;margin-left:auto;margin-right:auto;}
.daterangepicker.opensright:before{left:9px;}
.daterangepicker.opensright:after{left:10px;}
.daterangepicker.drop-up{margin-top:-7px;}
.daterangepicker.drop-up:before{top:initial;bottom:-7px;border-bottom:initial;border-top:7px solid #ccc;}
.daterangepicker.drop-up:after{top:initial;bottom:-6px;border-bottom:initial;border-top:6px solid #fff;}
.daterangepicker.single .daterangepicker .ranges, .daterangepicker.single .drp-calendar{float:none;}
.daterangepicker.single .drp-selected{display:none;}
.daterangepicker.show-calendar .drp-calendar{display:block;}
.daterangepicker.show-calendar .drp-buttons{display:block;}
.daterangepicker.auto-apply .drp-buttons{display:none;}
.daterangepicker .drp-calendar{display:none;max-width:270px;}
.daterangepicker .drp-calendar.left{padding:8px 0 8px 8px;}
.daterangepicker .drp-calendar.right{padding:8px;}
.daterangepicker .drp-calendar.single .calendar-table{border:none;}
.daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span{color:#fff;border:solid black;border-width:0 2px 2px 0;border-radius:0;display:inline-block;padding:3px;}
.daterangepicker .calendar-table .next span{transform:rotate(-45deg);-webkit-transform:rotate(-45deg);}
.daterangepicker .calendar-table .prev span{transform:rotate(135deg);-webkit-transform:rotate(135deg);}
.daterangepicker .calendar-table th, .daterangepicker .calendar-table td{white-space:nowrap;text-align:center;vertical-align:middle;min-width:32px;width:32px;height:24px;line-height:24px;font-size:12px;border-radius:4px;border:1px solid transparent;white-space:nowrap;cursor:pointer;}
.daterangepicker .calendar-table{border:1px solid #fff;border-radius:4px;background-color:#fff;}
.daterangepicker .calendar-table table{width:100%;margin:0;border-spacing:0;border-collapse:collapse;}
.daterangepicker td.available:hover, .daterangepicker th.available:hover{background-color:#eee;border-color:transparent;color:inherit;}
.daterangepicker td.week, .daterangepicker th.week{font-size:80%;color:#ccc;}
.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date{background-color:#fff;border-color:transparent;color:#999;}
.daterangepicker td.in-range{background-color:#ebf4f8;border-color:transparent;color:#000;border-radius:0;}
.daterangepicker td.start-date{border-radius:4px 0 0 4px;}
.daterangepicker td.end-date{border-radius:0 4px 4px 0;}
.daterangepicker td.start-date.end-date{border-radius:4px;}
.daterangepicker td.active, .daterangepicker td.active:hover{background-color:#357ebd;border-color:transparent;color:#fff;}
.daterangepicker th.month{width:auto;}
.daterangepicker td.disabled, .daterangepicker option.disabled{color:#999;cursor:not-allowed;text-decoration:line-through;}
.daterangepicker select.monthselect, .daterangepicker select.yearselect{font-size:12px;padding:1px;height:auto;margin:0;cursor:default;}
.daterangepicker select.monthselect{margin-right:2%;width:56%;}
.daterangepicker select.yearselect{width:40%;}
.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect{width:50px;margin:0 auto;background:#eee;border:1px solid #eee;padding:2px;outline:0;font-size:12px;}
.daterangepicker .calendar-time{text-align:center;margin:4px auto 0 auto;line-height:30px;position:relative;}
.daterangepicker .calendar-time select.disabled{color:#ccc;cursor:not-allowed;}
.daterangepicker .drp-buttons{clear:both;text-align:right;padding:8px;border-top:1px solid #ddd;display:none;line-height:12px;vertical-align:middle;}
.daterangepicker .drp-selected{display:inline-block;font-size:12px;padding-right:8px;}
.daterangepicker .drp-buttons .btn{margin-left:8px;font-size:12px;font-weight:bold;padding:4px 8px;}
.daterangepicker.show-ranges.single.rtl .drp-calendar.left{border-right:1px solid #ddd;}
.daterangepicker.show-ranges.single.ltr .drp-calendar.left{border-left:1px solid #ddd;}
.daterangepicker.show-ranges.rtl .drp-calendar.right{border-right:1px solid #ddd;}
.daterangepicker.show-ranges.ltr .drp-calendar.left{border-left:1px solid #ddd;}
.daterangepicker .ranges{float:none;text-align:left;margin:0;}
.daterangepicker.show-calendar .ranges{margin-top:8px;}
.daterangepicker .ranges ul{list-style:none;margin:0 auto;padding:0;width:100%;}
.daterangepicker .ranges li{font-size:12px;padding:8px 12px;cursor:pointer;}
.daterangepicker .ranges li:hover{background-color:#eee;}
.daterangepicker .ranges li.active{background-color:#08c;color:#fff;}


@media (min-width:730px){
	.daterangepicker .ranges{width:auto;}
	.daterangepicker .ranges{float:left;}
	.daterangepicker.rtl .ranges{float:right;}
	.daterangepicker .drp-calendar.left{clear:none !important;}
}

.daterangepicker .drp-buttons{padding-top:16px}
.daterangepicker .drp-buttons .btn{font-size:16px; padding:8px 23px; border-radius:8px}
.daterangepicker .drp-selected{font-size:16px;}
.daterangepicker.show-calendar .drp-buttons{display: flex; justify-content: flex-end; align-items: center;}

/* Customization */
.banner_form_row .daterangepicker{padding:15px; border-radius:16px; width:100%; border:2px solid #00AFE1; top:150px !important; left:0 !important;}
.daterangepicker .calendar-table th, .daterangepicker .calendar-table td{color: #242424;  font-weight: normal; font-style: normal; font-size:14px; height:36px; width:36px}

.daterangepicker .calendar-table th.month{font-family: 'GTWalsheimPro-Bold'; font-weight: bold; font-style: normal; font-size:18px}
.daterangepicker thead tr:first-child th{padding-bottom:20px}
.daterangepicker thead tr:nth-child(2) th{font-family: 'GTWalsheimPro-Medium'; font-weight: 500; font-style: normal; font-size:16px; padding-bottom:15px}

.daterangepicker:before, .daterangepicker:after{display:none;}
.daterangepicker td.in-range{background:#E5F7FC}

.daterangepicker td.start-date, .daterangepicker td.start-date:hover, .daterangepicker td.start-date.available:hover{border-radius:22px 0 0 22px; color:#fff}
.daterangepicker td.end-date, .daterangepicker td.end-date.in-range, .daterangepicker td.end-date:hover,  .daterangepicker td.end-date.in-range:hover
{border-radius:0 22px 22px 0; color:#fff}
.daterangepicker td.start-date.end-date{border-radius:22px; color:#fff}

.daterangepicker td.available:hover, .daterangepicker th.available:hover,
.daterangepicker td.active, .daterangepicker td.active:hover{background:#00AFE1; color:#fff}
.daterangepicker td.available:hover, .daterangepicker th.available:hover{border-radius:22px}
.daterangepicker td.in-range:hover{border-radius:0}

.daterangepicker.single{padding:20px}
.daterangepicker.single .drp-calendar{width:100%;}
.daterangepicker.single .drp-calendar.left{padding:8px}

.daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span{padding:4px; position:relative;}
.daterangepicker thead tr:first-child th.prev:hover, .daterangepicker thead tr:first-child th.next:hover{background:none}
.daterangepicker thead tr:first-child th.prev:hover span, .daterangepicker thead tr:first-child th.next:hover span{border-color:#00AFE1}

.daterangepicker select.monthselect, .daterangepicker select.yearselect{border:1px solid #DEDEDE; padding:8px; font-family: 'GTWalsheimPro-Regular'; width:50%; font-size:16px}
.daterangepicker select.monthselect{margin-right:2%;width:56%;}

@media (min-width:767px){
 .daterangepicker{width:auto;}
 .daterangepicker .ranges ul{width:140px;}
 .daterangepicker.single .ranges ul{width:100%;}
 .daterangepicker.single .drp-calendar.left{clear:none;}
 .daterangepicker.single .ranges, .daterangepicker.single .drp-calendar{float:left;}
 .daterangepicker{direction:ltr;text-align:left;}
 .daterangepicker .drp-calendar.left{clear:left;margin-right:0;}
 .daterangepicker .drp-calendar.left .calendar-table{border-right:none;border-top-right-radius:0;border-bottom-right-radius:0;}
 .daterangepicker .drp-calendar.right{margin-left:0;}
 .daterangepicker .drp-calendar.right .calendar-table{border-left:none;border-top-left-radius:0;border-bottom-left-radius:0;}
 .daterangepicker .drp-calendar.left .calendar-table{padding-right:8px;}
 .daterangepicker .ranges, .daterangepicker .drp-calendar{float:left;}

.banner_form_row .daterangepicker .drp-calendar{width:50%; max-width:50%}
.banner_form_row .daterangepicker .drp-calendar.left{padding-right:30px;}
.banner_form_row .daterangepicker .drp-calendar.right{padding-left:30px;}

.banner_form_row .daterangepicker{border-radius:24px; top:110px !important; left:0 !important; padding:40px;} 
.daterangepicker thead tr:first-child th{padding-bottom:50px}
.daterangepicker .calendar-table th, .daterangepicker .calendar-table td{font-size:16px; height:44px; width:44px}
.daterangepicker thead tr:nth-child(2) th{font-size:18px; padding-bottom:20px}
.daterangepicker .calendar-table th.month{font-size:24px}

}

/* mobile View */
@media (max-width:767px){
.daterangepicker .drp-calendar{max-width:100%}
.daterangepicker.show-calendar .drp-buttons{flex-wrap: wrap;}
.daterangepicker.show-calendar .drp-selected{width:100%; text-align:center; margin-bottom:15px}
.daterangepicker .drp-buttons .btn{width:50%; margin:0; font-size:14px}

}