/*

  Copyright V. Giarrocco, Kennett Square, PA (vincegiarrocco@gmail.com)

  July 3, 2021

  Can not be used for athletics without permission of author

  VinceScore Results System BS4 css file

*/





body{

    font-family: 'Roboto', sans-serif;

	padding-top: 115px;

	padding-bottom: 50px;

}

caption{

    caption-side: top !important;

}



.breadcrumb-item+.breadcrumb-item::before{

	content: ">";

}

.breadcrumb{

	padding-top: 5px;

    padding-right: 5px;

    padding-bottom:  5px;

    padding-left:  10px;



}



.jumbotron {

  padding-top: 10px !important;

  padding-bottom: 10px !important;

  background-color:transparent  !important;

}



/* Changes name of card on mobile records when clicked */

[data-toggle="collapse"].collapsed .if-not-collapsed {

  display: none;

}

[data-toggle="collapse"]:not(.collapsed) .if-collapsed {

  display: none;

}



/* If the browser is larger than 768 px (md screens), this will run */

@media (min-width: 768px) {

	#collapseExample {

    display: block;

  }

}



/* If the browser is smaller than 768 px (xs, sm screens) this will run */

@media (max-width: 768px) {

body{	

    font-size: 14px;

	padding-top: 90px;

  }



.navbar-brand{

    font-size: 16px;

	padding-left: 5px;

	}

	

/* navbar-brand-venue added 1/10/2021*/

.navbar-brand-venue{

    font-size: 16px;

	}

/* navbar text added 1/10/2021*/

.navbar-text{

    font-size: 16px !important;

	text-align: center;

  }

.nav-item{

	font-size: 16px;

  }



.custom-footer a {

    color: white !important;

	font-size: 12px;

	}



.venue {

    padding-left: 10px;

	}



.tooltip {

        display: none !important;

    }

}



/* If the browser is smaller than 823 px and landscape this will run */

/* hides element on horiz orientation and smaller mobile screens*/

@media (max-width: 823px) and (orientation:landscape) {

.hide-on-vertical {

    display: none;	

    }	

}



/* If the browser is smaller than 990 px  this will run */

@media (max-width: 990px) { 

/* added 1/13/2021*/

.navbar-text{

	text-align: center;

  }

}

/* If the browser is smaller than 400 px  this will run */

@media (max-width: 450px) { 

body{	

    font-size: 11px;

	padding-top: 80px;

  }

.hide-on-landscape {

    display: none;	

    }

.btn  {

    padding:8px 14px;

    font-size:90%;

    line-height: 1;

  }



/* added 1/10/2021*/

.navbar-text{

    font-size: 12px !important;

	text-align: center;

  }

.navbar-toggler{

    padding: 5px;

	}

/* end added 1/10/2021*/	

}



/* If the browser is smaller than 360 px  this will run */

/* added 1/13/2021  */

@media (max-width: 360px) { 

body{

    font-size: 10px;

	padding-top: 80px;

  }

.navbar-text{

    font-size: 11px !important;

	text-align: center;

  }

}



/* If the browser is smaller than 320 px  this will run */

@media (max-width: 320px) { 

body{

    font-size: 10px;

	padding-top: 80px;

  }

   /* navbar text added 1/10/2021*/

.navbar-text{

    display: none; 

  }

}





/* overide for in progress events - striped rows*/

table.table.table-striped tr.in td {

    background-color:#C1FFC1;

}





table.table.table-striped tr.last td {

    background-color:#ffff99;

}



table.table.table-striped tr td.dot_in {

    background-color:#C1FFC1;



}



table.table.table-striped tr td.alert {

    border-bottom: 1px solid #ECECEC !important;

	padding-left: 0px !important

}



table.table.table-striped tr td.best_fieldseries {

    background-color: #D0D0D0 !important;

}



/********** BEGIN CUSTOM TEAM COLORS SECTION BELOW (7 entries)**********************************************************/



/* custom team color for table header */

.table th {

    background-color:#9D2235 !important; /* Modify*/

	border: 1px solid #9D2235 !important; /* Modify*/

}



/* custom team color for navbar header and footer */

.navbar{

	background-color: #9D2235;/* Modify*/

	color: white;

	padding-bottom: 0px !important;  /* added   1/10/2021*/

	padding-left: 2px;  /* added   1/10/2021*/

	box-shadow: 0px 8px 8px -6px rgba(0,0,0,.5); /* added   1/10/2021*/

} 



/* custom team color for buttons */

.btn-secondary{

	color: #FFFFFF !important;

    background-color: #9D2235 !important; /* Modify*/

	border: 1px solid #9D2235 !important; /* Modify*/

	margin-bottom: 3px !important;



}



/* overide for header horiz series */

#hor_series th:nth-child(3) {

    background-color: #9D2235  !important; /* Modify*/

}



/* overide for header vert series */

#vert_series th:nth-child(4) {

    background-color: #9D2235 !important; /* Modify*/

}





/********** END CUSTOM TEAM COLORS SECTION ABOVE **********************************************************/



.custom-footer{

	padding-top: 0px;

	padding-bottom: 0px;

	font-size: 16px;

}

.custom-footer a {

    color: white !important;

	}



/* navbar header text color for links*/

.navbar-nav > li > a {

    color: white !important;

}



.navbar-brand {

    color: white !important;

	margin-right: 10px !important;  /* added  1/10/2021*/

	padding-left: 5px;

}

/* navbar-brand-venue added 1/10/2021*/

.navbar-brand-venue {

    color: white !important;

	margin-right: 10px !important;  /* added  1/10/2021*/

	padding-left: 5px;

}

 /* added navbar-text 1/10/2021*/

.navbar-text{

    color: white !important;

	padding-bottom: 0px;

	font-size: 20px;

}

 /* added logo_header 1/10/2021*/

.logo_header{

	height: 50px;

	padding-right: 0px;

	padding-left:0px;

}



.flag12{

	background:#007AC9;

	font-family:"Consolas";	

	font-size: 15px;

	padding-bottom: 2px;

	color: white;

	border-radius: 2px;

}

.flag3{

	background:#2BB414;

	font-family:"Consolas";	

	font-size: 15px;

	padding-bottom: 2px;

	color: white;

	border-radius: 2px;

}

.flag8{

	background:white;

	font-family:"Consolas";	

	font-size: 14px;

	padding-bottom: 2px;

	color: black;

	border-radius: 5px;

	border: 1px solid grey;

}

.flag8_result{

	background:#C1FFC1;

	font-family:"Consolas";	

	font-size: 14px;

	padding-bottom: 2px;

	color: black;

	border-radius: 5px;

	border: 1px solid grey;

}





.scores_live{

	background:red;

	font-family:"Courier";	

	padding: 4px;

	color: white;

	border-radius: 2px;

}



.place_flag{

	background:white;

	font-size: 12px;

	border: 1px solid grey;

	padding-left: 3px;

	padding-right: 4px;

	font-weight: bold;

	

}

.q_qual{

	border: 1px solid grey;

	padding: 2px;

	padding-bottom: 5px;

	padding-right: 3px;

	border-radius: 2px;

	

}



.q_qual_active{



	background-color:#fcfbcf;



}

.alert{

	background:#FCFBCF;	

}



.best_fieldseries{

	background:#D0D0D0;

}



table.table.table-condensed {

    border: 1px solid #ECECEC !important;

	white-space: nowrap;

}

a {

    color: black !important;

     

	}

td {

	padding-top: 2px !important;

	padding-bottom: 2px !important;

}

th {

	padding-top: 2px !important;

	padding-bottom: 2px !important;

}



.sq {

  height: 11px;

  width:11px;

  background-color: #32CD32;

  display: inline-block;

}

.sq_sch {

  height: 11px;

  width:11px;

  background-color: LightGray;

  display: inline-block;

}

.sq_alert {

  height: 11px;

  width:11px;

  background-color: red;

  display: inline-block;

}

.sq_blue {

  height: 11px;

  width:11px;

  background-color: blue;

  display: inline-block;

}

/* highlight color for in progress events and vertical athletes*/

.in {

    background:#C1FFC1;

} 



.last{

	background:#ffff99;

}



.last .fixed-column {

	background:#ffff99 !important;

}



.in .fixed-column  {

    background:#C1FFC1 !important;

} 



#vert_series th:nth-child(n+1){

	color: white !important;

    padding: 1px;	

}

#vert_series th:nth-child(n+5){

	text-align:center !important;

	color: white !important;
	padding-right: 7px;	

}

a:nth-child(n+5) {

	color:white !important;

}



#vert_series td:nth-child(n+5){

	text-align:center !important;

}

#vert_series td:nth-child(3){

	padding-top:10px !important;

}

#vert_series td:nth-child(5){

	padding-top:15px !important;

}

#vert_series td:nth-child(n+7){

	padding-top:15px !important;

	border-right: 1px dashed #ECECEC !important;

}

#vert_series tr:nth-child(even) td:nth-child(4) {

    background-color: #ffffff;	

}



#vert_series tr:nth-child(odd) td:nth-child(4) {

    background-color: #f2f2f2;

}





#hor_series th:nth-child(n+4){

	text-align:center !important;

}

a:nth-child(n+5) {

	color:white !important;

}

#hor_series td:nth-child(n+4){

	text-align:center !important;	

}

#hor_series td:nth-child(2){

	padding-top:10px !important;	

}

#hor_series td:nth-child(n+7){

	border-right: 1px dashed #ECECEC !important;

}

#hor_series td:nth-child(4){

	padding-left:0px !important;

	padding-right:0px !important;

}

#hor_series tr:nth-child(even) td:nth-child(3) {

    background-color: #ffffff;	

}



#hor_series tr:nth-child(odd) td:nth-child(3) {

    background-color: #f2f2f2;

}



#multitotalscores th

    a {

	    color:white !important;

	}



#multitotalscores th:nth-child(n+4){

		text-align:center !important;

	}

	a:nth-child(n+4) {

		color:white !important;

	}

#multitotalscores td:nth-child(n+4){

	text-align:center !important;

	border-right: 1px dashed #ECECEC !important;	

}

#multitotalscores td:nth-child(2){

	padding-top: 10px !important;	

}



#multitotalscores tr:nth-child(even) td:nth-child(3) {

    background-color: #ffffff;	

}



#multitotalscores tr:nth-child(odd) td:nth-child(3) {

    background-color: #f2f2f2;

}







#eventscores td:nth-child(n+4){

	text-align:center !important;

	border-right: 1px dashed #ECECEC !important;

}



#eventscores th:nth-child(n+4){

	text-align:center !important;

}

#eventscores td:nth-child(2){

	text-align:center !important;

	

}

#eventscores tr:nth-child(even) td:nth-child(3){

    background-color: #ffffff;	

}

#eventscores tr:nth-child(odd) td:nth-child(3){

    background-color: #f2f2f2;

}



#splits td:nth-child(n+6){

	text-align:center !important;

	border-right: 1px dashed #ECECEC !important;

}

#splits td:nth-child(5){

	border-right: 2px solid #BCBCBC !important;

}

#splits td:nth-child(3){

	padding-top: 10px !important;

}

#splits th:nth-child(n+6){

	text-align:center !important;

	border-right: 1px dashed #ECECEC !important;

}

#splits tr:nth-child(even) td:nth-child(4){

    background-color: #ffffff;	

}

#splits tr:nth-child(odd) td:nth-child(4){

    background-color: #f2f2f2;

}

#startlist td:nth-child(n+5){

	text-align:center !important;

	border-right: 1px dashed #ECECEC !important;

	color:#4E4E4E;

}

#startlist td:nth-child(3){

	padding-top: 10px !important;

}



#startlist th:nth-child(n+5){

	text-align:center !important;

	border-right: 1px dashed #ECECEC !important;

}





#Sidebar th:nth-child(n+5){

	text-align:left !important;	

}

#Sidebar td:nth-child(n+5){

	text-align:left !important;	

}

#Sidebar tr:nth-child(even) td:nth-child(4){

    background-color: #ffffff;	

}

#Sidebar tr:nth-child(odd) td:nth-child(4){

    background-color: #f2f2f2;

}

#Sidebar tr.in:nth-child(even) td:nth-child(4){

    background-color: #C1FFC1;	

}

#Sidebar  tr.in:nth-child(odd) td:nth-child(4){

    background-color: #C1FFC1;

}



/*

  Leaderboard revision

  Nov 26, 2020

*/

#leaderboard1Text,#leaderboard2Text {

	width: 100px !important;

}

#mleaderScores,#wleaderScores {

	width: 100px !important;

	border-right: 1px solid #BCBCBC !important;

	text-align:center !important;

}

#mleader1,#mleader2,#mleader3,#mleader4,#mleader5,#mleader6,#mleader7,#mleader8,#mleader9,#mleader10{

	border-right: 2px solid #BCBCBC !important;

}

#wleader1,#wleader2,#wleader3,#wleader4,#wleader5,#wleader6,#wleader7,#wleader8,#wleader9,#wleader10{

	border-right: 2px solid #BCBCBC !important;

}

/*

  Leaderboard revision end

  Nov 26, 2020

*/



#leaderboard tr:nth-child(even) td:nth-child(1){

    background-color: #ffffff;

	border-right: 1px solid #BCBCBC !important;

}



#leaderboard tr:nth-child(odd) td:nth-child(1){

    background-color: #f2f2f2;

	border-right: 1px solid #BCBCBC !important;

}

#events th:nth-child(n+4){

	text-align:center !important;	

}

#events td:nth-child(n+4){

	text-align:center !important;

	

}

#events td:nth-child(2){

	padding-top:10px !important;

}



#events td:nth-child(4){

	border-right: 2px solid #BCBCBC !important;

}

#events td:nth-child(5){

	padding-top:5px !important;

	white-space: nowrap;

	width:5px;

	

}



#events td:nth-child(11){

	padding-top:5px !important;

	white-space: nowrap;

	width:5px;

}





.fixed-column{

    position: sticky;

    left: 0px;

	z-index: 1;	

}



/********** Scroll to top section ***********/

.scroll {

    color: #fff;

    margin-top: 100px

}



#toTopBtn {

    position: fixed;

    bottom: 26px;

    right: 39px;

    z-index: 98;

    padding: 10px;

    background-color: #007bff61;

}



.js .cd-top--fade-out {

    opacity: .5

}



.js .cd-top--is-visible {

    visibility: visible;

    opacity: 1

}



.js .cd-top {

    visibility: hidden;

    opacity: 0;

    transition: opacity .3s, visibility .3s, background-color .3s

}



.cd-top {

    position: fixed;

    bottom: 20px;

    bottom: var(--cd-back-to-top-margin);

    right: 20px;

    right: var(--cd-back-to-top-margin);

    display: inline-block;

    height: 40px;

    height: var(--cd-back-to-top-size);

    width: 40px;

    width: var(--cd-back-to-top-size);

    box-shadow: 0 0 10px rgba(0, 0, 0, .05) !important;

    background-color: hsla(5, 76%, 62%, .8);

    background-color: hsla(var(--cd-color-3-h), var(--cd-color-3-s), var(--cd-color-3-l), 0.8)

}



	

/********** BEGIN XC SECTION************/



#xc_indiv td:nth-child(1){

	padding-top: 10px !important;

}



#xc_indiv td:nth-child(2){

	padding-top: 10px !important;

}



#xc_indiv td:nth-child(4) small {

	color:gray !important;

	}

	

#xc_indiv th:nth-child(n+4){

	text-align:center !important;	

}



#xc_indiv td:nth-child(n+4){

	text-align:center !important;	

}



#xc_summary td:nth-child(3){

	font-weight: bold;

}



#xc_detail td:nth-child(3){

	font-weight: bold;

	border-right: 1px dashed #BCBCBC !important;

}

#xc_detail tr:nth-child(even) td:nth-child(3) {

    background-color: #ffffff;	

}



#xc_detail tr:nth-child(odd) td:nth-child(3) {

    background-color: #f2f2f2;

}

#xc_detail td:nth-child(n+4) {

    text-align:center !important;

}

#xc_detail th:nth-child(n+4) {

    text-align:center !important;

}





.project-tab {

    padding: 10%;

    margin-top: -8%;

}

.project-tab #tabs{

    background: #007b5e;

    color: #eee;

}



.project-tab #tabs .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {

    color: #0062cc;

    background-color: #ECECEC;

    border-color: transparent transparent #f3f3f3;

    border-top: 3px solid !important;

	border-bottom: 3px solid !important;

    font-size: 16px;

    font-weight: bold;

}

.project-tab .nav-link {



	border: 1px solid transparent;

    border-top-left-radius: .25rem;

    border-top-right-radius: .25rem;

    color: black !important;

    font-size: 16px;

    font-weight: 600;

}



.divClock {

	font-weight: bold;

	font-family: 'Courier New' ! Important;

}