﻿html {
    overflow-y: scroll;
}

body {
    padding-top: 50px;
    padding-bottom: 20px;
}


/* mobile */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
    #mainHeader { margin-top: 184px;}
    .mobHide { display: none !important;}
    .normalHide { display: none;}
    .mobShow { display: block !important;}
}

/* Set padding to keep content from hitting the edges */
.body-content {
    /*padding-left: 15px;*/
    padding-right: 15px;
}

/* Set width on the form input elements since they're 100% wide by default */
input[type="text"],
input[type="password"] {
    max-width: 280px;
}

/* styles for validation helpers */
.field-validation-error {
    color: #b94a48 !important;
}

.field-validation-valid {
    display: none;
}

input.input-validation-error, textarea.input-validation-error {
    border: 1px solid #b94a48 !important;
    background-color: #f8dddd !important;
}
textarea { resize: none;}
input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #b94a48;
}

.validation-summary-valid {
    display: none;
}
#map {
	width: 100%;
	height: 500px;
	font-size:11px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	border:3px solid #aaaaaa;
	-webkit-box-shadow: 7px 7px 5px rgba(50, 50, 50, 0.75);
	-moz-box-shadow: 7px 7px 5px rgba(50, 50, 50, 0.75);
	box-shadow: 7px 7px 5px rgba(50, 50, 50, 0.75);
	margin-bottom:20px;
}
.gmapZoomIn, .gmapZoomOut {color:#aaaaaa;text-decoration:underline;}
.gmapZoomOut {float:right;}
#mapMarker {
font-size: 12px;
    max-width: 170px;
}
.w66 { width: 66%;}
.current { color: #ffffff !important;}

.resultPopup:hover { cursor:pointer; color: #AE9368}
.resultPopup {color:#777777; overflow:hidden;}
.qstyle { background-color: green !important;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.qstyle table { font-size: 13px;color: white;}
.qstyle td { padding-bottom: 5px;}
.homefix { margin-top: -3px;}
.homeNav:hover span {  color: #ffffff !important;}
.current span { color: #ffffff !important;}
.adminNav:hover { cursor: pointer;}
.adminNav:hover .adminDropDown { display: block !important; position: absolute;background-color: #222222;list-style: none;padding: 10px 30px;}
.adminNav .adminDropDown li { margin-left: -20px;padding: 0 15px !important;display: block !important;clear: both;}
.adminNav .adminDropDown li:hover a { color: #ffffff;}
.adminNav .adminDropDown li a { color: #aaaaaa;text-decoration: none;padding: 0px 15px !important;font-size: 12px;display: block !important;}
.Result { margin-bottom: 20px;}
.tdtr { text-align: right;}
.pointsText { width: 50px;border:0;background-color: #e9e9e9;padding: 4px;}
.pointsSelect {min-width: 150px;border: 0;}
.playerRow { border: 1px solid #e9e9e9;}
.Result { margin-top: 40px;}
#NewsWrapper div {padding-left: 0 !important}
#NewsWrapper input { margin-bottom: 12px; border:1px solid #e9e9e9}
#NewsWrapperWrapper label { margin-bottom: 1px !important;}
#AdminNewsId, #CurrentNewsItem_Title, #labNewsAbbrev { min-width: 260px;}
#ClubWrapper div {padding-left: 0 !important}
#ClubWrapper input { margin-bottom: 12px; border:1px solid #e9e9e9}
#ClubWrapper label { margin-bottom: 1px !important;}
.wide { width: 220px;}
#TeamWrapper div {padding-left: 0 !important}
#TeamWrapper input { margin-bottom: 12px; border:1px solid #e9e9e9}
#TeamWrapper label { margin-bottom: 1px !important;}
#AdminPlayerId { width: 200px;}
#PlayerWrapper div {padding-left: 0 !important}
#PlayerWrapper input { margin-bottom: 12px; border:1px solid #e9e9e9}
#PlayerWrapper label { margin-bottom: 1px !important;}
#tablesWrapper div {padding-left: 0 !important}
#tablesWrapper input { margin-bottom: 12px; border:1px solid #e9e9e9}
#tablesWrapper label { margin-bottom: 1px !important;}
label[for="SavePlayer_Email"]  { margin-top: 30px;}
#trBreaks td {padding-top: 10px; color: yellow;}
#BreaksWrapper div {padding-left: 0 !important}
#BreaksWrapper input { margin-bottom: 12px; border:1px solid #e9e9e9}
#BreaksWrapper label { margin-bottom: 1px !important;}
#BreaksWrapper { padding-top: 12px;}
#PlayerSelected { width: 100%}
#SaveBreak_BreakSize { width: 50px; background-color: #e9e9e9}
#breakSpanAdd input, #breakSpanAdd button {display:inline-block}
#breakSpanAdd button { margin-left: 12px;} 
.delBreak:hover { cursor: pointer; color: red}
.delBreak {color:#222222}
#highBreaks h3 { margin: 0 !important; padding: 0 !important}
#highBreaks { padding-top: 20px;}
.ajaxLoader { position: absolute;top: 48%;left: 48%;display: none;}
#mainHeader { margin-top: 42px;}
#statsTable td {vertical-align: top}
textarea, input {border: 1px solid #e9e9e9}
hr {border:1px solid #e9e9e9 !important;}
#TweetNewMessages { margin-right: 10px;}
#labNewNews { line-height: 21px;vertical-align: top;}
#labShowCurrent { line-height: 21px;vertical-align: top; margin-left: 10px;}
.notCurrent{display:none}
.tar { text-align: right;}
.npl { padding-left: 0 !important;}
#social {vertical-align: central;
         background: #000000 url("../content/images/social3.jpg") no-repeat;
         width: 408px;
         position: fixed;
         top: 72px;
         right: -380px;
         padding: 20px 0 20px 18px;
         margin-left: 260px;
         min-height: 95px;
         /*-webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px;*/
    border: 1px solid #aaaaaa;
}
#social:hover { cursor: pointer;}
#breaks_info { display: none;}
.btn-primary { background-color: #646464 !important; border-color: #606060 !important; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
}
.btn-primary:hover { background-color: #484848 !important; border-color: #444444 !important;}
.justNumbers > input, input.justNumbers { padding-left: 6px; }
#CurrentSeason { padding-left: 5px; border:1px solid #aaaaaa;text-align: center;}
#newSeasonCollapse, #settingsCollapse { text-decoration: none;color: #222222;}
#newSeasonCollapse:hover, #settingsCollapse:hover { cursor: pointer;}
#updateButtons button { margin-bottom: 4px;}
.glyphicon { color: #222222; text-decoration: none;}
.glyphicon:hover { color: #222222; text-decoration: none;}
#loadControl { width: 450px;}
.modal {
  overflow-y: hidden !important;
  margin-right: 0 !important;
}

*, *::before, *::after {
    box-sizing: border-box;
}
*, *::before, *::after {
    box-sizing: border-box;
}
body.modal-open, .modal-open .navbar-fixed-top, .modal-open .navbar-fixed-bottom {
    margin-right: 0 !important;
}
.modal-title { color: #097829;}
a:hover { text-decoration: none !important;}

.glyphicon:hover{ text-decoration: none !important; color: #222222 !important}
.glyphicon:focus { outline: none !important;text-decoration: none !important; color: #222222 !important}
