input[type=text], input[type=email], input[type=email]::placeholder, textarea, input[type=text]::placeholder, textarea::placeholder, *[contentEditable=true]{color:#a5a5a5 !important}
select, select option, .form-control, textarea, *[contentEditable=true]{font-weight:700 !important;color:#6c757d}
input.password-field{color:#6c757d !important}

*:focus, .form-control:focus,
.custom-control-input:focus:not(:checked)~.custom-control-label::before,
.custom-control-input:focus~.custom-control-label::before,
*[contentEditable=true]:focus, textarea, textarea:focus
{box-shadow:none !important;outline:none !important;border-color:#ced4da !important;color:#6c757d !important}

*[contentEditable=true]{cursor:text;position:relative}
[contentEditable=true]:empty:not(:focus):before{content:attr(data-placeholder);position:absolute;width:200%}

.custom-radio .custom-control-label::before{top:calc(50% - 0.5rem);left:0.5rem}
.custom-radio .custom-control-label::after{top:calc(50% - 0.5rem);left:0.5rem}
.custom-control-input:checked~.custom-control-label::before{color:#fff;border-color:#0d4c5e;background-color:#0d4c5e}
.custom-control-input~.custom-control-label{color:#a4a4a4 !important}
.custom-control-input:checked~.custom-control-label{color:#0c4c5e !important}
.custom-file-label::after{content:"Parcourir"}

.form-group .col-form-label{text-align:left;color:#fff}

.fa-heart{color:#cf1d29 !important}
.fa-plus{color:#00abbf !important}

.btn, .form-control, .badge{border-radius:2px}
@import url('https://fonts.googleapis.com/css?family=Roboto&display=swap');
body{font-size:13px;font-family:'Roboto', sans-serif !important;}

.modal-lg{max-width:730px}

#js-alert{position:absolute;top:0;left:0;width:calc(100% - 30px);z-index:10;margin:0 15px;z-index:100000}

.form-control{font-size:14px;padding:10px;height:50px}

.toggle-password{cursor:pointer}
.toggle-password i{width:20px}

.logo-white{fill:#fff;stroke:#fff;}
.logo-primary{fill:#0d4c5e;stroke:#0d4c5e;}

::placeholder{color:#555;font-weight:700}

ul.list{list-style-type:none}
ul.list li:before{content:'- '}

.btn{font-size:13px}

.btn-danger{background-color:#ae0c0c;border-color:#ae0c0c}
.btn-danger:hover,.btn-danger:focus,.btn-danger:active{background-color:#ba0d0d !important;border-color:#ae0c0c;color:#fff}
.text-danger{color:#ae0c0c}

.btn-success{background-color:#129008;border-color:#129008}
.btn-success:hover,.btn-success:focus,.btn-success:active{background-color:#0b6404 !important;border-color:#0b6404;color:#fff}
.text-success{color:#129008}

.btn-primary{background-color:#0d4c5e;border-color:#0d4c5e;color:#fff !important}
.btn-primary:hover,.btn-primary:focus,.btn-primary:active{background-color:#0d4c5e !important;border-color:#0d4c5e;;color:#fff;opacity:0.8}
.text-primary{color:#0d4c5e}

.btn-secondary{background-color:#545b62;border-color:#545b62}
.btn-secondary:hover,.btn-secondary:focus,.btn-secondary:active{background-color:#40454a !important;color:#fff}
.text-secondary{color:#545b62}

.btn-light{background:#fff;border-color:#fff;color:#495660}
.btn-dark, .btn-dark:hover, .btn-dark:focus, .btn-dark:active{background:#495660;border-color:#495660;color:#fff;color:#fff}
.text-dark{color:#495660}

.nav-tabs{background:#edebec;border-bottom:1px solid #fff}
.nav-tabs .nav-item{}
.nav-tabs .nav-link{color:#757575;border:none;border-bottom:2px solid transparent;font-weight:700;font-size:14px}
.nav-tabs .nav-link.active, .nav-tabs .nav-item:hover .nav-link{color:#0d4c5e;background:transparent;border:none;border-bottom:2px solid #0d4c5e}

.list-group-item .label{font-weight:700}

#userAccount{font-weight:700;cursor:pointer;color:#fff}
.userAvatarImg{background:#fff;object-fit:cover;width:100%;height:100%}
#userAccount .user-name{padding:10px 5px;line-height:14px;display:inline-block}
#recit_nom .userAvatarImg, #userAccount .userAvatarImg{width:34px;height:34px;display:inline-block;border-radius:35px;border:1px solid #fff}
.dropdown-menu{background:#202632;padding:0;border-radius:0;margin-top:5px;border:none;left:-13px !important}
.dropdown-menu:after{content:"";position:absolute;top:-10px;right:8px;width:0px;height:0px;border-left:12px solid transparent;border-right:12px solid transparent;border-bottom:10px solid #202632}
.dropup .dropdown-menu:after{top:calc(100% - 1px);border-left:12px solid transparent;border-right:12px solid transparent;border-top:10px solid #202632;border-bottom:12px solid transparent}
.dropdown-menu .dropdown-item{padding:0 0 0 20px}
.dropdown-menu .dropdown-item > *{color:#fff;font-size:13px;border-bottom:1px solid #4d515b;text-decoration:none;padding:14px 20px;display:block;cursor:pointer}
.dropdown-menu .dropdown-item:hover{background:#0d4c5e}
.dropdown-menu .dropdown-item:last-child{border-bottom:none}

.badge{padding:3px 6px}
.badge-dark{background:#131822}
.badge-danger{background:#9a201f}

label, .col-form-label{font-weight:700;color:#555}

.dropfile{border:3px dashed #BBBBBB;width:100%;height:200px;position:relative;padding:85px 0}
.dropfile:before{content:"Glisser et déposer une image au format jpg ou png (2Mo max.)";font-size:20px;text-align:center;width:100%;position:absolute;top:25%;left:0;color:#c9c9ce;z-index:0}
.dropfile.enter{border-color:#53a8bc}
.dropfile.hover{border-color:#53a8bc}
.dropfile.drop{border-color:#469100}
.dropfile.loading{border-color:#53a8bc}
.dropfile.loading:before{content:"Chargement...";color:#53a8bc}
.dropfile.error{border-color:#b52c33}
.dropfile.error:before{content:"Erreur de format : jpg ou png demandé";color:#b52c33}

.modal-content{background-color:#efebea;border-radius:10px;box-shadow:0 0 15px #555;padding-bottom:1px;text-align:center}
.modal-header{border:none;text-align:center}
.modal-title{color:#0e4e5a;font-weight:700;width:100%}
.modal-body *:not(.btn){color:#222}

.modal a:not(.btn), .modal a:not(.btn):hover{color:#555;font-weight:700}

.tab-pane .tab-pane{max-height:35vh;overflow:auto}

.recit_btns{height:45px;padding:0}
.recit_btns .btn{height:100%;padding:15px 10px;line-height:12px;color:#7f7f7f;border-radius:0}
.recit_btns .btn.disabled{opacity:1;cursor:default}
.recit_btns .btn:hover:not(.disabled, .noHover), .dropdown .recit_btns:hover, .recit_options .dropdown-toggle:hover, .recit_options .dropdown-toggle:focus{background-color:#0c4c5e !important;color:#fff !important}
.recit_btns .break img{fill:#7f7f7f !important}
.recit_btns .break:hover img{fill:#fff !important}

.badge-live{position:absolute !important;top:3px !important;left:3px !important;color:#fff;background:#655f61;text-transform:uppercase}
.badge-live .live_dot{color:#cd2228;line-height:5px;font-size:20px;display:inline-block;height:5px;vertical-align:middle;animation:pulse 1s infinite}
.badge-live .live_text{color:#fff}


.custom-radio{padding:0}
.custom-radio .custom-control-label{background:#fff;border:1px solid #ced4da}
.custom-radio label{padding:15px;width:100%;display:inline-block;text-align:center}
/*.custom-control-input:checked~.custom-control-label::before{border-color:#e4dee0;background-color:#469103}*/
/*.custom-control-input:checked~.custom-control-label{border-color:#129609}*/
/*.custom-control-label::before{display:none !important;border-width:3px;background-color:#adb5bd;top:calc(50% - 0.5rem)}*/
/*.custom-control-label::after{background-image:none !important}*/

.custom-control-inline{width:100%}
.custom-control-inline > *{width:50%;margin:0 15px}
.custom-control-inline > *:first-child{margin-left:0}
.custom-control-inline > *:last-child{margin-right:0}

#registration_bornAt .form-control{width:calc(33% - 2px)}

@keyframes pulse {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  border-color:#ced4da;
  -webkit-text-fill-color:#495057;
  -webkit-box-shadow:#fff;
  transition: background-color 5000s ease-in-out 0s;
  background:#fff;
}

.card-user{max-width:345px;margin:0 auto}

footer{background:#222222;z-index:100 !important;padding:5px;border:1px solid #222222}
footer *, footer a:hover{color:#888;font-size:11px}