/*
--Color list--
Dark Green: #048667
Darker Green: #196D59
Light Green: #138604
Blue: #042286
Opaque Blue: #192D6D
Dark Gray: #AFAFAF
Light Gray: #C5C5C5
CSS Optimizer: https://www.generateit.net/css-optimize/
CSS Validator: https://jigsaw.w3.org/css-validator/#validate_by_input
*/

/* GENERAL */
 
.Left_Navigation_Panel {
background-color:#048667;
color:#fff;
float:left;
height:100%;
position:relative;
width:25%;
}

.Right_Content_Panel {
float:right;
height:100%;
width:75%;
}

html,body {
height:100%;
margin:0;
}

/* GENERAL */
/* LEFT CONTENT PANEL */

#Job_Title {margin:0;}

.cbox {/* cbox is used at the top of every credential form */
color:#000!important;
text-align:center!important;
}

.menu-label,.Color_White {color:#fff;}

.User_Data {
margin:5%;
margin-bottom:20%;
width:90%;
}

.vendor_list_button {
background-color:#042286;
bottom:0;
font-size:1.5em;
position:absolute;
width:100%;
}

aside {
height:85%;
overflow-y:scroll;
}

/* LEFT CONTENT PANEL */
/* INDEX.PHP */

.Banner {
background-color:gray;
height:15%;
margin:2.5% 5%;
width:90%;
}

.Company_Info {
float:right;
margin-right:5%;
}

.Newsletter {
float:left;
margin-left:5%;
}

.Newsletter,.Company_Info {
background-color:#196D59;
height:30%;
margin-bottom:2.5%;
overflow-y:scroll;
padding:2%;
width:43.5%;
position: relative;
}

.Right_Content_Panel {background-color:#fff;}

.bannerimg {
height:100%;
object-fit:cover;
width:100%;
}

.Newsletter img,.Company_Info img {
position: absolute;
top: 0px;
right: 0px;
}

hr.index {margin:-2% 0 2%;}

/* INDEX.PHP */
/* TRADEBOARD */

#Tradeboard_Container {
display:grid;
gap:.5em;
grid-auto-columns:minmax(0,1fr);
grid-template-areas:'W1D1 W1D2 W1D3 W1D4 W1D5 W1D6 W1D7' 'W2D1 W2D2 W2D3 W2D4 W2D5 W2D6 W2D7';
height:90%;
padding:1%;
}

#Tradeboard_Legend {
display:flex;
float:right;
margin-top:.4%;
text-align:right;
width:20%;
}

#Tradeboard_Title {
background-color:#AFAFAF;
height:10%;
}

.addtrade {
height:16px;
width:16px;
}

.hidee {display:none;}

.Legend_Color {
height:15px;
margin:5px;
width:15px;
}

.Legend_Color:hover + .hidee {
background-color:#192D6D;
color:#fff;
display:block;
left:50%;
position:absolute;
}

.tradeBoard {
background-color:#196D59;
clear:both;
height:42.5%;
margin:2.5% 5%;
width:90%;
}

.tradeCard {
background-color:red;
height:100%;
}

.tradeDay {
background-color:#fff;
height:50%;
}

.tradeIndicator {
background-color:#AFAFAF;
height:40%;
}

.tradeFooter {
background-color:#fff;
height:10%;
}

/* TRADEBOARD */
/* VENDORLIST.PHP */

.vendorContent {
height:100%;
overflow-y:scroll;
}

h2.vendor {color:#000!important;}

hr.vendor {margin:2% 0!important;}

/* VENDORLIST.PHP */