@font-face {
    font-family: 'montserratthin';
    src: url('../fonts/montserrat-thin-webfont.woff2?v=1') format('woff2'),
         url('../fonts/montserrat-thin-webfont.woff?v=1') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'montserratlight';
    src: url('../fonts/montserrat-light-webfont.woff2?v=1') format('woff2'),
         url('../fonts/montserrat-light-webfont.woff?v=1') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'montserratregular';
    src: url('../fonts/montserrat-regular-webfont.woff2?v=1') format('woff2'),
         url('../fonts/montserrat-regular-webfont.woff?v=1') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'montserratmedium';
    src: url('../fonts/montserrat-medium-webfont.woff2?v=1') format('woff2'),
         url('../fonts/montserrat-medium-webfont.woff?v=1') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'montserratsemibold';
    src: url('../fonts/montserrat-semibold-webfont.woff2?v=1') format('woff2'),
         url('../fonts/montserrat-semibold-webfont.woff?v=1') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'montserratbold';
    src: url('../fonts/montserrat-bold-webfont.woff2?v=1') format('woff2'),
         url('../fonts/montserrat-bold-webfont.woff?v=1') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'robotolight';
    src: url('../fonts/roboto-light-webfont.woff2?v=1') format('woff2'),
         url('../fonts/roboto-light-webfont.woff?v=1') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'robotoregular';
    src: url('../fonts/roboto-regular-webfont.woff2?v=1') format('woff2'),
         url('../fonts/roboto-regular-webfont.woff?v=1') format('woff');
    font-weight: normal;
    font-style: normal;

}

.montserratthin{
	font-family:'montserratthin';
}
.montserratthin strong{
	font-family:'montserratbold';
}
.montserratlight{
	font-family:'montserratlight';
}
.montserratregular{
	font-family:'montserratregular';
}
.montserratmedium{
	font-family:'montserratmedium';
}
.montserratsemibold{
	font-family:'montserratsemibold';
}
.montserratbold{
	font-family:'montserratbold';
}
.robotolight{
	font-family:'robotolight';
}
.robotoregular{
	font-family:'robotoregular';
}

.logo_area{
	background: linear-gradient(to right, #f6d686 , #eeb31e);
	box-shadow: 0px 0px 5px #ccc;
}
.logo_area.right{
	background: linear-gradient(to left, #f6d686 , #eeb31e);
	box-shadow: 0px 0px 5px #ccc;
}
.roles_btn{
	width:17%;
	margin:0 1.5%;
	color:#717071;
	line-height:1.3em;
	font-size:0.80em;
	font-family:'montserratregular';
}
.roles_btn:hover{
	color:#717071;
}
.roles_btn > div{
	margin:0 0 0.6em 0;
	background:#EEB31E;
	border-radius:6px;
	padding:0.2em 0;
	transition: all .6s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.roles_btn:hover > div{
	box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    -webkit-transform: scale(1.04, 1.04);
    transform: scale(1.04, 1.04);
}

.custom_group {
	border:solid 1px;
    border-color: #fff;
}
.custom_group .input-group-text{
	color:#c2c4c5;
	background:#f1f2f2;
	border:none;
	padding: .375rem 0.1rem .375rem .75rem;
}
.custom_group .form-control{
	background:#f1f2f2;
	border:none;
	outline:none;
	box-shadow:none;
	font-family:'montserratregular';
	transition: background-color 50000s ease-in-out 0s;
	font-size:0.8em;
	padding:.675rem .75rem .575em;
}

.custom_group ::placeholder {
	color: #c2c4c5;
	opacity: 1; /* Firefox */
}

.custom_group :-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #c2c4c5;
}

.custom_group ::-ms-input-placeholder { /* Microsoft Edge */
	color: #c2c4c5;
}

.forgot_link, .signin_link{
	color:#717071;
}
.forgot_link:hover,
.signin_link:hover{
	color:#717071;
}

.choose_role{
	background:#414042;
	color:#fff;
	font-size:1.2em;
	padding:0.25em 2.5rem 0.1em;
}
a.signup_page, a.signin_page{
	color:#EEB31E;
}

.custom_group.is-invalid{
	border:solid 1px;
    border-color: #dc3545;
}
.flex_box {
    flex: 1;
}

.thankyou_text{
	font-size:1.2em;
}

.login_btn{
	color:#fff;
	line-height:1.3em;
	font-size:1.3em;
	font-family:'montserratregular';
	background:#EEB31E;
	padding:0.25em 1.5em;
	text-transform:uppercase;
	border-radius:0;
}
.login_btn:hover,
.login_btn:active,
.login_btn:focus{
	color:#fff !important;
}
.registeration_role_info{
	display: none;
	width: 96%;
    margin: auto;
	position: absolute;
	right: 0;
	left: 0;
}
#register_form p.highlight .form-control{
	border:solid 1px;
    border-color: #dc3545;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.media {
		display:block;
	}
	.arrow-down{
		left:50%;
		margin:0 0 0 -15px;
	}
	.btn_duplicate{
		box-shadow:1px 1px 1px 1px #ccc8c8
	}
	.select2-container--bootstrap4 .select2-selection--single{
		height: calc(1.40rem + 2px) !important;
	}
}
.ie10 body .select2-container--bootstrap4 .select2-selection--single .select2-selection__arrow{
	top: auto !important;
	height:5px;
}
.ie10 .media {
	display:block;
}
.ie10 .custom_group .form-control {
	padding:.450rem .75rem .975em;
}

/*bottom tours start + id's helper*/
.global-ids-bottom-fixed {
  background: #a7a9ac;
	color: white;
	width: auto;
	height: auto;
	padding: 6px;
	border-radius: 200px;
	bottom: 10px;
	right: 20px;
	position: absolute;
	cursor: pointer;
}

.tooltip { 
	pointer-events: none;
}

.pack_table td{
	color:#000;
	font-weight:bold;
}

.detail_table2 tbody td {
    background: #F3F3F3;
    line-height: 1.8em;
}

.own-control{
	border:none;
	width:100%;
	height:100%;
	padding: .3rem;
	font-size:inherit;
}
.own-control:focus {
	box-shadow: none;
	outline: 0 none;
}
.own-control.is-invalid{
	border:solid 1px;
    border-color: #dc3545;
}
.own-select-reg .select2-selection--single {
    height: calc(1.65rem + 1px) !important;
    margin-top: 1px;
}
.own-select-reg .select2-selection--single{
	background: #f1f2f2 !important;
}
.own-select-reg.select2-container--disabled .select2-selection--single{
	background: #ccced0 !important;
}
.covid_19_fields{
	display:none;
}
.town_warning
{
	position:absolute;
	top:60px;
	left:0;
	z-index: 2;
	display:none;
}
.relative
{
	position:relative;
}
/* IE 10/11/EDGE CSS HACKS */

/* EDGE */
@supports (-ms-ime-align:auto) {
	
}
/* IE 11 */
@media all and (-ms-high-contrast:none){
	.own-control,
	.form-control{
		line-height:1em;
	}
}

.ceo, .company_address, .vat_no{
	display:none;
}
.vat_code{
  width:50px;  
}

@media screen and (min-width: 1200px) and (max-width: 1400px){
  body{
    font-size: 1.1em;
  }
  .form-control,
  .select2-container--bootstrap4 .select2-selection--single .select2-selection__rendered {
    font-size: 0.8rem;
  }
  .own-select-reg .select2-selection--single {
    height: calc(1.75rem + 1px) !important;
  }
  .btn-group-sm>.btn, .btn-sm {
    line-height: 1.7;
  }
}
@media screen and (min-width: 1401px) and (max-width: 1620px){
  body{
    font-size: 1.2em;
  }
  .form-control,
  .select2-container--bootstrap4 .select2-selection--single .select2-selection__rendered {
    font-size: 0.9rem;
  }
  .own-select-reg .select2-selection--single {
    height: calc(2.10rem + 1px) !important;
  }
  .btn-group-sm>.btn, .btn-sm {
    line-height: 1.9;
  }
}
@media screen and (min-width: 1621px) and (max-width: 1920px){
  body{
    font-size: 1.3em;
  }
  .form-control,
  .select2-container--bootstrap4 .select2-selection--single .select2-selection__rendered {
    font-size: 1.1rem;
  }
  .own-select-reg .select2-selection--single {
    height: calc(2.45rem + 1px) !important;
  }
  .btn-group-sm>.btn, .btn-sm {
    line-height: 1.9;
    font-size: 1rem;
  }
  .vat_code {
    width: 65px;
  }
}
@media screen and (min-width: 1921px) and (max-width: 2560px){
  body{
    font-size: 1.5em;
  }
  .form-control,
  .select2-container--bootstrap4 .select2-selection--single .select2-selection__rendered {
    font-size: 1.3rem;
  }
  .own-select-reg .select2-selection--single {
    height: calc(2.65rem + 1px) !important;
  }
  .btn-group-sm>.btn, .btn-sm {
    line-height: 2.3;
  }
  .vat_code {
    width: 65px;
  }
}
.not_valid.google-recaptcha{
  border: solid 1px red;
}

/* LOGO ANIMATION */

.data_loading,
.data_loading2{
	background:url('../images/trans_bg.png');
	position:fixed;
	width:100%;
	height:100%;
	z-index:1052;
	display:none;
}

.flip-logo,
.flip-dollar
{
	background-color: transparent;
	width: 139px;
	height: 139px;
	-webkit-animation:spin 2000ms linear infinite;
	animation: spin 2000ms linear infinite;
	transform-style: preserve-3d;
	opacity: 1;
	filter: alpha(opacity=100);
	margin:10% auto 0;
}

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

.flip-logo-inner,
.flip-dollar-inner
{
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
}

.flip-logo-front, 
.flip-logo-back,
.flip-dollar-front, 
.flip-dollar-back 
{
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
}

.flip-logo-front,
.flip-dollar-front 
{
  color: black;
  z-index: 2;
}

.flip-logo-back,
.flip-dollar-back
{
  color: white;
  transform: rotateY(180deg);
  z-index: 1;
}

/* LOGO ANIMATION */