@import url('font.css');
@import url('general.css');
/*@import url('site/home.css');*/
@import url('site/events.css');
@import url('site/booking.css');
@import url('site/team-registation.css');
@import url('spinner.css');
@import url('site/the-test.css');
@import url('site/scoring.css');
@import url('site/faqs.css');
@import url('site/score-results.css');

@import url('admin/admin.css');
@import url('admin/profile.css');
@import url('admin/frontpage.css');
@import url('admin/active-players.css');

@import url('site/share-result.css');
@import url('cal-heatmap.css');
@import url('drag-and-drop.css');
.vimeo-wrapper {
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: -1;
   pointer-events: none;
   overflow: hidden;
}
.vimeo-wrapper iframe {
    width: 100vw;
    height: 86.25vw;
    min-height: 100vh;
    min-width: 100vh;
    position: absolute;
    top: 54%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.no-scroll {
    overflow: hidden;
}

.live-event-bar {
    position: fixed;
    z-index: 999;
    width: 100%;
    text-align: center;
    height: auto;
}

.live-event-bar .bar-wrapper {
    background-color: #121E63;
    margin: 0 auto;
    width: auto;
    height: auto;
}

.live-event-bar .inner-wrapper {
    padding: 5px 0px;
}

.live-event-bar label, .live-event-bar a {
    text-align: center;
    /*width: auto;*/
    height: auto;
    font-weight: bold;
    color: #FFF !important;
    font-size: 16px !important;
    border: 2px transparent solid;
}

.live-event-bar label, .bar-action-buttons a {
    padding: 0.20em 1em;
    text-decoration: none;
}

#live-event-bar + .cookie-pop-up {
    margin-top: 50px;
}


.registration .form-control {
    border-bottom: 1px solid #ada5a5 !important;
    border-top: transparent  !important;
    border-left: transparent  !important;
    border-right: transparent  !important;
    box-shadow: none  !important;
    border-radius: unset  !important;
}


.adphoto {
    width: 60%;
    float: right;
    margin-top: -25px;
    margin-bottom: 10px;
}

.advideo {
    margin-bottom: 30px;    
    padding-right: 25px;
}


.break-word {
    word-break: break-word;
}
.advideo i { 
    top: 4px;
}

.fixed .header {
    background-color: #373c74 !important;
    background-image: linear-gradient(#373c74 0%, #373c74 45%) !important;
    border-bottom: 1px solid #373c74 !important;
    border-top: 3px solid #373c74 !important;
}


.text-white {
	color: #FFF !important;
}

.fixed .page-header {
    /*background: #121e63 !important;*/
    background-color: rgb(7, 14, 58) !important;
}



.fixed .sidebar-left {
    /*background: #121e63 !important;*/
    background: rgb(7, 14, 58) !important;
    box-shadow: -5px 0 0 #121e63 inset !important;
}


.fixed .sidebar-left .sidebar-header .sidebar-toggle {
	background-color: #fb053e !important;
}

ul.nav-main li a {
    color: #FFF !important;
}

ul.nav-main > li.nav-active > a {
    box-shadow: 2px 0 0 #fb053e inset;
}

.page-header h2 {
    border-bottom-color: #fb053e;
}

html.no-overflowscrolling .nano > .nano-pane > .nano-slider {
    background: #fb053e;
}



html.sidebar-left-collapsed.fixed .sidebar-left .nano {
	/*background: #121e63 !important;*/

    background: rgb(7, 14, 58) !important;
    box-shadow: -5px 0 0 #121e63 inset !important;
}


@media only screen and (max-width: 767px)  {
	.header .logo-container {
		background-color: #373c74 !important;
	    background-image: linear-gradient(#373c74 0%, #373c74 45%) !important;
	    border-bottom: 1px solid #373c74 !important;
	    border-top: 3px solid #373c74 !important;
	}
}


.nav>li>a:focus, .nav>li>a:hover {
     background-color: transparent !important; 
}


.summary-icon i {
    margin-top: 50%;
    transform: translateY(-50%);
}
.summary .info p{
    line-height: 1.9;
}

.text-greyed {
    color: white;
    opacity: 0.6;
}

.intl-tel-input .selected-flag {
    z-index: 5;
}

.intl-tel-input .selected-flag:focus {
    outline: 0;
}

@media (min-width: 768px){
    .control-value {
        margin-bottom: 0;
        padding-top: 7px;
    }
}

[ng\:cloak], [ng-cloak], .ng-cloak {
    display: none;
}


.bold {
    font-weight: 700;
}

/*.btn {
    font-family: "proxima_novasemibold";
    font-size: 19px !important;    
    border: 2px solid;
    border-radius: 0px;
    padding: 0.25em 1.3em;
}*/