@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&display=swap');

body, html {
    font-family: 'Noto Sans', sans-serif;
}
h1, h2, h3, h4 {
    font-family: 'Manrope', sans-serif;
}
h1.wrap__title {
    color: #fd720c;
}
.bg-success {
    background-color: #27b272!important;
}
.toast {
    transform: scale(1.25);
        -webkit-animation: pulsate-fwd 0.8s cubic-bezier(0.215, 0.610, 0.355, 1.000) 1 both;
                animation: pulsate-fwd 0.8s cubic-bezier(0.215, 0.610, 0.355, 1.000) 1 both;
}
#fixed {
    position: fixed;
    bottom: 0px;
    background: #fd720c;
    left: 0;
    right: 0;
    z-index: 9999;
    text-align: center;
    height: 80px;
    line-height: 80px;
    font-size: 30px;
    color: #fff;
}
#bars div button {
    margin-right: 10px;
}
.dz-success-mark {
    display: none !important;
}
.dz-error-mark {
    display: none !important;
}
.dz-preview {
    display: inline-block;
    margin: 14px;
    text-align: center;
    border: 1.5px solid #060606;
    box-shadow: 0 0 10px 5px rgba(0,0,0,0.1);
    border-radius: 8px;
    padding: 5px 0;
    background: #fff;
}
.dz-details {
    display: none;
}
.dz-remove {
    color: red;
    font-size: 13px;
    text-align: center;
}
.big {
    max-width: 100%;
    display: block;
}
.magik {
    display: inline-block;
}
.header-right .nav-item .nav-link {
    font-size: 15px;
}
/* ----------------------------------------------
 * Generated by Animista on 2021-7-20 11:43:1
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info.
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation pulsate-fwd
 * ----------------------------------------
 */
@-webkit-keyframes pulsate-fwd {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes pulsate-fwd {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

.toast-container.position-fixed {
    bottom: 5%;
}
.toast-header {
    background-color: rgba(51, 51, 51, 0.61);
}
.toast-body {
    line-height: 2;
}
.qr-code-generator {

}

.qr-code-generator * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

#qrcode {
height: 210px;
margin: 0;
text-align: left;
}

#qrcode a {
font-size: 0.8em;
}

.qr-url, .qr-size {
padding: 0.5em;
border: 1px solid #ddd;
border-radius: 2px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.qr-url {
width: 79%;
}

.qr-size {
width: 20%;
}

.generate-qr-code {
display: block;
width: 100%;
margin: 0.5em 0 0;
padding: 0.25em;
font-size: 1.2em;
border: none;
cursor: pointer;
background-color: #e5554e;
color: #fff;
}
.authentication-bg.enlarged {
    min-height: 100px;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    background: #fd720c;
    color: #fff;
    font-weight: bold;
}
.nav-fill .nav-item, .nav-fill>.nav-link {
    color: #fd720c;
    font-weight: bold;
}
.bg-nivilli {
    background: #fd720c;
}
.modal-title {
    color: #fff;
    font-weight: 600;
}
.selectize-input > div {
    padding: 1px 8px;
    background: #edeff1;
    color: #343a40;
}
#savebar {
    z-index: 125;
    position: fixed;
    bottom: 0;
    height: 75px;
    background: green;
    left: 0;
    right: 0;
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
    padding: 0 65px;
    padding-top: 15px;
    max-width: 650px;
    margin: auto;
}
#savebar p {
    float: left;
    color: #fff;
    font-size: 22px;
    padding-top: 5px;
}
#savebar p span {
    font-weight: 800;
}
#savebar button {
    float: right;
    font-weight: bold;
}
#back {
    background-color: rgba(0, 0, 0, 0.81);
    background-size: cover;
    background-position: center;
    background-image: url("../images/bg-pattern.png");
    height: 100vh;
    position: fixed;
    width: 100vw;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    pointer-events: none;
}
.logout-icon {
    width: 140px;
}
.modal-backdrop.show {
    opacity: .9;
    background-color: #282525;
}
.modal-dialog {
    max-width: 600px !important;
}
.selectize-dropdown, .selectize-input, .selectize-input input {
    font-size: 20px !important;
    line-height: 30px !important;
}
input {
 outline:none !important;
}
.form-control {
    border-width: 2px;
}
h3 span.badge {
    float: right;
    font-size: 12px;
    background-color: #1d2125;
    letter-spacing: 1px;
}
.form-control:focus {
    border-color: #fd720c;
    outline:none !important;
       outline-width: 0 !important;
       box-shadow: none;
       -moz-box-shadow: none;
       -webkit-box-shadow: none;
}
#search {
    max-width: 98%;
    margin-right: auto;
    margin-left: auto;
    margin-left: auto;
    background: transparent;
    color: #fff;
    font-weight: 600;
    transition: 0.5s ease;
}
#search:focus {
    background: #fff;
    color: #fd720c;
}
.btn.btn-outline.text-danger.border-danger:hover, .btn.btn-outline.text-danger.border-danger:active {
    color: #fff !important;
    background: #dc3545!important;
}
label {
    padding-bottom: 10px;
    opacity: 0.85;
}
input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}
.main-content label {
    font-size: 14px;
    padding: 6px 10px;
}
.auth-fluid {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 100vh;
    flex-direction: row;
    align-items: stretch;
    background: $auth-img-bg center;
    background-size: cover;

    .auth-fluid-form-box {
        max-width: 480px;
        border-radius: 0;
        z-index: 2;
        padding: 3rem 2rem;
        background-color: #6658dd;
        position: relative;
        width: 100%;
    }

    .auth-fluid-right {
        padding: 6rem 3rem;
        flex: 1;
        position: relative;
        color: $white;
        background-color: rgba($black,0.3);
    }
}

.auth-brand {
    margin-bottom: 2rem;
}

.auth-user-testimonial {
    position: absolute;
    margin: 0 auto;
    padding: 0 1.75rem;
    bottom: 3rem;
    left: 0;
    right: 0;

    p.lead {
        font-size: 1.125rem;
        margin: 0 auto 20px auto;
        max-width: 700px;
    }
}

@include media-breakpoint-up(lg) {
    .auth-brand {
        position: absolute;
        top: 3rem;
    }
}

@include media-breakpoint-down(md) {
    .auth-fluid {
        display: block;

        .auth-fluid-form-box {
            max-width: 100%;
            min-height: 100vh
        }
    
        .auth-fluid-right {
            display: none;
        }
    }
}

.auth-logo {
    .logo-light {
        display: $logo-auth-light-display;
    }
    .logo-dark {
        display: $logo-auth-dark-display;
    }
}

* {margin: 0; padding: 0;}
body { background: #f7f7f7; }
#wrap {width: 960px; margin: 80px auto;}
#wrap section {margin-top: 30px;}
#wrap .wrap__title {margin-bottom: 15px; color: #444;}
#wrap .wrap__title .small {font-size: 11px; color: #666; margin-left: 20px;}
#wrap .wrap__table {border-collapse: collapse; table-layout: fixed; width: 100%;}
#wrap .wrap__table th {color: #222; border: 1px solid #ccc; padding: 10px; text-align: left;}
#wrap .wrap__table th:nth-child(1) {width: 80px;}
#wrap .wrap__table th:nth-child(2) {width: 80px;}
#wrap .wrap__table th:nth-child(3) {width: 150px;}
#wrap .wrap__table td {border: 1px solid #ccc; padding: 10px;}
#easySelectable {max-width: 90vw;margin: 30px;list-style:none;}
#easySelectable li .card {margin: 0 10px 10px 0; background: #fff; transition: background 0.2s; color: #222; text-align: left; display: flex; justify-content: center; align-items: center; cursor: pointer; box-shadow: 0px 1px 1px #ccc;max-width: 750px; }
#easySelectable li.list-group-item {border: 3px solid red; border-radius: 35px; display: block !important;  }
#easySelectable li.list-group-item small {
    font-size: 13px;
    margin-top: -1px;
    display: block;
    opacity: 0.6;
}
#easySelectable h3 i {
    max-width: 90%;
    display: block;
    margin: auto;
}
#easySelectable li.es-selected { border-color: green; }
#easySelectable li .selectioned {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 25px;
    position: absolute;
    width: 96%;
    height: 0;
    transition: 1.5s ease-out;
    margin: auto;
}

#easySelectable li .selectioned div i { font-size: 1.6rem; line-height: 42px; }
#easySelectable li .selectioned div b { float: right; line-height: 41px; }
#easySelectable li .selectioned div small { float: right; margin-top: 10px; }
#easySelectable li .selectioned div:first-child { display:block; max-width: 150px; margin: auto;}
#easySelectable li .selectioned { visibility: hidden; background: red; height: 70%; }
#easySelectable li .selectioned div:last-child { display:none; }
#easySelectable li .selectioned div {  }
#easySelectable li.es-selected .selectioned div:first-child  { display:none; }
#easySelectable li.es-selected .selectioned div:last-child{ display:block; max-width: 150px; margin: auto; }
#easySelectable li.es-selected .selectioned { visibility: visible; background: green; height: 75%; -webkit-animation: flip-out-hor-top 0.45s cubic-bezier(0.550, 0.085, 0.680, 0.530) 1s both;
    animation: flip-out-hor-top 0.45s cubic-bezier(0.550, 0.085, 0.680, 0.530) 1s both;}
#easySelectable li .card-body .card #list-group li.list-group-item {
    width: 100%;
}
.side-img {
background-color: #fff;
line-height: 2;
height: 100%;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}

label.[data-filter]{
    max-height: 33px;
}
[data-filter] + [data-filter] {
margin-left: 5px;
}
#filter .btn-group > input[type="radio"] {
position: absolute;
clip: rect(0,0,0,0);
pointer-events: none;
}
.content-body {
margin-left: 21.563rem;
z-index: 0;
transition: all .2s ease; }
.header {
width: 100%;
height: 4rem;
position: fixed;
top: 0;
left: 0;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 1rem;
background-color: #F7F6FB;
z-index: 100;
transition: .5s
}
.specno {
    line-height: 34.5px;
    font-size: 14.5px;
    border-top: 1px solid rgba(0, 0, 0, 0.24);
    background-color: #c6c6c6;
    display: block;
    width: 100%;
    margin: 0;
    border-radius: 0;
    padding: 4px;
    color: #222;
    font-weight: 600;
    text-align: left;
    padding-left: 5%;
    white-space: nowrap;
    border-bottom: 1px solid rgba(0, 0, 0, 0.26);
    font-family: 'Manrope', sans-serif;
}
.specno i {
    font-size: 26px;
    margin-right: 10px;
    line-height: 35px;
    padding: 0;
    color: #000;
    float: left;
    margin-right: 5px;
}
.header_toggle {
color: #fd720c;
font-size: 1.5rem;
cursor: pointer;
padding-left: 1%;
}
.header_toggle i {
    font-size: 2.3rem;
    padding-top: 5px;
}
.header_img {
width: 200px;
height: 35px;
display: flex;
justify-content: center;
}

.header_img img {
width: 40px
}

.l-navbar {
position: fixed;
top: 0;
left: -30%;
width: 68px;
height: 100vh;
background-color: #3e3a9e;
background-color: #151337;
background-color: #10161b;
padding: .5rem 1rem 0 0;
transition: .0s;
z-index: 100
}

.nav {
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
overflow: hidden
}
.nav span.divide {
text-transform: uppercase;
font-weight: 700;
letter-spacing: 3px;
font-size: 11px;
padding-left: 25px;
padding-bottom: 18px;
display: block;
color: #fff;
}

.nav_logo,
.nav_link {
display: grid;
grid-template-columns: max-content max-content;
align-items: center;
column-gap: 1rem;
padding: .5rem 0 .5rem 1.5rem
}

.nav_logo {
margin-bottom: 2rem
}

.nav_logo-icon {
font-size: 1.25rem;
color: #F7F6FB
}

.nav_logo-name {
color: #F7F6FB;
font-weight: 700
}

.nav_link {
position: relative;
color:  #b3b3b3;
margin-bottom: 1.5rem;
transition: .3s;
text-decoration: none;
}

.nav_link:hover {
color: #fd720c;
text-decoration: underline;
}

.nav_icon {
font-size: 1.25rem
}

.shows {
left: 0
}

.body-pd {
padding-left: calc(68px + 1rem);
transition: 0.5s ease-in-out;
}

.nav_link.active {
color: #fd720c;
}

.nav_link.active::before {
content: '';
position: absolute;
left: 0;
width: 2px;
height: 32px;
background-color: #fd720c;
}

.height-100 {
height: 100vh
}

@media screen and (min-width: 768px) {
body {
margin: calc(4rem + 1rem) 0 0 0;
padding-left: calc(68px + 0rem)
}

.header {
height: calc(4rem + 1rem);
padding: 0 2rem 0 calc(68px + 2rem);
}
#header-toggle {
    -webkit-animation: swing-in-left-fwd 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275) .6s both;
            animation: swing-in-left-fwd 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275) .6s both;
}

@-webkit-keyframes swing-in-left-fwd {
  0% {
    -webkit-transform: rotateY(100deg);
            transform: rotateY(100deg);
    -webkit-transform-origin: left;
            transform-origin: left;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateY(0);
            transform: rotateY(0);
    -webkit-transform-origin: left;
            transform-origin: left;
    opacity: 1;
  }
}
@keyframes swing-in-left-fwd {
  0% {
    -webkit-transform: rotateY(100deg);
            transform: rotateY(100deg);
    -webkit-transform-origin: left;
            transform-origin: left;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateY(0);
            transform: rotateY(0);
    -webkit-transform-origin: left;
            transform-origin: left;
    opacity: 1;
  }
}

.header_img {
width: 200px;
height: 40px
}

.header_img img {
width: 40px
}

.l-navbar {
left: 0;
padding: 1rem 1rem 0 0
}

.shows {
width: calc(68px + 126px)
}

.body-pd {
padding-left: calc(68px + 126px)
}
}

.authentication-bg.enlarged {
    min-height: 100px;
}

.bg-pattern {
    background-image: url("../images/bg-pattern.png");
    background-size: cover;
}
body.authentication-bg {
    background-color: #c1c1c1;
    background-size: cover;
    background-position: center;
}

body.authentication-bg-pattern {
    background-image: url("../images/bg-pattern.png");
}
.logout-icon {
    width: 140px;
}
.auth-fluid {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 100vh;
    flex-direction: row;
    align-items: stretch;
    background: $auth-img-bg center;
    background-size: cover;

    .auth-fluid-form-box {
        max-width: 480px;
        border-radius: 0;
        z-index: 2;
        padding: 3rem 2rem;
        background-color: #6658dd;
        position: relative;
        width: 100%;
    }

    .auth-fluid-right {
        padding: 6rem 3rem;
        flex: 1;
        position: relative;
        color: $white;
        background-color: rgba($black,0.3);
    }
}

.auth-brand {
    margin-bottom: 2rem;
}

.auth-user-testimonial {
    position: absolute;
    margin: 0 auto;
    padding: 0 1.75rem;
    bottom: 3rem;
    left: 0;
    right: 0;

    p.lead {
        font-size: 1.125rem;
        margin: 0 auto 20px auto;
        max-width: 700px;
    }
}

@include media-breakpoint-up(lg) {
    .auth-brand {
        position: absolute;
        top: 3rem;
    }
}

@include media-breakpoint-down(md) {
    .auth-fluid {
        display: block;

        .auth-fluid-form-box {
            max-width: 100%;
            min-height: 100vh
        }
    
        .auth-fluid-right {
            display: none;
        }
    }
}
.product-section {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 120px 5%;
}

.product-grid {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 24px;
}

.product-grid .card {
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: start;
  position: relative;
  padding: 24px;
  background: #fff;
  border-radius: 0;
  max-width: 320px;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.product-grid .card-pill {
  position: absolute;
  padding: 6px 12px;
  border-radius: 0;
  color: #fff;
  background: #000;
  right: 0;
  top: 0;
  margin-right: 32px;
  margin-top: 32px;
  line-height: 1;
  font-size: 14px;
  font-weight: 700;
}

.product-grid .card-img {
  display: block;
  width: 100%;
  max-height: 320px;
  object-fit: cover;
  margin-bottom: 16px;
}

.product-grid .product-brand {
  font-size: 12px;
  line-height: 1;
  margin-top: 12px;
  margin-bottom: 0;
  color: #646464;
}

.product-grid .product-cat {
  font-size: 12px;
  line-height: 1;
  margin-top: 12px;
  margin-bottom: 0;
  color: #646464;
  background: #f5f5f5;
  padding: 6px 12px;
  border-radius: 0;
}

.product-grid .product-name {
  font-size: 1.7rem;
  line-height: 1;
  margin-bottom: 6px;
  margin-top: 0;
  color: #000;
}

.product-grid .flex-row {
  display: flex;
  justify-content: start;
  align-items: center;
}

.product-grid .space-between {
  justify-content: space-between;
}

.product-grid .w-full {
  width: 100%;
}

.product-grid .mb-sm {
  margin-bottom: 8px;
}

.product-grid .price {
  margin-right: 12px;
}

.product-grid .strike {
  text-decoration: line-through;
  opacity: 0.4;
}

.product-grid .btn-col {
  width: 100%;
  margin-top: 24px;
}

.product-grid .icon-link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  color: #fff;
  background: #000;
  padding: 1.4em 0;
  border-radius: 0;
  transition: background 0.3s ease;
  text-decoration: none;
  line-height: 1;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 3px;
}

.product-grid .rubicons {
  width: 24px;
  margin-left: 8px;
  transition: transform 0.3s ease;
}

.product-grid .icon-link:hover {
  background: #333;
}

.product-grid .icon-link:hover > .rubicons {
  transform: translate(3px, -3px);
}

.product-grid .hide {
  display: none;
}

@media screen and (min-width: 640px) {
  .product-grid {
    grid-template-columns: 1fr 1fr;
  }
}
.form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #f0f1f5;
    border-radius: 0.75rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.form-control {
    background: #fff;
    border: 1px solid #f0f1f5;
    color: #6e6e6e;
    height: 56px;
}





.bootstrap-select > select.bs-select-hidden, select.bs-select-hidden, select.selectpicker {
    display:none !important
}

.bootstrap-select {
    width: 220px\0;
    vertical-align:middle
}

.bootstrap-select > .dropdown-toggle {
    position: relative;
    width: 100%;
    text-align: right;
    white-space: nowrap;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content:space-between
}

.bootstrap-select > .dropdown-toggle:after {
    margin-top:-1px
}

.bootstrap-select > .dropdown-toggle.bs-placeholder, .bootstrap-select > .dropdown-toggle.bs-placeholder:active, .bootstrap-select > .dropdown-toggle.bs-placeholder:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder:hover {
    color:#999
}

.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger:active, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark:active, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info:active, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary:active, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary:active, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success:active, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success:hover {
    color:rgba(255, 255, 255, .5)
}

.bootstrap-select > select {
    position: absolute !important;
    bottom: 0;
    left: 50%;
    display: block !important;
    width: .5px !important;
    height: 100% !important;
    padding: 0 !important;
    opacity: 0 !important;
    border: none;
    z-index:0 !important
}

.bootstrap-select > select.mobile-device {
    top: 0;
    left: 0;
    display: block !important;
    width: 100% !important;
    z-index:2 !important
}

.bootstrap-select.is-invalid .dropdown-toggle, .error .bootstrap-select .dropdown-toggle, .has-error .bootstrap-select .dropdown-toggle, .was-validated .bootstrap-select .selectpicker:invalid + .dropdown-toggle {
    border-color:#b94a48
}

.bootstrap-select.is-valid .dropdown-toggle, .was-validated .bootstrap-select .selectpicker:valid + .dropdown-toggle {
    border-color:#28a745
}

.bootstrap-select.fit-width {
    width:auto !important
}

.bootstrap-select:not([class * =col-]):not([class * =form-control]):not(.input-group-btn) {
    width:220px
}

.bootstrap-select .dropdown-toggle:focus, .bootstrap-select > select.mobile-device:focus + .dropdown-toggle {
    outline: thin dotted #333 !important;
    outline: 5px auto -webkit-focus-ring-color !important;
    outline-offset:-2px
}

.bootstrap-select.form-control {
    margin-bottom: 0;
    padding: 0;
    border:none
}

:not(.input-group) > .bootstrap-select.form-control:not([class * =col-]) {
    width:100%
}

.bootstrap-select.form-control.input-group-btn {
    float: none;
    z-index:auto
}

.form-inline .bootstrap-select, .form-inline .bootstrap-select.form-control:not([class * =col-]) {
    width:auto
}

.bootstrap-select:not(.input-group-btn), .bootstrap-select[class * =col-] {
    float: none;
    display: inline-block;
    margin-left:0
}

.bootstrap-select.dropdown-menu-right, .bootstrap-select[class * =col-].dropdown-menu-right, .row .bootstrap-select[class * =col-].dropdown-menu-right {
    float:right
}

.form-group .bootstrap-select, .form-horizontal .bootstrap-select, .form-inline .bootstrap-select {
    margin-bottom:0
}

.form-group-lg .bootstrap-select.form-control, .form-group-sm .bootstrap-select.form-control {
    padding:0
}

.form-group-lg .bootstrap-select.form-control .dropdown-toggle, .form-group-sm .bootstrap-select.form-control .dropdown-toggle {
    height: 100%;
    font-size: inherit;
    line-height: inherit;
    border-radius:inherit
}

.bootstrap-select.form-control-lg .dropdown-toggle, .bootstrap-select.form-control-sm .dropdown-toggle {
    font-size: inherit;
    line-height: inherit;
    border-radius:inherit
}

.bootstrap-select.form-control-sm .dropdown-toggle {
    padding:.25rem .5rem
}

.bootstrap-select.form-control-lg .dropdown-toggle {
    padding:.5rem 1rem
}

.form-inline .bootstrap-select .form-control {
    width:100%
}

.bootstrap-select.disabled, .bootstrap-select > .disabled {
    cursor:not-allowed
}

.bootstrap-select.disabled:focus, .bootstrap-select > .disabled:focus {
    outline:0 !important
}

.bootstrap-select.bs-container {
    position: absolute;
    top: 0;
    left: 0;
    height: 0 !important;
    padding:0 !important
}

.bootstrap-select.bs-container .dropdown-menu {
    z-index:1060
}

.bootstrap-select .dropdown-toggle .filter-option {
    position: static;
    top: 0;
    left: 0;
    float: left;
    height: 100%;
    width: 100%;
    text-align: left;
    overflow: hidden;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex:0 1 auto
}

.bs3.bootstrap-select .dropdown-toggle .filter-option {
    padding-right:inherit
}

.input-group .bs3-has-addon.bootstrap-select .dropdown-toggle .filter-option {
    position: absolute;
    padding-top: inherit;
    padding-bottom: inherit;
    padding-left: inherit;
    float:none
}

.input-group .bs3-has-addon.bootstrap-select .dropdown-toggle .filter-option .filter-option-inner {
    padding-right:inherit
}

.bootstrap-select .dropdown-toggle .filter-option-inner-inner {
    overflow:hidden
}

.bootstrap-select .dropdown-toggle .filter-expand {
    width: 0 !important;
    float: left;
    opacity: 0 !important;
    overflow:hidden
}

.bootstrap-select .dropdown-toggle .caret {
    position: absolute;
    top: 50%;
    right: 12px;
    margin-top: -2px;
    vertical-align:middle
}

.input-group .bootstrap-select.form-control .dropdown-toggle {
    border-radius:inherit
}

.bootstrap-select[class * =col-] .dropdown-toggle {
    width:100%
}

.bootstrap-select .dropdown-menu {
    min-width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing:border-box
}

.bootstrap-select .dropdown-menu > .inner:focus {
    outline:0 !important
}

.bootstrap-select .dropdown-menu.inner {
    position: static;
    float: none;
    border: 0;
    padding: 0;
    margin: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow:none
}

.bootstrap-select .dropdown-menu li {
    position:relative
}

.bootstrap-select .dropdown-menu li.active small {
    color:rgba(255, 255, 255, .5) !important
}

.bootstrap-select .dropdown-menu li.disabled a {
    cursor:not-allowed
}

.bootstrap-select .dropdown-menu li a {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select:none
}

.bootstrap-select .dropdown-menu li a.opt {
    position: relative;
    padding-left:2.25em
}

.bootstrap-select .dropdown-menu li a span.check-mark {
    display:none
}

.bootstrap-select .dropdown-menu li a span.text {
    display:inline-block
}

.bootstrap-select .dropdown-menu li small {
    padding-left:.5em
}

.bootstrap-select .dropdown-menu .notify {
    position: absolute;
    bottom: 5px;
    width: 96%;
    margin: 0 2%;
    min-height: 26px;
    padding: 3px 5px;
    background: #f5f5f5;
    border: 1px solid #e3e3e3;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    pointer-events: none;
    opacity: .9;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing:border-box
}

.bootstrap-select .no-results {
    padding: 3px;
    background: #f5f5f5;
    margin: 0 5px;
    white-space:nowrap
}

.bootstrap-select.fit-width .dropdown-toggle .filter-option {
    position: static;
    display: inline;
    padding: 0;
    width:auto
}

.bootstrap-select.fit-width .dropdown-toggle .filter-option-inner, .bootstrap-select.fit-width .dropdown-toggle .filter-option-inner-inner {
    display:inline
}

.bootstrap-select.fit-width .dropdown-toggle .bs-caret:before {
    content: '\00a0'
}

.bootstrap-select.fit-width .dropdown-toggle .caret {
    position: static;
    top: auto;
    margin-top:-1px
}

.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark {
    position: absolute;
    display: inline-block;
    right: 15px;
    top:5px
}

.bootstrap-select.show-tick .dropdown-menu li a span.text {
    margin-right:34px
}

.bootstrap-select .bs-ok-default:after {
    content: '';
    display: block;
    width: .5em;
    height: 1em;
    border-style: solid;
    border-width: 0 .26em .26em 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform:rotate(45deg)
}

.bootstrap-select.show-menu-arrow.open > .dropdown-toggle, .bootstrap-select.show-menu-arrow.show > .dropdown-toggle {
    z-index:1061
}

.bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:before {
    content: '';
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid rgba(204, 204, 204, .2);
    position: absolute;
    bottom: -4px;
    left: 9px;
    display:none
}

.bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:after {
    content: '';
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    position: absolute;
    bottom: -4px;
    left: 10px;
    display:none
}

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:before {
    bottom: auto;
    top: -4px;
    border-top: 7px solid rgba(204, 204, 204, .2);
    border-bottom:0
}

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:after {
    bottom: auto;
    top: -4px;
    border-top: 6px solid #fff;
    border-bottom:0
}

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:before {
    right: 12px;
    left:auto
}

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:after {
    right: 13px;
    left:auto
}

.bootstrap-select.show-menu-arrow.open > .dropdown-toggle .filter-option:after, .bootstrap-select.show-menu-arrow.open > .dropdown-toggle .filter-option:before, .bootstrap-select.show-menu-arrow.show > .dropdown-toggle .filter-option:after, .bootstrap-select.show-menu-arrow.show > .dropdown-toggle .filter-option:before {
    display:block
}

.bs-actionsbox, .bs-donebutton, .bs-searchbox {
    padding:4px 8px
}

.bs-actionsbox {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing:border-box
}

.bs-actionsbox .btn-group button {
    width:50%
}

.bs-donebutton {
    float: left;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing:border-box
}

.bs-donebutton .btn-group button {
    width:100%
}

.bs-searchbox + .bs-actionsbox {
    padding:0 8px 4px
}

.bs-searchbox .form-control {
    margin-bottom: 0;
    width: 100%;
    float: none
}

.bootstrap-select {
  margin-bottom: 0; }
  .bootstrap-select .btn {
    border: 1px solid #f0f1f5 !important;
    background-color: transparent !important;
    font-weight: 400;
    color: #7e7e7e !important; }
    [data-theme-version="dark"] .bootstrap-select .btn {
      border-color: #333a54 !important; }
    .bootstrap-select .btn:active, .bootstrap-select .btn:focus, .bootstrap-select .btn:hover {
      outline: none !important;
      outline-offset: 0; }
      [data-theme-version="dark"] .bootstrap-select .btn:active, [data-theme-version="dark"] .bootstrap-select .btn:focus, [data-theme-version="dark"] .bootstrap-select .btn:hover {
        color: #7e7e7e !important; }
  .bootstrap-select .dropdown-menu {
    border-color: #f0f1f5 !important;
    box-shadow: 0px 0px 40px 0px rgba(82, 63, 105, 0.1); }
    .bootstrap-select .dropdown-menu .dropdown-item {
      padding: 0.25rem 1rem; }
    [data-theme-version="dark"] .bootstrap-select .dropdown-menu {
      border-color: #f0f1f5 !important; }

.input-group > .bootstrap-select:not(:first-child) .dropdown-toggle {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.input-group > .bootstrap-select:not(:last-child) .dropdown-toggle {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }
.table tbody tr td {
    vertical-align: middle;
    border-color: #f0f1f5;
    font-family: 'Manrope', sans-serif;
    font-size: 17px;
}
.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}
.table-responsive-md {
    min-width: 36rem !important;
}
.table thead th {
    border-bottom-width: 1px;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 1.5px;
    border-color: #f0f1f5;
    font-family: 'Noto Sans', sans-serif;
}
.table:not(.table-bordered) thead th {
    border-top: none;
}
.table-responsive > .rounded-circle {
    width: 20px;
    height: 20px;
    display: inline-block;
    margin: 0;
    padding: 0;
    margin-right: 10px;
}
/* ----------------------------------------------
 * Generated by Animista on 2021-6-15 9:24:6
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info.
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation flip-out-hor-top
 * ----------------------------------------
 */
@-webkit-keyframes flip-out-hor-top {
  0% {
    -webkit-transform: rotateX(0);
            transform: rotateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: rotateX(70deg);
            transform: rotateX(70deg);
    opacity: 0;
  }
}
@keyframes flip-out-hor-top {
  0% {
    -webkit-transform: rotateX(0);
            transform: rotateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: rotateX(70deg);
            transform: rotateX(70deg);
    opacity: 0;
  }
}
.searcher {
padding-left: 72px;
top: 18px;
transform: none;
display: block;
position: unset;
float: right;
}
.searcher input {
background: #fbfbfb !important;
min-width: 170px;
min-height: 40px;
border-color: transparent;
color: #6e6e6e !important;
border-top-left-radius: 0.375rem;
border-bottom-left-radius: 0.375rem;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
box-shadow: none;
padding: 10px 20px;
font-size: 16px;
border: 1px solid #ebebeb;
border-width: 1px 0px 1px 1px;
font-weight: 300;
float: left;
width: auto;
}
.search_icon {
background: #fbfbfb !important;
height: 56px;
padding: 7px 20px 13px 0 !important;
border-top-right-radius: 0.375rem;
border-bottom-right-radius: 0.375rem;
border: 1px solid #ebebeb;
border-width: 1px 1px 1px 0;
float: right;
}
                                .header-right {
                                  height: 100%; }
                                  .header-right .nav-item {
                                    height: 100%;
                                    display: inline-block;
                                margin-top: 24px;
                                    align-items: center; }
                                    
                                  .header-right .right-sidebar {
                                    margin-right: -30px; }
                                    .header-right .right-sidebar a {
                                      height: 80px;
                                      width: 80px;
                                      text-align: center;
                                      justify-content: center;
                                      display: flex;
                                      align-items: center;
                                      border-left: 1px solid #c8c8c8; }
                                  .header-right > li:not(:first-child) {
                                    padding-left: 1.25rem; }
                                    @media only screen and (max-width: 1199px) {
                                      .header-right > li:not(:first-child) {
                                        padding-left: 0.5rem; } }
                                  @media only screen and (max-width: 767px) {
                                    .header-right .notification_dropdown {
                                      position: static; } }
                                  .header-right .notification_dropdown .nav-link {
                                    position: relative;
                                    color: #2f4cdd;
                                    background: #f4f4f4;
                                    border-radius: 0.375rem;
                                    padding: 10px;
                                    line-height: 1; }
                                    @media only screen and (max-width: 1199px) {
                                      .header-right .notification_dropdown .nav-link {
                                        padding: 10px; } }
                                    .header-right .notification_dropdown .nav-link.secondary {
                                      background: #eceff1;
                                      color: #3e4954; }
                                      .header-right .notification_dropdown .nav-link.secondary [fill] {
                                        fill: #3e4954; }
                                    .header-right .notification_dropdown .nav-link.primary {
                                      background: #f4f6fd;
                                      color: #2f4cdd; }
                                      .header-right .notification_dropdown .nav-link.primary [fill] {
                                        fill: #2f4cdd; }
                                    .header-right .notification_dropdown .nav-link.warning {
                                      background: #ffeae6;
                                      color: #ff6d4d; }
                                      .header-right .notification_dropdown .nav-link.warning [fill] {
                                        fill: #ff6d4d; }
                                    .header-right .notification_dropdown .nav-link.success {
                                      background: #e7faec;
                                      color: #2bc155; }
                                      .header-right .notification_dropdown .nav-link.success [fill] {
                                        fill: #2bc155; }
                                    .header-right .notification_dropdown .nav-link i {
                                      font-size: 24px; }
                                      @media only screen and (max-width: 1199px) {
                                        .header-right .notification_dropdown .nav-link i {
                                          font-size: 18px; } }
                                    @media only screen and (max-width: 1199px) {
                                      .header-right .notification_dropdown .nav-link svg {
                                        width: 18px;
                                        height: 18px; } }
                                    .header-right .notification_dropdown .nav-link .badge {
                                      position: absolute;
                                      font-size: 0.625rem;
                                      border-radius: 50%;
                                      right: 0;
                                      top: 0;
                                      font-weight: normal;
                                      height: 17px;
                                      width: 17px;
                                      line-height: 6px;
                                      text-align: center;
                                      padding: 5px; }
                                  .header-right .notification_dropdown .dropdown-item:focus a, .header-right .notification_dropdown .dropdown-item:active a {
                                    color: #fff; }
                                  .header-right .notification_dropdown .dropdown-item a {
                                    color: #6e6e6e; }
                                    .header-right .notification_dropdown .dropdown-item a:hover {
                                      text-decoration: none; }
                                  .header-right .dropdown-menu {
                                    border-width: 0;
                                    box-shadow: 0 0 37px rgba(8, 21, 66, 0.05); }
                                    [data-theme-version="dark"] .header-right .dropdown-menu {
                                      box-shadow: none; }
                                  .header-right .header-profile > a.nav-link {
                                    padding: 0 0 0 20px;
                                    display: flex;
                                    align-items: center;
                                    background: #2f4cdd;
                                    border-radius: 0.375rem 28px 28px 0.375rem; }
                                    @media only screen and (max-width: 575px) {
                                      .header-right .header-profile > a.nav-link {
                                        background: transparent;
                                        padding: 0; } }
                                    .header-right .header-profile > a.nav-link i {
                                      font-weight: 700; }
                                    .header-right .header-profile > a.nav-link .header-info {
                                      padding-right: 20px;
                                      text-align: right; }
                                      @media only screen and (max-width: 1199px) {
                                        .header-right .header-profile > a.nav-link .header-info {
                                          padding-right: 10px; } }
                                      @media only screen and (max-width: 575px) {
                                        .header-right .header-profile > a.nav-link .header-info {
                                          display: none; } }
                                      .header-right .header-profile > a.nav-link .header-info span {
                                        font-size: 16px;
                                        color: #fff;
                                        display: block;
                                        font-weight: 400; }
                                      .header-right .header-profile > a.nav-link .header-info strong {
                                        color: #fff;
                                        font-weight: 500; }
                                      .header-right .header-profile > a.nav-link .header-info small {
                                        display: block;
                                        font-size: 13px;
                                        color: #89879f;
                                        font-weight: 400;
                                        line-height: 1.2; }
                                  .header-right .header-profile .dropdown-menu {
                                    padding: 15px 0;
                                    min-width: 12.5rem; }
                                    .header-right .header-profile .dropdown-menu a:hover, .header-right .header-profile .dropdown-menu a:focus, .header-right .header-profile .dropdown-menu a.active {
                                      color: #2f4cdd; }
                                  .header-right .header-profile img {
                                    width: 45px;
                                    height: 45px;
                                    border-radius: 100px;
                                    box-shadow: 0 0 0 4px #fff; }
                                    @media only screen and (max-width: 1199px) {
                                      .header-right .header-profile img {
                                        width: 39px;
                                        height: 39px; } }
                                  .header-right .header-profile .dropdown-toggle i {
                                    font-size: 1.25rem; }
                                  @media only screen and (max-width: 575px) {
                                    .header-right .header-profile .dropdown-toggle span {
                                      display: none; } }
                                  .header-right .header-profile .profile_title {
                                    background: #2f4cdd;
                                    color: #fff;
                                    padding: 10px 20px; }
                                    .header-right .header-profile .profile_title h5 {
                                      color: #fff;
                                      margin-bottom: 3px; }
                                  .header-right .header-profile .dropdown-item {
                                    padding: 8px 24px; }

                                .dz-fullscreen #icon-minimize {
                                  display: none; }
                                .dz-fullscreen.active #icon-full {
                                  display: none; }
                                .dz-fullscreen.active #icon-minimize {
                                  display: inline-block; }

                                .notification_dropdown .dropdown-menu-right {
                                  min-width: 310px;
                                  padding: 0rem 0 1rem;
                                  top: 100%; }
                                  .notification_dropdown .dropdown-menu-right .notification_title {
                                    background: #2f4cdd;
                                    color: #fff;
                                    padding: 10px 20px; }
                                    .notification_dropdown .dropdown-menu-right .notification_title h5 {
                                      color: #fff;
                                      margin-bottom: 3px; }
                                  .notification_dropdown .dropdown-menu-right .media {
                                    width: 45px !important;
                                    height: 45px !important;
                                    font-size: 18px !important; }
                                    [data-theme-version="dark"] .notification_dropdown .dropdown-menu-right .media {
                                      border-color: #333a54; }
                                    .notification_dropdown .dropdown-menu-right .media > span {
                                      width: 35px;
                                      height: 35px;
                                      border-radius: 50px;
                                      display: inline-block;
                                      padding: 7px 9px;
                                      margin-right: 10px; }
                                      [direction="rtl"].notification_dropdown .dropdown-menu-right .media > span {
                                        margin-right: 0;
                                        margin-left: 10px; }
                                      .notification_dropdown .dropdown-menu-right .media > span.success {
                                        background: #e7faec;
                                        color: #2bc155; }
                                        .notification_dropdown .dropdown-menu-right .media > span.success [fill] {
                                          fill: #2bc155; }
                                      .notification_dropdown .dropdown-menu-right .media > span.primary {
                                        background: #f4f6fd;
                                        color: #2f4cdd; }
                                        .notification_dropdown .dropdown-menu-right .media > span.primary svg [fill] {
                                          fill: #2f4cdd; }
                                      .notification_dropdown .dropdown-menu-right .media > span.danger {
                                        background: #fee6ea;
                                        color: #f72b50; }
                                        .notification_dropdown .dropdown-menu-right .media > span.danger [fill] {
                                          fill: #f72b50; }
                                      .notification_dropdown .dropdown-menu-right .media > span [fill] {
                                        fill: #2f4cdd; }
                                    .notification_dropdown .dropdown-menu-right .media .notify-time {
                                      width: 100% !important;
                                      margin-right: 0 !important;
                                      color: #828690; }
                                    .notification_dropdown .dropdown-menu-right .media p {
                                      text-overflow: ellipsis;
                                      overflow: hidden;
                                      white-space: nowrap;
                                      max-width: 200px;
                                      margin-bottom: 0;
                                      margin-top: 5px; }
                                      @media only screen and (max-width: 575px) {
                                         
                                        .notification_dropdown .dropdown-menu-right .media p {
                                          max-width: 100px; } }
                                  .notification_dropdown .dropdown-menu-right .all-notification {
                                    display: block;
                                    padding: 15px 30px 0;
                                    text-align: center;
                                    border-top: 1px solid #c8c8c8; }
                                    .notification_dropdown .dropdown-menu-right .all-notification i {
                                      margin-left: 10px; }
                                      
                                      .l-navbar nav div .add-menu-sidebar {
                                          background: #2f4cdd;
                                          background: -moz-linear-gradient(-45deg, #2f4cdd 0%, #d45bff 100%);
                                          background: -webkit-linear-gradient(-45deg, #2f4cdd 0%, #d45bff 100%);
                                          background: linear-gradient(135deg, #2f4cdd 0%, #d45bff 100%);
                                          padding: 20px 20px;
                                          border-radius: 20px;
                                          margin: 20px 10px 0px 15px;
                                          text-align: center;
                                          transform: translateX(3px);
                                          text-align: center;
                                          background: url('https://hammerhelp.de/images/back.svg');
                                          background-size: 200%;
                                          background-position: center;
                                      }
                                                                      
                                                                      .l-navbar nav div .add-menu-sidebar svg {
                                   width: 35px;
margin-top: -5px;
margin-bottom: 15px;
                                }
                                                                      .l-navbar nav div .add-menu-sidebar p {
                                                                      font-size: 19px;
                                                                      line-height: 1;
                                                                      color: #fff;
                                                                      font-weight: bold;
                                }
                                                                      .l-navbar nav div .add-menu-sidebar p span {
                                                                      font-size: 16px;
                                                                      font-weight: 400;
                                                                      }
                                                                      
                                                                      .l-navbar.off nav div .add-menu-sidebar {
                                                                          padding: 0;
                                                                          border-radius: 20px;
                                                                          margin: 0 5px;
                                                                          text-align: center;
                                                                          width: 40px;
                                                                          height: 75px;
                                                                          transform: translateX(7px);
                                                                      }
                                                                      .l-navbar.off nav div .add-menu-sidebar svg {
                                                                      margin-top: 10px;
                                                                      margin-bottom: 8px;
                                                                      max-height: 25px;
                                                                      width: auto;
                                                                      }
                                                                      .l-navbar.off nav div .add-menu-sidebar p {
                                                                      margin: 0;
                                                                      }
                                                                      .l-navbar.off nav div .add-menu-sidebar p span, .l-navbar.off nav div .add-menu-sidebar .btn {
                                                                      visibility:hidden;
                                                                      height: 0;
                                                                      }

@media only screen and (max-width: 875px) {
    #content { padding: 10vh 2vh; }
    body.body-pd { padding-left: 0 !important; }
    .col-md-10 .main-content { max-width: 90vw !important; margin: auto;}
    #easySelectable { max-width: 100vw; padding-left: 0 !important; margin: 0 !important; }
    /* #header.body-pd { padding-left: 20px; display: block;} */
    .btn.col-2.border-2.btn-outline-secondary { display: block; width: 85%; margin: auto; margin-top: 20px; }
    h1.wrap__title { text-align: center; }
    .header-right .notification_dropdown .nav-link.secondary { display: none; }
    #content .p-5.service-4 { padding: 0 !important; }
    #content .p-5.service-4 .container.px-5 { padding: 2vw !important; }
    #clickadd { display: block; width: 90% !important; position: absolute; margin-top: -40px;}
    #search { max-width: 180px !important; font-size: 14px !important;}
    .card-header .col-3.ml-auto.text-right { width: 100% !important; margin-top: 10px; padding: 0 !important; }
    .header-right .nav-item { margin-top: -5px; }
    .header-right .nav-item.header-profile.sortim { margin-top: 20px; }
    #bars { width: 90%; padding-top: 27px;}
    .l-navbar nav div .add-menu-sidebar { padding: 1px 0px; margin: 0 8px; transform: translateX(7px); width: 37px; }
    .l-navbar nav div .add-menu-sidebar p span { display: none; }
    .bx.bx-bell { font-size: 22px !important; }
    b.infolink { font-size: 24px !important; position: relative !important; display: block; width: 78%; height: 65px; margin: auto; padding-top: 23px;;}
    .col-md-10 .text-muted.mt-3.h5 { font-size: 1rem !important; text-align: center;}
    .searcher { margin-left: 55px !important; position: absolute !important; top: 5px !important; }
    .header_toggle i { display: block !important; }
    #jars .main-content { max-width: 90vw !important; margin: auto !important; }
    .accordion-body.row .col-4, .accordion-body.row .col-3  { width: 100%; display: block;}
    #jead { margin-bottom: 1vh !important; padding-bottom: 1vh !important;}
    #cusom { text-align: center; }
}