/* //////////////////  switch-1  //////////////// */
.onoffswitch {
    position: relative;
    width: 30px;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select: none;
    
}
.onoffswitch-checkbox {
    display: none;
}
.onoffswitch-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
    height: 15px;
    padding: 0;
    line-height: 16px;
    border: 1px solid #CCCCCC;
    border-radius: 15px;
    background-color: #FFFFFF;
    transition: background-color 0.3s ease-in;
}
.onoffswitch-label:before {
    content: "";
	height: 16px;
    display: block;
	width: 17px; 
	margin: 0px;
    background: #FFFFFF;
    position: absolute; top: 0; bottom: 0;
    right: 13px;
    border: 1px solid #CCCCCC; border-radius: 15px;
    transition: all 0.3s ease-in 0s; 
}
.onoffswitch-checkbox:checked + .onoffswitch-label {
    background-color: #5838b4;
}
.onoffswitch-checkbox:checked + .onoffswitch-label, .onoffswitch-checkbox:checked + .onoffswitch-label:before {
   border-color: #5838b4;
}
.onoffswitch-checkbox:checked + .onoffswitch-label:before {
    right: 0px; 
}

/* //////////////////  switch-2  //////////////// */
.onoffswitch2 {
    position: relative;
    width: 30px;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select: none;
    
}
.onoffswitch2-checkbox {
    display: none;
}
.onoffswitch2-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
    height: 15px;
    padding: 0;
    line-height: 16px;
    border: 1px solid #CCCCCC;
    border-radius: 15px;
    background-color: #FFFFFF;
    transition: background-color 0.3s ease-in;
}
.onoffswitch2-label:before {
    content: "";
	height: 16px;
    display: block;
	width: 17px; 
	margin: 0px;
    background: #FFFFFF;
    position: absolute; top: 0; bottom: 0;
    right: 13px;
    border: 1px solid #CCCCCC; border-radius: 15px;
    transition: all 0.3s ease-in 0s; 
}
.onoffswitch2-checkbox:checked + .onoffswitch2-label {
    background-color: #5838b4;
}
.onoffswitch2-checkbox:checked + .onoffswitch-label2, .onoffswitch2-checkbox:checked + .onoffswitch2-label:before {
   border-color: #5838b4;
}
.onoffswitch2-checkbox:checked + .onoffswitch2-label:before {
    right: 0px; 
}

/* //////////////////  switch-3  //////////////// */
.onoffswitch3 {
    position: relative;
    width: 30px;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select: none;
    
}
.onoffswitch3-checkbox {
    display: none;
}
.onoffswitch3-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
    height: 15px;
    padding: 0;
    line-height: 16px;
    border: 1px solid #CCCCCC;
    border-radius: 15px;
    background-color: #FFFFFF;
    transition: background-color 0.3s ease-in;
}
.onoffswitch3-label:before {
    content: "";
	height: 16px;
    display: block;
	width: 17px; 
	margin: 0px;
    background: #FFFFFF;
    position: absolute; top: 0; bottom: 0;
    right: 13px;
    border: 1px solid #CCCCCC; border-radius: 15px;
    transition: all 0.3s ease-in 0s; 
}
.onoffswitch3-checkbox:checked + .onoffswitch3-label {
    background-color: #5838b4;
}
.onoffswitch3-checkbox:checked + .onoffswitch-label3, .onoffswitch3-checkbox:checked + .onoffswitch3-label:before {
   border-color: #5838b4;
}
.onoffswitch3-checkbox:checked + .onoffswitch3-label:before {
    right: 0px; 
}
.Right-menu-body .rightmenu-appsidebar, .Right-menu-body  .app-content .header-fixed{
	display:block
}
.Right-menu-body .jside-menu{
	display:none;
}
.Horizontal-menu-body .rightmenu-appsidebar, .Horizontal-menu-body  .app-content .header-fixed{
	display:none;
}
.Horizontal-menu-body .jside-menu{
	display:block;
}
.Horizontal-menu-body .app-content{
	margin-left:0;
	margin-top:0 !important;
}
.Horizontal-menu-body .side-app{
	padding:0 15px !important;
}
.Right-menu-body.Right-menu-body-style2 .app-sidebar2{
	display:block;
}
.Right-menu-body.Right-menu-body-style2 .app-sidebar{
	display:none;
}
.Right-menu-body.Right-menu-body-style1 .app-sidebar2{
	display:none;
}
.Right-menu-body.Right-menu-body-style1 .app-sidebar{
	display:block;
}
.Right-menu-body.Right-menu-body-style2 .app-sidebar__toggle{
	display:block;
}
.Right-menu-body.Right-menu-body-style1 .app-sidebar2__toggle{
	display:none !important;
}
.Right-menu-body.Right-menu-body-style2 .app-sidebar__toggle{
	display:none !important;
}
.Right-menu-body.Right-menu-body-style1 .app-sidebar2__toggle{
	display:block;
}
.Right-menu-body.Right-menu-body-style1 .header-settings .icon.right{
	display:none;
}
.right-side-Menu .app-content2 .header-fixed{
	padding-left:0;
}
@media (min-width: 576px) {
	.Horizontal-menu-body.horizontal-container .container-fluid{
		max-width: 540px;
	}
}
@media (min-width: 768px) {
	.Horizontal-menu-body.horizontal-container .container-fluid{
		max-width: 720px;
		
	}
}
@media (min-width: 992px) {
	.Horizontal-menu-body.horizontal-container .container-fluid{
		max-width: 960px;
	}
}
@media (min-width: 1280px) {
	.Horizontal-menu-body.horizontal-container .container-fluid{
		max-width: 1200px;
	}
}
.Horizontal-menu-body #myonoffswitch.onoffswitch-checkbox + .onoffswitch-label {
    background-color: #5838b4;
}
.Horizontal-menu-body .horizontal-label:before{
	right: 0px; 
}
.Horizontal-menu-body.horizontal-container #myonoffswitch.onoffswitch-checkbox + .onoffswitch-label {
    background-color: #fff;
}
.Horizontal-menu-body.horizontal-container .horizontal-label:before{
	right: 13px; 
}
.horizontal-container #myonoffswitch4.onoffswitch-checkbox + .onoffswitch-label {
    background-color: #5838b4;
}
.horizontal-container .horizontal-container-label:before{
	right: 0px; 
}
.Right-menu-body.Right-menu-body-style1 #myonoffswitch2.onoffswitch2-checkbox + .onoffswitch2-label{
    background-color: #5838b4;
}
.Right-menu-body.Right-menu-body-style1 .left-menu-label:before{
	right: 0px; 
}
.Right-menu-body.Right-menu-body-style2 #myonoffswitch3.onoffswitch2-checkbox + .onoffswitch2-label{
    background-color: #5838b4;
}
.Right-menu-body.Right-menu-body-style2 .left-menu2-label:before{
	right: 0px; 
}
.Right-menu-body.right-side-Menu #myonoffswitch11.onoffswitch2-checkbox + .onoffswitch2-label{
    background-color: #5838b4;
}
.Right-menu-body.right-side-Menu .right-menu-label2:before{
	right: 0px; 
}
.body-dark #myonoffswitch6.onoffswitch-checkbox + .onoffswitch-label, .body-dark #myonoffswitch12.onoffswitch-checkbox + .onoffswitch-label{
    background-color: #5838b4;
}
.body-dark .body-dark-label:before{
	right: 0px; 
}