@import"https://fonts.googleapis.com/css?family=Roboto:400,500";

body, html, form {
    font-family: "Roboto","Segoe UI","GeezaPro","DejaVu Serif","sans-serif","-apple-system","BlinkMacSystemFont" !important;
    font-size: 12px !important;
    height: calc(100% - 121px) !important;
}

.form-control {
    display: block;
    width: 100%;
    height: 28px;
    padding: 0px !important;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: none !important;
    border-bottom: solid 1px #e0e0e0 !important;
    border-radius: 0px;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

    .form-control:focus {
        border-color: #e0e0e0;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
    }

.logo {
    max-height: 55px !important;
}

.logout {
    color: #4FB79A !important;
    text-decoration: none;
    font-weight: 500;
    font-size: 10px;
}

    .logout img {
        max-height: 45px !important;
    }

.header {
    color: #0786C7 !important;
}

    .header .select2.select2-container.select2-container--bootstrap {
        border-bottom: solid 1px #0786C7 !important;
    }

.reset {
    all: revert;
}

fieldset {
    border: solid 1px #dee2e6 !important;
    padding: 10px !important;
    padding-top: 20px !important;
    border-radius: 10px !important;
    position: relative !important;
}

legend {
    padding-left: 10px !important;
    padding-right: 10px !important;
    position: absolute !important;
    top: -15px !important;
    background-color: #FFF !important;
    font-weight: 500 !important;
}

.btn {
    height: 28px;
    line-height: 18px;
}

.btn-primary.disabled {
    background-color: #DDDDDD !important;
    border: solid 1px #DDDDDD !important;
    color: #AAAAAA !important;
}

label {
    font-size: 12px;
    font-weight: 500;
}

input[type="text"], textarea {
    border-radius: 0px !important;
    box-shadow: none !important;
}

    input[type="text"]:focus, textarea:focus, .form-control:focus {
        outline: none !important;
        border: none !important;
        border-bottom: solid 1px #e0e0e0 !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
    }

.tab-content > .active {
    display: block;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

select.form-control {
    -webkit-appearance: auto !important;
    -moz-appearance: auto !important;
    appearance: auto !important;
}

.dropzone.help-upload {
    border: dashed 2px #CCC !important;
    min-height: 1px !important;
    height: 55px !important;
    padding: 6px;
    overflow: hidden
}

    .dropzone.help-upload .dz-default.dz-message {
        margin: 0;
        line-height: 20px;
    }

        .dropzone.help-upload .dz-default.dz-message small {
            font-size: 12px;
        }

.container-body {
    padding-bottom: 110px;
}

.footer {
    background-color: #0786C7;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #FFF !important;
    z-index: 9999 !important;
    position: fixed;
    bottom: 0px;
}

    .footer a {
        color: #FFF !important;
        font-weight: bold;
        margin-bottom: 15px;
        display: inline-block;
    }

.box {
    border: solid 1px #dee2e6;
    margin-left: 10px;
    margin-right: 10px;
    padding: 15px;
    border-radius: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.box-nomargin {
    border: solid 1px #dee2e6;
    padding: 15px;
    border-radius: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
}

/********* SELECT2 *************/
.select2-selection--single:before, .select2-selection--multiple:before {
    content: "";
    position: absolute;
    right: 7px;
    top: 42%;
    border-top: 5px solid #888;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 0px !important;
}

option {
    padding-left: 0px !important;
}

.select2-selection__placeholder {
    color: #999 !important;
}

.select2.select2-container.select2-container--bootstrap {
    width: 100% !important;
    border-bottom: solid 1px #e0e0e0;
    height: 28px;
    line-height: 28px;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding-right: 36px;
}

/********* DISABLED **************/
.aspNetDisabled .select2 {
    cursor: not-allowed;
    background-color: var(--bs-secondary-bg);
    opacity: 1;
}

.aspNetDisabled .dropzone {
    cursor: not-allowed;
    background-color: var(--bs-secondary-bg);
    opacity: 1;
}

/********* GRID ****************/
.e-grid, .e-grid .e-headercelldiv {
    font-family: "Roboto","Segoe UI","GeezaPro","DejaVu Serif","sans-serif","-apple-system","BlinkMacSystemFont" !important;
    font-size: 12px !important;
    color: #000 !important;
}

    .e-grid .e-gridheader tr th:first-child {
        border-left: none !important;
    }

    .e-grid.e-default tr td:first-child, .e-grid.e-default tr :not(.e-rtl) th.e-headercell:first-child:not(.e-firstcell):not(.e-headercell.e-frozen-left-border), .e-grid.e-default tr th.e-detailheadercell:first-child, .e-grid.e-default tr th.e-filterbarcell:first-child:not(.e-filterbarcell.e-frozen-left-border) {
        border-right-width: 0;
    }

.e-toolbar .e-toolbar-item .e-tbar-btn .e-tbar-btn-text {
    font-size: 12px !important;
    padding: 0 2px 0 2px;
}

.e-toolbar .e-toolbar-item .e-tbar-btn .e-icons.e-btn-icon {
    font-size: 12px !important;
    line-height: 27px !important;
}

.e-toolbar {
    height: 32px !important;
    width: auto;
    min-height: 32px;
}

    .e-toolbar .e-toolbar-items {
        height: 32px !important;
    }

.e-grid .e-headercell, .e-grid .e-detailheadercell {
    height: 30px !important;
    padding-top: 5px !important;
}

.e-gridpager {
    height: 32px;
}

.e-pager .e-pagercontainer {
    margin: 0px 6px 0px 18px;
    height: 30px;
}

    .e-pager .e-pagercontainer .e-firstpage, .e-pager .e-pagercontainer .e-prevpage, .e-pager .e-pagercontainer .e-firstpagedisabled, .e-pager .e-pagercontainer .e-prevpagedisabled, .e-pager .e-pagercontainer .e-nextpage, .e-pager .e-pagercontainer .e-lastpage, .e-pager .e-pagercontainer .e-nextpagedisabled, .e-pager .e-pagercontainer .e-lastpagedisabled {
        margin-top: 2px;
    }

.e-pager .e-pagerdropdown {
    margin-top: -22px;
}

.e-pager .e-pagerconstant {
    margin: 0 0 2px 12px;
}

.e-pager div.e-parentmsgbar {
    padding-top: 8px;
}

.e-pagesizes {
    float: right;
    margin-top: 8px;
    margin-right: 20px;
}

.e-grid .e-rowcell {
    font-size: 11px;
}

.e-toolbar .e-toolbar-item {
    min-height: 32px !important;
}

.e-pager {
    font-size: 11px !important;
}

    .e-pager input.e-input, .e-pager textarea.e-input, .e-pager .e-input-group, .e-pager .e-input-group.e-control-wrapper {
        font-size: 11px;
    }

a.dropdown-toggle {
    cursor: pointer;
}

    a.dropdown-toggle::after {
        display: none;
    }

/********* VALIDATOR ****************/
.has-error-required {
    border-bottom: solid 2px red !important;
    background-color: #FFE5F4 !important;
}

/********* WAITING ************/
#blur {
    width: 100%;
    background-color: rgba(255,255,255,0.6);
    z-index: 9999;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
}

#progress {
    z-index: 9999;
    position: fixed;
    top: calc(50% - 100px);
    text-align: center;
    width: 100%;
}

    #progress i {
        font-size: 42px;
    }

.popover-body ul {
    padding: 0 !important;
    list-style: none !important;
}

.link-popover {
    cursor: pointer;
}

/******** CONTROLS ********/
.form-check-input {
    margin-right: 5px !important;
}

    .form-check-input:checked {
        background-color: #13D3A6;
        border-color: #13D3A6;
    }

.relative {
    position: relative !important;
}

.no-waiting-input i {
    display: none !important;
}

.waiting-input {
    position: relative !important;
}

    .waiting-input i {
        position: absolute;
        right: 5px;
        font-size: 12px;
        top: 16px;
    }

/********* MENU ***********/
.a-card {
    color: #000 !important;
    text-decoration: none !important;
}

    .a-card .card {
        border: solid 1px #0786C7 !important;
        padding-top: 5px;
        padding-bottom: 5px;
    }

        .a-card .card .card-body {
            padding: 0px;
            padding-top: 10px;
            padding-bottom: 5px;
        }

        .a-card .card h1, .a-card .card h1 i, .a-card .card h2 {
            color: #0786C7 !important;
            text-decoration: none !important;
            font-size: 24px;
        }

            .a-card .card h1, .a-card .card h1 i {
                color: #0786C7 !important;
                text-decoration: none !important;
                font-size: 20px;
            }

        .a-card .card h2 {
            color: #0786C7 !important;
            text-decoration: none !important;
            font-size: 20px;
        }

        .a-card.active .card, .a-card .card:hover {
            background-color: #13D3A6;
            border: solid 1px #13D3A6 !important;
        }

            .a-card.active .card h1, .a-card.active .card h1 i, .a-card.active .card h2,
            .a-card:hover .card h1, .a-card:hover .card h1 i, .a-card:hover .card h2 {
                color: #FFF !important;
                text-decoration: none !important;
            }

.a-card-small .card, .a-card-small .card:hover {
    background-color: #13D3A6;
    border: solid 1px #13D3A6 !important;
    color: #FFF !important;
}

    .a-card-small .card i, .a-card-small .card h2 {
        color: #FFF !important;
    }

.a-card-small h2 {
    font-weight: 100 !important;
}

.a-card-small.active .card, .a-card-small .card:hover {
    background-color: #0786C7;
    border: solid 1px #0786C7 !important;
}

.a-card-small .card h1, .a-card-small .card h1 i, .a-card-small .card h2 {
    color: #FFF !important;
    text-decoration: none !important;
    font-size: 12px;
}

    .a-card-small .card h1, .a-card-small .card h1 i {
        color: #FFF !important;
        text-decoration: none !important;
        font-size: 12px;
    }

.a-card-small .card h2 {
    color: #FFF !important;
    text-decoration: none !important;
    font-size: 12px;
}

.a-card.disable {
    cursor: not-allowed !important;
}

    .a-card.disable .card {
        background-color: white !important;
        border: solid 1px #CCC !important;
    }

        .a-card.disable .card:hover {
            background-color: white;
            border: solid 1px #CCC !important;
        }

        .a-card.disable .card h1, .a-card.disable .card h1 i, .a-card.disable .card h2 {
            color: #CCC !important;
            text-decoration: none !important;
        }

.a-card-small .card .card-body {
    padding: 0px;
}

.a-card-small h2 {
    padding: 0px !important;
    margin-bottom: 0px !important;
}

.invisible {
    position: absolute;
    height: 0px !important;
    width: 0px !important;
}

div[id*='strui-grid-column'] {
    display: none !important;
}

.overflow-visible {
    overflow: visible !important;
}

.jconfirm-content {
    line-height: 28px !important;
}

.e-row .dropdown-item {
    padding: 10px !important;
}

.link-search {
    position: absolute;
    right: 20px;
    z-index: 998;
    color: #999 !important;
    font-size: 15px;
    top: 3px;
}

.form-switch.relative .form-check-label-absolute {
    position: absolute;
    left: 32px;
}