@font-face {
	font-family: robotoregular;
	src: url(../fonts/Roboto-Regular-webfont.eot);
	src: url(../fonts/Roboto-Regular-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/Roboto-Regular-webfont.woff) format('woff'), url(../fonts/Roboto-Regular-webfont.ttf) format('truetype'), url(../fonts/Roboto-Regular-webfont.svg#robotoregular) format('svg');
	font-weight: 400;
	font-style: normal
}

.roboto-regular {
	font-family: robotoregular, Arial, Helvetica, sans-serif
}

@font-face {
	font-family: roboto_condensedbold;
	src: url(../fonts/RobotoCondensed-Bold-webfont.eot);
	src: url(../fonts/RobotoCondensed-Bold-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/RobotoCondensed-Bold-webfont.woff) format('woff'), url(../fonts/RobotoCondensed-Bold-webfont.ttf) format('truetype'), url(../fonts/RobotoCondensed-Bold-webfont.svg#roboto_condensedbold) format('svg');
	font-weight: 400;
	font-style: normal
}

.roboto-condensedbold {
	font-family: roboto_condensedbold, Arial, Helvetica, sans-serif
}

@font-face {
	font-family: roboto_condensedregular;
	src: url(../fonts/RobotoCondensed-Regular-webfont.eot);
	src: url(../fonts/RobotoCondensed-Regular-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/RobotoCondensed-Regular-webfont.woff) format('woff'), url(../fonts/RobotoCondensed-Regular-webfont.ttf) format('truetype'), url(../fonts/RobotoCondensed-Regular-webfont.svg#roboto_condensedregular) format('svg');
	font-weight: 400;
	font-style: normal
}

.roboto-condensedregular {
	font-family: roboto_condensedregular, Arial, Helvetica, sans-serif
}

@font-face {
	font-family: robotoblack;
	src: url(../fonts/Roboto-Black-webfont.eot);
	src: url(../fonts/Roboto-Black-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/Roboto-Black-webfont.woff) format('woff'), url(../fonts/Roboto-Black-webfont.ttf) format('truetype'), url(../fonts/Roboto-Black-webfont.svg#robotoblack) format('svg');
	font-weight: 400;
	font-style: normal
}

.robotoblack {
	font-family: robotoblack, Arial, Helvetica, sans-serif
}

@font-face {
	font-family: robotoblack_italic;
	src: url(../fonts/Roboto-BlackItalic-webfont.eot);
	src: url(../fonts/Roboto-BlackItalic-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/Roboto-BlackItalic-webfont.woff) format('woff'), url(../fonts/Roboto-BlackItalic-webfont.ttf) format('truetype'), url(../fonts/Roboto-BlackItalic-webfont.svg#robotoblack_italic) format('svg');
	font-weight: 400;
	font-style: normal
}

.robotoblack-italic {
	font-family: robotoblack_italic, Arial, Helvetica, sans-serif
}

@font-face {
	font-family: robotobold;
	src: url(../fonts/Roboto-Bold-webfont.eot);
	src: url(../fonts/Roboto-Bold-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/Roboto-Bold-webfont.woff) format('woff'), url(../fonts/Roboto-Bold-webfont.ttf) format('truetype'), url(../fonts/Roboto-Bold-webfont.svg#robotobold) format('svg');
	font-weight: 400;
	font-style: normal
}

.robotobold {
	font-family: robotobold, Arial, Helvetica, sans-serif
}

@font-face {
	font-family: roboto_condensedbold_italic;
	src: url(../fonts/RobotoCondensed-BoldItalic-webfont.eot);
	src: url(../fonts/RobotoCondensed-BoldItalic-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/RobotoCondensed-BoldItalic-webfont.woff) format('woff'), url(../fonts/RobotoCondensed-BoldItalic-webfont.ttf) format('truetype'), url(../fonts/RobotoCondensed-BoldItalic-webfont.svg#roboto_condensedbold_italic) format('svg');
	font-weight: 400;
	font-style: normal
}

.roboto-condensedbold-italic {
	font-family: roboto_condensedbold_italic, Arial, Helvetica, sans-serif
}

@font-face {
	font-family: robotobold_italic;
	src: url(../fonts/Roboto-BoldItalic-webfont.eot);
	src: url(../fonts/Roboto-BoldItalic-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/Roboto-BoldItalic-webfont.woff) format('woff'), url(../fonts/Roboto-BoldItalic-webfont.ttf) format('truetype'), url(../fonts/Roboto-BoldItalic-webfont.svg#robotobold_italic) format('svg');
	font-weight: 400;
	font-style: normal
}

.robotobold-italic {
	font-family: robotobold_italic, Arial, Helvetica, sans-serif
}

@font-face {
	font-family: roboto_condenseditalic;
	src: url(../fonts/RobotoCondensed-Italic-webfont.eot);
	src: url(../fonts/RobotoCondensed-Italic-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/RobotoCondensed-Italic-webfont.woff) format('woff'), url(../fonts/RobotoCondensed-Italic-webfont.ttf) format('truetype'), url(../fonts/RobotoCondensed-Italic-webfont.svg#roboto_condenseditalic) format('svg');
	font-weight: 400;
	font-style: normal
}

.roboto-condenseditalic {
	font-family: roboto_condenseditalic, Arial, Helvetica, sans-serif
}

@font-face {
	font-family: robotoitalic;
	src: url(../fonts/Roboto-Italic-webfont.eot);
	src: url(../fonts/Roboto-Italic-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/Roboto-Italic-webfont.woff) format('woff'), url(../fonts/Roboto-Italic-webfont.ttf) format('truetype'), url(../fonts/Roboto-Italic-webfont.svg#robotoitalic) format('svg');
	font-weight: 400;
	font-style: normal
}

.robotoitalic {
	font-family: robotoitalic, Arial, Helvetica, sans-serif
}

@font-face {
	font-family: robotolight;
	src: url(../fonts/Roboto-Light-webfont.eot);
	src: url(../fonts/Roboto-Light-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/Roboto-Light-webfont.woff) format('woff'), url(../fonts/Roboto-Light-webfont.ttf) format('truetype'), url(../fonts/Roboto-Light-webfont.svg#robotolight) format('svg');
	font-weight: 400;
	font-style: normal
}

.robotolight {
	font-family: robotolight, Arial, Helvetica, sans-serif
}

@font-face {
	font-family: roboto_condensedlight;
	src: url(../fonts/RobotoCondensed-Light-webfont.eot);
	src: url(../fonts/RobotoCondensed-Light-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/RobotoCondensed-Light-webfont.woff) format('woff'), url(../fonts/RobotoCondensed-Light-webfont.ttf) format('truetype'), url(../fonts/RobotoCondensed-Light-webfont.svg#roboto_condensedlight) format('svg');
	font-weight: 400;
	font-style: normal
}

.roboto-condensedlight {
	font-family: roboto_condensedlight, Arial, Helvetica, sans-serif
}

@font-face {
	font-family: roboto_condensedlight_italic;
	src: url(../fonts/RobotoCondensed-LightItalic-webfont.eot);
	src: url(../fonts/RobotoCondensed-LightItalic-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/RobotoCondensed-LightItalic-webfont.woff) format('woff'), url(../fonts/RobotoCondensed-LightItalic-webfont.ttf) format('truetype'), url(../fonts/RobotoCondensed-LightItalic-webfont.svg#roboto_condensedlight_italic) format('svg');
	font-weight: 400;
	font-style: normal
}

.roboto-condensedlight-italic {
	font-family: roboto_condensedlight_italic, Arial, Helvetica, sans-serif
}

@font-face {
	font-family: robotolight_italic;
	src: url(../fonts/Roboto-LightItalic-webfont.eot);
	src: url(../fonts/Roboto-LightItalic-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/Roboto-LightItalic-webfont.woff) format('woff'), url(../fonts/Roboto-LightItalic-webfont.ttf) format('truetype'), url(../fonts/Roboto-LightItalic-webfont.svg#robotolight_italic) format('svg');
	font-weight: 400;
	font-style: normal
}

.robotolight-italic {
	font-family: robotolight_italic, Arial, Helvetica, sans-serif
}

@font-face {
	font-family: robotomedium;
	src: url(../fonts/Roboto-Medium-webfont.eot);
	src: url(../fonts/Roboto-Medium-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/Roboto-Medium-webfont.woff) format('woff'), url(../fonts/Roboto-Medium-webfont.ttf) format('truetype'), url(../fonts/Roboto-Medium-webfont.svg#robotomedium) format('svg');
	font-weight: 400;
	font-style: normal
}

.robotomedium {
	font-family: robotomedium, Arial, Helvetica, sans-serif
}

@font-face {
	font-family: robotomedium_italic;
	src: url(../fonts/Roboto-MediumItalic-webfont.eot);
	src: url(../fonts/Roboto-MediumItalic-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/Roboto-MediumItalic-webfont.woff) format('woff'), url(../fonts/Roboto-MediumItalic-webfont.ttf) format('truetype'), url(../fonts/Roboto-MediumItalic-webfont.svg#robotomedium_italic) format('svg');
	font-weight: 400;
	font-style: normal
}

.robotomedium-italic {
	font-family: robotomedium_italic, Arial, Helvetica, sans-serif
}

@font-face {
	font-family: robotothin;
	src: url(../fonts/Roboto-Thin-webfont.eot);
	src: url(../fonts/Roboto-Thin-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/Roboto-Thin-webfont.woff) format('woff'), url(../fonts/Roboto-Thin-webfont.ttf) format('truetype'), url(../fonts/Roboto-Thin-webfont.svg#robotothin) format('svg');
	font-weight: 400;
	font-style: normal
}

.robotothin {
	font-family: robotothin, Arial, Helvetica, sans-serif
}

@font-face {
	font-family: robotothin_italic;
	src: url(../fonts/Roboto-ThinItalic-webfont.eot);
	src: url(../fonts/Roboto-ThinItalic-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/Roboto-ThinItalic-webfont.woff) format('woff'), url(../fonts/Roboto-ThinItalic-webfont.ttf) format('truetype'), url(../fonts/Roboto-ThinItalic-webfont.svg#robotothin_italic) format('svg');
	font-weight: 400;
	font-style: normal
}

.robotothin_italic {
	font-family: robotothin_italic, Arial, Helvetica, sans-serif
}

@font-face {
	font-family: 'web_symbolsregular';
	src: url('../fonts/websymbols-regular-webfont.eot');
	src: url('../fonts/websymbols-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/websymbols-regular-webfont.woff') format('woff'), url('../fonts/websymbols-regular-webfont.ttf') format('truetype'), url('../fonts/websymbols-regular-webfont.svg#web_symbolsregular') format('svg');
	font-weight: normal;
	font-style: normal;
}



.dropdown-item.focus,
.dropdown-item:active {
	color: #fff;
	text-decoration: none;
	background-color:var(--primary-red);
}

.user-profile-item.focus .user-profile-item-icon path,
 .user-profile-item:active .user-profile-item-icon path {
	stroke: var(--white);
}

.user-profile-item.focus .user-profile-item-text,
.user-profile-item:active .user-profile-item-text {
	color: var(--white);
}





/* ********************************************** */
/* components */
/* ********************************************** */
/*color Variable*/
:root {
	/* white */
	--white: #ffffff;
	/* red */
	--primary-red: #b51e3c;
	--primary-red-dark: #75051b;
	/* black */
	--primary-black: #1d1d1d;
	--secondary-black-1: #949494;
	--secondary-black-333: #333333;
	--black-222: #222;
	--secondary-black-666: #666666;
	/* blue */
	--primary-blue: #056d9e;
	--secondary-blue: #006493;
	--ligh-blue: #f5f6fa;
	/* grey */
	--primary-grey: #4D4D4F;
	--grey-98A5B8: #98A5B8;
	--grey-b2b2b2: #b2b2b2;
	--grey-c1c1c1: #c1c1c1;
	--grey-fbfbfb: #fbfbfb;
	--grey-6e6e71: #6e6e71;
	--grey-cdd7e1: #CDD7E1;
	--grey-666: #666;
	--grey-f0f0f0: #F0F0F0;
	/* rgba */
	--grey-3e485480: rgba(62, 72, 84, 0.50);
	/*  */
	--blue-light: #f5f6fa;
	/*  */
	--site-info-bgColor: #f7f7f7;
	--master-layout-bgColor: #f7f7f7;
	--placeholder-color: #999;
	/* font family */
	--font-regular: Arial, sans-serif;
	--font-medium: Arial, sans-serif;
	--font-bold: Arial, sans-serif;
	--font-light: Arial, sans-serif;
	/* font-size */
	--font-32: 2rem;
	--font-22: 1.375rem;
	--font-24: 1.5rem;
	--font-20: 1.25rem;
	--font-18: 1.125rem;
	--font-16: 1rem;
	--font-14: 0.875rem;
	--font-12: 0.75rem;
	--font-11: 0.6875rem;
	--font-10: 0.625rem;
}

.primary-bg {
	background: var(--site-info-bgColor)
}
.primary-red-color {
	color: var(--primary-red)!important
}

/* BUTTONS */
.btn,
button {
	cursor: pointer
}

.btn {
	font-size: 100%;
	outline: 0;
	font-family: robotoregular, Arial, Helvetica, sans-serif;
	/* min-width: 85px */
	
}

.btn:focus {
	/*border: none;*/
	outline: 0
}

:focus {
	outline: 0
}


.btn-default {
	background: #ebebeb;
	border-color: #BEBEBF;
	border: 1px solid;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	-ms-background-clip: padding-box;
	-o-background-clip: padding-box;
	background-clip: padding-box;
	font-family: roboto_condensedregular, Arial, Helvetica, sans-serif;
	-webkit-transition: background-color .5s ease, color .5s ease, box-shadow .5s ease, color .5s ease;
	-moz-transition: background-color .5s ease, color .5s ease, box-shadow .5s ease, color .5s ease;
	-ms-transition: background-color .5s ease, color .5s ease, box-shadow .5s ease, color .5s ease;
	-o-transition: background-color .5s ease, color .5s ease, box-shadow .5s ease, color .5s ease;
	transition: background-color .5s ease, color .5s ease, box-shadow .5s ease, color .5s ease;
	box-shadow: none;
}

.btn-default svg {
	margin-bottom: -.2em
}

.btn-primary {
	background: #197b30;
	border-color: #197b30;
	color: #fff;
	text-shadow: none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	-ms-background-clip: padding-box;
	-o-background-clip: padding-box;
	background-clip: padding-box;
	-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0) rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0) rgba(0, 0, 0, .2);
	-ms-box-shadow: 0 0 0 rgba(0, 0, 0, 0) rgba(0, 0, 0, .2);
	-o-box-shadow: 0 0 0 rgba(0, 0, 0, 0) rgba(0, 0, 0, .2);
	box-shadow: 0 0 0 rgba(0, 0, 0, 0) rgba(0, 0, 0, .2);
	-webkit-transition: background-color .5s ease, border-color .5s ease, box-shadow .5s ease, color .5s ease;
	-moz-transition: background-color .5s ease, border-color .5s ease, box-shadow .5s ease, color .5s ease;
	-ms-transition: background-color .5s ease, border-color .5s ease, box-shadow .5s ease, color .5s ease;
	-o-transition: background-color .5s ease, border-color .5s ease, box-shadow .5s ease, color .5s ease;
	transition: background-color .5s ease, border-color .5s ease, box-shadow .5s ease, color .5s ease
}

.btn-primary:focus,
.btn-primary:hover {
	background-color: #f27200;
	border-color: #f27200
}

.btn-primary svg {
	margin-bottom: -.2em
}

.btn-red {
	background: #b51e3c;
	border-color: #b51e3c;
	border: 1px solid;
	color: #fff;
	/* height: 32px; */
	/* padding: 4px 12px; */
	padding: 0.8125rem 1.5rem;
	white-space: nowrap;
	text-shadow: none;
	font-size: 1rem;
	line-height: 1;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	-ms-background-clip: padding-box;
	-o-background-clip: padding-box;
	background-clip: padding-box;
	-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0) rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0) rgba(0, 0, 0, .2);
	-ms-box-shadow: 0 0 0 rgba(0, 0, 0, 0) rgba(0, 0, 0, .2);
	-o-box-shadow: 0 0 0 rgba(0, 0, 0, 0) rgba(0, 0, 0, .2);
	box-shadow: 0 0 0 rgba(0, 0, 0, 0) rgba(0, 0, 0, .2);
	-webkit-transition: background-color .5s ease, border-color .5s ease, box-shadow .5s ease, color .5s ease;
	-moz-transition: background-color .5s ease, border-color .5s ease, box-shadow .5s ease, color .5s ease;
	-ms-transition: background-color .5s ease, border-color .5s ease, box-shadow .5s ease, color .5s ease;
	-o-transition: background-color .5s ease, border-color .5s ease, box-shadow .5s ease, color .5s ease;
	transition: background-color .5s ease, border-color .5s ease, box-shadow .5s ease, color .5s ease
}

	.btn-red:focus,
	.btn-red:hover {
		background-color: #75051b;
		/*border: 1px solid;
		border-color: #75051b;*/
		color: #fff;
	}

.btn-red-outline {
	background: #fff;
	border-color: #b51e3c;
	color: #b51e3c;
	/* height: 32px; */
	/* padding: 4px 12px; */
	padding: 0.8125rem 1.5rem;
	white-space: nowrap;
	text-shadow: none;
	font-size: 1rem;
	line-height: 1;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	-ms-background-clip: padding-box;
	-o-background-clip: padding-box;
	background-clip: padding-box;
	-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0) rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0) rgba(0, 0, 0, .2);
	-ms-box-shadow: 0 0 0 rgba(0, 0, 0, 0) rgba(0, 0, 0, .2);
	-o-box-shadow: 0 0 0 rgba(0, 0, 0, 0) rgba(0, 0, 0, .2);
	box-shadow: 0 0 0 rgba(0, 0, 0, 0) rgba(0, 0, 0, .2);
	-webkit-transition: background-color .5s ease, border-color .5s ease, box-shadow .5s ease, color .5s ease;
	-moz-transition: background-color .5s ease, border-color .5s ease, box-shadow .5s ease, color .5s ease;
	-ms-transition: background-color .5s ease, border-color .5s ease, box-shadow .5s ease, color .5s ease;
	-o-transition: background-color .5s ease, border-color .5s ease, box-shadow .5s ease, color .5s ease;
	transition: background-color .5s ease, border-color .5s ease, box-shadow .5s ease, color .5s ease
}

.btn-red-outline:focus,
.btn-red-outline:hover {
	background-color: #fff;
	border-color: #75051b;
	color: #b51e3c;
}
.btn-white {
	background: #fff;
	border-color: #888;
	color: #333;
	text-shadow: none;
	padding: 0.8125rem 1.5rem;
	white-space: nowrap;
	text-shadow: none;
	font-size: 1rem;
	line-height: 1;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	-ms-background-clip: padding-box;
	-o-background-clip: padding-box;
	background-clip: padding-box;
	-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0) rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0) rgba(0, 0, 0, .2);
	-ms-box-shadow: 0 0 0 rgba(0, 0, 0, 0) rgba(0, 0, 0, .2);
	-o-box-shadow: 0 0 0 rgba(0, 0, 0, 0) rgba(0, 0, 0, .2);
	box-shadow: 0 0 0 rgba(0, 0, 0, 0) rgba(0, 0, 0, .2);
	-webkit-transition: background-color .5s ease, border-color .5s ease, box-shadow .5s ease, color .5s ease;
	-moz-transition: background-color .5s ease, border-color .5s ease, box-shadow .5s ease, color .5s ease;
	-ms-transition: background-color .5s ease, border-color .5s ease, box-shadow .5s ease, color .5s ease;
	-o-transition: background-color .5s ease, border-color .5s ease, box-shadow .5s ease, color .5s ease;
	transition: background-color .5s ease, border-color .5s ease, box-shadow .5s ease, color .5s ease
}

.btn-white:focus,
.btn-white:hover {
	border-color: #333;
	color: #333;
}

.btn-clear {
	background: #fff;
	border-color: #fff;
	color: var(--primary-red);
	text-shadow: none;
	padding: 0.8125rem 1.5rem;
	white-space: nowrap;
	text-shadow: none;
	font-size: 1rem;
	line-height: 1;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	-ms-background-clip: padding-box;
	-o-background-clip: padding-box;
	background-clip: padding-box;
	-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0) rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0) rgba(0, 0, 0, .2);
	-ms-box-shadow: 0 0 0 rgba(0, 0, 0, 0) rgba(0, 0, 0, .2);
	-o-box-shadow: 0 0 0 rgba(0, 0, 0, 0) rgba(0, 0, 0, .2);
	box-shadow: 0 0 0 rgba(0, 0, 0, 0) rgba(0, 0, 0, .2);
	-webkit-transition: background-color .5s ease, border-color .5s ease, box-shadow .5s ease, color .5s ease;
	-moz-transition: background-color .5s ease, border-color .5s ease, box-shadow .5s ease, color .5s ease;
	-ms-transition: background-color .5s ease, border-color .5s ease, box-shadow .5s ease, color .5s ease;
	-o-transition: background-color .5s ease, border-color .5s ease, box-shadow .5s ease, color .5s ease;
	transition: background-color .5s ease, border-color .5s ease, box-shadow .5s ease, color .5s ease
}
.btn-clear .clear-icon {
	width: 0.625rem;
	height: 0.625rem;
	margin-right: .2rem;
	display: inline-flex;
	align-items: center;
}
.btn-clear:focus,
.btn-clear:hover {
	background: var(--white);
	border-color: var(--white);
	color: var(--primary-red);
}
.btn-clear:focus .clear-icon path,
.btn-clear:hover .clear-icon path {
	fill: var(--primary-red);
	stroke: var(--primary-red);
}
.btn-primary-aqua {
	background: var(--primary-red);
	border-color: var(--primary-red);
	color: #fff;
	padding: 0.8125rem 1.5rem;
	white-space: nowrap;
	text-shadow: none;
	font-size: 1rem;
	line-height: 1;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	-ms-background-clip: padding-box;
	-o-background-clip: padding-box;
	background-clip: padding-box;
	-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0) rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0) rgba(0, 0, 0, .2);
	-ms-box-shadow: 0 0 0 rgba(0, 0, 0, 0) rgba(0, 0, 0, .2);
	-o-box-shadow: 0 0 0 rgba(0, 0, 0, 0) rgba(0, 0, 0, .2);
	box-shadow: 0 0 0 rgba(0, 0, 0, 0) rgba(0, 0, 0, .2);
	-webkit-transition: background-color .5s ease, border-color .5s ease, box-shadow .5s ease, color .5s ease;
	-moz-transition: background-color .5s ease, border-color .5s ease, box-shadow .5s ease, color .5s ease;
	-ms-transition: background-color .5s ease, border-color .5s ease, box-shadow .5s ease, color .5s ease;
	-o-transition: background-color .5s ease, border-color .5s ease, box-shadow .5s ease, color .5s ease;
	transition: background-color .5s ease, border-color .5s ease, box-shadow .5s ease, color .5s ease
}
.btn-primary-aqua:focus,
.btn-primary-aqua:hover {
	background-color: var(--primary-red);
	border-color: var(--primary-red);
	color: #fff;
}
.btn-primary-aqua-outline {
	background: var(--white);
	border-color: var(--primary-red);
	color: var(--primary-red);
	padding: 0.8125rem 1.5rem;
	white-space: nowrap;
	text-shadow: none;
	font-size: 1rem;
	line-height: 1;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	-ms-background-clip: padding-box;
	-o-background-clip: padding-box;
	background-clip: padding-box;
	-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0) rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0) rgba(0, 0, 0, .2);
	-ms-box-shadow: 0 0 0 rgba(0, 0, 0, 0) rgba(0, 0, 0, .2);
	-o-box-shadow: 0 0 0 rgba(0, 0, 0, 0) rgba(0, 0, 0, .2);
	box-shadow: 0 0 0 rgba(0, 0, 0, 0) rgba(0, 0, 0, .2);
	-webkit-transition: background-color .5s ease, border-color .5s ease, box-shadow .5s ease, color .5s ease;
	-moz-transition: background-color .5s ease, border-color .5s ease, box-shadow .5s ease, color .5s ease;
	-ms-transition: background-color .5s ease, border-color .5s ease, box-shadow .5s ease, color .5s ease;
	-o-transition: background-color .5s ease, border-color .5s ease, box-shadow .5s ease, color .5s ease;
	transition: background-color .5s ease, border-color .5s ease, box-shadow .5s ease, color .5s ease
}

.btn-primary-aqua-outline:focus,
.btn-primary-aqua-outline:hover {
	background-color: var(--white);
	border-color: var(--primary-red);
	color: var(--primary-red);
}


.btn-grey {
	background: var(--secondary-black-666);
	border-color: var(--secondary-black-666);
	color: #fff;
	text-shadow: none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	-ms-background-clip: padding-box;
	-o-background-clip: padding-box;
	background-clip: padding-box;
	-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0) rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0) rgba(0, 0, 0, .2);
	-ms-box-shadow: 0 0 0 rgba(0, 0, 0, 0) rgba(0, 0, 0, .2);
	-o-box-shadow: 0 0 0 rgba(0, 0, 0, 0) rgba(0, 0, 0, .2);
	box-shadow: 0 0 0 rgba(0, 0, 0, 0) rgba(0, 0, 0, .2);
	-webkit-transition: background-color .5s ease, border-color .5s ease, box-shadow .5s ease, color .5s ease;
	-moz-transition: background-color .5s ease, border-color .5s ease, box-shadow .5s ease, color .5s ease;
	-ms-transition: background-color .5s ease, border-color .5s ease, box-shadow .5s ease, color .5s ease;
	-o-transition: background-color .5s ease, border-color .5s ease, box-shadow .5s ease, color .5s ease;
	transition: background-color .5s ease, border-color .5s ease, box-shadow .5s ease, color .5s ease
}

.btn-grey:focus,
.btn-grey:hover {
	background-color: var(--secondary-black-333);
	border-color: var(--secondary-black-333);
	color: #fff;
}
.btn-success {
	background: #39b54a;
	border-color: #39b54a;
	color: #fff;
	text-shadow: none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	-ms-background-clip: padding-box;
	-o-background-clip: padding-box;
	background-clip: padding-box;
	-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0) rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0) rgba(0, 0, 0, .2);
	-ms-box-shadow: 0 0 0 rgba(0, 0, 0, 0) rgba(0, 0, 0, .2);
	-o-box-shadow: 0 0 0 rgba(0, 0, 0, 0) rgba(0, 0, 0, .2);
	box-shadow: 0 0 0 rgba(0, 0, 0, 0) rgba(0, 0, 0, .2);
	-webkit-transition: background-color .5s ease, border-color .5s ease, box-shadow .5s ease, color .5s ease;
	-moz-transition: background-color .5s ease, border-color .5s ease, box-shadow .5s ease, color .5s ease;
	-ms-transition: background-color .5s ease, border-color .5s ease, box-shadow .5s ease, color .5s ease;
	-o-transition: background-color .5s ease, border-color .5s ease, box-shadow .5s ease, color .5s ease;
	transition: background-color .5s ease, border-color .5s ease, box-shadow .5s ease, color .5s ease
}

.btn-success:focus,
.btn-success:hover {
	background-color: #3c763d;
	border-color: #3c763d
}

.btn-w-32 {
	padding: 0.4375rem 1rem;
	height: 2rem;
	font-size: var(--font-14);
	line-height: 1
}

/* ****************************** */
/* The custom-checkbox */
.custom-checkbox {
	display: inline-block;
	position: relative;
	padding-left: 1.5rem;
	margin-bottom: 0.625rem;
	cursor: pointer;
	 font-size: var(--font-22);
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	height: 1.5625rem;
	color: var(--secondary-black-333);
	font-family: var(--font-regular);
	font-size: var(--font-14);
	line-height: 1.4;
}

	.custom-checkbox.readonly {
		cursor: auto;
	}

/* Hide the browser's default checkbox */
	.custom-checkbox input {
		position: absolute;
		opacity: 0;
		cursor: pointer;
		height: 0;
		width: 0;
	}

/* Create a custom checkbox */
.checkmark {
	position: absolute;
	top: 0px;
	left: 0;
	height: 1rem;
	width: 1rem;
	background-color: #fff;
	border: 1px solid var(--grey-b2b2b2);
	border-radius: 4px;
}

/* On mouse-over, add a grey background color */
.custom-checkbox:hover input~.checkmark {
	background-color: #fff;
}

/* When the checkbox is checked, add a blue background */
.custom-checkbox input:checked~.checkmark {
	background-color: var(--primary-red);
	border: 1px solid var(--primary-red)
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

/* Show the checkmark when checked */
.custom-checkbox input:checked~.checkmark:after {
	display: block;
}

/* Style the checkmark/indicator */
.custom-checkbox .checkmark:after {
	left: 0.3125rem;
	top: 0.0625rem;
	width: 0.3125rem;
	height: 0.625rem;
	border: solid white;
	border-width: 0 2px 2px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

/*  */


/* ************************************* */
/* Custom Radio Css Start */
/* ************************************* */
.custom-radio {
	display: block;
	position: relative;
	padding-left: 1.375rem;
	padding-top: 3px;
	cursor: pointer;
	margin-bottom: 0.625rem;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	font-size: var(--font-14);
}

	.custom-radio .label-content {
		font-size: var(--font-14);
		line-height: 0.75rem;
		color: var(--secondary-black-333);
		display: inline-block;
		vertical-align: top
	}

/* Hide the browser's default radio button */
.custom-radio input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
}

/* Create a custom radio button */
.custom-radio .checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 1rem;
	width: 1rem;
	background-color: #fff;
	border: 1px solid var(--grey-b2b2b2);
	border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.custom-radio:hover input~.checkmark {
	/*background-color: var(--primary-red);*/
}

/* When the radio button is checked, add a blue background */
.custom-radio input:checked~.checkmark {
	background-color: var(--white);
	border: 1px solid var(--primary-red);
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.custom-radio .checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

/* Show the indicator (dot/circle) when checked */
.custom-radio input:checked~.checkmark:after {
	display: block;
}

/* Style the indicator (dot/circle) */
.custom-radio .checkmark:after {
	top: 0.125rem;
	left: 0.125rem;
	width: 0.625rem;
	height: 0.625rem;
	border: 2px solid var(--primary-red);
	border-radius: 50%;
	background: var(--primary-red);
}

/* ************************************* */
/* Custom Radio Css End */
/* ************************************* */

.icon-btn {
	padding: 0px;
	border: none;
	background: transparent;
	width: 1.5rem;
	height: 1.5rem;
	margin: 0 0.5rem
}

.icon-btn svg {
	width: 1.5rem;
	height: 1.5rem;
}

.icon-btn path {
	stroke: var(--secondary-black-666)
}

.icon-btn:hover path {
	stroke: var(--primary-red)
}

.del-icon-btn {
	padding: 0px;
	border: none;
	background: transparent;
	width: 1.5rem;
	height: 1.5rem;
	margin: 0 0.5rem
}

.del-icon-btn svg {
	width: 1.5rem;
	height: 1.5rem;
}

.del-icon-btn:hover path {
	fill: var(--primary-red)
}

.edit-icon-btn {
	padding: 0px;
	border: none;
	background: transparent;
	width: 1.5rem;
	height: 1.5rem;
	margin: 0 0.5rem
}

.edit-icon-btn svg {
	width: 1.5rem;
	height: 1.5rem;
}

.edit-icon-btn:hover path {
	stroke: var(--primary-red);
}


.update-icon-btn {
	padding: 0px;
	border: none;
	background: transparent;
	width: 1.5rem;
	height: 1.5rem;
	margin: 0 0.5rem
}

.update-icon-btn svg {
	width: 1.5rem;
	height: 1.5rem;
}

.update-icon-btn:hover path {
	stroke: var(--primary-red);
}

.close-icon-btn {
	padding: 0px;
	border: none;
	background: transparent;
	width: 1.5rem;
	height: 1.5rem;
	margin: 0 0.5rem
}

.close-icon-btn svg {
	width: 1.5rem;
	height: 1.5rem;
}

.close-icon-btn:hover path {
	stroke: var(--primary-red);
}

.pooltext-link {
	color: var(--primary-red);
	font-family: var(--font-regular);
	font-size: var(--font-14);
	font-style: normal;
	line-height: 1.25rem;
	text-decoration: none !important;
	border-bottom: 1px solid var(--primary-red)
}

.pooltext-link:hover {
	color: var(--primary-red);
	text-decoration: none;
	border-bottom: 1px solid transparent;
}