.tablet-hidden {display: none;}

/* iPad specific styles */

.content {
	width: 89%; 
	content: "";
 	/* display: table; */
    display: inherit;
	clear: both;
	}

.hideElement {display: inherit;}

ul.navMain > li {display: inline-block;  width: 25%; font-size: 1.2em; line-height: 2.7em; border-top: 1px solid #282826;}
ul.navMain > li:first-child {border-top: 1px solid #282826; }


/*------ Grid--------*/
.col-1-1 {width: 100% !important; float: left !important; }
.col-1-2 {width: 50% !important; float: left !important; }
.col-1-3 {width: 33.33% !important; float: left !important; }
.col-1-4 {width: 25% !important; float: left !important;}
.col-1-8 {width: 12.5% !important; float: left !important;}
.col-3-4 {width: 75% !important; float: left !important;}

.grid:after {
  content: "";
  display: table;
  clear: both;
}

/* buttons */
.buttonsAside { display: block; }
.buttonsAside-mobile { display: none !important;}
.mobile-foot-wrapper { height: 0px;}


/*------DASHBOARD-------*/

.sportQuoteOuter {		background: url(../img/sportQuote-Pele.jpg) no-repeat right top; border-bottom: 1px solid #636363;  overflow: hidden;}
.sportQuote {
		color: #636363; 
		float: left; 
		font-size: 1.5em; 
		line-height:1.3em;
		padding: 30px 0; 
		display: block;
		width: 75%;
		}


#dashboard ul.navBtns {width: 100%; margin-top: 30px; position: relative; }

#dashboard ul.navBtns li { 
	border: 2px solid #636363;  
	float: left;
	font-size: 1.8em;
	width: 24%;
    min-width: 24%;
	height: 195px;
	margin-right: 1.3%;
	margin-bottom: 9px;
	padding: .2em;
	display: table;
}


#dashboard ul.navBtns li.clearEnd {margin-right: 0px; float: right;}

#dashboard .navBtns .dashboardBtn-MyProfile,
#dashboard .navBtns .dashboardBtn-Inbox,
#dashboard .navBtns .dashboardBtn-MyContacts,
#dashboard .navBtns .dashboardBtn-MyGames,
#dashboard .navBtns .dashboardBtn-MyTeam,
#dashboard .navBtns .dashboardBtn-JoinOpenGame,
#dashboard .navBtns .dashboardBtn-ContactUs,
#dashboard .navBtns .dashboardBtn-LogOut {display: table-cell; vertical-align: middle;}

#dashboard .navBtns p.dashboardBtnText { float: none; display:block; width: 100%; text-align: center;  margin-bottom: 10px; min-height: 65px; border-bottom: 1px solid #636363; position: relative;}

#dashboard .navBtns p.dashboardBtnNo {float: none; text-align: center; border-left: none; display:inline-block; width:100%; margin-top: 20px; font-size: 2em;} 

#dashboard ul.navBtns li:last-child {border: 2px solid #636363;}
#dashboard ul.navBtns li a {line-height: 1.2em;  position: relative;}

#dashboard .navBtns .dashboardBtn-MyProfile p.dashboardBtnText,
#dashboard .navBtns .dashboardBtn-JoinOpenGame p.dashboardBtnText,
#dashboard .navBtns .dashboardBtn-ContactUs p.dashboardBtnText,
#dashboard .navBtns .dashboardBtn-LogOut p.dashboardBtnText    {border:0px; margin-bottom: 0px;  min-height: 0px;}

/* #dashboard ul.navBtns li .info {
    position: relative;
    top: -4px ;
    right: -8px;
} */

/*------PROFILE-------*/

#profile .contentOuter {
	overflow: hidden; 
	content: "";
	display: table;
	clear: both;
	border-bottom: 1px solid #636363;
}

#profile .profileSettings {margin-bottom: -2000px; padding-bottom: 2000px; }
#profile .activities { margin-bottom: -2000px; padding-bottom: 2000px;}
#profile .activities .content{ float: right; min-width: 94%;}

.profileSettings p.editPassword a  {margin-left: 5px; margin-top: 0px;} 

.settingsBtns .edit{ width: 49%!important; float: left;}
.settingsBtns .change{ width: 49%!important; float: right !important; margin-top: 0;}


/*-----------INBOX----------*/

.leftAside {margin-right: 30px;}
.inboxBtns .col-1-4{padding-right: 10px;}

.leftAside select {width: 95%;  min-width: 95%;}

/*----------MY CONTACTS & MY GAMES MAIN---------*/

.myContactsMain, .leftAside {margin-right: 35px;}
.leftAside .creatorStatus img, .leftAside .creatorStatus p {float: none; text-align: center;}
.leftAside .creatorStatus {border: 1px solid #636363; padding: 20px 20px 5px;}
.leftAside .creatorStatus img {display: block; margin-left: auto;
    margin-right: auto;
}

/* Review game */

#reviewGame .review .greyText .fa.fa-map-marker,
#joinOpenGame .review .greyText .fa.fa-map-marker {
padding-left: 0px;
}



/*create a game*/
ul.create-sports {
    width: auto;
    margin: 0 auto;
}

ul.create-sports li{
    display: inline-block;
    float: left;
    width: 161px; /*161*/
    height: 161px;
    background: red;
    margin: 4px;
}

.create-sports a li .sport-icon{
    display: block;
    text-align: center;
    margin: 4px auto 6px;
    height: 90px;
    width: 100%;
    margin-left: -12px;
    position: absolute;
    top: 16px;
    left: 16px;
}

.create-sports a li p {
    position: absolute;
    bottom: 32px;
    left: 0;
    width: 169px;
    text-align: center;
    font-size: 21px;
}
.create-sports a li:hover{
    text-decoration: none;
    border-style: solid;
    border-width: 0px 0px 161px 161px;
}


/* Sports images */

.running { background: url(../img/sports/running.svg) no-repeat 0px 11px;
    background-size: 32px 30px; width: 32px; height: 41px; margin-left: -43px; }
.cycling { background: url(../img/sports/cycling.svg) no-repeat 0px 15px;
    background-size: 42px 24px; width: 42px; height: 41px; margin-left: -48px; }
.football { background: url(../img/sports/football.svg) no-repeat 0px 10px;
    background-size: 32px 32px; width: 32px; height: 42px; margin-left: -43px; }
.tennis { background: url(../img/sports/tennis.svg) no-repeat 0px 10px;
    background-size: 32px 32px; width: 32px; height: 42px; margin-left: -43px; }
.squash { background: url(../img/sports/squash.svg) no-repeat 0px 10px;
    background-size: 18px 34px; width: 30px; height: 48px; margin-left: -36px; }
.rugby {background:  url(../img/sports/rugby.svg) no-repeat 0px 12px;
    background-size: 30px 30px; width: 32px; height: 42px; margin-left: -42px; }
.cricket { background: url(../img/sports/cricket.svg) no-repeat 0px 11px;
    background-size: 32px 32px; width: 33px; height: 43px; margin-left: -42px; }
.basketball { background: url(../img/sports/basketball.svg) no-repeat 0px 10px;
    background-size: 32px 32px; width: 32px; height: 42px; margin-left: -43px; }
.netball { background: url(../img/sports/netball.svg) no-repeat 0px 10px;
    background-size: 32px 32px; width: 32px; height: 42px; margin-left: -43px; }
.badmington { background: url(../img/sports/badmington.svg) no-repeat 0px 11px;
    background-size: 32px 30px; width: 31px; height: 41px; margin-left: -43px; }


ul.create-sports li{
    background-size: 161px !important;
}
.col-1-2 .box-wrapper{ width: 94%;}

/* Step - players */

.horizontal-btn {
    padding: 10px 10px 20px 0;
}

.horizontal-btn-last {
    padding: 10px 0 20px 0;
}

/* Step 3 - players */


.players-list li.names{
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid #636363;
}

.players-list li.names .checkboxes{
    float: right;
    display: block;
    width: 160px;
    height: 62px;
    background: #323232;
    border-bottom: none;
    margin-bottom: 0px;
    position: absolute;
    top: 0;
    right: 0;
}
.players-list.teams li.names .checkboxes{
    float: right;
    display: block;
    width: 140px;
    height: 50px;
    background: #323232;
    border-bottom: none;
    margin-bottom: 0px;
    padding-top: 10px;
    position: absolute;
    top: 0;
    right: 0;
}

.players-list li.names .checkboxes .custom-checkbox {
    float: right;
}

.players-list li a {
    padding: 21px 10px 21px 0px;
    position: relative;
    width: 100%;
    float: left;
}

.players-list.teams li a {
    padding: 15px 10px 5px 0px;
}

.players-list { 
    padding-top: 0px;
    margin-top: 0px;
}

.icon.search input{
    background-position: 10px 6px;
    height: 30px;
}

.players-list li a p {
    margin: 0;
}

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
   #dashboard ul.navBtns li { margin-right: 10px; } /* your css rules for ipad portrait */
   .logIn .form { padding: 44px 24px 0px 0px;}
   .logIn .create { padding: 20px 0px 0px 24px;}
}
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape) {
  #dashboard ul.navBtns li  { margin-right: 13px; } /* your css rules for ipad landscape */
  .logIn .form { padding: 44px 24px 0px 0px;}
  .logIn .create { padding: 20px 0px 0px 24px;}
}

/* LOGIN */

body#logIn {
    background: none;
    background-color: #222;
}