body, html { -webkit-font-smoothing: antialiased; height: 100% }
html { -webkit-text-size-adjust: none; -moz-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }
input[type=submit] { -webkit-appearance: none }

body { min-height: 100%; }
a { text-decoration: none; }
    a:focus, a:hover { outline: 0; text-decoration: none }
:focus { outline: 0 }

i:not(.none), [class^="bi-"]:not(.none), [class*=" bi-"]:not(.none) { margin-right: 5px; }
img { border: 0; vertical-align: top; height: auto }
img, iframe { max-width: 100%; }

input, select, textarea { resize: none; }
select, textarea { outline: 0 }

.slick-slide, a, button, input { outline: 0 !important }
    button::-moz-focus-inner { border: 0 }

ol, p, ul { padding: 0 }
ol, ul { margin: 0; list-style: none }

.loading-bar { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255,255,255,.4); z-index: 9999999; transform: translateZ(0); }
    .loading-bar .loader { width: 0; height: 5px; position: absolute; top: 0; left: 0; animation: expand 5s linear infinite; }
    .loading-bar.no-overlay { background: 0 0; }

@keyframes expand {
    0% { width: 0; }
    100% { width: 100%; }
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.mt-2rem, .my-2rem { margin-top: 2rem !important; }
.mb-2rem, .my-2rem { margin-bottom: 2rem !important; }
.pt-2rem, .py-2rem { padding-top: 2rem !important; }
.pb-2rem, .py-2rem { padding-bottom: 2rem !important; }
.m-1rem { margin: 1rem !important }

.mt-1rem, .my-1rem { margin-top: 1rem !important; }
.mb-1rem, .my-1rem { margin-bottom: 1rem !important; }
.pt-1rem, .py-1rem { padding-top: 1rem !important; }
.pb-1rem, .py-1rem { padding-bottom: 1rem !important; }
.p-1rem { padding: 1rem !important }

.fs-lg { font-size: 1.33333rem !important; }
.fs-xs { font-size: .75rem !important; }
.fs-sm { font-size: .875rem !important; }
.fs-1x { font-size: 1rem !important; }
.fs-2x { font-size: 2rem !important; }
.fs-3x { font-size: 3rem !important; }
.fs-4x { font-size: 4rem !important; }
.fs-5x { font-size: 5rem !important; }
.fs-6x { font-size: 6rem !important; }
.fs-7x { font-size: 7rem !important; }
.fs-8x { font-size: 8rem !important; }
.fs-9x { font-size: 9rem !important; }
.fs-10x { font-size: 10rem !important; }
.fs-15 { font-size: .9375rem !important; }
.fs-17 { font-size: 1.0625rem !important }
.fs-18 { font-size: 1.125rem !important; }
.fs-20 { font-size: 1.25rem !important; }
.fs-22 { font-size: 1.375rem !important; }
.fs-24 { font-size: 1.5rem !important; }

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-weight: 600; }
.h1, h1 { font-size: 1.75rem; }
.h2, h2 { font-size: 1.53125rem; }
.h3, h3 { font-size: 1.3125rem; }
.h4, h4 { font-size: 1.09375rem; }
.h5, h5 { font-size: 1rem; }
.h6, h6 { font-size: .875rem; }

.font-weight-400 { font-weight: 400 !important; }
.font-weight-500 { font-weight: 500 !important; }
.font-weight-600 { font-weight: 600 !important; }
.font-weight-700 { font-weight: 700 !important; }

form { margin-bottom: 0 }

.bg-cover { background-size: cover !important }

.mCSB_inside > .mCSB_container { margin-right: 0 }

.user-info-dropdown .dropdown-toggle .user-icon img { border-radius: 100% }

.alert, .login-box, .card-box, .dropdown-menu { border-radius: 10px; }

.progress { border-radius: 1rem; }
.progress-bar { text-align: left; padding-left: 10px; padding-right: 10px; }

.card-box { margin-bottom: 1rem; padding: 1rem; }
    .card-box.page-header, .block-title.block-title-flex { padding-top: 6px; padding-bottom: 6px; }

.block-title { border-top-left-radius: 10px; border-top-right-radius: 10px; padding: 1rem; border-bottom: 1px solid }

.footer-btn { border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; padding: 10px 1rem; border-top: 1px solid }
    .footer-btn .btn, .search-area-btn .btn { margin-top: 8px; margin-bottom: 8px; }

.page-link:focus { -webkit-box-shadow: none; box-shadow: none }

.bootstrap-select .dropdown-toggle { height: 45px; padding-right: 30px; font-size: .875rem; font-weight: 400 }
.bootstrap-select.form-control-sm .dropdown-toggle { height: 38px; padding-right: 30px }
.bootstrap-select .dropdown-toggle .filter-option { height: auto }
.bootstrap-select .dropdown-toggle.btn-light { background-color: transparent; border-color: #d4d4d4 }
    .bootstrap-select .dropdown-toggle.btn-light:not(:disabled):not(.disabled):active { background-color: transparent; border-color: #d4d4d4 }

.dropdown-toggle::after { content: "\f107"; font-size: 1rem; vertical-align: middle; width: auto; height: auto; border: 0 !important }
.dropdown .dropdown-toggle.show::after { content: "\f106" }
.bootstrap-select .dropdown-toggle::after { position: absolute; right: 10px }
.dropdown-toggle.no-arrow:after { display: none }
.dropdown-menu { width: 100%; border: 0; padding: 0; overflow: hidden; -webkit-box-shadow: 0 0 28px rgba(0,0,0,.1); box-shadow: 0 0 28px rgba(0,0,0,.1) }
.dropdown-item { padding: .657rem 1rem; letter-spacing: 0; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; cursor: pointer; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.dropdown-menu.font-weight-500 .dropdown-item { font-weight: 500 }
.dropdown-menu.font-weight-600 .dropdown-item { font-weight: 600 }

.bootstrap-select .bs-ok-default:after { border-width: 0 2px 2px 0; }
.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.form-group { margin-bottom: 20px }
    .form-group > label { font-weight: 600; margin-bottom: 5px; }

.form-control:not(.none),
.select2-container .select2-selection--single { height: calc(3rem + 2px); }
.select2-container .select2-selection--multiple { min-height: calc(3rem + 2px); }

textarea.form-control { height: auto !important; }

.form-control:not(.none),
.select2-container .select2-selection--single, .select2-dropdown,
.select2-container .select2-selection--multiple { font-size: .875rem; border-radius: 8px; }

    .form-control:not(.none), .placeholder,
    .select2-container .select2-selection--single .select2-selection__rendered { padding: 14px 1rem; }
.select2-container--default .select2-selection--multiple { padding: 9px 10px; }

.fs-sm .form-control, .fs-sm .placeholder, .form-control.form-control-sm { padding-top: 8px; padding-bottom: 8px; font-size: .875rem; }

.form-control.form-control-sm,
.select2-sm .select2-container .select2-selection--single { height: calc(2.5rem + 2px); }
.select2-sm .select2-container .select2-selection--multiple { min-height: calc(2.5rem + 2px); }
.select2-sm .select2-container .select2-selection--single .select2-selection__rendered { padding-top: 10px; padding-bottom: 10px; }

.form-control.form-control-line { border-left: 0; border-right: 0; border-top: 0; border-radius: 0 }
.form-control.height-auto { height: auto }

.form-control-lg, .input-group-lg > .form-control, .input-group-lg > .input-group-append > .btn, .input-group-lg > .input-group-append > .input-group-text, .input-group-lg > .input-group-prepend > .btn, .input-group-lg > .input-group-prepend > .input-group-text { height: calc(3.5rem + 2px); }

.custom-fileinput .input-group-text { background-color: transparent; }
.fileinput-button { position: relative; cursor: pointer; font-size: .9rem; }
    .fileinput-button input { position: absolute; top: 0; left: 0; margin: 0; opacity: 0; -ms-filter: 'alpha(opacity=0)'; direction: ltr; cursor: pointer; }
.input-filename { margin-top: 10px; }
.custom-fileinput .input-group-text i { font-size: 1rem }

.custom-select2 { padding-right: 2rem; background: #fff url(../images/select.svg) no-repeat right .75rem center/14px 18px; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.custom-select3 { padding-right: 2rem; background: #fff url(../images/select.png) no-repeat right .75rem center/20px 18px; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

.form-check-input { width: 18px; height: 18px; }

.btn, .br-2rem { border-radius: 2rem }

.btn { font-size: 1rem; padding: .5rem 1.5rem; font-weight: 600; }
.btn-lg { font-size: 1.1rem; padding: .75rem 2rem; }
.btn-lg2 { font-size: 1.25rem; padding: 1rem 3rem; }
.btn.disabled, .btn:disabled { cursor: not-allowed; }
.btn-block { display: block; width: 100%; }

.btn-group-sm > .btn, .btn-sm { padding: .4rem .8rem; font-size: .875rem }
.btn.focus, .btn:focus { -webkit-box-shadow: none !important; box-shadow: none !important }

.breadcrumb { padding: 10px 20px; font-size: .9rem; margin-bottom: 0; align-items: center; flex-wrap: nowrap; }
.breadcrumb-item a { font-weight: 500 }
.breadcrumb-item + .breadcrumb-item { padding-left: 10px; }
    .breadcrumb-item + .breadcrumb-item::before { padding-right: 10px; }
.breadcrumb, .breadcrumb-item a { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.breadcrumb-item:not(:first-child) { display: flex; min-width: 48px; flex-shrink: 99999; }

.customscroll-10-p > .mCustomScrollBox > .mCSB_container { padding: 10px }

.middle-y { z-index: 99; transition: .5s ease; position: absolute; width: 100%; top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.middle-x { z-index: 99; transition: .5s ease; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }

.after-font-awesome:after,
.before-font-awesome:before,
#search-area .btn-collapse:after,
.dropdown-toggle::after,
.dropup .dropdown-toggle::after,
table.dataTable.dtr-inline.collapsed > tbody > tr[role=row] > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr[role=row] > th:first-child:before,
.sidebar-menu .dropdown-toggle:after,
.sidebar-menu .submenu li > a:before,
.blog-detail ul li:before { font-family: "Font Awesome 5 Free"; font-weight: 900; }

.btn-collapse { position: relative; cursor: pointer; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
    .btn-collapse.arrow:after { content: "\f107"; position: absolute; right: 0; }
    .btn-collapse.arrow.collapsed:after { content: "\f106" }

.uploaded-files { display: flex; flex-wrap: wrap; margin: 0px -10px; padding: 0px; }
    .uploaded-files .highlight { border: 2px dashed #000; }
    .uploaded-files li { max-width: calc(100% / 5); flex: 1 1 calc(100% / 5); margin-bottom: 1rem; padding: 10px; }
        .uploaded-files li .item { text-align: center; vertical-align: middle; position: relative; padding: 10px; }
        .uploaded-files li .main-photo input[type=radio] { margin-right: 4px; }
        .uploaded-files li .main-photo label { vertical-align: top; cursor: pointer; margin-bottom: 0px; font-weight: 500; }
        .uploaded-files li .deletepic { position: absolute; top: 2px; right: 2px; z-index: 100; background-color: #394263; padding: 0px 5px; color: #fff; font-weight: bolder; cursor: pointer; font-size: 22px; line-height: 22px; }
            .uploaded-files li .deletepic:hover { background-color: #000; }
        .uploaded-files li .form-control { padding: 6px 10px; height: 38px; margin: 10px 0 }
        .uploaded-files li .img-center { width: 100%; height: 120px; position: relative; }
            .uploaded-files li .img-center img { max-width: 100%; max-height: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; }
            .uploaded-files li .item, .uploaded-files li .form-control, .uploaded-files li .img-center img { border-radius: 3px }

.datepicker { z-index: 1060 }
.datepicker--time-current-hours:after, .datepicker--time-current-minutes:after { display: none }
.datepicker-inline .datepicker { margin: 0 auto }

.table th { font-weight: 600; font-size: .95rem; }
.table td { font-weight: 500; font-size: .875rem; }
.table td, .table th { vertical-align: middle; }
.table.fs-1x td, .table.fs-1x th { font-size: 1rem; }

table.dataTable > thead > tr > th,
table.dataTable > thead > tr > td { padding: 1.25rem 1rem }

table.dataTable > tbody > tr > th,
table.dataTable > tbody > tr > td { padding: 12px 1rem }

table.dataTable thead th, div.dt-container.dt-empty-footer tbody > tr:last-child > * { border-top: 0; border-bottom: 0 !important }

    table.dataTable thead th.dt-orderable-none .dt-column-order { display: none !important; }
div.dt-container div.dt-layout-row { margin: 0; }

table.dataTable > tbody > tr.child ul.dtr-details { display: block; }

table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control, table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control { padding-left: 2rem; }
    table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control:before, table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control:before,
    table.dataTable.dtr-inline.collapsed > tbody > tr.dtr-expanded > td.dtr-control:before, table.dataTable.dtr-inline.collapsed > tbody > tr.dtr-expanded > th.dtr-control:before { position: absolute; left: 1rem; font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f105"; border: 0; font-size: .9rem; }
    table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control:before, table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control:before { content: "\f0da"; margin-top: 2px; }
table.dataTable.dtr-inline.collapsed > tbody > tr.dtr-expanded > td.dtr-control:before, table.dataTable.dtr-inline.collapsed > tbody > tr.dtr-expanded > th.dtr-control:before { content: "\f0dd"; line-height: 1; margin-top: 0; }

.card-box .table tr:last-child, .card-box .table tr:last-child td { border: 0 !important }

.small-image { max-width: 200px; }

#main-container { padding: 70px 0px 2px 280px; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out }
.sidebar-shrink #main-container { padding-left: 0 }

.main-container { padding: 20px; min-height: 200px }

.header, body:not(.login-page) .brand-logo { height: 70px; }

.header { position: fixed; width: calc(100% - 280px); right: 0; top: 0; z-index: 123; border-bottom: 1px solid; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }

.header-left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; width: 50% }

.header-right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; height: 70px; width: 50% }
.header-left .brand-logo { max-width: 180px; display: block }
.header-right .brand-logo a { padding: 0 6px }
.header-right .menu-icon { position: relative; right: 0; float: left; display: none }
.header-left .branch-name { font-size: 1.5rem; line-height: 1.42em; font-weight: 600; font-style: italic; text-transform: uppercase; }

.user-info-dropdown { padding: 5px 1rem 5px 0 }
    .user-info-dropdown .dropdown-toggle { display: block; font-size: 1rem; padding-left: 0; padding-right: 0; }
        .user-info-dropdown .dropdown-toggle .user-icon { width: 42px; height: 42px; font-size: 1.25rem; text-align: center; display: inline-block; vertical-align: middle; position: relative; border-radius: 100%; -webkit-box-shadow: 0 0 10px rgba(0,0,0,.18); box-shadow: 0 0 10px rgba(0,0,0,.18) }
        .user-info-dropdown .dropdown-toggle .user-name { font-weight: 500; display: inline-block; vertical-align: middle; margin-left: 5px; }
            .user-info-dropdown .dropdown-toggle .user-name small { font-size: .75rem; }
    .user-info-dropdown .dropdown-menu { width: auto; min-width: 100%; font-size: 1.05rem }
        .user-info-dropdown .dropdown-menu .dropdown-item i { font-size: 1.2rem; }

.menu-icon { margin: 0 1rem 0 1rem; height: 100%; font-size: 1.55rem; line-height: 1; 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; cursor: pointer }

body:not(.login-page) .brand-logo { display: flex; align-items: center; justify-content: center; }
body.login-page .brand-logo { padding: 12px 0; }
.brand-logo a, .brand-logo span, .project-name { text-transform: uppercase; display: block; text-align: center; font-weight: 700; font-size: 1.5rem; }
    .brand-logo a .svg, .brand-logo a img { max-height: 38px; }

.left-side-bar, .left-side-bar:before { position: fixed; left: 0; top: 0; height: 100%; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out }
.left-side-bar { width: 280px; z-index: 1000; }
    .left-side-bar .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: #ecf0f4 }
    .left-side-bar:before { content: ""; z-index: -1; width: 100%; background: rgba(0,0,0,.3); display: none }
    .left-side-bar.open { left: 0 }
    .left-side-bar .menu-block { height: calc(100vh - 70px); overflow-y: auto; padding: 6px 0 }
    .left-side-bar .close-sidebar { font-size: 1.35rem; cursor: pointer; position: absolute; right: 10px; top: 20px; display: none }

.sidebar-menu { padding: 0 0 20px }
    .sidebar-menu > ul > li { padding: 2px 12px }
    .sidebar-menu .dropdown-toggle { display: block; padding: 14px 15px 14px 57px; font-weight: 500; position: relative; border-radius: 8px; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out }
        .sidebar-menu .dropdown-toggle:after { position: absolute; right: 15px; font-weight: 700; top: 50%; -webkit-transform: translate(0,-50%); transform: translate(0,-50%); display: block; }
    .sidebar-menu .dropdown.show > .dropdown-toggle::after { content: "\F286" }
    .sidebar-menu .dropdown-toggle.no-arrow:after, .sidebar-menu .submenu li.dropdown:before { display: none }
    .sidebar-menu .show > .dropdown-toggle { border-radius: 8px 8px 0 0 }
    .sidebar-menu .dropdown-toggle .micon { position: absolute; margin-right: 0; left: 10px; width: 42px; height: 42px; font-size: 1.375rem; 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; background-color: transparent; top: 50%; text-align: center; border-radius: 4px; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -webkit-transform: translate(0,-50%); transform: translate(0,-50%) }
    .sidebar-menu .dropdown-toggle .new { font-size: 1.5rem; line-height: 14px; display: inline-block; vertical-align: middle }
        .sidebar-menu .dropdown-toggle .new:before { line-height: 14px }
    .sidebar-menu .submenu { position: relative; width: 100%; display: none; padding: 4px 6px; border-radius: 0 0 8px 8px }
        .sidebar-menu .submenu:before { content: ""; width: 1px; height: 100%; position: absolute; left: 31px; top: 0; display: none; background: 0 0; border-left: 2px dashed }
        .sidebar-menu .submenu li { position: relative; padding: 2px 0 }
            .sidebar-menu .submenu li > a:before { content: "\f068"; position: absolute; line-height: 1; left: 24px; top: 50%; -webkit-transform: translate(0,-50%); transform: translate(0,-50%); }
    .sidebar-menu .dropdown.show > .dropdown-toggle::after { content: "\f106" }

    .mobile-menu-overlay, .sidebar-menu .submenu li a, .sidebar-menu .submenu li > a:before { -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out }
    .sidebar-menu .submenu li a { display: block; padding: 14px 15px 14px 50px; font-size: .875rem; font-weight: 500; border-radius: 8px; position: relative; }
    .chat-box .chat-desc ul li.upload-file.admin_chat .upload-file-box .left .overlay, .chat-box .chat-desc ul li.upload-file.admin_chat .upload-file-box .right a, .sidebar-menu .submenu li.dropdown > a:before, .sitemap ul li.child:after, .sitemap ul li.child:before { display: none }
    .sidebar-menu .submenu li a.dropdown-toggle { padding: 14px 15px 14px 50px; font-size: 15px }
    .sidebar-menu .submenu.child { padding-left: 15px }
    .sidebar-menu .submenu li:hover > a:before { left: 18px }

.mobile-menu-overlay { position: fixed; left: 0; top: 0; width: 100%; height: 100%; opacity: .6; z-index: 123; background-size: 20px; background-position: 98% 15px; display: none }
.sidebar-menu .dropdown-divider { margin: 20px 0; border-width: 2px }
.sidebar-menu .sidebar-small-cap { font-size: .875rem; letter-spacing: .05em; text-transform: uppercase; font-weight: 600; padding: 0 15px 10px }

.login-header { position: relative; padding: 0 15px; z-index: 1; border-bottom: 1px solid; }
    .login-header .brand-logo { width: auto; border: 0 }

.login-wrap { height: calc(100% - 86px); overflow: auto; padding: 30px 0 }

body.IE .login-wrap, body.IE .register-page-wrap { display: block !important; padding: 0 }
    body.IE .login-wrap .container, body.IE .register-page-wrap .container { padding-top: 10vh; padding-bottom: 10vh }

.login-wrap .mCustomScrollBox { height: auto; width: 100% }
.login-box { max-width: 400px; width: 100%; padding: 40px 20px; margin: 5px auto; }
    .login-box .form-control { font-size: 1.05rem; }

    .login-box .login-title { margin-bottom: 1.5rem }
        .login-box .login-title h2 { font-weight: 700 }
.forgot-password { text-align: right }

.page-header .dropdown-menu { border-radius: 5px }

.page-header .title { margin-bottom: 0; font-size: 1.5rem; }

.page-header .nav-horizontal li, .block-title-flex .block-title-right li { display: inline-block; }

.pagination { padding: 20px 0px 20px 0px; font-weight: 700; }
    .pagination .page-item + .page-item { margin-left: 5px; }
    .pagination .page-link { border: 0; }
        .pagination .page-link.number, .pagination .page-link.prev, .pagination .page-link.next { border-radius: 50% !important; width: 35px; height: 35px; line-height: 35px; padding: 0; text-align: center; }
        .pagination .page-link.text, .pagination .page-link.first, .pagination .page-link.last { font-size: .875rem; border-radius: 2rem; font-weight: normal; }
        .pagination .page-link.prev, .pagination .page-link.next { font-size: 1.25rem; }

.widget-data { width: calc(100% - 60px); padding: 20px 15px }
.widget-icon { width: 60px; font-size: 2rem; line-height: 1; text-align: center; border-top-right-radius: 10px; border-bottom-right-radius: 10px; 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; }

.modal-confirm .modal-header { border: 0; justify-content: center; }
    .modal-confirm .modal-header .modal-title { font-size: 1.5rem; margin-bottom: 0; }
    .modal-confirm .modal-header .btn-close { display: none }
.modal-confirm .modal-body { text-align: center; font-size: 1.25rem }
    .modal-confirm .modal-body > i { font-size: 4rem; margin-bottom: 1rem; }
.modal-confirm .modal-footer { justify-content: center; border-top: 0; padding-bottom: 2rem; }

.step { display: none; }
    .step.active { display: block; }

.mini-cart-container { display: flex; flex-wrap: wrap; margin: 0 -5px; /*justify-content: center;*/ }
    .mini-cart-container li { max-width: calc(100% / 4); flex: 1 1 calc(100% / 4); margin-bottom: 1rem; padding: 0 5px; list-style-type: none; text-align: center; }
        .mini-cart-container li .card { padding: 5px; height: 100%; }
            .mini-cart-container li .card span { font-size: .9rem; }
            .mini-cart-container li .card h6 { margin-bottom: 0px; font-size: 1rem; }

.stok-list .card:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.stok-list .card-body { z-index: 1 }
.stok-list h4 { font-size: 1.25rem; }

.stok-mini-buttons button { background-color: transparent; border: 0; padding: 0; font-size: 1.15rem; }
    .stok-mini-buttons button:not(:last-child) { margin-right: 5px; }

.stok-btn-add { position: relative; }
    .stok-btn-add .form-switch { margin-bottom: 0; padding-left: 0; }
        .stok-btn-add .form-switch .form-check-input { width: 100%; position: absolute; height: 100%; top: 1px; cursor: pointer !important; display: none; margin: 0; }
    .stok-btn-add label { cursor: pointer; padding: 12px 1rem; border-radius: 10px; font-weight: 600; width: 100%; text-align: center; border: 1px solid; }

.teklif-btn-outer { position: sticky; top: 4.25rem; z-index: 99; width: 100%; padding: 1rem; background-color: #fff; }

.branch-list .btn-edit { position: absolute; right: -4px; top: -4px; z-index: 99; font-size: 1.05rem; }
.branch-list .btn-delete { position: absolute; left: -5px; top: -5px; z-index: 99; font-size: 1.15rem; cursor: pointer; }

.searchList { position: absolute; background: #fff; top: 2px; max-height: 300px; overflow: auto; width: 100%; display: none; opacity: 0; z-index: 9990; }
    .searchList.active { display: block !important; opacity: 1; border: 1px solid; border-radius: 8px; }
    .searchList .results { border-bottom: 1px solid; padding: 10px 1rem; position: sticky; top: 0; background: #fff; z-index: 9; font-size: .875rem; }
    .searchList.scroll::-webkit-scrollbar { width: 7px; }
    .searchList button { border: 0 }
    .searchList > button { padding: 10px 1rem; border-bottom: 1px solid; width: 100%; display: block; font-weight: 500; text-align: left; }
        .searchList > button:last-child { border: none; }

.error-page h1 { font-size: 12rem; line-height: 1; }

@media print {
    .d-print-none { display: none !important; }
    tfoot { display: table-row-group; }
    a[href]:after { content: none !important; }
    .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { padding: 3px 5px; }
    body { font-size: 13px; }
}