/*
oooooo     oooo                     o8o             .o8       oooo                          
 `888.     .8'                      `"'            "888       `888                          
  `888.   .8'    .oooo.   oooo d8b oooo   .oooo.    888oooo.   888   .ooooo.   .oooo.o      
   `888. .8'    `P  )88b  `888""8P `888  `P  )88b   d88' `88b  888  d88' `88b d88(  "8      
    `888.8'      .oP"888   888      888   .oP"888   888   888  888  888ooo888 `"Y88b.       
     `888'      d8(  888   888      888  d8(  888   888   888  888  888    .o o.  )88b      
      `8'       `Y888""8o d888b    o888o `Y888""8o  `Y8bod8P' o888o `Y8bod8P' 8""888P'      

                                        .             
                                      .o8             
                                    .o888oo  .ooooo.  
                                      888   d88' `88b 
                                      888   888   888 
                                      888 . 888   888 
                                      "888" `Y8bod8P' 
                                                                                                                                                                                               
                 .oooooo.   oooo                                                   
               d8P'  `Y8b  `888                                                   
              888           888 .oo.    .oooo.   ooo. .oo.    .oooooooo  .ooooo.  
              888           888P"Y88b  `P  )88b  `888P"Y88b  888' `88b  d88' `88b 
              888           888   888   .oP"888   888   888  888   888  888ooo888 
              `88b    ooo   888   888  d8(  888   888   888  `88bod8P'  888    .o 
               `Y8bood8P'  o888o o888o `Y888""8o o888o o888o `8oooooo.  `Y8bod8P' 
                                                             d"     YD            
                                                             "Y88888P'
*/


:root {
    --main-color: #343434;
    --secondary-color: #343434;
    --text-color: seashell;
    --tertiary-color: rgba(30, 168, 189, 0.99);
}

/*
######################################################################################
######################################################################################
######################################################################################
*/





nav.navbar {
    background-color: var(--main-color) !important;
}


.navbar-link {
    background-color: var(--main-color) !important;
}


.navbar-item {
    background-color: var(--main-color) !important;
}


h1 {
    color: var(--main-color) !important;
}

h3 {
    color: var(--main-color) !important;
}

#submenu {
    background-color: var(--secondary-color) !important;
}


.navbar-item.has-dropdown.is-active .navbar-link,
.navbar-item.has-dropdown:hover .navbar-link {
    background-color: var(--secondary-color) !important;
}


.button {
    background-color: var(--main-color) !important;
}


div.cc6 p,
div.cc6 a,
div.cc6 button {
    color: var(--text-color) !important;
}


p.control.is-expanded {
    color: var(--text-color) !important;
}


div.cc5 .button {
    color: var(--text-color) !important;
}

tfoot {
    display: table-header-group;
}

tfoot input {
    width: 100%;
    padding: 3px;
    box-sizing: border-box;
}

tbody tr {
    color: var(--main-color) !important;
}

#parent_table_info.dataTables_info {
    color: var(--main-color) !important;
}

#child_table_info.dataTables_info {
    color: var(--main-color) !important;
}

.dataTables_length {
    color: var(--main-color) !important;
}

.modal-card-head {
    background-color: var(--main-color) !important;
}

.modal-card-body {
    color: var(--main-color) !important;
}

.modal-card {
    color: var(--main-color) !important;
}

.modal-background {
    color: var(--main-color) !important;
}

.tableContainerChild {
    color: var(--main-color) !important;
}

.modal {
    color: var(--main-color) !important;
}

.switch {
    background-color: var(--main-color) !important;
    color: var(--main-color) !important;
}

.button.is-primary {
    color: var(--text-color) !important;
}

.dataTables_info {
    color: var(--main-color) !important;
}


.button {
    color: var(--text-color) !important;
    border-bottom-color: var(--main-color) !important;
    border-top-color: var(--main-color) !important;
    border-left-color: var(--main-color) !important;
    border-right-color: var(--main-color) !important;
}

a.navbar-item {
    color: var(--text-color) !important;
    background-color: var(--secondary-color) !important;
}

.navbar-dropdown {
    background-color: var(--secondary-color) !important;
}

#index {
    background-color: var(--main-color) !important;
}

.sorting {
    color: var(--main-color) !important;
}

#btnAccorderen {
    background-color: var(--secondary-color) !important;
}

.material-symbols-outlined {
    color: var(--main-color) !important;
}

.green {
    color: var(--tertiary-color) !important;
}