html{
  background: #EDEEF0;
}
@font-face {
  font-family: 'Font Awesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.3.0');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'),
    url('../fonts/fontawesome-webfont.woff?v=4.3.0') format('woff'),
    url('../fonts/fontawesome-webfont.ttf?v=4.3.0') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Neo';
  src: url('../fonts/ufonts.com_neosans-medium-opentype.otf');
  font-weight: normal;
  font-style: normal;
}
img{
  max-width:100%;
  width:100%;
}
input{
  padding:0 10px;
}
p{
  color:#555555;
}
p b{
  color:#333333;
}
a{
  color:#148d93;
}
a:hover{
  color:#a4bf53;
  text-decoration:none;
}
*{
  font-family: "Exo",sans-serif;
  outline:none;
  font-weight:600;
  line-height: 1.2
}
.lg-mb{margin-bottom:40px;}
.md-mb{margin-bottom:30px;}
.sm-mb{margin-bottom:20px;}
.xs-mb{margin-bottom:10px;}
header{
  background:#eeeff1;
}
main{
  background:#1a9ca2
}
.btn-default{
  background: transparent;
  height: 49px;
  vertical-align: top;
  -webkit-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -ms-transition: 0.5s all;
  -o-transition:0.5s all;
  transition: 0.5s all;
}
.modal-footer .btn-default{
  margin-right:10px;
}
.left-aside{
  width:234px;
  display: inline-block;
  vertical-align: top;
}
.right-container{
  width:calc(100% - 234px);
  margin-left:-4px;
  display: inline-block;
  vertical-align: top;
}
.logo{
  padding:5px 20px 10px;
  background:#eeeff1;
}
.user{
  padding:10px 20px;
  background:#231f20;
  height:80px;
}
.user img{
  border:4px solid #524e4f;
  border-radius:50%;
  max-width:60px;
  float:left;
  margin-right:15px;
}
.user div{
  color:#ffffff;
  margin-top:10px;
}
.user a{
  color:#f55853;
  font-size:1.2rem;
}
.user a:hover{
  color:#f55853;
  text-decoration: underline;
}
.user span{
  float:right;
  position: relative;
  top:10px;
  right:-10px;
}
.user span a{
  font-size:21px;
  font-weight:400;
  color:#fff;
  -webkit-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -ms-transition: 0.5s all;
  -o-transition: 0.5s all;
  transition: 0.5s all;
}
.user span a:hover{
  color:#1a9ca2
}
/*---------------Nav---------------*/
ul.nav{
  min-height: calc(100vh - 189.9px);
  height:100%;
  background:#1a9ca2;
}
ul.nav li a{
  padding:10px 20px 10px 50px;
  background:#148d93;
  border-bottom:1px solid #1a9ca2;
  color:#fff;
}
ul.nav li a:hover,ul.nav li a:focus,ul.nav li a.active{
  color:#4ddae1;
  background:#0a7176;
}
ul.nav li.dropdown>a:after{
  font-family: "Font Awesome";
  content:"\f0da";
  float:right;
}
ul.nav li.dropdown.active>a:after{
  content:"\f0d7";
  color:#4ddae1;
}
ul.nav li:last-child a{
  border-bottom:0;
}
ul.nav li a i{
  position: absolute;
  left:20px;
  top:8px;
  font-size:18px;
}
ul.nav li>ul{
  display: none;
  list-style: none;
  margin:0;
  padding:10px 0;
  background:#0a7176;
}
ul.nav li>ul>li{
  margin:0;
  padding:0;
}
ul.nav li>ul>li>a{
  display: block;
  padding:5px 20px 5px 60px;
  border-bottom:0;
  background:#0a7176;
}
.breadcrumb{
  background:#535353;
  border-radius:0;
  margin:0;
}
.breadcrumb a{
  color:#fff;
  font-size:1.2rem;
}
.breadcrumb a:hover{
  color:#4ddae1;
}
.breadcrumb > li + li::before{
  font-family: "Font Awesome";
  content:"\f105";
}
.breadcrumb > .active{
  color:#fff;
  font-size:1.2rem
}
.top{
  max-height:77px;
  background:#fff;
}
.toggle-nav{
  vertical-align: top;
  border-right:1px solid #b8c1c3;
  padding:29px;
  display: inline-block;
  cursor:pointer;
  color:#535353;
  font-size:16px;
  transition:0.5s all;
  -webkit-transition:0.5s all;
  -moz-transition:0.5s all;
  -ms-transition:0.5s all;
  -o-transition:0.5s all;
}
.toggle-nav:hover{
  background:#239fa3;
  color:#fff;
}
.toggle-nav:before{
  font-family: "Font Awesome";
  content:"\f0d9";
  font-size:10px;
  display: inline-block;
  color:#1a9ca2;
  position: relative;
  top:-2px;
  transition:0.5s all;
  -webkit-transition:0.5s all;
  -moz-transition:0.5s all;
  -ms-transition:0.5s all;
  -o-transition:0.5s all;
}
.toggle-nav:after{
  content:"";
  font-size:10px;
  color:#1a9ca2;
  display: inline-block;
  position: relative;
  top:-2px;
  transition:0.5s all;
  -webkit-transition:0.5s all;
  -moz-transition:0.5s all;
  -ms-transition:0.5s all;
  -o-transition:0.5s all;
}
.toggle-nav.active:before{
  content:"";
}
.toggle-nav.active:after{
  font-family: "Font Awesome";
  content:"\f0da";
}
.toggle-nav:hover:before,.toggle-nav:hover:after{
  color:#fff;
}
.top form{
  display: inline-block;
  width:calc(100% - 180px);
}
.select-box{
  margin-top:15px;
  display: inline-block;
  position: relative;
  margin-left:20px;
  background:#fff
}
.select-box select{
  padding:0 30px 0 10px;
  border:1px solid #d4d4d4;
  border-radius:2px;
  width:200px;
  height: 45px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color:#231f20;
  background:transparent;
  position: relative;
  z-index:10;
}
.select-box:after{
  font-family: "Font Awesome";
  content:"\f0d7";
  position: absolute;
  color:#8b8b8b;
  right:10px;
  top:10px;
  font-size:18px;
}
.input-txt{
  display: inline-block;
  width:calc(100% - 245px);
  margin-left:20px;
  position: relative;
}
.input-txt input{
  border-radius:0;
  width:100%;
  height:45px;
  border:0;
  border-bottom:1px solid #b5b5b5;
  padding:0 10px 0 10px;
}
.no-admin .input-txt{
  margin-top:15px;
  width:calc(100% - 20px);;
}
.input-txt button{
  position: absolute;
  right:0;
  top:0;
  height:45px;
  width:45px;
  text-align: center;
  background:#239fa3;
  border:1px solid #b5b5b5;
  color:#fff;
  transition:0.5s all;
  -webkit-transition:0.5s all;
  -moz-transition:0.5s all;
  -ms-transition:0.5s all;
  -o-transition:0.5s all;
}
.input-txt button:hover{
  background:#0a7176;
}

.notification{
  border-left:1px solid #b8c1c3;
  float:right;
  padding:26.5px;
  display: inline-block;
  cursor:pointer;
  color:#239fa3;
  font-size:20px;
  position: relative;
  transition:0.5s all;
  -webkit-transition:0.5s all;
  -moz-transition:0.5s all;
  -ms-transition:0.5s all;
  -o-transition:0.5s all;
}
.notification:hover,.notification.active{
  background:#239fa3;
  color:#fff;
}
.notification .nbr{
  position: absolute;
  top:18px;
  right:14px;
  background:#ff5d48;
  color:#fff;
  border:2px solid #fff;
  border-radius:50%;
  width:22px;
  height:22px;
  font-size:10px;
  line-height: 20px;
  text-align: center;
}
#nav.active{
  width:68px;
  overflow:hidden;
}
#nav.active + .right-container{
  width:calc(100% - 68px);
}
#nav.active .user{
  height:80px;
  position: relative;
}
#nav.active .user div,#nav.active .user a{
  display: none;
}
#nav.active .user img{
  margin:0;
  position: absolute;
  top:17px;
  left:10px;
  width:45px;
  max-width:100px;
  border-width:2px;
}
#nav.active .nav>li>a{
  height:37.8px;
  color:transparent;
  padding:10px 15px 10px;
  text-align: center!important;
}
#nav.active .nav>li>ul>li>a{
  height:26.8px;
  color:transparent;
}
#nav.active .nav a:after{
  color: transparent;
}
#nav.active .nav a i{
  color:#fff;
  position: static;
}
.type-challenge{
  position: absolute;
  top:0;
  left:0;
  display: inline-block;
  padding:10px 20px;
  background:#000000;
  color:#fff;
}
.inscrit{
  position: absolute;
  top:0;
  right:0;
  display: inline-block;
  padding:10px 20px;
  background:#f23434;
  color:#fff;
}
.inscrit.wait{
  background:#f8a732;
}
.inscrit.yes{
  background:#44b33f;
}
/*---------------End Nav---------------*/
.content{
  padding:24px;
  background:#edeef0;
  border-top: 1px solid #231f20;
}
h1,div.h1-style{
  font-size:2.4rem;
  margin:0 0 10px;
  text-transform: uppercase;
  display: inline-block;
  font-weight:500;
}
.white{
  background:#fff;
  padding:30px;
  border-radius:2px;
  border:1px solid #c8d2d4;
  margin-bottom:20px;
  text-align: left;
}
.white:last-child{
  margin-bottom:0;
}
.border{
  border:1px solid #c8d2d4;
  border-radius:2px;
  padding:20px;
  position: relative;
}
.border table{
  width:100%;
}
.border table tr td{
  background:#f2f4f4;
  padding:5px 10px;
  text-transform: uppercase;
}
.border table tr td:nth-child(odd){
  max-width:190px;
  border-left:1px solid #fff;
}
.border table tr:nth-child(even) td{
  background:#fafafa;
}
.border table tr td input,input.input-class{
  height:35px;
  border:1px solid #d4d4d4;
  width:100%;
  max-width:250px;
  border-radius:2px;
  vertical-align: top;
}
input.date-graph{
  vertical-align: top;
  height:35px;
  border:1px solid #d4d4d4;
  width:100%;
  max-width:150px;
  border-radius:2px;
}
.border .title{
  position: absolute;
  top:-15px;
  left:20px;
  background:#fff;
  padding:2px 20px;
  font-size: 2rem;
  color:#231f20;
}
.btn-style{
  padding:10px 30px;
  text-transform: uppercase;
  color:#fff;
  background:#1a9ca2;
  border:1px solid #607f0b;
  border-radius:3px;
  transition:0.5s all;
  -webkit-transition:0.5s all;
  -moz-transition:0.5s all;
  -ms-transition:0.5s all;
  -o-transition:0.5s all;
}
.btn-style.btn-title{
  padding:10px 15px;
  position: relative;
  top:-5px;
}
.btn-style:hover{
  color: #4ddae1;
  background: #0a7176;
}

h2{
  font-size:2rem;
  color:#231f20;
  margin:0 0 10px;
}
h3{
  font-size:1.6rem;
  font-weight:600;
  color:#231f20;
  margin:0 0 10px;
}
textarea{
  width:100%;
  resize:none;
  height:150px;
  border:1px solid #d5dedf;
  padding:5px 10px;
  border-radius:3px;
}
table{
  width:100%;
}
table tr th{
  padding:5px 10px;
  background:#535353;
  color:#fff;
  text-transform: uppercase;
  border-left:1px solid #fff;
  border-bottom:1px solid #fff;
  height:45px;
}
table tr td{
  background:#f2f4f4;
  padding:5px 10px;
  color:#555555;
  border-left:1px solid #fff;
  height:45px;
}
table.black-font tr td:first-child{
  color:#333333;
}
table tr:nth-child(even) td{
  background:#fafafa;
}
table tr td input{
  height:35px;
  border:1px solid #d4d4d4;
  width:100%;
  max-width:250px;
  border-radius:2px;
}

table.issue-list th,table.issue-list td{
  text-align: center;
  padding: 7px 20px;
}
table.issue-list td:nth-child(2){
  text-align: left;
}

form.filter{
  font-size:1.6rem;
  margin-bottom:20px;
}

form.filter .select-box::before,.select-box.alt::before {
  content: "";
  width:1px;
  height:100%;
  background:#d4d4d4;
  position: absolute;
  right: 30px;
  top: 0;
  font-size: 18px;
}
.select-box.alt,.select-box.alt select{
  height:35px;
  width:100%!important;
  max-width:250px;
}
.select-box.alt::after {
  top:6px;
}
.select-box.no-marg{
  margin:0;
}
form.filter input{
  height:45px;
  min-width:150px;
  margin-left:20px;
  border:1px solid #d4d4d4;
  border-radius:3px;
  padding:0 10px;
}
.input-btn{
  position: relative;
  display: inline-block;
}
.input-btn button{
  position: absolute;
  right:0;
  top:0;
  height:100%;
  width:45px;
  color:#231f20;
  background:transparent;
  border:0px;
}
.input-btn button:hover{
  color:#1a9ca2;
}
input[type="checkbox"]{
  display:none;
}
input[type="checkbox"]:checked + label:before {
    border-color: #4c8543;
    color: #1a9ca2;
}
input[type="checkbox"] + label:before {
    font-family: Font Awesome;
    content: "\f00c";
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius:3px;
    border: 1px solid #4c8543;
    color:transparent;
    background: #fdfbfb;
    margin-right: 5px;
    vertical-align: top;
    position: relative;
    top: 2px;
    line-height: 18px;
    font-weight: 300;
    font-size: 15px;
    text-align: center;
    cursor:pointer;
    transition:0.5s all;
}

input:focus,textarea:focus{
  border-color:#1a9ca2!important;
}
.content ul{list-style: none;margin:0 0 10px;padding: 0}
.content ul li{position: relative;padding-left:20px;margin-bottom: 8px;color:#555555;}
.content ul li:before{
  font-weight: 400;
  font-family: "Font Awesome";
  content:"\f192";
  position: absolute;
  left:0;
  top:-1px;
  font-size:16px;
}
table.all-center tr td,table.all-center tr th,th.all-center,td.all-center{
  text-align: center;
}
.valid{color:#599826;}
.error{color:#f31212;}
a.btn-blue,.btn-blue{
  display: inline-block;
  padding:15px 30px;
  border-radius:3px;
  font-size:14px;
  border:1px solid #13878c;
  font-weight:400;
  color:#fff;
  background:#1a9ca2;
  transition:1s all;
  -webkit-transition:1s all;
  -moz-transition:1s all;
  -ms-transition:1s all;
  -o-transition:1s all;
}
a.btn-blue:hover,.btn-blue:hover{
  color:#4ddae1;
  background:#0a7176;
}
.btn-blue.sm-pd{
  padding:9px 15px;
}
input[type="file"]{
  max-width:100%;
  margin:0 0 5px;
  border:none;
  padding:0;
}
.blacktitle-block .title{
  text-align: center;
  background:#535353;
  color:#fff;
  padding:10px 0;
  font-size:1.4rem;
  text-transform: uppercase;
}
.blacktitle-block>div:not(.title){
  border:1px solid #c8d2d3;
  background:#f4f6f7;
  padding:20px;
  text-align: center;
}
.big-nbr{
  display: inline-block;
  width:50px;
  height:50px;
  line-height: 50px;
  text-align: center;
  border:1px solid #f9ac8b;
  background:#f7f0f0;
  color:#ed4700;
  font-size:20px;
  border-radius:12px;
  margin-right:5px;
}
.big-nbr.brown{
  color:#70493a;
  border-color:#c3b5af;
}

.box-filleuls{
  background:#f7f0f0;
  padding:10px;
  color:#555555;
  border-radius:3px;
  font-weight:500;
  font-size: 1.5rem;
  margin:3px 1px;
  display: inline-block;
  width:calc(50% - 4px);
  vertical-align: top;
}

.box-filleuls img{
  width:50px;
  display: inline-block;
  margin-right:15px;

}

div.big-box{
  display: inline-block;
  max-width:300px;
  font-size:1.7rem;
  text-align: center;
  color:#fff;
  width: 100%;
  text-transform: uppercase;
  border:1px solid #000;
  border-radius: 3px;
  font-weight: 600;
  padding:20px 10px;
  margin:5px 10px 5px 0;
}
div.big-box div{
  font-size: 3rem;
  font-weight: 400;
  margin-top:15px;
}
div.big-box.gray{
  background:#707070;
  border-color:#2c2c2c;
}
div.big-box.orange{
 background:#fe8e5e;
 border-color:#e36b37;
}
div.big-box.brown{
 background:#a27969;
 border-color:#745143;
}
div.big-box.red{
  background:#c62828;
  border-color:#8a1c1c;
}
div.big-box.salmon{
  background:#f55853;
  border-color:#ce2a25;
}
div.big-box.yellow{
 background: #FB8C00;
  border-color: #EF6C00;
}
div.big-box.blue{
 background:#5cace2;
 border-color:#3787bd;
}
div.big-box.turquoise{
 background:#00a5bb;
 border-color:#038697;
}
div.big-box.purple{
  background:#c55387;
  border-color:#922a5a;
}
div.big-box.light-green{
  background:#1abc9c;
  border-color: #0e9278
}
div.big-box.lemon{
  background:#2ecc71;
  border-color: #1aa957
}
.table-filleul img{
  width:50px;
}
.table-filleul .td-show td{
  display: none;
}
.btn-show{
  cursor: pointer;
}
.btn-show:hover{
  color:#1a9ca2;
}
.btn-show.active::before{
  content:"\f00d";
  color:#f55853;
}
.content ul.pagination{
  width:auto;
  text-align: center;
}
.content ul.pagination li{
  position: static;
  padding-left:0;
  margin-bottom:0;
  color:transparent;
}
.content ul.pagination li:before{
  content:none;
}
.prev,.next,.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover{
  color:#989898;
  font-size:1.4rem;
}
.pagination > li > a, .pagination > li > span{
  color:#000;
  border:1px solid #cecece;
  border-radius:3px;
  margin:0 2px;
}
.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover{
  background:#1A9CA2;
  color:#fff;
  border-color:#535353;
}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover{
  background:#989898;
  color:#fff;
  border-color:#535353;
}
.table-filleul .select-box,.table-filleul .input-btn{
  min-width:75px;
}
.table-filleul td button,.table-filleul td a{
  background:none;
  border:none;
  color:#555555;
}
.table-filleul td button:hover,.table-filleul td a:hover{
  background:none;
  border:none;
  color:#1A9CA2;
}
.table-filleul th{
  text-transform: initial;
}
.table-filleul .facture{
  font-size:21px;
  font-weight:400;
}
.table-filleul .legend{
  font-size:1.2rem;
  font-weight:400;
}
.table-filleul td .legend{
  color:#777777;

}

.fa.blue{
  color: #1A9CA2;
/*  border:1px solid #607f0b;
  border-radius:3px;*/
}
.fa.blue:hover{
  color:#4ddae1;
  background:#0a7176;
}
a.btn-light,.btn-light{
  margin-right:5px;
  border:1px solid #d4d4d4;
  background:#f5f8f8;
  border-radius:3px;
  color:#231f20;
  display: inline-block;
  padding:13px 10px;
  font-size: 1.4rem;
  transition:0.5s all;
  -webkit-transition:0.5s all;
  -moz-transition:0.5s all;
  -ms-transition:0.5s all;
  -o-transition:0.5s all;
}
a.btn-light:hover,.btn-light:hover{
  background:#E0E0E0;
}
form.graph .btn-light{
  height:35px;
  padding:9px 10px;
  margin:0;
}
.filter .pull-right a,.filter .pull-right div{
  vertical-align: top;
}
h2 .legend{
  color:#777777;
  margin-left:20px;
  font-weight:400;
  font-size:1.5rem;
}
.blue{
  background: #148d93;
  padding: 10px 30px;
  border-radius: 2px;
  margin-bottom: 20px;
  text-align: left;
  color:#fff;
}
.blue input{
  height: 35px;
  border: 1px solid #d4d4d4;
  width: 100%;
  max-width: 250px;
  border-radius: 3px;
}

.right-container .left-side{
  vertical-align: top;
  width: calc(100% - 450px);
  display: inline-block;
}
.right-container .left-side.alt {
    width: calc(100% - 254px);
}
.right-container .right-side{
  vertical-align: top;
  display: inline-block;
  width:426px;
  margin-left:20px;
}
.right-container .right-side.alt{
    width:240px;
    margin-left:5px;
}
.amcharts-chart-div>a{
  width:0px!important;
  height:0px!important;
  overflow: hidden!important;
}
tspan{
  fill:#555555;
}
.title-chart{
  text-align: center;
  color:#555555;
  text-transform: uppercase;
  text-decoration: underline;

}
.legend-graph{
  margin:0 15px;
  display: inline-block;
  font-weight:400;
  vertical-align: top;
}
.legend-graph::before{
  content:"";
  width:18px;
  height:18px;
  display: inline-block;
  margin-right:10px;
  position: relative;
  top:4px;
  background:#f55853;
}
.legend-graph.n::before{
  background:#fe9f9c;
}
.block-aside{
  border-radius: 3px;
  overflow: hidden;
}
.block-aside .title{
  background:#535353;
  color:#fff;
  text-align: center;
  text-transform: uppercase;
  padding:10px 5px;
}
.block-aside .contenu{
  background:#fff;
  padding:10px 20px;
  margin-bottom:20px;
  border:1px solid #d5dedf;
}
.block-aside .contenu.alt{
  background:transparent;
  border:1px solid #c8d2d4;
}
.block-aside.red{
  border: 10px solid #f55853;
  margin-bottom: 20px;
}
.block-aside.red .title{
  background: #f55853;
  font-size: 1.8rem;
  padding: 15px 5px;
}
.block-aside.red .position{
  font-size: 1.6rem;
}
.block-aside.red .contenu.alt{
  border: none;
}
.block-aside .contenu>div.line-todo{
  border-bottom:1px dashed #868686;
  padding:5px 0;
  color:#555555;
}
.block-aside .contenu>div.line-todo>div{
  display: inline-block;
  background: #edf7f8;
  color:#0c4043;
  border:1px solid #81c9cc;
  margin-right:10px;
  width:25px;
  height:25px;
  text-align: center;
  line-height: 25px;
  border-radius:3px;
}
.block-aside .contenu>div.line-todo.alt{
  color:#777777;
  font-weight:400;
}
.block-aside .contenu>div.line-todo.alt>div{
  color:#fff;
  background:#f23434;
  border-radius:50%;
  border:none;
}
.block-aside .contenu>div.line-todo.alt span{
  margin-top:10px;
}
.sm-img{
  width:40px;
  margin-right:10px;
}

.legend-line{
  margin:0 15px;
  display: inline-block;
  font-weight:400;
  vertical-align: top;
}
.legend-line::before{
  content:"";
  width:18px;
  height:18px;
  display: inline-block;
  margin-right:10px;
  position: relative;
  top:4px;
  background:#ffc760;
}
.legend-line.n-1::before{
  background:#fda400;
}
.alert{
  text-shadow:none;
  box-shadow: none
}
.alert-danger{
  background:#f7e6e6;
  border:1px solid #f55853;
  color:#555555;

  padding-left:60px;
  position: relative;
}
.alert-danger::before{
  font-family: "Font Awesome";
  content:"\f071";
  font-size:22px;
  position: absolute;
  top:calc(50% - 11px);
  left:20px;
  color:#ff0800;
}
.alert-danger .close{
  color:#f55853;
  opacity: 1
}
.alert-danger div{
  text-transform: uppercase;
  margin-bottom:5px;
  color:#231f20;
}
.block-aside .contenu.alt .position{
  text-transform: uppercase;
  color:#231f20;
  text-align: center;
}
.block-aside .contenu.alt .position a {
  color:#777777;
  font-size:1.2rem;
  font-weight:400;
  text-transform: none;
}
.block-aside .contenu.alt .position a:hover{
  color:#1a9ca2;
}
.white-two{
  display: inline-block;
  width:calc(50% - 4px);
  background:#fff;
  padding:10px;
  color:#535353;
  font-size: 1.4rem;
  margin:15px 0 10px;
}
div.white-two:last-of-type{
  margin-left:4px;
}
.white-two .big-nbr{
  width:25px;
  height:25px;
  line-height: 25px;
  border-radius:3px;
  font-size:13px;

}
.white-two.border{
  color:#444444;
  font-size:1.3rem;
  text-transform: uppercase;
  text-align: center;
  font-weight:500;
  margin-top:0;
  margin-bottom:15px;
}
.white-two.border span{
  color:#444444;
  font-size:3rem;
  font-weight:500;
  display: block;
}
.your-rank{
  color:#535353;
  font-size:1.6rem;
  text-align: center;
  font-weight:500;
  margin:15px 0 10px;
}
.your-rank div{
  background:#4b98dc;
  color:#fff;
  display: inline-block;
  padding:7px 15px 7px 10px;
  font-size:1.6rem;
  position: relative;
  margin-left:15px;
  border-radius:3px;
  font-weight:500;
}
.your-rank div::before{
  content:"";
  position: absolute;
  left:-8px;
  top:calc(50% - 7px);
  width: 0;
  height: 0;
  border-top: 7px solid transparent;
  border-right: 8px solid #4b98dc;
  border-bottom: 7px solid transparent;
}
.nav-notification{
  display: none;
  position: absolute;
  font-size: 1.3rem;
  top:78px;
  right:0px;
  z-index: 1;
  background:#fff;
  padding:0 0;
  border-radius: 0 0 0 3px;
  overflow:hidden;
  min-width:300px;
  -moz-box-shadow: 0px 5px 5px 0px #656565;
  -webkit-box-shadow: 0px 5px 5px 0px #656565;
  -o-box-shadow: 0px 5px 5px 0px #656565;
  box-shadow: 0px 5px 5px 0px #656565;
  filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=180, Strength=5);
}
.nav-notification>.title{
  display: block;
  padding:10px 20px;
  border-bottom:1px solid #c4c4c4;
  font-size:1.3rem;
  color:#535353;
}
.nav-notification>div.scroll{
  max-height:260px;
  overflow-x:auto;
}
.nav-notification>div>a{
  display: block;
  background:#f5f8f8;
  padding:10px 20px;
  color:#148d93;
  border-bottom:1px solid #e2e4e4;
}
.nav-notification>div>a>span{
  display: block;
  color:#999999;
  font-style:italic;
}
.nav-notification>div>a:hover{
  color:#fff;
  background:#148d93;
}
.nav-notification>a:hover>span{
  color:#cacaca;
}
.nav-notification>a{
  display: block;
  text-align: center;
  background:#fff;
  padding:10px 20px;
  color:#239fa3;
  border:none;
}
.nav-notification>a:hover{
  color:#fff;
  background:#239fa3;
}
.row.alt{
  margin-left:-20px;
  margin-right:-20px;
  margin-top:-20px;
}
.border.p-line{
  transition:0.5s transform;
}
.border.p-line:hover{
  transform:scale(1.02);
  -moz-box-shadow: 0px 5px 5px 0px #656565;
  -webkit-box-shadow: 0px 5px 5px 0px #656565;
  -o-box-shadow: 0px 5px 5px 0px #656565;
  box-shadow: 0px 5px 5px 0px #656565;
  filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=180, Strength=5);
}
.enroll{
  margin:15px 0 15px;
}
.enroll .date{
  display: inline-block;
  text-align: center;
  position: relative;
  vertical-align: top;
}
.enroll .date div{
  padding:10px 15px;
  background:#eeeff1;
  border:1px solid #a2a2a2;
  color:#555555;
  padding-bottom:15px;
  border-radius:3px 3px 0 0;
}
.enroll .date div:nth-child(2){
  padding:1px 10px 1px 8px;
  background:#545454;
  display: inline-block;
  border:none;
  border-radius:10px;
  color:#fff;
  position: absolute;
  top:calc(50% - 9.5px);
  left:calc(50% - 16.5px);
  font-style: italic;
}
.enroll .date div:last-child{
  margin-top:2px;
  padding-top:15px;
  padding-bottom:10px;
  border-radius:0 0 3px 3px;
}
.enroll .end-enroll{
  display: inline-block;
  width:calc(100% - 97px);
  border:1px solid #a2a2a2;
  background:#eeeff1;
  padding:3px 5px;
  text-align: center;
  color:#363636;
  border-radius:3px;
  vertical-align: top;
}
.enroll .end-enroll>div{
  display: inline-block;
  width:calc(33% - 2px);
  text-align: center;
  margin-top:3px;
  font-size:1.2rem;
}
.enroll .end-enroll>div>div.title-left{
  background:#545454;
  color:#fff;
  text-transform: uppercase;
  margin-bottom:1px;
  border-radius:1px;
  font-size:1.2rem;
  padding:5px 0;
}
.enroll .end-enroll>div>div.nbr-left{
  font-size:2.2rem;
  padding:5px 0;
  background: #65bab1;
  background: -moz-linear-gradient(top,  #65bab1 0%, #65bab1 48%, #4ca99f 50%, #71c7be 52%, #71c7be 100%);
  background: -webkit-linear-gradient(top,  #65bab1 0%,#65bab1 48%,#4ca99f 50%,#71c7be 52%,#71c7be 100%);
  background: linear-gradient(to bottom,  #65bab1 0%,#65bab1 48%,#4ca99f 50%,#71c7be 52%,#71c7be 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#65bab1', endColorstr='#71c7be',GradientType=0 );
  color:#fff;
  border-radius:1px;
}
.p-line p{
  color:#777777;
  font-size:1.3rem;
  line-height: 1.8;
  margin-bottom: 0
}
.loginh1{
  padding:26px 0;
  display: block;
  margin:0;
  text-align: center
}
.login input{
  margin:5px 0;
}
.login-btn{
  margin-top: 10px;
  padding:10px 50px;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
  background: #1a9ca2;
  border: 1px solid #607f0b;
  border-radius: 3px;
  transition: 0.5s all;
  -webkit-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -ms-transition: 0.5s all;
  -o-transition: 0.5s all;
}
.login-btn:hover{
  color: #4ddae1;
  background: #0a7176;
}
.block-div>div.big-box{
  width:calc(25% - 11px);
  max-width:none;
  font-size:1.4rem;
  max-height:105px;
  vertical-align: top;
}
.block-div>div.big-box>div{
  font-size: 2.6rem;
}
.block-div>div.big-box:nth-child(4n){
  margin-right:0
}
.blue.no-padd{
  padding:4px 5px;
  color:#fff;
  background:#1a9ca2;
  border-radius:4px;
  margin-bottom:0;
  font-weight:300;
  font-size:14px
}
.table-filleul label{
  margin-bottom:0;
}
.enroll.alt>.date>div{
  display: inline-block;
  vertical-align: top;
  margin:0
}
.enroll.alt>.date>div:first-child{
  padding:9px 20px 9px 10px;
  border-radius: 3px 0 0 3px;
}
.enroll.alt>.date>div:last-child{
  padding:9px 10px 9px 20px;
  border-radius: 0 3px 3px 0;
}
.enroll.alt>.type-challenge{
  position: static;
  border-radius:3px;
}
.enroll.alt .end-enroll{
  padding:5px 20px;
  width:100%;
  text-align: left;
}
.enroll.alt .end-enroll>div{
  width:calc(33% - 100px);
  max-width:100px;
}
.enroll.alt .end-enroll>div:first-child{
  margin-left:10px;
}
.enroll.alt .end-enroll>button{
  float:right;
  height:40px;
  text-align: center;
  background:#44b33f;
  color:#fff;
  border:1px solid #2f962a;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  border-radius:3px;
  margin:10px 0;
  padding:0 20px;
  text-transform: uppercase;
  -webkit-transition: 0.5s background;
  -moz-transition: 0.5s background;
  -ms-transition: 0.5s background;
  -o-transition: 0.5s background;
  transition:0.5s background;
}
.enroll.alt .end-enroll>button.red{
  background:#f23434;
  border-color:#c91414
}
.enroll.alt .end-enroll>button:hover{
  background:#1a9ca2;
}
.text-blue{
  color:#1a9ca2;
}
.enroll.alt h2{
  margin:20px 0 20px
}
.enroll.alt p{
  color:#777777;
}
.enroll.alt ul li{
  font-weight: 400;
}
.border .title.alt{
  left:unset;
  right:15px;
  top:-18px;
  padding:0px 5px;
}
.btn-light.alt{
  font-size:18px !important;
  height: 35px;
  line-height: 17.5px;
  padding:0px 10px;
  color:#525252;
  margin-right:0
}
.border table tr td input.has-btn{
  width:calc(100% - 41px);
}

.forgot{
  color:#1a9ca2;
  font-style: italic;
  display: block;
}
/* -------------------------------------
 * Family Tree Style
 * ------------------------------------- */

.root {
  position: relative;
  overflow-x:auto;
  overflow-y:hidden;
  cursor:ew-resize;
}

.level {
  margin-left: 217px;
  position: relative; }
.level:before {
  content: "";
  width: 50px;
  border-top: 2px solid #000;
  position: absolute;
  left: -98px;
  top: 50%;
  margin-top: 1px; }

.item {
  min-height: 185px;
  position: relative; }
.item:before {
  content: "";
  height: 100%;
  border-left: 2px solid #000;
  position: absolute;
  left: -48px; }
.item:after {
  content: "";
  width: 46px;
  border-top: 2px solid #000;
  position: absolute;
  left: -46px;
  top: 50%;
  margin-top: 1px; }

.item:first-child:before {
  width: 10px;
  height: 50%;
  top: 50%;
  margin-top: 2px;
  border-top-left-radius: 10px; }
.item:first-child:after {
  height: 10px;
  border-top-left-radius: 10px; }

.item:last-child:before {
  width: 10px;
  height: 50%;
  border-bottom-left-radius: 10px; }
.item:last-child:after {
  height: 10px;
  border-top: none;
  border-bottom: 2px solid #000;
  border-bottom-left-radius: 10px;
  margin-top: -9px; }

.tree-title {
  width: 120px;
  line-height: 20px;
  text-align: center;
  border-radius: 5px;
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translate(0, -35%);
  -moz-transform: translate(0, -35%);
  -ms-transform: translate(0, -35%);
  -o-transform: translate(0, -35%);
  transform: translate(0, -35%);
  margin-top: -15px; }

.tree-title span{
  display: inline-block;
  position: absolute;
  top:3px;
  right:3px;
  padding:3px 3px;
  border-radius:3px;
  color:#fff;
  background:#010101;
  text-align: center;
}
.tree-title p{
  border-radius:0 0 3px 3px;
  color:#fff;
  background:#010101;
  text-align: center;
  padding:5px 10px;
  display: block;
}
.tree-title img{
  border-radius:3px 3px 0 0;
  width:100%;
  max-width:125px;
  margin:0;
}
.lv1.level::before,.lv1.level .item::before,.lv1.level .item::after{
   border-color:#1a9ca2;

 }
.lv1.level .tree-title p{
  background: #1a9ca2;
}
.lv2.level::before,.lv2.level .item::before,.lv2.level .item::after{
  border-color:#70960f;
}
.lv2.level .tree-title p{
  background: #70960f;
}
.lv3.level::before,.lv3.level .item::before,.lv3.level .item::after{
  border-color:#f44336;
}
.lv3.level .tree-title p{
  background: #f44336;
}
.lv4.level::before,.lv4.level .item::before,.lv4.level .item::after{
  border-color:#795548;
}
.lv4.level .tree-title p{
  background: #795548;
}
.lv5.level::before,.lv5.level .item::before,.lv5.level .item::after{
  border-color:#607D8B;
}
.lv5.level .tree-title p{
  background: #607D8B;
}

.box-filleuls .legend{
  font-style:italic;
  font-size:1.2rem;
  color:#8f8f8f;
  margin-bottom:5px
}
.box-filleuls .box-nbr{
  display: inline-block;
  width:25px;
  height:25px;
  line-height: 25px;
  font-size:1.3rem;
  color:#fff;
  background:#70493a;
  border-radius:3px;
  text-align: center;
}
table td.group{
  background:#c9c9c9!important;
}
table td a.delete i.no-padd{
  background:#ef5858
}
table td a.delete:hover i.no-padd{
  background:#bf4646;
  color:#f27979;
}
#slider ul.slick-dots li{
    list-style: none;
    margin:0 5px;
    padding:0;
}
#slider ul.slick-dots li::before {
    display: none;
}

#slider ul.slick-dots li.slick-active button::before{
    margin-top:0px;
    content:"";
    display: block;
    background:#fff;
    border-radius:50%;
    border:3px solid #169195;
    width:20px;
    height:20px;
}
#slider ul.slick-dots li button::before{
    margin-top:2.5px;
    opacity: 1;
    content:"";
    display: block;
    background:#656565;
    border-radius:50%;
    width:15px;
    height:15px;
}
.slick-dots{
    bottom:-10px;
}
.slick-dotted.slick-slider {
    margin-bottom: 0;
}
.right-side.alt div{
    margin:0px 0px 10px;
    height:calc(25% - 7.5px);
    background:url(../img/slidechallenge.png)no-repeat 50% 50%;
    background-size: cover;
    position: relative;
}
.right-side.alt div:last-child{
    margin:0px 0px 0px;
}

.row-blue td{
  background: rgba(46, 162, 167, 0.3);
}
.row-blue:nth-of-type(even) td{
  background: rgba(46, 162, 167, 0.15);
}
.row-green td{
  background: rgba(183, 213, 57, 0.3);
}
.row-green:nth-of-type(even) td{
  background: rgba(183, 213, 57, 0.15);
}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #737373;
  opacity: 0.8
}
input::-moz-placeholder,textarea::-moz-placeholder { /* Firefox 19+ */
  color: #737373;
  opacity: 0.8
}
input:-ms-input-placeholder,textarea:-ms-input-placeholder { /* IE 10+ */
  color: #737373;
  opacity: 0.8
}
input:-moz-placeholder,textarea:-moz-placeholder { /* Firefox 18- */
  color: #737373;
  opacity: 0.8
}
/*---------------------------MEDIA QUERIES------------------------------*/
@media screen and (min-width: 0\0) {
  select {
    background: none;
    padding: 0 0 0 5px!important;
  }
  .select-box::before,.select-box::after{
    content:none;
    display: none;
  }
}

@media (max-width: 1400px) and (min-width: 1300px)  {
  .block-div>div.big-box,.block-div>div.big-box:nth-child(4n){
    width:calc(33% - 8px);
    max-width:none;
    font-size:1.4rem;
    max-height:105px;
    vertical-align: top;
    margin-right:10px;
  }
  .block-div>div.big-box:nth-child(3n){
    margin-right:0
  }
}
@media (max-width: 1300px) {
  .right-container .right-side,.right-container .left-side,.right-container .right-side.alt,.right-container .left-side.alt{
    display: block;
    width:100%;
    margin:0;
  }
  .right-container .right-side{
    margin-top:30px;
  }
    .right-container .right-side.alt div{
        width:calc(25% - 6.5px);
        margin: 10px 5px 0 0;
        vertical-align: top;
        height:75px;
        display: inline-block;
    }
    .right-container .right-side.alt div:last-child{
        margin: 10px 0px 0 0;
    }
}

@media (max-width: 1200px) {
  .box-filleuls{
    width:100%;
  }
  .block-div>div.big-box,.block-div>div.big-box:nth-child(4n){
    width:calc(33% - 8px);
    max-width:none;
    font-size:1.4rem;
    max-height:105px;
    vertical-align: top;
    margin-right:10px;
  }
  .block-div>div.big-box:nth-child(3n){
    margin-right:0
  }
}
@media (max-width: 1000px) {
  .btn-responsive button{
    float:none!important;
    margin:0 auto 10px;
    display: block;
    width: auto
  }

}

@media (max-width: 1000px) and (min-width: 765px)  {

}

@media (max-width: 900px){
  .top .select-box select{
    width:150px;
  }
  .top form:not(.no-admin) .input-txt{
    width:calc(100% - 195px);
  }
  .block-div>div.big-box,.block-div>div.big-box:nth-child(3n),.block-div>div.big-box:nth-child(4n){
    width:calc(50% - 8px);
    max-width:none;
    font-size:1.4rem;
    max-height:105px;
    vertical-align: top;
    margin-right:10px;
  }
  .block-div>div.big-box:nth-child(2n){
    margin-right:0
  }
}

@media (max-width: 765px) {
  .content{
    padding:10px;
  }
  .white{
    padding:15px;
  }
  .top .select-box{
    margin-top:5px;
    width:calc(100% - 20px);
  }
  .top .select-box select{
    height:30px;
    width:100%;
  }
  .top .select-box:after{
    top:5px;
  }
  .top form:not(.no-admin) .input-txt{
    margin-top:5px;
    display: block;
    width:calc(100% - 20px);
  }
  .top form.no-admin .input-txt{
    margin-left:10px;
    width:100%;
  }
  .top form:not(.no-admin) .input-txt input{
    height:30px;
  }
  .top form:not(.no-admin) .input-txt button{
    height:30px;
    width:30px;
  }
  .filter .input-btn,.filter .input-btn input{
    display: block;
    margin-left:0;
    width: 100%;
    margin-top:10px;
  }
  .col-sm-mb{margin-bottom:30px;}
  div.big-box{
    width:calc(50% - 2px);
    max-width:none;
    margin-right:0;
  }
  .border.p-line{
    height:auto!important;
  }
  .enroll.alt .end-enroll>div{
    width:calc(33% - 85px);
    max-width:100px;
  }
  .enroll.alt .end-enroll>button{
    padding:0 5px;
    font-size:1.2rem;
  }
  .border table tr td input.has-btn{
    width:100%;
  }
}