@import url('https://fonts.googleapis.com/css2?family=Karla:ital,wght@0,200..800;1,200..800&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

html {
  font-size: 90%;
}
body {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 90%;
  font-weight: 500;

}
p,
input,
small,
ion-textarea {
  font-family: 'Karla', sans-serif !important;
}

.nav-item hr {
  margin:.5rem 0;
  width: 100%;
  border-top: 1px solid #f5f5f5;
}

.btn-dark {
    background-color: #005465 !important;
    border-color: #005465 !important;
    color: #fff !important;
}
.btn-dark.active {
  background-color: #0191ae !important;
  border-color: #0191ae !important;
}
.scrollbar-inner > .scroll-element .scroll-bar {
    background-color: #385d9d;
    opacity: 1;
    width: 10px;
    right: 13px;
}
.scrollbar-inner .scroll-element.scroll-y {
    right: 0;
    width: 10px;
}
.navbar-vertical .navbar-nav .nav-link {
    font-size: 1rem;
    font-weight: 600;
}
.navbar-light .navbar-nav .nav-link {
    color:#0191ae!important;
}
.navbar-vertical .navbar-nav .nav-sm .nav-link {
    font-size: 1rem;
}
.alert-text {
    width: calc(100% - 50px);
}
.card-profile-image img {
    max-height:140px;
}
.apexcharts-menu {
    min-width: 185px!important;
}
.navbar-light .navbar-nav .collapse .nav-link,
.navbar-light .navbar-nav .collapsing .nav-link {
  color: #005465 !important;
  font-size: 12px;
  font-weight: 400;
}
.select2-selection:after {
        font-family: 'Font Awesome 5 Free';
        font-weight: 900;
        content: '\f107';
        color: #abb4be;
        position: absolute;
        right: 0;
        top: 0;
        padding: 12px;
}
.nav-link.active .nav-link-text {
    color: #005465!important;
    font-weight: 600;
}
.avatar.rounded-circle.article {
    width:48px;
    height:48px;
}
.avatar.rounded-circle.article img {
    max-width: 100%;
    max-height:100%;
}
.viewArticle {
    cursor: pointer;
}

.clubpicture.card-profile-image img{
    max-height: 125px;
    border-radius: 0!important;
    background: white;
    border: 4px solid #385d9d;
}
.cardUpload img {
    max-height: 200px;
    width: auto!important;
}

.bootstrap-datetimepicker-widget a[data-action='togglePicker'],
.bootstrap-datetimepicker-widget a[data-action='togglePicker']:hover
{
    color: #f7d136;
}
.bootstrap-datetimepicker-widget .picker-switch
{
    color: #f7d136;
}
.bootstrap-datetimepicker-widget table th.prev span,
.bootstrap-datetimepicker-widget table th.next span
{
    color: #f7d136;
}
.bootstrap-datetimepicker-widget table th.dow
{
    color: #f7d136;
}
.bootstrap-datetimepicker-widget table td.active > div,
.bootstrap-datetimepicker-widget table td.active:hover > div
{
    background-color: #f7d136;
}
.bootstrap-datetimepicker-widget table td span.active
{
    background-color: #f7d136;
}

input.datetimepicker[data-color='orange'] + .bootstrap-datetimepicker-widget
{
    background-color: #f7d136;
}
input.datetimepicker[data-color='orange'] + .bootstrap-datetimepicker-widget table td.active > div,
input.datetimepicker[data-color='orange'] + .bootstrap-datetimepicker-widget table td.active:hover > div,
input.datetimepicker[data-color='orange'] + .bootstrap-datetimepicker-widget button[data-action],
input.datetimepicker[data-color='orange'] + .bootstrap-datetimepicker-widget.dropdown-menu.top:after,
input.datetimepicker[data-color='orange'] + .bootstrap-datetimepicker-widget.dropdown-menu.bottom:before
{
    color: #f7d136;
}
.datepicker table tr td.active, .datepicker table tr td.active.highlighted, .datepicker table tr td.active:hover, .datepicker table tr td.active.highlighted:hover {
    background-color: #f7d136;
}
.card-profile .badge {
    font-size:100%;
}
.modal-dialog {
    max-width: 900px;
}
.modal-open .modal {

    backdrop-filter: blur(6px) brightness(0.7);
}
.img-preview {
    overflow: hidden;
    display: block;
    margin: 10px auto;
    border:1px solid #333;
    border-radius: 50%;
}
.img-preview-lg {
    width:200px;
    height:200px;
}
.img-preview-md {
    width:100px;
    height:100px;
}
.img-preview-sm {
    width:25px;
    height:25px;
}
.alert-info a {
    color:white;
    text-decoration: underline;
}
.select2-container .select2-selection--single {
    height:auto!important;
    border: 1px solid #dee2e6!important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 1.5!important;
    font-size: .875rem;
    padding: 1.5px 0;
}
.select2-container .select2-selection--single:focus, .select2-container--default.select2-container--focus .select2-selection--multiple:focus, .select2-container--default .select2-selection--multiple:focus, .select2-container--default .select2-search--dropdown .select2-search__field:focus {
    border-color: #385d9d;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    color: #FFF;
    background-color: #385d9d;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
        color: #f8d03b;
}
.navbar-vertical .navbar-brand-img, .navbar-vertical .navbar-brand > img {
    max-height:100px!important;
}
.table {
  color: #005465 !important;
}
.table .thead-light th {
    color: #fff;
    background-color: #67DBA9;
}
.table-actions tr td:last-child{
    width:150px;
}

.btn-danger {
    border-color: #e53935;
    background-color: #e53935;
}
.btn-danger:hover {
    border-color: #e53935;
    background-color: #e53935;
}
a:focus, th:focus{
    outline: none;
}
.was-validated .form-control:valid .input-group-text,
.form-control.is-valid .input-group-text,
.was-validated .custom-select:valid .input-group-text,
.custom-select.is-valid .input-group-text {
    border-color: #2dce89!important;
}
.alert-danger {
    background-color:#e53935;
    border-color:#e53935;
}
.was-validated .form-control:invalid, .form-control.is-invalid, .was-validated .custom-select:invalid, .custom-select.is-invalid {
    border-color:#e53935;
}
.invalid-feedback {
    color:#e53935;
}
.bgColorPrimary {
    background-color:#0191ae!important;
}
.bgSecondary {
    background-color:#67DBA9!important;
}

.bg-gradient-primary {
    background: linear-gradient(87deg, #0191ae 0, #005465 100%) !important;
    /* background: #0191ae!important; */
}
#map {
  border-radius: 8px;
  overflow: hidden;
}
.text-blue {
    color:#0191ae!important;
}
.text-yellow {
    color:#67DBA9!important;
}

.sidenav-header {
    height:auto!important;
}
.sidenav-header img {
    max-height:100%!important;
}
.sidenav .navbar-brand {
    padding:1rem;
}
.btn-primary {
    background-color:#0191ae;
    border-color: #0191ae;
}
.text-primary {
    color:#0191ae!important;
}
.btn-primary:hover {
    color: #fff;
    border-color: #67DBA9;
    background-color: #67DBA9;
}
.bg-default {
    background-color: #67DBA9 !important;
}
.fill-default {
    fill: #67DBA9;
}
a {
    color: #0191ae;
}
.page-item.active .page-link {
    border-color: #0191ae;
    background-color: #0191ae;
}
#dt_default_length .form-control-sm {
    width: 70px!important;
}
.dataTables_paginate {
    padding-left: 1.5rem;
}
.breadcrumb-item + .breadcrumb-item::before {
    content: '/';
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before,
.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
    border-color: #0191ae;
    background-color:#0191ae;
}
.custom-control-label::before {
    border-color: #dee2e6!important;
}
#footerLimeo {
    position: fixed;
    z-index:10;
    bottom: 0;
    right: 0;
    left: 0;
    background: #fff;
    padding: 0 25px;
    border-top: 1px solid rgba(0,0,0,.12);
    line-height: 20px;
    font-size: 0.7rem;
    padding: 0 12px;
    text-align: right;
}
.dz-preview-img {
    width:auto;
    max-width: 100%;
    max-height: 100%;
}
.dz-preview-cover {
    text-align:center;
}
.inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}
.form-control::-ms-input-placeholder
{
    opacity: 0.5;
}
.form-control::placeholder
{
    opacity: 0.5;
}
.cardUpload {
    background:#FFF;
    padding:.5rem !important;
    border: 1px solid #dee2e6;
    border-radius: .25rem;
}
.fr-toolbar.fr-top {
    border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    border: 1px solid #dee2e6;
}
.fr-box.fr-basic .fr-wrapper{
    border-color: #dee2e6!important;
    border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
}
.second-toolbar {
    display:none;
}
table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled {
    cursor: pointer;
    position: relative;
}
table.dataTable thead .sorting:before, table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:before, table.dataTable thead .sorting_desc_disabled:after {
    position: absolute;
    bottom: 0.9em;
    display: block;
    opacity: 0.3;
}
table.dataTable thead .sorting:before, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_desc_disabled:before {
    right: 1em;
    content: "\2191";
}
table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after {
    right: 0.5em;
    content: "\2193";
}
table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_desc:after {
    opacity: 1;
}
.navbar-vertical .navbar-nav .nav-link {
    white-space: unset;
}
.stopList{

border-bottom-right-radius: .375rem;
border-bottom-left-radius: .375rem;

border-top-left-radius: .375rem;
border-top-right-radius: .375rem;

position: relative;
display: block;
padding: 1rem 1rem;
border: 1px solid #e9ecef;
background-color: #fff;
}

/* .relation{
  border-bottom: 1px solid #8e8e8e;
} */

.dragHandle{
  /* border-right: 1px solid rgba(0, 0, 0, .05); */
  border-right: 1px solid #e9ecef;
}
.relation{
  padding-top: .5rem;
  padding-bottom: .5rem;
  flex-wrap: wrap;
}
.factureBlock{
  width: 100%;
  display: flex;
  padding: .5rem;
  margin-top: .5rem;
  /* border-top: 1px solid #fff; */
  position: relative;
  background-color: #67b6c5;
  border-radius: 5px;
}
.factureBlock::before{
  position: absolute;
  content: '';
  top: 0;
  width: 70%;
  left: 15%;
  height: 1px;
  background-color: #d5e2ee;
}
.blockSelectRelation,
.blockStopRelation .relation,
.inputComment .blockStopComment{
  max-height: 600px;
  overflow: hidden;
  transition: all .5s ease;
}
 .blockStopComment{
  max-height: none;
  overflow: hidden;
  transition: all .5s ease;
}
.blockStop.hide .blockSelectRelation,
.blockStop.hide .blockStopRelation .relation,
.blockStop.hide .blockStopComment{
  max-height: 0;
  padding: 0;
  border: 0;
}

.labDentistRelation{
  padding-top: 1rem;
  padding-bottom: .5rem;
}
.blockStopRelation{
  padding-top: 1rem;
}
.hide .blockStopRelation,
.hide .labDentistRelation{
  padding: 0;
}
.fa-caret-down,
.hide .fa-caret-up{
  display: none;
}
.fa-caret-up,
.hide .fa-caret-down{
  display: inline-block;
}
.stopTitle{
  font-weight: 600;
}
.stop h3,
.stop h4{
  font-weight: 400;
}
.stopNb input{
  width: 75px;
}
.datepicker{
  z-index: 500!important;
}
.btnBlockRequest,
.btnMap{
  cursor: pointer;
}
.btnBlockRequest.open .fa-caret-down,
.btnMap.open .fa-caret-down,
.btnMap .fa-caret-up,
.btnBlockRequest .fa-caret-up{
  display: none;
}
.btnMap .fa-caret-down,
.btnBlockRequest .fa-caret-down,
.btnMap.open .fa-caret-up,
.btnBlockRequest.open .fa-caret-up{
  display: inline-block;
}
/* .select2-container--default .select2-results__option--highlighted[aria-selected], */
.select2-container--default .select2-results__option[aria-selected='true']{
  background-color: #cccccc;
}
.btnSubmit[type="button"]{
  opacity: 0.5;
}
.addStop{
  align-self: flex-end;
  padding-top: 16px;
  padding-bottom: 16px;
  margin-bottom: 8px;
}
.addStop:hover{
  transform: translateY(0);
}
.removeStopContainer{
    border-left: 1px solid #e9ecef;
}
.cstMarker{
  font-size: 1rem;
  font-weight: 700;
  display: flex!important;
  justify-content: center;
  margin-top: -35px!important;
}
.cstMarker span{
  color: #fff;
  background-color: #0191ae;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  position: relative;
  border: solid 2px #fff;
  box-shadow: 0px 0px 5px black;
}
.cstMarker span::before{
  position: absolute;
  content: "";
 display : inline-block;
 height : 0;
 width : 0;
 border-right : 5px solid transparent;
 border-left : 5px solid transparent;
 top: calc(100% - 4px);
 left: calc(50% - 5px);
}
.cstMarker.disabled span{
  background-color: #eee!important;
  color: #8898aa;
}
.cstMarker.disabled span::before{
  border-top : 9px solid #eee;
}
.uploadTemplate{
  display: none;
}
.cardPhoto{
  flex-direction: row;
  justify-content: space-between;

}
.cardPhoto button{
  align-self: center;
}
.fw-600{
  font-weight: 600;
}
.stopItem {
  cursor: move;
}
.stopItem.disabled {
  cursor: pointer;
}
.stopItem .hidden {
  opacity: .3;
}

.stopItem .hidden .stopAddress {
  display: none;
}
.map-index {
    min-width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #eee;
    border-radius: 100%;
    margin-right: .5rem;
    font-size: 12px;
    font-weight: bold;
}
.infosMap {
  position: absolute;
  right: 30px;
  top: 15px;
  padding: .5rem 1rem;
  background: #0000004b;
  color: #fff;
  border-radius: 12px;
  z-index: 500;
  backdrop-filter: blur(10px);
  display: flex;
}

.infosMap div {
  text-align: left;
  margin-right: 1.5rem;
}

.infosMap h3 {
  font-size: 18px;
  color: #fff;
  margin-bottom: 0;
}


/* .priceEdit input, */
.priceEdit,
.methodEdit select{
  display: none;
}
.editMode .priceEdit,
.editMode .methodEdit select{
  display: block;
}
.editMode .price,
.editMode .method{
  display: none;
}
.inputPrice{
  width: 75px;
}

.bg-notice{
  background-color: #fa8383
}
.bg-notice-light{
  background-color: #edb3b3
}
.blocLegende{
  height: 10px;
  width: 20px;
  display: inline-block;

}
.stopPointage{
  background-color: #ced4da !important;
}
.stopDentist .relation,
.stopDentist{
  background-color: #e7d985!important;
}
.stopLabo .relation,
.stopLabo{
  background-color: #9cd3de!important;
}
.bg-green {
    background-color: #2dce89 !important;
}
.stopDentist .bg-vacation,
.stopLabo .bg-vacation,
.bg-vacation{
  background-color: #f6996b!important;
}
.addressName{
  font-weight: 400;
  font-size: 13px;
}
.addressNameCourse{
  font-size: 12px;
  font-weight: 400;
}
.courseName{
  font-weight: 600;
}
.labelDate{
  color: #32325d;
  font-weight: 600;
  font-size: .9375rem;
}
#filterDate{
  width: 150px;
}
.dragHandle{
  cursor: pointer;
}

.checkMoveContainer .custom-control-label::before{
      border: 3px solid #0191ae!important;
}
.sortable-selected {
  background-color: #2dce89 !important ;
}
.bg-orange{
  background-color: #da8a5a!important ;
}
.checkMoveContainer,
.moveContainer{
  display: flex;
}
.moveContainer.hidden,
.checkMoveContainer.hidden{
  display: none;
}

#messenger {
  width: 100%;
  max-width: 400px;
  position: fixed;
  z-index: 999;
  bottom: 15px;
  right: 15px;
}

#messenger .card {
      /* border: solid 1px #ddd!important; */
      box-shadow: -2px 2px 10px 0px rgba(0,0,0,0.3) !important;
}
#messenger #wrapper {
  padding: 16px;
  overflow-y: scroll;
  height: 400px;
}

#messengerOutput .message {

  display: block;
  width: 100%;
  overflow: auto;

  
}

#messengerOutput .message .content {
  background-color: #eee;
  color: #333;
  float: left;
  /* // width: 90%; */
  max-width: 300px;
  border-radius: 16px;
  padding: 8px 16px;
  margin-bottom: 16px;
}

#messengerOutput .message .content small {
  font-weight: bold;
  font-size: 11px;
}

#messengerOutput .message .content p {
  margin-bottom: 5px;
  font-size: 15px;
}

#messengerOutput .message .content.user {
  float: right;
  background-color: #4e5d79;
  color: #fff;
}

#messengerOutput .message .content.thumb {
  padding: 0 !important;
  overflow: hidden;
  background: #fff;
  height: max-content;
}

.message .delete {
  display: none;
  cursor: pointer;
}
.message .delete:hover {
  opacity: .5;
}
.message:hover .delete {
  display: block;
}

.cityKey{
  border-right: 1px solid #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.cityKey p{
  margin-bottom: 0;
  text-align: center;
  line-height: 1;
}
.cityKey p:first-of-type{
  margin-bottom: 10px;
}
#map {
  /* la carte DOIT avoir une hauteur sinon elle n'apparaît pas */
  height: 700px;
}
@media screen and (max-width: 768px) {
  .btn:not(.btn-icon-only) {
    font-size: 0.8rem !important;
    padding: .375rem .75rem !important;
    margin-right: .5rem;
  }
  .card-body {
    padding: 1rem !important;
  }
.nav-pills:not(.nav-pills-circle) .nav-item {
  padding-right: .5rem;
}
  #map {
    /* la carte DOIT avoir une hauteur sinon elle n'apparaît pas */
    height: 50svh;
  }

}