@font-face {
	font-family: "Montserrat";
	src: url(fonts/Montserrat.ttf);
}

@font-face {
	font-family: "writing-lined";
	src: url(fonts/writing-lined.ttf);
}

@font-face {
	font-family: "gateway";
	src: url(fonts/gateway.otf);
}

@font-face {
	font-family: "caviar";
	src: url(fonts/caviar-bold.ttf);
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: "sf";
	src: url(fonts/SF-Regular.otf);
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "sf";
	src: url(fonts/SF-Medium.otf);
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: "sf";
	src: url(fonts/SF-RegularItalic.otf);
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: "sf";
	src: url(fonts/SF-MediumItalic.otf);
	font-weight: 700;
	font-style: italic;
}

@font-face {
	font-family: "far";
	src: url(fonts/fa-regular-400.ttf);
}

@font-face {
	font-family: "fas";
	src: url(fonts/fa-solid-900.ttf);
}

html {
	font-size: 13px;
	background-color: #fff;
}

body {
	font-family: "sf";
	padding: 0px;
	font-weight: 400;
	color: #424242;
	background-color: #fff;
}

body.modal-open {
	overflow: hidden;
}

img {
	object-fit: cover !important;
	object-position: center !important;
}

textarea {
	color: #424242 !important;
	border-radius: .2rem !important;
}

input, select {
	display: inline-block !important;
	color: #424242 !important;
	white-space: nowrap;
	flex-shrink: 0;
}

select.form-control {
	font-size: inherit;
}

select:invalid {
	color: gray !important;
}

button.dropdown-item:active > span
{
	color: #fff !important;
}

a {
	cursor: pointer;
	text-decoration: none !important;
	outline: 0 !important;
}

div[contenteditable] {
	outline: 0px solid transparent;
}

.navbar {
	height: 48px;
}

.navbar-dark, .navbar-nav, .nav-link, .navbar-text {
	color: #ffffff !important;
	font-weight: 500;
}

.navbar-brand {
	font-size: 18px;
	font-weight: 700;
}

.btn-disabled {
	cursor: default !important;
	color: #bbb !important;
}

.btn-disabled:hover {
	opacity: 1.0 !important;
	color: #bbb !important;
}

.dropdown-item {
	font-size: 13px;
	color:  #424242;
}

.tooltip-inner {
    max-width: 500px !important;
}

.tooltip.show {
	opacity: 1;
	z-index: 3501;
}

.tooltip-inner {
	opacity:1;
	background-color: #0984e3;
	color: #fff;
	text-align: left;
	font-size: 12px;
	font-weight: bold;
}

.tooltip.bs-tooltip-top .tooltip-arrow::before {
	border-top-color: #0984e3;
}

.tooltip.bs-tooltip-bottom .tooltip-arrow::before {
	border-bottom-color: #0984e3;
}

.tooltip.bs-tooltip-start .tooltip-arrow::before {
	border-left-color: #0984e3;
}

.tooltip.bs-tooltip-end .tooltip-arrow::before {
	border-right-color: #0984e3;
}

.popover {
	z-index: 2550;
	font-size: 19px;
}

.popover-body {
	padding: 9px 9px 9px 2px;
}

.popover-body > a {
	margin-left: 7px;
}

.fade {
	transition: opacity .1s linear;
}

.toast {
	z-index: 3000;
	background-color: #fff;
	border: 0 !important;
	box-shadow: 0.25rem 0.25rem 1rem rgba(0,0,0,.35);
	font-size: 13px;
}