/* ------------------------------------------- STEPS --------------------------------------------------*/
#current-step-title{
	color:#767676;
	
	display:block;
}
.step {
	border-bottom:1px solid #ededed;
	margin-bottom:15px;
	padding-bottom:15px;
}
.step-title {
    font-size: 13px;
    font-weight: 600;
    color: #767676;
}
.step.custom-step {
    border-bottom: none;
    margin-bottom: 15px;
    padding-bottom: 15px;
}
.step-buttons {
    border-top: 1px solid #ededed;
    margin-top: 15px;
    padding-top: 15px;
}
.step-col-1{
	padding-top:15px;
}
.step-col-2{
	padding-top:10px;
	text-align:right;
}
@media(min-width:990px){	
	.step-col-2{
		float:right;
		text-align:right;
	}	
}
@media(max-width:989px){	
	.step-col-3{
		margin-top:30px;
	}	
}
.steps-table{width:100%;}
.steps-table td{width:20%;text-align:center;}
.title-label{
	padding-bottom:5px;
	font-weight:600;
	display:block;
	font-size:14px;
}
label.radio-label{
	color:#767676;
	padding-bottom:2px;
	font-size:13px;
	display:block;	
}
ul.substeps-menu{
	padding:0px;
	margin:0px;
}
ul.substeps-menu li{
	padding:0px;
	margin:0px;
	padding-bottom:5px;
	display:block;
	list-style:none;
	color:#b5cdd8;
	font-size:13px;
	cursor:pointer;
	font-weight:600;
}
ul.substeps-menu li.active{
	color:#3399cc;
}
.substeps-left{
	border-right:1px solid #ededed;
}
.alert.alert-step{
	color:#838383;
	background:#e4eef3;
	font-size:13px;
}
.files-message{
	color:#767676;
	font-size:13px;
	border-left:1px solid #ededed;
}
.file-hidden{
	height:35px;
	background:url(skn/wizard/search.jpg) 0% 0% no-repeat;
	border-radius:3px;
	border:1px solid #ededed;
	overflow:hidden;
}
.wizard_buttons {
	
	max-width:1170px;
	margin-left:auto;
	margin-right:auto;
	left:0px;
	right:0px;
}
.wizard_buttons td{
	padding-left:15px;
	padding-right:15px;
}
.novisible{
	display:none;
}
.steps-table td img{
	cursor:pointer;
}

.step-spacer{
	background:url(skn/wizard/table-bg.jpg) 50% 0% no-repeat #cadee7;
	background-size:100%;
	text-align:center;
	min-height:764px;
	padding-top:250px;
	width:100%;
	padding-bottom:20px;
	margin-top:-50px;
}	
.step-spacer-2{
	background:url(skn/wizard/table-bg.jpg) 50% 0% no-repeat #cadee7;
	background-size:100%;
	text-align:center;
	min-height:320px;
	padding-top:250px;
	width:100%;
	padding-bottom:50px;
	margin-top:-50px;
	border-bottom:1px solid #ededed;
	margin-bottom:15px;
}	


@media(max-width:989px){
	.step-spacer{
		
		text-align:center;
		min-height:764px;
		padding-top:150px;
		width:100%;
		padding-bottom:50px;
		margin-top:0px;
	}		
	
}







/* ------------------------------------------ FIRST GROUND ------------------------------------------- */
.ground1-wrapper{
	position:relative;
	width:330px;
	height:520px;
	display:inline-block;
	margin-right:30px;
	margin-bottom:30px;
}
.ground1-bg{
	position:relative;
	display:inline-block;
	border-radius:10px;
	background:#238e48;
	overflow:hidden;
	width:330px;
	height:520px;
	position:absolute;
	top:0px;
	left:0px;
	z-index:1;
}
.ground1{
	background:url(skn/wizard/ground1-wood.png) 50% 50% no-repeat;
	background-size:cover;
	width:330px;
	height:520px;
	position:absolute;
	top:0px;
	left:0px;
	z-index:2;
}
.ground1.white{
	background:url(skn/wizard/ground1-white.png) 50% 50% no-repeat;	
	background-size:cover;
	width:330px;
	height:520px;
	position:absolute;
	top:0px;
	left:0px;
	z-index:2;
}
.ground1-lines{
	background:url(skn/wizard/ground1-lines.png) 50% 50% no-repeat;
	background-size:cover;
	width:330px;
	height:520px;
	position:absolute;
	top:0px;
	left:0px;
	z-index:4;	
}
.ground1-field{
	background:url(skn/wizard/ground1-field.png) 50% 50% no-repeat;
	background-size:cover;
	width:330px;
	height:520px;
	position:absolute;
	top:0px;
	left:0px;
	z-index:3;	
}
.ground1-field-top {
    background-size: cover;
    
    width: 84px;
    height: 85px;
    position: absolute;
    top: 42px;
    left: 0px;
    right: 0px;
    margin-left: auto;
    margin-right: auto;
    z-index: 3;
}
.ground1-field-middle {
    background-size: cover;
    width: 67px;
    height: 67px;
    
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0px;
    right: 0px;
    margin-left: auto;
    margin-right: auto;
    z-index: 3;
    border-radius: 50%;
    margin-top: 0px;
}
.ground1-field-middle-inner {
    background-position: 0px 0px;
    background-repeat: no-repeat;
    background-size: cover;
    width: 68px;
    height: 68px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0px;
    right: 0px;
    margin-left: auto;
    margin-right: auto;
    z-index: 3;
    border-radius: 50%;
}

.ground1-field-bottom {
    background-size: cover;
    width: 84px;
    height: 85px;
    position: absolute;
    bottom: 41px;
    left: 0px;
   
    right: 0px;
    margin-left: auto;
    margin-right: auto;
    z-index: 3;
}



.ground1-field-top-outter-3{
	width:66px;
	height:35px;
	position:absolute;
	left:132px;
	top:128px;
	overflow:hidden;
	z-index:3;	
}
.ground1-field-top-outter-3-inner {
    background-size: cover;
    width: 66px;
    height: 70px;
    border-radius: 50%;
    margin-top: -36px;
    background: url(skn/wizard/ground.png) 50% 50% no-repeat;
}
.ground1-field-top-outter-3-inner.white {
    background: #fff;
}
.ground1-field-bottom-outter-3 {
    width: 66px;
    height: 33px;
    position: absolute;
    left: 132px;
    bottom: 128px;
    overflow: hidden;
    z-index: 3;
}
.ground1-field-bottom-outter-3-inner {
    background-size: cover;
    width: 66px;
    height: 70px;
    border-radius: 50%;
    background: url(skn/wizard/ground.png) 50% 50% no-repeat;
}
    .ground1-field-bottom-outter-3-inner.white {
        background: #fff;
    }

.ground1-field-top-outter {
    width: 228px;
    height: 60px;
    position: absolute;
    left: 50px;
    top: 42px;
    overflow: hidden;
    z-index: 1;
}
.ground1-field-top-outter-2 {
    width: 228px;
    height: 73px;
    position: absolute;
    left: 50px;
    top: 102px;
    overflow: hidden;
    z-index: 1;
}
.ground1-field-top-outter-inner {
    background-size: cover;
    width: 238px;
    height: 206px;
    border-radius: 50%;
    margin-top:-133px;
    margin-left:-5px;
}

.ground1-field-bottom-outter {
    width: 228px;
    height: 60px;
    position: absolute;
    left: 50px;
    bottom: 41px;
    overflow: hidden;
    z-index: 1;
}
.ground1-field-bottom-outter-2 {
    width: 228px;
    height: 73px;
    position: absolute;
    left: 50px;
    bottom: 100px;
    overflow: hidden;
    z-index: 1;
}

.ground1-field-bottom-outter-inner {
    background-size: cover;
    width: 238px;
    height: 206px;
    border-radius: 50%;
    margin-bottom: -133px;
    margin-left: -5px;
}
.ground1-coach-name{
	position:absolute;
	top:3px;
	left:0px;
	z-index:5;		
	width:100%;
	text-align:center;
	color:#ffffff;
	font-size:22px;
	padding-top:3px;
	font-family: 'Roboto Slab', serif;
}

.ground1-site-name{
	position:absolute;
	bottom:0px;
	right:0px;
	z-index:5;		
	width:100%;
	text-align:right;
	padding-right:30px;
	color:#ffffff;
	font-size:12px;
	padding-bottom:10px;
	font-family: 'Roboto Slab', serif;
}


.ground1-team-name-left{
	position:absolute;
	left:-45%;
	top:50%;
	transform: translateY(-50%);
	z-index:5;		
	width:100%;
	text-align:center;
	color:#ffffff;
	font-size:18px;
	padding-bottom:10px;
	font-family: 'Roboto Slab', serif;
	
	-webkit-transform: rotate(270deg);
	-moz-transform: rotate(270deg);
	-o-transform: rotate(270deg);
	writing-mode: lr-tb;
	
}
.ground1-team-name-right{
	position:absolute;
	left:45%;
	top:50%;
	transform: translateY(-50%);
	z-index:5;		
	width:100%;
	text-align:center;
	color:#ffffff;
	font-size:18px;
	padding-bottom:10px;
	font-family: 'Roboto Slab', serif;
	
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	writing-mode: lr-tb;
	
}

.wizard-errors{
	display:none;
}
#wizard-errors{
	display:none;
	margin-bottom:40px;
	font-size:13px;
}
#panel_wizard_overview_panel{
	box-shadow:none;
}

#panel_wizard_overview_panel .panel-heading{
	margin:0px;
	padding:0px;
	background:none;
	border:none;
	border-bottom:1px solid #ededed;
	padding:5px;
	background:#ededed;
	display:block;
	margin-bottom:15px;
	font-weight:600;
	font-size:22px;
	display:none;
}
#panel_wizard_overview_panel .panel-body{
	border:none;
	padding:0px;
}
#panel_wizard_overview_panel{
	border:none;
	padding:0px;
}

#panel_wizard_overview_panel label{
	padding-bottom:5px;
	font-weight:600;
	display:block;
	font-size:14px !important;
}
.wizard-step-2 label{
	padding-bottom:5px;
	font-weight:600;
	display:block;
	font-size:14px !important;
}

.captca_container td{padding:3px;}
/* ------------------------------------------ SECOND GROUND ------------------------------------------- */

.ground2-wrapper{
	position:relative;
	width:520px;
	height:330px;
	display:inline-block;
	margin-bottom:30px;
	
}
.ground2-bg {
    position: relative;
    display: inline-block;
    border-radius: 10px;
    background: #238e48;
    overflow: hidden;
    width: 520px;
    height: 330px;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
}
.ground2 {
    background: url(skn/wizard/ground2-wood.png) 50% 50% no-repeat;
    background-size: cover;
    width: 520px;
    height: 330px;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 2;
}
    .ground2.white {
        background: url(skn/wizard/ground2-white.png) 50% 50% no-repeat;
        background-size: cover;
        width: 520px;
        height: 330px;
        position: absolute;
        top: 0px;
        left: 0px;
    }
.ground2-lines {
    background: url(skn/wizard/ground2-lines.png) 50% 50% no-repeat;
    background-size: cover;
    width: 520px;
    height: 330px;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 4;
}
.ground2-field {
    background: url(skn/wizard/ground2-field.png) 50% 50% no-repeat;
    background-size: cover;
    width: 520px;
    height: 330px;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 3;
}

.ground2-field-top{
	background-size:cover;
	width:110px;
	height:112px;
	position:absolute;
	top:20px;
	left:162px;
	
	z-index:3;	
}

.ground2-field-bottom {
    width: 88px;
    height: 44px;
    position: absolute;
    left: 173px;
    bottom: 27px;
    overflow: hidden;
    z-index: 3;
    
}
.ground2-field-bottom-inner {
    background-size: cover;
    width: 88px;
    height: 88px;
    border-radius: 50%;
   
}
.ground2-field-middle{
	width:88px;
	height:44px;
	position:absolute;
	left:173px;
	bottom:27px;
	overflow:hidden;
	z-index:3;	
}
.ground2-field-middle-inner {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    width: 88px;
    height: 88px;
    z-index: 3;
    border-radius: 50%;
   
}
.ground2-field-top-outter-3 {
    width: 88px;
    height: 44px;
    position: absolute;
    left: 173px;
    top: 133px;
    overflow: hidden;
    z-index: 3;
   
}
.ground2-field-top-outter-3-inner {
    background-size: cover;
    width: 88px;
    height: 88px;
    border-radius: 50%;
    margin-top: -46px;
    background: url(skn/wizard/ground.png) 50% 50% no-repeat;
}

    .ground2-field-top-outter-3-inner.white {
        background: #fff;
    }





.ground2-field-top-outter {
    width: 295px;
    height: 80px;
    position: absolute;
    left: 70px;
    top: 20px;
    overflow: hidden;
    z-index: 1;

}

.ground2-field-top-outter-2 {
    width: 295px;
    height: 92px;
    position: absolute;
    left: 70px;
    top: 100px;
    overflow: hidden;
    z-index: 1;
    
}

.ground2-field-top-outter-inner {
    background-size: cover;
    width: 308px;
    height: 270px;
    border-radius: 50%;
    margin-top: -179px;
    margin-left: -7px;
}





.service-price{
	font-weight:600;
	font-size:35px;
}
.service-price span{
	font-weight:600;
	font-size:20px;
}

.service-details span.service-details-text {
    display: inline-block;
    vertical-align: top;
    text-align: right;
    font-size: 13px;
    font-weight: 700;
    color: #767676;
    width: 130px;
    margin-right:4px;
}
.service-details span.service-details-value {
    display: inline-block;
    vertical-align: top;
    text-align: left;
    font-size: 13px;
    font-weight: 500;
    color: #767676;
    width: 130px;
}
.ground2-players {
    background: url(skn/wizard/ground2-players.png) 50% 50% no-repeat;
    background-size: cover;
    width: 520px;
    height: 330px;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 3;
}
.ground2-notes {
    background: url(skn/wizard/ground2-notes.png) 50% 50% no-repeat;
    background-size: cover;
    width: 520px;
    height: 330px;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 3;
}


.ground2-custom-notes{
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
	position:absolute;
	top:41%;
	right:10px;
	z-index:5;		
	width:100px;
	text-align:center;
	color:#ffffff;
	font-size:11px;
	padding-top:3px;
	font-family: 'Roboto Slab', serif;
	padding-left:5px;
	padding-right:5px;
	height:170px;
	overflow:hidden;
	text-align:left;
	
	
}

.ground2-text-notes{
	position:absolute;
	top:39%;
	right:10px;
	z-index:5;		
	width:100px;
	text-align:center;
	color:#ffffff;
	font-size:16px;
	padding-top:3px;
	font-family: 'Roboto Slab', serif;
	white-space:nowrap;
	
}
.ground2-text-players{
	position:absolute;
	top:1%;
	right:10px;
	z-index:5;		
	width:100px;
	text-align:center;
	color:#ffffff;
	font-size:16px;
	padding-top:3px;
	font-family: 'Roboto Slab', serif;
	white-space:nowrap;
}
.ground2-text-players div{
	font-size:10px;
	color:#ffffff;
	font-family: 'Roboto Slab', serif;
	margin-top:1px;
	white-space:nowrap;
	
}
.ground2-text-players div span{
	font-size:9px;
	color:#ffffff;
	font-family: 'Roboto Slab', serif;
	margin-top:-1px;
}


.ground2-site-name{
	position:absolute;
	bottom:0px;
	right:0px;
	z-index:5;		
	width:100%;
	text-align:right;
	padding-right:130px;
	color:#ffffff;
	font-size:11px;
	padding-bottom:4px;
	font-family: 'Roboto Slab', serif;
}

.table-fonts {
    border:none;
}
.table-fonts td{
    padding:5px;
    vertical-align:middle;
    font-weight:bold;
    line-height:110px;
    color:#333;
    padding-left:8px;
    padding-right:8px;
    cursor:pointer;
}

    .table-fonts td.active {
        background: #3399cc;
        color: #ffffff;
    }