body, table, .table, th, td, .btn, input, .fas, span:not(.tweak), a {
    font-size: 14px !important;
}

form input:invalid:not(input[data-role]) {
    border: 1px solid red !important;
    border-radius: 0.2rem !important;
    height: calc(1.5em + 0.75rem) !important;
}

.required {
    border: 1px solid red !important;
    border-radius: 0.2rem !important;
    height: calc(1.5em + 0.75rem) !important;
}

/*kendo progress loading*/
.k-loading-mask {
    z-index: 20000 !important;
    /*background: rgba(0, 0, 0, 0.28) !important;*/
}

/*.k-loading-color {
    background-color: transparent !important;
}*/

.k-loading-image::after, .k-loading-image::before {
    border-width: 5px !important;
    font-size: 4em !important;
}

.k-i-loading::after, .k-loading-image::after {
    color: #808080;
}

/*color loadding*/
.k-i-loading::before, .k-loading-image::before {
    color: #f1a661;
}

.form-control-sm {
    height: calc(1.8125rem + 6px);
}

nav.main-header.navbar.navbar-expand.navbar-white.navbar-light {
    padding: 0px;
}

.k-grid-header .k-header {
    padding: 0.5rem;
}

.k-filter-row td, .k-filter-row th {
    padding: 0.5rem;
}

.k-grid td, .k-grid th {
    padding: 0.5rem;
}

.pre {
    background-color: #f4f6f9;
    border-radius: 5px;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
}

.k-json {
    width: 35px;
}

.k-state-focused {
    box-shadow: none !important;
}

.k-textarea {
    border-color: transparent;
}

textarea.k-input {
    border-radius: 0.25rem;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(206, 212, 218);
}

textarea.k-invalid, .form-control.k-invalid {
    border: solid 1px #dc3545 !important;
}

textarea:disabled, textarea[readonly] {
    background-color: #e9ecef;
    opacity: 1;
}

.k-dirty {
    border-color: #dc3545 transparent transparent #dc3545 !important;
}

.k-state-disabled .k-input {
    background-color: #e9ecef !important;
    opacity: 1 !important;
}

.k-state-disabled {
    opacity: 1 !important;
}

[readonly] {
    background-color: #e9ecef !important;
    opacity: 1 !important;
}

.btn.disabled, .btn:disabled {
    opacity: .65 !important;
}

/*menu*/
.nav-parent .nav-link:not(.active):hover {
    color: #fff;
}

.nav-parent:hover, .nav-parent:focus {
    background-color: rgba(255, 255, 255, 0.1) !important;
    color: #fff !important;
}

.nav-parent .nav-link.active {
    background-color: transparent !important;
    color: #ffc107 !important;
    box-shadow: none !important;
    font-weight: 500 !important;
}

.btn-success.disabled, .btn-success:disabled,
.btn-danger.disabled, .btn-danger:disabled {
    background-color: #6c757d !important;
    border-color: #6c757d !important;
}


.k-list .k-item.k-state-selected, .k-list-optionlabel.k-state-selected {
    color: #000000 !important;
    background-color: #e0e0e0 !important;
}

.k-dropdowntree .k-multiselect-wrap .k-button, .k-multiselect .k-multiselect-wrap .k-button {
    min-height: auto !important;
    padding: 0.1rem 0.375rem !important;
    background: #fd7e14 linear-gradient(180deg, #fd9137, #fd7e14) repeat-x !important;
    color: #fff !important;
    border-color: transparent !important;
}

    .k-dropdowntree .k-multiselect-wrap .k-button, .k-multiselect .k-multiselect-wrap .k-button span {
        font-size: 12px !important;
    }

.k-dropdowntree .k-multiselect-wrap, .k-multiselect .k-multiselect-wrap {
    border-radius: 0.2rem !important;
}

.k-dropdowntree, .k-multiselect {
    font-size: 0.875rem !important;
}

    .k-multiselect.k-state-focused > .k-multiselect-wrap, .k-state-focused.k-dropdowntree > .k-multiselect-wrap {
        box-shadow: initial !important;
    }

.k-upload .k-upload-files {
    max-height: max-content;
}

    .k-upload .k-upload-files .k-file {
        padding: 5px;
    }

.image-type {
    display: inline-block;
    width: 250px;
}

@media screen and (max-width: 520px) {
    .image-type {
        width: 100%;
    }
}

@keyframes pulseUpload {
    0% {
        opacity: 0.4;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0.4;
    }
}

.k-upload .k-file-progress .k-progress {
    background-color: #ffc107;
    animation: pulseUpload 1s infinite;
}

.body {
    font-size: 16px;
}

.k-upload .k-action-buttons {
    display: none;
}

.k-upload {
    border: none;
}

    .k-upload .k-dropzone {
        border-color: transparent;
        color: transparent;
        background-color: transparent;
        padding: 0px;
    }

        .k-upload .k-dropzone .k-dropzone-hint, .k-upload .k-dropzone .k-upload-status {
            font-size: 12px;
        }

.text-title {
    font-size: 16px !important;
}

.btn-primary {
    color: #fff;
    background-color: #016c70;
    border-color: #016c70;
    box-shadow: none;
    border: 0.0625rem solid transparent;
    padding: 0px 1.25rem;
    min-width: 5.375rem;
    min-height: 2.5rem;
    line-height: 1.375rem;
    font-weight: 600;
}

    .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle, .btn-primary:focus, .btn-primary.focus, .btn-primary:hover {
        background-color: #023c3f;
        border-color: #023c3f;
    }


.content-wrapper {
    background: linear-gradient(to top, #016c70, #016c7042);
}


.card-header-green {
    background: linear-gradient(to top, #016c7000, #016c7042);
    border: 0px;
    padding-bottom: 0px !important;
}

.jconfirm .jconfirm-box.jconfirm-type-green {
    border-top: solid 14px #016c70 !important;
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-green {
    background-color: #016c70 !important;
}

.jconfirm-content {
    font-size: 14px;
}