/* Styles definition here */
/* VELIKOST KOLEDARJA */
#fbuilder .ui-datepicker-inline {max-width:none!important;}
/*#fbuilder .slots {width: 50%;}*/

/* SKRIVANJE ELEMENTOV */
.ahbfield_service {display: none!important;}
#fbuilder .top_aligned .fields label  {display: none;}
.ahbfield_quantity_label {display:inline!important; color: transparent!important;} 
.ahbfield_quantity_label::before {content: "Iz spodnjega spustnega seznama izberite število koles za prevzem (1-5)."; color:#666!important;}
.ahbfield_quantity {border-bottom: 0px!important;}

/* OZNAKE */
#fbuilder, #fbuilder label, #fbuilder span {color: #4b4b4d;}
.ui-datepicker-title span {color: #fffc!important;}
@media (min-width: 981px){#fbuilder, #fbuilder label, #fbuilder span {font-size: 14px;}}

/* INPUT POLJA */
#fbuilder input[type=text], #fbuilder textarea, #fbuilder select {border: 0px; border-bottom: 1px solid #EDEDED; padding-top: 8px; padding-bottom: 8px; background:none;}

/* OBVESTILO ZA STRANKE */
@media (max-width: 980px) {#fbuilder .potrditev_termina_info span.uh {font-size:12px;}}
@media (min-width: 981px) {#fbuilder .potrditev_termina_info span.uh {font-size:13px;}}

/* BUTTON */
#fbuilder .pbSubmit {background-color: #EDEDED; font-weight: regular; text-transform:uppercase; letter-spacing:1px; border: 0px; padding: 10px 20px; color: #4b4b4b; margin-top:20px; margin-right:0px; border-radius:3px; float:right;}
@media (max-width: 980px){#fbuilder .pbSubmit {font-size: 12px;}}
#fbuilder .pbSubmit:hover {background-color: #4b4b4b; color: #ffffff;}

/* SKRIJ # V TELEFONSKEM POLJU */
.uh_phone .l {display:none;}

/* KOLEDAR ODSTRANITEV OBROB IN SENC*/
#fbuilder .ui-datepicker table, #fbuilder .ui-datepicker thead, #fbuilder .ui-datepicker tr, #fbuilder .ui-datepicker th, #fbuilder .ui-datepicker td {border: 0px;}
#fbuilder .ui-datepicker tbody td {border-right:none!important;;}
#fbuilder .ui-datepicker{box-shadow:none;}

/* KOLEDAR HEADER */
#fbuilder .ui-datepicker-header {background:#4b4b4b; font-family:'Open Sans'; text-transform:uppercase; text-shadow:none; padding-top:4px; padding-bottom:4px; box-shadow: none;}
#fbuilder .ui-datepicker-header span{font-size: 16px!important; font-weight:400;}

/* KOLEDAR IMENA DNEVOV*/
#fbuilder .ui-datepicker th {background:#EDEDED; padding-top: 6px; padding-bottom:6px; text-shadow:none;}
.entry-content thead th, .entry-content tr th {font-weight:500; font-family:'Open Sans';}

/* KOLEDAR DNEVI */
/* Višina celic dnevov v koledarju */
#fbuilder .ui-datepicker td span, .ui-datepicker td a {height: 45px; line-height: 45px; text-shadow:none;}
/* Available dates - Default */
#fbuilder .ui-datepicker-calendar .ui-state-default {background:#ededed!important; text-shadow:none; font-weight:500!important; color:#4b4b4b; box-shadow: inset 0px 0px 1px 0px #ffffff;}
@media (min-width: 981px) {.ui-datepicker-calendar .ui-state-default {font-size: 14px;}}
/* Available dates - Hover */
#fbuilder td:not(.ui-datepicker-unselectable) a.ui-state-default:hover {background:#DD3333!important; color:#fff;}
/* Active dates - IZBRAN DAN*/
#fbuilder .ui-datepicker-calendar .ui-state-active {background:#DD3333!important; color:#fff; border:none!important; }
/* Non-Available dates - NEDELJE */
#fbuilder .ui-datepicker-unselectable .ui-state-default{background:#676767!important; color:#fff;}
/* Fully Booked dates - ZASEDEN DAN*/
#fbuilder .notavailslot.ui-datepicker-unselectable .ui-state-default {text-decoration: line-through; background:#aeaeae; color:#fff;}
/* Invalid dates - PRAZNIKI */
#fbuilder .invalidDate.ui-datepicker-unselectable .ui-state-default {background:#aeaeae!important; color:#fff;}
/* Past dates - PRETEKLI DNEVI */
#fbuilder .beforemindate.ui-datepicker-unselectable .ui-state-default {background:#ededed; color:#bbbbbb;}

/* TIME SLOTS */
/* Available slots */
#fbuilder .slots {background:none;box-shadow:none; border:0px; padding-left:0px; padding-right:0px; padding-top: 20px;}
#fbuilder .slots div {border:0px; margin-left:0px; margin-right:1px; padding:0px;}
#fbuilder .slots div a {color:#4b4b4b; padding:8px 15px;}
#fbuilder .slots div a:hover {background:#4b4b4b; color:#fff;}

/* Selected slots - seznam*/
#fbuilder .ahb_list {margin:10px 0px;}
#fbuilder .ahb_list a {border:0px; background:#4b4b4b;color:#fff; padding:8px 10px; margin-left:20px; display:inline-block;}
#fbuilder .ahb_list a:hover {background:#4b4b4b; color:#ffffff;}
#fbuilder .ahb_list .ahb_list_service {display:none;}

/* Selected slots - current by users */
#fbuilder .slots .currentSelection, #fbuilder .slots .htmlUsed.currentSelection {border:0px;}
#fbuilder .slots .currentSelection a {background:#4b4b4b; color:#fff;}
#fbuilder .slots .htmlUsed a, #fbuilder .slots .htmlUsed a:hover {text-decoration: line-through; background:#aeaeae; color:#efefef!important;}
#fbuilder .slots div.htmlUsed {border: 0px;}

/* NAPAKA _ OBVEZNO POLJE */
#fbuilder div.cpefb_error {background: none; border: 1px solid #ff0000;}
#fbuilder div.cpefb_error:after {display:none;}