/***************************************************************/
/*                          MON COMPTE                         */
/***************************************************************/
.infos-details {
    border: 1px solid #ddd;
    border-radius: 3px;
    padding: 1rem;
}

.infos-details span {
    color: #a7a9ab;
}

.infos-details .col {
    padding: .5rem;
}

.infos-details .col span{
    display:block;
}

.page-mon-compte #main-content {
    margin-top: 20px;
    margin-bottom: 20px;
}

.menu-mon-compte, 
.menu-mon-compte:hover {
    text-decoration: none;
    font-size: small;
}

.menu-mon-compte {
    color: inherit;
    width: 100%;
    text-align: left;
    display: block;
}

.menu-selected > .menu-mon-compte, 
.menu-selected > a.menu-mon-compte:not([href]):not([tabindex]) {
    color: white;
}

#issues > td  {
    text-align: center;
}

ul.tabNavigation {
    list-style: none;
    margin: 0;
    padding: 0;
}

ul.tabNavigation li {
    display: inline;
}

ul.tabNavigation li div a {
    text-decoration: none;
}

ul.tabNavigation li {
    padding-top: 15px;
    padding-bottom: 15px;
    opacity: 1;
    text-decoration: none;
}

ul.tabNavigation li.selected,ul.tabNavigation li:hover {
    color: #FFFFFF;
    opacity: 1;
    padding-top: 15px;
    padding-bottom: 15px;
}

ul.tabNavigation li div a:focus {
    outline: 0;
}
.imgMonCompte {
    float: none;
    min-height: 118px;
    min-width: 95px;
    margin-right: 5px;
    margin-left: 0px;
}
.compte-item {
    height: 300px;
    position: relative;
    overflow: hidden;
}
.compte-item-footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: #fafafa;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}
.compte-item-header {
    min-height: 50px;
    background: #fafafa;
}
#infos-perso {
    display: inline-block;
}
#history-target.row {
	margin-left: 0;
	margin-right: 0;
}
#history-target .pager {
	margin: 0;
}

.notification-user-note:after {
  content: ' \25CF';
  font-size: 20px;
  color:red;
}

.btn-success.disabled, 
.btn-success:disabled {
  color: #929292;
  background-color: #e5e5e5;
  text-decoration: none;
  border-color: #929292;
  opacity: 1;
}

.badge-pill {
  padding: .5rem 1rem;
}

/*Pagination*/
/*Fin pagination*/

/*-------------------------------*/
/*       Hamburger-Cross         */
/*-------------------------------*/
@media only screen and (min-width: 990px){
    .hamburger {
        display: none;
    }
}    
@media only screen and (max-width: 990px){
    .hamburger {
      position: relative;
      margin-bottom: 1rem;
      z-index: 1;
      display: block;
      width: 32px;
      height: 32px;
      background: transparent;
      border: none;
    }
    .hamburger:hover,
    .hamburger:focus,
    .hamburger:active {
      outline: none;
    }
    .hamburger.is-closed:before {
      content: '';
      display: block;
      width: 100px;
      font-size: 14px;
      color: #3b3b3b;
      line-height: 32px;
      text-align: center;
      opacity: 0;
      -webkit-transform: translate3d(0,0,0);
      -webkit-transition: all .35s ease-in-out;
    }
    .hamburger.is-closed:hover:before {
      opacity: 1;
      display: block;
      -webkit-transform: translate3d(-100px,0,0);
      -webkit-transition: all .35s ease-in-out;
    }

    .hamburger.is-closed .hamb-top,
    .hamburger.is-closed .hamb-middle,
    .hamburger.is-closed .hamb-bottom,
    .hamburger.is-open .hamb-top,
    .hamburger.is-open .hamb-middle,
    .hamburger.is-open .hamb-bottom {
      position: absolute;
      left: 0;
      height: 4px;
      width: 100%;
    }
    .hamburger.is-closed .hamb-top,
    .hamburger.is-closed .hamb-middle,
    .hamburger.is-closed .hamb-bottom {
      background-color: #3b3b3b;
    }
    .hamburger.is-closed .hamb-top { 
      top: 5px; 
      -webkit-transition: all .35s ease-in-out;
    }
    .hamburger.is-closed .hamb-middle {
      top: 50%;
      margin-top: -2px;
    }
    .hamburger.is-closed .hamb-bottom {
      bottom: 5px;  
      -webkit-transition: all .35s ease-in-out;
    }

    .hamburger.is-closed:hover .hamb-top {
      top: 0;
      -webkit-transition: all .35s ease-in-out;
    }
    .hamburger.is-closed:hover .hamb-bottom {
      bottom: 0;
      -webkit-transition: all .35s ease-in-out;
    }
    .hamburger.is-open .hamb-top,
    .hamburger.is-open .hamb-middle,
    .hamburger.is-open .hamb-bottom {
      background-color: #3b3b3b;
    }
    .hamburger.is-open .hamb-top,
    .hamburger.is-open .hamb-bottom {
      top: 50%;
      margin-top: -2px;  
    }
    .hamburger.is-open .hamb-top { 
      -webkit-transform: rotate(45deg);
      -webkit-transition: -webkit-transform .2s cubic-bezier(.73,1,.28,.08);
    }
    .hamburger.is-open .hamb-middle { display: none; }
    .hamburger.is-open .hamb-bottom {
      -webkit-transform: rotate(-45deg);
      -webkit-transition: -webkit-transform .2s cubic-bezier(.73,1,.28,.08);
    }
    .hamburger.is-open:before {
      content: '';
      display: block;
      width: 100px;
      font-size: 14px;
      color: #fff;
      line-height: 32px;
      text-align: center;
      opacity: 0;
      -webkit-transform: translate3d(0,0,0);
      -webkit-transition: all .35s ease-in-out;
    }
    .hamburger.is-open:hover:before {
      opacity: 1;
      display: block;
      -webkit-transform: translate3d(-100px,0,0);
      -webkit-transition: all .35s ease-in-out;
    }

    /*-------------------------------*/
    /*            Overlay            */
    /*-------------------------------*/

    .overlay {
        display: none;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1;
    }
}