body {
 font-family: 'Roboto', sans-serif;
 font-size: 14px;
 color: #333;
 margin: 0;
 background: #fac5d9;
 background-image: url('../images/uniade_bg.jpg');
 background-repeat: no-repeat;
 background-attachment: fixed;
 background-size: 100% 100%;
}
@font-face {
 font-family: 'Fregat_bold';
 src: url('../fonts/Fregat_bold.woff2') format('woff2'),
 url('../fonts/Fregat_bold.ttf')  format('truetype'), /* Только если нужна поддержка старых Android, иначе закомментировать */
 url('../fonts/Fregat_bold.woff') format('woff');
 font-weight: normal;
 font-style: normal;
}
.form-control {
 margin-bottom: 10px;
}
button {
 margin-bottom: 10px;
 margin-top: 10px;
}
.btn-profile{
 margin-bottom: 30px;
}
.error {
 color: red !important;
}
.file-label {
 padding: 4px;
 font-size: 16px;
 font-family: Fregat_bold;
 font-weight: 500;
 letter-spacing: 1px;
 color: #FFFFFF;
 border: 4px solid #FFFFFF;
 background-color: #ec608a;
 border-radius: 30px;
 -moz-border-radius: 30px;
 -webkit-border-radius: 30px;
 margin-bottom: 0;
 width:100%;
}
.modal-file-label {
 padding: 4px;
 font-size: 16px;
 font-family: Fregat_bold;
 font-weight: 500;
 letter-spacing: 1px;
 margin-bottom: 0;
 width:100%;
}
.modal-file-text {
 margin-bottom: 0;
}
.form-select.is-valid {
 background-position: center right calc(1.0em + 0.1875rem);
}
.invalid-feedback {
 font-size: 1.25em;
 margin-bottom: 10px;
}
.file-input{
 padding:0.5em;
 white-space: nowrap;
 overflow:hidden;
 background:#E9ECEF;
 font-size:16px;
 border: 1px solid #CED4DA;
 border-radius: 5px;
 padding-top: 0.3em;
 padding-bottom: 0.3em;
}
.file-button{
 padding-left: 0;
}
.error-message {
 padding-top: 10px;
 color: red;
 cursor: pointer;
}
.hide{
 display: none;
}
.container{
 margin-top: 20px;
}
.col-12 {
}
.cert {
 padding-top: 20px;
 font-size: 25px;
 padding-left: 0px;
 padding-right: 0px;
}
.photo {
 margin-bottom: 20px;
 width: 100%;
}
.btn-primary {
 background-color: #E5224C;
 border-color: white;
}
h4 {
 text-align: left;
}
.chart_div {
 padding-bottom: 20px;
 width: 100%;
 min-height: 450px;
}
.achieveimage {
 padding-left: 5px;
 padding-right: 5px;
}
.form-check-custom-input{
 width: 1.25rem;
 height: 1.25rem;
 margin-left: 0px;
}
.checkbox-label{
 padding-left: 30px;
 width: 100%;
}
.large-check {
 width: 1.5em;
 height: 1.5em;
 margin-top: 0;
}
.large-label {
 margin-left: 1em;
}
.alert{
 text-align: left;
}
.btn-bottom {
 margin-top: 20px;
}
.btn-test{
 padding: 4px;
 font-size: 16px;
 font-family: Fregat_bold;
 font-weight: 500;
 letter-spacing: 1px;
 color: #FFFFFF;
 border: 4px solid #FFFFFF;
 background-color: #ec608a;
 width: 100%;
 border-radius: 30px;
 -moz-border-radius: 30px;
 -webkit-border-radius: 30px;
}
.btn-uniade{
 padding: 4px;
 font-size: 16px;
 font-family: Fregat_bold;
 font-weight: 500;
 letter-spacing: 1px;
 color: #FFFFFF;
 border: 4px solid #FFFFFF;
 background-color: #3DB9DD;
 width: 100%;
 border-radius: 30px;
 -moz-border-radius: 30px;
 -webkit-border-radius: 30px;
}
.btn-uniade-small {
 zoom:0.9;
}
.btn-small{
 max-width: 200px;
}
.btn-nav{
 max-width: 50px;
 font-size: 24px;
 vertical-align: center;
 line-height: 1.2;
 padding-top: 0px;
}
.btn-top{
 margin-top: 40px;
}
.btn-sports-bottom{
 margin-bottom: 118%;
}
.btn-gym-control-weight{
 width: 100px;
}
.input-gym-weight{
 margin-left: auto;
 margin-right: auto;
 text-align: center;
}
.btn-gym-save{
 max-width: 200px;
}
.text{
 color: #ec608a;
 font-family: Fregat_bold;
}
.uniade-text{
 color: #ffffff;
 font-family: Fregat_bold;
 text-align: center;
}
.uniade-text-big {
 font-size: 15rem;
}
.uniade-table {
 color: #ffffff;
 font-family: Fregat_bold;
 font-size: 1.5em;
}
table.presentation-table > tbody > tr > td{
 color: #ffffff;
 background-color: #0E1764;
 border-color: #232A72;
}
table.presentation-table > thead > tr > th{
 color: #ffffff;
 background-color: #232A72;
}
.presentation-header {
 text-align: left;
}
.presentation-rank {
 background: linear-gradient(#3E477E, #3E477E);
 background-size: 50% 100%;
 background-position: 50% 50%;
 background-repeat: no-repeat;
}
.presentation-top-rank {
 background: linear-gradient(red, red);
 background-size: 50% 100%;
 background-position: 50% 50%;
 background-repeat: no-repeat;
}
.fileList{
 font-family: Fregat_bold;
 font-size: 20px;
}
.marathon_text{
 color: #ec608a;
 font-family: Fregat_bold;
}
.rewards{
 margin-top: 20px;
}
.mobile-show{
 display: none;
}
.gym{
 min-width: 1000px;
 overflow-x: auto;
 word-break: break-word;
}
#profile-test{
 background: url("../images/gymland/house_bg.png");
 background-size: 100% 100%;
 padding: 40px;
}
#profile-test2{
 background: url("../images/gymland/profile_bg.png");
 background-size: 100% 100%;
 padding: 40px;
 min-height: 800px;
}
#sports-palace-test{
 background: url("../images/gymland/sports-palace_bg.png");
 background-size: 100%;
 background-repeat: no-repeat;
 background-position: center top;
}
#gym-test {
 background: url("../images/gymland/gym_bg.png");
 background-size: 100%;
 background-repeat: no-repeat;
 background-position: center top;
}
#gym-test h5{
 color: #ec608a;
 font-family: Fregat_bold;
}
#gym-control-weight h2{
 color: #ec608a;
 font-family: Fregat_bold;
}
#profile-test2 h4{
 color: #ec608a;
 font-family: Fregat_bold;
}
#profile-test h4{
 color: #ec608a;
 font-family: Fregat_bold;
}
.bankings {
 color: #ec608a;
 font-family: Fregat_bold;
 text-align: left;
}
#gym-control-weight{
 background: url("../images/gymland/gym-control-weight_bg.png");
 background-size: 100% 100%;
 padding: 10px;
}
#profileChange{
 color: #ec608a;
 font-family: Fregat_bold;
}
.polechka{
 margin-bottom: 10px;
}
.verification{
 color: #ec608a;
 font-family: Fregat_bold;
}
.col-button{
 padding-left: 0.6%;
 padding-right: 0.6%;
}
.col-nav-right{
 padding-right: 4%;
}
.col-nav-left{
 padding-left: 4%;
}
.empty {
 height: 450px;
}
.form-checkbox {
 height: auto;
}
.text-link {
 word-wrap: break-word;
}
@media screen and (max-width: 960px) {
 #profile-test {
  background: url("../images/gymland/house_bg_mobile.png");
  background-size: 100% 100%;
  padding: 40px;
 }
 #gym-test {
  background: url("../images/gymland/gym_bg_mobile.png");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center top;
 }
 .empty-2 {
  height: 0px;
 }
 .empty {
  height: 300px;
 }
 .chart_div {
  padding-bottom: 0px;
  min-height: 450px;
 }
}
@media screen and (max-width: 1200px) {
 #gym-control-weight{
  background: url("../images/gymland/gym-control-weight_bg_mobile.png");
  background-size: 100% 100%;
  padding: 10px;
 }
 #profile-test2 {
  padding: 20px;
 }
}
@media screen and (max-width: 450px) {
 .btn-test{
  width:100%;
 }
}
@media screen and (max-width: 575px) {
 .mobile-show{
  display: inherit;
 }
 .col-nav-right{
  padding-right: 0.6%;
 }
 .col-nav-left{
  padding-left: 0.6%;
 }
 .uniade-text-big{
  font-size: 8rem;
 }
}
@media screen and (max-width: 767px) {
 .file-button{
  padding-left: 15px;
 }
 .modal-file-text{
  margin-left: 15px;
  margin-right: 15px;
  margin-top: 10px;
  margin-bottom: 10px;
  flex: auto;
 }
}
@media screen and (min-width: 768px) {
 .diploma-row{
  margin-right:1px
 }
}
.t142__submit-overflowed{
 line-height: 3.5!important;
}
.spinner {
 -webkit-animation: rotator 1.4s linear infinite;
 animation: rotator 1.4s linear infinite;
}

@-webkit-keyframes rotator {
 0% {
  transform: rotate(0deg);
 }
 100% {
  transform: rotate(270deg);
 }
}

@keyframes rotator {
 0% {
  transform: rotate(0deg);
 }
 100% {
  transform: rotate(270deg);
 }
}
.path {
 stroke-dasharray: 187;
 stroke-dashoffset: 0;
 transform-origin: center;
 -webkit-animation: dash 1.4s ease-in-out infinite, colors 5.6s ease-in-out infinite;
 animation: dash 1.4s ease-in-out infinite, colors 5.6s ease-in-out infinite;
}

@-webkit-keyframes colors {
 0% {
  stroke: #4285F4;
 }
 25% {
  stroke: #DE3E35;
 }
 50% {
  stroke: #F7C223;
 }
 75% {
  stroke: #1B9A59;
 }
 100% {
  stroke: #4285F4;
 }
}

@keyframes colors {
 0% {
  stroke: #4285f4;
 }
 25% {
  stroke: #DE3E35;
 }
 50% {
  stroke: #F7C223;
 }
 75% {
  stroke: #1B9A59;
 }
 100% {
  stroke: #4285F4;
 }
}
@-webkit-keyframes dash {
 0% {
  stroke-dashoffset: 187;
 }
 50% {
  stroke-dashoffset: 46.75;
  transform: rotate(135deg);
 }
 100% {
  stroke-dashoffset: 187;
  transform: rotate(450deg);
 }
}
@keyframes dash {
 0% {
  stroke-dashoffset: 187;
 }
 50% {
  stroke-dashoffset: 46.75;
  transform: rotate(135deg);
 }
 100% {
  stroke-dashoffset: 187;
  transform: rotate(450deg);
 }
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

.custom-control-label::before,
.custom-control-label::after {
 top: .8rem;
 width: 1.25rem;
 height: 1.25rem;
 margin-left:1em;
}

.form-control-lg {
 height: 0;
 padding:0;
}
.card {
 color:#FFFFFF;
 background: none;
}

.list-group {
 padding-left:0 !important;
 margin-bottom:0 !important;
}

#groups::-webkit-scrollbar {
  width: 10px;
  background-color: #f9f9fd;
}

#groups::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #18aaaa;
}

#groups::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2);
  border-radius: 10px;
  background-color: #f9f9fd;
}
#list-scroll::-webkit-scrollbar {
  width: 10px;
  background-color: #f9f9fd;
}

#list-scroll::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #4285F4;
}

#list-scroll::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2);
  border-radius: 10px;
  background-color: #f9f9fd;
}

.btn-approve {
 background-color: limegreen !important;
}

.score-approve {
 background-color: limegreen !important;
 color: white;
}

.score-negative {
 background-color: red !important;
 color: white;
}