/* 
Custom CSS for...
'Modern Business' HTML Theme by Start Bootstrap

All Start Bootstrap themes are licensed under Apache 2.0. 
For more info and more free Bootstrap 3 HTML themes, visit http://startbootstrap.com!
*/


@font-face {
    font-family: 'Walkway-Condensed'; 
    src: url("../fonts/Walkway_Condensed.otf");
    font-style: normal;
}

@font-face {
    font-family: 'Walkway-Condensed-Bold'; 
    src: url("../fonts/Walkway_Condensed_Bold.otf");
    font-style: normal;
}


/* Global Styles */

html, body {
    height: 100%;
}

body {
    padding-top: 50px;    
    background-color: #fff;
    color: #7a7573;
    font-size: 16px;
}



.access {style="background-color: #73c1cf; color: #fff;"}

.access a {
    color: #7a7573;
}

.access a:hover {
    color: #000;
}

a.white {
    color: #fff;
}

a.white:hover {
    color: #7a7573;
}


h1, h2, h3, h4, h5 {
    font-family: 'Walkway-Condensed';
    letter-spacing: 4px;
}

h1 {
    font-family: 'Walkway-Condensed-Bold';
    /*font-size: 2.6em;*/
    margin-top: 0px;
    text-transform: uppercase;
    margin-bottom: 0px;
    line-height: 1.8; 
    color: #fff;   

    padding: 12px; background-color: #9bb933; text-align: right;
}

@media screen and (max-width: 768px) {
    h1{
        font-size:20px; letter-spacing: 2px; padding: 6px;
    }
}

h2 {
    font-family: 'Walkway-Condensed-Bold';
    /*font-size: 1.8em;*/
    text-transform: uppercase;
    font-weight: normal;
    line-height: 1.8; 
    margin-top: -5px;
    color: #fff; 

    padding: 12px; background-color: #73c1cf; text-align: right;
}

@media screen and (max-width: 768px) {
    h2{
        font-size:18px; letter-spacing: 2px; padding: 6px;
    }
}

h3 {
    font-family: 'Walkway-Condensed-Bold';
    font-size: 28px;
    font-weight: bold;
    padding: 8px;
    color: #fff;
    margin-top: 20px;
    margin-bottom: 20px;
}

.h3_inverse {
    color: #030303!important;
}

.h3_blue {
    color: #1698af!important;
}

h4 {
    color: #575756;
    font-size: 17px;
    margin-top: 45px;
}

h5 {
    font-size: 1.2em;
    margin-top: 20px;
    font-weight: bold;
}
p {
    /*text-align: justify;*/
    line-height: 150%;
}

#back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: none;
    /*background-color: #999;
    border-color: #999;*/
}

.alternate {
    background-color: #f5f5f5;
    line-height: 150%;
    padding: 2px 0 2px 0;
}


/* 404 Page Styles */
.error-404 {
    font-size: 8em;
}

.back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: none;
    background-color: #999;
    border-color: #999;
}

/* Footer Styles */
footer {
    padding-bottom: 50px;
    color: #000;
    background-color: #fff;  
}


/* inputs */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.428571429;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    color: #fff;
    background-color:#1698af ;
    border-color:#1698af ;
}

button,
html input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.428571429;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    color: #fff;
    background-color: #575756;
    border-color: #575756;
}


input[type="radio"] {
    border-style: none;
    height: 20px;
    background: #FFF;
    margin-right: 10px;
    padding: 4px 4px 4px 4px;
    letter-spacing: -1px;
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
    vertical-align: text-top;
    box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    float:left;
}

/*others*/

.session_evolution {
    margin: 16px; 
    padding: 8px; 
    font-size: 20px; 
    text-align: center; 
    border: 1px solid #ccc;
}

.session_evolution .progress {
    margin-bottom: 0px;
}

.passed {
    background-color: #f7b400;
    color: #000;
}

.cfc {
    background-color: #598239;
    color: #fff;
    text-align: center; 
    padding: 16px;
}



.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}

.required_message { 
    display: block;
    background-color: #ab0d0d;
    font-size: 18px;
    color: #fff;
    padding: 6px;
}

.question {
    font-weight: 400;
    font-size: 17px;
}

.question p{
    padding-top: 30px;
    margin-bottom: 10px;
}

.questionCorrect {
    color: green;
    text-align: justify;
    font-weight: 400;
    font-size: 17px;
}

.questionCorrect p{
    padding-top: 30px;
    margin-bottom: 10px;
}

.questionError {
    color: red;
    text-align: justify;
    font-weight: 400;
}

.questionError p{
    padding-top: 30px;
    margin-bottom: 10px;
    font-size: 17px;
}

.answer {
    line-height: 160%;
    margin-left: 50px;
    margin-top: 16px;
    vertical-align: text-top;
}

.answer label{
    margin-top: -20px;
}

/* cookietool */
.cookietool-message {
    position: fixed;
    width: 100%;
    height: 75px;
    background: rgba(0,0,0,0.8);
    color: #fff;
    left: 0px;
    bottom: 0px;
    z-index: 999990;
    padding: 20px;
    text-align: center;

}

.cookietool-message-top {
    border-bottom-width: 1px;
    top: 0;
}

.cookietool-message-bottom {
    border-top-width: 1px solid;
    bottom: 0;

}

.cookietool-message p {
    margin: 0;
    margin-bottom: 12px;
    color: #fff;
}

.tab-cookies {
    display: block;
    position: fixed;
    bottom: 0;
    z-index: 100002;
    width: 120px;
    text-align: center;
    font-size:12px;
    line-height: 18px;
    padding: 5px 0;
    font-family: Helvetica, Arial, sans-serif;
    cursor: pointer;
        background: rgba(0,0,0, 0.8);
  -webkit-border-top-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  border-top-right-radius: 5px;
}


/*Social : https://bootsnipp.com/snippets/yM27a*/

@import "//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css";

.social {
    margin: 0;
    padding: 0;
}

.social ul {
    margin: 0;
    padding: 5px;
}

.social ul li {
    margin: 5px;
    list-style: none outside none;
    display: inline-block;
}

.social i {
    width: 40px;
    height: 40px;
    color: #FFF;
    background-color: #909AA0;
    font-size: 22px;
    text-align:center;
    padding-top: 12px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    -ms-transition: all ease 0.3s;
}

.social i:hover {
    color: #FFF;
    text-decoration: none;
    transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    -ms-transition: all ease 0.3s;
}

.social .fa-facebook:hover {
    background: #4060A5;
}

.social .fa-twitter:hover {
    background: #00ABE3;
}

.social .fa-google-plus:hover {
    background: #e64522;
}

.social .fa-github:hover {
    background: #343434;
}

.social .fa-pinterest:hover {
    background: #cb2027;
}

.social .fa-linkedin:hover {
    background: #0094BC;
}

.social .fa-flickr:hover {
    background: #FF57AE;
}

.social .fa-instagram:hover {
    background: #375989;
}

.social .fa-vimeo-square:hover {
    background: #83DAEB;
}

.social .fa-stack-overflow:hover {
    background: #FEA501;
}

.social .fa-dropbox:hover {
    background: #017FE5;
}

.social .fa-tumblr:hover {
    background: #3a5876;
}

.social .fa-dribbble:hover {
    background: #F46899;
}

.social .fa-skype:hover {
    background: #00C6FF;
}

.social .fa-stack-exchange:hover {
    background: #4D86C9;
}

.social .fa-youtube:hover {
    background: #FF1F25;
}

.social .fa-xing:hover {
    background: #005C5E;
}

.social .fa-rss:hover {
    background: #e88845;
}

.social .fa-foursquare:hover {
    background: #09B9E0;
}

.social .fa-youtube-play:hover {
    background: #DF192A;
}