/*.fa-2x{
    font-size: 1em;
}*/

.sidebar-icon {
position: relative;
display: table-cell;
width: 60px;
height: 50px;
text-align: center;
vertical-align: middle;
font-size:20px;
}

.subMain ul:first-child{
    margin-top: 25px;
}

.main-menu .subMain ul hr{
    margin-bottom: 10px !important;
}

.subMain:hover ul hr{
    margin-bottom: 0px !important;
}

.main-menu:hover,nav.main-menu.expanded {
width:250px;
overflow:visible;
z-index: 9999;
}

.main-menu {
background:#36404a;
border-right:1px solid #e5e5e5;
position:fixed;
top:60px;
bottom:0;
height:100%;
left:0;
width:60px;
overflow:hidden;
-webkit-transition:width .05s linear;
transition:width .05s linear;
-webkit-transform:translateZ(0) scale(1,1);
z-index:1;
background-attachment: fixed;
}

.main-menu>ul {
margin:7px 0;
display:block;
/*min-height:100%;*/
background-color: #36404a;
}



.main-menu li {
position:relative;
display:block;
width:250px;

padding-top: 0px;
padding-bottom: 0px;
margin-top: 0px;
margin-bottom: 0px;
}

.main-menu li>a {
position:relative;
display:table;
border-collapse:collapse;
border-spacing:0;
color:#fff;
 font-family: arial;
font-size: 14px;
text-decoration:none;
-webkit-transform:translateZ(0) scale(1,1);
-webkit-transition:all .1s linear;
transition:all .1s linear;
  
}

.main-menu .nav-icon {
position:relative;
display:table-cell;
width:60px;
height:36px;
text-align:center;
vertical-align:middle;
font-size:18px;
}

.main-menu .nav-text {
position:relative;
display:table-cell;
vertical-align:middle;
width:190px;
}

.main-menu>ul.logout {
position:absolute;
left:0;
bottom:0;
}

.main-menu a:hover,.main-menu a:focus {
text-decoration:none;
}

nav .main-menu {
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
-o-user-select:none;
user-select:none;
}

nav ul,nav li {
outline:0;
margin:0;
padding:0;
}
.main-menu li:hover>a,nav.main-menu li.active>a,.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus,.dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus,.no-touch .dashboard-page nav.dashboard-menu ul li:hover a,.dashboard-page nav.dashboard-menu ul li.active a {
color:#5fbeaa;
/*background-color:#5fa2db;*/
}

.subMain{
    display: block;
    overflow-y: hidden;
    overflow-x: hidden;
    height: 100%;
}
.subMain ul{
    display: block;
}

.style-4::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	background-color: #98a6ad;
}

.style-4::-webkit-scrollbar {
	width: 4px;
	background-color: #98a6ad;
}

.style-4::-webkit-scrollbar-thumb {
	background-color: #98a6ad;
}

.main-menu .head-box .head-text{
    display:none;
}
.main-menu:hover .head-box .head-text {
    display: block;
    color: #98a6ad;
    padding-top: 5px;
    margin-left: 10px;
    padding-bottom: 5px;
}
.main-menu:hover .head-box  hr{
    display: block;
}

.main-menu:hover .subMain{
    overflow-y: auto;
    overflow-x: hidden;
}

.main-menu .subMain a.active{
    background: rgba(244, 248, 251, 0.25) !important;
        border-left: 3px solid #5fbeaa;
        color: #5fbeaa !important;
}



.main-menu-mobile{
    background:#36404a;
border-right:1px solid #e5e5e5;
position:fixed;
top:60px;
bottom:0;
height:100%;
left:0;
width:250px;
overflow:hidden;
-webkit-transition:width .05s linear;
transition:width .05s linear;
-webkit-transform:translateZ(0) scale(1,1);
z-index:1;
background-attachment: fixed;
}

.main-menu-mobile>ul {
margin:7px 0;
display:block;
/*min-height:100%;*/
background-color: #36404a;
}

.main-menu-mobile li {
position:relative;
display:block;
width:250px;

padding-top: 0px;
padding-bottom: 0px;
margin-top: 0px;
margin-bottom: 0px;
}

.main-menu-mobile li>a {
position:relative;
display:table;
border-collapse:collapse;
border-spacing:0;
color:#fff;
 font-family: arial;
font-size: 14px;
text-decoration:none;
-webkit-transform:translateZ(0) scale(1,1);
-webkit-transition:all .1s linear;
transition:all .1s linear;
  
}

.main-menu-mobile .nav-icon {
position:relative;
display:table-cell;
width:60px;
height:36px;
text-align:center;
vertical-align:middle;
font-size:18px;
}

.main-menu-mobile .nav-text {
position:relative;
display:table-cell;
vertical-align:middle;
width:190px;
}

.main-menu-mobile>ul.logout {
position:absolute;
left:0;
bottom:0;
}

.main-menu-mobile a:hover,.main-menu-mobile a:focus {
text-decoration:none;
}

nav .main-menu-mobile {
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
-o-user-select:none;
user-select:none;
}

nav ul,nav li {
outline:0;
margin:0;
padding:0;
}
.main-menu-mobile li:hover>a,nav.main-menu-mobile li.active>a,.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus,.dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus,.no-touch .dashboard-page nav.dashboard-menu ul li:hover a,.dashboard-page nav.dashboard-menu ul li.active a {
color:#5fbeaa;
/*background-color:#5fa2db;*/
}

.subMain{
    display: block;
    overflow-y: hidden;
    overflow-x: hidden;
    height: 100%;
}
.subMain ul{
    display: block;
}
.main-menu-mobile:hover .head-box .head-text {
    display: block;
    color: #98a6ad;
    padding-top: 5px;
    margin-left: 10px;
    padding-bottom: 5px;
}
.main-menu-mobile:hover .head-box  hr{
    display: block;
}

.main-menu-mobile:hover .subMain{
    overflow-y: auto;
    overflow-x: hidden;
}

.main-menu-mobile .subMain a.active{
    background: rgba(244, 248, 251, 0.25) !important;
        border-left: 3px solid #5fbeaa;
        color: #5fbeaa !important;
}

.main-menu-mobile .head-box .head-text{
    display:block;
    color: #98a6ad;
    padding-top: 5px;
    margin-left: 10px;
    padding-bottom: 5px;
}

.main-menu-mobile .head-box  hr{
    display: block;
}

.sweet-alert.sweetalert-lg { width: 650px; }