body{ background: #e9eaed; font: 12px 'Segoe UI', 'Proxima Nova', 'Helvetica Neue', Helvetica, Arial, sans-serif;   margin: 0;}

.wcd{width:33%; height:40px; float:left;}
.wcd-logo{font-size: 36px; color: #fff;text-align: center; float:left; cursor: pointer;  color:#fff; font-size: 32px; font-family: 'Varela Round', sans-serif;
-webkit-transition:color 0.3s ease-in;  -moz-transition:color 0.3s ease-in; x²-o-transition:color 0.3s ease-in; transition:color 0.3s ease-in;
   }
   .wcd-logo:hover{color:#3facff;}
.wcd-tuto{ font-family: 'Varela Round', sans-serif; color: #fff; font-size: 16px; line-height: 36px;}
.webcodo-top{width:100%; height:40px; background-color:#232323}

.clear{clear: both;}


.grid{background: url(../img/grid.png) 50% no-repeat;}
.grid:hover{background: #7eb800 url(../img/gridw.png) 50% no-repeat;}
.grid-active{ background: #039fd3 url(../img/gridw.png) 50% no-repeat; }

.list{background:  url(../img/list.png) 50% no-repeat;}
.list:hover{background: #7eb800 url(../img/listw.png) 50% no-repeat;}
.list-active{background: #039fd3 url(../img/listw.png) 50% no-repeat;}

.main-box{padding-top:80px; margin:0 auto;width:1200px}
.main-box2{padding-top:80px;margin:0 auto;width:800px}
.fileupload-buttonbar input{border-radius: 3px;margin-bottom: 5px}
.no-margin{margin-bottom:0}
.logo-new{float:left}
.div-menu{float:left;margin-top: 20px}
.div-menu ul > li{display: inline;list-style: none;margin-right: 10px}
.col-md-6{width:30% !important}

//LOGIN
.card {
    margin-bottom: 20px;
    
}
.card {
    background-color: #F7F7F7;
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
    margin: 0 auto 25px;
    padding: 20px 25px 30px;
    width: 304px;
}

.card h2{text-align: center}

.signin-card {
    padding: 40px;
    width: 274px;
    margin-top: 100px;
}

.card img{
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.signin-card #username, .signin-card #password {
    direction: ltr;
    font-size: 16px;
    height: 44px;
}
.signin-card input[type="username"], .signin-card input[type="password"], .signin-card input[type="text"], .signin-card button[type="submit"] {
    -moz-box-sizing: border-box;
    display: block;
    margin-bottom: 10px;
    position: relative;
    width: 100%;
    z-index: 1;
}

.clear{
    clear:both;
}

.rc-button-submit {
    background-color: #4D90FE;
    background-image: -moz-linear-gradient(center top , #4D90FE, #4787ED);
    border: 1px solid #3079ED;
    color: #FFFFFF;
    text-shadow: 0 1px rgba(0, 0, 0, 0.1);
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    height: 36px;
}

.col-md-3{width:20% !important}
.progress{width:40%;}
.password-verdict{margin-top:5px;display:block}
.error-list{list-style: none;color:red;padding: 0px}
.fa-small{font-size:9px}