html {
    font-size: 14px;
}

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

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

body {
    margin-bottom: 60px;
}

/*insert*/

.portlet {
    background-color: #f5f5f5 !important;
    border-radius: 10px !important;
}

.choice-panel {
    margin: auto 0px;
}

.control-label {
    margin-bottom: 0;
    font-size: 11px;
    padding-left: 4px;
    padding-right: 4px;
    line-height: 1;
    height: 33px;
    display: grid;
    align-items: center;
}

input, button, .input-group-addon:last-child, ul.dropdown-menu {
    border-radius: 10px !important;
    text-align: center;
    font-size: 12px !important;
}

    /* Chrome, Safari, Edge, Opera */
    input::-webkit-outer-spin-button,
    input::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

    /* Firefox */
    input[type=number] {
        -moz-appearance: textfield;
    }

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes -webkit-spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

.apus-page-loading {
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99991;
    background: #f2f2f299;
    display: none;
}

    /* outer arc */
    .apus-page-loading #loader {
        animation: 2s linear 0s normal none infinite running spin;
        -webkit-animation: 2s linear 0s normal none infinite running spin;
        /*-ms-animation: 2s linear 0s normal none infinite running spin;*/
        border-color: blue transparent transparent;
        border-image: none;
        border-radius: 50% !important;
        border-style: solid;
        border-width: 3px;
        display: block;
        height: 100px;
        left: 50%;
        margin-left: -75px;
        margin-top: -75px;
        position: relative;
        top: 50%;
        width: 100px;
        z-index: 1001;
    }

        /* second arc */
        .apus-page-loading #loader:before {
            animation: 3s linear 0s normal none infinite running spin;
            -webkit-animation: 3s linear 0s normal none infinite running spin;
            /*-ms-animation: 3s linear 0s normal none infinite running spin;*/
            border-color: green transparent transparent;
            border-image: none;
            border-radius: 50%;
            border-style: solid;
            border-width: 3px;
            bottom: 5px;
            content: "";
            left: 5px;
            position: absolute;
            right: 5px;
            top: 5px;
        }

        /* inner arc */
        .apus-page-loading #loader:after {
            animation: 1.5s linear 0s normal none infinite running spin;
            -webkit-animation: 1.5s linear 0s normal none infinite running spin;
            /*-ms-animation: 1.5s linear 0s normal none infinite running spin;*/
            border-color: red transparent transparent;
            border-image: none;
            border-radius: 50%;
            border-style: solid;
            border-width: 3px;
            bottom: 15px;
            content: "";
            left: 15px;
            position: absolute;
            right: 15px;
            top: 15px;
        }

    /* Backgorund */
    .apus-page-loading .loader-section {
        background: #c0c0f5 none repeat scroll 0 0;
        height: 100%;
        position: fixed;
        top: 0;
        transform: translateX(0px);
        width: 51%;
        z-index: 1000;
    }

        .apus-page-loading .loader-section.section-left {
            left: 0;
        }

        .apus-page-loading .loader-section.section-right {
            right: 0;
        }

table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc {
    background-image: none !important;
}

.input-group-addon button {
    border: 0 !important;
    padding: 0px !important;
}

.choice-panel .btn {
    padding: 6px 0px;
    font-size: 13px;
}

@media (min-width: 576px) {
    .navbar-expand-sm .navbar-collapse {
        display: block !important;
        flex-basis: auto;
    }
}

.container-fluid:after, .container-fluid:before, .container:after, .container:before, .row:after, .row:before {
    display: none;
}

.navbar-toggler {
    display: none !important;
}

.navbar-nav {
    margin: 0 !important;
    flex-direction: row !important;
}

.navbar-collapse {
    flex-basis: auto;
}

.dropdown-menu{
    min-width: 120px !important
}

::-ms-reveal {
    display: none;
}

::-webkit-scrollbar {
    width: 5px;
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 50%);
    /* background: linear-gradient(0deg, rgb(255 165 80) 0%, rgb(248 77 90) 100%); */
    background: linear-gradient(0deg, rgb(234 238 243) 0%, rgb(233 237 243) 100%);
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 30%);
    border-radius: 10px;
}