/*---------------------------------------------
  -- GLOBAL FORM STYLES -----------------------
  ---------------------------------------------*/
.form_error{display:none;background:var(--colour-error-red);margin-bottom:20px;padding:10px;color:#fff;font-size:14px;}
.form_error:not(:empty){display:block;}  
.form_hint{display:block;line-height:20px;margin-bottom:20px;font-size:14px;}
.form_hint > .btn{display:block;line-height:40px;width:150px;margin:20px auto 0;font-size:14px;text-align:center;color:#fff;border-radius:6px;} 

/*-- User Credential Form --------------------*/ 
.ucd_form{position:relative;background:var(--colour-grey-light);max-width:400px;margin:0 auto;padding:30px;border:1px solid #ddd;}

.ucd_form > #su_rules{display:none;position:absolute;background:var(--colour-grey-light);width:100%;height:100%;top:0;left:0;padding:30px 0;line-height:24px;font-weight:300;z-index:1;}
.ucd_form > #su_rules > span{display:block;margin-bottom:30px;padding:0 30px;}
.ucd_form > #su_rules > ol{margin-bottom:20px;}
.ucd_form > #su_rules > ol > li{display:flex;align-items:flex-start;background:rgba(255,0,0,0.2);margin-bottom:1px;padding:30px;}
.ucd_form > #su_rules > ol > li > span{margin-right:5px;line-height:1;font-size:26px;font-weight:600;color:var(--colour-error-red);}
.ucd_form > #su_rules > button{display:block;height:40px;margin:0 auto;padding:0 40px;font-size:14px;border-radius:6px;}
.ucd_form > fieldset:disabled ~ #su_rules{display:block;}

.ucd_form a{color:var(--colour-blue);}
.ucd_form > .fields{display:flex;flex-wrap:wrap;position:relative;width:100%;margin-bottom:20px;}
.ucd_form > .fields > .errortext{display:none;width:100%;padding-top:5px;font-size:12px;color:var(--colour-error-red);font-weight:500;}
.ucd_form > .fields input.error ~ .errortext,
.ucd_form > .fields.error > .errortext{display:block;}

.ucd_form > .fields > span{display:block;}
.ucd_form > .fields > .fieldname{position:absolute;top:10px;left:10px;font-size:12px;pointer-events:none;}
.ucd_form > .fields > input{background-color:#fff;width:100%;height:60px;padding:20px 10px 0;}

.ucd_form > .fields.checkboxes > label > .icon{width:25px;height:25px;margin-right:10px;}

.ucd_form > .bottom{display:flex;align-items:center;justify-content:center;}
.ucd_form > .bottom > a{display:block;font-size:14px;}
.ucd_form > .bottom > button{display:block;height:40px;padding:0 40px;font-size:14px;border-radius:6px;}

.ucd_form > .goto_hint{position:absolute;width:100%;left:0;bottom:-30px;font-size:14px;text-align:center;}
.ucd_form > .goto_hint > a{padding-left:10px;color:var(--colour-blue);text-decoration:underline;}
.ucd_form > .goto_hint > a:hover{text-decoration:none;}

.fields.pw label{display:flex !important;flex-wrap:wrap;}
.fields.pw input{padding-right:50px  !important;}
.fields.pw .show_pw{display:flex;align-items:center;justify-content:center;width:50px;height:60px;margin-left:-50px;cursor:pointer;}
.fields.pw .show_pw > svg{display:none;width:24px;height:30px;}
.fields.pw input[type="password"] ~ .show_pw > svg.show{display:block;}
.fields.pw input[type="text"] ~ .show_pw > svg.hide{display:block;}

/*-- CRUD Form ------------------------------------*/
.crud_form{position:relative;background:#fff;padding:20px 30px;font-size:16px;border:1px solid var(--def-border-colour);}
.crud_form > .blinder{position:absolute;background:rgba(255,255,255,0.5);top:0;right:0;bottom:0;left:0;}
.crud_form .formsec_title{display:block;padding-bottom:10px;font-weight:500;font-size:20px;}
.crud_form .formsec_title.spacer{padding-top:30px;}
.crud_form .divider{margin:30px 0;border-bottom:2px dashed #eee;}
.crud_form .row{padding:15px 0;}
.crud_form .row.brd{padding:20px 0;border-top:1px solid var(--def-border-colour-light);}
.crud_form .rowname{display:block;margin-bottom:10px;font-weight:500;}
.crud_form .rowname > strong{text-decoration:underline;}
.crud_form .fields{display:flex;flex-wrap:wrap;position:relative;}
.crud_form .fields .errortext{display:none;width:100%;padding-top:5px;font-size:12px;color:var(--colour-error-red);font-weight:500;}
.crud_form .fields.error .errortext{display:block;}

.crud_form .row.multi{padding:0;}
.crud_form .row.multi .fields{padding:15px 0;}

.crud_form .fields label{position:relative;width:100%;margin:0 10px 0 0;}
.crud_form .fields label::after{content:attr(data-fieldname);position:absolute;top:10px;left:10px;font-size:12px;pointer-events:none}
.crud_form .fields label.small{width:110px;}
.crud_form .fields label.tiny{width:80px;}
.crud_form .fields label.currency::before,
.crud_form .fields label.percent::before{position:absolute;left:0;top:25px;width:30px;line-height:30px;color:#888;text-align:center;font-size:20px;pointer-events:none;}
.crud_form .fields label.currency input,
.crud_form .fields label.percent input{padding-left:30px !important;}
.crud_form .fields label.currency::before{content:"€";}
.crud_form .fields label.percent::before{content:"%";}
/*.crud_form .fields label .fieldname{display:block;position:absolute;top:10px;left:10px;font-size:12px;pointer-events:none;}*/

.crud_form .fields label:last-of-type{margin-right:0 !important;}
.crud_form .fields label .hint{position:absolute;background:var(--colour-orange);width:300px;line-height:17px;top:0;left:0;padding:10px;color:#fff;font-size:13px;transform:translateY(-100%);}

.crud_form .fields .field_edit_btn{position:absolute;width:20px;height:20px;top:5px;right:5px;padding:2px;cursor:pointer;}
.crud_form .fields .field_edit_btn > svg{width:100%;height:100%;}
.crud_form .fields .field_edit_btn:hover > svg{fill:#888;}

.crud_form .fields.cols_2 label{flex:1;}

.crud_form .fields.sn_profil .prefield{display:flex;align-items:center;justify-content:flex-end;background:#eee;width:140px;padding-right:10px;}
.crud_form .fields.sn_profil label{flex:1;}

.crud_form .fields input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]){width:100%;height:60px;padding:20px 10px 0;}
.crud_form .fields textarea{width:100%;min-height:200px;line-height:1.5;padding:30px 10px 20px;resize:vertical;}
.crud_form .fields textarea.expand{overflow:hidden;resize:none;}

/* .crud_form .fields .dropdown{width:120px;height:60px;}
.crud_form .fields .dropdown > svg{position:absolute;width:10px;height:10px;top:40px;right:10px;transform:translateY(-50%);fill:var(--def-text-colour);}
.crud_form .fields .dropdown select{position:absolute;width:100%;height:100%;padding:20px 10px 0;}
.crud_form .fields .dropdown select > option{padding:0;}
 */

.crud_form .fieldtip{display:none;position:absolute;width:0;height:0;overflow:hidden;} /* for Tooltips */
.crud_form .fieldhint{display:block;width:100%;padding-bottom:15px;font-size:14px;line-height:1.4;}

.crud_form .fields.currency label .profit_hint{display:none;align-self:center;}
.crud_form .fields.currency label .profit_hint span{display:block;line-height:20px;}
.crud_form .fields.currency label .profit_hint span span{display:inline-block;width:95px;}
.crud_form .fields.currency label .profit_hint .commission{font-size:12px;}
.crud_form .fields.currency label .profit_hint .commission strong{font-weight:500;color:var(--colour-red-light);}
.crud_form .fields.currency label .profit_hint .profit{font-size:14px;font-weight:600;}
.crud_form .fields.currency label .profit_hint .profit strong{font-weight:600;text-decoration:double underline;color:var(--colour-green);}
.crud_form .fields.currency input:not(:placeholder-shown) ~ .profit_hint{display:block;}

.crud_form .fields.checkboxes label{width:auto;margin-right:20px;}
.crud_form .fields.checkboxes.list{flex-direction:column;align-items:flex-start;}
.crud_form .fields.checkboxes.list label{margin-right:0;margin-bottom:5px;}

.crud_form .fields.checkboxes.equal{justify-content:space-between;}

.crud_form .fields .date_picker input[type="text"]:not(:placeholder-shown) + .clear{display:block;}
.crud_form .fields .date_picker .clear{display:none;position:absolute;width:25px;height:40px;bottom:0;right:0;text-align:center;border-left:1px solid var(--input-border-colour);cursor:pointer;}
.crud_form .fields .date_picker .clear svg{fill:var(--def-text-colour);width:10px;height:100%;}
.crud_form .fields .calwrap{position:absolute;bottom:0;left:0;}
.crud_form .fields .calwrap .pika-single{position:absolute !important;}

.crud_form .phone .dialcode_select{margin-right:10px;}
.crud_form .phone label.phonenum{flex:1;}

.crud_form label.street{flex:1;}
.crud_form label.housenum{width:70px;}

.crud_form label.postcode{width:100px;}
.crud_form label.city{flex:1;}

.crud_form .formfooter{display:flex;align-items:center;justify-content:center;position:fixed;background:var(--colour-darkgrey);width:100%;height:80px;left:0;bottom:-80px;margin:0;padding:0;z-index:3;transition:bottom .2s;}
.crud_form .formfooter.show{bottom:0;}
.crud_form .formfooter button,
.crud_form .formfooter .submit_btn{display:block;position:relative;height:50px;padding:0 50px;font-size:16px;border-radius:6px;overflow:hidden;}

/*---------------------------------------------
  -- GLOBAL FORM ELEMENTS ---------------------
  ---------------------------------------------*/
.anim_focus,
[contenteditable="true"],
textarea:not(.nofocusanim),
select:not(.nofocusanim),
input:not(.nofocusanim){
	background-color:#fff;
	background-image:linear-gradient( var(--colour-blue-light), var(--colour-blue-light) );
	background-repeat:no-repeat;
	background-size:0 4px;
	background-position:bottom;
	transition:background .2s ease-out, border-color .15s ease-out;
}

.anim_focus.open,
.anim_focus.active,
.anim_focus.show,
[contenteditable="true"]:not(.nofocusanim):focus,
textarea:not(.nofocusanim):focus,
select:not(.nofocusanim):focus,
input:not([type="checkbox"]):focus,
input:not([type="radio"]):focus,
input:not(.nofocusanim):focus{background-size:100% 4px;}

.radio,
.checkbox{display:flex;align-items:center;position:relative;min-height:30px;cursor:default;font-size:14px;}

.radio.inline_flex,
.checkbox.inline_flex{display:inline-flex !important;}

.radio > input,
.checkbox > input{position:absolute;height:0;width:0;opacity:0;border:0;pointer-events:none;}

.radio > .name,
.checkbox > .name{display:block;}

.checkbox > .icon{flex-shrink:0;display:block;position:relative;background:#fff;width:20px;height:20px;margin-right:5px;border:1px solid var(--input-border-colour);transition:.2s;}
.checkbox > .icon.no_margin{margin:0;}
.checkbox > .icon > svg{display:none;position:absolute;width:100%;height:100%;top:0;left:0;fill:#fff;}
.checkbox > input:checked ~ .icon{background:var(--colour-blue);border-color:var(--colour-blue);}
.checkbox > input:checked ~ .icon > svg{display:block;}

.checkbox.small{height:20px;}
.checkbox.small > .icon{width:16px;height:16px;font-size:12px;line-height:14px;}
.checkbox.small > .name{font-size:12px;}

.checkbox > input:disabled ~ .icon{background:var(--def-background-disabled);border:1px solid var(--input-border-colour);}
.checkbox > input:disabled ~ .icon > svg{fill:var(--def-disabled-text);}

.radio > .icon{flex-shrink:0;display:block;position:relative;background:#fff;width:24px;height:24px;margin-right:5px;border:1px solid var(--input-border-colour);overflow:hidden;border-radius:50%;transition:.2s;}
.radio > .icon > .dot{opacity:0;position:absolute;background:var(--colour-blue);width:12px;height:12px;top:50%;left:50%;margin:-6px 0 0 -6px;border-radius:50%;transform:scale(0,0);transition:transform .2s;}

.radio.small{height:20px;}
.radio.small > .icon{width:18px;height:18px;margin-right:3px;}
.radio.small > .icon > .dot{width:10px;height:10px;margin:-5px 0 0 -5px;}
.radio.small > .name{font-size:12px;}

.radio > input:checked ~ .icon{border-color:var(--colour-blue);}
.radio > input:checked ~ .icon > .dot{opacity:1;transform:scale(1,1);}
.radio > input:disabled ~ .icon{background:var(--def-background-disabled);border-color:var(--input-border-colour);}
.radio > input:checked:disabled ~ .icon > .dot{opacity:1;background:var(--def-disabled-text);transform:scale(1,1);}

.radio > input:not(.error):not(:disabled):hover ~ .icon,
.checkbox > input:not(.error):not(:disabled):hover ~ .icon,
.radio > input:not(.error):not(:disabled):focus ~ .icon,
.checkbox > input:not(.error):not(:disabled):focus ~ .icon{border-color:var(--colour-blue);}

.switch{display:inline-flex;align-items:center;position:relative;height:20px;cursor:pointer;}
.switch > input{position:absolute;height:0;width:0;opacity:0;border:0;pointer-events:none;}
.switch > .toggle_bar{position:relative;background:rgba(0,0,0,0.3);width:34px;height:14px;border-radius:7px;}
.switch > .toggle_btn{position:absolute;background:#fff;width:20px;height:20px;top:50%;left:0;border-radius:50%;transform:translate(0, -50%);transition:transform linear .08s, background linear .08s;box-shadow:0 3px 1px -2px rgba(0,0,0,0.2), 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12);}
.switch > .toggle_btn > svg{display:none;width:12px;height:100%;margin:0 auto;fill:#fff;}
.switch > input:checked ~ .toggle_bar{background:rgba(102,187,106,0.6);}
.switch > input:checked ~ .toggle_btn{background:var(--colour-green);transform:translate(14px, -50%);}
.switch > input:checked ~ .toggle_btn > svg{display:block;}
.switch > .text{display:block;padding-left:5px;}

.anim_focus.error,
input:not([type="checkbox"]).error,
input:not([type="radio"]).error,
textarea:not(.nofocusanim).error,
input:not(.nofocusanim).error{background-image:linear-gradient(var(--colour-error-red), var(--colour-error-red)) !important;border-color:var(--colour-error-red);}

input[type="checkbox"].error ~ .icon,
input[type="radio"].error ~ .icon{border-color:var(--colour-error-red);}

textarea:not(.nofocusanim).error ~ span,
input:not(.nofocusanim).error ~ span{color:var(--colour-error-red);}

/*-- Drop Down / Select -----------------------------------*/
.dd_select{display:flex;align-items:center;justify-content:space-between;position:relative;padding:0 8px;cursor:pointer;}
.dd_select > .selected_text{display:block;position:relative;margin:0;user-select:none;}
.dd_select > svg{position:relative;width:10px;height:10px;transition:transform .2s;}
.dd_select > .dd_list{display:none;flex-wrap:wrap;position:absolute;background:#fff;left:0;min-width:90px;font-size:14px;white-space:nowrap;box-shadow:0 1px 3px rgba(0,0,0,0.3);overflow:auto;z-index:1;}
.dd_select > .dd_list > li{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;width:100%;min-height:40px;margin-bottom:1px;padding:8px 10px;color:var(--def-text-colour);}
.dd_select > .dd_list > li:last-of-type{margin:0;}
/* .dd_select > .dd_list > li::after{content:"";width:20px;height:100%;}*/
.dd_select > .dd_list > li > .text{display:block;width:100%;}
.dd_select > .dd_list > li > .add_text{display:block;font-size:12px;color:#888;}
.dd_select > .dd_list > li[data-selected="1"]{background:rgba(30,136,229,0.2);}
.dd_select > .dd_list > li[data-disabled="1"]{opacity:0.5;color:var(--colour-red-light);text-decoration:line-through;cursor:not-allowed;}
.dd_select > .dd_list > li:not([data-disabled="1"]):hover{background:rgba(30,136,229,0.2);}

.dd_select.show > .dd_list{display:flex;}
.dd_select.show > svg{transform:rotate(180deg);}

.dd_select.disabled,
.dd_select[data-disabled="1"]{background-color:var(--def-background-disabled);color:var(--def-disabled-text);box-shadow:none;cursor:not-allowed !important;}
.dd_select.disabled svg,
.dd_select[data-disabled="1"] svg{fill:var(--def-disabled-text) !important;}
.dd_select.disabled:hover,
.dd_select[data-disabled="1"]:hover{background-color:var(--def-background-disabled) !important;}

/*-- Time Picker -------------------------------*/
.dd_select.timepicker{width:70px;}
.dd_select.timepicker > svg{width:14px;height:14px;}
.dd_select.timepicker > .dd_list{min-width:350px;padding:0;}
.dd_select.timepicker > .dd_list > li{flex-shrink:0;width:50px;height:50px;margin:0;padding:0;font-size:14px;text-align:center;border-right:1px solid var(--def-border-colour);border-bottom:1px solid var(--def-border-colour);}
.dd_select.timepicker > .dd_list > li:nth-child(7n){border-right:0;}
.dd_select.timepicker.show > svg{transform:none;}

/*-- Phone Dial Code Select -------------------------------*/
.dialcode_select{position:relative;min-width:60px;height:inherit;margin-right:5px;padding:0 20px 0 0;font-size:inherit;cursor:pointer;border:1px solid var(--input-border-colour);}
.dialcode_select > svg{position:absolute;width:16px;height:16px;top:50%;right:3px;transform:translateY(-50%);fill:var(--def-text-colour);}
.dialcode_select:not(.disabled).open{border-color:var(--input-border-colour-focus);}
.dialcode_select.open > .dialcodes_list{display:block;}
/*.dialcode_select::before{position:absolute;top:8px;left:10px;font-size:12px;color:#777;content:"Landesvorwahl";}*/

.dialcode_select > .sel_holder{display:flex;align-items:center;width:100%;height:100%;padding-left:10px;}
.dialcode_select > .sel_holder > .flag{margin-right:5px;}
.dialcode_select > .sel_holder > .dial_code{font-size:16px;}

.dialcodes_list{display:none;position:absolute;background:#fff;height:210px;top:100%;left:0;white-space:nowrap;color:var(--def-text-colour);overflow-y:auto;box-shadow:0 1px 3px rgba(0,0,0,0.4);cursor:pointer;transition:.1s;z-index:1;}
.dialcodes_list > li{display:flex;align-items:center;padding:5px 20px 5px 10px;width:100%;font-size:14px;cursor:default;}
.dialcodes_list > li.preselected{margin-bottom:10px;padding-top:15px;padding-bottom:15px;border-bottom:1px solid var(--def-border-colour-light);}
.dialcodes_list > li.option:hover{background:var(--def-border-colour-light);}
.dialcodes_list > li > .flag{flex-shrink:0;margin-right:5px;}
.dialcodes_list > li > .country{margin-right:5px;}
.dialcodes_list > li > .dial_code{}

.dialcode_select.disabled{background:var(--def-background-disabled);cursor:default;}
.dialcode_select.disabled > svg{display:none;}

/*-- Country Select -------------------------------*/
.countrycode_select{position:relative;min-width:60px;height:inherit;padding:20px 20px 0 0;font-size:inherit;cursor:pointer;border:1px solid var(--input-border-colour);}
.countrycode_select > svg{position:absolute;width:16px;height:16px;top:30px;right:5px;}
.countrycode_select:not(.disabled).open{border-color:var(--input-border-colour-focus);}
.countrycode_select.open > .countries_list{display:block;}
.countrycode_select::before{position:absolute;top:8px;left:10px;font-size:12px;content:"Land";}

.countrycode_select > .sel_holder{display:flex;align-items:center;width:100%;height:100%;padding-left:10px;}
.countrycode_select > .sel_holder > .flag{margin-right:5px;}

.countries_list{display:none;position:absolute;background:#fff;max-height:210px;top:100%;left:0;white-space:nowrap;color:var(--def-text-colour);overflow-y:auto;box-shadow:0 1px 3px rgba(0,0,0,0.4);cursor:pointer;transition:.1s;z-index:1;}
.countries_list > li{display:flex;align-items:center;padding:5px 20px 5px 10px;width:100%;font-size:14px;cursor:default;}
.countries_list > li.preselected{margin-bottom:10px;padding-top:15px;padding-bottom:15px;border-bottom:1px solid var(--def-border-colour-light);}
.countries_list > li.option:hover{background:#eee;}
.countries_list > li > .flag{flex-shrink:0;margin-right:5px;}

.countrycode_select.disabled{background:var(--def-background-disabled);cursor:default;}
.countrycode_select.disabled > svg{display:none;}

/*-- Simple Country Select -------------------------------*/
.cc_select > .icon{position:absolute;width:40px;height:100%;top:0;right:0;text-align:center;}
.cc_select > .icon > svg{width:24px;height:100%;}
.cc_select > select{display:block;width:100%;height:60px;padding:20px 40px 0 10px;cursor:pointer;border:1px solid var(--input-border-colour);}
.cc_select > select:disabled ~ .icon{display:none;}

/*-- Datepicker -----------------------------------*/
.pika-single{display:flex;position:absolute !important;background:#fff;padding:20px;color:var(--def-text-colour);box-shadow:0 3px 5px rgba(0,0,0,0.2), var(--def-card-dropshadow);z-index:1;}
.pika-single.is-hidden{display:none;}

.pika-single > .pika-lendar:first-child ~ .pika-lendar{margin-left:40px;}

.pika-title{display:flex;justify-content:center;position:relative;height:40px;text-align:center;}
.pika-label{display:block;position:relative;background-color:#fff;overflow:hidden;margin:0;padding:5px 3px;font-size:16px;line-height:20px;font-weight:500;z-index:1;}
.pika-title select{position:absolute;margin:0;left:0;top:5px;font-size:14px;opacity:0;cursor:pointer;z-index:9998;}
.pika-title select > option:disabled{display:none;}
.pika-title button{display:block;position:absolute;width:30px;height:30px;top:0px;overflow:hidden;cursor:pointer;border:1px solid var(--def-border-colour);z-index:1;}
.pika-title button:hover{border-color:#ddd;}
.pika-title button::after{opacity:0.5;position:absolute;background-repeat:no-repeat;background-position:center;width:100%;height:100%;top:0;left:0;content:"";}
.pika-title button:not(.is-disabled):hover::after{opacity:1;}
.pika-title button.is-disabled{cursor:default;opacity:0;}

.pika-prev{left:0;}
.pika-prev::after{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==');}

.pika-next{right:0;}
.pika-next::after{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=');}

.pika-select{display:inline-block;}

.pika-table{width:100%;font-size:14px;border-collapse:collapse;border-spacing:0;border:0;}
.pika-table thead th{color:#999;line-height:25px;font-weight:500;font-size:12px;text-align:center;}
.pika-table tbody td{width:40px;height:40px;}
.pika-table tbody td:not(.is-empty){border:1px double var(--def-border-colour);}
.pika-table tbody td.pika-week{width:30px;padding-right:7px;text-align:center;color:#999;font-size:12px;font-weight:500;border:0;}

.pika-table tbody td button{display:block;background:none;width:inherit;height:inherit;font-weight:500;color:var(--def-text-colour);cursor:pointer;}
.pika-table tbody td button[disabled]{pointer-events:none;cursor:default;}
.pika-table tbody td button:not([disabled]):hover{color:#fff;background:var(--colour-darkgrey);}

.pika-table tbody td.is-today button{background:rgba(227,242,253,1);color:#007caa;}
.pika-table tbody td.is-selected button{color:#fff;background:var(--colour-darkgrey);}
.pika-table tbody td.is-disabled button{background:var(--hatched-bg-red);color:var(--colour-error-red);font-weight:400;pointer-events:none;cursor:default;}
.pika-table tbody td.has-event button{box-shadow:0 0 0 3px var(--colour-green) inset;}
.pika-table tbody td.has-event.is-disabled button{box-shadow:0 0 0 3px var(--colour-error-red) inset;}

.pika-table abbr{text-decoration:none;}

/*------------------------------------------------------
  -- BREAKPOINTS ---------------------------------------
  ------------------------------------------------------*/
@media(max-width:700px){
	.crud_form{padding:20px 10px;font-size:14px;}
	.crud_form > .row > .fields.checkboxes{flex-direction:column;align-items:flex-start;}
	.crud_form > .row > .fields.checkboxes > label{margin-right:0;margin-bottom:5px;}
	.crud_form > footer{height:60px;}
	.crud_form > footer > button{height:40px;padding:0 30px;}
	.crud_form > .row > .fields textarea{font-size:14px;}	
	
	.countrycode_select > .countries_list,
	.dialcode_select > .dialcodes_list{max-width:330px;top:auto !important;bottom:100% !important;}
}

@media(max-width:560px){
	.crud_form .rowname{font-size:14px;}
	.crud_form .fieldhint{font-size:13px;line-height:1.3;}
	.crud_form .fields.sn_profil .prefield{display:none;}
}