/* ============================== */
/* ========== Bob-Web =========== */
/* ==== Company: Deck Genius ==== */
/* ======== Benoît KOPP ========= */
/* ============================== */

/* ========================================== */
/* =============== FORMULAIRES ============== */
/* ========================================== */

/* Couleurs des champs text, password et email */

.form-simple input[type='password']:focus:not([readonly]) {
    border-bottom: 1px solid rgb(51, 71, 82);
    -webkit-box-shadow: 0 1px 0 0 rgb(51, 71, 82);
    box-shadow: 0 1px 0 0 rgb(51, 71, 82);
}

.form-simple input[type='number']:focus:not([readonly]) {
    border-bottom: 1px solid rgb(51, 71, 82);
    -webkit-box-shadow: 0 1px 0 0 rgb(51, 71, 82);
    box-shadow: 0 1px 0 0 rgb(51, 71, 82);
}

.form-simple input[type='text']:focus:not([readonly]) {
    border-bottom: 1px solid rgb(51, 71, 82);
    -webkit-box-shadow: 0 1px 0 0 rgb(51, 71, 82);
    box-shadow: 0 1px 0 0 rgb(51, 71, 82);
}

.form-simple input[type='email']:focus:not([readonly]) {
    border-bottom: 1px solid rgb(51, 71, 82);
    -webkit-box-shadow: 0 1px 0 0 rgb(51, 71, 82);
    box-shadow: 0 1px 0 0 rgb(51, 71, 82);
}

.form-simple input[type='tel']:focus:not([readonly]) {
    border-bottom: 1px solid rgb(51, 71, 82);
    -webkit-box-shadow: 0 1px 0 0 rgb(51, 71, 82);
    box-shadow: 0 1px 0 0 rgb(51, 71, 82);
}

/* Couleur du trait bas de la textarea */
.form-simple textarea[class='md-textarea']:focus:not([readonly]) {
    border-bottom: 1px solid rgb(51, 71, 82);
    -webkit-box-shadow: 0 1px 0 0 rgb(51, 71, 82);
    box-shadow: 0 1px 0 0 rgb(51, 71, 82);
}

/* Couleur du label de la textarea */
.form-simple textarea[class='md-textarea']:focus:not([readonly]) + label {
    color: #757575;
}

/* Couleur du trait bas de la textarea pour un lot */
.form-simple-lot textarea[class='md-textarea']:focus:not([readonly]) {
    border-bottom: 1px solid #00b8d4 !important;
    -webkit-box-shadow: 0 1px 0 0 #00b8d4 !important;
    box-shadow: 0 1px 0 0 #00b8d4 !important;
}

/* Couleur du label de la textarea pour un lot */
.form-simple-lot textarea[class='md-textarea']:focus:not([readonly]) + label {
    color: #757575 !important;
}

/* Couleur du trait bas de la textarea pour un lot */
.form-simple-sslot textarea[class='md-textarea']:focus:not([readonly]) {
    border-bottom: 1px solid #ff4444 !important;
    -webkit-box-shadow: 0 1px 0 0 #ff4444 !important;
    box-shadow: 0 1px 0 0 #ff4444 !important;
}

/* Couleur du label de la textarea pour un lot */
.form-simple-sslot textarea[class='md-textarea']:focus:not([readonly]) + label {
    color: #757575 !important;
}

/* Couleur du trait bas de la textarea pour un ouvrage */
.form-simple-ouv textarea[class='md-textarea']:focus:not([readonly]) {
    border-bottom: 1px solid #ffbb33;
    -webkit-box-shadow: 0 1px 0 0 #ffbb33;
    box-shadow: 0 1px 0 0 #ffbb33;
}

/* Couleur du label de la textarea pour un ouvrage */
.form-simple-ouv textarea[class='md-textarea']:focus:not([readonly]) + label {
    color: #757575;
}

input[type='checkbox'][class*='filled-in']:checked + label:after {
    border-color: rgb(51, 71, 82);
    background-color: rgb(51, 71, 82);
}

/* label Langue */
.label-color {
    color: #757575;
}

/* Radio boutons */
.radio-cyan-gap [type='radio'].with-gap:checked + label:before {
    border-color: rgb(51, 71, 82);
}

.radio-cyan-gap [type='radio']:checked + label:after {
    border-color: rgb(51, 71, 82);
    background-color: rgb(51, 71, 82);
}

/* Couleur Multiple select roles */
.dropdown-content li > span {
    color: rgb(51, 71, 82) !important;
}

/* Label multiple select */
.label-roles {
    color: #757575;
}

.md-form label.active {
	transform: translateY(-14px) scale(1) !important;
}

/* Text Areas valeurs originales */
.original-textarea textarea {
    height: 7rem;
    resize: none;
    background-color: rgba(158, 158, 158, 0.1);
}

.rounded-corners textarea {
    border-radius: 0.25rem;
}

.original-border textarea {
    border: 1px solid #d0d0d0;
}

.original-border .form-control:focus {
    border: 1px solid #d0d0d0;
    background-color: rgba(158, 158, 158, 0.1);
}

/* Text Areas nouvelles valeurs */
.prop-textarea textarea {
    height: 7rem;
    font-weight: 300;
    font-size: 1rem !important;
}

.rounded-corners textarea {
    border-radius: 0.25rem;
}

/* Pour Lot */
.prop-border-lot textarea {
    border: 1px solid #d0d0d0;
}

.prop-border-lot .form-control:focus {
    border: 1px solid #5f6dbd;
}

/* Pour Sous Lot */
.prop-border-sslot textarea {
    border: 1px solid #d0d0d0;
}

.prop-border-sslot .form-control:focus {
    border: 1px solid #aa4ebd;
}

/* Pour Ouvrage */
.prop-border-ouv textarea {
    border: 1px solid #d0d0d0;
}

.prop-border-ouv .form-control:focus {
    border: 1px solid #e9467f;
}

/* Pour article */
.form-simple-art input {
    border: 1px solid #d0d0d0 !important;
    border-radius: 0.25rem !important;
    font-weight: 300 !important;
    outline: none;
    box-shadow: none !important;
    color: #495057;
}

.form-simple-art input:focus {
    border: 1px solid #4ec2f7 !important;
}

.form-control[readonly] {
    pointer-events: none !important;
}

.mdb-select .select-dropdown[readonly] {
    pointer-events: auto !important;
}

.custom-select[readonly]{
    background-color: #e9ecef !important;
    opacity: 1;
    pointer-events: none !important;
}

.custom-control-input[readonly] ~ .custom-control-label {
    color: #6c757d !important;
    pointer-events: none !important;
}

.custom-radio .custom-control-input[readonly]:checked ~ .custom-control-label::before {
    background-color: rgba(0,123,255,.5) !important;
}