:root {    
    --primary-color:#071F3E;
    --secondary-color:#EA2F29;
    --primary-gradient: linear-gradient(0deg, rgba(26,60,103,1) 0%, rgba(7,31,62,1) 100%);
    --secondary-gradient: linear-gradient(0deg, rgba(210,83,79,1) 0%, rgba(234,47,41,1) 100%); 
    --bs--link-color:var(--primary-color);
    --bs--link-hover-color:var(--secondary-color);
}
body{
    font-family: Lato, 'sans-seriff';
    background:url('../img/ireport-background-01.jpg');
}
a{
    color:var(--bs--link-color);    
}
a:hover{
    color:var(--bs--link-hover-color);    
}
.ireport_logo{
    margin-bottom:30px;
    max-width:260px;
}
#login_form{
    margin:auto;
    background-color: #fff;
}
.login_form {
    align-items: center;
    box-shadow: 0px 0px 20px #cbcbcb;
    margin: auto;
    max-width: 400px;
    padding: 40px;
}

.navbar-brand img{

    max-width:200px;

}
.navbar .btn{

    margin-right:10px;

}
.manual_button{
    display:flex;
    align-items: center;
}
.manual_button i {
    font-size: 1em;
    align-items: center;
    margin-right: 0;
}

/*.main-container{
    background:url('../img/ireport-background-01.jpg');
}*/
.initial-box {
    background: #f6f6f6;
    max-width: 900px;
    border: 1px solid #efefef;
    text-align: center;    
}
.header-container{
    background:#f6f6f6;
    border: 1px solid #efefef;
}
.filters{
    background: #fff;
    /*border: 1px solid #efefef;*/
}
.filters-header{
    /*background-color:var(--primary-color);*/
    background: var(--primary-color);
    background: var(--primary-gradient);
    border-radius: 5px 5px 0 0;
}
.filters-header h5{
    color:#fff;
}
.filters-title{
    color:#fff;
    margin-bottom:0;
}
.filters hr{
    border-color:#bbbbbb;
}
.bh_lh_scores label, .advanced_filters_trigger label{

    font-size: 14px;

}
.simulation-data{


    background: #fff;
    /*border: 1px solid #efefef;*/
}
.actionBox {
    background: #fff;
    /* border: 1px solid #efefef; */
    justify-content: center;
    border-bottom: 1px solid #efefef;
    border-radius: 10px 10px 0 0;
}
.btn-primary{

    background: var(--primary-color);
    background: var(--primary-gradient);
    border-color:var(--primary-color);
    border:none;
    
}
.btn-primary:hover{

    background: var(--secondary-color);
    background: var(--secondary-gradient);
    border-color:var(--secondary-color);   
    border:none; 
}

.btn-success{

    background: rgba(25,135,84,1) 100%;
    background: linear-gradient(0deg, rgba(42,161,106,1) 0%, rgba(25,135,84,1) 100%);
    border-color: #198754;
    border:none; 
}

.btn-success:hover{

    border-color: #198754;
    border:none; 
}

.btn-danger{

    background:#dc3545;
    background: linear-gradient(0deg, rgba(166,43,55,1) 0%, rgba(220,53,69,1) 100%);
    border:none; 

}

.assets-table{

    background:#fff;
    position:relative;

}
.assets-table table#assets-data-table{
    margin-bottom:0!important;
    margin-top:0!important;
}
table#assets-data-table td{
    
    font-size: 14px;

}
table#assets-data-table th{

    background: var(--primary-color);
    background: var(--primary-gradient);   
    color:#fff;
    padding:15px 5px 15px 10px;
    font-size: 14px;

}
/*.dataTables_info{

    background: rgb(26,60,103);
    background: linear-gradient(0deg, rgba(26,60,103,1) 0%, rgba(7,31,62,1) 100%);    
    color:#fff;

}  */ 
.replace_plan, .refurbish_plan, .additional_ppm_plan, .buy_spares_plan, .no_action_plan, .current_risk_header_cell {

    text-align:center!important;
    width:9%;
}

.qty_header_cell{

    text-align:center!important;
    width: 5%;
}

.replacement_cost_header_cell{

    text-align:center!important;
    width: 13%;
}

td.replacement_cost_header_cell{
   
    font-size:12px!important;
}

.replacement_cost_header_cell hr {
    margin-top: 4px;
    margin-bottom: 4px;
    max-width: 75px;
    margin-left: auto;
    margin-right: auto;
    border-color: #787878;
}

.row_replace_checkbox{
    display:none;
}


/*CELL COLORS ACCORDING TO RISK SCORE*/

div.risk_score{
    font-size: 12px;
    padding:2px;
}

td.current_risk_header_cell div.risk_score:hover {

    border: 1px solid transparent!important;
    cursor:default;
}

td[data-risk-score = '0'] div.risk_score{

    background-color: #e1e1e1;
    border:1px solid #e1e1e1;

}
td[data-risk-score = '1'] div.risk_score, td[data-risk-score = '2'] div.risk_score, td[data-risk-score = '3'] div.risk_score, td[data-risk-score = '4'] div.risk_score{

    background-color: #bffaae;
    border:1px solid #bffaae;

}
td[data-risk-score = '5'] div.risk_score, td[data-risk-score = '6'] div.risk_score, td[data-risk-score = '8'] div.risk_score, td[data-risk-score = '9'] div.risk_score{

    background-color: #feffbb;
    border:1px solid #feffbb;

}
td[data-risk-score = '10'] div.risk_score, td[data-risk-score = '12'] div.risk_score, td[data-risk-score = '15'] div.risk_score, td[data-risk-score = '16'] div.risk_score{

    background-color: #fdd3b0;
    border:1px solid #fdd3b0;

}
td[data-risk-score = '20'] div.risk_score, td[data-risk-score = '25'] div.risk_score{

    background-color: #ffbbb3;
    border:1px solid #ffbbb3;

}

td div{

    text-align:center;
    border-radius:5px;
}

td.selected {
    background-color: transparent!important;
    color: #000!important;
}
td.selected div.risk_score{

    border:1px solid var(--primary-color);
    
    /*box-shadow: 0px 0px #000;*/

}
td div.risk_score:hover{
    border:1px solid var(--primary-color);
    cursor:pointer;
}

td div.Bi_Lh_Scores {
    margin-top: 6px;
    color: #838383;
    /*display: none;*/
    justify-content: space-evenly;
}
td div.Bi_Lh_Scores span {
    font-size: 11px;
    padding: 2px;
    /* padding-right: 2px; */
    border-radius: 3px;
    /* background: #9f9f9f; */
    /* color: #fff; */
    margin-right: 1px;
    /* margin-top: 2px; */
    border: 1px solid;
}
#assets-data-table small{
    color:#999595;
}
.dataTables_info {
    padding: 10px;
}
.initial-box table{
    background-color:#fff;
}
.home_table_header{

    /*background-color: var(--primary-color);*/
    background: var(--primary-color);
    background: var(--primary-gradient);
    border-radius: 5px 5px 0 0;
    color:#fff;
}
.home_table_general_actions{
    padding:10px;
    /*background-color:#fff;*/
}
.home_table_general_actions a:first-child{
    margin-right:10px;
}
.building_header{
    /*background-color: var(--primary-color)!important;*/
    background: var(--primary-color);
    background: var(--primary-gradient);
    color:#fff;
    font-weight: bold;;
    text-align:center;
    text-transform: uppercase;
}
/*.building_header:hover{
    color:#fff;
}*/
/*#homeTable tr:hover td{
    color:#fff;    
}*/
#homeTable .table tr{
    position:relative;
}
.row_loader {
    position: absolute;
    left: 0;
    height: 100%;
    width: 100%;
    text-align: center;
    background-color: #ffffffd1!important;
    font-size: 12px;
    font-weight: bold;
    padding: 0!important;
    display: flex;
    justify-content: center;
    align-items: center;
}
.row_loader div {
    width: 20px;
    height: 20px;
}
.building_subheader td {
    background-color: #efefef;
    border-bottom: 1px solid #b7b7b7;
    font-weight: bold;
}
.actions_column{
    font-size:14px;
}
.actions_column a:first-child{
    margin-right:10px;
}
.confirmation_dialog, .loading_dialog, .error_dialog {

    background: #fff;
    border: 1px solid #c9c9c9;
    display:none;
    left: 50%;
    max-width: 400px;
    min-width:350px;
    padding: 30px;
    position: fixed;
    text-align: center;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;

}

.dialog_actions{

    padding:10px;

}
.dialog_actions a:first-child{

    margin-right: 10px;

}

a i, button i{
    margin-right:5px;
    font-size:14px;
}
.table_legend{
    font-size:12px;
    /*background-color:#efefef;*/
}
.color_legend_elem{
    display:flex;
    padding-right: 10px;
}
.table_legend .color_legend_elem span{

    width:16px;
    height:16px;
    display:block;
    margin-right: 5px;
} 
.legend_sub_header{

    margin-right:10px;

}
.table_legend .color_legend_elem p{

    margin-bottom:0;
} 

.advanced_filters_container{

    display:none;
    background-color: #fff;

}

.advanced_filters_container select {

    font-size: 14px;
    /* padding: 1px 1px 5px 5px; */
    height: auto!important;
    padding-top: 20px!important;
    padding-left: 7px;

}

.advanced_filters_container label {

    font-size: 12px;
    padding: 10px 5px 10px 5px;
    height: auto;

}

.load_simulation .filters-content {
    color: #fff;
}

.charts_container {
    background-color: #efefef;
}
.charts_container canvas{

    width:500px;
    height:250px;
    background:url('../img/charts-back.png');

}
.chart_container table {
    width: 100%;
    background: transparent;
}
.chart_container table td {
    padding: 10px;
    border: 1px solid #cdcdcd;
}
.chart_container table td.title_cell {
    border: none;
    text-align: center;
    font-size: 14px;
    padding:5px;
}
.chart_container table td.risk_cell {
    height:50px;
    padding:10px;
    position: relative;
}
.chart_container table td.risk_cell div.bubble {

    align-items: center;
    border-radius: 50%;
    /* border: 1px solid #000; */
    bottom: 0;
    font-size: 12px;    
    justify-content: center;
    left: 0;
    margin: auto;
    min-height: 20px;
    min-width: 20px;
    max-height: 60px;
    max-width: 60px;
    padding: 3px;
    position: absolute;   
    right: 0;
    top: 0;
    z-index: 1;
    box-shadow: 0 2px 4px #424242;
    transition-duration: 0.5s;
    display:none;

}
.chart_container table td.risk_cell div.bubble:hover{
    cursor:pointer;
    transform: scale(1.1);
}
.chart_container table td.empty_cell {
    border:none;
}
.chart_container table td.y_axis_title {
    border: none;
    /* writing-mode: vertical-rl; */
    /* text-orientation: upright; */
    padding: 0;
    text-align: center;
    transform: rotate(-90deg);
    font-size: 14px;
    max-width: 10px;
}
.chart_container table td.x_axis_title {
    border: none;
    text-align: center;
    font-size: 14px;
}


td.none_risk{
    background:#efefef;
}
td.none_risk .bubble{
    background: #999;
    color:#fff;
}
td.low_risk{
    background:#bffaae;
}
td.low_risk .bubble{
    background:green;
    color:#fff;
}
td.medium_risk{
    background:#feffbb;
}
td.medium_risk .bubble{
    background:yellow;
}
td.high_risk{
    background:#fdd3b0;
}
td.high_risk .bubble{
    background:orange;
    color:#fff;
}
td.very_high_risk{
    background:#ffbbb3;
}
td.very_high_risk .bubble{
    background:red;
    color:#fff;
}
/*.load_simulation .advanced_filters_container h6{

    color:#fff;
}*/