.datepicker-wr, .datepicker-wr2 { position: absolute; z-index: 1000010; margin-top: -20px; padding-top: 3px; } .ui-widget.ui-widget-content { max-width: 310px; border-radius: 0; width: 100%; } .datepicker-wr .ui-datepicker-title select,.datepicker-wr2 .ui-datepicker-title select,.form-question-wr input,.form-question-wr select,.form-question-wr textarea { width:100%; float:left; outline:0!important; height:36px; background:#fff; border:1px solid #b7b7b7; padding-left:8px; margin-top:9px; color:#103b4e; font-size:18px } .datepicker-wr .ui-datepicker-title select,.datepicker-wr2 .ui-datepicker-title select { width:auto; padding-left:8px; margin-top:0; background-color:#fff; border:1px solid #ccc; margin-left:5px; margin-right:5px } .datepicker-full { width:100%; float:left; background:#d7e3e9; position:relative } .datepicker-full table.ui-datepicker-calendar thead { font-size:16px; color:#103b4f } .datepicker-full table.ui-datepicker-calendar thead th { background:#88c3de; padding:4px 0 } .datepicker-full table.ui-datepicker-calendar { width:100%; padding:0; border:0; border-spacing:0 } .datepicker-full table.ui-datepicker-calendar td { text-align:center } .datepicker-full table.ui-datepicker-calendar td a,.datepicker-full table.ui-datepicker-calendar td span { font-size:18px; font-weight:700; color:#103b4f; height:44px; display:block; width:100%; line-height:44px } .datepicker-full table.ui-datepicker-calendar td span { opacity:.5 } .datepicker-full table.ui-datepicker-calendar td a:hover { background:#fff200 } .datepicker-full table.ui-datepicker-calendar tr td { border-top:2px solid #fff; border-right:1px solid #fff } .datepicker-full table.ui-datepicker-calendar tr td.ui-datepicker-other-month.ui-datepicker-unselectable.ui-state-disabled { border-right:0 } .datepicker-full table.ui-datepicker-calendar tr:last-child td.ui-state-disabled { border-top:2px solid #fff } .datepicker-full table.ui-datepicker-calendar tr:first-child td.ui-datepicker-other-month.ui-datepicker-unselectable:last-child { border-right:1px solid red!important } .datepicker-full table.ui-datepicker-calendar tr td:last-child { border-right:0 } .datepicker-full .ui-datepicker-header { background:#357592; height:48px } .datepicker-full .ui-datepicker-title { color:#fff; text-align:right; font-weight:700; padding:0 63px 0 15px; line-height:48px } .datepicker-full .ui-datepicker-next,.datepicker-full .ui-datepicker-prev { position:absolute; top:16px; right:42px; width:9px; height:14px; background:url(../img/ico-all/calendar-l.png) no-repeat; background-size:9px 14px; cursor:pointer } .datepicker-full .ui-datepicker-next.ui-state-disabled,.datepicker-full .ui-datepicker-prev.ui-state-disabled { cursor:default; opacity:.4 } .datepicker-full .ui-datepicker-next { background:url(../img/ico-all/calendar-r.png) no-repeat; background-size:9px 14px; right:15px } .datepicker-form input,.datepicker-form-2 input { background:url(../img/ico-all/calendar-ico.png) 99% 50% no-repeat } .datepicker-wr,.datepicker-wr2 { background-color:#fff; margin-left:0; border-radius:0; z-index: 1000010; } .datepicker-wr .ui-datepicker-header.ui-widget-header.ui-helper-clearfix.ui-corner-all,.datepicker-wr2 .ui-datepicker-header.ui-widget-header.ui-helper-clearfix.ui-corner-all { text-align:center; max-width: 280px; width: 100%; position:relative; margin:26px auto 25px; overflow:hidden; padding-left:1px; background-color:initial; border:none } .datepicker-wr .ui-datepicker-calendar tr,.datepicker-wr2 .ui-datepicker-calendar tr,.ui-datepicker-calendar td { margin:0; padding:0 } .datepicker-wr table.ui-datepicker-calendar th,.datepicker-wr2 table.ui-datepicker-calendar th { color:#000; text-transform:uppercase; font-size:10px } .datepicker-wr table.ui-datepicker-calendar,.datepicker-wr2 table.ui-datepicker-calendar { max-width: 280px; width: 100%; text-align:center; margin:0 auto 23px } .datepicker-wr .ui-datepicker-calendar a,.datepicker-wr2 .ui-datepicker-calendar a { font-size:18px; color:#103b4e; text-decoration:none; border-radius:50%; display:inherit; left:9px; position:relative; text-align:center; padding:1px 0 } .datepicker-wr table thead span,.datepicker-wr2 table thead span { color:#103b4e } .datepicker-wr .ui-datepicker-unselectable.ui-state-disabled span,.datepicker-wr2 .ui-datepicker-unselectable.ui-state-disabled span { color:#7499bd; font-size:17px; text-decoration:none; border-radius:50%; display:inherit; left:9px; position:relative } .datepicker-wr .ui-datepicker-calendar a,.datepicker-wr .ui-datepicker-unselectable.ui-state-disabled span,.datepicker-wr2 .ui-datepicker-calendar a,.datepicker-wr2 .ui-datepicker-unselectable.ui-state-disabled span { width:23px; height:23px; line-height:21px; border:none; background-color:#fff } .datepicker-wr .ui-datepicker-next.ui-corner-all,.datepicker-wr .ui-datepicker-prev.ui-corner-all,.datepicker-wr2 .ui-datepicker-next.ui-corner-all,.datepicker-wr2 .ui-datepicker-prev.ui-corner-all { width:20px; height:20px; background-image:url(../img/calendar_arrows.png); overflow:hidden; text-indent:100%; background-repeat:no-repeat; top:5px; cursor:pointer; position:absolute } .datepicker-wr .ui-datepicker-next.ui-corner-all,.datepicker-wr2 .ui-datepicker-next.ui-corner-all { background-position:0 -36px; right:1px; left:auto; margin-top:6px } .ui-datepicker .ui-datepicker-next span,.ui-datepicker .ui-datepicker-prev span,.ui-datepicker-next.ui-corner-all,.ui-datepicker-prev.ui-corner-all { border:none!important; outline:0!important } .datepicker-wr .ui-datepicker-prev.ui-corner-all,.datepicker-wr2 .ui-datepicker-prev.ui-corner-all { background-position:0 -66px; left:2px } .datepicker-wr .ui-datepicker-prev.ui-corner-all.ui-state-disabled,.datepicker-wr2 .ui-datepicker-prev.ui-corner-all.ui-state-disabled { background-position:0 -6px; cursor:default } .datepicker-wr .datepicker-wr:after,.datepicker-wr2 .datepicker-wr2:after { content:''; width:302px; height:1px; background-color:#ccc; position:absolute; left:8px; top:68px } .datepicker-wr .ui-datepicker-calendar td,.datepicker-wr2 .ui-datepicker-calendar td { height:26px } .datepicker-wr .ui-state-active, .datepicker-wr2 .ui-state-active { background:#fff200!important; box-shadow:0 -1px 0 3px #fff200 } .datepicker-wr,.datepicker-wr2 { color:#103b4e; width:100%; display:none; transition:.2s; -webkit-transition:.2s; -moz-transition:.2s; -o-transition:.2s; background:0 0; box-sizing:border-box } .datepicker-wr.opened,.datepicker-wr2.opened { display:block } .datepicker-wr .ui-datepicker-next,.datepicker-wr .ui-datepicker-prev,.datepicker-wr2 .ui-datepicker-next,.datepicker-wr2 .ui-datepicker-prev { background-color:inherit; margin-left:0; display:block; margin-top:6px } .datepicker-wr .ui-datepicker-title,.datepicker-wr2 .ui-datepicker-title { display:table; margin:0 auto } .datepicker-wr .ui-datepicker-year,.datepicker-wr2 .ui-datepicker-year { margin-left:10px } @media ( max-width: 640px ){ .forms_ label{ margin-top:3px; margin-bottom:3px; } .modal-header .close { margin-top: -2px; font-size: 35px; position: absolute; right: 15px; } .datepicker-wr,.datepicker-wr2{ left:0; } }