@font-face {
	font-family: 'AvertaforTBWARegular';
	src: url('../fonts/AvertaforTBWARegular.woff2') format('woff2'), url('../fonts/AvertaforTBWARegular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'AvertaforTBWASemibold';
	src: url('../fonts/AvertaforTBWASemibold.woff2') format('woff2'), url('../fonts/AvertaforTBWASemibold.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'AvertaforTBWABold';
	src: url('../fonts/AvertaforTBWABold.woff2') format('woff2'), url('../fonts/AvertaforTBWABold.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}


:root {
	--body-bg: #ffffff;
	--text-color: #4f4f4f;
	--border-radius: 0px;
	--sidebar-width: 282px;
	--link-color: #f1c92c;
	--color-primary: #f1c92c;
	--form-bg: #ffffff;
	--text-color-dark: #4f4f4f;
	--box-shadow-lg: none;
}

html {
	font-size: 16px;
}
body {
	font-family: AvertaforTBWARegular, sans-serif;
	overflow-x: hidden;
}

#switch-overlay {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #ffffff;
}
#switch-overlay a {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	color: inherit !important;
	display: inline-block;
	line-height: 2;
	padding: 0 11px;
	border: 1px solid #4f4f4f;
	background: #ffffff;
	text-transform: uppercase;
	text-align: center;
	font-family: AvertaforTBWABold, sans-serif;
}

.content a {
	color: #4f4f4f;
}

.ghost {
	visibility: hidden !important;
	position: absolute !important;
}

.custom-radio .custom-control-input:checked~.custom-control-label:before {
	background: #f1c92c;
}
.custom-file {
	height: 40px;
}
.custom-file-label {
	margin: 0 !important;
	height: 100%;
	line-height: 26px;
	box-shadow: 0 1px 1px rgba(0,0,0,.08);
	text-align: left !important;
	overflow: hidden;
}
.custom-file-label:after {
	height: 100%;
	line-height: 26px;
}

.select2-container--bootstrap .select2-selection--single {
	height: auto;
}
.select2-selection__rendered {
	line-height: 30px;
}

#main input.dirty:invalid + .custom-file-label,
#main input.dirty:invalid {
	border: 1px solid red;
}
.form-widget.invalid {
	position: relative;
}
.invalid-message {
	display: none;
	position: absolute;
	left: 7px;
	top: 100%;
	margin: 0 !important;
	font-size: .7rem !important;
	color: red !important;
	text-align: left !important;
}
.form-widget.invalid .invalid-message {
	display: block;
}


/*-------- neutralize easyadmin grid styling ----------*/
.wrapper {
	grid-template-areas: none;
	display: block;
	margin: 0 auto;
	width: 100%;
}

.content-wrapper {
	grid-template-columns: 0 auto 0;
}

#navigation-toggler {
	display: none;
}

/*------- general ---------*/
.btn-primary, .btn-primary:hover, .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled):focus {
	font-family: AvertaforTBWABold, sans-serif;
	color: inherit;
}

.action-data-template,
.action-lightbox,
.datagrid .actions a {
	color: inherit !important;
	display: inline-block;
	line-height: 2;
	padding: 0 11px;
	border: 1px solid #4f4f4f;
	background: #ffffff;
	text-transform: uppercase;
	text-align: center;
	min-width: 74px;
	font-family: AvertaforTBWABold, sans-serif;
}
.action-edit:hover {
	color: #f1c92c !important;
}

.user-action-logout {
	color: #f1c92c;
}


/*------- top bar ---------*/
#top-bar {
	line-height: 4rem;
	padding: 8px;
	border-bottom: 4px solid #4f4f4f;
}

#logo {
	width: 111px;
	margin: 0 42px 0 10px;
	float: left;
}
#logo img {
	display: inline-block;
	max-width: 100%;
}

#top-bar h1 {
	float: left;
	line-height: inherit;
	font-size: 2rem;
	margin: 0;
	font-family: AvertaforTBWABold, sans-serif;
}

#nav-control {
	position: absolute;
	opacity: 0;
	pointer-events: none;
}

#top-bar label {
	font-size: 2rem;
	line-height: inherit;
	float: right;
	margin: 0 20px;
}
#nav-close {
	color: #ffffff;
}

nav {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.97);
	transform: translateY(-100%);
	transition: .5s;
	z-index: 9;
	line-height: 2;
	padding: 20px;
}
#nav-control:checked + #nav-open + nav {
	transform: translateY(0);
}

.sidebar-menu {
	list-style: none;
	text-align: center;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	margin: 0;
	padding: 0;
}

.sidebar-menu li {
	margin: 0;
	padding: 1rem 0;
	position: relative;
	line-height: 1.3;
}

.sidebar-menu .fa {
	display: none;
}

.sidebar-menu a {
	font-size: 1rem;
	color: #ffffff;
	text-shadow: 2px 4px 3px rgba(0,0,0,.2);
	text-transform: uppercase;
	-webkit-transition: all .25s ease;
	transition: all .25s ease;
	display: inline-block;
	border-bottom: 1px solid #f1c92c;
	padding: 0;
}

.sidebar-menu a:hover {
	color: #f1c92c;
	text-decoration: none;
}

.sidebar-menu li:not(.submenu-active).active {
	color: #f1c92c;
}


/*------- other ----------*/
.content-header {
	display: block !important;
	padding: 0 !important;
	margin-bottom: 4rem;
	border: 0;
}
.content-header-title .title {
	text-transform: uppercase;
	line-height: 2.5;
	font-size: 1.3rem;
	font-family: AvertaforTBWABold, sans-serif;
	text-align: center;
	border-bottom: 1px solid #4f4f4f;
}
.content-header .global-actions {
	margin: 0;
	padding: 20px;
	float: right;
}
.action-search {
	display: none;
}

table.datagrid {
	width: auto;
	margin: auto;
}
.datagrid td, .datagrid th {
	border: var(--border-width) var(--border-style) var(--border-color) !important;
	border-top: 0 !important;
	border-left: 0 !important;
}
.datagrid tr:last-child > td {
	border-bottom: 0 !important;
}
.datagrid tr td:last-of-type, .datagrid tr th:last-of-type {
	border-right: 0 !important;
}
.datagrid th {
	border-bottom-color: #000000 !important;
}
.datagrid tr:last-child>td {
	border-bottom: 0;
}
.content-footer {
	border: 0;
	padding: 0 10px;
}
.datagrid thead th {
	text-transform: uppercase;
	font-family: AvertaforTBWABold, sans-serif;
	font-size: .8rem;
}
.datagrid thead a, .datagrid thead span {
	text-align: center;
	padding: 0 5px;
	line-height: 23px;
}

.form-actions .btn {
	margin: 0 20px;
}

.form-widget input.form-control, .form-widget select.form-control, .form-widget textarea.form-control {
	height: 40px;
}

.col-form-label,
.form-check-label,
.form-control-label {
	line-height: 2.4;
	font-size: 1.05rem !important;
	font-family: AvertaforTBWABold, sans-serif;
}

.btn-bigger {
	line-height: 44px;
	padding: 0 35px;
}

.action-data-template {
	line-height: 38px;
	margin: 0 0 -4px 9px;
	padding: 0 11px;
}

.btn-tabs {
	display: block;
	width: 180px;
	line-height: 44px;
	text-align: center;
	margin: 40px auto 0;
	font-size: 1.5rem !important;
}

.sl-overlay {
	opacity: .98;
}


/*------- client list ----------*/
#easyadmin-list-Client .datagrid tr th {
	min-width: 166px;
}
#easyadmin-list-Client .datagrid tr th:last-of-type {
	max-width: 207px;
}

/*------- client form ----------*/
.new-client .content-header,
.edit-client .content-header {
	display: none !important;
}
form[name=client] {
	padding: 0;
}
form[name=client] .nav-tabs {
	display: block;
	margin: 0 0 5rem;
	padding: 0;
}
form[name=client] .nav-link {
	text-transform: uppercase;
	line-height: 2.5;
	font-size: 1.3rem;
	font-family: AvertaforTBWABold, sans-serif;
	text-align: center;
	border: 0;
	border-bottom: 1px solid #4f4f4f !important;
	padding: 0;
	display: none;
}
form[name=client] .nav-link.active {
	display: block;
}

form[name=client] .form-actions .action-save {
	display: none;
}

form[name=client] .tab-content {
	max-width: 580px;
	margin: auto;
}
form[name=client] .col-form-label,
form[name=client] .form-control-label {
	flex: 95px 0 0;
	text-align: left;
}
form[name=client] .form-widget {
	flex: 0 0 340px;
}

form[name=client] .tab-content .tab-pane:nth-of-type(2) .form-group {
	display: flex;
}
form[name=client] .tab-content .tab-pane:nth-of-type(2) .form-widget {
	margin-left: 40px;
	flex: none;
}
form[name=client] .tab-content .tab-pane:nth-of-type(2) input {
	position: absolute;
	opacity: 0;
}
form[name=client] .tab-content .tab-pane:nth-of-type(2) .form-check-label {
	width: 199px;
	text-align: left;
	margin-right: 81px;
	position: relative;
}
form[name=client] .tab-content .tab-pane:nth-of-type(2) .form-check-label:after {
	content: '';
	display: inline-block;
	width: 46px;
	height: 46px;
	margin: 0 20px;
	border: 1px solid #4f4f4f;
	position: absolute;
	left: 100%;
	top: -2px;
	background: url("../img/checkbox-checked.png") no-repeat 0 0 / cover;
}
form[name=client] .tab-content .tab-pane:nth-of-type(2) input:not(:checked) + .form-check-label:after {
	background: none;
}

.custom-color-input {
	position: relative;
}
.custom-color-input:before, .custom-color-input:after {
	display: block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	opacity: .5;
}
.custom-color-input:before {
	content: '#';
	left: 11px;
}
.custom-color-input:after {
	content: '(in hex)';
	right: 11px;
}
.custom-color-input input {
	padding-left: 18px !important;
}

#client_industry {
	padding-top: 12px;
}
#client_industry > div {
	float: left;
	width: 30%;
	margin: 0 3% 8px 0;
}