.nom {
    margin: 0 !important;
}
.nop {
    padding: 0 !important;
}
.nomp {
    margin: 0 !important;
    padding: 0 !important;
}
.d-none {
    display: none;
}
.w-100 {
    width: 100%;
}
.round-5 {
    border-radius: 5px;
}
.round-8 {
    border-radius: 8px;
}
.relative {
    position: relative;
}
.btn-blue {
    background-color: #0a82f1 !important;
    color: #fff !important;
}
.btn-green {
    background-color: #28b463 !important;
    color: #fff !important;
}
.btn-primary {
    background-color: #6495ed !important;
    color: #fff !important;
}
.btn-secondary {
    background-color: #abb2b9 !important;
    color: #fff !important;
}
.btn-info {
    background-color: #48c9b0 !important;
    color: #fff !important;
}
.btn-warning {
    background-color: #ffbf00 !important;
    color: #fff !important;
}
.btn-danger {
    background-color: #e74c3c !important;
    color: #fff !important;
}
.text-blue {
    color: #0a82f1 !important;
}
.text-green {
    color: #28b463 !important;
}
.text-primary {
    color: #6495ed !important;
}
.text-secondary {
    color: #abb2b9 !important;
}
.text-info {
    color: #48c9b0 !important;
}
.text-warning {
    color: #ffbf00 !important;
}
.text-danger {
    color: #e74c3c !important;
}
.btn-outline-blue {
    background-color: #fff !important;
    color: #0a82f1 !important;
    border: 1px solid #0a82f1;
}
.btn-outline-green {
    background-color: #fff !important;
    color: #28b463 !important;
    border: 1px solid #28b463;
}
.btn-outline-primary {
    background-color: #fff !important;
    color: #6495ed !important;
    border: 1px solid #6495ed;
}
.btn-outline-secondary {
    background-color: #fff !important;
    color: #abb2b9 !important;
    border: 1px solid #abb2b9;
}
.btn-outline-info {
    background-color: #fff !important;
    color: #48c9b0 !important;
    border: 1px solid #48c9b0;
}
.btn-outline-pu {
    background-color: #fff !important;
    color: #1F3368 !important;
    border: 1px solid #1F3368;
}
.btn-outline-warning {
    background-color: #fff !important;
    color: #ffbf00 !important;
    border: 1px solid #ffbf00;
}
.btn-outline-danger {
    background-color: #fff !important;
    color: #e74c3c !important;
    border: 1px solid #e74c3c;
}
.r-b-5{
    border-radius: 5px;
}
.r-b-8{
    border-radius: 8px;
}
.label-primary {
    padding: 5px;
    background-color: #e9e2ff !important;
    color: #6495ed !important;
    border: 1px solid #6495ed;
    border-radius: 10px;
    font-size: 11px;
}
.label-blue {
    padding: 5px;
    background-color: #d6eaf8 !important;
    color: #0a82f1 !important;
    border: 1px solid #0a82f1;
    border-radius: 10px;
    font-size: 11px;
}
.label-green {
    padding: 5px;
    background-color: #d5f5e3 !important;
    color: #28b463 !important;
    border: 1px solid #28b463;
    border-radius: 10px;
    font-size: 11px;
}
.label-yellow {
    padding: 5px;
    background-color: #fcf3cf !important;
    color: #ffbf00 !important;
    border: 1px solid #ffbf00;
    border-radius: 10px;
    font-size: 11px;
}
.label-red {
    padding: 5px;
    background-color: #fadbd8 !important;
    color: #e74c3c !important;
    border: 1px solid #e74c3c;
    border-radius: 10px;
    font-size: 11px;
}
.txt-wrap {
    text-wrap: nowrap !important;
}
.m-tb-3 {
    margin: 3px 0 3px 0 !important;
}
.m-tb-10 {
    margin: 10px 0 10px 0 !important;
}
.m-b-10 {
    margin-bottom: 10px;
}
.m-t-10 {
    margin-top: 10px;
}
.m-t-20 {
    margin-top: 20px;
}
.m-r-5 {
    margin-right: 5px !important;
}
.m-r-10 {
    margin-right: 10px !important;
}
.m-b-0 {
    margin-bottom: 0 !important;
}
.p-b-0 {
    padding-bottom: 0 !important;
}
.p-l-0 {
    padding-left: 0 !important;
}
.p-r-0 {
    padding-right: 0 !important;
}
.m-l-0 {
    margin-left: 0 !important;
}
.m-r-0 {
    margin-right: 0 !important;
}
.pm-b-0 {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}
.p-lr-0 {
    padding-left: 0;
    padding-right: 0;
}
.m-lr-0 {
    margin-left: 0;
    margin-right: 0;
}
.pm-lr-0 {
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
}
.p-20 {
    padding: 20px;
}
.icon-input-right {
    top: 4px;
    right: 18px;
    position: absolute;
    cursor: pointer;
}
.icon-input-left {
    top: 4px;
    left: 18px;
    position: absolute;
    cursor: pointer;
}
input.browser-default {
    height: 32px;
    line-height: 32px;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    padding: 4px 12px;
}

input.browser-default[type="file"] {
    line-height: 17px;
}

input.browser-default:focus {
    outline: unset;
}
input.browser-default:not(.input-file):read-only {
    background: #d0deef;
}
select.browser-default {
    height: 32px;
    line-height: 32px;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    padding: 4px 12px;
}
textarea.browser-default {
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    padding: 4px 12px;
    width: 100%;
    height: 150px;
    resize: none;
    line-height: normal;
}
textarea.browser-default:focus {
    outline: none;
}
select.browser-default:focus {
    outline: none;
}
.sidenav li > a {
    /* border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    margin-right: 3px !important; */
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    margin-left: 3px !important;
}
.menu-active {
    background-color: #2e86c1 !important;
    color: #fff !important;
}
.sidenav li > a.menu-active > i {
    color: #fff !important;
}
.text-capitalize {
    text-transform: capitalize;
}
::placeholder {
    color: #c4c4c4;
}

label.invalid {
    color: red;
    font-size: 12px;
    padding: 5px 0 5px 0;
}

.d-flex {
    display: flex;
}

a .name {
    text-wrap: wrap;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    margin: 0;
    padding: 4px 12px;
    height: inherit;
    box-sizing: border-box;
    border: 1px solid #dedede;
    border-radius: 4px;
}

table tr,
table td {
    padding: 8px;
}
.btn,
.btn-large,
.btn-small,
.btn-flat {
    text-transform: none;
}

div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm) {
    background-color: #0a82f1 !important;
}
div:where(.swal2-container)
    button:where(.swal2-styled):where(.swal2-confirm):focus-visible {
    box-shadow: none;
}

.modal {
    & .row.end-xs {
        padding: 4px;
    }
}