/* === iPhone Settings ======================= */
/*

	iPhone 6/6+
	----------------------

	Device-pixel-ratio: 2

	iPhone 5
	----------------------
	Screen Width = 320px (CSS Pixels)
	Screen Height = 568px (CSS Pixels)

	Screen Width = 640px (Actual Pixels)
	Screen Height = 1136px (Actual Pixels)

	Device-pixel-ratio: 2

	iPhone 4/4S
	----------------------
	Screen Width = 320px (CSS Pixels)
	Screen Height = 480px (CSS Pixels)

	Screen Width = 640px (Actual Pixels)
	Screen Height = 960px (Actual Pixels)

	Device-pixel-ratio: 2

	iPad Mini
	----------------------
	Screen Width = 768px (CSS Pixels)
	Screen Height = 1024px (CSS Pixels)

	Screen Width = 768px (Actual Pixels)
	Screen Height = 1024px (Actual Pixels)

	Device-pixel-ratio: 1

*/

/* ---[ Styles for iPad Mini ]--- */


/* ----------- iPad 1, 2, Mini and Air ----------- */

/* Portrait and Landscape */
@media only screen
  and (min-device-width: 768px)
  and (max-device-width: 1024px)
  and (-webkit-min-device-pixel-ratio: 1) {

      /* Dashboard */
	  #dashboardBd .entryOptions { display: none; }

      /* Tables */
      .tableWrapper { overflow-x: scroll; }
	  .listTable, .feeTable, .featureTable { min-width: 800px; }
      .ftrControls .rightControls { float: none; margin-top: 10px; }

      /* Game Details */
      #attendanceLists .attendanceList { width: 100%; }

      .gameDetails .whenWhere { text-align: center; }
      .gameDetails .gameResults { position: relative; top: auto; left: auto; margin: 0; width: 100%; }

      .gameDetails .column { width: 100%; }
      .gameDetails .column.col2 { float: none; }

      .gameDetails .columns .colDivider { display: none; }

      /* Messages, Polls, Pools, Etc (Left Column) */
      #playerMessagesBd .leftCol,
      #bulletinsBd .leftCol,
      #pollsBd .leftCol,
      #broadcastBd .leftCol,
      #poolsBd .leftCol {
          width: 200px;
      }

      /* Messages, Polls, Pools, Etc (Right Column) */
      #playerMessagesBd .rightCol,
      #bulletinsBd .rightCol,
      #pollsBd .rightCol,
      #broadcastBd .rightCol,
      #poolsBd .rightCol {
          left: 200px;
      }

      /* Messages */
      #playerMessagesBd .rightCol .messages,
      #playerMessagesBd .msgInputWrapper { left: 400px; }
}

/* Portrait */
@media only screen
  and (min-device-width: 768px)
  and (max-device-width: 1024px)
  and (orientation: portrait)
  and (-webkit-min-device-pixel-ratio: 1) {
	  #dashboardBd .column { width: 100%; }
}

/* Landscape */
@media only screen
  and (min-device-width: 768px)
  and (max-device-width: 1024px)
  and (orientation: landscape)
  and (-webkit-min-device-pixel-ratio: 1) {
	  #dashboardBd .column { width: 50%; }
}

/* ----------- iPad 3, 4 and Pro 9.7" ----------- */

/* Portrait and Landscape */
@media only screen
  and (min-device-width: 768px)
  and (max-device-width: 1024px)
  and (-webkit-min-device-pixel-ratio: 2) {
	  #dashboardBd .entryOptions { display: none; }
}

/* Portrait */
@media only screen
  and (min-device-width: 768px)
  and (max-device-width: 1024px)
  and (orientation: portrait)
  and (-webkit-min-device-pixel-ratio: 2) {
	  #dashboardBd .column { width: 100%; }
}

/* Landscape */
@media only screen
  and (min-device-width: 768px)
  and (max-device-width: 1024px)
  and (orientation: landscape)
  and (-webkit-min-device-pixel-ratio: 2) {
	  #dashboardBd .column { width: 50%; }
}

/* ---[ Styles for iPhone 6 in Portrait ------------------------------------ */

@media only screen
and (min-width : 375px)
and (max-width : 667px) {
	#jerseyBuilderBd .itemSelector li { min-width: 94px; }
}

/* ---[ Global iPhone 6/6+, 5, 4S/4, iPhone 14 Pro, iPhone 14 Pro Max, iPhone 12/13 (Pro) ]----------------------------- */

@media only screen and (min-width : 320px) and (max-width : 568px),
only screen and (min-width : 320px) and (max-width : 480px),
only screen and (max-width: 768px) and (max-height: 720px),
only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3),
only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3),
only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) {

	/* Pro Icons */
	/*.proMsg, .pro-icon, .pro-button, .proHide, .logo-pro-upgrade, .sidebar-pro-plan, .sidebar-pro-upgrade, .dashboardItem.announcements { display: none !important; }*/

	/* Pro Buttons */
	.stripeMsg .smlBtn, .proMsg .smlBtn { float: none; margin: 10px 0; font-size: .9em; text-transform: uppercase; }

	/* Body */
	body { font-weight: 400; }
	body.fullscreen .container { padding-top: 50px; }

	/* Links */
	a:active { opacity: .4; }

	/* Error/Success Msgs */
	.notice a, .successMsg a, .errorMsg a, .warnMsg a { display: block; position: relative; top: auto; right: auto; margin-top: 10px; }
	.notice ul { position: relative; float: none; }
	.notice ul li { display: inline; }
	.notice ul a { float: none; }

	/* GameSheet */
	#gamesheetBd .homeAway { float: none; width: auto; }
	#gamesheetBd .col1, #gamesheetBd .col2 { float: none; width: 100%; }
	#gamesheetBd .listTable { min-width: 300px; }

	/* Container */
	#scoreboardBd .container { top: 50px; padding: 0; min-height: 0; }
	#scoreboardBd .scoreArea { padding-top: 0; }
	#attendanceSet .container { top: 50px; padding-top: 0; }
	.container { padding-bottom: 40px; }

	/* Price Wrapper */
	.priceWrapper { margin: 0 0 5px 0; width: 90%; }
	.upgradeCallToAction { margin: 0 0 10px 0; }
	.proFeatures { margin: 20px auto; width: 100%; }

	.textMessageiPhoneAndroid { width: 100%; height: auto; }

	/* Main Nav */
	#mainNavScroll { padding: 0; background-color: #f7f7f7; }
	#mainNav { top: 0; left: -300px; padding-bottom: 0; width: 300px; font-size: 1.2em; -webkit-overflow-scrolling: touch; -webkit-box-shadow: rgba(0,0,0,.1) 1px 0 3px 0; box-shadow: rgba(0,0,0,.1) 1px 0 3px 0; }

	#mainNav #navList .numVal { margin-right: 15px; }
	#mainNav #navList li a { padding: 6px 0 6px 40px; }
	#mainNav #navList .icon { top: 12px; }

	.pulldown-menu .chevron { top: 16px; }
	.pulldown-menu .numVal { top: 18px; right: 38px; }

	/* Add margin to notification bell icon */
	span.fa.fa-bell.mShow { margin: 2px 0 3px 0; }

	#mainNav .leagueTeamDetails .teamTypeIcon { bottom: 18px; }
	#mainNav .leagueTeamDetails .playerIcons { display: block; padding-right: 60px; }

	.pulldown-options li a:hover  { background-color: transparent; }
	.pulldown-options li .teamLogo { top: 14px; font-size: .8em; line-height: 2em; }

	/* Sub Nav */
	#subNav { margin: 5px auto; width: 68%; }
	#subNav li a span { display: none; }

	/* Top Nav */
	.topNav, .fullscreen .topNav {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		min-height: 50px;
		margin: 0;
		padding: 5px 0;
		background-color: #f8f8f8;
		z-index: 97;
		border-color: #b2b2b2;
	}
	.topNav #menuBtn { display: block; }
	.topNav #backBtn { display: none; margin-top: 8px; font-size: 1.3em; }
	.topNav .fa-cog { font-size: 1.2em; }
	.topNav h1.hdr { display: none; margin: 6px 45px 0 45px; padding: 0; font-size: 1.2em; color: #444; }
	.topNav h1.hdr .fa-chevron-down { position: relative; bottom: 2px; font-size: .7em; }
	.fullscreen .topNav #leftNavBtn .numVal { top: 5px; right: 0px; }
    .topNav .contextualWrapper { background: transparent; }

	/* Profile Pane */
	.sidePane { top: 0px; right: 0; bottom: 0px; left: 0; width: 100%; z-index: 99; }
	.sidePane a.medBtn { padding: 8px; }

	/* Change Log */
	#changeLog .content { padding: 0 20px; }
	.changes .changeItem { padding-left: 70px; }
	.changes .changeItem .label { padding: 4px; left: -10px; font-size: .5em; }

	#HW_badge_cont { left: 90px; }

	/* Control Bar */
	#controlBar {
		display: block;
		position: fixed;
		right: 0;
		bottom: 0;
		left: 0;
		padding: 5px 0;
		height: 46px;
		border-top: 1px solid #eaeaea;
		background-color: #f8f8f8;
		z-index: 97;
	}

	#controlBar > li { position: relative; display: block; float: left; padding: 4px 0; width: 20%; text-align: center; }
	#controlBar > li .controlIcon { position: absolute; top: 0; left: 50%; width: 22px; }
	#controlBar > li .fa-caret-up, #controlBar > li .fa-caret-down { position: absolute; top: 0; right: 0; color: #999; font-size: .8em; }
	#controlBar > li .fa-caret-down { top: 6px; }
	#controlBar > li a { display: block;  }
	#controlBar > li .icon { margin-bottom: 2px; font-size: 1.5em; color: #9b9b9b; }
	#controlBar > li .numVal { position: absolute; top: 0px; right: 10px; padding: 4px 6px; font-weight: 500; font-size: .6em; border-radius: 40px; }
	#controlBar .menu li .teamLogo { top: 15px; }

	#controlBar a .status { position: absolute; top: 2px; right: 0; font-size: .9em; }

	/* Finder */
	#finderBd .content,
	#finderBd .content #freeAgentsBox,
	#faGamesBd .content,
	#faAgentsBd .content { top: 50px; }

	#finderBd .topNav { display: block; }
	#finderBd .content #map { top: 0; bottom: 45px; left: 0; }
	#finderBd .content #addZipPostal { bottom: 82px; right: 10px; left: auto; }
	#finderBd .content #freeAgentsBox { display: none; top: 20px; bottom: 20px; }
	#finderBd .content .mapInfoBox { left: 0px; bottom: 45px; }
	#finderBd .content .notYet { font-size: 1.5em; }
	#finderBd .content .medBtn { display: inline; }
	#finderBd .content #mapLoadingBox { left: auto; right: 10px; top: 50px; }

	/* Player Finder Settings */
	#finderPlayerSettings .sportType { position: relative; width: 100%; }
	#finderPlayerSettings .sportType dl { top: 51px; }
	#finderPlayerSettings .sportType dl .checkSelect { width: 100%; }

	/* Notification Modal */
	.notifications-menu li small { display: block; float: none; }
	#notifications-items li.hdr { display: none; }

	/* Highlight active nav icon */
	#dashboardBd #dashboard-cbar a .icon,
	#scheduleBd #schedule-cbar a .icon,
	#scheduleAllBd #calendar-cbar a .icon,
	#scheduleUpcomingBd #upcoming-cbar a .icon,
	#nextEventBd #nextEvent-cbar > a .icon,
	#lastEventBd #nextEvent-cbar > a .icon,
	#scheduleBd #nextEvent-cbar > a .icon,
	#finderBd #finder-cbar > a .icon,
	#chatterBd #chatter-cbar > a .icon,
	#playerMessagesBd #messages-cbar a .icon,
	#notificationsBd #notifications-cbar a .icon,
	#teamsBd #teams-cbar a .icon,
    #faGamesBd #games-cbar a .icon,
    #finderSettingsBd #fa-settings-cbar a .icon {
		color: rgba(64, 155, 250, 1.0);
	}

	/* Layout */
	.content, .chatter-content {
		margin: 0;
		padding: 0;
		min-width: 320px;
		-webkit-overflow-scrolling: touch;
	}

	/* Jersey Builder */
	.content .leftCol, #jerseyBuilderBd .leftCol { width: auto; }
	#jerseyBuilderBd.intro .content .leftCol { display: block; }
	#jerseyBuilderBd.intro .leftSide { width: 100%; }
	#jerseyBuilderBd .intro { background: none; text-align: center; }
	#jerseyBuilderBd .intro h2 { font-size: 1.4em; }
	#jerseyBuilderBd .setUpSteps li { width: 100%; }

	.content .rightCol, #jerseyBuilderBd .rightCol { float: none; width: auto; }

	#jerseyBuilderBd .jerseyPoster { margin: 0 auto; max-width: 300px; height: auto; }

	/* Ftr Controls */
	.ftrControls { margin: 30px 0 60px; padding: 0 10px 60px 10px; }
	.ftrControls .leftControls, .ftrControls .rightControls { display: block; float: none;}
	.ftrControls .bigBtn, .form .bigBtn, .form .medBtn { display: block; margin: 5px 0; border-radius: 5px; text-transform: uppercase; font-weight: 500; }


	/* Jersey Builder */
	#jerseyBuilderBd .content { padding: 10px 0 50px 0; }
	#jerseyBuilderBd .jerseyCart { float: none; text-align: center; margin: 0 0 35px 0; font-size: 1.4em; font-weight: 200; color: #777; }
	#jerseyBuilderBd .jerseyCart .crestCost { display: block; }
	#jerseyBuilderBd #jerseyMainInnerWrapper { display: none; }
	#jerseyBuilderBd #jerseyMain #uploadCrest, #jerseyMain #jerseyCrest, #jerseyMain #crestPreview { margin-top: 0; }
	#jerseyBuilderBd .jerseyProcessed { margin: 10px 0; min-height: 220px; }

	#jerseyBuilderBd .leftCol, #jerseyBuilderBd .rightCol { margin: 0 0 10px 0; padding: 10px 0 0 0; }
	#jerseyBuilderBd .form.totals { text-align: left; }

	#jerseyBuilderBd #itemSelectorWrapper { padding: 10px; min-height: 360px; width: 100%; background-color: #fff; z-index: 100; }
	#jerseyBuilderBd .itemSelector { max-width: 100%;  }
	#jerseyBuilderBd .styleHdr { margin-top: 20px; }
	#jerseyBuilderBd .ftrControls { position: relative; right: auto; bottom: auto; left: auto; padding: 12px 10px; text-align: center; }
	#jerseyBuilderBd .ftrControls .bigBtn { display: inline-block; width: 45%; }

	#jerseyMain { min-height: 200px; }
	#jerseyMain #uploadCrest { margin: 0; }
	#jerseyMain #uploadCrest .fa { font-size: 1.3em; }
	#jerseyMain #uploadCrest span, #jerseyMain #selectCrest span { display: none; }
	#jerseyMain #crestPreview img { margin: 10px; max-width: 80px; max-height: 80px; }

	#jerseyMain #sockImg { width: 80px; height: 96px; }
	#jerseyMain #jerseyCrestSelectWrapper { margin-top: -50px; }
	#jerseyMain #jerseyCrestSelectInnerWrapper { max-width: 100px; }
	#jerseyMain #jerseyNumber { font-size: 4em; }


	a.removeItem,
	a.removeEvent,
	.form .bigBtn.removeEvent { float: none; display: none; margin-top: 30px; }
	a.archiveItem { display: block; }

	/* Styles */
	.notify { margin: 10px; }

	.calIcon { height: 38px; }

	/* Forms */
	.form { margin: 20px auto; padding: 0 20px; }
    .front-facing .form { padding: 0; }
	.errMsg { margin: 0; }
	#statusMsg { margin: 0; }
	.loginForm { width: 100%; }

	/* Form Input */
	.formInput { top: 0; left: 0; padding: 0; width: 100%; }
    .formInput .form { padding: 0; }
	.formInput .leftCol, .formInput .rightCol { width: 100%; }
	.formInput .rightCol { position: relative; top: auto; }

	/* Control Buttons */
	.controlBtns .confirmBtn.display { display: block; }

	.checkSelect { display: block; margin: 5px 0; padding: 8px; font-size: 1em; }
	.checkSelect .label.playerPosition { top: 10px; }

	/* Buttons */
	#leftNavBtn, #midNavBtn, #rightNavBtn { top: 3px; font-size: 1.1em; }
	#rightNavBtn .bigBtn.blue, #midNavBtn .bigBtn.blue, #leftNavBtn .bigBtn.blue { background: none; color: rgba(64, 155, 250, 1.0); border: none; }
	#rightNavBtn { right: 5px; }
	#midNavBtn { top: -1px; left: 44%; font-size: 1.3em; }
	#leftNavBtn { left: 5px; }
	#rightNavBtn .fa.fa-plus,
	#rightNavBtn .fa.fa-check,
	#rightNavBtn .fa.fa-globe,
	#leftNavBtn .fa.fa-bars,
	#rightNavBtn .fa.fa-list-ul,
	#rightNavBtn .fa.fa-paper-plane,
	#midNavBtn .fa.fa-hand-rock-o { font-size: 1.2em; }
	#rightNavBtn .fa.fa-undo { margin-top: 10px; font-size: .8em; }
	#rightNavBtn .fa.fa-globe, #rightNavBtn .fa.fa-pencil-square-o { font-size: 1.3em; }
	#leftNavBtn .numVal { top: 2px; right: auto; left:20px; font-size: .8em; z-index: 2; }

	/* Tables */
	.tableWrapper, .calendarWrapper { margin: 0; padding: 0; overflow-x: scroll; border: 0; }
	.tableWrapper { position: relative; }
    .tableWrapper.multiplePlayers { border: 1px solid #ddd; border-radius: 5px; }
	.listTable { min-width: 900px; border-bottom: 1px solid #ddd; }
	.listTable .contextualWrapper { top: 16px; }
	.listTable .filterWrapper { position: absolute; top: 6px; right: 5px; }
	.listTable .tblHdr td { padding: 8px 10px; }
    .multiTable { min-width: 1200px; }

	.scheduleList.listTable .score { right: 0; }

	.featureTableWrapper { padding: 0px; width: 95%; }
	.featureTable { padding: 0; }
	.ftrBar { padding: 10px; }

	/*{ min-width: auto; }*/
	#drinks.listTable { min-width: 350px; }
	.listTable thead th span, .listTable thead th div { display: none; }
	.listTable thead th.playerName { width: 220px; }
	.listTable thead th .fa-caret-down, .listTable thead th .fa-caret-up { display: inline; }
	.listTable thead tr th.statCol { width: 8%; }
	.listTable tbody tr td:first-child,
	.listTable thead tr th:first-child,
	#drinks.listTable tbody tr td:nth-child(2),
	#drinks.listTable thead tr th:nth-child(2) {
		padding-left: 15px;
	}
	.listTable .changeTxt { top: 15%; right: -5px; }
	.listTable.baseball thead tr th.statCol { width: 8%; }

	.listTable tbody tr td,
	.listTable tfoot tr td,
	.feeTable tbody tr td,
	.multiTable tbody tr td { font-size: 1em; }

	.listTable tbody td .shortName {
		display: inline;
		white-space: nowrap;
		overflow: hidden;
		white-space: nowrap;
		-o-text-overflow: ellipsis;
		-ms-text-overflow: ellipsis;
		text-overflow: ellipsis;
	}

	/* Jersey Builder */
	#jerseyBuilderBd .content .rightCol, #jerseyBuilderBd .content .leftCol { width: 100%; }
	#jerseyBuilderBd .setUp li { display: block; width: 100%; }

	/* Chatter */
	#chatterBd .topNav, #chatterBd .content { margin: 0; }
	#chatterBd .msgInputWrapper { left: 0; right: 0; bottom: 45px; }
	#chatter { position: fixed; top: 50px; left: 0; right: 0; bottom: 125px; margin: 0; overflow: scroll; border: 0; }
	#chatter li.msg { padding: 0 50px; }
	#chatter li .profilePhoto { left: 10px; width: 26px; height: 26px; }
	#chatter .jerseyPreview { max-width: 260px; max-height: 135px; }
	#chatter #unreadChatterNotifications { top: 48px; left: 0; right: 0; }

	.msgInputWrapper { position: relative; left: 0; border-top: 1px solid #ddd; }
	.msgInputWrapper .msgInput { padding: 10px 65px; min-height: 60px; }
	#playerMessagesBd .msgInputWrapper .msgInput { padding-left: 10px; }

	.msgInputWrapper .msgInput .autoCompleteResults { margin: 4px; }
	.msgInputWrapper .msgInput .medBtn.postBtn, .msgInputWrapper .msgInput .medBtn.cameraBtn { margin: 0; top: 10px; }
	.msgInputWrapper .msgInput .medBtn.postBtn { right: 10px; }
	.msgInputWrapper .msgInput .medBtn.cameraBtn { left: 10px; }
	.msgInput .textarea-container, .msgInput .text-container { left: 65px; right: 65px; }

	/* Messages */
	#playerMessagesBd #msgArea { top: 50px; left: 0; }
	#playerMessagesBd .rightCol .messages { position: absolute; top: 0; right: 0; bottom: 70px; left: 0; padding: 10px 0; -webkit-overflow-scrolling: touch; border-bottom: 0; }
	#playerMessagesBd .rightCol .msgList li { padding: 0 20px; }
	#playerMessagesBd .rightCol .msgList li .profilePhoto { display: none; }
	#playerMessagesBd .msgInputWrapper { left: 0; }

	#playerMessagesBd .leftCol,
	#bulletinsBd .leftCol,
	#pollsBd .leftCol,
	#broadcastBd .leftCol { position: relative; padding-bottom: 50px; width: 100%; border-right: 0; z-index: 1; margin-top: 64px; }

	#playerMessagesBd .Nag__beta-opt-in { margin-left: 0 !important; }
	#playerMessagesBd .leftCol .fromList li .lastMessage { font-size: 1em; }

	#playerMessagesBd .rightCol,
	#bulletinsBd .rightCol,
	#pollsBd .rightCol,
	#broadcastBd .rightCol { position: fixed; top: 50px; right: 0; bottom: 0; left: 2000px; width: 100%; background-color: #fff; z-index: 2; }
	#playerMessagesBd .recipientInputArea #recipients li { display: block; }

	/* Bulletins, Polls & Broadcasts */
	#bulletinsBd .rightCol .bulletin,
	#pollsBd .rightCol .poll,
	#broadcastBd .rightCol .broadcast { padding: 10px 20px; }

	#bulletinsBd .rightCol .bulletin h1,
	#pollsBd .rightCol .poll h1,
	#broadcastBd .rightCol .broadcast h1 { font-size: 1.2em; }

	#bulletinsBd #bulletinsArea,
	#pollsBd #pollsArea,
	#broadcastBd #broadcastArea { top: 50px; left: 0; }

	/* Gallery */
	#galleryFullSize { right: 0; left: 0; }
	#galleryFullSize .imgWrapper { margin: 10px; }

	/* FAQ */
	.faq { width: 100%; }
	.contactUs li { display: block; text-align: left; }

	/* Dashboard */
	#dashboardBd .topNav { display: block; }
	#dashboardBd .topNav h1.hdr { cursor: pointer; }
	#dashboardBd .topNav h1.hdr span { display: inline-block; width: 70%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
	#dashboardBd .columns { margin: 0; padding: 0; background-color: #F9FAFB; }
	#dashboardBd .column { margin: 0; padding: 10px 0; width: auto; float: none; }
	#dashboardBd .dividerHdr { padding: 2px 10px; font-weight: 500; color: #505A67; text-transform: uppercase; }
	#dashboardBd .dividerHdr a { float: right;  }
	#dashboardBd .hdrDiv { display: none; }
	#dashboardBd .welcomeSettings li { display: block; margin: 10px; }

	#dashboardBd .dashboardItem { margin: 10px; min-height: 170px; border: 0; border-radius: 10px; background-color: #fff; -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.1); box-shadow: 0 0 20px rgba(0,0,0,0.1); }
	#dashboardBd .dashboardItem.inProgress { border-color: #e5e5e5; }
	#dashboardBd .dashboardItem.inProgress .result { top: 30px; }
	#dashboardBd .dashboardItem.nextGame { min-height: 280px; }
	#dashboardBd .dashboardItem.upComing { min-height: 180px; }
	#dashboardBd .dashboardItem .preview .hdrDiv { display: block; }
	#dashboardBd .dashboardItem .appStores { padding: 40px 0; }

	#dashboardBd .mobileHdr { margin: 10px 0; padding: 5px 8px; font-weight: 500; font-size: .9em; text-transform: uppercase; color: #232323; background-color: #f7f7f7; }

	#dashboardBd .dashboardItem.noEvents p { padding: 10px; }
	#dashboardBd .dashboardItem .details { padding: 20px 10px; }
	#dashboardBd .dashboardItem .details .result { top: 12px; }
	#dashboardBd .dashboardItem .details .dateTime { top: 15px; }
	#dashboardBd.leagueDashboard .dashboardItem .details { padding: 10px; }
	#dashboardBd .dashboardItem .details .dateBox { top: 10px; right: 10px; }
	#dashboardBd .dashboardItem .helpArea { padding: 40px 0; }
	#dashboardBd .dashboardItem .chatter { padding-bottom: 30px; min-height: 100px; overflow: hidden; }
	#dashboardBd .dashboardItem .chatter.pro { min-height: 80px; }
	#dashboardBd .dashboardItem dl a { font-weight: 400; }
	#dashboardBd .announcementMsg { margin: 6px 4px; }
	#dashboardBd .playerStatus { top: 8px; right: 6px; }
    #dashboardBd .quickTeamSwitcher .playerStatus { top: 5px; right: -10px; }

	#dashboardBd .bulletins li a, #dashboardBd .polls li a { padding: 10px; }
	#dashboardBd .dashboardItem.bulletins, #dashboardBd .dashboardItem.polls { margin: 10px; }

	#dashboardBd .helpArea { display: none; border: 0; background-color: #999; }
	#dashboardBd .helpArea li { margin: 4px; }
	#dashboardBd .helpArea li a { padding: 15px; color: #e6e6e6; }
	#dashboardBd .helpArea li a .fa { font-size: 1.1em; }
	#dashboardBd .helpArea li a small { display: none; }

	#dashboardBd .dashboardItem .duty { margin: 4px 0 0 0; }

	/* Team Quick Switcher */
    .quickTeamSwitcher { top: 0px; padding: 0; }
    .quickTeamSwitcher ul { padding: 0 10px 0 0; }
    .quickTeamSwitcher li .calIcon { top: 5px; right: 20px; }
    .quickTeamSwitcher li a { padding: 2px; }
    .quickTeamSwitcher li .teamLogoWrapper { top: 5px; }

    /* Team Toggle */
    .teamToggle.desktop { display: none; }

    /* .quickTeamSwitcher { display: none; position: fixed; top: 50px; right: 0; bottom: 45px; left: 0; padding: 0; max-width: 100%; z-index: 4; overflow: scroll; background: #fff; }
	.quickTeamSwitcher ul { padding: 0; }
	.quickTeamSwitcher li { position: relative; display: block; margin: 0; margin-left: 20px; padding: 15px 10px 15px 60px; max-width: 100%; text-align: left; border-bottom: 1px solid #ddd; }
    .quickTeamSwitcher li .daysTil { bottom: 5px; left: -70px; width: 60px; text-align: center; }
	.quickTeamSwitcher li .teamName { margin: 5px 0 0 0; padding: 6px 0; font-size: 1em; }
    .quickTeamSwitcher li .teamLogo { font-size: 1.2em; }
    .quickTeamSwitcher li .teamLogoWrapper { position: absolute; top: 0; left: -70px; margin: 4px; }
	.quickTeamSwitcher li .teamDiv, .quickTeamSwitcher li .teamRecord { padding: 3px 0; font-size: .9em; }
	.quickTeamSwitcher li .teamRecord { display: block; }
	.quickTeamSwitcher li .calIcon { display: block; top: 0px; right: 10px; left: auto; width: 44px; height: 62px; font-size: 1em; }
    .quickTeamSwitcher li .calIcon .mth { padding: 3px; }
    .quickTeamSwitcher li .calIcon .day { padding: 6px 4px; border: 1px solid #ddd; border-top: 0; border-bottom: 0; border-radius: 0; }
    .quickTeamSwitcher li .calIcon .dow { padding: 2px 4px; font-size: .6em; color: #888; font-weight: 400; text-transform: uppercase; border: 1px solid #ddd; border-radius: 0 0 2px 2px; border-top: 1px solid #f3f3f3; } */

	/* League Dashboard */
	#dashboardBd.leagueDashboard #scheduleArea { padding: 0; }
	#dashboardBd.leagueDashboard .dashboardItem { margin: 0; min-width: 100%; max-width: 100%; }
	#dashboardBd .dateSelector li, #faGamesBd .dateSelector li { width: 12%; font-size: .8em; }
	#dashboardBd .dateSelector li:first-child,
	#faGamesBd .dateSelector li:first-child,
	#dashboardBd .dateSelector li:last-child,
	#faGamesBd .dateSelector li:last-child { width: 4%; }

	#faGamesBd .dateSelector li .numGames { font-size: 1em; }

	/* Free Agency */
	#faGamesBd #faGamesAvailable { padding: 10px; }
	#faGamesBd #faGamesAvailable .eventItem { margin: 60px 0 15px 0; width: 100%; max-width: none; }


	/* Calendar */
	.calendar, .listView { margin: 0 auto 20px auto; border: 0; border-bottom: 1px solid #eee; }
	.calendar a.time { padding: 2px 1px 2px 1px; font-size: .7em; }
	.calendar .header span { display: none; }
	.calendar tr td .day { min-height: 70px;  }
	.calendar tr td .dayNum { top: 5px; right: 7px; font-size: .8em; }
	.calendar .event-icon { display: none; }

	.listView .mCol { display: table-cell; }
	.listView .mCol .contextualWrapper { top: 30%; }
	.listView tr td a { height: 100%; }

	.calendar .status-icon.in, .calendar .status-icon.out, .calendar .status-icon.unknown {
		position: absolute; top: 1px; right: 1px; padding: 0; width: 0; height: 0; border-radius: 0; border-top: 10px solid rgba(227,227,227,1); border-left: 10px solid transparent;
	}
	.calendar .status-icon.in { border-top: 10px solid rgba(118, 201, 133, 1.0); }
	.calendar .status-icon.out { border-top: 10px solid rgba(253, 106, 108, 1.0); }

	.calendar .teamLogo { display: none; }

	.calendarWrapper .month { margin: 0; }
	.calendarWrapper .nextPrev { position: absolute; top: 8px; right: 10px; height: 1em; line-height: 1em; width: 140px; }
	.calendarWrapper .nextPrev .fa-angle-right, .nextPrev .fa-angle-left { margin: 0; padding: 0 5px; font-size: 1.2em; font-weight: bold; }
	.calendarWrapper .nextPrev .txt { display: none; }
	.calendarWrapper .nextPrev .today { padding: 5px; font-size: 1em; text-transform: uppercase; }

	.calendarWrapper h3.subHdr { margin-left: 10px; width: 94%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

	/* Day picker */
	.dateField .fa-calendar { top: 12px; }

	/* Schedule List */
	#scheduleBd .listView { margin-bottom: 30px; min-width: 320px; }
	#scheduleBd .listView tr td { padding: 20px 15px; text-align: left; height: 80px; }
	#scheduleBd .listView .fa-trophy { position: absolute; right: 52px; top: 34px; }
	#scheduleBd .listView .opponent { font-weight: 500; font-size: 1.1em; }
	#scheduleBd .listView .contextualWrapper { top: 22px; right: 10px; font-size: 1.3em; width: 35px; z-index: 2; }
	#scheduleBd .listView .controlWrapper { top: 60px; right: 10px; }
	#scheduleBd .listView .monthAndYear td { padding: 10px; height: 34px; }
	#scheduleBd .listView .date { display: none; }
	#scheduleBd .listView .dateBox {
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		padding: 15px 0;
		width: 80px;
		font-size: .9em;
		text-align: center;
		line-height: 1.4em;
		color: #666;
		background-color: rgba(240, 244, 255, 0.4);
	}
	#scheduleBd .listView .dateBox .dayOfWeek { font-size: 1.1em; font-weight: 500; text-transform: uppercase; }
	#scheduleBd .listView .opponentBox {
		position: absolute;
		top: 20px;
		right: 50px;
		left: 90px;
		overflow: hidden;
		white-space: nowrap;
		-o-text-overflow: ellipsis;
		-ms-text-overflow: ellipsis;
		text-overflow: ellipsis;
	}
	#scheduleBd .listView .opponentBox.leagueView { right: 10px; }
	#scheduleBd .listView .opponentBox .opponent {
		max-width: 90%;
		display: block;
		overflow: hidden;
		white-space: nowrap;
		-o-text-overflow: ellipsis;
		-ms-text-overflow: ellipsis;
		text-overflow: ellipsis;
	}

	#scheduleBd .calendarWrapper .listView { min-width: 300px; }

	/* Notify List */
	#mainNav .notifyListWrapper { display: none; }

	/* Modals */
	.overlayModal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; margin: 0; padding: 20px; width: auto; border-radius: 0; }
	.overlayModal h2 { font-size: 1.2em; }
	.overlayModal h3 { font-size: 1em; }

	/* Scorekeeper */
	.listOptions li #minutes, .listOptions li #seconds { display: inline; padding: 3px; border-bottom: 1px solid #c5c5c5; width: 2em; }

	/* Date picker */
	.datePickers { width: 100%; }

	/* Game Details */
	.gameDetails .opponents { margin: 0; padding: 0; width: 100%; }
	.gameDetails .opponents .home, .gameDetails .opponents .away { margin: 0; padding: 0px; width: 49%; font-size: 1em; text-align: center; }
	.gameDetails .opponents.passed { padding-right: 0; }
	.gameDetails .opponents .name { font-weight: 500; }
	.gameDetails .opponents .teamLogo { position: relative; margin: 0 auto 10px 0; }
	.gameDetails .opponents .away { position: absolute; top: 0; right: 0; }
	.gameDetails .opponents .score { position: relative; top: auto; right: auto; margin: 10px; }
	.gameDetails .gameDetailsContent { margin: 0 10px; }

	.gameDetails .eventType { padding: 10px 0 20px 0; }

	/* Quick Score */
	.gameDetails .gameResults { position: relative; margin-top: 0; }

	/* Game Detail Controls */
	.gameDetails .mainControls { margin: 20px 10px; padding: 10px 0; background-color: transparent; text-align: left; }
	.gameDetails .mainControls ul { padding: 0; }
	.gameDetails .mainControls ul li { display: block; margin: 2px 0; }
	.gameDetails .mainControls ul li a { padding: 15px 10px 15px 10px; width: 100%; font-weight: 500; font-size: 1.2em; background-color: transparent; border-radius: 0; border-bottom: 1px solid #D1D3CE; }
	.gameDetails .mainControls ul li:last-child a { border: 0; }
	.gameDetails .mainControls ul li a:hover { background-color: transparent; }
	.gameDetails .mainControls ul li a .fa { display: inline; position: absolute; top: 8px; left: auto; right: 5px; font-size: 1.1em; }
	.gameDetails .mainControls ul li a span.fa.fa-heartbeat { position: absolute !important;}
	.gameDetails .mainControls ul li a span span.fas { right: -3px !important;}
	
	.gameDetails .status { padding: 10px 0; }

	/* Game Detail Columns */
	.gameDetails .columns { display: block; margin: 10px 0 30px 0; }
	.gameDetails .column.col1, .gameDetails .column.col2 { padding: 0; width: 100%; }
	.gameDetails .column.col1 { border: 0; }
	.gameDetails .column.col2 { float: none; margin: 0; }
	.gameDetails .column .whenWhere { text-align: center; }
	.gameDetails .columns .colDivider { display: none; }

	.gameDetails #noteInput, .gameDetails #noteResult { width: 80%; }

	/* Lists */
	dd ul li { margin-bottom: 10px; }
	.autoCompleteResults li { margin-bottom: 0; }
	.autoCompleteResults li a small { display: block; }

	/* Event Details */
	.eventDetails p { margin: 10px 5%; }
	.gameDetails .status a.in, .gameDetails .status a.out, .gameDetails .status a.wait { width: 45%; }
	.gameDetails .status a.in.prepay, .gameDetails .status a.out.prepay { margin: 5px auto; display: block; width: 90%; }

	/* Player Profile */
	#playerProfileBd .stats { margin: 35px 0 50px 0; }
	#playerProfileBd .stats li { margin: 5px; padding: 0; font-size: 1.4em; }
	#playerProfileBd .stats li span { padding: 2px 5px; }

	/* Boxscore */
	.boxscore { margin: 0; width: auto; }
	.boxscore .leftCol, .boxscore .rightCol { margin: 5px 0; padding: 0; width: 100%; }

	/* Line Up */
	.player { position: relative; width: 100%; }

	#linesBd .topNav, #linesBd .content,
	#linesBd.canEdit .topNav, #linesBd.canEdit .content { margin: 0; }
    #linesBd .content { padding-top: 0; }
	#lineUp .gameDetails { display: none; }
	#lineUp .rosterSpares .lineUp .sidebar { display: none; top: 0; right: 0; bottom: 0; left: 0; width: 100%; padding: 0; border: 0; background-color: rgba(17, 17, 17, 0.5); z-index: 998; }
	#lineUp .rosterSpares .lineUp .sidebar #availablePlayers { height: 100%; }
	#lineUp .rosterSpares .lineUp .sidebar #availablePlayers .scroll { position: absolute; top: 0; right: 0; bottom: 50px; left: 0; overflow: scroll; background-color: #EEE; }
	#lineUp .rosterSpares .lineUp .sidebar #availablePlayers .scroll p { padding: 30px; text-align: center; }
	#lineUp .rosterSpares .lineUp .sidebar #availablePlayers .player { padding: 0 0 5px 0; height: auto; cursor: pointer; width: 100%; max-width: 98%; border-radius: 0; border: 0; border-bottom: 1px solid #ddd;  }
	#lineUp .rosterSpares .lineUp .sidebar #availablePlayers .player:last-child { border: 0; }

	#lineUp .rosterSpares .lineUp .sidebar #availablePlayers .cancelSelect { position: absolute; right: 0; bottom: 0; left: 0; padding: 12px; height: 50px; font-size: 1.1em; text-align: center; background-color: #EEE; border-top: 1px solid #ddd; }
	#lineUp .rosterSpares .lineUp .sidebar #availablePlayers .desc { margin-bottom: 10px; text-align: center; text-transform: uppercase; font-weight: 100; color: #fff; }

	#lineUp { -webkit-overflow-scrolling: touch; }
	#lineUp .playerName { font-size: 1.2em; }
	#lineUp .line { margin: 20px 0; }

	#lineUp .lineUp { margin: 20px 10px 20px 10px; }
	#lineUp .lineUp .line { text-align: left; }
	#lineUp .lineUp .line.labeled .position { top: auto; }
	#lineUp .lineUp .player, #lineUp .lineUp .setPlayer { display: block; margin: 8px 0px; width: 90%; max-width: none; cursor: pointer; }
	#lineUp .lineUp .setPlayer .player { margin: 0; width: 100%; }
	#lineUp .lineUp .contextualWrapper { top: 5px; }
	#lineUp .lineUp.positionSet.battingOrder .column { float: none; width: 90%; }

	.lineUp .removeDropped { position: fixed; top: 0px; left: 0px; bottom: auto; right: 0px; margin: 0; padding: 5px; width: 100%; height: 100px; z-index: 998; border-radius: 0; }
	.lineUp .removeDropped.hover { border-color: #3c8821; }

	/* Roster (Invite Players) */
	#invitePlayers .checkSelect { min-width: auto; }

	/* RPS */
	#newChallenge .checkSelect {
		padding: 2px;
		font-size: .8em;
		min-width: 30%;
		max-width: 30%;
		display: inline-block;
		padding: 5px;
	}
	#newChallenge .checkSelect label { padding: 5px; }
	#newChallenge .checkSelect .fa-4x { }
	#newChallenge .checkSelect input { }

	/* Info Messages */
	.infoBox { top: 0px; left: 0px; right: 0px; bottom: 0px; margin: 0; padding: 0; width: auto; }
	.infoBox .innerWrapper { margin: 0; max-width: none; max-height: 100%; overflow: scroll; }
	.infoBox .ftr { padding: 16px 10px; }
	.infoBox .ftr .right { top: 10px; right: 10px; }
	.infoBox .box.hasIcon { padding: 10px 20px 10px 70px; }
	.stripeMsg { display: block; }
	.stripeMsg a { display: block; }

	/* Hide from Mobile / Show on mobile */
	.mHide { display: none !important; }
	.mShow { display: block !important; }

	/* Attendance List */
	#attendanceLists { margin: 20px 0 20px 0; padding: 0px; }
	#attendanceLists .attendanceList { float: none; margin-bottom: 20px; padding: 0px; width: 100%; }

	/* Event Controls */
	.eventControls { padding: 10px; }
	.eventControls .leftControls, .eventControls .rightControls { display: block; }
	.eventControls .rightControls { float: none; }
	.eventControls a { display: block; }

	/* Entry Options */
	.entryOptions .bigBtn { display: block; }
	.entryOptions .leagueTeamDetails { margin: 0; padding: 10px 10px 10px 80px; width: 100%; border-radius: 0; }
	.entryOptions .leagueTeamDetails h2 { font-size: 1.1em; white-space: nowrap; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; text-overflow: ellipsis; }
	.entryOptions .leagueTeamDetails h3, .entryOptions .leagueTeamDetails h4 { font-size: .9em; }
	.entryOptions .leagueTeamDetails img { top: 12px; left: 16px; width: 48px; height: 48px; }
	.entryOptions .leagueTeamDetails .teamRecord { bottom: 16px; left: 12px; font-size: .7em; width: 56px; }

	.entryOptions .quickAccess { display: none; }

	/* Frontpage */
	.front-facing { background: none; }
	.front-facing .rightCol { float: none; width: auto; }
	.front-facing .hdr .logo { margin-left: 10px; }
	.front-facing .hdr .navBtns { right: 10px; }
	.front-facing .hdr .content { margin: 0 5px; }
	.front-facing .ftrBtns { position: relative; right: auto; left: auto; margin: 0px; }
	.front-facing .form { margin: 50px 20px 0 20px; width: 100%; }
	.front-facing #input-form { margin: 0; padding: 20px 0; }
	#login.front-facing #input-form,
	#create-team.front-facing #input-form,
	#forgot-password.front-facing #input-form,
	#join-team.front-facing #input-form,
	#join-free-agency.front-facing #input-form { background: none; }
    #login h2, #login h3 { display: none; }

	.front-facing .freeAgency { color: #999; }

	.front-facing .container { padding: 0; }
	.front-facing .hdr { position: relative; min-height: 40px; }
	.front-facing .hdr .logo { margin-top: 6px; width: 126px; height: 28px; }
	.front-facing .hdr .nav { display: none; position: relative; margin: 20px 0 0 40px; top: auto; right: auto; }

	.front-facing #ftr ul { margin: 0 40px; }

	.front-facing #opening { padding: 50px 0; }
	.front-facing #opening h1 { font-size: 1.3em; }
	.front-facing #opening h3 { font-size: 1em; }

	.front-facing h1, .front-facing h2 { margin: 0; font-size: 1.1em; }
	.front-facing h3 { margin-top: 0px; font-size: .8em; font-weight: normal; }

	.front-facing .content { margin: 0; padding: 0; }

	.front-facing .infoBoxes { margin: 0 auto; width: 90%;  }
	.front-facing .infoBoxes li { clear: both; margin: 5px 0; width: 100%; }
	.front-facing .sportBoxes li { width: 26%; }
	.front-facing .sportBoxes li strong { font-weight: 200; font-size: .9em; }

	.front-facing .how-it-works { margin: 0 auto; width: 90%; }
	.front-facing .how-it-works li strong { display: inline-block; }

	.front-facing .devices { text-align: center; }
	.front-facing .devices .iphone { float: none; }
	.front-facing .devices .desc { padding: 10px; width: auto; text-align: justify; }

	.front-facing #create-team { padding: 40px 0; }
	.front-facing #pricing { padding: 10px 0; }
	.front-facing .priceWrapper { padding: 15px; width: 100%; }
	.front-facing .priceWrapper ul { font-size: .8em; }
	.front-facing .price { top: 0; right: 0; font-size: 2.2em; position: absolute; }
	.front-facing .month { top: 20px; right: -6px; font-size: .7em; }
	.front-facing .month span { display: none; }
	.front-facing .signup .signupForm { margin: 20px auto; max-width: 90%; }
	.front-facing .signup h2, .front-facing .signup h3 { color: #333; }

	.articles.front-facing .article h2 { text-align: center; font-size: 1.5em; }
	.articles.front-facing .article h3 { text-align: center; font-size: 1.2em; }
	.articles.front-facing .article { padding: 10px; }
	.articles .article .rightCol { width: 100% !important; }
	.articles .article .leftCol { display: none; }

	.articles.front-facing .catBoxWrapper { margin: 20px 0; }
	.articles.front-facing .catBox { width: 45%; }

	.articles.front-facing .contactBoxes .col { display: block; padding: 20px; width: 100%; }

	.front-facing .setUpSteps li { display: block; max-width: 100%; }

	.front-facing .lazySlider { max-width: 100%; width: 320px; }
	.front-facing .lazySlider img { max-width: 100%; height: auto; }
	.front-facing .lazySlider .caption { margin-top: 0; }

	/* --- User Guide --- */
	.tableOfContents { float: none; margin: 20px; width: 100%; }
	.userGuideBody { clear: both; margin: 20px !important; padding: 20px 0; font-size: 1.1em; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
	.userGuideBody h3 { font-size: 1.1em; }

	#quoteSlideShow { margin: 50px 10px; }
	#quoteSlideShow .quote { font-size: 1em; }

	.how-it-works li { display: block; margin: 0; width: 100%; }

	#login #create-team { padding: 10px; }

}