/**
* doosan-std-style.css
*
* Commonly used styles codified in an include file for Doosan Industrial Vehicles America Corp
*
* Author: Darrell Thompson
* Create: 2022-02-01
*
* Modification:
* 2022-06-13, Darrell Thompson - Added support for sticky non-scrolling table headers
* 2022-06-16, Darrell Thompson - Added z-index to suggestions to insure it is appears over other content
* 2023-05-03, Darrell Thompson - Added btn-update
* unknown, Ivan - replaced background color values
* 2024-01-12, Darrell Thompson - Labeled Ivan's background color values
* 2024-01-12, Darrell Thompson - Added the azuregrey, darkgrey and darkorange backgrounds and colors (future use)
* 
*/

body
{
    height: 100%;
    margin: 0px;
    padding: 0px;
    text-align:center;
    background-image: url(/images/texture.jpg);
}

a
{
    text-decoration: none;
}

hr
{
    clear: both;
}

option[value=""][readonly]
{
    display:none;
}

placeholder
{
    font-style: italic;
}

#elastic-content
{
    min-height: calc(100vh - 150px);
}

#sticky-content
{
    height: 150px;
}

#page-wrapper  /* deprecated -- replaced by elastic-content */
{
    min-height: calc(100vh - 150px);
}


/* Button definitions */
.btn
{
    height: 35px;
    /*font-family: "Times New Roman";*/
    font-family: "Helvetica Neue"
    font-stretch: 151
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    outline: none;
    text-transform: capitalize;
    background-color: #cfcfcf; /* default background color */
    color: snow;
}

.btn:hover
{
    background-color: snow;
    color: black;
    cursor: pointer;
}

.btn-menu
{
    /*width: 250px; */
    width: 270;
}

.btn-menu-transparent
{
    width: 220px;
    background-color: transparent;
    background-repeat: no-repeat;
    border: none;
    cursor: default;
    overflow: hidden;
    outline: none;
}

.btn-nav
{
    height: 40px;
    min-width: 100px;
    padding: 5px 10px;
}

.btn-create
{
    color: green;
}
.btn-create:hover
{
    cursor: pointer;
}
.btn-delete
{
    color: red;
}
.btn-delete:hover
{
    cursor: pointer;
}
.btn-update
{
    color: green;
}
.btn-update:hover
{
    cursor: pointer;
}


/* background colors */

.bkgc-cherryred
{
    background-color: red;
}

/*
.bkgc-mossgreen
{
    background-color: #009972;
}

.bkgc-navyblue
{
    background-color: #113A92;
}
.bkgc-palegrey
{
    background-color: #cfcfcf;
}

.bkgc-skyblue
{
    background-color: #0084CE;
}

*/

.bkgc-mossgreen
{
    background-color: #8AAABE; /* azuregrey */
}

.bkgc-navyblue
{
    background-color: #FF3600; /* darkorange */
}
.bkgc-palegrey
{
    background-color: #cfcfcf;
}

.bkgc-skyblue
{
    background-color: #333333; /* darkgrey */
}

.bkgc-orange
{
    /*background-color: #F37022;*/
    background-color: #cfcfcf; /* palegrey */
}


.bkgc-azuregrey
{
    background-color: #8AAABE;
}

.bkgc-darkgrey
{
    background-color: #333333;
}

.bkgc-darkorange
{
    background-color: #FF3600;
}




/* font colors */

.cherryred
{
    color: red;
}

.doosanorange
{
    color: #F37022;
}

.mossgreen
{
    color: #009972;
}

.navyblue
{
    color: #113A92;
}

.palegrey
{
    color: #cfcfcf;
}

.skyblue
{
    color: #0084CE;
}

.azuregrey
{
    color: #8AAABE;
}

.darkgrey
{
    color: #333333;
}

.darkorange
{
    color: #FF3600;
}


/* modal definition */

.modal
{
    display: none;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
}

.modal-content
{
    background-image: url(/images/texture.jpg);
    margin: 15% auto;
    padding: 20px;
    border: 3px double #F37022; /* Doosan Orange */
    width: 50%;
}


/* scroll region - height may be overridden by programs */
.scroll-region
{
    min-width: 10px;
    max-height: 320px;
    overflow-y: auto;
}

.scroll-region thead th
{
	position: sticky;
	top: 0;
	background-color: #ccc;
}


/* drop-down suggestions */

.suggest_link
{
    background-color: transparent;
    padding: 2px 6px 2px 6px;
}
.suggest_link_over
{
    background-color: #0084CE;
    padding: 2px 6px 2px 6px;
    cursor: pointer;
}
#suggestions
{
    position: absolute;
    min-width: 100px;
    text-align: left;
    background-image: url(/images/texture.jpg);
    max-height: 220px;
    overflow-y: auto;
    z-index: 10;
}


/* page content */

.hide
{
    display: none;
}

.title
{
   font-size: 32px;
   /*color: #113A92;  navyblue */
   color: black;
   font-family: "Helvetica Neue"
   font-stretch: 151
   font-weight: bold;
}

.text
{
    font-size: 18px;
    /*color: #113A92;  navyblue */
    color: black;
    font-family: "Helvetica Neue"
    font-stretch: 151
   
}

.footer
{
	  position: fixed;
	  bottom: 0px;
	  display: table;
	  width: 100%;
	  margin-right: auto;
    margin-left: auto;
}

a{ text-decoration: none; }

.nobr { white-space:nowrap; }