

/*daterangepicker*/
.daterangepicker{display: none; position:absolute;width:278px}.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:after,.daterangepicker.openscenter:before{left:0;right:0;width:0;margin-left:auto;margin-right:auto}.daterangepicker.dropup{margin-top:-35px}.daterangepicker.dropup:before{top:initial;bottom:-7px;border-bottom:initial;border-top:7px solid #ccc}.daterangepicker.dropup:after{top:initial;bottom:-6px;border-bottom:initial;border-top:6px solid #fff}.daterangepicker.dropdown-menu{max-width:none;z-index:3001}.daterangepicker.single .calendar{float:none}.daterangepicker.show-calendar .calendar{display:block;-webkit-box-shadow:0 0 15px -2px rgba(0,0,0,.5);box-shadow:0 0 15px -2px rgba(0,0,0,.5)}.daterangepicker .calendar{float:left;display:none;max-width:270px;margin:0;padding:0;background:#eee;position:relative;top:20px}.daterangepicker .calendar.left{margin-right:10px}.daterangepicker .calendar.single .calendar-table{border:none}.daterangepicker .calendar td,.daterangepicker .calendar th{white-space:nowrap;text-align:center;min-width:32px;background:#f5f5f5}.daterangepicker .calendar th{background:#454550;color:#fff;font-weight:400;padding:0 0 5px}.daterangepicker table{width:100%;margin:0;border-collapse:collapse}.daterangepicker table .next i::before,.daterangepicker table .prev i::before{margin:0 auto;font-size:29px;line-height:16px;font-style:normal;font-family:Arial;width:20px;height:20px;color:#fff;font-weight:400;display:block;text-align:center}.daterangepicker table .next,.daterangepicker table .prev{padding:8px 0 4px}.daterangepicker table .next i::before{content:"\203A"}.daterangepicker table .prev i::before{content:"\2039"}.daterangepicker th{text-align:center;width:20px;height:20px;white-space:nowrap;cursor:pointer}.daterangepicker td{text-align:center;width:40px;height:30px;white-space:nowrap;cursor:pointer}.daterangepicker td.available:hover{background-color:#454550;color:#fff}.daterangepicker td.week,.daterangepicker th.week{font-size:80%;color:#ccc}.daterangepicker td.off,.daterangepicker td.off.end-date,.daterangepicker td.off.in-range,.daterangepicker td.off.start-date{background-color:#f5f5f5;border-color:transparent;color:#ccc;font-weight:400}.daterangepicker td.in-range{background-color:#969595;color:#fff;font-weight:500}.daterangepicker td.active,.daterangepicker td.active:hover{background-color:#454550;color:#fff;font-weight:600}.daterangepicker th.month{cursor:auto;width:auto;font-size:14px;line-height:20px;font-weight:600;padding:8px 0 4px}.daterangepicker option.disabled,.daterangepicker td.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.ampmselect,.daterangepicker select.hourselect,.daterangepicker select.minuteselect,.daterangepicker select.secondselect{width:50px;margin-bottom:0}.daterangepicker .input-mini{border:1px solid #ccc;color:#555;height:30px;line-height:30px;display:block;vertical-align:middle;margin:0 0 5px;padding:0 6px 0 28px;width:100%}.daterangepicker .input-mini.active{border:1px solid #08c}.daterangepicker .daterangepicker_input{position:relative;display:none}.daterangepicker .daterangepicker_input i{position:absolute;left:8px;top:8px}.daterangepicker.rtl .input-mini{padding-right:28px;padding-left:6px}.daterangepicker.rtl .daterangepicker_input i{left:auto;right:8px}.daterangepicker .calendar-time{text-align:center;margin:5px auto;line-height:30px;position:relative;padding-left:28px}.daterangepicker .calendar-time select.disabled{color:#ccc;cursor:not-allowed}.ranges{display:block !important; position: absolute; right: 0; top: -10px;}.ranges .applyBtn{display: none}.ranges .cancelBtn{padding: 5px 12px; background: #000; color: #fff; font-size: 12px; line-height: 18px; font-weight: 600; text-transform: uppercase;}.notouch .ranges .cancelBtn:hover{color: #000; background: #ffffff;}@media (min-width:564px){.daterangepicker{width:550px;margin:0;min-height:0}.daterangepicker *{min-height:0}.daterangepicker.single .calendar.left{clear:none}.daterangepicker.single.ltr .calendar{float:left}.daterangepicker.single.rtl .calendar{float:right}.daterangepicker.ltr .calendar.right{margin-left:0}.daterangepicker.ltr .left .daterangepicker_input{padding-right:12px}.daterangepicker.rtl{direction:rtl;text-align:right}.daterangepicker.rtl .calendar.left{clear:right;margin-left:0}.daterangepicker.rtl .calendar.left .calendar-table{border-left:none}.daterangepicker.rtl .calendar.right{margin-right:0}.daterangepicker.rtl .calendar.right .calendar-table{border-right:none}.daterangepicker.rtl .calendar.left .calendar-table,.daterangepicker.rtl .left .daterangepicker_input{padding-left:12px}.daterangepicker.rtl .calendar{text-align:right;float:right}}@media (min-width:730px){.daterangepicker .calendar.left{clear:none!important}}
.sub .ranges .cancelBtn{background: #454550; color: #ffffff;}
.notouch .sub .ranges .cancelBtn:hover{background: #000; color: #ffffff;}

@media screen and (max-width: 590px) {
    .daterangepicker{width: 280px !important; margin: 0 !important;}
    .daterangepicker .calendar.left{margin: 0 0 10px;}
    .ranges .cancelBtn{margin: 0 10px 0 0;}
}




.date-picker {
    width: 170px;
    height: 25px;
    padding: 0;
    border: 0;
    line-height: 25px;
    padding-left: 10px;
    font-size: 12px;
    font-family: Arial, sans-serif;
    font-weight: bold;
    cursor: pointer;
    color: #303030;
    position: relative;
    z-index: 2;
}

.date-picker-wrapper {
    position: absolute;
    z-index: 1;
    padding: 0;
    -webkit-box-sizing: initial;
    box-sizing: initial;
}

.dp-clearfix {
    clear: both;
    height: 0;
    font-size: 0;
}

.date-picker-wrapper.inline-wrapper {
    position: relative;
    display: block;
}

.date-picker-wrapper.single-date {
    width: auto;
}


.date-picker-wrapper.no-topbar {
    padding-top: 12px;
}

.date-picker-wrapper .footer {
    font-size: 11px;
    padding-top: 3px;
}

.date-picker-wrapper b {
    color: #666;
    font-weight: 700;
}

.date-picker-wrapper a {
    color: #6bb4d6;
    text-decoration: underline;
}

.date-picker-wrapper .month-name {
    text-transform: uppercase;
}

.date-picker-wrapper .select-wrapper {
    position: relative;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
}

.date-picker-wrapper .select-wrapper:hover {
    text-decoration: underline;
}

.date-picker-wrapper .month-element {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px; line-height: 20px; font-weight: 700;
}

.date-picker-wrapper .select-wrapper select {
    position: absolute;
    margin: 0;
    padding: 0;
    left: 0;
    top: -1px;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
    text-transform: inherit;
    color: inherit;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    border: 0;
    outline: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
    filter: alpha(opacity=1);
    opacity: 0.01;
}

.date-picker-wrapper .month-wrapper {
    cursor: default;
    position: relative;
    _overflow: hidden;
    width: 100% !important;;
}

.date-picker-wrapper .month-wrapper table {
    width: calc(50% - 10px);
    float: left;
    background: #fff;
    table-layout: fixed;
}


.date-picker-wrapper .month-wrapper table th, .date-picker-wrapper .month-wrapper table td {
    vertical-align: middle;
    text-align: center;
    line-height: 20px;
    font-size: 14px;
    font-weight: 700;
    margin: 0px;
    padding: 0px;
}

.date-picker-wrapper .month-wrapper table tr.caption th{border-bottom: 1px solid #efefef}

.date-picker-wrapper .month-wrapper table .day {
    padding: 0;
    font-size: 14px;
    line-height: 40px;
    height: 40px;
    margin-bottom: 1px;
    color: #000000;
    cursor: default;
    position: relative;
    background: #fff;
    z-index: 1;
}

.date-picker-wrapper .month-wrapper table .day.old-date{color: #a6a6a6; text-decoration: line-through;}

.date-picker-wrapper .month-wrapper table .day::before{z-index: -1; position: absolute; left: 0; top: 0; bottom: 0; width: 50%; content: "";}
.date-picker-wrapper .month-wrapper table .day::after{z-index: -1; position: absolute; right: 0; top: 0; bottom: 0; width: 50%; content: "";}
.date-picker-wrapper .month-wrapper table .day.first-date-selected{overflow: hidden;}
.date-picker-wrapper .month-wrapper table .day.last-date-selected{overflow: hidden;}
.date-picker-wrapper .month-wrapper table .day.first-date-selected::after{position: absolute; inset: 0; top: -1px; bottom: -1px; width: calc(100% + 1px); clip-path: polygon(100% 0, 100% 100%, 0 100%);}
.date-picker-wrapper .month-wrapper table .day.last-date-selected::before{position: absolute; inset: 0; top: -1px; bottom: -1px; width: 100%; clip-path: polygon(0 0, 100% 0%, 0 100%);}


.date-picker-wrapper .month-wrapper table .day.half-end-red::before{background: #eb9e63; width: calc(50% - 1px); }
.date-picker-wrapper .month-wrapper table .day.half-start-red::after{background: #eb9e63; width: calc(50% - 1px); }
.date-picker-wrapper .month-wrapper table .day.red::before, .date-picker-wrapper .month-wrapper table .day.red::after{background: #eb9e63;}

.date-picker-wrapper .month-wrapper table .day.half-end-blue::before{background: #f2d67b; width: calc(50% - 1px); }
.date-picker-wrapper .month-wrapper table .day.half-start-blue::after{background: #f2d67b; width: calc(50% - 1px); }
.date-picker-wrapper .month-wrapper table .day.blue::before, .date-picker-wrapper .month-wrapper table .day.blue::after{background: #f2d67b;}

.date-picker-wrapper .month-wrapper table .day.half-end-purple::before{background: #efa3c6; width: calc(50% - 1px); }
.date-picker-wrapper .month-wrapper table .day.half-start-purple::after{background: #efa3c6; width: calc(50% - 1px); }
.date-picker-wrapper .month-wrapper table .day.purple::before, .date-picker-wrapper .month-wrapper table .day.purple::after{background: #efa3c6;}










.date-picker-wrapper .month-wrapper table div.day.lastMonth, .date-picker-wrapper .month-wrapper table div.day.nextMonth {
    color: #999;
    cursor: default;
}

.date-picker-wrapper .month-wrapper table .day.checked:not(.first-date-selected):not(.last-date-selected)::before, .date-picker-wrapper .month-wrapper table .day.checked:not(.first-date-selected):not(.last-date-selected)::after {
    background-color: #50a54c;
}

.date-picker-wrapper .month-wrapper table .week-name {
    height: 40px;
    line-height: 40px;
    font-weight: 100;
    text-transform: uppercase;
    font-size: 14px; line-height: 20px; font-weight: 700;
}

.date-picker-wrapper .month-wrapper table .day.has-tooltip {
    cursor: no-drop !important;
}

.date-picker-wrapper .month-wrapper table .day.has-tooltip .tooltip {
    white-space: nowrap;
}

.date-picker-wrapper .time label {
    white-space: nowrap;
}

.date-picker-wrapper .month-wrapper table .day.toMonth.valid {
    cursor: pointer;
}

.date-picker-wrapper .month-wrapper table .day.toMonth.hovering {
    background-color: #50a54c;
}

.notouch .date-picker-wrapper .month-wrapper table .day:hover{background: #f0f0f0;}

.date-picker-wrapper .month-wrapper table .day.nextMonth, .date-picker-wrapper .month-wrapper table .day.lastMonth {
    display: none;
}

.date-picker-wrapper .month-wrapper table .day.real-today {
    background-color: #f0f0f0;
}



.date-picker-wrapper table .caption {
    height: 40px;
}


.date-picker-wrapper table .caption .next, .date-picker-wrapper table .caption .prev {
    padding: 0;
    cursor: pointer;
}

.date-picker-wrapper table .caption .next{display: block; font-size: 0; height: 40px; width: 100%; position: relative;}
.date-picker-wrapper table .caption .next::before{position: absolute; top: 0; right: 0; left: 0; bottom: 0; content: ""; opacity: 1; background: url(../../img/arrow_right.svg) no-repeat scroll center center; background-size: 14px 14px; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.date-picker-wrapper table .caption .next::after{position: absolute; top: 0; right: 0; left: 0; bottom: 0; content: ""; opacity: 0; background: url(../../img/arrow_right.svg) no-repeat scroll center center; background-size: 14px 14px; -webkit-transition: all 400ms ease; transition: all 400ms ease;}

.date-picker-wrapper table .caption .prev{display: block; font-size: 0;  height: 40px; width: 100%; position: relative;}
.date-picker-wrapper table .caption .prev::before{position: absolute; top: 0; right: 0; left: 0; bottom: 0; content: ""; opacity: 1; background: url(../../img/arrow_right.svg) no-repeat scroll center center; background-size: 14px 14px; -webit-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.date-picker-wrapper table .caption .prev::after{position: absolute; top: 0; right: 0; left: 0; bottom: 0; content: ""; opacity: 0; background: url(../../img/arrow_right.svg) no-repeat scroll center center; background-size: 14px 14px; -webit-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: all 400ms ease; transition: all 400ms ease;}


.notouch .date-picker-wrapper table .caption .next:hover::before, .notouch .date-picker-wrapper table .caption .prev:hover::before {opacity: 0;}
.notouch .date-picker-wrapper table .caption .next:hover::after, .notouch .date-picker-wrapper table .caption .prev:hover::after {opacity: 1;}

.date-picker-wrapper .gap {
    width: 20px;
    float: left;
}


.date-picker-wrapper .selected-days {
    display: none;
}

.date-picker-wrapper .drp_top-bar {
    line-height: 1.4;
    position: relative;
    padding: 10px 40px 10px 0;
}

.date-picker-wrapper .drp_top-bar .error-top, .date-picker-wrapper .drp_top-bar .normal-top {
    display: none;
}

.date-picker-wrapper .drp_top-bar .default-top {
    display: block;
}

.date-picker-wrapper .drp_top-bar.error .default-top {
    display: none;
}

.date-picker-wrapper .drp_top-bar.error .error-top {
    display: block;
    color: red;
}

.date-picker-wrapper .drp_top-bar.normal .default-top {
    display: none;
}

.date-picker-wrapper .drp_top-bar.normal .normal-top {
    display: block;
}

.date-picker-wrapper .drp_top-bar.normal .normal-top .selection-top {
    color: #333;
}

.date-picker-wrapper .drp_top-bar .apply-btn {
    position: absolute;
    right: 0px;
    top: 6px;
    padding: 3px 5px;
    margin: 0;
    font-size: 12px;
    border-radius: 4px;
    cursor: pointer;
    color: #d9eef7;
    border: solid 1px #0076a3;
    background: #0095cd;
    background: -moz-linear-gradient(top, #00adee, #0078a5);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
    color: white;
    line-height: initial;
}

.date-picker-wrapper .drp_top-bar .apply-btn.disabled {
    cursor: pointer;
    color: #606060;
    border: solid 1px #b7b7b7;
    background: #fff;
    background: -moz-linear-gradient(top, #fff, #ededed);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
}

.date-picker-wrapper .time {
    position: relative;
}

.date-picker-wrapper.single-month .time {
    display: block;
}

.date-picker-wrapper .time input[type=range] {
    vertical-align: middle;
    width: 129px;
    padding: 0;
    margin: 0;
    height: 20px;
}

.date-picker-wrapper .time1 {
    width: 180px;
    padding: 0 5px;
    text-align: center;
}

/*time styling*/
.time2 {
    width: 180px;
    padding: 0 5px;
    text-align: center;
}

.date-picker-wrapper .time1 {
    float: left;
}

.date-picker-wrapper .time2 {
    float: right;
}

.date-picker-wrapper .hour {
    text-align: right;
}

.minute {
    text-align: right;
}

.date-picker-wrapper .hide {
    display: none;
}

.date-picker-wrapper .first-date-selected::after{background: #50a54c}
.date-picker-wrapper .last-date-selected::before{background: #50a54c}


.date-picker-wrapper .date-range-length-tip {
    position: absolute;
    margin-top: -4px;
    margin-left: -8px;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    display: none;
    background-color: yellow;
    padding: 0 6px;
    border-radius: 2px;
    font-size: 12px;
    line-height: 16px;
    -webkit-filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.3));
    -moz-filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.3));
    -ms-filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.3));
    -o-filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.3));
    filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.3));
    display: none !important;
}

.date-picker-wrapper .date-range-length-tip:after {
    content: '';
    position: absolute;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid yellow;
    left: 50%;
    margin-left: -4px;
    bottom: -4px;
}

.date-picker-wrapper.two-months.no-gap .month1 .next, .date-picker-wrapper.two-months.no-gap .month2 .prev {
    display: none;
}

.date-picker-wrapper .week-number {
    padding: 5px 0;
    line-height: 1;
    font-size: 12px;
    margin-bottom: 1px;
    color: #999;
    cursor: pointer;
}

.date-picker-wrapper .week-number.week-number-selected {
    color: #49e;
    font-weight: bold;
}


#daterangepicker_container{min-height: 296px;}

@media screen and (max-width: 600px) {
    .date-picker-wrapper .month-wrapper table{float: none; width: 100%;}
    .date-picker-wrapper .gap{float: none; width: 100%; height: 20px !important;}
}

#multiple-choice-check-label {
    display: block;
    margin-top: -10px;
}
#multiple-choice-check-label .checker {
    width: 100%;
    text-align: center;
}
#multiple-choice-check-label .multiple-choice-checkbox {
    display: inline-block;
}
#multiple-choice-check-label .multiple-choice-text {
    display: inline;
    background-image: none;
    padding-left: 4px;
    cursor: pointer;
}
