/* Minification failed. Returning unminified contents.
(2,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(82,28): run-time error CSS1039: Token not allowed after unary operator: '-color-omniblue'
 */
:root {
    --color-omniblue: #012639;
    --color-omnigreen: #46B978;
    --color-omnigray: #B1B1B1;
    --color-omnigray-20: #E7E9EA;
}

@font-face {
    font-family: "Montserrat-MediumItalic";
    src: url("../../Content/fonts/Montserrat-MediumItalic.ttf") format("truetype");
}

@font-face {
    font-family: "HelveticaNeue-Regular";
    src: url("../../Content/fonts/HelveticaNeue-Regular.ttf") format("truetype");
}

.montserrat {
    font-family: "Montserrat-MediumItalic", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: italic;
}

.helveticaneue-regular {
    font-family: "HelveticaNeue-Regular", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
}

body {
    padding: 0;
    margin: 0;
}

main .ui.container {
    margin-top: 3em;
}

.wallpaperArea {
    height: 100vh;
    background-image: url("../../Content/Images/Omni/Wallpaper/wallpaper_Omni01.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.loginArea {
    display: flex !important;
    flex-direction: column;
    height: calc(100vh - 3rem);
    justify-content: space-around;
    align-items: center;
    width: auto;
}

.ui.grid {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
}

.omni_logo {
    height: 8rem;
    background-image: url("../../Content/Images/Omni/Omni Mexico.png");
    background-size:contain;
    background-position: left;
    background-repeat:no-repeat;
}

.ui.omni_primary.button {
    box-shadow: 0 0 0 0 rgba(34, 36, 38, .15) inset;
}

.formlogin {
    padding: 2rem;
    width: 100%;
}

.ui.omni_primary.button, .ui.omni_primary.buttons .button {
    background-color: var(--color-omniblue);
    color: #fff;
    text-shadow: none;
    background-image: none;
}

@media only screen and (max-width: 768px) {
    .wallpaperArea {
        height: 200px;
    }

    .loginArea {
        height: calc(100vh - 200px - 3rem);
    }

    .ui.grid {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        padding: 0;
        align-items: stretch;
    }
}

#wrapper_c {
    background-color: #002739;
    height: calc(100vh);
}

#ng-binding_c {
    background-color: #002739;
}

footer {
    position: fixed;
    height: 6rem;
    background-color: #002739;
    bottom: 0px;
    width: 100% !important;
    clear: both;
    margin-bottom: 0;
}

    footer h5 {
        margin: 0px;
    }

.headlogin {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    padding: 3rem;
}

.LoginImg {
    background-image: url(../Images/Zimmer/kayak.png);
    background-repeat: no-repeat;
    width: auto; /*or your image's width*/
    height: auto; /*or your image's height*/
    margin: 0;
    padding: 0;
}

#myNewToggleButton {
    margin-left: 3rem;
    background-color: #304051;
}

.navbar-omni {
    background-color: #002739;
    color: white;
    border-bottom-width: thick;
    border-color: #00b075;
    margin-bottom: 2rem;
}

.navbar-brand-omni {
    padding-left: 5rem;
}

    .navbar-brand-omni img {
        max-width: 5rem;
        height: auto;
        -o-object-fit: contain;
        object-fit: contain;
    }

.navbar-brand_c {
    height: 20px !important;
    padding: 17.5px 32px !important;
}

    .navbar-brand_c img {
        max-width: 68px;
        height: auto;
        -o-object-fit: contain;
        object-fit: contain;
        margin-top: -10px;
        background-image: url(../Images/Zimmer/kayak.png);
    }

div.imagehead_c {
    max-width: 68px;
    height: auto;
    -o-object-fit: contain;
    object-fit: contain;
    margin-top: -10px;
    background-image: url(../Images/Zimmer/kayak.png);
}

/*.sidebar_c ul li a:hover {
  background-color: #002a6b;
  color: #3f7556;
}*/

body {
    background-color: #E7E9EA;
}

#wrapper {
    width: 100%;
}

#page-wrapper {
    padding: 0 15px;
    min-height: calc(100vh - 7.3rem);
    background-color: white;
}

@media (min-width: 768px) {
    #page-wrapper {
        position: inherit;
        margin: 0 0 0 250px;
        padding: 0 30px;
        border-left: 1px solid #e7e7e7;
    }
}

.navbar-top-links {
    margin-right: 0;
    margin-top: 0.8rem;
    font-size: 1rem;
}

    .navbar-top-links li {
        display: inline-block;
    }

        .navbar-top-links li:last-child {
            margin-right: 15px;
        }

        .navbar-top-links li a {
            padding: 15px;
            min-height: 50px;
        }

    .navbar-top-links .dropdown-menu li {
        display: block;
    }

        .navbar-top-links .dropdown-menu li:last-child {
            margin-right: 0;
        }

        .navbar-top-links .dropdown-menu li a {
            padding: 3px 20px;
            min-height: 0;
        }

            .navbar-top-links .dropdown-menu li a div {
                white-space: normal;
            }

    .navbar-top-links .dropdown-messages,
    .navbar-top-links .dropdown-tasks,
    .navbar-top-links .dropdown-alerts {
        width: 310px;
        min-width: 0;
    }

    .navbar-top-links .dropdown-messages {
        margin-left: 5px;
    }

    .navbar-top-links .dropdown-tasks {
        margin-left: -59px;
    }

    .navbar-top-links .dropdown-alerts {
        margin-left: -123px;
    }

    .navbar-top-links .dropdown-user {
        right: 0;
        left: auto;
    }

.navbar-inverse .navbar-top-links > li > a {
    color: #ffffff;
}

    .navbar-inverse .navbar-top-links > li > a:hover,
    .navbar-inverse .navbar-top-links > li > a:focus {
        color: #ffffff;
        background-color: transparent;
        font-weight: bold;
    }

.navbar-inverse .navbar-top-links > .active > a,
.navbar-inverse .navbar-top-links > .active > a:hover,
.navbar-inverse .navbar-top-links > .active > a:focus {
    color: #ffffff;
    background-color: #49662c;
    font-weight: bold;
}

.navbar-inverse .navbar-top-links > .disabled > a,
.navbar-inverse .navbar-top-links > .disabled > a:hover,
.navbar-inverse .navbar-top-links > .disabled > a:focus {
    color: #444444;
    background-color: transparent;
    font-weight: bold;
}

.navbar-inverse .navbar-top-links > .open > a,
.navbar-inverse .navbar-top-links > .open > a:hover,
.navbar-inverse .navbar-top-links > .open > a:focus {
    background-color: #49662c;
    color: #ffffff;
    font-weight: bold;
}

@media (max-width: 767px) {
    .navbar-inverse .navbar-top-links .open .dropdown-menu > .dropdown-header {
        border-color: #49662c;
    }

    .navbar-inverse .navbar-top-links .open .dropdown-menu .divider {
        background-color: #49662c;
    }

    .navbar-inverse .navbar-top-links .open .dropdown-menu > li > a {
        color: #ffffff;
    }

        .navbar-inverse .navbar-top-links .open .dropdown-menu > li > a:hover,
        .navbar-inverse .navbar-top-links .open .dropdown-menu > li > a:focus {
            color: #ffffff;
            background-color: transparent;
            font-weight: bold;
        }

    .navbar-inverse .navbar-top-links .open .dropdown-menu > .active > a,
    .navbar-inverse .navbar-top-links .open .dropdown-menu > .active > a:hover,
    .navbar-inverse .navbar-top-links .open .dropdown-menu > .active > a:focus {
        color: #ffffff;
        background-color: #49662c;
        font-weight: bold;
    }

    .navbar-inverse .navbar-top-links .open .dropdown-menu > .disabled > a,
    .navbar-inverse .navbar-top-links .open .dropdown-menu > .disabled > a:hover,
    .navbar-inverse .navbar-top-links .open .dropdown-menu > .disabled > a:focus {
        color: #444444;
        background-color: transparent;
        font-weight: bold;
    }
}

#wrapper {
    background-color: #002a6b;
}

.sidebar_c {
    background-color: #002a6b;
}

    .sidebar_c .sidebar-nav.navbar-collapse {
        padding-left: 0;
        padding-right: 0;
    }

    .sidebar_c .sidebar-search {
        padding: 15px;
    }

    .sidebar_c ul li {
        background-color: #002a6b;
    }

        .sidebar_c ul li a {
            color: #f8f8f8;
            font-weight: bold;
            background-color: #00b075;
        }

            .sidebar_c ul li a:hover {
                background-color: #002a6b;
                color: #00b075; /*#f54029;*/
            }

            .sidebar_c ul li a.active {
                background-color: #002a6b;
            }

            .sidebar_c ul li a:focus {
                background-color: #002a6b;
            }

        .sidebar_c ul li ul li {
            background-color: /*lighten(@zimmer-sidebar-background, 10);*/ #001638;
        }

        .sidebar_c ul li ul a {
            background-color: /*lighten(@zimmer-sidebar-background, 10);*/ #001638;
        }

            .sidebar_c ul li ul a:hover {
                background-color: /*lighten(@zimmer-sidebar-background, 10);*/ #001638;
                color: #db2124;
            }

            .sidebar_c ul li ul a.active {
                background-color: /*lighten(@zimmer-sidebar-background, 10);*/ #001638;
            }

            .sidebar_c ul li ul a:focus {
                background-color: /*lighten(@zimmer-sidebar-background, 10);*/ #001638;
            }

    .sidebar_c .arrow {
        float: right;
    }

    .sidebar_c .fa.arrow:before {
        content: "\f104";
    }

    .sidebar_c .active > a > .fa.arrow:before {
        content: "\f107";
    }

    .sidebar_c .nav-second-level li,
    .sidebar_c .nav-third-level li {
        border-bottom: none !important;
    }

    .sidebar_c .nav-second-level li {
        padding-left: 37px;
    }
    /*#side-menu > li.active > ul > li:nth-child(1)*/
    .sidebar_c .nav-third-level li a {
        padding-left: 52px;
    }

@media (min-width: 768px) {
    .sidebar_c {
        z-index: 1;
        position: absolute;
        width: 250px;
        margin-top: 51px;
    }

    .navbar-top-links .dropdown-messages,
    .navbar-top-links .dropdown-tasks,
    .navbar-top-links .dropdown-alerts {
        margin-left: auto;
    }
}

/*header color*/
.table_c th {
    color: white;
    background-color: #002739;
}

.table-striped-gray_c > tbody > tr:nth-of-type(2n+1) {
    background-color: #c3c9c6;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    z-index: 3;
    color: white;
    background-color: #c3c9c6;
    border-color: #c3c9c6;
    cursor: default;
}

.table-hover-green > tbody > tr:hover {
    background-color: #c3c9c6;
}

.custom-file-upload {
    display: inline-block;
    background-color: #007bff;
    color: #fff;
    border: none;
    padding: 10px 20px;
    cursor: pointer;
    border-radius: 5px;
}

    .custom-file-upload:hover {
        background-color: #0056b3;
    }

.myNavbar {
    position: absolute;
    margin: 1rem;
    margin-top: 5rem;
    padding: 1rem;
    border-radius: 1rem;
    width: 28rem;
    height: calc(100vh - 10rem - 5rem);
    background-color: #ffffff;
    color: #000000;
    transition: width 0.3s ease-in-out;
    box-shadow: 5px 5px 10px #888888;
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-width: thin;
}

.menu-text {
    display: inline-block; /* Agregamos un estilo para el texto */
    margin-left: 20px;
}


.collapsedMyNavbar {
    width: 6rem;
}

    .collapsedMyNavbar .menu-text {
        display: none; /* Ocultamos el texto cuando el panel lateral está colapsado */
    }

.myNavbar ul {
    list-style: none;
    padding: 0;
}

    .myNavbar ul a {
        text-decoration: none;
        color: #002739;
        padding: 10px;
        display: block;
        transition: background-color 0.3s ease-in-out;
    }

        .myNavbar ul a:hover {
            border-radius: 0.5rem;
            color: #002739;
            background-color: #eee;
        }

.custom-active_c a {
    border-radius: 0.5rem;
    background-color: /*lighten(@zimmer-sidebar-background, 5%) !important;*/ #00b075 !important;
    color: #ffffff !important; /*#db2124*/
}

.content-wrapper {
    margin-left: 10rem;
    margin-right: 2rem;
}

.table-responsive {
    max-height: calc(100vh - 36rem);
}

.table-responsive-2 {
    max-height: calc(100vh - 38rem);
}

input[type="radio"], input[type="checkbox"] {
    margin: 0;
}

/*.banner {
    padding-top: 20px;
    
    
    
    
    
    color: white;
}

    .banner:before {
        background-color: #0000002b !important;
        backdrop-filter: blur(3px);
    }*/

.banner {
    border-radius: 1rem;
    padding-top: 6rem;
    background-size: cover;
    background-position: center;
    background-position-y: 25%;
    background-repeat: no-repeat;
    height: 20rem;
    color: white;
    position: relative;
    background-image: url(/Content/Images/Zimmer/welcome-scrap.jpg);
}

    .banner:before {
        border-radius: 1rem;
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: linear-gradient(to right,#0027399e, #00b0754f);
        backdrop-filter: blur(2px);
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2), 0 6px 20px rgba(0, 0, 0, 0.19);
    }

#FraseBanner {
    position: absolute;
    padding: 30px;
}

#loading-bar-spinner {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(100vw - 2rem);
}