@import url("normalize.css");
@import url("fonts.css");
@import url("main-side-menu.css");
@import url("hdp-title.css");
@import url("boxes.css");
@import url("forms.css");
@import url("pagination.css");

body {
    background-color: #F9F9F9;
    color: #222254;
}

a {
    text-decoration: none;
}
.menu_uniques{
    background-color: #242424!important;
}
main {
    margin: 32px;
    max-width: 980px;
    margin-left:calc(220px + 48px)!important;    
}

.center {
    text-align: center;
}
.gpnf-modal-header, .gpnf-modal-24-15 .tingle-btn--primary{
    background-color: #cf433f!important;
}
.ui-datepicker-calendar{
    border: 1px solid #000;
  margin: 10px 0 0;
  border-radius: 5px;
  padding: 20px;
  display: block;
}
.ui-datepicker-calendar tbody tr {
    border: 1px solid #eaeaea;
}
.gsection_title{
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 10px;
}
.ui-datepicker-calendar tbody tr td {
    padding: 5px;
    text-align: center;
    border: 1px solid #eaeaea;
    font-size:11px;
}
.ui-datepicker-unselectable{
    opacity: 0.3;
}
#ui-datepicker-div {
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}
table tr span{font-size:12px;}
.upcase {
    text-transform: uppercase;
}

.bold {
    font-weight: 700;
}

.flex {
    display: flex;
}

.flex-justify-center {
    justify-content: center;
}

.flex-column {
    flex-direction: column;
}

.flex-row {
    flex-direction: row;
}

.flex-justify-around {
    justify-content: space-around;
}

.main-titres {
    font-size: 16px;
    font-weight: 800;
}

.btn {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    width: max-content;
    margin: auto;
    background-color: #222254;
    color: #FFFFFF;
    padding: 7px 16px;
    margin-top: 16px;
    border-radius: 50px;
    font-size: 14px;
    border: none;
}

button[type="submit"].btn { 
    border: none!important;
}