/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

 @import url('https://edalecom7abcd.zapwp.com/m:0/a:https://fonts.googleapis.com/css?family=Montserrat:400,600,700&display=swap');

.flex-container {
    display: flex;
	flex-wrap: wrap;
    flex-direction: row;
    background: #F0F4FA;
}
    
.graphcolumn1 {
    padding: 10px;
    flex: 10%;
}

.graphcolumn2 {
    padding: 10px;
    flex: 10%;
}

.graphcolumn3 {
    padding: 10px;
    flex: 30%;
}

.niceheader {
	width: 200px;
    height: 26px;
    padding: 4px 15px;
    border-right: 0px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 0px;
    background: #C1D82F;
    color: #000000;
    font-family: 'Montserrat', sans-serif;
    font-size: 22px;
  }

.optionheader { 
    font-family: 'Montserrat', sans-serif;
    font-size: 22px;
    color: #000000;
} 

.selectheader{
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    color: #000000;
    margin-bottom: 0.5rem;
}

.crossover{
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    color: #602add;
    margin-bottom: 0.5rem;
}

.chartselect {
   /* background: #D1DAE5 !important;  This will be applied. */
    border: 0px solid #D1DAE5 !important; /* This will be applied. */
    border-radius: 15px 15px 15px 15px !important; /* This will be applied. */
    width: 220px !important; /* This will be applied. */
    color: #000000 !important; /* This will be applied. */
    font-size: 18px;
    margin-bottom: 16px;
}

.chartcolour {
    background: #ffffff !important; /* This will be applied. */
}


.chart-board .dropdown-zone{
    display: grid;
}
.chart-board .dropdown-zone h6 {
    margin-bottom: 1rem;
}

hr.blank {
    border-top: 1px solid white !important; /* This will be applied. */
    display: block;
    height: 1px;
    border: 0;
}

#carton-image {
    margin-top: 2rem;
}