/***********************/
/* CoRD Altered Styles */
/***********************/


body { 
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;    
    color: #444444; 
    background-color: #ffffff; 
    margin: 0px;     
}

.mgb-1{
    margin-bottom: 10px;
}

.config-message-background {
    background-color: transparent !important; 
}

.tdg-content .page {    
    margin: 0 -5px 15px -5px;
}

.form-group div.remove-side-pad span.control-right input[type=checkbox]{
	margin:0;
}

@media (min-width: 768px) {
  .tdg-content .form-message {
    margin:0 0 5px 0;
  }
}

#pageFooter {   
    border-top: 3px solid #9b1309;
    padding-left: 20px;    
}

/* all pages */
#toplinks { 
     background-color: #808081 !important;
     color: whitesmoke !important; 
    height: 1em;
 } 

 #toplinks div { 
     margin-top: 4px; 
    margin-right: 20px; 
} 

 #toplinks a:link{ 
    color: whitesmoke; 
} 

.page-header{
    margin: 0 !important;
    height: 30px;
    position: relative;   
    left: 50%;
    transform: translateX(-50%);
}
.page-header-menu-container .page-header-menu {    
    bottom:initial;   
}

.page-header-menu .nav > li > a {    
    padding: 5px 8px;
    color:#fff;
}

.page-header-menu .nav > li > a:focus, 
.page-header-menu .nav > li > a:hover {
    background-color:whitesmoke;
    color: #286090;
}
.main-page-content {
    max-width: 810px;
    margin: 15px auto 0 auto;
}
.main-page-content .container-fluid{
    padding-left: initial;
}

.tdg-content .blue-gradient, 
.tdg-content thead, 
.tdg-content .btn-continue, 
.tdg-content .btn-continue:visited, 
.tdg-content .btn-file, 
.tdg-content .btn-file:visited, 
.tdg-content .btn-search, 
.tdg-content .btn-search:visited, 
.tdg-content .btn-logout, 
.tdg-content .btn-logout:visited, 
.tdg-content .btn-help, 
.tdg-content .btn-help:visited, 
.tdg-content .btn-help-inline, 
.tdg-content .btn-help-inline:visited, 
.tdg-content .input-search, 
.tdg-content .input-search:visited .popover-title {
    background-color: #337ab7;
    background-image: initial;
}
.tdg-content .btn {    
    border: 1px solid #2e6da4;    
}

.tdg-content .blue-gradient:hover, 
.tdg-content .btn-continue:hover, 
.tdg-content .btn-file:hover, 
.tdg-content .btn-search:hover, 
.tdg-content .btn-logout:hover, 
.tdg-content .input-search:hover, 
.tdg-content .popover-title:hover, 
.tdg-content .chevron, 
.tdg-content a.result-list-item:hover, 
.tdg-content a.result-list-item:focus,
.tdg-content .result-list-item:hover,
.tdg-content .result-list-item:focus {
    background-color: #286090;
        border-color: #204d74;
    background-image: initial;
    color:#fff;
}

.tdg-content a.list-group-item:hover .result-list-icon,
.tdg-content a.list-group-item:focus .result-list-icon {
  color: #000000;
  background-color: #fff;
  background-image: initial;
}

.tdg-content .result-list-item {
    background-color: #e5e5e5;
    border-color: #969696;    
}

.tdg-content .result-list-icon {
    background-color: #827e7e;
    background-image:initial;
}

.tdg-content label {
    color: #286090;        
}
.tdg-content .panel.panel-parent > .panel-body .config-message-background{
    padding-left: 15px;
}

ul
{
    list-style: initial;
    list-style-type: disc;
    margin: initial;
    padding: 0 0 0 40px;
}

li
{
    display: list-item;
}
/********************/
/*CoRD Added Styles */
/********************/

header{
    display:block;
    height: 140px; 
    background-color: #b9ab97;
}

header .container {
    padding: 0 20px;
            height: 100%;           
            max-width: 1200px;          
                background-image: url("MyDogs_Scene.png");
                background-repeat: no-repeat;
                background-position: bottom center;
}

    .redline {
        position: absolute;
        top: 0;
        z-index: 20;
        width: 100%;
        border-top: 8px solid #bf311a;
        border-bottom: 3px solid #9b1309;
    }

 #site-logo {
    float: left;
    position: relative;
    top: -.4em;
    width: 18em;
    height: 6em;    
    padding: 0 .3em 0 .3em;
    overflow: hidden;
    background: #fff9f1;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25);
    border-radius: .3em;
    border-bottom: .3em solid #eedcc1;
    z-index: 35;
    clear: both;
}

#site-logo a {
        display: block;
        width: 17em;
        height: 6em;
        background: url("reddeer-logo-svg.svg") center center no-repeat;
        background-size: contain;
        text-indent: -9999px;
        margin: .1em 0 .1em .3em;
    }

#site-name {
    position: absolute;
    top: 15px;
    right:10%;    
    overflow: hidden;
    height: 100%;
    clear: both;
}

    #site-name h1 {
        text-indent: -9999px;
    }

        #site-name h1 a {
            background-size: 80% !important;
            display: block;
            width: 700px;
            height: 120px;           
            background-image: url("MyDogs.png");
            background-repeat: no-repeat;
            background-position: center center;           
        }

@media only screen and (min-width: 993px) and (max-width: 1540px) { 

    header .container {
        background-size: 20em, 20em;
    }

    #site-logo {
        width: 15em;
        height: 5em;
    }

        #site-logo a {
            width: 14em;
            height: 5em;
        } 
    #site-name{
        right:1%;
    }
    #site-name h1 a{        
        width: 600px;
        height: 100px;
    }   
}

@media only screen and (min-width: 769px) and (max-width: 992px) { 

     .redline {
        border-top: .4em solid #bf311a;
        border-bottom: .2em solid #9b1309;
    }

    header .container {
        background-size: 15em, 15em;
    }

    #site-logo {
        width: 15em;
        height: 5em;
    }

        #site-logo a {
            width: 14em;
            height: 5em;
        } 
#site-name{
        right:1%;
    }
    #site-name h1 a{        
        width: 400px;
        height: 80px;
    }   
}

@media only screen and (max-width: 768px) {    
    header .container{
        background-size: 15em, 15em;        
    }

    .redline {
        border-top: .3em solid #bf311a;
        border-bottom: .1em solid #9b1309;
    }

    #site-logo  {
        width: 12em;
        height: 4em;
    }

        #site-logo a {
            width: 11em;
            height: 4em;
        }
          #site-name{
        right:1%;
    }
         #site-name h1 a{       
        width: 350px;
        height: 70px;
    }     
}

@media only screen and (max-width:492px) {
    header{
        height:5em;
    }
    header .container {
        background-image: none;
        height: 5em;
        padding: 0;
    }   

    .redline {
        border-top: .3em solid #bf311a;
        border-bottom: .1em solid #9b1309;
    }

    #site-logo {
        width: 9em;
        height: 3.3em;
        border-radius: 0;
    }

     #site-logo a {
            width: 8em;
            height: 3.1em;
        }    

    #toplinks {
        height: .7em;
    }

    #site-name{
        right:1%;
    }

    #site-name h1 a{
        background-size:70% !important;
        width: 300px;
        height: 55px;
    }      
}

 @media print {    
    .red-line{
        display: none !important;
    }
    .page-header{
        display: none !important;
    }
    #pageFooter{
        display: none !important;
    }
    .btn {
        display: none !important;
    }

    #site-logo {padding-top: 20px;}
    #site-logo:before { 
        content: url(reddeer-logo-desktop.png);
    }
    #site-logo a {display: none;}
    input[type="text"]{display: none !important;}
    select{display: none !important;}
}