.green.accent-5 {
   background-color: #029A02 !important;
}

.green-text.text-accent-5 {
   color: #029A02 !important;
}

.btn-xs {
   padding: 1px 5px;
   font-size: 11px;
   line-height: 1.5;
   border-radius: 3px;
}

.btn-sm {
   padding: 5px 10px;
   font-size: 11px;
   line-height: 1.5;
   border-radius: 3px;
}

.container-fluid {
   margin-right: auto;
   margin-left: auto;
   padding-left: 15px;
   padding-right: 15px;
}

label {
  font-size: 14px;
  color: #000000;
}


/* Text inputs */
input:not([type]),
input[type=text],
input[type=password],
input[type=email],
input[type=url],
input[type=time],
input[type=date],
input[type=datetime],
input[type=datetime-local],
input[type=tel],
input[type=number],
input[type=search],
textarea.materialize-textarea {
   background-color: transparent;
   border: inset;
   border-top: 2px inset #EEEEEE;
   border-bottom: 2px inset #EEEEEE;
   border-left: 2px inset #EEEEEE;
   border-right: 2px inset #EEEEEE;
   border-radius: 0;
   outline: none;
   width: auto;
   height: 22px;
   font-size: 1rem;
   margin: 5px 0 5px 0;
   padding: 0;
   box-shadow: none;
   box-sizing: content-box;
   transition: all 0s;
}

input:not([type]):focus:not([readonly]),
input[type=text]:focus:not([readonly]),
input[type=password]:focus:not([readonly]),
input[type=email]:focus:not([readonly]),
input[type=url]:focus:not([readonly]),
input[type=time]:focus:not([readonly]),
input[type=date]:focus:not([readonly]),
input[type=datetime]:focus:not([readonly]),
input[type=datetime-local]:focus:not([readonly]),
input[type=tel]:focus:not([readonly]),
input[type=number]:focus:not([readonly]),
input[type=search]:focus:not([readonly]),
textarea.materialize-textarea:focus:not([readonly]) {
   /* border-bottom: 1px solid #26a69a; */
   /* box-shadow: 0 1px 0 0 #26a69a;    */
   border-bottom: 2px inset #000000;
   box-shadow: none;
}

input:not([type]):focus:not([readonly]) + label,
input[type=text]:focus:not([readonly]) + label,
input[type=password]:focus:not([readonly]) + label,
input[type=email]:focus:not([readonly]) + label,
input[type=url]:focus:not([readonly]) + label,
input[type=time]:focus:not([readonly]) + label,
input[type=date]:focus:not([readonly]) + label,
input[type=datetime]:focus:not([readonly]) + label,
input[type=datetime-local]:focus:not([readonly]) + label,
input[type=tel]:focus:not([readonly]) + label,
input[type=number]:focus:not([readonly]) + label,
input[type=search]:focus:not([readonly]) + label,
textarea.materialize-textarea:focus:not([readonly]) + label {
   /*color: #26a69a;  */
   color: #000000;
}

input:not([type]).validate + label,
input[type=text].validate + label,
input[type=password].validate + label,
input[type=email].validate + label,
input[type=url].validate + label,
input[type=time].validate + label,
input[type=date].validate + label,
input[type=datetime].validate + label,
input[type=datetime-local].validate + label,
input[type=tel].validate + label,
input[type=number].validate + label,
input[type=search].validate + label,
textarea.materialize-textarea.validate + label {
   width: auto;
   pointer-events: none;
}

input:not([type]) + label:after,
input[type=text] + label:after,
input[type=password] + label:after,
input[type=email] + label:after,
input[type=url] + label:after,
input[type=time] + label:after,
input[type=date] + label:after,
input[type=datetime] + label:after,
input[type=datetime-local] + label:after,
input[type=tel] + label:after,
input[type=number] + label:after,
input[type=search] + label:after,
textarea.materialize-textarea + label:after {
   display: block;
   content: "";
   position: absolute;
   top: 60px;
   opacity: 0;
   /*transition: .2s opacity ease-out, .2s color ease-out; */
   transition: none;
}

.input-field label {
   /* color: #9e9e9e; */
   color: #000000;
   position: absolute;
   top: 0.8rem;
   font-size: 1rem;
   cursor: text;
   /* transition: .2s ease-out; */
   transition: none;
}

.input-field .prefix {
   position: absolute;
   width: 3rem;
   font-size: 2rem;
   /*transition: color .2s; */
   transition: none;
}

.input-field input[type=search] ~ .mdi-navigation-close,
.input-field input[type=search] ~ .material-icons {
   position: absolute;
   top: 0;
   right: 1rem;
   color: transparent;
   cursor: pointer;
   font-size: 2rem;
   /* transition: .3s color; */
   transition: none;
}

/* Textarea */
textarea {
   width: auto;
   height: 3rem;
   background-color: transparent;
}

/* Select Field
   ========================================================================== */
select {
  display: inline;
}

select {
  background-color: rgba(255, 255, 255, 0.9);
  width: auto;
  padding: 1px;
  border: 1px solid #A9A9A9;
  border-radius: 2px;
  height: auto;
  -webkit-appearance: menulist;
}

table {
   width: auto;
}

td, th {
   border-radius: 0px;
   white-space: nowrap;
   padding: 2px;
   font-size: 12px;
}

thead {
   border-bottom: 0px solid #d0d0d0;
}

.card .card-content p {
   margin: 10px 0px 10px 0px;
}

ul.browser-default {
  padding-left: 30px;
  margin-top: 10px;
  margin-bottom: 15px;
}
ul.browser-default li {
  list-style-type: initial;
}

.blue:checked + label:before {
  top: -4px;
  left: -3px;
  width: 10px;
  height: 16px;
  border-top: 3px solid transparent;
  border-left: 3px solid transparent;
  border-right: 3px solid #337AB7; /* You need to change the colour here */
  border-bottom: 3px solid #337AB7; /* And here */
  -webkit-transform: rotate(40deg);
  -moz-transform: rotate(40deg);
  -ms-transform: rotate(40deg);
  -o-transform: rotate(40deg);
  transform: rotate(40deg);
  -webkit-backface-visibility: hidden;
  -webkit-transform-origin: 100% 100%;
  -moz-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  -o-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}

.blue:not(:checked) + label:before {
  width: 14px;
  height: 14px;
  border-top: 1px solid black;
  border-left: 1px solid black;
  border-right: 1px solid black; /* You need to change the colour here */
  border-bottom: 1px solid black; /* And here */
}

.red:checked + label:before {
  top: -4px;
  left: -3px;
  width: 10px;
  height: 16px;
  border-top: 3px solid transparent;
  border-left: 3px solid transparent;
  border-right: 3px solid red; /* You need to change the colour here */
  border-bottom: 3px solid red; /* And here */
  -webkit-transform: rotate(40deg);
  -moz-transform: rotate(40deg);
  -ms-transform: rotate(40deg);
  -o-transform: rotate(40deg);
  transform: rotate(40deg);
  -webkit-backface-visibility: hidden;
  -webkit-transform-origin: 100% 100%;
  -moz-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  -o-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}

.red:not(:checked) + label:before {
  width: 14px;
  height: 14px;
  border-top: 1px solid black;
  border-left: 1px solid black;
  border-right: 1px solid black; /* You need to change the colour here */
  border-bottom: 1px solid black; /* And here */
}

.green:checked + label:before {
  top: -4px;
  left: -3px;
  width: 10px;
  height: 16px;
  border-top: 3px solid transparent;
  border-left: 3px solid transparent;
  border-right: 3px solid #029A02; /* You need to change the colour here */
  border-bottom: 3px solid #029A02; /* And here */
  -webkit-transform: rotate(40deg);
  -moz-transform: rotate(40deg);
  -ms-transform: rotate(40deg);
  -o-transform: rotate(40deg);
  transform: rotate(40deg);
  -webkit-backface-visibility: hidden;
  -webkit-transform-origin: 100% 100%;
  -moz-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  -o-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}

.green:not(:checked) + label:before {
  width: 14px;
  height: 14px;
  border-top: 1px solid black;
  border-left: 1px solid black;
  border-right: 1px solid black; /* You need to change the colour here */
  border-bottom: 1px solid black; /* And here */
}

.black-small:checked + label:before {
  top: -4px;
  left: -3px;
  width: 8px;
  height: 14px;
  border-top: 1px solid transparent;
  border-left: 1px solid transparent;
  border-right: 1px solid black; /* You need to change the colour here */
  border-bottom: 1px solid black; /* And here */
  -webkit-transform: rotate(40deg);
  -moz-transform: rotate(40deg);
  -ms-transform: rotate(40deg);
  -o-transform: rotate(40deg);
  transform: rotate(40deg);
  -webkit-backface-visibility: hidden;
  -webkit-transform-origin: 100% 100%;
  -moz-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  -o-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}

.black-small:not(:checked) + label:before {
  width: 12px;
  height: 12px;
  border-top: 1px solid black;
  border-left: 1px solid black;
  border-right: 1px solid black; /* You need to change the colour here */
  border-bottom: 1px solid black; /* And here */
}

[type="checkbox"] + label {
   height: 16px;
}

button.dt-button, div.dt-button, a.dt-button {
   width: 150px;
}

.tabs .tab {
  text-transform: none;
}

.tab-blue a.ui-tabs-anchor {
   color: #337AB7;
}
.tab-blue.ui-state-active {
   background-color: #337AB7;
   border: 1px solid #337AB7;
}
.tab-blue.ui-state-active a {
   color: #ffffff;
}
.tab-blue a:focus {
   outline-color: #337AB7;
}
.tab-red a.ui-tabs-anchor {
   color: #C62828;
}
.tab-red.ui-state-active {
   background-color: #C62828;
   border: 1px solid #C62828;
}
.tab-red.ui-state-active a {
   color: #ffffff;
}
.tab-red a:focus {
   outline-color: #C62828;
}
.tab-black a.ui-tabs-anchor {
   color: #000000;
}
.tab-black.ui-state-active {
   background-color: #000000;
   border: 1px solid #000000;
}
.tab-black.ui-state-active a {
   color: #ffffff;
}
.tab-black a:focus {
   outline-color: #000000;
}
.tab-grey a.ui-tabs-anchor {
   color: #455A64;
}
.tab-grey.ui-state-active {
   background-color: #455A64;
   border: 1px solid #455A64;
}
.tab-grey.ui-state-active a {
   color: #ffffff;
}
.tab-grey a:focus {
   outline-color: #455A64;
}
.tab-lightgrey a.ui-tabs-anchor {
   color: #455A64;
}
.tab-lightgrey.ui-state-active {
   background-color: #B0BEC5;
   border: 1px solid #B0BEC5;
}
.tab-lightgrey.ui-state-active a {
   color: #ffffff;
}
.tab-lightgrey a:focus {
   outline-color: #B0BEC5;
}
.tab-green a.ui-tabs-anchor {
   color: #029A02;
}
.tab-green.ui-state-active {
   background-color: #029A02;
   border: 1px solid #029A02;
}
.tab-green.ui-state-active a {
   color: #ffffff;
}
.tab-green a:focus {
   outline-color: #029A02;
}
.tab-yellow a.ui-tabs-anchor {
   color: #f89406;
}
.tab-yellow.ui-state-active {
   background-color: #f89406;
   border: 1px solid #f89406;
}
.tab-yellow.ui-state-active a {
   color: #ffffff;
}
.tab-yellow a:focus {
   outline-color: #f89406;
}