/* global.css : feuille de style globale */

/* éléments structurels */

html {
    background-color: #f0f0f0;
    color: #3c3c3c !important;
    position: relative;
    min-height: 100%;
}

body {
    font-family: "GroldRounded-Light", "Roboto-Regular", "Arial", "Tahoma";
    font-size: 16px;
    background-color: #f0f0f0;
    color: #3c3c3c !important;
}

@font-face {
    font-family: Roboto-Regular;
    src: url('../plugin/fonts/Roboto-Regular.ttf');
}

@font-face {
    font-family: Roboto-Medium;
    src: url('../plugin/fonts/Roboto-Medium.ttf');
}

@font-face {
    font-family: GroldRounded-Light;
    src: url('../plugin/fonts/GroldRounded-Light.otf');
}

@font-face {
    font-family: GroldRounded-SemiLight;
    src: url('../plugin/fonts/GroldRounded-SemiLight.otf');
}

@font-face {
    font-family: GroldRounded-Regular;
    src: url('../plugin/fonts/GroldRounded-Regular.otf');
}


/* icônes */

@font-face {
	font-family: apigemicon;
	src: url('../fonts/Apigem-Regular.otf');
	font-weight: normal;
	font-style: normal;
}

.apigem-icon {
	font-family: 'apigemicon';
    font-size: 2em;
    line-height: 1;
}

.apigem-icon-t2 {
	font-family: 'apigemicon';
    font-size: 45px !important;
    text-align: center;
}

.apigem-icon-t3 {
	font-family: 'apigemicon';
	font-size: 60px !important;
}

.apigem-icon-t4 {
	font-family: 'apigemicon';
	font-size: 80px !important;
}
/* modales */

.modal-content {
    background: linear-gradient(180deg, #F0F0F0 0%, #F0F0F0 21.38%);
    border: none;
    border-radius: 20px;
}

.modal-header {
    height: 54px;
    background-color: #dce7e7;
    color: inherit;
    border: none;
    border-radius: 20px 20px 0px 0px !important;
    padding: 15px;
}

.modal-title {
    margin-bottom: 0;
    line-height: 1.5;
    font-size: 17px;
}

.modal-footer {
    border-top: none;
}

/* boutons */

.btn-action {
    background: #F0F0F0;
    box-shadow: -6px -5px 10px rgba(255, 255, 255, 0.7), 5px 4px 10px rgba(209, 209, 209, 0.5), inset 4px 4px 10px rgba(209, 209, 209, 0.5), inset -5.5px -5.5px 10px rgba(255, 255, 255, 0.65);
    border-radius: 95px;
    background-color: #F0F0F0;
    font-family: "GroldRounded-SemiLight", "Roboto-Regular", "Arial", "Tahoma";
    font-size: 18px;
    vertical-align: middle !important;
    height: 45px;
    color: #3c3c3c;
}

.btn-action-header {
    width: 40px;
    height: 40px;
    line-height: 35px;
    margin-top: -5px;
    background-color: #f0f0f0;
    color: inherit;
    border: 1px solid #f0f0f0;
    border-radius: 95px;
    padding: 0px;
    box-shadow: -4px -5px 10px rgba(255, 255, 255, 0.7), 4.5px 4.5px 10px rgba(209, 209, 209, 0.5);
}

.btn-success[disabled],
.btn-success {
    width: 128px;
    font-size: 16px;
    height: 44px;
    border-radius: 40px;
    color: inherit;
    background-color: #d1ffe4;
    border: none;
    box-shadow: -4px -5px 10px rgba(255, 255, 255, 0.7), 4.5px 4.5px 10px rgba(209, 209, 209, 0.5);
}

.btn-success:hover {
    width: 128px;
    font-size: 16px;
    height: 44px;
    border-radius: 40px;
    color: inherit;
    background-color: #d1ffe4;
    border: none;
    box-shadow: -4px -5px 10px rgba(255, 255, 255, 0.7), 4.5px 4.5px 10px rgba(209, 209, 209, 0.5);
}

/* email */

input.form-control,
input.form-control:focus,
input.form-control:disabled,
input.form-control[readonly],
select.form-control,
select.form-control:focus,
select.form-control:disabled,
select.form-control[readonly] {
    height: 44px;
    background-color: #f0f0f0;
    color: inherit;
    border: 1px solid rgba(160, 160, 160, 0.2);
    box-sizing: border-box;
    box-shadow: inset -5px -7px 14px rgba(255, 255, 255, 0.5), inset 5px 4px 14px rgba(209, 209, 209, 0.5);
    border-radius: 40px;
    padding-left: 20px;
    padding-right: 20px;
    /* margin-bottom: .5rem !important; */
}

textarea.form-control {
    height: auto;
    background-color: #f0f0f0 !important;
    color: inherit;
    border: 1px solid rgba(160, 160, 160, 0.2);
    box-sizing: border-box;
    box-shadow: inset -5px -7px 14px rgba(255, 255, 255, 0.5), inset 5px 4px 14px rgba(209, 209, 209, 0.5);
    border-radius: 10px;
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: .5rem !important;
}

/* logo monhospit */

#logo {
    background-color: #DCE7E7;
    height: 200px !important;
    text-align: center;
    margin : 0 auto;
}

#logo .img-fluid {
    width: 450px;
    margin-top: 51px;
}