.btn-Purple {
  background-color: #327ad4;
  border-color: #327ad4;
  color: #FFF ;
  transition: all 2s ;
}

.btn-Purple:hover, .btn-Purple:focus, .btn-Purple:active, .btn-Purple.active, .open .dropdown-toggle.btn-Purple {
  background-color: #042958;
  border-color: #042958;
  color: #FFF ;
color: #c1fbd2;
  transform: rotate(5deg)
}

.btn-Red {
  background-color: #006933;
  color: #FFF ;
  border-color: #006933;
  transition: all 2s ;
}

.btn-Red:hover, .btn-Red:focus, .btn-Red:active, .btn-Red.active, .open .dropdown-toggle.btn-Red {
  background-color: #013e1f;
  color: #FFF ;
color: #c1fbd2;
  border-color: #013e1f;
  transform: rotate(5deg)
}

.btn-Pink {
  background-color: #D45777;
  color: #FFE9EA ;
  border-color: #D45777;
  transition: all 2s ;
}

.btn-Pink:hover, .btn-Pink:focus, .btn-Pink:active, .btn-Pink.active, .open .dropdown-toggle.btn-Pink {
 opacity: 0.6;
  transform: rotate(5deg)
}

.btn-Brown {
  background-color: #808000;
  color: #FFF ;
  border-color: #808000;
  transition: all 2s ;
}

.btn-Brown:hover, .btn-Brown:focus, .btn-Brown:active, .btn-Brown.active, .open .dropdown-toggle.btn-Brown {
  background-color: #4f4f02;
  color: #FFF ;
color: #c1fbd2;
  border-color: #4f4f02;
  transform: rotate(5deg)
}

.btn-Gold {
  background-color: #B6F5FF;
  color: #000 ;
  border-color: #B6F5FF;
  transition: all 2s ;
}

.btn-Gold:hover, .btn-Gold:focus, .btn-Gold:active, .btn-Gold.active, .open .dropdown-toggle.btn-Gold {
  background-color: #B6F5FF;
  color: #000 ;
color: #000;
  border-color: #B6F5FF;
  transform: rotate(5deg)
}

.btn-GReen {
  background-color: #2cc555;
  color: #FFF ;
  border-color: #2cc555;
  transition: all 2s ;
}

.btn-GReen:hover, .btn-GReen:focus, .btn-GReen:active, .btn-GReen.active, .open .dropdown-toggle.btn-GReen {
  background-color: #0e7128;
  color: #FFF ;
color: #c1fbd2;
  border-color: #0e7128;
  transform: rotate(5deg)
}

.btn-Yellow {
  background-color: #417ff6;
  color: #FFF ;
  border-color: #417ff6;
  transition: all 2s ;
}

.btn-Yellow:hover, .btn-Yellow:focus, .btn-Yellow:active, .btn-Yellow.active, .open .dropdown-toggle.btn-Yellow {
  background-color: #164195;
  color: #FFF ;
color: #c1fbd2;
  border-color: #164195;
  transform: rotate(5deg)
}

.btn-brightred {
  background-color: #f72020;
  color: #FFF ;
  border-color: #f72020;
  transition: all 2s ;
}

.btn-brightred:hover, .btn-brightred:focus, .btn-brightred:active, .btn-brightred.active, .open .dropdown-toggle.btn-brightred {
  background-color: #7a0a0a;
  color: #FFF ;
color: #c1fbd2;
  border-color: #7a0a0a;
  transform: rotate(5deg)
}

.btn-jeffYellow {
  background-color: #BCF2BF;
  color: #198F24 ;
  border-color: #BCF2BF;
  transition: all 2s ;
}

.btn-jeffYellow:hover, .btn-jeffYellow:focus, .btn-jeffYellow:active, .btn-jeffYellow.active, .open .dropdown-toggle.btn-jeffYellow {
  background-color: #BCF2BF;
  color: #198F24 ;
color: #198F24;
  border-color: #BCF2BF;
  transform: rotateY(180deg);
  transform: rotate(5deg)
}

.btn-jeffLblue {
  background-color: #21bfcf;
  color: #FFF ;
  border-color: #21bfcf;
  transition: all 2s ;
}

.btn-jeffLblue:hover, .btn-jeffLblue:focus, .btn-jeffLblue:active, .btn-jeffLblue.active, .open .dropdown-toggle.btn-jeffLblue {
  background-color: #127f8a;
  color: #FFF ;
  color: #c1fbd2;
  border-color: #127f8a;
  transform: rotateY(180deg);
  transform: rotate(5deg)
}

.btn-jeffadmin {
  background-color: #3966eb;
  color: #FFF ;
  border-color: #3966eb;
  transition: all 2s ;
}

.btn-jeffadmin:hover, .btn-jeffadmin:focus, .btn-jeffadmin:active, .btn-jeffadmin.active, .open .dropdown-toggle.btn-jeffadmin {
  background-color: #0e38b6;
  color: #FFF ;
color: #c1fbd2;
  border-color: #0e38b6;
  transform: rotate(5deg)
}

.txt-jeffcustomgrey {
  color: #FFF ;
color: #d7dee6 !important;
  text-shadow: 2px 2px #110f0f ;
  transition: all 1s ;
}
.txt-jeffcustomgrey:hover {
  color: #030000 ;
color: #053266 !important;
  text-shadow: 2px 2px #f2a6a6;
  }

.txt-jeffcustomblue {
  color: #FFF ;
  color: #1165b8 !important;
  text-shadow: 2px 2px #4ff6e7;
  transition: all  2s ;

}

.txt-jeffcustomblue:hover {
  color: #FFF ;
color: #f72e21 !important;

  
}
.txt-jeffcustomblue:hover .title a {
  display: none;
}
.txt-jeffcustomblue:hover .title:after {

}
.txt-jeffcustomdarkblue {
  color: #FFF ;
color: #02407d !important;
  text-shadow: 2px 2px #13a89b;
  transition: color 2s ;

}

.txt-jeffcustomdarkblue:hover {
  color: #FFF ;
color: #f72e21 !important
}

.txt-jeffcustomdarkgrey {
  color: #FFF ;
color: #535558 !important;
  text-shadow: 1px 1px #9fab14;
  transition: color 2s ;
}

.txt-jeffcustomdarkgrey:hover {
  color: #FFF ;
color: #0947a4 !important
}

.jefftransit {
  transition: all 2s ;
}

.jeffturnred {
  color: #FFF ;
color: orange;
  transition: color 2s ;
}

.jeffturnred:hover {
  color: #FFF ;
color: #f01313
}

.jeffturnpink {
  color: #FFF ;
color: red;
  transition: color 2s ;
}

.jeffturnpink:hover {
  color: #FFF ;
color: pink
}

.jeffturnblue {
  color: #FFF ;
color: green;
  transition: color 2s ;
}

.jeffturnblue:hover {
  color: #FFF ;
color: blue
}

.btn-jeffprimary {
  color: #060055 ;
  background-color: #DDF2FD;
  border-color: #DDF2FD;
  transition: all 2s ;
}

.btn-jeffprimary:hover {
opacity: 0.6;

  transform: rotate(5deg)
}

.btn-jeffprimary.focus, .btn-jeffprimary:focus  {
  box-shadow: 0 0 0 .2rem rgba(38, 143, 255, .5)
}
.btn-jeffMint.focus, .btn-jeffMint:focus  {
  box-shadow: 0 0 0 .2rem rgba(38, 143, 255, .5)
}
.btn-jeffprimary.disabled, .btn-jeffprimary:disabled {
  color: #FFF ;

}

.btn-jeffprimary:not(:disabled):not(.disabled).active, .btn-jeffprimary:not(:disabled):not(.disabled):active, .show>.btn-jeffprimary.dropdown-toggle {
  color: #FFF ;

}

.btn-jeffprimary:not(:disabled):not(.disabled).active:focus, .btn-jeffprimary:not(:disabled):not(.disabled):active:focus, .show>.btn-jeffprimary.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(38, 143, 255, .5)
}

.btn-jeffsecondary {
  color: #FFFBF0 ;
  background-color: #6C6C6C;
  border-color: #6C6C6C;
  transition: all 2s ;
}
.btn-jeffMint {
  background-color: #95BFC9;
  color: #FFF ;
  border-color: #95BFC9;
  transition: all 2s ;
}
.btn-jeffsecondary:hover {
 opacity: 0.8;
  transform: rotate(5deg)
}

.btn-jeffsecondary.focus, .btn-jeffsecondary:focus {
  box-shadow: 0 0 0 .2rem rgba(130, 138, 145, .5)
}

.btn-jeffsecondary.disabled, .btn-jeffsecondary:disabled {
  color: #FFFBF0 ;
  background-color: #6C6C6C;
  border-color: #6C6C6C
}

.btn-jeffsecondary:not(:disabled):not(.disabled).active, .btn-jeffsecondary:not(:disabled):not(.disabled):active, .show>.btn-jeffsecondary.dropdown-toggle {
  color: #FFFBF0 ;
  background-color: #6C6C6C;
  border-color: #6C6C6C
}

.btn-jeffsecondary:not(:disabled):not(.disabled).active:focus, .btn-jeffsecondary:not(:disabled):not(.disabled):active:focus, .show>.btn-jeffsecondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(130, 138, 145, .5)
}

.btn-jeffsuccess {
  color: #044321 ;
  background-color: #BBDBAB;
  border-color: #BBDBAB;
  transition: all 2s ;
}

.btn-jeffsuccess:hover {
  opacity: 0.6;
  transform: rotate(5deg)
}

.btn-jeffsuccess.focus, .btn-jeffsuccess:focus {
  box-shadow: 0 0 0 .2rem rgba(72, 180, 97, .5)
}

.btn-jeffsuccess.disabled, .btn-jeffsuccess:disabled {
  color: #044321 ;
  background-color: #BBDBAB;
  border-color: #BBDBAB
}

.btn-jeffsuccess:not(:disabled):not(.disabled).active, .btn-jeffsuccess:not(:disabled):not(.disabled):active, .show>.btn-jeffsuccess.dropdown-toggle {
  color: #044321 ;
  background-color: #BBDBAB;
  border-color: #BBDBAB
}

.btn-jeffsuccess:not(:disabled):not(.disabled).active:focus, .btn-jeffsuccess:not(:disabled):not(.disabled):active:focus, .show>.btn-jeffsuccess.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(72, 180, 97, .5)
}

.btn-jeffinfo {
  color: #FFF ;
  background-color: #17a2b8;
  border-color: #17a2b8;
  transition: all 2s ;
}

.btn-jeffinfo:hover {
  opacity: 0.6;
  transform: rotate(5deg)
}

.btn-jeffinfo.focus, .btn-jeffinfo:focus {
  box-shadow: 0 0 0 .2rem rgba(58, 176, 195, .5)
}

.btn-jeffinfo.disabled, .btn-jeffinfo:disabled {
  color: #FFF ;
  background-color: #17a2b8;
  border-color: #17a2b8
}

.btn-jeffinfo:not(:disabled):not(.disabled).active, .btn-jeffinfo:not(:disabled):not(.disabled):active, .show>.btn-jeffinfo.dropdown-toggle {
  color: #FFF ;
  background-color: #117a8b;
  border-color: #10707f
}

.btn-jeffinfo:not(:disabled):not(.disabled).active:focus, .btn-jeffinfo:not(:disabled):not(.disabled):active:focus, .show>.btn-jeffinfo.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(58, 176, 195, .5)
}

.btn-jeffwarning {
  color: #FFF ;
color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
  transition: all 2s ;
}

.btn-jeffwarning:hover {
 opacity: 0.6;
  transform: rotate(5deg)
}

.btn-jeffwarning.focus, .btn-jeffwarning:focus {
  box-shadow: 0 0 0 .2rem rgba(222, 170, 12, .5)
}

.btn-jeffwarning.disabled, .btn-jeffwarning:disabled {
  color: #FFF ;
color: #212529;
  background-color: #ffc107;
  border-color: #ffc107
}

.btn-jeffwarning:not(:disabled):not(.disabled).active, .btn-jeffwarning:not(:disabled):not(.disabled):active, .show>.btn-jeffwarning.dropdown-toggle {
  color: #FFF ;
color: #212529;
  background-color: #d39e00;
  border-color: #c69500
}

.btn-jeffwarning:not(:disabled):not(.disabled).active:focus, .btn-jeffwarning:not(:disabled):not(.disabled):active:focus, .show>.btn-jeffwarning.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(222, 170, 12, .5)
}

.btn-jeffdanger {
  color: #FFF ;
  background-color: #dc3545;
  border-color: #dc3545;
  transition: all 2s ;
}

.btn-jeffdanger:hover {
opacity: 0.6;
  transform: rotate(5deg)
}

.btn-jeffdanger.focus, .btn-jeffdanger:focus {
  box-shadow: 0 0 0 .2rem rgba(225, 83, 97, .5)
}

.btn-jeffdanger.disabled, .btn-jeffdanger:disabled {
  color: #FFF ;
  background-color: #dc3545;
  border-color: #dc3545
}

.btn-jeffdanger:not(:disabled):not(.disabled).active, .btn-jeffdanger:not(:disabled):not(.disabled):active, .show>.btn-jeffdanger.dropdown-toggle {
  color: #FFF ;
  background-color: #bd2130;
  border-color: #b21f2d
}

.btn-jeffdanger:not(:disabled):not(.disabled).active:focus, .btn-jeffdanger:not(:disabled):not(.disabled):active:focus, .show>.btn-jeffdanger.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(225, 83, 97, .5)
}

.btn-jefflight {
  color: #FFF ;
color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
  transition: all 2s ;
}

.btn-jefflight:hover {
opacity: 0.6;
  transform: rotate(5deg);
}
.btn-jeffMint:hover {
 opacity: 0.6;
  transform: rotate(5deg);
}
.Jeffturn{
  transform: rotate(0deg);
transition: all 10s ;
}

.Jeffturn:hover{
  transform: rotate(180deg);
}

.btn-jefflight.focus, .btn-jefflight:focus {
  box-shadow: 0 0 0 .2rem rgba(216, 217, 219, .5)
}

.btn-jefflight.disabled, .btn-jefflight:disabled {
  color: #FFF ;
color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa
}

.btn-jefflight:not(:disabled):not(.disabled).active, .btn-jefflight:not(:disabled):not(.disabled):active, .show>.btn-jefflight.dropdown-toggle {
  color: #FFF ;
color: #212529;
  background-color: #dae0e5;
  border-color: #d3d9df
}

.btn-jefflight:not(:disabled):not(.disabled).active:focus, .btn-jefflight:not(:disabled):not(.disabled):active:focus, .show>.btn-jefflight.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(216, 217, 219, .5)
}

.btn-jeffdark {
  color: #FFF ;
  background-color: #6C6C6C;
  border-color: #6C6C6C;
  transition: all 2s ;
}

.btn-jeffdark:hover {
  opacity: 0.6;
  transform: rotate(5deg)
}

.btn-jeffdark.focus, .btn-jeffdark:focus {
  box-shadow: 0 0 0 .2rem rgba(82, 88, 93, .5)
}

.btn-jeffdark.disabled, .btn-jeffdark:disabled {
 opacity: 0.6;
  border-color: #6C6C6C
}

.btn-jeffdark:not(:disabled):not(.disabled).active, .btn-jeffdark:not(:disabled):not(.disabled):active, .show>.btn-jeffdark.dropdown-toggle {

  border-color: #6C6C6C
}

.btn-jeffdark:not(:disabled):not(.disabled).active:focus, .btn-jeffdark:not(:disabled):not(.disabled):active:focus, .show>.btn-jeffdark.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(82, 88, 93, .5)
}

input:hover {
  background-color: rgba(255, 240, 215, 0.78);
  box-shadow: 2px 2px 5px #f74646, -2px -2px 5px #4688f7;
  transition: all 1s
}

input:focus {
  background-color: rgba(212, 255, 221, 0.57) !important;
  box-shadow: 2px 2px 5px #fa8383, -2px -2px 5px #98bcf9 !important;
  color: black !important;
  transition: all 2s ease
}


.Satisfy {font-family: 'Satisfy', cursive;}


.JefflinkNUL:hover, .JefflinkNUL:visited, .JefflinkNUL:active, .JefflinkNUL:link {
  text-decoration: none !important;
}

.jumbotron-fluid:hover{
  background-color: #74b6f7 !important;
}
.changetext {

}
.changetext:hover {

  transition: all 500ms ease-in-out;
}

.changetext:hover{
  content: "Naar Zuit Database App";
}
.tablejeff2 th {
     background-color: #B9E0FF;
  color: #070B35 ;
}
.tablejeff2 td {
     
  color: #070B35 ;
}
.tablejeff2 tr:nth-child(even) {
     
  background-color: #FBFBFF;
}
.tablejeff2 td {
  padding: 10px;
  border-style: solid; 
  border-width: 1px;
  white-space: nowrap;
}