@font-face 
{
  font-family: 'OpenSans-Regular';
  src: url('../fonts/OpenSans-Regular.TTF');
  src: local("?"), url('../fonts/OpenSans-Regular.woff') format("woff"), url('../fonts/OpenSans-Regular.TTF') format("truetype"); 
}


 *{box-sizing:border-box}
 body{font-family:OpenSans-Regular, Calibri, Arial;font-size:14px; ;color:#f7f7f7; background-color:#e5e5e5; margin:0;}
 

a{text-decoration:none;cursor:pointer}
a:hover,a:focus{color:#46287d;outline:none !important;transition:all 0.3s ease;text-decoration:none}
a:active{outline:none !important}


ul,ol{margin-top:0;margin-bottom:10px}


.collapse{display:none}
.collapse.in{display:block}
 

/* .main-header .navbar{background-color:#673AB7}*/
 .main-header .navbar .top-nav>li>a{color:#444;}
 .main-header .navbar .top-nav>li>a:hover,.main-header .navbar .top-nav>li>a:active,.main-header .navbar .top-nav>li>a:focus{background:#43b7e2; color:#f6f6f6}
 .main-header .navbar .top-nav .open>a{background:rgba(0,0,0,0.1); color:#f6f6f6}
 
 .main-header .navbar .top-nav .open>a:hover,.main-header .navbar .top-nav .open>a:focus{background:#43b7e2; color:#f6f6f6}
 .main-header .navbar .top-nav>.active>a{background:rgba(0,0,0,0.1); color:#f6f6f6}
 .main-header .navbar .sidebar-toggle{color:#fff}
 .main-header .navbar .sidebar-toggle:hover{color:#f6f6f6; background-color:#43b7e2;}
 
 .sidebar .sidebar-toggle{color:#fff; background:#fff;}
 .sidebar .sidebar-toggle:hover{color:#f6f6f6; background-color:#43b7e2;}
 
.main-header .logo{background-color:#43b7e2; color:#fff; border-bottom:0 solid transparent}
.main-sidebar{background-color:#43b7e2;}
.user-panel>.info{color:#fff}

.user-panel>.info>a{color:#fff}

.sidebar-menu>li>a{color:#fff;}
.sidebar-menu>li>a:hover{color:#fff;}
.sidebar-menu>li:hover>a,.sidebar-menu>li.active>a{color:#fff; background:#229ecc;}
.sidebar-menu .treeview-menu{margin:0 1px; background:#0d89b7;}
.sidebar-menu .treeview-menu>li>a{color:#fff}
.sidebar-menu .treeview-menu>li>a:hover{color:#fff}
.sidebar-menu .treeview-menu>li.active>a{color:#fff}
.only-sidebar.sidebar-collapse .sidebar .logo .sidebar-toggle{color:#673AB7}
.only-sidebar .sidebar .logo{color:#fff; background-color:#673AB7}
.only-sidebar .sidebar .logo .sidebar-toggle{color:#fff}
.only-sidebar .sidebar .user-panel:after{color:#fff}
.fixed .main-header,.fixed .main-sidebar,.fixed .left-side{position:fixed}
.fixed .main-header{top:0;right:0;left:0; background:#fff;}
.fixed .content-wrapper{margin-top:30px}

.sidebar-menu .treeview-menu>li .active>a {color: #fff; background:#4b739b;}

.UserPhoto{width:25px; height:25px; border-radius: 50%; overflow: hidden; float: left; margin:2px 10px 0 0; border: 1px solid #ccc; padding: 0;}
.UserPhoto img {width: 100%; vertical-align: top;}

.TopBarIcon .fa{font-size:15px; margin:4px 0; padding:0 0 4px;}
.TopBarLeft{margin:8px 0; display:inline-block;}
.TopBarLeft .TopBarIcon .fa{font-size:22px; margin:4px 8px !important; padding:0 0 4px;}

.content-wrapper{height:100%;z-index:800; margin-left:200px; z-index:820;padding:30px;transition:all 0.3s ease-in-out;}

.sidebar-toggle{float:left;background-color:transparent;background-image:none;padding:11px 15px;font-family:fontAwesome;position:relative;transition:all 0.3s ease;max-height:50px; color:#fff; text-decoration:none;}

.Mobile{display:none; z-index:999; position:absolute; left:0; top:0px;}
.Desktop{display:block; z-index:999; position:absolute; left:0; top:0px;}

.main-header .tile-toggle{float:left; background-color:#c64334;background-image:none; padding: 10px 14.5px; font-family:fontAwesome;position:relative;transition:all 0.3s ease;max-height:50px; color:#fff; text-decoration:none;}

.main-header{position:relative;max-height:100px;z-index:1030}
.main-header>.navbar{margin-bottom:0;margin-left:0;border:none;max-height:50px;border-radius:0; z-index:-1;}
.main-header .sidebar-toggle{float:left; background-color:#229ecc; background-image:none; padding:11px 16px; font-family:fontAwesome; position:relative; transition:all 0.3s ease;max-height:50px; color:#fff; text-decoration:none; border-bottom:1px solid #229ecc; box-shadow:0 1px 0 #52c4ef;}
.main-header .sidebar-toggle:before{content:"\f0c9";font-size:21px}
.main-header .sidebar-toggle:focus,.main-header .sidebar-toggle:active{background:#2280a2;}

.main-header .logo{display:block;width:400px;height:50px;font-family:Poppins-SemiBold; font-size:25px; line-height:35px;text-align:center; float:left;overflow:hidden; padding:8px 0; border-bottom:1px solid #229ecc; box-shadow:0 1px 0 #52c4ef;}
.main-header .logo .iLogo{font-family:MTCORSVA; font-size:35px; color:#fff; letter-spacing:3px; font-weight:bold;}
.main-header .navbar-brand{color:#fff}
.main-header .top-nav{list-style:none;padding-left:0;display:inline-block;float:right;margin-bottom:0;margin-right:20px}
.main-header .top-nav>li{display:inline-block;position:relative}
.main-header .top-nav>li>a{display:block; line-height:20px; padding:11px 10px; background:transparent;}
/*.main-header .top-nav .settings-menu li a{font-weight:500;text-transform:uppercase}*/
.main-header .top-nav .notification-menu .dropdown-menu{min-width:230px}
.main-header .top-nav .notification-menu .dropdown-menu i{width:auto}

/*.main-header .top-nav .notification-menu .dropdown-menu .fa-stack{text-align:center}
.main-header .top-nav .notification-menu .dropdown-menu .fa-stack-1x,.main-header .top-nav .notification-menu .dropdown-menu .fa-stack-2x{width:100%}
.main-header .top-nav .notification-menu .dropdown-menu .fa-stack-2x{font-size:2em}
.main-header .top-nav .notification-menu .media{display:block;border-bottom:1px solid #ddd}
.main-header .top-nav .notification-menu .media .block:not(.text-muted){font-weight:500}
.main-header .top-nav .notification-menu .not-head{padding:8px 20px;text-align:center;font-weight:500;background-color:rgba(103,58,183,0.4);color:#333}
.main-header .top-nav .notification-menu .not-footer{text-align:center;background-color:#eee}
.block{display:block}*/

.main-sidebar{position:absolute;top:0;left:0;padding-top:5px;min-height:100vh;width:200px;z-index:810;box-shadow:0px 8px 17px rgba(0,0,0,0.2);transition:transform 0.3s ease-in-out, width 0.3s ease-in-out}
.LeftNavScroll{height:620px;}
.sidebar{padding-bottom:10px;}

.sidebar-menu{list-style:none;margin:55px 0 0;padding:0;white-space:nowrap;overflow:hidden}
.sidebar-menu:hover{overflow:visible}.sidebar-menu>li{position:relative;margin:0;padding:0}
.sidebar-menu>li>a{padding:12px 5px 12px 15px;display:block;position:relative; border-bottom:1px solid #229ecc;}
.sidebar-menu>li>a>.fa{width:17px; margin:0;}
.sidebar-menu>li .label,.sidebar-menu>li .badge{margin-top:3px;margin-right:5px}
.sidebar-menu li.header{padding:10px 25px 10px 15px;font-size:12px;white-space:nowrap;overflow:hidden}
.sidebar-menu li>a>.fa-angle-down{width:auto;height:auto;position:absolute;right:0;padding:0;float:none;margin-right:10px;margin-top:3px;transition:all 0.3s ease}
.sidebar-menu li.active>a>.fa-angle-down{-ms-transform:rotate(90deg);transform:rotate(180deg);-ms-transform-origin:center;transform-origin:center}
.sidebar-menu li.active>.treeview-menu{display:block}
.sidebar-menu .treeview-menu{display:none;list-style:none;margin:0;padding-left:5px;padding-top:5px;padding-bottom:5px}
.sidebar-menu .treeview-menu .treeview-menu{padding-left:20px}
.sidebar-menu .treeview-menu>li{margin:0}
.sidebar-menu .treeview-menu>li>a{padding:5px 5px 5px 10px;display:block;font-size:14px;position:relative}
.sidebar-menu .treeview-menu>li>a>.fa-angle-left,.sidebar-menu .treeview-menu>li>a>.fa-angle-down{width:auto}
.sidebar-menu .treeview-menu>li>a>i:first-of-type{margin:0;}
.sidebar-menu a span{width:198px !important; padding:12px 20px 12px 10px !important;}

.Logout{background:#172d44; bottom:0; position:fixed; width:245px; text-align:center; color:#496581; font-size:20px; cursor:pointer;}


.dropbtn{background-color:#fff; border:1px solid #73879c; color:#73879c; padding:16px; font-size:16px; border:none; cursor:pointer}
#myInput {border-box:box-sizing; font-size:16px; padding:5px 20px 5px 45px; border:none; border:1px solid #73879c;}
#myInput:focus {outline: 1px solid #eee; outline:none;}
.dropdown {position: relative; display: inline-block;}
.dropdown-content {display:none; position:absolute; background-color:#f6f6f6; min-width:262px; overflow:auto; border:1px solid # z-index:1;}
.dropdown-content ul{margin:0; padding:0;}
.dropdown-content ul li{margin:0; padding:10px 20px 5px 30px; list-style-type:none; display:block; cursor:pointer;}
.dropdown-content ul li .active{display:block; float:left; margin:0 5px 0 -25px;}
.dropdown-content ul li .active .fa{margin:0;}
.show {display:block;}

.TopSearchIcon{width:auto; height:auto; margin:1px 0 0 3px; padding:0; float:left; position: absolute; color:#999;}
.dropdown-menu{right: 0;left: unset;}


@media (min-width: 768px){
.sidebar-collapse .content-wrapper{margin-left:0}
.main-header .top-nav{margin-right:20px}
.sidebar-collapse .main-sidebar{-ms-transform:translate(-230px, 0);transform:translate(-230px, 0)}

.sidebar-mini.sidebar-collapse .content-wrapper,.sidebar-mini.sidebar-collapse .main-footer{margin-left:50px !important;z-index:840}
.sidebar-mini.sidebar-collapse .main-sidebar{-ms-transform:translate(0, 0);transform:translate(0, 0);width:50px !important;z-index:850}
.sidebar-mini.sidebar-collapse .sidebar-menu>li{position:relative}
.sidebar-mini.sidebar-collapse .sidebar-menu>li>a{margin-right:0;position:relative;transition:none}
.sidebar-mini.sidebar-collapse .sidebar-menu>li>a>.fa-angle-down{display:none}
.sidebar-mini.sidebar-collapse .sidebar-menu>li>a>span{border-top-right-radius:4px}
.sidebar-mini.sidebar-collapse .sidebar-menu>li:not(.treeview)>a>span{border-bottom-right-radius:4px}
.sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu{padding-top:0;padding-bottom:5px;border-bottom-right-radius:4px; margin:-5px 0 0;}
.sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>a>span:not(.pull-right),.sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>.treeview-menu{display:block !important;position:absolute;width:195px;left:50px}
.sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>a>span{top:0;margin-left:-3px;padding:12px 5px 12px 20px;background-color:inherit}
.sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>.treeview-menu{top:46px;margin-left:0}
.sidebar-mini.sidebar-collapse .main-sidebar .user-panel>.info{display:none !important;transform:translateZ(0)}
.sidebar-mini.sidebar-collapse .sidebar-menu>li>a>span,.sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu,.sidebar-mini.sidebar-collapse .sidebar-menu>li>a>.pull-right{display:none !important;transform:translateZ(0)}
.sidebar-mini.sidebar-collapse .sidebar-menu li.header{display:none !important;transform:translateZ(0)}
}

@media (max-width: 768px){
body{overflow-x:hidden;}
.main-header{position:relative}
.main-header .logo{width:100%;float:none}
.main-header .navbar{width:auto;float:none;margin:0}
.main-header .top-nav>li>a{padding:8px 10px;}
.main-sidebar{padding-top:100px;-ms-transform:translate(-245px, 0);transform:translate(-245px, 0)}
.sidebar-open .main-sidebar{-ms-transform:translate(0, 0);transform:translate(0, 0)}

.main-sidebar .sidebar-toggle.Mobile{display:block; z-index:999; position:absolute;}
.main-header .sidebar-toggle.Desktop{display:none; z-index:999; position:absolute; left:50px;}
.main-header .tile-toggle.Mobile{display:block; z-index:999; position:absolute; left:0;}
.sidebar .user-panel {margin-top:20px;}

.fixed .content-wrapper{margin-top:100px}
.content-wrapper{margin-left:0}.sidebar-open .content-wrapper{-ms-transform:translate(230px, 0);transform:translate(230px, 0)}
.Mobile{display:block; z-index:999; position:absolute; left:0; top:0px;}
.LeftNavScroll{height:auto;}
.sidebar-menu {margin: 10px 0 0;}

.main-header>.navbar{z-index: inherit;}
}

@media (max-width: 480px){
.page-title{margin-top:-10px;margin-left:-10px;margin-right:-10px;padding:20px}
.content-wrapper{padding:10px; width: 100%;}
.fixed .content-wrapper{margin-top:100px}
}

@media (max-width: 380px){
.content-wrapper{padding:10px; width:100%;}
}