body,html{
	margin:0;
	padding:0;
	box-sizing:border-box;
}
*{
	box-sizing:border-box;
}
.largecheck{
	-ms-transform: scale(2);
	/* IE */
	-moz-transform: scale(2);
	/* FF */
	-webkit-transform: scale(2);
	/* Safari and Chrome */
	-o-transform: scale(2);
	/* Opera */
	transform: scale(2);
}
.row:after{
	display:table;
	content:'';
	clear:both;
}
.cl-5{
	float:left;
	width:5%;
	box-sizing:border-box;
}
.cl-10{
	float:left;
	width:10%;
	box-sizing:border-box;
}
.cl-15{
	float:left;
	width:15%;
	box-sizing:border-box;
}
.cl-20{
	float:left;
	width:20%;
	box-sizing:border-box;
}
.cl-25{
	float:left;
	width:25%;
	box-sizing:border-box;
}
.cl-30{
	float:left;
	width:30%;
	box-sizing:border-box;
}
.cl-33{
	float:left;
	width:33.33%;
	box-sizing:border-box;
}
.cl-35{
	float:left;
	width:35%;
	box-sizing:border-box;
}
.cl-40{
	float:left;
	width:40%;
	box-sizing:border-box;
}
.cl-45{
	float:left;
	width:45%;
	box-sizing:border-box;
}
.cl-50{
	float:left;
	width:50%;
	box-sizing:border-box;
}
.cl-55{
	float:left;
	width:55%;
	box-sizing:border-box;
}
.cl-60{
	float:left;
	width:60%;
	box-sizing:border-box;
}
.cl-65{
	float:left;
	width:65%;
	box-sizing:border-box;
}
.cl-70{
	float:left;
	width:70%;
	box-sizing:border-box;
}
.cl-75{
	float:left;
	width:75%;
	box-sizing:border-box;
}
.cl-80{
	float:left;
	width:80%;
	box-sizing:border-box;
}
.cl-85{
	float:left;
	width:85%;
	box-sizing:border-box;
}
.cl-90{
	float:left;
	width:90%;
	box-sizing:border-box;
}
.sidenav{
	float:left;
	width:20%;
	height:100vh;
	background-color:#f2f3f4;
	box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
	border:1px solid #ddd;
	padding:10px;
}
.sidenav a{
	display:block;
	padding:10px;
	border-bottom:1px solid #ddd;
	font-size:1.133vw;
	cursor:pointer;
	text-decoration:none !important;
	color:#333;
}
.sidenav ul{
	margin:0;
	padding:0;
	list-style-type: none;
}
.sidenav ul:hover{
	
}
.sidenav ul span{
	display:block;
	padding:10px;
	border-bottom:1px solid #ddd;
	font-size:1.133vw;
	cursor:pointer;
	text-decoration:none !important;
	color:#333;
}
.sidenav ul span:hover{
	border-bottom:1px solid transparent;
	background-color: #f2f3f4;
	color:#fdb931;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
	transition:all .3s;
}
.sidenav ul li{
	display:none;
	margin:5px;
	padding-left:20px;
	cursor:pointer;
	text-decoration:none !important;
}
.sidenav ul li:hover{
	/*border-bottom:1px solid transparent;*/
	background-color: #f2f3f4;
	color:#fdb931;
	/*box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;*/
	transition:all .3s;
}
.sidenav a:link, .sidenav{
	text-decoration:none !important;
}
.sidenav a.activePage{
	border-bottom:1px solid transparent;
	background-color: #f2f3f4;
	color:#fdb931;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.sidenav span.sysname{
	font-size:2.667vw;
}
.sidenav .logo{
	width:20%;
	border-radius:50%;
	height:auto;
}
.round{
	border-radius:50%;
}
img{
	max-width:100%;
	height:auot;
}

.header-label{
	background-color: #fdb931;
	color:#34495E;
	width:100%;
	font-size:1.042vw !important;
	padding:10px;
}
.submenu{
	float:left;
	position:absolute;
	top:0;
	left:0;
	background-color: #FAD7A0;
	min-height:100%;
	width:200px;
	padding:5px;
}
.submenu a{
	display:block;
	padding:10px;
	font-size:20px;
	cursor:pointer;
	border-bottom:2px solid transparent;
}
.submenu a:hover{
	background-color:#fff;
	color:#333;
	transition:all .5s;
}
.subactive{
	background-color:#fff;
	color:#333;
}
.banner{
	height:80px;
	width:auto;
}
.siteheader{
	line-height:24px;
	padding:5px;
	width:100%;
	float:left;
	display:block;
	color:#f2f3f4;
	background-color: #2C3E50;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}
.siteheader a{
	text-decoration:none;
	cursor:pointer;
	color:#f2f3f4;
	font-size:18px;
}
.padding-lr-10{
	padding-left:10px;
	padding-right:10px;
}
.header{
	line-height:50px;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
	width:100%;
	float:left;
	display:block;
	/*background:radial-gradient(ellipse farthest-corner at right bottom,#FEDB37 0%,#FDB931 8%, #9F7928 30%, #8A6E2F 40%, transparent 80%),
		radial-gradient(ellipse farthest-corner at left top, #FFFFFF 0%, #FFFFAC 8%, #D1B464 25%, #5D4A1F 62.5%, #5D4A1F 100%);*/
	background-color:#f2f3f4;
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
}
.header .menus span{
	font-size:1.4em;
	cursor:pointer;
	border-bottom:2px solid #ddd;
	padding:5px;
	color:#333;
}
.header .menus span:hover{
	color:#F39C12;
	border-bottom:2px solid gold;
	transition:all .5s;
}
.white-bg{
	background-color:#fff !important;
}
.flex{
	display:flex;
}
.mg-t-10{
	margin-top:10%;
}
.tabbtn{
	display:block;
	padding:5px;
	box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
	cursor:pointer;	
	font-size:18px;
}
.tabbtn:hover{
	background-color: #fdb931;
	color:#34495E;
	transition:all .3s;
}
.activetab{
	background-color: #fdb931;
	color:#34495E;
}
.flex-row{
	flex-flow:row wrap;
}
.gap10{
	gap:10px 10px;
}
.flex-col{
	flex-flow:column wrap;
	gap:10px 10px;
}
.float-right{
	float:right;
	margin-right:10px;
}
.modal-panel{
	border-radius:13px;
	box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
}
.min-t-5{
	margin-top:-5px;
}
.gap5{
	gap:0px 3px !important;
}
.flex-center{
	justify-content: center;
	align-items:center;
}
.box-panel{
	height:800px;
	width:100%;
}
.content{
	float:left;
	position:relative;
	width:80%;
	height:100vh;
	padding:10px;
	background-color: #F2F3F4;
	overflow-y:auto;
}
.content .container{
	float:left;
	position:relative;
	max-height:97vh;
	box-sizing:border-box;
	width:100%;
	overflow-y:auto;
}
.whole{
	height:90vh;
	width:100%;
	display:flex;
	justify-content: center;
	align-items:center;
}
.panel{
	border:1px solid #ddd;
}
input.data, textarea.data,select.data{
	width:100%;
	padding:10px;
	background:#fff;
	color:#2E4053;
	outline:none;
	border:1px solid #ddd;
	font-size:1.042vw;
}
input[type='text']:hover, input[type='text']:focus,input[type='number']:hover,input[type='number']:focus,input[type='file']:hover,input[type='file']:focus,textarea:hover,textarea:focus,select:hover,select:focus{
	border:1px solid #fdb931 !important;
	transition:all .5s;
}

input.loginmodal,input.loginmodal{
	width:100%;
	padding:10px;
	background:#F2F3F4;
	color:#2E4053;
	outline:none;
	border:1px solid #ddd;
	font-size:1.042vw;
}

textarea.data{
	resize:vertical;;
}
input[type='radio'],input[type='checkbox']{
	-ms-transform: scale(1.5); /* IE 9 */
  	-webkit-transform: scale(1.5); /* Chrome, Safari, Opera */
  	transform: scale(1.5);
}
.loginbtn:hover,.loginbtn:focus{
	border:1px solid #F39C12;
	transition:all .5s;
}
.rel{
	position:relative;
}
.pd-l-40{
	padding-left:40px !important;
}
.input-icon{
	position:absolute;
	top:1px;
	left:10px;
	font-size:1.042vw;
}
.pd-10{
	padding:10px;
}
.pd-5{
	padding:5px;
}
.login{
	border-top:none;
	border-left:none;
	border-right:none;
	border-bottom:1px solid #9f01ea;
}

button{
	outline:none;
	border:none;
	width:100%;
	font-size:1.2em;
	padding:17px;
	cursor:pointer;
}


.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}
.hidden{
	display:none;
}

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}
.error{
	font-size:18px;
	font-weight:600;
	color:red;
}
.success{
	font-size:18px;
	font-weight:600;
	color:green;
}
table caption {
  font-size:1.562rem !important;
  font-weight:600;
  margin: .5em 0 .75em;
}
table tr {
  background-color: #FFF;
  border: 1px solid #AAB7B8;
  padding: .35em;
  
}
table{
	border-collapse: collapse;
	width:100%;
	font-family:inherit;
}
table th{
	font-family:'Helvetica',sans-serif !important;
	background-color: #fff;
	/*background-image: linear-gradient(315deg, #000000 0%, #414141 74%);*/
	/*color:#F1C40F;*/
	color:#333;
	font-size:1.25vw !important;
	font-weight:600;
}
table td{
	background-color:#EAEDED;
	color:black;
}
table tbody td{
	font-family:'Helvetica', sans-serif, arial !important;
}
table th,
 table td {
  padding: .625em;
  text-align: center;
  font-size:1.042vw;
}

button.viewBtn{
	background-color: #FAD7A0 !important;
	color:#273746 !important;
	font-size:0.938vw !important;
	border:1px solid transparent;
	border-radius:13px;
}
button.viewBtn:hover{
	background-color: #fff !important;
	color:#273746 !important;
	border:1px solid #273746 !important;
	transition:all .5s;
}
button.redbtn{
	background-color: #E74C3C !important;
	color:#fff !important;
	font-size:18px !important;
	border:1px solid transparent;
	border-radius:13px;
}
button.greenbtn{
	background-color: #2ECC71 !important;
	color:#fff !important;
	font-size:18px !important;
	border:1px solid transparent;
	border-radius:13px;
}
button.bluebtn{
	background-color: #2980B9 !important;
	color:#fff !important;
	font-size:18px !important;
	border:1px solid transparent;
	border-radius:13px;
}
button.redbtn:hover{
	box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}
button.redbtn:active{
	box-shadow:none;
}
button.greenbtn:hover{
	box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}
button.greenbtn:active{
	box-shadow:none;
}
button.bluebtn:hover{
	box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}
button.bluebtn:active{
	box-shadow:none;
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f2f3f4;
  min-width: 200px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  margin:0;
  padding:0;
  z-index: 1;
}

.dropdown:hover .dropdown-content {
  display: block;
  text-align:left;
}
.dropdown-content span{
	display:block;
	cursor:pointer;
	padding:5px;
	margin:0;
	text-align:left;
}
.dropdown-content span:hover{
	background-color: #269bdf;
	color:#fff;
	transition: all .3s;
}

.acceptbtn{
  /*background-color: initial;
  background-image: linear-gradient(-180deg, #2980B9, #2874A6);
  border-radius: 5px;
  box-shadow: rgba(0, 0, 0, 0.1) 0 2px 4px;
  color: #FFFFFF;
  cursor: pointer;
  display: inline-block;
  font-family: Inter,-apple-system,system-ui,Roboto,"Helvetica Neue",Arial,sans-serif;
  height: 44px;
  line-height: 44px;
  outline: 0;
  overflow: hidden;
  padding: 0 20px;
  pointer-events: auto;
  position: relative;
  text-align: center;
  touch-action: manipulation;
  user-select: none;
  -webkit-user-select: none;
  vertical-align: top;
  white-space: nowrap;
  width: 100%;
  border: 0;*/
  display:inline-block;
  padding:10px;
  margin:0.1em;
  border:0.15em solid transparent;
	box-sizing: border-box;
	text-decoration:none;
	outline:none;
	font-family:'Segoe UI','Roboto',sans-serif;
	font-weight:600;
	color:#fff;
	background-color:#13547a;
	text-align:center;
	position:relative;
	width:100%;
	border-radius:7px;
	font-size:0.938vw !important;
}
.acceptbtn:hover{
	/*background: #1A5276;*/
	box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
	cursor:pointer;
	transition: all .3s;
}
.acceptbtn:active{
	background-color:#2980B9;
	box-shadow:none;
}

/* CSS */
.button-41 {
  background-color: initial;
  background-image: linear-gradient(-180deg, #00D775, #00BD68);
  border-radius: 5px;
  box-shadow: rgba(0, 0, 0, 0.1) 0 2px 4px;
  color: #FFFFFF;
  cursor: pointer;
  display: inline-block;
  font-family: Inter,-apple-system,system-ui,Roboto,"Helvetica Neue",Arial,sans-serif;
  height: 44px;
  line-height: 44px;
  outline: 0;
  overflow: hidden;
  padding: 0 20px;
  pointer-events: auto;
  position: relative;
  text-align: center;
  touch-action: manipulation;
  user-select: none;
  -webkit-user-select: none;
  vertical-align: top;
  white-space: nowrap;
  width: 100%;
  border: 0;
  font-size:0.938vw !important;
}

.button-41:hover {
  background: #00bd68;
}

.button-42 {
  background-color: initial;
  background-image: linear-gradient(-180deg, #EC7063, #E74C3C);
  border-radius: 5px;
  box-shadow: rgba(0, 0, 0, 0.1) 0 2px 4px;
  color: #FFFFFF;
  cursor: pointer;
  display: inline-block;
  font-family: Inter,-apple-system,system-ui,Roboto,"Helvetica Neue",Arial,sans-serif;
  height: 44px;
  line-height: 44px;
  outline: 0;
  overflow: hidden;
  padding: 0 20px;
  pointer-events: auto;
  position: relative;
  text-align: center;
  touch-action: manipulation;
  user-select: none;
  -webkit-user-select: none;
  vertical-align: top;
  white-space: nowrap;
  width: 100%;
  border: 0;
  font-size:0.938vw !important;
}

.button-42:hover {
  background: #E74C3C;
}