/* #V000 - general */

	#roles .btn-selected, #rolesContact .btn-selected, #throws .btn-selected, #bats .btn-selected {
		background: #9E9E9E; 
		color: #fff;
		box-shadow: none;
	}
	#roles .btn-notselected, #rolesContact .btn-notselected, #throws .btn-notselected, #bats .btn-notselected {
		background: #e8e8e8;
		color: #808080;
		box-shadow: none;
	}
	
	#roles .btn-active, #rolesContact .btn-active, #throws .btn-active, #bats .btn-active {
		background-color: #4CAF50;
		color: #fff;
		box-shadow: none;
	}

		.checkbox_container div {
			width: auto;
			margin: 0;
		}

		.checkbox_container h4 {
			margin: 0;
		}

		div.modal-body label.checkbox {
			margin-left: 20px;
		}

		@media (max-width: 991px) and (min-width: 180px){
			.btn {
			  min-width: 40px; 
			}
		}

		.btn-group .btn {
			min-width: 40px;
		}

		@media (max-width: 768px) and (min-width: 200px){
			.width_customer{
				width:100%;
			}
		}

		header {
			position: relative;
		}

		.hide {
			display: none;
		}

		#material-tabs {
			position: relative;
			display: block;
			padding: 0;
			/*border-bottom: 1px solid #e0e0e0;*/
		}

		#material-tabs>a {
			position: relative;
			display: inline-block;
			text-decoration: none;
			padding: 10px 12px;
			text-transform: capitalize;
			font-size: 14px;
			font-weight: 600;
			color: #424f5a;
			text-align: center;
		}

		#material-tabs>a.active {
			/*font-weight: 700;*/
			outline: none;
			/*font-size: 14px;*/
		}

		#material-tabs>a:not(.active):hover {
			/*background-color: inherit;
			color: #7c848a;*/
			color: #fff;
			background: #3F4757;
		}

		.under-bar {
			position: absolute;
			z-index: 10;
			bottom: 0;
			height: 4px;
			background: #b3b3b3;
			display: block;
			left: 0;
			transition: left .4s ease;
			-webkit-transition: left .4s ease;
		}

		#tab1-tab.active ~ span.under-bar {
			left: 0;
			width: 143px;
		}

		#tab2-tab.active ~ span.under-bar {
			left: 147px;
			width: 132px;
		}

		.selected {
			border: 1px solid #486fad;
		}

		.emailSubject {
			margin-top: 20px;
			margin-bottom: 5px;
		}

		.message-container {
			margin-top: 0;
			margin-bottom: 10px;
			padding: 10px 5px 5px 5px;
			background-color: #dedede;
		}

		.emailSubject_width {
			width: 100%;
		}
		
		@media (min-width: 768px) {
			.emailSubject_width {
				width: 75%;
			}
		}

		.requestAva-btn {
			margin: 0;
			margin-left: 10px;
		}

		.btn-help {
			background-color: inherit;
		}

		.custom-title-margin {
			margin-top: 30px;
		}

		.custom-form-control {
			display: block;
			width: 100%;
			padding: 3px 22px 3px 8px;
			font-size: 14px;
			line-height: 1.42857143;
			color: #808080 !important;
			background-color: #fff;
			background-image: none;
			border: 1px solid #ddd;
			appearance:none;
			-moz-appearance:none; 
			-webkit-appearance:none; 
		}

		.select-element:after {
			position: absolute;
			font-size: 15px;
			font-weight: bold;
			color: black;
			font-family: FontAwesome;
			top: 62px;
			left: 93%;
			padding-left: 10px;
			padding-right: 15px;
			content: "\f0d7";
			border-bottom: 0px solid #ddd !important;
		}

		@media (max-width: 962px) {
			.select-element:after {
				left: 89%;
			}
		}









.initial-block{
	display: initial;
}

body{
	background: #FFF !important;
}
.bold-text{
	font-weight: bold !important;
}

.mayuscula{
	text-transform: uppercase;
}

.fa-orange{
	color: #EA4B36;
} 

.text-center{
	text-align: center;
}

.grid{
	display: grid;
}

.error-label{
	display: none;
	color: #FF0000 !important;
	font-weight: 400;
	font-size: 16px;
}

.form-error .error-label{
	display: inline; 
}

.form-error+input,
.form-error+div .fs-label-wrap,
.form-error+div select {
    background: #fcc2c7;
    border-color: #fcc2c7;
}

.loader{
	position: fixed;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.5);
    width: 100%;
    height: 100%;
    z-index: 100;
    display: none;
}

.loader.active{
	display: table;
}

.loader .spinner-container{
	display: table-cell;
    vertical-align: middle;
    text-align: center;
    color: white;
    font-size: 20px;
}

.green-text{ color: #5cb85c; }
.red-text{ color: #d9534f; }
.gray-text{ color: #3B4040; }

.nowrap-words{
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 240px;
    padding-left: 40px;
}
.nowrap{
	white-space: nowrap;
}

thead .sorter{
	float: right;
    display: grid;
}

.sorter .caret:nth-child(1) {
    transform: rotate(180deg);
    margin-bottom: 7px;
} 

.SorterUp .sorter .caret:nth-child(2){
	color: lightgray;
}

.SorterDown .sorter .caret:nth-child(1){
	color: lightgray;
}

.no-margin-top{
	margin-top: 0 !important;
}

.no-bold{
	font-weight: normal !important;
}
.radio-button-ccs{
	background: #e8e8e8;  
	color: #808080;
	box-shadow: none;
}

.radio-button-ccs.active{
	background-color: #8acb3b;
	color: #FFF;
}

.radio-button-ccs.active.btn-red-2{
	background-color: #E53935;
	color: #FFF;
}
.margin-bot-20{
	margin-bottom: 20px !important;
}

.league-name.league-name-detail{
	font-size: 12px !important;
}

.img-league.v2{
	display: inline;
}
.img-league.v2 img{
	margin-right: 5px;
	vertical-align: middle;
	border: none;
}

.img-league.v2.md3-2 img{
	max-width: 18px;
}
.img-league.v2.md2 img{
	
	max-width: 40px;
}

.notif-table__span-20{
	width: 20%;
}

.no-padding{
	padding: 0 !important;
}
.no-margin{ 
	margin: 0 !important;
	/*margin: auto;*/
	margin-bottom: 35px !important;
}
.title-bar .empty{
	position: absolute;
	width: 98%;
}
label.btn{
	cursor: default;
	max-width: 150px;
	min-width: auto;
}
a[data-href]{
	cursor: pointer;
}

@media (max-width: 767px){
	.text-center-xs{
		text-align: center !important;
	}
}
/* #V001 - dash */
.lh-header{
	margin-left: 0px !important; 
	margin-right: 0px !important; 
	margin-top: 10px !important; 
	overflow:visible; 
	font-size: 16px; 
	color: #FFFFFF;
	font-family: 'Open Sans', sans-serif;
    -webkit-font-smoothing: antialiased;
	height: 37px;
	padding-top: 7px;
    padding-left: 20px;
	margin-left:7px;
	margin-right:7px;
	margin-bottom:5px;
	text-transform: uppercase;
}

.lh-header.black{
	background: #4D4D4D; 
}

.lh-header.blue{
	background: #4472C4; 
}

@media(max-width: 767px){
	.lh-header-xs{
		width: 96%; 
		margin-left: 2% !important;
	}
}
.lh-header>h5{
	font-weight:bold;
	font-size: 16px !important;
	float:left; 
	padding: 4px;
	margin: 0;
}

.lh-header i.fa{
	position: absolute;
	top: 13px;
	right: 20px;
}

.dash-league .dash-league-name{
	width: 100%;
	margin: auto;
}

.dash-league .team-name{
	padding-left: 100px;
}

.dash-league .team-name .line-1{
	margin-top: 10px;
}

.dash-league .team-name .line-2{
	margin-top: -15px;
}

.dash-league .team-name h1{
	font-size: 35px;
	color: #000;
	margin-top: 0 !important;
}

.dash-league .team-name h4{
	font-size: 17px;
	color: gray;
}

.dash-league .team-name img{
	width: 70px;
	position: absolute;
	left: 50px;
	margin-top: 7px;
	border: 0;
}

.dash-league .team-name h1,
.dash-league .team-name h4{
	font-weight: bold;
}

.dash-league .cards{
	max-width: 85%;
	margin: auto;
}

.dash-league .card{
	padding: 0 10px 10px 0;
	min-width: 249px;
}

.dash-league .card>div {
	border: 2px #e4e3e3 solid;
	border-radius: 15px;
	background-color: white;
    min-width: 235px;
	/* Raised from 280px for the dash scoring entry points feature - the Last
	   Result live view (status pill + diamond + outs) and the Next Game
	   "today" scoring banner both need more room than the old compact
	   layouts did. Applies to every card in this row (Standings, Last
	   Result, Next Game, Team) since they share one fixed height by design -
	   raising it here keeps all four the same height rather than only the
	   two that grew. Trimmed down twice (350px, then 310px) as the Last
	   Result live view's own internal spacing kept getting tightened up. */
	min-height: 292px;
	max-height: 292px;
	transition: all 250ms ease-in-out;
}

.dash-league .card>div:hover{
	box-shadow: 0 7px 9px -4px rgba(0,0,0,.2), 0 14px 21px 2px rgba(0,0,0,.14), 0 5px 26px 4px rgba(0,0,0,.12); */
}


.dash-league .card .header {
    background: #1C629D;
    color: white;
    text-align: center;
    font-size: 21px;
    padding: 5px 0px;
	border-radius: 13px 13px 0 0;
	margin: 0;
}


.dash-league .card .header.in-progress {
    background: #5bc0de;
}
.dash-league .card .header.complete {
    background: #4CAF50;
}
.dash-league .card .header.suspended {
    background: #FF9800;
}
.dash-league .card .header.no-game {
    background: #D73814;
}

.dash-league .card .title {
    text-align: center;
    color: black;
    font-weight: bold;
}

.dash-league .card .title .line-1{
	margin-top: -10px !important;
}

.dash-league .card.v2 .title .line-1{
	margin-top: -23px !important;
}

.dash-league .card .title .line-2{
	margin-top: -13px !important;
}

.dash-league .card .title .line-3{
	margin-top: -7px !important;
}

.dash-league .card .title.no-data{
    margin-top: 40px !important;
}
.dash-league .card .title.no-data span{
	font-size: 35px;
}

.dash-league .card .lg{
	font-size: 80px;
}
.dash-league .card .md{
	font-size: 60px;
}
.dash-league .card.vs .md{
	font-size: 55px;
}
.dash-league .card .md2{
	font-size: 45px;
}
.dash-league .card .md3{
	font-size: 35px;
}
.dash-league .card .md3-2{
	/* font-size: 32px; */
	font-size: 27px;
}	
.dash-league .card .sm{
	font-size: 40px;
}
.dash-league .card .sm2{
	font-size: 35px; 
}

.dash-league .card .sm3,
.dash-league .card .xsm{
	font-size: 25px; 
}
.dash-league .card .sm3-2,
.dash-league .card .xsm-2{
	font-size: 25px; 
}
.dash-league .card .xxs{
	font-size: 22px; 
}
.dash-league .card.vs .md3{
	font-size: 20px;
	font-weight: bold;
}
.dash-league .card.vs .sm3{
	font-size: 12px; 
	color: white;
	text-decoration: none;
}

.dash-league .card.v2 .body{
	margin-top: 13px !important;
}
.dash-league .card .body table{
    width: 85%;
    text-align: center;
    background: white;
	margin: auto;
    border: 1px solid #ddd;
}

.table-hl2 thead {
	background: #E6E6E6;
	font-size: 14px;
}
.table-hl2 .blue-text {
	color: #0075BB;
}
.table-hl2 .yellow-text {
	color: #FBAB34;
}
.table-hl2 .green-text {
	color: #8ACB3B;
}
.table-hl2 .graylight-text {
	color: #E3E3E3;
}
.table-hl2 i {
	font-size: 18px;
}

.dash-league .card .body table th,
.dash-league .card .body table td{
	width: 25%;
	text-align: center;
	vertical-align: middle;
}

.dash-league .card .body span{
	color: black;
}
.league-name.league-name-detail.pdnr{
	font-size: 20px; 
	font-weight: bold; 
}
.league-name.league-name-detail.pdnr.green{color: #78d739 !important;}
.league-name.league-name-detail.pdnr.red{color: #D73814 !important;}
.league-name.league-name-detail.pdnr.orange{color: #FEAF20 !important;}
.league-name.league-name-detail.pdnr.gray{color: #666 !important;}
.dash-league .card .links {
    text-align: center;
	position: absolute;
	width: 95%;
	width: -webkit-calc(100% - 15px);
	width: -moz-calc(100% - 15px);
	width: -o-calc(100% - 15px);
	width: -ms-calc(100% - 15px);
    bottom: 20px;
	left: 18px;
}
.dash-league .card .links div{
	width: 152px; 
}

.dash-league .card::before{
	font: normal normal normal 14px/1 FontAwesome;
	position: absolute;
    font-size: 150px;
	color: lightgray;
    top: 73px;
    left: 2px;
    opacity: 0.3;
	width: 95%;
	width: -webkit-calc(100% - 15px);
	width: -moz-calc(100% - 15px);
	width: -o-calc(100% - 15px);
	width: -ms-calc(100% - 15px);
	text-align: center;
}

.dash-league .card.vs::before {
    content: "vs";
    font-size: 200px;
    top: 30px;
	font-family: 'Francois One', sans-serif;
}
.dash-league .card.vs .title,
.dash-league .card .mm5{
	margin-top: -5px;
}
.dash-league .card .mp5{
	margin-top: 5px;
}
.dash-league .card .nm{
	margin: 0 !important;
}
.dash-league .card .mm10{
	margin-top: -10px;
}
.dash-league .card.vs .mm20{
	margin-top: -20px;
}
.dash-league .card.vs .mp10{
	margin-top: 10px;
}
.dash-league .card.vs .mp20{
	margin-top: 20px !important;
}
.dash-league .card.game .title{
	margin-top: 30px;
}
.dash-league .card.game .title.v3{
	margin-top: 25px;
}
.dash-league .card.game .title.v2{
	margin-top: 5px;
}
.dash-league .card.game::before{
	/* content: "\f0ac"; */
	content: "vs";
    font-size: 200px;
    top: 30px;
	font-family: 'Francois One', sans-serif;
}

.dash-league .card.players::before{
	content: "\f007";
}
.dash-league .card.players .title{
	margin-top: 15px;
}

.select2:focus{
	outline: none !important; 
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	-o-box-shadow: none !important;
	-ms-box-shadow: none !important;
}

.select2{
	box-shadow: none;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	-ms-appearance: none;
	font-size: 18px !important; 
	min-height: 37px;
}

.select2::-ms-expand{
	display: none;
}

.select2+.caret{
	color: white;
	/* position: absolute; */
	margin-top: -28px;
	/* left: 135px; */
	float: right; 
}

@media (min-width: 769px) {
	.special-container{ width: 98% !important; }
	.special-container div[role='tabpanel']{
		margin-left: 1.5%;
		margin-right: 1.5%;
	}
}

@media  (max-width: 768px){
	.dash-league .team-name .line-1,
	.dash-league .team-name .line-2{
		padding-left: 25px;
	}
	.select2+.caret{
		left: 150px;
	}
}

/* #V002 - view_game */
.team-data .vs{
	padding-top: 55px;
}
.team-data table.right{
	float: right;
}
.team-data table.left{
	float: left;
}
.team-data img{
	width: 91px;
	height: 91px;
	transition: all 250ms ease-in-out;
}
/*div.col-xs-5{
	padding: 0 !important;
}*/

.pp10{
	padding-top: 10px;
}

@media (max-width: 767px){
	.pdt25 {
		padding-top: 0px !important;
	}
	
	.box-game-detail .vs{
		margin-top: 0px !important;
	}
	.team-data .vs{
		padding-top: 35px;
	}
	.team-data table{
		float: initial !important;
		width: 100%;
		text-align: center;
		margin: auto;
	}
	.team-data table .caption{
		padding: 0px !important;
	}
	.team-data img{
		width: 60px;
		height: 60px;
	}
	.league-name2{
		max-width: initial !important;
	}
}

@media (max-width: 400px){
	.team-data img{
		width: 50px;
		height: 50px;
	}
	.team-data .left img{
		right: 5px;
	}
	.team-data .right img{
		left: 5px;
	}
}


@media (min-width: 401px) and (max-width: 766px){
	.team-data .left img{
		right: 30px;
	}
	.team-data .right img{
		left: 30px;
	}
}

/* #V003 - settings-league */
.spec-img{
	width: 100%;
	max-width: 225px;
	max-height: 225px;
}

/* .setting-select{
	width: 300px !important;
} */

@media (min-width: 768px){
	.pad-lef-xs-20{
		padding-left: 20px !important;
	}
}

@media (min-width: 350px){
	.setting-div{
		width: 300px;
    margin: auto;
	}
}
@media (max-width: 350px){
	.setting-div{
		width: 100%;
	}
}

/* View-Stats */

.stats-header{
	width: 97%; 
	margin: auto !important; 
	margin-top: 10px !important; 
	margin-bottom: 10px !important;
	padding-left: 0px;
}
.tab-content.stats-header{
	width: 95%;
}

/* #V004 - BoxScore */
.font-14{
	font-size: 14px;
}
.font-13{
	font-size: 13px;
}
.bold-700{
	font-weight: 700;
}
#team_selector .btn,
#plan_selector .btn{
	background: #e8e8e8;
	color: #808080;
	font-weight: 300;
	border-color: none;
}
#team_selector .btn.active,
#plan_selector .btn.active{
	background: #1C629D;
	color: #FFFFFF;
}
.float-icon{
	font-size: 15px;
	position: absolute;
	margin-top: 6px;
}

.float-to-left{
	margin-left: -20px;
}

.flot-to-rigth{
	margin-left: 5px;
}

.color-inherit{
	color: inherit;
}

/* #V005 - Billing & PLans
.StripeElement {
    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,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
form label.has-error+.StripeElement--empty,
form label.has-error+.StripeElement--invalid, */
form label.has-error+input,
form label.has-error+select,
form label.has-error+textarea{
	background: #fcc2c7;
  border-color: #fcc2c7;
	color: #F00;
}

form label>span{
	opacity: 0;
	color: #F00;
	transition: opacity 250ms ease-in-out;
}
form label.has-error>span:not(.invalid){
	opacity: 1;
}

.e {
	font-weight: bold;
	font-family: 'Open Sans', sans-serif;
	-webkit-font-smoothing: antialiased;
	background: #4D4D4D;
	font-size: 16px;
	color: #FFFFFF;
	border: 1px solid #ddd;
	font-size: 16px;
	height: 37px;
	padding-top: 7px;
	padding-left: 20px;
	margin-left:7px;
	margin-right:7px;
	margin-bottom:5px;
}
.credit-table{
	margin-bottom: 20px;
	width: 100%;
}
.credit-table thead th, tbody td{
	padding: 10px;
}
.credit-table tbody td{
	background-color: #e6e6e6;
}
.credit-table tbody tr>td:first-child{
	border-radius: 7px 0 0 7px;
}
.credit-table tbody tr>td:last-child{
	border-radius: 0 7px 7px 0;
}
.btn-red{
	color: #fff;
	background-color: #d9534f;
	border-color: #d43f3a;
}

.margen-v-20{
	margin-top: 20px;
	margin-bottom: 20px;
}

.not-grow{
	max-width: 114px;
	min-width: 114px;
	padding: 6px 0;
	margin: auto;
}

.plan-table-container{
	border: 1px #d6d6d6 solid;
	border-radius: 20px;
	padding: 0;
	margin-top: 20px;
}
.plan-table{
	width: 100%;
}
.vertical-align th,
.vertical-align td{
	vertical-align: middle !important;
}

.current-table{
	border: 1px #d6d6d6 solid;
	width: 100%;
}
.current-table th,
.current-table td{
	min-height: 51px;
	height: 51px;
}


.current-plan{
	border: 1px #d6d6d6 solid;
	width: 100%;
  margin: auto;
}
.current-plan>div{
	height: 51px;
	display: table;
}
.current-plan>div>div{
	display: table-cell;
	vertical-align: middle;
}
.current-plan .border-bottom{
	border-bottom: 1px #d6d6d6 solid;
}
.current-plan .border-right-no-xs{
	border-right: 1px #d6d6d6 solid;
}

@media (max-width: 768px){
	.current-plan .border-right-no-xs{
		border-right: none;
	}
	.current-plan .border-bottom-xs{
		border-bottom: 1px #d6d6d6 solid;
	}
}

.plan-table thead th:first-child{
	background-color: #f9f9f9;
	border-radius: 20px 0 0 0;
}
.plan-table thead th{
	font-size: 18px;
}
.plan-table thead tr th:nth-child(1){
	padding-left: 10px;
}
.plan-table thead th[data-pos]{
	padding: 10px 0;
}
.plan-table [data-pos]{
	transition: all 250ms ease-out;
}

.plan-table th[data-pos="1"]{
	background-color: #1c629d;
	color: #FFF;
}
.plan-table th[data-pos="2"]{
	background-color: #78d739;
	color: #FFF;
	border-radius: 0 20px 0 0;
}
.plan-table tr:nth-child(odd)>td.hover[data-pos="1"]{
	background-color: #cfe9ff;
}
.plan-table tr:nth-child(even)>td.hover[data-pos]{
	background-color: #f5f8fb;
}
.plan-table tr:nth-child(odd)>td.hover[data-pos="2"]{
	background-color: #d9ffcc;
}
.plan-table tbody tr:last-child>td.hover[data-pos="2"]{
	border-radius: 0 0 20px 0;
}
.plan.btn-blue.active{
	background: #e8e8e8;
	color: #808080;
}
.plan-table tr th:nth-child(2),
.plan-table tr td:nth-child(2){
	border-left: 2px #d6d6d6 solid;
	border-right: 2px #d6d6d6 solid;
}
.plan-table tbody tr th:nth-child(1){
	padding-left: 20px;
}

.vtable-nowrap>div>span,
.table-nowrap tbody td,
.table-nowrap tbody th,
.span-nowrap{	
	overflow: hidden;
	text-overflow: ellipsis;	
}
.span-nowrap{
	display: inline-block;
	width: calc(100% - 50px);
}
.span-nowrap,
.vtable-nowrap>div>span{
	white-space: pre-wrap;
}
.vtable-nowrap>div>span{
	display: none;
}

.fa-20{
	font-size: 17px !important;
	margin-bottom: 1.5px;
	margin-top: 1.5px;
}

.table-vertical tbody td{
	vertical-align: middle !important;
}
.table-vertical .lines span{
	display: block !important;
}

#n_teams.error{
  background: #fcc2c7;
  border-color: #fcc2c7;
}
.total-row>th,
.total-row>td:last-child(){
	border: 1px solid #ddd;
}
.total-row:not(.full)>td:nth-child(1),
.transparent-row:not(.b-bottom)>td:nth-child(1){
	background-color: #0000 !important;
	border-left-color: transparent !important;
	border-top-color: transparent !important;
	border-bottom-color: transparent !important;
}
.transparent-row>td{
	background-color: #0000 !important;
	border-left-color: transparent !important;
	border-right-color: transparent !important;
}

.total-row.up>td{
	border-top: 1px solid #ddd !important;
}

.transparent-row.b-bottom>td:nth-child(1){
	background-color: #0000 !important;
	border-left-color: transparent !important;
	border-top-color: transparent !important;
}

.total-row.gray>td,
.total-row.gray>th{
	background-color: #f9f9f9 !important;
}



.plan-table .fa-check {
	font-size: 20px !important;
	color: #22d60e !important;
}
#planFrecuency .btn-frecuency.active {
    background: #1C629D;
    color: #FFFFFF;
}
#planFrecuency .btn-frecuency{
	padding: 6px 0;
}
tr.no-border td,
tr.no-border th{
	border: none !important;
}
.item-title{
	font-size: 15px;
}

.padding-0{
  padding: 0px !important;
}
.padding-10{
	padding: 10px;
}
.blue-text{
	color: #1c629d;
}
.tinny-text{
	font-weight: normal;
}
.red-line-text {
	color: red;
	text-decoration: line-through;
}

.summary-table thead th{
	background-color: #4d4d4d;
	color: #FFF;
}

.summary-table th,
.summary-table td{
	padding: 10px !important;
}

.summary-table .gray-row{
	background: #e6e6e6;
}

.policy{
	padding: 10px 20px;
	background-color: #f5f4f4;
	border-radius: 10px;
}
.policy h5{
	font-weight: 600;
}
.policy p{
	text-align: justify;
}

.checkbox-custom {
    padding-left: 20px;
}
.checkbox-custom, .radio-custom {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
}
.checkbox-custom input[type=radio], .checkbox-custom input[type=checkbox] {
    z-index: 1;
    opacity: 0;
}
.checkbox-custom input[type=checkbox], .radio-custom input[type=radio] {
    position: absolute;
    margin-top: 4px \9;
    margin-left: -20px;
}
.checkbox-custom label {
    position: relative;
    display: inline-block;
    padding-left: 10px;
    vertical-align: middle;
}
.checkbox-custom label, .radio-custom label {
    min-height: 22px;
    margin-bottom: 0;
    font-weight: 300;
    cursor: pointer;
}
.checkbox-custom label::before {
    position: absolute;
    left: 0;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-left: -20px;
    content: "";
    background-color: #fff;
    border: 1px solid #e4eaec;
    border-radius: 3px;
    -webkit-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}
.checkbox-primary input[type=radio]:checked+label::before, .checkbox-primary input[type=checkbox]:checked+label::before {
    background-color: #1c629d;
    border-color: #1c629d;
}
.checkbox-custom input[type=radio]:checked+label::before, .checkbox-custom input[type=checkbox]:checked+label::before {
    /* border-color: #e4eaec; */
    border-width: 10px;
    -webkit-transition: all 300ms ease-in-out 0s;
    -o-transition: all 300ms ease-in-out 0s;
    transition: all 300ms ease-in-out 0s;
}
.checkbox-primary input[type=radio]:checked+label::after, .checkbox-primary input[type=checkbox]:checked+label::after {
    color: #fff;
}
.checkbox-custom input[type=radio]:checked+label::after, .checkbox-custom input[type=checkbox]:checked+label::after {
    
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f00c";
}
.checkbox-custom label::after {
    position: absolute;
    top: 3px;
    left: 0;
    display: inline-block;
    width: 20px;
    height: 20px;
    padding-top: 1px;
    margin-left: -20px;
    font-size: 12px !important;
    line-height: 20px;
    color: #FFF;
    text-align: center;
}

.popover-content {
  padding: 4px 24px;
	top: -56px; left: 203px; display: block;
}

.row.pc-header{
	width: 90%;
	margin: auto;
}

.second-lvl{
	width: 100%;
	margin: auto;
}

.third-lvl{
	width: 98%;
	margin: auto;
}

.second-lvl,
.third-lvl{
	margin-bottom: 15px !important;
}
@media (max-width: 768px){
	.item-title{
		font-size: 12px;
	}
	.plan-table thead th {
    font-size: 13px;
	}
	.plan-table tbody tr th:nth-child(1) {
    padding-left: 10px;
	}
}
@media (min-width: 767px){
	.row.pc-header-sm{
		width: 90%;
		margin: auto;
	}
}

.button-add{
  z-index: 100;
}

/*  Payments */
.payments{
  padding-bottom: 60px;
}

.paid{
  color: #4CAF50 !important;
}

.unpaid{
  color: #E53935 !important;
}

.payments .lh-header{
  margin: 10px !important;
  width: calc(100% - 20px) !important;  
}

.payments .title>span{
  font-size: 18px;
  font-weight: 600;
  padding-left: 10px;
}

.payments [id*='description-container']{
  margin-top: 10px;
  margin-bottom: 20px;
}

.payments [id*='description-container'] .description{
  background: #e6e6e6;
  padding: 15px;
  border-radius: 10px;
  margin-top: 10px;
  margin-bottom: 30px;
  border: 1px #cacaca solid;
  
  -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
  box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
  
  -webkit-transition: -webkit-box-shadow .25s;
  transition: -webkit-box-shadow .25s;
  transition: box-shadow .25s;
  transition: box-shadow .25s, -webkit-box-shadow .25s;
}

.payments [id*='description-container'] .description:hover{
  -webkit-box-shadow: 0 7px 9px -4px rgba(0,0,0,.2), 0 14px 21px 2px rgba(0,0,0,.14), 0 5px 26px 4px rgba(0,0,0,.12);
  box-shadow: 0 7px 9px -4px rgba(0,0,0,.2), 0 14px 21px 2px rgba(0,0,0,.14), 0 5px 26px 4px rgba(0,0,0,.12);
}

.payments [id*='description-container'] .description .title {
  font-size: 20px;
  text-align: center;
  font-weight: 700;
  text-transform: uppercase;
  color: #000;
  margin-bottom: 10px;
}

.payments [id*='description-container'] .description .due {
  text-align: center;
  padding: 20px;
  font-size: 35px;
  background: #fff;
  border-radius: 10px;
  font-weight: 700;
  margin-bottom: 10px;
}

table .title{
  font-weight: 600;
}

.payments table .title>span {
    font-size: 11px;
    font-weight: 700;
    padding-left: 2px;
}

.payments table .row-due{
  font-weight: bolder;
}

table .spec-options{
  padding: 0;
  overflow: inherit !important;
}

table .spec-options .btn-group{
  overflow: inherit !important;
  height: 30px;
}

table .spec-options button{
  width: 100%;
  background: transparent;
  border: none;
  box-shadow: none;
  outline: none;
}

table .spec-options .dropdown-menu{
  top: 34px;
  left: initial;
  right: 35px;
}

table .spec-options .dropdown-menu.r20{
  right: 20px;
}

.payments table tr.due>td{
  background-color: #FFCCBC;
  color: #000;
}

.btn-group.spec .dropdown-toggle{
  box-shadow: none !important;
}

.dropdown-menu.spec{
  padding: 14px 0 10px 10px;
  min-width: 200px;
}

.dropdown-menu.spec li{
  border-top: solid 1px #e5e5e5;
}

.dropdown-menu.spec li a{
  display: block;
  box-sizing: border-box;
  color: #808080;
  padding: 14px 12px;
  font-size: 14px;
}

.dropdown-menu.spec li a:hover{
  text-decoration: none;
  background: #1C629D;
  color: #FFFFFF;
}

.dropdown-menu.spec:before {
  content: '';
  width: 10px;
  height: 10px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: -5px;
  right: 8px;
  background: #FFFFFF;
  z-index: 1;
  border-top: 1px solid rgba(0,0,0,.15);
  border-left: 1px solid rgba(0,0,0,.15);
}

.dropdown-menu.spec li a i{
  width: 20px;
  margin-right: 5px;
}

@media (max-width: 768px){
  .payments table .w-xs-70{
    width: 70% !important;
  }
  
  .text-xs-center{
    text-align: center !important;
    float: inherit !important;
  }
  
  .w50-xs{
    width: 50% !important;
  }
}

@media (min-width: 768px){
  .payments .description-container{
    padding-left: 30px;
    padding-right: 30px;
  }
  
}


/* Create Payment */
#create_payment{
 padding-top: 20px !important; 
}

#create_payment .fs-wrap{
  width: 100% !important;
  max-width: 100% !important;
}

#create_payment .select-teams__container{
  opacity: 0;
  transition: opacity 250ms ease-in-out;
}

#create_payment .line-height-33{
  line-height: 33px;
}

#create_payment  .create_payment_container{
  width: 100%;
}

#create_payment .player_amount{
  width: 90%;
  height: 40px;
  background: #fff;
  border-radius: 3px;
  padding: 10px;
  text-align: center;
  border: 1px #c3c3c3 solid;
  margin: auto;
  outline: none;
  transition: border 250ms ease-in-out;
}
#create_payment .player_amount:readonly{
  background: #e6e6e68c;
}
#create_payment .player_amount.has-error{
  background: #fcc2c7;
   border-color: #fcc2c7;
}
#create_payment .player_amount:focus{
  border: 2px #000 solid;
}

.cursor-pointer, .cursor-pointer *{
  cursor: pointer;
}

#create_payment #allow_buttons{
  width: 100%;
  margin: auto;
}

#create_payment #allow_buttons label{
  width: 50%;
  max-width: 50%;
  min-width: 50%;
}

#create_payment .fs-wrap{
	height: 34px;
}

#create_payment .fs-wrap .fs-label-wrap{
	height: 100%;
	border-radius: 4px;
}

#create_payment .fs-wrap .fs-label-wrap .fs-label{
	padding-top: 9px;
}



@media (max-width: 768px){
  
}

@media (min-width: 700px){
  #create_payment  .create_payment_container{
    width: 700px;
    margin: auto;
  } 
}

@media (min-width: 992px){
  #create_payment .responsive-width {
      width: 33.33%;
  }
}

.minus-btn{
  font-size: 20px;
  color: red;
}

.w35{
  width: 35px !important;
  max-width: 35px !important;
  min-width: 35px !important;
}

#PayNow{
  padding-top: 20px !important;
}

#PayNow .current-plan{
  width: 94%;
  margin-bottom: 10px;
}

.btn-stripe{
  width: 100%;
  padding: 6px 12px;
  color: #FFF !important;
  background: linear-gradient(#57b3e9, #008cdd) !important;
}

.btn-stripe.red{
  background: linear-gradient(#e95757, #dd0000) !important;
}

.btn-stripe .icono {
  line-height: 20px;
  float: left;
  font-weight: 700;
  font-size: 25px;
  border-right: 1px #0000001c solid;
  padding-right: 9px;
}

.stripe-column{
  width: 210px;
}

@media (max-width: 767px){
  .stripe-column{
    width: 170px;
  } 
}


.form-group.select-input-group.s-60 input{
  width: calc(100% - 74px);
}
.form-group.select-input-group.s-60 select{
  width: 70px;
}

.form-group.select-input-group input{
  display: inline-block;
}

.form-group.select-input-group select{
  height: 34px;
  border: 1px solid #ccc;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  color: #555;
  background-color: #eee;
  border: 1px solid #ccc;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0 10px;
}

.form-group.select-input-group select::-ms-expand {
  display: none;
}

.form-group.select-input-group select+.caret{
  color: #999  ;
  position: absolute;
  top: 38px;
  left: 63px;
}

.form-group.select-input-group:not(.s-left) input{
  border-radius: 4px 0 0 4px;
  border-right: none;
}

.form-group.select-input-group:not(.s-left) select{
  border-radius: 0 4px 4px 0;
  border-left: none;
  margin-left: -4px;
}

.form-group.select-input-group.s-left input{
  border-radius: 0 4px 4px 0;
  margin-left: -4px;
}

.form-group.select-input-group.s-left select{
  float: left;
  border-radius: 4px 0 0 4px;
}

.form-group.select-input-group>label{
	display: block;
}

/*.form-group.select-input-group input:focus,
.form-group.select-input-group input:focus+select {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.0);
}*/

.danger+input+select{
  background: #fcc2c7;
  border-color: #fcc2c7;
}

#help .modal-footer {
	margin-top: 0;
	padding: 0;
	text-align: center;
	border-top: none;
}

.fa-14{
	font-size: 14px;
}



/* ------------------------------------------------------------------ */
/* Shared tab component (from the Simplified Score Game): self-aligning */
/* CSS tabs with a filled active state, no JS-positioned underline.     */
/* Replaces the legacy #nav-lineup .bottom-bar tabs across pages.       */
/* Works for both <a> and <button> tab elements.                        */
/* ------------------------------------------------------------------ */
.lh-tab-bar { display:flex; flex-wrap:wrap; gap:2px; padding:6px 12px 0; background:#26334d; }
.lh-tab { -webkit-appearance:none; appearance:none; border:0; cursor:pointer;
	background:transparent; color:#a8b7cc; font-weight:400; font-size:12.5px;
	padding:9px 14px; border-radius:3px 3px 0 0; display:inline-flex;
	align-items:center; gap:6px; line-height:1.1; margin:0; text-decoration:none; }
.lh-tab:hover { color:#d6e0ee; text-decoration:none; }
.lh-tab.is-active, .lh-tab.active { background:#fff !important; color:#26334d !important; font-weight:600;
	position:relative; z-index:1; box-shadow:0 2px 0 0 #fff; }  /* white + bridge the 1px wrapper seam so the active tab merges into the white body */
.lh-tab.is-active:hover, .lh-tab.active:hover { color:#26334d; }
.lh-tab:focus { outline:none; }

/* Checkbox con el look de los Select All del modulo Simplified Score Game
   (pestanas Visitor / Home). Es la version compartida de input.mrs-selectall-cb
   de score_game_simplified.php: caja de 23px redondeada, borde gris de 3px y
   tilde propio en CSS, para no depender del PNG global de checkmark, que en
   algunas paginas se pinta azul marino y a otro tamano.
   El selector lleva [type=checkbox] ademas de la clase a proposito: style.css
   trae input[type=checkbox] con 15px y se carga DESPUES que este archivo, asi
   que con la misma especificidad ganaba el otro. Con elemento+atributo+clase
   queda por encima sin necesidad de !important. */
input[type="checkbox"].lh-selectall-cb { -webkit-appearance:none; -moz-appearance:none; appearance:none;
	width:23px; height:23px; margin:0; cursor:pointer; box-sizing:border-box;
	background:#f4f5f6; border:3px solid #6b7178; border-radius:4px;
	position:relative; vertical-align:middle; }
input[type="checkbox"].lh-selectall-cb:checked::after { content:""; position:absolute; left:7px; top:3px;
	width:6px; height:11px; border:solid #555555; border-width:0 3px 3px 0;
	transform:rotate(45deg); }