body, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: "Source Sans 3", sans-serif;
}

strong {
    font-weight: 600 !important;
}

#app .content-header {
    padding: 8px 16px 24px;
}

.modal-body {
    max-height: 70vh;
    overflow-y: auto;
    padding: 16px;
}

.el-dialog__body {
    max-height: 70vh;
    overflow-y: auto;
}

@media screen and (min-width: 1600px) {
    .modal-body {
        max-height: 75vh;
        overflow-y: auto;
    }

    .el-dialog__body {
        max-height: 70vh;
        overflow-y: auto;
    }
}

@media screen and (min-width: 1800px) {
    .modal-body {
        max-height: 78vh;
        overflow-y: auto;
    }

    .el-dialog__body {
        max-height: 73vh;
        overflow-y: auto;
    }
}

.w500 {
    width: 500px !important;
}

.red {
    color: red
}

.el-form-item.is-error .el-input__inner, .el-form-item.is-error .el-input__inner:focus, .el-form-item.is-error .el-textarea__inner, .el-form-item.is-error .el-textarea__inner:focus, .el-message-box__input input.invalid, .el-message-box__input input.invalid:focus {
    border-color: #F56C6C !important;
}

.el-textarea.is-disabled .el-textarea__inner {
    color: #333333 !important;
}

.form-control[disabled], fieldset[disabled] .form-control, .el-textarea.is-disabled .el-textarea__inner {
    color: #333333 !important;
    background-color: #F1F1F1 !important;
}

.form-control[readonly] {
    background-color: #ffffff;
}

.close {
    opacity: 0.6;
}

.table-responsive {
    max-height: 100%;
    width: 100%;
    max-width: 100%;
    overflow: auto;
}

.xettuyen {
    z-index: 9999 !important;
}

.table {
    margin-top: 5px;
}

.btn-export {
    margin-bottom: 5px;
}

.lds-ring {
    display: inline-block;
    position: relative;
    width: 35px;
    height: 35px;
}

.lds-ring div {
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 32px;
    height: 32px;
    margin: 4px;
    border: 4px solid green;
    border-radius: 50%;
    animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    border-color: green transparent transparent transparent;
}

.lds-ring div:nth-child(1) {
    animation-delay: -0.45s;
}

.lds-ring div:nth-child(2) {
    animation-delay: -0.3s;
}

.lds-ring div:nth-child(3) {
    animation-delay: -0.15s;
}

@keyframes lds-ring {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.lbl_titt {
    position: relative;
}

.notifications-menu .menu li {
    border-bottom: 1px solid #eee;
    cursor: pointer;
}

.notifications-menu .menu li p {
    margin: 0;
}

.notifications-menu .menu li.unread {
    background-color: #93ccff;
    color: #333333;
}

.notifications-menu .menu li:last-child {
    border-bottom: 0;
}

.treeview-menu > li {
    white-space: break-spaces;
}

.notifications-menu > .dropdown-menu {
    width: 320px !important;
}

.e-multiselect {
    height: 40px;
    border-width: 1px !important;
    border-color: #dddddd !important;
    border-radius: 4px !important;
    background-color: #ffffff !important;
}

.e-multi-select-wrapper {
    padding: 3px 12px !important;
}

.required_t {
    color: #ff0000;
}

.pagination > li > a {
    cursor: pointer;
}

.el-select .el-input .el-select__caret {
    color: #333333;
}

.box-header h4 {
    color: white;
}

.box-header h5 {
    color: white;
}

.box-header h6 {
    color: white;
}

.no-border-custom .box label {
    margin: 0;
    /*margin-top: 5px;*/
}

.content-header label {

    /*margin-top: 5px;*/
}

.el-form-item__error {

    font-size: 13px;
}

.notifications-menu a.btn-primary:hover {
    background-color: #1773c5 !important;
}

.el-dialog__header {
    background-color: transparent !important;
    padding: 10px 16px 10px !important;
    border-bottom: 1px solid #EBEBEB !important;
    position: relative;
}

.el-dialog__title {
    font-size: 18px !important;
    font-weight: 500 !important;
}

.el-table thead {
    color: #333333 !important;
}

.config-table .el-table__row {
    cursor: pointer;
}

.el-dialog__headerbtn {
    top: 9px !important;
    right: 18px !important;
}

.el-dialog__close.el-icon-close:before {
    content: '×';
    font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    background: 0 0;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.el-date-editor--datetime .el-input__suffix .el-input__icon {
    color: #333333;
}

.el-dialog__headerbtn .el-dialog__close {
    color: #000 !important;
    opacity: 0.9 !important;
}

label {
    margin-bottom: 4.5px;
    font-weight: normal !important;
    /*line-height: normal;*/
}

.el-form-item {
    margin-bottom: 20px !important;
}

.el-upload__input {
    display: none !important;
}

.is-error .quillWrapper {
    border: 1px solid #F56C6C;
    border-radius: 5px
}

.el-dialog--center .el-dialog__body {
    padding: 16px !important;
}

.el-dialog--center .el-dialog__header {
    text-align: left;

}

.el-dialog__footer {
    border-radius: 0 0 10px 10px;
    border-top: 1px solid #f4f4f4;
    padding: 16px !important;
}

.el-dialog__footer .btn-primary {
    background-color: #0074DA;
    border-color: #0074DA;
    color: #ffffff;
}

.el-dialog__header {
    border-radius: 10px 10px 0 0;
}

.el-dialog {
    border-radius: 10px !important;
}

.modal-footer .btn-primary:hover, .el-dialog__footer .btn-primary:hover {
    color: #fff;
    background-color: #286090;
    border-color: #204d74;
}

.ML__keyboard > div.keyboard-layer.is-visible {
    margin-top: 15px;
}

.ML__keystroke-caption {
    display: none !important;
}

.mathfield [data-ML__tooltip]:after {
    top: -126% !important;
    content: 'Mở bàn phím ảo' !important;
}

.el-table .cell {
    word-break: break-word !important;
}

.el-dialog__body {
    word-break: break-word !important;
    color: #333333 !important;
}

.upload-custom .el-upload-list__item {
    background-color: #ffffff;
}

.el-form-item__content {
    line-height: normal !important;
}

.el-form-item__content .checkbox-inline {
    display: inline-flex;
    align-items: center;
}

.el-form-item__content label {
    line-height: normal;
}

.upload-custom {
    margin: 0
}

.el-form-item__content input[type=checkbox] {
    margin-top: 0;
    margin-bottom: 0;
}

.upload-custom .el-upload-dragger {
    width: 100%;
    height: auto;
    padding: 15px;
    text-align: left;
}

.upload-custom .el-upload-list__item-name:hover {
    color: #333333;
}

.upload-custom .el-upload-list__item {
    color: #333333;
}

.upload-custom .el-upload-list__item:hover a {
    color: #333333;
}

.upload-custom .el-upload-dragger .el-icon-upload {
    margin: 0;
    color: #333333;
    font-size: 22px;
    line-height: 22px;
}

.upload-custom .el-upload-list__item-name [class^=el-icon] {
    color: #ffffff;
}

.upload-custom .el-upload-list__item:hover [class^=el-icon] {
    color: #333333;
}

.upload-custom .alert a {
    color: #333333;
}

.upload-custom .el-upload {
    display: block;
    text-align: center;
}

.upload-custom.alert a, .upload-custom.alert a i {
    color: #000 !important;
}

.upload-custom a {
    cursor: pointer !important;
}

.upload-custom .el-icon-upload-success {
    display: none !important;
}

.upload-custom .el-icon-close-tip {
    display: none !important;
}

.el-table .cell {
    word-break: break-word !important;
}

.el-table {
    color: #333333 !important;
    border-color: #EBEEF5 !important;
}

.el-table thead, .el-table th.el-table__cell {
    color: #333;
    font-weight: 600;
    background-color: #eee !important;
}

.el-table--border th.el-table__cell.is-leaf {

    border-right: none !important;
}

.el-table--border td, .el-table--border th, .el-table__body-wrapper .el-table--border.is-scrolling-left ~ .el-table__fixed {
    border-right: none !important;
    border-left: 1px solid;
}

.el-table--border th.el-table__cell.is-leaf:last-child {

}

.el-table--border th.el-table__cell.is-leaf:first-child, .el-table td.el-table__cell:first-child {
    /*border-left: none !important;*/


}

.el-table-column--selection .cell {
    padding: 0 !important;
}

.el-input.is-disabled .el-input__inner {
    color: #333333;
    background-color: #F1F1F1 !important;
}

.el-input-number__decrease, .el-input-number__increase {
    height: 38px !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

.is-controls-right .el-input-number__decrease, .is-controls-right .el-input-number__increase {
    height: 19px !important;
    border-color: #DCDFE6 !important;
}

.el-input-number--medium .el-input-number__decrease, .el-input-number--medium .el-input-number__increase {
    height: 34px !important;

}

.el-input-number--small .el-input-number__decrease, .el-input-number--small .el-input-number__increase {
    height: 30px !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

.el-dialog__body {
    padding: 16px !important;
}

.is-error input.form-control, .is-error .el-input__inner, .is-error .el-form-item.is-error .el-input__inner:focus, .is-error .el-form-item.is-error .el-textarea__inner, .is-error .el-form-item.is-error .el-textarea__inner:focus, .is-error .el-message-box__input input.invalid, .is-error .el-message-box__input input.invalid:focus {
    border-color: #F56C6C !important;
}


.size-normal .modal-dialog {
    max-width: 450px;
}

.checkbox-inline input[type="checkbox"][disabled] {

}

.checkbox-inline input[type=checkbox]:before {

}

.el-dialog__body {
    word-break: break-word !important;
}

.modal-header {
    background-color: #fff !important;
    padding: 10px 16px 10px !important;
    border-bottom: 1px solid #EBEEF5 !important;
}

.modal-footer {
    padding: 16px;
}

.bootstrap-dialog.type-default .bootstrap-dialog-title {
    color: #ffffff;
    text-align: left !important;
}

#namTuyenSinh {
    display: inline-block;
}

.el-checkbox__inner, .el-radio__inner, .el-card {
    border-color: #B3B3B3 !important;
}

.el-input.is-disabled .el-input__inner, .el-select .el-input .el-select__caret, .el-radio {
    color: #333333 !important;
}

.modal-header .modal-title {
    text-align: left !important;
}

.modal-title {
    font-weight: 500 !important;
    font-size: 18px !important;
}

#modal_choose_school .form-group {
    line-height: 1.4;
}

.btn-default, .btn-default.focus, .btn-default:focus,
.customMessage .el-button--default.el-button--primary {
    color: #333 !important;
    background-color: #dbdbdb !important;
    border-color: #dbdbdb !important;
}

.customMessage .el-button--default.el-button--primary:hover {
    color: #333;
    background-color: #DCDCDC;
    border-color: #DCDCDC;
}

.btn-default:hover {
    color: #333;
    background-color: #e6e6e6 !important;
    border-color: #adadad !important;
}

.el-button {
    font-weight: 400 !important;
}

.el-collapse-item__header {
    font-size: 14px !important;
}

.el-button--primary,
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    background-color: #0074DA !important;
    border-color: #0074DA !important;
}

.el-button--primary:hover {
    background-color: #1773c5 !important;
    border-color: #1773c5 !important;
}

.tox .tox-dialog__footer .tox-button {
    background-color: #E8E8E8 !important;
    color: #444 !important;
    border-color: #ddd !important;
    border-radius: 5px !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 8px 14px !important;
    border: 0 !important;
    margin: 2px !important;
    font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 400 !important;
}

.tox .tox-dialog__footer .tox-button:hover {
    background-color: #dddddd !important;
    color: #444 !important;
}

em.required_t {
    font-size: 13px;
    font-style: normal;
}

.vs__open-indicator, .vs__clear {
    fill: #333333 !important;
}

/*.inline-text {*/
/*    display: inline; !* This makes the div display inline with surrounding content *!*/
/*    white-space: nowrap; !* Prevents text from wrapping to the next line *!*/
/*    overflow: hidden; !* Hides any overflowed text *!*/
/*    text-overflow: ellipsis; !* Adds an ellipsis (...) when text overflows the container *!*/
/*    max-width: 200px; !* Set a maximum width for the inline div *!*/
/*    border: 1px solid #ccc; !* Optional: Add a border for better visibility *!*/
/*    padding: 5px; !* Optional: Add padding for spacing *!*/
/*}*/

label input[type="checkbox"]:disabled + span {

    cursor: not-allowed; /* Change cursor to not-allowed */
    /* You can add more styles as needed */
}

label input[type="checkbox"]:disabled + label {

    cursor: not-allowed; /* Change cursor to not-allowed */
    /* You can add more styles as needed */
}

input[type="checkbox"]:disabled {
    cursor: not-allowed;
}

label input[type="radio"]:disabled + span {

    cursor: not-allowed; /* Change cursor to not-allowed */
    /* You can add more styles as needed */
}

label input[type="radio"]:disabled + label {

    cursor: not-allowed; /* Change cursor to not-allowed */
    /* You can add more styles as needed */
}

input[type="radio"]:disabled {
    cursor: not-allowed;
}

.el-form-item__error {
    color: red !important;

}

h3 label {
    font-weight: 500 !important;
}

.customDivider {
    background-color: #EBEBEB;
}

a.text-decoration:hover {
    text-decoration: underline;
}

.el-checkbox__input.is-checked .el-checkbox__inner, .el-checkbox__input.is-indeterminate .el-checkbox__inner {
    background-color: #0074DA !important;
    border-color: #0074DA !important;
}

.el-checkbox__input.is-indeterminate .el-checkbox__inner::before {
    height: 3px;
    top: 4px;
    -webkit-transform: scale(.6);
    transform: scale(.6);
}

.el-checkbox__inner::after {
    border: 2px solid #FFF !important;
    border-left: 0 !important;
    border-top: 0 !important;
    height: 8px !important;
    top: 0 !important;
}

span.custom-tree-node {
    display: flex;
    gap: 5px;
}

.el-collapse-item__content {
    font-size: 14px !important;
}

input[type=checkbox], input[type=radio] {
    cursor: pointer;
}

.el-message-box {
    border: none !important;
    width: 300px;
    border-radius: 10px;
}

.el-message-box.customMessage {
    width: 300px !important;
    padding-bottom: 0;
}

.el-message-box.customMessageConfirm {
    width: 300px !important;
    padding-bottom: 0;
}

.el-message-box__wrapper .el-message-box__header {
    background-color: transparent;
    border-bottom: 1px solid #EBEBEB !important;
}

.el-message-box__close.el-icon-close {
    color: #0007 !important;
}

.customMessage .el-message-box__headerbtn {
    top: 12px !important;
}

.customMessage .el-message-box__message {
    margin: 10px 0;

}

.customMessageConfirm .el-message-box__headerbtn {
    top: 12px !important;
}

.el-message-box__header {
    padding: 15px 16px !important;
}

.customMessageConfirm .el-message-box__message {

}

.el-date-editor .el-range__close-icon, .el-date-editor .el-icon-circle-close, .el-date-editor .el-range__icon {
    color: #333333 !important;
}

.customMessage .el-message-box__btns .el-button--small.el-button--primary {
    color: #333;
    background-color: #CCCCCC;
    border-color: #CCCCCC;
    box-shadow: 0px 0px 0px 1px #CCCCCC inset;
}

.customMessage .el-message-box__btns .el-button--small.el-button--primary:hover {
    color: #333;
    background-color: #DCDCDC !important;
    border-color: #DCDCDC !important;
    box-shadow: 0px 0px 0px 1px #DCDCDC inset !important;

}

.el-message-box__wrapper {
    top: 150px !important;
    bottom: auto !important;
}

.el-message-box__headerbtn:hover .el-message-box__close.el-icon-close:before {
    opacity: 0.5;
}

.el-message-box__close.el-icon-close:before {
    content: '×';
    font-family: 'Source Sans 3', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    background: 0 0;
    filter: alpha(opacity=60);
    opacity: 0.6;
}

.el-message-box__title {
    text-align: left;
    font-size: 18px;
}

.el-message-box__btns {
    border-top: 1px solid #e5e5e5;
    padding: 15px !important;

}

.el-message-box__btns .el-button--small {
    font-size: 14px;
    font-weight: 400;
    border-radius: 5px;
    box-shadow: none;
    padding: 8px 14px;
    border: 0;
    margin: 2px;
    color: #333;
    line-height: 1.42857143;
}

.el-message-box__btns .el-button--small.el-button--default {
    color: #333333;
    background-color: #cccccc;
    border-color: #cccccc;
}

.el-message-box__btns .el-button--small.el-button--default:hover {
    color: #333333;
    background-color: #DCDCDC;
    border-color: #DCDCDC;
}

.el-message-box__btns .el-button--small.el-button--primary {
    border: none;
    background-color: #0074DA;
    box-shadow: 0px 0px 0px 1px #0074DA inset;
    color: #ffffff;
}

.el-message-box__btns .el-button--small.el-button--primary:hover {
    border: none;
    box-shadow: 0px 0px 0px 1px #0074DA inset;
    color: #ffffff;
    background-color: #0074DA;

}

.el-date-editor .el-range__close-icon {
    position: absolute;
    right: 0;
}

.el-date-table td.end-date span, .el-date-table td.start-date span {
    background-color: #0074DA !important;
}

.el-input .el-input__clear {
    color: #333333 !important;
}

.el-input .el-input__clear:hover {
    color: #333333 !important;
}

.el-select__tags .el-select__input {
    cursor: pointer;
}

[class*=" el-icon-"], [class^=el-icon-] {
    line-height: inherit;
}

.el-popover {
    word-break: break-word !important;
}

.modal-custom > .modal-cs-content > .modal-cs-header {
    background-color: #fff !important;
    border-bottom: 1px solid #EBEBEB !important;
}

.modal-custom > .modal-cs-content > .modal-cs-header > .modal-cs-title {
    font-size: 18px !important;
    font-weight: 500 !important;
    color: #333333 !important;
    text-align: left !important;
    margin-left: 16px;
}

.modal-custom > .modal-cs-content > .modal-cs-body {
    padding: 16px;
}

.el-table__body tr.hover-row.current-row > td.el-table__cell, .el-table__body tr.hover-row.el-table__row--striped.current-row > td.el-table__cell, .el-table__body tr.hover-row.el-table__row--striped > td.el-table__cell, .el-table__body tr.hover-row > td.el-table__cell {
    color: #333333;
}

.el-date-editor .el-range-separator {
    width: 6% !important;
}

.modal {
    background: rgba(0, 0, 0, 0.5) !important;
}

.el-input__inner, .el-input.is-disabled .el-input__inner, .el-textarea__inner {
    border: 1px solid #B3B3B3 !important;
}

.el-select .el-input.is-focus .el-input__inner, .el-textarea__inner:focus {
    border-color: #409EFF !important;
}

.el-form-item.is-error .el-input__inner, .el-form-item.is-error .el-input__inner:focus, .el-form-item.is-error .el-textarea__inner, .el-form-item.is-error .el-textarea__inner:focus, .el-message-box__input input.invalid, .el-message-box__input input.invalid:focus {
    border: 1px solid #F56C6C !important;
}

.el-input__inner {
    border-radius: 4px !important;
}

.el-input__inner[disabled] {
    background-color: #F1F1F1;
}

.el-input-number__increase, .el-input-number__decrease {
    border-color: #B3B3B3;
}

.el-tag.el-tag--info {
    color: #333333 !important;
    font-size: 14px !important;
    border-color: #B3B3B3 !important;
    max-width: 75% !important;
}

.el-tag--small {
    height: 32px !important;
    line-height: 32px !important;
}

.el-tag.el-tag--info .el-tag__close {
    color: #333333 !important;
    border-color: #B3B3B3 !important;
}

.form-control {
    border-color: #B3B3B3 !important;
}

.page-content > .modal-header {
    background-color: #fff !important;
}

.page-content > .modal-header .content-header {
    padding: 0;
    margin: 0;
}

.page-content > .modal-header .content-header h1 {
    margin: 0;
}

.content-header h1 {

}

.boxheader .box-title {
    margin: 0;
    display: inline-block;
}

.box-title {
    margin: 0;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
}

.bootstrap-dialog .bootstrap-dialog-title {
    font-size: 18px !important;
    font-weight: 500 !important;

}

.modal-body .box-title, .page-content .modal-body h3 {
    font-size: 18px;
    font-weight: 500;
}

.page-content .modal-body h4 {
    font-size: 16px;
    font-weight: 500;
}

.el-switch__label.is-active, .el-checkbox__input.is-checked + .el-checkbox__label {
    color: #0074DA !important
}

.btn-success, .el-button--border {
    border: none !important;
    background-color: #FFFFFF;
    box-shadow: 0px 0px 0px 1px #0074DA inset;
    border-radius: 5px !important;
    color: #0074DA !important;
}

.btn-success:hover, .el-button--border:hover {
    color: #1773c5;
    background-color: #EEF7FF;
    box-shadow: 0px 0px 0px 1px #1773c5 inset;
    border-radius: 5px !important;

}

.el-tag {
    color: #0074DA !important
}

.btn-success:active:hover {
    color: #1773c5;
    box-shadow: 0px 0px 0px 1px #1773c5 inset;
    background-color: #EEF7FF;

}

a {
    color: #0074DA;
}

a:hover {
    color: #1773C5;
}

.action {
    font-size: 20px;
    margin: 0 5px;
    cursor: pointer;
    vertical-align: middle;
}

.status-label {
    border-radius: 10px;
    padding: 3px 5px;
}

.modal-footer .btn-primary {
    border: none;
    background-color: #0074da;
    color: #ffffff;
}

.modal-footer .btn-primary:hover {
    border: none;
    background-color: #1773c5;
    color: #ffffff;
}

.btn-primary:hover, .btn-primary:active, .btn-primary.hover {
    background-color: #1773C5;
    color: #ffffff;
}

.logo:hover {
    color: #ffffff;
}

.boxheader {
    margin-bottom: 15px;
}

.text-danger {
    color: #CF1F1F;
}

.text-danger:hover {
    color: #D83131;
}

.btn-danger {
    background-color: #CF1F1F;
}

.btn-danger:hover {
    background-color: #D83131;
}

.box-header {
    background-color: #ffffff;
    padding: 8px 16px;
}

.box-body {
    padding: 10px 16px;
}

.el-tabs--border-card > .el-tabs__content {
    padding-left: 16px;
    padding-right: 16px;
}

.box-header .box-title {
    margin: 0;
    color: #333333;
}

.box-header .box-title:after {
    display: none;
}

.box-header .btn-success {
    border: none;
    background-color: transparent;
    box-shadow: 0px 0px 0px 1px #0074da inset;
    color: #0074da;
}

.box-header .btn-success:hover {
    box-shadow: 0px 0px 0px 1px #1773c5 inset;
    background-color: #EEF7FF;
}

.btn-success.focus, .btn-success:focus {
    border: none;
    background-color: transparent;
    box-shadow: 0px 0px 0px 1px #1773c5 inset;
    color: #1773c5;
}

.box-header .btn-primary {
    border: none;
    background-color: #0074da;
    box-shadow: 0px 0px 0px 1px #0074da inset;
    color: #ffffff;
}

.el-date-table td.current:not(.disabled) span, .el-date-table td.current:not(.disabled) span {
    background-color: #0074DA !important;
}

.box-header .btn-primary:hover {
    box-shadow: 0px 0px 0px 1px #1773C5 inset;
    background-color: #1773C5;
}

.el-button.is-plain:focus, .el-button.is-plain:hover {
    color: #0074DA !important;
    border-color: #0074DA !important;
}

.el-switch.is-checked .el-switch__core {
    background-color: #0074DA !important;
    border-color: #0074DA !important;
}

.el-button--text, .el-select-dropdown.is-multiple .el-select-dropdown__item.selected, .el-date-picker__header-label.active, .el-date-picker__header-label:hover, .el-year-table td .cell:hover, .el-year-table td.current:not(.disabled) .cell,
.el-select-dropdown__item.selected {
    color: #0074DA !important;
}

.box-header > span {
    color: #333333;
}

.change-year > i {
    color: #0074DA;
}

.content-wrapper {
    background-color: #f3f4f6;
}

.content-header {
    background-color: #fff;
}

.box-header > .fa, .box-header > .glyphicon, .box-header > .ion, .box-header .box-title {
    font-size: 20px;
}

.main-header .logo {
    text-align: left;
}

.main-header .logo img {
    margin-right: 10px;
}

.pagination > li > a, .pagination > li > span {
    border: 1px solid #B3B3B3 !important;
}

.box-header > .fa, .box-header > .glyphicon, .box-header > .ion, .box-header .box-title {
    font-weight: 600;
}

h1.page-title {
    margin: 0;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
    margin-top: 10px;
}

.page-content h1.page-title {
    margin: 6px 0;

}

.page-content h3 {
    font-size: 20px;
}

.el-input__prefix, .el-input__suffix {
    color: #555555 !important;
}

.alert-info {
    border-color: #b9def0;
}

.bg-aqua, .callout.callout-info, .alert-info, .label-info, .modal-info .modal-body {
    background-color: #b9def0 !important;
}

.el-switch__core {
    background: #cccccc;
}

.btn {
    padding: 8px 16px;
    margin: 2px 4px;
}

.btn-sm {
    padding: 5px 10px;
}

.modal-footer .btn + .btn {
    margin-left: 4px !important;
    margin-right: 0 !important;

}

.dialog-footer .btn + .btn {
    margin-left: 4px !important;
    margin-right: 0 !important;

}

.el-input-number.is-disabled .el-input-number__decrease:hover, .el-input-number.is-disabled .el-input-number__increase:hover,
.el-input-number.is-disabled .el-input-number__decrease, .el-input-number.is-disabled .el-input-number__increase {
    color: #333333 !important;
}

label a:hover {
    text-decoration: underline;
}

label a.el-tooltip.el-link:hover {
    text-decoration: none;
}

.el-upload__tip {
    line-height: initial !important
}

.form-control {
    margin: 0;
}

.btn-default[disabled]:hover {
    background-color: #d4d4d4;
}

.el-step__title.is-finish, .el-step__head.is-finish, .el-upload-dragger .el-upload__text em {
    color: #0074DA !important;
}

.el-form-item.is-error .el-form-item__content img {
    border: 1px solid #F56C6C;
}

.el-dropdown-menu__item:focus, .el-dropdown-menu__item:not(.is-disabled):hover {
    color: #0074DA !important;
}

.el-table__empty-text {
    color: #333333 !important;
}

.btn-success.disabled.focus, .btn-success.disabled:focus, .btn-success.disabled:hover, .btn-success[disabled].focus, .btn-success[disabled]:focus, .btn-success[disabled]:hover, fieldset[disabled] .btn-success.focus, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success:hover {
    background-color: #FFFFFF;

}

.el-button {
    font-weight: 400;
}

.el-message-box {
    border-radius: 10px !important;
}

.main-header .navbar {
    box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.3);
}

.el-table th.el-table__cell label {
    margin: 0;
}

.el-radio__input.is-checked .el-radio__inner {
    border-color: #0074DA !important;
    background: #0074DA !important;
}

.el-button--danger:hover {
    background-color: #D83131 !important;
    border-color: #D83131 !important;
    box-shadow: none !important;
    color: #ffffff !important;
}

.el-button--danger {
    background-color: #CF1F1F !important;
    border-color: #CF1F1F !important;
    box-shadow: none !important;
    color: #ffffff !important;
}

.main-sidebar {
    /*scrollbar-width: thin; !* Firefox *!*/


}

/* Thanh cuộn cho Chrome, Edge và Safari */
.main-sidebar::-webkit-scrollbar {
    width: 8px; /* Độ dày của thanh cuộn dọc */

}

.main-sidebar::-webkit-scrollbar-track {
    background: rgba(240, 240, 240, 0.8); /* Nền của đường dẫn thanh cuộn */

}

.main-sidebar::-webkit-scrollbar-thumb {
    background: #888; /* Màu của thanh cuộn */
    border-radius: 10px; /* Bo góc để tạo thanh cuộn giống macOS */
}

.main-sidebar::-webkit-scrollbar-thumb:hover {
    background: #555; /* Màu khi hover vào thanh cuộn */
}

.el-table--border {
    border-right: 1px solid #EBEEF5 !important;
    border-bottom: 1px solid #EBEEF5 !important;
    /*border-left: 1px solid #cdcdcd !important;*/
}

.el-table thead tr th {
    border-color: #dfdfdf !important;
    background-color: #EBEEF5 !important;
}

.el-table td.el-table__cell, .el-table th.el-table__cell.is-leaf {
    border-color: #dfdfdf !important;
}

.el-table th.el-table__cell.is-leaf, .el-table th.is-leaf,
.el-table th.el-table__cell.is-leaf, .el-table th.is-leaf,
.el-table th.is-leaf {
    border-color: #dfdfdf !important;

}

.table thead > tr > th, .table tr > th {
    background: #eeeeee none repeat scroll 0 0 !important;
    padding: 10px 8px;
    font-weight: 600;
    vertical-align: middle;
    border: 1px solid #dfdfdf;
}

.table tr > th {
    border-color: #dfdfdf !important;
}

.table tbody > tr > td {
    vertical-align: middle;
    border: 1px solid #EBEBEB;
}


.myBreadcrumb {
    margin-bottom: 10px;
}

.d-flex {
    display: flex;
}

.justify-content-between {
    justify-content: space-between;
}

.align-items-center {
    align-items: center;
}

.modal-content {
    overflow: hidden;
}

.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;

}

.btn > i {
    /*margin-right: 5px;*/
}

.btn svg {
    margin-right: 4px;
    width: 16px;
    height: 16px;
}

.btn.btn-success svg {
    fill: #0074DA;
}

.action svg {
    width: 22px;
    height: 22px;
    fill: #0074DA;
}

.action.text-danger svg {
    fill: #CF1F1F;
}

.action.text-danger:hover svg {
    fill: #D83131;
}

#namTuyenSinh .el-input__inner {
    color: #333333;
}

.modal-header .close {
    margin-top: 2px;
}

.modal-footer .btn-default {
    margin-left: 0;
}

.vis-timeline, .vis-labelset .vis-label, .vis-foreground .vis-group, .vis-panel.vis-bottom, .vis-panel.vis-center, .vis-panel.vis-left, .vis-panel.vis-right, .vis-panel.vis-top {
    border-color: #EBEBEB !important;
}

.el-message-box {
    padding-bottom: 0 !important;

    .el-button--primary {
        background-color: #0074DA !important;
        border-color: #0074DA !important;
        color: #ffffff !important;
    }

    .el-button--primary {
        background-color: #1773c5 !important;
        border-color: #1773c5 !important;
        color: #ffffff !important;
    }

    .button-default:hover {
        color: #333;
        background-color: #e6e6e6 !important;
        border-color: #adadad !important;
        box-shadow: none !important;
    }

    .button-default {
        box-shadow: none !important;
        color: #333 !important;
        background-color: #dbdbdb !important;
        border-color: #dbdbdb !important;
    }

    .el-button--danger:hover {
        background-color: #D83131 !important;
        border-color: #D83131 !important;
        box-shadow: none !important;
        color: #ffffff !important;
    }

    .el-button--danger {
        background-color: #CF1F1F !important;
        border-color: #CF1F1F !important;
        box-shadow: none !important;
        color: #ffffff !important;
    }
}