*
{
    margin: 0;
}

a
{
    color: #1e73be;
}

html, body
{
    height: 100%;
    background-color: #e7e8ea;
    color: #505463;
    font-family: 'Montserrat' , sans-serif;
    font-size: 18px;
}

/*---------- controls start here ---------------- */

.button_gold
{
    font-family: 'Montserrat' , sans-serif;
    font-size: 18px;
    color: black;
    font-weight: bold;
    background-color: gold;
    padding: 10px;
}
.button_gold:hover
{
    background-color: White;
    color: black;
}

.button_combobox_add
{
    font-family: 'Montserrat' , sans-serif;
    font-size: 18px;
    color: green;
    font-weight: bold;
    background-color: white;
    padding: 6px;
}

.button_sidemenu_off
{
    font-family: 'Montserrat' , sans-serif;
    font-size: 20px;
    color: #666666;
    font-weight: bold;
    background-color: #dddddd;
    padding: 2px;
    border: none;
    height: 35px;
}
.button_sidemenu_on
{
    border-style: none;
    border-color: inherit;
    border-width: medium;
    font-family: 'Montserrat' , sans-serif;
    font-size: 20px;
    color: #666666;
    font-weight: bold;
    background-color: #cccccc;
    padding: 2px;
 }

.button_toolbar {
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    color: black;
    font-weight: 400;
    background-color: gold;
    height: 30px;
    padding: 1px;
}

.button_toolbar:hover {
    background-color: White;
    color: black;
}

.dark-bg {
    position: relative;
    width: 100%;
    height: 400px; /* adjust height as needed */
    color: white; /* ensures text is readable */
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('images/your-image.jpg'); /* replace with your image path */
    background-size: cover;
    background-position: center;
    display: flex;
    flex-direction: column;
    justify-content: center; /* vertically center content */
    align-items: center; /* horizontally center content */
    text-align: center;
}

.dropdown1
{
    font-family: 'Montserrat' , serif;
    font-size: 18px;
    color: #555555; /*font-weight: bolder;*/ /*width: 650px;*/
    padding: 8px;
}

.heading1
{
    color: white;
    font-family: 'Montserrat' , sans-serif;
    font-size: 24px;
    font-weight: bold;
}

.hidden
{
    /* hide gridview column */
    display: none;
}

.hyperlinkButton{
  text-decoration: none;
  background-color: #EEEEEE;
  color: #333333;
  padding: 2px 6px 2px 6px;
  border-top: 1px solid #CCCCCC;
  border-right: 1px solid #333333;
  border-bottom: 1px solid #333333;
  border-left: 1px solid #CCCCCC;
}


.menuLink
{
    color: white;
    text-decoration: none;
}
.menuLink:hover
{
    background-color: black;
    color: yellow;
}

.pageHeaderRow
{
    height: 64px;
    background-color: Black;
    color: gold;
    font-family: 'Montserrat' , sans-serif;
    font-size: 24px;
    font-weight: bold;
}

.table /* set the cell-spacing to 2 for lines to be shown! */
{
    vertical-align: top;
}
.tableHeader
{
    /*     background-color: #abc7f6;                   color: #213F60;                          */
    background-color: #DDDDDD;
    text-align: left;
}
.tableSubHeader
{
    background-color: LightGrey;
    color: Gray;
    font-weight: bold;
    font-family: "Trebuchet MS" , verdana, "MS Reference Sans Serif" , arial, Tahoma;
    font-size: large;
}


.text2
{
    color: gray;
    font-size: 32px;
    font-weight: bold;
}
.text1
{
    color: gray;
    font-size: 28px;
    font-weight: normal;
}
.text0
{
    color: gray;
    font-size: 20px;
    font-weight: bold;
}
.textHeading
{
    color: white;
    font-size: 20px;
    font-weight: bold;
}
.textThin
{
    font-weight: 100;
}


.textbox1
{
    font-family: 'Montserrat' , serif;
    font-size: 18px;
    color: #555555; /*font-weight: bolder;*/ /*width: 650px;*/
    padding: 8px;
}


/* ----------------------------------------
    This puts the footer at the bottom
---------------------------------------- */
form
{
    height: 100%;
}
.wrapper
{
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -4em;
}

.footer, .push
{
    text-align: center;
    font-size: 10px;
    height: 4em;
}