/* MAIN STYLE  */
.logo{ float:left; padding-top:3px}
.header-right{ float:right; padding:25px 0; border-left:1px solid #e5e8e8; width:220px;cursor: pointer;}

#side-menu{ width:180px; float:left; position:fixed; left:0; height: 100%; overflow:auto;}
#main-content{ margin-left:0px;  }

/* MENU STYLE  */
ul.menuStyle a{font-family:"Conv_Mark Simonson - Proxima Nova Alt Bold";  padding:12px 0px 12px 15px; display:block; color:#4c4c4c; font-size:16px; border-bottom:1px solid #e5e8e8;}
ul.menuStyle a:hover{ background-color:#faa633 !important; color:#fff !important;}

/*
ul.menuStyle li.icon1 a{ background: url(../images/menu-icons/dashboard-icon.png) 10px 0  no-repeat}
ul.menuStyle li.icon1 a:hover{ background: url(../images/menu-icons/dashboard-icon.png) 10px 0  no-repeat}

ul.menuStyle li.icon2 a{ background:url(../images/menu-icons/icon2.png) 10px 0  no-repeat}
ul.menuStyle li.icon2 a:hover{background:url(../images/menu-icons/icon2.png) 10px 0  no-repeat}

ul.menuStyle li.icon3 a{ background:url(../images/menu-icons/icon3.png) 10px 0  no-repeat}
ul.menuStyle li.icon3 a:hover{ background:url(../images/menu-icons/icon3.png) 10px 0  no-repeat}

ul.menuStyle li.icon4 a{ background:url(../images/menu-icons/icon4.png) 10px 0  no-repeat}
ul.menuStyle li.icon4 a:hover{ background:url(../images/menu-icons/icon4.png) 10px 0  no-repeat}

ul.menuStyle li.icon5 a{ background:url(../images/menu-icons/icon5.png) 10px 0  no-repeat}
ul.menuStyle li.icon5 a:hover{ background:url(../images/menu-icons/icon5.png) 10px 0  no-repeat}

ul.menuStyle li.icon6 a{ background:url(../images/menu-icons/icon6.png) 10px 0  no-repeat}
ul.menuStyle li.icon6 a:hover{background:url(../images/menu-icons/icon6.png) 10px 0  no-repeat}

ul.menuStyle li.icon7 a{ background:url(../images/menu-icons/icon7.png) 10px 0  no-repeat}
ul.menuStyle li.icon7 a:hover{  background:url(../images/menu-icons/icon7.png) 10px 0  no-repeat}

ul.menuStyle li.icon8 a{ background:url(../images/menu-icons/icon8.png) 10px 0  no-repeat}
ul.menuStyle li.icon8 a:hover{background:url(../images/menu-icons/icon8.png) 10px 0  no-repeat}

ul.menuStyle li.icon9 a{ background:url(../images/menu-icons/icon9.png) 10px 0  no-repeat}
ul.menuStyle li.icon9 a:hover{background:url(../images/menu-icons/icon9.png) 10px 0  no-repeat}

ul.menuStyle li.icon10 a{ background:url(../images/menu-icons/icon10.png) 10px 0  no-repeat}
ul.menuStyle li.icon10 a:hover{background:url(../images/menu-icons/icon10.png) 10px 0  no-repeat}

ul.menuStyle li.icon11 a{ background:url(../images/menu-icons/icon11.png) 10px 0  no-repeat}
ul.menuStyle li.icon11 a:hover{ background:url(../images/menu-icons/icon11.png) 10px 0  no-repeat}

ul.menuStyle li.icon12 a{ background:url(../images/menu-icons/icon12.png) 10px 0  no-repeat}
ul.menuStyle li.icon12 a:hover{ background:url(../images/menu-icons/icon12.png) 10px 0  no-repeat}

ul.menuStyle li.icon13 a{ background:url(../images/menu-icons/icon13.png) 10px 0  no-repeat}
ul.menuStyle li.icon13 a:hover{ background:url(../images/menu-icons/icon13.png) 10px 0  no-repeat}

ul.menuStyle li.icon14 a{ background:url(../images/menu-icons/icon14.png) 10px 0  no-repeat}
ul.menuStyle li.icon14 a:hover{ background:url(../images/menu-icons/icon14.png) 10px 0  no-repeat}
*/
.module .expand{float:right;display:inline;background-image:url('../images/insert.png');width:20px;height:15px;}	
.module .collapse{float:right;display:inline;background-image:url('../images/remove.png');width:20px;height:15px;}

@media (max-width: 800px) {
#side-menu{ width:100%; float:none;  position: static; left: auto; border-right:0px}
#main-content{ width:100%; float:none; margin:0;s  }
.nav-toggle{ padding:8px; color:#03a0dd; background:#fff; margin-right: 15px !important; float:left }
 

}

@media only all and (max-width:450px) {
.header-right{ border:none; padding:19px 0; width:auto}
.onclick-menu-content{margin-top: 44px; width:100%; margin-left:0px}
.susten-logo2{ width:91px}
.admin-box{ font-size:14px}
.contex{ padding:7px 5px 0}
img.round{ width:25px}
img.top-ar{ margin:13px 0 0; width:13px; padding:0}
}

@media only all and (max-width:140px) {
.logo{ float:none; margin:0 auto; text-align:center}
.header-right{ float:none; margin: 10px auto; width:300px}
}