html {
    font-size: 14px;
}

@media (min-width: 576px) {
    .container, .container-sm {
        max-width: 540px;
    }

    .modal-dialog {
        max-width: 750px;
        margin: 1.75rem auto;
    }
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }

    .container, .container-sm, .container-md {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .container, .container-sm, .container-md, .container-lg {
        max-width: 1100px;
    }
}

@media (min-width: 1200px) {
    .container, .container-sm, .container-md, .container-lg, .container-xl {
        max-width: 1366px;
    }
}

html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 60px;
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.form-row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px;
}

    .form-row > .col,
    .form-row > [class*="col-"] {
        padding-right: 5px;
        padding-left: 5px;
    }

.height-20px {
    height: 20px !important;
}

.height-25px {
    height: 25px !important;
}

.height-30px {
    height: 30px !important;
}

.height-35px {
    height: 35px !important;
}

.height-37px {
    height: 37px !important;
}

.height-50px {
    height: 50px !important;
}

.height-75px {
    height: 75px !important;
}

.height-100px {
    height: 100px !important;
}

.height-110px {
    height: 110px !important;
}

.height-150px {
    height: 150px !important;
}

.height-200px {
    height: 200px !important;
}

.height-400px {
    height: 400px !important;
}

.width-50px {
    width: 50px !important;
}

.width-100px {
    width: 100px !important;
}

.width-120px {
    width: 120px !important;
}

.width-150px {
    width: 150px !important;
}

.width-160px {
    width: 160px !important;
}

.width-170px {
    width: 170px !important;
}

.width-180px {
    width: 180px !important;
}

.width-190px {
    width: 190px !important;
}

.width-200px {
    width: 200px !important;
}

.width-220px {
    width: 220px !important;
}

.width-250px {
    width: 250px !important;
}

.width-400px {
    width: 400px !important;
}

.w-100 {
    width: 100% !important;
}

.fs-12px {
    font-size: 12px !important;
}

.fs-14px {
    font-size: 14px !important;
}

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

.fs-18px {
    font-size: 18px !important;
}

.fs-20px {
    font-size: 20px !important;
}

.fs-22px {
    font-size: 22px !important;
}

.fs-24px {
    font-size: 24px !important;
}

.fs-26px {
    font-size: 26px !important;
}

.fs-28px {
    font-size: 28px !important;
}

.fs-30px {
    font-size: 30px !important;
}

.fs-80px {
    font-size: 80px !important;
}

.fs-100px {
    font-size: 100px !important;
}

.bg-input {
    background-color: #7AA3DA !important;
}

.bg-table-header {
    background-color: #607d8b !important;
}

.bg-text-light {
    background-color: #b3e7ff !important;
}

.text-yellow {
    color: #ffeb3b !important;
}

.text-red-light {
    color: #FF8B8B !important;
}

.select2 {
    font-size: 14px;
    vertical-align: middle;
}

.select2-results__option {
    font-size: 14px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 1.5 !important;
}

.select2-selection__rendered {
    line-height: 28px !important;
}

.select2-container .select2-selection--single {
    height: 32px !important;
}

.select2-selection__arrow {
    height: 31px !important;
}

.nav-tabs {
    border-bottom: 1px solid #dee2e6;
}

    .nav-tabs .nav-link {
        margin-bottom: -1px;
        border: 1px solid transparent;
        /*
            border-top-left-radius: 0.25rem;
            border-top-right-radius: 0.25rem;
        */
    }

        .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
            border-color: #e9ecef #e9ecef #dee2e6;
        }

        .nav-tabs .nav-link.disabled {
            color: #6c757d;
            background-color: transparent;
            border-color: transparent;
        }

        .nav-tabs .nav-link.active,
        .nav-tabs .nav-item.show .nav-link {
            color: #fff;
            background-color: #007bff;
            border-color: #dee2e6 #dee2e6 #fff;
        }

.blink {
    animation: blinking 1s ease-in-out infinite alternate;
}

@keyframes blinking {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}