﻿/* prevent the drop down icon going onto a new line for the top bar language link */
.top-bar-language-nav-link {
    min-width: 65px;
}

/* bootstrap model showing two scroll bars */
/*html {
    overflow: hidden;
}*/

/* main sidebar not under model */
.modal {
    z-index: 1110;
}

.form-group.required .col-form-label:after {
    color: #d00;
    content: "*";
    position: absolute;
    margin-left: 3px;
}

.nav-user-menu .user-image {
    width: 20px;
    margin-right: 4px;
    margin-top: -4px;
}

.famfamfam-flags {
    display: inline-block;
}

.entry:hover {
    cursor: pointer;
}

.registration-photo {
    max-width: 80%;
}

.tenant-logo {
    max-width: 80%;
}

input[pattern]:invalid {
    color: red;
}

.invalid-tab {
    border-top-color: #dc3545 !important;
    border-left-color: #dc3545 !important;
    border-right-color: #dc3545 !important;
    color: #dc3545 !important;
}

/*.registration-photo img,
.tenant-logo img {
    transition: all 0.25s linear;
}

.registration-photo:hover img,
.tenant-logo:hover img {
    transform-origin: left;
    transform: scale(3);
}*/

.pac-container {
    z-index: 2500 !important;
}

#pac-input,
#edit-pac-input {
    left: 10px !important;
    top: 11px !important;
    width: 90% !important;
}

.bg-in {
    background-color: #ffc10788 !important;
}

.bg-out {
    background-color: #28a74588 !important;
}

.bg-denied {
    background-color: #dc354588 !important;
}

.sidebar {
    overflow-x: hidden;
}

.headers-list-group {
    max-height: 150px;
    margin-bottom: 10px;
    overflow-y: scroll;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
}

.headers-list-group-item {
    margin-right: 10px;
}

.remove-list-group-item > * {
    pointer-events: none;
}

.small-box .icon > i.fa, .small-box .icon > i.fab, .small-box .icon > i.far, .small-box .icon > i.fas, .small-box .icon > i.glyphicon, .small-box .icon > i.ion {
    font-size: 45px;
}

/*Fancy Treeview Styles*/

ul.fancytree-container ul {
    padding: 0 0 0 1.5em;
    margin: 0;
}
/* Prevent focus frame */
.fancytree-container:focus {
    outline: none;
}

.fancytree-container span.fancytree-statusnode-error span.fancytree-expander {
    color: red;
}

span.fancytree-node {
    border: 1px solid transparent;
    border-radius: 3px;
    padding-left: 8px;
}

span.fancytree-title {
    border-radius: 0px;
}

span.fancytree-node.fancytree-selected {
    background-color: transparent !important;
    border-color: transparent !important;
}

    span.fancytree-node.fancytree-selected span.fancytree-title {
        background-color: transparent !important;
    }

span.fancytree-node.fancytree-active {
    background-color: transparent !important;
}

.fancytree-container.fancytree-treefocus span.fancytree-node:hover {
    background-color: transparent !important;
}

.fancytree-container.fancytree-treefocus span.fancytree-node.fancytree-focused {
    border-color: transparent !important;
}

.fancytree-container.fancytree-treefocus span.fancytree-node.fancytree-selected {
    background-color: transparent !important;
}

    .fancytree-container.fancytree-treefocus span.fancytree-node.fancytree-selected span.fancytree-title {
        background-color: transparent !important;
    }

.fancytree-container.fancytree-treefocus span.fancytree-node.fancytree-active {
    background-color: transparent !important;
    border-color: transparent !important;
}

span.fancytree-icon,
span.fancytree-checkbox,
span.fancytree-expander,
span.fancytree-custom-icon {
    margin-top: 4px !important;
}

ul.fancytree-container {
    height: 200px;
    overflow-y: scroll;
    border: 1px solid #ced4da !important;
    border-radius: .25rem;
    box-shadow: inset 0 0 0 transparent;
}

.login-box {
    margin-top: 25px;
    max-width: 350px;
}

.input-group .input-group-text, .register-card-body .input-group .input-group-text {
    border-left: 1px solid #ced4da;
}

.input-group .form-control, .register-card-body .input-group .form-control {
    border-right: 1px solid #ced4da;
}

.btn-whatsapp {
    color: #ffffff;
    background-color: #00a884;
    border-color: #ffffff;
    box-shadow: none;
}

    .btn-whatsapp:hover {
        color: #ffffff;
        background-color: #00a884;
        border-color: #ffffff;
    }

    .btn-whatsapp:focus, .btn-whatsapp.focus {
        box-shadow: none, 0 0 0 0 rgba(38, 143, 255, 0.5);
    }

    .btn-whatsapp.disabled, .btn-primary:disabled {
        color: #ffffff;
        background-color: #00a884;
        border-color: #ffffff;
    }

.accept-invitation-page {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 25px;
}

.accept-invitation-box {
}

.login-help {
    color: #fd5621;
}

    .login-help:hover {
        color: #cc5448;
    }

.iti {
    --iti-path-flags-1x: url('../img/flags.webp');
    --iti-path-flags-2x: url('../img/flags@2x.webp');
    --iti-path-globe-1x: url('../img/globe.webp');
    --iti-path-globe-2x: url('../img/globe@2x.webp');
}

.iti__selected-dial-code {
    display: none !important;
}
