/* GAIA Custom CSS */ 
/* voorbeeld met de standaard waarden zoals nu worden weergegeven */



/************ ALGEMEEN ************/

body {    
    color: #212529; 
    background-color: #f8fafc; 
}

/* top navigation bar */ 
.navbar {
    background-color: transparent ;

}

/* login screen, main top menu en andere "cards" */
.card {
    background-color: #fff;
    color: rgb(33, 37, 41);
}
/* card header */
.card-header { 
    color: #44752d;
    background-color: rgba(0, 0, 0, 0.03);        
}

/* scherm hoofd-titels, detail-scherm titels*/
.frametitle {
    text-align: left;
    color: #166df4;
}
/* scherm sub-titels */
h4.subframetitle {
    color: green;
}

/* labels, titels, veldnamen */
label {
    color: rgb(0, 100, 0);
}

/* calender iconen (oranje) */
.input-group-addon span {
    color: #fe7065;
}

/* dropdown menu's */
#dropdownMenuButton {
    background-color: #ff7043;
}

/* loading animatie */
.mb-load-spinner {
    opacity: 0.7;
    background-color: #ff7043!important;
    border-color: red!important;
    color: white!important;
    font-size: 21px;
}

/************ CONTAINERS ************/ 

/* top container waar het menu zich in bevindt */
.mb-top-container {
    min-width:100%;
    color: rgb(33, 37, 41);
    background-color: transparent;
}

/* container waar het data-grid EN het zich in bevindt */
#dgw {
    background-color: transparent;
}

/* container waar het detail-scherm zich in bevindt */
#fcw {
    background-color: transparent;
}


/************ STAMGEGEVENS MENU ************/

/* Stamgegevens, linker menu items */
.sidebar-nav li a {
    color: #44752d;
}



/************ BUTTONS ************/

/*  bootstrap primary button (blue-ish) */
.btn-primary {
    color: #fff;
    background-color: #3490dc;
    border-color: #3490dc;
}

/*  bootstrap success button (green-ish) */
.btn-success {
    color: #fff;
    background-color: #38c172;
    border-color: #38c172;
}

/*  bootstrap warning button (yellow) */
.btn-warning {
    color: #212529;
    background-color: #ffed4a;
    border-color: #ffed4a;
}

/*  bootstrap danger button (red) */
.btn-danger {
    color: #fff;
    background-color: #e3342f;
    border-color: #e3342f;
}



/************ TOP MENU ************/

/* main top menu items kleurfilter (groen) */
img.mb-colorize-1 {
    filter: invert(60%) sepia(35%) saturate(700%) hue-rotate(70deg) brightness(62%) contrast(50%);
    width: 80px;
    height: auto;
}

img.mb-colorize-1:hover {
    filter: invert(20%) sepia(33%) saturate(1500%) hue-rotate(0) brightness(170%) contrast(90%) !important;
}

/* geselecteerd / aktief menu item kleurfilter (oranje, zie gaia.css voor gijze versie) */
.menu-icon-selected {
    filter: invert(52%) sepia(100%) saturate(2000%) hue-rotate(0) brightness(104%) contrast(103%) !important;
}




/*************** DASHBOARD ***************/

/* linker selectie / filter blok */
#leftbar {
    color:darkgreen;
    border-right:3px dashed green; 
    width:300px;
    min-width:300px;
    max-width:300px;
}

/* dashboard GAIA rapportage container */
.rapp-container {
    border-radius:11px; 
    border:1px solid #ccc;
    background-color:white;
    padding:10px;
    padding-bottom:15px;
    margin:15px;
    margin-top:0px;
    margin-left:0;
    color:darkgreen;
}

/* dashboard GAIA rapportage labels (o.a. "Verstrekt aan", etc.) */
.mb-dash-rap-label-1 {
    font-weight: 600;
    color: darkgreen;
}

/* dashboard GAIA rapportage waardes (o.a. "Verstrekt aan datum") */
.mb-dash-rap-val-1 {
    color: #333;
}

/* dashboard GAIA rapportage disclamer */
#disclaimer {
    color: #333;
}

/* dashboard GAIA rapportage organisatie naam */
.rapp-org-title {
    font-size:125%;
    font-weight:600; 
    color: rgb(49, 153, 0);    
}

/* dashboard GAIA rapportage icon titels (o.a. "douchebeurten, uren, afvalbakken", etc.) */
.mb-gg-icon-text-1 {
    color: rgb(0, 100, 0);
}

.mb-kilo-inzink-1 {    
    color: rgb(0, 100, 0);
    text-align:center;
    font-size:15px;
    margin-top:20px;
    border-top: 1px solid #bbb;
    border-bottom: 1px solid #bbb;
    padding: 5px;
}


/************** DATA GRID ************/

/* boostrap button deep orange (o.a. zoek / reset buttons in grids) */
.btn-deep-orange {
    color: #fff;
    background-color: #ff7043 !important;
    opacity: 0.85;
}

/* Tabel kop teksten (veldnamen) */
th.mb-datafield.mb-datafield .mb-prop {
    color: rgb(78, 176, 52);
}

/* geselecteerde / aktieve rijen */
.mb-row-selected{
    background-color: #44752d!important;
}

/* even grid rijen */
tr.mb-datarow-even {
    background-color: #ffffeb;
}
/* on-even grid rijen */
tr.mb-datarow-odd {
    background-color: #d0e8c9;
}

/* grid next/prev page controls container */
.mb-link-bar {
    background-color: transparent;    
}

/* grid next/prev page controls, currently selected page number */
.mb-link-bar TABLE TD {
    color: black;
}

/* grid next/prev page controls */
.mb-link-bar A{ 
    color: rgb(52, 144, 220);
}