/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.3.6,
* Autoprefixer: v10.3.1
* Browsers: last 4 version
*/

/* -------------------- Buttons -------------------- */

.button {
    border-radius: 10px;
    font-size: 14px;
    font-weight: 600;
    color: #EEE;
    background: #333;
    border: none;
    padding: 5px 15px 5px 13px;
    -webkit-box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
    white-space: nowrap;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

    .button:hover {
        -webkit-filter: brightness(0.9);
        filter: brightness(0.9);
        color: #EEE;
    }

    .button:active {
        -webkit-filter: brightness(0.8);
        filter: brightness(0.8);
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .button:focus {
        outline: none;
    }

    .button:not(:first-child) {
        margin-left: 10px;
    }

    .button > i.fas {
        margin: 0 10px 0 0;
    }

.button-1 {
    background: #757575;
}

.button-2 {
    background: #2D7459;
}


.button-3 {
    background: #BB4B47;
}

.button-4 {
    background: #2D7459;
}

.button-5 {
    background: #348397;
}

.button-6 {
    background: #345F97;
}

.button-7 {
    background: rgba(0, 0, 0, 0);
    color: unset;
    -webkit-box-shadow: none;
    box-shadow: none;
    /*display: flex;
    justify-content: center;
    align-content: center;*/
    padding: 0;
    width: 30px;
    height: 25px;
}

    .button-7 > i.fas {
        margin: 0;
    }

    .button-7 > i.fa-caret-left {
        position: relative;
        left: -1px;
    }

    .button-7 > i.fa-caret-right {
        position: relative;
        left: 1px;
    }

.button-8 {
    background: rgba(0, 0, 0, 0);
    color: unset;
    -webkit-box-shadow: none;
    box-shadow: none;
    /*display: flex;
    justify-content: center;
    align-content: center;*/
    padding: 0;
    width: 55px;
    height: 55px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .button-8 > i.fas {
        margin: 0;
        font-size: 20px;
        color: var(--color4);
    }

.button-9 {
    position: absolute;
    background: rgba(0, 0, 0, 0);
    padding: 5px;
    width: 30px;
    height: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    right: 20px;
    color: #111;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 18px;
}

    .button-9 > i.fas {
        margin: 0;
    }

.module-header-options button.button > i {
    color: unset;
    font-size: unset;
}

.button-10 {
    background: rgba(0, 0, 0, 0.3);
    cursor: not-allowed;
}

.module-form-btns {
    width: 100%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin: 20px 0 0 0;
}

.split {
    justify-content: space-between;
}

.module-body-btns {
    width: 100%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin: 20px 0 0 0;
}

    .module-body-btns:only-child {
        margin: 0;
    }

.module-body-btns-2 {
    width: 100%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin: 0 0 20px 0;
}

.btn-primary, .btn-default {
    border-radius: 10px;
}

.module-header-options button.button > i.fa-filter, .fa-filter {
    font-size: 11px;
    bottom: 1px;
    position: relative;
}

.fa-trash {
    font-size: 12px;
    position: relative;
    bottom: 1px;
}

/* -------------------- Accordeon -------------------- */

.panel-default > .panel-heading {
    background: var(--color5);
}

.panel-group .panel-heading {
    border-radius: 10px;
    padding: unset;
}

    .panel-group .panel-heading a {
        padding: 10px 15px;
    }

    .panel-group .panel-heading h4 {
        text-transform: none;
    }

.panel-group > form > div.panel {
    margin: 0 0 10px 0;
    position: relative;
    left: -15px;
    width: calc(100% + 30px);
    -webkit-box-shadow: none;
    box-shadow: none;
}

.panel .panel-body {
    padding: 20px 35px;
}


/* -------------------- Datatables -------------------- */
.tab-content {
    background: none;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

/*table.dataTable {
    overflow-x: hidden;
    margin: 0 !important;
    display: block;
    width: calc(100% + 30px) !important;*/
/*position: relative;*/
/*left: -15px;
}*/

/*table.dataTable:hover {
        overflow-x: scroll;
    }*/

tbody {
    color: unset;
}

.table {
    color: unset;
    width: 100% !important;
    /*display: block !important;
    overflow-x: auto !important;*/
}

    .table.dataTable[class*=table-] thead th {
        background: var(--color3);
        text-transform: none;
        padding: 10px 30px 10px 20px;
        border: none;
    }

.table-responsive {
    overflow: unset;
}

.table.dataTable[class*=table-] thead th:first-child {
    border-radius: 10px 0 0 10px;
}

.table.dataTable[class*=table-] thead th:last-child {
    border-radius: 0 10px 10px 0;
}

table.dataTable.table-sm .sorting:before, table.dataTable.table-sm .sorting_asc:before, table.dataTable.table-sm .sorting_desc:before {
    top: 8px;
    right: 15px;
}

table.dataTable.table-sm .sorting:after, table.dataTable.table-sm .sorting_asc:after, table.dataTable.table-sm .sorting_desc:after {
    top: 10px;
    /*top: unset;*/
}

table.dataTable thead .sorting:before, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_desc_disabled:before {
    content: "\f30c";
    font-family: "Font Awesome 5 Free";
}

table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after {
    right: 9px;
    content: "\f309";
    font-family: "Font Awesome 5 Free";
}

.table.table-sm td, .table.table-sm th {
    padding: 10px 30px 10px 20px;
    text-align: left;
    /*position: relative;*/
}

    .table.table-sm td:first-child, .table.table-sm th:first-child {
        border-radius: 10px 0 0 10px;
    }

    .table.table-sm td:last-child, .table.table-sm th:last-child {
        border-radius: 0 10px 10px 0;
    }

.table-striped tbody tr {
    background-color: var(--color2);
    /*border-radius: 10px;*/
}

    .table-striped tbody tr:nth-of-type(2n+1) {
        background-color: unset;
    }

.table thead tr th select {
    width: calc(100% + 24px) !important;
    margin: 7px 0 0 0;
    border-radius: 10px;
    border: none;
    background: rgba(255, 255, 255, 1);
    padding: 2px 7px;
    -webkit-box-shadow: inset 0px 0px 0px 2px var(--color3);
    box-shadow: inset 0px 0px 0px 2px var(--color3);
    position: relative;
    left: -12px;
}

div.dataTables_wrapper div.dataTables_filter {
    margin: 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    display: block;
    float: right;
}

    div.dataTables_wrapper div.dataTables_filter label {
        margin: 0 0 20px 0;
        font-weight: 600;
    }

    div.dataTables_wrapper div.dataTables_filter input {
        margin: 0 0 0 15px;
        padding: 5px 15px;
        border-radius: 10px;
        font-size: 14px;
        background: rgba(255, 255, 255, 1);
        border: none;
        /*display: inline-flex;*/
        -webkit-box-shadow: inset 0px 0px 0px 2px var(--color3);
        box-shadow: inset 0px 0px 0px 2px var(--color3);
    }

div.dataTables_wrapper div.dataTables_paginate {
    margin: 20px 0 0 0;
}

ul.pagination > li.paginate_button > a {
    border: none;
    color: unset;
    border-radius: 10px;
    background-color: var(--color2);
}

.page-item.disabled .page-link {
    background-color: unset;
    color: unset;
    opacity: 0.7;
}

.page-item:first-child .page-link, .page-item:last-child .page-link {
    border-radius: 10px;
}

ul.pagination .page-item.active .page-link {
    background-color: var(--color3);
    border: 2px solid #111;
    color: unset;
    font-weight: 600;
    padding: 6px 10px;
}

select.form-control:not([size]):not([multiple]) {
    padding: 5px 15px;
    margin: 0 10px 0 0;
    border-radius: 10px;
    font-size: 14px;
    background: rgba(255, 255, 255, 1);
    border: none;
    /*display: inline-flex;*/
    height: unset;
    -webkit-box-shadow: inset 0px 0px 0px 2px var(--color3);
    box-shadow: inset 0px 0px 0px 2px var(--color3);
}

div.dataTables_wrapper div.dataTables_length label {
    font-weight: 600;
    margin: 0 0 20px 0;
}

div.dataTables_wrapper div.dataTables_length {
    margin: 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    display: block;
    float: left;
}

div.dataTables_wrapper div.dataTables_info {
    padding: 0;
    margin: 20px 0 0 0;
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    float: left;
    font-weight: 600;
}

.dataTables_wrapper {
    width: 100%;
}

    .dataTables_wrapper > .row > .col-sm-12 {
        overflow-x: auto;
    }

table.dataTable.table-striped.DTFC_Cloned tbody {
    background-color: var(--color1);
}

div.DTFC_LeftHeadWrapper table, div.DTFC_RightHeadWrapper table {
    background-color: var(--color1);
}

#DataTables_Table_0_wrapper > div.DTFC_ScrollWrapper > div.DTFC_LeftWrapper > div.DTFC_LeftHeadWrapper > table > thead > tr > th {
    border-radius: 0;
}

    #DataTables_Table_0_wrapper > div.DTFC_ScrollWrapper > div.DTFC_LeftWrapper > div.DTFC_LeftHeadWrapper > table > thead > tr > th:first-child {
        border-radius: 10px 0 0 10px;
    }

#DataTables_Table_0_wrapper > div.DTFC_ScrollWrapper > div.DTFC_RightWrapper > div.DTFC_RightHeadWrapper > table > thead > tr > th {
    border-radius: 0;
}

    #DataTables_Table_0_wrapper > div.DTFC_ScrollWrapper > div.DTFC_RightWrapper > div.DTFC_RightHeadWrapper > table > thead > tr > th:last-child {
        border-radius: 0 10px 10px 0;
    }

#DataTables_Table_0_wrapper > div.DTFC_ScrollWrapper > div.DTFC_RightWrapper > div.DTFC_RightBodyWrapper > div > table > thead, #DataTables_Table_0_wrapper > div.DTFC_ScrollWrapper > div.DTFC_LeftWrapper > div.DTFC_LeftBodyWrapper > div > table > thead {
    display: none;
}

#DataTables_Table_0_wrapper > div.DTFC_ScrollWrapper > div.DTFC_LeftWrapper > div.DTFC_LeftBodyWrapper > div > table > tbody > tr {
    background-color: var(--color1);
}

    #DataTables_Table_0_wrapper > div.DTFC_ScrollWrapper > div.DTFC_LeftWrapper > div.DTFC_LeftBodyWrapper > div > table > tbody > tr > td {
        background: var(--color2);
        border-radius: 0;
    }

        #DataTables_Table_0_wrapper > div.DTFC_ScrollWrapper > div.DTFC_LeftWrapper > div.DTFC_LeftBodyWrapper > div > table > tbody > tr > td:first-child {
            background: var(--color2);
            border-radius: 10px 0 0 10px;
        }

    #DataTables_Table_0_wrapper > div.DTFC_ScrollWrapper > div.DTFC_LeftWrapper > div.DTFC_LeftBodyWrapper > div > table > tbody > tr:nth-of-type(2n+1) > td {
        background: unset;
    }

#DataTables_Table_0_wrapper > div.DTFC_ScrollWrapper > div.DTFC_LeftWrapper > div.DTFC_LeftBodyWrapper > div > table, #DataTables_Table_0_wrapper > div.DTFC_ScrollWrapper > div.DTFC_RightWrapper > div.DTFC_RightBodyWrapper > div > table {
    background-color: var(--color1);
}

#DataTables_Table_0_wrapper > div.DTFC_ScrollWrapper > div.DTFC_RightWrapper > div.DTFC_RightBodyWrapper {
    overflow: visible !important;
}

    #DataTables_Table_0_wrapper > div.DTFC_ScrollWrapper > div.DTFC_RightWrapper > div.DTFC_RightBodyWrapper > div {
        overflow: visible !important;
        width: unset !important;
    }

.dataTables_wrapper > table.table {
    display: block !important;
    overflow-x: auto !important;
}

/* -------------------- Filter -------------------- */
.module-dataTable {
    width: 100%;
}

.module-dataTable-controls {
    width: 100%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-bottom: 20px;
}

.module-dataTable-controls-filter {
    width: 100%;
    margin-bottom: 50px;
    /* border-top: 2px solid #333; */
}

    .module-dataTable-controls-filter > div.filter:first-child {
        /*margin-top: 20px;*/
    }

    .module-dataTable-controls-filter > div.filter:nth-of-type(2n+1) {
        background: var(--color2);
    }

    .module-dataTable-controls-filter > div.filter {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        width: calc(100% + 30px);
        -webkit-column-gap: 20px;
        -moz-column-gap: 20px;
        column-gap: 20px;
        /* margin-bottom: 20px; */
        border-radius: 10px;
        background: none;
        padding: 10px 15px;
        position: relative;
        left: -15px;
    }

        .module-dataTable-controls-filter > div.filter:nth-of-type(2n+1) > select {
            background-color: #FFFFFF;
        }

    .module-dataTable-controls-filter input.valSelect {
        padding: 5px 15px;
        border-radius: 10px;
        font-size: 14px;
        background: rgba(255, 255, 255, 1);
        border: none;
        -webkit-box-shadow: inset 0px 0px 0px 2px var(--color3);
        box-shadow: inset 0px 0px 0px 2px var(--color3);
    }

select.form-control:not([size]):not([multiple]) {
    height: unset;
}

.module-form-group-2 > .module-form-input > select.form-control {
    margin: 0;
}

.module-dataTable-controls-filter > div.filter > select {
    width: 100%;
    padding: 7px 35px 7px 15px;
    border-radius: 50px;
    border: none;
    font-size: 13px;
    height: unset !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%20data-prefix%3D%22fas%22%20data-icon%3D%22caret-down%22%20class%3D%22svg-inline--fa%20fa-caret-down%20fa-w-10%22%20role%3D%22img%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20320%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M31.3%20192h257.3c17.8%200%2026.7%2021.5%2014.1%2034.1L174.1%20354.8c-7.8%207.8-20.5%207.8-28.3%200L17.2%20226.1C4.6%20213.5%2013.5%20192%2031.3%20192z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E);
    background-position: right 1.1em top 54%, 0 0;
    background-size: .65em auto, 100%;
    background-repeat: no-repeat, repeat;
    background-color: #F5F5F5;
}

.module-dataTable-controls-filter > div.filter > button {
    margin: 0;
}

.module-dataTable-filter-text {
    margin: 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: auto;
    white-space: nowrap;
    overflow-x: hidden;
}

#FilterSelect {
    width: 250px;
    margin: 0;
    /*appearance: none;
    background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%20data-prefix%3D%22fas%22%20data-icon%3D%22caret-down%22%20class%3D%22svg-inline--fa%20fa-caret-down%20fa-w-10%22%20role%3D%22img%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20320%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M31.3%20192h257.3c17.8%200%2026.7%2021.5%2014.1%2034.1L174.1%20354.8c-7.8%207.8-20.5%207.8-28.3%200L17.2%20226.1C4.6%20213.5%2013.5%20192%2031.3%20192z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E);
    background-position: right 1.1em top 54%, 0 0;
    background-size: .65em auto, 100%;
    background-repeat: no-repeat, repeat;*/
}

.module-dataTable-filter-addSetting {
    position: relative;
    margin: 0 0 0 20px;
}

.module-dataTable-btn-addFilter {
    margin: 0 0 0 auto;
}

.module-dataTable-filter-addSetting > label {
    margin: 0;
}

.module-dataTable-btn-filter {
    /*background: #226285;
    -webkit-box-shadow: 0px 5px 7px 0px rgb(34 98 133 / 30%);
    -moz-box-shadow: 0px 5px 7px 0px rgba(34,98,133,0.3);
    box-shadow: 0px 5px 7px 0px rgb(34 98 133 / 30%);*/
    margin: 0 0 0 20px;
}

.module-dataTable-btn-create {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.module-dataTable-filter-text > span {
    font-weight: 700;
    margin-right: 10px;
}

#saveFilterBtn {
    display: none;
}

.saveFilterOptions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    left: 50%;
    width: 300px;
    padding: 20px;
    z-index: 130;
    -webkit-transform: translate(calc(-50% + 15px), 0px);
    -ms-transform: translate(calc(-50% + 15px), 0px);
    transform: translate(calc(-50% + 15px), 0px);
    border: none;
    border-radius: 10px;
    background: var(--color1);
    color: unset;
    -webkit-box-shadow: rgb(50 50 93 / 25%) 0px 2px 5px -1px, rgb(0 0 0 / 30%) 0px 1px 3px -1px;
    box-shadow: rgb(50 50 93 / 25%) 0px 2px 5px -1px, rgb(0 0 0 / 30%) 0px 1px 3px -1px;
    -moz-box-shadow: rgb(50 50 93 / 25%) 0px 2px 5px -1px, rgb(0 0 0 / 30%) 0px 1px 3px -1px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
}

.module-dataTable-filter-addSetting > label > a {
    color: #FFF;
}

#filterName {
    width: 100%;
    padding: 7px 15px 7px 15px;
    border-radius: 10px;
    border: none;
    font-size: 13px;
    background-color: rgba(255, 255, 255, 1);
    margin-bottom: 15px;
}

.filterOption {
    width: 100%;
    margin-bottom: 5px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 7px;
    -moz-column-gap: 7px;
    column-gap: 7px;
}

#saveFilter {
    margin: 0;
    margin-top: 10px;
}

.filterOption > label {
    margin: 0;
}

.module-dataTable-filter-hidden {
    display: none;
}

#exportBtn {
    margin: 0 0 0 20px;
}

.module-header-options {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

#quickSearch {
    width: 20em;
    height: 100%;
    border: none;
    border-radius: 10px;
    padding: 0 1em;
    -webkit-box-shadow: inset 0px 0px 0px 2px var(--color3);
    box-shadow: inset 0px 0px 0px 2px var(--color3);
}

#exportBtn {
    position: absolute;
    right: 0;
    bottom: -35px;
}

.export-div {
    position: relative;
}

.show-on-advanced-search {
    display: none;
}

.advanced-search .show-on-advanced-search {
    display: block;
}

.advanced-search .hide-on-advanced-search {
    display: none;
}

.datatable {
    position: relative
}

    .datatable.loading {
        margin-top: 50px !important;
        margin-bottom: 57px !important;
    }

        .datatable.loading tbody {
            position: relative;
        }

.advanced-search .show-on-advanced-search {
    min-height: 150px;
}

.datatable.loading tbody:after {
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    z-index: 1;
    -webkit-animation: slide 1s infinite;
    animation: slide 1s infinite;
    background: -o-linear-gradient(330deg, rgba(255,255,255,0) 40%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 60%);
    background: linear-gradient(120deg, rgba(255,255,255,0) 40%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 60%); /* W3C */
    background-size: 200% 100%;
}

/* animation */

@-webkit-keyframes slide {
    0% {
        background-position-x: 100%
    }

    100% {
        background-position-x: 0
    }
}

@keyframes slide {
    0% {
        background-position-x: 100%
    }

    100% {
        background-position-x: 0
    }
}

/* -------------------- Sidebar -------------------- */

.content-sidebar {
    width: 250px;
    height: 100vh;
    position: fixed;
    top: 0;
    /*left: 264px;*/
    right: 0;
    background: var(--color2);
    padding: 0;
    -webkit-box-shadow: rgb(50 50 93 / 25%) 0px 2px 5px -1px, rgb(0 0 0 / 30%) 0px 1px 3px -1px;
    box-shadow: rgb(50 50 93 / 25%) 0px 2px 5px -1px, rgb(0 0 0 / 30%) 0px 1px 3px -1px;
    overflow-y: hidden;
    overflow-x: hidden;
}

    .content-sidebar:hover {
        overflow-y: scroll;
    }

.content-sidebar-header {
    /*background: var(--color2);*/
    /*padding: 60px 20px 20px 20px;*/
    height: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .content-sidebar-header h2 {
        margin: 0;
    }

    .content-sidebar-header p {
        font-weight: 400;
        font-style: italic;
        margin: 10px 0 0 0;
    }

.content-sidebar-body {
    /*background: var(--color2);*/
}

.sidebar-body-group {
    background: var(--color1);
    padding: 20px;
    margin: 0 0 20px 0;
}

.sidebar-body-group-text h2 {
    margin: 0;
    font-size: 17px;
}

.sidebar-body-group-text {
    margin: 0 0 20px 0;
    position: relative;
}

    .sidebar-body-group-text p {
        font-weight: 400;
        font-style: italic;
        margin: 5px 0 0 0;
    }

    .sidebar-body-group-text button {
        position: absolute;
        right: 0;
        top: -2px;
    }

.sidebar-body-group-btns {
    list-style: none;
    margin: 0;
    padding: 0;
    line-height: 35px;
}

    .sidebar-body-group-btns i.fas, .sidebar-body-group-btns i.far {
        width: 40px;
        height: 30px;
        color: #FFF;
        background: #343497;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        border-radius: 10px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin: 0 10px 0 0;
    }

    .sidebar-body-group-btns a {
        color: unset;
        width: 100%;
        display: block;
        white-space: nowrap;
    }

.sidebar-body-group:nth-child(1) > ul > li > a > i {
    background: #F4743B;
}

.sidebar-body-group:nth-child(2) > ul > li > a > i {
    background: #729EA1;
}

.sidebar-body-group:nth-child(3) > ul > li > a > i {
    background: #EC9192;
}

.sidebar-body-group:nth-child(4) > ul > li > a > i {
    background: #49D49D;
}

.sidebar-body-group:nth-child(5) > ul > li > a > i {
    background: #343497;
}

.sidebar-body-group:nth-child(6) > ul > li > a > i {
    background: #F72C25;
}

.content-sidebar-colapsed {
    width: 80px;
}

.pcoded-content-sidebar-open {
    width: calc(100% - 250px);
}

.pcoded-content-sidebar-closed {
    width: calc(100% - 80px);
}


@media only screen and (max-width: 991px) {
    div.dataTables_wrapper div.dataTables_filter label {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        text-align: center;
        width: 100%;
    }

    div.dataTables_wrapper div.dataTables_filter input {
        margin: 0;
    }

    div.dataTables_wrapper div.dataTables_paginate ul.pagination {
        width: 100%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    div.dataTables_wrapper div.dataTables_info {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: 10px;
    }

    #quickSearch {
        height: 31px;
        width: 100%;
    }

    .export-div {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    #exportBtn {
        position: unset;
        right: unset;
        bottom: unset;
        margin: 0 0 10px 0;
    }

    .module-header-options button {
        margin: 0 !important;
    }
}