@import url(https://fonts.googleapis.com/css?family=Nunito);
@import url(https://fonts.googleapis.com/css?family=Montserrat);
@import url(https://fonts.googleapis.com/css?family=Roboto);
@import url(https://fonts.googleapis.com/css?family=Orbitron);
.colorbase,.colorbasehover:hover{color:#4096cc!important}.colorbased,.colorbasedhover:hover{color:#3081b3!important}.colorbasel,.colorbaselhover:hover{color:#60a8d5!important}.colorbasebg,.colorbasebghover:hover{background-color:#4096cc!important}.colorbasedbg,.colorbasedbghover:hover{background-color:#3081b3!important}.colorbaselbg,.colorbaselbghover:hover{background-color:#60a8d5!important}.colorbaseb,.colorbasebhover:hover{border-color:#4096cc!important}.colorbasedb,.colorbasedbhover:hover{border-color:#3081b3!important}.colorbaselb,.colorbaselbhover:hover{border-color:#60a8d5!important}.colorback,.colorbackhover:hover{color:#272935!important}.colorbackd,.colorbackdhover:hover{color:#16171d!important}.colorbackl,.colorbacklhover:hover{color:#383b4d!important}.colorbackbg,.colorbackbghover:hover{background-color:#272935!important}.colorbackdbg,.colorbackdbghover:hover{background-color:#16171d!important}.colorbacklbg,.colorbacklbghover:hover{background-color:#383b4d!important}.colorbackb,.colorbackbhover:hover{border-color:#272935!important}.colorbackdb,.colorbackdbhover:hover{border-color:#16171d!important}.colorbacklb,.colorbacklbhover:hover{border-color:#383b4d!important}.coloremboss,.colorembosshover:hover{color:#e6e6e6!important}.colorembossd,.colorembossdhover:hover{color:#d2d2d2!important}.colorembossl,.colorembosslhover:hover{color:#fafafa!important}.colorembossbg,.colorembossbghover:hover{background-color:#e6e6e6!important}.colorembossdbg,.colorembossdbghover:hover{background-color:#d2d2d2!important}.colorembosslbg,.colorembosslbghover:hover{background-color:#fafafa!important}.colorembossb,.colorembossbhover:hover{border-color:#e6e6e6!important}.colorembossdb,.colorembossdbhover:hover{border-color:#d2d2d2!important}.colorembosslb,.colorembosslbhover:hover{border-color:#fafafa!important}.colorgood{color:#09a530!important}.colorgoodbg{background-color:#09a530!important}.colorgoodb{border-color:#09a530!important}.colorgoodb:focus.colorgoodb:focus.colorgoodb:focus{outline:thin solid #09a530}.colordisabled{color:#7e7e7e!important}.colordisabledbg{background-color:#7e7e7e!important}.colordisabledb{border-color:#7e7e7e!important}.colordisabledb:focus.colordisabledb:focus.colordisabledb:focus{outline:thin solid #7e7e7e}.colorwarning{color:#d1b82d!important}.colorwarningbg{background-color:#d1b82d!important}.colorwarningb{border-color:#d1b82d!important}.colorwarningb:focus.colorwarningb:focus.colorwarningb:focus{outline:thin solid #d1b82d}.colorimportant{color:#ff5449!important}.colorimportantbg{background-color:#ff5449!important}.colorimportantb{border-color:#ff5449!important}.colorimportantb:focus.colorimportantb:focus.colorimportantb:focus{outline:thin solid #ff5449}.colorsuccess{color:#90ee90!important}.colorsuccessbg{background-color:#90ee90!important}.colorsuccessb{border-color:#90ee90!important}.colorsuccessb:focus.colorsuccessb:focus.colorsuccessb:focus{outline:thin solid #90ee90}*,:after,:before{box-sizing:border-box;margin:0;padding:0}.titlebarcontainer{align-items:flex-start;background-color:#16171d;border:thin solid #e6e6e6;border-radius:5px;color:#e6e6e6;flex-direction:column;margin-bottom:10px}.titlebarcontainer,.titlebarcontainer .titlebar{display:flex;justify-content:flex-start;min-height:60px;position:relative;width:100%}.titlebarcontainer .titlebar{align-items:center;border:thin solid #e6e6e6;flex-direction:row;max-height:60px;padding:10px}.titlebarcontainer .titlebar strong{color:#fafafa}.titlebarcontainer .titlebar h1{font-size:20pt}.titlebarcontainer .titlebar h2{font-size:16pt}.titlebarcontainer .titlebar img{max-height:40px}.titlebarcontainer .titlebar .toggleFilter{align-items:center;border:thin solid #e6e6e6;border-radius:5px;cursor:pointer;display:flex;flex-direction:row;font-size:20pt;height:40px;justify-content:center;width:40px}.titlebarcontainer .titlefilter{background-color:#16171d;border:thin solid #e6e6e6;border-bottom-left-radius:5px;border-bottom-right-radius:5px;min-height:60px;width:100%}.titlebarcontainer .titlefilter.active{min-height:60px}@font-face{font-family:lcdFont}.lcdFont{font-family:lcdFont,Arial,sans-serif;font-style:normal;font-weight:400}@keyframes blinker{0%{opacity:0}}.blink_me{animation:blinker 1s linear infinite alternate}.transition20{transition:height .2s ease-in-out;-moz-transition:height .2s ease-in-out;-webkit-transition:height .2s ease-in-out}.flexCol{justify-content:center}.flexCol,.flexColT{align-items:center;display:flex;flex-direction:column}.flexColT{justify-content:flex-start}.flexColB{justify-content:flex-end}.flexColB,.flexColSB{align-items:center;display:flex;flex-direction:column}.flexColSB{justify-content:space-between}.flexColSA{align-items:center;display:flex;flex-direction:column;justify-content:space-around}.flexRow{justify-content:center}.flexRow,.flexRowL{align-items:center;display:flex;flex-direction:row}.flexRowL{justify-content:flex-start}.flexRowR{justify-content:flex-end}.flexRowR,.flexRowSB{align-items:center;display:flex;flex-direction:row}.flexRowSB{justify-content:space-between}.flexRowSA{flex-direction:row;justify-content:space-around!important}.flexRowSA,.flexWrap{align-items:center;display:flex}.flexWrap{flex-wrap:wrap;justify-content:center}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOutIn{0%{opacity:1}50%{opacity:0}to{opacity:1}}body{background-attachment:fixed;background-image:linear-gradient(180deg,#272935,#16171d);background-size:cover}h1,h2,h3{color:#e6e6e6;font-family:Orbitron}@media screen and (max-width:768px){h1,h2,h3{font-size:1.1rem!important}}h4,h5{color:#e6e6e6}.multiselect__single,.yoyformmessage,a,button,h4,h5,input,label,span,td,textarea,th{font-family:Montserrat!important}i.fas:not(:last-child){margin-right:10px}.has-icon-left>input{padding-left:40px!important}.tag{color:#e6e6e6}a{overflow:hidden}a,a span{color:#4096cc;text-overflow:ellipsis}a span{width:auto}a:hover,a:hover span{color:#60a8d5}a:visited{color:#3081b3}a:visited span{color:#e6e6e6}.content-lesson-box{display:flex;flex-direction:row;width:100%}.multiselect__element{display:block;z-index:999!important}.dialog{font-family:Montserrat;font-weight:700;text-align:center}.btn-filter{background-color:rgba(22,23,29,.5);border:thin solid #d2d2d2;border-radius:5px;color:#e6e6e6;cursor:pointer;flex-direction:row;height:30px;justify-content:center;padding:0;text-align:center;-moz-text-align-last:center;text-align-last:center;width:35px}.btn-filter,.search-box{align-items:center;display:flex}.search-box{position:relative;width:100%}.search-input{border:1px solid #e6e6e6;border-radius:10px 0 0 10px;border-right:none;font-size:12pt;height:40px!important;margin-bottom:0!important;padding:10px;width:100%}.search-button,.search-input{background:none;color:#e6e6e6;outline:none}.search-button{border:1px solid #e6e6e6;border-radius:0 10px 10px 0;cursor:pointer;font-size:20px;height:40px;text-align:center;width:40px}.singleFilter{align-content:center;display:flex;flex-direction:row;padding-right:2rem;width:35%}.singleFilter input{background-color:transparent;border:1px solid #e6e6e6;border-radius:5px;box-sizing:border-box;color:#e6e6e6;font-family:inherit;font-size:14pt;height:2rem;line-height:1.15;margin:0;overflow:hidden}.singleFilter input:-moz-placeholder,.singleFilter input::-moz-placeholder{color:#e6e6e6}.singleFilter input:-ms-input-placeholder{color:#e6e6e6}.is-rounded{border-radius:50%}.yoygradient{background:linear-gradient(0deg,gray,transparent);height:100%;mix-blend-mode:hard-light;position:absolute;width:100%}.yoyfadein{transition:opacity 1s;-webkit-transition:opacity 1s}.hide,.yoyfadein{opacity:0}.yoypadding{padding:10px}.yoypaddingX{padding-left:30px!important;padding-right:30px!important}.yoymargin{margin:5px}.yoyprogressbarcontainer{background-color:#7e7e7e;border-radius:2px;bottom:0;left:0;position:absolute;width:100%}.yoyprogressbarcontainer .yoyprogressbar{background-color:#09a530;border-radius:2px;height:5px}.yoymessage{color:#d2d2d2;font-family:Roboto;font-size:small;font-style:italic;text-align:center}img.is-tiny{height:35px;min-height:35px;min-width:35px;width:35px}img.is-tiny-table{border-radius:10px;height:25px;width:25px}.yoymenuextralink{color:#4096cc;cursor:pointer;font-weight:700;margin-right:10px;text-align:right}.yoymenuextralink img{height:40px}input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:thin solid #d2d2d2;border-radius:5px;height:20px;margin-left:10px;margin-right:10px;padding:0;text-align:center;width:20px}.icp__input[data-v-512dc202]{border:thin solid!important;border-color:#e6e6e6}.has-icons{width:100%}.has-icons input{padding-left:40px!important}.is-left{padding:9px 9px 9px 12px;position:absolute}.is-right{margin:5px}.yoyformcolumns{align-items:flex-start;display:flex;flex-direction:row;justify-content:space-between;position:relative;width:100%}.yoyformcolumns>.flexColForm{align-items:center;display:flex;flex-direction:column;justify-content:center;min-width:300px;width:49%}.yoynavigation{align-content:center;align-items:center;background-color:#16171d;border-radius:5px;display:flex;flex-direction:row;justify-content:space-between;margin-bottom:10px;min-height:auto;overflow:visible;padding:10px;position:relative;width:100%}.yoynavigation h1,.yoynavigation h2,.yoynavigation h3,.yoynavigation span{color:#e6e6e6;margin:5px;min-width:auto}.yoynavigation h1 strong,.yoynavigation h2 strong,.yoynavigation h3 strong,.yoynavigation span strong{color:#fafafa}.yoynavigation h2{font-size:1.1rem;font-weight:700}.yoynavigation img{max-height:40px;max-width:80%}.yoypagination{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;text-align:center}.yoypagination .yoybutton{height:auto;margin:3px;padding:5px;width:auto}.yoyinfocontainer{align-items:flex-start;background-color:#272935;border-bottom-left-radius:5px;border-bottom-right-radius:5px;display:flex;flex-direction:column;justify-content:flex-start;margin-bottom:10px;padding:10px;position:relative;width:100%}.yoylogin .yoyinfocontainer{border-top-left-radius:5px;border-top-right-radius:5px}.yoyloadingwrapper{align-items:center;border-radius:5px;display:flex;flex-direction:column;justify-content:center;margin-bottom:10px;min-width:0;padding-top:10px;position:relative;width:100%}.yoyloadingwrapper span{color:#e6e6e6}.yoygravatar-big{align-items:center;display:flex;flex-direction:column;margin:20px}.yoygravatar-big img{max-width:100%}.yoygravatar-big span{font-size:1.25rem!important;font-weight:700!important}.itemTitle{font-size:18pt}.yoycontent{border-radius:5px;flex:2 1 auto;min-width:0;overflow-x:auto;overflow-y:auto;padding-top:10px;position:relative;width:100%}.yoycontent a{align-items:center;display:flex;justify-content:center}.yoycontent select{border:1px solid #e6e6e6;width:100%}.yoycontent:last-child{margin-bottom:0}.need:after{color:#ff5449;content:"*"}.yoynotfound{border:3px dashed #3081b3;height:50px;margin:10px;width:50px}.yoycategoryitem{align-items:center;border-color:#d2d2d2;border-radius:10px;border-width:thin;color:#e6e6e6;display:flex;flex-direction:row;font-family:Roboto;font-size:small;justify-content:center;margin:2px;padding:2px}.yoycategoryitem.removable{background-color:#3081b3;cursor:pointer}.yoycategoryitem.removable:hover{background-color:#ff5449}.yoylabelscontainerwrapper{margin-bottom:50px;position:relative;width:100%}.yoylabelscontainerwrapper .yoyfilter,.yoylabelscontainerwrapper .yoyform{margin-bottom:-5px}.yoyitembox{margin-bottom:10px;margin-right:10px}.yoybuttonrowcontainer{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-evenly}.yoybuttonrowcontainer .yoybutton{height:auto;margin-bottom:3px;width:auto}.yoyisuppercase{text-transform:uppercase!important}.padding-cero{padding-left:0!important;padding-right:0!important}.yoyhelpcontent{z-index:300}.yoymodalwrapper{z-index:400}#yoyDialogContainer{z-index:1000}.header-panel{background-color:#4096cc!important;width:100%}.lang-options{width:20px!important}.yoy-input-file{align-content:center;background-color:#000;border:1px solid #e6e6e6;border-radius:5px;box-sizing:border-box;color:#e6e6e6;font-size:1rem;height:40px;margin-bottom:7px;overflow:hidden;width:100%}.button-yoy-file input[type=file]{visibility:collapse}.button-yoy{align-items:center;background:linear-gradient(to bottom right,#4096cc 49%,#3278a3 50%);border:none;color:#fff;cursor:pointer;display:flex;font-size:1rem;height:50px;justify-content:left;line-height:1;margin-bottom:15px;padding-left:10px;position:relative;text-decoration:none;transform:rotate(0deg);width:180px}.button-yoy.is-circle-button{height:25px;width:25px}.button-yoy.is-small{justify-content:center;width:45px}.button-yoy.is-one-third{width:30%}.button-yoy.is-one-f{width:20%}.button-yoy.is-centered{justify-content:center}.button-yoy.tagged-button{height:35px}.button-yoy.banner-btn{min-width:200px}.button-yoy.is-purple{background:linear-gradient(to bottom right,#c040cc 49%,#8332a3 50%)!important}.button-yoy.is-purple.has-hover:hover{background:linear-gradient(to bottom right,#8332a3 49%,#c040cc 50%)!important}.button-yoy.is-success{background:linear-gradient(to bottom right,#49cc40 49%,#27a854 50%)!important}.button-yoy.is-success,.button-yoy.is-success.has-hover:hover{text-shadow:-1px -1px 0 #32892b,1px -1px 0 #32892b,-1px 1px 0 #32892b,1px 1px 0 #32892b}.button-yoy.is-success.has-hover:hover{background:linear-gradient(to bottom right,#27a854 49%,#49cc40 50%)!important}.button-yoy.is-warning{background:linear-gradient(to bottom right,#ccc540 49%,#f1e834 50%)!important;text-shadow:-1px -1px 0 #918c21,1px -1px 0 #918c21,-1px 1px 0 #918c21,1px 1px 0 #918c21}.button-yoy.is-warning.has-hover:hover{background:linear-gradient(to bottom right,#f1e834 49%,#ccc540 50%)!important}.button-yoy.is-danger{background:linear-gradient(to bottom right,#cc4040 49%,#a82727 50%)!important}.button-yoy.is-danger.has-hover:hover{background:linear-gradient(to bottom right,#a82727 49%,#cc4040 50%)!important}.button-yoy.is-blue{background:linear-gradient(to bottom right,#4463ec 49%,#3238a3 50%)!important}.button-yoy.is-blue.has-hover:hover{background:linear-gradient(to bottom right,#3238a3 49%,#4463ec 50%)!important}.button-yoy.is-dark{background:linear-gradient(to bottom right,#0b0f25 49%,#444 50%)!important}.button-yoy.is-dark.has-hover:hover{background:linear-gradient(to bottom right,#444 49%,#0b0f25 50%)!important}.button-yoy.is-disabled{background:linear-gradient(to bottom right,#373738 49%,#444 50%)!important}.button-yoy.is-disabled.has-hover:hover{background:linear-gradient(to bottom right,#444 49%,#373738 50%)!important}.button-yoy.is-primary{background:linear-gradient(to bottom right,#4096cc 49%,#3278a3 50%)!important;text-shadow:-1px -1px 0 #204f6c,1px -1px 0 #204f6c,-1px 1px 0 #204f6c,1px 1px 0 #204f6c}.button-yoy.is-primary.has-hover:hover{background:linear-gradient(to bottom right,#3278a3 49%,#4096cc 50%)!important}.button-yoy.is-orange{background:linear-gradient(to bottom right,#ff9500 49%,#ffab24 50%)!important}.button-yoy.is-orange.has-hover:hover{background:linear-gradient(to bottom right,#ffab24 49%,#ff9500 50%)!important}.button-yoy:hover{background:linear-gradient(to bottom right,#ff9500 49%,#ffab24 50%);border-color:#ff0;border-width:5px}.button-yoy i{color:#fff;margin-right:10px}.button-yoy span{align-items:center;color:azure;display:flex;font-family:Font Awesome\ 5 Free;font-weight:900}.button-yoy .bubble{background-color:#fff;border-radius:5px;box-shadow:0 2px 4px rgba(0,0,0,.1);color:#333;display:none;padding:5px 10px;position:absolute;top:-30px;z-index:1}.button-yoy .bubble:hover .bubble{display:block}.button-sidebar-active{background:linear-gradient(to bottom right,#ff6700 49%,#ff7c24 50%)}.filter-scale-down-vertical-top{animation:scale-down-vertical-top .2s}@keyframes filter-scale-down-vertical-top{0%{transform:scaleY(1);transform-origin:center top}to{transform:scaleY(.3);transform-origin:center top}}.filter-scale-up-vertical-top{animation:scale-up-vertical-top .2s linear}@keyframes filter-scale-up-vertical-top{0%{transform:scaleY(.4);transform-origin:center top}to{transform:scaleY(1);transform-origin:center top}}.mx-datepicker-range{max-width:220px!important}.yoyform-modal{display:flex;flex-direction:column;justify-content:flex-start;position:relative;width:100%}.tag-yoy,.yoyform-modal{align-items:center;background-color:red}.tag-yoy{border-radius:20px;display:inline-flex;font-size:1rem;height:2em;justify-content:center;line-height:1.5;padding-left:.75em;padding-right:.75em;white-space:nowrap}.tag-yoy.is-student{background:linear-gradient(to bottom right,#ccc540 49%,#f1e834 50%)!important;text-shadow:-1px -1px 0 #373738,1px -1px 0 #373738,-1px 1px 0 #373738,1px 1px 0 #373738}.tag-yoy.is-assistant{background:linear-gradient(to bottom right,#373738 49%,#444 50%)!important}.tag-yoy.is-instructor{background:linear-gradient(to bottom right,#49cc40 49%,#27a854 50%)!important}.lessons-box{justify-content:flex-start}.lessons-box h1{font-size:1.5rem}@media screen and (max-width:450px){.box-resume{display:none!important}}.config-content{width:65%!important}@media screen and (max-width:450px){.config-content{width:100%!important}}.config-report-list{width:25%!important}@media screen and (max-width:450px){.config-report-list{width:100%!important}}.config-report-form{width:75%!important}@media screen and (max-width:450px){.config-report-form{width:100%!important}.yoytablehead{display:none}}.time-box{align-items:center;color:#e6e6e6;display:flex;flex-direction:column}.graph-box,.progress-box{align-items:center;display:flex;flex-direction:column;margin:10px}.graph-box{color:azure;width:50%}.lang-menu{position:relative}.lang-menu:hover ul{display:block;margin-bottom:10px;min-width:100%!important}.lang-menu ul{background-color:#16171d;border:1px solid #f8f8f8;border-radius:5px;box-shadow:0 1px 10px rgba(0,0,0,.2);display:none;margin:0;padding:0;position:absolute;right:0;width:125px;z-index:999}.lang-menu ul li{display:flex;justify-content:space-between;list-style:none;text-align:left}.lang-menu ul li:hover{background-color:#2e303d!important}.lang-menu ul li a{display:block;padding:5px 10px;text-decoration:none;width:125px}.lang-menu ul li a:before{background-repeat:no-repeat;background-size:contain;content:"";display:inline-block;height:25px;margin-right:10px;vertical-align:middle;width:25px}.yoyboxs{align-items:flex-start;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}.yoyboxs .yoyitem{border:solid #383b4d;border-radius:5px;cursor:pointer;height:310px;margin-bottom:10px;margin-right:10px;overflow:hidden;position:relative;width:240px}.yoyboxs .yoyitem .yoyitemimg{background-color:#fff;border-radius:5px;height:240px;min-height:240px;-o-object-fit:contain;object-fit:contain;width:100%}.yoyboxs .yoyitem .yoyitemlabel{padding-left:10px;padding-right:10px;width:100%}.yoyboxs .yoyitem .yoyitemlabel a,.yoyboxs .yoyitem .yoyitemlabel span{max-height:60px;overflow:hidden;text-overflow:ellipsis}.yoyboxs .yoyitem .userroleimg{border-radius:5px;bottom:70px;height:30px;position:absolute;right:10px}.yoyboxs .yoyitem .alarm{height:30px;left:10px;position:absolute;top:10px}.yoyboxs .yoyitem .alarm i,.yoyboxs .yoyitem .alarm span{z-index:1}.yoyboxs .yoyitem .yoyitemmodal{border-radius:5px;position:absolute;right:0;top:5px;transition:.2s ease}.yoyboxs .yoyitem .yoyitem:hover .yoyitemimg{filter:grayscale(100%)}.yoyboxs .yoyitem .yoyitem:hover .yoyitemmodal{opacity:1}.yoyboxs .yoyitem .yoyitem.warning{border:2px solid #ffdd57}.yoyboxs .yoyitem .yoyitem.finished{border:2px solid #ff1f4f}.yoymenu{background-image:linear-gradient(180deg,#272935,#16171d);height:100%;padding:10px;z-index:350}.yoymenu .fas{font-size:1.6em}.yoymenu .yoymenuclose{align-self:flex-start;border:thin solid #e6e6e6;border-radius:5px;color:#e6e6e6;cursor:pointer;padding:10px}.yoymenu .yoymenuclose:hover{border-color:#4096cc;color:#4096cc}.yoymenu .yoymenuclose *{border-color:#e6e6e6;color:#e6e6e6}.yoymenu .yoymenuclose:hover *{border-color:#4096cc;color:#4096cc}.yoymenu .yoylogo{align-self:flex-end;height:60px;margin-bottom:10px;width:100%}.yoymenu .yoylogo img{height:30px;width:155px}.yoymenu .yoymenubutton{align-items:center;border:thin solid #d2d2d2;border-radius:25px;color:#e6e6e6;cursor:pointer;display:flex;flex-direction:row;height:60px;margin-top:10px;padding:10px;text-decoration:none;width:100%}.yoymenu .yoymenubutton .fas{font-size:1.5em!important}.yoymenu .yoymenubutton:hover{border-color:#60a8d5;color:#60a8d5}.yoymenu .yoymenubutton.is-active{border-color:#4096cc;color:#4096cc;cursor:default}.yoymenu .yoymenubutton.is-active span{color:#4096cc}.yoymenu .yoymenusmall{height:40px;margin-top:0;width:40px}.yoytabs{-webkit-overflow-scrolling:touch;align-items:stretch;display:flex;font-size:1rem;justify-content:space-between;overflow:hidden;overflow-x:auto;white-space:nowrap}.yoytabs a{align-items:center;border-bottom:3px solid #dbdbdb;color:#4a4a4a;display:flex;justify-content:center;margin-bottom:-1px;padding:.5em 1em;vertical-align:top}.yoytabs a:hover{border-bottom-color:#4096cc;color:#4096cc;cursor:pointer}.yoytabs li{display:block;width:auto}.yoytabs li.is-active a{border-bottom:3px solid #3081b3;color:#3081b3}.yoytabs ul{align-items:center;border-bottom:1px solid #dbdbdb;display:flex;flex-grow:1;flex-shrink:0;justify-content:flex-start}.yoytabs ul.is-left{padding-right:.75em}.yoytabs ul.is-center{flex:none;justify-content:center;padding-left:.75em;padding-right:.75em}.yoytabs ul.is-right{justify-content:flex-end;padding-left:.75em}.yoytabs .icon:first-child{margin-right:.5em}.yoytabs .icon:last-child{margin-left:.5em}.yoytabs.is-centered ul{justify-content:center}.yoytabs.is-right ul{justify-content:flex-end}.yoytabs.is-boxed a{border:1px solid transparent;border-radius:4px 4px 0 0}.yoytabs.is-boxed a:hover{background-color:#f5f5f5;border-bottom-color:#dbdbdb}.yoytabs.is-boxed li.is-active a{background-color:#fff;border-color:#dbdbdb;border-bottom-color:transparent!important}.yoytabs.is-fullwidth li{flex-grow:1;flex-shrink:0}.yoytabs.is-toggle a{border:1px solid #dbdbdb;margin-bottom:0;position:relative}.yoytabs.is-toggle a:hover{background-color:#f5f5f5;border-color:#b5b5b5;z-index:2}.yoytabs.is-toggle li+li{margin-left:-1px}.yoytabs.is-toggle li:first-child a{border-radius:4px 0 0 4px}.yoytabs.is-toggle li:last-child a{border-radius:0 4px 4px 0}.yoytabs.is-toggle li.is-active a{background-color:#3273dc;border-color:#3273dc;color:#fff;z-index:1}.yoytabs.is-toggle ul{border-bottom:none}.yoytabs.is-toggle.is-toggle-rounded li:first-child a{border-bottom-left-radius:290486px;border-top-left-radius:290486px;padding-left:1.25em}.yoytabs.is-toggle.is-toggle-rounded li:last-child a{border-bottom-right-radius:290486px;border-top-right-radius:290486px;padding-right:1.25em}.yoytabs.is-small{font-size:.75rem}.yoytabs.is-medium{font-size:1.25rem}.yoytabs.is-large{font-size:1.5rem}.contentLogin{width:50%!important}@media screen and (max-width:450px){.contentLogin{width:100%!important}}.yoyforgetpassword,.yoylogin{align-items:center;border-top:thick solid #4096cc;display:grid;flex-direction:column;grid-template-areas:"header" "main" "footer";grid-template-columns:1fr;grid-template-rows:auto 1fr auto;height:100vh;justify-content:center;min-height:100vh;padding:10px;position:relative;width:100vw}@media screen and (min-width:750px){.yoyforgetpassword,.yoylogin{padding-left:0!important;padding-right:0!important}}.yoyforgetpassword .yoymenuextralink,.yoylogin .yoymenuextralink{align-self:flex-start;grid-area:header}.yoyforgetpassword .formBox,.yoylogin .formBox{padding-left:0!important;padding-right:0!important}@media screen and (min-width:750px){.yoyforgetpassword main,.yoylogin main{width:600px}}@media screen and (max-width:750px){.yoyforgetpassword main,.yoylogin main{display:flex;grid-area:main;justify-self:center;margin-bottom:50px;padding:0!important;width:90%}}.yoyforgetpassword main #yoyaccounttext,.yoylogin main #yoyaccounttext{color:#e6e6e6;text-align:center}@media screen and (min-width:750px){.yoyforgetpassword main #yoyaccounttext,.yoylogin main #yoyaccounttext{font-size:30px}}@media screen and (max-width:750px){.yoyforgetpassword main #yoyaccounttext,.yoylogin main #yoyaccounttext{font-size:20px;margin-bottom:35px;margin-top:20px}}.yoyforgetpassword main #passwordrecoverytext,.yoylogin main #passwordrecoverytext{color:#e6e6e6;margin-bottom:5px}.yoyforgetpassword main .coloremboss,.yoylogin main .coloremboss{margin-bottom:5px}.yoyforgetpassword main #explanation,.yoylogin main #explanation{width:70%}@media screen and (max-width:750px){.yoyforgetpassword main #explanation,.yoylogin main #explanation{display:none!important}}.yoyforgetpassword main .yoyform,.yoylogin main .yoyform{width:70%}@media screen and (max-width:750px){.yoyforgetpassword main .yoyform,.yoylogin main .yoyform{width:100%}}.yoyforgetpassword main .yoyform #loginContent,.yoylogin main .yoyform #loginContent{margin:0;padding:0;width:100%;z-index:10}.yoyforgetpassword main .yoyform #loginContent .yoybutton,.yoylogin main .yoyform #loginContent .yoybutton{margin-top:10px}.yoyforgetpassword main .yoyform #loadingScreen,.yoylogin main .yoyform #loadingScreen{height:0;opacity:0;position:relative;top:50%;z-index:0}.yoyforgetpassword main .new-field,.yoylogin main .new-field{height:45px;margin:0;padding:0;width:100%}@media screen and (max-width:750px){.yoyforgetpassword footer,.yoylogin footer{bottom:10px;display:none;grid-area:footer;position:fixed;right:10px}}.yoyforgetpassword a,.yoyforgetpassword a:active,.yoyforgetpassword a:hover,.yoyforgetpassword a:visited,.yoylogin a,.yoylogin a:active,.yoylogin a:hover,.yoylogin a:visited{backface-visibility:hidden;position:relative;text-decoration:none}.yoyforgetpassword .fade-in,.yoylogin .fade-in{animation:fadeIn .5s ease;-webkit-animation:fadeIn .5s ease;-moz-animation:fadeIn .5s ease;-o-animation:fadeIn .5s ease;-ms-animation:fadeIn .5s ease}.yoyforgetpassword .fade-out,.yoylogin .fade-out{animation:fadeOut .5s ease;-webkit-animation:fadeOut .5s ease;-moz-animation:fadeOut .5s ease;-o-animation:fadeOut .5s ease;-ms-animation:fadeOut .5s ease}.yoyforgetpassword .fade-out-in,.yoylogin .fade-out-in{animation:fadeOutIn 1s ease;-webkit-animation:fadeOutIn 1s ease;-moz-animation:fadeOutIn 1s ease;-o-animation:fadeOutIn 1s ease;-ms-animation:fadeOutIn 1s ease}.yoyforgetpassword .yoylink img,.yoylogin .yoylink img{height:40px}.yoyforgetpassword img.logo,.yoylogin img.logo{width:70%}@media screen and (max-width:450px){.yoyforgetpassword img.logo,.yoylogin img.logo{width:60%!important}}.yoyforgetpassword .icon-fix,.yoylogin .icon-fix{font-size:1.2rem}.yoyforgetpassword h1,.yoylogin h1{font-size:1.5rem;font-weight:500}.yoyforgetpassword h2,.yoylogin h2{font-size:2rem;font-weight:500}.yoyforgetpassword .fa-lock,.yoyforgetpassword .fa-user,.yoylogin .fa-lock,.yoylogin .fa-user{color:#e6e6e6}.yoyforgetpassword .yoyform,.yoylogin .yoyform{border-top:thick solid #4096cc;width:50%}.yoyforgetpassword .yoyform>div,.yoylogin .yoyform>div{margin-bottom:10px}.yoyforgetpassword .yoybutton,.yoylogin .yoybutton{width:100%}.yoyforgetpassword .loginextrabuttons,.yoylogin .loginextrabuttons{align-items:center;display:flex;justify-content:space-around;text-align:center;width:-moz-fit-content;width:fit-content}.yoyforgetpassword .loginextrabuttons a,.yoylogin .loginextrabuttons a{cursor:pointer;width:100%}.yoyforgetpassword .loginextrabuttons i,.yoylogin .loginextrabuttons i{margin-right:5px}.box-button1{align-items:center;display:flex;justify-content:center;width:100%}.box-button1 a{color:#4096cc!important;font-size:1.1rem;text-decoration:none;transition:font-size .25s ease}.box-button1:hover>*{color:azure!important;transform:scale(.9);transition:.1s}.box-button1:not(:hover)>*{color:#4096cc!important;transform:scale(1);transition:.1s}.separator{border-bottom:1px solid #4c7fa5;height:1px;visibility:visibility;width:100%}@media screen and (min-width:750px){.separator{margin-bottom:30px!important;margin-top:29px}}@media screen and (max-width:750px){.separator{margin-bottom:11px!important;margin-top:10px}}@media screen and (min-width:750px){p{font-weight:700}.font-redirect:hover{color:#fff}a:hover{color:#e6e6e6}a.after:after,a.before:before{backface-visibility:hidden;background:#fff;content:"";height:5px;height:.35rem;position:absolute;transition:all .5s ease;width:0}a.before:before{top:-.25em}a.after:after{bottom:-.25em}a.first:after{left:0}}.yoytable{border-radius:5px;max-width:100%;min-height:35px;position:unset;table-layout:fixed;width:100%;z-index:1}.yoytable .yoytablehead{background-color:#3081b3;border-top-left-radius:5px;border-top-right-radius:5px;font-size:1rem;min-height:50px;position:sticky;top:0;z-index:1}.yoytable .yoytablehead .header-box{align-items:flex-start;max-width:200px;padding-left:30px}.yoytable .yoytablehead th{align-items:center}.yoytable .yoytablehead span{font-weight:700;white-space:break-spaces!important}.yoytable .yoytablehead span i{margin-right:6px}.yoytable tr{align-content:center;align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;margin-bottom:10px}.yoytable .yoytablerow:nth-child(2n){background-color:#16171d}.yoytable .yoytablerow:nth-child(odd){background-color:#272935}.yoytable .yoytablerow{font-size:1rem;min-height:40px}.yoytable .yoytablerow:hover{background-color:#383b4d}.yoytable td,.yoytable th{align-items:center;border-width:0;color:#e6e6e6;display:flex;flex:1 1 0px;flex-direction:column;flex-wrap:nowrap;justify-content:space-between;padding-left:10px}.yoytable td span,.yoytable th span{color:#e6e6e6;max-width:100%;overflow:hidden;text-overflow:ellipsis}.yoytable td button,.yoytable td span,.yoytable th button,.yoytable th span{padding:3px 10px}.yoytable td:last-child,.yoytable th:last-child{padding-right:10px}.yoytable .yoyitem{align-items:center;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:space-between;max-width:100%;overflow:hidden;text-overflow:ellipsis}.yoytable-body{max-height:150px!important;overflow-y:auto}.yoytable-header{background-color:#3081b3;position:sticky;top:0;z-index:2}@media screen and (max-width:768px){.yoytable-header{display:none!important}.yoytable-mobile-box{height:30vh!important}}.yoystats{background:#16171d!important;border-radius:5px;margin:15px;padding:8px}.yoystats .calendar,.yoystats h1{margin-bottom:4px}.yoystats .worldclass{align-items:center;display:flex;justify-content:center}@media screen and (min-width:1500px){.yoystats .worldclass{flex-direction:row}}@media screen and (max-width:1500px){.yoystats .worldclass{flex-direction:column}}.yoystats .worldclass div{width:100%}.yoystats .mb-4{flex-direction:column}.yoystats .mb-4,.yoystatsrow{align-items:center;display:flex}.yoystatsrow{width:100%}@media screen and (min-width:1200px){.yoystatsrow{flex-direction:row}.yoystatsrow .yoystats{width:50%}}@media screen and (max-width:1200px){.yoystatsrow{flex-direction:column}.yoystatsrow .yoystats{width:100%}}.yoystatsgrid{display:grid;grid-template-rows:auto auto auto}.yoystatsgrid .yoygridrow{display:flex;flex-wrap:wrap;justify-content:center}.yoylayout{display:grid;grid-template-areas:"header" "main" "footer";grid-template-columns:1fr;grid-template-rows:auto 1fr auto;margin:0;min-height:100vh;padding:0}.yoylayout header{border:thin solid #e6e6e6;border-bottom-left-radius:5px;border-bottom-right-radius:5px;border-top-width:0;grid-area:header;margin-left:10%;min-height:70px;padding:10px;width:80%}.yoylayout header .menu-icon{cursor:pointer;font-size:2em;width:100px}.yoylayout .yoymain{display:grid;grid-area:main;grid-template-areas:"sidebar main";grid-template-columns:auto 1fr;grid-template-rows:auto;height:100%;overflow-x:hidden;overflow-y:hidden;position:relative;width:100%}.yoylayout .yoymain .sidebar{grid-area:sidebar;height:100%;overflow:hidden;overflow-y:auto}.yoylayout .yoymain .sidebar .support{align-self:center;margin-bottom:10px}.yoylayout .yoymain main{grid-area:main;overflow-x:auto;padding-left:10px;padding-right:10px;padding-top:10px}.yoylayout footer{grid-area:footer;padding-right:10px;width:100%}.yoymenu{width:200px}.yoymenu .fas{font-size:1rem!important}@media only screen and (min-width:750px){header{display:none}.yoymenu .lang-menu ul{bottom:30px}.yoylogin>.yoycontent{margin-top:100px;width:60%}.loginextrabuttons{flex-direction:row}.loginextrabuttons>div{flex:1 1 0px;margin-left:10px;margin-right:10px}.yoymodalpanel{height:90%;width:90%}.yoymodalcard{height:463.5352286774px;width:750px}.yoymodalcard h1,.yoymodalcard h2,.yoymodalcard h3{max-width:50%}.yoymodalcard.vertical{height:487.5px;width:750px}.yoyhideondesktop{display:none!important}.yoynavigation:first-child{height:60px}.yoytable .yoytablerow{border-radius:15px;border-width:0 0 thin}.yoytable td{overflow:hidden;text-overflow:ellipsis}.yoytable .yoyitem{font-size:1rem;margin:8px;text-align:center;width:100%}.yoytable .yoyitem span.foldable{width:250px}.yoytabcontainer .yoytab{border-bottom-color:#16171d;flex:1 1 0px;height:70px}.yoytabcontainer .yoytab.active{align-content:center;border-bottom-color:#16171d;border-color:#3081b3!important;border-width:2px;color:#3081b3!important;font-weight:700}.yoytabcontainer .yoytab:hover{border-bottom-color:#16171d}.yoytabcontainer .yoytab.active:hover{color:#3081b3!important}.yoyaccordeon h1 .secondary-size,.yoyaccordeon h2 .secondary-size,.yoyaccordeon h3 .secondary-size{width:350px}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-thumb{background:gray;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#3081b3}::-webkit-scrollbar-thumb:active{background:#276a93}}@media only screen and (max-width:750px){.lang-menu{color:#e6e6e6}header .lang-menu ul{top:30px}.yoyhideonmobile{display:none!important}.yoymenu{border-right-width:thin;border-style:solid;left:0;left:-70vw;max-width:50px;overflow:hidden;position:fixed;top:0;transition:all .5s ease-out;width:70vw}.yoymenu .lang-menu,.yoymenu .support-button{display:none}.yoymenu.expanded{left:0;max-width:-moz-min-content;max-width:min-content}.yoylogin>.yoycontent{width:90%}.loginextrabuttons,.yoyfilter{flex-direction:column}.yoyfilter>div{width:100%}.yoymodalpanel{height:95%;width:95%}.yoymodalcard{height:80%;width:80%}.yoyshowhidecontainer .yoyhelpcontainer{margin-right:45px}.yoybutton{width:95%}.yoyaccordeon h1 .secondary-size,.yoyaccordeon h2 .secondary-size,.yoyaccordeon h3 .secondary-size{width:280px}.yoytable .yoytablehead{display:none}.yoytable .yoytablerow{border-radius:30px;border-width:thin;display:flex;flex-direction:column;max-height:auto!important}.yoytable .yoytablerow td{align-items:center;display:flex;flex-direction:row;justify-content:space-between;max-width:100%!important;width:100%!important}.yoytable .yoytablerow td span.foldable{width:100px}.yoytable .yoytablerow td .yoyitem{text-align:right}.yoytable .yoytablerow td:before{content:attr(data-yoytablehead);font-size:small;font-style:italic;font-weight:lighter;padding-left:10px}.yoytabcontainer .yoytabtop{order:-1}.yoytabcontainer .yoytabtop .yoytabdropicon{display:flex}.yoytabcontainer .yoytab{width:100%}input[type=checkbox]:checked~.yoytabcontainer{max-height:none;overflow-y:visible}input[type=checkbox]:checked~.yoytabcontainer .yoytabdropicon{display:none}}.columnYoy{display:flex}@media screen and (min-width:1000px){.boxContent{flex-direction:column}.columnYoy{flex-direction:row;width:100%}}@media screen and (max-width:1000px){.boxContent{flex-direction:row}.columnYoy{flex-direction:column;width:100%}.formMobile{height:55vh;overflow-y:scroll}.pinSync input[type=tel]{height:70px!important;width:70px!important}}@media screen and (max-width:768px){.yoytablerow,td{align-items:center}td{flex-direction:column;margin-bottom:15px}span.foldable{width:auto}.yoyitem{text-align:center}}.inputFile,.yoybutton,.yoysecondarybutton{background-color:#4096cc;border-color:#4096cc;border-radius:25px;color:#e6e6e6;font-size:15px;height:50px;min-height:50px;min-width:30%;position:relative}.inputFile.yoysecondarybutton,.yoybutton.yoysecondarybutton,.yoysecondarybutton.yoysecondarybutton{align-items:center;background-color:transparent;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:row;font-weight:700;justify-content:center;margin-bottom:10px;margin-right:5px;overflow:hidden;text-align:center;text-decoration:none;transition:color .2s,background-color .2s}.inputFile .fas,.inputFile span,.yoybutton .fas,.yoybutton span,.yoysecondarybutton .fas,.yoysecondarybutton span{color:#e6e6e6;position:relative}.inputFile:hover,.yoybutton:hover,.yoysecondarybutton:hover{background-color:#60a8d5;color:#fafafa}.inputFile:hover span,.yoybutton:hover span,.yoysecondarybutton:hover span{color:#fafafa}.inputFile:disabled,.yoybutton:disabled,.yoysecondarybutton:disabled{background-color:#7e7e7e;cursor:default}.inputFile:focus,.yoybutton:focus,.yoysecondarybutton:focus{background-color:#60a8d5;border-color:#60a8d5;outline:thin solid #3081b3}.inputFile:visited,.inputFile:visited span,.yoybutton:visited,.yoybutton:visited span,.yoysecondarybutton:visited,.yoysecondarybutton:visited span{color:#e6e6e6}.yoybutton.is-danger:focus,.yoybutton.is-warning:focus{outline:unset}.yoybutton.is-warning{background-color:transparent;border-color:#d1b82d;border-width:medium;color:#d1b82d}.yoybutton.is-warning .fas,.yoybutton.is-warning span{color:#d1b82d}.yoybutton.is-warning:hover{background-color:#d1b82d;color:#e6e6e6}.yoybutton.is-warning:hover .fas,.yoybutton.is-warning:hover span{color:#e6e6e6}.yoybutton.is-primary{background-color:transparent;border-color:#4096cc;border-width:medium;color:#4096cc}.yoybutton.is-primary .fas,.yoybutton.is-primary span{color:#4096cc}.yoybutton.is-primary:hover{background-color:#4096cc;color:#e6e6e6}.yoybutton.is-primary:hover .fas,.yoybutton.is-primary:hover span{color:#e6e6e6}.yoybutton.is-success{background-color:#09a530;border-color:#09a530;border-width:medium;color:#09a530}.yoybutton.is-success .fas,.yoybutton.is-success span{color:#e6e6e6}.yoybutton.is-success:hover{background-color:#0bcc3b;color:#e6e6e6}.yoybutton.is-success:hover .fas,.yoybutton.is-success:hover span{color:#e6e6e6}.yoybutton.is-danger{background-color:transparent;border-color:#ff5449;border-width:medium;color:#ff5449}.yoybutton.is-danger .fas,.yoybutton.is-danger span{color:#ff5449}.yoybutton.is-danger:hover{background-color:#ff5449;color:#e6e6e6}.yoybutton.is-danger:hover .fas,.yoybutton.is-danger:hover span{color:#e6e6e6}.yoybutton.is-small{border-width:thin;font-size:large;height:45px;min-height:45px;min-width:45px;width:45px}.yoybutton.is-tiny{height:35px;min-height:35px;min-width:35px;width:35px}.yoybutton.is-big-font{border-width:thin;font-size:x-large;height:auto;min-height:auto;padding:1px;width:auto}.yoybutton.is-big-font .fas{margin:0 3px}.yoytablerow .yoybutton{margin-bottom:0}.inputFile{border:outset;border-color:#4096cc}.inputFile:active{border:inset;border-color:#4096cc}.label{color:#666;font-family:Source Sans Pro,sans-serif;font-size:14px;margin-left:15px}.main-section{margin:0 auto;padding:0 5px;text-align:center;width:100%}.dashboard{background-color:#34495e;color:#fff;display:inline-block;margin-top:50px;width:70%}.icon-section i{background-color:#34495e;border:1px solid #fff;border-radius:50%;font-size:30px;margin-bottom:10px;margin-top:-25px;padding:10px}.icon-section p{font-size:20px;margin:0;padding-bottom:10px}.detail-section{background-color:#2f4254;padding:5px 0}.dashboard .detail-section:hover{background-color:#5a5a5a;cursor:pointer}.detail-section a{color:#fff;text-decoration:none}.dashboard-red .icon-section,.dashboard-red .icon-section i{background-color:#e74c3c}.dashboard-red .detail-section{background-color:#cf4436}.dashboard-green .icon-section,.dashboard-green .icon-section i{background-color:#16a085}.dashboard-green .detail-section{background-color:#149077}.help-icon{background-color:#4a4a4a;border-radius:30px;color:#fff;width:30px}.help-icon:hover{background-color:#ede728;color:#000}.card-helper{background-color:#121623;border-radius:5px;justify-content:space-between;margin:1%;overflow-x:hidden;overflow-y:scroll;padding:0 5px 20px;position:block}.box-card-user{display:flex;flex-direction:row;width:100%}li{color:#e6e6e6;list-style-type:none}.yoyaccordeon{background-image:linear-gradient(transparent,rgba(56,59,77,.5));width:100%}.yoyaccordeon h1,.yoyaccordeon h2,.yoyaccordeon h3{align-items:center;border-top-left-radius:5px;border-top-right-radius:5px;color:#e6e6e6;display:flex;flex-direction:row;justify-content:space-between;margin-bottom:0;margin-top:0;position:relative}.yoyaccordeon h1>span,.yoyaccordeon h2>span,.yoyaccordeon h3>span{flex-direction:row;overflow:hidden;padding:10px;white-space:nowrap}.yoyaccordeon h1 span,.yoyaccordeon h2 span,.yoyaccordeon h3 span{align-items:center;display:flex;font-weight:500}.yoyaccordeon h1 span.mainname,.yoyaccordeon h2 span.mainname,.yoyaccordeon h3 span.mainname{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.yoyaccordeon h1 span.chart-icon,.yoyaccordeon h2 span.chart-icon,.yoyaccordeon h3 span.chart-icon{border:1px solid #4096cc;border-radius:5px;font-size:.6rem;height:-moz-fit-content;height:fit-content;margin-right:40px;margin-top:16px;position:absolute;right:0;top:0;transition:font-size .3s,border .3s,margin .3s}.yoyaccordeon h1 span.chart-icon .margin-chart,.yoyaccordeon h2 span.chart-icon .margin-chart,.yoyaccordeon h3 span.chart-icon .margin-chart{margin:4px;transition:margin .3s}.yoyaccordeon h1 span.chart-icon:hover,.yoyaccordeon h2 span.chart-icon:hover,.yoyaccordeon h3 span.chart-icon:hover{border:1px solid #ff5449;font-size:1rem;margin-right:35px;margin-top:11px}.yoyaccordeon h1 span.chart-icon:hover .margin-chart,.yoyaccordeon h2 span.chart-icon:hover .margin-chart,.yoyaccordeon h3 span.chart-icon:hover .margin-chart{margin:5px}.yoyaccordeon h1{overflow:hidden}.yoyaccordeon h1 span{border-top-left-radius:5px;border-top-right-radius:5px;font-size:xx-large}.yoyaccordeon h1 span.chart-icon{font-size:.6rem;margin-right:40px;margin-top:16px}.yoyaccordeon h2,.yoyaccordeon h3{min-height:0}.yoyaccordeon h2 span,.yoyaccordeon h3 span{font-size:large}.yoyaccordeon h2>span,.yoyaccordeon h3>span{border-color:#383b4d;height:100%}.yoyaccordeon h2 span.chart-icon,.yoyaccordeon h3 span.chart-icon{font-size:.5rem;margin-right:35px;margin-top:11px}.yoyaccordeon h2{padding-bottom:10px;padding-left:10px}.yoyaccordeon h3{padding-bottom:5px;padding-left:20px}.yoyaccordeon h2:last-child{border-bottom-left-radius:5px;border-bottom-right-radius:5px;padding-bottom:10px}.yoyaccordeon h3>span{padding:5px}.yoyaccordeon h3:last-child{border-bottom-left-radius:5px;border-bottom-right-radius:5px;padding-bottom:10px}.yoyaccordeon .yoyaccordeon{background-image:none;border-bottom-left-radius:5px;border-bottom-width:thick;border-color:#383b4d;border-left-width:thick}.bounce-top{animation:bounce-top .9s linear both}@keyframes bounce-top{0%{animation-timing-function:ease-in;opacity:1;transform:translateY(-45px)}24%{opacity:1}40%{animation-timing-function:ease-in;transform:translateY(-24px)}65%{animation-timing-function:ease-in;transform:translateY(-12px)}82%{animation-timing-function:ease-in;transform:translateY(-6px)}93%{animation-timing-function:ease-in;transform:translateY(-4px)}25%,55%,75%,87%{animation-timing-function:ease-out;transform:translateY(0)}to{animation-timing-function:ease-out;opacity:1;transform:translateY(0)}}.scale-up-vertical-center{animation:scale-up-vertical-center .5s}@keyframes scale-up-vertical-center{0%{transform:scaleY(.2)}to{transform:scaleY(1)}}.scale-up-vertical-top{animation:scale-up-vertical-top .2s linear}@keyframes scale-up-vertical-top{0%{transform:scaleY(.4);transform-origin:center top}50%{transform:scaleY(.7);transform-origin:center top}to{transform:scaleY(1);transform-origin:center top}}.scale-down-vertical-top{animation:scale-down-vertical-top .2s}@keyframes scale-down-vertical-top{0%{transform:scaleY(1);transform-origin:center top}50%{transform:scaleY(.7);transform-origin:center top}to{transform:scaleY(.4);transform-origin:center top}}.scale-up-center{animation:scale-up-center .4s}@keyframes scale-up-center{0%{transform:scale(.5)}to{transform:scale(1)}}.transition-down{transition:transform .4s ease-in-out}.blur-in-expand,.slide-top{animation:blur-in-expand .2s linear both}.slide-bottom{animation:slide-bottom .2s linear both}@keyframes slide-bottom{0%{transform:translateY(0)}50%{transform:translateY(5px)}to{transform:translateY(15px)}}.slide-top-filter{animation:blur-in-expand .2s linear both}@keyframes blur-in-expand{0%{transform:translateY(70px)}to{transform:translateY(0)}}.move-down{animation:move-down 1s linear}@keyframes move-down{0%{margin-top:0}50%{margin-top:35px}to{margin-top:90px}}.yoyfilter,.yoyform{align-items:center;background-color:#16171d;border-radius:5px;display:flex;margin-bottom:10px;padding:10px;position:relative;width:100%}.yoyfilter .yoyformtitle,.yoyform .yoyformtitle{font-weight:700}.yoyfilter .yoyformmessage,.yoyform .yoyformmessage{color:#d2d2d2;font-size:large;padding-left:10px}.yoyfilter .product-form,.yoyform .product-form{padding:10px;width:50%}.yoyfilter .product-form#border-right,.yoyform .product-form#border-right{border-right:2px solid #4096cc}.yoyfilter #border-top,.yoyform #border-top{border-top:2px solid #4096cc;padding-top:10px}.yoyfilter .inputfilewrapper,.yoyform .inputfilewrapper{align-items:center;display:flex;flex-direction:row;justify-content:flex-start;position:relative;width:100%}.yoyfilter .inputfilewrapper .yoybutton,.yoyform .inputfilewrapper .yoybutton{margin-bottom:0;margin-right:10px}.yoyfilter .multiselect,.yoyfilter .multiselect__single,.yoyfilter .multiselect__tags,.yoyfilter .select,.yoyfilter input,.yoyfilter select,.yoyfilter textarea,.yoyform .multiselect,.yoyform .multiselect__single,.yoyform .multiselect__tags,.yoyform .select,.yoyform input,.yoyform select,.yoyform textarea{background-color:#000;box-sizing:border-box}.yoyfilter .multiselect__tags,.yoyfilter .select,.yoyfilter select,.yoyform .multiselect__tags,.yoyform .select,.yoyform select{cursor:pointer}.yoyfilter label,.yoyform label{align-self:flex-start;min-height:15px;overflow:hidden;padding-right:10px}.yoyfilter label,.yoyfilter span,.yoyform label,.yoyform span{color:#e6e6e6}.yoyfilter input:-webkit-autofill,.yoyfilter input:-webkit-autofill:focus,.yoyfilter input:-webkit-autofill:hover,.yoyfilter select:-webkit-autofill,.yoyfilter select:-webkit-autofill:focus,.yoyfilter select:-webkit-autofill:hover,.yoyfilter textarea:-webkit-autofill,.yoyfilter textarea:-webkit-autofill:focus,.yoyfilter textarea:-webkit-autofill:hover,.yoyform input:-webkit-autofill,.yoyform input:-webkit-autofill:focus,.yoyform input:-webkit-autofill:hover,.yoyform select:-webkit-autofill,.yoyform select:-webkit-autofill:focus,.yoyform select:-webkit-autofill:hover,.yoyform textarea:-webkit-autofill,.yoyform textarea:-webkit-autofill:focus,.yoyform textarea:-webkit-autofill:hover{-webkit-text-fill-color:#e6e6e6;border:1px solid #60a8d5;-webkit-box-shadow:inset 0 0 0 1000px #000;caret-color:#fff;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.yoyfilter .multiselect,.yoyfilter .react-code-input-container>.react-code-input>input,.yoyfilter .select,.yoyfilter input,.yoyfilter select,.yoyfilter textarea,.yoyform .multiselect,.yoyform .react-code-input-container>.react-code-input>input,.yoyform .select,.yoyform input,.yoyform select,.yoyform textarea{border:1px solid #e6e6e6;border-radius:5px;color:#e6e6e6;margin-bottom:7px;overflow:hidden;width:100%}.yoyfilter .multiselect,.yoyfilter .react-code-input-container>.react-code-input>input,.yoyfilter .select,.yoyfilter input,.yoyfilter select,.yoyform .multiselect,.yoyform .react-code-input-container>.react-code-input>input,.yoyform .select,.yoyform input,.yoyform select{height:40px}.yoyfilter .react-code-input-container,.yoyform .react-code-input-container{width:auto!important}.yoyfilter .react-code-input-container .react-code-input>input,.yoyform .react-code-input-container .react-code-input>input{font-size:90px;height:100px!important;width:100px!important}@media screen and (max-width:1000px){.yoyfilter .react-code-input-container .react-code-input>input,.yoyform .react-code-input-container .react-code-input>input{font-size:60px;height:70px!important;width:70px!important}}.yoyfilter input,.yoyfilter textarea,.yoyform input,.yoyform textarea{padding-left:10px}.yoyfilter textarea,.yoyform textarea{padding-top:5px}.yoyfilter input[type=checkbox],.yoyform input[type=checkbox]{padding:0!important}.yoyfilter input::-moz-placeholder,.yoyfilter textarea::-moz-placeholder,.yoyform input::-moz-placeholder,.yoyform textarea::-moz-placeholder{color:#d2d2d2!important;opacity:.8}.yoyfilter input::placeholder,.yoyfilter textarea::placeholder,.yoyform input::placeholder,.yoyform textarea::placeholder{color:#d2d2d2!important;opacity:.8}.yoyfilter input[type=file],.yoyform input[type=file]{background-color:transparent;border:none;display:none;height:.1px;opacity:0;overflow:hidden;position:absolute;width:.1px;z-index:-1}.yoyfilter select option,.yoyform select option{background-color:#16171d!important;color:#e6e6e6}.yoyfilter select option:hover,.yoyform select option:hover{background-color:#272935!important;color:#4096cc!important;cursor:pointer}.yoyfilter .field,.yoyform .field{font-family:Montserrat;width:100%}.yoyfilter .field i,.yoyfilter .field label,.yoyfilter .field span,.yoyform .field i,.yoyform .field label,.yoyform .field span{font-size:1rem}.yoyfilter hr,.yoyform hr{color:#e6e6e6;height:2px;min-height:2px;width:100%}.yoyfilter .yoycheckboxcontainer,.yoyform .yoycheckboxcontainer{align-items:flex-start;border:thin solid #d2d2d2;border-radius:5px;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;padding:10px;width:100%}.yoyfilter .yoycheckboxcontainer input,.yoyform .yoycheckboxcontainer input{width:auto}.yoyfilter input[type=checkbox],.yoyform input[type=checkbox]{align-items:center;display:flex;font-size:12px;font-weight:700;height:20px;justify-content:center;margin-bottom:0;width:20px}.yoyfilter input[type=checkbox]:checked:after,.yoyform input[type=checkbox]:checked:after{background-color:#4096cc;content:"✓";height:100%;width:100%}.yoyfilter .multiselect:focus-within,.yoyfilter .select:focus,.yoyfilter input:focus,.yoyfilter select:focus,.yoyfilter textarea:focus,.yoyform .multiselect:focus-within,.yoyform .select:focus,.yoyform input:focus,.yoyform select:focus,.yoyform textarea:focus{overflow:visible}.yoyfilter .multiselect:focus,.yoyfilter .multiselect__content-wrapper:focus,.yoyfilter .react-code-input-container>.react-code-input>input:focus,.yoyfilter .select:focus,.yoyfilter input:focus,.yoyfilter select:focus,.yoyfilter textarea:focus,.yoyform .multiselect:focus,.yoyform .multiselect__content-wrapper:focus,.yoyform .react-code-input-container>.react-code-input>input:focus,.yoyform .select:focus,.yoyform input:focus,.yoyform select:focus,.yoyform textarea:focus{border-color:#60a8d5;outline:thin solid #4096cc}.yoyfilter .multiselect:hover,.yoyfilter .multiselect__content-wrapper:hover,.yoyfilter .react-code-input-container>.react-code-input>input:hover,.yoyfilter .select:hover,.yoyfilter input:hover,.yoyfilter select:hover,.yoyfilter textarea:hover,.yoyform .multiselect:hover,.yoyform .multiselect__content-wrapper:hover,.yoyform .react-code-input-container>.react-code-input>input:hover,.yoyform .select:hover,.yoyform input:hover,.yoyform select:hover,.yoyform textarea:hover{border-color:#60a8d5}.yoyfilter input:disabled,.yoyfilter select:disabled,.yoyfilter textarea:disabled,.yoyform input:disabled,.yoyform select:disabled,.yoyform textarea:disabled{border-color:#7e7e7e;outline:0}.yoyfilter input[type=datetime-local]::-webkit-calendar-picker-indicator,.yoyform input[type=datetime-local]::-webkit-calendar-picker-indicator{background:url(https://mywildalberta.ca/images/GFX-MWA-Parks-Reservations.png) no-repeat;border-width:thin;color:#fff;display:block;height:20px;opacity:1;width:20px}.yoyfilter .multiselect__tags,.yoyform .multiselect__tags{align-items:center;display:flex;flex-direction:row;justify-content:flex-start;padding:0}.yoyfilter .multiselect__tags input,.yoyform .multiselect__tags input{padding-left:10px}.yoyfilter .multiselect__placeholder,.yoyfilter .multiselect__single,.yoyform .multiselect__placeholder,.yoyform .multiselect__single{margin:0;max-height:40px;padding-left:10px}.yoyfilter .multiselect__placeholder,.yoyform .multiselect__placeholder{color:#d2d2d2;opacity:.8}.yoyfilter .multiselect__content-wrapper,.yoyform .multiselect__content-wrapper{background-color:#272935;border:1px solid #4096cc;border-bottom-left-radius:5px;border-bottom-right-radius:5px;border-top:0 solid #4096cc;min-width:100%;width:auto}.yoyfilter .multiselect__option--selected,.yoyform .multiselect__option--selected{background-color:rgba(255,84,73,.81)!important}.yoyfilter .multiselect__option--highlight,.yoyform .multiselect__option--highlight{background-color:#4096cc!important}.yoyfilter .multiselect__option--highlight span,.yoyform .multiselect__option--highlight span{color:#e6e6e6}.yoyfilter .multiselect__option--highlight.multiselect__option--selected,.yoyform .multiselect__option--highlight.multiselect__option--selected{background-color:rgba(255,84,73,.81)!important}.yoyfilter .multiselect__option--highlight:after,.yoyform .multiselect__option--highlight:after{background-color:#4096cc!important}.yoyfilter .multiselect .multiselect__tags,.yoyform .multiselect .multiselect__tags{border-radius:5px;border-width:0}.yoyfilter .multiselect__option--selected.multiselect__option--highlight:after,.yoyform .multiselect__option--selected.multiselect__option--highlight:after{background-color:rgba(255,84,73,.81)!important}.yoyfilter .multiselect__input,.yoyform .multiselect__input{border-width:0;margin-bottom:0}.yoyfilter .multiselect__input::-moz-placeholder,.yoyform .multiselect__input::-moz-placeholder{font-size:0}.yoyfilter .multiselect__input::placeholder,.yoyform .multiselect__input::placeholder{font-size:0}.yoyfilterBox{max-height:9vh}.filterButtonBox{display:none!important}.yoyfilter{height:10vh;justify-content:flex-start;overflow:visible}.tableContent .yoytableheader{max-height:100px;min-height:60px}.tableContent .yoytablebody{height:55vh;max-height:500px;min-height:300px}.tableContent .yoytablebuttons{height:10vh;max-height:100px;min-height:60px}@media screen and (max-width:750px){.filterButtonBox{display:flex!important}.yoyfilterBox{display:flex;flex-direction:column;max-height:45vh;min-height:auto;overflow-y:auto;position:relative;transition:max-height .3s ease-in-out}.yoyfilterBox.minimized{max-height:40px}.yoyfilterBox .toggleButton{background:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:5px 10px;position:absolute;right:10px;top:5px;z-index:10}.yoyfilterBox .itemFilter{width:100%}.yoyfilterBox .yoyfilter{height:auto!important}}:root{--componentBox-height:65vh;--viewBox-height:69vh;--noFilterViewBox-height:75vh;--headerComponentBox-margin:12px;--ignoreM0-margin:10px}.headerComponentBox{margin-top:var(--headerComponentBox-margin)}.componentBox{max-height:var(--componentBox-height);min-height:var(--componentBox-height);overflow-y:scroll}.viewBox{margin-bottom:10px;max-height:var(--viewBox-height);min-height:var(--viewBox-height);overflow-y:scroll}.noFilterViewBox{max-height:var(--noFilterViewBox-height);min-height:var(--noFilterViewBox-height);overflow-y:scroll}.ignoreM0{margin-top:var(--ignoreM0-margin)!important}@media screen and (min-width:1461px)and (max-width:2000px)and (min-height:791px){.itemFilter .multiselect,.itemFilter .multiselect__content-wrapper{width:98%!important}:root{--componentBox-height:65vh;--viewBox-height:69vh;--noFilterViewBox-height:75vh;--headerComponentBox-margin:12px;--ignoreM0-margin:25px}}@media screen and (min-height:700px)and (max-height:790px){:root{--componentBox-height:64vh;--noFilterViewBox-height:72vh}.itemFilter .multiselect,.itemFilter .multiselect__content-wrapper{width:95%!important}.cloButton{margin-bottom:0!important}.button-yoy{height:40px!important}.button-yoy .is-small{height:40px!important;width:40px!important}}@media screen and (min-height:650px)and (max-height:699px){:root{--componentBox-height:60vh;--noFilterViewBox-height:70vh}.itemFilter .multiselect,.itemFilter .multiselect__content-wrapper{width:95%!important}.cloButton{margin-bottom:0!important}.button-yoy{height:30px!important}.button-yoy .is-small{height:30px!important;width:30px!important}}@media screen and (max-width:1441px)and (min-height:791px){:root{--componentBox-height:63vh;--viewBox-height:67vh;--noFilterViewBox-height:72vh;--headerComponentBox-margin:16px;--ignoreM0-margin:14px}}@media screen and (max-width:1281px)and (min-height:791px){:root{--componentBox-height:60vh;--viewBox-height:64vh;--noFilterViewBox-height:70vh;--headerComponentBox-margin:20px;--ignoreM0-margin:11px}.headerComponentBox{margin-top:20px}.componentBox{max-height:60vh;min-height:60vh;overflow-y:scroll}.viewBox{margin-bottom:10px;max-height:64vh;min-height:64vh;overflow-y:scroll}.noFilterViewBox{margin-bottom:8px;max-height:70vh;min-height:70vh;overflow-y:scroll}.buttonsComponentBox{margin:0}.ignoreM0{margin-top:11px!important}}.yoyform{flex-direction:column;justify-content:flex-start;padding-left:20px;padding-right:20px;padding-top:20px;z-index:100}.yoyform label .fas{margin-right:12px}.yoyclosebutton{align-items:center;background-color:rgba(22,23,29,.8);border:thin solid #e6e6e6;border-radius:5px;cursor:pointer;display:flex;flex-direction:row;height:25px;justify-content:center;margin-right:5px;margin-top:5px;position:absolute;right:0;top:0;width:25px;z-index:10}.yoyclosebutton:hover{background-color:rgba(39,41,53,.8)}.yoyclosebutton:before{background-color:transparent;color:#e6e6e6;content:"X";font-family:Montserrat}.yoytabcontainer{align-items:flex-end;display:flex;flex-direction:row;justify-content:flex-start;margin-top:10px;overflow:auto;overflow-y:hidden;padding-top:10px;position:relative;width:100%}.yoytabcontainer .yoytab{align-items:center;background-color:#16171d;border:thin solid #d2d2d2;border-top-left-radius:5px;border-top-right-radius:5px;color:#d2d2d2;cursor:pointer;display:flex;flex:1 1 0px;flex-direction:row;font-size:1rem;height:35px!important;justify-content:center}.yoytabcontainer .yoytab .fas{margin-right:10px}.yoytabcontainer .yoytab .yoytabdropicon{font-size:2em}.yoytabcontainer .yoytab:hover,.yoytabcontainer .yoytab:hover span{border-color:#fafafa}.yoytabcontainer .yoytab.active,.yoytabcontainer .yoytab.active span{border-color:#3081b3}.yoytabcontainer .yoytab.contains-button{background-color:unset;border-color:unset;border-width:inherit}@media only screen and (max-width:1000px){.yoytabcontainer{align-items:flex-end;display:flex;flex-direction:column;justify-content:flex-start;margin-top:10px;min-height:200px!important;overflow:auto;overflow-y:hidden;padding-bottom:10px;padding-top:10px;position:relative;width:100%}.yoytabcontainer .yoytab{height:70px!important;justify-content:center;width:100%}}.yoyhelpcontainer{font-size:x-large;margin-right:5px}.yoyhelpcontainer .yoyhelpicon{height:30px;-o-object-fit:contain;object-fit:contain;width:30px}.yoyhelpcontainer .yoyhelp{align-items:center;background-color:rgba(22,23,29,.5);border:thin solid #d2d2d2;border-radius:5px;cursor:pointer;display:flex;flex-direction:row;height:25px;justify-content:center;padding:0;text-align:center;-moz-text-align-last:center;text-align-last:center;width:25px}.yoyhelpcontainer .yoyhelp:focus{border-color:#4096cc}.yoyhelpcontainer .yoyhelp::-moz-placeholder{color:#d2d2d2!important;opacity:1}.yoyhelpcontainer .yoyhelp::placeholder{color:#d2d2d2!important;opacity:1}.yoyhelpcontainer .yoyhelpcontent{background-color:#3081b3;border:thin solid #4096cc;border-radius:5px;color:#fafafa;display:none;margin-left:10px;max-height:450px;max-width:400px;min-height:150px;opacity:.95;overflow:auto;padding:10px;position:fixed;right:15px}.yoyhelpcontainer .yoyhelpcontent p{font-weight:400;margin-bottom:10px}.yoyhelpcontainer.static{position:absolute;right:15px;top:10px;width:auto}.yoyhelpcontainer .yoyhelp:focus~.yoyhelpcontent{display:block}.yoycardscontainer{align-items:flex-start;display:flex;flex:2 1 auto;flex-direction:row;flex-wrap:wrap;justify-content:space-around;min-width:0;overflow-x:none;overflow-y:auto;position:relative;width:100%}.yoycardscontainer h1,.yoycardscontainer h2{color:#e6e6e6;width:100%}.yoycardscontainer h1{background-color:#383b4d;border-top-left-radius:5px;border-top-right-radius:5px}.yoycardscontainer h2{background-color:#16171d;text-align:right}.yoycardscontainer h2 span{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:90%}.yoycardscontainer h2:last-child{border-bottom-left-radius:5px;border-bottom-right-radius:5px;margin-bottom:10px;padding-bottom:10px}.yoycardscontainer .lessonCard{max-width:600px;min-width:350px;padding:10px}.yoycardscontainer .lessonCard .unit-box{max-height:250px;overflow-y:auto;padding:10px}.yoycardscontainer .lessonCard .unit-box .activity{padding:5px}.yoycardscontainer .yoycardbuttonscontainer{background-image:linear-gradient(#272935,#383b4d);display:flex;flex-direction:row;justify-content:center;width:100%}.yoycardscontainer .yoycardbuttonscontainer .yoybutton{margin-right:10px;width:150px}.hero .nav,.hero.is-success .nav{box-shadow:none}.box{margin-top:5rem}p{font-weight:700}.yoylabelscontainer{background-color:#383b4d;border-bottom-left-radius:5px;border-bottom-right-radius:5px;flex-wrap:wrap;height:40px;overflow-y:hidden;padding-top:5px;position:absolute;width:100%}.yoylabelscontainer .selected{border:1px solid #4096cc;border-radius:20px;height:4vh;margin:.5%;padding:0;width:-moz-max-content;width:max-content}.yoylabelscontainer .selected span{color:#4096cc;margin:5px 5px 5px 9px}.yoylabelscontainer .selected i{color:#4096cc;cursor:pointer;float:right;margin:5px 9px 5px 5px}.yoylabelscontainer:hover{height:auto;overflow-y:visible}.yoyshowhidecontainer{position:relative;width:100%}.yoyshowhidecontainer .yoyshowhideicon,.yoyshowhidecontainer>input[type=checkbox]{align-items:center;color:#e6e6e6;cursor:pointer;display:flex;flex-direction:row;font-size:1em;height:25px;justify-content:center;margin-right:10px;margin-top:10px;position:absolute;right:0;top:0;width:25px;z-index:1}.yoyshowhidecontainer>input[type=checkbox]:focus{outline:thin solid #3081b3}.yoyshowhidecontainer>input[type=checkbox]:hover{border-color:#60a8d5}.yoyshowhidecontainer .yoyshowhideicon{pointer-events:none}.yoyshowhidecontainer .yoyshowhidecontent{max-height:55px;min-height:40px;overflow-y:hidden}.yoyshowhidecontainer .yoyshowhidecontent h1,.yoyshowhidecontainer .yoyshowhidecontent h2,.yoyshowhidecontainer .yoyshowhidecontent h3,.yoyshowhidecontainer .yoyshowhidecontent h4{height:55px;position:relative}.yoyshowhidecontainer .yoyshowhidecontent>h1:first-child,.yoyshowhidecontainer .yoyshowhidecontent>h2:first-child,.yoyshowhidecontainer .yoyshowhidecontent>h3:first-child{padding-right:50px}.yoyshowhidecontainer>input[type=checkbox]:checked{background-color:rgba(48,129,179,.5)}.yoyshowhidecontainer>input[type=checkbox]:checked:after{content:""}.yoyshowhidecontainer>input[type=checkbox]:checked~.yoyshowhidecontent,.yoyshowhidecontainer>input[type=checkbox]:checked~.yoyshowhidecontentmobile{max-height:none;overflow-y:visible}.yoyshowhidecontainer>input[type=checkbox]:checked~.yoyshowhideicon{transform:rotate(180deg)}.yoyshowhidecontainer.title span{background-color:unset;font-weight:700;overflow:unset!important;padding-bottom:0!important}.yoymodalwrapper{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw}.yoymodalwrapper .yoymodalbackground{background:#16171d;height:100%;opacity:.7;position:absolute;width:100%;z-index:0}.yoymodalwrapper .yoymodalcard,.yoymodalwrapper .yoymodalpanel{align-items:flex-start;background-color:#272935;border-radius:5px;display:flex;flex-direction:column;justify-content:center;position:relative}.yoymodalwrapper .yoymodalcard h1,.yoymodalwrapper .yoymodalpanel h1{margin-bottom:0;margin-top:0;padding-bottom:10px;padding-top:10px}.yoymodalwrapper .yoymodalcard h1,.yoymodalwrapper .yoymodalcard h2,.yoymodalwrapper .yoymodalcard h3,.yoymodalwrapper .yoymodalcard h4,.yoymodalwrapper .yoymodalcard h5,.yoymodalwrapper .yoymodalpanel h1,.yoymodalwrapper .yoymodalpanel h2,.yoymodalwrapper .yoymodalpanel h3,.yoymodalwrapper .yoymodalpanel h4,.yoymodalwrapper .yoymodalpanel h5{padding-left:10px;padding-right:10px;z-index:1}.yoymodalwrapper .yoymodalcard h3,.yoymodalwrapper .yoymodalcard h4,.yoymodalwrapper .yoymodalpanel h3,.yoymodalwrapper .yoymodalpanel h4{font-size:.6em;font-style:italic;text-align:right}.yoymodalwrapper .yoymodalcard h5,.yoymodalwrapper .yoymodalpanel h5{color:#4096cc;line-height:110%;margin-left:1px}.yoymodalwrapper .yoymodalcard .modalcontent,.yoymodalwrapper .yoymodalpanel .modalcontent{background-color:#16171d;width:100%}.yoymodalwrapper .yoymodalcard .modalcontent .title,.yoymodalwrapper .yoymodalpanel .modalcontent .title{color:#fff;font-family:Orbitron;font-size:1.5rem!important;font-weight:700}.yoymodalwrapper .yoymodalcard .close-button-box,.yoymodalwrapper .yoymodalpanel .close-button-box{background-color:#16171d;border-radius:10px 10px 0 0;width:100%}.yoymodalwrapper .yoymodalcard .yoymodalcontent,.yoymodalwrapper .yoymodalpanel .yoymodalcontent{align-items:flex-start;background-position:100%;background-repeat:no-repeat;background-size:cover;border-top-left-radius:5px;border-top-right-radius:5px;display:flex;flex-direction:column;flex-grow:2;justify-content:center;overflow-y:auto;position:relative;width:100%}.yoymodalwrapper .yoymodalcard .yoymodalcontent h1,.yoymodalwrapper .yoymodalcard .yoymodalcontent h2,.yoymodalwrapper .yoymodalcard .yoymodalcontent h3,.yoymodalwrapper .yoymodalcard .yoymodalcontent h4,.yoymodalwrapper .yoymodalcard .yoymodalcontent h5,.yoymodalwrapper .yoymodalpanel .yoymodalcontent h1,.yoymodalwrapper .yoymodalpanel .yoymodalcontent h2,.yoymodalwrapper .yoymodalpanel .yoymodalcontent h3,.yoymodalwrapper .yoymodalpanel .yoymodalcontent h4,.yoymodalwrapper .yoymodalpanel .yoymodalcontent h5{color:#fff}.yoymodalwrapper .yoymodalcard .yoymodalcontent .yoymodalcontentgradient,.yoymodalwrapper .yoymodalpanel .yoymodalcontent .yoymodalcontentgradient{background:linear-gradient(90deg,#000,#000 15%,transparent);border-top-left-radius:5px;border-top-right-radius:5px;height:100%;position:absolute;width:100%}.yoymodalwrapper .yoymodalcard .yoymodalcardfooter,.yoymodalwrapper .yoymodalpanel .yoymodalcardfooter{align-items:center;border-top:thick solid #e6e6e6;display:flex;flex-direction:row;justify-content:space-around;padding:10px;width:100%}#yoyDialogContainer{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:flex-start;pointer-events:none;position:fixed;width:100vw}#yoyDialogContainer #yoyDialogBlackScreen{background-color:rgba(0,0,0,.6);height:100vh;pointer-events:all;position:absolute;width:100vw}#yoyDialogContainer .yoyDialogBox{background-color:#3081b3;border-color:#4096cc;border-radius:5px;border-width:thin;margin-top:10px;max-width:60vw;min-height:100px;min-width:40vw;padding:10px;pointer-events:all;position:relative;z-index:1}#yoyDialogContainer .yoyDialogBox .yoyDialogClose{margin-bottom:0;margin-right:-35px;position:absolute;right:0;top:0}#yoyDialogContainer .yoyDialogBox .yoyDialogClose .counterdown{color:#d2d2d2;font-size:xx-small;font-style:italic;margin-top:8px}#yoyDialogContainer .yoyDialogBox .dialog{color:#e6e6e6;white-space:pre-wrap}#yoyDialogContainer .yoyDialogBox .list{box-shadow:none;color:#e6e6e6}#yoyDialogContainer .yoyDialogBox .errorColor{background-color:#ffccc9}#yoyDialogContainer .yoyDialogBox .list-hide{display:none!important}#yoyDialogContainer .yoyDialogBox.good{background-color:#06661e}#yoyDialogContainer .yoyDialogBox.disabled{background-color:#585858}#yoyDialogContainer .yoyDialogBox.important{background-color:#c90c00}#yoyDialogContainer .yoyDialogBox.warning{background-color:#b49e27}#yoyDialogContainer #yoyDialogConfirm,#yoyDialogContainer #yoyPopUp{min-height:200px;position:fixed}.courseCard,.simulatorCard{height:300px;margin:15px;width:450px}.courseCard a,.simulatorCard a{cursor:pointer;height:80%;text-decoration:none;width:100%}.courseCard a:hover>*,.simulatorCard a:hover>*{transform:scale(.95);transition:.1s}.courseCard a:not(:hover)>*,.simulatorCard a:not(:hover)>*{transform:scale(1);transition:.1s}.courseCard a .imgContainer,.simulatorCard a .imgContainer{height:80%;width:100%}.courseCard a .imgContainer .organizationLogo,.simulatorCard a .imgContainer .organizationLogo{height:20%;left:30px;-o-object-fit:fill;object-fit:fill;position:absolute;top:30px;width:20%}.courseCard a .imgContainer .fillImage,.simulatorCard a .imgContainer .fillImage{border:outset;border-color:#4096cc;border-radius:24px;border-width:4px;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.courseCard a .imgContainer .courseTag,.simulatorCard a .imgContainer .courseTag{background-color:#d1b82d;border-radius:7px;bottom:20px;color:#000;font-size:smaller;left:30px;opacity:.9;padding:7px;position:absolute}.courseCard a .imgContainer .courseTag h4,.simulatorCard a .imgContainer .courseTag h4{color:#000}.courseCard .orgName,.simulatorCard .orgName{color:#4096cc;margin:5px;text-align:center;text-decoration:none}.simulatorCard{cursor:pointer;height:300px;width:450px}.simulatorCard:hover>*{transform:scale(.95);transition:.1s}.simulatorCard:not(:hover)>*{transform:scale(1);transition:.1s}.simulatorCard .fillImage{border:outset;border-color:#4096cc;border-radius:24px;border-width:4px;height:80%;-o-object-fit:cover;object-fit:cover;width:100%}.productcard{align-items:flex-start;border:thin solid #d2d2d2;border-radius:5px;display:flex;flex-direction:column;height:450px;justify-content:flex-start;margin-bottom:10px;margin-right:10px;position:relative;width:400px}.productcard .description{max-height:100px;overflow:hidden;text-overflow:ellipsis}.productcard h1,.productcard label,.productcard span{color:#e6e6e6}.productcard label{white-space:nowrap}.productcard h1,.productcard label{overflow:hidden;text-overflow:ellipsis}.productcard h1{font-size:16pt;padding:0 10px;width:100%}.productcard .imgcontainer{height:247px;position:relative;width:100%}.productcard .imgcontainer img{border-radius:5px;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.productcard .imgcontainer img.noimg{filter:brightness(33.3%)}.productcard .imgcontainer .overlay{left:0;position:absolute;top:0;z-index:2}.productcard .imgcontainer .producttype{bottom:10px;position:absolute;right:10px;z-index:3}.productcard button{bottom:10px;position:sticky;right:10px}.productcard .course-action-buttons{align-content:center;display:flex;justify-content:center;position:unset}.productcard .course-action-buttons button{position:unset}.productcard .extradata{align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-start;width:100%}.notFound{color:#5d647c;height:100%;margin:10px;text-align:center;width:100%}.notFound i{border:3px dashed #5d647c;height:10vh;width:10vh}.demo{cursor:pointer;height:300px;margin:15px;width:450px}.demo:hover *{transform:scale(.95);transition:.1s}.demo:not(:hover) *{transform:scale(1);transition:.1s}.demo img{border:outset;border-color:#4096cc;border-radius:24px;border-width:4px;height:80%;-o-object-fit:cover;object-fit:cover}.darken,.demo img,.demos-section{width:100%}.darken{border:hidden;border-radius:6px;height:50vh;-o-object-fit:fill;object-fit:fill;position:relative}.darken .slideContainer{align-items:flex-start;height:40vh;padding-left:50px;padding-right:50px}.darken .slideContainer .top{width:100%}.darken .slideContainer .top .demoText{color:#4096cc}.darken .slideContainer .bottom{width:100%}.darken .slideContainer .bottom .catalogButtons{margin-top:10px;width:100%}.darken .slideContainer .bottom .catalogButtons .catButton{word-wrap:break-word;display:inline;height:auto;max-height:70px;white-space:normal!important}.switch{display:inline-block;height:34px;position:relative;width:60px}.switch input{height:0;opacity:0;width:0}.slider{background-color:#ccc;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:#fff;bottom:-1px;content:"";height:26px;left:-10px;width:26px}input:checked+.slider{background-color:#4096cc}input:focus+.slider{box-shadow:0 0 1px #4096cc}input:checked+.slider:before{transform:translateX(26px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.videoContainer{align-items:center;display:flex;flex-direction:column;margin-bottom:3%;margin-top:3%;width:100%}#title{margin:1%}#title h1,#title h2,#title h3,#title p{color:azure}#rata-test{margin:1%}.videoContainer iframe,.videoContainer videeo{height:22em;margin-bottom:3%}.videoContainer videeo{width:500px}.videoContainer h2,.videoContainer h3,.videoContainer h4{color:#4c556b!important;font-size:1.5rem!important}.yoyfilter{flex-direction:row;justify-content:end}.yoyfilter .itemFilter{padding-left:5px}@media screen and (max-width:750px){.yoyfilter{flex-direction:column;min-height:auto!important;width:100%}.yoyfilter .itemFilter{width:100%!important}}.multiselect__content-wrapper{overflow:auto!important;position:absolute;z-index:50!important}.multiselect__option{display:flex!important;margin-bottom:10px!important;margin-top:10px!important;width:100%!important}.manyfilters{justify-content:space-around!important}@media screen and (max-width:600px){#search-box{display:none}}.filternav{min-height:120px!important}@media screen and (max-width:767px){.filternav{min-height:180px!important}}@media screen and (min-width:768px)and (max-width:1023px){.filternav{min-height:200px!important}}@media screen and (min-width:1024px){.filternav{min-height:140px!important}}.login-with-google-btn{background-color:#fff;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJtMTcuNiA5LjItLjEtMS44SDl2My40aDQuOEMxMy42IDEyIDEzIDEzIDEyIDEzLjZ2Mi4yaDNhOC44IDguOCAwIDAgMCAyLjYtNi42eiIgZmlsbD0iIzQyODVGNCIgZmlsbC1ydWxlPSJub256ZXJvIi8+PHBhdGggZD0iTTkgMThjMi40IDAgNC41LS44IDYtMi4ybC0zLTIuMmE1LjQgNS40IDAgMCAxLTgtMi45SDFWMTNhOSA5IDAgMCAwIDggNXoiIGZpbGw9IiMzNEE4NTMiIGZpbGwtcnVsZT0ibm9uemVybyIvPjxwYXRoIGQ9Ik00IDEwLjdhNS40IDUuNCAwIDAgMSAwLTMuNFY1SDFhOSA5IDAgMCAwIDAgOGwzLTIuM3oiIGZpbGw9IiNGQkJDMDUiIGZpbGwtcnVsZT0ibm9uemVybyIvPjxwYXRoIGQ9Ik05IDMuNmMxLjMgMCAyLjUuNCAzLjQgMS4zTDE1IDIuM0E5IDkgMCAwIDAgMSA1bDMgMi40YTUuNCA1LjQgMCAwIDEgNS0zLjd6IiBmaWxsPSIjRUE0MzM1IiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48cGF0aCBkPSJNMCAwaDE4djE4SDB6Ii8+PC9nPjwvc3ZnPg==);background-position:12px 11px;background-repeat:no-repeat;border:none;border-radius:3px;box-shadow:0 -1px 0 rgba(0,0,0,.04),0 1px 1px rgba(0,0,0,.25);color:#16171d;cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;font-weight:500;padding:12px 16px 12px 42px;transition:background-color .3s,box-shadow .3s;transition:background-color .2s,color .2;width:100%}.login-with-google-btn:hover{background-color:#cccaca;color:#16171d}.login-with-google-btn:active{background-color:#eee}.login-with-google-btn:focus{box-shadow:0 -1px 0 rgba(0,0,0,.04),0 2px 4px rgba(0,0,0,.25),0 0 0 3px #c8dafc;outline:none}.login-with-google-btn:disabled{background-color:#ebebeb;box-shadow:0 -1px 0 rgba(0,0,0,.04),0 1px 1px rgba(0,0,0,.25);cursor:not-allowed;filter:grayscale(100%)}@media screen and (min-width:1024px){.mr-1-desktop{margin-right:8.33333%}}#app{height:100vh}.icon-primary-list{color:#2e70a0}.separator-bar{whitemargin:20px auto;border:none;border-top:1px solid;width:70%}.mainBox{background-color:#4096cc;display:flex;flex-direction:column;height:100vh}.text-design-desc{color:#fff;margin-bottom:10px}.shadow-right-bottom{box-shadow:6px 6px 12px rgba(0,0,0,.15)}.base-input{display:flex;flex-direction:column;width:100%}.input-label{color:#fff;font-weight:600;margin-bottom:6px}.input-wrapper{align-items:center;display:flex;position:relative}.input-element{background-color:#fff;border:1px solid #ccc;border-radius:12px;box-sizing:border-box;color:#2e70a0;font-size:16px;outline:none;padding:8px 36px 8px 12px;transition:border .2s,color .2s;width:100%}.input-element.with-icon{padding-right:36px}.input-element.input-danger{border-color:#ff4d4f;color:#ff4d4f}.input-icon{color:#2e70a0;font-size:16px;pointer-events:none;position:absolute;right:12px}.icon-danger{color:#ff4d4f}.yoy-button{overflow:hidden;position:relative}.yoy-button.hn{height:35px}.yoy-button:disabled{background-color:#ccc;border-color:#ccc;color:#666;cursor:not-allowed;opacity:.6}.yoy-button:disabled i{color:#999}.progress-bar{background-color:#fff;bottom:0;height:3px;left:0;position:absolute;transition:width .1s linear}.yoy-button{border:1px solid transparent;border-radius:12px;cursor:pointer;font-weight:700;padding:6px 12px;transition:background-color .3s,border-color .3s}.yoy-button.hs{height:25px}.yoy-button.hm,.yoy-button.hs{align-items:center;display:flex;justify-content:center}.yoy-button.hm{height:32px}.yoy-button-sm{font-size:12px;padding:4px 8px}.yoy-button-md{font-size:14px;padding:6px 12px}.yoy-button-lg{font-size:16px;padding:8px 16px}.yoy-button.default{background-color:#eee;color:#333}.yoy-button.primary{background-color:#f60;color:#fff}.yoy-button.primary:hover{background-color:#de5b04;color:#fff}.yoy-button.help{background-color:transparent}.yoy-button.accept,.yoy-button.help{border-color:#fff 2px solid;color:#444;transition:box-shadow .3s ease}.yoy-button.accept{background-color:#2e70a0}.yoy-button.cancel{background-color:red;border-color:#fff solid 2px;color:#444;transition:box-shadow .3s ease}.yoy-button.help:hover{box-shadow:inset 0 0 10px 2px rgba(0,0,0,.4)}.yoy-button.help i{color:#fff}.yoy-button.help span{color:#fff;font-style:blod}.yoy-button.accept span,.yoy-button.cancel span{color:#fff;font-size:14px;font-style:blod}.yoy-button-auto{width:auto}.yoy-button-full{width:100%}.yoy-button-fixed{width:200px}.yoy-button-small{width:50px}.yoy-button-ultra-small{width:35px}.yoy-button span{font-size:16px}.yoy-button i{font-size:20px}.yoy-button.close,.yoy-button.filter{background-color:transparent;border-color:#ccc;border-radius:12px;transition:box-shadow .3s ease}.yoy-button.close i{color:#fff;font-size:26px}.yoy-button.close:hover,.yoy-button.filter:hover{box-shadow:inset 0 0 10px 2px rgba(0,0,0,.4)}.yoy-button.filter i{color:#fff}.yoy-button.filter span{color:#2e70a0;font-style:blod}.counter-button{align-items:center;display:flex;gap:4px}.counter-button button,.counter-button input{font-size:16px;padding:4px;text-align:center}.counter-button.hn button,.counter-button.hn input{font-size:18px;height:45px}.counter-button.hs button,.counter-button.hs input{font-size:14px;height:30px}.counter-button input{color:#2e70a0;font-weight:700;max-width:50px;min-width:40px}.counter-button button{width:30px}.counter-button .minus{background-color:#f60;border-bottom-left-radius:8px;border-bottom-right-radius:0;border-color:rgba(255,102,0,0);border-top-left-radius:8px;border-top-right-radius:0}.counter-button .minus:disabled{background-color:#ccc;border-color:#ccc;color:#666;cursor:not-allowed;opacity:.6}.counter-button .minus:disabled i{color:#999}.counter-button .plus{background-color:#f60;border-bottom-left-radius:0;border-bottom-right-radius:8px;border-color:rgba(255,102,0,0);border-top-left-radius:0;border-top-right-radius:8px}.counter-button .plus:disabled{background-color:#ccc;border-color:#ccc;color:#666;cursor:not-allowed;opacity:.6}.counter-button .minus i,.counter-button .plus i{color:#fff}.counter-button .minus:hover,.counter-button .plus:hover{background-color:#de5b04;color:#fff}input[type=number]{-moz-appearance:textfield}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.helper-text{color:#fff;display:block;font-size:12px;margin-top:4px;text-align:center}.custom-dropdown{display:flex;flex-direction:column;width:100%}.dropdown-label{color:#333;font-weight:700;margin-bottom:6px}.dropdown-wrapper{background-color:#fff;border:1px solid #ccc;border-radius:12px;cursor:pointer;font-size:16px;min-height:30px;position:relative}.dropdown-list{background-color:#fff;border:1px solid #ccc;border-radius:0 0 12px 12px;box-shadow:0 4px 6px rgba(0,0,0,.1);left:0;max-height:180px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:10}.dropdown-item{cursor:pointer;padding:8px 12px;transition:background .2s}.dropdown-item:hover{background-color:#f0f0f0}.dropdown-text{color:#2e70a0;font-size:12px}.dropdown-list{scrollbar-color:#2e70a0 #fff;scrollbar-width:thin}.dropdown-list::-webkit-scrollbar{width:8px}.dropdown-list::-webkit-scrollbar-track{background:#fff;border-radius:12px}.dropdown-list::-webkit-scrollbar-thumb{background-color:#2e70a0;border:2px solid #fff;border-radius:12px}.selected-item{background-color:#2e70a0;font-weight:700}.selected-item span{color:#fff}.dropdown-search{border:none;box-sizing:border-box;padding:8px 12px}.search-container{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:center;padding:8px 12px}.search-wrapper{align-items:center;display:flex;position:relative;width:100%}.search-icon{color:#999;font-size:16px;left:10px;position:absolute}.dropdown-search{border-radius:12px;flex-grow:1;font-size:16px;outline:none;padding:8px 12px 8px 32px;width:100%}.search-actions{display:flex;gap:8px;margin-left:8px}.icon-button{background:none;border:none;color:#2e70a0;cursor:pointer;font-size:18px;padding:4px;transition:transform .1s ease-in-out}.icon-button:hover{color:#2e70a0;transform:scale(1.2)}.dropdown-selected{align-items:center;color:#333;display:flex;justify-content:space-between;padding:8px 12px}.dropdown-arrow{color:#2e70a0;font-size:14px;margin-left:10px;transition:transform .3s ease}.dropdown-wrapper.open .dropdown-arrow{transform:rotate(180deg)}.multi-select-list{height:95%;margin-top:10px}.advanced-filters,.multi-select-list{background:#fff;border:1px solid #ccc;border-radius:8px;padding:10px;width:100%}.search-box{align-items:flex-end;margin-bottom:5px}.advanced-actions,.list-actions{display:flex;gap:10px;justify-content:flex-end;margin-bottom:10px}.advanced-actions button,.list-actions button{cursor:pointer;font-size:16px;padding:4px 8px}.list-item-locked{background:#72125f}.list-item-locked span{color:#fff!important}.list-items{list-style:none;margin:0;max-height:80%;overflow-y:auto;padding:0;scrollbar-color:#2e70a0 #f1f1f1;scrollbar-width:thin}.list-items li{border-radius:4px;cursor:pointer;justify-content:space-between;margin-bottom:5px;padding:6px 10px;transition:background .2s}.list-items li:hover{background:#f5f5f5}.list-items li.selected{background:#cedffd;color:#2e70a0;font-weight:700}.label-item{color:#2e70a0;font-size:12px}.list-item{align-items:center;display:flex;gap:.5rem}.list-items::-webkit-scrollbar{width:8px}.list-items::-webkit-scrollbar-thumb{background-color:#2e70a0;border-radius:10px}.list-items::-webkit-scrollbar-track{background-color:#f1f1f1;border-radius:10px}.filter-item{margin-bottom:10px}.filter-text{color:#2e70a0;font-size:14px;margin-left:10px}.popup-wrapper{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:unset;right:0;top:0;z-index:999}.popup-content{border-radius:12px;box-shadow:0 4px 10px rgba(0,0,0,.2);box-sizing:border-box;margin:0 20px;padding:20px 30px;text-align:center;width:100%}.popup-primary{background-color:#4096cc;border-top:6px solid #4096cc;color:#fff}.popup-warning{background-color:orange;border-top:6px solid orange;color:#fff}.popup-danger{background-color:#ff4d4f;border-top:6px solid #ff4d4f;color:#fff}.popup-message{font-size:16px;margin-bottom:20px}.popup-buttons{display:flex;gap:10px;justify-content:center;margin-top:10px}.yoy-date-input-wrapper{align-items:center;display:flex;gap:5px;width:100%}.yoy-date-input{border:1px solid #ccc;border-radius:12px;border-bottom-right-radius:0;border-top-right-radius:0;color:#2e70a0;flex:1;font-size:16px;height:40px;outline:none;padding:8px 12px}.icon-container{align-items:center;background-color:#f60;border:1px solid rgba(255,102,0,0);border-bottom-left-radius:0;border-bottom-right-radius:8px;border-top-left-radius:0;border-top-right-radius:8px;display:flex;height:40px;justify-content:center;padding:0 12px}.custom-checkbox{align-items:center;cursor:pointer;display:inline-flex;flex-shrink:0;height:20px;position:relative;width:20px}.custom-checkbox input[type=checkbox]{height:0;opacity:0;position:absolute;width:0}.custom-checkbox .checkmark{background-color:#fff;border:2px solid #ccc;border-radius:4px;box-sizing:border-box;height:20px;left:0;position:absolute;top:0;width:20px}.custom-checkbox input:checked+.checkmark{background-color:#f60;border-color:#f60}.custom-checkbox .checkmark:after{border:solid #fff;border-width:0 2px 2px 0;content:"";display:none;height:10px;left:6px;position:absolute;top:2px;transform:rotate(45deg);width:5px}.custom-checkbox input:checked+.checkmark:after{display:block}.yoy-panel{background-color:#4096cc;border-radius:12px;color:#fff;display:flex;flex-direction:column;flex-grow:1;height:100%;padding:16px}.yoy-panel::-webkit-scrollbar{width:8px}.yoy-panel::-webkit-scrollbar-thumb{background-color:#fff;border-radius:8px}.yoy-panel::-webkit-scrollbar-track{background-color:transparent}.date-font{font-size:12px}.scroll-container{flex:1 1 auto;margin-top:10px;overflow-y:auto;scrollbar-color:#fff #fff;scrollbar-width:thin}.scroll-container::-webkit-scrollbar{width:6px}.scroll-container::-webkit-scrollbar-thumb{background-color:#fff;border-radius:4px}.scroll-container::-webkit-scrollbar-track{background-color:#fff}.element-list{list-style:none;margin:0;padding:0}.element-item{display:flex;margin-top:10px}.info-span{background-color:#fff;border:2px solid;border-radius:12px;font-weight:700;height:38px;max-width:300px;overflow:hidden;width:100%}.info-icon,.info-span{align-items:center;display:flex}.info-icon{border-bottom-right-radius:0;border-top-right-radius:0;color:#fff;height:100%;justify-content:center;padding:0 10px}.info-icon i{font-size:16px}.info-text{align-items:center;display:flex;flex:1;font-size:12px;padding:0 12px}button.danger{background-color:#ff4d4f;color:#fff}.danger{border-color:#ff4d4f}.danger .info-icon{background-color:#ff4d4f}.danger .info-text{color:#ff4d4f}.warning{border-color:orange}.warning .info-icon{background-color:orange}.warning .info-text{color:orange}.primary{border-color:#2e70a0}.primary .info-icon{background-color:#2e70a0}.primary .info-text{color:#2e70a0}.font-title{color:#fff;font-size:20px}.font-subtitle{color:#fff;font-size:16px}.font-information{color:#fff;font-size:14px}.font-detail{color:#fff;font-size:12px}.principal-box{background:#4096cc;display:flex;flex-direction:column;height:100vh}.time-usage-bar{width:100%}.bar{background-color:#eee;border-radius:12px;display:flex;height:5.5vh;overflow:visible;position:relative}.segment{height:24px;padding-top:5px}.label-bar{font-weight:700;padding:0 4px}.legend{display:flex;flex-wrap:wrap;margin-top:10px}.legend-item{align-items:center;display:flex;font-size:13px;margin-right:12px}.color-box{border-radius:2px;height:12px;margin-right:6px;width:12px}.segment-wrapper{flex:0 0 auto}.segment,.segment-wrapper{height:100%;position:relative}.segment{align-items:center;cursor:pointer;display:flex;font-size:12px;justify-content:center;transition:width .3s ease}.segment,.tooltip{color:#fff;white-space:nowrap}.tooltip{background-color:rgba(0,0,0,.75);border-radius:4px;font-size:11px;left:50%;opacity:0;padding:4px 8px;pointer-events:none;position:absolute;top:100%;transform:translate(-50%,4px);transition:opacity .2s ease;z-index:10}.segment:hover .tooltip{opacity:1}.modal-overlay{align-items:flex-start;background:rgba(0,0,0,.4);display:flex;height:100%;justify-content:center;left:0;padding-top:5%;position:absolute;top:0;width:100%;z-index:100}.modal-container{background:#4096cc;border-radius:12px;max-height:90vh;overflow-y:auto;padding:20px;position:relative;width:90%}.modal-close-btn{position:absolute;right:14px;top:10px;z-index:10}.modal-body{margin-top:40px}.modal-background{background:#2e70a0;border-radius:12px}.border-bottom{border-bottom:3px solid #fff;padding-bottom:5px}.w-100{width:100%}.w-90{width:90%}.w-75{width:75%}.w-50{width:50%}.w-45{width:45%}.w-25{width:25%}.w-10{width:10%}.mt-10{margin-top:10px}.mt-20{margin-top:20px}.mt-25{margin-top:25px}.mb-10{margin-bottom:10px}.mb-20{margin-bottom:20px}.mb-25{margin-bottom:25px}