@charset "UTF-8";

#evgHeader .browser-detect{
	position: relative;
	animation-name: browser-detect-anim;
    animation-duration: 1s;
}
@keyframes browser-detect-anim{
    from{
        top: -250px;
    }
    to{
        top: 0px;
    }
}


#evgHeader .cursor-pointer{
  	cursor: pointer;
}

.evgHeader > div:nth-child(2){
	border-bottom-style: solid; 
	border-bottom-width: 1px;
	border-bottom-color: #eee9e9;
}

.headerMain{
	box-shadow: 0px 0px 10px 0.5px #a59d9d; 
	top: 0; 
	z-index: 999; 
	background: #fff;
	-webkit-backdrop-filter: saturate(180%) blur(3px); 
	backdrop-filter: saturate(180%) blur(3px); 
	background-color: rgba(255, 255, 255, 0.85);
	position: fixed;
    width: 100%;
}

.evgActionBar {
	background-color: var(--base-color);
	height: 4rem;
}

.evgActionBar .rBox {
	min-width: 100px;
}

.evgActionBar .rBox:hover {
    background-color: #5db7e9 /*#009688*/;
    color: #fff;
    border-radius: 3px;
}

.evgActionBar .rBox span{
	font-size: 1rem;
}

@media only screen and (max-width: 992px){
	.evgActionBar .rBox {
		min-width: 25px;
	}
}
@media only screen and (min-width: 992px){
	.evgActionBar .rBox {
		min-width: 100px;
	}
}



@media only screen and (min-width: 480px){
	.evgActionBar .evgFlex50 > .d-flex > .rBox :nth-child(1) {
		padding: 0.2rem 0.8rem 0.2rem 0.8rem;
	}
}




@media screen and (max-width: 767px) {
	.evgActionBar .logo{
		//width: 120px;
	    padding: 0.25rem;
	        height: 65px
	}

}

@media screen and (min-width: 1200px) { 
	.evgActionBar .logo{
		//width: 200px;
		margin: 0.3rem 0rem 0.3rem 0rem;
		padding: 0.25rem;
		height: 65px
	}
}

@media screen and (min-width: 768px) and (max-width: 1200px) {
	.evgActionBar .logo{
		//width: 160px;
		margin: 0.3rem 0rem 0.3rem 0rem;
		padding: 0.25rem;
		height: 65px
	}

	@keyframes example {
		0%{
			color: #3c4043;
		}
		100%{
			color: #009688;
			padding-left: 10px;
		}
	}

}





 
/* fontawesome css */
.fa-user:before {
    content: "\f007"
}
.fa-home:before {
    content: "\f015"
}

.fa-sign-out-alt:before {
    content: "\f2f5"  
}

.fa,.fab,.fad,.fal,.far,.fas {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1
}

.fa-lg {
    font-size: 1.33333em;
    line-height: .75em;
    vertical-align: -.0667em
}

.fa-bullhorn:before {
    content: "\f0a1"
}
.fa-xs {
	font-size: .75em; 
}


.fa-comment-dollar:before {
    content: "\f651"
}

.fa-edit:before {
    content: "\f044"
}

.fa-th:before {
    content: "\f00a"
}

.fa-user-alien:before {
    content: "\f94a"
}

.fa-lock:before {
    content: "\f023"
}

.fa,.fas {
    font-family: "Font Awesome 5 Pro";
    font-weight: 900
}

@font-face {
  font-family: 'Font Awesome 5 Brands';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("/_util_lib/fontawesome/5.13.0/webfonts/fa-brands-400.eot");
  src: url("/_util_lib/fontawesome/5.13.0/webfonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("/_util_lib/fontawesome/5.13.0/webfonts/fa-brands-400.woff2") format("woff2"), url("/_util_lib/fontawesome/5.13.0/webfonts/fa-brands-400.woff") format("woff"), url("/_util_lib/fontawesome/5.13.0/webfonts/fa-brands-400.ttf") format("truetype"), url("/_util_lib/fontawesome/5.13.0/webfonts/fa-brands-400.svg#fontawesome") format("svg"); }

.fab {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }
@font-face {
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("/_util_lib/fontawesome/5.13.0/webfonts/fa-regular-400.eot");
  src: url("/_util_lib/fontawesome/5.13.0/webfonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("/_util_lib/fontawesome/5.13.0/webfonts/fa-regular-400.woff2") format("woff2"), url("/_util_lib/fontawesome/5.13.0/webfonts/fa-regular-400.woff") format("woff"), url("/_util_lib/fontawesome/5.13.0/webfonts/fa-regular-400.ttf") format("truetype"), url("/_util_lib/fontawesome/5.13.0/webfonts/fa-regular-400.svg#fontawesome") format("svg"); }

.far {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }
@font-face {
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url("/_util_lib/fontawesome/5.13.0/webfonts/fa-solid-900.eot");
  src: url("/_util_lib/fontawesome/5.13.0/webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("/_util_lib/fontawesome/5.13.0/webfonts/fa-solid-900.woff2") format("woff2"), url("/_util_lib/fontawesome/5.13.0/webfonts/fa-solid-900.woff") format("woff"), url("/_util_lib/fontawesome/5.13.0/webfonts/fa-solid-900.ttf") format("truetype"), url("/_util_lib/fontawesome/5.13.0/webfonts/fa-solid-900.svg#fontawesome") format("svg"); }

.fa,
.fas {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900; }
 .fa-align-justify:before{content:"\f039"}
 
.fa-user-clock:before{content:"\f4fd"}
.fa-user-lock:before{content:"\f502"}
.fa-times:before{content:"\f00d"}