/* CSS Document */
html{	
	font-size:16px;
}
body,html{
	height: 100%;
}
body,html,*{

    margin:0px;
	padding:0px;
	font-family: Open Sans, Verdana, Helvetica, sans-serif;
	color:#000;
	font-weight:400;
}
body.is-christmas{
  background-color:#164b3c;
}


body#tinymce{
	background-image: none;
}
p{
	margin-top:0px;
	margin-bottom:20px;
	line-height:25px;	
}

ul {
    list-style-type:none;
    margin-bottom:20px;
}
ul li{
    line-height:25px;
}


body#tinymce h2{
	color:#000;
	font-size: 1.875rem;
	margin-top: 20px;
    margin-bottom: 10px;
}

body#tinymce  h3{
	color:#000;
	font-size:1.375rem;
	font-weight:500;
	margin-top: 20px;
    margin-bottom: 10px;
}

body#tinymce h4{
	color:#000;
	font-size:1.125rem;
	margin-top: 20px;
    margin-bottom: 10px;
}


body#tinymce h2 *,
body#tinymce h3 *,
body#tinymce h4 *{
	font-size: inherit;
}
body#tinymce ul{
	list-style-type:disc;
	padding-left: 30px;
	margin:0px;
}
body#tinymce table td,
body#tinymce table th{
	font-size:0.75rem;	
	padding: 5px 0px;
}
body#tinymce p span,
body#tinymce p strong,
body#tinymce p i,
body#tinymce p em,
body#tinymce li span,
body#tinymce li strong,
body#tinymce li i,
body#tinymce li em,
body#tinymce table td *,
body#tinymce table th *{
	color:inherit;
	font-size:inherit;	
}
body#tinymce table a {
    color: #b02423;
    text-decoration: underline;
}
body#tinymce p strong *,
body#tinymce li strong *,
body#tinymce table strong *{
	font-weight:bold;	
}
body#tinymce p{
	margin:0px;	
	line-height: 16px;
	padding: 6px 0px;
}
body#tinymce .text-element *{
	font-size:1rem;
}
body#tinymce .text-element td,
body#tinymce .text-element td *,
body#tinymce .text-element th,
body#tinymce .text-element th *{
	font-size:0.875rem;
}

body#tinymce .text-element td,
body#tinymce .text-element th{
	padding: 6px 8px;
}

body#tinymce .text-element h2 {
    font-size: 1.625rem;
    font-weight: 700;
    color: #000000;
    margin-bottom: 20px;
    font-family: 'Poppins';
}

body#tinymce .text-element h3{
	font-size: 1.375rem;
	font-weight: 700;
	color: #000000;
	font-family: 'Poppins';
	margin-bottom: 20px;
}

body#tinymce a{
	color:#b02423;
	text-decoration:underline;
}

body#tinymce .red-background *{
	color:#fff;
} 

a,a:hover{
    text-decoration:none;
    outline: none;
    color: inherit;
    cursor: pointer;
}

a:focus,
.btn:focus, 
.btn.focus{
	outline:none;
	color:inherit;
}
img{
	border:0px none;
}

section,header,nav,figure,article,footer{

	display:block;
}
.dashboard-content{
	background-color: #fff;
}
.container .container{
	margin: 0px;
	padding: 0px;
	width:100%;
}
.text-element .text-element{
	margin:0px;
}
.text-element p{
	margin-bottom:20px !important;
	line-height: 25px !important;
}

.block-content{
	max-height: 600px;
}
.block-content .content{
	height: 490px;
    padding-top: 20px;
}
.block-content .content .block-content-header{
	border-bottom: 1px solid #ddd;
}
.block-content .content .block-content-header .glyphicons-info-sign{
	font-size: 34px;
	color: #136529;
}
.rank-legend .glyphicons-info-sign,
.rank-legend .glyphicons-print{
	color: #136529 !important;
	font-size: 25px;
	cursor: default;
}
.rank-legend .glyphicons-print{
	cursor: pointer;
}
.rank-legend.print-spider{
	position: absolute;
	top: 0px;
	right: 0px;
}
.new-tournament-content h1{
	text-transform: uppercase;
	font-size: 3rem;
	font-weight: 300;
	margin-top: 30px;
    margin-bottom: 30px;
}
.new-tournament-content .subtitle{
	font-family:'Exo 2', sans-serif;
	font-size: 1.125rem;
    margin-bottom: 30px;
}

.form-control{
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.input-group-text{
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
input.form-control{
	background-color: #f5f5f5;
	border-color: #e2e2e2; 
	color: #333333;
}
.form-control:focus {
    background-color: #f5f5f5;
	border-color: #e2e2e2; 
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.input-group-text{
	background-color: #f5f5f5;
	border-color: #e2e2e2; 
}
.tournament-name-input{
	width: 640px;
	margin-bottom: 30px;
}
.competition-shortcut{
	width: 340px;
}
.tournament-name-input input{
	border-right: none;
	font-size: 1.375rem;
}
.tournament-name-input .glyphicons{
	font-size: 30px;
	color: #136529;
}
.table-count{
	width: 220px;
	height: 80px;
}
.table-count.table-count-settings{
	height: 74px;
}

.table-count .input-group-prepend,
.table-count .input-group-append{
	cursor: pointer;
}
.table-count .input-group-prepend .glyphicons,
.table-count .input-group-append .glyphicons{
	font-size: 30px;
	color: #136529;
}
.table-count input{
	text-align: center;
	font-size: 2.25rem;
	width: 1rem !important;
}
.main-second-block{
	margin-right: 100px;
}
.table-count-img{
	margin-right: 110px;
}
.table-count-text{
	font-size: 1.125rem;
	text-transform: uppercase;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}
.main-logo{
	margin: 30px 86px;
	height: auto;
}
.main-title{
	border-bottom: 1px solid #dddddd;
}
.select-lang{
	color: #333333;
	font-size: 1.121rem;
	margin: 35px 0px;
}
.flags img{
	border: 1px solid #dddddd;
}
.flags img.selected{
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
}
.advertisement a{
	display: block;
}
.advertisement a img{
    width: 100%;
    height: auto;
}
.advertisement .homepage-banner{
	width: 870px;
}
.pointer{
	cursor: pointer;
}
.back-btn{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	width: 38px;
}
.forward-btn{
	position: absolute;
	top: 0px;
	bottom: 0px;
	right: 0px;
	width: 38px;
}
.back-btn,
.forward-btn{
	cursor: pointer;
}
.back-btn .glyphicons,
.forward-btn .glyphicons{
	font-size: 30px;
	color: #136529;
}
.main-content{
	
}
.dashboard{
	background-color: #f5f5f5;
	overflow-y: auto;
}
.dashboard .header{
	position: fixed;
	top: 0px;
	left: 0px;
	right:0px;
	margin-left:70px;
	height: 70px;
	border-bottom: 1px solid #ddd;
	background-color: #fff;
	z-index: 10;
	transition:all .2s ease;
}
.dashboard .header.hid{
	top: -75px;
}
.dashboard .hamburger{
	position: fixed;
	top: 0px;
	left: 0px;
	height: 70px;
	z-index: 11;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	background-color: #fff;
	width:70px;
}
.dashboard .hamburger:hover{
	background-color: #f5f4f4;
}
.dashboard .hamburger .glyphicons {
	font-size: 25px;
}
.dashboard .header .item{
	border-right: 1px solid #ddd;
}
.dashboard .header .item a:hover{
	background-color: #f5f4f4;
}
.dashboard .header .item.tournament-name a:hover{
	background-color: #fff;
}
.dashboard .header .item.tournament-name{
}
.dashboard .header .item.tournament-name div.text{
	font-weight: 700;
	font-size: 0.875rem;
	width: 200px;
}
.dashboard .header .glyphicons{
	color: #136529;
}
.dashboard .header .glyphicons:before{
	padding: 0px;
}
.dashboard .header .item.tournament-name  .glyphicons{
}
.dashboard .header  .glyphicons{
	font-size: 25px;
}

.disciplines{
	position: fixed;
	top: 80px;
	left: 0px;	
	bottom:0px;
	border-top: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	background-color: #fff;
	width: 70px;
	z-index: 10;
}
.disciplines-scroll-wrapper{
    position: absolute !important;
    top: 50px;
    bottom: 0px;
    width: 54px;
    overflow: hidden;
}
.disciplines .item{
	border-top: 1px solid #ddd;
	text-transform: uppercase;
}
.disciplines .item:hover{
	background-color: #f5f4f4;
}
.disciplines .item.plus:hover{	
	background:none;
}
.disciplines .glyphicons{
	color: #136529;
	font-size: 20px;
}
.dashboard .content{
	position: relative;
    padding-top: 80px;
    padding-left: 80px;
    width: 100%;
    transition:all .2s ease;
}
.dashboard .content.expand{
    padding-top: 0px;
}

.dashboard .content .panel .head{
	background-color: #136529;
	height: 69px;
}
.dashboard .content .panel .head .item{
 	border-right: 1px solid #198335;
 	font-size: 0.875rem;
 	font-weight: 700;
 	color: #fff;
 	text-transform: uppercase;
}
.dashboard .content .panel .head .item a{
 	font-size: inherit;
 	font-weight: inherit;
 	color: inherit;
 	text-transform: inherit;
}
.dashboard .content .panel .head .item a:hover{
	background-color: #16742f;
}
.dashboard .content .panel .head .item.disc-name,
.dashboard .content .panel .head .item.start{
 	border-right: 0px none;
	background-color: #249342;
}

.dashboard .content .panel .head .item.disc-name{
	background-color: #249342;
}
.dashboard .content .panel .head .item.icon {
}
.dashboard .content .panel .head .item.icon.border-left {
 	border-left: 1px solid #198335 !important;
}
.dashboard .content .panel .head .item.icon .glyphicons{
	color: #fff;
	font-size: 25px;
}
.dashboard .content .panel .panel-content{
	background-color: #fff;
}
.dashboard .content .panel .panel-content h2,
.dashboard .content .panel .panel-content h2 span{
	font-size: 2.5rem;
	color: #136529;	
	font-family:'Exo 2', sans-serif;
	font-weight: 300;
}
.box-selection {
	height: 200px;	
}
.box-selection .item{
	border: 1px solid #ddd;
	border-radius: 10px;
	width: 180px;
	position: relative;
	background-color: #f5f5f5;
}
.box-selection .item.selected{	
	-webkit-box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.1);
}
.box-selection .item.disabled:hover{
	cursor: not-allowed;
}
.box-selection .item.yellow:not(.type2){
	border-color: #d6e127;
	background-color: #ffffe4;
}
.box-selection .item.green:not(.type2){
	border-color: #4cc86d;
	background-color: #e0ffe1;
}
.box-selection .item.blue:not(.type2){
	border-color: #62cad7;
	background-color: #dcfbff;
}
.box-selection .item .icon{
	font-size: 3rem;
	font-weight: 700;
	font-family:'Exo 2', sans-serif;
	line-height: 2rem;
	position: relative;
}
.box-selection .item.type2 .icon{
	text-transform: uppercase;
	font-size: 1.5625rem;
	line-height: 1.5rem;
	color: #615f5f;
}
.box-selection .item .info-btn{
	text-align: center;
}
.box-selection .item.yellow .icon,
.box-selection .item.yellow .glyphicons,
.box-selection .item.yellow .info-btn{
	color:#9d8b14;
}
.box-selection .item.green .icon,
.box-selection .item.green .glyphicons,
.box-selection .item.green .info-btn{
	color:#136529;
}
.box-selection .item.blue .icon,
.box-selection .item.blue .glyphicons,
.box-selection .item.blue .info-btn{
	color:#2b757f;
}
.box-selection .item.red .icon,
.box-selection .item.red .glyphicons,
.box-selection .item.red .info-btn{
	color:#a13131;
}
.box-selection .item.brown .icon,
.box-selection .item.brown .glyphicons,
.box-selection .item.brown .info-btn{
	color:#824e16;
}
.box-selection .item.pink .icon,
.box-selection .item.pink .glyphicons,
.box-selection .item.pink .info-btn{
	color:#efb2ed;
}
.box-selection .item.type2.yellow .corner-icon{
	background-color:#9d8b14;
}
.box-selection .item.type2.green .corner-icon{
	background-color:#136529;
}
.box-selection .item.type2.blue .corner-icon{
	background-color:#2b757f;
}
.box-selection .item.type2.red .corner-icon{
	background-color:#a13131;
}
.box-selection .item.type2.brown .corner-icon{
	background-color:#824e16;
}
.box-selection .item.type2.pink .corner-icon{
	background-color:#efb2ed;
}

.box-selection .item .icon span{
	font-size: 1.625rem;
	font-weight: 700;
	font-family:'Exo 2', sans-serif;
	color: inherit;
}
.box-selection .item:not(.type2) span.glyphicons:not(.glyphicons-info-sign){
	position: absolute;
    top: 17px;
    left: 69px;
    font-size: 25px;
}
.box-selection .item.type2 .corner-icon{
	position: absolute;
    top: -13px;
    left: -15px;
    font-size: 16px;
    border-radius: 30px;
    background-color: #ddd;
    width: 36px;
    height: 36px;
}
.box-selection .item.type2 .corner-icon.letters{
	font-size: 1rem;
	color: #fff;
	text-transform: uppercase;
	font-family:'Exo 2', sans-serif;
}
.box-selection .item.type2 .corner-icon .glyphicons{
	color: #fff;
}
.box-selection .item .info-btn{	
    font-size: 16px;
    text-decoration: underline;
}
.box-selection .item .info-btn span.glyphicons-info-sign{
	
    font-size: 16px;
}
.box-selection .item .info-btn span.glyphicons-info-sign:before{
	padding: 0px;
}
.box-selection .item .text{
	font-size: 0.75rem;
	font-weight: 300;
}
.box-selection .item .icon.team{
	font-family:'Exo 2', sans-serif;
	font-size: 1.5625rem;
	font-weight: 900;
	margin-top: 34px ;
}
.change-orientation{
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	background-color: #fff;
	z-index: 15000;
}
.change-orientation img{
	 height: 180px;
}
.change-orientation.hid{
	display: none !important;
}
.loading-tournament-list{
	width: 50px;
}
.list{
	border-top: 1px solid #ddd;
}
.list:first-child{
	border-top: none
}
.list:first-child{
	border-top: none
}
.border-right{
	border-right: 1px solid #ddd;
}
.glyphicons-remove{
	color: #c22f12;
	cursor: pointer;
}
.glyphicons-pencil{
	color: #249342;
	cursor: pointer;
}
thead{
	background-color: #e7e7e7;
}
thead tr th,
thead tr th span.title{
	color: #136529;	
	font-family:'Exo 2', sans-serif;
	font-weight: 700;
	font-size: 1.125rem;
}
thead tr th span{
	color: inherit;	
	font-family:inherit;
	font-weight: inherit;
	font-size: inherit;
}
.glyphicons-pencil:before{
	padding: 0px;
}
.glyphicons-remove:before{
	padding: 0px;
}
.discipline-menu-title{
	font-size: 2.5rem;
	font-family:'Exo 2', sans-serif;
	font-weight: 300;
	color: #fff;
}
.game-system-block{
	padding: 50px 0px 80px;
}
.game-system-block .box-selection .item{
	width: 370px;
}
.game-system-block .box-selection .item .info-block{
	position: absolute;
	bottom: 5px;
	right: 5px;
}
.game-system-block .box-selection .item .info-block .glyphicons{
	font-size: 30px;
}
.button-plus-minus-title {
    font-family: 'Exo 2', sans-serif;
    font-size: 1.15rem;
    color: #136529;
    height: 60px;
    line-height: 1.875rem;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 15px;
    font-weight: 700;
    padding: 0px 10%;
}
.button-plus-minus{
	margin: 0px 0px;
    padding: 8%;
    border: 1px solid #ddd;
    border-radius: 10px;
}
#switch-button{
	width:216px;
	height:80px;
	border-radius:5px;
	position:relative;
	border:1px solid #ddd;
	cursor:pointer;
}
#switch-button.disabled{
	opacity: 0.4;
}
#switch-button div.slider{
	position: absolute;
    width: 50%;
    height: 100%;
    background-color: #eee;
    border: 1px solid #ccc;
    top: 0px;
    left: 0px;
    z-index: 1;
    transition:all 0.5s;
}
#switch-button div.slider.negative{
	-webkit-box-shadow: 7px 0px 8px -2px rgba(0,0,0,0.2);
	-moz-box-shadow: 7px 0px 8px -2px rgba(0,0,0,0.2);
	box-shadow: 7px 0px 8px -2px rgba(0,0,0,0.2);
	-webkit-border-radius: 5px 0 0 5px;
	border-radius: 5px 0 0 5px;
}
#switch-button div.slider.positive{
	-webkit-box-shadow: -7px 0px 8px -2px rgba(0,0,0,0.2);
	-moz-box-shadow: -7px 0px 8px -2px rgba(0,0,0,0.2);
	box-shadow: -7px 0px 8px -2px rgba(0,0,0,0.2);
	-webkit-border-radius: 0 5px 5px 0;
	border-radius: 0 5px 5px 0;
	left:107px;
}

#switch-button div.success{
	background-color:#78c64e;
	color:#fff;
	text-align:center;
	padding:10px;
	-webkit-border-radius: 5px 0 0 5px;
	border-radius: 5px 0 0 5px;
}
#switch-button div.danger{
	background-color:#d9534f;
	color:#fff;
	text-align:center;
	padding:10px;
	-webkit-border-radius: 0 5px 5px 0;
	border-radius: 0 5px 5px 0;
}
#switch-button div.success,
#switch-button div.danger{
	font-size: 1.25rem;
	font-weight: 700;
}


div.match-list div.match{
	background-color: #e4e4e43b;
    border: 1px solid #ddd;
}

div.match-list div.match .sport-field{	
	width: 32px;
    text-align: center;
    position: relative;
}
div.match-list div.match div.sport-field span.edit {
    position: absolute;
    bottom: 3px;
    right: 2px;
    display: block;
    top: auto;	    
	font-size: 0.75rem;
    cursor: pointer;
    color: #fff;
}
div.match-list div.match .sport-field.select{
	background: none !important;
	width: 40px;
}
div.match-list div.match .sport-field.select select{
	width: 100%;
	height: 100%;
	padding: 0px;
	border-radius: 0px;
	font-size: 0.875rem;
}

div.match-list div.match div.match-border{
	width: 4px;
}
div.match-list div.match.ready-to-announce div.match-border,
div.match-list div.match.ready-to-announce .sport-field{
	background-color:#337ab7;
	color: #fff
}
div.match-list div.match.in-progress div.match-border,
div.match-list div.match.in-progress .sport-field{
	background-color:#5bb44a;
}
div.match-list div.match.after-time-limit{

}
div.match-list div.match.after-time-limit div.match-border,
div.match-list div.match.after-time-limit .sport-field{
	background-color:#ffd71d;
}
div.match-list div.match div.team{
	font-size: 0.875rem;
	line-height: 1rem;
	font-weight: 700;
}

div.match-list div.match div.set div.set-item{
    font-size: 0.875rem;
  		line-height: 1rem;
}
div.match-list div.match div.set div.set-item.strong{
	font-weight: 700;
}

div.match-list div.match.finished div.match-border,
div.match-list div.match.finished .sport-field{
	background-color:#5f5f5f;
	color: #fff;
}
div.match-list div.match.in-conflict{
	background-color: #ffe9e9;
}
div.match-list div.match.in-conflict div.match-border,
div.match-list div.match.in-conflict .sport-field{
	background-color:#e00b0b;
}
.dashboard .content .match-list h2{
	font-size: 0.875rem !important;
	font-weight: 700 !important;
}
div.match-list div.match .btn{
	font-size: 0.625rem;
    padding: 0px 5px;
}
div.match-list div.match .edit-match{
    line-height: 13px;
}
div.match-list div.match .edit-match .glyphicons-pencil,
div.match-list div.match .edit-match .glyphicons-remove {
    font-size: 18px;
    line-height: 18px;
}
div.match-list div.match .team-name-width {
    width: 180px;
}
.results-modal .win-by-default label{
	font-size: 0.75rem;
}

div.match-list div.filter .btn{
	font-size: 10px;
    padding: 0px 5px;
}
div.match-list div.filter .reset-filter{
	font-size: 10px;
	line-height:10px;
	display:block;
	text-decoration: underline;
	color: #337ab7;
}
div.match-list div.filter .reset-filter.disabled{
	color: #c4c0c0;
    cursor: default;
}


	div.match-list div.match.small div.team {
	    font-size: 0.625rem;
	    line-height: 0.75rem;
	}
	div.match-list .small .badge {
	    font-size: 0.625rem;
	    line-height: 0.75rem;
	}
	
	div.match-list div.match.small .btn.small{
		font-size: 0.625rem;
	    padding: 0px 5px;
	}
	div.match-list div.match.small .sport-field{	
		width: 25px;
	    text-align: center;
	}	

	div.match-list div.match.small .sport-field.select{
		width: 36px;
	}
	div.match-list div.match.small .sport-field.select select{
		font-size: 0.625rem;
	}
	div.match-list div.match.small div.set div.set-item{
		font-size: 0.625rem;
	    line-height: 0.75rem;
	}
	div.match-list div.match.small .edit-match .glyphicons-pencil{
		font-size: 13px;
	    line-height: 13px;
	}	
	
	div.match-list div.match.small div.sport-field span.edit {	    
	    font-size: 0.4375rem;
	}

div.filter-content {
    -webkit-box-shadow: 0px 4px 11px 0px rgba(0,0,0,0.40);
    -moz-box-shadow: 0px 4px 11px 0px rgba(0,0,0,0.40);
    box-shadow: 0px 4px 11px 0px rgba(0,0,0,0.40);
    position: absolute;
    z-index: 10;
    background-color: white;
    top: 41px;
    right: 0px;
    padding: 10px;
    width: 100%;
}
div.filter-content input[type="text"]{
    padding: 5px 10px;
    font-size: 12px;
}
div.filter-content .card-header{
    padding: 5px 10px;
    font-size: 12px;
}
div.filter-content .card-body{
    padding: 5px 10px;
}
div.filter-content label{
	font-size: 12px;
}
.page-item.active .page-link{
	background-color: #136529;
    border-color: #136529;
}
.page-link{
	color:  #136529;
}
.system-rank-page .glyphicons-cup:before{
	padding: 0px;
}
.system-rank-page .static-column{
	width: 70px;
}
.system-rank-page .rank-column{
	width: 90px;
}
.badge-orange{	
	color: #212529;
    background-color: #f0ad4e;
}
.badge-green{	
	color: #fff;
    background-color: #249342;
}
.additional-matches-to-del th,
.additional-matches-to-del td{
	font-size: 0.75rem;
}
.spider-iframe{
	border: none;
}
.glyphicons.red{
	color: #c22f12;
}
.glyphicons.green{
	color: #249342;
}
.glyphicons.white{
	color: #fff;
}
.glyphicons.p-0:before{
	padding: 0px;
}
.modal-header{
	background-color: #136529;
    color: #fff;
}
.green-color{
	color: #136529;
}
.external-view-block{
	width: 420px;
}
.external-views-list .remove-window{
	font-size: 1.5rem;
	position: absolute;
    right: -50px;
}
.external-views-list .external-view-row{
	background-color: #f1f1f13b;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-left: 1px solid #ddd;
}

.external-views-list .glyphicons-plus-sign{
	font-size: 1.875rem;
}

.output-window-row{
	background-color: #e4e4e43b;
    border: 1px solid #ddd;
}

.external-views-settings .discipline,
.external-views-settings .match-type{
	background-color: #e4e4e43b;
    border: 1px solid #ddd;
    font-size: 1.5rem;
}
.external-views-settings .match-type {
    font-size: 1rem;
}
.external-views-settings .discipline.selected,
.external-views-settings .match-type.selected{
	background-color: #249342;	
    border: 1px solid #136529;
    color: #fff;
}
.external-views-settings .match-type.selected div{
    color: #fff;
}
.external-views-settings .match-type{
	width: 120px;
}
.external-views-settings label{
	font-size: 2rem;
	width: 300px;
}

.external-views-output .header{
	height: 50px;
	background-color: #136529;
}
.external-views-output .header .title{
	color: #fff;
}

.external-views-output .leonhart-link{
	color: #fff;
	font-style: italic;
}
.external-views-output .external-view-box-wrapper{
	position: absolute;
	top: 50px;
	bottom: 0px;
	left: 0px;
	right: 0px;
}
.external-views-output .output-curr-time{
}
.external-views-output .output-curr-time .time{
	color: #fff;
    font-size: 15px;
    position: relative;
    z-index: 10;
    font-weight: 700;
}
.external-views-output .output-curr-time .bg{
	position: absolute;
	top: 0px;
	right: 0px;
	left: 0px;
	bottom: 0px;
	background-color: #000;
	opacity: 0.5;
	z-index: 0;
}
.external-views-output .first.full-height{
	position: absolute;
	top: 0px;
	left: 0px;
	bottom: 0px;
}
.external-views-output .second.full-height{
	position: absolute;
	top: 0px;
	left: 50%;
	bottom: 0px;
}
.external-views-output .first.half-height{
	position: absolute;
	top: 0px;
	left: 0px;
	bottom: 50%;
}
.external-views-output .second.half-height{
	position: absolute;
	top: 0px;
	left: 50%;
	bottom: 50%;
}
.external-views-output .third.half-height{
	position: absolute;
	top: 50%;
	left: 0px;	
	bottom: 0px;
}
.external-views-output .fourth.half-height{
	position: absolute;
	top: 50%;
	left: 50%;
	bottom: 0px;
}
.external-views-output .title,
.external-views-output .page-counter{
	font-weight: 700;
}
.system-rank-page .tooltip-inner{
	max-width: 400px;
}
.legend,
.legend strong{
	font-size: 12px;
	color: #fff;
}
.external-views-output td,
.external-views-output th{
	font-size: 14px !important;
}
.overflow-hidden{
	overflow: hidden !important;
}

.cookie-banner{
	position: fixed;
	bottom: 0px;
	left: 0px;
	right: 0px;
	z-index: 10;
	padding: 10px;
	color: #fff;
}
.cookie-banner .text{
	color: #fff;
	padding-right: 10px;
	font-size: 14px;
}
.cookie-banner .bg{
	background-color: #000;
	opacity: 0.7;
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	z-index: -1;
}
.popup-help{
	position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    overflow:hidden;
    text-align: center;
    opacity: 1;
    outline: 0;
}
.popup-help .wrapper{
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
	z-index: 2000;
	position: absolute;
    overflow: auto;
    padding: 40px;
}
.popup-help .cont{
}
.popup-help.ng-hide {
  opacity: 0;
}

.popup-help.ng-hide-add, .popup-help.ng-hide-remove {
  transition: opacity ease-in 0.3s;
}
.popup-help .bg{
	position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background-color: #000;
    opacity: 0.7;
    z-index: -1;
}
.popup-help img{
	max-width: 100%;
	height: auto;
	position: relative;
}
.popup-help .close-menu{
    position: absolute;
    top: 8px;
    right: 10px;
    z-index: 30;
    opacity: 1;
    text-shadow: none;
    color: #fff;
}
.popup-help .close-menu .glyphicons-remove{
    opacity: 1;
    text-shadow: none;
    color: #fff;
    font-size: 28px;
}
.popup-help .close-menu label{
	font-size: 12px;
	color: #fff;
}
button:disabled{
	background-color: #d4d4d4;
	border-color: #9f9f9f;
}
.table-striped tbody tr.qualified:nth-of-type(odd){
	background-color: #21ad47;
}
.table-striped tbody tr.qualified:nth-of-type(even){
	background-color: #27cd55;
}
.table-striped tbody tr.qualified td,
.table-striped tbody tr.qualified td strong{
	color: #fff;
}
/********* ALL SECTIONS **********/
section{

}
section p{
	margin: 0px 0px 20px;
}
section p a,
section p a:hover{
	text-decoration: underline;
}

section h1,
section h2,
section h3,
section h4,
section h5,
section h6{	
	color:#000000;
	margin-bottom: 20px;
	font-family:'Exo 2', sans-serif;
}
section h1 span,
section h2 span,
section h3 span,
section h4 span,
section h5 span,
section h6 span{	
	font-family:inherit;
}
section {
	font-weight: 300;
	margin-bottom: 0px;
}
section *{
}
section h1{
	font-size: 3.75rem;
	font-weight: 400;
	margin-top:50px;
	color: #136529;
}
section h1 span{
	font-size: 3rem;
	font-weight: 300;
	color: #333333;
}
section h2{
}
section h3{
}

.subtitle-margin{
	margin-bottom: 10px;
}
section .display-table{
	display: table;
	height:inherit;
	z-index:2;
	position:relative;
}
section.header-slider{
	height:596px;
	position:relative;
	padding:0px;
	background-image: url(/Public/Images/Layout/Content/slider_bg.jpg);
}
section.header-slider .cell{
	display: table-cell;
    vertical-align: middle;
    height:inherit;
    width:580px;
   
}
section.header-slider .img{
	background-image: url(/Public/Images/Layout/Content/slider_bg.jpg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 1px;
    right: 0px;
    opacity: 1;
    z-index:1;
}
section .map-element{
    margin-bottom:30px;
}
section .map-element,
section .map-element .map-content{
	height:300px;
	width:100%;
}
section .link-element{
	text-align:center;
}

section .sub-link-elements,
section .list-element,
section .ytv-element,
section .article-element,
section .photo-file-element,
section .form-elements{
	margin-bottom: 30px;
}

.text-element p{
	margin-bottom: 20px;
}
.text-element hr{
	border-top:1px solid #ddd;
	margin-top:0px;
	margin-bottom:30px;
}
.text-element h2{
	margin-top: 40px;
}
.text-element img{
	width:auto;
	height:auto;
}
.text-element ul{
	list-style-type: disc;
	margin-left:0px;
	margin-bottom:20px;
}
.text-element ul li{
	background-image: url("/Public/Images/Layout/Content/li_arrow.svg?1");
	background-repeat: no-repeat;
    background-position: left center;
    padding: 0px 0px 0px 25px;
    list-style: none;
}
.text-element span,
.text-element strong{
	color:inherit;
}
.text-element a{
	color:#b02423;
	text-decoration:underline;
}
.text-element .table{
    border: 1px solid #ddd;
}
.text-element .table th{
    border: 1px solid #ddd;
    font-size:0.875rem;
    padding: 6px 8px;
}
.text-element .table th *{
    font-size:0.875rem;
}
.text-element .table td {
    border-bottom: 1px dashed #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-top:0px none;
    font-size:0.875rem;
    padding: 6px 8px;
}
.text-element .table td *{
    font-size:0.875rem;
}

.text-element .left-icon{
    width:8%;
    float:left;
}
.text-element .right-icon-text{
    width:92%;
    float:right;
}

section .link-element div.col-xs-12{
	margin-bottom:30px;
}

.loading{
	padding:30px;
}
.spinner {
  margin: 10px auto;
  width: 50px;
  height: 40px;
  text-align: center;
  font-size: 0.625rem;
}

.spinner > div {
  background-color: #333;
  height: 100%;
  width: 6px;
  display: inline-block;
  margin-right:2px;
  -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
  animation: sk-stretchdelay 1.2s infinite ease-in-out;
}

.spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.spinner .rect3 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

.spinner .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

.spinner .rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

.btn-simple {
    color: #136529;
    border-color: #136529;
}
.btn-green,
.btn-green:focus,
.btn-green:hover{
    color: #fff;
    border-color: #249342;
    background-color: #249342;
}
.btn-red{
    color: #fff;
    border-color: #c22f12;
    background-color: #c22f12;
}
.btn-red span{
    color: inherit;
    border-color: inherit;
    background-color: inherit;
}
.btn.big{
	font-size: 1.25rem;
	font-family:'Exo 2', sans-serif;
	font-weight: 700;
	text-transform: uppercase;
}
.btn.small{
	font-size: 0.75rem;
}
.btn.small span{
	font-size: inherit;
}
.insert-team{
	width: 480px;
}
.start-discipline{
	width: 360px;
}
.game-system-save-button{
}
.glyphicons.disabled{
	color: #ddd !important;
}
.form-control:disabled, .form-control[readonly] {
    color: #bfbebe;
}
@-webkit-keyframes sk-stretchdelay {
  0%, 40%, 100% { -webkit-transform: scaleY(0.4);}  
  20% { -webkit-transform: scaleY(1.0) }
}

@keyframes sk-stretchdelay {
  0%, 40%, 100% { 
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }  20% { 
    transform: scaleY(1.0);
    -webkit-transform: scaleY(1.0);
  }
}

@media (min-width: 992px){

	.modal-dialog.wider {
	    width: 900px;
	    margin: 30px auto;
	}
}	

.slide-effect {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    animation-duration: 0.30s;
    animation-timing-function: ease-in-out;
    -webkit-animation-duration: 0.30s;
    -webkit-animation-timing-function: ease-in-out;
}

/* When the page enters, slide it from the right */
.slide-effect.ng-enter {
    animation-name: slideFromRight;
    -webkit-animation-name: slideFromRight;
}
/* When the page enters and moveToLeft is true, slide it from the left(out of the user view) to the right (left corner) */
.slide-effect.moveToLeft.ng-enter {
    animation-name: slideFromLeft;
    -webkit-animation-name: slideFromLeft;
}
/* When the page leaves, slide it to left(out of the user view) from the left corner,
    in other words slide it from the left(out of the view) to the left corner but in reverse order */
.slide-effect.ng-leave {
    animation-name: slideFromLeft;
    animation-direction: reverse;
    -webkit-animation-name: slideFromLeft;
    -webkit-animation-direction: reverse;
}
/* When the page leaves, slide it to the right(out of the user view) from the the left corner,
    in other words, slide it from the right but in reverse order  */
.slide-effect.moveToLeft.ng-leave {
    animation-name: slideFromRight;
    animation-direction: reverse;
    -webkit-animation-name: slideFromRight;
    -webkit-animation-direction: reverse;
}

@keyframes slideFromRight {
    0% {
        transform: translateX(100%);
    }

    100% {
        transform: translateX(0);
    }
}

@keyframes slideFromLeft {
    0% {
        transform: translateX(-100%);
    }

    100% {
        transform: translateX(0);
    }
}

@-webkit-keyframes slideFromRight {
    0% {
        -webkit-transform: translateX(100%);
    }

    100% {
        -webkit-transform: translateX(0);
    }
}

@-webkit-keyframes slideFromLeft {
    0% {
        -webkit-transform: translateX(-100%);
    }

    100% {
        -webkit-transform: translateX(0);
    }
}

.fade.in {
    opacity: 1;
}

.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
       -o-transform: translate(0, 0);
          transform: translate(0, 0);
}

.modal-backdrop.in {
    filter: alpha(opacity=50);
    opacity: .5;
}