@charset "UTF-8";

/*$xmos_primary: #264853; //Couleur la plus utilisé de l'application
$xmos_secondary: #41d492; //Couleur des titre et de hover
$xmos_tertiary: #f2f2f2; //Couleur le moins utiliser

//Specific Color
//$xmos_header_background: $xmos_primary; //Couleur de la bar de navigation par defaut
$xmos_footer_background: #f5f5f5; // Couleur du footeur
$xmos_vertical_sub_menu_background: $xmos_tertiary;
$bg_xmos_nav_color: $xmos_primary;
*/

/*
    il faudra modifier les fichier bootstrap sur Xmos\node_modules\bootstrap\scss
    pour adapter aux variable prédefini après ce commentaire
    _nav.scss
        .nav-tabs {
          border-bottom: 2px solid $xmos_nav_item_color_active;

          .nav-item {
            margin-bottom: -$nav-tabs-border-width;
          }

          .nav-link {
            color: $xmos_nav_item_color;
            //border: $nav-tabs-border-width solid transparent;
            border-top: 3px solid transparent;
            //@include border-top-radius($nav-tabs-border-radius);
            @media (min-width: 768px){
              .fas{
                //display: none;
              }
            }

            @media (max-width: 768px){
              .xmos-nav-text{
                display: none;
              }
            }

            @include hover-focus {
              //border-color: $nav-tabs-link-hover-border-color;
              color: $xmos_nav_item_color_hover;
            }

            &.disabled {
              color: $nav-link-disabled-color;
              background-color: transparent;
              border-color: transparent;
            }
          }

          .nav-link.active,
          .nav-item.show .nav-link {
            color: $xmos_nav_item_color_active; //$nav-tabs-link-active-color;
            //background-color: $nav-tabs-link-active-bg;
            border-color: $xmos_nav_item_color_active;
          }

          .dropdown-menu {
            // Make dropdown border overlap tab border
            margin-top: -$nav-tabs-border-width;
            // Remove the top rounded corners here since there is a hard edge above the menu
            @include border-top-radius(0);
          }
        }

 */

.xmos-vertical-sub-menu {
  background-color: #f2f2f2;
}

.lbl-login-xmos {
  width: 6.2em;
}

.mt-login {
  margin-top: 15%;
}

.xmos-form-bg {
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 15px 0px 0px 15px;
  max-height: 230px;
}

.xmos-logo-bg {
  background-color: rgba(52, 144, 220, 0.7);
  border-radius: 0px 15px 15px 0px;
  max-height: 230px;
}

.xmos-logo-fluid {
  max-width: 200px;
  height: auto;
}

.login-title {
  font-size: 2em;
  font-weight: bold;
}

@media (max-width: 767.98px) {
  .xmos-form-bg {
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 0px 0px 15px 15px;
    max-height: 230px;
  }

  .xmos-logo-bg {
    background-color: rgba(52, 144, 220, 0.7);
    margin-left: 0px;
    margin-right: 0px;
    border-radius: 15px 15px 0px 0px;
    max-height: 230px;
  }
}