:root {
	--main-bg-color: #213262;
}


/* FS Elliot Fonts */
@font-face {
	font-family: 'fs_elliot_pro';
	src: url('../fonts/FS-Elliot-Pro-Regular.otf') format('opentype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'fs_elliot_pro-light';
	src: url('../fonts/fs_elliot_pro-light.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'fs_elliot_pro-regular';
	src: url('../fonts/fs_elliot_pro-regular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'fs_elliot_pro-bold';
	src: url('../fonts/fs_elliot_pro-bold.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'fs_elliot_pro-heavy';
	src: url('../fonts/fs_elliot_pro-heavy.woff') format('woff');
	font-weight: bold;
	font-style: normal;
}

.fs_elliot_pro-light {
	font-family: 'fs_elliot_pro-light', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.fs_elliot_pro-regular {
	font-family: 'fs_elliot_pro-regular', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.fs_elliot_pro-bold {
	font-family: 'fs_elliot_pro-bold', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.fs_elliot_pro-heavy {
	font-family: 'fs_elliot_pro-heavy', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

body {
	font-family: 'fs_elliot_pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 14px/21px;
	padding: 0px !important;
	margin: 0px !important;
	color: #111;
	background: #fafafa;
	padding: 0;
	margin: 0;
}


/*** RESETS */
.alert ul {
	margin: 0;
	padding: 0
}

.force-select-all {
	-webkit-user-select: all;
	user-select: all;
}

ul li {
	list-style: none;
}

ul.disc li {
	list-style: disc;
}

a,
a:hover,
a:focus {
	text-decoration: none;
	outline: none;
}

 ::selection {
	background: #acccfc;
	color: #333;
}

 ::-moz-selection {
	background: #acccfc;
	color: #333;
}

.form-control::-webkit-input-placeholder {
	color: #8B8B8B;
}

.form-control:-moz-placeholder {
	/* Firefox 18- */
	color: #8B8B8B;
}

.form-control::-moz-placeholder {
	/* Firefox 19+ */
	color: #8B8B8B;
}

.form-control:-ms-input-placeholder {
	color: #8B8B8B;
}


/* preloader */
.preloader {
	position: fixed;
	height: 100%;
	width: 100%;
	background-color: rgba(255, 255, 255, 0.8);
	z-index: 999;
	color: #000;
	display: none
}

.preloader .text-box {
	text-align: center;
	margin-top: 15%;
}

.preloader .text-box i {
	font-size: 2rem
}

.container-fluid {
	padding: 0;
}

.form-control {
	outline: none;
	border-radius: 5px;
	border: 1px solid #585858;
	color: #000;
	font-family: 'fs_elliot_pro-regular', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: .9rem;
}
.form-control:focus {
	box-shadow: none;
	border: 1px solid #585858;
	/*retain the default */
}

.form-inline .form-group {
	display: inline
}

.btn-link,
.btn-link:hover,
.btn-link:focus {
	color: #E28200;
	text-decoration: underline
}

.btn-primary-viash:not(:disabled):not(.disabled):active,
.btn-lg.btn-default-viash {
	border: none;
	font-size: 1rem;
	/*padding: .8rem 3rem;*/
	background-color: #D5D5D5;
}

.btn-primary-viash:not(:disabled):not(.disabled):active,
.btn-primary-viash,
.btn-primary-viash:focus,
.btn-primary-viash:active,
.btn-primary-viash:hover {
	background: #E28200 0% 0% no-repeat padding-box;
	border-radius: .3rem;
	border: none;
	font-size: .9rem;
	color: #FFF;
	font-family: 'fs_elliot_pro-light', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.viash-dark-bg .btn-primary-viash:not(:disabled):not(.disabled):active,
.viash-dark-bg .btn-primary-viash,
.viash-dark-bg .btn-primary-viash:focus,
.viash-dark-bg .btn-primary-viash:active,
.viash-dark-bg .btn-primary-viash:hover {
	background: #F46A1C 0% 0% no-repeat padding-box;
}

.btn-primary-viash-out {
	padding: .7rem 1.5rem;
	border: 1px solid #E28200;
	box-shadow: none;
}

.btn-primary-viash-out,
.btn-primary-viash-out:hover,
.btn-primary-viash-out:active {
	font-size: .9rem;
	color: #E28200;
	background-color: transparent;
	font-family: 'fs_elliot_pro-light', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.btn-lg.btn-default-viash:focus,
.btn-lg.btn-default-viash:active {
	background-color: #D5D5D5;
	border: none;
}

.btn-primary-viash:not(:disabled):not(.disabled).active {
	/*background: #F46A1C 0% 0% no-repeat padding-box;*/
	background: #E28200 0% 0% no-repeat padding-box;
	border: none;
}

.btn-lg.btn-primary-viash {
	padding: .8rem 4rem;
}


/* modal */
.modal.ui-viash .modal-header {
	border-bottom: none;
}

.modal.ui-viash .modal-footer {
	border-top: none;
}

.modal.ui-viash .btn-primary-viash {
	box-shadow: none;
	padding: .8rem 2rem;
	min-width: 180px;
}

.modal.ui-viash .btn-default-viash {
	color: #535353;
	padding: .8rem 2rem;
	min-width: 180px;
}


/* footer */
footer .footer {
	border-top: 1px solid #111;
}


/*** END RESETS */
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'fs_elliot_pro-regular', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	color: #2B2B2B;
	font-weight: bold
}

.border {
	border: 1px solid red;
}


/* LOGIN */
body.fullpage {
	background-color: #213262;
	color: #FFF;
}

.fullpage .login {
	min-height: 65vh;
}

.login-heading {
	font-weight: bold;
	font-size: 1.6rem;
	color: #FFF;
}

.login-heading-left {
	font-size: 2.8rem;
	line-height: 4rem;
	color: #FFF
}

.btn-login,
.btn-google {
	padding: .8rem;
}

.btn-login,
.btn-login:focus,
.btn-login:active,
.btn-login:hover {
	background: #E28200 0% 0% no-repeat padding-box;
	border-radius: .3rem;
	border: none;
	font-size: .9rem;
	font-family: 'fs_elliot_pro-light', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.fullpage .btn-primary:not(:disabled):not(.disabled):active,
.fullpage .btn-primary:not(:disabled):not(.disabled).active,
.fullpage .show>.btn-primary.dropdown-toggle {
	background: #F46A1C 0% 0% no-repeat padding-box;
	border: none;
}

.fullpage label {
	margin-bottom: 0.2rem;
	font-size: .9rem;
	font-family: 'fs_elliot_pro-light', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.fullpage .input-group-text {
	border-color: #585858;
	background-color: #FFF;
}

.fullpage footer .footer {
	border-top: 1px solid #687CB5;
	color: #687CB5;
}

.login .form-control.form-control-lg,
.registration .form-control.form-control-lg {
	font-size: 14px;
    height: calc(1.8rem + 1rem + 2px);
}

/* misc */
.navbar {
	background: #213262;
}

.nav-link.viash {
	font-size: .8rem;
	line-height: 1rem;
}


/* LANDING - Select Company */
body.landing {
	background-color: #213262;
	background-image: url('../images/bg-landing.png');
	background-size: 100% 100%;
	background-attachment: fixed;
}

#company-column {
	background: rgba(0, 0, 0, 0.5);
	border-radius: 7px;
	padding: 2rem 4rem;
	margin-top: 15px
}

.landing .heading {
	font-size: 1.7rem;
	margin: 0 1rem;
}

.landing .sep {
	display: inline-block;
	height: 2px;
	width: 15px;
	background-color: #FFF
}

.landing .header-group {
	font-size: 1.4rem;
	margin-bottom: 0;
	padding-bottom: 0;
	font-family: 'fs_elliot_pro-light', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.landing label {
	font-size: 1rem;
	font-family: 'fs_elliot_pro-regular', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	text-align: center;
	color: #FFF;
	display: block;
}

.landing .btn-login {
	box-shadow: none;
	color: #FFF;
	width: 100%;
}


/************ INNER Pages */
/* defaults */

.form-inline label {
	display: block
}

header.masthead {
	color: #FFF;
	background: var(--main-bg-color);
	padding-bottom: 1rem
}

header.masthead h1,
header.masthead h2,
header.masthead h3 {
	color: #FFF;
}


/** Nav */
.masthead .navbar {
	background-color: transparent;
	padding-left: 0
}

.navbar-brand {
	margin-right: 0;
}

.navbar-brand img {
	height: 35px
}

.brand-globe img {
	height: 30px
}

.page-header .notes {
	font-size: 1rem;
	font-family: 'fs_elliot_pro-light', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}


/** Breadcrumb */
#main-breadcrumb .breadcrumb {
	padding-top: 2rem
}

.breadcrumb {
	padding-left: 0;
	background-color: transparent;
	font-size: .9rem
}

.breadcrumb-item+.breadcrumb-item::before {
	content: ">"
}

.breadcrumb a {
	color: #6c757d;
}

.breadcrumb-item.active {
	color: #FFF;
	font-family: 'fs_elliot_pro-regular', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}


/* RBN-START: zoom in/out effect */
.inner {
	overflow: hidden;
}

.inner img {
	transition: all 1.5s ease;
}


.content-center {
	text-align: center;
	margin-top: 50px;
}


/* RBN-END: zoom in/out effect */

/* ui fixes */
#modal-submitLater .modal-body,
#modal-submitDetails .modal-body {
	padding: 1.8rem
}

#modal-submitLater .modal-footer,
#modal-submitDetails .modal-footer {
	justify-content: center;
	display: block
}

button#btn-modal-formsubmit {
	padding: .8rem 2rem;
}

button#btn-modal-submitlater {
	padding: .8rem 2rem;
}


/* black dropdown arrow */
.select2-container--bootstrap .select2-selection--single .select2-selection__arrow b {
	border-color: #000 transparent transparent;
}

/* OTP modal button */
#modal-otp.modal.ui-viash .btn-primary-viash {
	padding: .8rem 1rem;
	min-width: 280px;
}

/* asterisk on required fields */
.form-group.required label:after {
	content: " *";
	color: rgb(211, 73, 73);
}

.multiselect-text__footnote {
    font-size: 0.8rem;
	line-height: 1.2rem;
}

.multiselect-text__footnote i {
    font-size: 0.4rem;
	display: none;
}

.multiselect-text__footnote.active {
	color: #2DAE88;
}

.multiselect-text__footnote.active i {
	display: inline;
}


/*Registration step-0 adjustment */
.fullpage.viash-dark-bg .btn-lg.btn-primary-viash {
	padding: .725rem 4rem;
}

.registration header.masthead .page-header h2 {
	font-size: 1.5rem;
}

/* file-upload resize height */
.custom-file {
    height: calc(1.6em + 1.5rem + 2px);
}
.custom-file-label {
    height: calc(2.8rem + 2px);
    padding: 0.8rem 0.75rem;
}
.custom-file-label:after {
    height: calc(2.8rem);
    padding: 0.8rem 0.75rem;
}