/*!shared.css*/
/*===========================
General Overrides
============================ */
:root {
--scroll-transform-transition: transform .275s cubic-bezier(0.215, 0.610, 0.355, 1.000);
--topbar-top-transition: top .275s cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
html {
scroll-behavior: smooth;
}
@media (max-width: 767px) {
#logo {
/*max-width: calc(100% - 115px);*/
}
}
a:focus, a:hover {
text-decoration: none;
}
/* cms toolbar adjustments */
/*.cms-debug-enabled added in ll-utils.js*/
.vali-admin .app-sidebar,
.navbar {
transition: top 200ms ease 0s;
}
.cms-debug-enabled .vali-admin .app-sidebar,
.cms-debug-enabled .navbar {
top: 5px;
}
.cms-debug-enabled.cms-toolbar-expanded .vali-admin .app-sidebar,
.cms-debug-enabled.cms-toolbar-expanded #gn-menu,
.cms-debug-enabled.cms-toolbar-expanded .navbar {
top: 49px !important;
}
.cms-toolbar-expanded .vali-admin .app-sidebar,
.cms-toolbar-expanded #gn-menu,
.cms-toolbar-expanded .navbar {
top: 45px;
}
div.cms > .cms-toolbar-trigger {
right: auto !important;
left: 55px;
border: 1px solid #ddd;
border-top: none;
border-radius: 0 0 6px 6px;
overflow: hidden;
}
div.cms > .cms-toolbar-trigger > a {
width: 23px !important;
height: 15px !important;
display: flex !important;
justify-content: center;
align-items: center;
}
div.cms > .cms-toolbar-trigger > a > span {
position: static !important;
margin: 0 !important;
font-size: 8px !important;
}
@media (max-width: 767px) {
div.cms > .cms-toolbar-trigger {
left: 50%;
transform: translateX(-50%);
opacity: 0.6;
}
}
input {
padding: 5px 10px;
}
input[type="radio"] {
margin-right: 10px;
}
input[type="checkbox"] {
margin-left: 5px;
}
.pretty input[type="checkbox"] {
margin-left: 0;
}
.ll-modal.breathe .pretty:not(.p-round) .state label::after,
.ll-modal.breathe .pretty:not(.p-round) .state label::before {
left: -1px;
}
img,
.cms-content img {
max-width: 100%;
}
.ul {
list-style: none;
padding: 0;
}
.container {
overflow: visible;
max-width: 100%;
}
.no-gutters {
margin-right: 0;
margin-left: 0;
}
.no-gutters > [class*="col-"] {
padding-right: 0;
padding-left: 0;
}
ul.option-set,
ul.messages {
list-style: none;
padding: 0;
}
ul.messages > li {
padding: 15px;
}
.float-left {
float:left;
}
.float-right {
float:right;
}
.width-auto {
width: auto !important;
}
.nav .dropdown-menu {
right: 0;
left: auto;
}
.nav .dropdown-menu .divider:first-child {
display: none;
}
section.featured.hero:not(.parallax),
section.featured#home-featured:not(.parallax),
section.featured:not(.parallax) {
background-position: center;
}
section.featured.hero {
height: 300px;
min-height:300px;
}
section.featured.edit-mode {
height:auto;
padding-top: 100px;
}
.grecaptcha-badge {
z-index: 1;
bottom: 5px !important;
}
.waiver-modal {
text-align: left;
}
.notification > * {
font-weight: normal;
}
#yourlabs_overlay {
position: fixed !important;
}
.geoposition-map img {
max-width: none;
}
.helptext {
color: #999;
}
.font-family-alt {
font-family: "Raleway", sans-serif;
}
#floating-buttons {
position: fixed;
bottom: 0;
margin: 0;
right: -10px;
left: -10px;
width: calc(100% + 15px) !important;
padding: 10px 50px 10px 30px;
white-space: nowrap;
}
#floating-buttons:not(.alert-danger) span.text-danger {
display: none;
}
#floating-buttons span.text-danger {
line-height: 30px;
}
#floating-buttons .btn {
margin: 0 0.1rem;
padding: 0.5rem 1rem;
border-radius: 0.6rem;
}
#floating-buttons .ll-btn-admin {
padding: 0.8rem 1rem;
height: 100%;
min-width: 160px;
}
#floating-buttons .drag-toggle-wrapper {
height: 35px;
}
#floating-buttons .bootstrap-switch {
height: 100%;
}
#floating-buttons .bootstrap-switch-focused {
box-shadow: 0 0 0 0.2rem #b5e0b7;
border-color: #4bb24f;
outline: 0;
}
#floating-buttons .bootstrap-switch-container {
height: 100%;
display: flex;
}
#floating-buttons .bootstrap-switch .bootstrap-switch-handle-on,
#floating-buttons .bootstrap-switch .bootstrap-switch-handle-off,
#floating-buttons .bootstrap-switch .bootstrap-switch-label {
display: flex !important;
justify-content: center;
align-items: center;
}
@media (max-width: 767px) {
#floating-buttons-content {
overflow-x: scroll;
background-color: #fff;
padding-right: 4.5rem !important; /* Collapse toggle wrapper width */
}
#floating-buttons .ll-btn-admin {
min-width: auto;
font-size: 12px;
border-radius: 0.6rem;
padding: 0.6rem 0.85rem;
}
#floating-buttons .ll-btn-admin + .ll-btn-admin {
margin-left: 0.75rem;
}
#floating-buttons .drag-toggle-wrapper {
margin-right: 0.75rem !important;
display: flex;
align-items: center;
}
#floating-buttons .bootstrap-switch {
font-family: Raleway, Lato, Arial, sans-serif;
}
#floating-buttons .bootstrap-switch,
#floating-buttons .bootstrap-switch .bootstrap-switch-container {
border-radius: 0.6rem;
}
#floating-buttons .bootstrap-switch,
#floating-buttons .bootstrap-switch .bootstrap-switch-container,
#floating-buttons .bootstrap-switch .bootstrap-switch-handle-on,
#floating-buttons .bootstrap-switch .bootstrap-switch-handle-off,
#floating-buttons .bootstrap-switch .bootstrap-switch-label {
margin: 0;
padding: 0;
}
#floating-buttons .bootstrap-switch,
#floating-buttons .bootstrap-switch .bootstrap-switch-container,
#floating-buttons .bootstrap-switch .bootstrap-switch-handle-on,
#floating-buttons .bootstrap-switch .bootstrap-switch-handle-off,
#floating-buttons .bootstrap-switch .bootstrap-switch-label,
#floating-buttons .ll-btn-admin {
height: 31px;
}
#floating-buttons .ll-btn-admin,
#floating-buttons .bootstrap-switch {
box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
}
#floating-buttons-content {
border-top: 1px solid oklch(92% 0.004 286.32);
display: flex;
transition-duration: 0.3s;
}
#floating-buttons .collapse-tab-wrapper {
position: absolute;
top: 0;
right: 0;
display: flex;
justify-content: center;
align-items: center;
height: 100%;
width: 4.5rem;
background: transparent;
}
#floating-buttons-content.ll-collapse-in + .collapse-tab-wrapper {
background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 80%);
}
#floating-buttons [data-toggle="llcollapse"] {
display: flex;
justify-content: center;
align-items: center;
width: 2.1rem;
height: 2.1rem;
border-radius: 50%;
background-color: rgb(157, 146, 163);
color: #fff;
opacity: 0.9;
cursor: pointer;
font-size: 1rem;
box-shadow: rgba(0, 0, 0, 0.06) 0 1px 6px 0, rgba(0, 0, 0, 0.16) 0 2px 32px 0;
transition-property: color, background-color, box-shadow;
transition-duration: 0.125s;
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
position: absolute;
left: 50%;
top: 50%;
transform: translate(-60%, -50%);
}
#floating-buttons [data-toggle="llcollapse"] .collapse-icon {
transition: transform 0.125s cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
#floating-buttons [data-toggle="llcollapse"].ll-collapse-toggle-in .collapse-icon {
transform: rotate(180deg);
}
}
#floating-buttons #toggle-lock-mode {
margin-right: 10px;
}
@media (max-width: 992px) {
#floating-buttons {
padding: 0;
}
#floating-buttons-content {
padding: 0.5rem 1.5rem;
}
}
.cursor-progress {
cursor: progress !important;
}
.toggle-panel.toggled {
pointer-events: none;
user-select: none;
}
img.avatar,
.guest-list-circle,
.fb-pic,
.avatar-crop,
.generic-avatar {
max-height: 100%;
max-width: 100%;
height: 50px;
width: 50px;
line-height: 50px;
text-align: center;
}
.match-team {
white-space: nowrap;
overflow: hidden;
}
.simple .match-team {
font-size: 16px;
}
.nav>li>a:focus {
background: transparent;
}
.tooltip[role="tooltip"] span {
white-space: nowrap;
}
.alert>p {
color: inherit;
}
.nowrap {
white-space: nowrap;
}
.flexslider {
background: none !important;
border: none !important;
overflow: hidden;
}
.flex-control-nav {
bottom: 10px !important;
z-index: 10;
}
.flex-direction-nav a {
line-height: 40px;
}
#cms_toolbar .cms_toolbar-item-logo a {
display: none !important;
}
blockquote {
margin: 20px 0;
}
.underline {
text-decoration: underline;
}
.disabled {
cursor: not-allowed !important;
opacity: 0.65 !important;
pointer-events: none;
user-select: none;
}
@media (max-width: 1024px) {
.intercom-lightweight-app-launcher,
.intercom-app > [class^="intercom-with-namespace-"],
.intercom-dfosxs {
bottom: 55px !important;
}
iframe[name='intercom-notifications-frame'] {
bottom: 124px !important;
}
}
.overlay-spinner {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
color: #686868;
z-index: 2;
display: flex;
justify-content: center;
align-items: center;
background-color: rgba(255, 255, 255, 0.5);
}
.alt-font-family, .font-family-alt {
font-family: Raleway, Lato, Arial, sans-serif;
}
.no-box-shadow {
box-shadow: none !important;
}
.overflow-hidden {
overflow: hidden !important;
}
/* [data-toggle="collapse"] utility to toggle icon */
[data-toggle="collapse"].collapsed .expanded {
display: none;
}
[data-toggle="collapse"] .collapsed {
display: none;
}
[data-toggle="collapse"].collapsed .collapsed {
display: inline-block;
}
[data-toggle="collapse"] .expanded {
display: inline-block;
}
/*===========================
Forms
============================ */
form ul:not(.normal-ul) {
list-style: none;
padding-left: 0;
}
form ul li label {
font-weight: normal;
}
form ul li input[type="checkbox"] {
margin-right: 10px;
}
.form-group > div {
margin-bottom: 10px;
}
.form-group label {
margin-right: 5px;
}
.autocomplete-light-widget{
width: 100% !important;
display: inline-block;
}
.autocomplete-light-widget .remove.div {
margin-top:2px;
}
.autocomplete-light-widget .deck .div.hilight {
overflow: auto;
white-space:nowrap;
/* copied from bootstrap form-control styles */
width: 100%;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
border: 1px solid #ccc;
border-radius: 4px;
}
.autocomplete-light-widget .deck > .div.hilight {
overflow: hidden;
text-overflow: ellipsis;
cursor: default;
}
.player-autocomplete > .autocomplete-light-widget > .input-group > .yourlabs-autocomplete > [data-value] {
white-space: normal;
}
.yourlabs-autocomplete.autocomplete-light-widget {
position: absolute !important;
width: 100% !important;
top: 40px !important;
left: 0 !important;
right: 0 !important;
max-height: 200px;
overflow: auto
}
#season-registrations-panel .autocomplete-light-widget.team.selected input.autocomplete {
display: none !important;
}
#season-registrations-panel .autocomplete-light-widget.team .deck > .div.hilight {
position: relative;
border-radius: 1rem;
margin: 0;
height: 100%;
padding: 1rem 3rem 1rem 2rem;
display: flex;
align-items: center;
}
#season-registrations-panel .autocomplete-light-widget .deck [data-value] .remove {
background-image: none;
margin: 0;
position: absolute;
right: 1rem;
text-indent: initial;
color: inherit;
}
.team .player-form input:not(:first-child) {
margin-top: 5px;
}
#id_comment {
height: 80px;
}
.comment_edit_link i,
.comment_delete_link i {
opacity: .7;
}
.comment_edit_link:hover i,
.comment_delete_link:hover i {
opacity: 1;
}
.add-another-popup .page-header {
margin-bottom: -20px;
}
/* Simple text input (e.g. rename) */
.simple-text-input {
border: 0;
border-bottom: 1px solid #ccc;
padding-bottom: 5px;
outline: 0;
box-shadow: none;
border-radius: 0;
background-color: transparent;
}
/*TEAM FORM*/
label.required::before, .required label::before { content:" *"; color: #dc0000; padding-right:3px; }
#individual-registration .alert-info p strong {
display: inline-block;
min-width: 55px;
}
.changelink {
background-image: url("/static/djangocms_admin_style/img/icon_changelink@2x.gif");
background-size: 11px;
padding-left: 15px;
background-repeat: no-repeat;
background-position-y: center;
}
.pool-form,
.team-form {
margin-bottom: 10px;
margin-top: 30px;
}
.paid .include {
display: none;
}
#summary li {
text-align: left;
}
.registration-button-main {
width: 100%;
}
/*===========================
Custom CMS Publish
============================ */
.custom-cms-publish-button {
position: fixed;
right: 10px;
top: 80px;
}
/*===========================
Registration / Sign In
============================ */
#sign-in-box,
#sign-in-box p {
font-family: Raleway, Lato, sans-serif;
}
#sign-in-box .wrapper {
width: 95%;
overflow: hidden;
background-color: white;
border: 1px solid #cccccc;
border-radius: 1.6rem;
padding: 0 0 14px 0;
margin: 0 auto 25px;
box-shadow: 0 0 10px 0 #dddddd;
}
#sign-in-box .wrapper .sign-in-header {
background-color: #f4f4f4;
border-bottom: 1px solid #d6d6d6;
border-radius: 4px 4px 1px 0;
display: inline-block;
margin-bottom: 17px;
padding: 25px 0 25px;
text-align: center;
width: 100%;
}
#sign-in-box .wrapper .sign-in-header h6 {
font-weight: normal;
color: #373d44;
font-size: 28px;
line-height: 20px;
margin: 0;
}
#sign-in-box .wrapper .sign-in-header h6 small {
font-size: 11px;
}
#sign-in-box .wrapper .sign-in-header .sign-in-logo {
height: 23px;
margin-bottom: 8px;
}
#sign-in-box .wrapper .facebook .facebook-login {
border-radius: 1.6rem;
border: 0;
box-shadow: none;
}
#sign-in-box .wrapper .facebook .divider {
display: inline-block;
margin: 17px 0;
position: relative;
text-align: center;
width: 100%;
font-family: Raleway, Lato, Arial, sans-serif;
}
#sign-in-box .wrapper .facebook .divider hr:first-child {
top: 10px;
}
#sign-in-box .wrapper .facebook .divider hr {
border-color: #e2e2e4;
border-width: 2px;
margin: 0;
position: absolute;
width: 40%;
}
#sign-in-box .wrapper .facebook .divider hr:last-child {
bottom: 6px;
right: 0;
}
#sign-in-box .wrapper .form {
margin: 0 auto;
text-align: center;
width: 90%;
}
#sign-in-box .wrapper .form .form-group {
margin-bottom: 5px;
}
#sign-in-box .wrapper .form .form-control {
line-height: 17px;
height: 40px;
}
#sign-in-box .form-control {
background: #fff;
border-color: rgba(0, 0, 0, 0.35);
color: #263039;
box-shadow: none;
}
#sign-in-box form .btn:not(.btn-facebook) {
width:150px;
}
#sign-in-box ul:not(.errorlist) {
margin-bottom: 0;
}
#sign-in-box ul:not(.errorlist) li {
padding: 0 10px;
display: inline-block;
}
#sign-in-box ul li input {
margin-right: 7px;
}
@media (min-width: 768px) {
#sign-in-box .wrapper {
width: 400px;
}
}
#sign-in-box .errorlist a {
color: inherit;
text-decoration: underline;
}
#registration-modal #sign-in-box {
margin-top: 10rem;
}
#registration-modal #sign-in-box .container {
width: auto;
}
#registration-modal #sign-in-box .wrapper {
box-shadow: none;
}
#registration-modal #sign-in-box .sign-in-quick {
display: flex;
justify-content: center;
align-items: center;
color: #fff;
font-family: Raleway, Lato, Arial, sans-serif;
}
#registration-modal #sign-in-box .sign-in-quick > .btn {
border-color: transparent;
}
.email-confirmation-wrapper {
margin: 2rem auto 10rem auto;
max-width: 600px;
padding: 4rem 2rem;
border: 1px solid #ededed;
border-radius: 1.6rem;
text-align: center;
font-family: Raleway, Lato, Arial, sans-serif;
}
.email-confirmation-wrapper .confirmation-status-icon {
font-size: 3.5rem;
}
.email-confirmation-wrapper .confirmation-status-icon.confirmed-icon {
color: #43a047;
}
.email-confirmation-wrapper .confirmation-status-icon.not-confirmed-icon {
color: #f55e5e;
}
.email-confirmation-wrapper .email,
.email-confirmation-wrapper .username {
color: #888;
}
.email-confirmation-wrapper .email {
font-size: 1.7rem;
}
.email-confirmation-wrapper .message {
font-size: 1.5rem;
}
.email-confirmation-wrapper .message p {
font-family: Raleway, Lato, Arial, sans-serif;
}
.email-confirmation-wrapper .message .error {
color: #c11b1b;
}
.email-confirmation-wrapper .button-wrapper {
margin-top: 2rem;
}
/*===========================
Map (Mapbox)
============================ */
.mapboxgl-popup-content {
font-family: Raleway, "Helvetica Neue", Arial, Helvetica, sans-serif;
line-height: 16px;
}
.mapboxgl-popup-close-button {
font-size: 16px;
padding: 1px;
}
.mapbox-popup-content .directions {
filter: brightness(100%);
}
/*===========================
Map (Google Maps)
============================ */
#map img { max-width: none; }
img.field-map-detail {
width: 100px;
-webkit-transition: all 100ms linear;
-moz-transition: all 100ms linear;
-o-transition: all 100ms linear;
-ms-transition: all 100ms linear;
transition: all 100ms linear;
}
img.field-map-detail:hover {
position: absolute;
width: 300px;
box-shadow: 10px 10px 5px rgba(0, 0, 0, 0.51);
-webkit-transition: all 200ms linear;
-moz-transition: all 200ms linear;
-o-transition: all 200ms linear;
-ms-transition: all 200ms linear;
transition: all 200ms linear;
}
#section-map ul {
padding: 0;
}
.btn-facebook {
background-color: #6d84b4;
color: #fff;
border-color: #afbdd4;
}
.btn-facebook:hover,
.btn-facebook:focus,
.btn-facebook:active,
.btn-facebook.active,
.open > .dropdown-toggle.btn-facebook {
background-color: #3b5998;
color: #fff;
border-color: #afbdd4;
}
/*===========================
Footer
============================ */
.footer-links h3 {
font-size: 14px;
color: whitesmoke;
}
.footer-links ul {
padding: 0;
}
.footer-links li {
list-style: none;
font-size: 12px;
}
.footer-links a {
color: #e8e8e8;
}
ul.footer-cms-menu {
list-style: none;
font-size: smaller;
padding-left: 0;
}
@media (max-width: 767px) {
ul.footer-cms-menu {
text-align: center;
font-size: medium;
margin-bottom: 35px;
}
}
/*===========================
Helpers
============================ */
.no-btn, .no-btn:active {
background: none;
color: inherit;
border: none;
padding: 0;
font: inherit;
cursor: pointer;
outline: inherit;
box-shadow: none;
}
.text-white, .text-white:focus, .text-white:active, .text-white:hover {
color: #ffffff;
}
.text-dark {
color: #333333 !important;
}
.bg-white {
background-color: #fff !important;
}
.bg-grey {
background-color: #f7f7f7!important;
}
.list-group-item.bg-grey:hover{
background-color: #eeeeee;
}
.table.no-borders th,
.table.no-borders td {
border-top: none;
}
.pointer {
cursor: pointer;
}
p.bg-success,
p.bg-danger,
p.bg-warning,
p.bg-info {
padding: 15px;
}
.uppercase {
text-transform: uppercase;
}
.v-centered {
vertical-align: middle;
display: inline-block;
}
.v-centerer {
display: inline-block;
height: 100%;
vertical-align: middle;
}
.fa-rotate-45 {
transform: rotate(45deg);
}
.fa-stack.fa-small {
font-size: 50%;
}
.fa-stack.fa-small i,
.fa-stack.fa-small i:before {
vertical-align: middle;
}
#cta {
text-align: center;
padding-top: 140px;
padding-bottom: 140px;
padding-right: 15px;
padding-left: 15px;
}
#cta h1, #cta h2, #cta h3 {
text-transform: uppercase;
margin-bottom: 30px;
font-size: 9vw;
color: #ffffff;
}
#cta small {
color: #20252f;
}
@media (min-width: 768px) {
#cta h1, #cta h2, #cta h3 {
font-size: 48px;
}
}
.strong {
font-weight: bold !important;
}
.visible-lite-inline {
display: none !important;
}
.lite .visible-lite-inline {
display: inline;
}
.confirm-delete-match .scheduled-at {
opacity: 0.9;
}
.material-shadow {
box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
}
/*===========================
Isotope
============================ */
.isotopeWrapper article{
margin-bottom: 30px;
}
#portfolio img {
width:100%;
}
#portfolio article p {
margin-bottom:1.45em;/*set next row on the baseline*/
}
nav#filter {
margin-bottom:1.5em;
}
nav#filter li {
display:inline-block;
margin:5px 0;
}
nav#filter a {
padding: 4px 12px;
line-height: 20px;
text-decoration: none;
}
.portfolio-items article img {width:100%;}
.portfolio-item {
display: block;
position: relative;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.portfolio-item img {
-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
-ms-transition: all 300ms linear;
transition: all 300ms linear;
}
.portfolio-item .portfolio-desc {
display: block;
opacity: 0;
position: absolute;
width: 100%;
left: 0;
top: 0;
color: rgb(220, 220, 220);
}
.portfolio-item:hover .portfolio-desc {
padding-top: 20%;
height: 100%;
transition: all 200ms ease-in-out 0s;
opacity: 1;
}
.portfolio-item .portfolio-desc a {
color: #fff;
}
.portfolio-item .portfolio-desc a:hover {
/*text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.7);*/
text-decoration: none;
}
.portfolio-item .portfolio-desc .folio-info {
top:-20px;
padding: 30px;
height: 0;
opacity: 0;
position: relative;
}
.portfolio-item:hover .folio-info{
height: 100%;
opacity: 1;
transition: all 500ms ease-in-out 0s;
top:5px;
}
.portfolio-item .portfolio-desc .folio-info h5 {
text-transform: uppercase;
}
.portfolio-item .portfolio-desc .folio-info p {
color: #ffffff;
font-size: 12px;
}
/*===========================
Box
============================ */
.box {
opacity: 0.8;
margin: 15px 15px 15px 0;
display: inline-block;
max-width: 150px;
}
.box:hover{
opacity: 1;
-webkit-transition: all 0.5s ease;
transition-property: all;
transition-duration: 0.5s;
transition-timing-function: ease;
transition-delay: initial;
}
.box img{
border-radius:3px;
max-width:100%;
}
/*===========================
Forms
============================ */
.errorlist {
padding: 0
}
.errorlist {
width: fit-content;
}
.errorlist li {
width: 100%;
list-style: none;
background-color: #f2dede;
color: #b91c1c;
padding: 0.5rem 1rem !important;
margin: 0.5rem;
border-radius: 0.6rem;
}
/** Navbar **/
.navbar > .container {
display: flex;
height: 100%;
}
.invisible-club-menu-items .club-menu-li {
visibility: hidden;
}
.nav > li.club-menu-dropdown {
display: none;
}
@media (min-width: 768px) {
.visible-club-menu-dropdown.nav > li.club-menu-dropdown {
display: flex;
}
}
/*===========================
Collapse Menu at md
============================ */
.amoeba .dropdown-menu .divider {
height:1px;
margin: 9px 0;
}
.second-navbar-right .navbar-nav {
margin-top:0;
}
.navbar.md-collapse .navbar-header {
width: auto;
}
.user-not-authenticated .navbar.md-collapse .navbar-header {
width: 100%;
}
.navbar.md-collapse .navbar-right.second-navbar-right {
margin-left: auto;
}
.navbar.md-collapse .navbar-collapse {
display: none;
}
@media (min-width: 991px) {
.user-not-authenticated .navbar.md-collapse .navbar-header {
width: auto;
}
.amoeba body:not(.dashboard-enabled) .navbar {
padding-top:5px
}
.amoeba body.dashboard-enabled.public-schedule-page {
padding-top:100px;
}
.navbar.md-collapse .navbar-collapse {
display: block;
}
.navbar.md-collapse .navbar-collapse ul.nav {
display: flex;
align-items: center;
}
}
.navbar-right.second-navbar-right {
margin-left: 10px;
margin-right: 0;
}
body.dashboard-enabled.public-schedule-page .navbar > .container,
body.user-authenticated:not(.dashboard-enabled) .navbar > .container {
position:relative;
height:100%;
}
body.dashboard-enabled.public-schedule-page .navbar-collapse,
body.user-authenticated:not(.dashboard-enabled) .navbar-collapse {
margin-right: 65px; /* .second-navbar-right absolute offset */
}
body.dashboard-enabled.public-schedule-page .navbar-right.second-navbar-right,
body.user-authenticated:not(.dashboard-enabled) .navbar-right.second-navbar-right {
position:absolute;
top: calc(50% - 22px); /* middle - half height */
right: 0;
}
@media (max-width: 991px) {
body.user-authenticated:not(.dashboard-enabled) .navbar-header {
width: calc(100% - 52px); /* subtract width of .second-navbar-right */
display: inline-block;
float: left;
}
body.user-authenticated:not(.dashboard-enabled) .navbar-right.second-navbar-right {
right: 20px;
}
.navbar.md-collapse .navbar-header {
float: none;
}
.navbar.md-collapse .navbar-toggle {
display: block;
border: none;
border-radius: 0;
}
.amoeba #logo {
margin: 5px 5px 5px 15px;
}
.amoeba .dashboard-enabled #logo {
margin-left: 0;
}
.navbar.md-collapse .navbar-collapse {
padding: 5px;
border: none;
}
.navbar.md-collapse .navbar-collapse.collapse {
display: none !important;
overflow: visible !important;
overflow-y: auto !important;
}
.navbar.md-collapse .navbar-nav {
float: none !important;
margin: 0 !important;
}
.navbar.md-collapse .navbar-collapse > .navbar-nav {
border: 1px solid lightgrey;
border-radius: 10px;
overflow: hidden;
}
.navbar.md-collapse .navbar-collapse > .navbar-nav > li {
float: none;
border-top: 1px solid lightgrey;
border-bottom: none;
text-align: left;
}
.navbar.md-collapse .navbar-collapse > .navbar-nav > li:first-child {
border-top: none;
}
.navbar.md-collapse .navbar-collapse > .navbar-nav > li > a {
white-space: nowrap;
display: inline-block;
width: 100%;
text-align: left;
font-size: 14px;
padding: 12px 16px;
}
.navbar.md-collapse .navbar-collapse > .navbar-nav > li > a:hover {
background-color: #f5f5f5;
color: #333;
}
/* since 3.1.0 */
.navbar.md-collapse .navbar-collapse.collapsing,
.navbar.md-collapse .navbar-collapse.in {
display: block !important;
position: absolute;
top: 100%;
right: 0;
left: 0;
margin: 0;
}
.navbar.md-collapse .collapsing {
overflow: hidden !important;
}
.navbar.md-collapse .navbar-collapse.in {
background-color: #fff;
}
.navbar.md-collapse .navbar-collapse.collapse,
.navbar.md-collapse .navbar-collapse.collapsing {
background-color: #fff;
}
.amoeba body:not(.dashboard-enabled) .navbar.md-collapse .navbar-collapse.in,
.amoeba body:not(.dashboard-enabled) .navbar.md-collapse .navbar-collapse.collapse,
.amoeba body:not(.dashboard-enabled) .navbar.md-collapse .navbar-collapse.collapsing {
background-color: #444;
}
.navbar.md-collapse .navbar-collapse ul.nav {
width: 100%;
}
.navbar.md-collapse .navbar-nav > .active > a {
padding-bottom: 10px;
}
.navbar.md-collapse .navbar-nav .open .dropdown-menu,
.navbar.md-collapse .navbar-nav .dropdown-menu {
position: static;
float: none;
width: auto;
margin-top: 0;
background-color: transparent;
border: 0;
box-shadow: none;
text-align: left;
}
.navbar.md-collapse .navbar-nav .ll-dropdown-menu.dropdown-menu {
position: static;
border-radius: 0;
box-shadow: none !important;
}
.navbar.md-collapse .navbar-nav .dropdown-menu > li > a {
color: #DDDDDD;
}
.navbar.md-collapse .navbar-nav .dropdown-header {
color: #C8C8C8;
}
/* Applied everywhere – stops navbar from having to scroll for the most part */
.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
max-height: 80vh;
overflow: scroll;
}
}
@media (max-width: 1199px) {
.nav > li > a {
padding: 10px 10px;
}
}
/*===========================
Gallery
============================ */
.fancybox-nav {
width: 60px;
}
.fancybox-nav span {
visibility: visible;
opacity: 0.5;
}
.fancybox-nav:hover span {
opacity: 1;
}
.fancybox-next {
right: -160px;
}
.fancybox-prev {
left: -160px;
}
.portfolio-item {
position: relative;
text-align: center;
overflow: hidden;
}
.portfolio-item h5 {
color: white;
}
/*===========================
Pricing
============================ */
#pricing .pricing-wrapper {
margin-top: 0;
margin-bottom: 0;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
#pricing .price-wrapper,
#pricing .price-summary {
max-width: 300px;
}
#pricing .price-wrapper {
display: flex;
align-items: stretch;
}
#pricing .price-box {
display: flex;
flex-direction: column;
width: 100%;
margin: 0 auto;
padding-bottom: 13px;
background: #fff;
}
@media (min-width: 979px) and (max-width: 1200px) {
#pricing .price-box {
width: 100%;
}
}
@media (min-width: 768px) and (max-width: 979px) {
#pricing .price-box {
width: 100%;
margin: 0 0 20px 0;
}
}
@media (max-width: 767px) {
#pricing .price-box {
width: 100%;
}
}
#pricing .price-box header {
background: #2E3944;
color: #fff;
width: 100%;
display: inline-block;
border-radius: 0 3rem;
padding: 2rem;
height: 116px;
transform: translate(1rem, 2rem);
}
#pricing .price-summary header {
background-color: #265e8e;
}
#pricing .price-box header .header-title {
font-size: 25px;
font-weight: 300;
}
#pricing .price-box header .header-title.plan-name {
font-weight: 700;
}
#pricing .price-box header .price {
float: left;
width: 100%;
}
#pricing .price-box header .price p {
font-size: 18px;
float: right;
/*line-height: 18px;*/
margin-bottom: 0;
margin-top: 15px;
color: #ffffff;
font-weight: 300 !important;
}
#pricing .price-box .price-box-body {
border: 1px solid #e7e7e7;
border-radius: 0 3rem;
padding-bottom: 1.5rem;
padding-top: 5rem;
}
#pricing .price-box .price-box-body.current-tier {
border-width: 3px;
}
#pricing .price-box .plan-body {
min-height: 424px;
height: 100%;
display: flex;
flex-direction: column;
}
#pricing .price-box header .price span {
font-size: 16px;
}
#pricing .price-box header .price .price-cost {
font-size: 18px;
}
#pricing .price-box header .price .price-period {
font-size: 15px;
opacity: 0.8;
}
@media (min-width: 768px) and (max-width: 979px) {
#pricing .price-box header .price span {
margin-top: 5px;
}
}
#pricing .price-box .text {
height: 150px;
padding: 15px 31px 20px;
font-weight: 300;
line-height: 21px;
font-size: 16px;
}
#pricing .price-box .perk {
text-align: center;
min-height: 45px;
color: #333333;
padding: 1rem 4rem;
font-size: 14px;
font-weight: 300;
}
#pricing .price-box .perk .content {
display: inline-block;
width: 100%;
margin: 0 auto;
padding: 0;
text-align: left;
}
#pricing .price-box .perk .perk-icon {
color: #43a047;
opacity: 0.6;
margin-right: 1rem;
}
#pricing .price-box .perk .perk-icon .red {
color: #da431d;
}
#pricing .price-summary .perk .perk-icon {
color: #265e8e;
}
#pricing .price-box .button-wrapper {
display: flex;
justify-content: center;
align-items: flex-end;
}
#pricing .price-box .button-wrapper button {
display: block;
width: auto;
min-width: 165px;
text-transform: uppercase;
overflow: hidden;
text-overflow: ellipsis;
margin: 0 1rem 4rem 1rem;
}
#pricing .price-box .plan-body .current-tier-note {
margin-top: auto;
padding: 1rem 4rem;
color: #999;
}
#pricing .price-pro {
position: relative;
top: -25px;
box-shadow: 4px 10px 2px 0px rgba(66, 66, 66, 0.1);
}
@media (min-width: 768px) and (max-width: 979px) {
#pricing .price-pro {
top: 0;
}
}
@media (max-width: 767px) {
#pricing .price-pro {
top: 0;
}
}
#pricing .price-pro header span {
font-size: 40px;
font-weight: 300;
}
#pricing .checkout-buttons-container {
display: flex;
flex-direction: column;
}
#pricing .checkout-buttons-container > *:not(:last-child) {
margin-bottom: 0.5rem;
}
/*===========================
Subscription Panel
============================ */
.subscriptions-card .plan-name {
font-family: 'Raleway', sans-serif;
font-weight: 700;
font-size: 18px;
}
.subscription-info-header {
border-bottom: 1px dashed #e3e6ed;
margin-bottom: 1.5rem;
padding-bottom: 1.5rem;
}
.payment-details-table {
margin-left: 15px;
font-size: 12px;
}
.payment-details-table > tbody > tr > td {
padding: 0;
border: none;
}
.subscription-payment > .wrapper > .row > .subscription-payment-view-details {
font-size: 85%;
}
@media (min-width: 768px) {
.payment-row > .wrapper > .row {
display: flex;
}
.payment-row > .wrapper > .row > div {
flex: 1;
}
.payment-row > .wrapper > .row > .payment-name,
.payment-row > .wrapper > .row > .payment-details {
flex: 2;
}
.payment-row > .wrapper > .row > div:not(:last-child) {
padding-right: 0.5rem;
}
.payment-row > .wrapper > .row > div:not(:first-child) {
padding-left: 0.5rem;
}
}
@media (max-width: 767px) {
.subscription-payment:not(.last-payment) .wrapper {
border-bottom: 1px dashed #e3e6ed;
}
}
/*===========================
Event List Plugin
============================ */
.event-list-plugin .event {
margin: 15px;
background: whitesmoke;
}
.event-list-plugin img {
max-width: 100%;
}
.event-view .event-image,
.event-list-plugin .event-image {
min-height:200px;
background-size: cover;
background-position: center;
}
.event-list-plugin .event-image .event-date h3 {
margin: 0;
padding-top: 10px;
color: #fff;
text-shadow: 0 1px 4px rgba(0, 0, 0, .5);
}
.event-view .event-image img {
display: none;
}
.event-list-plugin h3 {
margin-bottom: 0;
}
.event-list-plugin .teaser {
margin-top: 10px;
}
@media (max-width: 767px) {
.event-view .event-image,
.event-list-plugin .event-image {
margin-bottom: 10px;
}
}
@media (min-width: 768px) {
.event-view .event-image{
padding: 0;
}
.event-view .event-image img {
display:block;
width: 100%;
}
}
.profile-picture h3 small,
.standings h3 small, .schedule h3 small, .scorers h3 small {
color: #4c4c4c;
}
/*===========================
Picture Plugin
============================ */
.plugin_picture.align-right {
float: right;
margin-left: 15px
}
.plugin_picture.align-left {
float: left;
margin-right: 15px;
}
.plugin_picture.align-center {
display: block;
width:100%;
margin-top: 15px;
margin-bottom: 15px;
}
.plugin_picture img,
.plugin_picture.align-right img,
.plugin_picture.align-left img,
.plugin_picture.align-center img {
width: auto;
max-width: 100%;
}
/*===========================
Leader Boards
============================ */
.top-scorers .avatar,
.top-scorers .generic-avatar {
width: 50px;
height: 50px;
line-height: 50px;
text-align: center;
font-size: 20px;
}
.top-image {
line-height: 50px;
font-size: 30px;
font-weight: lighter;
background: lightgrey;
color: #232323;
text-align: right;
padding-right: 10%;
}
.top-text {
background: darkslategrey;
padding: 10px;
line-height: 1em;
margin-bottom: 15px;
overflow: hidden;
color: white;
}
.top-scorers .table td:first-child {
padding-left: 20px;
font-size: 90%;
}
.top-scorers .table {
color: dimgrey;
}
.top-scorers tr.lower-scorer td {
display: none;
}
/*===========================
Manage Venues
============================ */
#manage-venues li.list-group-item span {
background-color: transparent;
}
#manage-venues-modal .select-teams-container {
position: relative;
}
#manage-venues-modal .select-teams-container .btn-group.home-teams-buttons .btn {
background: transparent;
padding: 6px;
font-size: 18px;
}
#manage-venues-modal .select-teams-container .btn-group.home-teams-buttons .btn {
outline: none;
}
#manage-venues-modal .select-teams-container .confirm-home-teams {
color: #98CD00;
}
#manage-venues-modal .select-teams-container .discard-home-teams {
color: #d9534f;
}
#manage-venues-modal .select-teams-container .title {
margin-left: 6px;
margin-bottom: 3px;
margin-top: 3px;
}
#manage-venues-modal .select-teams-container .checkbox {
margin-top: 0;
}
#manage-venues-modal .select-teams-container .checkbox label {
font-size: 13px;
line-height: 20px;
color: #686868;
}
#manage-venues-modal .venue-container {
display: flex;
flex-direction: column;
align-items: center;
transition: padding 400ms, margin 400ms;
}
#manage-venues-modal .venue-container.managing-home-teams {
background: aliceblue;
margin-bottom: 10px;
padding-top: 10px;
transition: padding 400ms, margin 400ms;
}
#manage-venues-modal .venue-container .venue-item-wrapper > .row {
display: flex;
align-items: center;
padding-right: 0.5rem;
}
#manage-venues-modal .venue-buttons-container {
display: flex;
justify-content: space-evenly;
align-items: center;
padding: 0;
}
#manage-venues-modal .pretty {
margin: 0;
font-size: 13px;
}
#manage-venues-modal .venue-buttons-container .manage-home-venues-button,
#manage-venues-modal .venue-buttons-container .edit-venue {
outline: none;
}
#manage-venues-modal .venue-buttons-container .manage-home-venues-button.disabled {
cursor: progress;
}
#manage-venues-modal a.venue-action-button {
display: flex;
align-items: center;
}
#manage-venues-modal .venue-action-button:not(:last-child) {
margin-right: 1rem;
}
#manage-venues-modal .select-teams-container .confirm-home-teams,
#manage-venues-modal .select-teams-container .discard-home-teams {
padding: 0.25rem 0.5rem;
}
#manage-venues-modal .select-teams-container .confirm-home-teams,
#manage-venues-modal .select-teams-container .discard-home-teams,
#manage-venues-modal .venues-container input[type='checkbox'] {
cursor: pointer;
}
#manage-venues-modal .home-venues-buttons {
display: flex;
}
.manage-form-buttons-wrapper {
display: block;
text-align: right;
margin-top: 19px;
}
.manage-form-buttons-wrapper .button-block {
display: inline-flex;
}
.manage-form-buttons-wrapper .button-block + .button-block {
margin-left: 1.5rem;
}
#manage-venues-modal .button-block .pretty,
.manage-form-buttons-wrapper .button-block .pretty {
font-size: 16px;
color: #366d9d;
margin-right: 0;
}
.hide-inactive-block .pretty.p-toggle .state.p-on .icon,
.include-all-block .pretty.p-toggle .state.p-on .icon {
color: #a0b5c8;
}
.hide-inactive-block .pretty.p-toggle .state.p-off .icon,
.include-all-block .pretty.p-toggle .state.p-off .icon,
.sort-alphabetically-block .pretty.p-toggle .state.p-off .icon,
.sort-alphabetically-block .pretty.p-toggle .state.p-on .icon {
color: inherit;
}
#manage-venues-modal .manage-travel-times-btn {
margin: 0;
}
.lite .manage-home-venues-button {
display: none !important;
}
/*===========================
Sponsors
============================ */
.hub-power-series .row {
position: relative;
}
.hub-power-series h2 {
position: absolute;
bottom: -30px;
left: 15px;
color: #ffffff;
text-transform: uppercase;
}
.render_sponsors {
margin-top: -30px;
padding: 25px;
padding-bottom: 30px;
margin-bottom: 25px;
}
/*===========================
Comments
============================ */
.comment_form_wrapper .table td {
padding: 0;
}
.comment_form_wrapper .table {
margin-bottom: 0;
}
.comment_form {
width: 100%;
}
.comment_form .submit {
text-align: right;
}
.comment, .comment_form {
display: inline-block;
position: relative;
color:black;
}
.protest-comments .comment,
.protest-comments .comment_form {
display: block;
}
.protest-comments small {
font-size: 10px;
}
.comment {
font-size: 13px;
line-height: 1.5em;
}
.comments > ul > li > .comment {
padding:8px 0px 15px;
}
.comment-picture {
display: inline-block;
vertical-align: top;
margin:8px 0px 8px 0px;
}
.comment-picture img{
float: right;
margin:0;
}
textarea.form-control,
textarea {
height: 4em;
border-radius: 1.6rem;
}
.depth-2 .comment-info {
margin: 10px 0 0;
}
.comment-info {
width:100%;
margin: 0;
font-size: 70%;
color: #848484;
font-style: italic;
line-height: 1.1;
}
.comments ul {
padding: 0;
}
.comment_li {
position: relative;
background: rgba(255,255,255,.3);
margin-top: 10px;
width: 100%;
list-style: none;
}
.comment_li.depth-3 {
background: rgba(119, 136, 153, 0.47);
}
.comment_li.depth-5 {
background: rgba(224, 255, 255, 0.53);
}
.comment_li.deep {
margin-left: -54px;
}
/*===========================
League List
============================ */
.league-list {
margin: 50px auto;
text-align:left;
}
.league-list .event {
position: relative;
padding: 10px 15px;
margin: 10px 0;
min-height: 7em;
}
.event-title {
margin-bottom: 15px;
}
.event-title h2{
display:inline;
}
.league-list a:not(.btn) {
text-decoration: none;
}
.past-events .event {
background: #c2c6c2;
}
.upcoming-events .event{
background: #DEE3DE;
}
.current-events .event {
color: #ffffff;
background: #333;
}
.event-venues{
display:inline;
}
.event-description{
font-size:85%;
min-height: 20px;
}
.event-detail{
float:none;
text-align:left;
right: 0;
top: 0;
margin-bottom: 15px;
font-size: 80%;
line-height: 1.5em;
}
.event-registration{
clear:both;
text-align: right;
margin: 0;
margin-bottom: 5px;
}
.event-venues a {
white-space: nowrap;
}
.upcoming-events #date-day {
margin:20px 0 0 0; font-size: 28px; font-weight: lighter;
}
.upcoming-events #date-month {
margin: -29px 0 0 0; letter-spacing: -1px; font-size: 20px; font-weight: bold
}
@media (min-width: 35em) {
.event-right {
margin-bottom: auto;
width:30%;
}
.event-description,
.event-title{
max-width:70%;
}
.event-title{
float:left;
}
.event-description{
clear:left;
}
.event-detail{
float:right;
text-align:right;
}
}
@media (min-width: 70em) {
.league-list{
margin-top:0;
text-align: left;
}
}
.draft .event{
background-color: lightgrey;
}
.draft span,
.draft a,
.draft h3,
.draft h4 {
color: darkgrey;
}
.draft a:hover{
color: grey;
}
/*===========================
Assign Teams
============================ */
.captaincy{
height:15px;
}
.captaincy.assigned{
margin-top: 4px;
margin-right: 4px;
}
.unassign-captaincy-hover {
background-color: #e4b9b9 !important;
}
/*===========================
Bootstrap Select Picker
============================ */
.bootstrap-select {
width:100% !important;
box-shadow: none;
}
.bootstrap-select .bs-actionsbox {
min-width: 180px;
}
.dropdown-toggle.selectpicker {
display: block;
width: 100%;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
/*==========================================================================
Amoeba Helper Classes (Misc & Adjust)
========================================================================== */
.big {
font-size: 20pt;
font-weight: 300;
}
.blink:hover {
opacity: 0.9;
}
.half-offset {
margin-bottom: 75px !important;
}
.no-offset {
margin: 0 !important;
padding: 0;
}
.trans {
border: 0 !important;
background: 0 !important;
box-shadow: none !important;
-webkit-box-shadow: none !important;
}
.nobg {
background: 0;
border: 0;
}
.noborder {
border: 0 !important;
}
.color-white {
color: #fff;
}
.normalize-font-top {
padding-top: 25px;
}
/* --- float --- */
.float-left {
float: left;
}
.float-right {
float: right;
}
/* --- align --- */
.align-left {
text-align: left;
}
.align-right {
text-align: right;
}
.align-center {
text-align: center;
}
/* ---- padding ---- */
/* top */
.pad-top0 {
padding-top: 0;
}
.pad-top5 {
padding-top: 5px;
}
.pad-top10 {
padding-top: 10px;
}
.pad-top15 {
padding-top: 15px;
}
.pad-top20 {
padding-top: 20px;
}
.pad-top25 {
padding-top: 25px;
}
.pad-top30 {
padding-top: 30px;
}
.pad-top35 {
padding-top: 35px;
}
.pad-top40 {
padding-top: 40px;
}
/* bottom */
.pad-bot0 {
padding-bottom: 0;
}
.pad-bot5 {
padding-bottom: 5px;
}
.pad-bot10 {
padding-bottom: 10px;
}
.pad-bot15 {
padding-bottom: 15px;
}
.pad-bot20 {
padding-bottom: 20px;
}
.pad-bot25 {
padding-bottom: 25px;
}
.pad-bot30 {
padding-bottom: 30px;
}
.pad-bot35 {
padding-bottom: 35px;
}
.pad-bot40 {
padding-bottom: 40px;
}
/* ---- margin --- */
.mar-left5 { margin-left: 5px; }
.mar-left10 { margin-left: 10px; }
.mar-left15 { margin-left: 15px; }
.mar-left20 { margin-left: 20px; }
.mar-left25 { margin-left: 25px; }
.mar-left30 { margin-left: 30px; }
.mar-right5 { margin-right: 5px; }
.mar-right10 { margin-right: 10px; }
.mar-right15 { margin-right: 15px; }
.mar-right20 { margin-right: 20px; }
.mar-right25 { margin-right: 25px; }
.mar-right30 { margin-right: 30px; }
/* top */
.mar-top0 {
margin-top: 0;
}
.mar-top5 {
margin-top: 5px;
}
.mar-top10 {
margin-top: 10px;
}
.mar-top15 {
margin-top: 15px;
}
.mar-top20 {
margin-top: 20px;
}
.mar-top25 {
margin-top: 25px;
}
.mar-top30 {
margin-top: 30px;
}
.mar-top35 {
margin-top: 35px;
}
.mar-top40 {
margin-top: 40px;
}
/* bottom */
.mar-bot0 {
margin-bottom: 0;
}
.mar-bot5 {
margin-bottom: 5px;
}
.mar-bot10 {
margin-bottom: 10px;
}
.mar-bot15 {
margin-bottom: 15px;
}
.mar-bot20 {
margin-bottom: 20px;
}
.mar-bot25 {
margin-bottom: 25px;
}
.mar-bot30 {
margin-bottom: 30px;
}
.mar-bot35 {
margin-bottom: 35px;
}
.mar-bot40 {
margin-bottom: 40px;
}
.list-group-item.disabled,
.list-group-item.disabled:hover,
.list-group-item.disabled:focus {
color: #777;
background-color: #eee;
}
.list-group-item.disabled .list-group-item-heading,
.list-group-item.disabled:hover .list-group-item-heading,
.list-group-item.disabled:focus .list-group-item-heading {
color: inherit;
}
.list-group-item.disabled .list-group-item-text,
.list-group-item.disabled:hover .list-group-item-text,
.list-group-item.disabled:focus .list-group-item-text {
color: #777;
}
.panel.pinned {
position: fixed;
top: 10px;
height: calc(100vh - 75px);
overflow-x: hidden;
overflow-y: auto;
}
.panel.pinned .panel-heading {
position: sticky;
top: 0;
z-index: 1;
}
#schedule-checker.pinned {
overflow-y: hidden;
}
.edit-panel.pinned {
padding-left: 1rem; /* creates space for the toggle constraint section button to overflow in */
margin-left: -1rem;
background-color: white;
}
.edit-panel.pinned > .panel-heading {
z-index: 2;
}
.edit-panel.pinned .ll-section {
background-color: #fff;
}
/*===========================
z-index
============================ */
.schedule .schedule-match .score-inputs .expand-scores {
z-index: 1;
}
#floating-buttons {
z-index: 91;
}
.vali-admin #dashboard-sidebar .app-sidebar {
z-index: 92;
padding-top: 50px;
}
@media (max-width: 767px) {
.vali-admin #dashboard-sidebar .app-sidebar {
padding-top: 0;
}
}
.modal-backdrop {
z-index: 999999992;
}
.dropdown-menu,
a.scrollup,
#gn-menu,
.navbar-fixed-top,
.navbar-fixed-bottom {
z-index: 999999993;
}
.panel.pinned {
z-index: 999999994;
}
div.cms .cms-toolbar-trigger,
#schedule-checker.pinned {
z-index: 999999995;
}
#publish-schedule-modal {
z-index: 999999996;
}
#cms_toolbar-toggle,
#cms_toolbar,
#cms-top,
#loader,
#scheduling-loader {
z-index: 999999997;
}
#scheduling-loader {
display: flex;
flex-direction: column;
gap: 1.5rem;
}
#scheduling-loader .m-loader {
font-size: 100px;
opacity: 0.5;
color: #43a047;
display: flex;
justify-content: center;
align-items: center;
}
#scheduling-loader .message {
font-family: Raleway, Lato, Arial, sans-serif;
}
.modal,
.ui-dialog {
color: #333333;
z-index: 999999998;
}
.tox-tinymce-aux {
z-index: 999999998 !important;
}
#ui-datepicker-div,
.daterangepicker,
#djDebug > div,
.xdsoft_datetimepicker,
.fancybox-opened,
.fancybox-overlay,
.ui-timepicker-wrapper,
div.colorPicker-palette {
z-index: 999999999 !important;
}
.tooltip {
z-index: 2147483001 !important;
}
.dropdown-menu {
overflow-y: auto;
}
.dropdown-menu .divider {
margin: 7px 0;
}
.modal .modal-footer .btn {
margin-bottom: 0;
margin-top: 0;
margin-right: 0;
}
/*==========================
season tabpanel
============================*/
#season-tabpanel > .nav > li > a {
color: #ddd;
}
#season-tabpanel > .nav > li.active > a {
color: green;
}
#draft_switch{
float: right;
}
/*==========================================
season tabpanel - registration
============================================*/
#email-registration-form.registration-content div.row div.form-group.col-md-12 {
margin-left: -14px;
}
#id_captains_only {
margin-left: 0;
margin-right: 5px;
}
#team-badges i.fa.fa-times {
cursor: pointer;
margin-left:5px;
margin-top:3px;
margin-bottom:3px;
}
a> i.fa.fa-times{
cursor: pointer;
}
#team-badges span.badge {
margin-right:10px;
}
#clear_recipients_button{
cursor: pointer ;
}
.envelop_icon_link{
cursor: pointer;
}
.reg-team i{
cursor: pointer;
color: #50B0F4;
}
.reg-team-name:hover{
font-weight: bold;
}
.indi-reg-name:hover{
font-weight: bold;
}
.info-registration-modal .modal-content .fa,
.info-indi-registration-modal .modal-content .fa{
margin-right: 1em;
color: #35A49C;
}
.info-registration-modal .modal-content p,
.info-indi-registration-modal .modal-content p {
line-height: 90%;
}
#team-table-container .indie-icon {
color: #35A49C;
position: relative;
bottom: 2px;
cursor: help;
}
#team-table-container .fa-columns{
cursor: help;
}
#team-table-container th:first-child {
width: 45px;
}
#add-team-table > div {
padding-top: 5px;
}
#add-team-table .btn {
margin: 0;
}
/*==========================
season chart-box
============================ */
.chart-box {
width: 380px;
margin:0 30px 0 30px;
}
#teams-box-frame,
#individuals-box-frame{
border: 1px solid;
border-radius: 8px;
border-color: grey;
}
#teams-box-frame{
margin: 0 -10px 0 -15px;
}
#individuals-box-frame{
margin: 0 -15px 0 -10px;
}
/* For Mobile */
@media (max-width: 767px) {
#teams-box-frame{
margin-bottom: 7.5px;
margin-left: -15px;
margin-right: -15px;
}
#individuals-box-frame{
margin-top: 7.5px;
margin-left: -15px;
margin-right: -15px;
}
}
.piechart {
overflow: hidden;
}
/*==========================
season tabpanel - settings
============================*/
/*------------------------------------------------*/
/*CSS FOR DEFAULT WIDGET USING {{ form.weekdays }}*/
#weekdays_container ul {
list-style-type: none;
margin: 0;
padding: 0;
}
#weekdays_container ul li {
float: left;
}
#weekdays_container ul li input[type="checkbox"] {
margin-right: 2px;
}
/*------------------------------------------------*/
#weekdays_container .btn-group{
marging-bottom: 20px;
}
/*==========================
Charts Tooltips
============================*/
.google-visualization-tooltip-item {
padding: 0 5px !important;
display: inline;
}
.google-visualization-tooltip {
padding: 0 5px !important;
font-size:12px;
line-height: 10px;
}
/*===========================
Navigation Bar
============================ */
.panel, #navigation-bar {
border-radius: 3px;
}
.navigation-bar .dropdown-menu li,
.navigation-bar .btn {
text-transform: uppercase;
border-radius: 0;
border: none;
padding: 8px 18px;
font-size: 11px;
}
.navigation-bar .dropdown-menu li a {
padding: 0;
background-color: transparent;
color: initial;
}
.navigation-bar .btn-group {
border: none;
}
.navigation-bar .dropdown-menu {
margin-top: 0;
border-radius: 1px;
}
#smallsize-navigation-bar {
border: none;
margin-top: -1px;
}
#normalsize-navigation-bar {
display: none;
}
#normalsize-navigation-bar .btn .icon {
display: none;
}
@media (min-width: 768px) {
#smallsize-navigation-bar {
display: none;
}
#normalsize-navigation-bar {
display: inline-block;
}
}
@media (min-width: 992px) {
#normalsize-navigation-bar .btn {
padding: 8px 28px;
}
}
/* Modified scheduler navigation bar **/
.ll-scheduler-navigation-bar .scheduler-navigation-bar-wrapper {
background-color: transparent;
}
.ll-scheduler-navigation-bar .scheduler-navigation-bar-wrapper .container {
width: auto;
}
.ll-scheduler-navigation-bar #normalsize-navigation-bar {
display: flex;
gap: 0.5rem;
}
.ll-scheduler-navigation-bar #normalsize-navigation-bar .nav-btn,
.ll-scheduler-navigation-bar #smallsize-navigation-bar .nav-btn {
font-size: 1.3rem;
font-weight: 600;
padding: 0.6rem 1.8rem;
border-radius: 1rem;
text-transform: none;
font-family: "Raleway", sans-serif;
transition: all .15s ease-in-out;
box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1) !important;
}
.ll-scheduler-navigation-bar #normalsize-navigation-bar .nav-btn .icon {
display: inline-flex;
margin-right: 1rem;
}
.ll-scheduler-navigation-bar #smallsize-navigation-bar .nav-btn .icon {
display: inline-flex;
margin-right: 1.5rem;
}
/** Scheduler navigation bar (white theme) **/
.ll-scheduler-navigation-bar.ll-scheduler-navigation-bar--white {
display: flex;
justify-content: space-between;
align-items: end;
border-bottom: 1px solid rgb(243 244 246);
padding: 0.6rem 0;
}
.ll-scheduler-navigation-bar.ll-scheduler-navigation-bar--white .scheduler-navigation-bar--title,
.ll-scheduler-navigation-bar.ll-scheduler-navigation-bar--white .scheduler-navigation-bar--container {
flex: 1;
}
.ll-scheduler-navigation-bar.ll-scheduler-navigation-bar--white #normalsize-navigation-bar .nav-btn,
.ll-scheduler-navigation-bar.ll-scheduler-navigation-bar--white #smallsize-navigation-bar .nav-btn {
box-shadow: none !important;
border-radius: 0;
background: transparent;
color: rgb(68 64 60);
padding: 0.6rem 1.2rem;
position: relative;
transition: all .15s ease-in-out;
border-width: 0;
border-style: solid;
border-color: #43a047;
}
.ll-scheduler-navigation-bar.ll-scheduler-navigation-bar--white #normalsize-navigation-bar .nav-btn.dropdown-toggle,
.ll-scheduler-navigation-bar.ll-scheduler-navigation-bar--white #smallsize-navigation-bar .nav-btn.dropdown-toggle {
border-radius: 1rem;
}
.ll-scheduler-navigation-bar.ll-scheduler-navigation-bar--white #normalsize-navigation-bar .nav-btn::after,
.ll-scheduler-navigation-bar.ll-scheduler-navigation-bar--white #smallsize-navigation-bar .nav-btn::after {
content: '';
position: absolute;
bottom: -0.9rem;
left: 50%;
transform: translateX(-50%);
width: calc(100% - 1.5rem);
min-height: 1px;
border-top-style: solid;
border-top-width: 3px;
opacity: 0;
transition: opacity .15s ease-in-out;
}
.ll-scheduler-navigation-bar.ll-scheduler-navigation-bar--white #normalsize-navigation-bar .nav-btn.active::after,
.ll-scheduler-navigation-bar.ll-scheduler-navigation-bar--white #smallsize-navigation-bar .nav-btn.active::after {
opacity: 1;
border-color: currentColor;
}
.ll-scheduler-navigation-bar.ll-scheduler-navigation-bar--white #normalsize-navigation-bar .nav-btn:hover,
.ll-scheduler-navigation-bar.ll-scheduler-navigation-bar--white #smallsize-navigation-bar .nav-btn:hover {
border-radius: 1rem;
color: rgb(28 25 23);
background-color: rgb(245 245 244);
}
/** Scheduler navigation bar (admin dropdown menu) **/
.ll-scheduler-navigation-bar.ll-scheduler-navigation-bar--white #normalsize-navigation-bar .dropdown-menu,
.ll-scheduler-navigation-bar.ll-scheduler-navigation-bar--white #smallsize-navigation-bar .dropdown-menu {
max-height: min(350px, 100vh - 100px);
margin-top: 0.9rem;
overflow-y: auto;
background-color: #fff;
box-shadow: none;
filter: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));
border: 1px solid rgb(229 231 235);
border-radius: 1rem;
opacity: 0;
height: 0;
transition: opacity .15s ease-in-out;
display: block;
visibility: hidden;
}
.ll-scheduler-navigation-bar.ll-scheduler-navigation-bar--white #normalsize-navigation-bar .open > .dropdown-menu,
.ll-scheduler-navigation-bar.ll-scheduler-navigation-bar--white #smallsize-navigation-bar .open > .dropdown-menu {
display: flex;
flex-direction: column;
opacity: 1;
visibility: initial;
height: auto;
}
.ll-scheduler-navigation-bar.ll-scheduler-navigation-bar--white #normalsize-navigation-bar .dropdown-menu > li,
.ll-scheduler-navigation-bar.ll-scheduler-navigation-bar--white #smallsize-navigation-bar .dropdown-menu > li {
padding: 0.3rem 1rem;
}
.ll-scheduler-navigation-bar.ll-scheduler-navigation-bar--white #normalsize-navigation-bar .dropdown-menu > li,
.ll-scheduler-navigation-bar.ll-scheduler-navigation-bar--white #normalsize-navigation-bar .dropdown-menu > li:hover,
.ll-scheduler-navigation-bar.ll-scheduler-navigation-bar--white #smallsize-navigation-bar .dropdown-menu > li,
.ll-scheduler-navigation-bar.ll-scheduler-navigation-bar--white #smallsize-navigation-bar .dropdown-menu > li:hover {
background-color: #fff;
}
.ll-scheduler-navigation-bar.ll-scheduler-navigation-bar--white #normalsize-navigation-bar .dropdown-menu > li > a {
font-size: 1.2rem;
}
.ll-scheduler-navigation-bar.ll-scheduler-navigation-bar--white #normalsize-navigation-bar .dropdown-menu > li.divider,
.ll-scheduler-navigation-bar.ll-scheduler-navigation-bar--white #smallsize-navigation-bar .dropdown-menu > li.divider {
border-bottom: 2px solid rgb(245, 245, 247);
width: 80%;
margin-left: auto;
margin-right: auto;
}
/** Scheduler navigation bar (mobile) **/
@media (max-width: 767px) {
.ll-scheduler-navigation-bar.ll-scheduler-navigation-bar--white .scheduler-navigation-bar--title {
margin-left: 1rem;
}
.ll-scheduler-navigation-bar.ll-scheduler-navigation-bar--white .scheduler-navigation-bar--container {
width: 100%;
}
.ll-scheduler-navigation-bar.ll-scheduler-navigation-bar--white {
flex-direction: column;
align-items: start;
justify-content: center;
border-bottom: none;
}
.ll-scheduler-navigation-bar.ll-scheduler-navigation-bar--white #smallsize-navigation-bar .dropdown-menu > li > a.nav-btn {
font-size: 1.6rem;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.ll-scheduler-navigation-bar.ll-scheduler-navigation-bar--white {
margin-bottom: 6rem !important;
}
}
@media (max-width: 991px) {
.ll-scheduler-navigation-bar.ll-scheduler-navigation-bar--white .container,
.ll-scheduler-navigation-bar.ll-scheduler-navigation-bar--white .container > .row > [class^="col-"] {
padding: 0;
}
.ll-scheduler-navigation-bar.ll-scheduler-navigation-bar--white .container > .row {
margin: 0;
}
.ll-scheduler-navigation-bar.ll-scheduler-navigation-bar--white #normalsize-navigation-bar {
display: none;
}
.ll-scheduler-navigation-bar.ll-scheduler-navigation-bar--white #smallsize-navigation-bar {
display: flex;
align-items: center;
}
.ll-scheduler-navigation-bar.ll-scheduler-navigation-bar--white #smallsize-navigation-bar .nav-btn,
.ll-scheduler-navigation-bar.ll-scheduler-navigation-bar--white #smallsize-navigation-bar .dropdown-menu > li > a {
font-size: 1.4rem;
}
}
/*==========================
Polls
============================*/
.poll_style ul {
list-style: none;
padding: 0;
}
.poll_style li {
margin-bottom: 10px;
}
.poll_style .bar {
background: #ffffff;
border: 1px solid #313131;
height: 8px;
}
/*===========================
Event Form
============================ */
#event-form input[type=checkbox] {
margin-right: 5px;
}
/*===========================
Loader for Ajax Requests
============================ */
/*#loader {*/
/* display: none;*/
/* position: fixed;*/
/* top: 0;*/
/* left: 0;*/
/* height: 100%;*/
/* width: 100%;*/
/* background: rgba( 255, 255, 255, .8 )*/
/* url("../img/ajax-loader.gif")*/
/* 50% 50%*/
/* no-repeat;*/
/*}*/
/*===========================
Loader/Overlay for Ajax Requests (z-index greater than modals)
============================ */
#overlay {
display: none;
position: fixed;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: rgba( 255, 255, 255, .8 )
url("../img/ajax-loader.gif")
50% 50%
no-repeat;
z-index: 999999999;
}
/*===========================
Generate Groups Panel
============================ */
#groups-panel .groups-to-generate {
text-align: center;
width: auto;
}
#groups-panel table {
margin-top: 30px;
}
#groups-panel table td:last-child {
width: 150px;
}
#groups-panel .group-validation {
white-space: nowrap;
}
#groups-panel .group-validation:not(.valid, .invalid) {
display: none;
}
#groups-panel .group-validation.valid {
color: #4ca626;
}
#groups-panel .group-validation.valid .invalid-icon {
display: none;
}
#groups-panel .group-validation.invalid {
color: #c9302c;
}
#groups-panel .group-validation.invalid .valid-icon {
display: none;
}
/*===========================
Season Settings
============================ */
#settings-heading.disabled,
#settings-heading.disabled * {
cursor: progress !important;
}
/*===========================
Add/Edit Time Slot Modal (PRO)
============================ */
@media (min-width: 768px) {
.constraint-modal > .modal-dialog.modal-lg {
width: 750px;
}
}
@media (max-width: 767px) {
.constraint-modal .btn-group > .btn {
border-radius: 1.6rem !important;
margin: 0.5rem !important;
min-width: 100px;
}
}
.constraint-modal .helptext {
color: #707070;
font-size: 11px;
margin-top: 3px;
line-height: 14px;
}
/*===========================
Time Slots - Schedule Constraints
============================ */
.timeslot_row td:last-child,
.constraint_row td:last-child {
text-align: right;
}
.timeslot_row td:last-child > a,
.constraint_row td:last-child > a {
padding: 0.2rem 0.35rem;
margin: 0 0.1rem;
}
#timeslot-table > tbody > tr > td > span,
#team-constraint-table > tbody > tr > td > span,
#division-constraint-table > tbody > tr > td > span,
#games-per-day-constraint-table > tbody > tr > td > span {
display: inline-block;
}
@media (min-width: 768px) {
.timeslot_row .venues-td .ll-btn,
.timeslot_row .weekdays-td .ll-btn {
width: 150px;
}
}
/*===========================
Constraint Row
============================ */
.timeslot_row td.weekday > .btn-group,
.constraint_row td.weekday > .btn-group {
min-width: 120px;
}
.constraint_row td.weekday > .btn-group > .ll-btn.btn-weekday,
.timeslot_row td.weekday > .btn-group > .ll-btn.btn-weekday {
cursor: initial;
padding: 0.2rem 0.3rem;
font-size: 11px;
box-shadow: none;
}
.constraint_row td.weekday > .btn-group > .ll-btn.btn-weekday:first-child,
.timeslot_row td.weekday > .btn-group > .ll-btn.btn-weekday:first-child {
border-top-left-radius: 0.8rem;
border-bottom-left-radius: 0.8rem;
}
.constraint_row td.weekday > .btn-group > .ll-btn.btn-weekday:last-child,
.timeslot_row td.weekday > .btn-group > .ll-btn.btn-weekday:last-child {
border-top-right-radius: 0.8rem;
border-bottom-right-radius: 0.8rem;
}
.constraint_row td.weekday > .btn-group > .ll-btn.btn-weekday:hover,
.timeslot_row td.weekday > .btn-group > .ll-btn.btn-weekday:hover,
.constraint_row td.weekday > .btn-group > .ll-btn.btn-weekday:active,
.timeslot_row td.weekday > .btn-group > .ll-btn.btn-weekday:active,
.constraint_row td.weekday > .btn-group > .ll-btn.btn-weekday.active,
.timeslot_row td.weekday > .btn-group > .ll-btn.btn-weekday.active,
.constraint_row td.weekday > .btn-group > .ll-btn.btn-weekday:focus,
.timeslot_row td.weekday > .btn-group > .ll-btn.btn-weekday:focus {
z-index: 1;
}
/*===========================
Division/Team Constraints
============================ */
.constraint_row .align-to-target {
margin-top: 15px;
line-height: 15px;
}
.constraint_row .constraint-time-range {
min-width: 120px;
}
.constraint-row-buttons > div {
display: flex;
justify-content: end;
align-items: center;
}
.constraint_row td:not(.constraint-row-buttons) {
cursor: pointer;
}
.constraint-targets .target {
line-height: 15px;
margin-bottom: 5px;
max-width: 130px;
}
.constraint-targets .target.secondary {
font-size: 11px;
color: #666;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
margin-bottom: 0;
}
.constraint-targets .target > span {
display: inline;
}
.constraint-targets > .target-division:first-child .target.secondary {
height: 15px;
}
.bootstrap-select .dropdown-menu .division {
font-size: 12px;
color: #777;
}
.bootstrap-select .dropdown-menu .active .division {
color: #fff;
opacity: 0.8;
}
/*===========================
Expandable Constraint Row
============================ */
@media (max-width: 767px) {
.constraint-panel [data-expand-all] {
display: none;
}
}
.constraint_row[data-expandable="true"] {
border-bottom: 1px solid #ddd;
}
.constraint_row[data-expandable="true"] > .inner {
position: relative;
overflow: hidden;
display: flex;
}
.constraint_row[data-expandable="true"] > .inner > td.flex-2 {
flex: 2;
}
.constraint_row[data-expandable="true"] > .inner > td {
flex: 1;
}
.constraint_row.expandable > .inner > .expand,
.constraint_row.expandable > .inner > .collapse {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
cursor: pointer;
height: 20px;
display: flex;
justify-content: center;
align-items: center;
color: #43a047;
}
.constraint_row.expandable > .inner > .expand {
background: linear-gradient(to bottom, rgba(255,0,0,0), rgba(255,255,255,1));
}
.constraint_row.expandable.expanded > .inner {
padding-bottom: 10px;
}
.constraint_row.expandable.expanded > .inner > .expand {
display: none;
}
.constraint_row.expandable:not(.expanded) > .inner > .collapse {
display: none;
}
/*===========================
Custom Brackets
============================ */
.playoff-container {
padding: 1em !important;
}
.playoff-container .playoff-header {
display: flex;
margin-bottom: 1rem;
}
.playoff-container .header-content {
display: flex;
flex: 1;
}
.playoff-container > .playoff-header > .header-content > div {
flex: 0;
}
.playoff-container > .playoff-header > .header-content > .title-container {
flex: 1;
padding-right: 2rem !important;
display: flex;
align-items: center;
}
.playoff-container .move-buttons {
display: flex;
flex-direction: column;
justify-content: center;
margin-right: 0.5rem;
}
.playoff-container .playoff-move-up,
.playoff-container .playoff-move-down {
font-size: 18px;
display: inline-flex;
justify-content: center;
cursor: pointer;
min-width: 25px;
}
.playoff-container .playoff-title {
display: inline;
margin: 0;
}
.seeds-table-container {
overflow: hidden;
}
@media screen and (max-width: 767px) {
.seeds-table-container {
border: none;
padding-bottom: 1rem !important;
overflow-x: auto;
}
.seeds-table-container .table.no-borders {
border: none;
}
.seeds-table td:nth-child(2) {
min-width: 140px;
}
.seeds-table > tbody > tr > td > label {
min-width: 60px;
}
}
@media screen and (min-width: 768px) {
.seeds-table td:first-child, .seeds-table td:last-child {
vertical-align: middle;
}
.seeds-table .playoffteam {
margin-left: 1rem;
}
.seeds-table td:first-child {
width: 80px;
}
.seeds-table td:nth-child(2) {
width: 40%;
}
}
.seeds-table .seed-select > .ll-selectpicker-btn {
z-index: auto;
}
/* -------------------------------------------------- */
/* jQuery drag/drop styling */
/* -------------------------------------------------- */
.grab-cursor,
.draggable-hover {
cursor: grab;
}
.ui-sortable-helper,
.ui-draggable:active{
cursor: grabbing;
}
.ui-draggable-helper {
background: rgba(100,100,100,.5);
}
.ui-droppable.ui-state-active {
border:0;
}
/*.ui-state-disabled, .ui-widget-content .ui-state-disabled, */
/*.ui-widget-header .ui-state-disabled {*/
/* opacity: 1;*/
/*}*/
/*Shopify Draggable JS*/
.draggable-container--is-dragging {
cursor: grabbing;
}
.draggable-hover,
.draggable--over,
.dragged-match .draggable-match,
.match-teams .draggable-source--is-dragging {
border-radius: 0.5rem;
background-color: #e5f2d7;
/*background: rgba(139, 195, 74, 0.22);*/
}
.dragged-match .draggable-match,
.match-teams .draggable-source--is-dragging {
outline: 2px dashed #b4df85;
}
.swapping .dupe-count {
opacity: 0;
transition: opacity 150ms ease-in-out;
}
/*==========================
Constraint sliders (min/max/back-to-back)
============================ */
.season-constraint-panel .slider-container {
padding: 1.5rem 0;
}
.season-constraint-panel .minmax-duration-inputs {
max-width: 350px;
padding: 0 1.5rem;
margin: 1rem 0;
display: flex;
align-items: center;
}
.season-constraint-panel .bdp-block:first-child {
padding-left: 0;
}
.season-constraint-panel #bdp-days-label,
.season-constraint-panel #bdp-hours-label,
.season-constraint-panel #bdp-minutes-label {
font-size: 12px;
color: #555;
}
/*==========================
max back-to-back games constraint
============================ */
#max-back-to-back .slider-container {
padding-top: 5px;
padding-bottom: 10px;
}
#max-back-to-back input[name="max-back-to-back"] {
margin-bottom: 15px;
max-width: 100px;
}
/*==========================
travel constraints
============================ */
.travel-constraint-form .form-group {
max-width: 500px;
}
/*==========================
Team constraints by date
============================ */
.daterangepicker {
box-shadow: 4px 4px 4px 0 rgba(0, 0, 0, 0.2), -2px -1px 8px 5px rgba(0,0,0,0.12);
}
.daterangepicker td.limit, .daterangepicker td.limit:hover {
background-color: #43a047;
border-color: transparent;
color: #fff;
border-radius: 4px;
}
#team-constraint-form a.more-dates {
margin-top: 5px;
color: #43A047;
}
#team-constraint-form a.more-dates.disabled {
cursor: not-allowed;
opacity: 0.5;
}
.season-constraint-panel .panel-extra .input-group .input-group-addon,
.season-constraint-panel .panel-extra .input-group input[type="text"] {
border-color: #ddd;
}
.season-constraint-panel .panel-extra .input-group input[type="text"]:focus {
background: #ddd;
box-shadow: none;
z-index: 1;
}
.season-constraint-panel .panel-extra .input-group:nth-child(2) .input-group-addon,
.season-constraint-panel .panel-extra .input-group:nth-child(2) input[type="text"] {
border-top: 0;
border-bottom: 0;
}
/*==========================
slider
============================ */
.slider .slider-track .slider-selection {
background: rgba(152, 205, 0, 0.51);
}
.slider .slider-handle {
top: 2px;
width: 16px;
height: 16px;
background: #98CD00;
}
.slider .slider-tick-container .slider-tick {
top: 5px;
width: 10px;
height: 10px;
box-shadow: none;
background: rgba(152, 205, 0, 0.51);
}
.slider .slider-handle.min-slider-handle,
.slider .slider-handle.max-slider-handle,
.slider .slider-tick-container .slider-tick {
cursor: pointer;
}
.slider .slider-tick-container .slider-tick.in-selection {
background: #98CD00;
}
/*==========================
officials/referees
============================ */
.referees-panel #edit-referees-form .modal-body {
padding-left: 0;
padding-right: 0;
}
#edit-referees-form a.advanced-options:hover,
#edit-referees-form a.advanced-options:active,
#edit-referees-form a.advanced-options:focus {
outline: none;
border: 0;
}
#edit-referees-form a.advanced-options {
display: block;
margin-top: 5px;
}
#edit-referees-form a.advanced-options > span {
margin-right: 3px;
}
#referees-modal .loading-referees {
font-size: 20px;
}
#referees-modal form .form-group {
margin-bottom: 0;
}
#referees-modal form .form-group .help-block {
line-height: 14px;
font-size: 13px;
margin-top: 7px;
}
@media (min-width: 992px) {
#referees-modal form.advanced-referee-form .name-wrapper,
#referees-modal form.advanced-referee-form .email-wrapper {
padding-right: 2px;
}
#referees-modal form.advanced-referee-form .email-wrapper,
#referees-modal form.advanced-referee-form .roles-wrapper {
padding-left: 2px;
}
}
@media (max-width: 992px) {
#referees-modal form.advanced-referee-form > .row {
margin-bottom: 25px;
}
}
/*==========================
presets
============================ */
#preset-modal #dismiss-preset-form-btn > i {
font-size: 10px;
}
#create-preset-modal-dialog table.table th {
width: 30%;
}
#create-preset-form table.table td i.text-muted {
font-size: 12px;
}
ul#preset-form-playoff-list > li {
padding: 5px 0;
font-size: 12px;
border-bottom: 1px solid #ababab;
color: #4f4f4f;
}
ul#preset-form-playoff-list > li:last-child {
border-bottom: none;
}
#save-preset-form input {
outline: none;
}
#preset-modal .form-inline .form-group,
#preset-modal .form-inline .checkbox {
margin-right: 10px;
}
#preset-modal .form-inline .form-group {
display: flex;
}
#preset-modal .form-inline .form-group label {
flex: 1;
}
#preset-modal .form-inline .form-group input,
#preset-modal .form-inline .form-group select {
flex: 3;
}
#preset-modal .preset-panel {
border-radius: 1rem;
margin-bottom: 2rem;
}
#preset-modal .preset-panel .panel-heading {
border-top-left-radius: inherit;
border-top-right-radius: inherit;
flex-direction: column;
padding: 1.5rem;
}
#preset-modal .preset-panel .panel-heading {
padding: 1.5rem;
}
#preset-modal .preset-panel .panel-footer {
border-bottom-left-radius: inherit;
border-bottom-right-radius: inherit;
background-color: #fff;
padding: 1.5rem;
}
#preset-modal .modal-body {
max-height: calc(100vh - 200px);
overflow: auto;
}
#preset-modal .preset-panel table.table {
font-size: 12px;
}
#preset-modal .preset-panel table.table .preview-bracket-wrapper .text-muted {
font-size: 14px;
padding-left: 7px;
}
#preset-modal .preset-panel table.table > tbody > tr:first-child th,
#preset-modal .preset-panel table.table > tbody > tr:first-child td {
border-top: none;
}
#preset-modal .preset-panel table.table > tbody > tr.extra-row > td {
border-top: none;
padding-top: 0;
}
#preset-modal .preset-panel table.table > tbody > tr.bracket-row > td {
padding-top: 15px;
padding-bottom: 20px;
max-width: 0;
}
#preset-modal .preset-panel table.table > tbody > tr > th {
padding-left: 15px;
}
#preset-modal .preset-panel .panel-body.playoffs-summaries-container {
border-top: 1px solid #ddd;
padding: 0 0 15px 0;
}
#preset-modal .preset-panel .preset-body p,
#preset-modal .preset-panel .preset-body li {
font-size: 13px;
font-weight: bold;
}
#preset-modal .preset-panel .preview-bracket-wrapper {
overflow: hidden;
max-height: calc(100vh - 200px);
max-width: 520px;
}
@media only screen and (max-device-width: 768px) {
#preset-modal .modal-body {
max-height: calc(100vh - 100px);
}
#preset-modal .preset-panel .preview-bracket-wrapper {
overflow-x: auto;
max-height: calc(100vh);
}
#preset-modal .preset-panel .panel-footer > .pull-right,
#preset-modal .preset-panel .panel-footer > .pull-left {
width: 100%;
}
#preset-modal .preset-panel .panel-footer button {
width: 100% !important;
}
}
#preset-modal .preset-panel .preview-bracket-wrapper * {
cursor: move !important;
}
#preset-modal .preset-panel .preview-bracket-wrapper .team .label,
#preset-modal .preset-panel .preview-bracket-wrapper .team .score {
font-size: 12px;
}
#preset-modal .preset-panel .bracket-row .detail-note {
margin: 15px 5px 0 5px;
font-weight: bold;
}
@-webkit-keyframes rotate {
from {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes rotate {
from {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
#preset-modal i.fa.rotate {
-webkit-animation: rotate 1s linear infinite;
-moz-animation: rotate 1s linear infinite;
-ms-animation: rotate 1s linear infinite;
-o-animation: rotate 1s linear infinite;
animation: rotate 1s linear infinite;
}
/*.modal .modal-body .bootbox-body .alert {*/
/*padding: 5px;*/
/*margin: 10px 10px 0 0;*/
/*font-size: 13px;*/
/*}*/
#select-preset-modal-dialog .panel-body.edit-preset {
padding-top: 0;
}
/*==========================
games per day constraint
============================ */
#games-per-day-constraint-form .same-constraint-separator {
border-bottom: 2px solid #ececec;
}
#games-per-day-constraint-form .toggle-advanced-gpd-constraint-fields {
cursor: pointer;
}
#games-per-day-constraint-form .toggle-advanced-container {
margin-bottom: 20px;
}
/*==========================
Copy season
============================ */
:not(.ll-modal) #copy-season-form > .modal-body {
padding-left: 30px;
padding-right: 30px;
}
#copy-season-form .checkbox-container {
margin-bottom: 1rem;
}
#copy-season-form .fieldset-wrapper {
border-bottom: 1px solid #ddd;
margin-bottom: 3rem;
padding-bottom: 2rem;
}
#copy-season-form .child-fields {
margin-left: 2rem;
}
/*==========================
season registrations
============================ */
.alert.alert-info-alt {
color: #0c5460;
background-color: #d1ecf1;
border-radius: 0;
border: 2px solid #bee5eb;
font-size: 16px;
}
.alert.alert-info-alt .alert-inner {
display: flex;
}
.alert.alert-info-alt .icon-container {
margin: 5px 12px 0 0;
}
.alert.alert-info-alt .icon-container i {
font-size: 26px;
}
.alert.alert-info-alt .alert-text-container {
flex: 1;
}
.alert.alert-info-alt .alert-text-container .links-container {
color: #227a88;
margin-top: 10px;
}
.alert.alert-info-alt .alert-text-container .links-container a {
padding: 0;
margin: 0;
color: #227a88;
font-weight: 700;
}
@media (min-width: 1200px) {
.season-registration-form-container #season-registration-form-container {
padding: 0;
}
}
.registration-settings-container {
margin-bottom: 30px;
}
@media (max-width: 767px) {
.season-registration-form-panel .registration-settings-container .inner {
padding: 0 15px;
}
}
.registration-settings-container .registration-types-column {
margin-bottom: 0;
margin-top: 15px;
padding: 10px;
}
.registration-settings-container .registration-alert {
margin-top: 15px;
margin-bottom: 30px;
}
.registration-settings-container .no-divisions {
color: #dc3545;
margin-top: 10px;
}
@media (max-width: 767px) {
.registration-settings-container .no-divisions {
margin-bottom: 20px;
}
}
.registration-settings-container .no-divisions:hover {
text-decoration: underline;
}
.registration-settings-container .registration-type-btn-container {
text-align: center;
padding: 0 5px;
}
.registration-settings-container .registration-type-btn {
margin: 0 auto;
width: 100%;
min-height: 50px;
padding: 2rem 2.5rem;
border: 1px solid #e3e6f0;
background-color: #fff;
display: flex;
flex-wrap: wrap;
overflow-x: auto;
transition: background-color ease 0.3s;
}
#registration-settings-form,
.registration-settings-container .registration-type-btn {
border-radius: 1.6rem;
}
.registration-settings-container .registration-type-btn {
position: relative;
}
@media (max-width: 767px) {
.registration-settings-container .registration-type-btn {
margin-bottom: 20px;
}
}
.registration-settings-container .registration-type-btn:focus {
outline: 0;
}
.registration-settings-container .registration-type-btn:hover {
background: #f9f9f9;
}
.registration-settings-container .registration-type-btn.active {
background: #eee;
cursor: default;
border-color: #4e73df;
outline: 1px solid #4e73df;
}
.registration-settings-container .registration-type-btn > .registration-label {
flex-basis: 0;
flex-grow: 1;
text-align: left;
display: flex;
flex-wrap: wrap;
z-index: 2;
}
.registration-settings-container .registration-type-btn > .registration-label > .action,
.registration-settings-container .registration-type-btn > .registration-label > .registration-type {
display: block;
width: 100%;
}
.registration-settings-container .registration-type-btn > .registration-label > .action {
text-transform: uppercase;
font-weight: 700;
font-size: 12px;
}
.registration-settings-container .registration-type-btn > .registration-label > .registration-type {
color: #5a5c69;
font-weight: 700;
font-size: 14px;
text-transform: uppercase;
}
.registration-settings-container .registration-type-btn > .icon-container {
position: absolute;
top: 0;
right: 0;
overflow: hidden;
width: 100%;
height: 100%;
}
.registration-settings-container .registration-type-btn > .icon-container > .icon {
font-weight: 900;
color: #f7f8fa;
font-size: 100px;
position: absolute;
transform: rotate(20deg);
right: 0;
top: -25px;
width: fit-content;
padding: 0.5rem;
}
.registration-settings-container .registration-type-btn.active > .icon-container > .icon {
color: #d9dae2;
}
.registration-settings-container .registration-type-btn::after {
content: '';
position: absolute;
top: 0;
left: -1px;
border-left-width: 4px;
border-left-style: solid;
height: calc(100% - 20px);
transform: translateY(10px);
border-radius: 1rem;
transition: opacity 150ms ease-in-out, transform 150ms ease-in;
}
.registration-settings-container .registration-type-btn.active::after {
opacity: 0;
transition: opacity 150ms ease-in-out, transform 150ms ease-in;
transform: translate(-100%, 10px);
}
.registration-settings-container .registration-type-btn.no-registration::after {
border-left-color: #4e73df;
}
.registration-settings-container .registration-type-btn.no-registration > .registration-label > .action {
color: #4e73df;
}
.registration-settings-container .registration-type-btn.open::after {
border-left-color: #43a047;
}
.registration-settings-container .registration-type-btn.open.active {
outline: 1px solid #43a047;
border-color: #43a047;
}
.registration-settings-container .registration-type-btn.open > .registration-label > .action {
color: #43a047;
order: 2;
}
.registration-settings-container .registration-type-btn.open > .registration-label > .registration-type {
order: 1;
}
.registration-settings-container .registration-type-btn.closed::after {
border-left-color: #e74a3b;
}
.registration-settings-container .registration-type-btn.closed.active {
outline: 1px solid #e74a3b;
border-color: #e74a3b;
}
.registration-settings-container .registration-type-btn.closed > .registration-label > .action {
color: #e74a3b;
order: 2;
}
.registration-settings-container .registration-type-btn.closed > .registration-label > .registration-type {
order: 1;
}
.registration-settings-container .registration-type-btn.full::after {
border-left-color: #e65d28;
}
.registration-settings-container .registration-type-btn.full.active {
outline: 1px solid #e65d28;
border-color: #e65d28;
}
.registration-settings-container .registration-type-btn.full > .registration-label > .action {
color: #e65d28;
order: 2;
}
.registration-settings-container .registration-type-btn.full > .registration-label > .registration-type {
order: 1;
}
.registration-settings-container .buttons > div {
display: flex;
}
.registration-settings-container .buttons > div > .links {
flex: 1;
text-align: right;
}
.registration-settings-container .buttons .icon-container {
margin-right: 7px;
}
@media (max-width: 767px) {
.registration-settings-container .buttons > div {
flex-wrap: wrap;
}
.registration-settings-container .buttons > div > .share-group {
margin-bottom: 15px;
}
.registration-settings-container .buttons > div > .group {
width: 100%;
}
.registration-settings-container .buttons .icon-container {
min-width: 18px;
}
.registration-settings-container .buttons .btn {
width: 100%;
}
}
#registration-settings-form {
padding: 2rem;
margin: 0;
border: 1px solid #eaeaea;
}
.advanced-settings-btn,
#registration-settings-form {
background: #f4f4f4;
}
#registration-settings-form hr {
border-color: #e2e2e2;
}
#registration-settings-form .form-button-group {
margin-top: 15px;
}
#registration-settings-form .form-button {
min-width: 120px;
}
@media (max-width: 576px) {
#registration-settings-form .form-button {
width: 100%;
}
}
#registration-settings-form .general-form-group hr {
margin: 0;
}
#registration-settings-form .general-form-group .wrapper {
background: #f9f9f9;
}
#registration-settings-form .advanced-settings-btn {
color: #43A047;
padding-right: 10px;
}
#registration-settings-form .advanced-settings-btn i {
font-size: 12px;
width: 10.5px;
}
.registration-settings-container .free-agent-pool-list .free-agent-pool-item:hover {
background-color: #fff;
}
.registration-settings-container .free-agent-pool-item {
padding: 10px;
}
.registration-settings-container .form-wrapper .free-agent-pool-item {
border: none;
background: none;
padding: 0;
margin: 0 -5px;
}
.registration-settings-container .free-agent-pool-item .wrapper {
display: flex;
}
.registration-settings-container .free-agent-pool-item .wrapper > * {
margin: 0 5px;
}
.registration-settings-container .free-agent-pool-item .wrapper > div, .free-agent-pool-item .wrapper > input {
width: 100%;
}
.registration-settings-container .add-free-agent-pool-label {
font-weight: 300;
}
.free-agent-pool-list .edit-free-agent-pool-btn,
.free-agent-pool-list .free-agent-pool-btn {
width: 215px;
}
.registration-settings-container .free-agent-pool-btn.create {
color: #fff;
}
.registration-settings-container .free-agent-pool-btn > span {
font-size: 90%;
margin-right: 3px;
}
.registration-settings-container .free-agent-pool-form-inline input#id_max_players,
.registration-settings-container .free-agent-pool-form-inline input#id__individual_price {
text-align: right;
}
@media (min-width: 768px) {
.registration-settings-container .free-agent-pool-form-inline label {
display: none;
}
}
@media (max-width: 767px) {
.registration-settings-container .free-agent-pool-form-inline.wrapper {
display: block;
}
.registration-settings-container .free-agent-pool-form-inline .form-group {
margin: 0 0 20px;
}
.registration-settings-container .free-agent-pool-form-inline input#id_max_players,
.registration-settings-container .free-agent-pool-form-inline input#id__individual_price {
text-align: left;
}
.registration-settings-container .free-agent-pool-form-inline .free-agent-pool-btn {
display: block;
margin: 0 auto;
padding: 6px 10px;
font-size: 18px;
}
}
.registration-settings-container .free-agent-pool-form-inline.edit input {
border: 1px solid transparent;
border-bottom-color: #9a9a9a;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
padding: 0;
height: auto;
line-height: initial;
background-color: transparent;
}
.registration-settings-container .free-agent-pool-form-inline.edit input:hover {
background-color: rgba(0, 0, 0, 0.025);
}
.registration-settings-container .free-agent-registration-form-group .custom-form-block {
margin-top: 0;
}
.registration-settings-container .edit-custom-form-btn {
color: #2664b5;
}
.registration-settings-container .delete-custom-form-btn {
color: #d9534f;
}
.season-registrations-page .team-list .list-group-item.disabled,
.season-registrations-page .team-list .list-group-item.disabled * {
cursor: progress !important;
}
.team-assignment-page .team-list .list-group-item.disabled,
.team-assignment-page .team-list .list-group-item.disabled * {
cursor: pointer !important;
}
.season-registrations-page .action-menu .dropdown-menu > li > a > .fas,
.season-registrations-page .action-menu .dropdown-menu > li > a > .far,
.season-registrations-page .action-menu .dropdown-menu > li > a > .fal,
.season-registrations-page .action-menu .dropdown-menu > li > a > .icon,
.season-registrations-page .action-menu .dropdown-menu > li > a > .fa-brands {
width: 15px;
display: inline-block;
}
.season-registrations-page .reg-team-name + .toggle-icon {
margin-left: 0.35rem;
}
.bs-heading {
position: relative;
padding: 45px 15px 15px;
}
.bs-heading h5 {
position: absolute;
top: 15px;
left: 15px;
font-size: 12px;
font-weight: bold;
color: #959595;
text-transform: uppercase;
letter-spacing: 1px;
}
.list-group-item {
word-break: break-word;
}
.list-group-item:focus,
.list-group-item:hover {
color: #555;
text-decoration: none;
background-color: #f5f5f5;
}
.list-group-item-secondary {
color: #616161;
background-color: #fafafa;
}
.active .list-group-item-secondary {
color: #1B5E20;
background-color: #E8F5E9;
}
.active .list-group-item-secondary:active,
.active .list-group-item-secondary:hover {
color: #1B5E20;
background-color: #edf7ee;
}
.list-group-item-muted {
background-color: #f1f1f1;
color: #b3b3b3;
}
.list-group-item-muted:hover {
background-color: #efefef;
color: #b3b3b3;
}
li.list-group-item.open{
background: #E2E2E2;
}
li.list-group-item.open .team-detail {
border-top: 1px solid rgb(212, 212, 212);
}
li.list-group-item.open .player-list li.list-group-item-last,
li.list-group-item.open .team-detail li {
background: #f9f9f9;
}
li.list-group-item.open .player-list li.custom-form-data,
li.list-group-item.open .team-detail li.custom-form-data {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
background: #ececec;
}
li.list-group-item.open .player-list li.custom-form-data-label,
li.list-group-item.open .team-detail li.custom-form-data-label {
padding-top: 0;
padding-bottom: 0;
}
li.list-group-item.open .player-list {
background: #4c4c4c;
padding-left: 14px;
padding-right: 7px;
padding-bottom: 7px;
}
.panel > .list-group > .list-group-item > .list-group {
margin: 10px -15px -10px;
}
.list-group-item .list-group-item-text {
color: grey;
}
li.list-group-item.list-group-item-secondary.open {
font-weight: bold;
color: #424242;
background: #CFD8DC;
border-bottom: 2px solid #8080804f;
border-top: 1px solid #8080804f;
}
li.custom-form-data,
li.custom-form-data.list-group-item:focus,
li.custom-form-data.list-group-item:hover {
background: #eceff1;
padding-top:0;
padding-bottom:0;
}
li.custom-form-data.open {
background: #eceff1;
padding-top:0;
padding-bottom:0;
}
li.custom-form-data .row:not(:last-child) {
border-bottom: 1px solid #dadada;
}
li.custom-form-data .row > div {
padding-top: 7px;
padding-bottom: 7px;
}
li.custom-form-data .row:hover {
background: rgba(0, 0, 0, 0.09);
}
li.custom-form-data .row .custom-form-data-label {
font-weight: 700;
}
ul.list-group.ir-detail {
margin-bottom: 3px;
}
.team-members-container {
margin-bottom: 1rem;
}
.team-members-container > .list-group-item:first-child {
border-top-left-radius: 1.6rem !important;
border-top-right-radius: 1.6rem !important;
}
.team-members-container > .list-group-item:last-child,
.team-members-container > .list-group-item:last-of-type {
border-bottom-left-radius: 1.6rem !important;
border-bottom-right-radius: 1.6rem !important;
}
.team-members-container > .list-group-item.list-group-item-secondary.open + .ir-detail,
.team-members-container > .list-group-item.open:not(:first-child) {
border-radius: 0 !important;
}
.team-members-container > .list-group-item.list-group-item-secondary.open .toggle-down,
.team-members-container > .list-group-item.list-group-item-secondary:not(.open) .toggle-up {
display: none;
}
.add-members-container {
background-color: transparent !important;
border: 0;
padding-left: 0;
padding-right: 0;
border-radius: 1.6rem;
}
#free-agents-panel .team.registration .actions-container {
display: flex;
align-items: center;
justify-content: end;
}
#free-agents-panel .team.registration .progress {
box-shadow: none;
border-radius: 0.75rem;
background-color: #e9ecef;
}
#free-agents-panel .team.registration .progress > .progress-bar {
box-shadow: none;
}
.bootstrap-switch-container {
font-weight: normal;
}
.dropdown.action-menu [data-toggle="dropdown"],
.action-menu-spacer {
padding:0 10px 0 15px
}
.action-menu li a {
line-height: 2.5em;
}
/*==========================
Weeks
============================ */
.weeks-table > tbody > tr > td {
vertical-align: middle;
padding: 0.5rem 1rem;
}
.weeks-table .week-gap {
}
.weeks-table .week-gap > td {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important;
border-top: none;
}
.weeks-table .week-gap > td > .gap {
height: 15px;
background: repeating-linear-gradient(
-45deg,
#f3f3f3,
#f3f3f3 4px,
#fff 4px,
#fff 10px
);
}
.week-gap + tr:not(.week-gap) > td {
border-top: none;
}
.weeks-table > tbody > tr > td > .move-buttons-container {
display: flex;
flex-direction: column;
}
.weeks-table > tbody > tr > td > .move-buttons-container .move-week {
padding-left: 0.25rem;
}
.weeks-table td.align-to-bottom {
vertical-align: bottom;
}
.week-pill {
font-family: Raleway, Lato, Arial, sans-serif;
position: relative;
}
.week-pill .month {
position: absolute;
top: -1.4rem;
font-size: 1rem;
font-weight: 600;
letter-spacing: 0.04em;
text-transform: uppercase;
margin-bottom: 0.15rem;
}
.week-pill .month:first-child {
margin-left: 0.4rem;
}
.week-pill .month.abbreviation {
display: inline-block;
}
.week-pill .week-pill-row {
display: flex;
text-align: center;
}
.week-pill .cell,
.week-pill .month.abbreviation {
width: 28px;
}
.week-pill .cell.weekday {
font-size: 10px;
background-color: #ededed;
color: #606060;
}
.week-pill .cell.day {
font-size: 13px;
line-height: 13px;
}
.week-pill .cell.day.next-month {
color: #909090;
}
.week-pill .cell.day.has-timeslots {
background-color: #dcf5ff;
color: #106f95;
}
.week-pill .cell.day.next-month.has-timeslots {
opacity: 0.6;
}
.week-pill .week-pill-weekdays-header .cell {
border-top: 1px solid #ededed;
padding: 0.25rem 0.5rem;
}
.week-pill .week-pill-weekdays-header .cell:first-child {
border-left: 1px solid #ededed;
border-top-left-radius: 0.75rem;
}
.week-pill .week-pill-weekdays-header .cell:last-child {
border-right: 1px solid #ededed;
border-top-right-radius: 0.75rem;
}
.week-pill .week-pill-days {
font-weight: 700;
}
.week-pill .week-pill-days .cell {
border-bottom: 1px solid #ededed;
padding: 0.5rem;
}
.week-pill .week-pill-days .cell:first-child {
border-left: 1px solid #ededed;
border-bottom-left-radius: 0.75rem;
}
.week-pill .week-pill-row.week-pill-days .cell:last-child {
border-right: 1px solid #ededed;
border-bottom-right-radius: 0.75rem;
}
.week-pill:not(.first-week) .week-pill-days .cell {
border-top: 1px solid #ededed;
}
.week-pill:not(.first-week) .week-pill-days .cell:first-child {
border-top-left-radius: 0.75rem;
}
.week-pill:not(.first-week) .week-pill-days .cell:last-child {
border-top-right-radius: 0.75rem;
}
#weeks-modal .week-pill .month {
font-size: 13px;
}
#weeks-modal .week-pill .cell,
#weeks-modal .week-pill .month.abbreviation {
width: 32px;
}
#weeks-modal .week-pill .cell.weekday {
font-size: 12px;
}
#weeks-modal .week-pill .cell.day {
font-size: inherit;
line-height: inherit;
}
/*==========================
registration view
============================ */
.registration-view-header-container {
margin: 20px 0 40px 0;
}
.registration-view-header-container .title {
margin: 0;
display: inline-block;
}
.club-dashboard-header-column .share-btn,
.registration-view-header-container .share-btn {
float: right;
min-width: 100px;
}
.club-dashboard-header-column .share-btn .icon-container,
.registration-view-header-container .share-btn .icon-container {
padding-right:10px;
}
.share-widget {
display: flex;
}
.share-item {
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
.share-item.copy-link,
.share-link .mail {
width: 25px;
height: 25px;
}
/*==========================
snapshots
============================ */
@media screen and (max-width: 767px) {
.snapshot-link-container,
.snapshot-link {
margin: 0 !important;
}
.snapshot-link-container {
padding: 1rem 0;
}
}
.snapshot-link {
display: inline-block;
padding: 0.35rem 0.7rem;
font-weight: 600;
font-size: 12px;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: 1rem;
margin: 1.5rem 0;
}
#snapshots-modal .modal-content {
position: relative;
}
#snapshots-modal .modal-dialog {
overflow-y: initial !important;
}
#snapshots-modal .modal-body {
max-height: 70vh;
overflow-y: auto;
}
@media (max-height: 767px) {
#snapshots-modal .modal-body {
max-height: calc(100vh - 240px);
}
}
#snapshots-modal .modal-body .missing-snapshots {
font-size: 16px;
color: #757575;
text-align: center;
margin-top: 15px;
}
#snapshots-modal .modal-body .snapshot-label > p,
#snapshots-modal .modal-body .snapshot-label {
color: #9a9a9a;
font-size: 1.25rem;
line-height: 1.75rem;
}
#snapshots-modal .modal-body .snapshot-item {
padding: 10px 0;
border-bottom: 1px solid #e5e5e5;
}
#snapshots-modal .modal-body .snapshot-item.divider {
border-bottom-width: 3px;
}
#snapshots-modal .modal-body .snapshot-item-block:last-child .snapshot-item {
border-bottom: none;
}
#snapshots-modal .modal-footer {
text-align: left;
}
#snapshots-modal #snapshot-form {
margin-top: 25px;
margin-bottom: 15px;
}
#snapshots-modal #snapshot-form .form-group {
position: relative;
}
#snapshots-modal #snapshot-form .validation-error {
position: absolute;
top: -23px;
width: 100%;
margin: 0 auto;
overflow: hidden;
-ms-text-overflow: ellipsis;
text-overflow: ellipsis;
white-space: nowrap;
text-align: left;
}
#snapshots-modal .help-block {
font-size: 13px;
/*text-align: center;*/
}
#snapshots-modal .popover {
font-family: inherit;
}
.pin-snapshot-popover .popover-title + .close {
font-size: 21px;
}
@media print {
.tooltip {
display: none !important;
}
}
.tippy-tooltip {
font-size: 1.2rem;
border-radius: 0.6rem;
}
/*===========================
Schedule Maker Lite
============================ */
.section-edit-lite {
margin-bottom: 2rem;
}
@media (min-width: 991px) {
.section-edit-lite {
display: flex;
}
.section-edit-lite > .schedule-maker-lite-panel {
width: 230px;
}
.stickem-sticky .section-edit-lite > .schedule-maker-lite-panel {
transition: margin-top 100ms ease;
}
.stickem-sticky .section-edit-lite > .schedule-maker-lite-panel.stickit {
margin-top: 1.5rem;
}
}
#start-tour {
transition: all 100ms ease-in;
transition-property: transform, opacity;
}
.stickit #start-tour {
transform: scale(0);
opacity: 0;
}
.section-edit-lite .panel-body {
transition: padding-top 100ms ease-in;
gap: 0.4rem;
}
.section-edit-lite .stickit .panel-heading {
display: none !important;
}
/** Schedule toolbar **/
.ll-panel-common.ll-panel-borderless > .panel-heading {
display: flex;
align-items: center;
min-height: 50px;
}
.ll-panel-common.ll-panel-borderless .admin-toggles-container,
.schedule-toolbar .admin-toggles-container {
padding: 0;
}
.ll-panel-common.ll-panel-borderless .schedule-header-buttons,
.schedule-toolbar .schedule-header-buttons {
display: flex;
flex: 1;
}
#timeslot-modal .timeslot-table {
font-size: 14px;
}
#timeslot-modal .timeslot-table thead > tr {
border: 0;
}
#timeslot-modal .timeslot-table thead > tr > th {
border: 0;
}
.modal .input-row {
display: flex;
align-items: center;
}
.modal .input-row > input {
margin-right: 1rem;
}
#upgrade-modal .modal-title {
font-size: 18px;
}
#upgrade-modal p {
font-size: 16px;
}
#upgrade-modal li {
padding-left: 0.5rem;
}
#upgrade-modal li::marker {
font-family: "Font Awesome 6 Pro";
content: "\f00c";
font-weight: 700;
display: block;
color: #3e6a2e;
}
#upgrade-modal ul > li > ul > li::marker {
font-size: 11px;
}
.floating-bottom-relative {
display: flex;
width: 100%;
position: absolute;
margin-top: 0.5rem;
justify-content: center;
align-items: center;
font-size: 12px;
font-family: Raleway, Lato, Arial, sans-serif;
}
/*==========================
Expired unclaimed LITE schedule (disabled states)
============================*/
.fadeout-overlay {
pointer-events: none;
user-select: none;
position: relative;
}
.fadeout-overlay::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(255, 255, 255, 0.5);
z-index: 5;
}
.fadeout-overlay .fadeout-content {
position: relative;
max-height: 100vh;
overflow: hidden;
}
.fadeout-overlay.standings-panel .fadeout-content {
max-height: 200px;
}
.fadeout-overlay .fadeout-content::after {
content: "...";
text-align: center;
font-size: 30px;
position: absolute;
bottom: 0;
left: 0;
min-height: 1px;
width: 100%;
background: linear-gradient(to bottom, rgba(255, 0, 0, 0), rgba(0, 0, 0, 0.15));
}
/*==========================
Sortable Items/Rows
============================*/
.sortable-items .sortable-item {
background: #f6f6f6;
margin: 10px 0;
padding-top: 10px;
padding-bottom: 10px;
border-left: 4px solid #2d4792;
border-radius: 0 1rem 1rem 0;
box-shadow: none;
}
.sortable-items .sortable-item.highlight {
border: 4px solid #2d4792;
}
.sortable-items .sortable-item .drag-handle-container {
/*padding-top: 8px;*/
}
.sortable-items .sortable-item:not(.ui-sortable-helper) .drag-handle-container {
cursor: grab;
}
.sortable-items .sortable-item.ui-sortable-helper {
cursor: grabbing;
}
.sortable-items .sortable-item .drag-handle {
color: #2c4691;
}
.sortable-items .sortable-item-input:not(.ll-form-control) {
border-radius: 5px;
border: 1px solid rgba(0, 0, 0, 0.15);
}
.sortable-items .sortable-item-input:not(.ll-form-control):focus {
border-color: #66afe9;
}
.sortable-items .property {
/*height: 34px;*/
/*padding: 6px 12px;*/
text-align: center;
line-height: 2.42857143;
}
.sortable-items .property.select {
padding-top: 0;
}
.sortable-items .property.select > .sortable-item-input.ll-form-control {
background-color: transparent;
}
.sortable-items .property.select > .sortable-item-input.ll-form-control > .ll-selectpicker-btn {
background-color: transparent;
border: none;
box-shadow: none;
}
.sortable-items .property.select > .sortable-item-input.ll-form-control > .ll-selectpicker-btn ~ .dropdown-menu:not(.dropup) {
margin-top: -0.5rem;
}
.sortable-items .sortable-item.inactive, .sortable-items .sortable-item.inactive * {
color: #ababab;
}
.sortable-items .sortable-item.inactive {
border-left-color: #4d5774;
}
.sortable-items .status-divider {
margin: 10px 0;
}
.sortable-items .status-divider > .divider {
border: 2px solid #ededed;
}
.sortable-items .status-divider > .divider {
border: 2px solid #ededed;
}
.sortable-items .status-divider > .ref {
color: #9b9b9b;
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 0.05em;
}
.sortable-items .sortable-item .send-to-section {
display: none;
color: #2c4691;
}
.sortable-items .sortable-item:not(.inactive) .send-to-active {
display: block;
}
.sortable-items .sortable-item.inactive .send-to-inactive {
display: block;
}
/*===========================
Divisions
============================ */
.dropdown-menu > .change-division-dropdown-header {
background-color: #f5f5f5;
margin-top: -5px;
padding-top: 5px;
padding-bottom: 5px;
}
.dropdown-menu > .change-division-dropdown-header > a {
text-transform: uppercase;
font-weight: 700;
font-size: 10px;
}
/*===========================
Manage Divisions Modal
============================ */
#manage-divisions-modal .division-entry {
display: flex;
padding-right: 0.6rem;
}
#manage-divisions-modal .division-entry > .division-title {
flex: 1;
}
#manage-divisions-modal .division-entry > .division-max-teams {
flex: 0;
min-width: 50px;
}
#manage-divisions-modal .division-entry > .division-include {
flex: 0;
width: 50px;
display: flex;
justify-content: center;
align-items: center;
}
#manage-divisions-modal .division-entry > .division-include > .pretty {
margin: 0;
width: 18px;
}
#manage-divisions-modal .division-entry > .division-number-of-teams-container {
display: flex;
align-items: center;
justify-content: center;
min-width: 30px;
}
#manage-divisions-modal .division-entry .division-team-count {
color: #f5f5f5;
background-color: #333;
}
#manage-divisions-modal .division-entry > .division-include input[type="checkbox"] {
margin: 0;
}
#manage-divisions-modal .division-entry > .division-max-teams input {
padding: 0.5rem 1rem !important;
text-align: center;
width: 100%;
}
/*===========================
Add/Edit Pools Modal
============================ */
.edit-pools-modal .groups-to-generate {
font-weight: 700;
text-align: center;
}
.edit-pools-modal tr.division-groups > td {
vertical-align: middle;
}
.edit-pools-modal tr.division-groups > td:first-child label {
margin-bottom: 0;
}
/*===========================
Schedule Alert
============================ */
.schedule-alert {
border: none;
border-radius: 1.6rem;
margin-top: 20px;
margin-bottom: 20px;
}
.schedule-alert.week-alert.above {
margin: 30px 0 -10px;
}
.schedule-alert + .schedule-week--slice {
margin-top: 10px;
}
.admin-rights .schedule-alert.week-alert.above {
margin-left: -15px;
margin-right: -15px;
margin-bottom: 1rem;
}
.schedule-alert.week-alert.below {
margin-bottom: 30px;
margin-top: -10px;
}
.schedule-alert.week-alert.anchored {
margin: 0 0 0.3rem;
}
.schedule-alert.date-alert.above {
margin-bottom: 0;
}
.schedule-alert.date-alert.below {
margin-top: 0;
}
.schedule-alert.date-alert.anchored {
margin-top: 0;
margin-bottom: 0.3rem;
}
.schedule-alert h1 {
font-size: 18px;
margin: 5px 0;
}
.schedule-alert > div {
padding: 0 !important;
}
.schedule-alert .message * {
margin: 0;
color: inherit;
}
.schedule-alert .message a.show-more, .schedule-alert .message a.show-less {
text-decoration: underline;
}
.schedule-alert a.edit-alert {
color: inherit;
}
#alert-modal .alert-body .loading {
font-size: 20px;
}
#alert-form .color-schemes-wrapper {
margin-bottom: 10px;
}
#alert-form .color-schemes-wrapper > div {
padding: 0;
}
#alert-form .color-scheme {
cursor: pointer;
border: none;
border-radius: 0;
margin: 0;
overflow: hidden;
text-overflow: ellipsis;
}
@media (max-width: 767px) {
.user-rights .schedule-alert.row,
.user-rights .schedule-panel .schedule-date.row {
margin-left: 0;
margin-right: 0;
}
.user-rights .schedule-week-container {
padding-left: 0;
padding-right: 0;
}
}
/*===========================
Match Violations
============================ */
.violations ul {
list-style: initial;
padding-left: 10px;
}
.swapped {
text-align: center;
margin-bottom: 18px;
}
.swapped > .match, .swapped .team {
font-weight: bold;
}
.swapped > div {
line-height: 14px;
}
.swapped .match-label, .swapped .team {
font-size: 16px;
}
.swapped .scheduled-at {
color: #a0a0a0;
}
.swapped .icon {
font-size: 20px;
color: #cacaca;
}
.swapped .icon.small {
font-size: 85%;
}
.swapped .teams {
margin-top: 8px;
}
.swapped .teams .icon, .swapped .scheduled-at .icon {
font-size: 14px;
}
.swapped .date {
font-size: 16px;
font-weight: bold;
}
.swapped .swapped-team {
color: #388e3c;
}
#violations-modal .modal-header {
border-bottom: none;
}
#violations-modal .swapped {
margin-bottom: 0;
}
#violations-modal .modal-body .col-md-12 {
padding: 0;
}
#violations-modal .alert {
border: none;
border-radius: 0;
margin-bottom: 0;
padding: 15px 30px 30px 30px;
}
#violations-modal .modal-footer {
border-top: 0;
}
/* tooltip wrapper for tooltip on disabled buttons */
.tooltip-wrapper {
display: inline;
}
.tooltip-wrapper [disabled] {
/* don't let button block mouse events from reaching wrapper */
pointer-events: none;
}
.tooltip-wrapper.disabled {
/* OPTIONAL pointer-events setting above blocks cursor setting, so set it here */
cursor: not-allowed;
}
/*==========================
Match form
============================ */
#add-match-form .bootstrap-select {
border-radius: 1rem;
}
#add-match-form [disabled],
#add-match-form .disabled {
background-color: #eee;
}
#add-match-form select[disabled],
#add-match-form .bootstrap-select.disabled {
overflow: hidden;
}
#add-match-form .locked-alert {
margin: 0;
padding-top: 10px;
padding-bottom: 10px;
}
/*==========================
Misc
============================ */
.domain-offline-warning {
color: #fff;
font-size: 1.75em;
margin: 5rem auto;
text-align: center;
max-width: 800px;
}
hr.star-light,
hr.star-primary {
margin: 25px auto 30px;
padding: 0;
max-width: 250px;
border: 0;
border-top: solid 5px;
text-align: center;
}
hr.star-light:after,
hr.star-primary:after {
font-family: "Font Awesome 6 Pro";
content: "\f005";
font-weight: 900;
display: inline-block;
position: relative;
top: -.8em;
padding: 0 .25em;
}
hr.star-light {
border-color: #fff;
}
hr.star-light:after {
color: #fff;
background-color: #56ba68;
}
.visibility-hidden {
visibility: hidden !important;
}
.visible {
visibility: visible !important;
}
.d-inline {
display: inline !important;
}
.d-inline-block {
display: inline-block;
}
.d-block {
display: block !important;
}
.d-none {
display: none !important;
}
.d-flex {
display: flex !important;
}
.justify-center {
justify-content: center;
}
.justify-start {
justify-content: flex-start;
}
.justify-end {
justify-content: flex-end;
}
.vertical-center {
align-items: center;
}
.align-end {
align-items: end;
}
.dashed-bottom::after {
content: "";
display: block;
width: 100%;
height: 1px;
position: relative;
top: -1px;
border-bottom: 2px dashed #ddd;
}
.bolder {
font-weight: bolder;
}
/*===========================
Modals
============================ */
@media only screen and (max-width: 767px) {
.full-width-modal-xs .close {
font-size: 26px !important;
margin: 0 !important;
}
.full-width-modal-xs .modal-dialog {
display: block;
padding: 0 !important;
margin: 0 !important;
height: 100vh !important;
}
.full-width-modal-xs .modal-content {
padding: 0 10px 10px 10px !important;
}
.full-width-modal-xs .modal-header {
margin-bottom: 0 !important;
padding: 10px !important;
}
}
/*===========================
Skeleton loader
============================ */
.skeleton-loader {
position: relative;
height: 100%;
}
.skeleton-loader::after {
position: absolute;
content: '';
height: 100%;
top: 0;
left: 0;
background: #e5e7eb;
z-index: 10;
display: block;
width: 100%;
animation: opaque-skeleton-loading 1s linear infinite alternate;
}
@keyframes opaque-skeleton-loading {
0% {
background-color: #f2f3f5;
}
100% {
background-color: #e5e7eb;
}
}
#search-by-name #search-results.skeleton-loader {
height: 30rem;
max-height: 75vh;
}
/** Schedule skeleton **/
.schedule-skeleton {
height: 100%;
display: flex;
flex-wrap: wrap;
flex-direction: column;
}
.schedule-block {
flex: 1;
}
.skeleton {
animation: skeleton-loading 1s linear infinite alternate;
}
@keyframes skeleton-loading {
0% {
background-color: rgba(0, 0, 0, 0.03);
}
100% {
background-color: rgba(0, 0, 0, 0.07);
}
}
.skeleton-header {
width: 100%;
height: 5rem;
margin-top: 3rem;
margin-bottom: 1.5rem;
border-radius: 0.25rem;
}
.skeleton-match {
width: 100%;
height: 3rem;
margin-bottom: 1rem;
border-radius: 0.25rem;
}
.skeleton-bracket {
width: 100%;
height: 40rem;
margin: 3rem 0;
border-radius: 0.25rem;
}
.schedule-skeleton:not(.with-playoffs) .skeleton-bracket {
display: none;
}
.schedule-skeleton.with-playoffs .schedule-block:not(:first-child) {
display: none;
}
.standings-skeleton {
width: 100%;
height: 40rem;
margin: 3rem 0;
border-radius: 0.25rem;
}
/*===========================
My schedules (anonymous)
============================ */
.my-schedules-section .schedule-list-item {
font-family: Raleway, Lato, Arial, sans-serif;
display: flex;
padding: 1rem 0;
}
.my-schedules-section .schedule-list-item > .info {
flex: 5;
display: flex;
justify-content: space-between;
}
.my-schedules-section .schedule-list-item > .schedule-buttons {
padding: 0 1rem;
flex: 1;
text-align: right;
}
@media (max-width: 767px) {
.my-schedules-section .schedule-list-item > .info {
flex-direction: column;
}
.my-schedules-section .schedule-list-item > .info > div {
padding: 0.25rem 0;
}
.my-schedules-section .schedule-list-item > .schedule-buttons {
display: flex;
align-items: center;
justify-content: end;
}
.my-schedules-section .schedule-list-item > .schedule-buttons [type="submit"] {
padding: 1rem;
}
}
/*===========================
Association form
============================ */
#id_team_staff_scorekeeping + .helptext,
#id_lock_players + .helptext {
display: block;
}
/*===========================
IntroJS overrides
============================ */
.introjs-tooltip-header {
display: none;
}
.introjs-tooltipbuttons .fas {
font-family: "Font Awesome 6 Pro" !important;
}
/*===========================
Print controls
============================ */
.print-controls-container {
display: flex;
justify-content: space-between;
width: 200px;
}
.print-controls-container > * {
flex: 1;
}
.print-input-container {
display: flex;
justify-content: center;
align-items: center;
padding: 0 1rem;
}
/*===========================
Schedule checker
============================ */
#schedule-checker {
display: none;
border-radius: 1.6rem;
}
.blackout {
background: #dddddd !important;
}
#schedule-checker .table:not(.text-left) th:not(:first-child),
#schedule-checker .table:not(.text-left) td:not(:first-child) {
text-align: center;
}
#schedule-checker.pinned {
position: fixed;
right: 15px;
top: 0;
height: calc(100vh - 20px);
}
#schedule-checker.pinned.season-pro {
width: calc(50% - 50px);
}
@media (max-width: 767px) {
#schedule-checker.pinned {
right: 5px;
height: calc(100vh - 25px);
width: calc(100vw - 10px);
}
}
.cms-ready #schedule-checker.pinned {
top: 25px;
}
#schedule-checker.pinned .panel-body {
height: calc(100% - 30px);
overflow-y: scroll;
}
#schedule-checker th:first-child {
width: 130px;
white-space: nowrap;
overflow: hidden;
}
#schedule-checker h3 {
color: #7d2222;
}
#schedule-checker .panel-body {
font-size: 85% !important;
}
#schedule-checker .panel-body .alert {
font-size: 14px !important;
}
#schedule-checker .panel-body .alert > a {
color: inherit;
font-weight: bold;
text-decoration: underline;
}
#schedule-checker td {
font-weight: 300;
}
#schedule-checker th {
font-weight: 400;
}
#schedule-checker hr {
margin-top: 35px;
}
#schedule-checker .table-wrapper {
overflow-x: scroll;
}
#schedule-checker .matchup-table .odd {
background-color: #f6f6f6;
}
#schedule-checker .matchup-table.table-hover > tbody > tr.odd:hover {
background-color: #efefef;
}
#schedule-checker .matchup-table.table-hover .team-highlight,
#schedule-checker .matchup-table.table-hover .team-highlight.blackout {
background-color: #ceedd8 !important;
border-color: #ade1be;
}
/** Custom jQuery UI timepicker **/
.ui-timepicker-wrapper {
font-family: Raleway, "Helvetica Neue", Arial, Helvetica, sans-serif;
border-radius: 0.5rem;
box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1) !important;
border-color: #e0e0e0;
}
/* Custom jQuery datepicker */
.ui-datepicker.ui-widget {
font-family: Raleway, "Helvetica Neue", Arial, Helvetica, sans-serif;
padding: 1.5rem 1rem;
}
.ui-datepicker.ui-widget.ui-widget-content {
border-color: #e0e0e0;
box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
background-color: #fff;
z-index: 1;
}
.ui-datepicker.ui-widget.ui-corner-all {
border-radius: 0.5rem;
}
.ui-datepicker .ui-datepicker-header {
background: #fff;
border: none;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
transition: none;
color: #222;
cursor: pointer;
display: flex;
justify-content: center;
align-content: center;
}
.ui-datepicker .ui-datepicker-prev {
left: 2px !important;
top: 2px !important;
}
.ui-datepicker .ui-datepicker-next {
right: 2px !important;
top: 2px !important;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
background: transparent;
}
.ui-datepicker .ui-datepicker-next::before,
.ui-datepicker .ui-datepicker-prev::before {
font-family: "Font Awesome 6 Pro";
color: #222;
display: block;
width: 100%;
text-align: center;
margin: auto;
}
.ui-datepicker .ui-datepicker-prev::before {
content: "\f177";
}
.ui-datepicker .ui-datepicker-next::before {
content: "\f178";
}
.ui-datepicker th {
color: #7d838f;
}
.ui-datepicker .ui-state-default,
.ui-datepicker .ui-widget-content .ui-state-default {
background: #fff;
border: none;
color: #222;
border-radius: 1rem;
font-weight: 700;
transition: none;
display: flex;
align-items: center;
justify-content: center;
width: 32px;
height: 32px;
padding: 0;
}
.ui-datepicker .ui-state-default:hover,
.ui-datepicker .ui-widget-content .ui-state-default:hover,
.ui-datepicker .ui-state-hover,
.ui-datepicker .ui-widget-content .ui-state-hover {
color: #222;
background: #f3f4f6;
font-weight: 700;
transition: none;
border: none;
border-radius: 1rem;
}
.slice-control--datepicker .ui-datepicker .ui-state-active,
.slice-control--datepicker .ui-datepicker .ui-widget-content .ui-state-active {
border: none;
}
.slice-control--datepicker .ui-datepicker .schedule-day-highlight > a {
background-color: var(--o-color-light-70, #c5e1a5);
color: var(--o-color-dark-50, #33691e);
}
.slice-control--datepicker .ui-datepicker .schedule-day-highlight > a:hover {
background-color: var(--o-color-light-60, #c5e1a5);
color: var(--o-color-dark-60, #295418);
}
.slice-control--datepicker .ui-datepicker td > a {
filter: none;
}
.slice-control--datepicker .ui-datepicker td > a.ui-state-active {
background-color: var(--o-color-dark-10, #517527);
color: var(--o-color-readable, #fff);
}
.slice-control--datepicker .ui-datepicker td > a.ui-state-active:hover {
background-color: var(--o-color-dark-20, #496923);
color: var(--o-color-readable, #fff);
}
/** Custom datetimepicker styles **/
.solid .xdsoft_datetimepicker {
background-color: #fff;
box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
border-color: #e0e0e0;
border-radius: 0.5rem;
font-family: Raleway, "Helvetica Neue", Arial, Helvetica, sans-serif;
padding: 1.5rem;
}
.solid .xdsoft_datetimepicker .xdsoft_datepicker {
width: auto;
}
.solid .xdsoft_datetimepicker .xdsoft_label.xdsoft_year {
width: 53px;
}
.solid .xdsoft_datetimepicker .xdsoft_label.xdsoft_month > span,
.solid .xdsoft_datetimepicker .xdsoft_label.xdsoft_year > span {
margin-right: 5px;
}
.solid .xdsoft_datetimepicker .xdsoft_next,
.solid .xdsoft_datetimepicker .xdsoft_prev,
.solid .xdsoft_datetimepicker .xdsoft_today_button {
position: relative;
background-image: none;
font-style: normal;
opacity: .5;
text-indent: initial;
font-weight: 700;
}
.solid .xdsoft_datetimepicker .xdsoft_next,
.solid .xdsoft_datetimepicker .xdsoft_prev,
.solid .xdsoft_datetimepicker .xdsoft_today_button,
.solid .xdsoft_datetimepicker .xdsoft_label {
height: 3rem;
display: flex;
align-content: center;
}
.solid .xdsoft_datetimepicker .xdsoft_label.xdsoft_month > i,
.solid .xdsoft_datetimepicker .xdsoft_label.xdsoft_year > i {
position: relative;
background-image: none;
font-style: normal;
line-height: 1.8rem;
}
.solid .xdsoft_datetimepicker .xdsoft_next::before,
.solid .xdsoft_datetimepicker .xdsoft_prev::before,
.solid .xdsoft_datetimepicker .xdsoft_today_button::before,
.solid .xdsoft_datetimepicker .xdsoft_label.xdsoft_month > i::before,
.solid .xdsoft_datetimepicker .xdsoft_label.xdsoft_year > i::before {
font-family: "Font Awesome 6 Pro";
color: #222;
display: block;
width: 100%;
text-align: center;
margin: auto;
}
.solid .xdsoft_datetimepicker .xdsoft_prev::before {
content: "\f0d9";
}
.solid .xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_next::before {
content: "\f0da";
}
.solid .xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_today_button::before {
content: "\f015";
}
.solid .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next::before {
content: "\f0d7";
}
.solid .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev::before {
content: "\f0d8";
}
.solid .xdsoft_datetimepicker .xdsoft_label.xdsoft_month > i::before,
.solid .xdsoft_datetimepicker .xdsoft_label.xdsoft_year > i::before {
content: "\f0d7";
}
.solid .xdsoft_datetimepicker .xdsoft_label.xdsoft_month {
justify-content: end;
}
.solid .xdsoft_datetimepicker .xdsoft_calendar td,
.solid .xdsoft_datetimepicker .xdsoft_calendar th {
font-weight: 700;
border: 0;
border-radius: 1rem;
font-size: 1.1em;
width: 34px;
height: 34px;
background-color: #fff;
display: inline-flex;
justify-content: center;
align-items: center;
margin: 0.1rem;
}
.solid .xdsoft_datetimepicker .xdsoft_calendar td {
color: #222;
}
.solid .xdsoft_datetimepicker .xdsoft_calendar td > div {
padding: 0;
}
.solid .xdsoft_datetimepicker .xdsoft_calendar th {
color: #7d838f;
}
.solid .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month,
.solid .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled,
.solid .xdsoft_datetimepicker .xdsoft_time_box > div > div.xdsoft_disabled {
opacity: .35;
}
.solid .xdsoft_datetimepicker .xdsoft_timepicker {
margin-left: 1.8rem;
}
.solid .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box {
height: 200px;
}
.solid .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box {
border-radius: 0.6rem;
border-color: #e0e0e0;
}
.solid .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div {
font-size: 1.3rem;
border-color: #e0e0e0;
}
/** Section toggle **/
.section[data-bind] {
display: none;
}
.section.open[data-bind] {
display: flex;
}
/** Scrollspy **/
.scrollspy {
opacity: 0;
font-family: "Raleway", sans-serif;
}
.scrollspy.in {
opacity: 1;
}
.scrollspy a {
font-weight: bold;
}
.scrollspy a:not(.active) {
color: #bbb !important;
}
/** Collapse schedule **/
.schedule-collapse-toggle-container,
.schedule-collapse-toggle-inner {
width: 100%;
}
.schedule-collapse-toggle {
font-family: "Raleway", sans-serif;
font-weight: 700;
}
.schedule-collapse-toggle {
color: #4a5565;
}
.schedule-collapse-toggle:hover {
color: #364153;
}
.schedule-collapse-toggle.collapsed:not(.collapsing) {
color: #fff !important;
background-color: #114675 !important;
}
.schedule-collapse-toggle.collapsed:not(.collapsing):hover {
color: #fff !important;
background-color: #0f3f69 !important;
}
.schedule-collapse-toggle .collapsed-text {
display: none;
}
.schedule-collapse-toggle.collapsed .collapsed-text {
display: inline-flex;
}
.schedule-collapse-toggle .expanded-text {
display: inline-flex;
}
.schedule-collapse-toggle.collapsed .expanded-text {
display: none;
}
.schedule-collapse-toggle .expand-icon {
display: none;
}
.schedule-collapse-toggle.collapsed .expand-icon {
display: inline-flex;
}
.schedule-collapse-toggle.collapsed .collapse-icon {
display: none;
}
.admin-rights .schedule-collapse-toggle {
left: -3rem !important;
}
.loading-schedule .stickem-container {
height: auto !important;
}
.loading-schedule .schedule-collapse-toggle-container {
visibility: hidden;
}
.loading-schedule .loading-schedule-visibility-hidden {
visibility: hidden;
}
.loading-schedule-fade {
transition: opacity .15s linear;
}
body.loading-schedule .loading-schedule-fade {
opacity: 0;
}
body:not(.loading-schedule) .loading-schedule-fade {
opacity: 1;
}
.loading-schedule .loading-schedule-disabled {
cursor: not-allowed !important;
opacity: 0.65 !important;
pointer-events: none;
user-select: none;
}
@media (max-width: 991px) {
.schedule-collapse-toggle-container {
margin-bottom: 1rem;
}
.schedule-collapse-toggle-container .schedule-collapse-toggle {
left: 1rem !important;
top: -2rem !important;
z-index: 10;
}
.admin-rights .schedule-collapse-toggle-container .schedule-collapse-toggle {
left: 0 !important;
top: -3rem !important;
}
}
/** Create schedule **/
.create-schedule a,
.create-schedule [data-tippy-content],
.create-schedule [type="button"] {
font-family: "Raleway", sans-serif;
}
/* daterangepicker styles matching jquery.datetimepicker */
.ll-daterangepicker.daterangepicker {
background-color: #fff;
box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
border-color: #e0e0e0;
border-radius: 0.5rem;
font-family: Raleway, "Helvetica Neue", Arial, Helvetica, sans-serif;
padding: 1.5rem;
}
.ll-daterangepicker.daterangepicker .calendar-table td,
.ll-daterangepicker.daterangepicker .calendar-table th {
font-size: 14px;
font-weight: 700;
}
.ll-daterangepicker.daterangepicker .calendar-table th {
color: #7d838f;
}
.ll-daterangepicker.daterangepicker .calendar-table th.month {
color: inherit;
}
.ll-daterangepicker.daterangepicker .calendar-table .next span,
.ll-daterangepicker.daterangepicker .calendar-table .prev span {
border-color: #8f8f8f;
}
.ll-daterangepicker.daterangepicker .calendar-table .next:hover,
.ll-daterangepicker.daterangepicker .calendar-table .prev:hover {
background-color: transparent;
}
.ll-daterangepicker.daterangepicker td.start-date {
border-top-left-radius: 0.5rem;
border-bottom-left-radius: 0.5rem;
}
.ll-daterangepicker.daterangepicker td.end-date {
border-top-right-radius: 0.5rem;
border-bottom-right-radius: 0.5rem;
}
.ll-daterangepicker.daterangepicker .calendar-table .next:hover span,
.ll-daterangepicker.daterangepicker .calendar-table .prev:hover span {
border-color: #222;
}
.ll-daterangepicker.daterangepicker td.in-range {
background-color: #e8f6ff;
}
.ll-daterangepicker.daterangepicker td.active,
.ll-daterangepicker.daterangepicker td.active:hover {
background-color: #33aaff;
}
/** HTMX **/
.htmx-indicator.loading-overlay {
display: none !important;
opacity: 0 !important;
transition: opacity .3s ease-in;
}
.htmx-request .htmx-indicator.loading-overlay,
.htmx-request.htmx-indicator.loading-overlay {
display: block !important;
opacity: 1 !important;
}
.htmx-request .htmx-target.htmx-collapse,
.htmx-request.htmx-target.htmx-collapse {
opacity: 0;
height: 0;
}
/** Background image **/
.bg-hero-cover-mobile {
background-image: url("/static/img/landing/wood_dragon/leaguelobster-hero-cover-mobile.webp") !important;
}
.bg-hero-cover-desktop {
background-image: url("/static/img/landing/wood_dragon/leaguelobster-hero-cover-desktop.webp");
}
.bg-hero-cover-player-desktop {
background-image: url("/static/img/landing/wood_dragon/leaguelobster-hero-cover-player-desktop.webp");
}
.bg-registration-cover-mobile {
background-image: url("/static/img/landing/wood_dragon/leaguelobster-registration-cover-mobile.webp");
}
.bg-registration-cover-desktop {
background-image: url("/static/img/landing/wood_dragon/leaguelobster-registration-cover-desktop.webp");
}
.bg-scheduler-cover-mobile {
background-image: url("/static/img/landing/wood_dragon/leaguelobster-scheduler-cover-mobile.webp");
}
.bg-scheduler-cover-desktop {
background-image: url("/static/img/landing/wood_dragon/leaguelobster-scheduler-cover-desktop.webp") !important;
}
.bg-teamup-cover-desktop {
background-image: url("/static/img/landing/wood_dragon/leaguelobster-teamup-desktop.webp") !important;
}
.bg-teamup-cover-mobile {
background-image: url("/static/img/landing/wood_dragon/leaguelobster-teamup-mobile.webp") !important;
}
/* Scroll listener */
.scroll-toggle-listener.translate-down-reveal-up {
transition: var(--scroll-transform-transition);
}
.scroll-toggle-listener.translate-down-reveal-up.scroll-toggle-on {
transform: translateY(-100%) !important;
}
.scroll-toggle-listener.translate-down-reveal-up.no-transition {
transition: none;
}
.scroll-toggle-listener.scroll-toggle-sticky.scroll-sticky-on {
position: fixed;
top: 0;
left: 0;
}