/* 
    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 #00a5ff;
    border-bottom: 2px solid #00a5ff;
}

.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: #00a5ff;
}

.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 #00a5ff;
    box-shadow: 0 1px 0 0 #00a5ff;
}

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








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

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

.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: #00a5ff !important;
}

.colorful-select .dropdown-content {
    padding-left: 0px;
    padding-right: 0px;
}

.dropdown-primary .dropdown-content li a, 
.dropdown-primary .dropdown-content li span:hover, 
.dropdown-primary .dropdown-content li.active {
    background-color: #eee !important;
    box-shadow: none;
}

.colorful-select .dropdown-content li.active span {
    color: #00a5ff !important;
    box-shadow: none;
}

/* -------------- 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: #00a5ff;
}


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

.form-subtitle {
    font-weight: 300;
    /*font-size: 180%;*/
    margin-top: 2rem;
    margin-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: #00a5ff;
}

.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 #00a5ff;
}








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

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

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

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

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


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










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

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

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










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

form .classic-tabs {
    
}

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

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: #00a5ff;
    border-color: #00a5ff;
    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: #00a5ff;
    border-color: #00a5ff;
    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: #00a5ff;
}

/* 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 {
    
}








.form-login .form-heading, 
.form-login .md-form label, 
.form-login .fas.suffix, 
.form-login input[type="text"],
.form-login input[type="password"] {
    color: #fff;
}

.form-login .md-form label {
    left: 26px;
}

.form-login .fas.suffix {
    right: auto;
    left: 0;
}

.form-login input[type="text"],
.form-login input[type="password"] {
    padding-left: 24px;
    width: calc(100% - 26px) !important;
}




.mdb-autocomplete-wrap {
    text-align: left;
}





.md-form textarea.md-textarea {
    overflow-y: auto;
}


.file-field .file-path-wrapper {
    height: auto;
    min-height: 2.5rem;
}

.file-field .file-path-wrapper .file-path.is-invalid ~ .invalid-feedback {
    display: block;
}




.cke_textarea_inline {
    border: 1px solid #ced4da;
    padding: 0px 8px;
    color: #000;
    
    text-align: left;
}

.cke_textarea_inline p {
    margin-bottom: .25rem;
}

.hint-form .cke_textarea_inline {
    min-height: 200px;
    outline: none;
}




.form-group.has-control .form-control,
.md-form.has-control .form-control {
    width: calc(100% - 2rem) !important;
}

.form-group.has-control .select-wrapper .caret {
    right: 2rem;
}

.collapsible-copydown {
    position: absolute;
    top: 0.75rem;
    right: 0.4rem;
    outline: none !important;
}










.operations-row .operations-row-operation {
    display: none;
    transition: display .2s;
}

.operations-row {
    transition: background-color .2s;
}

.operations-row:hover {
    background-color: rgba(158, 158, 158, .1);
}

.operations-row:hover .operations-row-operation {
    display: initial;
}






.form-check-input.is-invalid ~ .form-check-label, 
.was-validated .form-check-input:invalid ~ .form-check-label {
    color: initial;
}






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

.switch label input[type="checkbox"]:disabled + .lever {
    opacity: .65;
}








form .HP-wrapper {
    position: fixed;
    top: 200vh;
    left: 200vw;
}