﻿
/* Header
-----------------------------------------------------------*/

header {
    border-top: 1px solid #EE7624;
    border-bottom: 1px solid #EE7624;
    padding: 15px;
}

#header-img-date {
    padding-top: 10px;
    padding-right: 20px;
    float: right;
}

#header-img-hlsr {
    float: left;
}


/* Footer
-----------------------------------------------------------*/
footer {
    background-color: #000 !important;
}

.social:hover {
    -webkit-transform: scale(1.4);
    -moz-transform: scale(1.4);
    -o-transform: scale(1.4);
}

.social {
    -webkit-transform: scale(1.0);
    -moz-transform: scale(1.0);
    -o-transform: scale(1.0);
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
}

#footer-social-icons a {
    margin-right: 30px;
}

.hidden-lg #footer-links a {
    display: block;
    margin-bottom: 20px;
}

.hidden-lg #footer-links {
    padding-top: 20px;
}

.hidden-lg #footer-social-icons {
    padding-top: 20px;
}

.hidden-lg #footer-copyright {
    padding-top: 20px;
}

footer .navbar {
    background-image: none;
    background-color: #000 !important;
}

footer {
    font-size: 12px;
}

#footer-links .row div {
    padding: 0;
}


/*
    Multicoloured Hover Variations
*/
footer a {
    color: white;
    text-decoration: none;
}

    footer a:hover {
        color: #EE7624;
        text-decoration: none;
    }


#social-fb:hover {
    color: #EE7624;
}

#social-tw:hover {
    color: #EE7624;
}

#social-gp:hover {
    color: #EE7624;
}

#social-em:hover {
    color: #EE7624;
}

footer {
    position: absolute;
    bottom: 0;
    width: 100%;
}

#footer-copyright {
    color: white;
}

footer .navbar {
    border-style: none;
}

#footer-links.col-md-6 ul {
    list-style-type: none;
    overflow: hidden;
    text-align: center;
}

#footer-links.col-md-6 li {
    float: left;
    padding-left: 15px;
    padding-right: 15px;
}

#footer-copyright {
    padding-left: 0;
}

#footer-social-icons {
    padding-right: 0;
}

body > .container {
    padding-bottom: 5px;
}

html {
    min-height: 100%;
    position: relative;
}

body {
    /* Margin bottom by footer height */
    margin-bottom: 60px;
}

/* checkbox*/
.checkbox {
    padding-left: 20px;
}

    .checkbox label {
        display: inline-block;
        position: relative;
        padding-left: 5px;
    }

        .checkbox label::before {
            content: "";
            display: inline-block;
            position: absolute;
            width: 17px;
            height: 17px;
            left: 0;
            margin-left: -20px;
            border: 1px solid #cccccc;
            border-radius: 3px;
            background-color: #fff;
            -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
            -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
            transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
        }

        .checkbox label::after {
            display: inline-block;
            position: absolute;
            width: 16px;
            height: 16px;
            left: 0;
            top: 0;
            margin-left: -20px;
            padding-left: 3px;
            padding-top: 1px;
            font-size: 11px;
            color: #555555;
        }

    .checkbox input[type="checkbox"] {
        opacity: 0;
    }

        .checkbox input[type="checkbox"]:focus + label::before {
            outline: thin dotted;
            outline: 5px auto -webkit-focus-ring-color;
            outline-offset: -2px;
        }

        .checkbox input[type="checkbox"]:checked + label::after {
            font-family: 'FontAwesome';
            content: "\f00c";
        }

        .checkbox input[type="checkbox"]:disabled + label {
            opacity: 0.65;
        }

            .checkbox input[type="checkbox"]:disabled + label::before {
                background-color: #eeeeee;
                cursor: not-allowed;
            }

    .checkbox.checkbox-circle label::before {
        border-radius: 50%;
    }

    .checkbox.checkbox-inline {
        margin-top: 0;
    }

.checkbox-primary input[type="checkbox"]:checked + label::before {
    background-color: #428bca;
    border-color: #428bca;
}

.checkbox-primary input[type="checkbox"]:checked + label::after {
    color: #fff;
}

.checkbox-danger input[type="checkbox"]:checked + label::before {
    background-color: #d9534f;
    border-color: #d9534f;
}

.checkbox-danger input[type="checkbox"]:checked + label::after {
    color: #fff;
}

.checkbox-info input[type="checkbox"]:checked + label::before {
    background-color: #5bc0de;
    border-color: #5bc0de;
}

.checkbox-info input[type="checkbox"]:checked + label::after {
    color: #fff;
}

.checkbox-warning input[type="checkbox"]:checked + label::before {
    background-color: #f0ad4e;
    border-color: #f0ad4e;
}

.checkbox-warning input[type="checkbox"]:checked + label::after {
    color: #fff;
}

.checkbox-success input[type="checkbox"]:checked + label::before {
    background-color: #5cb85c;
    border-color: #5cb85c;
}

.checkbox-success input[type="checkbox"]:checked + label::after {
    color: #fff;
}



.radio {
    padding-left: 20px;
    padding-top: 3px;
}

    .radio label {
        display: inline-block;
        position: relative;
        padding-left: 5px;
        font-weight: bold;
    }

        .radio label::before {
            content: "";
            display: inline-block;
            position: absolute;
            width: 17px;
            height: 17px;
            left: 0;
            margin-left: -20px;
            border: 1px solid #cccccc;
            border-radius: 50%;
            background-color: #fff;
            -webkit-transition: border 0.15s ease-in-out;
            -o-transition: border 0.15s ease-in-out;
            transition: border 0.15s ease-in-out;
        }

        .radio label::after {
            display: inline-block;
            position: absolute;
            content: " ";
            width: 11px;
            height: 11px;
            left: 3px;
            top: 3px;
            margin-left: -20px;
            border-radius: 50%;
            background-color: #555555;
            -webkit-transform: scale(0, 0);
            -ms-transform: scale(0, 0);
            -o-transform: scale(0, 0);
            transform: scale(0, 0);
            -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
            -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
            -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
            transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
        }

    .radio input[type="radio"] {
        opacity: 0;
    }

        .radio input[type="radio"]:focus + label::before {
            outline: thin dotted;
            outline: 5px auto -webkit-focus-ring-color;
            outline-offset: -2px;
        }

        .radio input[type="radio"]:checked + label::after {
            -webkit-transform: scale(1, 1);
            -ms-transform: scale(1, 1);
            -o-transform: scale(1, 1);
            transform: scale(1, 1);
        }

        .radio input[type="radio"]:disabled + label {
            opacity: 0.65;
        }

            .radio input[type="radio"]:disabled + label::before {
                cursor: not-allowed;
            }

    .radio.radio-inline {
        margin-top: 0;
    }

.radio-primary input[type="radio"] + label::after {
    background-color: #428bca;
}

.radio-primary input[type="radio"]:checked + label::before {
    border-color: #428bca;
}

.radio-primary input[type="radio"]:checked + label::after {
    background-color: #428bca;
}

.radio-danger input[type="radio"] + label::after {
    background-color: #d9534f;
}

.radio-danger input[type="radio"]:checked + label::before {
    border-color: #d9534f;
}

.radio-danger input[type="radio"]:checked + label::after {
    background-color: #d9534f;
}

.radio-info input[type="radio"] + label::after {
    background-color: #5bc0de;
}

.radio-info input[type="radio"]:checked + label::before {
    border-color: #5bc0de;
}

.radio-info input[type="radio"]:checked + label::after {
    background-color: #5bc0de;
}

.radio-warning input[type="radio"] + label::after {
    background-color: #f0ad4e;
}

.radio-warning input[type="radio"]:checked + label::before {
    border-color: #f0ad4e;
}

.radio-warning input[type="radio"]:checked + label::after {
    background-color: #f0ad4e;
}

.radio-success input[type="radio"] + label::after {
    background-color: #5cb85c;
}

.radio-success input[type="radio"]:checked + label::before {
    border-color: #5cb85c;
}

.radio-success input[type="radio"]:checked + label::after {
    background-color: #5cb85c;
}

/* Validation helpers
-----------------------------------------------------------*/
.field-validation-error, label.error {
    color: #f00;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #f00;
    background-color: #fee;
}

.validation-summary-errors {
    font-weight: bold;
    color: #f00;
}

.validation-summary-valid {
    display: none;
}

.row.row-grid [class*="col-"] + [class*="col-"] {
    margin-top: 5px;
    margin-bottom: 5px;
}

.highlightedRow{
    /*background-color: lightskyblue;*/
    background-color: #3276B1;
    color: white;
}

.btn {
    font-weight: bold;
    background-color: #f46c1f;
    color: white;
}

.btn-link{
     color: #f46c1f;
     border: none;
     outline: none;
}

.btn-link:hover {
    color: #428bca;
}

.btn-link:focus
{
    outline: 0;
}

.btn-blue {
            color: #fff !important;
            background-color: #337ab7 !important;
            border-color: #2e6da4 !important;
        }

.lightbutton:hover { 
    background-color: #d9edf7;
    color: black;
}

.required-field-block {
    position: relative;   
}

.required-field-block .required-icon {
    display: inline-block;
    vertical-align: middle;
    margin: -0.25em 0.25em 0em;
    background-color: #E8E8E8;
    border-color: #E8E8E8;
    padding: 0.5em 0.8em;
    color: rgba(0, 0, 0, 0.65);
    text-transform: uppercase;
    font-weight: normal;
    border-radius: 0.325em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: background 0.1s linear;
    -moz-transition: background 0.1s linear;
    transition: background 0.1s linear;
    font-size: 75%;
}
	
.required-field-block .required-icon {
    background-color: transparent;
    position: absolute;
    top: 0em;
    right: 0em;
    z-index: 10;
    margin: 0em;
    width: 30px;
    height: 30px;
    padding: 0em;
    text-align: center;
    -webkit-transition: color 0.2s ease;
    -moz-transition: color 0.2s ease;
    transition: color 0.2s ease;
}

.required-field-block .required-icon:after {
    position: absolute;
    content: "";
    right: 1px;
    top: 1px;
    z-index: -1;
    width: 0em;
    height: 0em;
    border-top: 0em solid transparent;
    border-right: 30px solid transparent;
    border-bottom: 30px solid transparent;
    border-left: 0em solid transparent;
    border-right-color: inherit;
    -webkit-transition: border-color 0.2s ease;
    -moz-transition: border-color 0.2s ease;
    transition: border-color 0.2s ease;
}

.required-field-block .required-icon .text {
	color: #B80000;
	font-size: 26px;
	margin: -3px 0 0 12px;
}

.panelsmallHeading{
    font-size: 14px;
}

.small-select{
    max-width: 200px;
}

.smaller-select{
    max-width: 150px;
}

#contracts th {
    padding-top: 11px;
    padding-bottom: 11px;
    /*background-color: #d9edf7;*/
    background-color: #3276B1;
    color: white;
}

table.grid-table .grid-header {
    background-color: #3276B1;
    color: white;
}

table.grid-table .grid-header a {
    color: white !important;
}

a {
    color: #f46c1f;
}

.smallradiotext
{
    font-size: 11px;
}

.modal-dialog {
    /* new custom width */
    width: 80%;
    /* must be half of the width, minus scrollbar on the left (30px) */
    /*margin-left: -375px;*/
}

#footer-copyright:empty:after{
		white-space: pre;
		content: "\00A9\A0 2021 Houston Livestock Show and Rodeo™,\A All Rights Reserved."
	}
	
.form-group.required .control-label:after { 
    color: red;
    content: "*";
    position: absolute;
    margin-left: 3px;
    top:7px;
}	

.panelHeading{
		font-weight: bold;
		font-size: 18px;
		color: #1A71B8;
	}

.panelHeadingSmall{
		font-weight: bold;
		font-size: 15px;
		color: #1A71B8;
	}

.radioButtonPadding{
		padding-top: 6px;
	}	

.listbox-select{
    height: 100px;
}

.btn-arrow {
  position: relative;
}
.btn-arrow:after, .btn-arrow:before {
  position: absolute;
  line-height: 0;
  content: '';
}
.btn-arrow:before {
  z-index: 10;
}
.btn-arrow:after {
  z-index: 9;
}

.btn-arrow-bottom:before,
.btn-arrow-up:before {
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  left: 50%;
  margin-left: -6px;
}
.btn-arrow-bottom:after,
.btn-arrow-up:after {
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
  left: 50%;
  margin-left: -8px;
}

.btn-arrow-left:before{
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  top: 50%;
  margin-top: -8px;
  border-right: 8px solid #f46c1f;
  left: -8px;
}

.btn-arrow-right:before {
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  top: 50%;
  margin-top: -6px;
  border-left: 6px solid #f46c1f;
  right: -6px;
  
}
.btn-arrow-left:after {
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  top: 50%;
  margin-top: -6px;
  border-left: 6px solid transparent;
  right: -6px;
}

.btn-arrow-right:after {
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  top: 50%;
  margin-top: -8px;
  border-left: 8px solid #f46c1f;
  right: -8px;
}

.NormalRed {
	color: red;
	font-weight: normal;
}		

.LabelValPaddingTop {
	padding-top: 0.5em;
}

.NormalInitCap {
    text-transform: capitalize;
}	

.fieldrequired {
	background-color: #feefe7;
}

.btn-primary {
            border-color: #ffffff !important;
        }

@media (max-width: 768px) {
    #header-img-hlsr, #header-img-date {
        display: block;
        margin-right: auto;
        margin-left: auto;
        padding: 0;
        float: none;
    }

    body > div.container {
        margin-bottom: 300px;
    }

    .col-xs-12.text-right, .col-xs-12.text-left {
              text-align: center;
       }

    .col-xs-12.force-left {
              text-align: left;
       }
	   
	.btn-responsive {
		padding:2px 4px;
		font-size:80%;
		line-height: 1;
	  }
	 
	a.firstNav {
		 border-left: 1px solid white;
	 }
}

@media (min-width: 769px) and (max-width: 992px) {
    body > div.container {
        margin-bottom: 160px;
    }

    .row.row-grid [class*="col-sm-"] + [class*="col-sm-"] {
        margin-top: 0;
    }
	
	#header-img-date {
		padding-top: 3em;
	}
}

@media (min-width: 992px) {
    .row.row-grid [class*="col-md-"] + [class*="col-md-"] {
        margin-top: 0;
    }
	
	#header-img-date {
		padding-top: 3em;
	}
}

@media (min-width: 1200px) {
    .row.row-grid [class*="col-lg-"] + [class*="col-lg-"] {
        margin-top: 0;
    }
	
	#header-img-date {
		padding-top: 2.5em;
	}
}

@media print {

  @page {                
    size: A4;
    margin: 0mm;
  }

  html, body {
    width: 1024px;
  }

  body {
    margin: 0 auto;
  }
}

