h2 {
    font-size: 17px;
    color: #333;
}

.content-page {
    background-color: #F7F6F6 !important;
    margin-right: 230px;
}

.navbar-custom {
    background-color: #0ACF97;
    margin-right: -30px;
}

.btn.btn-sm.btn-default.btn-block.clockpicker-button {
    width: 100%;
    background-color: #034ea2;
    color: white;
    font-weight: bold;
}

@media (min-width: 1400px) {
    .col-xxl-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 33.33333333%;
    }
}

body.authentication-bg {
    background-image: url(/image/bg-pattern-light.svg);
    background-size: cover;
    background-position: center;
}

body[data-leftbar-compact-mode="condensed"]:not(.authentication-bg)
.wrapper .footer,
body[data-leftbar-compact-mode="condensed"]:not(.authentication-bg)
.wrapper .navbar-custom {
    right: 100px;
}

.side-nav .side-nav-link {
    font-size: 16px !important;
}

.side-nav-forth-level li a, .side-nav-second-level li a, .side-nav-third-level li a {
    padding: 8px 32px 8px 30px;
    font-size: 14px;
    color: #bccee4;
    background-color: #404956;
}

.breadcrumb-item + .breadcrumb-item::before {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    margin-right: -5px;
    color: orangered;
}

.modal-content {
    width: 850px !important;
    margin: 30px auto !important;
}

.map-modal-content {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid transparent;
    border-radius: .2rem;
    outline: 0;
    width: calc(100vw-40px);
    height: calc(100vh-40px);
}

.modal-body {
    padding: 0px;
}

@media (min-width: 576px) {
    .modal-dialog {
        max-width: none;
    }
}

.modal-dialog-title {
    background: #313A46;
    border-top: 0px;
    min-height: 34px;
    border-radius: 0px 0px 14px 14px;
    display: inline-block;
    padding: 6px 30px;
    color: #0ACF97;
    font-size: 16px;
    font-weight: bold;
}

.accordion a.collapsed i.accordion-arrow::before {
    transition: transform 0.3s;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

input[data-switch]:checked + label::before {
    right: 0px;
}

input[data-switch] + label::before {
    font-size: 0.85rem;
    line-height: 30px;
}

input[data-switch]:checked + label::after {
    right: 31px;
}

input[data-switch] + label::after {
    right: 4px;
    height: 24px;
    width: 24px;
    top: 2.8px;
}

input[data-switch] + label {
    width: 60px;
    height: 30px;
}

.breadcrumb-item + .breadcrumb-item {
    padding-right: 0px;
}

.breadcrumb {
    padding: 0;
    padding-right: 5px;
}

.k-grid {
    font-family: 'IranSans' !important;
}

.k-grid-header {
    background-color: #fafafa;
    border-radius: 0.25rem 0.25rem 0 0;
}

.k-grid-header-wrap tr {
    height: 30px;
    line-height: 30px;
}

.k-pager-wrap {
    border-radius: 0 0 0.25rem 0.25rem;
}


.k-master-row {
    height: 55px;
    font-size: 0.95rem;
}

.k-rtl div.k-grid-footer, .k-rtl div.k-grid-header {
    padding-right: unset;
    padding-left: 17px;
}

.form-control, .k-picker, .text-box, textarea {
    height: 2.5rem;
    border-radius: 0.4rem;
    border: 0.0625rem solid #c8c9ce;
    background-color: white;
    font-size: 0.95rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    /*min-width: 320px;*/
    color: #555;
    width: 100%;
}

    .form-control:disabled:focus, .form-control[readonly]:focus {
        border: 1px solid #c8c9ce !important;
        background-color: #eef2f7;
    }

.k-pager-sizes .k-picker {
    min-width: 120px;
}

.k-filter-menu-container .k-picker {
    min-width: auto;
    width: 100%;
}


.k-picker {
    border-bottom-left-radius: 0.5rem !important;
    border-bottom-right-radius: 0.5rem !important;
    border-top-color: #d7dae3 !important;
}

    .k-picker:focus-within {
        border-color: #228de1 !important;
    }

.k-input-inner {
    font-family: IranSans;
}

.k-button {
    font-family: IranSans;
}

.k-column-title {
    padding-left: 4px;
}

.page-title {
    color: #ed3b00;
    font-size: 19px;
    font-weight: bold;
    display: inline-block;
    width: auto;
    padding: 16px;
}

.container-card {
    padding: 16px;
    margin-bottom: 15px;
    background-color: #fff;
    transition: all .5s ease-in-out;
    position: relative;
    border: 0rem solid transparent;
    border-radius: 0.25rem;
    box-shadow: 0rem 0.3125rem 0.3125rem 0rem rgba(82, 63, 105, 0.05);
    height: calc(100% - 30px);
}

.container, .container-fluid,
.container-lg, .container-md,
.container-sm, .container-xl, .container-xxl {
    padding-left: 6px;
    padding-right: 6px;
}


.side-nav .side-nav-link {
    color: #bccee4 !important;
    font-size: 1.06rem !important;
}

.form-control:focus, .form-control.active {
    box-shadow: none;
    background: #fff;
    color: #3e4954 !important;
    border: 5px solid #228de1 !important;
}

.k-picker:focus-within:hover {
    border: 1px solid #228de1 !important;
}

.k-label {
    font-family: IranSans !important;
}

.k-column-title {
    font-size: 14px;
    font-weight: bold;
    margin-right: 16px;
}

.k-picker.k-hover, .k-picker:hover {
    border: 1px solid #228de1 !important;
}

.padding30 {
    padding: 30px;
}

.form-input-label {
    float: right;
    text-align: right;
    /*max-width: 140px;*/
    margin-top: 8px;
    font-size: 14px;
    color: #333;
    font-family: IranSans;
}


.k-icon-button {
    margin-top: 6px;
    color: #0ACF97 !important;
}

.modal-dialog-label {
    float: right;
    margin-top: 10px;
    font-size: 14px;
}

.modal-dialog-editor {
    width: 240px;
    font-size: 13px;
    font-family: IranSans;
}

.btn-disabled {
    background-color: #ccc;
    color: white;
}


.form-command-btn {
    min-width: 125px;
    font-weight: bold;
    border-radius: 0.25rem;
    box-shadow: none;
}

.command-btn-blue {
    background-color: white;
    color: black;
    border: 2px solid #228de1;
    transition: .2s ease-in-out;
}

    .command-btn-blue:hover {
        background-color: #228de1;
        color: white;
        border: 2px solid #228de1;
    }

.command-btn-yellow {
    background-color: white;
    color: black;
    border: 2px solid #fda50f;
    transition: .2s ease-in-out;
}

    .command-btn-yellow:hover {
        background-color: #fda50f;
        color: white;
        border: 2px solid #fda50f;
    }

.command-btn-red {
    background-color: white;
    color: black;
    border: 2px solid #dd4b39;
    transition: .2s ease-in-out;
}

    .command-btn-red:hover {
        background-color: #dd4b39;
        color: white;
        border: 2px solid #dd4b39;
    }

.command-btn-green {
    background-color: white;
    color: black;
    border: 2px solid #08c91b;
    transition: .2s ease-in-out;
}

    .command-btn-green:hover {
        background-color: #08c91b;
        color: white;
        border: 2px solid #08c91b;
    }

.page-title-bar {
    box-shadow: 0rem 0.3125rem 0.3125rem 0rem rgba(82, 63, 105, 0.05);
    background-color: #fff;
    padding: 0;
}

.command-btn-grey {
    background-color: white;
    color: #ccc;
    border: 2px solid #ccc;
    transition: .2s ease-in-out;
}

.k-input, .k-input-solid{
    border: none;
}