/* BEGIN collapsable menu aside */
.offcanvas {
    max-width:255px!important;
    overflow-y: auto;
}
.navbar-togglerna {
    border: none!important;
}

.sidebar, .sidebar-left {
    position: fixed;
    height: 100%;
    z-index: 999;
    min-height: calc(100vh - 45px);
    top: 55px;
    min-width: 50px;
    left: 0;
    transition: all .3s ease;
}
.sidebar-content {
    opacity: 0;
    width: 55px;
    height: 100%;
    transition: all .3s ease;
}
.sidebar-content:hover {
    display: block;
    opacity: 1;
    width: 255px;
    white-space: nowrap;
}

.main-menu {
    width: inherit;
    overflow-x: hidden;
    overflow-y: auto;
    /* top left right 5px - bottom 55px */
    padding: 5px 5px 55px;
    height: calc(100% - 125px);
}

.content-wrapper {
    padding-left: 0px;
}
@media (min-width: 992px) {
    .content-wrapper {
        padding-left: 60px;
    }
}

a {
    font-weight: 500;
}
li a {t
    font-weight: 400;
}
table {
    --bs-table-bg: none!important;
}
body {
  min-height: 100vh;
  min-height: -webkit-fill-available;
  /*background-color: #f0f6ff;*/
}

html {
  height: -webkit-fill-available;
}

main {
  height: 100vh;
  height: -webkit-fill-available;
  max-height: 100vh;
  overflow-x: auto;
  overflow-y: hidden;
}

.dropdown-toggle { outline: 0; }

.btn-toggle {
    width: 100%;
    padding: .25rem .5rem;
    font-weight: 600;
    color: var(--bs-emphasis-color);
    background-color: transparent;
}
.btn-toggle:hover,
.btn-toggle:focus {
  color: rgba(var(--bs-emphasis-color-rgb), .85);
  background-color: var(--bs-tertiary-bg);
}

.btn-toggle::after {
    width: 1.25em;
    line-height: 0;
    content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%280,0,0,.5%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e");
    transition: transform .35s ease;
    transform-origin: .5em 50%;
    right: 25px;
    position: absolute;

}

[data-bs-theme="dark"] .btn-toggle::after {
    content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%28255,255,255,.5%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e");
}

.btn-toggle[aria-expanded="true"] {
  color: rgba(var(--bs-emphasis-color-rgb), .85);
  width: 100%;
}
.btn-toggle[aria-expanded="true"]::after {
  transform: rotate(90deg);
}

.btn-toggle-nav a {
  padding: .3975rem .5rem;
  margin-top: .125rem;
  margin-left: 1.25rem;
  width: 90%;
}
.btn-toggle-nav a:hover,
.btn-toggle-nav a:focus {
  background-color: var(--bs-tertiary-bg);
}


.btn-success-light {
    --bs-btn-color: #fff;
    --bs-btn-bg: rgb(16, 196, 76);
    --bs-btn-border-color: rgb(16, 196, 76);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: rgb(16, 196, 76, 0.9);
    --bs-btn-hover-border-color: rgb(16, 196, 76);
    --bs-btn-focus-shadow-rgb: 60,153,110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: rgb(4 189 65);
    --bs-btn-active-border-color: rgb(4 189 65);
    --bs-btn-active-shadow: inset 0 3px 5pxrgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: rgb(4 189 65, 0.5);
    --bs-btn-disabled-border-color: rgb(4 189 65, 0.5);
}
.bg-success-light {
    color: #fff;
    background: rgb(16, 196, 76);
    border: solid 1px rgb(16, 196, 76);
}
.scrollarea {
  overflow-y: auto;
}
/* END collapsable menu aside */



.h1, .h2, .h3, .h4, .h5, .h6, .navbar-brand, h1, h2, h3, h4, h5, h6 {
    font-family: 'Ubuntu', sans-serif!important;
    /*letter-spacing: -1px;*/
}

/* bootstrap addon */
.nav-link {
    color: rgb(219, 219, 219)!important;
    border-radius: 9px;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
}
.nav-link:hover, .nav-link.active {
    color: rgb(255, 255, 255)!important;
    background: #6c757d;
    
}
/*.nav-link {*/
/*    border-bottom: 1px dashed var(--bs-body-bg);*/
/*}*/
/*.nav-link:focus, .nav-link:hover {*/
/*    color: var(--bs-nav-link-hover-color);*/
/*    border-bottom: 1px dashed var(--bs-navbar-active-color);*/
/*}*/
/* card radius */
.card {
    margin-bottom: 20px;
    border: none!important;
    box-shadow: 0 10px 40px 0 rgba(18, 106, 211, .07), 0 2px 9px 0 rgba(18, 106, 211, .06);
}

:root, [data-bs-theme=light]  {    
    /*--bs-border-radius: 1.375rem!important;*/
    --bs-border-radius: 1.075rem!important;
    
    /*--bs-tertiary-bg: #f0f6ff;*/
    /*--bs-tertiary-bg-rgb: 240 246 255;*/
}
    
.form-control {
    border-radius: 0.5rem;
}
.bg-blue-1 {
    --bs-bg-opacity: 1;
    background-color: #e3f2fd!important;
}
.bg-blue-2 {
    --bs-bg-opacity: 1;
    background-color: #229ED9!important;
}
/*background-color: rgba(var(--bs-primary-rgb),var(--bs-bg-opacity))!important;*/
.bg-blue-3 {
    --bs-bg-opacity: 1;
    background-color: #0088CC!important;
}

.disabled {
    pointer-events: none!important;
}


.text-left {
    text-align: left!important;
}
.text-center {
    text-align: center!important;
}
.text-right {
    text-align: right!important;
}
.font-size-8 {
    font-size: 8px!important;
}
.font-size-10 {
    font-size: 10px!important;
}
.font-size-12 {
    font-size: 12px!important;
}
.font-size-14 {
    font-size: 14px!important;
}
.font-size-16 {
    font-size: 16px!important;
}
.font-size-18 {
    font-size: 18px!important;
}
.font-size-21 {
    font-size: 24px!important;
}
.font-size-24 {
    font-size: 24px!important;
}
.font-size-28 {
    font-size: 28px!important;
}
.font-size-32 {
    font-size: 32px!important;
}
.font-size-48 {
    font-size: 48px!important;
}
.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;
}
.font-weight-800 {
    font-weight: 800!important;
}

.w-15-px {
    width: 15px;
}
.w-20-px {
    width: 20px;
}
.w-25-px {
    width: 25px;
}
.w-30-px {
    width: 30px;
}
.w-35-px {
    width: 35px;
}
.w-40-px {
    width: 40px;
}
.w-45-px {
    width: 45px;
}
.w-50-px {
    width: 50px;
}
.w-75-px {
    width: 75px;
}
.w-100-px {
    width: 100px;
}
.w-125-px {
    width: 125px;
}
.w-150-px {
    width: 150px;
}
.w-175-px {
    width: 175px;
}
.w-190-px {
    width: 190px;
}

.w-200-px {
    width: 200px;
}
.w-250-px {
    width: 250px;
}
.w-275-px {
    width: 275px;
}
.w-350-px {
    width: 350px;
}

.min-w-15-px {
    min-width: 15px;
}
.min-w-20-px {
    min-width: 20px;
}
.min-w-25-px {
    min-width: 25px;
}
.min-w-30-px {
    min-width: 30px;
}
.min-w-35-px {
    min-width: 35px;
}
.min-w-40-px {
    min-width: 40px;
}
.min-w-45-px {
    min-width: 45px;
}
.min-w-50-px {
    min-width: 50px;
}
.min-w-75-px {
    min-width: 75px;
}
.min-w-100-px {
    min-width: 100px;
}
.min-w-125-px {
    min-width: 125px;
}
.min-w-150-px {
    min-width: 150px;
}
.min-w-175-px {
    min-width: 175px;
}
.min-w-190-px {
    min-width: 190px;
}

.min-w-200-px {
    min-width: 200px;
}
.min-w-250-px {
    min-width: 250px;
}
.min-w-275-px {
    min-width: 275px;
}
.min-w-350-px {
    min-width: 350px;
}

@media (max-width: 370px) {
    .d-sm-ultra-none {
        display: none!important;
    }
}

.text-muted {
    font-size: 14px;
}
.errorlist {
    color: #cf0000;
    font-weight: 600;
}
.django-ckeditor-widget {
    width: 100%;
}

.grey-link {
    color: #97a4aa;
    border-bottom: 1px dashed #97a4aa;
    text-decoration: none;
    font-weight: 600;
}
.grey-link {
    color: #006eac;
    border-bottom: 1px dashed #006eac;
}
.red-link {
    color: #d80011;
    border-bottom: 1px dashed #d80011; 
    font-weight: 600;
    text-decoration: none;
}
.red-link:hover {
    color: #555;
    border-bottom: 1px dashed #555; 
}

.blue-link {
    text-decoration: none;
    border-bottom: 1px dashed #0d6efd; 
    color: #0070c9;
    /*border-bottom: 1px solid rgba(0,137,255,.3);*/
    font-weight: 600;
}

.blue-link:hover {
    color: #555;
    border-bottom: 1px dashed #555; 
    /*border-color: rgba(244,18,36,.3)!important;*/
}

.rounded {
    border-radius: 8px!important;
}
.btn {
    padding: 12px 16px;
    font-weight: 500;
}
.btn-sm {
    padding: 10px 16px!important;
    border-radius: var(--bs-border-radius-xxl);
}
.btn-sm-ultra {
    padding: 5px 10px !important;
    border-radius: var(--bs-border-radius-xxl) !important;
    font-size: 12px;
}

.btn-upload {
    color: #138CDF;
    border: 1px solid #138CDF;
    padding: 8px 20px;
}

.btn-call {
    color: #fff;
    background-color: #138CDF;
    border-color: #449dd9;
}
.btn-call:hover {
    color: #fff;
    background-color: #449dd9;
    border-color: #449dd9;
}

.btn-whatsapp {
    color: #fff;
    background-color: #28D146;
    border-color: #10bd2f;
}
.btn-whatsapp:hover {
    color: #fff;
    background-color: #10bd2f;
    border-color: #10bd2f;
}
.btn-telegram {
    color: #fff;
    background-color: #2AABEE;
    border-color: #229ED9;
}
.btn-telegram:hover {
    color: #fff;
    background-color: #229ED9;
    border-color: #229ED9;
}

.btn-viber {
    color: #fff;
    background-color: #7360f2;
    border-color: #6550f3;
}
.btn-viber:hover {
    color: #fff;
    background-color: #503ec3;
    border-color: #6550f3;
}

.dropzone-image {
    border: 2px dashed #C1C1C1!important;
    border-radius: 8px!important;
    padding: 12px!important;
    margin-bottom: 16px!important;
}



.img-scale {
    transition: 1s; 
}
.img-scale:hover {
    transform: scale(1.2); 
}




/* bootsrap 5 elements addon */
.dropdown-menu {
    padding-top: 20px!important;
    padding-bottom: 20px!important;
}
/*:root, [data-bs-theme=light] {    */
/*    --bs-border-radius: 1.375rem!important;*/
/*}*/

label {
    margin-bottom: 5px!important;
}
textarea {
    height: 125px;
}

/*.navbar-brand:hover{*/
/*    transform: rotate(-1deg) scale(1.01);*/
/*}*/







.table {
    --bs-table-hover-bg: #f0f6ff;
}
[data-bs-theme=light] .table {    
   --bs-table-hover-bg: #f0f6ff!important;
    /*--bs-tertiary-bg-rgb: 240 246 255!important;*/
}

[data-bs-theme=dark] .table {    
    --bs-table-hover-bg: #2b3035!important;
    /*--bs-tertiary-bg-rgb: 43,48,53;*/
}


.bg-body-tertiary {
    background-color: #f0f6ff!important;
}

[data-bs-theme=light] .bg-body-tertiary {    
    background-color: #f0f6ff!important;
    /*--bs-tertiary-bg-rgb: 240 246 255!important;*/
}

[data-bs-theme=dark] .bg-body-tertiary {    
    background-color: #2b3035!important;
    /*--bs-tertiary-bg-rgb: 43,48,53;*/
}


.select2-container--bootstrap-5 .select2-selection {
    background-color: #f0f6ff!important;
}
[data-bs-theme=light] .select2-container--bootstrap-5 .select2-selection {    
    background-color: #f0f6ff!important;
    /*--bs-tertiary-bg-rgb: 240 246 255!important;*/
}

[data-bs-theme=dark] .select2-container--bootstrap-5 .select2-selection {    
    background-color: #2b3035!important;
    /*--bs-tertiary-bg-rgb: 43,48,53;*/
}
/* select fix for all theme  */
.select2-container--bootstrap-5 .select2-selection {
    /*background-color: rgba(var(--bs-tertiary-bg-rgb),*/
    /*                    var(--bs-bg-opacity))!important;*/
    color: var(--bs-body-color)!important;
    border: var(--bs-border-width) solid var(--bs-border-color)!important;
    /*border-radius: var(--bs-border-radius)!important;*/
    transition: border-color .15s ease-in-out, 
                box-shadow .15s ease-in-out!important;
}

.select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered {
    color: var(--bs-body-color) !important;
}

.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
    color: var(--bs-body-color)!important;
    border: var(--bs-border-width) solid var(--bs-border-color)!important;
}


#toTop {
    position: fixed;
    bottom: 13px;
    left: 7px;
    cursor: pointer;
    display: block;
    z-index: 999;
}