.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;border:1px solid #bfbfbf;background-color:#efefef;font-size:12px;line-height:20px;color:#aaa;font-family:Arial,sans-serif;-webkit-box-shadow:3px 3px 10px rgba(0,0,0,0.5);box-shadow:3px 3px 10px rgba(0,0,0,0.5);-webkit-box-sizing:initial;box-sizing:initial;} .dp-clearfix{clear:both;height:0;font-size:0;} .date-picker-wrapper.inline-wrapper{position:relative;-webkit-box-shadow:none;box-shadow:none;display:inline-block;} .date-picker-wrapper table tr{background:none;} .date-picker-wrapper .drp_top-icon{position:absolute;left:60px;top:-9px;width:20px;height:10px;} .date-picker-wrapper .drp_top-icon:before{content:"";width:0;height:0;border-style:solid;border-width:0 10px 10px 10px;border-color:transparent transparent #ccc transparent;position:absolute;left:0;top:-2px;} .date-picker-wrapper .drp_top-icon:after{content:"";width:0;height:0;border-style:solid;border-width:0 10px 10px 10px;border-color:transparent transparent #fff transparent;position:absolute;left:0;top:2px;} .date-picker-wrapper.single-date{width:auto;} .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;color:#000;cursor:default;font-size:18px;} .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;} .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 table th{margin:0px;padding:0px;line-height:30px;height:30px;text-align:center;width:38px;} .date-picker-wrapper .month-wrapper table td{vertical-align:middle;text-align:center;line-height:14px;margin:0px;padding:0px;} .date-picker-wrapper .month-wrapper table .week-name{height:20px;line-height:20px;font-weight:100;text-transform:uppercase;} .date-picker-wrapper .month-wrapper table .day{line-height:36px;height:36px;text-align:center;cursor:default;width:36px;float:left;color:#333;background:#ececec;margin:1px;} .date-picker-wrapper .month-wrapper table .day.invalid{background:#f7f7f7;cursor:default;color:#DBDBDB;} .date-picker-wrapper .month-wrapper table .day.valid:hover{box-shadow:0 0 5px #e15616 inset;} .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.has-tooltip{cursor:help!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{color:#333;cursor:pointer;} .date-picker-wrapper .month-wrapper table .day.toMonth.hovering{background-color:#f5ded4;} .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:#f5ded4;} .date-picker-wrapper .month-wrapper table .day.real-today.checked,.date-picker-wrapper .month-wrapper table .day.real-today.hovering{background-color:#FFB496;} .date-picker-wrapper .month-wrapper table .day.checked{background:#ffe6dc;cursor:pointer;color:#543376;} .date-picker-wrapper .month-wrapper table .day.checked.first-date-selected,.date-picker-wrapper .month-wrapper table .day.checked.last-date-selected{background:#e15616;color:#fff;position:relative;} .date-picker-wrapper.single-date .month-wrapper table .day.checked.last-date-selected{background:#ffe6dc;color:#fff;position:relative;} .date-picker-wrapper .month-wrapper table .day.checked.first-date-selected:after{width:0;height:0;border-style:solid;border-width:18px 0 18px 10px;border-color:#ffe6dc transparent #ffe6dc #e15616;content:"";position:absolute;right:0;top:0;} .date-picker-wrapper.single-date .month-wrapper table .day.checked.first-date-selected:after{width:0;height:0;border-style:solid;border-width:0 0 0 0;border-color:#ffe6dc #ffe6dc #ffe6dc #ffe6dc;content:"";position:absolute;right:0;top:0;} .date-picker-wrapper .month-wrapper table .day.checked.last-date-selected:before{width:0;height:0;border-style:solid;border-width:18px 10px 18px 0;border-color:#ffe6dc transparent #ffe6dc #e15616;content:"";position:absolute;left:0;top:0;} .date-picker-wrapper table .caption{box-sizing:border-box;height:40px;padding:5px 0;} .date-picker-wrapper table .caption .next,.date-picker-wrapper table .caption .prev{cursor:pointer;background:#e15616;width:30px;height:28px;line-height:28px;font-size:20px;text-align:center;font-weight:normal;display:inline-block;color:transparent;vertical-align:top;} .date-picker-wrapper table .caption .prev:before,.date-picker-wrapper table .caption .next:before{display:inline-block;width:100%;text-align:center;vertical-align:top;color:#FFF;} .date-picker-wrapper table .caption .prev:before{content:'\276E';} .date-picker-wrapper table .caption .next:before{content:'\276F';} .date-picker-wrapper table .caption .next.disabled, .date-picker-wrapper table .caption .prev.disabled {background:#bdbdbd;} .date-picker-wrapper .gap{display:none;} .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:none;} .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;} /*time styling*/ .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,.date-picker-wrapper .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,.date-picker-wrapper .minute{text-align:right;} .date-picker-wrapper .hide{display:none;} .date-picker-wrapper .drp_top-bar .apply-btn{position:absolute;right:0px;top:10px;width:60px;height:30px;line-height:28px;cursor:pointer;background:#e15616;font-size:12px;color:#363636;border:none;outline:none;} .date-picker-wrapper .drp_top-bar .apply-btn.disabled{background:#999;} .date-picker-wrapper .date-range-length-tip{position:absolute;color:#FFF;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: #e15616;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));} .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 #e15616;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;} @media screen and (min-width:768px){ .date-picker-wrapper{width:600px;} .date-picker-wrapper .month-wrapper{border-radius:3px;background-color:#fff;padding:15px;cursor:default;position:relative;_overflow:hidden;} .date-picker-wrapper .drp_top-bar{display:none;} .date-picker-wrapper .month-wrapper table{width:266px;float:left;} .date-picker-wrapper .month-wrapper table.month2{width:266px;float:right;} } @media screen and (max-width:768px){ .date-picker-wrapper{position:fixed;left:0px!important;top:0px!important;background-color:#fff;overflow:scroll;box-sizing:border-box;width:100%!important;height:100%!important;z-index:99999;box-sizing:border-box;width:354px;padding:15px;} .date-picker-wrapper .mobile-wrapper{box-sizing:border-box;width:354px;padding:15px 15px 150px 15px;margin:0 auto;} .date-picker-wrapper .month-wrapper{padding-right:60px;} .date-picker-wrapper .month-wrapper table{width:266px;margin:0 auto 5px auto;position:relative;} .date-picker-wrapper .month-wrapper tr.caption{position:absolute;right:-50px;top:0;width:40px;} .date-picker-wrapper .drp_top-bar .apply-btn{color:#FFF;} .date-picker-wrapper .month-wrapper tr.caption th{display:block;border:none;} .date-picker-wrapper .month-wrapper tr.caption th.month-name{height:180px;width:18px;line-height:24px;border:none;} .date-picker-wrapper .month-wrapper .week-name th:last-of-type,.date-picker-wrapper .month-wrapper .week-name th:first-of-type{color:#e15616;} .date-picker-wrapper .drp_top-bar{border-top:1px #e15616 dotted;margin:40px auto 0;width:100%;box-sizing:border-box;} .date-picker-wrapper table .caption .next,.date-picker-wrapper table .caption .prev{transform:rotate(90deg);} }