/* 
    Created on : 13.10.2019, 21:02:11
    Author     : Tomas Bradle
*/

.form-check-input[type="checkbox"]:checked + label::before, 
label.btn input[type="checkbox"]:checked + label::before {
    border-right: 2px solid #ffa500;
    border-bottom: 2px solid #ffa500;
}

.md-form input:not([type]):focus:not([readonly]) + label, 
.md-form input[type="date"]:not(.browser-default):focus:not([readonly]) + label, 
.md-form input[type="datetime-local"]:not(.browser-default):focus:not([readonly]) + label, 
.md-form input[type="datetime"]:not(.browser-default):focus:not([readonly]) + label, 
.md-form input[type="email"]:not(.browser-default):focus:not([readonly]) + label, 
.md-form input[type="number"]:not(.browser-default):focus:not([readonly]) + label, 
.md-form input[type="password"]:not(.browser-default):focus:not([readonly]) + label, 
.md-form input[type="search-md"]:focus:not([readonly]) + label, 
.md-form input[type="search"]:not(.browser-default):focus:not([readonly]) + label, 
.md-form input[type="tel"]:not(.browser-default):focus:not([readonly]) + label, 
.md-form input[type="text"]:not(.browser-default):focus:not([readonly]) + label, 
.md-form input[type="time"]:not(.browser-default):focus:not([readonly]) + label, 
.md-form input[type="url"]:not(.browser-default):focus:not([readonly]) + label, 
.md-form textarea.md-textarea:focus:not([readonly]) + label {
    color: #ffa500;
}

.md-form input:not([type]):focus:not([readonly]), 
.md-form input[type="date"]:not(.browser-default):focus:not([readonly]), 
.md-form input[type="datetime-local"]:not(.browser-default):focus:not([readonly]), 
.md-form input[type="datetime"]:not(.browser-default):focus:not([readonly]), 
.md-form input[type="email"]:not(.browser-default):focus:not([readonly]), 
.md-form input[type="number"]:not(.browser-default):focus:not([readonly]), 
.md-form input[type="password"]:not(.browser-default):focus:not([readonly]), 
.md-form input[type="search-md"]:focus:not([readonly]), 
.md-form input[type="search"]:not(.browser-default):focus:not([readonly]), 
.md-form input[type="tel"]:not(.browser-default):focus:not([readonly]), 
.md-form input[type="text"]:not(.browser-default):focus:not([readonly]), 
.md-form input[type="time"]:not(.browser-default):focus:not([readonly]), 
.md-form input[type="url"]:not(.browser-default):focus:not([readonly]), 
.md-form textarea.md-textarea:focus:not([readonly]) {
    border-bottom: 1px solid #ffa500;
    box-shadow: 0 1px 0 0 #ffa500;
}

form .alert.alert-danger.alert-form-main {
    margin-top: 0.875rem;;
}








/* -------------- SELECT ---------------------------- */
.select-wrapper input {
  z-index: 2;
}

.select-wrapper + label {
    top: 0.7rem;
    left: 0;
}

.select-wrapper + label.active {
  transform: translateY(-14px);
  font-size: .8rem;
  top: 1.5rem;
  top: 0;
  left: 15px;
  left: 0;
}

.select-wrapper + label.mdb-main-label {
    z-index: 1;
}

.md-form.select-wrapper {
    margin-bottom: 1.4rem;
    margin-top: 1.6rem;
}

.md-form.select-wrapper ul li, 
.md-form.select-wrapper ul li:hover, 
.md-form.select-wrapper ul li span, 
.md-form.select-wrapper ul li span:hover {
    color: #000 !important;
}
/* -------------- SELECT konec ---------------------- */







.form-group {
    position: relative;
}




.md-form .prefix.active, 
.md-form.md-outline input[type="date"]:focus:not([readonly]) + label, 
.md-form.md-outline input[type="datetime-local"]:focus:not([readonly]) + label, 
.md-form.md-outline input[type="email"]:focus:not([readonly]) + label, 
.md-form.md-outline input[type="number"]:focus:not([readonly]) + label, 
.md-form.md-outline input[type="password"]:focus:not([readonly]) + label, 
.md-form.md-outline input[type="search-md"]:focus:not([readonly]) + label, 
.md-form.md-outline input[type="search"]:focus:not([readonly]) + label, 
.md-form.md-outline input[type="tel"]:focus:not([readonly]) + label, 
.md-form.md-outline input[type="text"]:focus:not([readonly]) + label, 
.md-form.md-outline input[type="time"]:focus:not([readonly]) + label, 
.md-form.md-outline input[type="url"]:focus:not([readonly]) + label, 
.md-form.md-outline textarea.md-textarea:focus:not([readonly]) + label {
    color: #ffa500;
}


.fas.suffix {
    position: absolute;
    right: 0;
    top: 0.8rem;
}

.form-subtitle {
    font-weight: 300;
    font-size: 180%;
    padding-top: 2rem;
    padding-bottom: 1rem;
}

.form-check {
    text-align: left;
}








.form-check-input[type="radio"].with-gap:checked + label::after, 
.form-check-input[type="radio"]:checked + label::after, 
label.btn input[type="radio"].with-gap:checked + label::after, 
label.btn input[type="radio"]:checked + label::after {
    background-color: #ffa500;
}

.form-check-input[type="radio"].with-gap:checked + label::after, 
.form-check-input[type="radio"].with-gap:checked + label::before, 
.form-check-input[type="radio"]:checked + label::after, 
label.btn input[type="radio"].with-gap:checked + label::after, 
label.btn input[type="radio"].with-gap:checked + label::before, 
label.btn input[type="radio"]:checked + label::after {
    border: 2px solid #ffa500;
}








/* DATE --------------------------------------- */

.picker__box .picker__header .picker__date-display {
    background-color: #ffa500;
}

.picker__box .picker__table .picker__day.picker__day--today {
    color: #ffa500;
}

.picker__box .picker__table .picker--focused, .picker__box .picker__table .picker__day--selected, .picker__box .picker__table .picker__day--selected:hover {
    background-color: #ffa500;
}

.form-date-icon {
    position: absolute;
    top: 14px;
    right: 0px;
}


/* DATE - konec --------------------------------------- */










/* TIME ----------------------------------------------- */

.picker__box .picker__date-display {
    background-color: #ffa500;
}

/* TIME - konec --------------------------------------- */










/* TABS ----------------------------------------------- */

form .classic-tabs {
    
}

form .classic-tabs.is-fixed {
    background: #fff;
    position: fixed;
    z-index: 1029;
    /*box-shadow: 0 2px 5px 0 rgba(0,0,0,.08), 0 2px 10px 0 rgba(0,0,0,.06);*/
    box-shadow: 0 2px 10px 0 rgba(0,0,0,.08);
    border-bottom: 1px solid #eee;
}

form .classic-tabs ul {
    background: #eee !important;
    background: transparent !important;
    
    border-bottom: 1px solid #eee;
}

form .classic-tabs.is-fixed ul {
    border-bottom: 0px solid;
}

form .classic-tabs ul li a {
    color: #aaa !important;
}

form .classic-tabs ul li a.active {
    color: #111 !important;
    border-color: #111 !important;
}

form .classic-tabs .nav li:first-child {
    
    margin-left: 0px;
}

/* TABS - konec --------------------------------------- */










select.is-basic {
    display: initial !important;
}






/* PACKET SELECT -------------------------------------- */

.packet-select-container {
    display: inline-block;
    vertical-align: top;
    width: 125px;
    height: 170px;
    
    font-size: 0.95rem;
}

.packet-select-container.active {
    background-color: #ffa500;
    border-color: #ffa500;
    color: #fff;
}

.packet-select-container .packet-select-description {
    height: 55px;
}

.packet-select-container strong {
    font-size: 1.6rem;
}

.packet-select-container select {
    padding: .25rem .5rem;
    font-weight: 600;
}

/* PACKET SELECT - konec ------------------------------ */



/* JOB SELECT ----------------------------------------- */

.job-select-container {
    margin-right: 1rem;
    
    width: calc((100% - 2rem) / 3);
}

.job-select-container:nth-child(3) {
    margin-right: 0;
}

.job-select-container.active {
    background-color: #ffa500;
    border-color: #ffa500;
    color: #fff;
}

.job-select-container select {
    margin: .25rem auto;
    padding: .25rem .5rem;
    padding: .25rem .25rem;
    font-weight: 600;
    width: 55px;
}

/* JOB SELECT - konec --------------------------------- */





/* SWITCH --------------------------------------------- */

.switch label input[type="checkbox"]:checked + .lever::after {
    background-color: #ffa500;
}

/* SWITCH - konec ------------------------------------- */



.invalid-feedback {
    text-align: left;
}

.select-wrapper ~ .invalid-feedback, .select-wrapper ~ .valid-feedback {
    display: block;
}

input[type="text"]:not(.select-dropdown):not(.datepicker)[readonly],
input[type="text"]:not(.select-dropdown):not(.datepicker)[readonly="true"], 
input[type="text"][disabled],
input[type="text"][disabled="disabled"] {
    color: #888;
}





/* CKE fix - select ----------------------------------- */
select.cke_dialog_ui_input_select {
    display: block !important; 
}




/* TA - wysiwyg --------------------------------------- */
.md-form.is-wysiwyg {
    padding-top: 3rem;
}










.btn.btn-form-submit {
    color: #000;
    font-weight: 500;
}

.btn.btn-form-submit:hover {
    
}




.label-fake {
    font-size: .8rem;
    color: #757575;    
    font-weight: 300;
}






/* ------------------------ AUTOCOMPLETE ------------------------------------ */


ul.ui-autocomplete {
    background-color: #fff;
    /*padding: .5rem 0;*/
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
}

ul.ui-autocomplete li.ui-menu-item .ui-menu-item-wrapper {
    font-size: .9rem;
    padding: .5rem;
    color: var(--def-color);
}

ul.ui-autocomplete li.ui-menu-item:focus, 
ul.ui-autocomplete li.ui-menu-item .ui-menu-item-wrapper:focus, 
ul.ui-autocomplete li.ui-menu-item:active, 
ul.ui-autocomplete li.ui-menu-item .ui-menu-item-wrapper:active, 
ul.ui-autocomplete li.ui-menu-item.ui-state-active, 
ul.ui-autocomplete li.ui-menu-item .ui-menu-item-wrapper.ui-state-active, 
ul.ui-autocomplete li.ui-menu-item.ui-state-hover, 
ul.ui-autocomplete li.ui-menu-item .ui-menu-item-wrapper.ui-state-hover, 
ul.ui-autocomplete li.ui-menu-item:hover, 
ul.ui-autocomplete li.ui-menu-item .ui-menu-item-wrapper:hover {
    background: #eee;
    border: 0px none;
    margin: 0px;
}

ul.ui-autocomplete li.ui-menu-item .ui-menu-item-wrapper strong {
    font-weight: bold;
}


/* ------------------------ AUTOCOMPLETE - konec ---------------------------- */

