@font-face {
    font-family: 'fontello';
    src: url('../font/fontello.eot?83474256');
    src: url('../font/fontello.eot?83474256#iefix') format('embedded-opentype'),
         url('../font/fontello.woff2?83474256') format('woff2'),
         url('../font/fontello.woff?83474256') format('woff'),
         url('../font/fontello.ttf?83474256') format('truetype'),
         url('../font/fontello.svg?83474256#fontello') format('svg');
    font-weight: normal;
    font-style: normal;
  }
  /* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
  /* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
  /*
  @media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face {
      font-family: 'fontello';
      src: url('../font/fontello.svg?83474256#fontello') format('svg');
    }
  }
  */
   
   [class^="icon-"]:before, [class*=" icon-"]:before {
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    speak: none;
   
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    /* opacity: .8; */
   
    /* For safety - reset parent styles, that can break glyph codes*/
    font-variant: normal;
    text-transform: none;
   
    /* fix buttons height, for twitter bootstrap */
    line-height: 1em;
   
    /* Animation center compensation - margins should be symmetric */
    /* remove if not needed */
    margin-left: .2em;
   
    /* you can be more comfortable with increased icons size */
    /* font-size: 120%; */
   
    /* Font smoothing. That was taken from TWBS */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
   
    /* Uncomment for 3D effect */
    /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
  }
   
  .icon-tadive:before { content: '\e800'; } /* '' */

  .row {margin:0}

  .alert{
      margin:20px 0;
      word-break: break-word;
  }

  body {
      overflow-y: scroll;
  }
  
/*************************
   Gestion des formulaires
*************************/

.form-control {
    border-radius: 0;
    width: 100%
}

.form-horizontal .control-label {
    padding-top: 8px;
    margin-bottom: 0;
    text-align: right;
}

.form-control:focus {
    border-color: #CCD0D7;
    box-shadow: none !important
}

legend {
    font-size: 18px;
    color: inherit
}

.form-horizontal .form-group {
    margin-right: 0;
    margin-left: 0
}

.form-control-feedback {
    margin-top: 8px;
    height: 23px;
    color: #bbb;
    line-height: 24px;
    font-size: 15px
}

.form-control-feedback.left {
    border-right: 1px solid #ccc;
    left: 13px
}

.form-control-feedback.right {
    border-left: 1px solid #ccc;
    right: 13px
}

.form-control.has-feedback-left {
    padding-left: 45px
}

.form-control.has-feedback-right {
    padding-right: 45px
}

.form-group {
    margin-bottom: 10px
}

/**
  Couleur de texte des CGU
 */

#cgu {
    color: #0a0909;
}

/* Couleur des tab actives */

.nav-tabs .nav-link {
    color: #808080;
}

.nav-tabs .nav-link.active, .nav-tabs .nav-link.active:focus, .nav-tabs .nav-link.active:hover, .nav-tabs .nav-item.open .nav-link, .nav-tabs .nav-item.open .nav-link:focus, .nav-tabs .nav-item.open .nav-link:hover {
    color: #000000;
}

/*
    ADMINISTRATION Style
*/

body {
    background: #fafafa;
    overflow-x: hidden;
}

p {
    
    font-size: 1.1em;
    font-weight: 300;
    line-height: 1.7em;
    color: #444;
}

a,
a:hover,
a:focus {
    color: inherit;
    text-decoration: none;
    transition: all 0.3s;
}

.padding40{
    padding:40px;
}

.navbar {
    padding: 30px 10px;
    background: #fff;
    border: none;
    border-radius: 0;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
    
}

.navbar-btn {
    box-shadow: none;
    outline: none !important;
    border: none;
}

.line {
    width: 100%;
    height: 1px;
    border-bottom: 1px dashed #ddd;
    margin: 40px 0;
}

.bg-tadive {
    background-color: #F05F40 !important;
}

.bg-white{
    color: #F05F40!important;
    background: #fff;
}

.user a[aria-expanded="true"].dropdown-toggle {

    background: initial;
}

.user .user-name{
    padding-right:10px;
}



/* ---------------------------------------------------
    MODALES
----------------------------------------------------- */

.modal-body {
    padding: 20px 80px;
}

.modal-body>hr {
    margin: 30px 0 10px 0;
}

/* ---------------------------------------------------
    PILLS
----------------------------------------------------- */
.nav-tabs .nav-item a{
    padding: 18px 10px;
}
.nav-tabs .nav-item button{
    font-size: 8px;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #fff!important;
    background-color: #F05F40!important;
    border :0px;
}
.nav-tabs .nav-link {
    border: 0px solid transparent;
}

/* ---------------------------------------------------
    Formulaire adhesion
----------------------------------------------------- */
.accordion .card-header {
    background-color: #F05F40!important;
}

.card .btn-link {
    color: #fff;
}

/* ---------------------------------------------------
    SIDEBAR STYLE
----------------------------------------------------- */
h1.h1{
    font-size: 1.8rem;
    margin-bottom:0px;
    padding-left: 20px;
}

li.nav-item.dropdown {
    list-style: none;
}

.wrapper {
    display: flex;
    width: 100%;
    align-items: stretch;
}

#sidebar {
    min-width: 250px;
    max-width: 250px;
    background: #031634;
    color: #fff;
    transition: all 0.3s;
}

#sidebar.active {
    margin-left: -250px;
}
#sidebar .sidebar-header {
    font-size: 2rem;
    font-weight: 100;
}


#sidebar ul {
    margin:0;
}

#sidebar a.cgu {
    font-size: 15px!important;
}


#sidebar .club-menu{
    border-bottom: 1px solid #F05F40;
    border-top: 1px solid #F05F40;
}

#sidebar a {
   
    color: inherit;
}

#sidebar ul p {
    color: #fff;
    padding: 10px;
}

#sidebar ul li a {
    padding: 10px;
    font-size: 1.1em;
    display: block;
}

#sidebar ul li a:hover {
    color: #F05F40;
    background: #fff;
}

#sidebar ul li.active>a,
a[aria-expanded="true"] {
    color: #fff;
    background: #102450;
}

a[data-toggle="collapse"] {
    position: relative;
}

.dropdown-toggle::after {
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
}

ul ul a {
    font-size: 0.9em !important;
    padding-left: 30px !important;
    background: #0d1c3e;
}

#sidebar .sidebar-header li.nav-item.dropdown  {
    padding:16px;
}

#sidebar .sidebar-header a[aria-expanded="true"] {
    color: #fff;
    background: rgba(255,255,255,0.1);
}


a.article,
a.article:hover {
    background: #6d7fcc !important;
    color: #fff !important;
}

.count{
    font-size:45px;
}

/* ---------------------------------------------------
    CONTENT STYLE
----------------------------------------------------- */

#content {
    width: 100%;
    min-height: 100vh;
    transition: all 0.3s;
}

.page{
    padding: 40px;
}

/* ---------------------------------------------------
    CARD
----------------------------------------------------- */



.profile-card-2 .card-img-block{
    float:left;
    width:100%;
    height:150px;
    overflow:hidden;
}
.profile-card-2 .card-body{
    position:relative;
}
.profile-card-2 .profile {
  border-radius: 50%;
  position: absolute;
  top: -42px;
  left: 15%;
  max-width: 75px;
  border: 3px solid rgba(255, 255, 255, 1);
  -webkit-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%);
}
.profile-card-2 h5{
    font-weight:600;
    color:#F05F40;
}
.profile-card-2 .card-text{
    font-weight:300;
    font-size:15px;
}

.profile-card-2 .icon-block a{
    text-decoration:none;
}
.profile-card-2 i {
  display: inline-block;
    font-size: 16px;
    color: #F05F40;
}
.profile-card-2 p {
  margin:0;
}



.profile-card-personne .card-img-block{
    float:left;
    width:100%;
    height:60px;
    overflow:hidden;
}


/* ---- Card Dashboard ---- */

.card.dashboard p.card-text {
    /*font-size:0.8em;*/
    min-height: 50px;

}
.card.dashboard {
    cursor: pointer;
}

/* ---------------------------------------------------
    ECHARTS
----------------------------------------------------- */

canvas{
    width: 100%!important;
}


/* ---------------------------------------------------
    NavHoriz
----------------------------------------------------- */

.navHoriz{
    width: 100%;

}

.navHoriz>ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #F05F40;

  }
  
  .navHoriz>ul>li {
    float: left;
  }

.navHoriz>ul>li>a {
    display: block;
    color: white;
    text-align: center;
    padding: 11px 16px;
    text-decoration: none;
  }
  
  /* Change the link color to #111 (black) on hover */
  .navHoriz>ul>li>a:hover, .navHoriz>ul>li.active{
    background-color: #031634;
  }


.up.col-lg-12 {
    margin-top: -40px;
    margin-left: 350px;
}

/* ---------------------------------------------------
    MEDIAQUERIES
----------------------------------------------------- */


/* tablet */
@media screen and (max-width: 768px) {
    #sidebar {
        margin-left: -250px;
    }
    #sidebar.active {
        margin-left: 0;
    }
    #sidebarCollapse span {
        display: none;
    }

    .navHoriz>ul>li {
        float: none;
    }

    .dataTables_wrapper{
        overflow-x: scroll!important;
    }

    .page{
        padding:15px;
        width:100%;
    }

    .modal-body {
        padding: 1rem;
    }

    .user .user-name{
        padding-right:10px;
    }
}

/* phone */
@media screen and (max-width: 450px) {
}

img.caci  {
    border-style: solid;
}