:root {
  --orange: #d19257;
  --red: #e06c75;
  --medium-gray: rgb(176, 169, 143);
  --light: #f0f8ff;
  --highlight: #ffcc66;
  --th-txt: #ffcc66;
  --td-txt: #cccccc;
  --cap-txt: #ffcc66;
  --footer-background: rgba(0, 0, 0, 0.2);
  --success: rgb(69, 178, 69);
  --success-background: rgb(25, 65, 25);
  --frm-lbl: #9fa4a8;
  /* --form-border: #42494f; */
  --form-border: #383e44;
  --form-legend: #ccc;
  --input-border: #9fa4a8;
  --input-background: #212529;
  --frm-background: #212529;
  --btn: #393f45;
  --btn-border: #b3b8bd;
  /* --btn-over: #42494f; */
  --btn-over: #212529;
  --btn-text: #b3b8bd;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  /* letter-spacing: 1px; */
}


/* HAS INPUT CHECK */

.error {
  outline: 0;
  border-color: var(--red) !important;
}

/* .error input:focus {
  outline: 0;
} */

.message {
  width: 100%;
  display: flex;
  justify-content: center;
}

.message .success {
  color: var(--success);
  /* animation: buttons .3s linear; */
  /* display: none; */
}

/* .message .danger {
  color: var(--red);
  display: none;
} */

.message .error {
  color: var(--red);
  display: none;
}

.my-form {
  border: 1px solid var(--form-border);
  border-radius: 5px;
  /* box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2), 0 0 20px 0 rgba(0, 0, 0, 0.19); */
  box-shadow: 0 0 15px 3px rgba(0, 0, 0, 0.3);
  /* box-shadow: 0 0 18px 4px rgba(54, 54, 54, 0.5); */
  background-color: var(--frm-background);
}

.my-table {
  /* box-shadow: 0 0 8px 2px rgba(184, 83, 83, 0.5), 0 0 8px 8px rgba(0, 0, 0, 0.4); */
  box-shadow: 0 0 15px 3px rgba(0, 0, 0, 0.3);
  /* box-shadow: 0 0 15px 4px rgba(54, 54, 54, 0.5); */
}

/* Modify Bootstrap input text */
.form-text {
  color: var(--red);
  margin: 0;
  padding: 0;
  /* margin-top: 0; */
  /* margin-bottom: 2px !important; */
}

/* Modify Bootstrap input labels */
.form-label {
  color: var(--frm-lbl);
  margin-bottom: 2px;
}

.my-form-title {
  color: var(--btn-text);
  color: var(--form-legend);
}

.my-header {
  color: var(--light);
  font-size: 1.5rem;
  font-weight: lighter;
}

.my-pb-40 {
  padding-bottom: 2.5rem;
}

.my-pb-30 {
  padding-bottom: 30px;
}

.my-px-40 {
  padding-left: 40px;
  padding-right: 40px;
}

.my-pt-15 {
  padding-top: 15px;
}

.my-pt-20 {
  padding-top: 20px;
}

.my-pt-25 {
  padding-top: 25px;
}

.my-pt-30 {
  padding-top: 30px;
}

.my-pe-200 {
  padding-right: 125px;
}

/* ------------ END INPUT CHECK ------------- */


.input-50 {
  width: 50%;
}

.input-100 {
  width: 100%;
}

.height-6 {
  height: 6px;
}

.height-8 {
  height: 8px;
}

.height-10 {
  height: 10px;
}

.height-12 {
  height: 12px;
}

.height-16 {
  height: 16px;
}

.height-24 {
  height: 24px;
}

.height-32 {
  height: 32px;
}

.height-40 {
  height: 40px;
}

.height-50 {
  height: 50px;
}

.height-75 {
  height: 75px;
}

.height-100 {
  height: 100px;
}

.height-150 {
  height: 150px;
}

.height-200 {
  height: 200px;
}

.width-50 {
  width: 50px;
}

.width-100 {
  width: 100px;
}

.width-200 {
  width: 200px;
}

.my-mt-200 {
  margin-top: 200px;
}

#select-1 {
  background-color: #212529 !important;
  color: rgb(240, 248, 255);
  border: 1px solid #778899;
  border-radius: 5px;
  /* padding-left: 5px; */
  /* width: 100%; */
  /* padding: 8px 10px; */
  /* width: 250px; */
  /* margin: 50px; */
  display: block;
}

#select-1:focus {
  background-color: #212529;
  color: aliceblue;
}

/* Format Placeholder Text */
::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #92a0ad !important;
  opacity: 1;
  /* Firefox */
}

:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #92a0ad !important;
}

::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #92a0ad !important;
}

.myOption {
  padding-top: 7px;
  padding-bottom: 7px;
}

.searchHover {
  color: #92a0ad;
  text-decoration: none;
  font-family: Verdana, sans-serif;
  font-weight: lighter;
}

.searchHover:hover {
  cursor: pointer;
  color: orange;
}

.my-link {
  text-decoration: none;
  color: var(--btn-text);
}

.link-color {
  color: #92a0ad !important;
  font-style: normal;
  text-decoration: none;
  cursor: pointer;
}

.link-color:hover {
  /* color: aliceblue !important; */
  color: var(--cap-txt) !important;
}

.link-color-reversed {
  color: var(--cap-txt) !important;
  font-style: normal;
  text-decoration: none;
  cursor: pointer;
}

.link-color-reversed:hover {
  /* color: aliceblue !important; */
  color: var(--light) !important;
}

.link-color-light {
  color: var(--td-txt);
  font-style: normal;
  text-decoration: none;
  cursor: pointer;
}

.link-color-light:hover {
  color: var(--cap-txt);
}

.search-icon {
  color: #92a0ad;
  font-style: normal;
  text-decoration: none;
  cursor: pointer;
  font-size: 1.5rem;
}

.search-icon:hover {
  /* color: aliceblue; */
  color: var(--cap-txt);
}

.my-bg-dark {
  background-color: #212529 !important;
}

.my-hr {
  /* height: 2px; */
  margin-left: auto;
  margin-right: auto;
  /* background-color: var(--light); */
  /* border: 0 none; */
  border-top: 4px solid var(--light);
}

/* ---------------- TABLE FORMATTING ------------- */
.thead-tr {
  background-color: #282d32;
  /* background-color: var(--charcoal); */
}

.tbl-th {
  /* font-family: Verdana, sans-serif; */
  /* font-family: var(--bs-font-sans-serif); */
  /* color: #9eaebc; */
  color: var(--th-txt);
  font-weight: 300;
  /* font-size: 1.40rem; */
}

.td-txt {
  font-size: 1.4rem;
  color: var(--td-txt);
}


.tbl-cap {
  /* color: aliceblue; */
  color: var(--cap-txt);
  font-size: 1.4rem;
  /* font-family: Verdana, sans-serif; */
  /* font-weight: lighter; */
}

.tbl-cap-link {
  /* color: aliceblue; */
  color: var(--cap-txt);
  font-size: 1.4rem;
  font-style: normal;
  font-weight: lighter;
  text-decoration: none;
  cursor: pointer;
}

.tbl-cap-link:hover {
  /* color: #92a0ad; */
  color: var(--td-txt);
}

.tbl-src-cap {
  /* color: #9eaebc; */
  color: var(--cap-txt);
  /* font-weight: lighter; */
  font-size: 1rem;
  padding-bottom: 1px;
}

.tbl-accent {
  color: var(--td-txt);
  background-color: #212529;
}

.tbl-accent:hover {
  background-color: #121517;
}


.tbl-accent-link {
  color: var(--td-txt);
  background-color: #212529;
  /* font-style: normal; */
  text-decoration: none;
  cursor: pointer;
}

.tbl-accent-link:hover {
  color: var(--highlight);
}


.tbl-accent-greyed {
  color: #9eaebc;
  color: var(--medium-gray);
  font-style: italic;
}

.tbl-accent-greyed:hover {
  background-color: #121517;
}

.tbl-accent-greyed-link {
  color: #9eaebc;
  color: var(--medium-gray);
  font-style: italic;
  text-decoration: none;
  cursor: pointer;
}

.tbl-accent-greyed-link:hover {
  color: var(--highlight);
}



.tbl-accent-stripe {
  color: var(--td-txt);
  background-color: #282d32;
}

.tbl-accent-stripe:hover {
  background-color: #121517;
}

.tbl-border {
  border: 1px solid #42494f;
}


/* .td-txt-greyed {
  color: #9eaebc;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
} */

.tblrow:hover {
  background-color: #4E66B8;
  /* background-color:#476bee; */
  /* background-color: black; */
}

/* .tbl-stripe {
  background-color: #495057;
} */


/* tr:hover {background-color: coral;} */

/* ----------- TABLE END ---------------- */

.fw-lighter {
  font-weight: lighter;
}

.logo {
  /* color: gold; */
  /* color: #FFF686; */
  /* color: #4E66B8; */
  color: #92a0ad;
  font-size: 2rem;
  letter-spacing: 1px;
  text-decoration: none;
}

.logo:hover {
  /* color:aliceblue; */
  /* color:#92a0ad;
  color: orange; */
  color: aliceblue;

}


/* ----------------------------NAVBAR------------------------------------- */

/* bg-transparent border-0 p-0 light-txt" style="font-size: 1.2rem; */

.my-split-btn {
  padding: 0;
  border: 0;
  color: var(--light);
  font-size: 1.2rem;
  background-color: var(--frm-background);
}

.my-split-btn:hover {
  color: var(--highlight);
}

/* .nav-text {
  color: aliceblue;
  font-size: 1.2rem;
}

.nav-text:hover {
  color: #92a0ad;
} */

/* .nav-hover:hover {
  color: gold;
} */

/* .nav-ul {
  color: aliceblue;
} */

.nav-ul li a {
  color: aliceblue;
  font-size: 1.2rem;
  /* border-bottom: 2px solid #212529; */
}

.nav-ul li a:hover {
  color: var(--highlight);
  background-color: #212529;
  /* border-bottom: 2px solid aliceblue; */
}

/* #nav-ul a:hover {
  background-color: #343b41 !important;
} */

/* #nav-ul {
  background-color: #212529 !important;

} */



/* .tbl:hover { */
/* color: aliceblue !important; */
/* background-color: #8995a0; */
/* } */

.search-div {
  border-radius: 5px;
  background-color: #f2f2f2;
  padding: 20px;
}

/* .search-select {
  background-color: #6c757d ;
  color: aliceblue;
  border: 1px solid aliceblue;
  border-radius: 4px;
  box-sizing: border-box;
} */

/* .search-input {
  background-color: #6c757d ;
  color: aliceblue;
  border: 1px solid aliceblue;
}

.search-input::selection {
  background-color: #6c757d ;
  color: aliceblue;
  border: 1px solid aliceblue;

}
.search {
  background-color:#6c757d ;
  color: aliceblue !important;

} */

input[type=text],
input[type=text]:focus {
  background-color: var(--input-background);
  /* color: aliceblue; */
  color: var(--td-txt);
  /* border: 1px solid lightslategrey; */
  border: 1px solid var(--input-border);
  border-radius: 4px;
  width: 100%;
  padding: 5px 10px;
  box-sizing: border-box;

  /* box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); */
}

input[type=date],
input[type=date]:focus {
  background-color: var(--input-background);
  /* color: aliceblue; */
  color: var(--td-txt);
  border: 1px solid var(--input-border);
  border-radius: 4px;
  width: 100%;
  padding: 5px 10px;
  box-sizing: border-box;

}

input[type=number],
input[type=number]:focus {
  background-color: var(--input-background);
  /* color: aliceblue; */
  color: var(--td-txt);
  border: 1px solid var(--input-border);
  border-radius: 4px;
  width: 100%;
  padding: 5px 10px;
  box-sizing: border-box;

}

input[type=password],
input[type=password]:focus {
  background-color: var(--input-background);
  /* color: aliceblue; */
  color: var(--td-txt);
  border: 1px solid var(--input-border);
  border-radius: 4px;
  width: 100%;
  padding: 5px 10px;
  box-sizing: border-box;

}

input[type=submit],
input[type=submit]:focus {
  background-color: var(--input-background);
  /* color: aliceblue; */
  color: var(--td-txt);
  border: 1px solid var(--input-border);
  border-radius: 4px;
  width: 100%;
  padding: 5px 10px;
  box-sizing: border-box;

}

select {
  background-color: var(--input-background);
  /* color: aliceblue; */
  color: var(--td-txt);
  border: 1px solid var(--input-border);
  border-radius: 0.25rem;
  width: 100%;
  /* padding: 4px 10px 6px; */
  padding: 7px 10px;
  box-sizing: border-box;
  /* display: block; */
  /* font-size: 1rem; */
  /* line-height: 1.5; */
  /* background-clip: padding-box;
  box-sizing: border-box; */
}

select:focus {
  background-color: var(--input-background);
  /* color: aliceblue; */
  color: var(--td-txt);
}

/* s=small for narrow select dropdown */
.select-s {
  width: 128px;
}

textarea {
  background-color: var(--input-background);
  /* color: aliceblue; */
  color: var(--td-txt);
  border: 1px solid var(--input-border);
  border-radius: 4px;
  width: 100%;
  padding: 6px 10px;
  box-sizing: border-box;
  /* resize: none; */
}

/* ------------------ COLORS ---------------------- */

.success-border {
  border: 1px solid var(--success);
  box-shadow: 0 0 8px 0 rgba(92, 219, 170, 0.2), 0 0 20px 0 rgba(92, 219, 170, 0.19);

}

.success-txt {
  color: var(--success);
  margin-bottom: 2px;
  margin-right: 1.5rem;
  font-size: 1rem;
  width: fit-content;
  background-color: var(--frm-background);
  border-radius: 5px;
  border: 1px solid var(--success);
  box-shadow: 0 0 8px 0 rgba(92, 219, 170, 0.2), 0 0 20px 0 rgba(92, 219, 170, 0.19);

  /* background-image: linear-gradient(var(--success-background), var(--input-background), var(--success-background)); */
}

.light-txt {
  color: aliceblue !important;
}

.green-txt {
  /* color:lightgreen; */
  /* color:lightslategrey; */
  /* color: #92a0ad; */
  color: #9fa4a8;
  /* color: #e74c3c; red*/
}

.grey-txt {
  color: #92a0ad !important;
}

.gold-txt {
  color: rgb(255, 217, 0);
}

.legend-txt {
  color: aliceblue;
  font-size: 1.5rem;
  font-weight: 300;
  text-decoration: none;
  cursor: pointer;
}

.legend-txt:hover {
  color: var(--cap-txt);
}

.service-txt {
  /* font-family: Verdana, Geneva, Tahoma, sans-serif; */
  /* color: darksalmon; */
  color: var(--red);
}

.blue-txt {
  color: #4E66B8;
}

.orange-txt {
  color: #d19a66;
}

/* ---------------- END COLORS -------------------- */

.label-txt {
  font-size: 1.15rem;
}

/* FONTS */
.verdana {
  font-family: Verdana, Geneva, Tahoma, sans-serif;
}

.trebuchet {
  font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
}

/* Right Align Form Label Text  */
@media (min-width: 992px) {
  .row>.col-form-label {
    text-align: right;
  }
}

/* Submit Button Styling */
.my-btn {
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  background-color: var(--btn);
  box-shadow: inset 0px 0px 35px 10px rgba(0, 0, 0, 0.4);
  border: 1px solid var(--btn-border);
  border-radius: 5px;
  color: var(--btn-text);
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  font-size: 1rem;
  padding: 0.4em;
  text-decoration: none;
  justify-content: center;
  text-transform: uppercase;
}

.my-btn:hover,
.my-btn:focus {
  color: #fff;
  outline: 0;
}

.btn-100 {
  min-width: 100px;
  max-width: 100px;
}

.btn-185 {
  min-width: 185px;
  max-width: 185px;
}

.first {
  -webkit-transition: box-shadow 300ms ease-in-out, color 300ms ease-in-out;
  transition: box-shadow 300ms ease-in-out, color 300ms ease-in-out;
}

.first:hover {
  /* box-shadow: 0 0 40px 40px #e74c3c inset; */
  /* box-shadow: 0 0 40px 40px #4E66B8 inset; */
  /* box-shadow: 0 0 40px 40px #121517 inset; */
  box-shadow: inset 0 0 12px 3px var(--btn-over);
}

/* ----------------------------- FOOTER --------------------------------------- */

.my-footer {
  background-color: var(--footer-background);
}

.footer-top-margin {
  height: 85px;
}

.flex-column {
  flex-direction: column !important;
}

.h-100 {
  height: 100% !important;
}

.d-flex {
  display: flex !important;
}