body {
    background-color: #f0f0f0;
    font-family: Arial;
}

#loader_page {
    height: 100vh;
}

#loader_page .spinner-border {
    width: 30vh;
    height: 30vh;
    margin: 35vh 0;
}

.text-primary {
    color: rgb(255 215 111)!important;
}

.text-danger {
    color: rgb(217 83 79)!important;
}

.bg-success {
    background-color: rgb(75 191 115)!important;
}

header {
	background: #FFF;
	padding: 5px 0;
	border-bottom: 1px solid #e5e5e5;
}

header img {
	max-height: 100px;
	width: auto;
}

.main-content {
    background-color: #FFF;
    padding: 30px 20px;
}

@media screen and (max-width: 500px) {
    body {
        font-size: 14px;
    }

    header img {
        max-height: 70px;
    }

    .h1, h1 {
        font-size: 1.5rem;
    }

    .h4, h4 {
        font-size: 1.2rem;
    }

    .main-content,
    .alert {
        padding: 15px!important;
    }
}

.content-wrap {
    max-width: 860px;
    margin: 20px auto;
    border: 1px solid #DDD;
    border-radius: 5px;
}

/* SPECIAL VILLETTE */
[data-num_client_rsi="177"] header {
    background-color: #2D2929;
}