/* GENERAL STYLES AND CLASSES 
--------------------------------------------------------------------- */
@media screen and (min-width: 1400px) {
  .container {
    /*width: 1370px;*/
  }
}

@media screen and (min-width: 1600px) {
  .container {
    width: 1570px;
  }
}



body {
    padding: 0;
    background-color: #f0f0f0;
   

  background: -webkit-linear-gradient(#000000 0%, #191970 25%, #00bfff 50%, #87ceeb 75%, #fa8072);
  background: linear-gradient(#000000 0%, #191970 25%, #00bfff 50%, #87ceeb 75%, #fa8072);
  background-size: 100% 400%;
  background-position: 0 100%;
font-family: 'Roboto',
sans-serif !important;

    height: initial !important;

    min-height: 100vh
}

body {
  background:#6799B4;
  background-size: 1000% 1000%;

}
.badge {
  white-space:initial !important;
}


body.pharelya
{
    --var-main-color: #009A9B;
    --var-main-color-alt: #0060A7;
      --var-main-color-hover: #0060A7;

}
body.storesante {background: #e5ecf2;}
body {
  display: table;
  width: 100%;

}
html,
body { height: 100%; }
main { height:100%;}
.footer {
  display: table-row;
  height: 275px;
}



#header_resident
{
margin:0 -35px;
}

#topmain #header_resident
{
margin:0 -15px;
}


.footer {
    background-color: orange;
min-height: 200px;
    width: 100%;
    border: none;
    border-top: solid 1px black;

    color: #C4C4C4;
}
.wrapper-login
{
      margin-top:20vh
}

.panel-heading .panel-title, .panel-heading .title, .panel-heading>h1, .panel-heading>h2, .panel-heading>h3, .panel-heading>h4, .panel-heading>h5, .panel-heading>h6 {
    font-size: 18px;
    font-weight: 300;
    display: block;
    margin: 0;

}
.panel-primary>.panel-heading {
    background-color:none;
    border-color: #455A64;
  transition:ease 0.5s all;
      margin:-1px;
}
.panel-primary
{
  border-color:#455A64;
}
.footer {
 background:#f6f6f6;
 padding:20px 0;
 border-top:2px solid orange;
}
.widget h2 {
 font-size:18px;
 font-weight:bold;
 padding-bottom:5px;
}
.footer-bottom {
 background:#d8d8d8;
 padding:15px 0;
 border-top:1px solid #d9d9d9;
 font-size:11px;
 color:#777;
}
  
@media only screen and (max-width: 479px) {    

    .active .widget_content{
      display:inline; 
    }
    .widget h2 { 
        border-bottom:1px solid #ddd;
    }   
    .widget h2:after {
        content:"\203A";
        color:white;
        width:20px;
        height:20px;
        background:#999;
        display:inline-block;
        text-align:center;
        float:right;
    }
    .active.widget h2:after {
        content:"\2039";    
        background:#ccc;
    }
#header_resident { display:none}


}


button.btn-panel-heading  { 
border-radius:4px !important;
 }

.panel-collapsable .panel-heading h4:after {
   font-family: 'Glyphicons Halflings';
   content: "\e114";
   float: right;
   color: white;
   margin-right: 5px;
   cursor: pointer;
 }
 .panel-collapsable .collapsed h4:after {
   content: "\e080";
 }
 .panel-heading .btn-group {
   float: right;
 }

.panel-light .panel-heading
{
  margin-bottom: 2px;
}

/*
 * Row with equal height columns
 * --------------------------------------------------
 */
.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}

.panel-menu:hover .panel-heading {
background-color:#0e3c87;
border-color:#2D7CFE;

}
.panel-menu:hover .panel-primary {
  border-color:#2D7CFE;

}


/* HEADER STYLES
--------------------------------------------------------------------- */
/* MAIN STYLES
--------------------------------------------------------------------- */
main {
  padding: 0 20px;
  min-height: 300px;
  /* TRANSITION ANIMATIONS FOR MAIN VIEW 
    ------------------------------------------*/
  /* start 'enter' transition */
  /* end 'enter' transition */
  /* side form */
    min-height: 70vh;
    margin-bottom:20px

}
main .products-table {
  margin-top: 20px;
}
main .products-table .delete-column {
  width: 60px;
}
main.ng-enter {
  /* transition on enter for .5s */
  transition: .5s;
  /* start with opacity 0 (invisible) */
  opacity: 0;
}
main.ng-enter-active {
  /* end with opacity 1 (fade in) */
  opacity: 1;
}

.ng-show {
  
}

main .view-side-form {
  /* TRANSITION ANIMATIONS FOR SIDE FORM VIEW
        ------------------------------------------*/
  /* animations for side form view */
  /* start 'enter' transition */
  /* end 'enter' transition */
  /* end 'leave' transition */
}
main .view-side-form .side-form {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
main .view-side-form .side-form .content {
  position: absolute;
  z-index: 100;
  top: 0;
  right: 0;
  width: 80%;
  height: 100%;
  overflow: auto;
  background: #fff;
  padding: 20px;
  border-left: 1px solid #e0e0e0;
}
main .view-side-form .side-form .background {
  background: #000;
  opacity: .8;
  width: 100%;
  height: 100%;
}
main .view-side-form.ng-enter,
main .view-side-form.ng-leave {
  /* transition on enter and leave for .5s */
  transition: .5s;
}
main .view-side-form.ng-enter .side-form .content {
  /* start with content 80% off the right of the page */
  right: -80%;
}
main .view-side-form.ng-enter .side-form .background {
  /* start with background opacity 0 (invisible) */
  opacity: 0;
}
main .view-side-form.ng-enter-active .side-form .content {
  /* transition the right position which 
                       slides the content into view */
  transition: right .5s;
  /* end with content aligned to the right of the page */
  right: 0;
}
main .view-side-form.ng-enter-active .side-form .background {
  /* transition the background opacity to fades it in */
  transition: opacity .5s;
  /* end with background opacity 0.8 to give the overlay effect */
  opacity: .8;
}
main .view-side-form.ng-leave-active .side-form .content {
  /* transition the right position which 
                       slides the content out of view */
  transition: right .5s;
  /* end transition with the content completely off the page */
  right: -100%;
}
main .view-side-form.ng-leave-active .side-form .background {
  /* transition the background opacity to fades it out */
  transition: opacity .5s;
  /* end with background opacity 0 to hide it */
  opacity: 0;
}
main .container
{
  margin-left: 0;
  margin-right: 0;
  width:100%;
}


@media(max-width:991px)
  {
main {
}

    td.blue {
        background: lightgrey;
    }


  }

/* FOOTER STYLES
--------------------------------------------------------------------- */
footer {
  text-align: center;
  margin-top: 20px;
  padding: 20px;
  border-top: 1px solid #ddd;
}

.glyphicon { margin-right:5px; }
.thumbnail
{
    margin-bottom: 20px;
    padding: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.item.list-group-item
{
    float: none;
    width: 100%;
    background-color: #fff;
    margin-bottom: 10px;
}
.item.list-group-item:nth-of-type(odd):hover,.item.list-group-item:hover
{
    background: #428bca;
}

.item.list-group-item .list-group-image
{
    margin-right: 10px;
}
.item.list-group-item .thumbnail
{
    margin-bottom: 0px;
}
.item.list-group-item .caption
{
    padding: 9px 9px 0px 9px;
}
.item.list-group-item:nth-of-type(odd)
{
    background: #eeeeee;
}

.item.list-group-item:before, .item.list-group-item:after
{
    display: table;
    content: " ";
}

.item.list-group-item img
{
    float: left;
}
.item.list-group-item:after
{
    clear: both;
}
.list-group-item-text
{
    margin: 0 0 11px;
}

.move { cursor:move; }
.help { cursor:help; }

.modal-backdrop.am-fade {
  opacity: .5;
  transition: opacity .15s linear;gan
  &.ng-enter {
    opacity: 0;
    &.ng-enter-active {
      opacity: .5;
    }
  }
  &.ng-leave {
    opacity: .5;
    &.ng-leave-active {
      opacity: 0;
    }
  }
}

.glyph_checked, .btn.glyph_checked .glyphicon {
  color:#0094FF;
}
.col-full { width:100%; }
.search_div_typeahead .typeahead { width:100% !important; }

.animation h4 { padding:0; margin-top:0; }
figure.media { width:50px; float:left; display:block; margin-right:8px; }


/**
 * angular-motion
 * @version v0.4.4 - 2016-03-31
 * @link http://mgcrea.github.io/angular-motion
 * @author Olivier Louvignes <olivier@mg-crea.com> (https://github.com/mgcrea)
 * @license MIT License, http://www.opensource.org/licenses/MIT
 */
.am-collapse{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:ease;animation-timing-function:ease;-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards;overflow:hidden;opacity:1}.am-collapse.am-collapse-add,.am-collapse.ng-hide-remove,.am-collapse.ng-move{-webkit-animation-name:expand;animation-name:expand}.am-collapse.am-collapse-remove,.am-collapse.ng-hide{-webkit-animation-name:collapse;animation-name:collapse}.am-collapse.ng-enter{visibility:hidden;-webkit-animation-name:expand;animation-name:expand;-webkit-animation-play-state:paused;animation-play-state:paused}.am-collapse.ng-enter.ng-enter-active{visibility:visible;-webkit-animation-play-state:running;animation-play-state:running}.am-collapse.ng-leave{-webkit-animation-name:collapse;animation-name:collapse;-webkit-animation-play-state:paused;animation-play-state:paused}.am-collapse.ng-leave.ng-leave-active{-webkit-animation-play-state:running;animation-play-state:running}@-webkit-keyframes expand{from{max-height:0}to{max-height:500px}}@keyframes expand{from{max-height:0}to{max-height:500px}}@-webkit-keyframes collapse{from{max-height:500px}to{max-height:0}}@keyframes collapse{from{max-height:500px}to{max-height:0}}.panel-collapse.am-collapse.in-remove{-webkit-animation-name:collapse;animation-name:collapse;display:block}.panel-collapse.am-collapse.in-add{-webkit-animation-name:expand;animation-name:expand}.am-fade{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards;opacity:1}.am-fade.am-fade-add,.am-fade.ng-hide-remove,.am-fade.ng-move{-webkit-animation-name:fadeIn;animation-name:fadeIn}.am-fade.am-fade-remove,.am-fade.ng-hide{-webkit-animation-name:fadeOut;animation-name:fadeOut}.am-fade.ng-enter{visibility:hidden;-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-play-state:paused;animation-play-state:paused}.am-fade.ng-enter.ng-enter-active{visibility:visible;-webkit-animation-play-state:running;animation-play-state:running}.am-fade.ng-leave{-webkit-animation-name:fadeOut;animation-name:fadeOut;-webkit-animation-play-state:paused;animation-play-state:paused}.am-fade.ng-leave.ng-leave-active{-webkit-animation-play-state:running;animation-play-state:running}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@-webkit-keyframes fadeOut{from{opacity:1}to{opacity:0}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}.tab-pane.am-fade.active-remove{display:none!important}.tab-pane.am-fade.active-add{-webkit-animation-name:fadeIn;animation-name:fadeIn}.aside-backdrop.am-fade,.modal-backdrop.am-fade{background:rgba(0,0,0,.5);-webkit-animation-duration:.15s;animation-duration:.15s}.am-fade-and-scale{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards}.am-fade-and-scale.am-fade-and-scale-add,.am-fade-and-scale.ng-enter,.am-fade-and-scale.ng-hide-remove,.am-fade-and-scale.ng-move{-webkit-animation-name:fadeAndScaleIn;animation-name:fadeAndScaleIn}.am-fade-and-scale.am-fade-and-scale-remove,.am-fade-and-scale.ng-hide,.am-fade-and-scale.ng-leave{-webkit-animation-name:fadeAndScaleOut;animation-name:fadeAndScaleOut}.am-fade-and-scale.ng-enter{visibility:hidden;-webkit-animation-name:fadeAndScaleIn;animation-name:fadeAndScaleIn;-webkit-animation-play-state:paused;animation-play-state:paused}.am-fade-and-scale.ng-enter.ng-enter-active{visibility:visible;-webkit-animation-play-state:running;animation-play-state:running}.am-fade-and-scale.ng-leave{-webkit-animation-name:fadeAndScaleOut;animation-name:fadeAndScaleOut;-webkit-animation-play-state:paused;animation-play-state:paused}.am-fade-and-scale.ng-leave.ng-leave-active{-webkit-animation-play-state:running;animation-play-state:running}@-webkit-keyframes fadeAndScaleIn{from{opacity:0;-webkit-transform:scale(0.7);transform:scale(0.7)}to{opacity:1}}@keyframes fadeAndScaleIn{from{opacity:0;-webkit-transform:scale(0.7);transform:scale(0.7)}to{opacity:1}}@-webkit-keyframes fadeAndScaleOut{from{opacity:1}to{opacity:0;-webkit-transform:scale(0.7);transform:scale(0.7)}}@keyframes fadeAndScaleOut{from{opacity:1}to{opacity:0;-webkit-transform:scale(0.7);transform:scale(0.7)}}.am-fade-and-slide-top{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards}.am-fade-and-slide-top.am-fade-and-slide-top-add,.am-fade-and-slide-top.ng-hide-remove,.am-fade-and-slide-top.ng-move{-webkit-animation-name:fadeAndSlideFromTop;animation-name:fadeAndSlideFromTop}.am-fade-and-slide-top.am-fade-and-slide-top-remove,.am-fade-and-slide-top.ng-hide{-webkit-animation-name:fadeAndSlideToTop;animation-name:fadeAndSlideToTop}.am-fade-and-slide-top.ng-enter{visibility:hidden;-webkit-animation-name:fadeAndSlideFromTop;animation-name:fadeAndSlideFromTop;-webkit-animation-play-state:paused;animation-play-state:paused}.am-fade-and-slide-top.ng-enter.ng-enter-active{visibility:visible;-webkit-animation-play-state:running;animation-play-state:running}.am-fade-and-slide-top.ng-leave{-webkit-animation-name:fadeAndSlideToTop;animation-name:fadeAndSlideToTop;-webkit-animation-play-state:paused;animation-play-state:paused}.am-fade-and-slide-top.ng-leave.ng-leave-active{-webkit-animation-play-state:running;animation-play-state:running}.am-fade-and-slide-right{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards}.am-fade-and-slide-right.am-fade-and-slide-right-add,.am-fade-and-slide-right.ng-hide-remove,.am-fade-and-slide-right.ng-move{-webkit-animation-name:fadeAndSlideFromRight;animation-name:fadeAndSlideFromRight}.am-fade-and-slide-right.am-fade-and-slide-right-remove,.am-fade-and-slide-right.ng-hide{-webkit-animation-name:fadeAndSlideToRight;animation-name:fadeAndSlideToRight}.am-fade-and-slide-right.ng-enter{visibility:hidden;-webkit-animation-name:fadeAndSlideFromRight;animation-name:fadeAndSlideFromRight;-webkit-animation-play-state:paused;animation-play-state:paused}.am-fade-and-slide-right.ng-enter.ng-enter-active{visibility:visible;-webkit-animation-play-state:running;animation-play-state:running}.am-fade-and-slide-right.ng-leave{-webkit-animation-name:fadeAndSlideToRight;animation-name:fadeAndSlideToRight;-webkit-animation-play-state:paused;animation-play-state:paused}.am-fade-and-slide-right.ng-leave.ng-leave-active{-webkit-animation-play-state:running;animation-play-state:running}.am-fade-and-slide-bottom{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards}.am-fade-and-slide-bottom.am-fade-and-slide-bottom-add,.am-fade-and-slide-bottom.ng-hide-remove,.am-fade-and-slide-bottom.ng-move{-webkit-animation-name:fadeAndSlideFromBottom;animation-name:fadeAndSlideFromBottom}.am-fade-and-slide-bottom.am-fade-and-slide-bottom-remove,.am-fade-and-slide-bottom.ng-hide{-webkit-animation-name:fadeAndSlideToBottom;animation-name:fadeAndSlideToBottom}.am-fade-and-slide-bottom.ng-enter{visibility:hidden;-webkit-animation-name:fadeAndSlideFromBottom;animation-name:fadeAndSlideFromBottom;-webkit-animation-play-state:paused;animation-play-state:paused}.am-fade-and-slide-bottom.ng-enter.ng-enter-active{visibility:visible;-webkit-animation-play-state:running;animation-play-state:running}.am-fade-and-slide-bottom.ng-leave{-webkit-animation-name:fadeAndSlideToBottom;animation-name:fadeAndSlideToBottom;-webkit-animation-play-state:paused;animation-play-state:paused}.am-fade-and-slide-bottom.ng-leave.ng-leave-active{-webkit-animation-play-state:running;animation-play-state:running}.am-fade-and-slide-left{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards}.am-fade-and-slide-left.am-fade-and-slide-left-add,.am-fade-and-slide-left.ng-hide-remove,.am-fade-and-slide-left.ng-move{-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards;-webkit-animation-name:fadeAndSlideFromLeft;animation-name:fadeAndSlideFromLeft}.am-fade-and-slide-left.am-fade-and-slide-left-remove,.am-fade-and-slide-left.ng-hide{-webkit-animation-name:fadeAndSlideToLeft;animation-name:fadeAndSlideToLeft}.am-fade-and-slide-left.ng-enter{visibility:hidden;-webkit-animation-name:fadeAndSlideFromLeft;animation-name:fadeAndSlideFromLeft;-webkit-animation-play-state:paused;animation-play-state:paused}.am-fade-and-slide-left.ng-enter.ng-enter-active{visibility:visible;-webkit-animation-play-state:running;animation-play-state:running}.am-fade-and-slide-left.ng-leave{-webkit-animation-name:fadeAndSlideToLeft;animation-name:fadeAndSlideToLeft;-webkit-animation-play-state:paused;animation-play-state:paused}.am-fade-and-slide-left.ng-leave.ng-leave-active{-webkit-animation-play-state:running;animation-play-state:running}@-webkit-keyframes fadeAndSlideFromTop{from{opacity:0;-webkit-transform:translateY(-20%);transform:translateY(-20%)}to{opacity:1}}@keyframes fadeAndSlideFromTop{from{opacity:0;-webkit-transform:translateY(-20%);transform:translateY(-20%)}to{opacity:1}}@-webkit-keyframes fadeAndSlideToTop{from{opacity:1}to{opacity:0;-webkit-transform:translateY(-20%);transform:translateY(-20%)}}@keyframes fadeAndSlideToTop{from{opacity:1}to{opacity:0;-webkit-transform:translateY(-20%);transform:translateY(-20%)}}@-webkit-keyframes fadeAndSlideFromRight{from{opacity:0;-webkit-transform:translateX(20%);transform:translateX(20%)}to{opacity:1}}@keyframes fadeAndSlideFromRight{from{opacity:0;-webkit-transform:translateX(20%);transform:translateX(20%)}to{opacity:1}}@-webkit-keyframes fadeAndSlideToRight{from{opacity:1}to{opacity:0;-webkit-transform:translateX(20%);transform:translateX(20%)}}@keyframes fadeAndSlideToRight{from{opacity:1}to{opacity:0;-webkit-transform:translateX(20%);transform:translateX(20%)}}@-webkit-keyframes fadeAndSlideFromBottom{from{opacity:0;-webkit-transform:translateY(20%);transform:translateY(20%)}to{opacity:1}}@keyframes fadeAndSlideFromBottom{from{opacity:0;-webkit-transform:translateY(20%);transform:translateY(20%)}to{opacity:1}}@-webkit-keyframes fadeAndSlideToBottom{from{opacity:1}to{opacity:0;-webkit-transform:translateY(20%);transform:translateY(20%)}}@keyframes fadeAndSlideToBottom{from{opacity:1}to{opacity:0;-webkit-transform:translateY(20%);transform:translateY(20%)}}@-webkit-keyframes fadeAndSlideFromLeft{from{opacity:0;-webkit-transform:translateX(-20%);transform:translateX(-20%)}to{opacity:1}}@keyframes fadeAndSlideFromLeft{from{opacity:0;-webkit-transform:translateX(-20%);transform:translateX(-20%)}to{opacity:1}}@-webkit-keyframes fadeAndSlideToLeft{from{opacity:1}to{opacity:0;-webkit-transform:translateX(-20%);transform:translateX(-20%)}}@keyframes fadeAndSlideToLeft{from{opacity:1}to{opacity:0;-webkit-transform:translateX(-20%);transform:translateX(-20%)}}.am-flip-x{-webkit-animation-duration:.4s;animation-duration:.4s;-webkit-animation-timing-function:ease;animation-timing-function:ease;-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards}.am-flip-x.am-flip-x-add,.am-flip-x.ng-hide-remove,.am-flip-x.ng-move{-webkit-animation-name:flipInXBounce;animation-name:flipInXBounce}.am-flip-x.am-flip-x-remove,.am-flip-x.ng-hide{-webkit-animation-name:flipOutX;animation-name:flipOutX}.am-flip-x.ng-enter{visibility:hidden;-webkit-animation-name:flipInXBounce;animation-name:flipInXBounce;-webkit-animation-play-state:paused;animation-play-state:paused}.am-flip-x.ng-enter.ng-enter-active{visibility:visible;-webkit-animation-play-state:running;animation-play-state:running}.am-flip-x.ng-leave{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-animation-play-state:paused;animation-play-state:paused}.am-flip-x.ng-leave.ng-leave-active{-webkit-animation-play-state:running;animation-play-state:running}.am-flip-x-linear{-webkit-animation-duration:.4s;animation-duration:.4s;-webkit-animation-timing-function:ease;animation-timing-function:ease;-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards}.am-flip-x-linear.am-flip-x-add,.am-flip-x-linear.ng-hide-remove,.am-flip-x-linear.ng-move{-webkit-animation-name:flipInX;animation-name:flipInX}.am-flip-x-linear.am-flip-x-remove,.am-flip-x-linear.ng-hide{-webkit-animation-name:flipOutX;animation-name:flipOutX}.am-flip-x-linear.ng-enter{visibility:hidden;-webkit-animation-name:flipInX;animation-name:flipInX;-webkit-animation-play-state:paused;animation-play-state:paused}.am-flip-x-linear.ng-enter.ng-enter-active{visibility:visible;-webkit-animation-play-state:running;animation-play-state:running}.am-flip-x-linear.ng-leave{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-animation-play-state:paused;animation-play-state:paused}.am-flip-x-linear.ng-leave.ng-leave-active{-webkit-animation-play-state:running;animation-play-state:running}@-webkit-keyframes flipInX{from{opacity:0;-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg)}to{opacity:1;-webkit-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg)}}@keyframes flipInX{from{opacity:0;-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg)}to{opacity:1;-webkit-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg)}}@-webkit-keyframes flipInXBounce{from{opacity:0;-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg)}40%{-webkit-transform:perspective(400px) rotateX(-10deg);transform:perspective(400px) rotateX(-10deg)}70%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}to{opacity:1;-webkit-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg)}}@keyframes flipInXBounce{from{opacity:0;-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg)}40%{-webkit-transform:perspective(400px) rotateX(-10deg);transform:perspective(400px) rotateX(-10deg)}70%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}to{opacity:1;-webkit-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg)}}@-webkit-keyframes flipOutX{from{opacity:1;-webkit-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg)}to{opacity:0;-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg)}}@keyframes flipOutX{from{opacity:1;-webkit-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg)}to{opacity:0;-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg)}}.am-slide-top{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards}.am-slide-top.am-slide-top-add,.am-slide-top.ng-hide-remove,.am-slide-top.ng-move{-webkit-animation-name:slideFromTop;animation-name:slideFromTop}.am-slide-top.am-slide-top-remove,.am-slide-top.ng-hide{-webkit-animation-name:slideToTop;animation-name:slideToTop}.am-slide-top.ng-enter{visibility:hidden;-webkit-animation-name:slideFromTop;animation-name:slideFromTop;-webkit-animation-play-state:paused;animation-play-state:paused}.am-slide-top.ng-enter.ng-enter-active{visibility:visible;-webkit-animation-play-state:running;animation-play-state:running}.am-slide-top.ng-leave{-webkit-animation-name:slideToTop;animation-name:slideToTop;-webkit-animation-play-state:paused;animation-play-state:paused}.am-slide-top.ng-leave.ng-leave-active{-webkit-animation-play-state:running;animation-play-state:running}.am-slide-right{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards}.am-slide-right.am-slide-right-add,.am-slide-right.ng-hide-remove,.am-slide-right.ng-move{-webkit-animation-name:slideFromRight;animation-name:slideFromRight}.am-slide-right.am-slide-right-remove,.am-slide-right.ng-hide{-webkit-animation-name:slideToRight;animation-name:slideToRight}.am-slide-right.ng-enter{visibility:hidden;-webkit-animation-name:slideFromRight;animation-name:slideFromRight;-webkit-animation-play-state:paused;animation-play-state:paused}.am-slide-right.ng-enter.ng-enter-active{visibility:visible;-webkit-animation-play-state:running;animation-play-state:running}.am-slide-right.ng-leave{-webkit-animation-name:slideToRight;animation-name:slideToRight;-webkit-animation-play-state:paused;animation-play-state:paused}.am-slide-right.ng-leave.ng-leave-active{-webkit-animation-play-state:running;animation-play-state:running}.am-slide-bottom{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards}.am-slide-bottom.am-slide-bottom-add,.am-slide-bottom.ng-hide-remove,.am-slide-bottom.ng-move{-webkit-animation-name:slideFromBottom;animation-name:slideFromBottom}.am-slide-bottom.am-slide-bottom-remove,.am-slide-bottom.ng-hide{-webkit-animation-name:slideToBottom;animation-name:slideToBottom}.am-slide-bottom.ng-enter{visibility:hidden;-webkit-animation-name:slideFromBottom;animation-name:slideFromBottom;-webkit-animation-play-state:paused;animation-play-state:paused}.am-slide-bottom.ng-enter.ng-enter-active{visibility:visible;-webkit-animation-play-state:running;animation-play-state:running}.am-slide-bottom.ng-leave{-webkit-animation-name:slideToBottom;animation-name:slideToBottom;-webkit-animation-play-state:paused;animation-play-state:paused}.am-slide-bottom.ng-leave.ng-leave-active{-webkit-animation-play-state:running;animation-play-state:running}.am-slide-left{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards}.am-slide-left.am-slide-left-add,.am-slide-left.ng-hide-remove,.am-slide-left.ng-move{-webkit-animation-name:slideFromLeft;animation-name:slideFromLeft}.am-slide-left.am-slide-left-remove,.am-slide-left.ng-hide{-webkit-animation-name:slideToLeft;animation-name:slideToLeft}.am-slide-left.ng-enter{visibility:hidden;-webkit-animation-name:slideFromLeft;animation-name:slideFromLeft;-webkit-animation-play-state:paused;animation-play-state:paused}.am-slide-left.ng-enter.ng-enter-active{visibility:visible;-webkit-animation-play-state:running;animation-play-state:running}.am-slide-left.ng-leave{-webkit-animation-name:slideToLeft;animation-name:slideToLeft;-webkit-animation-play-state:paused;animation-play-state:paused}.am-slide-left.ng-leave.ng-leave-active{-webkit-animation-play-state:running;animation-play-state:running}@-webkit-keyframes slideFromTop{from{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@keyframes slideFromTop{from{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@-webkit-keyframes slideToTop{to{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@keyframes slideToTop{to{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@-webkit-keyframes slideFromRight{from{-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes slideFromRight{from{-webkit-transform:translateX(100%);transform:translateX(100%)}}@-webkit-keyframes slideToRight{to{-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes slideToRight{to{-webkit-transform:translateX(100%);transform:translateX(100%)}}@-webkit-keyframes slideFromBottom{from{-webkit-transform:translateY(100%);transform:translateY(100%)}}@keyframes slideFromBottom{from{-webkit-transform:translateY(100%);transform:translateY(100%)}}@-webkit-keyframes slideToBottom{to{-webkit-transform:translateY(100%);transform:translateY(100%)}}@keyframes slideToBottom{to{-webkit-transform:translateY(100%);transform:translateY(100%)}}@-webkit-keyframes slideFromLeft{from{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes slideFromLeft{from{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@-webkit-keyframes slideToLeft{to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes slideToLeft{to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}
/*# sourceMappingURL=angular-motion.min.css.map */

/**
 * bootstrap-additions
 * @version v0.3.1 - 2015-05-20
 * @link https://github.com/mgcrea/bootstrap-additions
 * @author Olivier Louvignes <olivier@mg-crea.com> (https://github.com/mgcrea)
 * @license MIT License, http://www.opensource.org/licenses/MIT
 */
@media (max-width:991px){.aside{min-width:240px}}.alert{outline:0}.alert.bottom,.alert.bottom-left,.alert.bottom-right,.alert.top,.alert.top-left,.alert.top-right{position:fixed;z-index:1050;margin:20px}.alert.top,.alert.top-left,.alert.top-right{top:50px}.alert.top{right:0;left:0}.alert.top-right{right:0}.alert.top-right .close{padding-left:10px}.alert.top-left{left:0}.alert.top-left .close{padding-right:10px}.alert.bottom,.alert.bottom-left,.alert.bottom-right{bottom:0}.alert.bottom{right:0;left:0}.alert.bottom-right{right:0}.alert.bottom-right .close{padding-left:10px}.alert.bottom-left{left:0}.alert.bottom-left .close{padding-right:10px}.aside .aside-dialog .aside-footer:after,.aside .aside-dialog .aside-footer:before,.btn-group-vertical>.btn-group:after,.btn-group-vertical>.btn-group:before,.btn-toolbar:after,.btn-toolbar:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.dl-horizontal dd:after,.dl-horizontal dd:before,.form-horizontal .form-group:after,.form-horizontal .form-group:before,.modal-footer:after,.modal-footer:before,.nav:after,.nav:before,.navbar-collapse:after,.navbar-collapse:before,.navbar-header:after,.navbar-header:before,.navbar:after,.navbar:before,.pager:after,.pager:before,.panel-body:after,.panel-body:before,.row:after,.row:before{content:" ";display:table}.aside .aside-dialog .aside-footer:after,.btn-group-vertical>.btn-group:after,.btn-toolbar:after,.container-fluid:after,.container:after,.dl-horizontal dd:after,.form-horizontal .form-group:after,.modal-footer:after,.nav:after,.navbar-collapse:after,.navbar-header:after,.navbar:after,.pager:after,.panel-body:after,.row:after{clear:both}.aside{position:fixed;top:0;bottom:0;z-index:1049;overflow:auto;min-width:320px;background:#fff}.aside:focus{outline:0}@media (max-width:991px){.aside{min-width:240px}}.aside.left{right:auto;left:0}.aside.right{right:0;left:auto}.aside .aside-dialog .aside-header{border-bottom:1px solid #e5e5e5;min-height:16.43px;padding:6px 15px;background:#337ab7;color:#fff}.aside .aside-dialog .aside-header .close{margin-right:-8px;padding:4px 8px;color:#fff;font-size:25px;opacity:.8}.aside .aside-dialog .aside-body{position:relative;padding:15px}.aside .aside-dialog .aside-footer{padding:15px;text-align:right;border-top:1px solid #e5e5e5}.aside .aside-dialog .aside-footer .btn+.btn{margin-left:5px;margin-bottom:0}.aside .aside-dialog .aside-footer .btn-group .btn+.btn{margin-left:-1px}.aside .aside-dialog .aside-footer .btn-block+.btn-block{margin-left:0}.aside-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.aside-backdrop.fade{opacity:0;filter:alpha(opacity=0)}.aside-backdrop.in{opacity:.5;filter:alpha(opacity=50)}.datepicker.dropdown-menu{width:250px;height:270px}.datepicker.dropdown-menu button{outline:0;border:0}.datepicker.dropdown-menu tbody{height:180px}.datepicker.dropdown-menu tbody button{padding:6px}.datepicker.dropdown-menu.datepicker-mode-1 tbody button,.datepicker.dropdown-menu.datepicker-mode-2 tbody button{height:65px}.callout{margin:20px 0;padding:20px;border-left:3px solid #eee}.callout h4{margin-top:0;margin-bottom:5px}.callout p:last-child{margin-bottom:0}.callout-danger{border-color:#eed3d7;background-color:#fdf7f7}.callout-danger h4{color:#b94a48}.callout-warning{border-color:#faebcc;background-color:#faf8f0}.callout-warning h4{color:#8a6d3b}.callout-info{border-color:#bce8f1;background-color:#f4f8fa}.callout-info h4{color:#34789a}.modal.center .modal-dialog{position:fixed;top:40%;left:50%;min-width:320px;max-width:630px;width:50%;-webkit-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}.popover.top-left{margin-top:-10px}.popover.top-left .arrow{margin-left:-11px;border-bottom-width:0;border-top-color:#999;border-top-color:rgba(0,0,0,.25);bottom:-11px;left:10%}.popover.top-left .arrow:after{content:" ";bottom:1px;margin-left:-10px;border-bottom-width:0;border-top-color:#fff}.popover.top-right{margin-top:-10px}.popover.top-right .arrow{margin-left:-11px;border-bottom-width:0;border-top-color:#999;border-top-color:rgba(0,0,0,.25);bottom:-11px;left:90%}.popover.top-right .arrow:after{content:" ";bottom:1px;margin-left:-10px;border-bottom-width:0;border-top-color:#fff}.popover.bottom-left{margin-top:10px}.popover.bottom-left .arrow{margin-left:-11px;border-top-width:0;border-bottom-color:#999;border-bottom-color:rgba(0,0,0,.25);top:-11px;left:10%}.popover.bottom-left .arrow:after{content:" ";top:1px;margin-left:-10px;border-top-width:0;border-bottom-color:#fff}.popover.bottom-right{margin-top:10px}.popover.bottom-right .arrow{margin-left:-11px;border-top-width:0;border-bottom-color:#999;border-bottom-color:rgba(0,0,0,.25);top:-11px;left:90%}.popover.bottom-right .arrow:after{content:" ";top:1px;margin-left:-10px;border-top-width:0;border-bottom-color:#fff}.timepicker.dropdown-menu{padding:0 4px}.timepicker.dropdown-menu button{outline:0;border:0}.timepicker.dropdown-menu tbody button{padding:6px}.carousel-inner>.item>a>img,.carousel-inner>.item>img,.thumbnail a>img,.thumbnail>img{display:block;max-width:100%;height:auto}.btn-group-lg>.btn{padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}.btn-group-sm>.btn{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.btn-group-xs>.btn{padding:1px 5px;font-size:12px;line-height:1.5;border-radius:3px}.btn-group-vertical>.btn-group:after,.btn-group-vertical>.btn-group:before,.btn-toolbar:after,.btn-toolbar:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.dl-horizontal dd:after,.dl-horizontal dd:before,.form-horizontal .form-group:after,.form-horizontal .form-group:before,.modal-footer:after,.modal-footer:before,.nav:after,.nav:before,.navbar-collapse:after,.navbar-collapse:before,.navbar-header:after,.navbar-header:before,.navbar:after,.navbar:before,.pager:after,.pager:before,.panel-body:after,.panel-body:before,.row:after,.row:before{content:" ";display:table}.btn-group-vertical>.btn-group:after,.btn-toolbar:after,.container-fluid:after,.container:after,.dl-horizontal dd:after,.form-horizontal .form-group:after,.modal-footer:after,.nav:after,.navbar-collapse:after,.navbar-header:after,.navbar:after,.pager:after,.panel-body:after,.row:after{clear:both}.tooltip.tooltip-info.top .tooltip-arrow,.tooltip.tooltip-info.top-left .tooltip-arrow,.tooltip.tooltip-info.top-right .tooltip-arrow{border-top-color:#d9edf7}.tooltip.tooltip-info.right .tooltip-arrow{border-right-color:#d9edf7}.tooltip.tooltip-info.bottom .tooltip-arrow,.tooltip.tooltip-info.bottom-left .tooltip-arrow,.tooltip.tooltip-info.bottom-right .tooltip-arrow{border-bottom-color:#d9edf7}.tooltip.tooltip-info.left .tooltip-arrow{border-left-color:#d9edf7}.tooltip.tooltip-info .tooltip-inner{background-color:#d9edf7;border-color:#bce8f1;color:#31708f}.tooltip.tooltip-info .tooltip-inner hr{border-top-color:#a6e1ec}.tooltip.tooltip-info .tooltip-inner .alert-link{color:#245269}.tooltip.tooltip-success.top .tooltip-arrow,.tooltip.tooltip-success.top-left .tooltip-arrow,.tooltip.tooltip-success.top-right .tooltip-arrow{border-top-color:#dff0d8}.tooltip.tooltip-success.right .tooltip-arrow{border-right-color:#dff0d8}.tooltip.tooltip-success.bottom .tooltip-arrow,.tooltip.tooltip-success.bottom-left .tooltip-arrow,.tooltip.tooltip-success.bottom-right .tooltip-arrow{border-bottom-color:#dff0d8}.tooltip.tooltip-success.left .tooltip-arrow{border-left-color:#dff0d8}.tooltip.tooltip-success .tooltip-inner{background-color:#dff0d8;border-color:#d6e9c6;color:#3c763d}.tooltip.tooltip-success .tooltip-inner hr{border-top-color:#c9e2b3}.tooltip.tooltip-success .tooltip-inner .alert-link{color:#2b542c}.tooltip.tooltip-danger.top .tooltip-arrow,.tooltip.tooltip-danger.top-left .tooltip-arrow,.tooltip.tooltip-danger.top-right .tooltip-arrow{border-top-color:#f2dede}.tooltip.tooltip-danger.right .tooltip-arrow{border-right-color:#f2dede}.tooltip.tooltip-danger.bottom .tooltip-arrow,.tooltip.tooltip-danger.bottom-left .tooltip-arrow,.tooltip.tooltip-danger.bottom-right .tooltip-arrow{border-bottom-color:#f2dede}.tooltip.tooltip-danger.left .tooltip-arrow{border-left-color:#f2dede}.tooltip.tooltip-danger .tooltip-inner{background-color:#f2dede;border-color:#ebccd1;color:#a94442}.tooltip.tooltip-danger .tooltip-inner hr{border-top-color:#e4b9c0}.tooltip.tooltip-danger .tooltip-inner .alert-link{color:#843534}.tooltip.top-left{margin-top:-3px;padding:5px 0}.tooltip.top-left .tooltip-arrow{bottom:0;margin-left:-5px;border-width:5px 5px 0;border-top-color:#000;left:10%}.tooltip.top-right{margin-top:-3px;padding:5px 0}.tooltip.top-right .tooltip-arrow{bottom:0;margin-left:-5px;border-width:5px 5px 0;border-top-color:#000;left:90%}.tooltip.bottom-left{margin-top:3px;padding:5px 0}.tooltip.bottom-left .tooltip-arrow{top:0;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:#000;left:10%}.tooltip.bottom-right{margin-top:3px;padding:5px 0}.tooltip.bottom-right .tooltip-arrow{top:0;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:#000;left:90%}
/*# sourceMappingURL=bootstrap-additions.min.css.map */

.alert-warning {
  padding: 5px;
  margin-bottom: 5px;
  border: 1px solid #faebcc;
  border-radius: 4px;
  font-weight: bold;
  font-size: 15px;
}
.alert-warning a{
  font-weight: normal;
  font-size: 13px;
  cursor: pointer;
}

.wrapper {    
  margin-bottom: 20px;
}

.form-signin {
  max-width: 420px;
  padding: 30px 38px 66px;
  margin: 0 auto;
  margin-top:90px;
  background-color: #eee;
  border: 1px solid rgba(0,0,0,0.4);  
  }

.form-signin-heading {
  text-align:center;
  margin-bottom: 30px;
}

.form-signin .form-control {
  position: relative;
  font-size: 16px;
  height: auto;
  padding: 10px;
}

.form-signin input[type="text"] {
  margin-bottom: 0px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.form-signin input[type="password"] {
  margin-bottom: 20px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.colorgraph {
  height: 7px;
  border-top: 0;
  background: #c4e17f;
  border-radius: 5px;
    margin:0 auto;
  background-image: -webkit-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
  background-image: -moz-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
  background-image: -o-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
  background-image: linear-gradient(to right, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);


}
@keyframes colorKit {
from {background-position: 0px}
to {background-position:400px;}
}


.pagination { margin:0; }








#header_resident{
 
  margin-bottom:20px;
  }
  


  
#header_resident .navbar{
  border-radius:0;
  margin-bottom:0;
  border:none;
        font-family: 'Open Sans Condensed', sans-serif, sans-serif;

  }
    
#header_resident .navbar > li >a{
    
    }
  

  
#header_resident .navbar-header{
  }
  
#header_resident .navbar-brand {
width:160px;
height:160px;
float:left;
padding:0;
margin-top:-130px;
overflow:hidden;
border-radius:5px;
margin-left:15px;
background:#333;
text-align:center;
line-height:160px;
color:#fff !important;
font-size:2em;
    -webkit-transition:  all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition:  all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out ;

  }
  .logo_icon_ng img { max-width: 100%; height:auto; }
  
#header_resident .site-name{
  color:#fff;
  font-size:2.4em;
  float:left;
  margin-top:-75px !important;
  margin-left:15px;

  } 
#header_resident .site-description{
  font-weight: lighter;;
  color:#fff;
  font-size:1.3em;
  float:left;
  margin-top:-30px !important;
  margin-left:20px;
  }
  
#header_resident .main-menu{
  position:absolute;
  left:190px;
  }
  
#header_resident .slider{
  max-height:360px;
  overflow:hidden;
  }
  
#header_resident .carousel-control .fa-angle-left,
.carousel-control .fa-angle-right {
position: absolute;
top: 50%;
font-size:2em;
z-index: 5;
display: inline-block;
}

#header_resident .carousel-control{
  background-color:transparent;
  background-image:none !important;
  }
  
#header_resident .carousel-control:hover,
.carousel-control:focus { 
  color: #fff;
  text-decoration: none;
  background-color:transparent !important;
  background-image:none !important;
  outline: 0;
}



#header_resident .navbar-brand.retouch img { max-width: 100% ; height:auto;}
#header_resident .navbar-brand.retouch { background:white; }


.navbar-collapse
{
  height:200px;
}
tfoot th {
  background:#15407f;
  color:white;
  border-left:solid 1px white;
}

th.tablesort-sortable {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
    cursor: pointer;
}

table .tablesort-sortable:after{
    content:"";
    float:right;
    margin-top:7px;
    visibility:hidden;
    border-left:4px solid transparent;
    border-right:4px solid transparent;

    border-top:none;
    border-bottom:4px solid #000;
}

table .tablesort-desc:after{
    border-top:4px solid #000;
    border-bottom:none;
}

table .tablesort-asc, table .tablesort-desc {
    background-color: rgba(63, 81, 181, 0.25);
}


table .tablesort-sortable:hover:after, table .tablesort-asc:after, table .tablesort-desc:after {
    visibility:visible;
}

/*
 * Styling for the table row shown in empty tables
 */

/* The row is always added as the first row in a table
   Hide it by default */
.showIfLast {
    display: none;
}

/* Only show it if it is also the last row of the table. */
.showIfLast:last-child {
    display: table-row;
}

.showIfLast td {
    text-align: center;
}






.tableMH { max-height: 500px;overflow-y:auto; }
.label { font-weight: 500 }
.label-selected { border: solid 3px black;
text-decoration: underline;}
.inline { display :inline; }




.card {
    font-size: 1em;
    padding: 0;
    border: none;
    border-radius: .28571429rem;
    box-shadow: 0 1px 3px 0 #d4d4d5, 0 0 0 1px #d4d4d5;
    margin-bottom:10px;
    /*border-top:solid 4px var(--purple);*/
}


.card-block {
    font-size: 1em;
    position: relative;
    margin: 0;
    padding: 1em;
    border: none;
    border-top: 1px solid rgba(34, 36, 38, .1);
    box-shadow: none;
}

.card-img-top {
    display: block;
    width: auto;
    height: 120px;
    margin:0 auto;
}

.card-title {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.2857em;
}
h4.card-title { margin-top:0; }
.card-text {
    clear: both;
    margin-top: .5em;
    color: rgba(0, 0, 0, .68);


}
.card-footer {
    font-size: 1em;
    position: static;
    top: 0;
    left: 0;
    max-width: 100%;
    padding: .75em 1em;
    color: rgba(0, 0, 0, .4);
    border-top: 1px solid rgba(0, 0, 0, .05) !important;
    background: #fff;
}

.card-inverse .btn {
    border: 1px solid rgba(0, 0, 0, .05);
}

.profile {
    position: absolute;
    top: -12px;
    display: inline-block;
    overflow: hidden;
    box-sizing: border-box;
    width: 25px;
    height: 25px;
    margin: 0;
    border: 1px solid #fff;
    border-radius: 50%;
}

.profile-avatar {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 50%;
}

.profile-inline {
    position: relative;
    top: 0;
    display: inline-block;
}

.profile-inline ~ .card-title {
    display: inline-block;
    margin-left: 4px;
    vertical-align: top;
}

.text-bold {
    font-weight: 700;
}

.meta {
    font-size: 1em;
    color: rgba(0, 0, 0, .4);
}

.meta a {
    text-decoration: none;
    color: rgba(0, 0, 0, .4);
}

.meta a:hover {
    color: rgba(0, 0, 0, .87);
}
.align-right { text-align:right; float:right; }





.form_check input[type="text"].ng-invalid:not(.ng-empty) , .form_check textarea.ng-invalid:not(.ng-empty){
border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);

  }
.form_check input[type="text"].ng-valid, .form_check textarea.ng-valid  {
    border-color: #3c763d;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}
.form_check input[type="text"]:disabled.ng-valid{
    background-color: #efefef;
    border: 1px solid #bbb;

}



/* Contact
*/
.contact_inbox,
{
  min-height:90vh;

}
.contact_inbox h3, .contact_inbox h4 
{
    color:#5A738E;


}



.mail_list_column,.mail_view {
    border-left: 1px solid #DBDBDB;
  min-height:50vh !important;
max-height: 800px;
overflow-y:auto;
  }


  .mail_list {
    width: 100%;
    border-bottom: 1px solid #DBDBDB;
    margin-bottom: 2px;
    display: inline-block;

  }
 
  .mail_list.active, .mail_list.active h3 {
    color:#23527B;
  }
.mail_list h3 {
    font-size: 15px;
    font-weight: 700;
    margin: 0 0 6px;
}
.mail_list .right {
    width: 90%;
    float: left;
}
.mail_list .left {
    width: 5%;
    float: left;
    margin-right: 3%;
}
.mail_list h3 small {
    float: right;
    color: #ADABAB;
    font-size: 11px;
    line-height: 20px;
}

.mail_heading h4 {
    font-size: 22px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    margin-top: 20px;
}


@media screen {
    #printSection {
        display: none;
    }
}

@media print {
    body * {
        visibility:hidden;
    }
    #printSection, #printSection * {
        visibility:visible;
    }
    #printSection {
        position:absolute;
        left:0;
        top:0;
    }
}


/*
Tabs
*/




.pec_row { height:112px; padding:0;  display:table; border-spacing:5px;  }
.pec_div, .pec_divc { display:table-cell; border:solid 1px lightgrey; padding:5px; ; cursor:pointer;}
.pec_main { vertical-align: middle; font-size:120%; font-weight: bold; border:none; width:130px; }
.pec_img { max-height:80px; max-width: 150px; }
.pec_selected { border-color:green;}
.pec_print .pec_div { border:none; }

.pec_selected:before, .pec_not_selected:before {
font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  position:absolute;
  font-size:18px;
  margin-top:-4px;
 }
.pec_selected:before {  top;  content: "\27";    color:green; }
.pec_not_selected:before {

}
.pec_not_selected img {
   filter: grayscale(0.5) blur(10px);
 filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
filter: gray; /* IE6-9 */
 -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
 -moz-filter:grayscale(100%);
 }


/* Incontinence */
.table-protocole
{
  table-layout: fixed;
}



.table-protocole td,.table-protocole th
{
  text-align:center;
}
.table-protocole th 
{
      color: #fff;
    background-color: #428bca;
    border-color: #428bca;
}
#protocole_main { -webkit-print-color-adjust: exact;  }
.protocole_cell {
margin-bottom:3px; padding:2px; text-align: center; font-size:11px; min-height: 50px;  -webkit-print-color-adjust: exact;
    position: relative;
    cursor:move;
 }
.protocole_cell_content 
{
  display:table-cell; vertical-align: middle;    width: 400px; min-height:50px; -webkit-print-color-adjust: exact;
}
.protocole_taille_vignette 
{
  position: absolute; left:3px;
					display:flex;align-items:center;justify-content:center;
					top:3px; width:25px; height:20px; overflow:hidden; background:var(--var-main-color); color:white; border-radius:5px
}
img.img-protocole { display:inline-block !important; max-height: 40px }
img.img-service { display:inline-block !important; max-height: 40px }
.affix {
z-index: 1040;
    position:fixed;
}
.protocole_choix {
  min-height:100px;font-size: 11px;
      cursor:all-scroll;z-index:20;
}
div.protocole_choix_wrapper { padding-left:5px; padding-right:5px; }
.protocole_choix img.img-protocole
{
  max-height: 50px; height:50px; margin-bottom:3px;
}
.height-auto { height:auto !important; }
.protocole_cross { position:absolute; right:0; top:0; display:none;      z-index: 11;}
.protocole_cell:hover .protocole_cross { display:block; }
.protocole_cell_content .col-xs-6, .protocole_cell_content .row { padding:0; margin:0; }
.protocole_taille {  font-size:40px; line-height: 40px;}
.print_it { position:relative; }
 .page-template > * {
            position: absolute;
            left: 20px;
            right: 20px;
            font-size: 90%;
        }
        .page-template .pheader {
            top: 20px;
            border-bottom: 1px solid #000;
        }
        .page-template .pfooter {
            bottom: 20px;
            border-top: 1px solid #000;
        }

.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}
.imppadding
{
  padding: 2px !important;
  margin: 2px !important;
}

.img-responsive img { max-width: 100%; height:auto; }
.p220 { height:220px;}
.p250 { min-height:250px;}
.p280 { min-height:  280px;}
.p300 { height:  300px;}
.p320 { min-height:  320px;}
.p350 { min-height:350px;}
.p400 { height:400px;}
.p450 { height:450px;}
.p480 { height:480px;}
.p500 { height:500px;}
.p500 { height:500px;}
.p570 { height:570px;}

.backMenuPro
 {
  background:#3F3F3F;
  color:white;
  height: 170px;
  text-align: center;
  padding-top: 50px;
}
.backMenuPro h2
{
margin-top: 0;  
font-size: 40px;
color:white;
font-weight:lighter;
}
.backMenuPro.stats
{
  background:#FFC36E;
}
.backMenuPro.incontinence
{
  background:#48cfad
}
.backMenuPro.location
{
  background:#23527b;
}
.backMenuPro.contact
{
  background:#2A3F54;
}
.backMenuPro.outil
{
  background:#FFD05B;
}
.backMenuPro.dotation
{
  background:#02b6e7;
  padding:5px;
  height: auto;;
}
.backMenuPro.dotation h2
{
  font-size: 24px;
}


.backMenuPro.slider { padding-top:0; background: #F5F7F9;}






.table-protocole td
{
  height: 100px;
}


.panel-body .img-responsive {   transition:ease 0.5s all;
  }
.panel-body:hover .img-responsive
{
transform:scale(1.05);
}









@media (max-width:991px)
{


.backMenuPro
{
  height:inherit !important;
}
.backMenuPro h2
{
  font-size:29px;
margin-top: 0; margin-bottom: 0;
}
#header_resident .navbar-brand{
width:80px;
height:80px;
line-height:80px;
margin-top:0;
}

.table-protocole
{
  table-layout: initial;
}

}
.day_label
{
  margin:3px;padding:3px;
  border:solid 1px lightgrey;
  border-radius:3px;
}


.boxp {
  margin-top: 50px;
  box-sizing: border-box;
  padding: 20px 15px;
  background-color: white;
  border-top: 20px solid #455A64;
  border-bottom: 5px solid #455A64;
  box-shadow:
     10px 0px 15px -5px rgba(0, 0, 0, 0.15),
    -10px 0px 15px -5px rgba(0, 0, 0, 0.15);
    position:relative;
}
.boxp_content { height:150px;     overflow-y:auto;
 }

.boxp h2 {
  font: bold 18px/1.2 'Open Sans', sans-serif;
  color: #3D3D3D;
  margin: 0 0 12px;
  padding: 0 0 5px;
  border-bottom: 1px solid #455A64;
}
.boxp p {
  font: 15px/1.4 'Open Sans', sans-serif;
  color: #3D3D3D;
  padding: 0;
}

.material-button {
   
    position: absolute;
    width: 50px;
    height: 50px;
    bottom:-25px;
    right:15px;
    font-size: 1.5em;
    color: #fff;
    background: #78909C;
    border: none;
    border-radius: 50%;
    box-shadow: 0 3px 6px rgba(0,0,0,.275);
    outline: none;
}

.material-button:hover 
{
    background: #455A64;
    box-shadow: 0px 1px 1px black;
}
/* Material css */
.btn-primary {
  background-color: #3f51b5;
  color: #fff;
}

.btn-primary:hover {
  background-color: #5a5a5a;
  color: #fff;
}




.color-warning
{
  color:#F0AD4E;
}
.dropdown-menu.select-multiple
{
  margin-top:35px;
  position: absolute !important;
}

.pharelya button.btn.btn-lg.btn-primary.btn-block,.pharelya .cart_product_main_title {
    background-color: #009A9B;
}
.pharelya .btn-zab, .pharelya .btn-primary
{

  background: #009A9B;
  color:white;
}
.pharelya .m_quantite, .pharelya  .m_reference,.pharelya a,.pharelya .bloc_quick_commande h5, .pharelya .prestataire h5

{
  color: #0f61a3;;;
}
.pharelya .m_contenu
{
  border-top-color:#0f61a3; 
}
.pharelya .btn-zab:hover .btn-icon
{
  background:#0f61a3;
}
.pharelya .btn-zab-reverse:hover
{
  background:#0f61a3;
}

.pharelya .btn-icon, .pharelya .btn-zab-reverse .btn-icon
{
  background:#009A9B;
}

.well.selected, .card.selected
{
  border:solid 1px green;
}
.hand
{
  cursor:pointer;
}


/* Animation */
@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.delay-1s {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.animated.delay-2s {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}
#scroll-to-top {
    background: rgba(227, 0, 17, 0.8) none repeat scroll 0 0;
    border-radius: 4px;
    bottom: 4%;
    color: #fff;
    cursor: pointer;
    display: none;
    font-size: 16px;
    line-height: 40px;
    position: fixed;
    right: 20px;
    text-align: center;
    transition: background-color 0.3s linear 0s;
    width: 40px;
    z-index: 999;
}
.spin
{

   animation: spin 2s infinite linear;
     -webkit-animation: spin 2s infinite linear;

}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}



.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus
{
background-color:inherit;
text-decoration: underline;
}
.btn-info { background:#33b5e5 !important}
.btn-black,.li-black { 
  color: #ffffff; 
  background-color: #242727;
  border-color: #202020; 
}
.li-black button.close {
    color: white;

    opacity: 1;
}

.dropdown-menu>li.li-black>a
{
  color:white;
}

.btn-black:hover, 
.btn-black:focus, 
.btn-black:active, 
.btn-black.active, 
.open .dropdown-toggle.btn-black { 
  color: #ffffff; 
  background-color: #2D2C2E; 
  border-color: #A19DB3; 
} 
 
.btn-black:active, 
.btn-black.active, 
.open .dropdown-toggle.btn-black { 
  background-image: none; 
} 
 
.btn-black.disabled, 
.btn-black[disabled], 
fieldset[disabled] .btn-black, 
.btn-black.disabled:hover, 
.btn-black[disabled]:hover, 
fieldset[disabled] .btn-black:hover, 
.btn-black.disabled:focus, 
.btn-black[disabled]:focus, 
fieldset[disabled] .btn-black:focus, 
.btn-black.disabled:active, 
.btn-black[disabled]:active, 
fieldset[disabled] .btn-black:active, 
.btn-black.disabled.active, 
.btn-black[disabled].active, 
fieldset[disabled] .btn-black.active { 
  background-color: #000000; 
  border-color: #A19DB3; 
} 
 
.btn-black .badge { 
  color: #000000; 
  background-color: #ffffff; 
}
.btn-jade, .li-jade { 
  color: #ffffff; 
  background-color: #2BBBAD; 
  border-color: #1D7A71; 
} 
.btn-jade, .li-red { 
  color: #ffffff; 
  background-color: #e1403d; 
  border-color: #7a1d1d; 
} 

.dropdown-menu>li.li-jade>a,
.dropdown-menu>li.li-red>a
{
  color:white;
}
 
.btn-jade:hover, 
.btn-jade:focus, 
.btn-jade:active, 
.btn-jade.active, 
.open .dropdown-toggle.btn-jade { 
  color: #ffffff; 
  background-color: #34CFBF; 
  border-color: #1D7A71; 
} 
 
.btn-jade:active, 
.btn-jade.active, 
.open .dropdown-toggle.btn-jade { 
  background-image: none; 
} 
 
.btn-jade.disabled, 
.btn-jade[disabled], 
fieldset[disabled] .btn-jade, 
.btn-jade.disabled:hover, 
.btn-jade[disabled]:hover, 
fieldset[disabled] .btn-jade:hover, 
.btn-jade.disabled:focus, 
.btn-jade[disabled]:focus, 
fieldset[disabled] .btn-jade:focus, 
.btn-jade.disabled:active, 
.btn-jade[disabled]:active, 
fieldset[disabled] .btn-jade:active, 
.btn-jade.disabled.active, 
.btn-jade[disabled].active, 
fieldset[disabled] .btn-jade.active { 
  background-color: #2BBBAD; 
  border-color: #1D7A71; 
} 
 
.btn-jade .badge { 
  color: #2BBBAD; 
  background-color: #ffffff; 
}
.btn-violet,.li-violet { 
  color: #ffffff; 
  background-color: #C913D6; 
  border-color: #B51AAB; 
} 
 .dropdown-menu>li.li-violet>a
{
  color:white;
}
.btn-violet:hover, 
.btn-violet:focus, 
.btn-violet:active, 
.btn-violet.active, 
.open .dropdown-toggle.btn-violet { 
  color: #ffffff; 
  background-color: #B334CF; 
  border-color: #B51AAB; 
} 
 
.btn-violet:active, 
.btn-violet.active, 
.open .dropdown-toggle.btn-violet { 
  background-image: none; 
} 
 
.btn-violet.disabled, 
.btn-violet[disabled], 
fieldset[disabled] .btn-violet, 
.btn-violet.disabled:hover, 
.btn-violet[disabled]:hover, 
fieldset[disabled] .btn-violet:hover, 
.btn-violet.disabled:focus, 
.btn-violet[disabled]:focus, 
fieldset[disabled] .btn-violet:focus, 
.btn-violet.disabled:active, 
.btn-violet[disabled]:active, 
fieldset[disabled] .btn-violet:active, 
.btn-violet.disabled.active, 
.btn-violet[disabled].active, 
fieldset[disabled] .btn-violet.active { 
  background-color: #C913D6; 
  border-color: #B51AAB; 
} 
 
.btn-violet .badge { 
  color: #C913D6; 
  background-color: #ffffff; 
}

.btn-blue-marine,.li-blue-marine
{
  color: #ffffff; 
  background-color: #1E88E5; 
  border-color: #1565C0; 
} 
 .dropdown-menu>li.li-blue-marine>a
{
  color:white;
}


.typeahead.dropdown-menu
{
  cursor:pointer;
}
.img-panel-hexastat
{
    max-width:100px;
    margin:0 auto;

}
.grayscale
{
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}
.modal.bottom {
    bottom: 10px !important;
    top: initial;
}

.font-size-lg {
    font-size: 19px !important;
}
.background-green {
    background-color: #f8fded;
    border: 1px solid #a8d640;
    color: #99cf1f;
}
.bundle-and-save-well {
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 15px;
}
.btn.btn-green {
    color: #fff;
    background-color: #99cf1f;
    border-top-color: #b3e93f;
}
.btn.btn-green:hover, .btn.btn-green:focus {
    border-top-color: #b3e93f;
    background-color: #a8d640;
}
.form_verif input.ng-invalid,textarea.ng-invalid {
    border: 1px solid red;
}
.frais_livraison {
    font-size: 18px;
}
.modal-body
{
    max-height: 70vh;
    overflow: scroll-x;
    overflow-y: auto;

}










.logo_login
{
   display:block; margin:0 auto;
}

.logo_store_prest
{
    margin-top:20px;
    max-width:85px;
}

.nom_service_inco {
    font-size: 50%;
}

.icon-menu {
    height:24px;
    width:24px;
    margin-right:6px;
    text-align: center;
}
.navbar-main li a { font-size:15px}

.key_button_pr
{
    position:absolute;
    right:0;
    bottom:0;
}

.key__button {
    box-sizing: border-box;
    line-height: 20px;
    font-size: 12px;
    text-align: center;
    width: 20px;
    color: #555;
    cursor: pointer;
    margin: 0 3px;
    top:0;
    height: 20px;
    border-color: #f2f2f2;
    border-style: solid;
    text-shadow: 0 0.5px 1px #777, 0 2px 6px #f2f2f2;
    border-width: 1px;
    border-radius: 5px;
    background: -webkit-linear-gradient(top, #f9f9f9 0%, #D2D2D2 80%, #c0c0c0 100%);
    font-family: sans-serif;
    display: inline-block;
    transition: box-shadow 0.3s ease, transform 0.15s ease;
    box-shadow: 0 0 1px #888, 0 1px 0 #fff, 0 6px 0 #C0C0C0, 0 8px 17px rgba(68, 68, 68, 0.4), 2px 1px 4px rgba(68, 68, 68, 0.25), -2px 1px 4px rgba(68, 68, 68, 0.25), 0 9px 16px rgba(68, 68, 68, 0.1);
}
.key__button:hover, .key__button:focus {
    box-shadow: 0 0 1px #888, 0 1px 0 #fff, 0 4px 0 #C0C0C0, 0 2px 35px rgba(68, 68, 68, 0.3), 2px 2px 4px rgba(68, 68, 68, 0.25), -2px 2px 4px rgba(68, 68, 68, 0.25), 0 7px 4px rgba(68, 68, 68, 0.1);
    transform: translateY(2px);
}
.key__button:active {
    box-shadow: 0 0 1px #888, 0 1px 0 #fff, 0 0 0 #C0C0C0, 0 0px 30px rgba(68, 68, 68, 0.15), 2px 2px 4px rgba(68, 68, 68, 0.25), -2px 2px 4px rgba(68, 68, 68, 0.25), 0 0px 4px rgba(68, 68, 68, 0.25);
    transform: translateY(4px);
}



/* Sticky footer styles
-------------------------------------------------- */
.mobile-bottom-nav {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    will-change: transform;
    transform: translateZ(0);
    height: 50px;
    box-shadow: 0 -2px 5px -2px #333;
    background-color: #fff;
    padding-top:5px;
}

.mobile-bottom-nav .top-level {
    display: flex;
    flex-flow: row wrap;
}

.mobile-bottom-nav .section {
    flex-basis: 100%;              /*  added  */
    display: flex;
    flex-flow: row nowrap;

}

.mobile-bottom-nav .section-child {
    position: relative;             /*  added  */
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    flex: 1 1 100%;                 /*  added  */
    overflow: hidden;               /*  added  */
    text-align:center;
}
.mobile-bottom-nav .section-child a, .mobile-bottom-nav .section-child a:visited
{
 color:#333333d4;
    position:relative;
}
.mobile-bottom-nav .section-child a:hover
{
    color:#428bca;
}

.mobile-bottom-nav .section-child .badge
{
    position:absolute;
    right:-10px;
}

.mobile-bottom-nav .child-title {
    white-space: nowrap;
    margin:0 !important;
    font-size:13px;
}

.control-label {
  display: block;
  font-weight: 300;
  font-size: 14px;
}
.gi-1-3x{font-size: 1.5em;}

.gi-2x{font-size: 2em;}
.gi-3x{font-size: 3em;}
.gi-4x{font-size: 4em;}
.gi-5x{font-size: 5em;}


.dropdown-submenu {
  position: relative;
}

.dropdown-submenu>.dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -6px;
  margin-left: -1px;
  -webkit-border-radius: 0 6px 6px 6px;
  -moz-border-radius: 0 6px 6px;
  border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
  display: block;
}
.dropdown-menu.to-top
{
  bottom:100%;
  top:auto !important;
  margin-bottom:-20px;
  margin-left:20px;


}


.dropdown-submenu.pull-left {
  float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
  left: -100%;
  margin-left: 10px;
  -webkit-border-radius: 6px 0 6px 6px;
  -moz-border-radius: 6px 0 6px 6px;
  border-radius: 6px 0 6px 6px;
}
.navbar-inverse .navbar-nav>li>a { font-size:17px}
.nav>li>a { padding:20px 12px;}
li.disabled {
  cursor: not-allowed;
}
li.disabled a {
  pointer-events: none;
}
.dashboardc 
{
  color:white;
  font-size:18px;
}
.dashboardc 
{
  font-size:18px;
  transition: all 0.5s ease-out;

}
.dashboardc , .dashboardc .card 
{
  height:110px;

}
.dashboardc .card,.dashboardc.card { border-top:none;}
.icon-dashboardc { width:30px; filter:grayscale(1);}
.dashiconc { margin-top:6px;}
.dashboardc-footer u { text-decoration: none;;}
.dashboardc:hover .dashboardc-footer u { text-decoration: underline;}
.dashboardc:hover {

background:white !important;
color:#23527B;

}
.dashboardc:hover .icon-dashboardc
{
  filter:none;
}

.dashboardc-footer { text-align: center; margin-top:5px }
.dashboardc-footer hr {margin:0; margin-bottom:3px }



.text-white, .text-white h3 { color:white;}

:root {
  --blue: #2196f3;
  --indigo: #3f51b5;
  --purple: #9c27b0;
  --pink: #e91e63;
  --red: #f44336;
  --orange: #ff9800;
  --yellow: #ffeb3b;
  --green: #4caf50;
  --teal: #009688;
  --cyan: #00bcd4;
  --white: #fff;
  --gray: #6c757d;
  --gray-dark: #343a40;
  --primary: #009688;
  --secondary: #6c757d;
  --success: #4caf50;
  --info: #03a9f4;
  --warning: #ff5722;
  --danger: #f44336;
  --light: #f5f5f5;
  --dark: #424242;
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --font-family-sans-serif: "Roboto","Helvetica","Arial",sans-serif;
  --font-family-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
  }

.bg-primary {
  background-color: var(--blue) !important;
}

.bg-success, .alert-success {
  background-color: var(--success) !important;
  color:white;
}

.bg-info {
  background-color:#23527B;
  background-color: var(--indigo) !important;
}

.bg-warning {
  background-color:#23527B;

  background-color: var(--danger) !important;
}

.bg-danger {
  background-color:#23527B;

  background-color: var(--danger) !important;
}

.bg-muted {
  background-color:#23527B;

  background-color: var(--danger) !important;
}

.bg-white {
  background-color:#23527B;

  background-color: var(--danger) !important;
}
.bg-pink 
{
  background-color:#23527B;

  background-color: var(--pink) !important;

}
.bg-purple 
{
  background-color:#23527B;

  background-color: var(--purple) !important;

}
.bg-teal 
{
  background-color:#23527B;

  background-color: var(--teal) !important;

}
.bg-greydark
{
  background-color:#23527B;

  background-color: var(--gray-dark) !important;
}
.bg-cyan
{
  background-color:#23527B;

  background-color: var(--cyan) !important;
}
.bg-yellow
{
  background-color:#23527B;

  background-color: var(--yellow) !important;
}

.card-body {
  flex: 1 1 auto;
  padding: 1.25rem;
  }

  .main_container 
  {
    margin-top:60px;
  }

#form_recherche .ng-not-empty
{
  color:#009A9B;
  color:var(--pink);
}
.select-multiple.bottom { top:initial !important; margin-top:0px }

.navbar-inverse { background-color:var(--var-main-color);
  ;}
.navbar-inverse .navbar-nav>li>a
{
  color:white;
}
.protocole_cell_content span , .protocole_choix span
{
  background:white;padding:1px;
  display:block;

}

.protocole_choix span
{
  justify-content: center;
  display: flex;
  align-items: center;
  height:45px;
  margin-top:2px;

}

.d-flex {
  display:flex;
  flex-wrap: wrap;
}
.d-flex .col-auto {
  float: none;
}
.col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: none;
}
.d-flex .col-md-3, .d-flex .col-md-4, .d-flex .col-md-6, .d-flex .col-md-12 {
padding:0;
}


.logo_login
{

}
.badge { font-size:14px;}

.badgeTooltip:hover { width:90px; }





/**
 * Vidéo formation Grid styles
 */
.video-grid.front-page {
  max-width: 1280px;
  margin: 0 auto;
  padding: 1em 2em;
}

ul.video-list {
  display: flexbox;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

li.video {
  flex-grow: 1;
  list-style: none;
  position: relative;
  ooverflow: hidden;
  width: 33.333333333%;
  width: -webkit-calc(100% / 3);
  width: calc(100% / 3);
  border: solid 0.2em transparent;
}

li.video a {
  outline: none;
}

li.video:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0);
  transition: background-color 0.15s;
}

li.video figure {
  display: block;
  position: relative;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

li.video figure img {
  display: block;
  max-width: 100%;
  height: auto;
  opacity: 0;
  transform: scale(0.5);
  transition: all 0.2s;
}

li.video figure figcaption {
  position: absolute;
  bottom: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  font-size: 1.4rem;
  font-weight: 600;
  padding: 1rem;
  transform: translateY(0);
  opacity: 1;
  transition: all 0.2s;
}

li.video:hover figure img {
  opacity: 1;
  transform: scale(1);
}

li.video:hover figure figcaption {
  opacity: 0;
  transform: translateY(50%);
}

li.video:hover:before {
  background-color: rgba(0, 0, 0, 0.3);
}





@media screen and (max-width: 800px) {
  li.video {
    width: 50%;
    width: -webkit-calc(100% / 2);
    width: calc(100% / 2);
  }
}

@media screen and (max-width: 640px) {
  li.video {
    width: 100%;
  }
}

.home_icones .panel-heading
{
  font-size:15px;
  height:60px;
  display:flex;
  align-items: center;
    justify-content: center;
}
.folder {
  background: #ffffff;
  border-radius: 10px;
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
  overflow: hidden;
  width: 450px;
}

.shared-user {
  align-items: center;
  color: #6a696a;
  display: inline-flex;
  font-weight: 500;
  margin-left: 5px;
  outline: none;
  text-decoration: none;
}

.shared-user__avatar {
  width: 15px;
  height: 15px;
  margin-right: 3px;
}

.folder-summary {
  padding: 15px 20px 15px 15px;
  cursor: pointer;
  display: flex;
  line-height: 1;
  height: 80px;
  position: relative;
}

.folder-summary__start {
  position: relative;
}

.folder-summary__file-count {
  position: absolute;
  top: -3px;
}

.folder-summary__file-count__amount {
  color: #ffffff;
  font-size: 12px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}

.folder-summary__file-count svg {
  color: #5166fa;
  height: 30px;
  width: auto;
}

.folder-summary__details {
  padding: 2px 0 0 13px;
}

.folder-summary__details__name {
  color: #393738;
  font-size: 20px;
  font-weight: 500;
}

.folder-summary__details__share {
  align-items: center;
  color: #b5b4b5;
  display: flex;
  font-size: 15px;
  margin-top: 8px;
}

.folder-summary__end {
  margin-left: auto;
}

.folder-summary__end svg {
  fill: #c3c2c3;
}

.folder-summary::after {
  background: #e6e6e6;
  bottom: -2px;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  right: 0;
}

.folder-collapse-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border-radius: 30px;
  border: 0;
  cursor: pointer;
  height: 30px;
  opacity: 0;
  outline: none;
  position: absolute;
  position: relative;
  width: 30px;
  z-index: 1;
}

.folder-collapse-button::after {
  background: #efeff0;
  border-radius: 40px;
  content: "";
  height: 35px;
  left: 50%;
  opacity: 0;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.2s ease-out;
  width: 35px;
}

.folder-collapse-button:hover::after {
  opacity: 1;
}



.folder-collapse-button svg {
  color: #9c9c9e;
  left: 50%;
  position: absolute;
  stroke-width: 3;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}

.folder-item {
  align-items: flex-start;
  display: flex;
  height: 105px;
  line-height: 1;
  opacity: 1;
  padding: 20px 25px;
  position: relative;
}

.folder-item__icon svg {
  display: block;
  height: 40px;
  width: auto;
}

.folder-item__details {
  padding: 1px 0 0 15px;
}

.folder-item__details__name {
  color: #393738;
  font-size: 16px;
  font-weight: 500;
  position: relative;
text-overflow: ellipsis;
    overflow: hidden;
    max-width:150px;

}

.folder-item__details__name svg {
  height: auto;
  position: absolute;
  top: 50%;
  transform: translate(5px, calc(-50% + 1px));
  width: 20px;
}

.folder-item__details__date {
  color: #b5b4b5;
  font-size: 15px;
  margin-top: 8px;
}

.folder-item__size {
  color: #6a696a;
  font-weight: 500;
  margin-left: auto;
  margin-top: 2px;
}

.folder-item:not(:last-child)::after {
  background: #edecee;
  bottom: 0;
  content: "";
  height: 1px;
  left: 80px;
  position: absolute;
  right: 0;
}
.b-example-divider {
  margin-left:-20px;
  margin-right:-20px;
  height: 3rem;
  background-color: rgba(0, 0, 0, .1);
  border: solid rgba(0, 0, 0, .15);
  border-width: 1px 0;
  box-shadow: inset 0 0.5em 1.5em rgb(0 0 0 / 10%), inset 0 0.125em 0.5em rgb(0 0 0 / 15%);

}
.bg-light {
  background-color: #f7f7f7;
}
.calendrier-event {
  background-color:#d3dae4;
  color:rgb(79,84,100);
  padding:2px 4px;
  margin-bottom:5px;
}
 .event-day-puce
{
  background-color:#d3dae4;
  color:rgb(79,84,100);
  border-radius: 50%;
  width: 20px;
  height: 20px;
  float:left;
  margin-right:5px;

}

.p-4 {
  padding: 1.5rem !important;
}
.p-3 {
  padding: 1.2rem !important;
}
.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}

.form-group {
  margin-bottom: 10px;
}
.mt-1 { margin-top:5px;}
.mb-0 { margin-bottom:0;}
.mt-0 { margin-top:0;}
.w-50 { width:50%;}
.pr-0 { padding-right:0;}
.pl-0 { padding-left:0;}
.m0 {
  margin:0 !important;
}
.p0 {
  padding:0 !important;
}
 





.badge-success {
  color: #fff;
  background-color: #28a745;
}


@media (min-width: 768px)
{
.lead {
font-size: 19px;
}
}

.card.card-actu
{
  display: block !important;;
  text-align: left;
}
#rss .date
{
  font-size: 12px;
  color: #6c757d;
  font-style: italic;
}

.card-grid,.grid-4,.grid-5,.grid-2,.grid-3 {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-gap: 10px;


}
.grid-2
{
  grid-template-columns: repeat(2, 1fr);
}
.grid-3
{
  grid-template-columns: repeat(3, 1fr);
}
.grid-4
{
  grid-template-columns: repeat(4, 1fr);
}
.card-content
{
  padding:8px;
}


.card-outil-selected .card-body{
  background-color: #f5f5f5;
}
.card-outil-selected h4
{
  color: #000;
  text-decoration: underline;
}
.card-grid .card-footer {
  align-self: end;

  display: flex;
  width:100%;
  justify-content: center;
  align-items: center;
  
  gap: 3px;
}

.card-outil-selected.risque-faible{
  border:solid 2px rgb(8, 178, 8);
}
.card-outil-selected.risque-modere{
  border:solid 2px rgb(255, 255, 0);
}
.card-outil-selected.risque-eleve{
  border:solid 2px rgb(255, 128, 0);
}
.card-outil-selected.risque-tres-eleve{
  border:solid 2px rgb(255, 0, 0);
}
.pagination
{
  vertical-align: bottom;
}

@media (min-width: 992px)
{
.modal-xxl {
    width: 1168px;
}
}




@media (max-width: 767px) {
  .card-grid,.grid-4,.grid-5 {
    grid-template-columns: repeat(1, 1fr);
  }
  .modal-xxl {
    width: 100%;
}
}


#live-chat a { text-decoration: none; }

#live-chat fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

#live-chat h4, #live-chat h5 {
	line-height: 1.5em;
	margin: 0;
}

#live-chat hr {
	background: #e9e9e9;
    border: 0;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 1px;
    margin: 0;
    min-height: 1px;
}

#live-chat img {
    border: 0;
    display: block;
    height: auto;
    max-width: 100%;
}

#live-chat input {
	border: 0;
	color: inherit;
    font-family: inherit;
    font-size: 100%;
    line-height: normal;
    margin: 0;
}



#live-chat p { margin: 0; }

.clearfix { *zoom: 1; } /* For IE 6/7 */
.clearfix:before, .clearfix:after {
    content: "";
    display: table;
}
.clearfix:after { clear: both; }

/* ---------- LIVE-CHAT ---------- */

#live-chat {
	bottom: 0;
	font-size: 12px;
	right: 24px;
	position: fixed;
	width: 300px;
  z-index: 20;
}

#live-chat header {
	background: #293239;
	border-radius: 5px 5px 0 0;
	color: #fff;
	cursor: pointer;
	padding: 16px 24px;
    height: 50px !important;
    min-height: 50px;
}

#live-chat h4:before {
	background: #1a8a34;
	border-radius: 50%;
	content: "";
	display: inline-block;
	height: 8px;
	margin: 0 8px 0 0;
	width: 8px;
}

#live-chat h4 {
	font-size: 12px;
}

#live-chat h5 {
	font-size: 10px;
}

#live-chat form {
	padding: 12px 16px;
}

#live-chat input[type="text"],#live-chat button[type="submit"],#live-chat select {
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 8px;
	outline: none;
	width: 200px;
}
#live-chat button[type="submit"] {
    width:auto ;
    background:none;
}

.chat-message-counter {
	background: #e62727;
	border: 1px solid #fff;
	border-radius: 50%;
	display: none;
	font-size: 12px;
	font-weight: bold;
	height: 28px;
	left: 0;
	line-height: 28px;
	margin: -15px 0 0 -15px;
	position: absolute;
	text-align: center;
	top: 0;
	width: 28px;
}

.chat-close {
	background: #1b2126;
	border-radius: 50%;
	color: #fff;
	display: block;
	float: right;
	font-size: 10px;
	height: 16px;
	line-height: 16px;
	margin: 2px 0 0 0;
	text-align: center;
	width: 16px;
}

.chat {
	background: #fff;
}

.chat-history {
	height: 252px;
	padding: 8px 24px;
	overflow-y: scroll;
}

.chat-message {
	margin: 16px 0;
}

.chat-message img {
	border-radius: 50%;
  padding:10px;
	float: left;
}

.chat-message-content {
	margin-left: 0;
}

.chat-time {
	float: right;
	font-size: 10px;
}

.chat-feedback {
    font-size: 19px;
    padding: 2px 24px;
}
.chat .helptag {
  display: inline-block;
  margin-right: 5px;
  padding: 1px 3px;
  font-size: 12px;
  font-weight: bold;
  color: #333333;
  background-color: #f2f2f2;
  border-radius: 3px;
  border: 1px solid #d1d1d1;
}

  
.chat .helptag:hover {
  background-color: #2980b9;
}

.lined-heading {
  width: 100%; 
  text-align: center; 
  border-bottom: 1px solid #000; 
  line-height: 0.1em;
  margin: 20px 0 20px; 
} 

.lined-heading span { 
   background:#F5F7F9; 
   padding:0 10px; 
}
.mb-1
{
  margin-bottom: 1rem;
}
.mb-3
{
  margin-bottom: 3rem;
}
.ml-1
{
  margin-left: 1rem;
}
.mr-1
{
  margin-right: 1rem;
}
.chambrePlan 
{
  
   

       
          /* background: lightblue; */
         
          color: var(--blue);

    
    padding: 5px;
    border-radius:5px;
    margin: 10px;
    z-index: 10;
}
.chambrePlan-big 
{
  background:lightslategray;
  
}


.plan-chambre-nom
{
  background:white;
  border:solid 1px var(--blue);
  padding:3px 6px;
  border-radius: 5px;
  color:#3f51b5;
  cursor:pointer;
}
.plan-chambre-dm,.plan-dm
{
  width: 40px;
    border-radius: 5px;
      transition: all 0.3s ease-in-out;
      cursor: all-scroll;
}
.plan-dm { width:50px;}
.plan-chambre-dm-big
{
  width: 60px;
    border-radius: 5px;
}
.droppable-highlight {
  border: 2px dashed black;
  background:rgb(78, 162, 9);
  color:white;
  /* Bordure en pointillés rouges */
  /* Fond gris clair */
  /* Opacité réduite */
  transition: all 0.3s ease-in-out;
  /* Transition fluide */
}
.plan-chambre-nom-highlight
{
  background:white;
  border-radius:25%;
  border:solid 1px var(--blue);
}

.plan-img-conception::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 1px, transparent 1px);
  background-size: 25px 22px;
  /* Taille de la grille */
  pointer-events: none;
}
.border-orange, .btn-orange {
  border:solid 1px #FF9800;
}
.btn-orange {
  color: #fff;
  background-color: #FF9800;
  border-color: #FF9800;
}
.border-bleu, .btn-bleu {
  border:solid 1px #3f51b5;
}
.btn-bleu {
  color: #fff;
  background-color: #3f51b5;
  border-color: #3f51b5;
}
.fabrication_pays { width:96px;}
.fabrication_pays_liste { width:48px;}
.inline-block
{
  display:inline-block;
}
.smallListe .m_link ,.smallListe .m_reference
{
  font-size:11px;
}
.dropdown-menu .selected a
{
  background-color: #0b26ac;
  color: #fff;
}
.badge.btn-magenta
{
  background-color: #ff00ff;
  color: #fff;
}

.card-impact {
    border: 2px solid #C50058;
    border-radius: 5px;
    padding: 20px;
    margin-bottom: 20px;
    background-color: #f8f9fa;
    transition: all 0.3s ease-in-out;
}

.card-impact:hover {
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    transform: translateY(-5px);
}

.card-impact h4 {
    color: #C50058;
    margin-bottom: 10px;
}

.card-impact span.text-muted {
    font-size: 14px;
    margin-bottom: 10px;
}

.card-impact span.text-muted a {
    color: #C50058;
    text-decoration: none;
}

.card-impact span.label {
    color: #fff;
    padding: 5px 10px;
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 10px;
    font-weight: bold;
}
    .cross-history-search {
      cursor: pointer;
      font-size: smaller;
      margin-left: 5px;
    }




.tab-nav {
  display: flex;
  background-color: #3f51b5;
  border-bottom: 2px solid #ccc;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.tab-nav li {
  padding: 10px 20px;
  cursor: pointer;
  font-weight: bold;
  transition: background-color 0.2s;
  color: white;
    border-right: solid 1px;
}

.tab-nav li.active {
  background-color: #ccc;
}

.tab-content {
  padding: 20px;
  border: 1px solid #ccc;
  border-top: none;
}
.badge-history-search
{
  background-color: #3f51b5;
  color: white;
font-size:12px;
}
.badge-history-search em, .badge-history-search i
{
  font-style: normal;
}
 .badge-history-search i
 {
  color:lightgrey;
 }
.badge-history-search:hover
{
  background-color: #1e88e5;
}
 .user-info {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 10px;
      background-color: #f8f9fa;
      border-bottom: 1px solid #dee2e6;
      }
      .user-info i {
      margin-right: 5px;
      }
      .user-info span {
      margin-left: 10px;
      font-size: 14px;
      }
      
    :root {
  --main-bg: #3f51b5; /* Remplace #f0f0f0 par la couleur de ton choix */
}

.alert.alert-info {
  border-left: 8px solid #2a9df4; /* Bleu vif mais doux */
  background: linear-gradient(135deg, #7cb6e6 0%, #1e90ff 100%);
  color: white;  
}

.alert.alert-success {
  border-left: 8px solid #2ecc71; /* Vert plus naturel, doux */
  background: linear-gradient(135deg, #33bd8b 0%, #56c596 100%);
  color: white;  
}

.alert.alert-error {
  border-left: 8px solid #e74c3c; /* Rouge un peu moins saturé */
  background: linear-gradient(135deg, #ec7165 0%, #e74c3c 100%);
  color: white;  
}




.img-hover {
    transition: transform 0.5s ease, filter 0.5s ease;
}

.img-hover:hover {
    transform: scale(1.1);
    filter: brightness(1.2);
}

/** Menu vertical **/
.navbar-vertical 
{
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  width: 165px;;
 
  padding-top: 50px;
  transition: all 0.3s;
  z-index:10000;
}
.navbar-vertical .dropdown-toggle {
  display: flex;
  align-items: center;
}

.navbar-vertical .menu_logo
{
  width:40px !important;
  height:40px !important;
  margin:0 !important;
}
.navbar-vertical #menu_product_ul.lot-of-child > li > a
{
  min-height:50px;
}
.navbar-vertical .dropdown-menu, .navbar-vertical  .dropdown-menu-right
{
left:0
}

.hexagone-fin {
  width: 10px; /* Largeur plus petite pour rendre l'hexagone plus fin */
  height: 10px;
  background-color: var(--main-bg); 
  position: relative;
  margin-top:-14px;
}

.hexagone-fin:before,
.hexagone-fin:after {
  content: "";
  position: absolute;
  width: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
}

.hexagone-fin:before {
  border-bottom: 5px solid var(--main-bg); 
  top: -5px;
}

.hexagone-fin:after {
  border-top: 5px solid var(--main-bg); 
  bottom: -5px;
}
.card-header {
  padding:10px;
}
body.modal-open
{
  overflow:initial;
}


  .overflow-initial 
  {
    overflow: initial !important;
  }
	.custom-panel {
		border-radius: 8px;
		box-shadow: 0 2px 10px rgba(0,0,0,0.1);
		margin-bottom: 20px;
		background: #ffffff;
		border-left: 4px solid #007bff;
		overflow: hidden;
	}
	
	.custom-panel-header {
		padding: 12px 15px;
		font-size: 16px;
		font-weight: bold;
		color: #2c3e50;
		background-color: #f8f9fa;
		border-bottom: 1px solid #e9ecef;
	}
	
	.custom-panel-header i {
		color: #007bff;
		margin-right: 8px;
	}
	
	.custom-panel-body {
		padding: 15px;
	}
	
	.option-group {
		margin-bottom: 15px;
	}
	
	.option-group:last-child {
		margin-bottom: 0;
	}
	
	.option-label {
		display: block;
		margin-bottom: 10px;
		color: #495057;
		font-weight: 600;
	}
	
	.tag-container {
		display: flex;
		flex-wrap: wrap;
		gap: 8px;
	}
	
	.option-tag {
		display: inline-flex;
		align-items: center;
		padding: 6px 12px;
		border-radius: 30px;
		background-color: #f1f3f5;
		border: 1px solid #dee2e6;
		color: #495057;
		cursor: pointer;
		transition: all 0.2s ease;
		font-weight: normal;
	}
	
	.option-tag input {
		position: absolute;
		opacity: 0;
	}
	
	.option-tag i {
		margin-right: 5px;
	}
	
	.option-tag.active {
		background-color: #007bff;
		color: white;
		border-color: #007bff;
	}
	
	.orientation-tag.active {
		background-color: #28a745;
		border-color: #28a745;
	}
	
	.horaire-tag.active {
		background-color: #6f42c1;
		border-color: #6f42c1;
	}
	
	.horaires-container {
		max-height: 150px;
		overflow-y: auto;
	}
	
	.custom-select {
		border-radius: 6px;
		border: 1px solid #dee2e6;
		padding: 8px 12px;
		width: 100%;
	}
	
	.mb-0 {
		margin-bottom: 0;
	}

  .nav-tabs > li {
    border: 1px solid #dee2e6;
    margin-bottom: -1px;
    margin-right: 5px;
    border-radius: 5px;

  }

  .nav-tabs>li >a 
  {
    background:#5a5a5a;
    color: #fff;
  }

.nav-tabs>li>a:hover, .nav-tabs>li>a:focus {
    background-color: var(--var-main-color);
    color: #fff;
    border-color:var(--var-alt-color);
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
    background-color:  var(--var-main-color);
    color:white;

}


  .nav-tabs > li > a {
    color: #fff;
    padding: 5px 10px;
    border-radius: 5px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }

  #commande_loc_client .loc-cmd-header {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    padding: 2rem 0;
    margin-bottom: 2rem;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
}

#commande_loc_client .header-content {
    text-align: center;
}

#commande_loc_client .logo-header {
    height: 60px;
    margin-bottom: 1rem;
}

#commande_loc_client .page-title {
    font-size: 2.2rem;
    font-weight: 600;
    margin: 0 0 1rem 0;
    text-shadow: 0 2px 4px rgba(0,0,0,0.3);
}

#commande_loc_client .resident-info {
    font-size: 1.2rem;
    opacity: 0.9;
}

#commande_loc_client .loc-cmd-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px 50px;
}

#commande_loc_client .step-indicator {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 40px;
}

#commande_loc_client .step {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    flex: 1;
}

#commande_loc_client .step-number {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #e9ecef;
    color: #6c757d;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    margin-bottom: 10px;
    transition: all 0.3s ease;
}

#commande_loc_client .step-title {
    font-size: 14px;
    color: #6c757d;
    text-align: center;
    transition: all 0.3s ease;
}

#commande_loc_client .step.active .step-number {
    background-color: #667eea;
    color: white;
}

#commande_loc_client .step.active .step-title {
    color: #495057;
    font-weight: bold;
}

#commande_loc_client .step.completed .step-number {
    background-color: #28a745;
    color: white;
}

#commande_loc_client .step-connector {
    flex: 1;
    height: 2px;
    background-color: #e9ecef;
    margin: 0 10px;
}

#commande_loc_client .step-content {
    background-color: white;
    border-radius: 10px;
    box-shadow: 0 0 15px rgba(0,0,0,0.1);
    padding: 30px;
    margin-bottom: 30px;
}

#commande_loc_client .step-instructions {
    margin-bottom: 30px;
    text-align: center;
}

#commande_loc_client .step-instructions h3 {
    color: #495057;
    margin-bottom: 10px;
}

#commande_loc_client .step-instructions p {
    color: #6c757d;
}

#commande_loc_client .category-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 20px;
}

#commande_loc_client .category-card {
    background-color: white;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    cursor: pointer;
    display: flex;
    border: 2px solid #f1f1f1;
    padding: 20px;
}

#commande_loc_client .category-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 30px rgba(0,0,0,0.1);
    border-color: #667eea;
}

#commande_loc_client .category-icon {
    font-size: 2.5rem;
    color: #667eea;
    margin-right: 20px;
    display: flex;
    align-items: center;
}

#commande_loc_client .category-info {
    flex: 1;
}

#commande_loc_client .category-info h4 {
    margin-top: 0;
    color: #495057;
    font-weight: 600;
}

#commande_loc_client .category-info p {
    color: #6c757d;
    margin-bottom: 0;
}

#commande_loc_client .braden-recommendations {
    margin-bottom: 30px;
}

#commande_loc_client .recommendation-card {
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
}

#commande_loc_client .recommendation-card.critical-risk {
    border-left: 5px solid #dc3545;
}

#commande_loc_client .recommendation-card.high-risk {
    border-left: 5px solid #fd7e14;
}

#commande_loc_client .recommendation-card.moderate-risk {
    border-left: 5px solid #ffc107;
}

#commande_loc_client .recommendation-card.low-risk {
    border-left: 5px solid #28a745;
}

#commande_loc_client .recommendation-header {
    background: #f8f9fa;
    padding: 15px;
    font-weight: 600;
    color: #495057;
    display: flex;
    align-items: center;
    gap: 10px;
}

#commande_loc_client .recommendation-body {
    padding: 15px;
}

#commande_loc_client .recommendation-body p {
    margin-bottom: 10px;
}

#commande_loc_client .recommendation-body p.small {
    font-size: 0.9rem;
    color: #6c757d;
}

#commande_loc_client .options-form {
    max-width: 600px;
    margin: 0 auto 30px;
}

#commande_loc_client .form-group {
    margin-bottom: 20px;
}

#commande_loc_client .form-group label {
    display: block;
    margin-bottom: 8px;
    font-weight: 600;
    color: #495057;
}

#commande_loc_client .form-control {
    display: block;
    width: 100%;
    padding: 10px 15px;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

#commande_loc_client .help-text {
    font-size: 0.85rem;
    color: #6c757d;
    margin-top: 5px;
    display: block;
}

#commande_loc_client .radio-options {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

#commande_loc_client .radio-option {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    padding: 8px 15px;
    border-radius: 20px;
    background-color: #f8f9fa;
    transition: background-color 0.2s ease;
}

#commande_loc_client .radio-option:hover {
    background-color: #e9ecef;
}

#commande_loc_client .products-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 25px;
}

#commande_loc_client .product-card {
    background-color: white;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    position: relative;
    cursor: pointer;
}

#commande_loc_client .product-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 30px rgba(0,0,0,0.1);
}

#commande_loc_client .product-card.recommended {
    border: 2px solid #28a745;
}

#commande_loc_client .product-badge {
    position: absolute;
    top: 10px;
    right: 10px;
    background-color: #28a745;
    color: white;
    padding: 5px 10px;
    border-radius: 20px;
    font-size: 0.8rem;
    font-weight: 600;
}

#commande_loc_client .product-header {
    padding: 15px;
    border-bottom: 1px solid #f1f1f1;
}

#commande_loc_client .product-header h4 {
    margin: 0;
    font-size: 1.2rem;
    color: #495057;
}

#commande_loc_client .product-image {
    height: 180px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background-color: #f8f9fa;
}

#commande_loc_client .product-image img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

#commande_loc_client .product-details {
    padding: 15px;
}

#commande_loc_client .detail-item {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
    color: #6c757d;
}

#commande_loc_client .description-preview {
    margin-top: 15px;
    font-size: 0.9rem;
    color: #495057;
}

#commande_loc_client .product-actions {
    padding: 15px;
    border-top: 1px solid #f1f1f1;
    display: flex;
    justify-content: space-between;
}

#commande_loc_client .order-summary {
    max-width: 800px;
    margin: 0 auto;
}

#commande_loc_client .order-card {
    background-color: white;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
}

#commande_loc_client .order-header {
    padding: 20px;
    background-color: #f8f9fa;
    border-bottom: 1px solid #e9ecef;
}

#commande_loc_client .order-header h4 {
    margin: 0;
    color: #495057;
}

#commande_loc_client .order-details {
    padding: 20px;
}

#commande_loc_client .detail-row {
    display: flex;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #f1f1f1;
}

#commande_loc_client .detail-row:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

#commande_loc_client .detail-label {
    width: 150px;
    font-weight: 600;
    color: #495057;
}

#commande_loc_client .detail-value {
    flex: 1;
    color: #6c757d;
}

#commande_loc_client .order-footer {
    padding: 20px;
    background-color: #f8f9fa;
    border-top: 1px solid #e9ecef;
    display: flex;
    justify-content: space-between;
}

#commande_loc_client .step-actions {
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
}

#commande_loc_client .btn {
    padding: 10px 20px;
    border-radius: 5px;
    cursor: pointer;
    transition: all 0.3s ease;
    border: none;
}

#commande_loc_client .btn-default {
    background-color: #f8f9fa;
    color: #495057;
    border: 1px solid #ced4da;
}

#commande_loc_client .btn-default:hover {
    background-color: #e9ecef;
}

#commande_loc_client .btn-primary {
    background-color: #667eea;
    color: white;
}

#commande_loc_client .btn-primary:hover {
    background-color: #5a6acf;
}

#commande_loc_client .btn-outline-primary {
    background-color: transparent;
    color: #667eea;
    border: 1px solid #667eea;
}

#commande_loc_client .btn-outline-primary:hover {
    background-color: #f0f2ff;
}

#commande_loc_client .btn-success {
    background-color: #28a745;
    color: white;
}

#commande_loc_client .btn-success:hover {
    background-color: #218838;
}

#commande_loc_client .btn-danger {
    background-color: #dc3545;
    color: white;
}

#commande_loc_client .btn-danger:hover {
    background-color: #c82333;
}

@media (max-width: 768px) {
    #commande_loc_client .category-grid,
    #commande_loc_client .products-grid {
        grid-template-columns: 1fr;
    }
    
    #commande_loc_client .step-indicator {
        flex-direction: column;
        gap: 20px;
    }
    
    #commande_loc_client .step {
        width: 100%;
    }
    
    #commande_loc_client .step-connector {
        width: 2px;
        height: 20px;
        margin: 0;
    }
    
    #commande_loc_client .radio-options {
        flex-direction: column;
    }
    
    #commande_loc_client .order-footer {
        flex-direction: column;
        gap: 10px;
    }
    
    #commande_loc_client .order-footer .btn {
        width: 100%;
    }
}
.nav>li>a:hover, .nav>li>a:focus
{
    background-color: initial
}
.table-tiny td, .table-tiny th {
    padding: 0.3rem;
    vertical-align: middle;
    border-top: 1px solid #dee2e6;
    font-size: 11px;
}
.pagination>li>a, .pagination>li>span
{
  padding:4px 5px;
}
.slider_commande_home .img-slider-hexastat 
{
  max-height:300px;
  width:auto;
  margin:0 auto;
}