.errored {
    animation: shake 300ms;
    color: #eb3434 !important;
    background-color: #fef2f2 !important;
    border: 1px solid #eb3434 !important;
}
.rtl-placeholder {
    direction: ltr;
    text-align: left;
}

.rtl-placeholder::placeholder {
    text-align: right;
}

.select-workshop-alert,
.select-role-alert {
    border-radius: 7px;
}

.textLFontColor,
.form-control {
    color: #393939;
    font-size: 12px;
    font-weight: 500;
    background-color: white;
}

.spanTitleText {
    font-size: 13px;
    font-weight: 500;
    color: #454545;
}

/*.form-control-number {
    border: 1px solid #C6C6C6;
    border-radius: 6px;
    width: 40px;
}

.form-control-currency {
    border: 1px solid #C6C6C6;
    border-radius: 6px;
    width: 120px;
}

.form-control-select {
    border: 1px solid #C6C6C6;
    border-radius: 6px;
    width: 80px;
}*/
.textLFontColor span {
    font-size: 16px;
    font-weight: 600;
}

.btnCreateNew {
    font-size: 14px;
    font-weight: 500;
    background-color: #84CC16;
    color: #FFFFFF;
    border-radius: 8px;
    padding: 10px 70px;
}

.btnCreateNew:hover {
    background-color: #5f9213;
}

.btnCreateNew,
.btn-cancel2 {
    width: auto !important;
}

.titleTxt {
    color: #797979;
    font-weight: 500;
}

/*.select2.select2-container .select2-selection--multiple {
    height: 70px;
    overflow-y: scroll;
}
*/
/*.customHeight {
    height: 510px;
}*/
.uploadBox {
    border-radius: 9px;
    border: 1px solid #DADADA;
    background-color: #FCFCFC;
    width: 100%;
    padding: 15px;
    justify-content: center;
    display: flex;
}

.imageProfileUpload {
    width: 100px;
    height: 70px;
    border: 2px solid #DADADA;
    border-radius: 7px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #777;
    cursor: pointer;
    transition: border-color 0.3s;
    position: relative;
    text-align: center;
}

.imageProfileUpload p {
    margin: 0;
    font-size: 10px;
    font-weight: 400;
    color: #797979;
}

/* Hover effect */
.imageProfileUpload:hover {
    border-color: #b1b1b1;
    color: #8d8d8d;
}

/* Hiding the file input */
.imageProfileUpload input[type="file"] {
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.loading-spinner {
    color: #21A6A6;
    font-size: 14px;
    margin-top: 10px;
}
.delete-button {
    margin-top: 10px;
    color: #ffffff;
    background-color: #ff4d4d;
    border: none;
    padding: 5px 10px;
    cursor: pointer;
    border-radius: 4px;
    font-size: 14px;
}

.delete-button:hover {
    background-color: #ff1a1a;
}


/***************** Strength Password  ******************/
.password-strength-group .password-strength-meter {
    width: 100%;
    transition: height 0.3s;
    display: flex;
    justify-content: stretch;
    padding: 0 15px;
}

.password-strength-group .password-strength-meter .meter-block {
    height: 6px;
    background: #E7E7E7;
    margin-right: 6px;
    flex-grow: 1;
    border-radius: 5px;
    margin-top: 5px;
}

.password-strength-group .password-strength-meter .meter-block:last-child {
    margin: 0;
    margin-top: 5px;
}

.password-strength-group .password-strength-message {
    font-weight: 20px;
    text-align: right;
    transition: all 0.5s;
    position: relative;
    right: 15px;
}

.password-strength-group .password-strength-message .message-item {
    font-size: 12px;
    position: absolute;
    right: 0;
    opacity: 0;
    transition: opacity 0.2s;
}

.password-strength-group[data-strength="1"] .meter-block:nth-child(-n+1) {
    background: #ef4444;
}

.password-strength-group[data-strength="1"] .message-item:nth-child(1) {
    opacity: 1;
}

.password-strength-group[data-strength="2"] .meter-block:nth-child(-n+2) {
    background: #facc15;
}

.password-strength-group[data-strength="2"] .message-item:nth-child(2) {
    opacity: 1;
}

.password-strength-group[data-strength="3"] .meter-block:nth-child(-n+3) {
    background: #a3e635;
}

.password-strength-group[data-strength="3"] .message-item:nth-child(3) {
    opacity: 1;
}

.password-strength-group[data-strength="4"] .meter-block:nth-child(-n+4) {
    background: #65a30d;
}

.password-strength-group[data-strength="4"] .message-item:nth-child(4) {
    opacity: 1;
}
/***************** Strength Password  ******************/


.modal-dialog, .modal-content {
    /*height: auto;*/
}

.timeWorkTitle {
    color: #5C5C5C;
    font-weight: 600;
    font-size: 12px;
    margin: auto 0 auto 6px;
}

.groupBox {
    background-color: #F5F5F5;
    border-radius: 10px;
    border: 1px solid #E7E7E7;
    padding: 6px;
    margin: 6px 3px;
}

.groupBox .form-control {
    background-color: #ffffff;
}

.groupBox .form-control::placeholder {
    color: #bfbfbf;
    opacity: 1; /* Firefox */
}

.groupBox .form-control::-ms-input-placeholder { /* Edge 12-18 */
    color: #bfbfbf;
}

.btnAddTimeWork {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #84CC16;
    border-radius: 5px;
    color: #ffffff;
    font-size: 12px;
    font-weight: 500;
    padding: 4px 8px;
}

.btnRemoveTimeWork {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #F87171;
    border-radius: 7px;
    padding: 3px;
    width: 30px;
    height: 30px;
}


.ShowMessage {
    position: absolute;
    background: #dfdfdf;
    width: 100%;
    top: 0;
    right: 0;
    height: 100%;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.profilePasswordModal .modal-footer {
    margin: 8px 0;
}

.profilePasswordModal .modal-footer button {
    padding: 8px;
}



@media (max-width:1366px) {

    .imageProfileUpload {
        height: 70px;
    }

    .customHeight {
        height: 420px;
    }

    .spanTitleText {
        font-size: 12px;
    }

    .form-control {
        font-size: 11px;
    }
}

@media (max-width:768px) {

    .spanTitleText {
        font-size: 11px;
    }

}