html, body {
  background: #161617 !important;
  color: #f0f0ff !important;
  font-family: prompt !important;
  font-weight: 300 !important;
}


@font-face {
  font-family: prompt;
  src: url(/assets/prompt/prompt_thin.ttf);
  font-weight: 100;
}

@font-face {
  font-family: prompt;
  src: url(/assets/prompt/prompt_extralight.ttf);
  font-weight: 100;
}

@font-face {
  font-family: prompt;
  src: url(/assets/prompt/prompt_light.ttf);
  font-weight: 300;
}

@font-face {
  font-family: prompt;
  src: url(/assets/prompt/prompt_regular.ttf);
  font-weight: 400;
}

@font-face {
  font-family: prompt;
  src: url(/assets/prompt/prompt_medium.ttf);
  font-weight: 500;
}

@font-face {
  font-family: prompt;
  src: url(/assets/prompt/prompt_semibold.ttf);
  font-weight: 600;
}

@font-face {
  font-family: prompt;
  src: url(/assets/prompt/prompt_bold.ttf);
  font-weight: 700;
}

@font-face {
  font-family: prompt;
  src: url(/assets/prompt/prompt_extrabold.ttf);
  font-weight: bold;
}

@font-face {
  font-family: prompt;
  src: url(/assets/prompt/prompt_black.ttf);
  font-weight: 900;
}


b {
  font-weight: 600 !important;
}

.header-link {
  color: black !important; 
}

a {
  text-decoration: none !important;
}

.pb-link {
  color: #D37676 !important;
}

.pb-link:hover {
  color: #dc3545 !important;
}

#myList > a {
  color: #a5acb3 !important;
}

#myList > a:hover {
  color: #c7ccd1 !important;
}

#myList > a.list-group-item.list-group-item-action.bg-dark.active {
  color: #f0f0ff !important;
}

.nav-link {
  color: #D37676 !important;
}

.nav-link:hover {
  color: #dc3545 !important;
}

.form-text a {
  color: #afafaf !important;
}

.fontweight-400 {
  font-weight: 400 !important;
}

.fontweight-500 {
  font-weight: 500 !important;
}

h1,h2,h3,h4,h5,h6,h7 {
  font-weight: 400 !important;
}

th {
  font-weight: 500;
}


/* Style all input fields */
input, select, textarea {
  width: 100%;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 10px !important;
  box-sizing: border-box;
  margin-top: 6px;
  margin-bottom: 16px;
  border-color: #858585 !important;
  background: #161617 !important;
  color: #f0f0ff !important;
}

input::-webkit-input-placeholder {
    font-weight: 300;
}
input::-moz-placeholder {
    font-weight: 300;
}
input::-ms-input-placeholder {
    font-weight: 300;
}

/* Style the submit button */
.btn-pb1 {
  padding-left: 92px;
  padding-right: 92px;
  width: auto;
  background-color: #e61e2a !important;
  color: #ffffff !important;
  border-radius: 27px !important;
  border: none;
  font-weight: 500;
}

.btn-pb1:hover {
  background-color: #c40c0c !important;
  -webkit-box-shadow: 0 0 10px #dc3545 !important;
  -moz-box-shadow: 0 0 10px #dc3545 !important;
  box-shadow: 0 0 10px #dc3545 !important;
}

.btn-pb1:disabled {
  background-color: #3b0d0d !important;
  color: #bbb !important;
}

.btn-pb1:disabled:hover {
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}

/* Style the container for inputs */
/* .container {
  background-color: #f1f1f1;
  padding: 20px;
} */

.checkbox-wrapper-26 * {
  -webkit-tap-highlight-color: transparent;
  outline: none;
}

.checkbox-wrapper-26 input[type="checkbox"] {
  display: none;
}

.checkbox-wrapper-26 label {
  --size: 20px;
  <!-- --shadow: calc(var(--size) * .07) calc(var(--size) * .1); -->

  position: relative;
  display: block;
  width: var(--size);
  height: var(--size);
  margin: 0 auto;
  background-color: #c40c0c !important;
  <!-- border-radius: 50%; -->
  <!-- box-shadow: 0 var(--shadow) #beffb8; -->
  cursor: pointer;
  transition: 0.2s ease transform, 0.2s ease background-color,
    0.2s ease box-shadow;
  overflow: hidden;
  z-index: 1;
}

.checkbox-wrapper-26 label:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  width: calc(var(--size) * .7);
  height: calc(var(--size) * .7);
  margin: 0 auto;
  background-color: #161617 !important;
  transform: translateY(-50%);
  <!-- border-radius: 50%; -->
  <!-- box-shadow: inset 0 var(--shadow) #beffb8; -->
  transition: 0.2s ease width, 0.2s ease height;
}

.checkbox-wrapper-26 label:hover:before {
  width: calc(var(--size) * .55);
  height: calc(var(--size) * .55);
  <!-- box-shadow: inset 0 var(--shadow) #ff9d96; -->
}

.checkbox-wrapper-26 label:active {
  transform: scale(0.9);
}

.checkbox-wrapper-26 .tick_mark {
  position: absolute;
  top: -1px;
  right: 0;
  left: calc(var(--size) * -.05);
  width: calc(var(--size) * .6);
  height: calc(var(--size) * .6);
  margin: 0 auto;
  margin-left: calc(var(--size) * .14);
  transform: rotateZ(-40deg);
}

.checkbox-wrapper-26 .tick_mark:before,
.checkbox-wrapper-26 .tick_mark:after {
  content: "";
  position: absolute;
  background-color: #fff;
  border-radius: 2px;
  opacity: 0;
  transition: 0.2s ease transform, 0.2s ease opacity;
}

.checkbox-wrapper-26 .tick_mark:before {
  left: 0;
  bottom: 0;
  width: calc(var(--size) * .1);
  height: calc(var(--size) * .3);
  <!-- box-shadow: -2px 0 5px rgba(0, 0, 0, 0.23); -->
  transform: translateY(calc(var(--size) * -.68));
}

.checkbox-wrapper-26 .tick_mark:after {
  left: 0;
  bottom: 0;
  width: 100%;
  height: calc(var(--size) * .1);
  <!-- box-shadow: 0 3px 5px rgba(0, 0, 0, 0.23); -->
  transform: translateX(calc(var(--size) * .78));
}

.checkbox-wrapper-26 input[type="checkbox"]:checked + label {
  background-color: #07d410;
  <!-- box-shadow: 0 var(--shadow) #92ff97; -->
}

.checkbox-wrapper-26 input[type="checkbox"]:checked + label:before {
  width: 0;
  height: 0;
}

.checkbox-wrapper-26 input[type="checkbox"]:checked + label .tick_mark:before,
.checkbox-wrapper-26 input[type="checkbox"]:checked + label .tick_mark:after {
  transform: translate(0);
  opacity: 1;
}



.alert-d {
  color: #ff5766;
  background-color: #1c0305;
  border-color: #ff5766;
  border: 1px solid !important;
  border-radius: 10px !important;
}

.alert-s {
  color: #57ff66;
  background-color: #031c05;
  border-color: #57ff66;
  border: 1px solid !important;
  border-radius: 10px !important;
}

.alert-w {
  color: #fcff57;
  background-color: #100f02;
  border-color: #fcff57;
  border: 1px solid !important;
  border-radius: 10px !important;
}

.border-1 {
  border: 1px solid #858585 !important;
  border-radius: 17px;
}

.btn-pb {
  width: auto;
  padding: .625rem 1.125rem !important;
  background-color: #c40c0c !important;
  color: #f0f0ff !important;
  border-radius: 27px !important;
  font-weight: 500 !important;
}

.btn-grey {
  background-color: #858585 !important;
  color: #161617 !important;
}

.btn-grey:hover {
  background-color: #8d9992 !important;
  -webkit-box-shadow:0 0 10px #f0f0ff !important; 
  -moz-box-shadow: 0 0 10px #f0f0ff !important; 
  box-shadow:0 0 10px #f0f0ff !important;
}

.btn-close {
  background-color: #ddc833 !important;
  padding: 0.55rem 0.55rem !important;
}

.circle-btn {
  position: absolute;
  right: 20px;
  top: 20px;
  height: 2rem;
  width: 2rem;
  background-color: #3e3d3d !important;
  color: #fff !important;
  padding: 4px !important;
  z-index: 100000000;
}

.circle-btn:hover {
  background-color: #222 !important;
  -webkit-box-shadow:0 0 10px #8e8f80; 
  -moz-box-shadow: 0 0 10px #8e8f80; 
  box-shadow:0 0 10px #8e8f80;
}

label {
    margin-top: -6px;
    margin-bottom: 16px;
}

.page-link {
  color: #fff !important;
  background-color: #212529!important;
  border-color: #222 !important;
}

.page-item.disabled .page-link.active {
  color: #000 !important;
  background-color: #c40c0c !important;
}

.page-item.disabled .page-link {
  color: #aaa !important;
  background-color: #333 !important;
}

.rounded-17 {
  border-radius: 17px;
}

.badge-1 {
  padding: 0.2em 0.6em;
  background-color: #c40c0c !important;
  color: #f0f0ff !important;
}

#profitbank365 {
  height: 50px;
  object-fit: cover;
  padding-bottom: 4px;
}

#user_profitbank365 {
  height: 48px;
  object-fit: cover;
  padding: 2px;
}

@keyframes showWarning {
    0% {
        opacity: 0;
    }
    10% {
        visibility: visible;
        opacity: 1;
    }
    90% {
        visibility: visible;
        opacity: 1;
    }
    100% {
        visibility: visible;
        opacity: 1;
    }
}

#noJsWarning {
  visibility: hidden;
  opacity: 0;
  animation: showWarning 1s linear 1s forwards;
}


.col-lg-half-5 {
  width: 100%;
  min-width: 472px;
  max-width: 768px;
}

@media (min-width: 1200px) { 
  .col-lg-half-5 {
    flex: 0 0 auto;
    width: calc(50% - .5rem);
    min-height: 80vh;
  }
}

@media (max-width: 575.98px) { 
  .col-lg-half-5 {
    min-width: 360px;
    width: 100vw;
  }
}

header {
  background-color: white !important;
  font-weight: 500;
}

.padding-home {
  padding: 4px 0 0 0 !important
}

.primary-bgcolor {
  background: #161617 !important;
}

.row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.row-space {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: .75rem;
}

.card {
  width: 50%;
  max-width: 720px;
  min-width: 480px;
}

.page-wrapper {
  justify-content: center;
  display: flex;
  width: 100%;
  margin-top: 3rem;
}



.m-2rem {
  margin: 2rem;
}

.mx-75rem {
  margin-left: .75rem;
  margin-right: .75rem;
}

.ml-75rem {
  margin-left: .75rem;
}

.mr-75rem {
  margin-right: .75rem;
}



 .lite-theme-color {
  color: #dc3545 !important;
 }

 .ip-gray {
  color: #858585 !important;
 }

 /* scrolbar */

::-webkit-scrollbar {
    width: 8px;
}

/* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(128,0,0,0.8); 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(55,0,0,0.4); 
}
::-webkit-scrollbar-thumb:hover {
    background:rgb(255,54,58); 
}

.list-group-item.list-group-item-action.bg-dark.text-white > h5:hover {
  color: #D37676 !important;
}