:root{
    --primary: #931927;
    --second: #f6273f;
    --bg: #fff9ee;
    --text: #444;
}

/* animation */
@-webkit-keyframes intro-devider-animation {
    100% {opacity: 1;}
}
@keyframes intro-devider-animation {
    100% {opacity: 1;}
}
@-webkit-keyframes intro-menu-animation {
    100% {opacity: 1;transform: translateX(0px);}
}
@keyframes intro-menu-animation {
    100% {opacity: 1;transform: translateX(0px);}
}
@-webkit-keyframes intro-submenu-animation {
    100% {opacity: 1;transform: translateX(0px);}
}
@keyframes intro-submenu-animation {
    100% {opacity: 1;transform: translateX(0px);}
}
@-webkit-keyframes intro-active-menu-animation {
    100% {z-index: 10;}
}
@keyframes intro-active-menu-animation {
    100% {z-index: 10;}
}

.d-none{display: none !important;}

body{background: var(--primary);padding: 1.5rem;overflow-x: hidden;font-family: 'Roboto', sans-serif;font-size: 0.875rem;color: var(--text);}
.d-flex{display: flex;}
.container {width: 100%;margin-right: auto;margin-left: auto;}
section{width: calc(100% - 210px);border-radius: 30px;padding: 0px 22px 2.5rem;min-height: 100vh;background-color: var(--bg);}
.text-danger{color: red;}
a{cursor: pointer;}
.panel-name{font-size: 20px;text-transform: uppercase;color: #fff;margin: 0;}

.body-login{position: relative;background-size: cover;background-repeat: no-repeat;background-position: center;background-color: var(--primary);}
.login .login-input {width: 100%;max-width: 100%;box-shadow: 0px 3px 5px #00000007;}

.side-nav {width: 230px;padding-right: 1.25rem;padding-bottom: 4rem;overflow-x: hidden;}
.side-nav .side-menu-icon svg{width: 20px;height: 20px;}
.side-nav.side-nav--simple {width: 85px;}
.side-nav.side-nav--simple .side-menu .side-menu-title {display: none;}
.side-nav.side-nav--simple .side-menu .side-menu-title .side-menu-arrow {display: none;}
.side-nav.side-nav--simple .side-menu:not(.side-menu-active) .side-menu-icon:before {display: none;}
.side-nav .side-nav-devider {margin-top: 1rem;margin-bottom: .5rem;width: 100%;height: 1px;background-color: white;z-index: 10;position: relative;}
.side-nav .side-menu {height: 45px;display: flex;align-items: center;padding-left: 1.25rem;color: #fff;margin-bottom: 0;position: relative;border-radius: 9999px;}
.side-nav .side-menu .side-menu-title {width: 100%;margin-left: 0.75rem;display: flex;align-items: center;line-height: 16px;}
.side-nav .side-menu .side-menu-title .side-menu-arrow {transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;transition-timing-function: cubic-bezier(0.4, 0, 1, 1);transition-duration: 100ms;width: 1rem;height: 1rem;margin-left: auto;margin-right: 1.25rem;}
.side-nav .side-menu.side-menu--active {color: white;font-weight: bold;}
/*
.side-nav > ul > li:nth-child(1) > a.side-menu-active, .side-nav > ul > li:nth-child(2) > a.side-menu-active, .side-nav > ul > li:nth-child(3) > a.side-menu-active, .side-nav > ul > li:nth-child(4) > a.side-menu-active, .side-nav > ul > li:nth-child(5) > a.side-menu-active, .side-nav > ul > li:nth-child(6) > a.side-menu-active, .side-nav > ul > li:nth-child(7) > a.side-menu-active, .side-nav > ul > li:nth-child(8) > a.side-menu-active, .side-nav > ul > li:nth-child(9) > a.side-menu-active, .side-nav > ul > li:nth-child(10) > a.side-menu-active, 
.side-nav > ul > li:nth-child(11) > a.side-menu-active, .side-nav > ul > li:nth-child(12) > a.side-menu-active, .side-nav > ul > li:nth-child(13) > a.side-menu-active, .side-nav > ul > li:nth-child(14) > a.side-menu-active, .side-nav > ul > li:nth-child(15) > a.side-menu-active, .side-nav > ul > li:nth-child(16) > a.side-menu-active, .side-nav > ul > li:nth-child(17) > a.side-menu-active, .side-nav > ul > li:nth-child(18) > a.side-menu-active, .side-nav > ul > li:nth-child(19) > a.side-menu-active, .side-nav > ul > li:nth-child(20) > a.side-menu-active, 
.side-nav > ul > li:nth-child(21) > a.side-menu-active, .side-nav > ul > li:nth-child(22) > a.side-menu-active, .side-nav > ul > li:nth-child(23) > a.side-menu-active, .side-nav > ul > li:nth-child(24) > a.side-menu-active, .side-nav > ul > li:nth-child(25) > a.side-menu-active, .side-nav > ul > li:nth-child(26) > a.side-menu-active, .side-nav > ul > li:nth-child(27) > a.side-menu-active, .side-nav > ul > li:nth-child(28) > a.side-menu-active, .side-nav > ul > li:nth-child(29) > a.side-menu-active, .side-nav > ul > li:nth-child(30) > a.side-menu-active{-webkit-animation: 0.4s intro-active-menu-animation ease-in-out 0.33333s;animation: 0.4s intro-active-menu-animation ease-in-out 0.33333s;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;}
    
.side-nav > ul > li:nth-child(1).side-nav__devider, .side-nav > ul > li:nth-child(2).side-nav__devider, .side-nav > ul > li:nth-child(3).side-nav__devider, .side-nav > ul > li:nth-child(4).side-nav__devider, .side-nav > ul > li:nth-child(5).side-nav__devider, .side-nav > ul > li:nth-child(6).side-nav__devider, .side-nav > ul > li:nth-child(7).side-nav__devider, .side-nav > ul > li:nth-child(8).side-nav__devider.side-nav > ul > li:nth-child(9).side-nav__devider.side-nav > ul > li:nth-child(10).side-nav__devider, .side-nav > ul > li:nth-child(11).side-nav__devider, .side-nav > ul > li:nth-child(12).side-nav__devider, 
.side-nav > ul > li:nth-child(13).side-nav__devider , .side-nav > ul > li:nth-child(14).side-nav__devider , .side-nav > ul > li:nth-child(15).side-nav__devider, .side-nav > ul > li:nth-child(16).side-nav__devider, .side-nav > ul > li:nth-child(17).side-nav__devider, .side-nav > ul > li:nth-child(18).side-nav__devider, .side-nav > ul > li:nth-child(19).side-nav__devider, .side-nav > ul > li:nth-child(20).side-nav__devider, .side-nav > ul > li:nth-child(21).side-nav__devider, .side-nav > ul > li:nth-child(22).side-nav__devider, .side-nav > ul > li:nth-child(23).side-nav__devider, .side-nav > ul > li:nth-child(24).side-nav__devider, .side-nav > ul > li:nth-child(25).side-nav__devider, 
.side-nav > ul > li:nth-child(26).side-nav__devider, .side-nav > ul > li:nth-child(27).side-nav__devider, .side-nav > ul > li:nth-child(28).side-nav__devider, .side-nav > ul > li:nth-child(29).side-nav__devider, .side-nav > ul > li:nth-child(30).side-nav__devider{opacity: 0;-webkit-animation: 0.4s intro-devider-animation ease-in-out 0.33333s;animation: 0.4s intro-devider-animation ease-in-out 0.33333s;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;-webkit-animation-delay: 1s;animation-delay: 1s;}

.side-nav > ul > li:nth-child(1) > a:not(.side-menu-active), .side-nav > ul > li:nth-child(2) > a:not(.side-menu-active), .side-nav > ul > li:nth-child(3) > a:not(.side-menu-active), .side-nav > ul > li:nth-child(4) > a:not(.side-menu-active), .side-nav > ul > li:nth-child(5) > a:not(.side-menu-active), .side-nav > ul > li:nth-child(6) > a:not(.side-menu-active), .side-nav > ul > li:nth-child(7) > a:not(.side-menu-active), .side-nav > ul > li:nth-child(8) > a:not(.side-menu-active), .side-nav > ul > li:nth-child(9) > a:not(.side-menu-active), .side-nav > ul > li:nth-child(10) > a:not(.side-menu-active), 
.side-nav > ul > li:nth-child(11) > a:not(.side-menu-active), .side-nav > ul > li:nth-child(12) > a:not(.side-menu-active), .side-nav > ul > li:nth-child(13) > a:not(.side-menu-active), .side-nav > ul > li:nth-child(14) > a:not(.side-menu-active), .side-nav > ul > li:nth-child(15) > a:not(.side-menu-active), .side-nav > ul > li:nth-child(16) > a:not(.side-menu-active), .side-nav > ul > li:nth-child(17) > a:not(.side-menu-active), .side-nav > ul > li:nth-child(18) > a:not(.side-menu-active), .side-nav > ul > li:nth-child(19) > a:not(.side-menu-active), .side-nav > ul > li:nth-child(20) > a:not(.side-menu-active), 
.side-nav > ul > li:nth-child(21) > a:not(.side-menu-active), .side-nav > ul > li:nth-child(22) > a:not(.side-menu-active), .side-nav > ul > li:nth-child(23) > a:not(.side-menu-active), .side-nav > ul > li:nth-child(24) > a:not(.side-menu-active), .side-nav > ul > li:nth-child(25) > a:not(.side-menu-active), .side-nav > ul > li:nth-child(26) > a:not(.side-menu-active), .side-nav > ul > li:nth-child(27) > a:not(.side-menu-active), .side-nav > ul > li:nth-child(28) > a:not(.side-menu-active), .side-nav > ul > li:nth-child(29) > a:not(.side-menu-active), .side-nav > ul > li:nth-child(30) > a:not(.side-menu-active){opacity: 0;transform: translateX(50px);-webkit-animation: 0.4s intro-menu-animation ease-in-out 0.33333s;animation: 0.4s intro-menu-animation ease-in-out 0.33333s;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;-webkit-animation-delay: 4.5s;animation-delay: 4.5s;}
*/
.side-nav > ul ul {display: none;background-color: var(--second);border-radius: 0.375rem;}
.side-nav > ul ul li:nth-child(1) > a, .side-nav > ul ul li:nth-child(2) > a, .side-nav > ul ul li:nth-child(3) > a, .side-nav > ul ul li:nth-child(4) > a, .side-nav > ul ul li:nth-child(5) > a, .side-nav > ul ul li:nth-child(6) > a, .side-nav > ul ul li:nth-child(7) > a, .side-nav > ul ul li:nth-child(8) > a, .side-nav > ul ul li:nth-child(9) > a, .side-nav > ul ul li:nth-child(10) > a,
.side-nav > ul ul li:nth-child(11) > a, .side-nav > ul ul li:nth-child(12) > a, .side-nav > ul ul li:nth-child(13) > a, .side-nav > ul ul li:nth-child(14) > a, .side-nav > ul ul li:nth-child(15) > a, .side-nav > ul ul li:nth-child(16) > a, .side-nav > ul ul li:nth-child(17) > a, .side-nav > ul ul li:nth-child(18) > a, .side-nav > ul ul li:nth-child(19) > a, .side-nav > ul ul li:nth-child(20) > a,
.side-nav > ul ul li:nth-child(21) > a, .side-nav > ul ul li:nth-child(22) > a, .side-nav > ul ul li:nth-child(23) > a, .side-nav > ul ul li:nth-child(24) > a, .side-nav > ul ul li:nth-child(25) > a, .side-nav > ul ul li:nth-child(26) > a, .side-nav > ul ul li:nth-child(27) > a, .side-nav > ul ul li:nth-child(28) > a, .side-nav > ul ul li:nth-child(29) > a, .side-nav > ul ul li:nth-child(30) > a{opacity: 0;transform: translateX(50px);-webkit-animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;-webkit-animation-delay: 0.1s;animation-delay: 0.1s;}
.side-nav > ul ul.side-menu-sub-open {display: block;}
.side-nav > ul ul .side-menu-icon:before {display: none;}
.side-nav > ul ul li{border-bottom: 1px solid #1e63a14d;}
.side-nav > ul ul li:last-child{border: 0;}
.side-nav > ul ul li a:not(.side-menu-active) {color: #c7d2ff;}
.side-nav > ul ul li a.side-menu-active .side-menu-title {font-weight: 500;}
.side-nav > ul ul ul {display: none;background-color: #142C91;border-radius: 0.375rem;}
.side-nav > ul > li > .side-menu.side-menu-active {background-color: #F1F5F8;}
.side-nav > ul > li > .side-menu.side-menu-active:before {content: "";width: 30px;height: 30px;margin-top: -30px;transform: rotate(90deg) scale(1.04);background-size: 100%;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='259.51' height='259.52' viewBox='0 0 259.51 259.52'%3E%3Cpath id='Path_143' data-name='Path 143' d='M8659.507,423.965c-.167-2.608.05-5.319-.19-8.211-.084-1.012-.031-2.15-.118-3.12-.113-1.25-.1-2.682-.236-4.061-.172-1.722-.179-3.757-.365-5.394-.328-2.889-.478-5.857-.854-8.61-.509-3.714-.825-7.252-1.38-10.543-.934-5.535-2.009-11.312-3.189-16.692-.855-3.9-1.772-7.416-2.752-11.2-1.1-4.256-2.394-8.149-3.687-12.381-1.1-3.615-2.366-6.893-3.623-10.493-1.3-3.739-2.917-7.26-4.284-10.7-1.708-4.295-3.674-8.078-5.485-12.023-1.145-2.493-2.5-4.932-3.727-7.387-1.318-2.646-2.9-5.214-4.152-7.518-1.716-3.16-3.517-5.946-5.274-8.873-1.692-2.818-3.589-5.645-5.355-8.334-2.326-3.542-4.637-6.581-7.039-9.848-2.064-2.809-4.017-5.255-6.088-7.828-2.394-2.974-4.937-5.936-7.292-8.589-3.027-3.411-6.049-6.744-9.055-9.763-2.4-2.412-4.776-4.822-7.108-6.975-3-2.767-5.836-5.471-8.692-7.854-3.332-2.779-6.657-5.663-9.815-8.028-2.958-2.216-5.784-4.613-8.7-6.6-3.161-2.159-6.251-4.414-9.219-6.254-3.814-2.365-7.533-4.882-11.168-6.89-4.213-2.327-8.513-4.909-12.478-6.834-4.61-2.239-9.234-4.619-13.51-6.416-4.1-1.725-8.11-3.505-11.874-4.888-4.5-1.652-8.506-3.191-12.584-4.47-6.045-1.9-12.071-3.678-17.431-5-9.228-2.284-17.608-3.757-24.951-4.9-7.123-1.112-13.437-1.64-18.271-2.035l-2.405-.2c-1.638-.136-3.508-.237-4.633-.3a115.051,115.051,0,0,0-12.526-.227h259.51Z' transform='translate(-8399.997 -164.445)' fill='%23f1f5f8'/%3E%3C/svg%3E%0A");position: absolute;top: 0;right: 0;margin-right: -1.25rem;}
.side-nav > ul > li > .side-menu.side-menu-active:after {content: "";width: 30px;height: 30px;margin-top: 45px;transform: scale(1.04);background-size: 100%;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='259.51' height='259.52' viewBox='0 0 259.51 259.52'%3E%3Cpath id='Path_143' data-name='Path 143' d='M8659.507,423.965c-.167-2.608.05-5.319-.19-8.211-.084-1.012-.031-2.15-.118-3.12-.113-1.25-.1-2.682-.236-4.061-.172-1.722-.179-3.757-.365-5.394-.328-2.889-.478-5.857-.854-8.61-.509-3.714-.825-7.252-1.38-10.543-.934-5.535-2.009-11.312-3.189-16.692-.855-3.9-1.772-7.416-2.752-11.2-1.1-4.256-2.394-8.149-3.687-12.381-1.1-3.615-2.366-6.893-3.623-10.493-1.3-3.739-2.917-7.26-4.284-10.7-1.708-4.295-3.674-8.078-5.485-12.023-1.145-2.493-2.5-4.932-3.727-7.387-1.318-2.646-2.9-5.214-4.152-7.518-1.716-3.16-3.517-5.946-5.274-8.873-1.692-2.818-3.589-5.645-5.355-8.334-2.326-3.542-4.637-6.581-7.039-9.848-2.064-2.809-4.017-5.255-6.088-7.828-2.394-2.974-4.937-5.936-7.292-8.589-3.027-3.411-6.049-6.744-9.055-9.763-2.4-2.412-4.776-4.822-7.108-6.975-3-2.767-5.836-5.471-8.692-7.854-3.332-2.779-6.657-5.663-9.815-8.028-2.958-2.216-5.784-4.613-8.7-6.6-3.161-2.159-6.251-4.414-9.219-6.254-3.814-2.365-7.533-4.882-11.168-6.89-4.213-2.327-8.513-4.909-12.478-6.834-4.61-2.239-9.234-4.619-13.51-6.416-4.1-1.725-8.11-3.505-11.874-4.888-4.5-1.652-8.506-3.191-12.584-4.47-6.045-1.9-12.071-3.678-17.431-5-9.228-2.284-17.608-3.757-24.951-4.9-7.123-1.112-13.437-1.64-18.271-2.035l-2.405-.2c-1.638-.136-3.508-.237-4.633-.3a115.051,115.051,0,0,0-12.526-.227h259.51Z' transform='translate(-8399.997 -164.445)' fill='%23f1f5f8'/%3E%3C/svg%3E%0A");position: absolute;top: 0;right: 0;margin-right: -1.25rem;}
.side-nav > ul > li > .side-menu.side-menu-active .side-menu-icon {color: var(--primary);}
.side-nav > ul > li > .side-menu.side-menu-active .side-menu-icon:before {content: "";z-index: -1;position: absolute;top: 0;right: 0;margin-right: -1.25rem;width: 3rem;height: 100%;background-color: #F1F5F8;}
.side-nav > ul > li > .side-menu.side-menu-active .side-menu-title {color: #2d3748;font-weight: 500;}
.side-nav > ul > li > .side-menu:not(.side-menu-active) .side-menu-icon:before {content: "";z-index: -1;width: 230px;position: absolute;top: 0;left: 0;height: 100%;border-top-left-radius: 9999px;border-bottom-left-radius: 9999px;transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;transition-timing-function: cubic-bezier(0.4, 0, 1, 1);transition-duration: 100ms;}
.side-nav > ul > li > .side-menu:hover:not(.side-menu-active):not(.side-menu-open) .side-menu-icon:before {background-color: var(--second);}
.side-nav > ul > li > a.side-menu-open .side-menu-title .side-menu-arrow{transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);}

.box {box-shadow: 0px 3px 20px #0000000b;background-color: #fff;border-radius: 0.375rem;position: relative;}

.report-box {position: relative;}
.report-box:before {content: "";width: 85%;background: #F9FAFC;box-shadow: 0px 3px 20px #0000000b;height: 100%;margin-top: 0.75rem;position: absolute;border-radius: 0.375rem;margin-left: auto;margin-right: auto;right: 0;left: 0;}
.report-box .report-box-icon {width: 28px;height: 28px;}
.report-box .report-box-indicator {padding-top: 3px;padding-bottom: 3px;display: flex;border-radius: 9999px;color: #fff;font-size: 0.75rem;padding-left: 0.5rem;padding-right: 0.25rem;align-items: center;font-weight: 500;}

.zoom-in {transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;transition-duration: 300ms;transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);--transform-translate-x: 0;--transform-translate-y: 0;--transform-rotate: 0;--transform-skew-x: 0;--transform-skew-y: 0;--transform-scale-x: 1;--transform-scale-y: 1;transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));cursor: pointer;}
.zoom-in:hover {--transform-scale-x: 1.05;--transform-scale-y: 1.05;box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);}

.text-theme-1{color: var(--primary);}
.text-theme-2{color: var(--second);}
.text-theme-3{color: var(--primary);}
.text-theme-4{color: var(--second);}

.bg-theme-1{background-color: #91C714;}
.bg-theme-2{background-color: var(--second);}
.bg-theme-3{background-color: var(--primary);}
.bg-theme-4{background-color: var(--second);}
.bg-theme-5{background-color: #1CA345;}

.hover\:bg-theme-1:hover{background-color: var(--second);}
.hover\:bg-theme-2:hover{background-color: var(--primary);}
.hover\:bg-theme-3:hover{background-color: var(--second);}
.hover\:bg-theme-4:hover{background-color: var(--primary);}

.text-primary{color: #0080F7;}
.text-info{color: #01A1B9;}
.text-danger{color: #D32929;}
.text-warning{color: #FFC001;}
.text-success{color: #1CA345;}

.placeholder-theme-1::-webkit-input-placeholder{--placeholder-opacity: 1;color: #7F9EB9;}
.placeholder-theme-2::-webkit-input-placeholder{--placeholder-opacity: 1;color: #FBC500;}
.placeholder-theme-3::-webkit-input-placeholder{--placeholder-opacity: 1;color: #8DA9BE;}
.placeholder-theme-4::-webkit-input-placeholder{--placeholder-opacity: 1;color: #FFEFD9;}

#toggle-menu{background-color: var(--primary);}
.breadcrumb {align-items: center;}
.breadcrumb.breadcrumb-light {height: 100%;margin-left: 2.5rem;padding-left: 2.5rem;border-left-width: 1px;border-color: #2e51bb;color: #C6D4FD;}
.breadcrumb.breadcrumb-light .breadcrumb--active {color: #E8EEFF;}
.breadcrumb .breadcrumb-icon {width: 14px;height: 14px;margin-left: 0.25rem;margin-right: 0.25rem;}
.breadcrumb .breadcrumb--active {color: var(--primary);font-weight: 500;}

.side-nav .panel-name img{height: 60px;margin: auto;}

.image-fit {position: relative;}
.image-fit > img {position: absolute;width: 100%;height: 100%;}

.top-bar {height: 67px;z-index: 51;display: flex;align-items: center;justify-content: space-between;position: relative;border-bottom-width: 1px;border-color: #dee7ef;}

.notification-content {width: 350px;}
.notification-content .notification-content__title {font-weight: 500;margin-bottom: 1.25rem;}
.notification-content .notification-content__box {padding: 1.25rem;}
.notification.notification--bullet::before {content: "";width: 8px;height: 8px;margin-top: -2px;border-radius: 9999px;position: absolute;right: 0;background-color: var(--second);}
.dropdown .dropdown-box {transition: visibility 0s linear 0.2s, opacity 0.2s 0s;visibility: hidden;opacity: 0;}
.dropdown .dropdown-box.show {transition: visibility 0s linear 0s, opacity 0.2s 0s;visibility: visible;opacity: 1;}
.dropdown .dropdown-box.show > .dropdown-box-content {margin-top: -1px;}
.dropdown .dropdown-box.show > .dropdown-box-content .tab-content .tab-content__pane {visibility: visible;}
.dropdown .dropdown-box .dropdown-box-content {transition: margin-top 0.2s;}
.dropdown .dropdown-box .dropdown-box-content .tab-content .tab-content__pane {visibility: hidden;}
.dropdown .dropdown-box.show {transition: visibility 0s linear 0s, opacity 0.2s 0s;visibility: visible;opacity: 1;}

/*
.search {position: relative;}
.search .search-input {width: 14rem;border-radius: 9999px;background-color: #D2DFEA;padding-right: 2rem;}
.search .search-icon {width: 1.25rem;height: 1.25rem;position: absolute;margin-top: auto;margin-bottom: auto;top: 0;bottom: 0;margin-right: 0.75rem;right: 0;color: #365A74;}

.search-result {width: 450px;z-index: 20;position: absolute;right: 0;margin-top: 0.25rem;visibility: hidden;opacity: 0;transition: visibility 0s linear 0.2s, opacity 0.2s 0s;}
.search-result.show {transition: visibility 0s linear 0s, opacity 0.2s 0s;visibility: visible;opacity: 1;}
.search-result.show > .search-result-content {margin-top: -1px;}
.search-result.show > .search-result-content .tab-content .tab-content-pane {visibility: visible;}
.search-result .search-result-content {transition: margin-top 0.2s;box-shadow: 0px 3px 20px #0000000b;background-color: #fff;border-radius: 0.375rem;position: relative;padding: 1.25rem;margin-top: 1.25rem;}
.search-result .search-result-content .search-result-content-title {font-weight: 500;margin-bottom: 0.5rem;}
*/

.input {padding-top: 0.5rem;padding-bottom: 0.5rem;padding-left: 0.75rem;padding-right: 0.75rem;border-radius: 0.375rem;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
.input:not(textarea).input--sm {padding-top: 0.25rem;padding-bottom: 0.25rem;padding-left: 0.5rem;padding-right: 0.5rem;}
.input:not(textarea).input--lg {padding-top: 0.75rem;padding-bottom: 0.75rem;padding-left: 1rem;padding-right: 1rem;}
.input:focus {outline: 0;box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);}
.input[type=radio] {width: 16px;height: 16px;position: relative;border-radius: 9999px;overflow: hidden;cursor: pointer;}
.input[type=radio]:before {content: "";width: 10px;height: 10px;transition: all 0.2s ease-in-out;position: absolute;border-radius: 9999px;background-color: var(--primary);top: 0;right: 0;bottom: 0;left: 0;margin: auto;opacity: 0;}
.input[type=radio]:checked {border-color: var(--primary);}
.input[type=radio]:checked:before {opacity: 1;}
.input[type=checkbox]:not(.input--switch) {width: 16px;height: 16px;border-radius: 0.2em;position: relative;overflow: hidden;cursor: pointer;padding: 0;}
.input[type=checkbox]:not(.input--switch):before {content: "";transition: all 0.2s ease-in-out;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' class='feather feather-check'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");background-size: 80%;width: 100%;height: 100%;position: absolute;color: #fff;display: flex;align-items: center;justify-content: center;opacity: 0;background-repeat: no-repeat;background-position: center;}
.input[type=checkbox]:not(.input--switch):checked {background-color: var(--primary);border-color: var(--primary);}
.input[type=checkbox]:not(.input--switch):checked:before {opacity: 1;}
.input.input--switch[type=checkbox] {width: 38px;height: 24px;padding: 1px;outline: 0;border-radius: 9999px;position: relative;cursor: pointer;}
.input.input--switch[type=checkbox]:before {content: "";width: 22px;height: 22px;transition: all 0.2s ease-in-out;box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);position: absolute;top: 0;bottom: 0;margin-top: auto;margin-bottom: auto;border-radius: 9999px;}
.input.input--switch[type=checkbox]:checked {background-color: var(--primary);border-color: var(--primary);}
.input.input--switch[type=checkbox]:checked::before {margin-left: 13px;background-color: #fff;}
select.input {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgb(74, 85, 104)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-size: 15px;background-position: center right 0.6rem;background-color: #fff;background-repeat: no-repeat;padding-right: 2rem;}
select.input.input--sm {padding-right: 2rem;}
select.input.input--lg {padding-right: 2rem;}
.button {padding-top: 0.5rem;padding-bottom: 0.5rem;padding-left: 0.75rem;padding-right: 0.75rem;border-radius: 0.375rem;font-weight: 500;cursor: pointer;}
.button:focus {outline: 0;box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);}
.button:not(button) {text-align: center;}
.button.button-sm {padding-top: 0.25rem;padding-bottom: 0.25rem;padding-left: 0.5rem;padding-right: 0.5rem;}
.button.button-lg {padding-top: 0.75rem;padding-bottom: 0.75rem;padding-left: 1rem;padding-right: 1rem;}

.post .post__tabs a {border-bottom-width: 0;}
.post .post__tabs a.active {background-color: #fff;color: var(--primary);}


.error-page img {width: 450px;}


.select2-container {box-sizing: border-box;display: inline-block;margin: 0;position: relative;vertical-align: middle;width: 100% !important;}
.select2-container .select2-selection--single {box-sizing: border-box;cursor: pointer;display: block;height: 28px;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-user-select: none;}
.select2-container .select2-selection--single .select2-selection__rendered {display: block;padding-left: 8px;padding-right: 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.select2-container .select2-selection--single .select2-selection__clear {position: relative;}
.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {padding-right: 8px;padding-left: 20px;}
.select2-container .select2-selection--multiple {box-sizing: border-box;cursor: pointer;display: block;min-height: 32px;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-user-select: none;}
.select2-container .select2-selection--multiple .select2-selection__rendered {display: inline-block;overflow: hidden;padding-left: 8px;text-overflow: ellipsis;white-space: nowrap;}
.select2-container .select2-search--inline {float: left;}
.select2-container .select2-search--inline .select2-search__field {box-sizing: border-box;border: none;font-size: 100%;margin: 0;padding: 0;}
.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {-webkit-appearance: none;}
.select2-dropdown {background-color: white;border: 1px solid #aaa;border-radius: 4px;box-sizing: border-box;display: block;position: absolute;left: -100000px;width: 100%;z-index: 1051;}
.select2-results {display: block;}
.select2-results__options {list-style: none;margin: 0;padding: 0;}
.select2-results__option {padding: 6px;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-user-select: none;}
.select2-results__option[aria-selected] {cursor: pointer;}
.select2-container--open .select2-dropdown {left: 0;}
.select2-container--open .select2-dropdown--above {border-bottom: none;border-bottom-left-radius: 0;border-bottom-right-radius: 0;}
.select2-container--open .select2-dropdown--below {border-top: none;border-top-left-radius: 0;border-top-right-radius: 0;}
.select2-search--dropdown {display: block;padding: 4px;}
.select2-search--dropdown .select2-search__field {padding: 4px;width: 100%;box-sizing: border-box;}
.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {-webkit-appearance: none;}
.select2-search--dropdown.select2-search--hide {display: none;}
.select2-close-mask {border: 0;margin: 0;padding: 0;display: block;position: fixed;left: 0;top: 0;min-height: 100%;min-width: 100%;height: auto;width: auto;opacity: 0;z-index: 99;background-color: #fff;filter: alpha(opacity=0);}
.select2-hidden-accessible {border: 0 !important;clip: rect(0 0 0 0) !important;-webkit-clip-path: inset(50%) !important;clip-path: inset(50%) !important;height: 1px !important;overflow: hidden !important;padding: 0 !important;position: absolute !important;width: 1px !important;white-space: nowrap !important;}
.select2-container--default .select2-selection--single {background-color: #fff;border: 1px solid #aaa;border-radius: 4px;}
.select2-container--default .select2-selection--single .select2-selection__rendered {color: #444;line-height: 28px;}
.select2-container--default .select2-selection--single .select2-selection__clear {cursor: pointer;float: right;font-weight: bold;}
.select2-container--default .select2-selection--single .select2-selection__placeholder {color: #999;}
.select2-container--default .select2-selection--single .select2-selection__arrow {height: 26px;position: absolute;top: 1px;right: 1px;width: 20px;}
.select2-container--default .select2-selection--single .select2-selection__arrow b {border-color: #888 transparent transparent transparent;border-style: solid;border-width: 5px 4px 0 4px;height: 0;left: 50%;margin-left: -4px;margin-top: -2px;position: absolute;top: 50%;width: 0;}
.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear {float: left;}
.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow {left: 1px;right: auto;}
.select2-container--default.select2-container--disabled .select2-selection--single {background-color: #eee;cursor: default;}
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {display: none;}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {border-color: transparent transparent #888 transparent;border-width: 0 4px 5px 4px;}
.select2-container--default .select2-selection--multiple {background-color: white;border: 1px solid #aaa;border-radius: 4px;cursor: text;}
.select2-container--default .select2-selection--multiple .select2-selection__rendered {box-sizing: border-box;list-style: none;margin: 0;padding: 0 5px;width: 100%;}
.select2-container--default .select2-selection--multiple .select2-selection__rendered li {list-style: none;}
.select2-container--default .select2-selection--multiple .select2-selection__clear {cursor: pointer;float: right;font-weight: bold;margin-top: 5px;margin-right: 10px;padding: 1px;}
.select2-container--default .select2-selection--multiple .select2-selection__choice {background-color: #e4e4e4;border: 1px solid #aaa;border-radius: 4px;cursor: default;float: left;margin-right: 5px;margin-top: 5px;padding: 0 5px;}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {color: #999;cursor: pointer;display: inline-block;font-weight: bold;margin-right: 2px;}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {color: #333;}
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir=rtl] .select2-selection--multiple .select2-search--inline {float: right;}
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {margin-left: 5px;margin-right: auto;}
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {margin-left: 2px;margin-right: auto;}
.select2-container--default.select2-container--focus .select2-selection--multiple {border: solid black 1px;outline: 0;}
.select2-container--default.select2-container--disabled .select2-selection--multiple {background-color: #eee;cursor: default;}
.select2-container--default.select2-container--disabled .select2-selection__choice__remove {display: none;}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {border-bottom-left-radius: 0;border-bottom-right-radius: 0;display: flex;}
.select2-container--default .select2-search--dropdown .select2-search__field {border: 1px solid #aaa;}
.select2-container--default .select2-search--inline .select2-search__field {background: transparent;border: none;outline: 0;box-shadow: none;-webkit-appearance: textfield;}
.select2-container--default .select2-results > .select2-results__options {max-height: 200px;overflow-y: auto;}
.select2-container--default .select2-results__option[role=group] {padding: 0;}
.select2-container--default .select2-results__option[aria-disabled=true] {color: #999;}
.select2-container--default .select2-results__option[aria-selected=true] {background-color: #ddd;}
.select2-container--default .select2-results__option .select2-results__option {padding-left: 1em;}
.select2-container--default .select2-results__option .select2-results__option .select2-results__group {padding-left: 0;}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option {margin-left: -1em;padding-left: 2em;}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {margin-left: -2em;padding-left: 3em;}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {margin-left: -3em;padding-left: 4em;}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {margin-left: -4em;padding-left: 5em;}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {margin-left: -5em;padding-left: 6em;}
.select2-container--default .select2-results__option--highlighted[aria-selected] {background-color: #5897fb;color: white;}
.select2-container--default .select2-results__group {cursor: default;display: block;padding: 6px;}
.select2-container--classic .select2-selection--single {background-color: #f7f7f7;border: 1px solid #aaa;border-radius: 4px;outline: 0;background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%);background-repeat: repeat-x;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0);}
.select2-container--classic .select2-selection--single:focus {border: 1px solid #5897fb;}
.select2-container--classic .select2-selection--single .select2-selection__rendered {color: #444;line-height: 28px;}
.select2-container--classic .select2-selection--single .select2-selection__clear {cursor: pointer;float: right;font-weight: bold;margin-right: 10px;}
.select2-container--classic .select2-selection--single .select2-selection__placeholder {color: #999;}
.select2-container--classic .select2-selection--single .select2-selection__arrow {background-color: #ddd;border: none;border-left: 1px solid #aaa;border-top-right-radius: 4px;border-bottom-right-radius: 4px;height: 26px;position: absolute;top: 1px;right: 1px;width: 20px;background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);background-repeat: repeat-x;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFCCCCCC", GradientType=0);}
.select2-container--classic .select2-selection--single .select2-selection__arrow b {border-color: #888 transparent transparent transparent;border-style: solid;border-width: 5px 4px 0 4px;height: 0;left: 50%;margin-left: -4px;margin-top: -2px;position: absolute;top: 50%;width: 0;}
.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear {float: left;}
.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow {border: none;border-right: 1px solid #aaa;border-radius: 0;border-top-left-radius: 4px;border-bottom-left-radius: 4px;left: 1px;right: auto;}
.select2-container--classic.select2-container--open .select2-selection--single {border: 1px solid #5897fb;}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {background: transparent;border: none;}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {border-color: transparent transparent #888 transparent;border-width: 0 4px 5px 4px;}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {border-top: none;border-top-left-radius: 0;border-top-right-radius: 0;background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%);background-repeat: repeat-x;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0);}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {border-bottom: none;border-bottom-left-radius: 0;border-bottom-right-radius: 0;background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%);background-repeat: repeat-x;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFFFFFFF", GradientType=0);}
.select2-container--classic .select2-selection--multiple {background-color: white;border: 1px solid #aaa;border-radius: 4px;cursor: text;outline: 0;}
.select2-container--classic .select2-selection--multiple:focus {border: 1px solid #5897fb;}
.select2-container--classic .select2-selection--multiple .select2-selection__rendered {list-style: none;margin: 0;padding: 0 5px;}
.select2-container--classic .select2-selection--multiple .select2-selection__clear {display: none;}
.select2-container--classic .select2-selection--multiple .select2-selection__choice {background-color: #e4e4e4;border: 1px solid #aaa;border-radius: 4px;cursor: default;float: left;margin-right: 5px;margin-top: 5px;padding: 0 5px;}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {color: #888;cursor: pointer;display: inline-block;font-weight: bold;margin-right: 2px;}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {color: #555;}
.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice {float: right;margin-left: 5px;margin-right: auto;}
.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {margin-left: 2px;margin-right: auto;}
.select2-container--classic.select2-container--open .select2-selection--multiple {border: 1px solid #5897fb;}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {border-top: none;border-top-left-radius: 0;border-top-right-radius: 0;}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {border-bottom: none;border-bottom-left-radius: 0;border-bottom-right-radius: 0;}
.select2-container--classic .select2-search--dropdown .select2-search__field {border: 1px solid #aaa;outline: 0;}
.select2-container--classic .select2-search--inline .select2-search__field {outline: 0;box-shadow: none;}
.select2-container--classic .select2-dropdown {background-color: white;border: 1px solid transparent;}
.select2-container--classic .select2-dropdown--above {border-bottom: none;}
.select2-container--classic .select2-dropdown--below {border-top: none;}
.select2-container--classic .select2-results > .select2-results__options {max-height: 200px;overflow-y: auto;}
.select2-container--classic .select2-results__option[role=group] {padding: 0;}
.select2-container--classic .select2-results__option[aria-disabled=true] {color: grey;}
.select2-container--classic .select2-results__option--highlighted[aria-selected] {background-color: #3875d7;color: white;}
.select2-container--classic .select2-results__group {cursor: default;display: block;padding: 6px;}
.select2-container--classic.select2-container--open .select2-dropdown {border-color: #5897fb;}
.select2-container.select2-container--default .select2-selection--multiple {height: auto;min-height: 39px;padding: 0;display: flex;align-items: center;border-color: #e2e8f0;}
.select2-container.select2-container--default .select2-selection--multiple .select2-selection__choice {height: 26px;display: inline-block;align-items: center;margin-top: 0;background-color: #edf2f7;border-color: #e2e8f0;margin: 0 4px 5px 0;padding: 0;}
.select2-container.select2-container--default .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {margin: 0;}
.select2-container.select2-container--default .select2-search--dropdown .select2-search__field {border-color: #e2e8f0;}
.select2-container.select2-container--default .select2-results__option {padding-left: 0.75rem;padding-right: 0.75rem;padding-top: 0.5rem;padding-bottom: 0.5rem;}
.select2-container.select2-container--default .select2-results__option--highlighted[aria-selected] {background-color: var(--primary);}
.select2-container .select2-selection.select2-selection--single {height: 39px;border-color: #e2e8f0;}
.select2-container .select2-selection .select2-selection__rendered {height: 100%;width: auto;max-width: 100%;padding: 5px 5px 0;}
.select2-container .select2-selection .select2-selection__arrow {width: 32px;height: 100%;}
.select2-container .select2-dropdown {border-color: #e2e8f0;}

.pagination {display: flex;margin-right: auto;}
.pagination li .pagination__link, .pagination li a, .pagination li span {min-width: 40px;padding-top: 0.5rem;padding-bottom: 0.5rem;padding-left: 0.75rem;padding-right: 0.75rem;border-radius: 0.375rem;font-weight: 500;cursor: pointer;font-weight: 400;display: flex;align-items: center;justify-content: center;border-color: transparent;color: #2d3748;margin-right: 0.5rem;}
.pagination li .pagination__link.pagination__link--active, .pagination li.active a, .pagination li.active span {box-shadow: 0px 3px 20px #0000000b;background-color: #fff;border-radius: 0.375rem;position: relative;font-weight: 500;}

.table {width: 100%;text-align: left;}
.table th {font-weight: 500;padding-left: 1.25rem;padding-right: 1.25rem;padding-top: 0.75rem;padding-bottom: 0.75rem;}
.table td {padding-left: 1.25rem;padding-right: 1.25rem;padding-top: 0.75rem;padding-bottom: 0.75rem;}
.table.table--sm th {padding-left: 1rem;padding-right: 1rem;padding-top: 0.5rem;padding-bottom: 0.5rem;}
.table.table--sm td {padding-left: 1rem;padding-right: 1rem;padding-top: 0.5rem;padding-bottom: 0.5rem;}
.table-report:not(.table-report--bordered) {border-spacing: 0 10px;border-collapse: separate;}
.table-report:not(.table-report--bordered) td {background-color: #fff;box-shadow: 20px 3px 20px #0000000b;}
.table-report:not(.table-report--bordered) td:first-child {border-top-left-radius: 0.375rem;border-bottom-left-radius: 0.375rem;}
.table-report:not(.table-report--bordered) td:last-child {border-top-right-radius: 0.375rem;border-bottom-right-radius: 0.375rem;}
.table-report:not(.table-report--bordered) td.table-report__action {padding-top: 0;padding-bottom: 0;position: relative;}
.table-report:not(.table-report--bordered) td.table-report__action:before {content: "";width: 1px;height: 2rem;background-color: #edf2f7;position: absolute;left: 0;top: 0;bottom: 0;margin-top: auto;margin-bottom: auto;}
.table-report img {box-shadow: 0px 0px 0px 2px #fff, 1px 1px 5px rgba(0, 0, 0, 0.32);}
.table .bg-theme-light td{background-color: #e2e8f0;}

.pos-dropdown .pos-dropdown__dropdown-box {width: 265px;}
.pos .pos-image:before {content: "";padding-top: 100%;width: 100%;display: block;}
.pos .pos-image .pos-image__preview {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.pos .pos-image .pos-image__preview img {border-radius: 0.375rem;}
.pos .pos__tabs a.active {background-color: var(--primary);color: #fff;}
.pos .pos__ticket .pos__ticket__item-name {max-width: 50%;}
.pos .pos__box {height: 780px;}

canvas{-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none;}
#log {position: absolute;right: 0;top: 0;bottom: 0;background-color: #EEE;float: right;width: 20%;padding: 8px;overflow-y: auto;white-space: pre;line-height: 1.5em;}

.login .alert-danger{background-color: red;margin-top: 20px;border-radius: 5px;padding: 10px;color: white;}
.login .alert-danger h4{font-weight: bold;font-size: 20px;margin-bottom: 7.5px;}
.login .alert-danger button{display: none;}


.btn-toggle {margin: 0 4rem;padding: 0;position: relative;border: none;height: 1.5rem;width: 3rem;border-radius: 1.5rem;color: #6b7381;background: #bdc1c8;}
.btn-toggle:focus, .btn-toggle.focus, .btn-toggle:focus.active, .btn-toggle.focus.active {outline: none;}
.btn-toggle:before, .btn-toggle:after {line-height: 1.5rem;width: 4rem;text-align: center;font-weight: 600;font-size: 0.75rem;text-transform: uppercase;letter-spacing: 2px;position: absolute;bottom: 0;transition: opacity 0.25s;}
.btn-toggle:before {content: "Fermer";left: -4rem;}
.btn-toggle:after {content: "Ouvrir";right: -4rem;opacity: 0.5;} 
.btn-toggle > .handle {position: absolute;top: 0.1875rem;left: 0.1875rem;width: 1.125rem;height: 1.125rem;border-radius: 1.125rem;background: #fff;transition: left 0.25s;}
.btn-toggle.active {transition: background-color 0.25s;}
.btn-toggle.active > .handle {left: 1.6875rem;transition: left 0.25s;}
.btn-toggle.active:before {opacity: 0.5;}
.btn-toggle.active:after {opacity: 1;}
.btn-toggle.active {background-color: var(--primary);}

/* @-webkit-keyframes ring {
    0%, 100% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}
    5% {-webkit-transform: rotate(-30deg);transform: rotate(-30deg);}
    10% {-webkit-transform: rotate(25deg);transform: rotate(25deg);}
    15% {-webkit-transform: rotate(-25deg);transform: rotate(-25deg);}
    20% {-webkit-transform: rotate(20deg);transform: rotate(20deg);}
    25% {-webkit-transform: rotate(-20deg);transform: rotate(-20deg);}
    30% {-webkit-transform: rotate(15deg);transform: rotate(15deg);}
    35% {-webkit-transform: rotate(-15deg);transform: rotate(-15deg);}
    40% {-webkit-transform: rotate(15deg);transform: rotate(15deg);}
    45% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}
}
@keyframes ring {
    0%, 100% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}
    5% {-webkit-transform: rotate(-30deg);transform: rotate(-30deg);}
    10% {-webkit-transform: rotate(25deg);transform: rotate(25deg);}
    15% {-webkit-transform: rotate(-25deg);transform: rotate(-25deg);}
    20% {-webkit-transform: rotate(20deg);transform: rotate(20deg);}
    25% {-webkit-transform: rotate(-20deg);transform: rotate(-20deg);}
    30% {-webkit-transform: rotate(15deg);transform: rotate(15deg);}
    35% {-webkit-transform: rotate(-15deg);transform: rotate(-15deg);}
    40% {-webkit-transform: rotate(15deg);transform: rotate(15deg);}
    45% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}
} */
/* #bell-notification{-webkit-animation-name: ring;animation-name: ring;-webkit-animation-duration: 1.5s;animation-duration: 1.5s;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;background-color: red;border-radius: 50% 50% 0 0;height: 25px;position: fixed;left: 25px;top: 20px;-webkit-transform: rotate(-30deg);transform: rotate(-30deg);-webkit-transform-origin: top center;transform-origin: top center;width: 30px;}
#bell-notification::before {background-color: red;border-radius: 50%;content: '';height: 10px;left: 50%;position: absolute;top: 0;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);width: 10px;}
#bell-notification::after {background-color: red;border-radius: 5px;content: '';height: 5px;left: 50%;position: absolute;bottom: 0;-webkit-transform: translate(-50%, 50%);transform: translate(-50%, 50%);width: 40px;}
#bell-notification .tongue {background: red;position: absolute;bottom: -10px;left: 50%;height: 6px;width: 15px;-webkit-transform: translate(-50%, 50%);transform: translate(-50%, 50%);border-radius: 0 0 10px 10px;}
#bell-notification .quote {color: red;margin-bottom: 20px;font-size: 30px;} */

.custom-alert{
    position: fixed;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    width: 500px;
    max-width: 100%;
    z-index: 9999;
}
.close-custom-alert{
    display: block;
    padding: 3px;
    line-height: 1;
    cursor: pointer;
}

.bootstrap-tagsinput{box-shadow: none !important;display: block !important;border: 1px solid #e2e8f0 !important;min-height: 39px !important;padding-top: 0.5rem !important;padding-bottom: 0.5rem !important;padding-left: 0.75rem !important;padding-right: 0.75rem !important;border-radius: 0.375rem !important;}
.bootstrap-tagsinput .tag{background: var(--primary);margin-right: 2px;color: white;height: 18px;display: inline-block;margin: 2px 0;padding: 0 4px;font-size: 14px;line-height: 18px;}

.w-40 > img{width: 50px;}
.w-40.image-fit > img{width: 100%;}

.image-container .w-40{max-width: 100%;}
.single-gallery{position: relative;}

.select_item{max-height: 200px;overflow-y: auto;}
.select_item ul{min-height: 39px;padding-top: 0.5rem;padding-bottom: 0.5rem;padding-left: 0.75rem;padding-right: 0.75rem;border-radius: 0.375rem;border-width: 1px;}

.showcase-item .deals,
.showcase-item .custom-categories,
.showcase-item .latest_banners,
.showcase-item .latest_deals,
.showcase-item .categories, 
.showcase-item .recommended, 
.showcase-item .banners, 
.showcase-item .title-column{display: none;}

.showcase-item .deals.active,
.showcase-item .custom-categories.active,
.showcase-item .latest_banners.active,
.showcase-item .latest_deals.active,
.showcase-item .categories.active, 
.showcase-item .recommended.active, 
.showcase-item .banners.active, 
.showcase-item .title-column.active{display: block;}

#pop-up{display: none;position: fixed;top: 0;left: 0;right: 0;bottom: 0;padding: 70px;background-color: rgba(0, 0, 0, 0.7);z-index: 51;}
#pop-up .wrapper{width: 100%;height: 100%;background-color: #fff;position: relative;z-index: 2;}
#pop-up .wrapper iframe{width: 100%;height: 100%;}
#pop-up button{position: absolute;top: 22.5px;right: 22.5px;z-index: 5;text-transform: uppercase;color: #fff;}


#preview-addons{display: none;position: absolute;z-index: 99;background: #fff;width: 350px;right: 0;top: calc(100% + 16px);box-shadow: 0 0 15px 0 rgb(0 0 0 / 10%);padding: 20px;border-radius: 10px;}
#preview-addons .single-addon-bloc{margin-bottom: 10px;}
#preview-addons .single-addon-bloc:last-child{margin-bottom: 0;}
#preview-addons .toggle-title{display: flex;justify-content: space-between;padding: 7.5px;}
#preview-addons .toggle-title h3{width: 50%;background-color: rgba(30, 99, 161, 0.1);border-radius: 25px;}
#preview-addons .toggle-title h3 a{display: block;padding: 10px;color: #1E63A1;}
#preview-addons .toggle-content .single-toggle-content{display: none;}
#preview-addons .toggle-content .single-toggle-content:first-child{display: block;}
#preview-addons label h5{line-height: 1.1;color: #222222;}
#preview-addons label h5 span{color: #1E63A1;}
#preview-addons .toggle-title h3.active{background-color: #fff;}


#bell-notification{-webkit-animation-name: ring;animation-name: ring;-webkit-animation-duration: 1.5s;animation-duration: 1.5s;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;background-color: var(--primary);border-radius: 50% 50% 0 0;height: 25px;position: fixed;left: calc(50% - 13px);top: calc(1.5rem + 45px);-webkit-transform: translateX(-50%) rotate(-30deg);transform: translateX(-50%) rotate(-30deg);-webkit-transform-origin: top center;transform-origin: top center;width: 30px;z-index: 99999;}
#bell-notification::before {background-color: var(--primary);border-radius: 50%;content: '';height: 10px;left: 50%;position: absolute;top: 0;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);width: 10px;}
#bell-notification::after {background-color: var(--primary);border-radius: 5px;content: '';height: 5px;left: 50%;position: absolute;bottom: 0;-webkit-transform: translate(-50%, 50%);transform: translate(-50%, 50%);width: 40px;}
#bell-notification .tongue {background: var(--primary);position: absolute;bottom: -10px;left: 50%;height: 6px;width: 15px;-webkit-transform: translate(-50%, 50%);transform: translate(-50%, 50%);border-radius: 0 0 10px 10px;}
#bell-notification .quote {color: var(--primary);margin-bottom: 20px;font-size: 30px;}

#bell-notification.canceled, 
#bell-notification.canceled::before, 
#bell-notification.canceled::after, 
#bell-notification.canceled .tongue {background-color: red;}
#bell-notification.canceled .quote {color: red;}

@keyframes ring {
    0%, 100% {-webkit-transform: rotate(0deg);transform:  rotate(0deg);}
    5% {-webkit-transform: rotate(-30deg);transform: rotate(-30deg);}
    10% {-webkit-transform: rotate(25deg);transform:  rotate(25deg);}
    15% {-webkit-transform: rotate(-25deg);transform: rotate(-25deg);}
    20% {-webkit-transform: rotate(20deg);transform:  rotate(20deg);}
    25% {-webkit-transform: rotate(-20deg);transform: rotate(-20deg);}
    30% {-webkit-transform: rotate(15deg);transform:  rotate(15deg);}
    35% {-webkit-transform: rotate(-15deg);transform: rotate(-15deg);}
    40% {-webkit-transform: rotate(15deg);transform:  rotate(15deg);}
    45% {-webkit-transform: rotate(0deg);transform:  rotate(0deg);}
}
@-webkit-keyframes ring {
    0%, 100% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}
    5% {-webkit-transform: rotate(-30deg);transform: rotate(-30deg);}
    10% {-webkit-transform: rotate(25deg);transform: rotate(25deg);}
    15% {-webkit-transform: rotate(-25deg);transform: rotate(-25deg);}
    20% {-webkit-transform: rotate(20deg);transform: rotate(20deg);}
    25% {-webkit-transform: rotate(-20deg);transform: rotate(-20deg);}
    30% {-webkit-transform: rotate(15deg);transform: rotate(15deg);}
    35% {-webkit-transform: rotate(-15deg);transform: rotate(-15deg);}
    40% {-webkit-transform: rotate(15deg);transform: rotate(15deg);}
    45% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}
}
.my-custom-alert{
    position: fixed;
    left: 50%;
    top: 1.5rem;
    display: flex;
    align-items: center;
    background-color: #fff;
    font-size: 14px;
    border-radius: 25px;
    height: 45px;
    padding: 0 20px;
    z-index: 9999;
    color: var(--primary);
    letter-spacing: 1px;
    text-transform: uppercase;
    box-shadow: 0 0 15px 0 rgba(0,0,0, .1);
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
}
#bell-notification.canceled + .my-custom-alert {color: red;}


.ql-pdf::before {
  content: "📄";
  font-size: 16px;
}