body {
overflow-x: hidden;
}

#sidebar-wrapper {
/* min-height: 100vh; */
height: 100vh;
margin-left: -15rem;
-webkit-transition: margin .25s ease-out;
-moz-transition: margin .25s ease-out;
-o-transition: margin .25s ease-out;
transition: margin .25s ease-out;
position: fixed;
left: 0;
top: 0;
bottom: 0;
z-index: 3;
}

.sidebar-heading {
padding: 20px 20px;
text-align: center;
background: #047bf8;
color: #fff;
min-width: 240px;
}

#page-content-wrapper {
/* min-width: 100vw; */
max-width: 100%;
padding-left: 240px;
}

#wrapper.toggled #sidebar-wrapper {
margin-left: 0;
}

.sider_bar_parent{
position: relative;
background-color: #fff;
border-right: 1px solid #efefef;
}

/******** Menu CSS IS ***********/
.header_parent {
position: relative;
width: 100%;
background: #ffffff;
}

.sidebar_toogle,
.header_innercontent {
position: relative;
}

#toggle_custom{
display: none!important;
}

.sidebar_toogle .title{
padding-left: 10px;
display: inline-block;
font-weight: 500;
text-transform: uppercase;
font-size:16px;
line-height: normal;
letter-spacing: 0;
color:#48465b;
}

.header_right_ment {
position: relative;
float: right;
}

.header_right_ment ul{
list-style: none;
margin: 0;
padding: 0;
}

.header_right_ment ul li{
position: relative;
float: left;
margin: 0;
padding: 10px 0;
margin-left: 25px;
}

.header_right_ment ul li a{
display: inline-block;
}

.header_right_ment ul li a i{
font-size: 22px;
padding: 9px 0;
}

.header_right_ment ul li a img{
max-width:40px;
width: 100%;
}

.header_right_ment ul.submenu {
position: absolute;
top: 60px;
right: 0;
background: #1b55e2;
box-shadow: 0 10px 30px 0 rgba(27,30,35,0.27);
max-width: 175px;
min-width: 175px;
border-radius:5px;
visibility: hidden;
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px);
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
z-index: 2;
}

.header_right_ment ul li:hover ul.submenu{
visibility: visible;
opacity:1;
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}

.header_right_ment ul.submenu li {
width: 100%;
margin: 0;
padding: 0;
} 

.header_right_ment ul.submenu li a {
width: 100%;
padding:10px 15px;
color: #fff!important;
text-align: left;
}

.left_menu_list{
width: 15rem;
}

.left_menu_list ul{
list-style: none;
margin: 0;
padding: 0;
padding-bottom: 90px;
overflow: auto;
}

.mCSB_inside > .mCSB_container {
margin-right: 0!important;
}

.mCSB_scrollTools .mCSB_draggerRail {
background-color: rgba(214, 214, 214, 0)!important;
height: 100vh!important;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: rgb(234, 234, 234)!important;
}

.left_menu_list ul li{
position: relative;
width:100%;
margin:0;
}

.left_menu_list ul li a {
display: block;
padding: 15px 15px;
color: #48465b;
}

.hamburger_toggle{
width: 30px;
height: 25px;
position: relative;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
cursor: pointer;
}

.hamburger_toggle span{
display: block;
position: absolute;
height: 4px;
width: 100%;
background: #000000;
border-radius: 9px;
opacity: 1;
left: 0;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out;
}

.hamburger_toggle span:nth-child(1) {
top: 0px;
}

.hamburger_toggle span:nth-child(2),
.hamburger_toggle span:nth-child(3) {
top: 10px;
}

.hamburger_toggle span:nth-child(4) {
top: 20px;
}

.hamburger_toggle.open span:nth-child(1) {
top: 18px;
width: 0%;
left: 50%;
}

.hamburger_toggle.open span:nth-child(2) {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}

.hamburger_toggle.open span:nth-child(3) {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}

.hamburger_toggle.open span:nth-child(4) {
top: 18px;
width: 0%;
left: 50%;
}

/* html.zeynep-opened {
overflow-x: hidden;
}
*/
html.zeynep-opened .zeynep {
pointer-events: auto;
}

.zeynep {
background-color: #ffffff;
bottom: 0;
color: #48465b;
left: 0;
overflow: hidden;
pointer-events: none;
position: fixed;
top:60px;
transform: translateX(0px)!important;
z-index: 1011;
width: 0;
-webkit-overflow-scrolling: touch;
}

html:not(.no-transition) body,
.zeynep:not(.no-transition),
.zeynep .submenu:not(.no-transition) {
transition: all 375ms;
transition-property: left, right, transform;
}

.zeynep-overlay {
background-color: rgba(0, 0, 0, .42);;
bottom: 0;
display: none;
left: 0;
position: fixed;
right: 0;
top: 0;
z-index: 1010;
}

.zeynep-opened .zeynep-overlay {
display: block;
}

.zeynep ul {
list-style-type: none;
padding: 0 0 60px;
-webkit-overflow-scrolling: touch;
overflow: hidden;
overflow-y: auto;
}

/* width */
.zeynep .submenu::-webkit-scrollbar,
.zeynep ul::-webkit-scrollbar {
width:2px;
}

/* Track */
.zeynep .submenu::-webkit-scrollbar-track,
.zeynep ul::-webkit-scrollbar-track {
background:transparent;
}

/* Handle */
.zeynep .submenu::-webkit-scrollbar-thumb,
.zeynep ul::-webkit-scrollbar-thumb {
background: transparent;
}

/* Handle on hover */
.zeynep .submenu::-webkit-scrollbar-thumb:hover
.zeynep ul::-webkit-scrollbar-thumb:hover {
background: transparent;
}

.zeynep ul li.has-submenu ul{
padding:0;
}

.zeynep ul > li {
display: block;
}

.zeynep ul > li > a {
color: inherit;
display: block;
font-size: 14px;
font-weight: 400;
padding:14.5px 20px;
text-decoration: none;
transition: all 150ms;
color: #48465b!important;
}

.zeynep ul > li > a.active_menu{
color: #047bf8!important;
font-weight:600;
}

.zeynep ul > li > a:hover {
background-color: #efefef;
border-radius: 3px;
}

.zeynep ul > li:not(:last-child) > a {
border-bottom: 1px solid #efefef;
}

.zeynep ul > li.has-submenu > a {
background-image: url("../images/submenu-arrow.svg");
background-position: right 20px center;
background-repeat: no-repeat;
background-size: 8px 14px;
}

.zeynep ul > li.has-submenu > a:hover {
background-image: url("../images/submenu-arrow-active.svg");
}

/* zeynepjs submenu styles */
.zeynep .submenu {
background-color: #ffffff;
bottom: 0;
left: 100%;
min-height: 100%;
overflow: hidden;
overflow-y: auto;
position: fixed;
top: 0;
width: 100%;
}

.zeynep .submenu.opened {
left: 0;
}

.zeynep .submenu-header {
background-image: url("../images/menu-back.svg");
background-position: left 20px center;
background-repeat: no-repeat;
background-size: 8px 14px;
border-bottom: solid 1px #efefef;
cursor: pointer;
position: relative;
}

.zeynep .submenu-header > a {
color: inherit;
display: block;
font-size: 14px;
font-weight: 700;
line-height: normal;
padding: 18px 20px;
padding-left: 40px;
text-decoration: none;
}

.zeynep .submenu-header > a:before {
background-image: url("../images/submenu-arrow.svg");
background-position: right 20px center;
background-repeat: no-repeat;
background-size: 8px 14px;
content: "";
height: 100%;
left: 26px;
position: absolute;
top: 0;
transform: rotate(-180deg);
width: 20px;
}

.zeynep .submenu > label {
color: #047bf8;
display: block;
font-size: 14px;
font-weight: bold;
padding: 15px 20px;
width: 100%;
border-bottom: 1px solid #efefef;
margin: 0;
text-transform: uppercase;
}






@media (min-width:992px) {
#sidebar-wrapper {
margin-left: 0;
}

#page-content-wrapper {
min-width: 0;
width: 100%;
}

#wrapper.toggled #sidebar-wrapper {
margin-left:0;
}
}


@media (max-width:991.98px) {
#toggle_head{
display: none!important;
}

#toggle_custom{
display: flex!important;
}

#page-content-wrapper {
padding-left: 0;
}

#wrapper.toggled #sidebar-wrapper.back_to_hide{
margin-left: -15rem;
}

.zeynep {
left: -240px;
}

.zeynep.active_sidebar{
left:0;
}
}


@media(max-width:480.98px){
.sidebar_toogle .title {
font-size: 14px;
}    

.header_right_ment ul li {
margin-left: 15px;
}
}