table {width: 100%;text-align: center;border: 0;border-collapse: collapse;border-spacing: 0;font-size: 14px;}
table td, table th {padding: 10px;margin: 0;text-align: center;border: 1px solid #E1E1E1;}
table thead {background-color: #dffdbf;color: #000000;font-weight: 800;}
table tbody tr td{border-bottom: 1px solid #eee;}
table tbody tr:hover td{background-color: #eee;}
table img {max-width: 100px;}

table tbody tr:nth-of-type(odd) {background-color: #f4f4f4;}
table tbody tr:nth-child(2n) {background-color: #fff;}
table tbody tr a{text-decoration: none;}

html {
    height: 100%;
}
body {
    min-height: 100%;
    margin: 0;
    padding: 0;
}

/* COLOR LINE */
.color-line .green {border-top: 8px solid green;}
.color-line .yellow {border-top: 8px solid yellow;}
.color-line .yellow .glyphicon  {position: absolute;margin-top: -15px;}
.color-line .yellow .glyphicon-star:before {font-size: 0.7rem; color: green;}
.color-line .red {border-top: 8px solid red;}

/* HEADER */
.navbar { margin-bottom: 0;border: none;}

/* MAIN */
.main { /*min-height: 100vh;*/ background-image: url('../img/body.png');background-size: contain;}
.main h1 {color: red; position: absolute;font-size: 6rem; margin-top: 20%; margin-left: auto; margin-right: auto; left: 0; right: 0;}
.main a {border-radius: 0;font-size: 2.5rem;position: absolute;margin-top: 40%;margin-left: -18%;}


.main-table {padding-bottom: 5%; background-image: url('../img/body_table.png'); background-size: cover;background-repeat: no-repeat;}
.main-table .session{margin-top: 5%;margin-bottom: 30px;}
.main-table .session a{padding: 15px 30px;font-size: 2rem;text-decoration: none;}
.main-table .session .a-left{border: 1px solid red;border-radius: 0;color: red;}
.main-table .session .a-right{border: 1px solid green;border-radius: 0;color: green;}
.main-table .session .a-right span{color: #000000;}


.main-validation {padding-bottom: 5%; background-image: url('../img/body_table.png'); background-size: cover;background-repeat: no-repeat;}
.main-validation .session{margin-top: 5%;margin-bottom: 30px;}
.main-validation .session a{padding: 15px 30px;font-size: 2rem;text-decoration: none;}
.main-validation .session .a-left{ /*border: 1px solid red; */border-radius: 0;color: red;}
.main-validation .session .a-right{border: 1px solid green;border-radius: 0;color: green;}
.main-validation .session .a-right span{color: #000000;}
.main-validation hr { margin-top: 0; margin-bottom: 0; border: 0; border-top: 4px solid #696969;}
.main-validation form div.row {margin: 0 0 3px 0 ;}
.main-validation form .div-left {background-color: #dffdbf;padding: 7px 0;font-weight: bold;}
.main-validation form .div-right {background-color: #e1e1e1;padding: 0;}
.main-validation form .div-right .form-group {display:grid;}
.main-validation form .div-right .form-group input{border-radius: 0;background-color: #e1e1e1;border: none;text-align: center;color: #000000;}
.main-validation form .div-right .form-group textarea{border-radius: 0;background-color: #e1e1e1;border: none;text-align: center;color: #000000;}
.main-validation form .div-right .form-group select{border-radius: 0;background-color: #e1e1e1;border: none;text-align-last: center;;color: #000000;}
.main-validation form .validate-btn {background-color: red; color: #ffffff;font-size: 1.8rem;border-radius: 0; padding: 15px 30px;margin-top: 30px;}


/* MEDIA QUERIES */
/* On screens that are 992px or less, set the background color to blue */
@media screen and (max-width: 1200px) {
    .main a {border-radius: 0;font-size: 2.5rem;position: absolute;margin-top: 40%;margin-left: -20%;}
}

/* On screens that are 992px or less, set the background color to blue */
@media screen and (max-width: 992px) {

}


/* On screens that are 768px or less, set the background color to olive */
@media screen and (max-width: 768px) {

}


/* On screens that are 600px or less, set the background color to olive */
@media screen and (max-width: 600px) {

}

/* On screens that are 480px or less, set the background color to olive */
@media screen and (max-width: 480px) {
    .main h1 {color: red; position: absolute;font-size: 3rem; margin-top: 20%; margin-left: auto; margin-right: auto; left: 0; right: 0;}
    .main a {border-radius: 0;font-size: 2.0rem;position: absolute;margin-top: 40%;margin-left: -28%;}

    .main-table {background-image:none;}

    .main-table .session a{padding: 5px 10px;font-size: 1.2rem;}

    .main-validation .session a{padding: 5px 10px;font-size: 1.2rem;}
}