* {
    box-sizing: border-box;
}

body{
	line-height: 1.2;
    font-size: 16px;
    color: #38383b;
    position: relative;
    font-family: "IBM Plex Sans", sans-serif;
    background: #f3f5f9;
    padding: 0;
    margin: 0;
    transition: all 0.2s;
}


h1,h2,h3,h4,h5,h6{
	margin: 0;
	padding: 0;
	font-weight: 400;
	font-size: inherit;
}

p{
	margin: 0;
}

ul{
	list-style: none;
	padding: 0;
	margin: 0;
}
ol{
	margin: 0;
}

img{
	vertical-align: middle;
}

a{
	transition: all 0.2s;
	color: #79ADFB;
	text-decoration: none;
	outline: none;
	cursor: pointer;
}

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

button{
	transition: all 0.2s;
}

input,
textarea,
button,
.swiper-button{
	outline: none;
	border: 0;
}

table{
	border-spacing: 0px;
    border-collapse: collapse;
    width: 100%;
}

.swiper-container-fade .swiper-slide:not(.swiper-slide-active){
	opacity: 0 !important;
}

@media (min-width: 1200px){
	.container {
	    max-width: 1200px;
	}
}


@media (max-width: 575px){
	.container {
	    max-width: 320px;
	}
}

@media (min-width: 768px) and (max-width: 991px){
	.container {
	    max-width: 750px;
	}
}

@media (max-width: 575px){
	.datepicker{
		position: fixed  !important;
		transform: translate(-50%,-50%) !important;
	}
	.datepicker.active{
		top: 50%  !important;
		left: 50%  !important;
	}
	.datepicker--pointer{
		display: none
	}
}

.autocomplete-suggestion{
	padding: .2em .6em;
	cursor: pointer;
}


.form-input--gray::placeholder{
	color: #a3a5a9;
	opacity: 1;
}

.sidebar{
	z-index: 9
}

.m-auto{
    margin: auto !important;
}

.color__thunderbird.error-with-text {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    height: 20px;
    font-size: 13px;
    width: 140px;
}

.color__thunderbird.error-with-text .error-with-content {
    height: 16px;
    margin-right: 5px;
    cursor: pointer;
    position: relative;
}

.error-with-content.left {

}

.color__thunderbird.error-with-text .error-with-content:hover::before,
.color__thunderbird.error-with-text .error-with-content:hover::after {
    display: block;
    cursor: default;
}

.color__thunderbird.error-with-text .error-with-content::after {
    content: attr(data-content);
    position: absolute;
    background-color: white;
    color: black;
    border-radius: 3px;
    border: 1px solid #445093;
    padding: 1px 8px;
    max-width: 40vw;
    width: max-content;
    left: -7px;
    top: 26px;
    z-index: 1000;
    display: none;
    font-size: 14px;
}

.color__thunderbird.error-with-text .error-with-content.left::after {
    right: -7px;
    left: auto;
}

.color__thunderbird.error-with-text .error-with-content.right::after {
    left: -7px;
    right: auto;
}


.color__thunderbird.error-with-text .error-with-content::before {
    content: url(../img/icons/other/afterTail.svg);
    position: absolute;
    top: 15px;
    left: -2px;
    z-index: 1001;
    height: 20px;
    width: 20px;
    display: none;
}

.alert-animation-font {
    animation: alertFontAnimation 3s infinite;
}

@keyframes alertFontAnimation {
    0% {
        color: #313d85;
    }

    50% {
        color: #da2215;
    }

    100% {
        color: #313d85;
    }
}


.file-drop-area {
    border: 4px dashed #444e84;
    padding: 16px;
    border-radius: 3px;
    cursor: pointer;
    grid-column: 1/-1;
    user-select: none;
    transition: 0.1s;
}

.file-drop-area input{
    display: none;
}

.file-drop-area:hover {
    border-color: #a0a9b3;
}

.file-drop-area:active {
    border-color: #444e84;
}

.file-drop-area .file-name {
    word-break: break-all;
    color: black;
}

.file-drop-area.complete {
    border-color: #1f9e55;
}