* { 
    -webkit-text-size-adjust:none; 
}

body, html {
	padding:0;
	margin:0;
	font-family: "Slate Pro",Slate,"Myriad Pro",Helvetica;
	font-size: 12pt;
	overflow:visible;
	user-select: none;
	-webkit-user-select: none;
}


::-webkit-scrollbar {
    width: 0px;
    height: 0px;
}

html {
	background-color: transparent;
}


body:-webkit-full-screen,
body:fullscreen, 
body::backdrop {
    background-color: #ffffff;
}


.dark-backdrop {
    background-color: rgba(0,0,0,0.3);
}

body[data-bs-theme='dark']:-webkit-full-screen,
body[data-bs-theme='dark']:fullscreen, 
body[data-bs-theme='dark']::backdrop {
    background-color: #1e1e1e;
}

body  {
    background-color: #ffffff;
    color: #484848;
}

.bg-dark {
    background-color: #1e1e1e;
}


.bg-light {
    background-color: #f0f0f0;
}

body[data-bs-theme='dark'] {
    background-color: #1e1e1e;
    color: #fff;
}

.btn {
    transition: 0.2s;
    border-radius: 0.25rem;
    padding: 0.4rem 1rem;
    border: 0px;
    font-weight: bold;
    font-size: 0.9em;
    outline: none;
}


.bg-secondary,
.btn-primary {
    background: rgb(228, 228, 228);
    background: linear-gradient(0deg,  #E4E4E4 0%, #EFEFEF 100%);
    color: #323232;
    border: none !important;
}

.btn:disabled, .btn.disabled, fieldset:disabled .btn  {
    color: #323232 !important;
}

[data-bs-theme='dark'] .btn:disabled, .btn.disabled, fieldset:disabled .btn  {
    color: #fff !important;
}


[data-bs-theme='dark'] .bg-secondary,
[data-bs-theme='dark'] .btn-primary {
    background: rgb(40, 40, 40);
    background: linear-gradient(0deg, #262626 0%, #3F3F3F 100%);
    color: #F0F0F0;
    border: none !important;
}

.bg-primary,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active{
    background: #00769e !important;
    background: linear-gradient(0deg, rgba(4, 93, 127, 1) 0%, rgba(4, 101, 136, 1) 50%, rgba(7, 114, 150, 1) 100%);
    color: #fff !important;
}

.btn-primary.active {
    opacity: 0.8;
}

.border-bottom-primary {
    border-bottom: 2px solid #00769e !important;
}

.text-primary {
    color: #00769e !important;
}   

a:not(.btn) {
    color: #00769e;
    text-decoration: none;
}

.navbar {
    background-color: #f0f0f0;
    color: #333333;
    padding: 0.8rem;
}


[data-bs-theme='dark'] .navbar {
    background-color: #2b2b2b;
    color: #fff;
}

.navbar .navbar-brand {
    font-weight: bold;
    font-size: 1rem;
    padding: 0 !important;
}

[data-bs-theme='dark'] .navbar .navbar-brand {
    color: #fff;
}

.navbar .navbar-brand {
    color: #333333;
}

.form-control {
    border: 0px;
    border-radius: 0px;
    background-color: #f5f5f5;
}

[data-bs-theme='dark'] .form-control {
    background-color: rgba(0,0,0,0.3);
    color: #fff;
}
.form-control:focus, .form-control:active, .form-control:hover {
    box-shadow: none;
    outline: none;
}

[data-bs-theme='dark'] ::placeholder,
[data-bs-theme='dark'] ::-webkit-input-placeholder 
{
    color: rgba(255,255,255,0.5);
    font-style: italic;
}

::placeholder,
::-webkit-input-placeholder,
:placeholder-shown
{
    font-style: italic;
}

.form-group.list {
    border-top: 1px solid #CCC;
    padding: 10px;
}

[data-bs-theme='dark'] .form-group.list {
    border-top: 1px solid rgba(255, 255, 255, 0.05);
}


.bottom-bar {
    color: #353535;
    background-color: #efefef;
    height: 50px;
    font-size: 1.3em;
    overflow: hidden;
}

[data-bs-theme='dark'] .bottom-bar .bar-option {
    color: #FFF !important;
}

.bar-option.labeled {
    padding-top: 5px;
}

.bottom-bar .bar-option {
    text-align: center;
	height: 100%;
    flex-direction: column;
	align-self: center;
	display: flex;
	align-items: center;
	justify-content: center;
    color: #353535 !important;
    
}

.bottom-bar .bar-option:not(.back-button) {
    min-width: 70px;
}

.bottom-bar .bar-option.active {
    box-shadow: inset 0px 3px 0px #00769e;
    background-color: rgba(0, 0, 0, 0.025);
}

[data-bs-theme='dark'] .bottom-bar .bar-option.active {
    background-color: rgba(255, 255, 255, 0.025);
}

.bottom-bar .bar-option:hover,
.bottom-bar .bar-option:focus,
.bottom-bar .bar-option:active,
.bottom-bar .bar-option.focused
{
    background: #0190cc;
    color: #fff !important;
}

.back-button {
    transform: skew(-9deg, 0);
	width: 55px;
    margin-left: -5px;

}

.back-button i {    
    transform: skew(9deg, 0)
}

[data-bs-theme='dark'] .bottom-bar {
    color: #fff;
    background-color: #2b2b2b;
}

.back-slash {
    background-color: #0190cc;
    width: 2px;
    -webkit-backface-visibility: hidden;
    outline: 1px solid transparent;
    will-change: transform; 
    box-shadow: 0 0 1px rgba(255,255,255,0);
    transform: rotateZ(8deg) translateX(-7px);
    transform-style: preserve-3d;
}


.list-item {
    border-bottom: 1px solid #CCC;
}

[data-bs-theme='dark'] .list-item {
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}


.list-item:hover, .list-item:focus, .list-item:active, .list-item.focused {
    background-color: #00769e;
    color: #fff;
}

small {
    font-size: 0.7rem;
}

[hidden] {
    display: none !important;
}

.validation-message {
    width: 100%;
    margin-top: .25rem;
    font-size: .875em;
}

.validation-message:empty {
    display: none;
}

.dark-mode .validation-message {
    color: #ea868f;
}

.validation-message {
    color: #ff0000;
}

.text-danger {
    color: #dc3545;
}

.opacity-0 {
    opacity: 0;
}

.message-box .content {
    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.3);
    border-radius: 2px;
}

.form-control[type='color'] {
    padding: 0px;
}