.surreelism {
    height: 75px !important;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
  appearance: textfield;
}

.form-control {
    font-weight: bold;
}

.form-control:focus {
    outline: none;
    border: none;
    box-shadow: none;
    color: var(--cyan);
}

.form-check-input {
    transform: scale(2);
    background-color: #b92323;
    border-color: #fa3333;
}

.form-check-input:checked {
    background-color: #00b75b;
    border-color: #00ff7e;
}

.form-check-label {
    margin-left: 25px;
    font-size: 18px;
}

.form-switch {
    padding-left: 3.5em;
    margin-bottom: 15px;
}

.form-border {
    border: 2px solid var(--form-color-2);
}

.form-bg {
    background-color: var(--form-color-2);
}

input::placeholder {
    font-weight: bold;
    color: var(--green) !important;
}

*:disabled {
    color: var(--red) !important;
}

.fs-18px {
    font-size: 18px;
}

.bg-shadow {
    background-color: var(--shadow);
    border-bottom-left-radius: 1.5rem;
    border-bottom-right-radius: 1.5rem;
}

.btn-shaded-hover:hover {
    background-color: var(--shade);
}


.btn-shaded {
    background-color: var(--shade);
    border: 2px solid transparent;
}

.btn-shaded:hover {
    background-color: var(--shadow-light);
    border: 2px solid white !important;
    box-shadow: 0px 0px 15px 0px rgba(255,255,255,.5);
}

.btn-shaded:focus {
    background-color: var(--shadow-light);
    border: 2px solid white !important;
    box-shadow: 0px 0px 15px 0px rgba(255,255,255,.5);

}

.btn-shaded:active {
    background-color: var(--shadow-light);
    border: 2px solid white !important;
    box-shadow: 0px 0px 15px 0px rgba(255,255,255,.5);
}

.bg-cyan {
    background-color: var(--cyan) !important;
}

.bg-red {
    background-color: var(--red) !important;
}

.green {
    color: var(--green);
}

.red {
	color: var(--red) !important;
}

.currency {
	color: var(--green);
}

.popover {
    background-color: transparent;
}

.popover-body {
    background-color: rgba(0, 0, 0, 0.788) !important;
    border-radius: 3px;
    padding: .5rem;
}

.popover-arrow {
    display: none !important;
}

.modal-content {
    background-color: transparent;
    border: none;
}

.modal-header {
    background-color: rgba(0, 0, 0, 0.95) !important;
    color: white;
    border-bottom: none;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    text-transform: uppercase;
}

.modal-body {
    background-color: rgba(0, 0, 0, 0.95) !important;
    color: white;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
}

.modal-dialog-md { 
    max-width: 650px !important;
}

.modal-backdrop {
    display: none;
}

.btn-close {
    filter: invert(53%) sepia(87%) saturate(5212%) hue-rotate(340deg) brightness(96%) contrast(98%);
}

.w-30px {
    width: 30px;
}

.w-45px {
    width: 45px;
}

.w-60px {
    width: 60px !important;
}

.p--5 {
	padding: .5rem !important;
}

.p--25 {
	padding: .25rem !important;
}

.ml-lg-50 {
    margin-left: 50px;
}

.ml-30p {
    margin-left: 30%;
}

.mr-15 {
    margin-right: 15px;
}

.mr-25 {
    margin-right: 25px;
}

.ml-25 {
    margin-left: 25px;
}

.border-none {
    border: none !important;
}

.br-1--5 {
	border-radius: 1.5rem;
}

.br-circle {
    border-radius: 50%;
}

.blur {
	filter: blur(13px);
}


.br-t-0 {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.br-b-0 {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.br-l-0 {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

.br-r-0 {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.ls--1px {
    letter-spacing: -1px;
}