/* TODO 新增（20210506） */
.no-skin .sidebar,
#sidebar .nav-list>li.open>a,
#sidebar .nav-list>li .submenu,
#sidebar .nav-list>li>a,
#sidebar .nav-list>li,
#sidebar .sidebar-toggle,
#sidebar .sidebar-toggle>.ace-icon,
.no-skin .nav-list,
.no-skin .nav-list>li .submenu>li>a {
	background: #050A1D;
	border: none;
    color: #FFFFFF;
}



#navbar {
	display: flex;
}



.navbar-container {
	display: flex;
	flex: 1;
	justify-content: space-between;
}



.bac {
	background-color: #b5d5f1;
}

#sidebar .nav-list>li:before {
	display: none;
}


.sidebar .sidebar-toggle:before {
	display: none;
}



.no-skin .nav-list>li .submenu>li>a {
	height: 36px;
	display: flex;
	align-items: center;
	padding: 0px;
	padding-left: 25px;
}






.no-skin .nav-list>li>a {
	padding-left: 20px;
}




.no-skin .nav-list>li .submenu>li>a:hover {
	background: rgba(255,255,255,.8) !important;
}







.no-skin .nav-list>li .submenu>li.active>a {
	background: linear-gradient(270deg,#162342 0%, #2e59ba 100%) !important;
	/*border-left: 3px solid #abe1ff;*/
	color: #FFFFFF;
}





.no-skin .nav-list>li .submenu>li>a {
	display: flex;
	align-items: center;
}






.no-skin .nav-list>li .submenu:before {
	display: none;
}


.nav-list>li .submenu>li:before {
	display: none;
}


.no-skin .nav-list>li:before {
	display: none;
}

.nav-list>li li.active>a:after {
	display: none;
}


.sidebar {
	height: 100vh;
	width: 200px;
}


.no-skin .nav-list li.active>a:after {
	display: none;
}


.no-skin .nav-list>li.active:after {
	display: none;
}

.no-skin .nav-list>li.active>a>span {
	color: #0F81F6;
	font-size: 12px;
}


.sidebar .sidebar-toggle {
	text-align: right;
}


.no-skin .sidebar-toggle>.ace-icon {
	font-size: 20px;
	padding-top: 35px;
	color: #666666 !important;
}




.no-skin .nav-list>li>.submenu:before, 
.no-skin .nav-list>li>.submenu>li:before {
	display: none;
}



.no-skin .nav-list>li {
	border: none;
}



.navbar {
	height: 48px;
	/*background: linear-gradient(96deg,#4ab1eb 0%, #2c79c1 100%);*/
	/*background: linear-gradient(90deg,#162342 70%, #119cea 100%);*/
}



.fa-caret-right:before {
	display: none;
}



.no-skin .nav-list li.active>a:after {
	display: none;
}



#sidebar {
	/*background: url(../../image/nav_bg.png) no-repeat 0 0;*/
    /*background-size: cover;*/
   /*background: #050A1D;*/
}


.modal-footer {
	background: #FFFFFF;
}


.btn, .btn-default, 
.btn-default:focus, 
.btn-default:hover {
	color: #333;
    background-color: #fff !important;
    border-color: #ccc;
}



.btn-primary {
	color: #FFFFFF;
    background-color: #5D8FF3 !important;
    border-color: #5D8FF3;
}




.input-group-btn>.btn+.btn,
.kv-fileinput-caption {
	border-radius: 0px;	
}




.uploadTopRight {
	margin-left: 10px;
}


.uploadDownTip {
	font-size: 12px;
    font-family: PingFang SC, PingFang SC-Regular;
    color: #999999;
    margin: 5px 0px;
}



.uploadDownLogo {
	width: 130px;
	height: 35px;
	background: #eee;
	display: flex;
	justify-content: center;
	align-items: center;
}


.userDiv {
	display: flex;
	align-items: center;
	padding-right: 20px;
}


.userLeft {
	display: flex;
	align-items: center;
	height: 45px;
}


.userLeftSpanItem {
	color: #FFFFFF;
	font-size: 12px;
	font-family: PingFang SC, PingFang SC-Regular;
}


.userLeftSpan {
	margin-left: 10px;
	cursor: pointer;
}


.userBorder {
	width: 0px;
	height: 20px;
	border: 1px solid #ffffff;
	margin: 0px 20px;
}


.userRight {
	display: flex;
	align-items: center;
	cursor: pointer;
}



.userRightSpan {
	color: #FFFFFF;
	font-size: 12px;
	font-family: PingFang SC, PingFang SC-Regular;
	margin-left: 10px;
}



.siderIcon {
	width: 16px;
	height: 16px;
	margin-right: 8px;
}




.no-skin .nav-list li>.arrow:before {
	display: none;
}


.no-skin .nav-list li>.arrow:after {
	display: none;
}



.iconStyle {
	width: 24px;
	height: 24px;
}






#sidebar::-webkit-scrollbar {
   width: 8px;
}
#sidebar::-webkit-scrollbar-thumb {
   border-radius: 10px;
   -webkit-box-shadow: inset 0 0 5px #c1c1c1;
   opacity: 0.2;
   background: fade(@primary-color, 60%);
}
#sidebar::-webkit-scrollbar-track {
   -webkit-box-shadow: inset 0 0 5px #c1c1c1;
   border-radius: 0;
   background: fade(@primary-color, 30%);
}




div::-webkit-scrollbar-button {
	display: none;
}






.sideIconDiv {
	width: 6px;
	height: 6px;
	background: #ffffff;
	border-radius: 50%;
	margin-right: 8px;
}



/*#sidebar::-webkit-scrollbar {
   	width: 8px;
}


#sidebar::-webkit-scrollbar-thumb {
	-webkit-box-shadow: none;
	box-shadow: none;
   	border-radius: 10px;
   	opacity: 0.2;
   	background: #c1c1c1;
   	border-radius: 4px;
}



#sidebar::-webkit-scrollbar-track {
   	-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
   	box-shadow : inset 0 0 5px rgba(0, 0, 0, 0.2);
   	-webkit-box-shadow: none;
   	border-radius: 0;
   	background: #fafafa;
   	border-left: 1px solid #e8e8e8;
}



#sidebar::-webkit-scrollbar-button {
	display: none;
}*/





.userLeft1 {
	display: flex;
	align-items: center;
}






.headLeftDiv {
	display: flex;
	align-items: center;
}





.headIcon {
	width: 200px;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 48px;
}





.headContent {
	padding-right: 20px;
	display: flex;
	align-items: center;
}






.headItem {
	display: flex;
	align-items: center;
	padding: 0px 30px;
	height: 48px;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}





.iconStyle1 {
	width: 16px;
	height: 16px;
	opacity: .6;
}







.headSpan {
	font-size: 14px;
	font-family: PingFang SC, PingFang SC-400;
	color: rgba(255,255,255,0.60);
	margin-left: 5px;
}





.modalItem {
	display: flex;
	align-items: center;
	margin-bottom: 20px;
}





.modalSpanDiv {
	display: flex;
	align-items: center;
	width: 100px;
}





.modalSpan {
	font-size: 14px;
	font-family: PingFang SC, PingFang SC-400;
	color: #444444;
}






.modalSpanIcon {
	font-size: 14px;
	font-family: PingFang SC, PingFang SC-400;
	color: #f56c6c;
}





.inputStyle {
	width: 250px;
	height: 32px;
	background: #ffffff;
	border: 1px solid #E7E7E7;
	border-radius: 3px;
	font-size: 12px;
	font-family: PingFang SC, PingFang SC-Regular;
	color: #444444;
	padding: 4px 12px;
	box-shadow: none;
	-webkit-box-shadow: none;
}







.allInputStyle::-moz-placeholder { 
	/* WebKit browsers */ 
	color: #AAAAAA; 
}






.allInputStyle::-webkit-input-placeholder { 
	/* WebKit browsers */ 
	color: #AAAAAA; 
}





/*TODO 公用模态框样式*/
.modal-header {
	background: linear-gradient(90deg, rgb(12, 46, 102), rgb(17, 156, 234) 100%);
	border-radius: 10px 10px 0px 0px;
}



.modal-content {
	border-radius: 10px;
}



.modalHeaderDiv {
	width: 4px;
	height: 16px;
	background: #ffffff;
	border-radius: 4px;
}



.modal-header {
	display: flex;
	justify-content: space-between;
	padding: 10px 15px;
}



.modal-title {
	display: flex;
	align-items: center;
}


.modalHeaderSpan {
	color: #FFFFFF;
	margin-left: 10px;
}



.close {
	opacity: 1;
	color: #FFFFFF;
}




.modalbtnstyle {
	border-radius: 3px;
	padding: 6px 16px;
}




.modalprimary-style {
    background: linear-gradient(90deg, rgb(12, 46, 102), rgb(17, 156, 234) 100%);
    height: 34px;
    border: none;
}



.modalprimary-style:hover {
	background: #519ce1;
    border: none;
    outline: none;
}




.modalprimary-style:focus {
	border: none !important;
	outline: none!important;
}



button:hover,
button:focus {
	outline: none!important;
}





.borderImg {
	width: 14px;
	height: 36px;
	opacity: .5;
}






.aStyle {
	display: flex;
	margin-right: 12px;
}




.orderTipDiv {
	position: fixed;
	right: 16px;
}





.orderTipItem {
	padding: 10px 10px 15px 20px;
	background: #ffffff;
	border-radius: 10px;
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.20); 
	min-width: 320px;
	margin-bottom: 10px;
}





.iconStyle2 {
	width: 24px;
	height: 24px;
	cursor: pointer;
}






.iconStyle3 {
	cursor: pointer;
}





.orderVoice {
	margin-left: 10px;
}





.orderTop {
	display: flex;
	justify-content: space-between;
}




.orderLeft{
	display: flex;
	align-items: center;
	padding-top: 10px;
}




.orderSpan {
	font-size: 15px;
	font-family: PingFang SC, PingFang SC-600;
	font-weight: 600;
	color: #000000;
	margin-left: 10px;
}




.orderDown {
	display: flex;
	align-items: center;
	margin-top: 10px;
}




.orderSpan1 {
	font-size: 13px;
	font-family: PingFang SC, PingFang SC-400;
	font-weight: 400;
	color: #666666;
	margin-left: 10px;
}





/*TODO 公用模态框样式*/
.modal-header {
	background: linear-gradient(90deg, rgb(12, 46, 102), rgb(17, 156, 234) 100%);
	border-radius: 10px 10px 0px 0px;
}



.modal-content {
	border-radius: 10px;
}



.modalHeaderDiv {
	width: 4px;
	height: 16px;
	background: #ffffff;
	border-radius: 4px;
}



.modal-header {
	display: flex;
	justify-content: space-between;
	padding: 10px 15px;
}



.modal-title {
	display: flex;
	align-items: center;
}


.modalHeaderSpan {
	color: #FFFFFF;
	margin-left: 10px;
}



.close {
	opacity: 1;
	color: #FFFFFF;
}




.modalbtnstyle {
	border-radius: 3px;
	padding: 6px 16px;
}





.modalprimary-style {
    background: linear-gradient(90deg, rgb(12, 46, 102), rgb(17, 156, 234) 100%);
    height: 34px;
    border: none;
}



.modalprimary-style:hover {
	background: #519ce1;
    border: none;
    outline: none;
}




.modalprimary-style:focus {
	border: none !important;
	outline: none!important;
}



button:hover,
button:focus {
	outline: none!important;
}