#fbuilder .ui-datepicker-inline {width:auto ! important;display:inline-block !important;border:0px;} #fbuilder .ui-datepicker-inline{width:100%;max-width:300px;} #fbuilder .ui-datepicker-inline.ui-datepicker-multi{max-width:4000px;} #fbuilder .ui-datepicker.ui-datepicker-multi { width:auto; } #fbuilder .ui-datepicker-multi .ui-datepicker-group { float:left; } #fbuilder .ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; } #fbuilder .ui-datepicker-multi-2 .ui-datepicker-group { width:50%; } #fbuilder .ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; } #fbuilder .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; } #fbuilder .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; } #fbuilder .ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; } #fbuilder .ui-datepicker-row-break { clear:both; width:100%; font-size:0em; } @media screen and (max-width:640px){   #fbuilder .ui-datepicker-multi-2 .ui-datepicker-group { width:auto; }   #fbuilder .ui-datepicker-multi-3 .ui-datepicker-group { width:auto; } } #fbuilder table.ui-datepicker-calendar{table-layout:fixed;} #fbuilder .ui-datepicker { height:auto; margin:5px 0; padding:0px; font:9pt Arial, sans-serif; -webkit-box-shadow:0px 0px 10px 0px rgba(0, 0, 0, .5); -moz-box-shadow:0px 0px 10px 0px rgba(0, 0, 0, .5); box-shadow:0px 0px 10px 0px rgba(0, 0, 0, .5); } #fbuilder .ui-datepicker a { text-decoration:none; } #fbuilder .ui-datepicker table { width:100%; border-collapse:separate; } #fbuilder .ui-datepicker-header { background:#000; color:#e0e0e0; font-weight:bold; -webkit-box-shadow:inset 0px 1px 1px 0px rgba(250, 250, 250, 2); -moz-box-shadow:inset 0px 1px 1px 0px rgba(250, 250, 250, .2); box-shadow:inset 0px 1px 1px 0px rgba(250, 250, 250, .2); text-shadow:1px -1px 0px #000; filter:dropshadow(color=#000, offx=1, offy=-1); line-height:30px; border-width:0; border-style:solid; border-color:#111; } #fbuilder .ui-datepicker-title { text-align:center;line-height:inherit; } #fbuilder .ui-datepicker .ui-datepicker-prev, #fbuilder .ui-datepicker .ui-datepicker-next { display:inline-block; width:30px; height:30px; text-align:center; cursor:pointer; background-image:url('/wp-content/plugins/appointment-hour-booking/css/cupertino/./images/arrow.png'); background-repeat:no-repeat; line-height:600%; overflow:hidden; position:relative; } #fbuilder .ui-datepicker .ui-datepicker-prev span, #fbuilder .ui-datepicker .ui-datepicker-next span{display:none} #fbuilder .ui-datepicker .ui-datepicker-prev { float:left; background-position:center -30px; left:0px;top:0px; } #fbuilder .ui-datepicker .ui-datepicker-next { float:right; background-position:center 0px; right:0px;top:0px; } #fbuilder .ui-datepicker .ui-datepicker-prev-hover,#fbuilder .ui-datepicker .ui-datepicker-next-hover {   top:0px; } #fbuilder .ui-datepicker thead { background-color:#f7f7f7; background-image:-moz-linear-gradient(top, #f7f7f7 0%, #f1f1f1 100%); background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#f1f1f1)); background-image:-webkit-linear-gradient(top, #f7f7f7 0%,#f1f1f1 100%); background-image:-o-linear-gradient(top, #f7f7f7 0%,#f1f1f1 100%); background-image:-ms-linear-gradient(top, #f7f7f7 0%,#f1f1f1 100%); background-image:linear-gradient(top, #f7f7f7 0%,#f1f1f1 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#f1f1f1',GradientType=0 ); border-bottom:1px solid #bbb; } #fbuilder .ui-datepicker th { text-transform:uppercase; padding:5px 0; color:#666666; text-align:center; text-shadow:1px 0px 0px #fff; filter:dropshadow(color=#fff, offx=1, offy=0); } #fbuilder .ui-datepicker tbody td { padding:0; border-right:1px solid #bbb; } #fbuilder .ui-datepicker tbody td:last-child { border-right:0px; } #fbuilder .ui-datepicker tbody tr { border-bottom:1px solid #bbb; } #fbuilder .ui-datepicker tbody tr:last-child { border-bottom:0px; } #fbuilder .ui-datepicker td span, .ui-datepicker td a { display:inline-block; font-weight:bold; text-align:center; width:100%; height:30px; line-height:30px; color:#666666; text-shadow:1px 1px 0px #fff; filter:dropshadow(color=#fff, offx=1, offy=1); box-shadow:none;border:0px } #fbuilder .ui-datepicker-calendar .ui-state-default { background:#ededed; background:-moz-linear-gradient(top, #ededed 0%, #dedede 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(100%,#dedede)); background:-webkit-linear-gradient(top, #ededed 0%,#dedede 100%); background:-o-linear-gradient(top, #ededed 0%,#dedede 100%); background:-ms-linear-gradient(top, #ededed 0%,#dedede 100%); background:linear-gradient(top, #ededed 0%,#dedede 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#dedede',GradientType=0 ); -webkit-box-shadow:inset 1px 1px 0px 0px rgba(250, 250, 250, .5); -moz-box-shadow:inset 1px 1px 0px 0px rgba(250, 250, 250, .5); box-shadow:inset 1px 1px 0px 0px rgba(250, 250, 250, .5); display:inline-grid;text-align:center; } #fbuilder .ui-datepicker-calendar .ui-state-hover { background:#f7f7f7;box-shadow:none;border:0px } #fbuilder .ui-datepicker-calendar .ui-state-active { background:#6eafbf; -webkit-box-shadow:inset 0px 0px 10px 0px rgba(0, 0, 0, .1); -moz-box-shadow:inset 0px 0px 10px 0px rgba(0, 0, 0, .1); box-shadow:inset 0px 0px 10px 0px rgba(0, 0, 0, .1); color:#e0e0e0; text-shadow:0px 1px 0px #4d7a85; filter:dropshadow(color=#4d7a85, offx=0, offy=1); border:1px solid #55838f; position:relative; } #fbuilder .ui-datepicker-unselectable .ui-state-default { background:#f4f4f4; color:#b4b3b3; } #fbuilder .ui-corner-all, #fbuilder .ui-corner-bottom, #fbuilder .ui-corner-right, #fbuilder .ui-corner-br{border-radius:0px} #fbuilder .ui-state-hover{border:0px;left:0px} #fbuilder .ui-state-disabled,#fbuilder .ui-widget-content .ui-state-disabled,#fbuilder .ui-widget-header .ui-state-disabled {   opacity:inherit;   filter:inherit; } #fbuilder .ui-widget-header .ui-state-hover{background-color:transparent} #fbuilder .ui-state-default, #fbuilder .ui-widget-content .ui-state-default, #fbuilder .ui-widget-header .ui-state-default, #fbuilder .ui-button, #fbuilder html .ui-button.ui-state-disabled:hover, #fbuilder html .ui-button.ui-state-disabled:active{border:inherit;font-weight:bold} #fbuilder .ui-state-active, #fbuilder .ui-widget-content .ui-state-active, #fbuilder .ui-widget-header .ui-state-active, #fbuilder a.ui-button:active, #fbuilder .ui-button:active, #fbuilder .ui-button.ui-state-active:hover{border:inherit;font-weight:bold} #fbuilder .ui-datepicker select.ui-datepicker-month, #fbuilder .ui-datepicker select.ui-datepicker-year{width:auto;}