@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
* {padding:0;border:0;margin:0;color:#1B4376;font-size: 1.10em;font-family: 'Roboto', sans-serif;font-weight: 700;}


    html, body {background-color: #2E72CB;}
    .btn-unit-guest, .btn-unit, .btn-option {background-color: #EF7116;}
    .btn-student {background-color: #2E72CB;}
    
#lang-login {max-width: 500px;}
.btn-lang {cursor: pointer;}
.btn-unit-guest, .btn-unit, .btn-option {width: 100%;font-weight: 700;font-size: 0.6em;color: #FFF;text-align: left;}
.btn {font-weight: 700;font-size: 0.6em;}
header {margin-top: 32px;}
h3 {font-weight: 700;font-size: 1.38em;}
h4 {font-weight: 700;font-size: 1.28em;}
#foto {position: relative; width: 120px; margin-right: 6px; margin-left: -38px;}
#foto img {position: absolute;bottom: -27px;left: 0; width:120px;}
.slick-prev:before, .slick-next:before{color: #2E72CB;}
.btn-student {font-weight: 700;font-size: 0.7em;color: #FFF;text-align: left;}
.student-av-parent {position: relative;height:16px;}
.student-av-image {position: absolute;bottom: -36px;left: 0; width:64px;}
.student-name {margin-left: 64px;color: #FFF;}
.btn-student:hover .student-name {color: #1B4376;}
.active .student-name {color: #1B4376;}
#student-buttons {margin-bottom:6px;}
#student-buttons .icon {width: 32px;margin-right: 12px;}
.btn-warning {background-color: #EF7116;color: #FFF;}
.btn-game {background-color: #FFCB24;width: 75%;}
.slick-slide {text-align: center;font-weight: 700;font-size: 0.7em;}
#games .icon {width: 24px;margin-right: 6px;}
#game {border:0;width:100%;height:292px;}
#GameEvaluationForm label, #loadGameTeacher, #loadGameParents {font-size: 0.7em;}
#loadGameTeacher img, #loadGameParents img {width: 48px;}

#signup .container, #login .container, #recuperar .container {width:750px;margin-top:20px;border: 8px solid #FFCB24;}
#signup, #login, #recuperar {font-size: 0.7em;}
#signup #s-foto:hover {border: 2px solid #2E72CB !important;}
#signup h3, #login h3, #recuperar h3 {font-size: 1.6em;}
#signup input, #signup select, #login input, #login select, #recuperar input, #recuperar select {font-weight: 500;font-size: 1em;border:0;border-bottom:1px solid #DEE2E6;border-radius:0;}
.pincode-input-text {border: 1px solid #DEE2E6 !important;border-radius: 6px !important;margin: 2px !important;}
#signup button, #login button, #recuperar button {font-weight: 700;font-size: 1.2em;}

.slick-prev, .slick-next {width: 40px !important; height: 40px !important;}
.slick-prev:before, .slick-next:before {font-size: 40px !important;}

.chooseavatarparent {position: relative; z-index: 9999;}
.chooseavatarchild {position: absolute; top:0; left:0; width: 600px;}
#signupfoto:hover, .avatar-selected, #addstuFoto:hover, #editstuFoto:hover {border:2px solid #FFCB24 !important; cursor: pointer; opacity: 1 !important;}
#mainAvatar:hover {cursor: pointer; opacity: 0.75 !important;}
.btnAvatar {cursor: pointer; opacity: 0.75;}
.btnAvatar:hover {opacity: 1;}
#gamesInfo {cursor: pointer;}

#ccfooter {margin-top: 100px;}