@font-face {font-family:'montserrat';src:url('../fonts/montserrat/Montserrat-Regular.ttf');font-weight:normal;font-style:normal;}
@font-face {font-family:'montserrat_light';src:url('../fonts/montserrat/Montserrat-Light.ttf');font-weight:normal;font-style:normal;}
@font-face {font-family:'montserrat_thin';src:url('../fonts/montserrat/Montserrat-Thin.ttf');font-weight:normal;font-style:normal;}
@font-face {font-family:'montserrat_medium';src:url('../fonts/montserrat/Montserrat-Medium.ttf');font-weight:normal;font-style:normal;}
@font-face {font-family:'montserrat_semibold';src:url('../fonts/montserrat/Montserrat-SemiBold.ttf');font-weight:normal;font-style:normal;}
@font-face {font-family:'montserrat_bold';src:url('../fonts/montserrat/Montserrat-Bold.ttf');font-weight:normal;font-style:normal;}
@font-face {font-family:'montserrat_extrabold';src:url('../fonts/montserrat/Montserrat-ExtraBold.ttf');font-weight:normal;font-style:normal;}
@font-face {font-family:'montserrat_black';src:url('../fonts/montserrat/Montserrat-Black.ttf');font-weight:normal;font-style:normal;}


@media only screen and (min-width:1200px){
	::-webkit-scrollbar{width:7px;}
	::-webkit-scrollbar-track{background:#f1f1f1;}
	::-webkit-scrollbar-thumb{background:#888;}
	::-webkit-scrollbar-thumb:hover{background:#555;}
}


*{padding:0;margin:0;text-decoration:none;}
html{font-size:85%;}
body{font-family:'montserrat',sans-serif;background:var(--body_bg_color);color:var(--body_color);}
table,tr,td,ul{border-spacing:0;border-collapse:collapse;}
ul{list-style:none;}
img{ border:none; }
a{color:var(--body_color);}
a:hover{text-decoration:none;}
textarea, input, select{outline:none;}
header,footer,article,section,aside,nav{display:block;}
.clear{clear:both;}

/*
.swal2-container{z-index:3000!important;}
.swal2-close{color:#cc0000!important;}
.swal2-close:focus{box-shadow:none!important;color:#cc0000!important;}
.swal2-close:hover{color:#000!important;}
*/
.swal2-container{z-index:3000!important;}
.swal2-close{color:var(--swall_close_color)!important;}
.swal2-close:focus{box-shadow:none!important;color:var(--swall_close_color)!important;}
.swal2-close:hover{color:var(--swall_close_color_hover)!important;}
.swal2-popup{background:var(--swall_popup_bg)!important;}
.swal2-content{color:var(--swall_text_color)!important;}

.swalwidth1{width:1500px !important;max-width:96% !important;}
.swalwidth2{width:1400px !important;max-width:96% !important;}
.swalwidth3{width:1200px !important;max-width:96% !important;}
.swalwidth4{width:1000px !important;max-width:96% !important;}
.swalwidth5{width:800px !important;max-width:96% !important;}
.swalwidth6{width:600px !important;max-width:96% !important;}
.swalpadding0{padding:0!important;}
/*.swalpadding0 .swal2-content{padding:0;}*/

.swal2-container iframe{width:100%;height:70vh;border:none;}



#body{}
#page{padding:0 25px;}



#header{
	position:sticky;z-index:1000;left:0;top:0;width:100%;box-sizing:border-box;
	margin:0 0 40px 0;
	background:var(--header_bg_color);border-bottom:1px solid var(--header_border_color);
	transition:all 500ms;
}
#header.sticky1{top:-60px;}
#header .normal{}
#header .normal .sect20{height:60px;padding:0 30px;}
#header .normal .sect20 .grid{
	display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;
	height:100%;
}
#header .normal .sect20 .grid .s{}
#header .normal .sect20 .grid .s.s1{}
#header .normal .sect20 .grid .s.s2{}
#header .normal .sect20 .grid .s.s3{}
#header .normal .sect20 .grid .s.s4{justify-self:end;}
#header .normal .sect20 .grid .s a.logo{}
#header .normal .sect20 .grid .s a.logo img{height:40px;width:auto;}
#header .sect20 .grid .s .userbox{display:inline-flex;align-items:center;gap:8px;}
#header .sect20 .grid .s .userbox .item{}
#header .sect20 .grid .s .userbox .item.i1{font-size:0.9rem;font-family:'montserrat_semibold';}
#header .sect20 .grid .s .userbox .item.i2{}
#header .sect20 .grid .s .userbox .item.i2 img{width:40px;height:40px;object-fit:cover;border:1px solid var(--header_avatar_border_color);border-radius:50%;}
#header .sect20 .grid .s .userbox .item.i3{font-size:1.2rem;}
#header .normal .sect40{height:30px;padding:5px 30px;border-top:1px solid #ddd;}
#header .sect40 .nav1{}
#header .sect40 .nav1 > ul{display:inline-flex;gap:0px;align-items:center;}
  #header .sect40 .nav1 > ul li{position:relative;}
  #header .sect40 .nav1 > ul > li{
	margin:0 0 0 3px;
  }
	#header .sect40 .nav1 > ul > li > a{
	  display:inline-block;height:30px;padding:0 10px;line-height:30px;font-size:0.9rem;font-family:'montserrat_semibold';
	  background:var(--header_nav1_ul_li_a_bgcolor);color:var(--header_nav1_ul_li_a_textcolor);
	  transform: skew(-25deg, 0);
	}
	#header .sect40 .nav1 > ul > li > a .inner{
	  display:block;transform: skew(25deg, 0);
	}
	  #header .sect40 .nav1 > ul > li > a .icon{color:var(--header_nav1_ul_li_a_icon);font-size:1rem;}
	#header .sect40 .nav1 > ul > li:hover > a{background:var(--header_nav1_ul_li_a_hover_bg);color:var(--header_nav1_ul_li_a_hover_textcolor);}
	#header .sect40 .nav1 > ul > li:hover > a .icon{color:var(--header_nav1_ul_li_hover_a_icon);}
	#header .sect40 .nav1 ul li ul{display:none;
				  position:absolute;z-index:1;left:0;top:calc(100% - 2px);width:230px;box-sizing:border-box;
				  background:var(--header_nav1_ul_li_ul_bg);border-radius:0 5px 5px 5px;
			  }
			  #header .sect40 .nav1 ul li ul a{
	  				position:relative;display:block;
					padding:6px 10px;color:var(--header_nav1_ul_li_ul_a_color);font-size:0.9rem;font-family:'montserrat_semibold';
					transition:200ms background-color;border-bottom:1px solid var(--header_nav1_ul_li_ul_a_bordercolor);border-radius:5px;
			  }
	#header .sect40 .nav1 ul li ul a .icon{margin:0 3px 0 0;font-size:1rem;}
	  #header .sect40 .nav1 ul li ul a .subicon{
		position:absolute;z-index:1;right:6px;top:50%;transform:translate(0,-50%);font-size:0.7rem;
	  }
	#header .sect40 .nav1 ul li ul li:has(ul:hover){background:var(--header_nav1_ul_li_ul_li_has_ul_hover_bg);}
		#header .sect40 .nav1 ul li ul a:hover{background-color:var(--header_nav1_ul_li_ul_a_hover_bg);}
		#header .sect40 .nav1 ul ul ul{position:absolute;z-index:1;left:100%;top:0;border-radius:0 5px 5px 5px;}

#header .mobile{display:none;}





#sidebaruser{
	position:fixed;z-index:1200;right:-310px;top:0;width:300px;height:100vh;
	box-sizing:border-box;padding:0 0 60px 0;
	background:#ffffff;color:#444;overflow:auto;box-shadow:-5px 0 5px -5px #929292;
	transition:right 300ms;
  }
	#sidebaruser .hd{position:sticky;z-index:5;left:0;top:0;width:100%;
	  box-sizing:border-box;padding:8px 20px;/*line-height:40px;*/
	  background:#fff;
	  text-align:center;font-size:1.4em;box-shadow:0 5px 5px -5px #ddd;
	}
	  #sidebaruser .hd .grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;}
		#sidebaruser .hd .grid .s{}
		#sidebaruser .hd .grid .s.s1{justify-self:start;color:#777;}
		#sidebaruser .hd .grid .s.s2{justify-self:end;}
		  #sidebaruser .hd .closer{color:#aa0000;font-size: 1.7rem;}
		  #sidebaruser .hd .closer:hover{color:#000;}
	#sidebaruser .body{padding:0;}
	  #sidebaruser .body .user1{padding:25px 0;}
		#sidebaruser .body .user1 .img{}
		  #sidebaruser .body .user1 .img a{position:relative;display:block;width:100px;height:100px;margin:0 auto;border-radius:50%;background:#ddd;}
			#sidebaruser .body .user1 .img a img{position:absolute;z-index:1;left:0;top:0;width:100%;height:100%;object-fit:cover;
			  border-radius:50%;box-shadow:0 0 10px 1px #fff;scale:0.85;
			}
		#sidebaruser .body .user1 .name{margin:4px 0 0 0;text-align:center;font-family:'montserrat_semibold';}
  @media only screen and (max-width:500px){
	#sidebaruser{width:85%;right:-86%;}
  }
  
  
  #sidebar2{
	position:fixed;z-index:1200;right:-310px;top:0;width:300px;height:100vh;
	box-sizing:border-box;padding:0 0 60px 0;
	background:#3a3939;color:#aaa;overflow:auto;box-shadow:-5px 0 5px -5px #000;
	transition:right 300ms;
  }
	#sidebar2 .hd{position:sticky;z-index:5;left:0;top:0;width:100%;
	  box-sizing:border-box;padding:8px 20px;/*line-height:40px;*/
	  background:#3a3939;
	  text-align:center;font-size:1.4em;box-shadow:0 5px 5px -5px #111;
	}
	  #sidebar2 .hd .grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;}
		#sidebar2 .hd .grid .s{}
		#sidebar2 .hd .grid .s.s1{justify-self:start;color:#777;}
		#sidebar2 .hd .grid .s.s2{justify-self:end;}
		  #sidebar2 .hd .closer{color:#aaa;font-size: 1.7rem;}
		  #sidebar2 .hd .closer:hover{color:#fff;}
	#sidebar2 .body{padding:0;}
  
  #body.sidebaruser_show #sidebaruser{right:0!important;}
  #body.sidebar2_show #sidebar2{right:0!important;}