@import url(https://fonts.googleapis.com/css?family=Quicksand);.card-login{height:99%}.content-login-containe{height:100%}.intro-izi,.social-network-login{width:50%;height:100%;background:#fff}.intro-izi .p-grid,.social-network-login .p-grid{width:100%}.intro-izi{float:left}.social-network-login{float:right}@media only screen and (max-width:768px){.intro-izi,.social-network-login{width:100%;float:none;display:block}}.left-header-login{align-self:center}.lang{margin-right:10px}.action-join{align-self:center}h1{font-size:50px}h1,h2{font-weight:700}h2{font-size:40px}h3{font-size:25px}h3,h4{font-weight:700}h4{font-size:15px}.width-100{width:100%}.primary-button{background-color:#f90!important;color:#fff!important}.primary-header{background-color:#55c5d1!important;color:#fff!important}.cancel-button{background-color:#bfbfbf!important;color:#fff!important}.no-copy{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.p-radiobutton .p-radiobutton-box .p-radiobutton-icon{background-color:#c00}.p-radiobutton .p-radiobutton-box.p-highlight,.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover{border-color:#c00}.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled).p-focus{border-color:#c00;color:#c00}.p-inputtextarea{width:100%;border-radius:8px;color:#3a0000;font-weight:700}.p-inputtextarea.p-inputtext.p-component.p-inputtextarea-resizable:hover{border:1px solid #41dad2}.p-inputtextarea.p-inputtext.p-component.p-inputtextarea-resizable{max-height:64px;overflow-y:scroll}.p-inputtextarea:enabled:focus{box-shadow:inset 0 0 0 0 #41dad2;border-color:#41dad2}.p-float-label label{font-weight:700;color:#beb9b0}.p-float-label .p-inputwrapper-focus~label,.p-float-label input:focus~label{color:#41dad2}body,html{height:100%;margin:0;background:#f7f7f7}#app{height:100%;font-style:normal;font-weight:500;font-size:15px;color:#3a0000}#app,#app .p-component{font-family:Quicksand}.questions .col-select-seconds{display:flex;align-items:center}.questions .col-select-seconds .p-dropdown.p-component.p-inputwrapper.p-inputwrapper-filled.select-seconds{margin-left:5px}.questions .col-select-seconds .p-dropdown{height:40px;border:1px solid rgba(0,0,0,.38);box-shadow:none}.questions .col-select-seconds .p-dropdown:hover{border:1px solid rgba(0,0,0,.38)}.questions .col-select-point{display:flex;align-items:center}.questions .col-select-point .p-dropdown.p-component.p-inputwrapper.p-inputwrapper-filled.select-seconds{margin-left:5px}.questions .col-select-point .p-dropdown{height:40px;border:1px solid rgba(0,0,0,.38);box-shadow:none}.questions .col-select-point .p-dropdown:hover{border:1px solid rgba(0,0,0,.38)}.questions .action-card-question{text-align:right;display:flex;align-self:flex-end}.questions .action-card-question .remove-question.p-button{background-color:#fff}.questions .action-card-question .remove-question.p-button .p-button-label{font-weight:700;font-size:30px;color:#3a0000}.questions .action-card-question .tiered-menu-question.p-tieredmenu{position:inherit;margin-top:-40px}.questions .element-col.col-add-question{display:flex;padding:0;width:100%;position:fixed;bottom:0;margin-bottom:81px;left:5px}.questions .element-col.col-add-question .custom-icon{pointer-events:none}.questions .element-col.col-add-question .p-button{padding:0;color:#beb9b0}.questions .element-col.col-add-question .p-button:hover{color:#3a0000;background:#f7f7f7}.questions .element-col .card.question-name:hover{border:1px solid #beb9b0}.questions .answers-container .list-answers .p-checkbox .p-checkbox-box{border-radius:50%}.questions .answers-container .list-answers .seledc-answer{padding-top:15px;text-align:right}.questions .answers-container .list-answers .col-remove-answer{align-self:center}.questions .answers-container .element-col.col-add-answer{display:flex;padding:0}.questions .answers-container .element-col.col-add-answer .custom-icon{pointer-events:none}.questions .answers-container .element-col.col-add-answer .p-button{padding:0;color:#beb9b0}.questions .answers-container .element-col.col-add-answer .p-button:hover{background-color:#fff;color:#3a0000}@media only screen and (max-width:425px){.questions .answers-container .list-answers .seledc-answer{padding:15px 0 0 0}.questions .element-col.col-add-question{margin-bottom:90px}}@media only screen and (max-width:1024px){.questions .element-col.col-add-question{margin-bottom:90px}}.create-challenge{height:100%}.create-challenge .setting-challenge-view{position:relative}.create-challenge .setting-challenge-view .setting-header{height:170px;position:fixed;width:50%;top:10%;background:#f7f7f7}.create-challenge .setting-challenge-view .setting-header .col-add-description{display:flex;align-items:center}.create-challenge .setting-challenge-view .setting-header .col-title-challenge{font-size:20px;font-weight:700}.create-challenge .preview-question-view{position:relative}.create-challenge .preview-question-view .fixded-preview{position:fixed;height:100%;width:50%;padding-bottom:10%;overflow-y:scroll}.create-challenge .action-setting-challenge{background:#fff;left:0;position:fixed;bottom:0}.create-challenge .settings-challenge-container{height:100%}.create-challenge .settings-challenge-container .list-question{margin-top:150px;padding-bottom:150px}.create-challenge .settings-challenge-container .preview-quiz,.create-challenge .settings-challenge-container .publish-challenge{align-self:center}.create-challenge .settings-challenge-container .preview-quiz .p-button,.create-challenge .settings-challenge-container .publish-challenge .p-button{width:150px}.create-challenge .settings-challenge-container .input-challenge-name{align-self:center}.create-challenge .settings-challenge-container .input-challenge-name .element-input{width:100%}.create-challenge .settings-challenge-container .p-float-label label{font-weight:700;color:#beb9b0}.create-challenge .settings-challenge-container .p-field-checkbox,.create-challenge .settings-challenge-container .p-field-radiobutton{margin:0}@media only screen and (max-width:425px){.create-challenge .setting-challenge-view .setting-header{top:13%;padding-top:30px}.create-challenge .setting-challenge-view .setting-header .add-image-quiz{font-size:12px}.create-challenge .setting-challenge-view .setting-header h3{font-size:20px;font-weight:700}}@media only screen and (max-width:768px){.create-challenge .preview-question-view{display:none}.create-challenge .action-setting-challenge .action-setting-challenge.action-setting-challenge,.create-challenge .action-setting-challenge .setting-header,.create-challenge .settings-challenge-container .action-setting-challenge.action-setting-challenge,.create-challenge .settings-challenge-container .setting-header{width:100%}}@media only screen and (max-width:1024px){.create-challenge .preview-question-view .card-preview-question{padding-bottom:20%}.create-challenge .settings-challenge-container .action-setting-challenge{width:50%}}.left-hall-container{padding:0 10px 0 10px;font-weight:700}.left-hall-container .p-button{display:inline-block}.left-hall-container .title{font-size:12px}.left-hall-container .content{font-size:10px}.left-hall-container .button-create-challenge{height:40px;border-radius:28px}.left-hall-container .p-splitbutton .p-splitbutton-defaultbutton{background-color:#fff;color:#c00;border-bottom-left-radius:28px;border-top-left-radius:28px;font-weight:700}.left-hall-container .p-splitbutton .p-splitbutton-defaultbutton:hover{background-color:#c00;color:#fff}.left-hall-container .p-splitbutton-menubutton{background-color:#fff;color:#c00;border-bottom-right-radius:28px;border-top-right-radius:28px}.left-hall-container .p-button:enabled:focus,.left-hall-container .p-splitbutton-menubutton:hover{background-color:#c00;color:#fff}.greeting{margin:10px;padding:10px;bottom:10px}.hall-container .left-hall{height:100%;width:25%;background:#fff;position:fixed;float:left}.hall-container .list-game{width:50%;margin-left:25%;margin-right:25%}.hall-container .right-hall{width:25%;background:#fff;position:fixed;float:right;margin-left:75%;height:100%;overflow-y:scroll}.hall-container .right-hall-container{height:auto}.hall-container .right-hall-container .category-ranking{padding-bottom:100px}.hall-container .header-right-hall{height:50px}@media only screen and (max-width:425px){.hall-container .left-hall,.hall-container .right-hall{display:none}.hall-container .list-game{width:100%;margin-left:0;margin-right:0}}@media only screen and (max-width:768px){.hall-container .left-hall .search-challenge .label-input{font-size:11px}.hall-container .right-hall,.hall-container .right-hall .right-hall-container .element-col{padding:0}.hall-container .right-hall .right-hall-container .element-col .card-leaderboard{padding:5px}}.create-challenge .preview-question-view{font-weight:700}.create-challenge .preview-question-view .card-preview-question{padding:30px}.create-challenge .preview-question-view .card-preview-question .answers{padding:10px}.create-challenge .preview-question-view .card-preview-question .answers .col-title{font-size:25px}.create-challenge .preview-question-view .card-preview-question .answers .icon-correct{position:absolute;margin-top:-20px;margin-left:320px;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background-color:#fff}.create-challenge .preview-question-view .card-preview-question .answers .icon-correct .p-button{width:30px;height:30px;background-color:#41dad2;color:#fff}.create-challenge .preview-question-view .card-preview-question .answers .icon-correct .p-button .pi{font-weight:700}.create-challenge .preview-question-view .card-preview-question .answers .answer-open-ended .p-inputtextarea{min-height:300px;overflow-y:scroll}.create-challenge .preview-question-view .card-preview-question .answers .answer-open-ended .word-answer{float:right}.create-challenge .preview-question-view .card-preview-question .image-question{width:70%}.create-challenge .preview-question-view .card-preview-question .col-image-question{text-align:center}.create-challenge .preview-question-view .card-preview-question .answers-0{height:150px;background:#feff83;font-weight:700}.create-challenge .preview-question-view .card-preview-question .answers-0 .element-col{display:flex;align-items:center}.create-challenge .preview-question-view .card-preview-question .answers-1{height:150px;background:#9ae6fe;font-weight:700}.create-challenge .preview-question-view .card-preview-question .answers-1 .element-col{display:flex;align-items:center}.create-challenge .preview-question-view .card-preview-question .answers-2{height:150px;background:#ddaaf6;font-weight:700}.create-challenge .preview-question-view .card-preview-question .answers-2 .element-col{display:flex;align-items:center}.create-challenge .preview-question-view .card-preview-question .answers-3{height:150px;background:#f99;font-weight:700}.create-challenge .preview-question-view .card-preview-question .answers-3 .element-col{display:flex;align-items:center}.create-challenge .preview-question-view .card-preview-question .answers-4{height:150px;background:#d5f2ea;font-weight:700}.create-challenge .preview-question-view .card-preview-question .answers-4 .element-col{display:flex;align-items:center}.create-challenge .preview-question-view .card-preview-question .answers-5{height:150px;background:#ff9f7a;font-weight:700}.create-challenge .preview-question-view .card-preview-question .answers-5 .element-col{display:flex;align-items:center}.create-challenge .preview-question-view .card-preview-question .answers-6{height:150px;background:#a6ff98;font-weight:700}.create-challenge .preview-question-view .card-preview-question .answers-6 .element-col{display:flex;align-items:center}.create-challenge .preview-question-view .card-preview-question .answers-7{height:150px;background:#bdcfff;font-weight:700}.create-challenge .preview-question-view .card-preview-question .answers-7 .element-col{display:flex;align-items:center}@media only screen and (max-width:1440px){.create-challenge .preview-question-view .card-preview-question .answers .icon-correct{margin-left:245px}}@media only screen and (max-width:1024px){.create-challenge .preview-question-view .card-preview-question .answers .icon-correct{margin-left:135px}}.login-container{height:100%}.login-container .header{height:10%}.login-container .content{margin:0;padding:0;height:80%}.login-container .footer{height:10%;width:100%;background:#fff}@media only screen and (max-width:768px){.login-container{height:auto}}