.height-80vh{height:80vh;}.height-65vh{height:65vh;}.height-60vh{height:60vh;}.height-50vh{height:50vh;}.height-45vh{height:45vh;}.height-30vh{height:30vh;}.height-25vh{	height:25vh;}.height-35vh{	height:35vh;}
.height-100{height:100%;}.height-80{height:80%;}.height-60{height:60%;}.height-40{height:40%;}.height-20{height:20%;}.height-30{height:30%;}
.width-85{width:85%;}.width-50{width:50%;}.width-100{width:100%;}
.height-2em{height:2em}.height-4em{height:4em}.height-6em{height:6em}.height-8em{height:8em}.height-10em{height:10em}.height-12em{height:12em}.height-14em{height:14em}.height-16em{height:16em}.height-18em{height:18em}.height-20em{height:20em}
.height-22em{height:24em}.height-26em{height:26em}.height-28em{height:28em}.height-30em{height:30em}.height-32em{height:32em}.height-34em{height:34em}.height-36em{height:36em}.height-38em{height:38em}.height-40em{height:40em}
.nomp{margin:0;padding:0;}.no-margin{margin:0;}.no-padding{padding:0;}
.padding-1em{padding:1em;}.padding-0-5em{padding:0.5em;}.padding-2em{padding:2em;}.padding-3-5em{padding:3.5em;}
.padding-bottom-3em{padding-bottom:3em;}.padding-bottom-2em{padding-bottom:2em;}.padding-bottom-1em{padding-bottom:1em;}

 .text-underline{
	text-decoration:underline;
}
 .hoverway-1:hover{
	opacity:0.8;
	cursor:pointer;
}
 .margin-bottom--0-5em{margin-bottom:-0.4em}
 .padr1{padding-right:1em;}
 .bradius0-5rem{border-radius:0.5rem;}
.relative{position:relative;}.absolute{position:absolute;}
.btn-1{	background:linear-gradient(to top right,white, #000033, white);font-style:italic;font-weight:bold;}
.btnx9{border:0.5px solid black;}.btnx9:hover{background:#000033;color:white;}
.text-hex-313d4b{color:#313d4b;}.text-hex-f1f0ee{color:#f1f0ee;}
.text-red{color:red;}.text-black{color:black;}.text-hex-000033{color:#000033;}.text-gray{color:gray;}.text-d3cdcd{color:#d3cdcd}.text-hex-f5f5f5{color:#f5f5f5;}
.text-darkred{color:#003300}.text-hex-003300{color:#003300;}.text-red{color:red;}.text-purple{color:purple;}
.text-trans-none{text-transform:small-caps;}
.cursor-pointer{
	cursor:pointer;
}
.bg-hex-313d4b{background:#313d4b;color:white;}.bg-hex-f1f0ee{background:#f1f0ee;color:black;}
.bg-purpleshine{background:#800080;} .bg-hex-5a2962{background:#5a2962;}
.bg-purple{background:purple; color:white;}
.bg-hex-f2f2f2{background:#f2f2f2;	color:black;} .bg-hex-000033{	background:#000033;	color:white;}.bg-hex-f5f5f5{background:#f5f5f5;	color:black;}
 .bg-hex-d3cdcd{ background:#d3cdcd;} .bg-hex-003300{ background:#003300;}
.bg-black{background:black;color:white;} .bg-darkred{background:darkred;}
.font-weight-600,b1{font-weight:600;}.font-weight-700{	font-weight:700;}
.overflow-hidden{overflow:hidden}
.font-0em{font-size:0rem;}.font-0-7em{font-size:0.7em;}.font-0-8em{font-size:0.8em;}.font-0-9em{font-size:0.9em;}   .font-1-5em{font-size:1.5em;}.font.1-1em{font-size:1.1em;}.font-1-2em{font-size:1.2em;}.font-1-3em{font-size:1.3em;}.font-2em{font-size:2em;}
 }
.bg-hex-ff9900{background:#ff9900;}.text-hex-ff9900{color:#ff9900;}

.text-center{
	text-align:center;
}
@supports ((position:-webkit-sticky) or (position:sticky)){.sticky-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}}
@supports ((position:-webkit-sticky) or (position:sticky)){.sticky-bottom{position:-webkit-sticky;position:sticky;bottom:0;z-index:1020}}
.fixed-top{position:fixed;top:0;z-index:1022;}.fixed-bottom{position:fixed;bottom:0;z-index:1022;}
.ficon{height:2em;width:2em;}.ficonless{height:2em;width:7em;padding-top:0.4em;}
.scrollbar{	padding:0.3em 0.5em 0.3em 0.5em;opacity:0.6;position:fixed;	top:60%;font-size:1em;	background:white;border:0.3px solid #313d4b;border-radius:1em;	cursor:hand;}
.scrollbar-left{left:0%;}.scrollbar-right{right:0%;}.scrollbar:hover{background:#313d4b;color:white;}

/*using mcsection as section, label for must be equal to id and span class="radio" the span must be inside the label

*/
.mcsection input[type="radio"],
.mcsection input[type="checkbox"]{
  display: none;
}
.mcradiocon {
  margin-bottom: 10px;
}
.mcradiocon label {
  position: relative;
}

/* Base styles for spans */
.mcradiocon span::before,
.mcradiocon span::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}

/* Radio buttons */
.mcradiocon span.radio:hover {
  cursor: pointer;
}
.mcradiocon span.radio::before {
  left: -52px;
  width: 45px;
  height: 25px;
  background-color: #A8AAC1;
  border-radius: 50px;
}
.mcradiocon span.radio::after {
  left: -49px;
  width: 17px;
  height: 17px;
  border-radius: 10px;
  background-color: #6C788A;
  transition: left .25s, background-color .25s;
}
input[type="radio"]:checked + label span.radio::after {
  left: -27px;
  background-color: lightgreen;
}
.uplfileinputdiv{
	position:relative;
	text-align:center;
}
.uplfileicon{
	position:absolute;
	bottom:0.5em;
	height:2.5em;
	padding:0.5em;
	border-radius:0.3em;
	width:5em;
	background:#f5f5f5;
	cursor:pointer;
	
}
.uplfileinput{
	height:2.5em;
	width:5em;
	opacity:0;
}
/*dp label goes with the js for making the input clicked when the dplabel is clicked */
.dplabel{
	position:relative;
	height:6em;
}
.dplabel input{
	position:absolute;
	width:2em;
	height:6em;
	top:4em;
	right:1.5em;
	opacity:0;

	
}