.preload * {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -ms-transition: none !important;
  -o-transition: none !important;
}

body{
  background: #000;
  background: url(../images/bg.jpg) center 0px no-repeat, #000;
  background-attachment: fixed !important;
  background-size: cover !important;   
}

.body-overlay{
  background: url(../images/gridtile_3x3.png), rgba(0,0,0,.44);
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&1+0,0.57+17,0.29+50,0.57+91,1+100 */
  background: url(../images/gridtile_3x3.png), -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0.57) 17%, rgba(0,0,0,0.29) 50%, rgba(0,0,0,0.57) 91%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
  background: url(../images/gridtile_3x3.png), -webkit-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(0,0,0,0.57) 17%,rgba(0,0,0,0.29) 50%,rgba(0,0,0,0.57) 91%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: url(../images/gridtile_3x3.png), linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(0,0,0,0.57) 17%,rgba(0,0,0,0.29) 50%,rgba(0,0,0,0.57) 91%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1c0107+0,000000+100&1+0,0.57+17,0.29+50,0.57+91,1+100 */
  background: url(../images/gridtile_3x3.png),-moz-linear-gradient(-45deg, rgba(28,1,7,1) 0%, rgba(97, 68, 5, 0.16) 17%, rgba(14,1,4,0.29) 50%, rgba(3,0,1,0.57) 91%, rgba(0,0,0,1) 100%);
  background: url(../images/gridtile_3x3.png),-webkit-linear-gradient(-45deg, rgba(28,1,7,1) 0%,rgba(97, 68, 5, 0.16) 17%,rgba(14,1,4,0.29) 50%,rgba(3,0,1,0.57) 91%,rgba(0,0,0,1) 100%);
  background: url(../images/gridtile_3x3.png),linear-gradient(135deg, rgba(28,1,7,1) 0%,rgba(97, 68, 5, 0.16) 17%,rgba(14,1,4,0.29) 50%,rgba(3,0,1,0.57) 91%,rgba(0,0,0,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c0107', endColorstr='#000000',GradientType=1 );
  background: url(../images/gridtile_3x3.png),linear-gradient(135deg, rgb(0, 0, 0) 0%,rgba(0, 0, 0, 0.78) 17%,rgba(14,1,4,0.29) 50%,rgba(3,0,1,0.57) 91%,rgba(0,0,0,1) 100%);
  background: url(../images/gridtile_3x3.png),linear-gradient(135deg, rgb(0, 0, 0) 0%,rgba(0, 0, 0, 0.5) 17%,rgba(14,1,4,0.29) 50%,rgba(3,0,1,0.2) 91%,rgba(0,0,0,1) 100%);
  position: fixed;
  width: 100%;height: 100%;
  z-index: -1;
  top: 0;
  left: 0;
}

::placeholder {
  font-size: 0.9rem;
  padding: 0;
  margin:0;
}

p{margin-bottom: 0;}
.navbar-brand img{
  width: 140px;
}
hr{border-top: 1px solid rgba(0, 0, 0, 0.2); }
pre{font-size: 12px; margin: 0; opacity: 0.8;}
select{width: 130px;padding: 2px;}
textarea{ margin-bottom: -8px; height: 60px;}

.loader-wrapper{
  display: table;
  margin: 0 auto;
  padding: 50px 0px;
}

/*.navbar{box-shadow: 0 0 10px #474747 !important;padding: 10px !important;}*/
/*#sidebar.active{display: none !important;}*/

/*
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {   
  border-color: red !important;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(126, 239, 104, 0.6) !important;
  box-shadow: none !important;
  outline: 0 none !important;
}
*/
.h2, h2 {font-size: 1.7rem;}

.i-am-coach-button{
  background: linear-gradient(90deg, #ffe000 0%, #9bfe17 100%) !important;
  color: #000 !important;
}

.opap-link img{
  width: 250px;
}

.academy-equipment-link{
  text-align: center;
  display: block;
  padding: 0.4rem;
  color: #FFF;
  border-radius: 4px;
  max-width: 450px;
  border: 1px solid #FFF;
  background: #000;
}

.macron-store{
  background: #1e3567;
}

.academy-equipment-link:hover{
  color: #DDD;
}

.academy-equipment-link img{
  width: 80%;
}

.navbar-dark .navbar-toggler{border: none;}

.account-expiration{
  background: rgb(252,176,69);
  background: linear-gradient(90deg, rgba(252,176,69,1) 0%, rgba(253,29,29,1) 50%, rgba(252,176,69,1) 100%);
  background: rgb(197,0,31);
  background: -moz-linear-gradient(top, rgba(197,0,31,1) 0%, rgba(197,0,31,1) 65%, rgba(221,0,33,1) 99%);
  background: -webkit-linear-gradient(top, rgba(197,0,31,1) 0%,rgba(197,0,31,1) 65%,rgba(221,0,33,1) 99%);
  background: linear-gradient(to bottom, rgba(197,0,31,1) 0%,rgba(197,0,31,1) 65%,rgba(221,0,33,1) 99%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed3e17', endColorstr='#dd0021',GradientType=0 );
  color: #FFF;
  border: none;
}

.search-filters{
  background: linear-gradient(90deg, #2759e8 0%, #9cff15 100%);
  background: #3c8def;
  color: #FFF;
}

.form-control:focus{
  border-color: #585858;
  box-shadow: 0 0 10px #000;
}

.btn{
  font-size: 0.8rem;
}

.btn-success {
  color: #000;
  background-color: #72ab2a;
  color: #FFF;

  color: #000;background-color: #a3e64e;
  border: 1px solid #94cc4d;
  border-radius: 2px;
}

.btn-primary{
  background: #0080bc !important;
  border-color: #0080bc;
}

.btn-delete-soft{
  background: #f1debd;
  border: 1px solid #a8a49e;
  border-radius: 3px;
  margin: 0px 2px;
}

.btn-edit-soft{
  background: #f1debd;
  border: 1px solid #a8a49e;
  border-radius: 3px;
  margin: 0px 2px;
}

.distinct-form-control{
  border: 1px solid #363636;
  background: black;
  color: #FFF;
}

.fa-asterisk
{
  color: #666 !important;
  border: none !important;
  background: none !important;
  font-size: 10px !important;
  padding: 0 !important;
  padding-right: 5px !important;
}

.maintenance-mode
{
  position: fixed;
  top: 0; right: 0;
  background: tomato;
  color: #666;
  font-weight: 600;
  padding: 6px;
  z-index: 9999 !important;
}

.sport-tag{
  border: 1px dotted #000;
  background: #ced5e2;
  color: #000;
  padding: 3px 7px;    
  font-size: 12px;
  font-weight: 400;
  display: none;
}

.font-13px{font-size: 13px;}
.span-visible{display: inline !important;}
.text-brown-bright{color: #f9efd0 !important;}
.text-brown-normal{color: #bfb8a4 !important;}
.text-brown-muted{color: #73716c !important;}

.col-form-label{
  height: 50px;
  font-size: 13px;
}

.btn-custom:hover{color: #444;}

.btn.disabled, .btn:disabled{
  opacity: 1;
  cursor: not-allowed;
}

.alert{
  font-size: 0.85rem;
}

.alert-success{
  background: #a3e64e;
  color: #000;
  border: 1px solid #bcc0b7;
}

.alert-warning{
  background: #ffc107;
  color: #503d06;
}

.alert-info{
  background: #dccb98;
  color: #503d06;
  border-color: #c2b48b;
  border-radius: 4px;
}

.alert-info hr {
    border-top-color: #848177;
}

.alert-danger{
  background: rgb(252,176,69);
  background: linear-gradient(90deg, rgba(252,176,69,1) 0%, rgba(253,29,29,1) 50%, rgba(252,176,69,1) 100%);
  background: rgb(197,0,31);
  background: -moz-linear-gradient(top, rgba(197,0,31,1) 0%, rgba(197,0,31,1) 65%, rgba(221,0,33,1) 99%);
  background: -webkit-linear-gradient(top, rgba(197,0,31,1) 0%,rgba(197,0,31,1) 65%,rgba(221,0,33,1) 99%);
  background: linear-gradient(to bottom, rgba(197,0,31,1) 0%,rgba(197,0,31,1) 65%,rgba(221,0,33,1) 99%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed3e17', endColorstr='#dd0021',GradientType=0);
  background: #be2d42;
  color: #FFF;
  border: none;
  margin: 0;
  margin: 10px 0;
  font-size: 0.85rem;
}

.alert-danger-info{
  background: #FFF;
  border-left: 3px solid #d9314a;
}

.alert-info{
  background: #e7e3d5;
}

.info-list{
  padding-left: 10px !important;
}

.info-list li{
  list-style: disc;
  background: #FFF;
  margin: 0.6rem 0;
  padding: 0.45rem;
  border-radius: 4px;
}

.email-found-in-settings{
  background: #FFF;
  padding: 1rem;
  border-radius: 4px;
  margin-bottom: 1rem;
  box-shadow: 0 0 5px #515151;
}

.logo-sidebar{
  padding: 0px !important;
  background: none !important;
  margin: 10px 0px 10px 10px;
}
.logo-sidebar img{
  width: 100% !important;
  margin-left: 4px;
  border-radius: 3px;
}

.top-bar-logo-mobile img{
  width: auto !important;
  height: 53px;
}

.transaction-receipt-delete{
  color: #FFF;
}

.transaction-receipt-edit{
  background: #f7a902;
  color: #000;
}

.select-student-class-transactions{
  border: 1px solid #363636;
  border-radius: .25rem;
  padding: 15px !important;
}

.select-student-class-transactions li{
  width: 100%;
  border-bottom: 1px dotted #000;
  margin-bottom: 15px;
  display: flex;
  vertical-align: middle;    
  padding: .375rem .75rem;
}

.select-student-class-transactions li p{
  width: 80%;
}

.birthdays li{
  border-bottom: 1px solid;
  padding: 10px;
}

.health_card_expiration_dates li{
  border-bottom: 1px solid;
  padding: 10px;
}

.student-card-button-listing{
  display: block;
  width: 100%;
}

.student-card-button-listing a{
  padding: 2px 5px;
  opacity: 0.5;
  display: table;
  margin: 0 auto;
  margin-left: 7px;
  font-size: 10px !important;
}

.academy-listing-details .fa.red{
  background: #ff5b5b;
  /*border: 1px solid #b7b7b7;*/
  padding: 6px;
}
.academy-listing-details .fa.green {
  /*background: #b6d517 !important;*/
  /*background: #bfff6e !important;*/
  background: #a3e64e !important;
  padding: 6px;
}

.academy-listing-fixed li.listing-actions-sms{
  display: none;
}

.academy-listing-details .fa.blue{
  background-image: linear-gradient(45deg, #0080bc 0%, #cb87ff 100%) !important;
  /*border: 1px solid #b7b7b7;*/
  color: #FFF;
  padding: 6px;
}

.academy-listing-details .fa.purple{
  padding: 6px;
}

.academy-listing-details .fa.orange, .orange-bg{
  background: linear-gradient(90deg, #ffaa00 0%, #ffc458 100%) !important;
  background: #ffc041;
  /*border: 1px solid #b7b7b7;*/
  padding: 6px;
}

.academy-listing-details .fa.sms{
  background:  #6a61e0 !important;
  color: #FFF !important;
  background: #bab7e4 !important;
  color: #3a3a3a !important;
  padding: 6px;
}

.academy-listing-details .fa.pdf{
  background: #ff0000 !important;
  background: #f74343 !important;
  color: #FFF !important;
  /*border: 1px solid #b7b7b7;*/
  padding: 6px;
}

#template-append>ul>li>div.academy-listing-details{
  border: none;
}

.academy-listing-uploads{
  border-bottom: 1px solid #aaa;
  padding: 0.25rem;
}

.users-listing{
  background: #FFF;
  padding: 0.75rem;
}

.users-listing .active{  
  padding: 0.25rem;
  margin-top: 0.15rem 0.65rem;
  display: inline-block;
  background: #c5e59d;
  color: #8f9588;
  font-size: 0.8rem;
}
.users-listing .inactive{
  padding: 0.25rem;
  margin-top: 0.15rem 0.65rem;
  display: inline-block;
  background: #f49276;
  color: #4f4543;
  font-size: 0.8rem;
}

.uploads-listing-title{
  width: 40%;
}

.listing-title-heading{
  background: #8c8679;
  background: #545149;
  background: #FFF;
}

.phone-cell-listing{
  width: 100px;
}

.email-cell-listing{
  word-wrap: break-word;
  font-size: 12px;
}

#toolbar, .editor{
  background: #FFF;
}

#progress-percent{display: none;}
#progress-bar{
  display: none;
  width: 100%;
  margin: 0 auto;
  /* Reset the default appearance */
  -webkit-appearance: none;
  appearance: none;
  height: 20px;
  background: #7dbf24;
}

.link-account-with-student{
  background: red;
  padding: 0.35rem 0.5rem;
  margin-bottom: 8px;
  background: #bfcdd4;
  border-radius: 2px; 
  font-size: 0.9rem;
}

.student-image-edit-page{
  background: #FFF;
  text-align: center;
  margin: 10px;
}
.student-image-edit-page img{
  padding: 10px;
  width: 200px;
}

.team-image-edit-page{
  background: #FFF;
  text-align: center;
  margin: 10px;
}
.team-image-edit-page img{
  padding: 10px;
  width: 200px;
}

.white-bg{
  background: url(../images/gridtile_3x3.png), rgba(255, 255, 255, 0.24);
  /*padding: 20px;*/
  margin-bottom: 15px;
  border-radius: 4%;
  border-radius: 5%/6px;
  border-radius: 0px;
}
.white-bg-inner{
  border-radius: 0px;
  background: #FFF;
  background: rgba(255, 255, 255, 0.88);
  padding: 18px 40px;
  padding: 6px 24px;
}

.title-card-bg{
  display: table;
  box-shadow: 0 0 3px #a29a9a;
  padding: 9px;
  border-radius: 10%;
  border-radius: 4%;
  /* .white-gradient */
  background: -moz-linear-gradient(top, rgba(255,255,255,0.8) 0%, rgba(241,241,241,0.8) 50%, rgba(225,225,225,0.8) 51%, rgba(246,246,246,0.8) 100%);
  background: -webkit-linear-gradient(top, rgba(255,255,255,0.8) 0%,rgba(241,241,241,0.8) 50%,rgba(225,225,225,0.8) 51%,rgba(246,246,246,0.8) 100%);
  background: linear-gradient(to bottom, rgba(255,255,255,0.8) 0%,rgba(241,241,241,0.8) 50%,rgba(225,225,225,0.8) 51%,rgba(246,246,246,0.8) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccffffff', endColorstr='#ccf6f6f6',GradientType=0 );
  font-size: 1.2rem;
}

.white-gradient {
  background: -moz-linear-gradient(top, rgba(255,255,255,0.8) 0%, rgba(241,241,241,0.8) 50%, rgba(225,225,225,0.8) 51%, rgba(246,246,246,0.8) 100%);
  background: -webkit-linear-gradient(top, rgba(255,255,255,0.8) 0%,rgba(241,241,241,0.8) 50%,rgba(225,225,225,0.8) 51%,rgba(246,246,246,0.8) 100%);
  background: linear-gradient(to bottom, rgba(255,255,255,0.8) 0%,rgba(241,241,241,0.8) 50%,rgba(225,225,225,0.8) 51%,rgba(246,246,246,0.8) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccffffff', endColorstr='#ccf6f6f6',GradientType=0 );
}

.locked-overlay{
  background: rgba(0, 0, 0, .7);
  z-index: 5;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  text-align: center;
  vertical-align: middle;
}

.pdf-file{
  border: 1px solid #adadad;
  border-radius: 4px;
  margin: 10px;
  padding: 12px;
  display: table;
  color: #000;

  background: -moz-linear-gradient(top, rgba(255,255,255,0.8) 0%, rgba(241,241,241,0.8) 50%, rgba(225,225,225,0.8) 51%, rgba(246,246,246,0.8) 100%);
  background: -webkit-linear-gradient(top, rgba(255,255,255,0.8) 0%,rgba(241,241,241,0.8) 50%,rgba(225,225,225,0.8) 51%,rgba(246,246,246,0.8) 100%);
  background: linear-gradient(to bottom, rgba(255,255,255,0.8) 0%,rgba(241,241,241,0.8) 50%,rgba(225,225,225,0.8) 51%,rgba(246,246,246,0.8) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccffffff', endColorstr='#ccf6f6f6',GradientType=0 );

}

.soccer_plus_collaboration{
  height: 240px;
}
.amway_promo{
  width: 352px;
}
.promo_image{
  width: 352px;
}

.phone-delivery-status{
  background: #343a40;
  color: #FFF;
  transition: all 0.2s;
  text-align: center;
  padding: 3px 2px;
  width: 150px;
  display: none;
  font-size: .8rem;
  margin: 0 auto;
}

.small-btn-text{
  font-size: 0.8rem;
}

.reset-border-radius{
  border-radius: 0px !important;
}

.border-radius{
  border-radius: 4px;
}

.login-sms-comapny{
  border-radius: 3px;
  padding: 10px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 0 10px #AAA;
  padding: 2rem;
}

#login-sms-form-messages,
#login-sms-modal-messages
{
  padding: 1rem 0;
  border-radius: 4px;
  margin: 10px 0px;
  display: none;
  color: #dc3545;

  background: #EEE;
  border-radius: 0;
  padding: 1rem;
  border-left: 5px solid #AAA;
}

#sms-login-success{
  width: 100%;
  display: block;
  text-align: center;
  padding: 10px;
  border-radius: 4px;
  color: #FFF;
  display: none;
}

.sms-bg{
  background: #6a61e0;
  color: #FFF;
}
.sms-bg-3{
  background: #ffc107;
}

.sms-finished, .sms-status, .sms-exists, .sms-sending, .sms-sending-status, .sms-finished, .sms-response{
  display: none;
}
.sms-status, .sms-exists, .sms-sending, .sms-sending-status, .sms-finished, .sms-response{
  padding: 10px;
}

.sms-sending-status{
  display: none !important;
}

.sms-message-stats{
  font-size: 0.8rem;
}

.ball{
  background: #FFF;
  color: #000;
  padding: 2px;
  border-radius: 50px;
}

.hide-on-mobile{

}
.hide-on-desktop{
  display: none;
}

.inline-listing-info{
  font-weight: 600;
  font-size: 0.8rem;
  color: #444;
  text-align: right;
}
.inline-listing-info:after{
  content: ": ";
}
.search-filters, .listing-nav-menu-toggle{
  display: none;
  text-align: center;
  width: 100%;
  margin: 0 auto;
  margin-top: 24px;
}
a{
  cursor: hand; cursor: pointer; 
  color: #000;
}

a:hover{
  cursor: hand; cursor: pointer; 
  color: #191919;
  text-decoration: none;
}

.bg-dark {
  background-color: #2b2a28 !important;
}

.navbar{
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.29+10,0.86+49,0.58+82,0+93 */
  background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.29) 10%, rgba(0,0,0,0.86) 49%, rgba(0,0,0,0.58) 82%, rgba(0,0,0,0) 93%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,0.29) 10%,rgba(0,0,0,0.86) 49%,rgba(0,0,0,0.58) 82%,rgba(0,0,0,0) 93%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,0.29) 10%,rgba(0,0,0,0.86) 49%,rgba(0,0,0,0.58) 82%,rgba(0,0,0,0) 93%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */
  background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0, 0, 0, 0.69) 10%,rgba(0,0,0,0.86) 49%,rgba(0,0,0,0.58) 82%,rgba(0,0,0,0) 93%,rgba(0,0,0,0) 100%);
  box-shadow: 0 0 10px #000;
}

.menu-warning-notification{
  color: red;
  border-radius: 50%;
  text-align: center;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  display: inline-flex;
  font-size: 12px;
}

.menu-warning-notification p{
  text-align: center;
  margin: 0 auto;
  font-weight: 700;
}

.complaints-unread{
  background-color: red;
  color: #000;
  padding: 0px 10px;
  border-radius: 50px;
  text-align: center;
  vertical-align: middle;
  display: inline-flex;
  line-height: 19px;
}
.red-color-warning{
  color: red;
  font-weight: 700;
}

.footer{
  color: #FFF;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2b2a28+0,2b2a28+100&0+0,0.8+20,0.8+80,0+100 */
  background: -moz-linear-gradient(left, rgba(43,42,40,0) 0%, rgba(43,42,40,0.8) 20%, rgba(43,42,40,0.8) 80%, rgba(43,42,40,0) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgba(43,42,40,0) 0%,rgba(43,42,40,0.8) 20%,rgba(43,42,40,0.8) 80%,rgba(43,42,40,0) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(43,42,40,0) 0%,rgba(43,42,40,0.8) 20%,rgba(43,42,40,0.8) 80%,rgba(43,42,40,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002b2a28', endColorstr='#002b2a28',GradientType=1 ); /* IE6-9 */
}

.text-footer{
  color: #84807b;
}

.navbar-dark .navbar-nav .nav-link{
  text-align: center;
}

.overlay{
  background: url(../images/gridtile_3x3.png), rgba(0,0,0,0.45);
  position: absolute;
  padding: 500px;
  left: 0;top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;    
}

.btn{
  border-radius: 2px;
  padding: 7px !important;
  white-space: nowrap;
}

.btn-tournaments{
  font-size: 0.8rem;
  margin: 2px;
}

.form-control{
  border: 1px solid #b5b5b5;
}

.team-select{
  font-size: 0.8rem;
  font-weight: 600;
  color: #000;
  width: 48% !important;
}

.navbar-dark .navbar-nav .nav-link{
  color: rgb(185, 181, 171);
  font-size: 0.8rem;
}

.admin-landing .item:hover{
  opacity: 0.5;
}

.admin-landing a:hover{
  text-decoration: none;
}
.admin-card-select i{
  font-size: 3rem;
  margin: 0 auto;
}

.rows-listing li{
  padding: 5px 0;
}

.very-small-btn{
  font-size: 0.7rem;
  padding: 5px !important;
}

.center-btn{
  margin: 0 auto;
  display: block;
}

.border-btn{
  border: 1px solid #000;
}

.btn-custom{
  padding: 3px;
  margin-bottom: 2px;
  margin-top: 2px;
  border-radius: 2px;
  color: black;
  text-decoration: none;
  cursor: hand; cursor: pointer;
  color: #000;
  background: #ffffff !important;
  border: 1px solid #000;
  border: 1px solid #959595;
}

.gdpr-warning{
  background: #FEB427;
  background: #fe5127;
  color: #FFF;
  padding: 4px;
  text-align: center;
  width: 100%;
  display: inlie-block;
  display: inline-flex;
  display: inline;
  width: auto;
  align-items: center;
  justify-content: space-between;
  padding-left: 5px;
  border-radius: 4px;
  border: 1px solid #000;
}

.btn-loyalty-menu{
  background: #0b5aa7 !important;
  color: #FFF;
  font-weight: 600;
  border: none;
}

.btn-loyalty-menu:hover{
  background: #0b5aa7 !important;
  border: none;
  color: #DDD;
}

.has-member-card{
  background: #d3d9df54;
  color: #283d51;
  color: #283d51;
  padding: 2px 5px;
  border-radius: 4px;
  border: 1px solid #c9c9c9;
}

.sportpad-loyalty-card-select{
  background: #FFF;
  padding: 8px;
  border-radius: 2px;
}

.pagination{
  border-radius: 0;
  margin-top: 10px;
  display: block !important;
  position: relative;
  overflow: hidden;
}
#pagination-bottom{
  display: none;
}

.pagination-item{
  width: 30% !important;
  width: 130px !important;
  background: #ffffff !important;
  color: #484642 !important;
  color: #292826 !important;
}

.pages-wrapper{
  display: inline-block;
  vertical-align: middle;
  color: #FFF;
}

.pages-template-append{
  width: 100%;
  color: #FFF;
  background: #000 !important;
  margin-bottom: 2px;
  margin-top: 2px;
  border-radius: 2px;
  border: none;
  color: #000;
  background: #ffffff !important;
  border: 1px solid #000;
  height: 35px;
}

.admin-card-selection {
  position: relative;overflow: hidden;
  color: #FFF;
  padding: 120px 0px;
  padding: 70px 0px;
  border-radius: 10%;
  border-radius: 4px;
  border: 1px solid #525252;
  border: 1px solid #000000;
}

.admin-card-selection-inner{
  position: relative;
  z-index: 2;
}

.admin-card-selection a:hover{
  text-decoration: none;
}
.admin-card-selection img{
  height: 150px;
}

.admin-selection-tournaments{
  background: url('../images/12.jpg') center center no-repeat;
  background-size: cover;
}
.admin-selection-academy{
  background: url('../images/26.jpg') center center no-repeat;
  background-size: cover;
}

#wrapper, #wrapper-sidebar{
  margin-top: 62px; 
  padding-bottom: 62px;
  padding-bottom: 0px !important;
}

#wrapper ul, #wrapper-sidebar ul{ 
  font-size: 1rem;
  margin: 0;
  padding: 0;
}

.text-center{text-align: center;}
.hand-pointer{cursor: hand; cursor: pointer;}
.error{color: #bd3535;font-size: 0.8rem;}
#javascript-messages{display: none;}
.small-text{font-size: 10px;}
.small-text-bigger{font-size: 12px;}
.small-text-medium{font-size: 14px;}
.small-text-large{font-size: 18px;}
.hidden-message{display: none;}
.action-status{
  position: fixed;
  right: 20px;
  top: 20px;
  z-index: 99999;
  overflow: hidden;
  padding: 39px;
}
.ko-match-team{
  background: #DDD;
  width: 40%;
  margin: 7px;
  padding: 20px !important;
  border: 1px solid;

}
.ko-match-row{
  margin: 10px;
}
.ui-state-highlight{
  background: #828282;
}
.inner-phase-team-selector{
  width: 40%;
}

.phase-title{
  display: table;
  box-shadow: 0 0 10px #bbb;
  margin: 0 auto;
  padding: 10px 30px;
  border-radius: 10%;
}

.phase-subtitle{
  font-size: 14px;
}


.ui-draggable-dragging{
  background: #71a729 !important;
  color: #FFF !important;
  padding: 10px !important;
  display: block !important;
  width: 200px;
  z-index: 9999 !important;
  border: 1px solid #000;
}

.team-draggable{
  display: block;
  background: #ddd;
  margin: 6px;
  cursor: hand;
  cursor: pointer;
  padding: 10px !important;
  border: 1px solid;
}
.update-phases-row{
}
.update-phases-row input{
  width: 100px;
}

#fixtures ul{
  list-style: none;
  padding: 0;
  margin: 0;
}
#fixtures input{
  display: inline;
  font-size: 0.8rem;
  font-weight: 600;
  color: #000;
}
#fixtures .datepicker-with-time{
  /*width: 125px;*/
}
#fixtures input.score-input{
  width: 50px;
  text-align: center;
}

#fixtures label{
  padding-right: 5px;
}

.fixture-row{
  background: #cac3b6;
  background: #c9ccd3;
  margin-bottom: 20px;
  margin-top: 20px;
  padding: 0px 4px;
  border-radius: 2px;
}

.fixture-controls-li{
  position: relative;
  overflow: hidden;
  margin-top: 20px;
}
.fixture-debug-info{color: #AAA;}
.more-fixture-options-parent{
  padding: 5px;
  border: 1px solid;
  margin-bottom: 10px;
  margin-bottom: 40px;
  margin-top: 40px;
}
.more-fixture-options-wrapper, .more-team-options-wrapper{
  margin: 6px 0px;
  display: none;
  font-size: 0.8rem;
  padding: 0px 10px;

  background: #FFF;
  border-radius: 4px;
}

.more-team-options-wrapper.open, .new-match, .more-fixture-options-parent{
  background: #FFF;
}

.teams-details-wrapper{
  background: #FFF;
  padding: 4px;
  border-radius: 4px;
}
.select-leaders-list{
  padding: 10px;
}
.select-leaders-list li{
  border-bottom: 1px solid;
  padding: 5px;
  margin-bottom: 5px;
}

#set-leader-form, #save-leader{
  display: none;
}

#set-leader-form{
  width: 94%;
}

.leader{
  font-size: 0.7rem;
  background: #276be6;
  padding: 5px;
  color: #FFF;
  border-radius: 4px;
  display: inline-table;
  margin: 5px;
}

.is-leader{
  border: 2px solid #276be6;
  border-radius: 4px;
  margin-top: 5px;
  margin-bottom: 5px;
}

.team-players li{
  background: #FFF;
}

.team-players-wrapper{
  /*background: #d9d9d9;*/
  background: #FFF;
  padding: 5px;
  margin-top: 5px;
  border-radius: 4px;
}

.team-player{
  width: 72%;
  padding: 5px 2px;
  border-radius: 2px;
  border: 1px solid #c5c5c5;
}

.team-player-disabled:disabled{
  color: #000;
  border-radius: 3px;
  border: 1px solid #b3b3b3;
  padding: 0.45rem 0.35rem;
}

.green-button{
  background: #77af27;
  color: #FFF;
}
.fixture-disabled{    
  margin-bottom: 4px;
  margin-top: 4px;
  padding: 6px 0px;
  opacity: 0.6;
  background: #a2a2a2;
}
.save-new-matches{display: none;}
.new-match{
  background: #73ad26;
  padding: 8px;
  margin: 5px;
  display: table;    
}

#number-of-groups, #number-of-teams-playoff{
  display: none;
}

.add-team-group{
  border: 1px solid #d4d4d4;
  border-radius: 4px;
  overflow: hidden;
}

#add-team{
  border-radius: 0px 4px 4px 0px;
}

#teams li, #referees li {
  padding: 10px;
  position: relative;
  overflow: hidden;
}
.phases-listing li a{
  padding: 8px;
  display: block;
  margin: 5px 0px;
}

.tournament-details-block-item{
  border: 1px solid;
  background: #FFF;
  margin-bottom: 8px;
  border: 1px solid #c7c7c7;
  border-radius: 4px;
}

/* Academy Listing  */

.listing-title-heading{
  border-bottom: 6px solid #FFF;
  border-top: 1px solid #FFF;
  display: table;
  color: #FFF;
  color: #292824;
  padding: 20px;
  position: absolute;
  margin-top: -38px;
  box-shadow: 0px 2px 25px rgba(0, 0, 0, 0.86);
  border-radius: 4px;
  font-size: 1.4rem;
  padding: 14px 19px;
}
.listing-title-heading a{
  text-shadow: none;
  color: #FFF;
  color: #000;
  text-decoration: underline;
}

.listing-title{
  width: 25%;
  width: 28%;
  padding-left: 10px !important;
  font-weight: 400;
}

.listing-title-details-card{
  width: 25%;
  width: 28%;
  padding-left: 0;
  font-weight: 600;
}

.dropdown-filter-text{
  font-size: 0.9rem !important;
  color: #000 !important;
  font-weight: 600;
}

.numeric-cell{
  width: 84px;
}

.listing-title-actions .fa{
  font-size: 0.7rem !important;
  padding: 4px !important;
}

.listing-title-table{
  display: table; width: 78%;
}
.listing-title-table input, .listing-title-table span{
  display: table;
}

.listing-width-10{
  width: 10%;
}

.inline-input-clear{
  position: absolute;
  top: 40px;
  left: 259px;
}

.listing-price{width: 70px;}
.listing-price-bigger{width: 100px;}
.listing-numeric{width: 77px;}
.listing-date{width: 105px;}
.listing-date-range{width: 161px;}
.listing-title-big { width: 50%; }
.listing-title-40{ width: 40%; }

.listing-classes{
  font-size: 0.8rem !important;
}

#sort-classes li, #sort-files li{
  border: 1px dashed #000;
  margin-bottom: 10px;
  padding: 10px;
  cursor: move;
  background: #FFF;
  background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(242,242,242,0.94) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(242,242,242,0.94) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(242,242,242,0.94) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f2f2f2',GradientType=0 ); /* IE6-9 */
}

.charge-subscriptions-group-row{
  border-radius: 4px;
  margin: 5px;
  width: 98%;
  display: inline-table;
}

.charge-subscriptions-listing{
  box-shadow: 0 0 5px #AAA;
  margin-bottom: 15px;
  font-size: 0.8rem;
  background: #FFF;
}

.remarks-listing-waring{
  color: #bd3535;
  font-size: 0.7rem;
}

.charge-subscription-transaction-remarks{
  border: 1px solid #DDD; 
  padding: 5px;
  width: 100%;
  margin: 0 auto;
}

.charge-subscription-info-label{
  color: #8e8a7c;
  font-size: 0.8rem;
}

.renew-subscriptions-select-dates{
  background: #FFF;
  padding: 1rem;
  border-radius: 4px;
}

.alert-existing-subscriptions{
  background: #ffffff;
  border: 1px solid #be2d42;
}


.alert-existing-subscriptions li{
  border-bottom: 1px solid #DDD;
  padding: 0.7rem;
}


.listing-title-heavy{
  font-size: 1.rem;
}

.sms-status-tag{
  background: #343a40;
  display: inline-block;
  padding: 3px 7px;
  color: #FFF;
  font-size: 12px;
}

.sms-status-tag.delivered{
  background: #d2e0bf;
  color: #64695b;
}

.sms-status-team-tag{
  background: #5b8627;
  border: 1px dotted #FFF;
  display: inline-block;
  padding: 3px 7px;
  color: #FFF;
  font-size: 0.7rem;
}

.sms-status-referee-tag{
  background: #274686;
  border: 1px dotted #FFF;
  display: inline-block;
  padding: 3px 7px;
  color: #FFF;
  font-size: 0.7rem;
}

.sms-tag-sent-from{
  display: inline-block;    
  color: #FFF;
  font-size: 0.6rem;
  background: none;
  color: #707070;
}

#gif-loader{
  display: none;
  background-color: #FFF;
  padding: 5px 10px;
  border: 1px solid;
}
.gif-loader-show{
  display: inline-block !important;
}

.academy-listing-fixed li.listing-actions-sms{
  display: none;
}

.academy-listing-fixed-height{
  border-bottom: 1px solid #b2b2b2;
  height: 60px;
}

.listing-actions a {
  margin-left: 10px;
}

.academy-listing-wrapper{
  font-size: 0.9em;
  border-radius: 4px;
  margin-top: 10px;
}
.class-details{
  display: none;
}
.classes-cloud{
  font-size: 11px;
  display: inline-block;
}
.view-class-date-filter{
  margin-top: 10px;
}
.view-class-date-filter label{
  margin-top: 5px;
}

.academy-listing-header{
  margin-bottom: 10px;    
}

.academy-listing-header ul li{
  
}

.academy-listing-header li{
  font-weight: 700;
  border: none !important;
  font-size: 0.8rem;
  vertical-align: bottom !important;
}

.latest-title-card{
  font-size: 1.1rem;
}

.academy-listing-header{
  display: table;
  table-layout: fixed; 
  width: 100%;
  vertical-align: middle;
  background: #FFF;
  padding: 8px 4px;
  border: 1px solid #b3b3b3;
  border-radius: 2px;
}

.academy-listing-details:not(.academy-listing-header){
  display: table;
  table-layout: fixed; 
  width: 100%;
  vertical-align: middle;
  transition: all 0.2s;
}

.academy-listing-details.listing-rankings{
  padding: 0px;
  margin-top: -1px;
  border-collapse: collapse;
}
.academy-listing-details.listing-rankings ul li {
  border-bottom: 1px solid #c7c7c7;
  padding: 3px 0;
}

.sms-message-row{
  display: table;
  border-bottom: 1px solid #AAA;
  padding: 1rem;
  text-align: left !important;
}

.ranking-counter{
  width: 22px;
  font-size: 0.7rem;
}

#template-append>ul>li>div.academy-listing-details {
  min-height: 60px;
  height: 60px;
  border-radius: 10px;
  border-radius: 10px;
  border-radius: 2% 98% 2% 98% / 96% 4% 96% 4%;

  margin-bottom: 2px;
  border-radius: 0;

}

.academy-listing-details.tournaments-listing{
  opacity: 0.5;
}

.academy-listing-details.academy-listing-active{
  opacity: 1;
}

.academy-listing-details:hover:not(.academy-listing-header){
  transition: all 0.2s;
}

#template-append{
  position: relative;
  overflow: hidden;
}

.academy-listing-details .fa{
  font-size: 0.85rem;
  text-shadow: none;
  border-radius: 2px;
}

.academy-listing-details ul, li{
  list-style: none;
  padding: 0; margin: 0;
  font-size: 0.9rem;
}

li.even{
  background: #FFF;
}

li.odd{
  background: #FFF;
}

.academy-listing-details input, .academy-listing-details select{
  position: relative;
  width: 100%;
  display: table;
  margin: 0 auto;
  width: 100%;
  height: calc(2rem + 2px);
  font-size: 0.9rem;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #a2a2a2;
  border-radius: 3px;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;    
}

.academy-listing-details input:focus, .academy-listing-details select:focus{
  border-bottom: 1px dashed;
}

.charge-subscriptions-group-item{
  display: table-cell;
  vertical-align: middle;
  padding: 5px; 
  width: 30%;    
}

.big-checkbox{
  width: 150px;
  background: #DDD;
  padding: 0.25rem;
  border: 1px solid #c5c5c5;
  border-radius: 4px;
  display: flex;
  margin: 0 auto;
}

/*.form-check-charge-subscriptions{
  background: #4d74bb !important;
  padding: 0;
  margin: 0;
  border-radius: 10px;
  width: 150px;
  border-radius: 10px;
  width: 150px;
  margin: 0 auto;
}*/

/*.form-check-charge-subscriptions input{
  margin-top: 7px !important;
}*/

.academy-listing-details .form-check{
  background: #c0c6ca;
  padding: 0;
  margin: 0;
  margin-top: -5px;
  border-radius: 10px;
  padding-top: 5px;
  white-space: nowrap;
}

.academy-listing-fixed ul{
  display: table-row;
  border-collapse: collapse;
}
.academy-listing-fixed li{
  display: table-cell;
  padding: 0px 10px;
  padding: 0px 4px;
  vertical-align: top;
  vertical-align: middle;
  /*height: 50px;*/
  overflow: hidden;
  word-break: keep-all;
  border-collapse: collapse;
}

.academy-listing-border ul li{
  border-bottom: 1px solid #cfcdc6;
}
.academy-listing-sms{
  border-bottom: 1px solid #c6c6c6;
  padding-bottom: 1rem;
  padding-top: 1rem;
}

.academy-listing-active{
  
}

.academy-listing-details-header-compact{
  /*background: blue;*/
}
.academy-listing-details-header-compact li{
}

.sms-select-action{
  display: inline-block;
}
.sms-summary{
  color: #FFF;
  padding: 10px;
}
.sms-message-box{
  background: #FFF;
  margin: 10px 0px;
  border: 1px dotted #929292;
  padding: 25px;
}

.phones-sms li{
  font-size: 0.8rem !important;
}

.invalid-phone-number{
  font-size: 0.7rem;
  background: #dc3545;
  color: #FFF;
  padding: 5px;
  font-weight: 400;
}

.modal-header, .modal-footer{border: none !important;}
.modal-entry{
  display: block;
  width: 100%;
  border: 1px solid #000;
  margin-bottom: 22px;
  border-radius: 4px;
  padding: 6px;
  text-align: center;
}

.hidden{
  display: none;
}

#total-account-balance{
  background: #ffb627;
  padding: 0.2rem;
  width: 100%;
  display: inline-block;
  text-align: center;
  font-weight: 400;
}

.account-balance{
  list-style: none;
  display: inline-block;
  padding: 0;
  margin: 0;
  padding: 5px;
  margin: 5px 0; 
  font-size: 0.9rem;

  background: #ffffff;
  color: #484642;
  text-shadow: none;
}
.account-balance li{
  display: inline-flex;
  margin-right: 16px;
  font-size: .9rem !important;
}

.account-messages-sms-list{
  background: rgba(0,0,0,0.8);
  box-shadow: 0px 10px 61px rgba(0, 0, 0, 0.86);
  position: fixed;
  overflow-y: scroll;
  overflow-x: hidden;
  height: 100%;
  width: 300px;
  z-index: 500;
  right: 0;
  top: 0;
  /*border-top: 12px solid #7dbf24;*/
  /*border-bottom: 12px solid #7dbf24;*/
  border-top: 12px solid #FFF;
  border-bottom: 12px solid #FFF;
  color: #FFF;
  transition: all 0.5s;
}

.account-messages-sms-list h4{
  font-size: 1rem;
  padding-top: 5px;
}

.account-messages-sms-list:hover{
  cursor: hand;
  cursor: pointer;
}

.account-messages-sms-list.compact{
  height: auto !important;
  transition: all 0.5s;
  margin-top: 417px;
  width: 130px;
  overflow: hidden;
}

.account-messages-sms-list .append{
  display: none;
}

.account-messages-sms-list .append li{
  /*background: rgba(77, 81, 84, 0.68);*/
  padding: 10px;
  border-bottom: 1px solid #FFF;
}

.selected-for-sms{
  background: #91c9ff !important;
}

#account-results{
  padding: 10px !important;
  border-radius: .25rem;
  background: #78c2e4;
}

#account-results li, #students-search-results li{
  border-bottom: 1px solid #9a9a9a;
  background: #e8e8e8;
  padding: 10px;
}
#account-results li:hover{
  border-bottom: 1px solid #666;
  background: #DDD;
}

.add-new-account-form{
  border-radius: .25rem;
  margin-top: 20px;
}

#phones{
  margin-bottom: 10px !important;
}

#phones li{
  margin-top: 10px;
  border-radius: 4px;
  padding: 10px;
  background: #fff;
  border: 1px solid #b3b3b3;
}

.multiple-phones{
}

.listing-nav-menu{
  /*padding: 10px 5px;*/
  /*font-size: 12px;*/
}
.listing-actions-menu{
  /*padding: 0px 5px;*/
  /*font-size: 12px;*/
}

.listing-nav-menu-selected{
  background: linear-gradient(90deg, #ffe000 0%, #9bfe17 100%) !important;
  color: #000 !important;
  border: none;
}
.listing-nav-menu-selected:hover{
  color: #000 !important;
}

.listing-wrapper{
  padding: 10px;    
  /*margin-top: 30px;*/
  padding-bottom: 20px;
  border-radius: 10px;
  /*border-bottom: solid 20px #f3f3f3;*/
  /*box-shadow: 0 0 10px #868686;*/
  /*background: #FFF;*/
  /*background: rgba(255, 255, 255, 0.78);*/  
  /*background: rgba(0, 0, 0, 0.78);*/
  /*border: 1px solid #717171;*/
}

.listing-wrapper-header{
  background: #FFF;
  padding: 10px;
  padding-top: 0px;
  border-radius: 4px;
  border: 1px solid #444;
  /*background-image: url(../images/elegant-grid.png), -webkit-gradient(linear,left top,right top,from(#ff8a00),to(#da1b60));*/
  /*background-image: url(../images/elegant-grid.png), linear-gradient(to right,#ff8a00,#da1b60);*/
  /*background: linear-gradient(90deg, #ffaa00 0%, #94e822 100%);*/
  /*background: url(../images/gridtile_3x3.png), linear-gradient(90deg, #ffaa00 0%, #94e822 100%);*/
  /*background: linear-gradient(90deg, #0066ff 0%, #94e822 100%);*/
  /*background: url(../images/elegant-grid-off.png), linear-gradient(90deg, #ffaa00 0%, #94e822 100%);*/
  /*background: url(../images/gridtile_3x3.png), linear-gradient(90deg, #0066ff 0%, #94e822 100%);*/
  /*background: linear-gradient(90deg, #0066ff 0%, #94e822 100%);*/
  /*background: linear-gradient(90deg, #2759e8 0%, #9cff15 100%);*/
  background: #FFF;
  border-left: 5px solid #FFF;
  border-radius: 2px;
}
.pagination-wrapper-bottom{
  background: #FFF;
  border: 1px solid #444;
  border-radius: 2px;
  padding: 10px;
  margin-top: 8px;
}

.sms-pagination{
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #DDD;
  padding: 10px;
}

.results-bg{
  background: #ffffff;
  color: #484642;
  text-shadow: none;
  width: 100%;
}
.results-bg:hover{
  background: #ffffff;
  color: #484642;
  text-shadow: none;
}

.academy-object-details{
  background: #FFF;
  position: relative;
  overflow: hidden;
  padding: 20px;
  box-shadow: 0 0 3px #969696;
}

.choose-sport-level-evaluation{
  position: relative;
  overflow: hidden;
}
.choose-sport-level-evaluation a{
  border: 1px solid #000;
  display: inline-block;
  padding: 10px;
  border-radius: 10px;
  margin: 10px 0;
}

.evaluation-group-wrapper{
  border: 1px solid #9a9a9a;
  border-radius: 4px;
  padding: 10px;
  margin-bottom: 20px;
}

.evaluation-group-wrapper-subset
{
  display: table;
  width: 80%;
  margin-left: 12px;
}

.evaluation-sub-set{
  border: 1px solid;
  margin-bottom: 8px;
  border-radius: 10px;    
}

.evaluation-rating{
  /*background: #DDD;*/
  padding: 5px;
  display: block;
  display: inline-flex;
  margin: 2px;
}

.evaluation-details-left, .academy-object-details-left{
  text-align: right;
  width: 155px;
  height: 32px;
  font-weight: normal;
  border-radius: 2px;
  color: #717070;
  color: #565450;
  text-shadow: none;
  font-size: 0.8rem !important;
  background: #efebde !important;
  border-right: 0px !important;
}
.slider-evaluation{
  width: 100%;
}
.field-data{
  font-size: 11px;
  background: #DDD;
}

.rating-cluster ul, .rating-cluster li{
  display: flex;
  display: inline-flex;
  font-size: 1.6em;
  transition: all 0.5s;
}
.rating-cluster li:hover{
  cursor: hand;
  cursor: pointer;
  color: #77af27;
  transition: all 0.5s;
}

.hidden-validation-errors
{
  position: relative;overflow: hidden;
  display: none;
}

/* SMS messages pages */
.transfer-phones{
  width: 180px;
}

.phones-sms li{
  text-align: center;
  display: inline-block;
  width: auto;
  margin: 2px;
  padding: 2px;
}

.phones-sms li.existing-phones{
  background: #e2dc2c;
  background: #f1eee4;
  padding: 0.35rem;
  border-radius: 3px;
  margin-bottom: 7px;
  border: 1px solid #aeaeae;
}
.no-phones{
  background: #ff4848;
  text-shadow: none;
  border-radius: 4px;
  padding: 5px 0px;
}

.transfer-phones button.disabled{
  opacity: 0.25;
}
.selected-phones-row{
  background: #dde4f3;
  background: #f1ede1;
  border: 1px solid #aaa;
  border-radius: 3px;
  margin-bottom: 6px;
  margin-top: 6px;
}
.complaint-message{
  border-radius: 10px;
  border: 1px solid #000;
  padding: 10px;
}

.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input{
  border: none;
}

.ui-datepicker-prev span,
.ui-datepicker-next span {
  background-image: none !important;
}

.ui-datepicker-prev:before,
.ui-datepicker-next:before {
  font-family: FontAwesome;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  font-weight: normal;
  align-items: center;
  justify-content: center;
}

.ui-datepicker-prev:before{
  content: "\f137";
  font-family: FontAwesome;
  color: #000;
}

.ui-datepicker-next:before{
  content: "\f138";
  font-family: FontAwesome;
  color: #000;
}

.boymetrics-google-charts{
  width: 100%; 
  min-height: 400px;
}

.tournaments-listing{
  margin-bottom: 5px;
  border-radius: 3px;
  border-bottom: none;
  border: 1px solid #b8b8b8;
  height: 60px;
  background: #FFF;
}

.tournament-sms-select{
  padding: 5px; margin: 5px;
  /*background: #c9ccd3;*/
  border-radius: 2px;
  border-bottom: 1px solid #949494;
}
.tournament-sms-select label{
  margin: 0;
  background: #FFF;
  border: 1px solid #9d9d9d;
  border-radius: 2px;
  margin: 8px 0;
  padding: 4px;
  cursor: hand;
  cursor: pointer;
  font-size: .8rem;
}

.tournament-sms-select label span{
  margin-top: -5px;
}

.reset-list-style{
  list-style: initial !important;
}

.academy-listing-fixed  .reset-list-style ul, .academy-listing-fixed  .reset-list-style li{
  list-style: initial !important;
  margin:0;
  padding: 0;
  text-indent: 0;
  list-style-type: 0;    
}
.reset-list-style li{
  display: list-item;
}

.total-mobile-filters{
  /*
  border: 1px solid #666;
  padding: 5px;
  border-radius: 5px;
  cursor: hand;
  cursor: pointer;
  margin-bottom: 5px;
  color: #000;
  text-shadow: none;
  background: linear-gradient(90deg, #ffaa00 0%, #94e822 100%);
  */
  position: relative;
  overflow: hidden;
  display: none;
}

.total-mobile-filters .text{
  display: inline-flex;
  font-size: .8rem;
  margin-top: -5px;
  vertical-align: middle;
}

#total-mobile-filters{

  margin-right: 5px;

}

/* Media Queries */

#sidebarCollapse{
  display: none;
}

#sidebar.visible{
  display: block;
}

@media only screen and (max-width: 1354px) and (min-width:1000px){

  #sidebar{
    display: none;
  }
}


@media only screen and (max-width: 1200px) and (min-width:1000px)
{
  .sidebar-hide-on-small-desktop{
    display: none;
  }
}

@media only screen and (max-width: 999px)
{
  body{}

  #sidebarCollapse{
    display: inline-block;
  }

  .mobile-w-100{
    width: 100%;
  }

  .uploads-listing-title{
    width: 100%;
  }

  .academy-listing-uploads{
    background: #FFF;
    border: 1px solid #DDD;
    border-radius: 4px;
    margin-bottom: 1rem !important;
  }


  .pagination-wrapper-bottom{
    border-radius: 0px;
  }

  .nav-link{
    display: block;
    padding: .5rem 1rem;
    background: red;
    width: 50%;
    margin: 0 auto;
    margin-bottom: 15px;

  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2b2a28+0,2b2a28+100&0+0,0.8+20,0.8+80,0+100 */
  background: -moz-linear-gradient(left, rgba(43,42,40,0) 0%, rgba(43,42,40,0.8) 20%, rgba(43,42,40,0.8) 80%, rgba(43,42,40,0) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgba(43,42,40,0) 0%,rgba(43,42,40,0.8) 20%,rgba(43,42,40,0.8) 80%,rgba(43,42,40,0) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(43,42,40,0) 0%,rgba(43,42,40,0.8) 20%,rgba(43,42,40,0.8) 80%,rgba(43,42,40,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002b2a28', endColorstr='#002b2a28',GradientType=1 ); /* IE6-9 */

  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#2b2a28+0,383634+20,383634+80,2b2a28+100&0+0,0.8+20,0.8+80,0+100 */
  background: -moz-linear-gradient(left,  rgba(43,42,40,0) 0%, rgba(56,54,52,0.8) 20%, rgba(56,54,52,0.8) 80%, rgba(43,42,40,0) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left,  rgba(43,42,40,0) 0%,rgba(56,54,52,0.8) 20%,rgba(56,54,52,0.8) 80%,rgba(43,42,40,0) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right,  rgba(43,42,40,0) 0%,rgba(56,54,52,0.8) 20%,rgba(56,54,52,0.8) 80%,rgba(43,42,40,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002b2a28', endColorstr='#002b2a28',GradientType=1 ); /* IE6-9 */


  }

  .inline-on-mobile{
    display: inline-block !important;
  }

  .col-form-label{ height: auto; }
  .form-group{ margin-bottom: 0.4rem;  }

  .reset-margin-padding{
    margin: 0 !important;
    padding: 0 !important;
  }

  .navbar{
    display: block !important;
    background: #000 !important;
    background: #2b2b2b !important;
  }
  .navbar-brand{display: block !important;}

  .navbar-collapse{
    background: #2b2b2b;
    padding: 10px;
    /*border-bottom: 10px solid #FFF;*/
    /*border-top: 10px solid #FFF;*/
  }

  #template-append>ul>li>div.academy-listing-details {
    height: auto !important;
  }

  .academy-listing-details.tournaments-listing{
    height: auto !important;
    margin-bottom: 15px !important;
  }

  .academy-listing-details:hover:not(.academy-listing-header){

  }

  .academy-listing-wrapper{
    padding: 0;
    position: relative; overflow: hidden;
    border: none;
    box-shadow: none;
  }

  #template-append>ul>li>div.academy-listing-details{
    padding: 0;
    border-radius: 5%;
    margin-top: 10px;
    margin-bottom: 10px;
    background: #FFF;
  }

  .academy-listing-details:not(.academy-listing-header){
    display: initial;
    display: block;
    display: inline-grid;
    overflow: hidden;
    margin: 26px 0;
    margin: 0;
    /*border-bottom: 1px solid #969696dd;*/
  }

  .charge-subscriptions-listing{
    margin-bottom: 20px !important;
  }

  /*
    not(li.academy-object-details-left)
  */
  .academy-listing-fixed:not(.evaluation-listing):not(.academy-listing-details-header-compact) li{
    display: initial;
    display: block;
    padding: 4px 7px;
    width: 100%;
    font-size: 1rem;
  }

  .academy-listing-fixed:not(.evaluation-listing):not(.academy-listing-details-header-compact) li.listing-actions-sms{
    display: none;
  }

  .academy-object-details-left{
    /*display: inline !important;*/
  }

  .academy-listing-fixed.tournaments-listing  li{
    border: none !important;
  }

  li.even, li.odd{
    background: transparent;
  }

  .academy-listing-header{
    display: table;
  }
  .academy-listing-header li{
    display: table-cell;
  }
  .listing-title,
  .listing-title-big,
  .listing-date,
  .listing-price,
  .listing-price-bigger,
  .listing-numeric,
  .numeric-cell
  {
    width: 100%;
  }

  .text-reset-mobile{
    text-align: inherit !important;
  }

  .academy-listing-details-header-compact{
    margin: 0px !important;
  }

  .academy-listing-details-header-compact li{
    /*display: inline-block;*/
    border:none;
  }

  .academy-listing-fixed-height{
    height: auto;
  }
}

@media only screen and (max-width: 1200px){

  .account-messages-sms-list.compact{
    position: fixed;
    bottom: 0px;
    width: 100%;
    height: auto;
    /*padding: 10px 0; */
    padding: 0;
    top: initial;
    border-bottom: none;
    z-index: 500;
    background: #2b2a28 !important;
    /*border-top: 1px solid #998a56;*/
    display: table;
  }

  .account-messages-sms-list.compact h4{
    display: table-cell;
    width: 20% !important;
    vertical-align: middle;
  }

  .account-messages-sms-list h4{
    font-size: 1rem;
    display: block;
    width: 100%;
    text-align: center;
  }

}

@media only screen and (max-width: 999px){

  footer, .footer, .text-footer{
    text-align: center !important;
  }

  .total-mobile-filters{
    background: #545149;
    color: #FFF;
  }

  .btn-action-small{
    width: auto !important;
  }

  .listing-nav-menu a{
    width: 100%;
    margin-bottom: 16px;
  }

  .listing-title-heading{
    position: fixed;
    width: 100%;
    left: 0;
    text-align: center;
    z-index: 452;
    margin-top: -48px;
    font-size: 1.3rem;
    margin-bottom: 20px;
    padding: 10px;
    border-radius: 0;
    border-top: none;
  }    
  .academy-listing-header ul, .academy-listing-header li{
    display: initial;
  }

  .listing-title{
    padding: 15px 15px 15px 4px !important;
    font-size: 1.2rem;
    border-bottom: 1px solid #AAA;
    background: #FFF;
  }

  .listing-actions{
    padding: 10px !important;
  }

  .listing-actions a {
    font-size: .8rem;
    padding: 0;
    border-radius: 4px;
    text-align: center;
  }
}

@media only screen and (max-width: 999px)
{
  .w-25{width: 100% !important;}

  .listing-wrapper{
    padding: 0;
    padding-top: 10px;
    box-shadow: none;
    border-bottom: none;

    background: transparent;
    border: unset;
    border-radius: 0px;
  }
  .listing-wrapper-header{
    border-radius: 0px;
  }

  .listing-title-40{
    width: 100%;
  }

  .btn-custom{
    /*padding-top: 12px !important; */
    /*padding-bottom: 12px !important;*/
  }

  .hide-on-mobile{
    display: none;
  }

  .hide-on-mobile-important{
    display: none !important;
  }

  .show-on-mobile{
    display: inline-block;
    display: inline-block;
    /*width: 118px;*/
    text-align: left;
  }
  .search-filters, .listing-nav-menu-toggle{
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .total-mobile-filters{
    display: block;
  }
  .academy-listing-header{
    padding: 20px;
    color: #FFF;
    /*background: #ccff86;*/
    color: #444;
    border-radius: 0px;
  }
}

@media only screen and (max-width: 999px)
{
  .listing-header-actions{
    width: 100% !important;
    display: block !important;
  }

  .academy-listing-details ul, li{

  }

  .evaluation-details-left, .academy-object-details-left{
    width: auto;
    background: transparent;
    text-align: left;
    width: 105px;
  }

  .evaluation-details-left, .academy-object-details-right{
    width: 200px;
    background: transparent;
    text-align: left;
  }

  .evaluation-details-left{width: 200px;}

  .margin-top-mobile{
    margin-top: 10px;
  }

  .account-expiration{
    position: fixed;
    z-index: 999;
    width: 100%;
    border-radius: 0px;
    border: none;

    margin-top: 40px;
    left: 0;

    font-size: 0.8rem;
    margin: 0;
    bottom: 0;
  }
}

@media only screen and (max-width: 800px)
{
  #sidebar{
    overflow-y: scroll !important;
  }

  .full-button-mobile{
    width: 80% !important;
    margin: 5px auto;
    display: table;
  }
}

/* SMS sidebar only */
@media only screen and (max-width: 558px)
{
  .account-messages-sms-list
  {
    width: 100%;
  }

  .white-bg{
    padding: 5px;
    /*border-radius: 0px;*/
  }
  .white-bg-inner{
    padding: 15px;
  }

  .custom-file-label{
    font-size: 0.6rem;
  }

  .evaluation-details-left{width: 100px;}

  .charge-subscriptions-group-item{
    display: block;
    width: 100%;
  }

  .btn{
    white-space: normal;
  }

  .opap-link img{
    width: 100%;
  }

}

@media only screen and (max-width: 550px)
{
  .reset-float-on-mobile{
    float: none !important;
  }

  .pagination-item{
    width: 26% !important;
    font-size: 0.6rem !important;
    padding: 7px !important;
  }
  .pages-template-append{
    font-size: 0.6rem !important;
    /*padding: 8px !important;*/
    height: 30px;
  }

  .evaluation-details-left{
    display: block !important;
    width: 100%;
    height: auto;
    padding: 3px 2px !important;
    margin-bottom: 5px;
  }
}

@media only screen and (max-width: 491px)
{
  .pagination-item, .pages-wrapper{
    width: 49% !important;
    font-size: 0.6rem !important;
    margin-top: 10px;
  }
  .reset-padding-on-mobile{
    padding: 0px !important; 
  }
}

@media only screen and (max-width: 388px)
{
  .pagination-item{
    font-size: 9px !important;
    padding: 5px 0px !important;

  }
}

.lds-ring {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px;
}
.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 51px;
  height: 51px;
  margin: 6px;
  border: 6px solid #000;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  /*border-color: #FFF transparent transparent transparent;*/
  border-color: #FFF transparent transparent transparent;
}
.lds-ring.black div {
  border-color: #000 transparent transparent transparent !important;
}
.lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

#pointer {
  width: 200px;
  height: 40px;
  position: relative;
  background: red;
}
#pointer:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 0;
  border-left: 20px solid white;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
}
#pointer:before {
  content: "";
  position: absolute;
  right: -20px;
  bottom: 0;
  width: 0;
  height: 0;
  border-left: 20px solid red;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
}

@-webkit-keyframes ball-beat {
  50% {
  opacity: 0.2;
  -webkit-transform: scale(0.75);
      transform: scale(0.75); }
  100% {
  opacity: 1;
  -webkit-transform: scale(1);
      transform: scale(1); } }

@keyframes ball-beat {
  50% {
  opacity: 0.2;
  -webkit-transform: scale(0.75);
      transform: scale(0.75); }
  100% {
  opacity: 1;
  -webkit-transform: scale(1);
      transform: scale(1); } }

.ball-beat-wrapper{
  display: inline-flex;
}

.ball-beat > div {
  background-color: #184b7d;
  width: 7px;
  height: 7px;
  border-radius: 100%;
  margin: 0 2px;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  display: inline-block;
  -webkit-animation: ball-beat 0.7s 0s infinite linear;
  animation: ball-beat 0.7s 0s infinite linear;
}
.ball-beat > div:nth-child(2n-1) {
  -webkit-animation-delay: -0.35s !important;
  animation-delay: -0.35s !important; 
}

/*
 * Container style
 */
.ps {
  overflow: hidden !important;
  overflow-anchor: none;
  -ms-overflow-style: none;
  touch-action: auto;
  -ms-touch-action: auto;
}

/*
 * Scrollbar rail styles
 */
.ps__rail-x {
  display: none;
  opacity: 0;
  transition: background-color .2s linear, opacity .2s linear;
  -webkit-transition: background-color .2s linear, opacity .2s linear;
  height: 15px;
  /* there must be 'bottom' or 'top' for ps__rail-x */
  bottom: 0px;
  /* please don't change 'position' */
  position: absolute;
}

.ps__rail-y {
  display: none;
  opacity: 0;
  transition: background-color .2s linear, opacity .2s linear;
  -webkit-transition: background-color .2s linear, opacity .2s linear;
  width: 15px;
  /* there must be 'right' or 'left' for ps__rail-y */
  right: 0;
  /* please don't change 'position' */
  position: absolute;
}

.ps--active-x > .ps__rail-x,
.ps--active-y > .ps__rail-y {
  display: block;
  background-color: transparent;
}

.ps:hover > .ps__rail-x,
.ps:hover > .ps__rail-y,
.ps--focus > .ps__rail-x,
.ps--focus > .ps__rail-y,
.ps--scrolling-x > .ps__rail-x,
.ps--scrolling-y > .ps__rail-y {
  opacity: 0.6;
}

.ps .ps__rail-x:hover,
.ps .ps__rail-y:hover,
.ps .ps__rail-x:focus,
.ps .ps__rail-y:focus,
.ps .ps__rail-x.ps--clicking,
.ps .ps__rail-y.ps--clicking {
  background-color: #eee;
  opacity: 0.9;
}

/*
 * Scrollbar thumb styles
 */
.ps__thumb-x {
  background-color: #aaa;
  border-radius: 6px;
  transition: background-color .2s linear, height .2s ease-in-out;
  -webkit-transition: background-color .2s linear, height .2s ease-in-out;
  height: 6px;
  /* there must be 'bottom' for ps__thumb-x */
  bottom: 2px;
  /* please don't change 'position' */
  position: absolute;
}

.ps__thumb-y {
  background-color: #aaa;
  border-radius: 6px;
  transition: background-color .2s linear, width .2s ease-in-out;
  -webkit-transition: background-color .2s linear, width .2s ease-in-out;
  width: 6px;
  /* there must be 'right' for ps__thumb-y */
  right: 2px;
  /* please don't change 'position' */
  position: absolute;
}

.ps__rail-x:hover > .ps__thumb-x,
.ps__rail-x:focus > .ps__thumb-x,
.ps__rail-x.ps--clicking .ps__thumb-x {
  background-color: #999;
  height: 11px;
}

.ps__rail-y:hover > .ps__thumb-y,
.ps__rail-y:focus > .ps__thumb-y,
.ps__rail-y.ps--clicking .ps__thumb-y {
  background-color: #999;
  width: 11px;
}

/* MS supports */
@supports (-ms-overflow-style: none) {
  .ps {
  overflow: auto !important;
  }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ps {
  overflow: auto !important;
  }
}

@media all and (max-width: 570px)
{
  .soccer_plus_collaboration{
    height: auto;
    width: 100%;
  }
  .amway_promo{
    height: auto;
    width: 100%;
  }
  .promo_image{
    height: auto;
    width: 100%;
  }
}