body,html{ 
	margin:0px;padding:0px;
	background-color: #f8f8f8;
}
a {
  text-decoration: none;
   color: #000000;
}
input{border:none;outline: none;background-color:rgba(0,0,0,0)}
table,td{
	    border: 1px solid #b5b4b4;
	    border-collapse: collapse;
     }	 
table tr td{height: 30px;} 
.vw100{width: 100vw;}
.vh100{height: 100vh;}
.width100{width: 100%;}
.flex-box{display: flex;}
.flex-shrink-0{flex-shrink: 0;}
.flex-direction-column{flex-direction: column;}
.justify-center{justify-content: center;}
.align-center{align-items: center;}
.justify-between{justify-content: space-between;}
.flex-grow1{flex-grow: 1;}
.bg-f8{background-color: #f8f8f8;}
.bg-white{background-color: #fff;}
.bg-main{background-color: rgba(46,48,146,1);}
.text-white{color: #fff;}
.text-main{color: rgba(46,48,146,1);}
.text-active{color: #da2128 ;}
.bg-active{background-color: #da2128;}
.position-fixed{position: fixed;}
.position-relative{position: relative;}
.position-absolute{position: absolute;}
.radius-cirle{border-radius: 50%;}
.box-sizing{box-sizing: border-box;}
.padding-small{padding: 10px;}
.padding-big{padding: 20px;}
.padding-small-small{padding: 5px;}
.font-small-small{font-size: 12px;}
.font-small{font-size: 14px;}
.font-base{font-size: 16px;}
.font-big{font-size: 18px;}
.font-bold{font-weight: bold;}
.margin-top-small-small{margin-top: 5px;}
.margin-top-small{margin-top:10px;}
.margin-top-big{margin-top:20px;}
.margin-top-lager{margin-top:30px;}
.margin-top-full{margin-top:40px;}
.margin-left-small{margin-left: 10px;}
.margin-left-big{margin-left:20px;}
.margin-right-big{margin-right: 20px;}
.text-999{color:#999}
.height100{height: 100%;}
.boxshadow{box-shadow: -1px 1px 1px 1px rgba(0,0,0,0.1);}
.boxshadow22{box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.1);}
.boxshadow33{box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.01);}
.boxshadow44{box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.05);}
.radius-small-small{border-radius: 5px;}
.radius-small{border-radius: 10px;}
.radius-big{border-radius: 20px;}
.over-hid{overflow: hidden;}
.required{position: relative;}
.required::before{
	position: absolute;
    left: 0px;
	top: 50%;
	transform: translate(0,-50%);
	content: '*';
	color: red;
	font-size: 14px;
}
.border-bottom-gray{border: 1px solid #eee;}
.border-gray{border:1px solid #eee}
.triangle-black{position: relative;width: 10px;height: 10px;overflow: hidden;}
.triangle-black::before{position: absolute;content:'';width: 10px;height: 10px;top: 0px;left: -5px;z-index:9;
background-color: #444;transform: rotate(45deg);}
 @keyframes whirl{
		 0%{transform: rotate(0deg);}
	     100%{ transform: rotate(365deg);}
	 }
.animationwhirl{animation: whirl linear 2s infinite ;}
.arrows-down-true{
	position: relative;
	width: 20px;
	height: 20px;
}
.arrows-down-true::before{
	position: absolute;
	z-index: 2;
	content: '';
	top:calc(50% + 2px);
	left: calc(50% - 3px);
	transform: translate(-50%,-50%) rotate(45deg);
	width: 8px;
	height: 2px;
	background-color: #fff;
	border-radius:3px 0px 0px 3px;
}
.arrows-down-true:after{
	position: absolute;
	z-index: 2;
	top: 50%;
	left: calc(50% + 3px);
	transform: translate(-50%,-50%) rotate(45deg);
	content: '';
	width: 2px;
	height: 12px;
	background-color: #fff;
	border-radius:3px 3px 0px 0px;
}
.delbuttonBlack{width: 30px;height:30px;border-radius: 30px;position: relative;z-index: 9999;transform: rotateZ(45deg);}
.delbuttonBlack::after{width: 20px;height: 4px;content: '';display: block;position: absolute;top:13px;left:5px; border-radius:2px;background-color: #fff;}
.delbuttonBlack::before{width: 4px;height: 20px;content: '';display: block;position: absolute;top:5px;left:13px; border-radius:2px;background-color: #fff;}

.scrollx::-webkit-scrollbar {
  width: 0;
}