/*------scroll bar---------------------*/
  
  ::-webkit-scrollbar {
    width:5px;
    height:7px;
  }
  ::-webkit-scrollbar-button {
    width:0px;
    height:0px;
  }
  ::-webkit-scrollbar-thumb {
    background:#525965;
    border:0px none #ffffff;
    border-radius:0px;
  }
  ::-webkit-scrollbar-thumb:hover {
    background:#525965;
  }
  ::-webkit-scrollbar-thumb:active {
    background:#525965;
  }
  ::-webkit-scrollbar-track {
    background:transparent;
    border:0px none #ffffff;
    border-radius:50px;
  }
  ::-webkit-scrollbar-track:hover {
    background:transparent;
  }
  ::-webkit-scrollbar-track:active {
    background:transparent;
  }
  ::-webkit-scrollbar-corner {
    background:transparent;
  }

body{background:var(--white);}

/* 
.Wrap{height:calc(100vh - 100px);}
.ContentWrap{height:calc(100vh - 100px);}
.ListBar{height:calc(100% - 190px);position:relative;overflow:auto;}
.GridBar{height:calc(100% - 110px);}
.TabBar{background:var(--white);}
.SearchInput{font-size:20px;}
 */

/*
  Cari
*/
.CariIsim{letter-spacing:.1em;}
/*
    Button Bar CSS
*/




.FisButtonItem::before {position: absolute;content: "";width: 90%;height: 80%;top: 10%;bottom: 0;left: 5%;z-index: -1;transition: opacity .5s ubic-bezier(.46, .03, .52, .96);
  opacity: .1;
  background: #e2cef7;
  border-radius: 3px
  }
  
  .FisButtonItem::after {
  position: absolute;
  content: "";
  width: 25%;
  height: 3px;
  bottom: 15%;
  left: 0;
  z-index: -1;
  transition: opacity .5s cubic-bezier(.46, .03, .52, .96);
  opacity: .2;
  background: #e2cef7;
  border-radius: 3px;
  right: 0;
  margin: auto
  }
  
  .FisButtonItem:hover::before {
  opacity: 1
  }
  
  .FisButtonItem:hover {
  color: var(--white)
  }
  
  .FisButtonItem.secili {
  border-bottom: none
  }
  
  .FisButtonItem.secili::before {
  background: #7a32c6
  }
  
  .FisButtonItem.secili::after {
  opacity: .7
  }
  
  .FisButtonItem.secili:hover {
  color: var(--text)
  }
  
 /*
    Button Bar CSS
 */

/*
    <div class="barloader"></div>
*/
.barloader:before {content:'';width:26px;height:4px;margin-top:-2px;border-radius:3px;background-color:var(--success);position:absolute;left:11px;-webkit-animation:push 2s cubic-bezier(0.17, 0.37, 0.43, 0.67) infinite;animation:push 2s cubic-bezier(0.17, 0.37, 0.43, 0.67) infinite;}
@-webkit-keyframes push { 50% { left:calc( 95% - 37px );background-color:var(--info); } }
@keyframes push { 50% { left:calc( 100% - 37px );background-color:var(--info); } }





/*
  Search Autocomplete
*/
.autocomplete {width:100%;float:left;position:relative;}
.autocomplete-list {width:100%;height:auto;max-height:320px;overflow-y:auto;right:0;position:absolute;list-style-type:none;background:#fff;top:calc( 100% + 6px );box-shadow:0 0 7px 1px #ececec;transition:all 300ms ease-out;transform:scale(1) translateY(0);transform-origin:center center;z-index:999;visibility:visible;}
.autocomplete-list li,.autocomplete-list li a,.autocomplete-list li div{width:100%;float:left;}
.autocomplete-list.hide-list {opacity:0;transform:scale(1) translateY(-12px);z-index:-1;visibility:hidden;}
.autocomplete-list .list-item .name,.autocomplete-list .list-item .title {display:block;}
.autocomplete-list .list-item .name {color:var(--info-hover);font-weight:400;font-size:12px;letter-spacing:0.02em;line-height:17px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.autocomplete-list .list-item .title {width:100%;float:left;font-size:12px;letter-spacing:0.02em;line-height:17px;}

.auto-name {width:100%;float:left;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.stok-result {z-index:11;}

.autocomplete-list .list-item img {height:48px;vertical-align:top;float:left;padding-right:10px;}
.autocomplete-list .list-item a{cursor:pointer;}
.autocomplete-list .list-item a,.autocomplete-list .list-item p{display:flex;
  justify-content:start;
  align-items:center;padding:5px 10px;color:#999;text-decoration:none;transition:all 100ms ease;border-bottom:1px solid #f1f1f1;}
.autocomplete-list .list-item:hover a, .autocomplete-list .list-item.highlight a {background:#fffada;color:#333;}
.AutoWrapLoad{width:35px;height:calc(100% - 2px);top:1px;background:var(--input-bg);box-shadow:var(--input-shadow);z-index:1;position:absolute;border-radius:3px;}
.input-group.icon-right .AutoWrapLoad{right:1px;}
.input-group.icon-left .AutoWrapLoad{left:1px;}

.panel {border-radius:0.3rem;padding:.4rem 30px .4rem .7rem;font-size:13px;display:flex;flex-direction:column;justify-content:center;z-index:1;}
.panel .title-text{color:#322e3e;}
.panel.tag-dark {border:1px solid #B9B9B9;background: #DFDFDF;color: #6C6C6C !important;}
.panel.tag-purple {border:1px solid #7F51F4;background-color:#DFCCFF;color:#4915cc;}
.panel.tag-blue {border:1px solid #0087FF;background-color:#DDEDFF;color:#0087FF;}
.panel.tag-yellow {border:1px solid #FFBD00;background-color:#FEF0B2;color:#FFBD00;}
.panel.tag-pink {border:1px solid #F84F7F;background-color:#FAD2E1;color:#F84F7F;}
.panel.tag-green {border:1px solid #10c133;background-color:#d2fada;color:#10c133;}
/*
    Search Autocomplete
*/



/*
    Table CSS
*/

.TableUI {position:absolute;width:100%;height:100%;border-collapse:collapse;background:white;}
.TableUI thead th {height:20px;padding:10px;font-weight:bold;text-transform:capitalize;text-align:left;text-indent:5px;font-size:10px;}
.TableUI tbody tr td {padding:10px;font-size:.95em;font-weight:lighter;text-transform:capitalize;text-indent:5px;text-align:left;border-top:1px solid rgba(0, 0, 0, 0.02);font-size:14px;}
.TableUI tbody tr:nth-child(even) {background-color:rgba(0, 0, 0, 0.01);}
.TableUI tbody tr:nth-child(odd) {background-color:#ffffff;}
.TableUI tbody tr:hover {background:#AAFFA9;background-image:-webkit-linear-gradient(-135deg, #AAFFA9,#11FFBD);background-image:linear-gradient(-135deg, #AAFFA9,#11FFBD);}
  
/*
    Table CSS
*/




/*
    Sağ pencere
*/
.ModelWin {width:100%;max-width:622px;min-width:280px;height:100%;position:fixed;top:0;left:0;text-align:center;background:var(--layer);z-index:99999;border-right:7px solid var(--border);box-shadow:0px 0 63px -5px var(--shadow);
-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;
-webkit-animation:right-slide-up 0.3s ease-in;-moz-animation:left-slide-up 0.3s ease-in;-o-animation:left-slide-up 0.3s ease-in;animation:left-slide-up 0.3s ease-in;}
.ModelWin.kapat {-webkit-animation:left-slide-close 0.3s ease-in;-moz-animation:left-slide-close 0.3s ease-in;-o-animation:left-slide-close 0.3s ease-in;animation:left-slide-close 0.3s ease-in;transform:translateX(-100%);}
@keyframes right-slide-up {   0% {transform:translateX(100%);}    100% {transform:translateX(0);}     }
@keyframes right-slide-close {    0% {transform:translateX(0);}    100% {transform:translateX(100%);}    }

@keyframes left-slide-up {   0% {transform:translateX(-100%);}    100% {transform:translateX(0);}     }
@keyframes left-slide-close {    0% {transform:translateX(0);}    100% {transform:translateX(-100%);}    }
/*
    Sağ pencere
*/
    
    







/*
    Number Keyboard
*/
.NumPadWrap {width:300px;margin:50px auto;padding:5px;top:0;left:0;z-index:9999;border-radius:3px;background:#3C4857;border:solid 1px #3A4655;box-shadow:0 7px 63px -13px black;position:absolute;}
.NumPadWrap a {width:33.333%;height:75px;padding:25px;background:#425062;color:#fff;cursor:pointer;display:inline-block;font-size:25px;text-align:center;vertical-align:middle;border-right:solid 2px #3C4857;border-bottom:solid 2px #3C4857;transition:all 0.2s ease-in-out;}
.NumPadWrap a.NumPadDelete {background:#FF4B2B;background-image:-webkit-linear-gradient(-135deg, #FF4B2B,#FF416C);background-image:linear-gradient(-135deg, #FF4B2B,#FF416C);}
.NumPadWrap a.NumPadDelete:hover {background:#ff9966;background-image:-webkit-linear-gradient(-135deg, #ff9966,#ff5e62);background-image:linear-gradient(-135deg, #ff9966,#ff5e62);}
.NumPadWrap a:active,.NumPadWrap a:hover,.NumPadWrap a.NumPadX:hover{color:var(--white);background:#AAFFA9;background-image:-webkit-linear-gradient(-135deg, #AAFFA9,#11FFBD);background-image:linear-gradient(-135deg, #AAFFA9,#11FFBD);}
.NumPadWrap a.NumPadX {background:#9a62fd;background-image:-webkit-linear-gradient(-135deg, #9a62fd,#512DA8);background-image:linear-gradient(-135deg, #9a62fd,#512DA8);}
.NumPadWrap .NumPadClose {width:40px;height:40px;position:absolute;top:7px;right:7px;border-radius:3px;cursor:pointer;color:#fff;
font-size:21px;background:#FF4B2B;background-image:-webkit-linear-gradient(-135deg, #FF4B2B,#FF416C);background-image:linear-gradient(-135deg, #FF4B2B,#FF416C);}
.NumPadWrap .NumPadClose:hover {background:#ff9966;background-image:-webkit-linear-gradient(-135deg, #ff9966,#ff5e62);background-image:linear-gradient(-135deg, #ff9966,#ff5e62);}
/*
    Number Keyboard
*/


/* INDEX */


.fs-5rem{font-size:5rem;}

.brickShadow {
  box-shadow:0 0 15px -9px rgba(0,0,0,0.03);
  border:1px solid rgb(93 93 93 / 13%);
}

.ButtonUI * {z-index:2;}
.ButtonUI{position:relative;transition:all 0.35s ease-in-out 0s;background-image:linear-gradient(120deg, #fbfbfb 0%, #fcfbf9 100%);}
/* .ButtonUI::before {position:absolute;content:"";top:0;right:0;bottom:0;left:0;z-index:-1;transition:opacity 0.9s linear;opacity:0;background:#AAFFA9;background-image:-webkit-linear-gradient(-135deg, #AAFFA9,#11FFBD);background-image:linear-gradient(-135deg, #AAFFA9,#11FFBD);} */
/* .ButtonUI:hover::before {opacity:1;z-index:1;} */
/* ww fl pdB10 ta-c pos-a bt-0 lf-0 fs-13 */
.ButtonTitle{font-size:11px;font-weight:400;border-radius:30px;position:absolute;right:0;bottom:0;left:0;text-align:center;}

/* .free-wall {height:100%;margin:auto;overflow:hidden;} */
.size80 {width:800px;height:80px;}
.size218 {width:320px;height:80px;}
.size168 {width:160px;height:80px;}

.size2_2 {width:80px;height:80px;}
.size11 {width:160px;height:160px;}
.size12 {width:160px;height:320px;}
.size21 {width:320px;height:160px;}
.size22 {width:320px;height:320px;}
.size13 {width:160px;height:480px;}
.size31 {width:480px;height:160px;}
.size23 {width:320px;height:480px;}
.size24 {width:320px;height:640px;}
.size32 {width:480px;height:320px;}
.size33 {width:480px;height:480px;}
.size34 {width:480px;height:640px;}
.size43 {width:640px;height:480px;}
.size35 {width:480px;height:800px;}
.size53 {width:800px;height:480px;}
.size36 {width:480px;height:960px;}

/* 
.IrsaliyeUI{background:#e5caac;border-color:#d3b497;}
.IadeUI{background:#aab1ba;border-color:#738a99;}
.StokUI{background:#eab67d;border-color:#c69060;}
.SiparisUI{background:#eec65d;border-color:#d07c3f;}
 */

/*help*/
/*
    <div class="help"></div>
*/
.help,
.LoadDot{width:90px;height:90px;border:2px solid var(--info);border-radius:100%;
  -webkit-animation:rotation 1s ease-in-out infinite,changeBorderColor 1.5s infinite;
  -moz-animation:rotation 1s ease-in-out infinite,changeBorderColor 1.5s infinite;
  animation:rotation 1s ease-in-out infinite,changeBorderColor 1.5s infinite;}
.help:after,
.LoadDot:after{width:7px;height:7px;top:11px;left:calc( 50% - 4px );
  -webkit-animation:changeBackgroundColor 1.5s infinite;
  -moz-animation:changeBackgroundColor 1.5s infinite;
  animation:changeBackgroundColor 1.5s infinite;
  background-color:var(--info);border-radius:100%;position:absolute;content:"";}
@-webkit-keyframes rotation{ 0%{-webkit-transform:rotate(0deg);}100%{-webkit-transform:rotate(360deg);} }
@-moz-keyframes rotation{ 0%{-moz-transform:rotate(0deg);}100%{-moz-transform:rotate(360deg);} }
@keyframes rotation{ 0%{transform:rotate(0deg);}100%{transform:rotate(360deg);} }
@keyframes changeBorderColor {
  0%,100%{border-color:#0059ff;}
  25%{border-color:#c8ff00;}
  50%{border-color:#ff145a;}
  75%{border-color:#ffbb00;}
}
@keyframes changeBackgroundColor {
  0%,100%{background-color:#0059ff;}
  25%{background-color:#c8ff00;}
  50%{background-color:#ff145a;}
  75%{background-color:#ffbb00;}
}


/*
  Main slider
*/
.MainSwiper.swiper-container {width:100%;height:100%;-webkit-transition:opacity .6s ease;transition:opacity .6s ease;}
.MainSwiper.swiper-container:hover .swiper-button-prev,.MainSwiper.swiper-container:hover .swiper-button-next {-webkit-transform:translateX(0);transform:translateX(0);opacity:1;visibility:visible;}
.MainSwiper .swiper-slide {display:flex;align-items:center;justify-content:center;}
.MainSwiper .swiper-slide .entity-img {display:none;}
.MainSwiper .swiper-slide .content {width:80%;margin-top:-5vh;padding-left:5%;color:#fff;}
.MainSwiper .swiper-slide .content .title {font-size:2.6em;font-weight:bold;margin:20px 0 10px;line-height:40px;}
.MainSwiper .swiper-slide .content .caption {display:block;font-size:13px;line-height:1.4;}
[class^="swiper-button-"] {width:44px;opacity:0;visibility:hidden;}
.swiper-button-prev {-webkit-transform:translateX(50px);transform:translateX(50px);}
.swiper-button-next {-webkit-transform:translateX(-50px);transform:translateX(-50px);}

.swiper-pagination-bullets .swiper-pagination-bullet {width:25px;height:10px;position:relative;background-color:#fff;opacity:.4;border-radius:2px;}
.swiper-pagination-bullets .swiper-pagination-bullet:hover,
.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {opacity:1;}
.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active::before {border-width:1px;}
@media (max-width:1180px) {
  .MainSwiper .swiper-slide .content .title {font-size:25px;}
  .MainSwiper .swiper-slide .content .caption {font-size:12px;}
}
@media (max-width:1023px) {
  .MainSwiper.swiper-container {height:100%;}
  .MainSwiper.swiper-container.MainSwiper.swiper-container-coverflow {padding-top:0;}
}
/*
  Main slider
*/


/* 
  News Slider
*/
.NewsSwiper{height:200px!important;margin-top:5px;}
.NewsSwiper .swiper-slide{height:45px!important;}
.NewsSwiperPagi.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px!important;background:#222;display:inline-block!important;}
.NewsSwiperPagi.swiper-pagination-bullets{margin-top:5px;left:0;width:100%;}
.NewsSwiperPagi.swiper-pagination-bullets {right:inherit!important;top:inherit!important;-webkit-transform:translate3d(0,0,0)!important;transform:translate3d(0,0,0)!important;}
.TwoLine{display:block;display:-webkit-box;line-height:18px!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;}
/* 
  News Slider
*/

input.inputError, textarea.textareaError, select.selectError,.skinError {border-color:var(--error)!important;box-shadow:inset 1px 1px 7px rgba(177, 177, 177, 0.09), 0px 0px 0px 3px var(--error)!important;}



.PageLayer{
  /* border:1px solid var(--input-border); */
  background-color:var(--layer);
  box-shadow:0 0px 14px -6px rgba(0,0,0,.14), 0 1px 0px -2px rgba(0,0,0,.12);
}



    header.HeaderBar { 
    width:100%;
    height:50px;
    position:fixed;top:0;
    left:0px; background:var(--white);
    border-bottom:1px solid #dadada;
    box-shadow:0 0px 14px -6px rgba(0,0,0,.14), 0 1px 0px -2px rgba(0,0,0,.12);
    font-size:30px; 
    line-height:30px; 
    z-index:9; 
    }



.toggle-wrap {width:50px;
height:50px;
float:left;
display:flex;
align-items:center;
justify-content:center;cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:9;}
.toggle-bar,
.toggle-bar::before,
.toggle-bar::after,
.toggle-wrap.active .toggle-bar,
.toggle-wrap.active .toggle-bar::before,
.toggle-wrap.active .toggle-bar::after {-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;}
.toggle-bar {width:25px;
margin:10px 0;
height:4px;
position:relative;
background:#303030;
display:block;
border-radius:5px;}
.toggle-bar::before,.toggle-bar::after{content:"";height:4px;width:30px;border-radius:5px;position:absolute;top:-9px;display:block;background:#303030;-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);-ms-transform-origin:13%;-webkit-transform-origin:13%;transform-origin:13%;}
.toggle-bar::after {top:9px;}
.toggle-wrap.active .toggle-bar {border-top:3px solid transparent;}
.toggle-wrap.active .toggle-bar::before {-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.toggle-wrap.active .toggle-bar::after {-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
    











@keyframes swing {
0% {
transform:rotate(0deg);
}
10% {
transform:rotate(10deg);
}
30% {
transform:rotate(0deg);
}
40% {
transform:rotate(-10deg);
}
50% {
transform:rotate(0deg);
}
60% {
transform:rotate(5deg);
}
70% {
transform:rotate(0deg);
}
80% {
transform:rotate(-5deg);
}
100% {
transform:rotate(0deg);
}
}

@keyframes sonar {
0% {
transform:scale(0.9);
opacity:1;
}
100% {
transform:scale(2);
opacity:0;
}
}

/*--------------------------page-content-----------------------------*/
/* 
.page-wrapper .page-content {
  width:100%;
  padding-top:20px;
  display:inline-block;
}
*/
  .page-wrapper .page-content {
    width: 100%;
    padding-top: 20px;
    padding: 20px 15px 0;
    margin: 0 auto 0;
  }
.page-wrapper .sidebar-wrapper,
.sidebar-wrapper .sidebar-brand > a,
.sidebar-wrapper .sidebar-dropdown > a:after,
.sidebar-wrapper ul li a i,
.page-wrapper .page-content,
.sidebar-wrapper .sidebar-menu ul li a,
#show-sidebar,
#close-sidebar {
-webkit-transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
transition:all 0.3s ease;
}

/*----------------page-wrapper----------------*/

.page-wrapper .theme {
width:40px;
height:40px;
display:inline-block;
border-radius:4px;
margin:2px;
}


/*----------------toggeled sidebar----------------*/
.page-wrapper.toggled{overflow:hidden;}
.page-wrapper.toggled .sidebar-wrapper {left:0px;}
.page-wrapper.toggled .HeaderBar,
.page-wrapper.toggled .page-content
{filter:blur(0.1rem);  }

/*----------------show sidebar button----------------*/
.page-wrapper.toggled #show-sidebar {left:-40px;}
/*----------------sidebar-wrapper----------------*/

.sidebar-wrapper {
width:280px;
height:100%;
max-height:100%;
position:fixed;
top:0;
left:-100%;
z-index:999;
}

.sidebar-wrapper ul {
list-style-type:none;
padding:0;
margin:0;
}

.sidebar-wrapper a {
text-decoration:none;
}

/*----------------sidebar-content----------------*/

.sidebar-content {
max-height:calc(100% - 30px);
height:calc(100% - 30px);
overflow-y:auto;overflow-x:hidden;
position:relative;
}

.sidebar-content.desktop {
overflow-y:hidden;
}

/*--------------------sidebar-brand----------------------*/

.sidebar-wrapper .sidebar-brand {height:49px;padding:0 20px 0 15px;}

.sidebar-wrapper .sidebar-brand > a {
text-transform:uppercase;
font-weight:bold;
flex-grow:1;
}

.sidebar-wrapper .sidebar-brand #close-sidebar {float:right;margin-top:15px;
cursor:pointer;
font-size:20px;
}

/*----------------------sidebar-menu-------------------------*/

.sidebar-wrapper .sidebar-menu {
padding-bottom:10px;
}

.sidebar-wrapper .sidebar-menu .header-menu span {
font-weight:bold;
font-size:14px;
padding:15px 20px 5px 20px;
display:inline-block;
}

.sidebar-wrapper .sidebar-menu ul li {width:100%;}
.sidebar-wrapper .sidebar-menu ul li a {
width:calc( 100% - 20px );margin:0 20px 0 10px;
padding:5px;font-size:14px;
display:inline-block;
text-decoration:none;
position:relative;
}
.sidebar-wrapper .sidebar-menu ul li a.MenuItem:hover {
background:rgb(255 255 255 / 5%);border-radius:3px;
}
.sidebar-wrapper .sidebar-menu ul li ul li a {
margin:0;
padding:1px 10px;font-size:14px;
}

.sidebar-wrapper .sidebar-menu ul li a i {
float:left;
margin-right:10px;
font-size:20px;
width:30px;
height:30px;
text-align:center;
border-radius:4px;
display:flex;
align-items:center;
justify-content:center;
}
.sidebar-wrapper .sidebar-menu ul li ul li a i {
float:left;
margin:10px 5px 0 0;
font-size:8px;
width:10px;
height:10px;
text-align:center;
border-radius:4px;
display:flex;
align-items:center;
justify-content:center;
}
.sidebar-wrapper .sidebar-menu ul li ul li a span{
font-size:12px;
}

.sidebar-wrapper .sidebar-menu ul li a:hover > i::before {
display:inline-block;
animation:swing ease-in-out 0.5s 1 alternate;
}


.sidebar-wrapper .sidebar-menu .sidebar-dropdown > a:after {
font-family:'icon' !important;
font-weight:400;
font-size:12px;
content:"\e9bf";
font-style:normal;
display:inline-block;
font-style:normal;
font-variant:normal;
text-rendering:auto;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
text-align:center;
background:0 0;
position:absolute;
right:15px;
top:calc( 50% - 10px );
}

.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu ul {
padding:5px 0;
}

.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li {
padding-left:5px;
}


.sidebar-wrapper .sidebar-menu ul li a span.label,
.sidebar-wrapper .sidebar-menu ul li a span.badge {
float:right;
margin-top:1px;
margin-left:5px;
}
.sidebar-wrapper .sidebar-menu ul li a span.label,
.sidebar-wrapper .sidebar-menu ul li a span.badge {height:20px;margin-top:5px;line-height:16px;}

.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a .badge,
.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a .label {
float:right;
margin-top:0px;
}

.sidebar-wrapper .sidebar-menu .sidebar-submenu {padding-left:30px;position:relative;
display:none;
}
.sidebar-submenu:before {
content:"";
width:1px;
height:94%;
position:absolute;
border-radius:4px;
background:rgb(255 255 255 / 9%);
top:3%;
left:25px;
}

.sidebar-wrapper .sidebar-menu .sidebar-dropdown.active > a:after {
transform:rotate(90deg);
right:17px;
}

/*--------------------------side-footer------------------------------*/

.sidebar-footer {
position:absolute;
width:100%;
bottom:0;
display:flex;
}

.sidebar-footer > a {
flex-grow:1;
text-align:center;
height:30px;
line-height:30px;
position:relative;
}

.sidebar-footer > a .notification {padding:0 5px;
height:20px;
position:absolute;
top:0;
}

.badge-sonar {
display:inline-block;
background:var(--error);
border-radius:50%;
height:8px;
width:8px;
position:absolute;
top:0;
}

.badge-sonar:after {
content:"";
position:absolute;
top:-2px;
left:-2px;
border:2px solid var(--error);
opacity:0;
border-radius:50%;
width:100%;
height:100%;
animation:sonar 1.5s infinite;
}



/*-----------------------------chiller-theme-------------------------------------------------*/

.chiller-theme .sidebar-wrapper {
background:var(--dark);
}
.chiller-theme.toggled .sidebar-wrapper {
box-shadow:4px 0 14px -6px rgba(0,0,0,.14), 25px 0 0px -13px rgba(0,0,0,.12);
}
.MenuBlur{display:none;}
.chiller-theme.toggled .MenuBlur{z-index:99;background:rgb(0 0 0 / 40%);display:block;}

.chiller-theme .sidebar-wrapper .sidebar-menu {
border-top:1px solid rgb(58 58 58 / 0.2);
}


.chiller-theme .sidebar-wrapper .sidebar-brand>a,
.user-name,.user-status span,
.chiller-theme .sidebar-wrapper .sidebar-menu ul li a,.sidebar-menu ul li a span,
.chiller-theme .sidebar-footer>a {
color:#b2b6bd;font-weight:400;
}
.sidebar-menu ul li a span {
height:30px;
float:left;
line-height:30px;
}
.sidebar-menu ul li a span {
height:30px;
float:left;font-size:14px;
line-height:30px;
font-weight:400;
}
.sidebar-menu-title{font-weight:normal!important;font-size:13px!important;color:#818896!important;}

.chiller-theme .sidebar-wrapper .sidebar-menu ul li:hover>a,
.chiller-theme .sidebar-wrapper .sidebar-menu .sidebar-dropdown.active>a,
.chiller-theme .sidebar-wrapper .sidebar-brand>a:hover,
.chiller-theme .sidebar-footer>a:hover i {
color:#b8bfce;
}

.page-wrapper.chiller-theme.toggled #close-sidebar {
color:#bdbdbd;
}

.page-wrapper.chiller-theme.toggled #close-sidebar:hover {
color:#ffffff;
}

.chiller-theme .sidebar-wrapper ul li:hover > a i,
/* .chiller-theme .sidebar-wrapper ul li > li:hover a i, */
.chiller-theme .sidebar-wrapper .sidebar-dropdown .sidebar-submenu > li a:hover,
.chiller-theme .sidebar-wrapper .sidebar-menu .sidebar-dropdown.active > a i {
color:#16c7ff;
text-shadow:0px 0px 10px rgba(22, 199, 255, 0.5);
}

.chiller-theme .sidebar-wrapper .sidebar-menu ul li a i,
.chiller-theme .sidebar-wrapper .sidebar-menu .sidebar-dropdown div{
background:rgb(173 173 173 / 7%);
}

.chiller-theme .sidebar-wrapper .sidebar-menu .header-menu span {
color:#6c7b88;
}

.chiller-theme .sidebar-footer {display:none;
background:#3a3f48;
box-shadow:0px -1px 5px #282c33;
border-top:1px solid #464a52;
}

.chiller-theme .sidebar-footer>a:first-child {
border-left:none;
}

.chiller-theme .sidebar-footer>a:last-child {
border-right:none;
}