.whitesmoked { background-color: whitesmoke; }

.req { color: red; }

.btnFile {
  position: relative;
  overflow: hidden;
}

.btnFile > input {
  position: absolute;
  font-size: 50px;
  opacity: 0;
  right: 0;
  top: 0;
}

#page-wrapper { width: 100%; }

/* Upload Photo */
.avatar-upload {
    position: relative;
    max-width: 205px;
    margin: 50px auto 20px;
}

.avatar-preview > div {
	width: 100%;
	height: 100%;
	border-radius: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.avatar-preview {
	width: 192px;
	height: 192px;
	position: relative;
	border-radius: 100%;
	border: 6px solid #F8F8F8;
	box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
}

.avatar-edit {
	position: absolute;
	right: 20px;
	z-index: 1;
	top: 10px;
}

.avatar-upload input {
	display: none;
}
	
.avatar-upload label:hover {
	background: #f1f1f1;
	border-color: #d6d6d6;
}
.avatar-upload label:after {
	color: #757575;
	position: absolute;
	top: 10px;
	left: 0;
	right: 0;
	text-align: center;
	margin: auto;
}

.avatar-upload label {
	display: inline-block;
	width: 34px;
	height: 34px;
	margin-bottom: 0;
	border-radius: 100%;
	background: #FFFFFF;
	border: 1px solid transparent;
	box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
	cursor: pointer;
	font-weight: normal;
	transition: all .2s ease-in-out;
}

/* table actions */

.actions .fa { color: #fff; }

td.actions .btn {
    padding: .375rem .60rem;
    margin-bottom: 5px;
}


/* add schedules-modal */
.custom-control.custom-radio:last-child {
    /*margin-left: 10px;*/
}

.custom-control {
    display: inline;
}

.col-lg-3.radio-button {
    padding-top: 8px;
} 

.nounderline { text-decoration: none!important; }

/* add schedules */
/*.add-schedules, .date-team-edit, .schedule-content, .schedule-content-division {
    display: -webkit-box;
}
*/

.last_game .lgamedetails { font-size: 14px; }

.add-schedules .col-lg-2, .add-schedules .col-lg-1, .add-schedules .col-lg-3, .add-schedules .col-lg-5 {
    text-align: center;
    /* border: 1px solid #a7a2a2; */
    padding: 5px 0;
    font-weight: 600;
    /* background: #d6d4d4; */
    /* margin-bottom: 10px; */
	text-transform: uppercase;
	font-family: 'archivosemibold' !important;
}

.date-team-edit .col-lg-4 {
    /* text-align: center; */
    padding-top: 16px;
    background: #720510;
    color: #fff;
}

.date-team-edit .col-lg-6 {
    /* text-align: center; */
    padding-top: 16px;
    background: #013369;
    color: #fff;
}

.date-team-edit .col-lg-2 {
    text-align: center;
    padding: 10px 0;
    background: #013369;
    /*border-left: 1px solid #dee2e6;*/
}

em.fa.fa-pencil-alt {
    color: #fff;
}

.schedule-content .row {
    background: whitesmoke;
    text-align: center;
    padding: 5px 0 0 0;
}

.schedule-content .col-lg-2 {
    padding: 5px 0;
}

.col-lg-2.status.final {
    padding: 32px 0 0 0;
    margin-top: -5px;
}

.col-lg-3.division.home-at-away {
    margin-top: -10px;
}

.date-column {
    padding: 32px 0 0 0;
    margin-top: -5px;
}

.col-lg-2.division {
    margin-top: -5px;
    padding: 8px 0 0 0;
}

.division-1.winner {
    margin-top: 10px !important;
}

.division-1.loser {
    margin-top: 10px !important;
}

.division-1.homescor {
    margin-top: 10px !important;
}

.division-1.homespred {
    margin-top: 10px !important;
}

.division-1 {
    margin-top: -10px !important;
    padding: 5px 0;
    margin-left: -15px;
    margin-right: -15px;
}

.division-2 {
    margin-bottom: -10px !important;
    padding: 5px 0;
    margin-left: -15px;
    margin-right: -15px; 
}

.container-schedule {
    margin: 0 15px;
    font-size: 14px;
}

.division-1.hometm {
    text-align: left;
    padding: 5px 10px;
}

.division-2.awaytm {
    text-align: left;
    padding: 5px 10px;
}

.text-right.add-sched {
    margin-bottom: 10px;
}

a.btn.btn-sm:hover em {
    color: #e8ddba;
}

.col-lg-2.division.home-at-away {
    display: -webkit-inline-box;
    padding-left: 0;
    padding-right: 0;
}

.col-lg-2.division.home-at-away .col-lg-3 {
    background: #4d4d4d;
    margin-top: -10px;
    color: #fff;
    padding: 20px 0;
    height: 120%;
}

.row.sched-row {
    padding-bottom: 10px;
}

.at-division {
    /* background: #434343; */
    margin-top: -10px;
    margin-bottom: -10px;
    /* color: #fff; */
    /* padding: 32px 0 0 0; */
	border-right: 1px solid #4d4d4d;
}

.tab-container {
    padding-bottom: 10px;
}

/* team logo */

.division-1.hometm img, .division-2.awaytm img {
    height: 25px;
    margin-top: 3px;
    margin-right: 15px;
    float: left;
}

.page-nav-content.add-sched-page {
    margin-bottom: 20px;
}

.red {
    border: 1px solid red;
}

.blue {
    border: 1px solid blue;
}

.green {
    border: 1px solid green;
}

.pink {
    border: 1px solid pink;
}

.yellow {
    border: 1px solid yellow;
}

.violet {
    border: 1px solid violet;
}


/* homepage area header */

.top-header {
    color: #fff;
}

.top-header .row:first-child {
    background: #720510;
}

.col-lg-8.top-contact .row {
    padding: 20px 0;
    font-weight: 600;
}

.col-lg-8.top-contact .row ul.list-inline {
    display: contents;
}

.col-lg-8.top-contact .row ul.list-inline li {
    margin-right: 10px;
}

.col-lg-8.top-contact .row ul.list-inline li {
    margin-right: 10px;
    border-right: 1px solid white;
    padding-right: 10px;
    position: relative;
}

.col-lg-8.top-contact .row ul.list-inline a {
    color: #fff;
}

.col-lg-8.top-contact .row ul.list-inline li:last-child {
    margin-right: 10px;
    border-right: 0;
    padding-right: 10px;
}
.col-lg-8.top-contact {
    font-size: 14px;
}

.col-lg-4.top-login a {
    color: #fff;
}

.col-lg-4.top-login {
    padding: 10px 0;
    display: inline-block;
    float: right;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;
    text-align: right;
}

.d-flex.flex-column.flex-md-row.align-items-center.p-3.mb-3 {
    margin: 0 -30px;
}

a.navbar-brand img {
    height: 70px;
}

nav#mainNav .container {
    padding: 0 0;
}

.navbar-light .navbar-nav .nav-link {
    color: #000;
    font-weight: 600;
}

.banner .row {
    background: url(/assets/img/main-page/banner-bg.jpg);
    min-height: 535px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.banner .row .container {
    padding: 20px 0;
}

.main-page-nav .nav-item > a {
    text-transform: none;
    font-family: inherit;
    font-size: 14px;
}

#loginbox .alert-danger {
    margin-top: -50px;
    width: 75%;
    float: right;
    font-size: 11px;
    font-weight: 600;
}

#loginbox .alert-success {
    margin-top: -40px;
    width: 75%;
    float: right;
    font-size: 11px;
    font-weight: 600;
}

/* carousel */
.d-none.d-md-block.carousel-override span {
    float: left;
    margin-right: 50%;
    position: absolute;
    margin-top: 53px;
}

.d-none.d-md-block.carousel-override .first-caption {
   float: right;
    margin-left: 50%;
    margin-top: -40px;
    color: #000;
    padding: 16px;
    background-color: rgba(252, 248, 248, 0.6);
    box-shadow: 2px 2px 8px 0 rgba(0,0,0,.2);
}

.carousel-override {
    bottom: 80px;
    text-align: left;
}

.carousel-override .btn-primary {
    color: #fff;
    background-color: #013369;
    border-color: #013369;
}

.carousel-inner {
    border: 10px solid white;
}

/* middle-box */
.middle-box {
    margin: 30px -15px;
}

.middle-box-content-first {
    background-image: url(/assets/img/main-page/midbox-img1.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: 360px;
    color: #fff;
    box-shadow: 2px 2px 8px 0 rgb(63, 67, 70);
}

.middle-box-content-second {
    background-image: url(/assets/img/main-page/midbox-img2.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: 360px;
    color: #fff;
    box-shadow: 2px 2px 8px 0 rgb(63, 67, 70);
}

.middle-box-content-third {
    background-image: url(/assets/img/main-page/midbox-img3.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: 360px;
    color: #fff;
    box-shadow: 2px 2px 8px 0 rgb(63, 67, 70);
}

.middle-box-content-first h4, .middle-box-content-second h4, .middle-box-content-third h4 {
    background: rgb(1, 51, 105, 0.85);
    padding: 20px 20px;
    margin-top: 255px;
    font-size: 16px;
}


.middle-box .container .row {
    margin: auto -30px;
}

.middle-box-content-first.clearfix:hover h4, .middle-box-content-second.clearfix:hover h4, .middle-box-content-third.clearfix:hover h4 {
    background: rgba(0, 0, 0, 0.85);
    text-decoration: none;
    color: #fff;
}

.middle-box a {
    text-decoration: none;
}

/*.middle-box .middle-box-link-bg {
    position: relative;
    margin-top: -60px;
    line-height: 60px;
    background-color: rgb(1, 51, 105, 0.5);
    margin-right: -7px;
}

.middle-box .middle-box-link-bg a {
    display: block;
    color: #fff;
    font-size: 18px;
    padding-left: 19px;
}*/

/* bottom topic */

.bottom-topic .row .col-lg-6.left-topic {
    background: url(/assets/img/main-page/left-bottom-topic.jpg); 
    min-height: 325px;
    background-position: center;
    background-repeat: no-repeat;

}

.bottom-topic .row .col-lg-6.right-topic {
    background: url(/assets/img/main-page/right-bottom-topic.jpg); 
    min-height: 325px;
    background-position: center;
    background-repeat: no-repeat;
    padding: 40px 40px;
}

.bottom-topic .row .col-lg-6.right-topic h4 {
    text-transform: uppercase;
    font-weight: 800;
    font-size: 15px;
    color: #7f7e7e;
    margin-bottom: 40px;
}

.bottom-topic .row .col-lg-6.right-topic p {
    color: #000;
    font-weight: 700;
    font-size: 21px;
    /*text-transform: uppercase;*/
    display: block;
}

.bottom-topic button.btn.btn-primary.btn-md {
    margin-top: 45px;
    border-radius: 0px;
    border: 3px solid #013369;
    color: #000;
    background-color: transparent;
    font-weight: 600;
}

.bottom-topic button.btn.btn-primary.btn-md:hover {
    background-color: #013369;
    color: #fff;
}

/* bottom box */

.last-topic {
    margin: 30px -15px;
}

.last-topic .container .row {
    margin: auto -30px;
}

.content-topic {
    background-color: #f5f4ef;
    padding: 10px 10px;
    box-shadow: 2px 2px 8px 0 rgba(0,0,0,.2);
}

.col-lg-4 .content-topic h5 {
    margin: 10px 0;
    color: #013369;
}

.col-lg-4 .content-topic p {
    line-height: 20px;
    font-size: 14px;
}

.content-topic button.btn.btn-primary.btn-md {
    border-radius: 0px;
    border: 3px solid #013369;
    color: #013369;
    background-color: transparent;
    font-weight: 600;
}

/* contact */

#g-recaptcha-response {

    display: block !important;
    position: absolute;
    margin: -78px 0 0 0 !important;
    width: 302px !important;
    height: 76px !important;
    z-index: -999999;
    opacity: 0;

}

.contact .row {
    
    color: #fff;
    padding: 5px 0;
    display: block;
    text-align: center;
}

.contact .row p {
    margin-bottom: 0;
}

.contact ul {
    display: inline-flex;
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}

.contact ul li {
    margin-right: 30px;
}

.contact ul li strong {
    color: #f5f4ef;
}

.footer .row.first-row {
    background-color: #720510;
    color: #fff;
    padding: 15px 0;
}

.footer ul.list-inline {
    display: inline-flex;
    text-align: center;
    margin-bottom: 0;
}

.footer ul.list-inline li {
    margin-right: 20px;
}

.footer {
    text-align: center;
}

.footer ul.list-inline li a {
    color: #fff;
}

.footer ul.list-inline li a:hover {
    text-decoration: none;
    color: inherit;
}

.copyright .row.copyright-bg-color {
    background: rgb(114, 5, 16, 0.9);
    padding: 10px 0;
    font-size: 12px;
    font-weight: 600;
    color: #fff;
}

.login-reg.copyright .copyright-bg-color {
    margin: 50px 0 0 0;
    background-color: #343a40;
}

.login-reg.copyright .row.copyright-bg-color a {
    color: white;
}

.row.contact-bg {
    background: rgb(1, 51, 105);
    box-shadow: 2px 2px 8px 0 rgba(0,0,0,.2);
    border-bottom: 6px solid #f5f4ef;
}

.contact {
    margin: 30px 0;
}

button.btn.btn-primary.btn-login {
    background-color: transparent;
    border-radius: 0;
    border: 1px solid white;
    margin-right: 5px;
}

button.btn.btn-primary.btn-login:hover {
    background-color: #013369;
}

button.btn.btn-primary.btn-reg {
    border-radius: 0;
    background-color: #013369;
    border: 1px solid white;
}

button.btn.btn-primary.btn-reg:hover {
    background-color: transparent;
}

.col-lg-4.top-login a:focus {
    outline: -webkit-focus-ring-color auto 0;
}

.col-lg-4.top-login a:hover {
    text-decoration: none;
}

nav#mainNav {
    font-size: 15px;
    font-weight: 600;
    background: #f3f3f3;
}

/* banner text */

.caption-text-left {
    z-index: 2;
    position: absolute;
    top: 60px;
    left: 150px;
    background: rgb(245, 244, 239, 0.8);
    color: white;
    padding: 10px 15px;
    width: 400px;
    height: 65%;
    border-radius: 6px;
    box-shadow: 2px 2px 8px 0 rgb(63, 67, 70);
}

.caption-text-right {
    position: absolute;
    top: 60px;
    right: 150px;
    color: #fff;
    padding: 10px 20px;
    width: 400px;
    height: 65%;
    background: rgba(0, 0, 0, 0.8);
    border-radius: 6px;
    box-shadow: 2px 2px 8px 0 rgb(6, 6, 6);
}

.caption-text-left .card-body {
    padding: 0;
}

.caption-text-left .card-body h2 {
    color: #000;
    font-size: 22px;
}

.account-info {
    color: #000;
}

.caption-text-right h4 {
    color: #ec9f11;
    margin-top: 10px;
    font-size: 1.3rem;
}

.caption-text-right p {
    font-weight: 600;
    margin-top: 30px;
}

.terms-privacy {
    display: block;
    margin-top: 10px;
    font-size: 13px;
    font-weight: 600;
}

.terms-privacy a {
    color: #c4bca9;
}

.terms-privacy a:hover {
    text-decoration: none;
    color: #fff;
}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: inherit;
}

.navbar-nav li a:hover:after {
    width: 100%;
}

.navbar-nav li a:after {
    content: '';
    display: block;
    width: 0;
    border-bottom: 4px solid #013369;
    transition: width .3s;
    bottom: -8px;
    position: relative;
}


.footer .list-inline li a:hover:after {
    width: 100%;
}

.footer .list-inline li a:after {
    content: '';
    display: block;
    width: 0;
    border-bottom: 4px solid #013369;
    transition: width .3s;
    bottom: -8px;
    position: relative;
}

/* login form */

.login-form {
    box-shadow: 2px 2px 8px 0 rgba(0,0,0,.2);
    background-color: #f3f0e4;
	width: 100%;
	max-width: 852px;
	margin: 0 auto;
}
.loginForm {
	width: 100%;
	max-width: 852px;
	margin: 0 auto;
}

.col-lg-8.col-md-8.col-sm-8.col-xs-8.right-form {
    padding: 8px 50px;
}

.login-form .input-group-text {
    background-color: #01346b;
    color: #fff;
    border: 1px solid #01346b;
}

.form-group.form-title label strong {
    color: #03326a;
    font-size: 20px;
}

.login-form .form-group {
    margin-bottom: 10px;
}

.container.login-container {
    margin: 100px auto;
}

button#btn-signin {
    background-color: #013369;
    border-color: #013369;
    font-weight: 600;
}

button#btn-signin:hover {
    background-color: transparent;
    color: #000;
}

.form-group label strong {
    color: #655e5e;
}

/* register */

.register-form {
    box-shadow: 2px 2px 8px 0 rgba(0,0,0,.2);
    background-color: #f3f0e4;
}

.register-form .right-form {
    padding: 15px 30px 15px 0;
}

.register-form .input-group-text {
    background-color: #01346b;
    color: #fff;
    border: 1px solid #01346b;
}
 
.btn-register {
    background-color: #01346b;
    border-color: #01346b;
    font-weight: 600;
    margin: 20px auto;
}

.btn-register:hover {
    background-color: transparent;
    color: #000;
}

.register-form .form-group {
    margin-bottom: 0;
}

.register-container {
    margin: 100px auto;
}

.col-lg-4.col-md-4.col-sm-4.col-xs-4.left-bg {
    padding-right: 0;
}

.col-lg-4.col-md-4.left-bg img {
    height: 100%;
    padding: 15px;
}

button#btn-recover {
    background-color: #01346b;
    border-color: #01346b;
    font-weight: 600;
    margin: 20px auto;
}

button#btn-recover:hover {
    background-color: transparent;
    color: #000;
}

/* .date-team-edit { margin-top: -12px; } */

/* recent winners */
.gmestatus {
    text-align: center;
    font-size: 22px;
    font-weight: 600 !important;
    color: #720510;
    float: none;
    margin-bottom: -22px;
}

.recent-winners h1 {
    font-size: 25px;
    color: #720510;
    font-weight: 700;
}

.recent-winners .page-nav-content {

    position: relative;
    width: 100%;
    min-height: 45px;
    z-index: 1;
    display: inline-block;
    white-space: nowrap;
    background: #434343;
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU5NTk1OSIvPjxzdG9wIG9mZnNldD0iNDklIiBzdG9wLWNvbG9yPSIjNDA0MDQwIi8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiMzMzMzMzMiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzMzMzMzMiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #595959), color-stop(49%, #404040), color-stop(50%, #333333), color-stop(100%, #333333));
    background: -webkit-linear-gradient(top, #595959 0%,#404040 49%,#333 50%,#333 100%);
    background: -moz-linear-gradient(top, #595959 0%,#404040 49%,#333 50%,#333 100%);
    background: -o-linear-gradient(top, #595959 0%,#404040 49%,#333 50%,#333 100%);
    background: -ms-linear-gradient(top, #595959 0%,#404040 49%,#333 50%,#333 100%);
    background: linear-gradient(top, #595959 0%,#404040 49%,#333 50%,#333 100%);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 5px;
    margin-bottom: 20px;

}

.page-nav-label {

    position: relative;
    display: inline-block;
    float: left;
    overflow: hidden;
    margin: 0 8px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    /* opacity: 0.5; */
    text-shadow: 0 1px 1px #000;
    white-space: nowrap;
    text-overflow: ellipsis;

}

.page-nav-label > .page-nav-listbox > ul > .page-nav-listitem {
    display: inline-block;
    list-style: none;
}

.page-nav-label > .page-nav-listbox { display: inline-block; }
.page-nav-label {
    text-shadow: 0 1px 1px #000;
    white-space: nowrap;
}

.page-nav-label > .page-nav-listbox > ul {
    display: inline-block;
    vertical-align: top;
}

.page-nav-label-label { color: #fff; padding: 0 15px; }
    
.page-nav-button {
    position: relative;
    display: inline-block;
    float: left;
    font-size: 20px;
    line-height: 35px;
    margin-left: 5px;
    text-transform: uppercase;
    height: 100%;
    border: 1px solid #454545;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0icmdiYSgxNTMsMTUzLDE1MywwLjIpIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSJyZ2JhKDAsMCwwLDAuMikiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(153,153,153,0.2)), color-stop(100%, rgba(0,0,0,0.2)));
    background: -webkit-linear-gradient(top, rgba(153,153,153,0.2) 0%,rgba(0,0,0,0.2) 100%);
    background: -moz-linear-gradient(top, rgba(153,153,153,0.2) 0%,rgba(0,0,0,0.2) 100%);
    background: -o-linear-gradient(top, rgba(153,153,153,0.2) 0%,rgba(0,0,0,0.2) 100%);
    background: -ms-linear-gradient(top, rgba(153,153,153,0.2) 0%,rgba(0,0,0,0.2) 100%);
    background: linear-gradient(top, rgba(153,153,153,0.2) 0%,rgba(0,0,0,0.2) 100%);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}

.page-nav-label > .page-nav-listbox > ul > .page-nav-listitem.page-nav-listitem.selected > a:link, .page-nav-label > .page-nav-listbox > ul > .page-nav-listitem.page-nav-listitem.selected > a:visited, .page-nav-label > .page-nav-listbox > ul > .page-nav-listitem.page-nav-listitem.selected > a:active {
    color: #fff;
    text-decoration: none;
}

.page-nav-label > .page-nav-listbox > ul > .page-nav-listitem > a:link, .page-nav-label > .page-nav-listbox > ul > .page-nav-listitem > a:visited, .page-nav-label > .page-nav-listbox > ul > .page-nav-listitem > a:active {
    color: #999;
    text-decoration: none;
}

.page-nav-label > .page-nav-listbox > ul > .page-nav-listitem > a { padding: 0 9px; }
.sched-remarks .custom-radio { line-height: 32px; }

/* this week games */

.this-weeks-games h1 {
    font-size: 25px;
    color: #720510;
    font-weight: 700;
}

.this-weeks-games li.page-nav-listitem a {
    display: none;
}

.this-weeks-games li.page-nav-listitem.selected a {
    display: contents;
}

.this-weeks-games .page-nav-content {
    position: relative;
    width: 100%;
    min-height: 45px;
    z-index: 1;
    display: inline-block;
    white-space: nowrap;
    background: #013369;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 5px;
    /*margin: 0 15px 20px 15px;*/
}

.this-weeks-games .page-nav-button {
    margin-left: 0;
    border: 0;
    background: transparent;
}

.this-weeks-games .page-nav-label-label {
    color: #fff;
    padding: 0 10px;
}

.this-weeks-games .page-nav-label {
    margin: 0 -40px;
}

.week-games {
    width: 100%;
}

.week-games .headr-row {
     /*margin: 0 15px;*/
     background: #e2e2e2;
     text-align: center;
     padding: 5px 0;
     font-weight: 600;
}

.week-date {
    width: 100%;
}

.week-date .header-week-date {
    margin: 0;
    padding: 5px 0;
    font-weight: 600;
}

.row.header-week-date .col-lg-5 {
    background: #720510;
    padding: 5px 20px;
    color: #fff;
    margin-top: -5px;
}

.row.header-week-date .col-lg-7 {
    background: #013369;
    padding: 5px 10px;
    color: #fff;
    margin-top: -5px;
}

.week-result-area {
    width: 100%;
}

.week-result-area .hedr-cntnt-area {
     margin: 0 15px;
     padding: 5px 0;
     font-weight: 600;
}

.row.hedr-cntnt-area {
    margin-top: -5px;
    padding: 0 0;
}

.col-margin-ovrrde {
    margin-top: 25px;
}

.teams-at {
    background: #434343;
    padding-top: 25px;
    text-align: center;
    color: #ffc107;
}

.weekly-teams {
    padding: 5px 5px;
}

.weekly-teams img {
    height: 25px;
    margin-top: 0;
    margin-right: 15px;
    float: left
}

.red {
    border: 1px solid red;
}

.blue {
    border: 1px solid blue;
}

.green {
    border: 1px solid green;
}

div#footer {
    padding: 30px 0;
}

.container-fluid.border-top .row {
    background: #343a40;
    color: #fff;
}

.container-fluid.border-top {
    margin-top: 15px;
}

.usernem h4 {
    margin-bottom: 0;
    margin-right: 15px;
}

.user-date.text-right {
    margin: 5px 0 15px 0;
    font-weight: 600;
}

ol.breadcrumb a:hover {
    text-decoration: none;
}

/* game scores */

/*.game-scores {
    margin: 30px auto;
}*/

.game-scores h1 {
    font-size: 25px;
    color: #720510;
    font-weight: 700;
}

.game-scores .page-nav-content {

    position: relative;
    width: 100%;
    min-height: 45px;
    z-index: 1;
    display: inline-block;
    white-space: nowrap;
    background: #434343;
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU5NTk1OSIvPjxzdG9wIG9mZnNldD0iNDklIiBzdG9wLWNvbG9yPSIjNDA0MDQwIi8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiMzMzMzMzMiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzMzMzMzMiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #595959), color-stop(49%, #404040), color-stop(50%, #333333), color-stop(100%, #333333));
    background: -webkit-linear-gradient(top, #595959 0%,#404040 49%,#333 50%,#333 100%);
    background: -moz-linear-gradient(top, #595959 0%,#404040 49%,#333 50%,#333 100%);
    background: -o-linear-gradient(top, #595959 0%,#404040 49%,#333 50%,#333 100%);
    background: -ms-linear-gradient(top, #595959 0%,#404040 49%,#333 50%,#333 100%);
    background: linear-gradient(top, #595959 0%,#404040 49%,#333 50%,#333 100%);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 5px;
    /*margin: 0 15px 20px 15px;*/

}

/*.this-weeks-games {
    margin: 30px auto;
}*/

.row.gamelines-wrapper.no-games-event.p-3.bg-warning.text-center {
    margin: 10px 15px;
}

.btn-add-admin-user { right: 0; margin-top: -5px; }

.week-summary-data ul li { font-size: 15px; }

.week-summary-data ul li span.badge { font-size: 15px; }

.dataTables_filter input { margin-left: 10px; height: 25px; }

#tbl-summary_wrapper .dataTables_paginate { display: none;  }

div#editAdmin label {
    font-weight: 600;
}

.sort-wrapper {
    display: -webkit-inline-box;
    position: absolute;
    margin-left: 200px;
}

.show-only-wrapper {
    display: -webkit-inline-box;
    position: absolute;
    margin-left: 400px;
}

#memberScheduleForm label.text-success {
    font-size: 14px;
    font-weight: 600;
}

.this-weeks-games li.page-nav-listitem.selected {
    margin-left: -45px;
}

.row.gamelines-wrapper.p-3.bg-warning.text-center.no-game {
    margin-left: 15px;
    margin-top: 10px;
}

.row.gamelines-wrapper.p-3.bg-warning.text-center.no-winners {
    margin-left: 0;
    margin-top: 10px;
}

.col-6.contact-us {
    background: rgb(245, 244, 239, 0.8);
    padding: 30px 20px 15px 19px;
    box-shadow: 2px 2px 8px 0 rgba(0,0,0,.2);
}

/* error page */
.logo-error {
    margin: 35px auto;
}

.bg-error-content {
    box-shadow: 2px 2px 8px 0 rgb(63, 67, 70);
}

.error-text {
    margin-top: 35px;
    font-weight: 600;
    text-align: center;
}

.error-button {
    margin: 40px auto;
}

.error-404-text-bottom {
    font-weight: 600;
    font-size: 14px;
}

/* contact-us */

/* Header */
.header-bg {
    width: 100%;
    height: 375px;
}

.col-md-12.header-text h1 {
    color: #720510;
    font-weight: 700;
    font-size: 25px;
}

.col-md-12.header-text span {
    color: #000;
    font-weight: 600;
}

/* Message-Form */

.message-form .row-override {
    margin-left: 0px;
    margin-right: 0;
}

.form-script, .form-contact-us {
    /* width: 100%; */
    /* display: -webkit-box; */
    box-shadow: 2px 2px 8px 0 rgb(63, 67, 70);
    /* margin-top: -255px; */
}



.left-side {
    background: #fff;
    width: 100%;
    padding: 25px 20px;
}

.right-side {
    background: linear-gradient(to right, #dc3545 , #013369);
    padding: 30px 35px;
    color: #fff;
    width: 100%;
    /* position: absolute; */
    /* height: 100%; */
}

.right-side h4 {
    margin-bottom: 30px;
}

.right-side i {
    margin-right: 10px;
    color: #fff;
}

.social-media {
    margin-top: 50px;
}

.social-media i {
    font-size: 25px;
}

/* error-page */

.error-left {
    height: 305px;
}

/* weekly-prizes */

.weekly-prizes h1 {
    font-size: 25px;
    color: #720510;
    font-weight: 700;
}

.weekly-prizes img {
    margin-bottom: 20px;
}

.weekly-prizes li {
    margin: 10px auto;
}

li.breadcrumb-item {
    font-weight: 600;
}

/* game scores */

.game-heading h2 {
    font-family: 'archivosemibold';
    font-size: 18px;
    margin-bottom: 0;
    color: #fff;
}

.row.sample {
    display: -ms-flexbox;
    display: block;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.header-row th.header-cols { padding: 5px 10px!important; text-transform: uppercase; text-align: center; }
.pads { padding: 0 10px; }
.gameline { background-color: #013369; }
.gamelines_wrapper td, .header-row th { margin: 0; padding: 0; }
.gamelines_event_time { background-color: #720510; color: #fff; }
.game_teams img { max-height: 25px; margin-right: 5px; }
.game_teams { border-right: 1px solid #4d4d4d; }

.row.recent-winners.this-week span.page-nav-label {
    display: none !important;
}

.breadcrumb {
    background-color: #f5f5f5;
}

.jumbotron.jumbotron-fluid {
    padding: 15px 15px;
    font-weight: 600;
    margin-bottom: 0;
    border-radius: 4px;
}
 

/* rules */
.rules-header {
    text-align: center;
    margin: 40px 0;
}

h5.rules-title-text {
    margin-bottom: 12px;
    margin-top: 35px;
}
/* end of rules */

/* rules member */
.rules-header-member {
    text-align: center;
    margin: 25px 0;
}
  
.col-sm-12.rules-member {
    padding: 45px 40px;
} 
/* end of rules member */


/* week-prize */
.weekly-prizes-header {
    text-align: center;
    margin-top: 35px;
}

img.img-fluid.mx-auto.d-block.afa-logo {
    margin-top: 30px;
}

h4.text-center.estimated-value {
    margin-top: 30px;
    margin-bottom: 30px;
}

.carousel-inner.media-carousel {
    text-align: center;
    margin-top: 30px;
}
.exciting-destination {
    text-align: center;
    margin-top: 16px;
}

.exciting-destination a {
    font-weight: 600;
} 

.ukraine-latin-asia {
    width: 350px;
    border: 1px solid #720510;
    padding: 20px 20px 0 20px;
    border-radius: 10px;
    margin: 0 8px;
    text-align: center;
}

.tour-photos {
    display: inline-flex;
    margin-top: 40px;
    margin-bottom: 40px;
} 

.ukraine-latin-asia span {
    font-weight: 700;
}

.weekly-prize-footer {
    text-align: center;
    margin-top: 40px;
    margin-bottom: 40px;
}

.weekly-prize-footer button {
    margin-top: 30px;
}
/* end of week-prize */

/* tiebreaker */
.current-tiebreaker {
    font-size: 16px;
    margin-left: 16px;
    /*margin-top: 8px;*/
}

.current-tiebreaker span {
    background-color: #013369;
    padding: 5px 12px;
    color: #fffdfd;
}
/* end tiebreaker */

h2.our-story {
    color: #720510;
    font-size: 24px;
    font-weight: 700;
}

.member-tour-photos {
    width: 400px;
}

/* header user name */
ul.nav.nav-pills.user-name {
    float: right;
}

ul.nav.nav-pills.user-name li .dropdown-item {
    color: #013369;
    font-weight: 600;
}
/* end of header user name */

.btn-hom  {
    text-align: center;
    margin-top: 20px;
}

/* week-date-today */
span.page-nav-button.week-date-today {
    background: #720510;
    padding: 0 11px;
    cursor: none;
    font-size: 19px;
    color: #ffffff;
    left: 45%;
    text-transform: none;
}

span.page-nav-button.game-scores {
    background: #720510;
    padding: 0 11px;
    cursor: none;
    font-size: 19px;
    color: #ffffff;
    left: 25%;
    text-transform: none;
}
/* end week-date-today */


/* wdt-override */
span.page-nav-button.week-date-today.wdt-override {
    left: 30%;
}
/* wdt-override */

/* schedules modal */
button.btn.btn-primary.btn-sm.scheduleTextModalButton {
    margin-bottom: 10px;
}

h5#scheduleTextModalLabel {
    text-align: center;
    font-weight: 600;
}

.modal-body.schedulesModalBody ul {
    margin-left: -23px;
}

.modal-body.schedulesModalBody ul li {
    margin-bottom: 15px;
    font-size: 13px;
}
/* end of schedules modal */

/* video lity */
.video-area {
    margin-top: 40px;
}

.home-prize-video {
    position: absolute;
    width: 360px;
    padding: 10px 20px;
    margin-top: 18px;
}
/* end of video lity */

input#ScoreGuess {
    width: 170px;
}

.col-md-12.pagi {
    margin-top: 45px;
}

/* mobile responsive */

@media screen and (max-width: 1199px) {
    .caption-text-left {
    left: 65px;
    height: 70%;
    } 

    .caption-text-right {
    right: 65px;
    height: 70%;
    }
}

@media screen and (max-width: 991px) {
    .col-lg-8.top-contact .row {
    text-align: center;
    display: block;
    }

    .col-lg-4.top-login {
    padding: 15px 0;
    text-align: center;
    }

    .caption-text-right {
    display: none;
    }

    .caption-text-left {
    left: 22%;
    height: 92%;
    top: 13px;
    }

    .banner .row {
    min-height: 365px;
    }

    .middle-box-content-first {
    margin-bottom: 20px;
    }

    .middle-box-content-second {
    margin-bottom: 20px;
    }

    .bottom-topic .row .col-lg-6.left-topic {
    background: url(/assets/img/main-page/left-bottom-topic-full.jpg);
    background-position: left;
    }

    .bottom-topic .row .col-lg-6.right-topic {
    background: url(/assets/img/main-page/right-bottom-topic-full.jpg);
    background-position: right;
    }

    .footer ul.list-inline {
    display: block;
    }

    .footer ul.list-inline li {
    margin-right: 0;
    border: 1px solid #f3f3f3;
    margin-bottom: 10px;
    }

    .page-nav-content .page-nav-button {
    position: relative;
    display: contents;
    float: none;
    }

    .page-nav-content .page-nav-label-label {
    color: #fff;
    padding: 0 15px;
    float: none;
    text-align: center !important;
    margin-left: 45%;
    margin-right: 40%;
    }
}


@media screen and (max-width: 767px) {
    .w-100 {
    width: 100%!important;
    height: 305px;
    }

    .caption-text-left {
    margin-left: 60px;
    left: 0;
    }

    .p-0.m-0 li.page-nav-listitem:nth-child(n+15) {
    display: table-cell;
    }

    ul.p-0.m-0 {
    margin-top: 25px !important;
    }

        /* Force table to not be like tables anymore */
    table, thead, tbody, th, td, tr {
        display: block;
    }

    /* Hide table headers (but not display: none;, for accessibility) */
    thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    tr {
      margin: 0 0 1rem 0;
    }
      
    tr:nth-child(odd) {
      /* background: #ccc; */
    }
    
    .gameline td { padding-left: 50%; }
    .gameline td:nth-of-type(1) { padding-top: 5px; padding-bottom: 5px; }
    .gameline td:nth-of-type(2) { padding-top: 5px; padding-bottom: 5px; }
    .gamelines_wrapper td .game_teams { border: none; }
    
    td {
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%!important;
    }

    td:before {
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 0;
        left: 6px;
        /* width: 45%; */
        padding-right: 10px;
        white-space: nowrap;
    }

    /*
    Label the data
        You could also use a data-* attribute and content for this. That way "bloats" the HTML, this way means you need to keep HTML and CSS in sync. Lea Verou has a clever way to handle with text-shadow.
    */
    .gameline td:nth-of-type(1):before { content: "Schedule"; padding: 5px 0 0 0; }
    .gameline td:nth-of-type(2):before { content: "Game"; padding: 5px 0 0 0; }
    .gameline td:nth-of-type(3):before { content: "Action"; padding: 5px 0 0 0; color: #fff; }
    
    .gamelines_wrapper td:nth-of-type(1):before { content: "Time"; text-align: left; }
    .gamelines_wrapper td:nth-of-type(2):before { content: "Game/Teams"; }
    .gamelines_wrapper td:nth-of-type(3):before { content: "Spread"; }
    .gamelines_wrapper td:nth-of-type(4):before { content: "Score"; }
    .gamelines_wrapper td:nth-of-type(5):before { content: "Status"; color: #000; }
    .gamelines_wrapper td:nth-of-type(6):before { content: "Remarks"; }
}
}

@media screen and (max-width: 575px) {
    .middle-box .container .row {
    margin: auto 0;
    }

    .row.contact-bg ul {
    display: block;
    }

    .caption-text-left {
    left: 0;
    width: 95%;
    margin: 0 15px;
    }

    .p-0.m-0 li.page-nav-listitem:nth-child(n+14) {
    display: table-cell;
    }

    .contact ul li {
    margin-right: 0;
    }
}

@media screen and (max-width: 530px) {
    .p-0.m-0 li.page-nav-listitem:nth-child(n+13) {
    display: table-cell;
    }
}

@media screen and (max-width: 480px) {
    .p-0.m-0 li.page-nav-listitem:nth-child(n+12) {
    display: table-cell;
    }

    .page-nav-content .page-nav-label-label {
    margin-left: 40%;
    margin-right: 40%;
    }
}

@media screen and (max-width: 435px) {
    .p-0.m-0 li.page-nav-listitem:nth-child(n+11) {
    display: table-cell;
    }
}

@media screen and (max-width: 400px) {
    .p-0.m-0 li.page-nav-listitem:nth-child(n+10) {
    display: table-cell;
    }
}

@media screen and (max-width: 380px) {
    .navbar-light .navbar-toggler {
    float: none;
    text-align: center;
    margin: 0 auto;
    }

    .caption-text-left {
    width: 91%;
    }
}

@media screen and (max-width: 360px) {
    .p-0.m-0 li.page-nav-listitem:nth-child(n+9) {
    display: table-cell;
    }

    .p-0.m-0 li.page-nav-listitem:nth-child(n+16) {
    display: inline;
    }
}