/* On aligne les boutons de filtres */
.option_button, .bootstrap-select { vertical-align: top !important; }

/* Cellules du tableau la moins large possible mais sans retour à la ligne */
.smallest_td_no_br {
  width: 1%;
  white-space: nowrap;
}

.sidebar-link, a.sidebar-link {
  color: #ffffff !important;
  font-weight: bold;
}
a.sidebar-link i {
  color: #ffffff;
}
.sidebar-link.active {
  /*font-weight: 400;*/
  font-weight: bold;
  color:#568fed !important;
}

.icon-select-text-primary > .fas { color: #3f80ea !important; }
.icon-select-text-secondary > .fas { color: #495057 !important; }
.icon-select-text-success > .fas { color: #4bbf73 !important; }
.icon-select-text-info > .fas { color: #1f9bcf !important; }
.icon-select-text-warning > .fas { color: #e5a54b !important; }
.icon-select-text-danger > .fas { color: #d9534f !important; }
.icon-select-text-light > .fas { color: #eff2f6 !important; }
.icon-select-text-dark > .fas { color: #293042 !important; }
.icon-select-text-body > .fas { color: #f7f9fc !important; }
.icon-select-text-white > .fas { color: #fff !important; }

/* Placeholder des selectpickers en noir pour pouvoir les voir */
.dropdown.bootstrap-select > button {
  color: black !important;
}

.stat i {
  width: 24px;
  height: 24px;
  font-size: 24px;
  color:#3f80ea !important
}

.dashboard_round_icon {
  background: #e0eafc;
  border-radius: 50%;
  /*padding: .75rem;*/
  /*padding: 12px;*/
  width: 48px;
  height: 48px;
  padding: 12px 9px;
  text-align: center;
}
.dashboard_round_icon i {
  /*width: 24px;*/
  /*height: 24px;*/
  font-size: 24px;
  color:#3f80ea !important
}

.handle, .ingredients_handle { cursor: grab; }

.float-right { float: right; }


/* Permet d'activer les tooltip sur les éléments désactivés, il faut mettre le "disabled" en tant que class, pas en tant qu'attribut!!! */
.btn.disabled { pointer-events: all !important; }

/* Correction du select page produit */
.dropup .dropdown-toggle:after {
  border-top: initial !important;
  border-right: initial !important;
  border-bottom: initial !important;
  border-left: initial !important;
}


.vertical_align_parent { position: relative; }
.vertical_align_child {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

/* ================= */
/* BOOTBOX */
/* ================= */
/*.bootbox.modal.show .modal-title { font-size: 1.25rem; }*/
.bootbox.modal.show .modal-body {
  /*font-size: 1rem;*/
  font-size: 0.825rem;
  /*text-align: center;*/
}

/* Pour le bouton fermer des modals */
.bootbox-close-button {
  cursor: pointer;
  box-sizing: content-box;
  width: 1em;
  height: 1em;
  padding: .25em;
  /*color: #000;*/
  background: transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3E%3C/svg%3E") 50%/1em auto no-repeat;
  border: 0;
  border-radius: .2rem;
  /*opacity: .5;*/
  color: transparent;
}
.bootbox-close-button:hover {
  color: #000;
  text-decoration: none;
  opacity: .75;
  color: transparent;
}

.bootbox.modal.bootbox-confirm button[type="button"].bootbox-close-button.close {
  float: right !important;
}
/* ================= */

/* Menu de 3ème niveau */
.sidebar-dropdown .sidebar-dropdown .sidebar-link { padding: 0.55rem 1.5rem 0.55rem 5.5rem; }

/* Pour empêcher la selection */
.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Old versions of Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

/* Pour corriger les tooltips qui n'apparaissent pas quand un icône/image dans le bouton */
[data-bs-toggle="tooltip"] i.fas,[data-bs-toggle="tooltip"] i.far, [data-bs-toggle="tooltip"] i.fa, [data-bs-toggle="tooltip"] img { pointer-events: none; }


.modal.modal-element-infos-image .modal-body {
  padding: 0px;
}

.no-bullet {
  list-style-type: none;
}

.link {
  color: #3f80ea;
  cursor: pointer;
}
.link:hover {
  text-decoration: underline;
}


a[disabled] {
  color: #6c757d !important;
}

/* Pour la vue mobile des menus et de la largeur de la page */
@media (max-width:991.98px) {
  main.content, nav.navbar, footer.footer {
    width: 100%;
  }
  /* Hide scrollbar for Chrome, Safari and Opera */
  body::-webkit-scrollbar {
    display: none;
  }
  /* Hide scrollbar for IE, Edge and Firefox */
  body {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
  }
}

/* Pour qu'il passe au dessus des modals CK Editor */
.notyf {
  z-index: 100000000;
}

/* Corretion affichage bouton téléversement de fichier du ckeditor */
div[name="Upload"] span.cke_dialog_ui_button {
  background-color: #F0F0F0 !important;
  color: #000000 !important;
  border: 1px solid rgb(133, 133, 133) !important;
  letter-spacing: 0;
}



.hover_button_text {
  white-space: nowrap;
  overflow: hidden;
}
.hover_button_text span {
  padding-left: .7rem;
}


/* Pour les boutons dans le bandeau haut */
.shortcut_btn button, .shortcut_btn a {
  padding: .5rem;
}


/*.btn-group>.btn-group:not(:first-child)>.btn:not([style="display: none"]), .btn-group>.btn:nth-child(n+3):not([style="display: none"]), .btn-group>:not(.btn-check)+.btn:not([style="display: none"]) {*/
/*  border-radius: .2rem;*/
/*  border-top-left-radius: 0;*/
/*  border-bottom-left-radius: 0;*/
/*}*/




/* CodeFlask */
.code-header {
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 2px solid #F2F2F2;
  font-size: 1.1rem;
  color: #537BFF;
}

.code-window {
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.16);
  border-radius: 0.8rem;
  margin-top: 1rem;
}

.codeflask__pre.codeflask__flatten {
  padding-right: 0px !important;
}



input.form-control.error {
  border-color: #d9534f;
}
label.error {
  color: #d9534f;
}