.sidebar-toggle {
    color: var(--kt-primary) !important;
    transition: .3s ease-in-out;
}

.modal .btn-default {
    background: var(--kt-light) !important;
}

.sidebar-toggle:hover {
    background: var(--kt-primary) !important;
    color: #fff !important;
}

.navbar-static-top .fas {
    color: var(--kt-primary) !important;
}

.patt-wrap {
    z-index: 10;
}

.patt-circ.hovered {
    background-color: #cde2f2;
    border: none;
}

.patt-circ.hovered .patt-dots {
    display: none;
}

.patt-circ.dir {
    background-image: url("{{asset('/img/pattern-directionicon-arrow.png')}}");
    background-position: center;
    background-repeat: no-repeat;
}

.patt-circ.e {
    -webkit-transform: rotate(0);
    transform: rotate(0);
}

.patt-circ.s-e {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.patt-circ.s {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.patt-circ.s-w {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}

.patt-circ.w {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.patt-circ.n-w {
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
}

.patt-circ.n {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
}

.patt-circ.n-e {
    -webkit-transform: rotate(315deg);
    transform: rotate(315deg);
}

select.input-sm {
    height: 40px !important;
}

.btn.btn-flat {
    border-radius: 7px !important;
}

.form-control {
    font-size: 15px !important;
    border: 1px solid #e8e8e8 !important;
}

.select2 {
    border-right: 10px !important;
}

.select2-container--default .select2-selection--single, .select2-selection .select2-selection--single {
    border-radius: 7px !important;
    height: 40px;
}

* {
    font-family: 'Tajawal', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Tajawal', sans-serif;
}

.navbar-static-top .fas {
    color: var(--kt-dark) !important;
}

.main-header .navbar .nav > li > a {
    color: var(--kt-dark);
    background: var(--kt-secondary);
}

.main-header .navbar .nav > li > a:hover {
    color: var(--kt-white);
    background: var(--kt-dark);
}

.btn.btn-light i {
    color: var(--kt-light-inverse) !important;
}

.navbar ul li, .navbar button, .navbar div.pull-left {
    margin-right: 4px;
}

.sidebar-collapse .sidebar-menu > li > a {
    padding: 13px 16px 10px 6px !important;
}

.sidebar, .treeview .treeview-menu, .main-header .logo, .main-header .logo {
    background: #1e1e2d !important;
}

.main-header .logo {
    border-bottom: 1px dashed #393945 !important;
}

.sidebar a, .sidebar {
    color: #9D9DA6 !important;
}

.sidebar a:hover, .sidebar li a:hover {
    color: var(--kt-light) !important;
    background: #1e1e2d !important;
}


.sidebar-menu > li > .treeview-menu {
    background: #1e1e2d !important;
    padding-right: 30px !important;
}

.sidebar-menu > li.active {
    border-left-color: #1e1e2d !important;
}

.sidebar-menu {
    padding: 10px;
}

.main-sidebar {
    background: #1e1e2d !important;
}

.sidebar-collapse .sidebar-menu {
    padding: 0px;
}

.content-header {
    background: unset !important;

}

.content-wrapper .content-header-custom h1, .content-wrapper .content-header-custom small, .content-wrapper .content-header-custom a, .content-wrapper .content-header-custom h1, .content-wrapper .content-header-custom small, .content-wrapper .content-header-custom a {
    color: #1e1e2d !important;
}

.box {
    border: unset !important;
}

.icheckbox_square-blue {
    border-radius: 2px !important;
}

.icheckbox_square-blue.checked {
    background-color: #1e1e2d !important;
}

.sidebar-menu li, .sidebar-menu .treeview, ul.treeview-menu, .sidebar-menu li a {
    color: var(--kt-white) !important;
    background: #1e1e2d !important;
}

.sidebar-menu > li.active > a {
    background: #1e1e2d !important;
}

.form-control {
    height: 40px;
}

.table-responsive {
    border-radius: 10px !important;
}

.print:last-child {
    page-break-after: auto;
}

.modifiers .btn-primary:focus {
    background-color: #2d4860 !important;
    border-color: #313131 !important;
}

.modifiers .btn-primary:hover {
    background-color: #2b4d8c !important;
    border-color: #2B4D8CFF !important;
}

.modifiers .btn-primary.active {
    background-color: #2d4860 !important;
    border-color: #313131 !important;
}

@media (max-width: 767px) {
    .sidebar {
        padding-top: 75px !important;
    }
}