.p-cont-layout{width:100%;min-width:873px;height:100vh;float:left;position:relative;background-image:url(../img/logo/jaba-lab-logo-text-body.svg);background-color:var(--color-gray-c);background-repeat:no-repeat!important;background-position:center!important;background-size:15% auto!important;transition:all .2s!important;z-index:1}.p-body-layout{position:relative;float:left;width:100%;margin-top:0;height:calc(100vh - 107px);height:calc(100vh - 50px);overflow:auto}.p-top-layout{width:100%;float:left;height:50px;position:relative;padding:2px 0;background:var(--color-gray-b);box-shadow:0 2px 2px var(--color-gray-a);transition:all .2s!important;z-index:5}.p-top-layout .icon-style-mode{position:relative!important;float:left!important}.p-sub-top-layout{position:relative;float:left;margin-top:2px;height:50px;position:relative;padding:5px 0;margin-top:5px;z-index:4;margin-bottom:-55px}.cont-logo-top{float:left;height:100%;padding:5px;text-align:center;width:150px}.cont-logo-top img{width:100%;height:100%;transition:all .2s!important}.cont-option-top,.cont-option-top-fr{float:left;height:100%;vertical-align:middle;position:relative;text-decoration:none;color:var(--color-text-menu)!important;padding:0 10px;transition:all .2s;margin:0 2px;border-radius:5px;cursor:pointer;transition:all .2s!important}.cont-option-top i,.cont-option-top-fr i{float:left;font-size:30px}.p-img-user-profile{height:33px;width:33px;padding:1px;margin:0 5px;margin-top:7px;border:2px solid var(--color-dark);border-radius:50%;float:left;object-fit:cover;transition:all .2s ease}.cont-option-top:hover .p-img-user-profile{border:2px solid var(--color-base);transition:all .2s ease}.cont-option-top span,.cont-option-top-fr span{float:left;padding:10px 5px 0 0}.cont-option-top:hover,.cont-option-top-fr:hover{transition:all .2s;background:var(--color-gray-b);color:var(--color-base)!important}.cont-option-top-fr{float:right}.p-sub-menu-item{float:left;height:100%;text-align:center;border-radius:5px;margin:0 5px;padding:0 10px;text-align:center;align-content:center;cursor:pointer;transition:all .2s ease;box-shadow:2px 2px 2px var(--color-gray-a);background:var(--color-gray-b);position:relative}.p-extra-menu{position:absolute;height:calc(100vh - 130px);overflow:hidden;max-width:250px;width:100%;top:60px;left:10px;border-radius:10px;background:var(--color-white-transparent);box-shadow:-2px 2px 2px var(--color-gray-b);border:1px solid var(--color-gray-b);z-index:3;transition:all .2s!important}.p-body-extra-body{height:calc(100vh - 130px);position:absolute;width:calc(100% - 20px);top:65px;right:10px;transition:all .2s!important;overflow:hidden}.p-em-int{float:left;width:100%;height:100%;padding:10px;overflow-y:auto;direction:rtl;text-align:left;scrollbar-width:thin;scrollbar-color:var(--color-base) transparent}.p-em-int>*{direction:ltr}.p-beb-int{float:left;width:100%;height:100%;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--color-base) transparent}.p-row-ex-m{float:left;position:relative;width:100%;transition:all .2s!important;color:var(--color-dark);cursor:pointer;border-radius:5px;margin:5px 0;padding:10px;background:var(--color-gray-b)}.p-row-ex-m:hover{transition:all .2s!important;box-shadow:2px 2px 2px var(--color-gray-a);background:var(--color-base);color:var(--color-white)}.p-row-ex-m i{color:var(--color-base)}.p-row-ex-m:hover i{color:var(--color-white)}.p-sub-menu-item:hover,.active-item{background:var(--color-base);color:var(--color-white);transition:all .2s ease}.p-sub-menu-item:hover i{color:var(--color-white)}.p-sub-menu-item span{padding-left:5px}.p-sub-menu-item i{color:var(--color-base)}.active-item i{color:var(--color-white)}.is-new{position:absolute;background:var(--color-dark);color:var(--color-white);padding:0 5px;right:0;top:0;font-size:10px;border-radius:5px;margin-top:-5px;margin-right:-5px;text-transform:lowercase}.is-new i{color:var(--color-base)!important}.p-sm-special{background:var(--color-gray-b)}.p-sm-special:hover{background:var(--color-base)}.p-sm-special i{color:var(--color-dark)}