*{margin: 0px;}
a{text-decoration: none;}
a:hover{color:red;}
body{max-width:100%;}
#msg{position: fixed;bottom:40px;right:8px;padding:10px;background: yellow;border-radius:5px;color:red;display:none;z-index: 99999;min-width:100px ;}
.error{color: red;font-size:12px;}
#logo{margin: -20px 0px 0px 8%;width:20%;min-width:50px;vertical-align: middle;}
#right{float: right;width: 100%;min-height: 600px;}
#nav{height: 0px;position: fixed;width: 100%; transition: 0.5s;height:60px;z-index: 9;}
.small-icon{width:15px;height: 15px;vertical-align: middle;}
.small-icon:hover{width: 17px;height:17px;}
#left_side_nav{float:left;width:20%;line-height:60px;min-width:200px;}
#main{margin-left:65px;transition: margin-left .5s;padding: 16px;margin-top:60px;
}
@media screen and (max-width: 900px) {
#options a{min-width:100px !important;margin:5px !important;font-size:13px !important;text-align: center !important;text-align: center;padding-left: 0px !important;}
#options a img{display: block;margin:0px auto;}
}

#options a{text-decoration: none;min-width:160px;width:23%;height:100px;display:inline-block;font-size:15px;text-align:center;margin:10px 10px 20px 5px;border-radius:5px;padding-top:20px;text-align: left;padding-left:10px;font-size:18px;}
#loptions a{font-size:15px;text-align:center;border-radius:5px;padding-top:5px;text-align: left;padding-left:0px;}

#options a img{width: 50px;}
#loptions a img{width: 42px;height:auto;margin-right:10px;}
#options a:hover,#loptions a:hover{background:#CBC9C9;text-decoration: none;}
#left{float: left;width: 65px;min-height: 600px;position: fixed;margin-top: 60px;
 transition: 0.5s;
z-index:1;
overflow-y: auto;
}

.dropdown {position: relative;display: inline-block;
}

.dropdown-content {
margin-top:10px;
display: none;
position: absolute;
width: 200px;
height:300px;
text-align: center;box-shadow: 0.5px 0.5px 5px 1px #888888;padding: 10px 10px;margin-left:-130px;
transition: 0.8s
}
.dropdown-show{
display: block;
}
#right_side_opt{transition: 0.5s;position: absolute;right:5px;top:0;
}

.icon{width:50px;height:50px;display:inline-block;vertical-align: middle;transition: 0.9s;}
.active{border:1px solid #1813D3;}
#profile_icon{transition: 0.9s;}

.org_logo{width:50px;display: relative;margin: 0px auto;margin-left:10px;transition: 0.5s;}.org_name{margin-left:0px;font-size:20px;color:red;transition: 0.9s;}
#loading{  transition: 0.9s;height:100%;background:black;opacity:0.6;width:100%;position: fixed;z-index: 98;}
.loading{position: fixed;left:45%;top:30%;z-index: 99;}
.loading p{color:red;font-size:30px;text-align:center;}
.loading img{width:80%;margin:0px auto;}
#loading_bar{display: none;}
#flip-tabs{
 width:200px;
 margin:20px auto; position:relative;
}
.flip_this{
-webkit-transform: scaleX(-1);transform: scaleX(-1);
}
#theme_dark_btn:hover{color:white;background: #161616;padding:5px 10px 5px;}
#theme_light_btn:hover{color:black;background: #EFEFEF;padding:5px 10px 5px;}

#right_side_opt .dropdown{margin-right: 21px;}


















.sidenav {height: 100%;width: 0;position: fixed;z-index: 1;top: 0;left: 0;background-color: #111;overflow-x: hidden;transition: 0.5s;padding-top: 6px;
}

.sidenav a {padding: 8px 8px 8px 0px;text-decoration: none;font-size: 25px;
display: block;
}

.sidenav a:hover {color: #f1f1f1;
}

@import url("https://fonts.googleapis.com/css?family=Inconsolata:700");
* {margin: 0;padding: 0;box-sizing: border-box;
}
@media screen and (max-width: 900px) {
#left{display: none;}
#main{margin-left: 0px;}
table tr{font-size: 7.5pt;}
}