@charset "UTF-8";
html {
	font-family: 'Dosis', sans-serif;
	font-style: normal;
	font-weight: 400;
	letter-spacing: 1px;
}
body {
	background-color: #f2f2f2;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
h1, h2, h3, h4, h5 {
	margin: 0px;
	padding: 10px 0px;
	text-shadow: 0.5px 0.5px 1px black;
}
h1 {
	font-size: 36px;
	letter-spacing: 2px;	
}
h2 {
	font-size: 28px;
	letter-spacing: 2px;
}
h3 {
	font-size: 24px;
	letter-spacing: 1px;
}
h4 {
	font-size: 20px;
	letter-spacing: 1px;
}
h5 {
	font-size: 16px;
	letter-spacing: 1px;
}
input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}
.dash-tpb,
.dash-cd-buttons button,
.dash-filter-buttons button,
input[type="submit"],
input[type="button"],
.link-button:link, 
.link-button:visited  {	
	width: auto;
	height: 40px;
	color: white;
	background: black;
	border: 2px solid white;
	border-radius: 10px;
	box-shadow: inset 0 0 3px rgba(192,192,192,1);
	font-family: 'Quicksand', sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	margin: 5px;
	letter-spacing: 1px;
	text-shadow: 0.5px 0.5px 1px rgba(64,64,64,1);
	min-width: 120px;
}
.dash-tpb:hover:enabled,
.dash-cd-buttons button:hover:enabled,
.dash-filter-buttons button:hover:enabled,
input[type="submit"]:hover:enabled,
input[type="button"]:hover:enabled ,
.link-button:hover, 
.link-button:active {
	color: black;
	background: linear-gradient(to bottom, rgba(241,231,103,1) 0%, rgba(254,182,69,1) 100%);
	border: 2px solid white;
	box-shadow: inset 0 0 3px rgba(254,182,69,1);
	text-shadow: 0.5px 0.5px 1px rgba(245,238,150,0.85);
}
.dash-tpb:disabled:hover,
.dash-tpb:disabled,
.dash-cd-buttons button:disabled:hover,
.dash-filter-buttons button:disabled:hover,
.dash-cd-buttons button:disabled,
.dash-filter-buttons button:disabled,
input[type="submit"]:disabled:hover,
input[type="button"]:disabled:hover,
input[type="submit"]:disabled ,
input[type="button"]:disabled {
	color: #bebebe;
    background: #dddddd;
	border: 2px solid #bebebe;
	box-shadow: inset 0 0 2px black;
	text-shadow: 0.5px 0.5px 1px #FFF;
}
.link-button:link, .link-button:visited, .link-button:hover, .link-button:active {
	border-radius: 10px;
	padding: 9.5px 40px;
	text-decoration: none;
	text-transform: uppercase;
}
label {
	font-family: 'Dosis', sans-serif;
	letter-spacing: 1px;
} 
input[type="text"],
input[type="password"],
input[type="date"],
input[type="number"],
input[type="email"],
select,
textarea {
	font-family: 'Dosis', sans-serif;
	font-size: 15px;
	font-weight: 400;
	width: 350px;
	height: 40px;
	color: gold;
	background: rgba(0,0,0,0.50);
	border: 2px solid #FFF;
	border-radius: 7px;
	padding-left: 5px;
    padding-right: 5px;
	letter-spacing: 1px;
	text-shadow: 0.5px 0.5px 1px #000;
}
input[type="text"]:hover,
input[type="password"]:hover,
input[type="date"]:hover,
input[type="number"]:hover,
input[type="email"]:hover,
select:hover,
textarea:hover {
	border: 2px solid #fff4b3;
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="date"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
select:focus,
textarea:focus {
	color: #000000;
	background: #FFF;
	border: 2px solid gold;
	box-shadow: inset 0 0 2px #000000;
	text-shadow: 0px 0px 1px grey;
}
input[type="text"]:disabled,
input[type="password"]:disabled,
input[type="date"]:disabled,
input[type="number"]:disabled,
input[type="email"]:disabled,
select:disabled ,
textarea:disabled,
input[type="text"]:disabled:hover,
input[type="password"]:disabled:hover,
input[type="date"]:disabled:hover,
input[type="number"]:disabled:hover,
input[type="email"]:disabled:hover,
select:disabled:hover {
	color: #FFF;
	background: rgba(169,169,169,0.50);
	border: 2px solid #A9A9A9;
}
optgroup {
	color: gold;
}
select:focus optgroup {
	color: blue;
}
option {
	color: orange;
}
select:focus option {
	color: black;
}
button:hover:enabled {
	cursor: pointer;
}
textarea {
	height: 150px;
	max-width: 250px;
	max-height: 150px;
}
table {
	font-weight: 400;
}
tbody {
	color: white;
}
th {
	font-weight: 400;
	text-align: center;
	margin-top: 0;
	margin-bottom: 0;
	padding: 5px;
	text-shadow: 0.5px 0.5px 3px #A0A0A0;
}
td {
	padding: 5px;
}
tr {
	background-color: rgba(0,0,0,0.65);
}
tr:nth-child(even) {
	background-color: rgba(0,0,0,0.50);
}
.text-left-align {
	text-align: left;
}
.text-right-align {
	text-align: right;
}
.header-row {
	background-color: rgba(255,255,255,0.85);
	padding: 5px;	
}
.header-col {
	background-color: rgba(255,255,255,0.85);
	color: black;
	padding: 5px;
	text-shadow: 0.5px 0.5px 3px #A0A0A0;
}
.row-height-50px {
	line-height: 40px;
}
.col-width-30pct {
	width: 30%;
}
.display-single {
	padding: 10px;
}
.msg-red-dual-line {
	color: white;
	background-color: rgba(255,0,0,0.45);
	line-height: 25px;
	padding: 10px;
	text-align: center;
	text-shadow: 0.5px 0.5px 1px black;
}
.fixed-img {
	background-image: url("../images/cbnb.webp");
	height: 100%;
	width: 100%;
	position: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: -1;
}
.no-script {
	background-color: rgba(0,0,0,0.55);
	border-radius: 25px;
	color: #FFF;
	display: block;
	left: 50%;
	margin: -125px 0 0 -390px;
	max-width: 750px;
	min-height: 250px;
	min-width: 750px;
	padding: 0px 15px;
	position: fixed;
	text-align: center;
	text-shadow: 1px 1px 2px #000;
	top: 50%;
	z-index: 0;
}
.no-script-ff {
	font-family: 'Quicksand', sans-serif;
}
.no-script-fs {
	font-size: 18px;
}
.container {
	width: 100%;
	height: 100%;
	display: none;
	flex-direction: column;
	z-index: 1;
}
.body-container {
	width: 100%;
	height: auto;
	padding-top: 112px;
}
.flex-item {
	
}
.container .flex-item:nth-of-type(1) {flex-grow: 2;}
.container .flex-item:nth-of-type(2) {flex-grow: 5;}
.container .flex-item:nth-of-type(3) {flex-grow: 1;}
.links:link, .links:visited, .links-disabled  {
	padding: 6px 0px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
	color: blue;
	background: #FFF;
	border-bottom: 2px solid blue;
}
.links:hover, .links:active {
    color: orange;
	border-bottom: 2px solid orange;
}
.links-disabled {
	color: #A0A0A0;
	border-bottom: 2px solid #A0A0A0;
}
.button {
	width: 200px;
	margin-top: 40px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	text-align: center;
	vertical-align: middle;
	border-radius: 0px;
	text-transform: uppercase;
	font-weight: 400;
	letter-spacing: 2px;
	border: 3px solid #FFFFFF;
	color: #FFFFFF;
	transition: all 0.3s linear;
}
.button:hover {
	background-color: #FEFEFE;
	color: #C4C4C4;
	cursor: pointer;
}
#overlay {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.75);
    z-index: 2;
    cursor: pointer;
}
.loader1 {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  width: 70px;
  height: 70px;
  margin: -50px 0 0 -50px;
  border: 15px solid lightgrey;
  border-radius: 50%;
  border-top: 15px solid white;
  border-bottom: 15px solid white;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}
.loader2 {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 2;
  width: 62px;
  height: 62px;
  margin: -33px 0 0 -33px;
  border: 2px solid lightgrey;
  border-radius: 50%;
  border-top: 2px solid white;
  border-bottom: 2px solid white;
  -webkit-animation: spin-rev 2s linear infinite;
  animation: spin-rev 2s linear infinite;
}
.loader3 {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 3;
  width: 62px;
  height: 62px;
  margin: -33px 0 0 -33px;
  border: 2px solid transparent;
  text-align:center;
  font-family: 'Quicksand', sans-serif;
  font-size: 11px;
  color: white;
  line-height: 62px;
  text-shadow: 0.75px 0.75px black;
}
.default-page-title {
	background-color: rgba(0,0,0,0.60);
	border-radius: 25px 25px 0px 0px;
	font-weight: 400;
}
.default-captcha {
	padding: 10px;
	text-align: center;
}
.g-recaptcha {
	display: inline-block;
}
.highlight-cyan {
	color: cyan;
}
.highlight-green-sp {
	color: SpringGreen;
}
.highlight-white-red {
	color: white;
	text-shadow: 1px 1px 5px red;
}
.highlight-red {
	color: tomato;
	text-shadow: 1px 1px 5px black;
}
.highlight-blue {
	color: cyan;
}
.highlight-expdate {
	color: SpringGreen;
}
.highlight-email:link, .highlight-email:visited {
	color: white;
	text-decoration: none;
}
.highlight-email:hover, .highlight-email:active {
    color: orange;
}
.highlight-email-disabled {
	color: #A0A0A0;
	border-bottom: 2px solid #A0A0A0;
}
/* Navbar container */
.navbar {
	overflow: hidden;
	background-color: rgba(0, 0, 0, 0.65);
	font-family: Quicksand, sans-serif;
	position: fixed;
	top: 112px;
	width: 100%;
}
/* Links inside the navbar */
.navbar a {
  float: left;
  font-size: 14px;
  color: white;
  text-align: center;
  padding: 5px 16px;
  text-decoration: none;
}
/* The dropdown container */
.dropdown {
  float: left;
  overflow: hidden;
}
/* Dropdown button */
.dropdown .dropbtn {
  font-size: 14px;
  border: none;
  outline: none;
  color: white;
  padding: 5px 10px;
  background-color: inherit;
  font-family: inherit; /* Important for vertical align on mobile phones */
  margin: 0; /* Important for vertical align on mobile phones */
  letter-spacing: 1px;
  border-radius: 0px;
}
.navbar a:hover, .dropdown:hover .dropbtn {
  background-color: rgba(0, 0, 0, 0.30);
  color: gold;
}
/* Dropdown content (hidden by default) */
.dropdown-content {
  display: none;
  position: fixed;
  background-color: rgba(0, 0, 0, 0.65);
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.5);
  z-index: 2;
}
/* Links inside the dropdown */
.dropdown-content a {
  float: none;
  color: white;
  padding: 5px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}
.dropdown-content a:hover {
  color: gold;
}
/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
  display: block;
}
.btn {
	width: 40px;
	height: 30px;
	background-color: rgba(0,0,0,0.85);
	border: none;
	font-size: 20px;
	color: white;
	text-shadow: none;
	opacity: 0.7;
}
.btn:hover:enabled {
	background-color: rgba(0,0,0,0.95);
	box-shadow: 0px 0px 3px 0px rgba(255,255,255,0.5);
	opacity: 1;
}
.btn:disabled:hover,
.btn:disabled {
	color: #bebebe;
    text-shadow: none;
	opacity: 0.35;
}
.btn:first-child {
	margin-left: 5px;
}
.btn:last-child {
	margin-left: auto;
	margin-right: 5px;
}
.btn-close:hover:enabled, 
.btn-cancel:hover:enabled, 
.btn-delete:hover:enabled,
.btn-inner-close:hover:enabled, 
.btn-inner-cancel:hover:enabled, 
.btn-inner-delete:hover:enabled {
	color: red;
}
.btn-new:hover:enabled,
.btn-inner-new:hover:enabled {
	color: gold;
}
.btn-edit:hover:enabled,
.btn-inner-edit:hover:enabled {
	color: #7CFC00; /* LawnGreen */
}
.btn-close-dlg {
	border: none;
	background-color: transparent;
	color: rgba(204,204,204,0.85);
	font-size: 24px;
	position: absolute;
	top: 0px;
	right: 0px;
}
.btn-close-dlg:hover:enabled {
	background-color: transparent;
	border: none;
	box-shadow: none;
	color: white;	
}
.btn-err {
	top: 10px;
	background-color: transparent;
}
.btn-junk:hover:enabled,
.btn-spam:hover:enabled {
	color: orange;
}
.btn-view:hover:enabled,
.btn-save:hover:enabled,
.btn-refresh:hover:enabled,
.btn-inbox:hover:enabled,
.btn-unspam:hover:enabled {
	color: #00FFFF; /* Aqua */
}
.btn-starred:hover:enabled,
.btn-star:hover:enabled,
.btn-unstar:hover:enabled {
	color: gold;
}
.btn-approve:hover:enabled {
	color: #FF6347; /* Tomato */
}
.btn-send:hover:enabled {
	color: SpringGreen;
}
.v-separator {
	border: none;
	color: rgb(196, 196, 196);
	content: "";
	display: inline-block;
	margin: 0px 3px;
}
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

@-webkit-keyframes spin-rev {
  0% { -webkit-transform: rotate(360deg); }
  100% { -webkit-transform: rotate(0deg); }
}

@keyframes spin-rev {
  0% { transform: rotate(360deg); }
  100% { transform: rotate(0deg); }
}
.tooltip .tooltiptext {
	font-family: Quicksand, sans-serif;
	font-weight: 400;
	font-size: 12px;
	visibility: hidden;
	background-color: rgba(0, 0, 0, 0.60);
	color: #fff;
	text-align: center;
	border-radius: 5px;
	padding: 5px 5px;

	/* Position the tooltip */
	position: absolute;
	top: 35px;
	z-index: 1;
	text-shadow: none;
}

.tooltip:hover .tooltiptext {
	visibility: visible;
}
.formerror {
	margin: 0;
	padding: 10px;
}
.formerror fieldset {
	color: white;
	border: 1px solid red;
	border-radius: 10px;
	background-color: rgba(255,0,0,0.15);
}
.formerror legend {
    color: red;
    text-shadow: 0.5px 0.5px 1px #A0A0A0;
}
.label-left-w25pct {
	float: left;
	width: 25%;
}
.label-left-w30pct {
	float: left;
	width: 30%;
}
.value-left-w75pct {
	width: 75%;
	margin-left: 26%;
}
.value-font-color {
	color: gold;
}
.font-10px {
	font-size: 10px;
}
.display-flexbox {
	display: flex;	
	flex-direction: row;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.display-backdrop {
	-webkit-backdrop-filter: blur(5px);
	backdrop-filter: blur(5px);
}
.display-backdrop-white {
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
	background-color: rgba(255, 255, 255, 0.65);	
}
.brand-watermark {
	background-image: url("../images/assoc_logo_226.webp");
	height: 100%;
	width: 100%;
	position: fixed;
	opacity: 0.5;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 5%;
	z-index: -1;
}
.pgn {
	background-color: rgba(0, 0, 0, 0.5);
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
	font-size: 14px;
	padding: 10px 5px;
	width: auto;
}
.pgn button {
	background-color: transparent;
	color: #7FFFD4;
	padding: 5px;
	text-align: center;
	text-decoration: none;
	text-shadow: none;
	transition: background-color .35s;
	border: 1px solid #7FFFD4; /* Aquamarine */
	border-radius: 7px;
	margin: 4px 4px;
	width: 30px;
	height: 30px;
}
.pgn button.active {
	background-color: rgba(127, 255, 212, 0.85);
	color: black;
	border: 1px solid #7FFFD4; /* Aquamarine */
}
.pgn button:enabled:hover:not(.active):not(.symbols) {
	color: #7FFFD4;
	background-color: rgba(127, 255, 212, 0.45);
}
.pgn .symbols {
	font-size: 20px;
	background-color: transparent;
	border: none;
	color: white;
}
.pgn button:enabled:hover:is(.symbols) {
	color: #7FFFD4;
}
.pgn button:disabled:is(.symbols) {
	color: rgba(127, 127, 127, 0.65);
}
.pgn-l {
	
}
.bc {
	background-color: rgba(255, 255, 255, 0.65);
	color: black;
	display: flex;
	flex-direction: row;
    flex-wrap: wrap;
	align-content: center;
	align-items: center;
	font-family: 'Quicksand', sans-serif;
	font-size: 11px;
	font-weight: 600;
	height: 24px;
	padding: 0px 10px;
	text-shadow: none;
}
.bca1 {
	justify-content: center;
}
.bca2 {
	justify-content: flex-start;
}
.bcl {
	color: black;
	padding: 2px;
	text-decoration: none;
}
.bcl:hover {
	color: blue;
	font-weight: 600;
	text-decoration: none;
}
.bl {
	height: 100%;
	width: 100%;
	position: fixed;
	z-index: 10;
}
.blpl {
	content: "";
	height: 100%;
	width: 50%;
	float: left;
	background-color: rgba(0, 0, 0, 0.80);
	opacity: 1;
	z-index: 10;
	animation: slideOutToLeft 3s linear 5s 1 normal forwards;
}
.blpr {
	content: "";
	height: 100%;
	width: 50%;
	float: right;
	background-color: rgba(0, 0, 0, 0.80);
	opacity: 1;
	z-index: 10;
	animation: slideOutToRight 3s linear 5s 1 normal forwards;
}
.bll {
	background-image: url("../images/assoc_logo_226.webp");
	height: 100%;
	width: 100%;
	position: fixed;
	opacity: 1;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 10%;
	z-index: 11;
	-webkit-animation: revolve 5s infinite;
	animation: revolve 5s infinite, disappear 3s linear 5s 1 normal forwards;
}
.photo-frame {
	width: 120px;
	height: 160px;
}
.photo-frame img {
	border-radius: 10px;
}
.sw {
	position: relative;
}
.sc {
	overflow:auto;
}
.tal {
	text-align: left;
}
.tac {
	text-align: center;
}
.tar {
	text-align: right;
}
.fs {
	border-color: rgba(255,255,255,0.90);
	border-style: solid;
	border-width: 30px 0px 2px 0px;
	margin: 2px;
	padding: 0px;	
}
.fs legend {
	background-color: rgba(255,255,255,0.90);
	color: black;
	font-weight: 600;
	line-height: 30px;
	padding-left: 5px;
	text-shadow: 0px 0px 3px WhiteSmoke;
	width: 98%;
}
.fs legend:hover {
	cursor: pointer;
}
.ls1 {
	color: RebeccaPurple;
}
.ls2 {
	color: RosyBrown;
}
.ls3 {
	color: OrangeRed;
}
.ls4 {
	color: DarkGray;
}
.ls5 {
	color: FireBrick;
}
.ls6 {
	color: Green;
}
.dfr {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
}
.dfrn {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
}
.dfrw {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
.dfcn {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
}
.dfcw {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
}
.dfa1 {
	align-content: center;
    justify-content: flex-start;
    align-items: flex-start;
}
.dfa2 {
	align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
}
.dfa3 {
	align-content: center;
	justify-content: space-between;
    align-items: center;
}
.dfa4 {
	align-content: center;
    justify-content: center;
    align-items: center;
}
.dfa5 {
	align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.dfa6 {
	align-content: center;
	justify-content: flex-end;
    align-items: center;
}
.dfa7 {
	align-content: center;
	justify-content: space-evenly;
    align-items: center;
}
.dfg1 {
	flex-grow: 1;
}
.dma {
	margin: auto;
}
.dm2 {
	margin-top: 2px;
}
.dmb2 {
	margin-bottom: 2px;
}
.dml2 {
	margin-left: 2px;
}
.dmr2 {
	margin-right: 2px;
}
.dnmr2 {
	margin-right: -2px;
}
.dnmr4 {
	margin-right: -4px;
}
.dib {
	display: inline-block;
}
.sfn {
	background-color: rgba(255,255,255,0.80);
	color: Black;
	height: 100%;
	line-height: 30px;
	padding-left: 3px;
	text-shadow: 0px 0px 3px WhiteSmoke;
}
.sfv {
	background-color: rgba(0,0,0,0.65);
	color: gold;
	flex: 1;
	line-height: 30px;
	padding-left: 5px;
	text-shadow: 0.5px 0.5px 3px black;
}
.sfv a,
.htc {
	color: gold;
}
.dfrw:nth-child(even) > .sfv {
	background-color: rgba(0,0,0,0.45);
}
.dfrw > .sfv {
	flex: 1;
}
.bgc1 {
	background-color: rgba(0,0,0,0.55);
}
.sgn {
	color: LawnGreen;
	text-shadow: 0px 0px 3px DimGray;
}
.srd {
	color: Crimson;
	text-shadow: 0px 0px 3px DimGray;
}
.sbk {
	color: Black;
	text-shadow: 0px 0px 3px DimGray;
}
.soe {
	color: Orange;
	text-shadow: 0px 0px 3px DimGray;
}
.scn {
	color: Cyan;
	text-shadow: 0px 0px 3px DimGray;
}
.syw {
	color: Yellow;
	text-shadow: 0px 0px 3px DimGray;
}
.sgy {
	color: Silver;
	text-shadow: 0px 0px 3px WhiteSmoke;
}
.lb {
	background-color: transparent;
	border: none;
	opacity: 0.5;
}
.lb:hover {
	cursor: pointer;
	opacity: 1;
}
.w50pct {
	width: 50%;
}
.w100pct {
	width: 100%;
}
.w25,
.w25 label,
.w25 input,
.w25 select,
.w25 textarea {
	min-width: 25px;
	max-width: 25px;
}
.w50,
.w50 label,
.w50 input,
.w50 select,
.w50 textarea {
	min-width: 50px;
	max-width: 50px;
}
.w75,
.w75 label,
.w75 input,
.w75 select,
.w75 textarea {
	min-width: 75px;
	max-width: 75px;
}
.w100,
.w100 label,
.w100 input,
.w100 select,
.w100 textarea {
	min-width: 100px;
	max-width: 100px;
}
.w150,
.w150 label,
.w150 input,
.w150 select,
.w150 textarea {
	min-width: 150px;
	max-width: 150px;
}
.w200,
.w200 label,
.w200 input,
.w200 select,
.w200 textarea {
	min-width: 200px;
	max-width: 200px;
}
.w250,
.w250 label,
.w250 input,
.w250 select,
.w250 textarea {
	min-width: 250px;
	max-width: 250px;
}
.w300,
.w300 label,
.w300 input,
.w300 select,
.w300 textarea {
	min-width: 300px;
	max-width: 300px;
}
.w350,
.w350 label,
.w350 input,
.w350 select,
.w350 textarea {
	min-width: 350px;
	max-width: 350px;
}
.w400,
.w400 label,
.w400 input,
.w400 select,
.w400 textarea {
	min-width: 400px;
	max-width: 400px;
}
.w450,
.w450 label,
.w450 input,
.w450 select,
.w450 textarea {
	min-width: 450px;
	max-width: 450px;
}
.w500,
.w500 label,
.w500 input,
.w500 select,
.w500 textarea {
	min-width: 500px;
	max-width: 500px;
}
.w550,
.w550 label,
.w550 input,
.w550 select,
.w550 textarea {
	min-width: 550px;
	max-width: 550px;
}
.w600,
.w600 label,
.w600 input,
.w600 select,
.w600 textarea {
	min-width: 600px;
	max-width: 600px;
}
.w650,
.w650 label,
.w650 input,
.w650 select,
.w650 textarea {
	min-width: 650px;
	max-width: 650px;
}
.w700,
.w700 label,
.w700 input,
.w700 select,
.w700 textarea {
	min-width: 700px;
	max-width: 700px;
}
.w750,
.w750 label,
.w750 input,
.w750 select,
.w750 textarea {
	min-width: 750px;
	max-width: 750px;
}
.w800,
.w800 label,
.w800 input,
.w800 select,
.w800 textarea {
	min-width: 800px;
	max-width: 800px;
}
.w850,
.w850 label,
.w850 input,
.w850 select,
.w850 textarea {
	min-width: 850px;
	max-width: 850px;
}
.w900,
.w900 label,
.w900 input,
.w900 select,
.w900 textarea {
	min-width: 900px;
	max-width: 900px;
}
.w950,
.w950 label,
.w950 input,
.w950 select,
.w950 textarea {
	min-width: 950px;
	max-width: 950px;
}
.w1000,
.w1000 label,
.w1000 input,
.w1000 select,
.w1000 textarea {
	min-width: 1000px;
	max-width: 1000px;
}
.dyn-vh {
	height: 100%;
}
@-webkit-keyframes revolve {
	from {
		-webkit-transform: rotateY(0deg);
	}
	to {
		-webkit-transform: rotateY(-360deg);
	}
}
@keyframes revolve {
	from {
		-moz-transform: rotateY(0deg);
		-ms-transform: rotateY(0deg);
		transform: rotateY(0deg);
	}
	to {
		-moz-transform: rotateY(-360deg);
		-ms-transform: rotateY(-360deg);
		transform: rotateY(-360deg);
	}
}
@keyframes disappear {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}
@keyframes slideOutToLeft {
	0% {
		-moz-transform: translateX(0%);
		-ms-transform: translateX(0%);
		transform: translateX(0%);
	}
	100% {
		-moz-transform: translateX(-100%);
		-ms-transform: translateX(-100%);
		transform: translateX(-100%);
	}
}
@keyframes slideOutToRight {
	0% {
		-moz-transform: translateX(0%);
		-ms-transform: translateX(0%);
		transform: translateX(0%);
	}
	100% {
		-moz-transform: translateX(100%);
		-ms-transform: translateX(100%);
		transform: translateX(100%);
	}
}
@media (max-width: 1023px) {
	h1 {
		font-size: 24px;
	}
	h2 {
		font-size: 22px;
	}
	h3 {
		font-size: 18px;
	}
	h4 {
		font-size: 16px;
	}
	h5 {
		font-size: 14px;
	}
	.no-script-fs {
		font-size: 14px;
	}
}
@media (max-width: 567px) {
	.no-script {
		margin: -135px 0 0 -150px;
		max-width: 290px;
		min-height: 270px;
		min-width: 290px;
		padding: 0px 5px;
	}
}
@media (min-width: 568px) and (max-width: 1023px) {
	.no-script {
		margin: -100px 0 0 -265px;
		max-width: 500px;
		min-height: 200px;
		min-width: 500px;
		padding: 0px 15px;
	}
}
@media (max-width: 767px) {
	input[type="text"],
	input[type="password"],
	input[type="date"],
	input[type="number"],
	input[type="email"],
	select {
		width: 235px;
	}
}
@media (max-width: 900px) {
	.body-container {
		padding-top: 136px; /* CAME-89 */
	}
	.default-captcha {
		margin-left: -8px;
		padding: 10px 0px;
		text-align: center;
	}
	.navbar {
		top: 136px;
	}
	.bll {
		background-size: 30%;
	}
	.fs {
		font-size: 12px;
	}
	.w25 {
		min-width: 18px;
		max-width: 18px;
	}
}
@media (min-width: 768px) and (max-width: 1024px) {
	input[type="text"],
	input[type="password"],
	input[type="date"],
	input[type="number"],
	input[type="email"],
	select {
		width: 214px;
	}	
}
@media (min-width: 1025px) and (max-width: 1366px) {
	input[type="text"],
	input[type="password"],
	input[type="date"],
	input[type="number"],
	input[type="email"],
	select {
		width: 290px;
	}
}
@media (max-width: 280px) {
	.dropdown .dropbtn {
		font-size: 10px;
		line-height: 18px;
	}
	.navbar a {
		font-size: 10px;
	}
}
@media (max-width: 320px) {
	.body-container {
		padding-top: 148px;
	}
	.navbar {
		top: 142px;
	}
}
@media (max-width: 1024px) {
	.dfr {
		flex-wrap: wrap;
	}
}