html {height: 100%;}#hc-notice {display: none;}.not-needed-if-payflow {display: none;}.hc-notice-backdrop {position: fixed; z-index: 9995; top: 0; left: 0; width: 100vw; height: 100vh; background-color: rgba(255, 255, 255, 0.0);}.hc-notice-circle {bottom: -2px; left: -1px; width: 105px; height: 105px; position: fixed; border-radius: 50%; border: 1px solid black; z-index: 9999; box-shadow: 0px 0px 0px 9999px rgba(0, 0, 0, 0.8); border-bottom-left-radius: 0; border-bottom-right-radius: 0;}.hc-notice-title {bottom: 260px; left: 20px; position: fixed; z-index: 10000; color: #ffffff; font-size: 3em; font-weight: 600;}.hc-notice-text {bottom: 155px; width: 500px; left: 20px; position: fixed; z-index: 10000; color: #ffffff; font-size: 2em; font-weight: 400; line-height: 1.2em;}.hc-notice-ok {cursor: pointer; bottom: 100px; left: 415px; position: fixed; z-index: 10000; color: #ffffff; font-size: 2.4em; font-weight: 500;}.maintenance-course {display: none;}body.instructor .maintenance-course {display: inline-block;}#maintenance-warning {font-size: 1.143em; display: none; padding: 10px 10px 10px 0; margin: 0; color: #fff; background-color: #ff9500; border: none;}#maintenance-warning i {color: #fff; margin-left: 30px; font-size: 1.5em;}#maintenance-warning div {display: inline; font-weight: 400;} #maintenance-warning div span {font-size: .7em;} #top-border {position: fixed; width: 100%; height: 8px; background-color: white; top: 0; left:0; z-index: 1000; border-top: 8px solid black;}._box {font-size: 1.15em;}.deferred-payment {display: none; margin-top: 25px; margin-bottom: 15px;}.deferred-payment a {font-size: 1.2em; margin-left: 5px;}.deferred-payment a:hover {text-decoration: none;}.side-left {max-width: 1440px; width: 100%; height: 100%; margin-right: auto; overflow: auto;}.side-right h1 {margin: 0; color: black; font-weight: 300; font-size: 2em;}.side-right p {font-weight: 300; margin-top: 5px;}.side-right .list {margin-top: 40px;}#group-list div.group-item-with-logo {min-height: 310px;}#group-list div.customer-logo {display: block;}#group-list div.customer-no-logo {display: none;}.side-left .change-group-item {display: flex; flex-direction: column; align-items: center; margin: 0 0 20px 0; width: 580px; height: 335px; position: relative; background-color: #fff; color: #5a5a5a; box-shadow: 0px 7px 13px #2d2d2d5e; border-radius: 5px; min-width: 366px;}.side-left .change-group-item:hover {box-shadow: 0px 7px 13px #2d2d2d80;}.side-left .change-group-item h5 {font-weight: 400; margin-top: 5px; margin-bottom: 5px; font-size: 1.5em; color: #000; max-width: 360px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}.side-left .change-group-item h5 img {width: 30px; margin-right: 8px;}.side-left .change-group-item h5 i {margin-right: 14px; font-size: 1em; color: rgb(57, 73, 171);}.side-left .change-group-item h1 {font-weight: 700; font-size: 1.5em; color: #fff; margin: 0;}.side-left .change-group-item h2 {margin: 5px 0; font-weight: 300; font-size: 1.2em; color: #000; max-width: 360px; font-style: italic; max-height: 35px; overflow: hidden;}.side-left .change-group-item hr {border-top: 2px solid #e6e6e6; margin: 15px 0 10px 0;}.side-left .change-group-item .product-tag i {color: gray; margin-right: 6px; margin-bottom: 2px;}.side-left .change-group-item .product-tag span {text-transform: uppercase;}.change-group-item .last-access-section {position: absolute; bottom: 15px; left: 20px;}.change-group-item h6 {font-weight: 300; margin-bottom: 0; font-size: 12px; color: #737373;}.change-group-item .last-access {font-size: 12px; font-weight: 300; color: #737373;}.access-btn {width: 132px; height: 50px; display: flex; flex-direction: column; justify-content: center;}.access-btn .activate {padding: 0; min-height: 21px; max-height: 40px; height: 100%; margin-bottom: 4px;}.access-btn .activate i {font-size: 0.9em;}.access-btn .access {width: 100%; max-height: 40px; min-height: 21px; height: 100%; display: flex; justify-content: center; align-items: center; padding: 0;}.access-btn .access i {font-size: 1.25em; margin-right: 10px;}.side-left .change-group-item-videogame .product-icon:before {font-family: "Font Awesome 5 Pro"; font-weight: 600; font-size: 1.8em; color: #fff;} .side-left .change-group-item-golf .product-icon:before {font-family: "Font Awesome 5 Pro"; font-weight: 600; font-size: 1.8em; color: #fff; margin-left: 2px;} .side-left .change-group-item-kayak .product-icon:before {font-family: "Font Awesome 5 Pro"; font-weight: 600; font-size: 1.8em; color: #fff; margin-left: 2px;} .side-left .change-group-item-learning .product-icon:before {font-family: "Font Awesome 5 Pro"; font-weight: 600; font-size: 1.8em; color: #fff; margin-left: 2px;} #accounting-sim-container .change-group-item .product-icon:before {font-family: "Font Awesome 5 Pro"; font-weight: 600; font-size: 1.8em; color: #fff; margin-left: 2px;}#product-tags span {font-size: 90%; font-weight: 300; background-color: #ebebeb; color: #505050; text-transform: uppercase;}.jcrop-keymgr {opacity: 0;}body {background: url(../images/signin_bg.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; font-family: 'Nunito', sans-serif; font-weight: 300; font-size: 13px; background-color: #e5e3e4;}body #return-on-top {display: none !important;}body.connected-under {border-top: 58px solid black;}.acc-tax-tps, .acc-tax-tvq, .acc-tax-tvh {display: none;}#dev-connected-login {position: fixed; bottom: 0; height: 220px; background-color: #ff4d28; width: 100%; z-index: 10000; text-align: center; color: white; font-size: 3em; line-height: 220px;}#dev-connected {position: fixed; bottom: 0; height: 80px; background-color: #ff4d28; width: 100%; z-index: 10000; text-align: center; color: white; font-size: 1.2em; line-height: 80px;}#connected-under-student {font-size: 1.2em; font-weight: 400; position: fixed; top: 0; height: 50px; background-color: #ff4d28;}#connected-under-student-margin {position: relative; top: 0; height: 50px;}#return-to-inst {line-height: 50px; color: #ffffff; margin-top: 7px; cursor: pointer;}#connected-under-student-warn {line-height: 50px; color: #ffffff;}.display-none {display: none;}div.row [class*="col-md"] .center-in-span {float: none; margin: 0 auto; text-align: center; display: block; width:auto; height:auto;}.btn-primary {background-color: #313946; border-color: #313946; color: #FFFFFF;}.profile-sex-div .fancy-select .select-option {width: 70px;}.account-left-margin {margin-left: 30px;}#activate-payment div h2 {background-position: right;}.activate i, .activate-accounting i, .activate-accounting2 i {color: red;}#sim-signup-modal p {font-size: 1.3em;}#profile-photo {width: 120px; height: 120px;}.profile-sex-div .select-option-last {margin-right: 0;}.profile-sex-div {display: flex; justify-content: center;}.profile-photo i {line-height: 220px; color: #cccccc; font-size: 3em;}#saveModifPwd, #saveModif {width: 200px; margin: 40px 0 0 0;}.payment h2 {background-position: right;}.return-on-top {display: none; position: absolute; left: -9999px;}#old-card-link {text-decoration: underline; cursor: pointer;}.invoice h2, .payment h2, #activate-with-code h2 {margin-top: 5px; font-size: 2em;}#activate-with-code-alert {margin: 40px;}#activate-with-code {min-height: 290px;}#student-id-sim-modal #modal-body p {font-size: 1.5em; margin-bottom: 30px;}#activate-with-code-form input, #student-id-form input {text-align: center;}#sim-signup-form, #sim-signup-in-progress {min-height: 180px;}#activate-with-code p {color: #a4a4a4; font-size: 1.2em; margin: 45px;}#activate-in-progress p {font-size: 1.5em;}#payment-div {min-height: 343px;}.payment h3 {margin-top: 20px; font-size: 1.5em; font-weight: 300;}#payment-in-progress {display: none;}#invoice {border-right: solid 1px #80808059; padding-right: 40px;}.invoice-total {font-weight: 400; border-top: 1px solid #cccccc; margin-top: 10px; width: 35%;}.btn-print {float: right; margin-top: 30px; display: none;}.btn-primary:focus,.btn-primary:active,.btn-primary.active,.open .dropdown-toggle.btn-primary {background-color: #313946; border-color: #313946; color: #FFFFFF;}.btn-primary:hover {background-color: #444F60;}.activate-choice div h2 {font-size: 1.4em; margin-top: 15px;}.activate-choice div p {font-size: 0.8em; color: #a4a4a4;}.https-warning, .payment-info {font-size: .9em; font-style: italic; margin: 10px 0 20px 0;}.payment-info-nb {font-size: .8em; margin: 0;}.fancy-select .select-option-selected,.fancy-select .select-option-selected:hover {color: #22ACF0;}.fancy-select .select-option {width: max-content !important; height: 25px; padding: 0 10px 0 0;}.fancy-select.square .select-option p {line-height: 25px;}.fancy-select.square .select-option {border-radius: 10px;}.form-horizontal .form-group {margin-right: 0; margin-left: 0;}.btn:hover {-webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in;}.dropdown-menu > li > a {text-align: left;}.p-center {margin: 0 200px; font-size: 1.2em;}.btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) {border-bottom-left-radius: 0px; border-top-left-radius: 0px;}.form-width {width: 380px; margin: 0 auto;}.form-width-ext {width: 520px; margin: 0 auto;}.sign-in .alert {margin-top: 10px; margin-bottom: 35px;}.wrong-signin, .activation-signin, .fl-signin {display: none; margin: -25px 0 15px 0 !important; width: 100%;}.err-msg-top {margin-bottom: 15px; margin-left: 0; margin-right: 0; width: 100%;}.sex-div {width: 180px; margin-top: 8px;}.account-content {display: flex; position: relative; padding-top: 80px; height: 100vh; min-height: 850px;}.account-content .alert {display: none;}.account {display: none;}.account h1 {font-weight: 300;}.account .first-use {margin-top: 107px; min-height: 170px;}.account .completed {opacity: .5;}.account .first-use .icon i {font-size: 3em; line-height: 110px; color: #ffffff;}.account .first-use .icon {width: 110px; height: 110px; text-align: center; margin: 0 auto;}.account .step-1 .img-circle {background-color: #0a81d6;}.account .step-2 .img-circle {background-color: #17aca7;}.account .step-3 .img-circle {background-color: #32B25F;}.account .step-1 button {background-color: #313946;}.account .step-2 button {background-color: #313946;}.account .step-2 input {width: 360px; font-weight: 300;}.account .step-3 button {background-color: #313946;}.account button.completed {background-color: #ffffff;}#register-waiting {margin-top: 5px;}#associate-error {margin-bottom: 5px; margin-top: 5px;}.registering > input {margin-bottom: 5px;}.account h3 {font-weight: 400; margin-top: 5px; margin-bottom: 5px; font-size: 1.3em; color: #fff;}.account .step-1 h3 {color: #0a81d6;}.account .step-2 h3 {color: #17aca7;}.account .step-3 h3 {color: #32B25F;}.account .first-use .icon-2 {background-color: #17aca7;}.account .first-use .icon-3 {background-color: #32B25F;}.account .first-use p {margin-top: 10px; font-size: 1.3em;}.register-btn span:hover {text-decoration: underline;}.registering {display: none; margin-top: 50px;}.remove-filters-container {display: flex; font-size: 0.85em; width: 100%; justify-content: flex-end; padding-right: 30px;}.remove-filters-container span:hover {color: #d5d5d5; cursor: pointer;}.archives-container {display: flex; align-items: center; font-size: 1em; width: 100%; justify-content: flex-end; margin-bottom: 26px !important; padding-right: 30px; margin-top: 20px;}.archives-btn-container {max-width: 1640px; width: 100%; height: 49px; display: flex; justify-content: center; justify-content: space-between; z-index: 1000; margin: 20px auto 0 auto;}.archives-btn-content {position: relative; width: 56px; height: 20px; background-color: #22ACF0; display: flex; justify-content: center; align-items: center; margin-right: 20px; padding-right: 8px; box-shadow: 0 1px 10px 0 rgba(0,0,0,0.1), 0 0px 4px -1px rgba(0,0,0,0.1); z-index: 1000; border-radius: 10px; cursor: pointer;}.archives-btn-text {position: absolute; left: 13px; color: #fff; font-size: 10px; font-weight: 400; margin-top: 2px;}.archives-btn {position: absolute; right: 1px; width: 18px; height: 18px; border-radius: 50%; background-color: #fff;}.activating {display: none;}h2 {font-weight: 300; margin-bottom: 30px; margin-top: 30px; font-size: 1.5em;}.step-down {height: 40px; text-align: center;}.step-down i {font-size: 3em; line-height: 40px; color: #cccccc;}.step-padding {padding-left: 30px;}.sex-div {display: flex; justify-content: center; width: 100%; margin-top: 10px;}.sex-div #sex-fancySelect {display: flex;}#users {position: fixed; right: 0; top: 8px; width: 230px; overflow: auto; height: 100%; padding-left: 2px;}#users span {font-weight: 300; font-size: 1.2em; cursor: pointer; display: block; margin: 10px 10px 0 0; box-shadow: 0 1px 1px 2px rgba(0,0,0,0.05);}.label-primary {background-color: #f0f0f0; color: #000;}.label-primary:hover {background-color: #d5d5d5;}#group-list .activate, #accounting-sim-container .accounting-access, #accounting-sim-container .accounting2-access, #accounting-sim-container .activate-accounting, #accounting-sim-container .activate-accounting2 {font-size: 1.1em;}#group-list .access,#accounting-sim-container .access {font-size: 1.1em;}.sign-up .form-horizontal, .sign-in .form-horizontal,.reset-password .form-horizontal, .change-password .form-horizontal,.demo .form-horizontal {max-width: 420px; width: 100%; margin: 0 auto; margin-bottom: 30px;}.sign-up input[type="text"], .sign-up input[type="password"], .sign-in input[type="text"], .sign-in input[type="password"],.reset-password input[type="text"], .change-password input[type="password"],.demo input[type="text"], .demo input[type="password"] {text-align: center; height: 50px; border-radius: 3px; font-weight: 300;}.sign-up input[type="text"]:focus, .sign-up input[type="password"]:focus, .sign-in input[type="text"]:focus, .sign-in input[type="password"]:focus,.reset-password input[type="text"]:focus, .change-password input[type="password"]:focus,.demo input[type="text"]:focus, .demo input[type="password"]:focus {background-color: #0000 !important; border: 2px solid #00000025 !important; box-shadow: none !important;}.pr-form-a input[type="text"], .pr-form-a input[type="password"] {height: 50px; border-radius: 3px; font-weight: 300;}#resend-activation-waiting {vertical-align: middle;}#sim-code {text-align: left; height: 50px; border-radius: 3px; font-weight: 300;}.modal-form input[type="text"], .modal-form input[type="password"], .modal-form select {text-align: left; height: 50px; border-radius: 3px; font-weight: 300;}#activate-sim-modal .modal-form input[type="text"], #activate-sim-modal .modal-form select {height: 40px;}#activate-sim-modal .input-lg {font-size: 14px;}.modal-form .form-group {margin-left: 0; margin-right: 0;}.modal-no-btn {min-width: 75px; border-radius: 7px; background-color: #fff; border: none;}.modal-yes-btn {min-width: 75px; color: #fff; border-radius: 7px; background-color: #313946; border: none;}.modal-yes-btn:hover,.modal-yes-btn:focus {background-color: #444F60; color: #fff;}.modal-no-btn:hover,.modal-no-btn:focus {background-color: #F5F5F5;}.reset-password p, .change-password p {font-weight: 300; font-size: 1.3em;}.reset-password .email {font-weight: 400;}.clear {clear: both;}.first-step-div .alert {font-size: 1em;}.alert {border-radius: 3px;}.val-error {font-weight: 300; color: red;}#sign-up-form .val-error,#formModifyProfil .val-error,#formModifyPwd .val-error {margin-bottom: 15px; margin-top: -7px;}#email-section .val-error,#validating-demo-code-error {margin-top: 5px;}.remember-me {margin: 0; font-size: 1.125em; color: #8A8A8A; line-height: 1.1em;}input[type=checkbox] {margin: 0; display: block; width: 18px; height: 18px; -webkit-appearance: none; outline: 0; background-repeat: no-repeat; background-position: center center; background-size: contain;}input[type=checkbox]:not(:checked) {background-image: url(../images/square-regular.svg); margin-right: 2px; cursor: pointer;}input[type=checkbox]:checked {background-image: url(../images/check-square-regular.svg); margin-right: 2px; cursor: pointer;}.radio label, .checkbox label {font-weight: 300; margin-bottom: 0; text-decoration: none; display: flex; align-items: center; width: max-content; padding-left: 25px;}#sign-up {cursor: pointer;}#sign-in {cursor: pointer; text-decoration: underline;}.sign-in {width: 100%; position: relative;}.sign-in-container {display: flex; min-height: 860px;}.sign-in-content {display: flex; max-width: 720px; width: 100%; min-height: 820px; border-radius: 10px; margin: 0 auto; box-shadow: 0 4px 5px 0 rgba(0,0,0,0.2), 0 1px 10px 0 rgba(0,0,0,0.2), 0 2px 13px 4px rgba(0,0,0,0.2); margin-top: 45px; margin-bottom: 45px;}.sign-in-left {width: 68.25%; background: url(../images/signin.jpg) no-repeat center center fixed; border-radius: 10px 0 0 10px; padding: 0 20px 20px 170px; background-color: #1F9EE3;}.sign-in-left .sign-in-title {font-size: 3.7em; color: #7FCBFA;}.sign-in-logo {max-width: 467px; width: 100%; height: auto; margin-bottom: 90px;}.praxar-contact-container i {color: #fff; margin-right: 10px; font-size: 1.6em; cursor: pointer;}.praxar-contact-container a {outline: none;}.sign-in-right {display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; background-color: #fff; border-radius: 10px; padding: 100px 40px 20px 40px;}.sign-in-right .main-icon {display: flex; justify-content: end; color: #22ACF0;}.sign-in-right-content {display: flex; flex-direction: column; max-width: 420px; width: 100%; height: 100%;}.sign-in #username,.sign-in #password,.sign-in #email,.sign-in #firstname,.sign-in #emailModify,.sign-in #emailModifyConf,.sign-in #firstNameModify,.sign-in #lastNameModify,.sign-in #cityModify,.sign-in #countryModify,.sign-in #oldPasswordModify,.sign-in #newPasswordModify,.sign-in #confPasswordModify,.sign-in #sim-code,.sign-in input[name="firstName"],.sign-in input[name="lastName"],.sign-in input[name="demoCode"],.sign-in #password-exist,.sign-in #sim-signup-code,.sign-in #activationCode {background-color: #0000000B; border: 2px solid #0000001A; box-shadow: none !important; border-radius: 7px; font-size: 16px; padding-top: 13px; padding-left: 65px; height: 50px; text-align: start; color: #000;}.sign-in #lastname {background-color: #fff0; border: 0; border-radius: 0; box-shadow: none; font-size: 16px; padding-top: 13px; height: 22px; text-align: start; color: #8A8A8A;}.sign-in i {position: absolute; top: 50%; transform: translateY(-50%); left: 15px;}.sign-in-entry i {width: 30px; color: #777;}.login-title {margin-top: 0; color: #22ACF0; font-weight: 400; margin-bottom: 14px;}.demo-title,.register-title,.resetpwd-title {margin-top: 0; color: #22ACF0; font-weight: 400; align-self: flex-start;}.login-btn {width: 100%; margin-top: 30px; margin-bottom: 16px; border-radius: 7px;}.resgister-container {display: flex; justify-content: space-between;}.create-account,.forgot-password,.resetpwd-back {font-size: 1.125em; color: #8A8A8A;}.create-account:hover,.create-account:focus,.resetpwd-back:hover,.resetpwd-back:focus,.switch-lang a:hover {color: #575757; text-decoration-color: #575757;}.forgot-password:hover,.forgot-password:focus {color: #575757; text-decoration: none;}.footer-text-strong, .footer-text-light {font-size: 1.2em;}.text-strong {font-size: 1.2em; color: #333333;}.footer-text-strong {color: #333333;}.footer-text-strong a {font-size: 1.125em; color: #8A8A8A; text-decoration: underline; font-size: 1em;}.footer-text-strong a:hover {color: #575757; text-decoration-color: #575757;}.footer-text-light, .footer-text-light a {color: #cccccc;}#creating-account {margin-top: 10px; font-size: 1.2em;}.validating {display: none;}.action-group {min-height: 50px;}.switch-lang {margin-top: auto;}.g-recaptcha {height: 80px;}.switch-lang a {text-decoration: underline; color: #8A8A8A;}.footer-link {color: #cccccc; font-size: 1.2em; text-decoration: underline;}.account .profile-name {font-size: 1.3em; color: #3c3c3c;}.account .logout .valign, .account .lang .valign,.account .shop .valign {line-height: 40px; vertical-align: middle;}.account .bottom-menu i {float: left;}.account .bottom-menu:hover {color: #494949;}.account .bottom-menu {font-size: 1em; cursor: pointer; color: #cccccc; border: 1px solid #cccccc; padding: 0 15px; border-radius: 3px; height: 40px; width: 160px; margin-top: 10px;}.account .lang {margin-top: 20px;}.first-step-div {font-size: .9em;}.payment .modal-dialog {width: 1080px !important;}#payment-completed {color: #468847; background-color: initial; border: none; font-size: 1.375em;}.alert-account {font-size: 1.3em; font-weight: 300; padding: 20px; margin-bottom: 40px;}.alert-account span {font-weight: 400;}.modal-backdrop, .modal-backdrop.fade.in {opacity: 0.6;}.dropdown-menu > li > a {font-weight: 300;}.dropdown-menu > li > a:hover,.dropdown-menu > li > a:focus {background-color: #22ACF0; color: #fff;}.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {background-color: #32B25F; color: #ffffff; border-radius: 3px;}.nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {background-color: #2c9d54; border-radius: 3px;}.step-choice {font-size: 1.5em;}.nav > li {font-size: 1.25em;}.completed {opacity: 0.4;}.create-account, .get-demo-code, .resetpwd-back {text-decoration: underline;}.modal-header {background-color: #F5F5F5; border-radius: 10px 10px 0 0;}.modal-header h3 {color: #313946; padding: 0; font-weight: 300;}.payment .modal-header h3 {font-size: 1.85em; margin-top: 0;}#invoice #user-name {margin-bottom: 22px;}#invoice .sim-type-name {margin-bottom: 50px;}.well {border-radius: 4px; box-shadow: none;}#activate-sim-modal {top: 80px;}#activate-sim-modal .well {background-color: #ffffff; cursor: pointer; border-radius: 10px; border: 2px solid #e3e3e3;}.return-to-admin {position: fixed; right: 170px; bottom: 10px; padding: 12px; background-color:#313946; color:#fff; text-transform:uppercase; font-weight:400; font-size:1em; z-index: 20000;}.return-to-admin:hover {cursor:pointer; color:#fff; text-decoration:none; background-color:#32b25f;}#activate-sim-modal .well:hover {background-color: #eeeeee;}.company-name {font-size: 1.3em;}.account-archive {margin-top: 15px; color: #a7a7a7; display: none; text-align: right;}.invoice-logo {display: none;}.account-profile-div {margin-left: 20px;} .header {position: fixed; width: 100%; height: 80px; font-size: 1em; color: #000000; background-color: white; z-index: 1042; box-shadow: 0 1px 10px 0 rgba(0,0,0,0.1), 0 0px 1px -1px rgba(0,0,0,0.1); padding: 0 140px; max-width: 1920px; left: 50%; transform: translateX(-50%);}.modal-open .header-container {pointer-events: none;}.header-shadow {box-shadow: 0 1px 10px 0 rgba(0,0,0,0.1), 0 0px 1px -1px rgba(0,0,0,0.1); -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in;} .header-container {display: flex; justify-content: space-between; width: 100%; height: 80px;} .header a {color: #000000;} .header .profile img {width: 50px; height: auto;}.header-logo {display: flex; align-items: center;}.header-logo img {height: auto;}#head_container {display: flex; justify-content: space-between; width: 100%; height: 108px; max-width: 1640px; margin: 0 auto;}.parameters {display: flex; justify-content: flex-end; align-items: center; font-size: 1.125em;}.home, .mail, .profile, .settings, .simulation, .register-btn-container {display: flex; justify-content: flex-end; align-items: center; margin: 0 12px; height: 50px;}.home:hover, .mail:hover, .settings i:hover{color: #22ACF0;}.profile {margin: 0 4px 0 4px;}.home-label, .message-label, .profile-label{margin-left: 15px; font-weight: 400;}.simulation-label, .register-label, .planner-label {margin-left: 2px; font-weight: 400;}.home-label:hover, .message-label:hover, .profile-label:hover, .simulation-label:hover, .register-label:hover .planner-label:hover {text-decoration: underline;}.home-img, .message-img, .settings-img {font-size: 1em;}.company-name {font-size: 0.8125em; font-weight: 300;}.parameter_opt {cursor: pointer;}.settings {margin-right: 0px;}.settings a {cursor: pointer;}.header-logo {display: flex; align-items: center;}.header-logo img {width: 170px; height: auto;}#head_container {display: flex; justify-content: space-between; width: 100%; height: 108px; max-width: 1640px; margin: 0 auto;}#not-verified-account {margin-right: 0 !important; margin-left: 0 !important;}@media (min-width: 768px) and (max-width: 992px) {.account-profile-div {margin-left: 5px;} .account .first-use .icon {height: 80px; width: 80px;} .account .first-use .icon i {font-size: 2em; line-height: 80px;} #register {margin-left: 0px;} .p-center {margin: 0px 70px;}}@media (max-width: 767px) {.account-profile-div {margin-left: 5px;} .account .first-use .icon {height: 80px; width: 80px;} .account .first-use .icon i {font-size: 2em; line-height: 80px;} #register {margin-left: 0px;} .p-center {margin: 0px 70px;}}.profile-img {min-height: 120px;}.account-display {margin: 0 auto; max-width: 1920px; width: 100%; height: 100vh;}#account-container {display: flex; flex-direction: column; width: 100%; height: 100%; position: relative;}.group-activating {line-height: 12px; color: #000; margin-bottom: 3px;}.activation-container #account-container {justify-content: center;}#pwd-container {height: 100%;}#accounting-sim-container {display: flex; flex-wrap: wrap; justify-content: space-between; order: 1; padding: 0 140px 0 100px;}.group-container {display: flex; flex-wrap: wrap; justify-content: space-between;}#group-list {padding: 0 140px 0 100px; max-width: 1440px; width: 100%;}.logo-left {min-height: 120px;} .sim-type-container {display: flex; justify-content: space-between; flex-direction: column; height: 100%;} .sim-content-golf .golf-title, .sim-content-videogame .videogame-title, .sim-content-kayak .kayak-title, .sim-content-accounting .accounting-title, .sim-content-accounting2 .accounting-title, .sim-content-first-load .first-load-title {height: 256px; display: block !important; padding: 44px 0 0 0; max-width: 480px; padding-left: 140px;} .side-right {background-size: contain; background-color: #15141CB8; color: #fff; max-width: 480px; width: 100%; box-shadow: 0px 7px 13px #2d2d2d5e; display: flex; flex-direction: column;} .first-load-title {width: 100%; max-width: 480px; width: 100%;} .sim-content-golf {width: 100%; max-width: 480px; width: 100%;} .sim-content-videogame {width: 100%; max-width: 480px; width: 100%;} .sim-content-kayak {width: 100%; max-width: 480px; width: 100%;} .sim-content-accounting {width: 100%; max-width: 480px; width: 100%;} .activation-page .register-btn-container, .activation-page .simulation {display: none;} .activation-menu {width: 100%; background-size: contain; background-color: #15141CB8 !important; color: #fff; max-width: 480px; width: 100%; padding: 44px 0 0 140px !important;} .activation-container .option-container {display: flex; align-items: center;} .activation-container .option-container-right {background-color: transparent !important; box-shadow: none;} .title-sim-type {font-size: 3.5em; font-weight: 600; color: #fff;} .title-sim-name {font-size: 2.5em; font-weight: 300; color: #fff;} .option-container {display: flex; height: 86%; margin: auto 60px auto 60px; border-radius: 10px; padding: 0 100px 0 100px; background-color: white; box-shadow: 0px 7px 13px #2d2d2d5e;}.option-container-left {min-width: 480px; max-width: 480px; background-color: #15141CB8; box-shadow: 0px 7px 13px #2d2d2d5e; padding: 45px 45px 45px 140px;}.option-container-right {display: flex; flex-direction: column; justify-content: center; width: 100%; background-color: white; padding: 45px 0 45px;}.option-container-right h1 {font-size: 3.7em; margin: 0 0 100px -54px;}.add-photo {display: flex; justify-content: center; align-items: center; height: 26px; width: 140px; border: none; margin: 0 20px; border-radius: 7px;}.remove-photo {display: flex; justify-content: center; align-items: center; height: 26px; width: 140px; background-color: #FF4040; border: none; margin: 0 20px; border-radius: 7px;}.remove-photo:hover,.remove-photo:focus {color: #fff !important; background-color: #FF5050;}.photo-container {display: flex; flex-direction: column; align-items: center; width: 100%;}.photo-container p {margin-bottom: 80px; font-size: 16px;}#picture-page-title,#profile-page-title,#password-page-title {color: #fff;}#formModifyProfil p,#formModifyPwd p {margin-bottom: 55px; font-size: 16px;}#deletePhoto .modal-dialog,#sim-signup-modal .modal-dialog {margin-top: 210px;}#formModifyProfil,#formModifyPwd {display: flex; flex-direction: column; align-items: center; width: 100%;}#profile-container,#pwd-container {display: flex; height: 100%; width: 100%;}#profile-container .option-container,#pwd-container .option-container {width: 100%;}.input-field {width: 100%;}#step-1,#step-2,#step-3 {margin-left: 20px; padding-left: 40px;}#step-1 p,#step-2 p,#step-3 p {font-size: 24px;}.activation-container .option-container-right {padding: 0 !important;}.activation-step-container {padding: 80px 40px 40px 40px; border-radius: 10px;}.activation-container .option-container {height: initial;}.activation-content {height: 310px; font-size: 16px;}.activation-menu i {display: none;}.activating-btn {display: flex; justify-content: center; align-items: center; width: 240px; height: 60px; font-size: 1.5em; background-color: #313946; border-color: #313946; color: #FFFFFF; border-radius: 10px; margin: 0 0 0 auto; cursor: pointer;}.registering-btn {display: flex; justify-content: center; align-items: center; height: 26px; width: 120px; border: none; font-size: 14px; padding: 0; border-radius: 6px;}.resend-activation {display: flex; justify-content: center; align-items: center; height: 26px; width: 140px; border: none; padding: 0; border-radius: 6px;}.resend-btn {display: flex; align-items: center; font-size: 16px;}.resend-btn #resend-activation {font-size: 16px;}.resend-btn .completed {color: green;}.next-step1_btn {display: flex; justify-content: center; align-items: center; width: 240px; height: 60px; font-size: 1.5em; background-color: #313946; border-color: #313946; color: #FFFFFF; border-radius: 10px; margin: 0 0 0 auto; opacity: 0.5;}.step-done .next-step1_btn,.step-done .next-step2_btn {cursor: pointer; opacity: 1;}.step-done .registering {display: none !important;}.next-step2_btn {display: flex; justify-content: center; align-items: center; width: 240px; height: 60px; font-size: 1.5em; background-color: #313946; border-color: #313946; color: #FFFFFF; border-radius: 10px; margin: 0 0 0 auto; cursor: pointer;}.next-step2_btn:hover {background-color: #444F60;}.next-step1_btn i,.next-step2_btn i {margin-left: 20px;}.activate-step-progress {display: flex; align-items: center; margin-left: 60px;}.activate-step1,.activate-step2,.activate-step3 {color: #828282; background-color: #BABABA; width: 100px; height: 100px; border-radius: 50%; display: flex; justify-content: center; align-items: center; font-size: 38px;}.activate-step1-link,.activate-step2-link {width: 300px; height: 3px; background-color: #BABABA;}.activate-step1-link.step-completed,.activate-step2-link.step-completed,.activate-step2.step-completed,.activate-step3.step-completed {color: #fff; background-color: #41CCF2;}.activate-step1 {color: #fff; background-color: #41CCF2;}.simulation-container-title {font-size: 2em; font-weight: 600;}.change-group-item-golf .sim-type-header {background-image: url(../images/golf-sim-b.png); height: 180px; width: 100%; border-radius: 5px 5px 0px 0px;}.change-group-item-kayak .sim-type-header {background-image: url(../images/kayak-sim-b.png); height: 180px; width: 100%; border-radius: 5px 5px 0px 0px;}.change-group-item-videogame .sim-type-header {background-image: url(../images/videogame-sim-b.png); height: 180px; width: 100%; border-radius: 5px 5px 0px 0px;}.change-group-item-learning .sim-type-header {background-image: url(../images/learning-sim-b.png); height: 180px; width: 100%; border-radius: 5px 5px 0px 0px;}#accounting-sim-container .change-group-item .sim-type-header {background-image: url(../images/accounting-sim-b.png); height: 180px; width: 100%; border-radius: 5px 5px 0px 0px;}#accounting-sim-container .accounting2-lite .sim-type-header {background-image: url(../images/accounting-sim-lite-b.png); height: 180px; width: 100%; border-radius: 5px 5px 0px 0px;}.sim-content {display: flex; justify-content: space-between; flex-direction: column; width: 100%; max-height: 154px; height: 100%; padding: 10px 20px 10px 20px; background-color: #F5F5F5; border-radius: 5px;}.sim-title {display: flex; align-items: center; height: 32px; background-color: #15141CB8; padding-left: 22px; overflow: hidden; white-space: nowrap;}.sim-tag {display: flex; justify-content: flex-end; align-items: center; flex-wrap: wrap; min-width: 120px; max-width: 180px; width: 100%; max-height: 40px;}.sim-tag .label {display: flex; align-items: center; justify-content: center; height: 18px; width: max-content; padding: 3px 5px; margin-left: 5px; margin-bottom: 2px;}#business, #management, #marketing, #accounting, #accounting2 {display: flex; flex-direction: column; align-items: flex-end; justify-content: center; width: 85%; padding-right: 15px; height: 50px;}#accounting2 {display: none;}.sim-type-list {display: flex; flex-direction: column; align-items: flex-end; font-size: 1.375em; font-weight: 400; padding: 20px 30px 0 0; max-width: 480px; padding-left: 140px;}.sim-type-list span {font-size: 0.8em; font-weight: 300;}.sim-type-list div {margin-bottom: 24px; cursor: pointer;}.filter-title {align-self: flex-start; width: 100%; font-size: 0.85em; color: #fff; font-style: italic; position: relative; display: flex; align-items: center; margin-bottom: 15px !important;}.border-center {width: 100%; position: relative; margin: 0 !important;}.border-center:before {content:''; position: absolute; border-bottom: 1px #bbb solid; width: 100%; transform: translateY(-50%); z-index:0; top:50%;}#business:hover,#management:hover,#marketing:hover,#accounting:hover,#accounting2:hover{background-color: #F5F5F540;}.sim-content-kayak #business {background-color: #F5F5F540; border-left: 5px solid #185999DB; color: #fff;}.sim-content-golf #management {background-color: #F5F5F540; border-left: 5px solid #70902DDB;}.sim-content-videogame #marketing {background-color: #F5F5F540; border-left: 5px solid #7E5894DB; color: #fff;}.sim-content-accounting #accounting {background-color: #F5F5F540; border-left: 5px solid #C94F30DB; color: #fff;}.sim-content-accounting2 #accounting2 {background-color: #F5F5F540; border-left: 5px solid #C94F30DB; color: #fff;}.filter-title:hover,.border-center:hover {text-decoration: none !important; cursor: default !important;}.alert {padding: 0;}#activate-ac,#activate-payment {display: flex; justify-content: space-between;}.activation-title {display: none; padding-top: 15px; font-size: 36px; font-weight: 300; padding-right: 20px;}.activation-menu .activation-title {display: block;}.activation-menu a {display: inline !important;}.activation-icon {display: flex; justify-content: center; align-items: center; min-width: 140px; font-size: 3em;}#new-code {display: flex; align-items: center; flex-direction: column;}label[for=sex] {display: flex; justify-content: center; margin-left: -30px;}#sex-div span:before {font-family: "Font Awesome 5 Pro"; font-weight: 400; font-size: 0.9em; content: "\f111"; color: #777; margin-right: 10px;} #sex-div .select-option-selected span:before {font-family: "Font Awesome 5 Pro"; font-weight: 400; font-size: 0.9em; content: "\f192"; color: #777; margin-right: 10px;} .sim-dropdown-menu {position: absolute; margin-left: auto; right: 20px; font-size: 2.5em;} .sim-dropdown-menu i {color: #fff; width: 10px; text-align: center;} .sim-dropdown-menu li a {display: block; padding: 3px 20px; clear: both; line-height: 1.42857143; color: #333; white-space: nowrap; border: none; width: 100%; text-align: start; font-size: 0.7em;} .sim-dropdown-menu .dropdown-menu {margin-top: 0;} .sim-flag {position: relative; display: flex; justify-content: center; align-items: flex-end; width: 44px; height: 38px; background-color: #BCBEBF; margin-left: 22px; padding-bottom: 3px;} .sim-flag-end {width: 0; height: 0; border-left: 22px solid transparent; border-right: 22px solid transparent; border-top: 18px solid #BCBEBF; position: absolute; bottom: -18px;} .change-group-item-golf .sim-flag {background-color: #70902D;} .change-group-item-golf .sim-flag-end {border-top: 18px solid #70902D;} .change-group-item-kayak .sim-flag {background-color: #185999;} .change-group-item-kayak .sim-flag-end {border-top: 18px solid #185999;} .change-group-item-videogame .sim-flag {background-color: #7E5894;} .change-group-item-videogame .sim-flag-end {border-top: 18px solid #7E5894;} .change-group-item-accounting2 .sim-flag {background-color: #9C483A;} .change-group-item-accounting2 .sim-flag-end {border-top: 18px solid #9C483A;} .accounting2-lite .sim-flag {background-color: #d15005;} .accounting2-lite .sim-flag-end {border-top: 18px solid #d15005;} .sim-progress-bar {display:flex;}.sim-progress-bar div {position: relative; background-color: #DADADA; height: 14px; width: 34px; border-right: 1px solid #F5F5F5;}.sim-progress-bar div:first-child {border-radius: 34px 0 0 34px; position: relative;}.sim-progress-bar div:last-child {border-radius: 0 34px 34px 0;}.progress-bar-title {font-size: 0.9em; position: absolute; top: -4px; color: #000;}.year-label {position: absolute; border-left: 1px solid #DADADA; width: 72px; height: 22px; line-height: 0px; padding-left: 3px; font-size: 0.8em; padding-top: 23px; margin-left: -1px; color: #828282; left: 34px;}.tl-year-10 .year-label {position: absolute; border-left: none; border-right: 1px solid #DADADA; width: 62px; height: 22px; line-height: 0px; text-align: end; padding-right: 9px; font-size: 0.8em; padding-top: 23px; margin-left: -1px; color: #828282; left: -27px;}.progress-done .tl-year-test {background-color: #276E17 !important;}.form-control:focus {border-color: #828282; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(139, 139, 139,.075), 0 0 8px rgba(139, 139, 139, 0.16); box-shadow: inset 0 1px 1px rgba(139, 139, 139,.075), 0 0 8px rgba(139, 139, 139, 0.16);}#empty-list {display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 300px; height: 300px; color: grey; font-size: 1.375em;} .switch {position: relative; display: inline-block; width: 40px; height: 15px;} .switch input {opacity: 0; width: 0; height: 0;} .slider {position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #BCBEBF; -webkit-transition: .4s; transition: .4s;} .slider:before {position: absolute; content: ""; height: 11px; width: 11px; left: 4px; bottom: 2px; background-color: white; -webkit-transition: .4s; transition: .4s;} input:checked + .slider {background-color: #22ACF0;} input:focus + .slider {box-shadow: 0 0 1px #22ACF0;} input:checked + .slider:before {-webkit-transform: translateX(21px); -ms-transform: translateX(21px); transform: translateX(21px);} .slider.round {border-radius: 34px;} .slider.round:before {border-radius: 50%;} #archives-btn-title {cursor: pointer;} .image-error {color: red; font-size: 1.2em;} @media (max-height: 800px) {.side-left .side-menu {margin-top: 5px;} #profile-photo {width: 60px; height: 60px;} .profile-img {min-height: 60px;} .logo-left {min-height: 90px;}}@media (max-height: 650px) {.side-left .side-menu ul li {height: 27px; line-height: 27px; font-size: 1.1em;}}@media (max-height: 850px) {.menu-container-bg .side-left {overflow: visible;} .option-container {height: 96% !important;}}@media (min-width: 1920px) {}@media (max-width: 1919px) {.header {padding: 0 80px;} .sim-content-golf .golf-title, .sim-content-videogame .videogame-title, .sim-content-kayak .kayak-title, .sim-content-accounting .accounting-title, .sim-content-first-load .first-load-title {padding-left: 80px;} .sim-type-list {padding-left: 80px;} #group-list, #accounting-sim-container {padding: 0 80px 0 100px; max-width: 1500px;} .side-right, .option-container-left {max-width: 420px; background-size: auto;} .option-container-left {min-width: 420px;} .side-left {max-width: 1500px;} .option-container {padding: 0 80px 0 100px;} .photo-container, #formModifyProfil, #formModifyPwd {margin-right: 0;} .option-container-left {padding-left: 80px;} #formModifyProfil p, #formModifyPwd p {margin-bottom: 40px;} #saveModif, #saveModifPwd {margin-top: 40px;} .activation-menu {padding: 44px 0 0 80px !important;}}@media (max-width: 1790px) {body {font-size: 11px;} #activate-sim-modal {font-size: 13px;} .header {padding: 0 60px;} .sim-content-golf .golf-title, .sim-content-videogame .videogame-title, .sim-content-kayak .kayak-title, .sim-content-accounting .accounting-title, .sim-content-first-load .first-load-title, .sim-type-list {padding-left: 60px; max-width: 360px;} .sim-type-list {padding-left: 60px;} #group-list, #accounting-sim-container {padding: 0 60px 0 100px;} .side-right, .option-container-left {max-width: 360px; background-size: 360px;} .option-container-left {min-width: 360px;} .title-sim-type {font-size: 3em;} .title-sim-name {font-size: 2em;} .sim-content-golf .golf-title, .sim-content-videogame .videogame-title, .sim-content-kayak .kayak-title, .sim-content-accounting .accounting-title, .sim-content-first-load .first-load-title {height: 192px;} #group-list, #accounting-sim-container {padding: 0 60px 0 60px;} .sim-tag {max-width: 220px; padding-top: 10px;} .option-container {padding: 0 60px 0 60px;} .option-container-left {padding-left: 60px;} .option-container-right h1 {margin: 0 0 100px 0;} .sign-in #username, .sign-in #password, .sign-in #email, .sign-in #firstname, .sign-in #emailModify, .sign-in #emailModifyConf, .sign-in #firstNameModify, .sign-in #lastNameModify, .sign-in #cityModify, .sign-in #countryModify, .sign-in #oldPasswordModify, .sign-in #newPasswordModify, .sign-in #confPasswordModify, .sign-in #sim-code, .sign-in input[name="firstName"], .sign-in input[name="lastName"], .sign-in input[name="demoCode"], .sign-in #password-exist, .sign-in #sim-signup-code, .sign-in #activationCode {padding-left: 55px;} .activation-menu {padding: 44px 0 0 60px !important;} .archives-btn-container {margin-top: 0;} .side-left .change-group-item h2 {max-height: 30px;} .activation-title {padding-top: 24px;} #business, #management, #marketing, #accounting {width: 83%;}}@media (max-width: 1680px) {.side-left .change-group-item {width: 520px; height: 305px;} .sim-progress-bar div {width: 28px;} .year-label {left: 28px;} .tl-year-10 .year-label {left: -33px;} .change-group-item-kayak .sim-type-header, .change-group-item-golf .sim-type-header, .change-group-item-videogame .sim-type-header, .change-group-item-learning .sim-type-header, #accounting-sim-container .change-group-item .sim-type-header {background-size: cover; height: 161px;} .sim-content {padding: 0px 20px 10px 20px;} .access-btn {width: 120px;} .sim-content {max-height: 144px;} .sim-tag .label {height: 14px;} .activate-step1-link, .activate-step2-link {width: 260px;}}@media (max-width: 1550px) {.change-group-item-kayak .sim-type-header, .change-group-item-golf .sim-type-header, .change-group-item-videogame .sim-type-header, .change-group-item-learning .sim-type-header, #accounting-sim-container .change-group-item .sim-type-header {background-size: cover; height: 149px;} .side-left .change-group-item {width: 480px; height: 293px;} .sim-progress-bar div {width: 24px;} .year-label {left: 24px;} .tl-year-10 .year-label {left: -37px;} .profile-name-container {display: block !important;} .resp-input-name-container {width: 100% !important;} #step-1, #step-2, #step-3 {padding-left: 20px;} .activate-step-progress {margin-left: 40px;} .side-left .change-group-item h5 {max-width: 310px;} .activate-step1, .activate-step2, .activate-step3 {width: 80px; height: 80px; font-size: 30px;} .resp-input-container {width: 55% !important;}}@media (max-width: 1470px) {.change-group-item-kayak .sim-type-header, .change-group-item-golf .sim-type-header, .change-group-item-videogame .sim-type-header, .change-group-item-learning .sim-type-header, #accounting-sim-container .change-group-item .sim-type-header {background-size: cover; height: 137px;} .side-left .change-group-item {width: 440px; height: 263px;} .sim-progress-bar div {width: 20px;} .year-label {left: 20px;} .tl-year-10 .year-label {left: -41px;} .sim-tag {max-width: 170px; min-width: 170px; padding-top: 6px;} .sim-institution {padding-top: 6px !important;} .sim-content {max-height: 126px;} .access-btn {height: 40px;} .side-left .change-group-item h5 {max-width: 230px;} .side-left .change-group-item h2 {max-height: 30px;} .activate-step1, .activate-step2, .activate-step3 {width: 60px; height: 60px; font-size: 28px;} .activate-step1-link, .activate-step2-link {width: 220px;} .progress-bar-title {top: -7px;}}@media (max-width: 1380px) {.side-right, .option-container-left {max-width: 300px; background-size: 300px;} .option-container-left {min-width: 300px;} .title-sim-type {font-size: 2.75em;} .title-sim-name {font-size: 1.75em;} .sim-content-golf .golf-title, .sim-content-videogame .videogame-title, .sim-content-kayak .kayak-title, .sim-content-accounting .accounting-title, .sim-content-first-load .first-load-title {height: 160px;} .activate-step1, .activate-step2, .activate-step3 {font-size: 22px;} .activate-step1-link, .activate-step2-link {width: 200px;} #step-1 p, #step-2 p, #step-3 p {font-size: 20px;} .activation-content {font-size: 14px; height: 280px;} .next-step1_btn, .next-step2_btn {width: 180px; height: 40px;} .title-sim-type {line-height: 1;} #business, #management, #marketing, #accounting {width: 79%;} #picture-page-title, #profile-page-title, #password-page-title {font-size: 2.5em;}}@media (max-width: 1320px) {.side-left .change-group-item {width: 405px; height: 252px; font-size: 0.9em;} .sim-content {padding: 0px 10px 10px 20px;} .change-group-item-kayak .sim-type-header, .change-group-item-golf .sim-type-header, .change-group-item-videogame .sim-type-header, .change-group-item-learning .sim-type-header, #accounting-sim-container .change-group-item .sim-type-header {height: 126px;} .sim-progress-bar div {height: 12px;} .sim-title {height: 25px;} .access-btn {height: 34px; width: 100px;} .side-left .change-group-item h5 {max-width: 205px;} .side-left .change-group-item h2 {max-height: 28px;} .activation-title {padding-top: 20px;}}@media (max-width: 1250px) {.side-right, .option-container-left {max-width: 270px; background-size: 300px;} .option-container-left {min-width: 270px;} .side-left .change-group-item {width: 370px; height: 230px;} .change-group-item-kayak .sim-type-header, .change-group-item-golf .sim-type-header, .change-group-item-videogame .sim-type-header, .change-group-item-learning .sim-type-header, #accounting-sim-container .change-group-item .sim-type-header {height: 115px;} .sim-content {max-height: 115px;} .sim-progress-bar div {height: 10px;} .sim-progress-bar div {width: 19px;} .year-label {padding-top: 19px;} .tl-year-10 .year-label {padding-top: 19px; left: -42px;} .access-btn {height: 30px;} .access-btn .activate, .access-btn .access {min-height: 19px;} .sim-flag-end {border-left: 18px solid transparent; border-right: 18px solid transparent; bottom: -18px;} .sim-flag {width: 36px; height: 34px;} .resp-input-container {width: 50% !important;} .side-left .change-group-item h5 {max-width: 170px;} .side-left .change-group-item h2 {max-height: 28px;} #business, #management, #marketing, #accounting {width: 75%; padding-right: 10px;} .resp-input-container {width: 60% !important;} .activate-step1-link, .activate-step2-link {width: 180px;} #activate-sim-modal .modal-dialog {width: 700px !important; margin-top: 30px;} #activate-with-code-form .sign-in-entry {width: 55% !important;} #activate-with-payment .row {display: flex; flex-direction: column;} #activate-with-payment .row.not-needed-if-payflow {display: none;} #activate-with-payment .payment, #activate-with-payment .facture {padding: 0 15px !important; width: 100% !important; margin-bottom: 40px;} #activate-with-payment input[type="text"], #activate-with-payment input[type="password"], #exp-year, #exp-month, #state-select, #countrycode {height: 40px; font-size: 14px;} #activate-with-payment .payment {order: -1;} .activate-step1-link, .activate-step2-link {width: 120px;} #invoice {border-right: none; padding-right: 0; border-top: solid 1px #80808059; padding-top: 40px;}}@media (max-width: 1140px) {.side-right, .option-container-left {max-width: 240px; background-size: 270px;} .option-container-left {min-width: 240px;} #group-list, #accounting-sim-container {padding: 0 30px 0 30px;} .header {padding: 0 30px;} .sim-content-golf .golf-title, .sim-content-videogame .videogame-title, .sim-content-kayak .kayak-title, .sim-content-accounting .accounting-title, .sim-content-first-load .first-load-title {padding-left: 30px; padding-top: 34px;} .sim-type-list {padding-left: 30px;} .sim-content-golf .golf-title, .sim-content-videogame .videogame-title, .sim-content-kayak .kayak-title, .sim-content-accounting .accounting-title, .sim-content-first-load .first-load-title {height: 144px;} .option-container {padding: 0 30px 0 30px;} .option-container-left {padding-left: 30px;} .option-container-right h1 {margin: 0 0 40px 0;} .photo-container p, .profile-photo-container {margin-bottom: 40px !important} .activation-menu {padding: 44px 0 0 30px !important;} .switch {margin-right: 7px !important;} .activation-title {padding-top: 10px;}}@media (max-width: 1050px) {.side-left .change-group-item {width: 580px; height: 335px; min-width: 366px; font-size: 1em;} .change-group-item-kayak .sim-type-header, .change-group-item-golf .sim-type-header, .change-group-item-videogame .sim-type-header, .change-group-item-learning .sim-type-header, #accounting-sim-container .change-group-item .sim-type-header {height: 180px;} .sim-flag {width: 44px; height: 38px;} .sim-title {height: 32px;} .sim-flag-end {width: 0; height: 0; border-left: 22px solid transparent; border-right: 22px solid transparent; border-top: 18px solid #BCBEBF; position: absolute; bottom: -18px;} .sim-content {display: flex; justify-content: space-between; flex-direction: column; width: 100%; max-height: 154px; height: 100%; padding: 10px 20px 10px 20px; background-color: #F5F5F5; border-radius: 5px;} .access-btn {width: 132px; height: 40px;} .access-btn .activate, .access-btn .access {min-height: 21px;} .sim-progress-bar div {position: relative; background-color: #DADADA; height: 14px; width: 34px; border-right: 1px solid #F5F5F5;} .year-label {padding-left: 3px; padding-top: 23px; left: 34px;} .tl-year-10 .year-label {padding-top: 23px; left: -27px;} .archives-btn-container {margin: 0 auto 0 auto;} .group-container, #accounting-sim-container {justify-content: center;} .profile-label {display: none;} .resp-input-container {width: 70% !important;} .activate-step1-link, .activate-step2-link {width: 160px;} .account .first-use {margin-top: 80px;} #step-1, #step-2, #step-3 {padding-left: 0; margin-left: 0;} .activate-step-progress {margin-left: 0;} .side-left .change-group-item h5 {max-width: 360px;} .side-left .change-group-item h2 {max-height: 40px;}}@media (max-width: 990px) {.resp-input-container {width: 85% !important;} .registering-content {flex-direction: column; align-items: flex-start !important;} .registering {margin-top: 30px;} .registering .sign-in-entry {margin-bottom: 20px;} #register {margin-bottom: 10px;}}@media (max-width: 880px) {.sim-content {max-height: 144px; padding: 0px 20px 10px 20px;} .access-btn {width: 120px;} .change-group-item-kayak .sim-type-header, .change-group-item-golf .sim-type-header, .change-group-item-videogame .sim-type-header, .change-group-item-learning .sim-type-header, #accounting-sim-container .change-group-item .sim-type-header {background-size: cover; height: 149px;} .side-left .change-group-item {width: 480px; height: 293px;} .sim-progress-bar div {width: 24px;} .year-label {left: 24px;} .tl-year-10 .year-label {left: -37px;} .option-container {margin: auto 30px auto 30px; height: 92%;} .activate-step1-link, .activate-step2-link {width: 100px;} .side-left .change-group-item h5 {max-width: 270px;} .side-left .change-group-item h2 {max-height: 40px;}}@media (max-width: 799px) {.register-btn span, .simulation-label, .profile-label {display: none;} .header .profile img {width: 25px;} .account-content {flex-direction: column;} .side-right, .option-container-left {max-width: none; width: 100%;} .sim-type-list {flex-direction: row; max-width: none; width: 100%; justify-content: space-between; padding-top: 15px;} .sim-type-list div {margin-bottom: 15px;} .sign-in-content {max-width: 660px !important;} .home-label, .message-label, .profile-label, .simulate-btn-content {display: none;} .header-logo-img {width: 220px;} .sim-content-golf .golf-title, .sim-content-videogame .videogame-title, .sim-content-kayak .kayak-title, .sim-content-accounting .accounting-title, .sim-content-first-load .first-load-title {height: 80px; padding-top: 22px;} .option-container {height: 96%;} .option-container-left {padding-top: 20px; padding-bottom: 0;} .option-container-left a {margin-bottom: 40px;} .modal-dialog {margin-left: auto !important; margin-right: auto !important; width: 600px !important;} .signup-input-container {width: 65% !important;} .activation-container {height: 100%;} .activation-menu {height: 104px; padding-top: 14px !important;} #activate-sim-modal .modal-dialog {width: 600px !important;} #activate-with-code-form .sign-in-entry {width: 60% !important;} .filter-title {display: none;} #filters-btn-container {display: flex; justify-content: space-evenly; align-items: center; border-top: 1px #bbb solid; flex-flow: row-reverse;} .remove-filters-container {justify-content: flex-end;} .archives-container {margin: 7px 0 !important; padding-left: 30px; padding-right: 0; justify-content: flex-start;} .activation-title {padding-top: 18px;} #business, #management, #marketing, #accounting {align-items: center; padding-right: 0; margin: 0 1px 15px 1px;} .sim-content-kayak #business {border-left: none; border-bottom: 3px solid #185999c9;} .sim-content-golf #management {border-left: none; border-bottom: 3px solid #70902Dc9;} .sim-content-videogame #marketing {border-left: none; border-bottom: 3px solid #7E5894c9;} .sim-content-accounting #accounting {border-left: none; border-bottom: 3px solid #C94F30c9;} .sim-type-list {padding-right: 0; padding-left: 0;} .activate-step1-link, .activate-step2-link {width: 140px;}}@media (max-width: 659px) {body {font-size: 10px;} .sign-in-content {max-width: calc(86vw + 20px) !important;} .home, .mail, .profile, .settings {margin: 0 8px;} .header-logo-img {width: 180px;} .home-label, .message-label, .profile-label, .simulation-label {display: none;} .sign-in-right {padding: 100px 20px 20px 20px; padding-top: 50px !important;} .connection-captcha {display: flex; justify-content: center; scale: 0.9;} .sign-in #username, .sign-in #password, .sign-in #email, .sign-in #firstname, .sign-in #emailModify, .sign-in #emailModifyConf, .sign-in #firstNameModify, .sign-in #lastNameModify, .sign-in #cityModify, .sign-in #countryModify, .sign-in #oldPasswordModify, .sign-in #newPasswordModify, .sign-in #confPasswordModify, .sign-in #sim-code, .sign-in input[name="firstName"], .sign-in input[name="lastName"], .sign-in input[name="demoCode"], .sign-in #password-exist, .sign-in #sim-signup-code, .sign-in #activationCode {padding-left: 50px; font-size: 12px;} #sex-div .select-option-selected span::before {font-size: 0.8em;} #saveModif, #saveModifPwd {font-size: 14px;} .sim-progress-bar div {width: 20px; height: 12px;} .sim-title {height: 25px;} .access-btn {height: 30px; width: 100px;} .access-btn .activate, .access-btn .access {min-height: 19px;} .side-left .change-group-item {width: 405px; height: 252px; font-size: 0.9em;} .sim-content {max-height: 126px; padding: 0px 10px 10px 20px;} .year-label {left: 20px;} .tl-year-10 .year-label {left: -41px;} .sim-tag {max-width: 170px; min-width: 170px; padding-top: 6px;} .sim-institution {padding-top: 6px !important;} .change-group-item-kayak .sim-type-header, .change-group-item-golf .sim-type-header, .change-group-item-videogame .sim-type-header, .change-group-item-learning .sim-type-header, #accounting-sim-container .change-group-item .sim-type-header {height: 126px;} .sim-type-list {font-size: 1.25em;} .sim-flag {width: 36px; height: 30px;} .sim-flag-end {border-left: 18px solid transparent; border-right: 18px solid transparent; bottom: -15px;} .photo-container p {font-size: 14px;} .remove-photo, .add-photo {font-size: 14px; width: 120px;} #profile-photo-add {height: 200px !important; width: 200px !important;} .profile-photo i {line-height: 200px;} .modal-dialog {width: 410px !important;} .modal-header h3 {font-size: 20px;} .signup-input-container {width: 75% !important;} .activate-step1, .activate-step2, .activate-step3 {font-size: 18px;} .activate-step1-link, .activate-step2-link {width: 80px;} #step-1 p, #step-2 p, #step-3 p {font-size: 18px;} .activation-content {font-size: 12px;} .activation-step-container {padding: 60px 20px 40px 20px;} .account .step-2 input {width: 280px;} #activate-sim-modal .modal-dialog {width: 410px !important;} #activate-sim-modal .modal-body {padding: 15px;} .activate-choice div h2 {font-size: 1em; margin-top: 10px;} .activation-icon {min-width: 90px;} #activate-ac, #activate-payment {padding: 10px 0 10px 20px; margin-top: 15px !important;} #activate-payment {margin-bottom: 0 !important;} #cancel-payment-btn, #close-payment-btn, #print-invoice-btn, #activate-with-payment-btn, #activate-btn {font-size: 14px;} #activate-with-code-form .sign-in-entry {width: 75% !important;} #activate-with-payment input[type="text"], #activate-with-payment input[type="password"], #exp-year, #exp-month, #state-select, #countrycode {width: 150%;} .side-left .change-group-item h5 {max-width: 200px;} .side-left .change-group-item h2 {max-height: 35px;}}@media (max-width: 466px) {.sim-progress-bar div {width: 20px; height: 12px;} .sim-content {max-height: 110px; padding: 0px 10px 10px 20px;} .change-group-item-kayak .sim-type-header, .change-group-item-golf .sim-type-header, .change-group-item-videogame .sim-type-header, .change-group-item-learning .sim-type-header, #accounting-sim-container .change-group-item .sim-type-header {height: 102px;} .header {padding: 0 15px;} .sim-content-golf .golf-title, .sim-content-videogame .videogame-title, .sim-content-kayak .kayak-title, .sim-content-accounting .accounting-title, .sim-content-first-load .first-load-title {padding-left: 15px;} .sim-type-list {padding: 15px 15px 0 15px;} #group-list, #accounting-sim-container {padding: 0 15px;} .side-left .change-group-item {width: 330px; min-width: 300px; height: 212px;} .home, .mail, .settings, .simulation, .register-btn-container {margin: 0px 11px;} .parameter_opt.profile {margin: 0;} .change-group-item-golf .sim-flag-end {border-top: 15px solid #70902D;} .change-group-item-kayak .sim-flag-end {border-top: 15px solid #185999;} .change-group-item-videogame .sim-flag-end {border-top: 15px solid #7E5894;} .change-group-item-accounting .sim-flag-end {border-top: 15px solid #C94F30;} .sim-content {padding: 0px 10px 10px 10px;} .sim-title {padding-left: 10px;} .sim-progress-bar div {width: 16px; height: 8px;} .year-label {left: 16px; padding-top: 17px; height: 17px;} .tl-year-10 .year-label {padding-top: 17px; height: 17px; left: -45px;} .access-btn {height: 30px; width: 100px;} .sim-tag {max-width: 130px; min-width: 115px;} .side-right, .option-container-left {background-size: 210px;} .option-container {padding: 0 15px 0 15px;} .option-container-left {padding-left: 15px;} .resp-input-container {width: 85% !important;} .modal-dialog {width: 340px !important;} .signup-input-container {width: 85% !important;} .activate-step1-link, .activate-step2-link {width: 60px;} .account .first-use {margin-top: 40px;} .activation-content {height: 250px;} .account .step-2 input {width: 240px;} #activate-sim-modal .modal-dialog {width: 320px !important;} #activate-with-code-form .sign-in-entry {width: 85% !important;} #activate-with-code p {margin: 30px 15px;} #activate-with-payment input[type="text"], #activate-with-payment input[type="password"], #exp-year, #exp-month, #state-select, #countrycode {width: 185%;} .remove-filters-container {padding-right: 15px;} .archives-container {padding-left: 15px;} .side-left .change-group-item h5 {max-width: 195px;} .side-left .change-group-item h2 {max-height: 35px;} .sim-type-list {padding-right: 0; padding-left: 0;} .activation-menu {padding: 14px 0 0 15px !important;} .option-container {margin: auto 15px auto 15px;} .resp-input-container {width: 100% !important;}}@media (max-width: 1079px) and (max-height: 580px) {.header-hide {display: none;} .parallax-mirror {transform: initial !important;} .parallax-window {top: 0px !important;}}@media (max-height: 860px) {.sign-in-container {padding: 20px 0;}}