/*================================================================================
	Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
	Version: 2.0
	Author: PIXINVENT
	Author URL: http://www.themeforest.net/user/pixinvent
================================================================================

NOTE:
------
PLACE HERE YOUR OWN SCSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */

/* GLOBAL */
label {
  font-size: 1rem !important;
}

.horizontal-menu .header-navbar.navbar-brand-center .navbar-header {
  left: 2% !important;
}

html .content.app-content {
  padding: 2rem 2rem 0;
}

.header-navbar.floating-nav {
  position: static !important; /*TODO doesn't work for some reason.*/
}

.horizontal-menu .horizontal-menu-wrapper {
  position: static !important;
}

.creation-cue {
  border-bottom: #28c76f 3px solid;
  width: 100%;
  margin-top: 0.5rem;
}

.edition-cue {
  border-bottom: #7367f0 3px solid;
  width: 100%;
  margin-top: 0.5rem;
}

.center-column {
  text-align: center;
}

.divider-vertical {
  border-left: solid 1px rgb(209, 209, 209, 0.8);
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 1rem;
  padding: 1rem 0;
  min-height: 100%;
  margin: 0 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

/*DEPOT FICHIER CUSTOM*/

.dropzone {
  min-height: 110px !important;
}

.dropzone .dz-message {
  font-size: 1rem !important;
}

.dropzone .dz-message:before {
  display: none;
}

/* PAGE CREATION(S) */

.inline-date {
  display: flex;
  align-items: baseline;
}

.inline-date > label {
  margin-right: 0.2rem;
}

.inline-radio {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.inline-radio > * {
  margin-right: 1.5rem;
  margin-top: 0.7rem;
}

.drivingLicense {
  margin-left: 1rem;
  margin-top: 0.5rem;
}

.status {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-right: 1rem;
  align-items: center;
}

.status-field {
  margin-top: 0.4rem;
}

/* PAGE CREATION SCROLL */

.scroll-nav {
  position: fixed;
  list-style: none;
  padding: 0;
}

.scroll-nav li {
  margin-bottom: 2rem;
}

.scroll-nav-icon {
  height: 38px;
  width: 38px;
  background-image: linear-gradient(
    20deg,
    rgb(115, 103, 240),
    rgba(115, 103, 240, 0.7)
  );
  margin-right: 0.5rem;
  border-radius: 10%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 3px 6px 0 rgba(115, 103, 240, 0.4);
}

.scroll-nav-icon a {
  color: #fff;
}

.scroll-nav-title {
  font-weight: bold;
  color: #636363;
}

.scroll-nav-description {
  font-weight: lighter;
  color: #949494;
  font-size: 0.9rem;
}

@media (max-width: 1500px) {
  .scroll-nav-description {
    font-size: 0.8rem;
  }
}

@media (max-width: 1360px) {
  .scroll-nav-title {
    font-size: 0.8rem;
  }
  .scroll-nav-description {
    display: none;
  }
}

@media (max-width: 1100px) {
  .scroll-nav-title {
    display: none;
  }

  .scroll-nav {
    margin-left: 5%;
  }
}

@media (max-width: 575.9px) {
  .scroll-nav {
    position: fixed;
    right: 2px;
    z-index: 500;
  }
}

@media (max-width: 800px) and (max-height: 576px) {
  .scroll-nav {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -2%;
    width: 20vw;
  }
}

/* PAGE RECHERCHER DOSSIER */

.link-button {
  height: 10vh;
  min-height: 40px;
  border-radius: 0.358rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 1.2rem;
  font-weight: bold;
}

.new-button {
  background-color: #28c76f;
}

.list-button {
  background-color: rgb(255, 207, 102);
}

.new-button:hover {
  color: white;
  box-shadow: 0px 10px 15px 0px rgba(40, 199, 111, 0.5);
}

.list-button:hover {
  color: white;
  box-shadow: 0px 10px 15px 0px rgba(255, 207, 102, 0.5);
}

/* PAGE BIENVENUE */

.btn-colorwave {
  color: #fff;
  font-weight: bold;
  background: linear-gradient(
    290deg,
    #003a7a,
    #009de2,
    #94d6ff,
    #f4b822,
    #e34917
  );
  background-size: 1000% 1000%;

  -webkit-animation: AnimationName 30s ease infinite;
  -moz-animation: AnimationName 30s ease infinite;
  animation: AnimationName 30s ease infinite;

  position: relative;
  top: 0;
  transition: top ease 0.3s;
}

.btn-colorwave:hover {
  color: #fff;
  top: -3px;
}

@-webkit-keyframes AnimationName {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
@-moz-keyframes AnimationName {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
@keyframes AnimationName {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

.center-logo {
  position: absolute;
  left: calc(50% - 56px);
  padding: 0;
}

.bg-nature {
  background: url("../../app-assets/images/custom/bg-login.jpg") no-repeat
    center center fixed !important;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover !important;
}

.bg-fondlogin {
    background: url("../../app-assets/images/custom/fondlogin.jpg") no-repeat center center fixed !important;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover !important;
}

.welcome-frame {
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: 00.2rem;
  padding: 1.5rem;
  padding-top:2.5rem;
}

@media (max-width: 500px){
  .bg-nature {
    background: url("../../app-assets/images/custom/bg-login-mobile.jpg") no-repeat
      center center fixed !important;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover !important;
  }
}

/*PAGE LOGIN*/
.tenantLogo {
  text-align: center;
}

.tenantLogo > img {
  max-height: 15vh;
}

.btn-office {
  background-color: #00a4ef;
  color: #fff;
}

.btn-office:hover {
  color: #fff;
  box-shadow: 0px 3px 10px 0px rgba(0, 164, 239, 0.5);
}

.custom-auth{
  background-color: rgba(255, 255, 255, 0.9) !important;
}

/* RESET PASSWORD*/

.list-password {
  list-style-type: none;
}

/* REGISTER*/

.grey-message {
  background-color: rgb(0, 0, 0, 0.1);
  padding: 0.4rem;
  border-radius: 0.357rem;
}

/* DOSSIER */

/* .nav-tabs{
  background-color: #fff;
}

.nav-tabs li{
  border-left: 3px dotted #7367F0;
} */

.info {
  width: 100%;
}

@media (min-width: 1000px) and (max-height: 864px) {
  .info-panel {
    display: flex;
    flex-wrap: wrap;
  }

  .info {
    max-width: 22vw; /*Dans l'idéal, modifier ça en javascript en fonction du nombre d'info à afficher [( 100/nbInfo - (nbInfo - 1) )vw]  ?*/
    margin-right: 1rem;
  }
}

.followup-border {
  border: 0.5rem solid #fff;
}

.followup-display {
  height: 45vh;
  overflow-y: scroll;
  min-height: 300px;

  /* Firefox */
  scrollbar-color: #00cfe8 #e2e2e2;
  scrollbar-width: thin;
}

.followup-display::-webkit-scrollbar {
  width: 5px;
  height: 8px;
  background-color: #e2e2e2;
}

.followup-display::-webkit-scrollbar-thumb {
  background: #00cfe8;
}

.domainLabel {
  text-align: center;
  padding: 1rem 1rem;
  border: 1px solid #e9ecef;
  font-weight: 600;
  color: #495057;
  background: #f8f9fa;
  transition: box-shadow 0.2s;
}

.domain-step {
  padding: 0.1rem !important;
}

/* ADMINISTRATION */
.list-border {
  border: 1px solid rgba(34, 41, 47, 0.125);
  border-radius: 0.357rem;
  min-height: 20px;
}

.greyed-dd li {
  background-color: rgba(110, 107, 123, 0.1);
}

.custom-handle {
  background-color: rgba(85, 94, 102, 0.125);
  padding: 1rem;
  font-size: 1.5rem;
  font-weight: bold;
  color: #aaa;
}

.no-padding {
  padding: 0;
}