.nav-item.title-heading, .nav-item.title-heading a { background: #3cb54c; color: #fff !important;}
.title-heading .menu-option { font-family: 'Nunito Bold';}
.title-heading i { display: none;}
aside#nav-sidebar.active-sidebar .title-heading .nav-link-title { text-indent: 0;}
aside#nav-sidebar.navbar-expand-lg.navbar-dark.active-sidebar { float: left; position: relative;}
.orgnl-view .active-sidebar ~ .page-wrapper { padding-left: 0;}
.orgnl-view aside#nav-sidebar.navbar-expand-lg.navbar-dark.active-sidebar { margin-left: 20px;}
.btn.btn-primary { font-size: 12px;}
.radio-sec { margin:0;}
.copy-paste, .trash-btn { display: inline-block; width: 30px; height: 30px;  /* position: absolute; right: 0; */ border: 0; background: #3cb54c; color: #fff; border-radius: 3px;}
.trash-btn, .trash-btn:hover { line-height: 2; text-align: center; margin: 0 0 0 5px; background: #e33c3c; font-size: 16px; color: #fff;}


@media(max-width:1400px){
    .orgnl-view aside#nav-sidebar.navbar-expand-lg.navbar-dark.active-sidebar { left: 0px; margin-left:20px;}
    /* .orgnl-view .active-sidebar ~ .page-wrapper { padding-left: calc(300px + 15px);} */
    .right-cards .card-body .h1 { font-size: 15px;}
    .btn-primary, .btn-primary:hover { font-size: 12px; padding: 0px 10px; border-radius: 2px; line-height: 2; width: 100%;}
    table tr td { font-size: 12px; padding: 6px 10px !important;}
    .markdown > table thead th, .table thead th { padding: 6px 10px !important; font-size: 12px;}
    
    .avtar-img { max-width: 100%;}
}

@media(max-width:1200px){
}

@media(max-width:980px){
    /* button.navbar-toggler-2 { display: block;} */
    /* .orgnl-view aside#nav-sidebar.active-sidebar { margin-left: 0; width: 70px; min-width: 0; border-right: 1px solid #ddd; overflow: hidden; overflow: visible; border: 0; min-width:0;}
    .orgnl-view aside#nav-sidebar.active-sidebar.navbar-expand-lg.navbar-dark .nav-link-title { font-size: 0; text-align: left; text-indent: 54px; white-space: nowrap;}
    .orgnl-view .active-sidebar ~ .page-wrapper, .orgnl-view .page-wrapper { padding-left: calc(75px + 15px); width: calc(100% - 190px);}
    aside#nav-sidebar.active-sidebar .nav-link .plus-ico { display: none;}
    .orgnl-view aside#nav-sidebar.navbar-expand-lg.navbar-dark { left: 20px; margin: 0px auto 0; top: 0; border: 0; border-radius: 10px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .08); min-width: 220px;} */
    .orgnl-view .active-sidebar ~ .page-wrapper { padding-left: 15px; max-width: calc(100% - 00px); width:auto;}
    .orgnl-view aside#nav-sidebar.navbar-expand-lg.navbar-dark.active-sidebar { left: 15px; min-width: 255px; margin-left: 0;}
    aside#nav-sidebar { top:0; left: 15px; border: 0 !important; border-radius: 10px;}
    .page-wrapper { padding-left: 84px; width: calc(100% - 185px);}
    .card-title { width: 150px;}
    .btn-primary, .btn-primary:hover { width: auto;}
    body.orgnl-view .wrapper { min-width: 0;}
    .request-details ul li { width: 100%; flex: 0 0 100% !important; padding: 6px 0 !important; font-size: 13px; color: #666;}
    .navbar-dark .navbar-toggler { display: none;}
}

@media(max-width:567px){
    .orgnl-view aside#nav-sidebar.navbar-expand-lg.navbar-dark.active-sidebar { right:0; margin:0 auto; min-width: 255px; position: relative; left: 0; width: 90%; float: none;}
    body.orgnl-view .wrapper { margin: 20px auto 50px;}
    .orgnl-view .active-sidebar ~ .page-wrapper { padding-left: 0; max-width: none; width: 100%; margin: 10px auto;}
    .page-wrapper .page-header { margin-top: 10px}
    button.navbar-toggler-2 { display: none;}
    .card-table thead tr:first-child td, .card-table thead tr:first-child th { min-width: 110px;}
    .pagination { flex-wrap: wrap;}
    .navbar-brand.navbar-brand-autodark { background: #3cb54c; border-radius: 10px;}
    h1.navbar-brand.navbar-brand-autodark { display: flex; justify-content: space-between !important; padding:0 0 0 10px;}
    #nav-sidebar #navbar-menu { display: none;}
    #nav-sidebar #navbar-menu.show { display: block;}
    .card-body { padding: 10px 10px;}
    .orgnl-view #nav-policy .card { margin: 10px auto;}
    .update-store-form .d-flex { flex-wrap: wrap; margin: 0 auto 10px !important;}
    .update-store-form .form-label { padding: 5px 0 !important; width: 100% !important;}
    #store-form .form-control, #product-form .form-control, #product-form .form-select, #product-form .bootstrap-tagsinput, #stafForm .form-control, .text-boxes { width:100%;}
    textarea#description { height: auto; max-height: 100px;}
    #store-form h3, .btn-primary, .btn-primary:hover, strong, .subheader, .right-cards .card-body .h1, .h1 b, .card-header .card-title, .page-title, .font-weight-medium { /*margin: 10px 0 0;*/ width: 100%; padding: 2px  0; font-size: 14px;}
    .card-body strong { margin: 0; width: auto;}
    .nav-tabs .nav-link { padding: 10px 0;}
    #nav-tab { display: flex; justify-content: space-between;}
    .page { min-height: 0;}
    .container-narrow, .container-tight { min-height: 0;}
    .page-wrapper { padding-left: 0; width: calc(100% - 0px);}
    .card-title { margin: 10px auto 15px !important; width: 100%;}
    body.orgnl-view .wrapper { margin: 15px 0;}
    #nav-general .card-body { padding:0;}
    #nav-tabContent .card-header { padding:0;}
    .tab-content > .tab-pane { width:100%; overflow: auto;}
    .substitute-items td { padding-top: 20px !important;}
    .substitute-items .green-txt { position: absolute; white-space: nowrap; top: 4px;}
    .table.listing-table tr th { min-width: 120px;}
    .deliveryProof img { width:100%;}
    .deliveryNotes .row { display: flex; flex-wrap: nowrap;}
    .deliveryNotes { min-width:600px;}
    #nav-tabContent #nav-banner .card-header {  padding: 10px 10px !important;}
    .btn-primary, .btn-primary:hover { padding: 2px 10px; line-height: 2 !important;}
    .card-title.mt-0 { margin:0 !important;}
    #product-form label.form-label { width:100%; margin:0 auto 5px !important;}
    #product-form > div { flex-wrap: wrap; margin:0;}
    .search-keywords input, .search-keywords button { margin: 5px auto !important;}
    .search-keywords { width: 100%;}
    .subheader { font-size: 12px;}
    .right-cards h4 { font-size: 14px;}
    .orgnl-view .right-cards .card { margin-bottom: 10px; padding: 10px 13px;}
    .card-title { font-size: 15px; margin:0 !important;}
    #nav-timings fieldset .row { margin:0;}
    .sm-dates { width: auto;}
    .review-table { width: 1000px;}
    .dropdown-menu { padding: 0; max-width: 150px; min-width: 0;}
    aside .dropdown-menu { padding: 0; max-width: none; min-width: 0;}
    .navbar .dropdown-menu, .dropdown-item { min-width: 0 !important;}
    .dropdown-menu .dropdown-divider { margin:0;}
    .markdown > table thead th, .table thead th { font-size: 10px;}
    .btn.dropdown-toggle { font-size: 12px;}
    .card-footer .text-muted { font-size: 12px;}
    .w-1 { min-width: 0 !important;}
    .page-link { font-size: 11px; display: flex; align-items: center; justify-content: center;}
    .card-footer { flex-wrap: wrap; justify-content: center;}
    .pagination { flex-wrap: wrap; width: 100%; flex: 0 0 100%; justify-content: center; align-items: center;}
    .ui-sortable-handle .btn-primary, .ui-sortable-handle .btn-primary:hover { font-size: 12px;}
    #banner_sortable video { max-width: 100%;}
    .navbar-dark .navbar-toggler { display: block;}
}