/* Your custom styles */
/* Your custom styles */

/*
body
{
	overflow-x:hidden;
	background-color: #918993;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
*/

body
{
	overflow-x:hidden;
        background-color: white; /*#555555; /* rgba(194,183,168);*/
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

versie
{
        font: 100% verdana,arial,sans-serif;; 
        font-size: 0.6em;  
        color:#F00;
        text-align: center;
}

.img_logo{
              display:block;
              max-width: 100%;
          }

.witte_achtergrond
{
	background-color:#FFF;
	
}

.achtergrond_donker_grijs
{
	background-color:#555555;
	
}


#popup 
{
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: white;
    padding: 20px;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.5);
    text-align: center;
}

.custom-button {
    background-color: transparent; /* Transparante achtergrond */
    border: 2px solid #000000; /* Groene rand */
    color: #000000; /* Groene tekst */
    border-radius: 50px; /* Ronde hoeken */
    padding: 10px 20px;
    font-weight: bold;
    transition: all 0.3s ease-in-out;
}

.custom-button:hover {
    background-color: #B4B4B4; /* Groene achtergrond bij hover */
    color: white; /* Witte tekst bij hover */
}



.custom-dialog
{
  background-color: transparent; /* Transparante achtergrond */
  border-radius: 50px;
  
}

.custom-content {
  background-color: transparent; /* Transparante achtergrond */
 border-top-left-radius: 50px;
    border-top-right-radius: 50px;
}

.custom-header {
    background-color: #D3D3D3; /* Lichtgrijs */
    color: #333; /* Donkere tekst */
    
}

.custom-modal-body{
    background-color: white; /* Lichtgrijs */
    color: #333; /* Donkere tekst */
    
}
.custom-footer{
    background-color: #D3D3D3; /* Lichtgrijs */
    color: #333; /* Donkere tekst */
    
}



#verborgen_div
{
	display: none;
	
	
}

.red_line-through
{
	font: 100% verdana,arial,sans-serif;; 
	font-size: 1em;  
	text-decoration:line-through;
	color: #F00;
}
red
{
	color:#F00;
	
}

blue
{
	color: #0000ff;
	
}

.rode_kader
{
	border-color: #F00;
	border-bottom-color: #F00;
	border-left-color: #F00;
	
}

.module_hoogte
{
	
	min-height: 300px;
	
	border:medium;
}

.div_hoogte_40
{
	height: 40px;
	text-align:center;
	vertical-align:central;
}

.lege_ruimte_40
{
	height: 50px;
}

.lege_ruimte_50,.div_hoogte_50
{
	height: 50px;
}

.lege_ruimte_70,.div_hoogte_70
{
	height: 70px;
}

.lege_ruimte_80,.div_hoogte_80
{
	height: 80px;
	
	background-color: ffffff;  /* rgba(194,183,168); */
}

.lege_ruimte_90,.div_hoogte_90
{
	height: 90px;
}




#schakelbord
{
	height:100vh;
	
	
}


#div_Ischerm
{
	min-height: 90vh;
        
        
        
		
	
}

#Iklant
{
	background-color:#FFF;
		
	
}

placeholder
{
	color: #F5F5F5;
	
}

.td-tekstkleur-rood {
	color: #F00;
	
	
}

.td-tekstkleur-groen {
	color: #090;
	
	
}


.tableFixHead thead th {
        position: sticky; /* make the table heads sticky */
        top: 0px; /* table head will be placed from the top of the table and sticks to it */
        background-color: #cccccc;
      }

table.dataTable thead>tr>td.sorting,
table.dataTable thead>tr>td.sorting_asc,
table.dataTable thead>tr>td.sorting_desc,
table.dataTable thead>tr>th.sorting,
table.dataTable thead>tr>th.sorting_asc,
table.dataTable thead>tr>th.sorting_desc {
  padding-right: 30px
}

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_desc_disabled {
  cursor: pointer;
  position: relative
}

table.dataTable thead .sorting:after,
table.dataTable thead .sorting:before,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_desc_disabled:after,
table.dataTable thead .sorting_desc_disabled:before {
  position: absolute;
  bottom: .9em;
  display: block;
  opacity: .3
}

table.dataTable thead .sorting:before,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_desc_disabled:before {
  right: 1em;
  content: "\f0de";
  font-family: FontAwesome;
  font-size: 1rem
}

table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_desc_disabled:after {
  content: "\f0dd";
  font-family: FontAwesome;
  right: 16px;
  font-size: 1rem
}

table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_desc:after {
  opacity: 1
}

table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_desc_disabled:after {
  opacity: 0
}			

.my-custom-scrollbar {
position: relative;
height: 500px;
overflow: auto;

}
.table-wrapper-scroll-y {
display: block;
}




.mdb-color, .btn-mdb-color, .brown
{
	background-color:#000000 !important;
	
}

.light_brown
{
	background-color: rgba(194,183,168);  /* #918993; */ 
	
}
.dropdown-item:hover
{
    background-color: #ffffff !important; /* rgba(194,183,168)!important;*/
    
    -webkit-box-shadow:0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
    box-shadow:0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
    -webkit-border-radius:.125rem;
    border-radius:.125rem
}

.picker__date-display .picker__weekday-display {
    background-color: #000000;
    padding: .625rem;
    font-weight: 200;
    letter-spacing: .5;
    font-size: 1rem;
    margin-bottom: .9375rem;
}

.picker__box .picker__header .picker__date-display .picker__weekday-display  {
    text-align: center;
    background-color: #000000;
    padding-bottom: .9375rem;
    font-weight: 300;
    margin-bottom: 1rem;
}


.picker__box .picker__header .picker__date-display {
    text-align: center;
    background-color: #000000;
    padding-bottom: .9375rem;
    font-weight: 300;
    margin-bottom: 1rem;
}

.picker__box .picker__header
.picker__day--selected:hover {
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9);
    background-color: #000000;
    -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18), 0 4px 15px 0 rgba(0,0,0,.15);
    box-shadow: 0 5px 11px 0 rgba(0,0,0,.18), 0 4px 15px 0 rgba(0,0,0,.15);
}

.picker__box .picker__table .picker--focused, .picker__box .picker__table .picker__day--selected, .picker__box .picker__table .picker__day--selected:hover {
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9);
    background-color: #000000;
    -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18), 0 4px 15px 0 rgba(0,0,0,.15);
    box-shadow: 0 5px 11px 0 rgba(0,0,0,.18), 0 4px 15px 0 rgba(0,0,0,.15);
}

.picker__date-display {
    text-align: center;
    background-color: #000000;
    padding-bottom: .9375rem;
    font-weight: 300;
    margin-bottom: 1rem;
}

.picker__date-display .clockpicker-display {
    vertical-align: middle;
    display: inline-block;
    margin: auto;
    height: 5.3125rem;
    font-size: 4.375rem;
    padding: .625rem .625rem 0;
    color: #de2828;
}

.picker__date-display .clockpicker-display {
    vertical-align: middle;
    display: inline-block;
    margin: auto;
    height: 5.3125rem;
    font-size: 4.375rem;
    padding: .625rem .625rem 0;
    color: #ffffff;
}

.btn.btn-sm2 {
    padding: 0.2rem 1.0rem;
    font-size: 0.64rem; 

}