/* in Google Chrome - you must use CTRL+SHIFT+R to force new css load !!! 

    Add this line to Bundlefing.cs - to ensure the optimization is turned off - to make css work the same on servers and in VS
    LKB - ensure bundles are not optimized - so changes to css files are also reflected on publish

    BundleTable.EnableOptimizations = false;

*/
/* Set header colors */
h1, h2, h3, h4, h5, h6 {
    color:saddlebrown; /*#428bca; */
    padding-bottom: 0px;
    margin-bottom:0px;
}

/* Set header colors on main page to white */
#main h1,
#main h2,
#main h3,
#main h3,
#main h5,
#main h6 {
    color:white;
    padding:initial;
    margin:initial;
}

.firstLetter {
    color: darkgreen;
    font-size: 150%;
}

.AminFunctions {
    font-weight: bold;
    font-style:italic;
}

.privacyPolicy {

}

.privacyPolicy h1,
.privacyPolicy h2,
.privacyPolicy h3,
.privacyPolicy h4 {
    /*color:#428bca;*/
    padding: 0px;
    margin:0px;
}

.privacyPolicy h4 {
    font-style:italic;
}

.defaultColor h1,
.defaultColor h2,
.defaultColor h3,
.defaultColor h4, 
.defaultColor h5, 
.defaultColor h6 {
    color:inherit;
}


/* Put all the local (lkb) navbar classes and settings here in Site.css to ensure the are ALLWAYS search and found after the
    normal navbar defines in bootstrap (Note bootstrap is included BEFORE site in /Content/css...
*/
.navbar-lkb {
  color: #999999;
  float: left;
  padding: 15px 15px;
  font-size: 14px;
  line-height: 20px;
}

.navbar-lkb-reversed {
}


@media (min-width: 750px) {
    .navbar-lkb {
        display:block !important;
    }
    .navbar-lkb-reversed {
        display:none !important;
    }
}

@media (max-width: 749px) {
     .navbar-lkb {
        display:none !important;
    }
    .navbar-lkb-reversed {
        display:block !important;
    }
}

.navbar-lkb {
  color: #777777;
}

.navbar-lkb:hover,
.navbar-lkb:focus {
  color:white; 
  font-weight:bold;
  text-decoration: none;
}

body {
    padding-top: 50px;
    padding-bottom: 20px;
}

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

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

.dl-horizontal-wide dt {
    width:240px;
}

.dl-horizontal-wide dd {
    margin-left:250px;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

.CongressTable {
    width:300px;
    border:solid;
    border-color: black;
    border-width:2px;
}

.CongressTable td {
    border:solid;
    border-color: black;
}
.CongressTable tr {
    border:solid;
    border-color: black;
}

/* Image control */
.HeaderImage {
    float:left;
    height:25vh;
    width:auto;
    padding:5px;
}

.TextImage {
    float:left;
    height:25vh;
    width:auto;
    padding:5px;
}

.CenterImage {
    float:none;
    display:block;
    margin: 0 auto;
    height:30vh;
    width:auto;
    max-width:90vw;
    padding:5px;
}

.MicrosoftImage {
    float:left;
    height:3em;
    max-height:3em;
    width:auto;
    padding:5px;
}

/* Create hover zoom effect for image */
.imagezoom  {
    -webkit-transition: all 1s ease; /* Safari and Chrome */
    -moz-transition: all 1s ease; /* Firefox */
    -ms-transition: all 1s ease; /* IE 9 */
    -o-transition: all 1s ease; /* Opera */
    transition: all 1s ease;
}

.TableCellSpace th, td {
    padding-right:10px;
}

.CreateNew {
    min-width:15ch;
}

.CreateNew > a {
    color:#063381;
}

/* General tron - table styling */
.tron {
    border-radius:6px;
    color: inherit; 
    x_background-color: #eeeeee;
}

.tron > tbody > tr > th {
    background-color:green;
    border-top:none;
    color:white;
}

.tron > tbody > tr > th:first-child {
  border-radius:6px 0 0 0;
}

.tron > tbody > tr > th:last-child {
  border-radius:0 6px 0 0;
}

.tron > tbody > tr > td {
  background-color: #eeeeee;
}

/* General price table - table styling */
.PriceTable {
    border-radius:6px;
    border:none;
    color: inherit; 
    x_background-color: #eeeeee;
}

.PriceTable > tbody > tr > th {
    background-color:green;
    /*border-top:none;*/
    color:white;
}

.PriceTable > tbody > tr > th:first-child {
  border-radius:6px 0 0 0;
}

.PriceTable > tbody > tr > th:last-child {
  border-radius:0 6px 0 0;
}

.PriceTable > tbody > tr > td {
  background-color: #eeeeee;
}

.PriceTable > tbody > tr:last-child > td:last-child {
  border-radius: 0 0 6px 0;
}

.PriceTable > tbody > tr:last-child > td:first-child {
  border-radius:0 0 0 6px;
}

/* Function selection page */
.introText {
    font-size:larger;
    vertical-align:top;
}

.tronBox {
    display:inline-block;
    float:left;
    vertical-align:top;
}

.floattron {
    border-radius:6px;
    vertical-align:top;
    margin-right:15px;
    margin-bottom:15px;
    padding:10px;
    display:inline-block;
    color: inherit;
    background-color: #eeeeee;
}

td.floattronYesNo {
    min-width:15ch;
}

td.tronHelpText {
    max-width:25ch;
}

.FuncImage {
    width:8ch;
    height:auto;
}

.FuncImage td {
    min-width:15ch;
}

.floattronImageText {
    padding-top:-5px;
    font-size:smaller;
    vertical-align:top;
}

/* Note the XMLPaser used to produce the PDF cannot handle absolute and relative posistions */
/* take care the XMLParser x_Background-color:red; - is accepted - since x_ is not detected */
.pdfa4pageHeader {
    height:28.6cm;        /* A4 is 29.7cm */
    padding-top:2cm;
    padding-left:1.5cm;
    padding-right:1.5cm;
    /*back_x_ground-color:bisque;*/
    font-size:15px;
}

.pdfa4pagefooter {
    height:1cm;
    text-align:center;
    font-size:10px;
    /* back_X_ground-color:aqua; */
}

/* All handheld devices with small browser width in current rotation */
@media only screen and (min-width: 1px) and (max-width: 768px) {

    /* Turn off floating for small devices and ensure each block takes up all the width */
    .floattron {
        margin-right:0px;
        display:normal;
        width:95vw;
    }

    td.floattronYesNo {
        min-width:12ch;
    }
    
    td.tronHelpText {
        max-width:none;
    }

    .FuncImage {
        width:15vw;
    }
 
}
/* Create a spinner (usage  <div class="spinner"></div> */
.centerPage {
    position: absolute;
    top:25%;
    left: 40%;
    right: 40%;
    bottom: 0;
    margin: auto;
}

.spinner-page {
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #3496db;
    width:120px;
    height:120px;
    -webkit-animation: spin 1s linear infinite; /* Safari*/
    animation: spin 1s linear infinite;
}

.spinner {
    border: 4px solid #f3f3f3;
    border-radius: 50%;
    border-top: 4px solid #3496db;
    width:24px;
    height:24px;
    -webkit-animation: spin 1s linear infinite; /* Safari*/
    animation: spin 1s linear infinite;
}

/* Safari */
@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}