/*
    DEMO STYLE
*/

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i');
body {
    font-family: 'Open Sans', sans-serif;
    background: #fafafa;
}

p {
    font-family: 'Open Sans', sans-serif;
    font-size: 1em;
    font-weight: 400;
    color: #000;
}

a,
a:hover,
a:focus {
    color: inherit;
    text-decoration: none;
    transition: all 0.3s;
}

.navbar {
    padding: 15px 10px;
    background: #fff;
    border: none;
    border-radius: 0;
    margin-bottom: 40px;
}

.navbar-btn {
    box-shadow: none;
    outline: none !important;
    border: none;
}

/*.line {
    width: 100%;
    height: 1px;
    border-bottom: 1px dashed #ddd;
    margin: 40px 0;
}*/

.teams tr:nth-child(4n+1), .teams tr:nth-child(4n+2) {
	background-color: #005e2c;
	color: #fff;
}

.teamRow{background-color: #005e2c;
	color: #fff;}
/* ---------------------------------------------------
    SIDEBAR STYLE
----------------------------------------------------- */

.wrapper {
    display: flex;
    width: 100%;
    align-items: stretch;
}

/*#sidebar {
    min-width: 250px;
    max-width: 250px;
    background: #005e2c;
    color: #fff;
    transition: all 0.3s;
}

#sidebar.active {
    margin-left: -250px;
}

#sidebar .sidebar-header {
    padding: 20px;
    background: #005e2c;
}

#sidebar ul.components {
    padding: 20px 0;
	text-align: center;
}

#sidebar ul p {
    color: #fff;
    padding: 10px;
}

#sidebar ul li a {
    padding: 10px;
    font-size: 1.1em;
    display: block;
}

#sidebar ul li a:hover {
    color: #7386D5;
    background: #fff;
}

#sidebar ul li.active>a,
a[aria-expanded="true"] {
    color: #005e2c;
    background: #fce300;
}
.reds{position: relative;
    top: 10em;
    left: 20px;
    width: 85%;
    text-align: center;
	color:#fff;
    }
a[data-toggle="collapse"] {
    position: relative;
}

.dropdown-toggle::after {
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
}

ul ul a {
    font-size: 0.9em !important;
    padding-left: 30px !important;
    background: #6d7fcc;
}

ul.CTAs {
    padding: 20px;
}

ul.CTAs a {
    text-align: center;
    font-size: 0.9em !important;
    display: block;
    border-radius: 5px;
    margin-bottom: 5px;
}

a.download {
    background: #fff;
    color: #7386D5;
}

a.article,
a.article:hover {
    background: #6d7fcc !important;
    color: #fff !important;
}
.btn-dark {
    color: #fce300;
    background-color: #005e2c;
    border-color: #005e2c;
}
.navbar-light{
	border-bottom: thin solid #000;
}*/
.greenBG{background-color:#005e2c !important;}
.mynav { 
	color: #fff; 
} 

.mynav li a { 
	color: #fff; 
	text-decoration: none; 
	width: 100%; 
	display: block; 
	border-radius: 5px; 
	padding: 8px;
	font-size: 1.3em;
	
} 

.mynav li a.active { 
	background: #fce300;
	color:#005e2c; 
} 

.mynav li a:hover { 
	background: #fce300;
	color:#005e2c; 
} 

.mynav li a i { 
	width: 25px; 
	text-align: center; 
} 

/* ---------------------------------------------------
    CONTENT STYLE
----------------------------------------------------- */

#content {
    width: 100%;
    padding: 20px;
    min-height: 100vh;
    transition: all 0.3s;
	
}
.schedule td, .schedule th {
    text-align: center !important;
    padding: .2rem !important;
}
.card-block {
    padding: 1rem;
}
.skinrow{background-color:#f2f2f2 !important;color:#000;border-width: 0}
.skinleft{border-left:medium #2c3e50 solid !important}
.tableWrap{word-wrap: break-word;overflow-wrap: break-word; }
.trSched1{
	background-color:#005e2c!important;color: white !important;
}
.trSched2{
	background-color:#fce300 !important;color: #005e2c !important;
}
td.skinrow {
  width: 90px;
}
/* ---------------------------------------------------
    MEDIAQUERIES
----------------------------------------------------- */

@media (max-width: 768px) {
    #sidebar {
        margin-left: -250px;
    }
    #sidebar.active {
        margin-left: 0;
    }
    #sidebarCollapse span {
        display: none;
    }
}
@media (max-width: 450px) { 
	.input-group-text,.input-group > .custom-select, .input-group > .form-control {font-size: .7em !important;}
	.bigUN{width: 100% !important}
	
}
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
	  #shrinkTeam{font-size:.8em !important}
}

/* ---------------------------------------------------
    CALENDAR
----------------------------------------------------- */
#calendar, .datepicker-inline {
  width: 100%;
  text-align: center; }

#calendar table {
  width: 100%; }
.datepicker-switch {
  font-size: 16px;
  height: 46px !important; }

.datepicker table tr td.old, .datepicker table tr td.new {
  color: #dfdfdf; }

.datepicker table tr td {
  padding: 2px 2px !important;
  cursor: pointer;
  border-radius: .3rem; }

#calendar th {
  text-align: center !important;
  cursor: pointer;
  border-radius: .3rem; }

.datepicker table tr td.active, .datepicker table tr td.active:hover, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active:hover, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active:focus, .datepicker table tr td.active:hover:focus, .datepicker table tr td.active.disabled:focus, .datepicker table tr td.active.disabled:hover:focus, .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active, .open .dropdown-toggle.datepicker table tr td.active, .open .dropdown-toggle.datepicker table tr td.active:hover, .open .dropdown-toggle.datepicker table tr td.active.disabled, .open .dropdown-toggle.datepicker table tr td.active.disabled:hover {
  color: #ffffff;
  background-color: #7376df;
  text-shadow: none;
  border-color: #285e8e; }

.datepicker table tr td span:hover, .datepicker thead tr:first-child th:hover, .datepicker tfoot tr th:hover, .datepicker table tr td.day:hover, .datepicker table tr td.day.focused {
  background-color: #f7f7f7; }

.panel-heading .glyphicon {
  margin-right: 10px; }

.article {
    padding: 1rem 0;
    border-bottom: 1px solid #dfdfdf;
    margin-bottom: 1rem;
}
.article .date {
    text-align: center;
    font-size: 1.8rem;
    margin: 0 auto;
    display: block;
}
.article .date .text-muted {
    font-size: .8rem;
    text-transform: uppercase;
    letter-spacing: .1rem;
}
/*Birdie Game */
.birdY{
	color:#005e2c !important;
	font-weight: bolder !important;
	background-color: #b7e2cf !important;
}

.birdN{
	color:#d2091e !important;
	font-weight: bolder !important;
	background-color: #f8d7da !important;
}

.trophy-center{
	display: flex;
justify-content: center;
}
.list-group-item.yellow{
	  background-color: #fce300;
  color: #005e2c;
}
.list-group-item-black {
  color: #ffffff;
  background-color: #000;
}
.par3night {
  vertical-align: middle;
  background: #fce300 !important;
  color: #005e2c !important;	
}
.flight1{
	--bs-table-bg: #005e2c !important;
	--bs-table-color: #fff;
	font-size: 1.5em;
}
.flight2{
	--bs-table-bg: #fce300 !important;
	--bs-table-color: #005e2c;
	font-size: 1.5em;
}
td.rotate {
  height:80px;
  white-space: nowrap;
  position:relative;
}

td.rotate > div {
  transform: rotate(90deg);
  position:absolute;
  left:0;
  right:0;
  top: 40%;
  margin:auto;
  font-weight: bold;
  font-size: 1.3em;
	text-transform: uppercase;
}
.modal{--bs-modal-width:35%}
.modal-title{text-align:center !important;font-weight: bold;font-size: 1.5em !important;color: red}