
/* Highlighting rules for nav menu items */
.main-nav li a.active,
.main-nav li a.active:hover,
.main-nav li a.active:focus {
    color: #4189C7 !important;
    /*text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;*/
    font-size: 110%;
}

.main-nav .dropdown-item.active, .dropdown-item:active {
    background-color: #f3f1f1 !important;
}

.main-nav .navbar-nav .nav-link {
    color: #f3f1f1 !important;
}

.fade-enter {
    opacity: 0.01;
    border: 1px solid rgb(35, 122, 235) !important;
}

.fade-enter-active {
    opacity: 1;
    border: solid rgb(17, 73, 122) !important;
    transition: all 500ms ease-out;
}

.fade-enter-done {
    opacity: 1;
    transition: all 500ms ease-in;
}

@media (max-width:576px) {
    nav img {
        width: 40%;
        height: 40%;
    }
}

@media (min-width:576px) {
    nav img {
        width: 40%;
        height: 40%;
    }
}

@media (min-width:768px) {
    nav img {
        width: 55%;
        height: 55%;
    }
}

@media (min-width:992px) {
    nav img {
        width: 65%;
    }
}

@media (min-width:1200px) {
    .container {
        max-width: 1300px;
    }

    nav img {
        width: 180px;
        height: 50px;
    }
}

.navbar .divider-vertical {
    padding-bottom: 10px;
    border-left: 2px solid #f2f2f2;
    text-align: center;
}


.footer {
    bottom: 0;
    position: fixed;
    left: 0;
    right: 0;
    height: 50px;
    z-index: 9999;
}

#sovos_logo {
    width: 173px;
    height: 100%;
}

#reachcoreTM {
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    height: 50px;
    width: 198px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMjAwIDI0OS4zNiI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNmZmY7fTwvc3R5bGU+PC9kZWZzPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTQyMC44NCw4My4zNmM2OS4zLDAsMTIwLjY5LDUxLjA2LDEyMC42OSwxMjAuMzVzLTUwLjczLDEyMS0xMjAuNjksMTIxYy02OS42MiwwLTEyMC4zNC01MS43Mi0xMjAuMzQtMTIxUzM1Mi4yMSw4My4zNiw0MjAuODQsODMuMzZabTAsMjAyLjkxYzQ2LjQyLDAsNzguOTEtMzQuODIsNzguOTEtODIuNTZzLTMyLjE2LTgyLjU1LTc4LjkxLTgyLjU1Yy00Ni4wOCwwLTc4LjksMzQuODEtNzguOSw4Mi41NVMzNzQuNzYsMjg2LjI3LDQyMC44NCwyODYuMjdaTTkzNCw4My4zNmM2OS4yOSwwLDEyMC42OCw1MS4wNiwxMjAuNjgsMTIwLjM1cy01MC43MiwxMjEtMTIwLjY4LDEyMWMtNjkuNjMsMC0xMjAuMzUtNTEuNzItMTIwLjM1LTEyMVM4NjUuNDEsODMuMzYsOTM0LDgzLjM2Wm0wLDIwMi45MWM0Ni40MSwwLDc4LjktMzQuODIsNzguOS04Mi41NnMtMzIuMTYtODIuNTUtNzguOS04Mi41NWMtNDYuMDksMC03OC45MSwzNC44MS03OC45MSw4Mi41NVM4ODgsMjg2LjI3LDkzNCwyODYuMjdaTTc0Nyw4Ny42N2g0Ny44MWwtMTE5LjcxLDI0NS0xMTkuMzYtMjQ1aDQ3LjQ2bDcxLjksMTYzLjEyWm0zOTcsNjMuNjljMC0xNy43NSwxNC43My0zMS44MSw1MC44OS0zMS44MSwyMC40LDAsNDMuNDgsNiw2NC41NSwxOC4zOFY5Ni43Yy0xOC44Mi04LjYtNDEuOS0xMy4zMS02NC4yMi0xMy4zMS02NC4yOCwwLTk0LjQxLDMyLjE0LTk0LjQxLDcwLDAsODcsMTM5LjI4LDUzLjksMTM5LjI4LDEwNC40NiwwLDE3LjQxLTE1LjQsMzAuNDctNTEuOSwzMC40Ny0yOC44LDAtNTguNTktMTAuNzItNzcuMzQtMjUuNzhsMCwuMDh2NDMuODVjMjAuMzcsMTEsNDguODYsMTgsNzcuMzgsMTgsNjQuMjgsMCw5NC43NS0zMi4xNCw5NC43NS02OS42NEMxMjgzLDE2OC43NiwxMTQ0LjA2LDIwMS4yNCwxMTQ0LjA2LDE1MS4zNlpNMTI2LjIxLDE1MS4zYzAtMTcuNzUsMTQuNzMtMzEuODEsNTAuOS0zMS44MSwyMC4zMSwwLDQzLjI3LDYsNjQuMjYsMTguMjFWOTYuNDlDMjIyLjYxLDg4LDE5OS42NCw4My4zMiwxNzcuNDQsODMuMzJjLTY0LjMsMC05NC40NCwzMi4xNS05NC40NCw3MCwwLDg3LjA4LDEzOS4zMiw1My45MiwxMzkuMzIsMTA0LjQ5LDAsMTcuNDEtMTUuNCwzMC40OC01MS45MSwzMC40OC0yOC44LDAtNTguNjEtMTAuNzItNzcuMzYtMjUuNzlsMCwuMXY0My44NWMyMC4zOCwxMSw0OC44OCwxOCw3Ny40MSwxOCw2NC4zLDAsOTQuNzgtMzIuMTYsOTQuNzgtNjkuNjZDMjY1LjE5LDE2OC43MiwxMjYuMjEsMjAxLjIsMTI2LjIxLDE1MS4zWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTgzIC04My4zMikiLz48L3N2Zz4=);
    background-repeat: no-repeat;
}

.no-permissions-card {
    height: 250px;
    width: 100%;
    max-width: 500px;
    margin: auto;
    border: 1px solid #ccc;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    background-color: #fff;
}

.icon-container {
    padding: 20px;
}

.imgModal {
    max-width: 15%;
    height: auto;
}

.text-container {
    padding: 10px;
    text-align: center;
    margin-top: 40px;
    font-weight: bold;
}

.button-container {
    margin-bottom: 20px;
}

.button {
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    background-color: #007bff;
    color: #fff;
    cursor: pointer;
}
