:root {
	--ci-main: rgba(75, 190, 219, 1);
}

html,
body {
	/*height: 100%;*/
	font-family: "Roboto", sans-serif;
	caret-color: var(--ci-main);
}

.boxed-layout,
.main-content,
.row page-wrapper {
	position: initial !important;
}

/*  Roboto Font */
@font-face {
	font-family: "robotoregular";
	src: url("/ressources/fonts/Roboto-Regular-webfont.woff") format("woff");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "robotomedium";
	src: url("/ressources/fonts/Roboto-Medium-webfont.woff") format("woff");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "Roboto";
	src: url("/ressources/fonts/Roboto-Light-webfont.woff") format("woff");
	font-weight: normal;
	font-style: normal;
}

/*  Roboto Font */

.cursor-pointer {
	cursor: pointer;
}

.cursor-unset {
	cursor: unset !important;
}

.btn-bw {
	background-image: -webkit-linear-gradient(top, var(--ci-main) 0, #265a88 100%);
	background-image: -o-linear-gradient(top, var(--ci-main) 0, #265a88 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, from(var(--ci-main)), to(#265a88));
	background-image: linear-gradient(to bottom, var(--ci-main) 0, #265a88 100%);
	background-repeat: repeat-x;
	border-color: #245580;
}

.btn-ci-main:hover {
	color: #fff;
	background-color: var(--ci-main);
	border-color: var(--ci-main);
}

.btn-ci-main {
	color: #fff;
	background-color: var(--ci-main);
	border-color: var(--ci-main);
}

.btn-ci-main:disabled {
	border: 1px solid var(--ci-main);
}

.btn-outline-ci-main:hover {
	color: #fff;
	background-color: var(--ci-main);
	border-color: var(--ci-main);
}

.btn-outline-ci-main {
	color: var(--ci-main);
	background: transparent none;
	border-color: var(--ci-main);
}

.btn-bg-white {
	background-color: #fff;
}

.fifty-vw {
	width: 50vw;
}

.twenty-vw {
	width: 20vw;
}

.w-inherit {
	width: inherit;
}

.dot-prefix::before {
	content: "● ";
}

.cxo-banner-backdrop {
	z-index: 1070;
	width: 100vw;
	height: 100vw;
	position: absolute;
	background-color: #000;
	opacity: 0.3;
	margin-top: -15rem;
}

input:focus {
	border: 1px solid var(--ci-main) !important;
}

.blur-5px {
	filter: blur(5px);
}

.list-group-item-small {
	padding-top: 0.2rem;
	padding-bottom: 0.2rem;
	font-size: smaller;
}

a.disabled:hover {
	cursor: default;
}

.line-height-1 {
	line-height: 1;
}

.hidden {
	display: none;
}

select:invalid,
input:invalid {
	box-shadow: none;
}

.custom-select option {
	background-color: var(--bs-light);
}

@media screen and (max-width: 1399px) {
	.navbar-brand {
		margin-right: 0;
	}

	.navbar-brand-title {
		display: none;
	}
}

.text-overflow-ellipsis {
	text-overflow: ellipsis;
}

/* remove number input spinners */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	/* display: none; <- Crashes Chrome on hover */
	-webkit-appearance: none;
	margin: 0;
}

input[type="number"] {
	-moz-appearance: textfield;
}

.text-pre-wrap {
	white-space: pre-wrap;
}