/****************************************************/
/********************* FONT SIZE ********************/
/****************************************************/
.font8 {font-size:.5rem}
.font9 {font-size:.5625rem}
.font10 {font-size:.625rem}
.font11 {font-size:.6875rem}
.font12 {font-size:.75rem}
.font13 {font-size:.8125rem}
.font14 {font-size:.875rem}
.font15 {font-size:.9375rem}
.font16 {font-size:1rem}
.font17 {font-size:1.063rem}
.font18 {font-size:1.125rem}
.font19 {font-size:1.1875rem}
.font20 {font-size:1.25rem}
.font21 {font-size:1.3125rem}
.font22 {font-size:1.375rem}
.font23 {font-size:1.438rem}
.font24 {font-size:1.5rem}
.font25 {font-size:1.563rem}
.font26 {font-size:1.625rem}
.font27 {font-size:1.688rem}
.font28 {font-size:1.75rem}
.font30 {font-size:1.875rem}
.font31 {font-size:1.938rem}
.font32 {font-size:2rem}
.font33 {font-size:2.2rem}
.font34 {font-size:2.125rem}
.font35 {font-size:2.188rem}
.font36 {font-size:2.25rem}
.font38 {font-size:2.375rem}
.font40 {font-size:2.5rem}
.font47 {font-size:2.938rem}
.font65 {font-size:4.0625rem}
/****************************************************/
/******************** FONT FAMILY *******************/
/****************************************************/
.poppins {font-family: 'Poppins', sans-serif;}
/****************************************************/
/******************** FONT WEIGHT *******************/
/****************************************************/
.light {font-weight: 300;}
.regular {font-weight: 400;}
.medium {font-weight: 500;}
.semi-bold {font-weight: 600;}
.bold {font-weight: 700;}
.extra-bold {font-weight: 800;}
/****************************************************/
/*********************** COLOR **********************/
/****************************************************/
.bleu {color:#003570;} /* Prussian Blue*/
.vert {color: #42BD87;} /* Ocean green */
.jaune {color: #FFBA00} /* Selective Yellow */
.mauve {color: #56509F;} /* Liberty */
.purple {color: #9D69A3} /* Pearly Purple */
.pink {color: #E85D75;} /* Brink Pink */
.rouge {color: #c43e1e;}
.white {color: #ffffff;}

.bg-bleu {background-color:#003570;}
.bg-vert {background-color: #42BD87;}
.bg-jaune {background-color: #FFBA00;}
.bg-mauve {background-color: #56509F;}
.bg-purple {background-color: #9D69A3;}
.bg-pink {background-color: #E85D75;}
.bg-rouge {background-color: #c43e1e;}
.bg-grey {background-color: #a3acbb;}
.bg-grey-light {background-color: #f7f7f7;}

.bg-ps {background-color:#FCFEA5;}
.bg-ms {background-color:#82CACB;}
.bg-gs {background-color:#EECDA1;}
.bg-cp {background-color:#5867F6;}
.bg-ce1 {background-color:#C19DF9;}
.bg-ce2 {background-color:#CC3684;}
.bg-cm1 {background-color:#A8CA40;}
.bg-cm2 {background-color:#E29E3D;}
.bg-strike {background-image: url('../img/strike.png');background-size:100% 100%;background-repeat:no-repeat}

.border-bleu {border-left: 10px solid #003570;}
.border-vert {border-left: 10px solid #42BD87;}
.border-jaune {border-left: 10px solid #FFBA00;}
.border-mauve {border-left: 10px solid #56509F;}
.border-purple {border-left: 10px solid #9D69A3;}
.border-pink {border-left: 10px solid #E85D75;}

/****************************************************/
/********************* POSITION *********************/
/****************************************************/
html {height:100%}
body {min-height:100%;position:relative;margin: 0;padding: 0 0 50px 0;}
footer {position:absolute;bottom:0;width:100%}
.float-center {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
.bg-img {background-position:center center;background-size:cover;background-repeat:no-repeat;}
.bg-image {position: relative;overflow: hidden;background-repeat: no-repeat;background-size: cover;background-position: 50%;}
/****************************************************/
/********************** BOUTONS *********************/
/****************************************************/
.btn {outline: none !important;box-shadow:none !important}
.btn-primary {color: #003570;background-color:#FFBA00 !important;border-color: #FFBA00;}
.btn-primary:hover, .btn-primary:focus {background-color: #FFBA00;border-color: #FFBA00;color: #003570;opacity:.8}
.btn-white {color: #5F6C5A;background-color:#ffffff !important;border-color: #ffffff;padding: .688rem 1.546rem;}
.btn-white:hover {background-color: #ffffff;border-color: #ffffff;}
.btn-transparent {background:transparent;border:0}


body {font-family: 'Poppins', sans-serif}

.cursor {cursor: pointer;}

.logo {height:50px;}
.avatar {width:50px;border-radius:50px;height:50px;}
header .dropdown-item:focus, .dropdown-item:hover {color: #003570 !important;background-color: rgb(255 255 255 / 20%);}
header .dropdown-divider {border-top: 1px solid rgba(255,255,255,.7);}

.btn img {height:24px;}
.fileinput-button img {width:50px;height:50px;}
.pdf-icon {width:15px;}
.check-group label, .radio-group label {margin-right:1rem}
input[type="checkbox"], input[type="radio"] {border: 0;appearance: none;-webkit-appearance: none;margin: 5px .5rem 6px 4px;width: 15px;height: 15px;background: #eeeeee;box-shadow: inset 0 0 0 0.5em white, 0 0 0 0.1em;transition: .2s;cursor: pointer;vertical-align: middle;color: #d4d4d4;}
input[type="radio"] {border-radius: 50%;}
input[type="radio"]:checked, .input[type="radio"]:checked, input[type="checkbox"]:checked {background: #42BD87;box-shadow: inset 0 0 0 0em white, 0 0 0 0em;}
input[type="radio"]:checked, input[type="checkbox"]:checked {background: #42BD87;box-shadow: inset 0 0 0 0.1em white, 0 0 0 0.1em #42BD87;}
input[type="radio"]:focus, input[type="checkbox"]:focus {outline: 0;}

.ms-choice>div {width: 40px;height: 37px;}
.comparateur .ms-choice, .parametrage .ms-choice {border:0;}
.comparateur .ms-choice>span, .parametrage .ms-choice>span {top: 5px;right: 39px;padding-left: 10px;}
.always-open .ms-choice {display:none;}
.always-open .ms-drop.bottom {position: relative;border: 0;box-shadow: none;}
.always-open .ms-drop ul>li.multiple {padding: 0.5rem 2rem 0.5rem 0;float: none;}
.always-open .ms-drop ul {column-count:2}
.always-open.triple .ms-drop ul {column-count:3}
.always-open .ms-drop ul>li label span {white-space: normal}
.always-open .ms-drop input[type=radio], .ms-drop input[type=checkbox] {margin: 5px 10px 5px 3px;}
.always-open .ms-drop ul>li.multiple label {white-space: normal;padding-left: 29px;text-indent: -28px;}

.arrow-collapse-edcs {height:40px;position:absolute; right:3rem;top:0}
.arrow-collapse-attach {height:40px;position:absolute; right:-10px;bottom:0}
.arrow-collapse-edcs[aria-expanded=true] {transform:rotate(180deg)}
.picto-domaine img {width:50px;}

.colonne .btn {width:140px;}
.gratte-ciel tr table tr td {width:30px;height:20px;border:1px solid #3f3f3f;border-top:0}
.gratte-ciel tr:first-of-type table tr td {border-top:1px solid #3f3f3f;}
.accordion-colonnes .collapse:not(.show){ display: block;} {display:block}
.accordion-colonnes .heading-accordion span {display:none;}

.comparateur .table td {vertical-align: middle}
.icon-compare {height:20px;}
table.dataTable>tbody>tr.child ul.dtr-details {width:100%}
table.dataTable>tbody>tr.child ul.dtr-details .dtr-title {width:calc(100% - 75px);}
table.dataTable>tbody>tr.child ul.dtr-details .dtr-data {max-width:75px;}
div.dataTables_wrapper div.dataTables_paginate ul.pagination, div.dataTables_wrapper div.dataTables_length label {font-size: .875rem;}
.page-item.active .page-link {background-color: #003570;border-color: #003570;}
.page-link {color: #003570;}

.actions-users img:first-of-type {height:25px;margin: 0 .25rem}

.gestion-edcs .card-body p, .truncate {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow:hidden;}

#liste-competences_wrapper table.dataTable>tbody>tr.child ul.dtr-details .dtr-title {width:100%;}

.delete-dropzone {position: absolute;width: 25px;height: 30px;background-color: rgba(255,255,255,.5);display: block;z-index: 5;bottom: 0;right: 0;padding: 2px 3px;}
.toolbox {margin-top:-3.5rem}
.filters input {display:inline-block;width:auto;margin-left:.5rem;margin-bottom:.5rem}
.number-print select {display:inline-block;width:50px;}