.user-panel{margin:-48px 0 0;}
.user-panel .breadcrumb{margin:0 calc(-50vw + 50%) !important;padding:6px calc(50vw - 50%);background-color:#ebf1f2;border-top:1px solid #d8dce0;border-bottom:1px solid #d8dce0;}
.user-panel .breadcrumb ul,.user-panel .breadcrumb li{list-style:none;margin:0;padding:0;}
.user-panel .breadcrumb ul{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.user-panel .breadcrumb ul li{display:inline;font-size:0.688em;color:#888;}
.user-panel .breadcrumb ul li:after{content:"\f105";font-family:"Font Awesome 5 Pro";font-style:normal;font-variant:normal;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:0.875em;font-weight:400;margin:0 8px 0 12px;}
.user-panel .breadcrumb ul li:last-child:after{display:none;}
.user-panel .breadcrumb ul li a{color:inherit;}
.user-panel .panel{margin:0 calc(-50vw + 50%) !important;padding:0 calc(50vw - 50%);display:flex;align-items:center;justify-content:space-between;background-color:#ebf1f2;border-bottom:1px solid #d8dce0;}
.user-panel .panel .user{margin:0 24px 0 0;display:flex;align-items:center;}
.user-panel .panel .user .avatar{flex-shrink:0;margin:0 12px 0 0;position:relative;width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:50%;overflow:hidden;}
.user-panel .panel .user .avatar.noimg{background:#fff;position:relative;border:1px solid #d8dce0;}
.user-panel .panel .user .avatar.noimg:before{content:"\f508";font-family:"Font Awesome 5 Pro";font-style:normal;font-variant:normal;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#000;font-size:1.6em;opacity:0.1;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
.user-panel .panel .user .info{line-height:1.2;}
.user-panel .panel .user .info .name{font-size:0.875em;font-weight:700;}
.user-panel .panel .user .info .role{font-size:0.750em;font-weight:500;color:#888;margin:2px 0 0;}
.user-panel .panel .menu{margin:0 0 0 auto;}
.user-panel .panel .menu ul,.user-panel .panel .menu li{list-style:none;margin:0;padding:0;}
.user-panel .panel .menu ul{display:flex;}
.user-panel .panel .menu ul li{flex:1 1 auto;margin:0 18px;}
.user-panel .panel .menu ul li:first-child{margin-left:0;}
.user-panel .panel .menu ul li:last-child{margin-right:0;}
.user-panel .panel .menu ul li .a{height:70px;position:relative;display:flex;align-items:center;font-size:0.9375em;font-weight:700;line-height:1.2;color:#888;transition:250ms color ease;-webkit-transition:250ms color ease;}
.user-panel .panel .menu ul li .a::before{content:"";font-family:"Font Awesome 5 Pro";font-style:normal;font-variant:normal;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:0.875em;margin:0 8px 0 0;}
.user-panel .panel .menu ul li .a::after{content:"";position:absolute;z-index:9;left:0;right:0;bottom:-2px;margin:auto;width:0;height:3px;background:#a5ce49;transition:250ms width ease;-webkit-transition:250ms width ease;}
.user-panel .panel .menu ul li.event .a::before{content:"\f073";}
.user-panel .panel .menu ul li.trainer .a::before{content:"\f508";}
.user-panel .panel .menu ul li.player .a::before{content:"\f70c";}
.user-panel .panel .menu ul li.report .a::before{content:"\f201";}
.user-panel .panel .menu ul li.document .a::before{content:"\f56d";}
.user-panel .panel .menu ul li.announcement .a::before{content:"\f784";}
.user-panel .panel .menu ul li.mydata .a::before{content:"\f4fe";}
.user-panel .panel .menu ul li.logout .a::before{content:"\f2f5";}
.user-panel .panel .menu ul li:hover .a,.user-panel .panel .menu ul li.current .a,.user-panel .panel .menu ul li.active .a{text-decoration:none;color:#5264ac;}
.user-panel .panel .menu ul li:hover .a::after,.user-panel .panel .menu ul li.current .a::after,.user-panel .panel .menu ul li.active .a::after{width:100%;}
.user-panel .panel > .logout{display:none;}
.user-panel .submenu{margin:32px 0 0;border-bottom:1px solid #d8dce0;}
.user-panel .submenu ul,.user-panel .submenu li{margin:0;padding:0;list-style:none;}
.user-panel .submenu ul{display:flex;align-items:flex-end;}
.user-panel .submenu ul li .a{height:44px;padding:3px 24px 0;margin:0 0 -1px 0;display:flex;align-items:center;justify-content:center;text-align:center;font-size:0.875em;font-weight:500;line-height:1.2;color:#888;border:1px solid transparent;border-radius:6px 6px 0 0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;transition:250ms color ease;-webkit-transition:250ms color ease;}
.user-panel .submenu ul li .a:hover{text-decoration:none;color:#5264ac;}
.user-panel .submenu ul li.active .a,.user-panel .submenu ul li.current .a{color:#5264ac;border-color:#d8dce0;border-bottom-color:#fff;}
.user-back{margin:48px 0 0;display:flex;justify-content:center;}
.user-back:first-child{margin-top:0;}
.user-login-form{max-width:500px;margin:-32px auto 0;border-radius:8px;background:#fff;box-shadow:0px 3px 5px 0px rgba(0,0,0,0.16);overflow:hidden;}
.user-login-form .lf-tabs{display:flex;}
.user-login-form .lf-tabs .lf-tab{width:50%;padding:12px 16px;font-size:0.875em;font-weight:700;text-align:center;text-transform:uppercase;color:#888;background:#ebf1f2;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.user-login-form .lf-tabs .lf-tab:hover{text-decoration:none;}
.user-login-form .lf-tabs .lf-tab.active{color:#5264ac;background:#fff;}
.user-login-form .lf-content{margin:32px 48px;}
.user-login-form .lf-content .lf-form h2{text-align:center;}
.user-login-form .lf-content .lf-form .field{margin:16px 0 0;}
.user-login-form .lf-content .lf-form .field .label{margin:0 0 4px;font-size:0.875em;font-weight:700;}
.user-login-form .lf-content .lf-form .field .inp input,.user-login-form .lf-content .lf-form .field .inp select{width:100%;}
.user-login-form .lf-content .lf-form .field .chk{display:flex;}
.user-login-form .lf-content .lf-form .field .chk .inp-checkbox{flex-shrink:0;margin:0 5px 0 0;}
.user-login-form .lf-content .lf-form .field .rules-more-btn span{color:#5264ac;cursor:pointer;}
.user-login-form .lf-content .lf-form .field .rules-more-btn span::after{content:"\f078";font-family:"Font Awesome 5 Pro";font-style:normal;font-variant:normal;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:0.9rem;font-weight:bold;margin:0 0 0 4px;}
.user-login-form .lf-content .lf-form .field .rules-more-btn span.active::after{content:"\f077";}
.user-login-form .lf-content .lf-form .field .rules-more{margin:4px 0 0;font-size:1.1rem;color:#888;}
.user-login-form .lf-content .lf-form .field.autologin{margin-top:24px;font-size:1.2rem;}
.user-login-form .lf-content .lf-form .field.rules{margin-top:16px;font-size:1.2rem;}
.user-login-form .lf-footer{margin:32px 48px;text-align:center;}
.user-login-form .lf-footer .forgot{margin:12px 0 0;display:inline-block;font-size:0.813em;font-weight:500;text-decoration:underline;color:#888;}
.user-login-form .lf-footer .forgot:hover{text-decoration:none;}
.user-remove-account{text-align:right;font-size:1.2rem;padding:0 10px;}
.user-remove-account a:not(.button){display:inline-flex;align-items:center;font-weight:500;line-height:1;color:#888;transition:250ms color ease;-webkit-transition:250ms color ease;}
.user-remove-account a:not(.button)::before{content:"\f057";font-family:"Font Awesome 5 Pro";font-style:normal;font-variant:normal;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;margin:0 6px 0 0;}
.user-remove-account a:not(.button):hover{text-decoration:none;color:#ee1b2e;}
.tbl-user-data .avatar img{border-radius:50%;}
.tbl-user-data .avatar-noimg{width:65px;height:65px;display:flex;align-items:center;justify-content:center;text-align:center;border-radius:50%;overflow:hidden;background:#ebf1f2;position:relative;border:1px solid #d8dce0;}
.tbl-user-data .avatar-noimg:before{content:"\f508";font-family:"Font Awesome 5 Pro";font-style:normal;font-variant:normal;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#000;font-size:2.4em;opacity:0.1;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
.tbl-user-data .user-remove-avatar{margin:0 0 0 12px;display:inline-flex;align-items:center;font-size:0.875em;font-weight:500;line-height:1;color:#888;transition:250ms color ease;-webkit-transition:250ms color ease;cursor:pointer;}
.tbl-user-data .user-remove-avatar::before{content:"\f057";font-family:"Font Awesome 5 Pro";font-style:normal;font-variant:normal;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;margin:0 6px 0 0;}
.tbl-user-data .user-remove-avatar:hover{text-decoration:none;color:#ee1b2e;}
.tbl-user-schedule-form.tbl td.td-days{padding:0;border:1px solid #d8dce0;border-radius:8px;}
.tbl-user-schedule-form.tbl .row-days{padding:12px;border-bottom:1px solid #d8dce0;}
.tbl-user-schedule-form.tbl .row-days:last-child{border-bottom:none;}
.tbl-user-schedule-form.tbl .row-days .cols{display:flex;align-items:center;}
.tbl-user-schedule-form.tbl .row-days .cols .col.col-times{margin:0 16px 0 auto;display:flex;align-items:center;}
.tbl-user-schedule-form.tbl .row-days .cols .col.col-times > div{margin:0 3px;}
.tbl-user-schedule-form.tbl .row-days .cols .col.col-times > div:first-child{margin-left:0;}
.tbl-user-schedule-form.tbl .row-days .cols .col.col-times > div:last-child{margin-right:0;}
.tbl-user-schedule-form.tbl .row-days .cols .col.col-times .form-time{width:86px;}
.tbl-user-schedule-form.tbl .row-days .cols.cols-location{margin:12px -8px 0 -6px;}
.user-schedule-form{position:relative;}
.user-schedule-form::before{content:"";visibility:hidden;opacity:0;position:absolute;z-index:9;left:0;right:0;top:0;bottom:0;border-radius:8px;background-color:rgba(255,255,255,0.75);transition:250ms opacity ease;-webkit-transition:250ms opacity ease;}
.user-schedule-form.loading::before{visibility:visible;opacity:1;}
.user-events{position:relative;}
.user-events::before{content:"";visibility:hidden;opacity:0;position:absolute;z-index:9;left:0;right:0;top:0;bottom:0;border-radius:8px;background-color:rgba(255,255,255,0.75);transition:250ms opacity ease;-webkit-transition:250ms opacity ease;}
.user-events.loading::before{visibility:visible;opacity:1;}
.user-event-status-form{position:relative;}
.user-event-status-form::before{content:"";visibility:hidden;opacity:0;position:absolute;z-index:9;left:0;right:0;top:0;bottom:0;border-radius:8px;background-color:rgba(255,255,255,0.75);transition:250ms opacity ease;-webkit-transition:250ms opacity ease;}
.user-event-status-form.loading::before{visibility:visible;opacity:1;}
.user-event-results-form{position:relative;}
.user-event-results-form::before{content:"";visibility:hidden;opacity:0;position:absolute;z-index:9;left:0;right:0;top:0;bottom:0;border-radius:8px;background-color:rgba(255,255,255,0.75);transition:250ms opacity ease;-webkit-transition:250ms opacity ease;}
.user-event-results-form.loading::before{visibility:visible;opacity:1;}
.user-form-event-steps{position:relative;}
.user-form-event-steps::before{content:"";visibility:hidden;opacity:0;position:absolute;z-index:9;left:0;right:0;top:0;bottom:0;border-radius:8px;background-color:rgba(255,255,255,0.75);transition:250ms opacity ease;-webkit-transition:250ms opacity ease;}
.user-form-event-steps .step{margin:32px 0 0;position:relative;border:1px solid #d8dce0;border-radius:8px;}
.user-form-event-steps .step::before{content:"";position:absolute;left:30px;bottom:100%;height:32px;border-left:1px dashed #d8dce0;pointer-events:none;}
.user-form-event-steps .step:first-child{margin-top:0;}
.user-form-event-steps .step:first-child::before{display:none;}
.user-form-event-steps .step .step-hdr{padding:12px 16px;display:flex;align-items:center;line-height:1;}
.user-form-event-steps .step .step-hdr .step-hdr-nr{margin:0 12px 0 0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:0.875em;font-weight:700;background-color:#ebf1f2;border-radius:50%;}
.user-form-event-steps .step .step-hdr .step-hdr-label{font-weight:700;color:#888;}
.user-form-event-steps .step .step-content{padding:24px 24px;position:relative;border-top:1px solid #d8dce0;}
.user-form-event-steps .step .step-content::before{content:"";visibility:hidden;opacity:0;position:absolute;z-index:9;left:0;right:0;top:0;bottom:0;border-radius:8px;background-color:rgba(255,255,255,0.75);transition:250ms opacity ease;-webkit-transition:250ms opacity ease;}
.user-form-event-steps .step.current .step-hdr .step-hdr-nr{color:#fff;background-color:#5264ac;}
.user-form-event-steps .step.current .step-hdr .step-hdr-label{color:#20272d;}
.user-form-event-steps .step.done{border-color:#008d49;}
.user-form-event-steps .step.done .step-hdr .step-hdr-nr{color:#fff;background-color:#008d49;}
.user-form-event-steps .step.done .step-hdr .step-hdr-label{color:#20272d;}
.user-form-event-steps .step.loading{pointer-events:none;}
.user-form-event-steps .step.loading .step-content::before{visibility:visible;opacity:1;}
.user-form-event-steps.loading{pointer-events:none;}
.user-form-event-steps.loading::before{visibility:visible;opacity:1;}
.user-form-event-gallery .user-form-event-gallery-hdr{display:flex;align-items:center;}
.user-form-event-gallery .user-form-event-gallery-hdr .button-gallery-add input{display:none;}
.user-form-event-gallery .user-form-event-gallery-hdr .info{margin:0 0 0 24px;font-size:0.875em;line-height:1.1;}
.user-form-event-gallery .user-form-event-gallery-hdr .info span{font-weight:500;}
.user-form-event-gallery .gallery-msg{margin:24px 0;}
.user-form-event-gallery .gallery-images{margin:24px 0;position:relative;min-height:134px;padding:16px;border:1px dashed #abb3bb;border-radius:8px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.user-form-event-gallery .gallery-images .images{margin:-6px;display:flex;flex-wrap:wrap;}
.user-form-event-gallery .gallery-images .images .image{margin:6px;padding:6px;width:104px;height:104px;position:relative;z-index:1;background-color:#fff;border:1px dashed #d8dce0;border-radius:8px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;transition:250ms border-color ease;-webkit-transition:250ms border-color ease;}
.user-form-event-gallery .gallery-images .images .image img{border-radius:6px;}
.user-form-event-gallery .gallery-images .images .image .del{opacity:0;transform:scale(0);position:absolute;right:-9px;top:-9px;width:20px;height:20px;display:flex;align-items:center;justify-content:center;text-align:center;background-color:#888;border:2px solid #fff;border-radius:50%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;transition:250ms opacity, 250ms transform, 250ms background-color ease;}
.user-form-event-gallery .gallery-images .images .image .del::before{content:"\f00d";font-family:"Font Awesome 5 Pro";font-style:normal;font-variant:normal;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:0.8rem;font-weight:700;line-height:1;color:#fff;}
.user-form-event-gallery .gallery-images .images .image .del:hover{cursor:pointer;background-color:#ee1b2e;}
.user-form-event-gallery .gallery-images .images .image.loading .del{display:none;}
.user-form-event-gallery .gallery-images .images .image:hover{cursor:pointer;border-color:#abb3bb;}
.user-form-event-gallery .gallery-images .images .image:hover .del{opacity:1;transform:scale(1);}
.user-form-event-gallery .gallery-images .placeholder{position:absolute;left:0;right:0;top:0;bottom:0;display:flex;align-items:center;justify-content:center;text-align:center;font-size:0.875em;color:#888;pointer-events:none;opacity:.6;}
.user-form-event-players input,.user-form-event-trainers input,.user-form-event-schools input,.user-form-event-teachers input,.user-form-event-applicants input{width:100%;}
.user-trainers .trainer{display:flex;align-items:center;}
.user-trainers .trainer .image{flex-shrink:0;margin:0 16px 0 0;position:relative;width:45px;height:45px;display:flex;align-items:center;justify-content:center;border-radius:50%;overflow:hidden;}
.user-trainers .trainer .image.noimg{background:#ebf1f2;position:relative;border:1px solid #d8dce0;}
.user-trainers .trainer .image.noimg:before{content:"\f508";font-family:"Font Awesome 5 Pro";font-style:normal;font-variant:normal;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#000;font-size:1.6em;opacity:0.1;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
.user-trainers .trainer .info{line-height:1.2;}
.user-trainers .trainer .info .name{font-weight:700;}
.user-trainers .trainer .info .email{font-size:0.875em;font-weight:500;}
.tbl-trainer .avatar img{border-radius:50%;}
.tbl-trainer .avatar-noimg{width:65px;height:65px;display:flex;align-items:center;justify-content:center;text-align:center;border-radius:50%;overflow:hidden;background:#ebf1f2;position:relative;border:1px solid #d8dce0;}
.tbl-trainer .avatar-noimg:before{content:"\f508";font-family:"Font Awesome 5 Pro";font-style:normal;font-variant:normal;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#000;font-size:2.4em;opacity:0.1;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
.tbl-trainer .trainer-remove-avatar{margin:0 0 0 12px;display:inline-flex;align-items:center;font-size:0.875em;font-weight:500;line-height:1;color:#888;transition:250ms color ease;-webkit-transition:250ms color ease;cursor:pointer;}
.tbl-trainer .trainer-remove-avatar::before{content:"\f057";font-family:"Font Awesome 5 Pro";font-style:normal;font-variant:normal;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;margin:0 6px 0 0;}
.tbl-trainer .trainer-remove-avatar:hover{text-decoration:none;color:#ee1b2e;}
.user-consents .consents .consent{margin:16px 0;display:flex;}
.user-consents .consents .consent .inp-checkbox{flex-shrink:0;margin:3px 8px 0 0;}
.user-consents .consents .consent > label{flex-grow:1;}
.user-consents .consents + .buttons{margin-top:48px;}
.user-consents.disabled .consents .consent .inp-checkbox label{cursor:default;}
.user-consents.disabled .consents .consent .inp-checkbox:hover label{background:transparent;}
@media screen and (max-width: 1280px){.user-panel .breadcrumb ul li{font-size:0.750em;}
.user-panel .panel .menu ul li .a{font-size:1em;}
.user-panel .panel .user .avatar{margin:0 8px 0 0;}
}
@media screen and (max-width: 1100px){.user-panel .panel .menu ul li{margin:0 12px;}
}
@media screen and (max-width: 1000px){.user-panel .panel{padding-top:12px;padding-bottom:12px;}
.user-panel .panel .user{margin:0 auto 0 0;}
.user-panel .panel .user .info .name{font-size:1em;}
.user-panel .panel .user .info .role{font-size:0.875em;}
.user-panel .panel > .logout{display:block;}
}
@media screen and (max-width: 540px){.user-panel{margin:-32px 0 0;}
.user-back{margin:32px 0 0;}
.user-login-form{margin:auto;}
.user-login-form .lf-content{margin:24px;}
.user-login-form .lf-footer{margin:24px;}
.tbl-user-schedule-form.tbl td.td-days .tf tr{padding:8px 0;border:none;}
.tbl-user-schedule-form.tbl td.td-days .tf tr:first-child{border:none;}
.tbl-user-schedule-form.tbl .row-days .cols.cols-location{margin:12px 0 0 0;}
}