* {
    border-radius: 0 !important;
}

body {
    font-size: 16px !important;
}



/* TAKELINGEN */

#admin-takelingen-datatable a:hover,
#admin-takelingen-datatable a:active,
#admin-takelingen-datatable a:link,
#admin-takelingen-datatable a:visited {
    color: #333;
}

#btnNieuweTakeling {
    position: fixed;
    right: 20px;
    z-index: 1000;
}

#btnAanlevering {
    /*position: fixed;*/ 
    /*right: 20px;
    z-index: 1000;*/
}
.btnaanlevering {
  background-color: #2A9AD7;
  border-color: #2A9AD7;
  color: #FFF;
}
.btnaanlevering:hover {
  background-color: #FFF;
  border-color: #2A9AD7;
  color: #2A9AD7;
}
.btnnieuw {
  background-color: #ed1b39;
  border-color: #fff;
  color: #fff;
}
.btnnieuw:hover {
  background-color: #fff;
  border-color: #fff;
  color: #ed1b39;
}

.btnsave {
  background-color: #458b00;
  border-color: #458b00;
  color: #fff;
}
.btnsave:hover {
  background-color: #fff;
  border-color: #fff;
  color: #458b00;
}

.btnontlastingform {
  background-color: #2A9AD7;
  border-color: #2A9AD7;
  color: #FFF;
}
.btnontlastingform:hover {
  background-color: #FFF;
  border-color: #2A9AD7;
  color: #2A9AD7;
}


#zwevend_opslaan{
  background-color: #458b00;
  background-position: left 12px center;
  background-repeat: no-repeat;
  color: #fff;
  position: fixed;
  top: 95px;
  right: 35px;
  padding: 5px 10px; 
  z-index: 500;
}

#zwevend_opslaan2 {
    background-color: #2A9AD7;    
    background-position: left 12px center;
    background-repeat: no-repeat;
    color: #fff;
    position: fixed;
    top: 95px;    
    right: 65px;
    padding:5px 10px;
    z-index: 500;
}



/* TAKELING */ 
#form-rit label {
    font-weight: bold;
    font-size: 110%;
}


.selectgroup-button {
    border-color: #333;
    color: #333;
}

#form-rit select {
    border-color: #333;
    color: #333;
}

#form-rit input[type=text] {
    border-color: #333;
    color: #333;
}

#form-rit textarea {
    border-color: #333;
    color: #333;
}

/* CLASSES */

.w125px {
    width: 125px !important;
}

.bg-primary {
    background-color: #ed1b39 !important;
}

.mw-300 {
    max-width: 300px;
}


.btnRedWhite {
    background-color: #ed1b39;
    border-color: #ed1b39;
    color: #FFF;
    
}
.btnRedWhite:hover {
    background-color: #fff;
    border-color: #ed1b39;
    color: #ed1b39;
    
}
.btnGreenWhite {
    background-color: #439854;
    border-color: #439854;
    color: #FFF;
    
}
.btnGreenWhite:hover {
    background-color: #fff;
    border-color: #439854;
    color: #439854;
    
}

.btnBlueWhite {
    background-color: #2A9AD7;
    border-color: #2A9AD7;
    color: #FFF;
}
.btnBlueWhite:hover {
    background-color: #FFF;
    border-color: #2A9AD7;
    color: #2A9AD7;
}


.circle {
    width: 15px;
    height: 15px;
    border-radius: 50% !important;
    display: inline-block;
}


.selectgroup-input:checked+.selectgroup-button {
  border-color: #439854;
  z-index: 1;
  color: #FFF;
  background: #439854;
}
.colorinput-color {
  display: inline-block;
  width: 36px;
  height: 36px;
  border-radius: 3px;
  border: 1px solid #ccc;
  color: #439854;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}
.colorinput-input:checked ~ .colorinput-color:before {
  border: 1px solid #439854;
  background-color: #439854;
  opacity: 1;
  width: 28px;
  height: 28px;
}


.pointer {
    cursor: pointer;
}

.header-brand-img {
  max-height: 48px;
  width: auto;
}
.mobile-logo {
  max-height: 36px;
  width: auto;
}


/* Colors */
.circle-blue   { background-color: #3498db; }
.circle-green  { background-color: #2ecc71; }
.circle-red    { background-color: #e74c3c; }
.circle-orange { background-color: #f39c12; }
.circle-yellow { background-color: #f1c40f; }


.text-red {
    color: #ed1b39;
}

.min-h-100 {
    min-height: 100px !important;
}

.min-h-double-row {
    min-height: 127px !important;
}
.form-switch .form-check-input {
  border-radius: 2em !important;
}
.form-check-input:checked {
  background-color: green;
  border-color: green;
}

/*
.card-body {
  padding: 16px;
}
*/
/* SCHADE */
polygon:hover {
  stroke: hsla(351deg, 85%, 52%, 0.9);
  stroke-width: 2px;
  fill: hsla(351deg, 85%, 52%, 0.9);
}

circle:hover {
  stroke: hsla(351deg, 85%, 52%, 0.9);
  stroke-width: 2px;
  fill: hsla(351deg, 85%, 52%, 0.9);
}

polygon.active {
  stroke: hsla(351deg, 85%, 52%, 0.9);
  stroke-width: 2px;
  fill: hsla(351deg, 85%, 52%, 0.9);
}

circle.active {
  stroke: hsla(351deg, 85%, 52%, 0.9);
  stroke-width: 2px;
  fill: hsla(351deg, 85%, 52%, 0.9);
}





polygon {
    fill: transparent;
    cursor: pointer;
    transition: fill 0.2s ease;
}

/* Selected state */
polygon.active {
    fill: red;
}

circle {
    fill: transparent;
    cursor: pointer;
    transition: fill 0.2s ease;
}

/* Selected state */
circle.active {
    fill: red;
}

/* Hover ONLY if not active */
@media (hover: hover) {
    polygon:not(.active):hover {
        fill: rgba(255, 0, 0, 0.4);
    }
    circle:not(.active):hover {
        fill: rgba(255, 0, 0, 0.4);
    }
}





.documenten-hidden {
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.2s;
}

.documenten-visible {
    opacity: 1;
    pointer-events: auto;
}