@media screen and (max-width: 1200px){.page-my-my-data .form-body.row .col-md-9,.page-my-my-data .form-body.row .col-md-3{max-width:100%;flex:0 0 100%}.upload-form .col-md-12{padding-left:0!important;padding-right:0!important}.upload-form .col-md-12>.p-2{padding:0!important;margin-left:0!important;margin-right:0!important}.upload-form .col-8,.upload-form .col-4{max-width:100%;flex:0 0 100%;padding:0!important;margin:0!important}.upload-form .dropzone .dz-preview,.upload-form .dropzone .dz-details,.upload-form .dropzone .croppr-container,.upload-form .dropzone .croppr,.upload-form .dropzone .croppr-overlay,.upload-form .uploaded-preview{max-width:60vw!important;margin:auto!important}.upload-form .dropzone,.upload-form .dropzone .dz-preview,.upload-form .dropzone .croppr{padding:0!important;margin:0!important}.upload-form .dropzone .dz-preview .dz-details .croppr img,.upload-form .uploaded-preview img{max-width:100%!important}.upload-form .croppr-region{border:2px solid gold}}@media screen and (min-width: 960px){.dropzone .dz-preview .dz-details img.portrait{max-width:400px!important;width:auto!important;height:100%!important}}.topbar{border-bottom:2px solid var(--c-blue);display:flex;flex-flow:column;justify-content:flex-end;width:100%;z-index:200000;position:relative;background:#fff}.topbar .topbar-logo{min-width:100%;min-height:var(--topbar-height);background:#fff;border-bottom:2px solid var(--c-blue)}.topbar .topbar-nav{width:100%;justify-content:center;display:flex;flex-flow:column}.topbar .navigation{display:flex}.topbar .navigation .navigation-item{position:relative}.topbar .navigation .navigation-link{padding-left:.4rem;padding-right:.4rem;padding-top:.5rem;display:block;color:var(--c-text)}.topbar .navigation .navigation-sub{background:#fff;min-width:300px;max-width:300px;right:0;height:calc(100vh - var(--topbar-height));display:block;position:fixed;z-index:40000;box-shadow:5px 5px 20px #0003;border-radius:.267rem;overflow-y:scroll}.topbar .navigation .badge{position:absolute;background:var(--c-green);top:.2rem;right:-.5rem;width:1.4rem;height:1.4rem;border-radius:50%;padding:0;text-align:center;padding-top:.4rem}.topbar .service-nav{max-width:100%;display:flex;justify-content:space-between;order:1;padding-left:1rem;padding-right:1rem}.topbar .service-nav .navigation-item{margin-right:0}.topbar .service-nav i{font-size:2rem}.topbar .service-nav .navigation-link .user-avatar{border:1px solid var(--c-green);transform:translateY(-2px)}.topbar .service-nav .navigation-link .user-avatar img,.topbar .service-nav .navigation-link .user-avatar,.topbar .service-nav .navigation-link .user-avatar .avatar-fallback{max-height:32px!important;max-width:32px!important}.topbar .main-nav{flex-flow:column;order:2;display:none}.topbar .main-nav .navigation-item{margin-right:0}.topbar .main-nav .navigation-link{height:auto}.topbar .main-nav .navigation-link.is-active{border-bottom:2px solid var(--c-gray)}.topbar .main-nav.is-open{display:flex}.notification .notification-body{max-width:80%}@media screen and (min-width: 600px){body.has-sidebar .topbar-logo{position:fixed;left:0;top:0}.topbar{height:var(--topbar-height);flex-flow:row}.topbar .topbar-logo{min-width:var(--sidebar-width);min-height:var(--topbar-height);position:absolute;left:0;top:0;background:#fff;border-bottom:2px solid var(--c-blue)}.topbar .topbar-nav{width:80%;justify-content:flex-end;display:flex;flex-flow:row}.topbar .navigation .navigation-link-toggle-main{display:none}.topbar .navigation .navigation-item{margin-right:2rem}.topbar .navigation .navigation-link{padding-top:3rem;height:var(--topbar-height)}.topbar .navigation .navigation-link.is-active{border-bottom:10px solid var(--c-blue)}.topbar .navigation .badge{top:2.5rem;right:-.5rem;width:1.4rem;height:1.4rem}.topbar .main-nav{display:flex;flex-flow:row;order:1}.topbar .service-nav{order:2;padding-left:0;padding-right:0}}.sidebar{padding-right:1rem;position:fixed;left:0;bottom:0;top:var(--topbar-height);z-index:2;background:var(--c-gray);min-width:100%;max-width:100%;opacity:1;padding-top:6rem;overflow-y:scroll;padding-bottom:7.5rem;scrollbar-width:none;-ms-overflow-style:none}.sidebar::-webkit-scrollbar{display:none}.sidebar-toggler{position:absolute;right:.4rem;width:1rem;top:4rem;height:2rem;display:block;padding:.2rem;z-index:8000;cursor:pointer;transform:translateY(1rem)}.sidebar-toggler i{display:inline-block;text-align:center}.sidebar-nav{opacity:1;transform:translate(0);transition:all ease .4s,opacity ease .2s;padding:1rem}.sidebar.is-hidden{opacity:.15;max-width:0;min-width:0}.sidebar.is-hidden:hover{opacity:1;background:var(--c-gray)}.sidebar.is-hidden .sidebar-nav{opacity:0;transform:translate(-200%)}.sidebar-nav.nav{flex-direction:column}.sidebar-nav .nav-item{display:block;width:100%}.sidebar-nav .nav-link{padding:0 0 0 .5rem;color:var(--c-text)!important}.sidebar-nav .nav-link.is-active{color:var(--c-blue)!important}.sidebar-nav .nav-title{padding-bottom:1rem;display:block}.sidebar-nav i.bx,.sidebar.is-hidden .sidebar-static{display:none}@media screen and (min-width: 600px){.sidebar{min-width:var(--sidebar-width);max-width:var(--sidebar-width);padding-top:0rem}.sidebar.is-hidden{opacity:.3;max-width:1.5rem;min-width:1.5rem}}:root{--teal: #76b837;--blue: #004f9f;--primary: #76b837;--primary-light: #a1c97a;--secondary: #004f9f;--light: #e8e8e8}body{background:#fff!important}.app-wrapper a{color:#004f9f!important}.bg-secondary{background:var(--secondary)!important}.btn.btn-light-danger:hover,.btn.btn-secondary:hover,.btn.btn-danger:hover{background:#4e5b5f!important;color:#fff!important}.btn i{color:currentColor}.btn.btn-primary{color:#fff!important;background-color:#76b837!important;border:1px solid #76b837!important}.btn.btn-primary:hover{background:#4e5b5f!important;border:1px solid #4E5B5F!important}.btn.btn-secondary{background:var(--blue)!important;color:#fff!important}.btn.btn-border-secondary{border:1px solid var(--secondary);background:none!important;color:#475f7b!important}.btn.btn-light-primary{background:transparent!important;color:var(--teal)!important;border:1px solid #76b837!important}.btn.btn-light-primary:hover{border:1px solid #76b837!important;color:#fff!important;background:#76b837!important}.btn-light-secondary{background-color:transparent;color:#4e5b5f!important;border:1px solid #4E5B5F!important}.btn.btn-light-secondary:hover{background:#4e5b5f!important;color:#fff!important;border:1px solid #4E5B5F!important}.btn.btn-blue{color:#fff!important}.logout-form .logout-button i{color:#fff!important;font-size:3rem;position:absolute;right:1rem;top:2rem}.logout-form .logout-button i:hover i{opacity:.6}.badge.badge-certificate.badge-pill.badge-info.certificate-child,.badge.badge-certificate.badge-pill.badge-info.certificate-parent{max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:.4rem;font-size:.9em}.badge.badge-certificate.badge-pill.badge-info.certificate-parent{background:var(--c-blue);padding-top:.4rem;padding-bottom:.4rem;display:block}.badge.badge-certificate.badge-pill.badge-info.certificate-child{padding-top:.3rem;padding-bottom:.3rem;background:#4e5b5f;color:#fff}.training-table b .bx.bx-show{display:none}.training-state-items .bx{font-size:.9em}.training-state-items .training-state-item{padding-right:.2rem}.training-state-items .training-state-item.is-disabled{opacity:.2}.qr-code svg,.qr-code img{max-width:100%;height:auto}.modal .qr-code{min-height:50vh;min-width:100%}.modal .qr-code svg{width:100%;max-height:70vh}.page-training_index .training-table tr td:nth-child(6){max-width:80px}.page-training_index .training-table tr td:nth-child(5){max-width:100px}.page-training_index .training-table tr td:nth-child(3){min-width:200px}.page-training_index .training-table tr td:nth-child(2){max-width:70px}body.show-content .main{margin-left:0!important}body.show-content.page-user_edit .autograph-form,body.show-content.page-user_edit .fields-user,body.show-content.page-user_edit .fields-roles{display:none}body.show-content.page-user_edit .upload-form .dropzone,body.show-content.page-user_edit .upload-form .col-8,body.show-content.page-user_edit .upload-form .dz-image-preview{padding:0}.color-danger{color:var(--danger)}.color-warning{color:var(--warning)}.dashboard-topbar-user{background:var(--secondary);position:relative;min-width:16rem;left:-3rem}.dashboard-topbar-user .menu{position:absolute;z-index:2002;background:var(--secondary);left:0;right:0;border-bottom:1px solid var(--secondary);padding:1rem;box-shadow:0 10px 2px #0003}.dashboard-topbar-user .menu-item a{color:#fff!important;padding:1rem}.dashboard-topbar-user .menu-item a:hover{border-bottom:1px solid white}:root{--c-blue: #004f9f;--c-text: #475F7B;--c-green: #76b837;--c-gray: #E8E8E8;--topbar-height: 99px;--sidebar-width: 250px}.app-wrapper{width:100%;display:flex}.main{background:#fff;padding-left:1.5rem;padding-right:1.5rem;margin-left:var(--sidebar-width);width:calc(100% - var(--sidebar-width))}.main.no-sidebar{margin-left:0;width:100%}.main-logo{--distance: 2rem;background:url(/assets/sltheme/images/systemlift-logo.png) no-repeat center;background-size:60%;min-height:calc(var(--topbar-height) - var(--distance) * 2);display:block;margin-top:var(--distance)}@media screen and (min-width: 600px){.main-logo{background-image:url(/assets/sltheme/images/systemlift-logo.png);background-repeat:no-repeat;background-size:contain;width:calc(100% - var(--distance) * 2);height:calc(100% - var(--distance) * 2);margin-left:var(--distance)}.main.no-sidebar{padding-left:3rem}}.modal{z-index:5000000}.page-trainingwizard_order .order-form>.card:nth-child(1){max-width:75%;margin-top:-3rem}.page-trainingwizard_order .sec-certificates{max-width:75%}.page-trainingwizard_order .card-header b{font-size:1.4em}