html {
  height: 100%;
}

body {
	padding-bottom: 50px;
    padding-top: 60px;
    background-color:whitesmoke;
    position: relative;
}

#main
{
	height: 100%;
}

#main-container
{
	height: 100%;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}


/* Sticky footer styles
-------------------------------------------------- */

.footer {
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 50px;
  line-height: 50px;
  background-color: #f5f5f5;
  font-size: 80%;
}

hr
{
    border-top: 1px#ddd solid;
    margin: 15px 0px 10px 0px;
}


.modal{
    background:rgba(0,0,0,0.5);
}

.modal-body
{
    margin-top:0px;
}

.errorMessage{
   width:100%;
   color:#f44336;
   font-size:85%;
}

.successMessage {
    display:inline-block;
    color:#8bc34a;
    margin-right:5px;
    font-size:85%;
}

.card
{
	background: white;
	/* background: rgb(238,238,238); */
	padding:10px;
	border: 1px solid #eee;
	padding: 10px 20px 10px 20px;
}  

.card-lg
{
	background: white;
	padding:25px;
	border: 1px solid #eee;
}

.popup-body
{
	padding: 0px 20px;
}

.modal-header
{
	padding: 5px 15px;
	background-color:#eee;
}

select, select.form-control{
	background-color: transparent;
	border-top: none;
	border-left: none;
	border-right: none;
	/*padding-left: 5px;*/
	padding-right: 10px;
}

div.div-readonly, span.span-readonly{
	height:37px;
	padding-top:4px;
	font-size:16px;
}

div.div-readlabel{
	margin-bottom:5px;
	font-size:13px;
}

input.inputTeeHole{	
    height:30px; 
    width:3.5em;	
    font-size:18px; 
}

input.inputHoleScore{	
	text-align: center;
    height:30px; 
    width:2.5em;	
    font-size:17px;   
}

select.inputHolePar{	
    height:30px; 
    width:3em;	
    font-size:17px;
    text-align:center;  
    padding-left: 13px; 
}

select.inputHoleIndex{
    height:25px;
    width:3em;
    font-size:17px;
    text-align:center;
}


label.scoreChange{
	color: rgb(255, 255, 255);
	background: rgb(255,127,80);
	text-align: center;
	width: 33px;
	height: 23px;
}

label.scoreChangeTournament{
	color: rgb(226, 255, 187);
	background: rgb(255,127,80);
	text-align: center;
	width: 23px;
	height: 23px;
}

label.inputHoleScore{	 
    width:2.5em;	
    font-size:13px;   
    text-align: center;
    width: 33px;
	height: 23px;
}

@media only screen and (max-width: 800px){
        /* Force table to not be like tables anymore */
        #no-more-tables table,
        #no-more-tables thead,
        #no-more-tables tbody,
        #no-more-tables th,
        #no-more-tables td,
        #no-more-tables tr {
        display: block;
        }
         
        /* Hide table headers (but not display: none;, for accessibility) */
        #no-more-tables thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
        }
         
        #no-more-tables tr { border: 1px solid #ccc; }
          
        #no-more-tables td {
        /* Behave like a "row" */
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%;
        white-space: normal;
        text-align:left;
        }
         
        #no-more-tables td:before {
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
        text-align:left;
        font-weight: bold;
		font-size: 1.3em;
        }
         
        /*
        Label the data
        */
        #no-more-tables td:before { content: attr(data-title); }
}


input.ng-touched.ng-invalid, textArea.ng-touched.ng-invalid{
	border-bottom :  none;
    box-shadow:	inset 0 -2px 0 rgb(229, 28, 35)
}

select.ng-required.ng-touched{
	border-bottom :  none;
    box-shadow:	inset 0 -2px 0 rgb(229, 28, 35)
}

label.confirmation-label{
	font-size: 250%;
}

label.scoreLabelText{
	font-size: 1.3em;
	font-weight: bold;
}

.differentialLabelText{
	font-size: 1.1em;
	font-weight: bold;
	margin: 0px;
}

.scoreText{
	font-size: 2.4em;
	font-weight: bold;
	margin: 0px;
}

.scoreTextDanger{
	font-size: 2.4em;
	font-weight: bold;
	margin: 0px;
	color: red;
}


.differentialText{
	font-size: 1.4em;
	font-weight: bold;
	margin: 0px;
}

p.warning-text{
	font-size: 2em;
	text-align: center;
}

.lineAdjust{
	line-height:90%;
}

.scoreLineAdjust{
	line-height:220%;
}

p.parFormat{
	width:33px;
	margin:0px;
	text-align: center;
}

.esc-table{
	margin: 30px 0px 5px 0px;
	text-align: center;
}

.info-padding{
	padding:10px 0px 0px 0px;
}

.drop-box {
    background: #F8F8F8;
    border: 5px dashed #DDD;
   /*  width: 400px; */
    height: 200px;
    text-align: center;
    padding-top: 25px;
    margin: 10px;
}
.dragover {
    border: 5px dashed blue;
}

.tab-pane { 
	padding-top: 10px;
}

.search-panel-table {
	margin: 10px 10px;
}

.search-panel-pagination{
	margin: 0px 0px 0px 25px;
}

label.labelvalue{
	padding: 7px;
	font-weight: normal;
}

.well-above-tab{
	margin-bottom:0px !important;
}

.disabled-button-link{
	color: #F8F8F8;
}

.score-entry-header{
	text-align: left;
	font-size: 1.3em;
}

.score-entry-label{
	text-align: center;
	font-size: 1.3em;
}

.score-entry-label-fixed{
	text-align: center;
	font-size: 1.3em;
}

.score-entry-total{
	background: rgb(249,249,249);
	text-align: right;
	font-size: 1.3em;
	font-weight: bold;
	margin: 0px 5px;
	padding-right: 12px;
}

.score-adjusted{
	color: rgb(255, 255, 255);
	background: rgb(255,127,80);
	text-align: center;
	width: 40px;
	height: 29px;
	font-size: 1.3em;
}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0; 
}

input[type=number] {
    -moz-appearance:textfield;
}

.group-view-small{
	margin-bottom: 10px;
}

.modal-footer
{
	font-style: normal;
}