#auth-logo { padding: 10% 22%; }
#auth-logo img{ width: 300px; }
.top-left-part{padding-left: 21px; z-index:999;background: rgba(0, 0, 0, 0.02) !important; padding-bottom:7px;}
.top-left-part .logo  img{max-width: 175px;}

.sidebar, .navbar-header, .top-left-part{ background: #fff;}
.sidebar{/*width:240px;*/}
.sidebar .sidebar-nav{/*border-right: 1px solid #cdd4e0;*/margin-top:69px;}
#page-wrapper{border-left: 1px solid #cdd4e0 !important;}

#side-menu .nav-item span.hide-menu{margin-left: 10px;color: #031b4e;font-weight: 600;font-family: "Roboto", sans-serif;}
#side-menu .nav-item a:hover span{color:#fe0000 !important}
#side-menu > li > a.active {
    border-color: transparent;
    background: none;
    color: #fe0000;
}
#side-menu > li > a.active i{ color: #fe0000;}
#side-menu ul > li > a.active { color: #fe0000;}
#side-menu li > a:hover{color:#fe0000 !important; background:none !important}
#side-menu li > a:hover i{color:#fe0000 !important; background:none !important}
#side-menu > li > a{
	height: 40px;
	display: flex;
	align-items: center;
	font-weight: 500;
	font-size: 14px;
	color: #031b4e !important;
}
#side-menu .nav-item + .nav-item::before {
	content: '';
	position: absolute;
	top: 0;
	left: 42px;
	right: 14px;
	border-top: 1px dotted #cdd4e0;
}

#side-menu .nav-item:hover{color:#fe0000 !important}
#side-menu .nav-item i{font-size:17px;color: #031b4e;}
#side-menu  .nav-label {
	text-transform: uppercase;
	font-size: 9.5px;
	font-weight: 600;
	letter-spacing: 0.1px;
	color: #7987a1;
	padding-bottom: 5px;
	border-bottom: 1px dotted #cdd4e0;
	margin-left: 21px;
	margin-right: 14px;
	padding-top:12px;
}

#side-menu .nav-second-level li span{font-size:12px;margin-left:4px !important}
#side-menu li span.arrow{margin-top: -4px ;}
#side-menu .nav-second-level {
	padding: 0 0 0px 0px;
	margin: 0 0 0 23px;
	border-left: 2px solid #e3e7ed;
}
#side-menu  .nav-second-level li a{padding-left: 18px;padding-top:8px;padding-bottom:8px;}
#side-menu i.typcn{font-size: 21px !important;}
#side-menu li i{margin-top: -4px;}


.header_top_sidebar{position:relative;width: 100%;float: right;padding-left: 240px !important;background: #fff;
border-bottom: 1px solid #ededed;height:64px;border-top: none;}


.az-header-menu-icon {
	margin-right: 10px;
	width: 20px;
	height: 30px;
	display: flex;
	align-items: center;
}
.az-header-menu-icon {
	margin-right: 25px;
}
.az-header-menu-icon span::before, .az-header-menu-icon span::after {
	content: '';
	position: absolute;
	left: 0;
	width: 20px;
	height: 2px;
	background-color: #1c273c;
	border-radius: 3px;
	transition: all 0.2s ease-in-out;
}
.az-header-menu-icon span::after {
	bottom: -6px;
}
.az-header-menu-icon span::before {
	top: -6px;
}

.az-header-menu-icon span {
	display: block;
	position: relative;
	width: 15px;
	height: 2px;
	background-color: #1c273c;
	border-radius: 3px;
	transition: all 0.2s ease-in-out;
}

.header_top_sidebar .collapse_btn{margin-top:6px;}
.header_top_sidebar .btn-with-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 38px;
	font-size: 13x;
	border-radius: 0px;
	font-weight:500;
}

.header_top_sidebar .btn-outline-indigo {
	border-color: #fe0000;
	color: #fe0000;
}
.header_top_sidebar .btn-outline-indigo:hover,.header_top_sidebar  .btn-outline-indigo:focus {
	background-color: #fe0000;
	color: #fff;
}

.header_top_sidebar .dropup .dropdown-menu{top: 100%;bottom: auto; margin-left:-100px;margin-top: 10px;border-radius: 0px !important;}

.header_top_sidebar .notification-dropdown,.header_top_sidebar .shortcut-dropdown,.header_top_sidebar .user-dropdown {
	outline: none;
	width: 32px;
	height: 32px;
	background: #f4f5f8;
	padding: 2px;
	text-align: center;
	font-size: 17px;
	color: #1c273c;
}

.header_top_sidebar .notification-dropdown,.header_top_sidebar .shortcut-dropdown,.header_top_sidebar .user-dropdown  {
	position: relative;
	width: 36px;
	height: 36px;
	border-radius: 100%;
	font-size:19px !important;
	margin-right: 7px;
}

.header_top_sidebar .notification-dropdown .dropdown-toggle{padding-top:6px; color:#000;}
.header_top_sidebar .shortcut-dropdown .dropdown-toggle{padding-top:6px; color:#000;}
.header_top_sidebar .user-dropdown img{border: 1px solid #ededed;width:34px;height:34px;}
.header_top_sidebar .az-btn-view-site{width: 200px;float: right;}
.header_top_sidebar .az-btn-view-site i {font-size:21px;margin-right: 5px;margin-top: -5px;}
.header_top_sidebar .notify .point{right: 6px;top: 0px;}
.header_top_sidebar .notify .heartbit{top: -9px;right: -4px;}

.content-wrapper .menu-footer {width: 100%; padding-left: 60px !important;}
/*.content-wrapper #side-menu .nav-item li span{color:#fe0000 !important}
.content-wrapper #side-menu .nav-second-level{margin:0 0 0 0px; border:2px solid #ededed}

.content-wrapper #side-menu > li > a.active i, .content-wrapper #side-menu > li > a.active span{ color: #fff !important;}*/

/*.content-wrapper  #side-menu li:hover{background:#09203a !important}
.content-wrapper #side-menu li > a:hover i,.content-wrapper #side-menu li > a:hover span{ color: #fff !important;}*/

.sidebar #side-menu > li.active:hover{background:none}
.sidebar #side-menu .waves-effect.active > span{color: #fe0000}
.sidebar #side-menu > li.active > i, .content-wrapper .sidebar #side-menu > li.active > span{color: #fe0000}







.content-wrapper .sidebar #side-menu .waves-effect.active > span{color: #fe0000}
.content-wrapper .sidebar #side-menu > li.active > i, .content-wrapper .sidebar #side-menu > li.active > span{color: #fe0000}

.content-wrapper #side-menu li i{margin-top: -2px;}
.sidebar .user-dropdown .text-info{color:#fff}

.content-wrapper .sidebar #side-menu > li.active:hover{background:#09203a}
.content-wrapper  .sidebar-nav.collapse.in  #side-menu > li.active:hover{background:none}

.content-wrapper #side-menu .nav-label{border-bottom:none}
.content-wrapper .sidebar-nav.collapse.in  #side-menu .nav-label{border-bottom:1px dotted #cdd4e0}

.content-wrapper #side-menu .nav-item + .nav-item::before{border-top:none}
.content-wrapper .sidebar-nav.collapse.in #side-menu .nav-item + .nav-item::before{border-top:1px dotted #cdd4e0}

.content-wrapper #side-menu .nav-second-level{margin: 0 0 0 0px;}
.content-wrapper .sidebar-nav.collapse.in #side-menu .nav-second-level{margin: 0 0 0 29px;}

.crm_desktop_view{display:block !important}
.crm_mobile_view {display:none !important}

@media (max-width: 768px) {
	#auth-logo { padding: 10% 17%; }
	#auth-logo img{ width: 225px; }

	.sidebar{width:100% !important;}
	.sidebar .sidebar-nav{margin-top:auto}
	.navbar-header{background: #fff !important;border: 1px solid #ededed;}
	.navbar-header .navbar-toggle{margin-top:28px;padding: 0px 10px;}
	.navbar-header .navbar-toggle:hover{background:none !important}
	.navbar-header .navbar-top-links{margin-top:10px; margin-bottom:10px;margin-right: 10px;}
	.navbar-header .navbar-toggle {
		padding: 0 0px;
		margin: 0;
		border-radius: 0;
		margin-top: 18px !important;
		margin-left: 12px;
		padding-top: 8px;
	}
	
	
	
	.mobile_header_top_sidebar .btn-with-icon {
		display: flex;
		align-items: center;
		justify-content: center;
		height: 38px;
		font-size: 13x;
		border-radius: 0px;
		font-weight:500;
	}

	.mobile_header_top_sidebar .btn-outline-indigo {
		border-color: #fe0000;
		color: #fe0000;
	}
	.mobile_header_top_sidebar .btn-outline-indigo:hover,.mobile_header_top_sidebar  .btn-outline-indigo:focus {
		background-color: #fe0000;
		color: #fff;
	}

	.mobile_header_top_sidebar .dropdown .dropdown-menu{top: 100%;bottom: auto; margin-left:-100px;margin-top: 10px;border-radius: 0px !important;}

	.mobile_header_top_sidebar .notification-dropdown,.mobile_header_top_sidebar .shortcut-dropdown,.mobile_header_top_sidebar .user-dropdown {
		outline: none;
		width: 32px;
		height: 32px;
		background: #f4f5f8;
		padding: 2px;
		text-align: center;
		font-size: 17px;
		color: #1c273c;
	}

	.mobile_header_top_sidebar .notification-dropdown,.mobile_header_top_sidebar .shortcut-dropdown,.mobile_header_top_sidebar .user-dropdown  {
		position: relative;
		width: 36px;
		height: 36px;
		border-radius: 100%;
		font-size:19px !important;
		margin-right: 7px;
	}

	.mobile_header_top_sidebar .notification-dropdown .dropdown-toggle{color:#000;margin-top: -15px;margin-left: -4px;}
	.mobile_header_top_sidebar .shortcut-dropdown .dropdown-toggle{color:#000;margin-top: -15px;margin-left: -4px;}
	.mobile_header_top_sidebar .user-dropdown img{border: 1px solid #ededed;width:34px;height:34px;}
	.mobile_header_top_sidebar .az-btn-view-site{width: 175px;margin-right: 35px}
	.mobile_header_top_sidebar.admin_sidebar .az-btn-view-site{width: 175px;margin-right: 10px}
	.mobile_header_top_sidebar .az-btn-view-site i {font-size:21px;margin-right: 5px;margin-top: -5px;}
	.mobile_header_top_sidebar .notify .point{/*right: 6px;top: 0px;*/margin-top: -10px;}
	.mobile_header_top_sidebar .notify .heartbit{/*top: -9px;right: -4px;*/margin-top: -9px;}
	
	.mobile_header_top_sidebar .navbar-top-links > li > a:hover{background:none}
	
	.crm_desktop_view{display:none !important}
	.crm_mobile_view {display:block !important}

}