body {
    background-color: #fff;
}

.top-menu {
    margin-bottom: 0;
    -webkit-box-shadow: 0px 7px 25px -18px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 7px 25px -18px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 7px 25px -18px rgba(0, 0, 0, 0.75);
}

.side-menu {
    margin-bottom: 0;
    -webkit-box-shadow: 7px 0px 25px -18px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 7px 0px 25px -18px rgba(0, 0, 0, 0.75);
    box-shadow: 7px 0px 25px -18px rgba(0, 0, 0, 0.75);
    height: auto;
}

.breadcrumb > li + li:before {
    color: #424242 !important;
}

.d-none {
    display: none;
}

.d-table {
    display: table;
}

.form-group-wrapper {
    display: flex;
    margin-left: -15px;
    margin-right: -15px
}

.w-100 {
    width: 100%;
}

.m-0 {
    margin: 0;
}

.p-0 {
    padding: 0;
}

.user-info {
    text-align: center;
}

.nav > li > a {
    color: #424242;
    font-weight: 400;
}

ul.nav-second-level {
    background: #ffffff;
}

.nav-second-level li > a {
    padding: 15px 10px 15px 42px;
}

.mini-navbar .nav .nav-second-level {
    background-color: #fff;
}

@media (max-width: 768px) {
    #branch_select {
        max-width: 120px;
    }
}

@media (max-width: 1236px) {
    .items-table th {
        min-width: 100px;
    }
}

@media (min-width: 1237px) {
    .items-table {
        table-layout: fixed;
    }
}

.btn-primary {
    background-color: #09d;
    border-color: #09d;
    color: #FFFFFF;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary, .btn-primary:active:focus, .btn-primary:active:hover, .btn-primary.active:hover, .btn-primary.active:focus {
    background-color: #008ac7;
    border-color: #008ac7;
    color: #FFFFFF;
}

.navbar-default .nav > li > a:hover, .navbar-default .nav > li > a:focus {
    background-color: #09d;
}

.nav > li.active {
    border-left: 4px solid #e6007e;
    background: #e6007e;
}

.btn-info, .btn-success {
    border-color: #e6007e;
    background: #e6007e;
}

.btn-info:hover, .btn-success:hover {
    border-color: #e6005c;
    background: #e6005c;
}

th.sortable {
    position: relative;
}

th.sortable::after {
    content: '\f0dc';
    font-family: FontAwesome;
    font-family: 'Font Awesome 5 Free';
    position: absolute;
    right: 15px;
}

th.sortable.sorting_desc::after {
    content: '\f0dd';
}

th.sortable.sorting_asc::after {
    content: '\f0de';
}

[data-grid-column="id"], .grid-column-id {
    display: none;
}

/*[data-grid-name="employees_grid"] [data-grid-column="id"],*/
/*[data-grid-name="employees_grid"] .grid-column-id{*/
/*    display: table-cell;*/
/*}*/

.grid-action {
    display: flex;
    margin: 2px 0;
    text-align: center;
}

.grid-action i {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    font-family: FontAwesome;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    margin-right: 4px;
    margin-top: 2px;
    float: left;
}

.grid-action i:after {
    font-family: FontAwesome;
    font-family: 'Font Awesome 5 Free';
}

.grid-action-download i:after {
    content: "\f56d";
}

.grid-action-edit i:after {
    content: "\f044";
}

.grid-action-remove i:after {
    content: "\f1f8";
}

.grid-action-reject i:after {
    content: "\f00d";
}

.grid-action-cancel i:after {
    content: "\f00d";
}

.grid-action-accept i:after {
    content: "\f00c";
}

body .side-menu {
    position: fixed;
}

body:not(.mini-navbar) .side-menu {
    overflow-y: scroll;
    top: 0;
    bottom: 0;
}

.side-menu::-webkit-scrollbar {
    display: none;
}

.filterable {
    min-width: 150px;
}

.grid-filter-select, .grid-filter-input, .grid-filter-input2  {
    font-size: 11px;
}

table.dataTable thead .sorting_desc {
    background-color: rgb(245, 245, 246);
}

.text-success {
    color: #33cc33 !important;
}

.dataGrid td div.btn-group {
    width: 100%;
}

.nav.nav-second-level > li.active {
    background-color: #008ac7;
}

input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-calendar-picker-indicator {
    display: none;
    -webkit-appearance: none;
}

.mini-navbar .nav > li > a {
    text-align: center;
}

textarea {
    resize: vertical;
}

.items-table, .items-table input, .items-table select, .items-table button {
    font-size: 10px;
}

.control-label {
    text-align: left !important;
}

nav.side-menu {
    height: 100%;
}

body.mini-navbar .profile-element {
    display: block !important;
}

body.mini-navbar .profile-element img {
    margin: 0 !important;
}

body.mini-navbar .profile-element h3, body.mini-navbar .profile-element h5, body.mini-navbar .profile-element .ts-logo {
    display: none;
}

.select2-container--open .select2-dropdown--below,
.select2-container--open .select2-dropdown--above {
    min-width: 300px;
}

.select2-container--default .select2-selection--single {
    background-color: rgb(255, 255, 255);
    background-image: none;
    color: inherit;
    display: block;
    width: 100%;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(229, 230, 231);
    border-image: initial;
    height: 34px;
    border-radius: 1px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}