@font-face {
    font-family: 'Acciona Font';
    src: url('../fonts/acciona-extralight.eot');
    src: url('../fonts/acciona-extralight.eot?#iefix') format('embedded-opentype'), url('../fonts/acciona-extralight.woff2') format('woff2'), url('../fonts/acciona-extralight.woff') format('woff'), url('../fonts/acciona-extralight.ttf') format('truetype'), url('../fonts/acciona-extralight.svg#accionaextralight') format('svg');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Acciona Font';
    src: url('../fonts/acciona-light.eot');
    src: url('../fonts/acciona-light.eot?#iefix') format('embedded-opentype'), url('../fonts/acciona-light.woff2') format('woff2'), url('../fonts/acciona-light.woff') format('woff'), url('../fonts/acciona-light.ttf') format('truetype'), url('../fonts/acciona-light.svg#accionalight') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'acciona-font';
    src: url('../fonts/acciona-font.eot');
    src: url('../fonts/acciona-font.eot?#iefix') format('embedded-opentype'), url('../fonts/acciona-font.woff2') format('woff2'), url('../fonts/acciona-font.woff') format('woff'), url('../fonts/acciona-font.ttf') format('truetype'), url('../fonts/acciona-font.svg#acciona-fontfont') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Acciona Font';
    src: url('../fonts/acciona-regular.eot');
    src: url('../fonts/acciona-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/acciona-regular.woff2') format('woff2'), url('../fonts/acciona-regular.woff') format('woff'), url('../fonts/acciona-regular.ttf') format('truetype'), url('../fonts/acciona-regular.svg#accionaregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Acciona Font';
    src: url('../fonts/acciona-medium.eot');
    src: url('../fonts/acciona-medium.eot?#iefix') format('embedded-opentype'), url('../fonts/acciona-medium.woff2') format('woff2'), url('../fonts/acciona-medium.woff') format('woff'), url('../fonts/acciona-medium.ttf') format('truetype'), url('../fonts/acciona-medium.svg#accionamedium') format('svg');
    font-weight: 600;
    font-style: normal;
}

* {
    outline: none;
    outline-offset: 0;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background: none;
    border: none;
    color: #232323;
}

body {
    font-size: 15px;
    background-color: #f1f1f1;
    padding: 0px;
    font-family: 'Acciona Font', sans-serif;
    font-weight: normal;
}

a:focus {
    outline: none;
    outline-offset: 0;
}

a:focus,
a:hover {
    color: initial;
    text-decoration: none;
}

a,
a:visited,
a:active {
    color: #232323;
}

.btn,
.btn:active,
.btn:focus,
.btn:visited {
    outline: none;
}

    .btn:hover,
    .btn:hover.btn-gray,
    .btn:hover.btn-darkgray {
        background-color: #ff0000;
    }

        .btn:hover.btn-indicator:after,
        .btn:hover.btn-gray.btn-indicator:after,
        .btn:hover i,
        .btn:hover.btn-gray i,
        .btn:hover,
        .btn:hover.btn-gray {
            color: white !important;
        }


    .btn.btn-darkgray {
        background-color: #232323;
    }

        .btn.btn-darkgray i {
            color: white;
        }

        .btn.btn-darkgray:hover {
            background-color: #FF0000;
        }

    .btn.btn-red {
        background-color: #FF0000;
        color: white;
    }

        .btn.btn-red i {
            color: white;
        }

        .btn.btn-red:hover {
            background-color: #666666;
        }


img {
    max-width: 100%;
    height: auto;
}

button:active > *,
button:focus > * {
    position: relative;
    top: 0;
    left: 0;
}

/**/
a {
    text-decoration: none;
}

ul,
ol {
    list-style: none;
}

header {
    display: table;
    width: 100%;
    z-index: 500;
    background: white;
    height: 75px;
    border-bottom: 1px solid #f1f1f1;
}

    header > div {
        display: table-cell;
        vertical-align: middle;
    }

    header > :first-child {
        width: 20%;
    }

    header > :nth-child(2) {
        text-align: center;
    }

    header > :last-child {
        width: 20%;
        text-align: right;
    }

    header #logo {
        width: 120px;
        margin: 0px 65px;
    }

    header #logo-guler {
        height: 45px;
        vertical-align: middle;
    }

    header span {
        margin-left: 40px;
        font-size: 18px;
        vertical-align: middle;
    }

    header .right-menu {
        display: inline-block;
        margin-right: 35px;
    }

        header .right-menu a:hover {
            color: #ff0000;
        }

        header .right-menu > :first-child:not(:last-child) a {
            display: block;
            border: 1px solid #ff0000;
            text-transform: uppercase;
            padding: 5px 10px;
            border-radius: 5px;
        }

            header .right-menu > :first-child:not(:last-child) a:hover {
                color: white;
                background-color: red;
            }

            header .right-menu > :first-child:not(:last-child) a:before {
                content: '\f03a';
                font-family: "Font Awesome 5 Free";
                font-weight: 600;
                margin-right: 10px;
            }

        header .right-menu li {
            display: inline-block;
        }

            header .right-menu li a {
                padding: 0px 5px;
            }

        header .right-menu img {
            float: left;
            margin-left: 20px;
            margin-right: 5px;
            width: 18px;
        }

    header .profile-menu, .col-size-menu {
        background-color: white;
        position: absolute;
        z-index: 10001;
        right: 10px;
        border: 1px solid #f1f1f1;
    }

.project-wrapper {
    padding: 5px;
    background-color: white;
    text-align: center;
    border-radius: 5px;
    box-shadow: 0px 0px 5px hsla(0, 0%, 0%, 0.15);
    margin-bottom: 10px;
}

    .project-wrapper p {
        margin-top: 15px;
        text-transform: uppercase;
        font-weight: 600;
    }


        .project-wrapper p:before {
            content: "";
            display: block;
            margin: 0 auto;
            width: 120px;
            height: 120px;
        }

    .project-wrapper.pmt p:before {
        background-image: url('../img/equipment_icon.svg');
        background-size: cover;
        background-repeat: no-repeat;
    }


    .project-wrapper.digitunnel p:before {
        background-image: url('../img/tunnel_icon.svg');
        background-size: cover;
        background-repeat: no-repeat;
    }

    .project-wrapper.operation-maintenance p:before {
        background-image: url('../img/om_icon.svg');
        background-size: cover;
        background-repeat: no-repeat;
    }

    .project-wrapper.concrete p:before {
        background-image: url('../img/concrete_icon.svg');
        background-size: cover;
        background-repeat: no-repeat;
    }

    .project-wrapper.tbm p:before {
        background-image: url('../img/tbm_icon.svg');
        background-size: cover;
        background-repeat: no-repeat;
    }

    .project-wrapper.pmt:hover p:before {
        background-image: url('../img/equipment_icon_white.svg');
        background-size: cover;
        background-repeat: no-repeat;
    }

    .project-wrapper.digitunnel:hover p:before {
        background-image: url('../img/tunnel_icon_white.svg');
    }

    .project-wrapper.operation-maintenance:hover p:before {
        background-image: url('../img/om_icon_white.svg');
    }

    .project-wrapper.concrete:hover p:before {
        background-image: url('../img/concrete_icon_white.svg');
    }

    .project-wrapper.tbm:hover p:before {
        background-image: url('../img/tbm_icon_white.svg');
    }

    .project-wrapper:hover {
        background-color: #FF0000;
        color: white;
    }

        .project-wrapper:hover p {
            color: white;
        }

.col-size-menu {
    border-radius: 0px;
    border: none;
}

    header .profile-menu ul li a, .col-size-menu li a {
        display: block;
        padding: 10px 20px;
        text-align: left;
    }

        header .profile-menu ul li a:hover,
        .col-size-menu li a:hover,
        header .profile-menu ul li a:hover .icon,
        .col-size-menu li a:hover .icon {
            color: #ff0000;
        }

    header .profile-menu ul li .icon,
    .col-size-menu li .icon {
        padding-right: 10px;
    }

@media (max-width: 991px) {
    #logo-guler {
        display: none;
    }

    header > :first-child {
        width: 30%;
    }

    header > :nth-child(2) {
        text-align: center;
    }

    header > :last-child {
        width: 30%;
        text-align: right;
    }
}

@media (max-width: 770px) {
    header > :nth-child(2) {
        display: none;
    }
}

@media (max-width: 550px) {
    header #logo {
        width: 120px;
        margin: 0px 30px;
    }

    header .profile-btn {
        font-size: 0px;
    }

    header .right-menu {
        margin-right: 15px;
    }
}

span.red, .form-row span.red {
    font-size: 16px;
    font-weight: 600;
    color: red;
}

.breadcrumbs {
    background-color: #232323;
    height: 50px;
    text-align: center;
    vertical-align: middle;
}

    .breadcrumbs .open-btn {
        display: inline-block;
        float: left;
        height: 100%;
        padding: 17px 25px;
        text-align: center;
        background-color: #ff0000;
        color: white;
        cursor: pointer;
    }

    .breadcrumbs ul {
        display: inline;
    }

        .breadcrumbs ul li {
            display: inline-block;
            font-size: 12px;
            position: relative;
            top: 12px;
        }

            .breadcrumbs ul li a {
                color: white;
                text-transform: uppercase;
            }

            .breadcrumbs ul li:after {
                content: ">";
                display: inline-block;
                position: relative;
                right: 0;
                color: white;
                padding: 0px 5px;
            }

        .breadcrumbs ul > :last-child:after {
            display: none;
        }

@media (max-width: 550px) {
    .breadcrumbs {
        text-align: left;
    }

        .breadcrumbs ul {
            margin-left: 25px;
        }
}

.menu-wrapper {
    position: absolute;
    top: 75px;
    height: calc(100vh - 75px);
    overflow-y: auto;
    z-index: 1000;
    background: white;
    box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.1);
    padding-top: 30px;
    transition: all 0.3s ease-in-out;
}

    .menu-wrapper.closed {
        transform: translateX(-270px);
    }

    .menu-wrapper .close-btn {
        position: absolute;
        right: 0;
        top: 0;
        padding: 15px;
        color: #666666;
        cursor: pointer;
    }

    .menu-wrapper .menu li {
        transition: width .4s;
        position: relative;
        background-color: white;
        text-transform: uppercase;
    }

        .menu-wrapper .menu li a:not(.jstree-anchor), .menu-wrapper .menu li div {
            display: block;
        }

        .menu-wrapper .menu li a:hover {
            color: #ff0000;
            border-left: 4px solid red;
        }

    .menu-wrapper .menu.side li {
        width: 250px;
    }

        .menu-wrapper .menu.side li a {
            padding: 15px 10px;
        }

            .menu-wrapper .menu.side li a.more:after {
                content: '\f105';
                font-family: "Font Awesome 5 Free";
                font-weight: 900;
                float: right;
            }

        .menu-wrapper .menu.side li ul {
            position: absolute;
            display: none;
            top: 0;
            right: -250px;
        }

        .menu-wrapper .menu.side li:hover > ul {
            display: block;
        }

        .menu-wrapper .menu.side li .icon {
            margin-right: 0px;
        }

    .menu-wrapper .menu.side > li {
        width: 45px;
    }

        .menu-wrapper .menu.side > li > a {
            font-size: 0px;
            line-height: 0px;
        }

    .menu-wrapper .menu.accordion li {
        width: 250px;
    }

        .menu-wrapper .menu.accordion li a:not(.jstree-anchor) {
            padding: 25px 20px;
        }

        .menu-wrapper .menu.accordion li a:hover:not(.jstree-anchor) {
            padding-left: 16px;
        }

        .menu-wrapper .menu.accordion li a.more:after {
            content: '\f107';
            font-family: "Font Awesome 5 Free";
            font-weight: 900;
            float: right;
        }

        .menu-wrapper .menu.accordion li.active > a {
            color: #ff0000;
        }

            .menu-wrapper .menu.accordion li.active > a i {
                color: #ff0000;
            }

            .menu-wrapper .menu.accordion li.active > a.more:after {
                content: '\f106';
                font-family: "Font Awesome 5 Free";
                font-weight: 900;
                float: right;
            }

        .menu-wrapper .menu.accordion li ul:not(.jstree-children):not(.jstree-node) {
            display: none;
        }

            .menu-wrapper .menu.accordion li ul:not(.jstree-children):not(.jstree-node) li {
                background-color: #f2f2f2;
            }

                .menu-wrapper .menu.accordion li ul:not(.jstree-children):not(.jstree-node) li ul li {
                    background-color: #e6e6e6;
                }

                    .menu-wrapper .menu.accordion li ul:not(.jstree-children):not(.jstree-node) li ul li ul li {
                        background-color: #d9d9d9;
                    }

        .menu-wrapper .menu.accordion li .icon {
            margin-top: -8px;
            margin-right: 15px;
            width: 20px;
            height: 20px;
            display: inline-block;
            vertical-align: middle;
            background-position: center;
            background-size: cover;
        }

            .menu-wrapper .menu.accordion li .icon.home {
                background-image: url('../img/menu_home.png');
            }

            .menu-wrapper .menu.accordion li .icon.export {
                background-image: url('../img/menu_export.png');
            }

            .menu-wrapper .menu.accordion li .icon.config {
                background-image: url('../img/menu_config.png');
            }

            .menu-wrapper .menu.accordion li .icon.tbm {
                background-image: url('../img/menu_tbm.png');
            }

            .menu-wrapper .menu.accordion li .icon.map {
                background-image: url('../img/menu_maps.png');
            }

            .menu-wrapper .menu.accordion li .icon.navigation {
                background-image: url('../img/menu_navigation.png');
            }

            .menu-wrapper .menu.accordion li .icon.reporting {
                background-image: url('../img/menu_reporting.png');
            }

            .menu-wrapper .menu.accordion li .icon.docs {
                background-image: url('../img/menu_docs.png');
            }

            .menu-wrapper .menu.accordion li .icon.info {
                background-image: url('../img/menu_info.png');
            }

            .menu-wrapper .menu.accordion li .icon.user {
                background-image: url('../img/menu_user.svg');
            }

.menu-wrapper {
    left: -270px;
}

    .menu-wrapper.fixposition {
        transform: translateX(270px);
    }

@media (max-width: 770px) {
    .menu-wrapper {
        height: 0px;
        left: 0;
        top: 0;
        position: relative;
        padding-top: 0px;
        transition: max-height 0.3s ease-in;
        box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
    }

        .menu-wrapper .menu {
            margin: 0px;
        }

            .menu-wrapper .menu li {
                background-color: #ff0000;
            }

                .menu-wrapper .menu li a:hover {
                    border-left: none;
                }

            .menu-wrapper .menu.accordion li {
                width: 100%;
                text-align: center;
            }

                .menu-wrapper .menu.accordion li .icon {
                    display: none;
                }

                .menu-wrapper .menu.accordion li.active > a {
                    color: white;
                    font-weight: 600;
                    font-size: 16px;
                }

                .menu-wrapper .menu.accordion li a:not(.jstree-anchor) {
                    color: #f1f1f1;
                    padding: 15px 20px;
                    border-bottom: 1px solid #e60000;
                }

                .menu-wrapper .menu.accordion li a:hover {
                    padding-left: 20px;
                    color: #232323;
                }

                .menu-wrapper .menu.accordion li ul:not(.jstree-children):not(.jstree-node) li {
                    background-color: #e60000;
                }

                .menu-wrapper .menu.accordion li ul li a {
                    border-bottom: 1px solid #cc0000;
                }

                .menu-wrapper .menu.accordion li ul li ul li {
                    background-color: #cc0000;
                }

                    .menu-wrapper .menu.accordion li ul li ul li a {
                        border-bottom: 1px solid #b30000;
                    }

                    .menu-wrapper .menu.accordion li ul li ul li ul li {
                        background-color: #b30000;
                    }

                        .menu-wrapper .menu.accordion li ul li ul li ul li a {
                            border-bottom: 1px solid #990000;
                        }
}

.content {
    position: relative;
    overflow-y: auto;
    overflow-x: hidden;
    width: 100%;
    height: calc(100vh - 125px);
    transition: all .3s ease-in-out;
    float: right;
}

@media (min-width: 1000px) {
    .content.menu-open {
        width: calc(100% - 250px);
    }
}

.wrapper {
    display: block;
    position: relative;
    width: 100%;
    max-width: 1024px;
    padding: 20px 32px;
    margin: auto;
}

    .wrapper.fullscreen {
        max-width: 3000px;
    }

.content > .wrapper {
    min-height: calc(100vh - 190px);
}

@media (min-width: 1400px) {
    .wrapper.px1400 {
        min-width: 1400px;
    }
}

@media (max-width: 1000px) {
    .wrapper.px1400 .form-row, .form-row span {
        text-align: center !important;
        font-size: 16px;
        margin-bottom: 10px;
    }
}

.footer {
    display: table;
    width: 100%;
    background-color: #232323;
    height: 65px;
    text-align: right;
}

    .footer .wrapper {
        height: 100%;
        max-width: 8000px;
        padding: 19.5px 32px;
    }

        .footer .wrapper span {
            display: inline-block;
            text-align: right;
            vertical-align: middle;
            color: white;
            padding: 0px 0px;
        }

.home-button {
    padding: 20px 0px 5px;
    display: table;
    width: 100%;
}

    .home-button a {
        display: table-cell;
        padding: 25px;
        border-radius: 10px;
        background-color: white;
        text-align: center;
        vertical-align: middle;
        box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.05);
        height: 190px;
    }

        .home-button a span {
            font-size: 20px;
        }

        .home-button a .image-btn {
            margin: auto;
            width: 80px;
            height: 80px;
            background-image: url('../img/menu_maps.svg');
            background-size: 80px 80px;
            background-repeat: no-repeat;
        }

        .home-button a:hover {
            background-color: #ff0000;
        }

            .home-button a:hover span {
                color: white;
            }

    .home-button.red a {
        background-color: #ff0000;
    }

        .home-button.red a:hover {
            background-color: #232323;
        }

    .home-button.tbm a .image-btn {
        background-image: url('../img/menu_tbm.svg');
    }

    .home-button.tbm a:hover .image-btn {
        background-image: url('../img/menu_tbm_white.svg');
    }

    .home-button.workshift a .image-btn {
        background-image: url('../img/menu_workshift.svg');
    }

    .home-button.workshift a:hover .image-btn {
        background-image: url('../img/menu_workshift_white.svg');
    }

    .home-button.chart-builder a .image-btn {
        background-image: url('../img/menu_data.svg');
    }

    .home-button.chart-builder a:hover .image-btn {
        background-image: url('../img/menu_data_white.svg');
    }

    .home-button.mapping a .image-btn {
        background-image: url('../img/menu_maps.svg');
    }

    .home-button.mapping a:hover .image-btn {
        background-image: url('../img/menu_maps_white.svg');
    }

    .home-button.navigation a .image-btn {
        background-image: url('../img/menu_navigation.svg');
    }

    .home-button.fleet a .image-btn {
        background-image: url('../img/menu_fleet.svg');
    }

    .home-button.fleet a:hover .image-btn {
        background-image: url('../img/menu_fleet_white.svg');
    }

    .home-button.recipients a .image-btn {
        background-image: url('../img/menu_recipients.svg');
    }

    .home-button.recipients a:hover .image-btn {
        background-image: url('../img/menu_recipients_white.svg');
    }

    .home-button.workzones a .image-btn {
        background-image: url('../img/menu_workzones.svg');
    }

    .home-button.workzones a:hover .image-btn {
        background-image: url('../img/menu_workzones_white.svg');
    }

    .home-button.plants a .image-btn {
        background-image: url('../img/menu_batching.svg');
    }

    .home-button.plants a:hover .image-btn {
        background-image: url('../img/menu_batching_white.svg');
    }

    .home-button.recipes a .image-btn {
        background-image: url('../img/menu_recipes.svg');
    }

    .home-button.recipes a:hover .image-btn {
        background-image: url('../img/menu_recipes_white.svg');
    }

    .home-button.trucks a .image-btn {
        background-image: url('../img/concrete_icon.svg');
    }

    .home-button.trucks a:hover .image-btn {
        background-image: url('../img/concrete_icon_white.svg');
    }

    .home-button.export a .image-btn {
        background-image: url('../img/menu_export.svg');
    }

    .home-button.export a:hover .image-btn {
        background-image: url('../img/menu_export_white.svg');
    }

    .home-button.order a .image-btn {
        background-image: url('../img/menu_order.svg');
    }

    .home-button.order a:hover .image-btn {
        background-image: url('../img/menu_order_white.svg');
    }

    .home-button.delivery a .image-btn {
        background-image: url('../img/menu_delivery.svg');
    }

    .home-button.delivery a:hover .image-btn {
        background-image: url('../img/menu_delivery_white.svg');
    }

    .home-button.navigation a:hover .image-btn {
        background-image: url('../img/menu_navigation_white.svg');
    }

    .home-button.reporting a .image-btn {
        background-image: url('../img/menu_reporting.svg');
    }

    .home-button.reporting a:hover .image-btn {
        background-image: url('../img/menu_reporting_white.svg');
    }

    .home-button.docs a .image-btn {
        background-image: url('../img/menu_docs.svg');
    }

    .home-button.docs a:hover .image-btn {
        background-image: url('../img/menu_docs_white.svg');
    }

    .home-button.machinery a .image-btn {
        background-image: url('../img/equipment_icon.svg');
    }

    .home-button.machinery a:hover .image-btn {
        background-image: url('../img/equipment_icon_white.svg');
    }

    .home-button.subcontractor a .image-btn {
        background-image: url('../img/subcontractors_icon.svg');
    }

    .home-button.subcontractor a:hover .image-btn {
        background-image: url('../img/subcontractors_icon_white.svg');
    }

    .home-button.equipment-model a .image-btn {
        background-image: url('../img/eqmodels_icon.svg');
    }

    .home-button.equipment-model a:hover .image-btn {
        background-image: url('../img/eqmodels_icon_white.svg');
    }

    .home-button.config a .image-btn {
        background-image: url('../img/menu_config_white.svg');
    }

    .home-button.config a:hover .image-btn {
        background-image: url('../img/menu_config.svg');
    }

    .home-button.charts a .image-btn {
        background-image: url('../img/menu_graph.svg');
    }

    .home-button.charts a:hover .image-btn {
        background-image: url('../img/menu_graph_white.svg');
    }

    .home-button.sensor a .image-btn {
        background-image: url('../img/menu_sensor.svg');
    }

    .home-button.sensor a:hover .image-btn {
        background-image: url('../img/menu_sensor_white.svg');
    }

    .home-button.tracking a .image-btn {
        background-image: url('../img/menu_tracking.svg');
    }

    .home-button.tracking a:hover .image-btn {
        background-image: url('../img/menu_tracking_white.svg');
    }

    .home-button.production a .image-btn {
        background-image: url('../img/menu_production.svg');
    }

    .home-button.production a:hover .image-btn {
        background-image: url('../img/menu_production_white.svg');
    }

    .home-button.security a .image-btn {
        background-image: url('../img/menu_security.svg');
    }

    .home-button.security a:hover .image-btn {
        background-image: url('../img/menu_security_white.svg');
    }

    .home-button.post-processing a .image-btn {
        background-image: url('../img/menu_config.svg');
    }

    .home-button.post-processing a:hover .image-btn {
        background-image: url('../img/menu_config_white.svg');
    }

    .home-button.company a .image-btn {
        background-image: url('../img/menu_company.svg');
    }

    .home-button.company a:hover .image-btn {
        background-image: url('../img/menu_company_white.svg');
    }

    .home-button.language a .image-btn {
        background-image: url('../img/menu_language.svg');
    }

    .home-button.language a:hover .image-btn {
        background-image: url('../img/menu_language_white.svg');
    }

    .home-button.equipment a .image-btn {
        background-image: url('../img/equipment_icon.svg');
    }

    .home-button.equipment a:hover .image-btn {
        background-image: url('../img/equipment_icon_white.svg');
    }

    .home-button.user a .image-btn {
        background-image: url('../img/menu_user.svg');
    }

    .home-button.user a:hover .image-btn {
        background-image: url('../img/menu_user_white.svg');
    }

    .home-button.ro_operator a .image-btn {
        background-image: url('../img/menu_operator_ro.svg');
    }

    .home-button.ro_operator a:hover .image-btn {
        background-image: url('../img/menu_operator_ro_white.svg');
    }

    .home-button.spare a .image-btn {
        background-image: url('../img/menu_spare.svg');
    }

    .home-button.spare a:hover .image-btn {
        background-image: url('../img/menu_spare_white.svg');
    }

    .home-button.rh_operator a .image-btn {
        background-image: url('../img/menu_operator_rh.svg');
    }

    .home-button.rh_operator a:hover .image-btn {
        background-image: url('../img/menu_operator_rh_white.svg');
    }

    .home-button.ca_operator a .image-btn {
        background-image: url('../img/menu_operator_ca.svg');
    }

    .home-button.ca_operator a:hover .image-btn {
        background-image: url('../img/menu_operator_ca_white.svg');
    }

    .home-button.layer a .image-btn {
        background-image: url('../img/menu_layer.svg');
    }

    .home-button.layer a:hover .image-btn {
        background-image: url('../img/menu_layer_white.svg');
    }

    .home-button.web a .image-btn {
        background-image: url('../img/menu_web.svg');
    }

    .home-button.web a:hover .image-btn {
        background-image: url('../img/menu_web_white.svg');
    }

    .home-button.texts a .image-btn {
        background-image: url('../img/menu_text.svg');
    }

    .home-button.texts a:hover .image-btn {
        background-image: url('../img/menu_text_white.svg');
    }

    .home-button.stops a .image-btn {
        background-image: url('../img/menu_stops.svg');
    }

    .home-button.stops a:hover .image-btn {
        background-image: url('../img/menu_stops_white.svg');
    }

    .home-button.folder a .image-btn {
        background-image: url('../img/menu_folder.svg');
    }

    .home-button.folder a:hover .image-btn {
        background-image: url('../img/menu_folder_white.svg');
    }

    .home-button.dashboard a .image-btn {
        background-image: url('../img/menu_dashboard.svg');
    }

    .home-button.dashboard a:hover .image-btn {
        background-image: url('../img/menu_dashboard_white.svg');
    }

    .home-button.masshaul a .image-btn {
        background-image: url('../img/menu_masshaul.svg');
    }

    .home-button.masshaul a:hover .image-btn {
        background-image: url('../img/menu_masshaul_white.svg');
    }

    .home-button.alerts a .image-btn {
        background-image: url('../img/menu_alert.svg');
    }

    .home-button.alerts a:hover .image-btn {
        background-image: url('../img/menu_alert_white.svg');
    }

    .home-button.data a .image-btn {
        background-image: url('../img/menu_data.svg');
    }

    .home-button.data a:hover .image-btn {
        background-image: url('../img/menu_data_white.svg');
    }

    .home-button.crew a .image-btn {
        background-image: url('../img/crews_icon.svg');
    }

    .home-button.crew a:hover .image-btn {
        background-image: url('../img/crews_icon_white.svg');
    }

    .home-button.section a .image-btn {
        background-image: url('../img/sections_icon.svg');
    }

    .home-button.section a:hover .image-btn {
        background-image: url('../img/sections_icon_white.svg');
    }

    .home-button.alert_log a .image-btn {
        background-image: url('../img/menu_alert_log.svg');
    }

    .home-button.alert_log a:hover .image-btn {
        background-image: url('../img/menu_alert_log_white.svg');
    }

    .home-button.alert_config a .image-btn {
        background-image: url('../img/menu_alert_config.svg');
    }

    .home-button.alert_config a:hover .image-btn {
        background-image: url('../img/menu_alert_config_white.svg');
    }

    .home-button.km a .image-btn {
        background-image: url('../img/menu_km.svg');
    }

    .home-button.km a:hover .image-btn {
        background-image: url('../img/menu_km_white.svg');
    }

    .home-button.performance a .image-btn {
        background-image: url('../img/menu_performance.svg');
    }

    .home-button.performance a:hover .image-btn {
        background-image: url('../img/menu_performance_white.svg');
    }

    .home-button.volume a .image-btn {
        background-image: url('../img/menu_volume.svg');
    }

    .home-button.volume a:hover .image-btn {
        background-image: url('../img/menu_volume_white.svg');
    }

    .home-button.red a {
        background-color: #ff0000;
    }

        .home-button.red a span {
            color: white;
        }

.home-welcome {
    margin-top: 20px;
}

    .home-welcome > :first-child {
        font-size: 30px;
    }

    .home-welcome > :last-child {
        font-size: 18px;
        color: #666666;
    }

hr {
    margin: 10px 0px 5px;
    height: 1px;
    color: #ff0000;
    background-color: #666666;
    border: 0px;
}

.title-section-header {
    display: block;
}

.card {
    background-color: white;
    position: relative;
    min-height: 100px;
    border-radius: 2px;
    margin: 10px 0px;
}

    .card .card-header, .title-section-header {
        text-transform: uppercase;
        font-size: 12px;
        font-weight: 600;
        padding: 10px 22px;
        background-color: #e6e6e6;
        height: 38px;
    }

    .card .card-body {
        position: relative;
        padding: 25px 20px;
    }

    .card.complete {
        outline: 2px solid #83e6ab;
    }

        .card.complete .card-header {
            background-color: #83e6ab;
        }

            .card.complete .card-header:after {
                position: absolute;
                color: white;
                font-family: "Font Awesome 5 Free";
                font-weight: 900;
                content: "\f00c";
                right: 20px;
                top: 5px;
                font-size: 20px;
            }

.ppal-launcher {
    margin-top: 30px;
}

    .ppal-launcher > div {
        text-align: center;
        padding: 20px;
    }

        .ppal-launcher > div > div {
            border-right: 1px solid #f1f1f1;
        }

        .ppal-launcher > div > :last-child {
            border: none;
        }

        .ppal-launcher > div img {
            width: 40px;
        }

        .ppal-launcher > div .measure-title {
            display: block;
            color: #666666;
            font-size: 12px;
            text-transform: uppercase;
            margin-top: 20px;
        }

        .ppal-launcher > div .measure {
            display: block;
            font-size: 36px;
            font-weight: 600;
            color: #232323;
            margin-top: -15px;
        }

.map {
    padding: 2px;
}

@media (max-width: 550px) {
    .wrapper {
        width: 100%;
        max-width: 1024px;
        padding: 10px 15px;
        margin: auto;
    }

    .ppal-launcher {
        margin-top: 15px;
    }
}
/*table {
  width: 100%;
  margin-bottom: 20px;
}
table thead {
  font-weight: 600;
  text-transform: uppercase;
}
table thead th {
  padding: 15px 20px;
  font-size: 14px;
  border-bottom: 2px solid #f1f1f1;
  border-right: 2px solid #f1f1f1;
}
table thead tr :last-child {
  border-right: none;
}
table tbody td {
  padding: 10px 20px;
  border-bottom: 2px solid #f1f1f1;
  border-right: 2px solid #f1f1f1;
  color: #666666;
}
table tbody td span,
table tbody td a {
  color: #666666;
  font-size: 14px;
}
table tbody tr :last-child {
  border-right: none;
}
table tbody .failure {
  background-color: #ff0000;
  color: white;
  padding: 2px 5px;
  text-transform: uppercase;
}
table tbody .maintenance {
  background-color: #f7931e;
  color: white;
  padding: 2px 5px;
  text-transform: uppercase;
}
table.table-white th {
  background-color: #e6e6e6;
}
table.table-white td {
  background-color: white;
  position: relative;
}
table.table-white td a {
  display: table-cell;
  width: 100%;
  height: 100%;
}
table.table-white td img {
  width: 20px;
  position: absolute;
  top: 10px;
  left: 10px;
}*/
table:not(.table-condensed):not(.fc-header):not(.fc-border-separate) {
    width: 100%;
    margin-bottom: 20px;
}

    table:not(.table-condensed):not(.fc-header):not(.fc-border-separate) thead,
    table:not(.table-condensed):not(.fc-header):not(.fc-border-separate) .table-header {
        font-weight: 600;
        text-transform: uppercase;
    }

        table:not(.table-condensed):not(.fc-header):not(.fc-border-separate) thead th,
        table:not(.table-condensed):not(.fc-header):not(.fc-border-separate) .table-header th {
            padding: 15px 20px;
            font-size: 14px;
            border-bottom: 2px solid #f1f1f1;
            border-right: 2px solid #f1f1f1;
        }

        table:not(.table-condensed):not(.fc-header):not(.fc-border-separate) thead tr :last-child,
        table:not(.table-condensed):not(.fc-header):not(.fc-border-separate) .table-header tr :last-child {
            border-right: none;
        }

    table:not(.table-condensed):not(.fc-header):not(.fc-border-separate) tbody td {
        padding: 10px 20px;
        border-bottom: 2px solid #f1f1f1;
        border-right: 2px solid #f1f1f1;
        color: #666666;
    }

        table:not(.table-condensed):not(.fc-header):not(.fc-border-separate) tbody td span,
        table:not(.table-condensed):not(.fc-header):not(.fc-border-separate) tbody td a {
            color: #666666;
            font-size: 14px;
        }

    table:not(.table-condensed):not(.fc-header):not(.fc-border-separate) tbody tr :last-child {
        border-right: none;
    }

    table:not(.table-condensed):not(.fc-header):not(.fc-border-separate) tbody .failure {
        background-color: #ff0000;
        color: white;
        padding: 2px 5px;
        text-transform: uppercase;
    }

    table:not(.table-condensed):not(.fc-header):not(.fc-border-separate) tbody .maintenance {
        background-color: #f7931e;
        color: white;
        padding: 2px 5px;
        text-transform: uppercase;
    }

    table:not(.table-condensed):not(.fc-header):not(.fc-border-separate).table-white th {
        background-color: #e6e6e6;
    }

    table:not(.table-condensed):not(.fc-header):not(.fc-border-separate).table-white td {
        background-color: white;
        position: relative;
    }

        table:not(.table-condensed):not(.fc-header):not(.fc-border-separate).table-white td a {
            display: table-cell;
            width: 100%;
            height: 100%;
        }

        table:not(.table-condensed):not(.fc-header):not(.fc-border-separate).table-white td img {
            width: 20px;
            position: absolute;
            top: 10px;
            left: 10px;
        }

    table:not(.table-condensed):not(.fc-header):not(.fc-border-separate).table-styled {
        border: 1px solid #b3b3b3;
    }

        table:not(.table-condensed):not(.fc-header):not(.fc-border-separate).table-styled thead {
            border: 1px solid #b3b3b3;
        }

        table:not(.table-condensed):not(.fc-header):not(.fc-border-separate).table-styled th {
            text-transform: uppercase;
            font-size: 12px;
            border: 1px solid #b3b3b3;
            background-color: #f1f1f1;
        }

        table:not(.table-condensed):not(.fc-header):not(.fc-border-separate).table-styled tbody th {
            padding: 0px 10px;
            border-right: 1px solid #b3b3b3;
        }

        table:not(.table-condensed):not(.fc-header):not(.fc-border-separate).table-styled td,
        table:not(.table-condensed):not(.fc-header):not(.fc-border-separate).table-styled td span {
            border: none;
            font-size: 13px;
        }

        table:not(.table-condensed):not(.fc-header):not(.fc-border-separate).table-styled tr:nth-of-type(even) {
            background-color: #f6f6f6;
        }

    table:not(.table-condensed):not(.fc-header):not(.fc-border-separate).table-styled-2.border-top {
        border-top: 1px solid #f1f1f1;
    }

    table:not(.table-condensed):not(.fc-header):not(.fc-border-separate).table-styled-2.col2 tbody td {
        width: 50%;
    }

    table:not(.table-condensed):not(.fc-header):not(.fc-border-separate).table-styled-2.col3 tbody td {
        width: 33%;
    }

    table:not(.table-condensed):not(.fc-header):not(.fc-border-separate).table-styled-2 tbody td,
    table:not(.table-condensed):not(.fc-header):not(.fc-border-separate).table-styled-2 tbody th {
        border: 0;
        text-align: center;
    }

    table:not(.table-condensed):not(.fc-header):not(.fc-border-separate).table-styled-2 td.bordered {
        border-right: 2px solid #f1f1f1;
    }

    table:not(.table-condensed):not(.fc-header):not(.fc-border-separate).table-styled-2 tbody td span,
    table:not(.table-condensed):not(.fc-header):not(.fc-border-separate).table-styled-2 tbody td a {
        color: inherit;
        font-size: inherit;
    }

    table:not(.table-condensed):not(.fc-header):not(.fc-border-separate).table-styled-2.striped tr:nth-of-type(odd) {
        background-color: #f6f6f6;
    }

    table:not(.table-condensed):not(.fc-header):not(.fc-border-separate).no-padding td {
        padding: 0;
    }

    table:not(.table-condensed):not(.fc-header):not(.fc-border-separate).no-margin td {
        margin: 0;
    }

.div-search {
    position: sticky;
    top: 0;
    padding: 5px 10px;
    background-color: white;
    border-bottom: 1px solid #f1f1f1;
}

input.select-search {
    width: 100%;
    display: block;
    height: 40px;
    background-color: #f1f1f1;
    border-radius: 5px;
    padding: 15px;
}



.no-margin {
    margin: 0 !important;
}

.chart-wrapper {
    position: relative;
    padding: 20px;
    max-width: 306px;
    margin: 0 auto;
    text-align: center;
}

    .chart-wrapper span#percent-vendidos {
        position: absolute;
        top: 50%;
        left: 50%;
        display: inline-block;
        font-size: 36px;
        font-family: 'Acciona Font';
        font-weight: 600;
        color: #232323;
        transform: translateX(-50%) translateY(-50%);
    }

span#file-data {
    display: block;
    border-top: 1px solid #f1f1f1;
    margin-top: 10px;
    padding: 10px;
    width: 100%;
    font-size: 21px;
    font-weight: 600;
    text-align: center;
}

.side-menu li a {
    text-transform: uppercase;
    font-size: 14px;
    display: block;
    padding: 25px 10px;
    border-bottom: 1px solid #666666;
}

    .side-menu li a:hover {
        color: #ff0000;
    }

.side-menu :last-child a {
    border: none;
}

@media (max-width: 550px) {
    .chart-wrapper {
        max-width: 250px;
    }
}

.title-page {
    text-align: center;
    text-transform: uppercase;
    padding-bottom: 20px;
    font-size: 28px;
}

.form-row {
    display: table;
    position: relative;
    width: 100%;
    padding: 0px;
    vertical-align: middle;
    margin-bottom: 20px;
}

    .form-row.row-bottom {
        margin-bottom: 0px;
    }

    .form-row.input-user:after {
        background: #666666 url(../img/icon_user.png);
    }

    .form-row.input-pass:after {
        background: #666666 url(../img/icon_pass_white.png);
    }

    .form-row.input-mail:after {
        background: #666666 url(../img/icon_mail.png);
    }

    .form-row.input-phone:after {
        background: #666666 url(../img/icon_phone.png);
    }

    .form-row.input-user:after,
    .form-row.input-pass:after,
    .form-row.input-mail:after,
    .form-row.input-phone:after {
        content: "";
        display: block;
        position: absolute;
        bottom: 0;
        right: 0;
        width: 40px;
        height: 45px;
        background-position: center;
        background-size: 45px;
    }

    .form-row textarea,
    .form-row input[type="text"],
    .form-row input[type="password"],
    .form-row input[type="number"] {
        display: table-cell;
        position: relative;
        background: white;
        padding: 11.5px 20px;
        vertical-align: middle;
        width: 100%;
        font-size: 16px;
        color: #666666;
    }

    .form-row input[type="chexbox"] {
        text-align: left;
    }

    .form-row > span {
        font-size: 12px;
        color: black;
    }

        .form-row > span.text-danger {
            color: #ff0000;
        }

    .form-row .cb-container {
        display: block;
        position: relative;
        cursor: pointer;
        text-align: left;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        /* Style the checkmark/indicator */
    }

        .form-row .cb-container.inline {
            display: inline;
            text-align: center;
        }

        .form-row .cb-container input {
            position: absolute;
            opacity: 0;
            cursor: pointer;
            height: 0;
            width: 0;
        }

        .form-row .cb-container:nth-child(1) {
            padding-left: 25px;
        }

        .form-row .cb-container.cb-tristate:nth-child(1) {
            padding-left: 0px;
            margin-top: 10px;
        }

        .form-row .cb-container .checkmark {
            position: absolute;
            top: 3px;
            left: 0;
            height: 15px;
            width: 15px;
            background-color: white;
            border: 1px solid black !important;
        }

        .form-row .cb-container:hover input ~ .checkmark {
            background-color: #ccc;
        }

        .form-row .cb-container input:checked ~ .checkmark {
            background-color: black;
        }

        .form-row .cb-container .checkmark:after {
            content: "";
            position: absolute;
            display: none;
        }

        .form-row .cb-container input:checked ~ .checkmark:after {
            display: block;
        }

        .form-row .cb-container .checkmark:after {
            left: 4px;
            top: 1px;
            width: 5px;
            height: 10px;
            border: solid white;
            border-width: 0 2px 2px 0;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
        }

    .form-row .form-img {
        display: table-cell;
        background-color: #666666;
        width: 45px;
        height: 45px;
    }

        .form-row .form-img .img {
            margin: auto;
        }

    .form-row .forgot {
        font-size: 16px;
        color: white;
        margin-top: 18px;
        display: block;
    }

        .form-row .forgot:hover {
            color: #f1f1f1;
        }

    .form-row .select-hidden {
        display: none;
        visibility: hidden;
        padding-right: 10px;
    }

    .form-row .select {
        cursor: pointer;
        display: inline-block;
        position: relative;
        font-size: 16px;
        color: #232323;
        width: 100%;
        height: 45px;
    }

    .form-row .select-styled {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: white;
        padding: 11px 15px;
        transform: transition(all 0.2s ease-in);
    }

        .form-row .select-styled:after {
            content: '\f107';
            font-family: "Font Awesome 5 Free";
            font-weight: 900;
            padding: 4.5px 8px;
            min-width: 40px;
            color: white;
            border: 7px solid transparent;
            position: absolute;
            display: block;
            top: 0;
            right: 0;
            background-color: #666666;
        }

        .form-row .select-styled:hover {
            background-color: #fafafa;
        }

            .form-row .select-styled:hover:after {
                background-color: #ff0000;
            }

        .form-row .select-styled:active,
        .form-row .select-styled.active {
            background-color: white;
        }

            .form-row .select-styled:active:after,
            .form-row .select-styled.active:after {
                content: '\f106';
            }

    .form-row .select-options {
        display: none;
        position: absolute;
        top: 100%;
        right: 0;
        left: 0;
        z-index: 999;
        margin: 0;
        padding: 0;
        list-style: none;
        max-height: 160px;
        background-color: white;
        overflow-y: auto;
        border: 1px solid #f1f1f1;
    }

        .form-row .select-options li {
            margin: 0;
            padding: 12px 15px;
            text-indent: 0px;
            transform: transition(all 0.15s ease-in);
        }

            .form-row .select-options li:hover {
                color: white;
                background: #ff0000;
            }

            .form-row .select-options li[rel="hide"] {
                display: none;
            }

    .form-row.input-gray textarea,
    .form-row.input-gray input,
    .form-row.input-gray .select-styled {
        background: #f1f1f1;
    }

    .form-row.input-gray .select-styled {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .form-row .btn {
        padding: 15px 30px;
        background-color: white;
        text-transform: uppercase;
        letter-spacing: 2px;
        margin: 0px 5px;
        border-radius: 0px;
    }

        .form-row .btn.btn-indicator:after {
            content: '\f105';
            font-family: "Font Awesome 5 Free";
            font-weight: 900;
            float: right;
            color: #ff0000;
            margin-left: 10px;
        }

        .form-row .btn .icon {
            color: #ff0000;
            margin-right: 20px;
        }

        .form-row .btn.btn-gray {
            background-color: #f1f1f1;
        }

        .form-row .btn.btn-gray-block {
            background-color: #f1f1f1;
        }

        .form-row .btn.btn-red {
            background-color: #ff0000;
            color: white;
        }

            .form-row .btn.btn-red::after {
                color: white;
            }

            .form-row .btn.btn-red .icon {
                color: white;
            }

        .form-row .btn.btn-gray {
            background-color: #f1f1f1;
        }

        .form-row .btn:hover,
        .form-row .btn:hover.btn-gray {
            background-color: #ff0000;
        }

            .form-row .btn:hover.btn-gray-block {
                background-color: #f1f1f1;
            }

            .form-row .btn:hover.btn-indicator:after,
            .form-row .btn:hover.btn-gray.btn-indicator:after,
            .form-row .btn:hover i,
            .form-row .btn:hover.btn-gray i,
            .form-row .btn:hover,
            .form-row .btn:hover.btn-gray {
                color: white;
            }


                .form-row .btn:hover:active.btn-red {
                    background-color: #666666;
                }

        .form-row .btn.btn-small-block,
        .form-row .btn.btn-small-edit,
        .form-row .btn.btn-small-delete,
        .form-row .btn.btn-small-save,
        .form-row .btn.btn-small-undo {
            padding: 0px;
        }

            .form-row .btn.btn-small-block:after,
            .form-row .btn.btn-small-edit:after,
            .form-row .btn.btn-small-delete:after,
            .form-row .btn.btn-small-save:after,
            .form-row .btn.btn-small-undo:after {
                content: "";
                font-family: "Font Awesome 5 Free";
                display: block;
                width: 40px;
                height: 40px;
                line-height: 40px;
                text-align: center;
                right: 0;
            }

            .form-row .btn.btn-small-block:after {
                content: "\f023";
                font-weight: 600;
            }

            .form-row .btn.btn-small-edit:after {
                content: "\f044";
            }

            .form-row .btn.btn-small-delete:after {
                content: "\f2ed";
            }

            .form-row .btn.btn-small-save:after {
                content: "\f0c7";
            }

            .form-row .btn.btn-small-undo:after {
                content: "\f0e2";
                font-weight: 900;
            }

    .form-row.text-label label {
        text-transform: uppercase;
        font-size: 12px;
        font-weight: 600;
        color: #000;
        margin: 0px;
    }

    .form-row.text-label p {
        color: #666666;
        font-size: 16px;
    }

    .form-row.text-label .big-content {
        font-size: 36px;
    }

.no-padding {
    padding: 0px !important;
}

@media (min-width: 991px) {
    .float-right-sd {
        float: right;
        max-width: 300px;
    }

    .form-row {
        display: table;
        width: 100%;
    }

        .form-row.align-right-sd {
            text-align: right;
        }

    .top-right {
        display: block;
        min-width: 0px;
        width: fit-content;
        position: absolute;
        top: 25px;
        right: 20px;
    }
}

@media (max-width: 991px) {
    .form-row.no-table {
        text-align: center;
    }

        .form-row.no-table .btn {
            display: block;
            margin: auto;
            width: 90%;
        }

        .form-row.no-table.input-btn .btn {
            display: inline-block;
            width: 40px;
        }

    .form-row.align-right-sd {
        text-align: center;
    }

    .form-row:not(.no-table) a,
    .form-row:not(.no-table) button,
    .form-row:not(.no-table) input[type="submit"] {
        text-align: center;
        display: inline-block;
        width: 47%;
    }

    .form-row:not(.no-table) .btn.btn-small-block,
    .form-row:not(.no-table) .btn.btn-small-edit,
    .form-row:not(.no-table) .btn.btn-small-delete,
    .form-row:not(.no-table) .btn.btn-small-undo,
    .form-row:not(.no-table) .btn.btn-small-save,
    .form-row:not(.no-table) .btn.btn-small-add,
    .form-row:not(.no-table) .btn.btn-small-info {
        display: inline-block;
        width: initial;
    }

    .form-row:not(.no-table).top-right {
        margin-top: 15px;
        text-align: right;
    }

    .form-row.tab-3 {
        text-align: center;
    }

        .form-row.tab-3 > * {
            display: inline-block !important;
            width: 30% !important;
        }

    .text-label p {
        font-size: 14px;
    }

    .text-label .big-content {
        font-size: 22px !important;
    }
}

@media (max-width: 550px) {
    .form-row,
    .form-row:not(.no-table) {
        display: block;
        min-width: 0px;
    }

        .form-row .btn,
        .form-row:not(.no-table) .btn {
            display: block;
            margin: auto;
            margin-bottom: 5px;
            width: 90%;
        }

            .form-row .btn.btn-small-add,
            .form-row:not(.no-table) .btn.btn-small-add {
                margin-bottom: 0px;
            }

        .form-row.btn-input,
        .form-row:not(.no-table).btn-input {
            display: table;
        }

        .form-row.tab-3 > * {
            display: block !important;
            width: 100% !important;
        }
}

@media (max-width: 770px) {
    .title-page {
        padding-bottom: 10px;
        font-size: 20px;
    }
}

.progress {
    background-color: white;
    border-radius: 0px;
    height: 29px;
}

    .progress .progress-bar {
        background-color: #ff0000;
        text-align: left;
        padding-top: 4px;
    }

        .progress .progress-bar span {
            color: white;
            font-size: 16px;
            font-weight: 600;
            text-align: left;
            padding-left: 20px;
            text-shadow: -1px 0 #232323, 0 1px #232323, 1px 0 #232323, 0 -1px #232323;
        }
/* The switch - the box around the slider */
.switch {
    position: relative;
    width: 60px;
    height: 34px;
}

    .switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }
/* The slider */
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #666666;
    -webkit-transition: .4s;
    transition: .4s;
}

    .slider:before {
        position: absolute;
        content: "";
        height: 26px;
        width: 26px;
        left: 4px;
        bottom: 4px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

input:checked + .slider {
    background-color: #ff0000;
}

input:focus + .slider {
    box-shadow: 0 0 1px #ff0000;
}

input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Filter items */
.delElem {
    cursor: pointer;
    background-color: #FF0000;
    color: white;
    padding: 10px;
    display: block;
    width: 45px;
    height: 45px;
}

    .delElem:hover {
        background-color: #666666;
    }

    .delElem .icon {
        color: white;
        text-align: center;
    }

.delete-wrapper {
    margin: 50px auto;
    text-align: center;
    max-width: 500px;
    background-color: #FFFFFF;
    padding: 30px 55px;
    border-radius: 3px;
    box-shadow: 0 0 7px 1px rgba(0, 0, 0, 0.06);
}

.delete-body {
    padding: 10px;
    background-color: #f9f9f9;
}

@media (max-width: 768px) {
    .row.itemFilter {
        border: 1px solid #e6e6e6;
        padding: 20px 5px 5px;
        margin-bottom: 10px;
    }

    .delElem {
        width: 100%;
        margin-top: -5px;
        margin-bottom: 5px;
    }
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

    .slider.round:before {
        border-radius: 50%;
    }
/* INPUT FILE */
input[type="file"]#myfile {
    width: 0px;
    height: 0px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

label[for="myfile"] {
    position: relative;
    font-size: 14px;
    height: 45px;
    color: #666666;
    text-align: left;
    width: 100%;
    background-color: #FFF;
    display: block;
    transition: all .5s;
    cursor: pointer;
    padding: 13px 60px 15px 20px;
}

    label[for="myfile"].file-gray {
        background-color: #f1f1f1;
    }

    label[for="myfile"] :after {
        content: "";
        position: absolute;
        display: block;
        color: white;
        width: 40px;
        height: 45px;
        font-size: 14px;
        padding: 12px;
        background: #666666 url(../img/icon_upload.png);
        background-position: center;
        background-size: 45px;
        top: 0;
        right: 0;
    }

    label[for="myfile"]:hover :after {
        background-color: #ff0000;
    }

#spinner {
    text-align: center;
    width: 100%;
    vertical-align: middle;
    background-color: rgba(35, 35, 35, 0.2);
    position: absolute;
    z-index: 500;
    height: calc(100vh - 125px);
}

#img-spinner {
    transform: translateY(30vh);
}

.imghvr-row {
    display: contents !important;
}

.imghvr-col {
    display: inline !important;
    height: 250px !important;
    padding: 5px !important;
    background-color: transparent !important;
}

.imghvr-img {
    position: relative !important;
    height: 250px;
    width: 100%;
    background-position: center;
    background-size: cover;
}

.imghvr-footnote {
    position: fixed !important;
    bottom: 0px;
    width: 100%;
    color: #fff;
    background-color: rgba(0,0,0,.5) !important;
    padding: 15px;
}

.imghvr-caption {
    background-color: rgba(0,0,0,.8) !important;
}


.menu-wrapper .menu.accordion li .icon.add {
    background-image: url('../img/icon_add.png');
}


a.iconaddparam {
    background: url('../img/icon_add.png') no-repeat top left;
    text-indent: -99999px; /* hides the link text */
    margin-top: -8px;
    margin-right: 15px;
    width: 20px;
    height: 20px;
    display: inline-block;
    /*vertical-align: middle;*/
    background-position: center;
    background-size: cover;
}




.iconSearchparam {
    background: url('../img/icon_search.png') no-repeat top left;
    text-indent: -99999px; /* hides the link text */
    margin-top: -8px;
    margin-right: 10px;
    width: 20px;
    height: 20px;
    display: inline-block;
    /*vertical-align: middle;*/
    background-position: center;
    background-size: cover;
}


.form-control.select.filterSubc {
    width: auto;
    display: inline;
}

.form-control.inputbox.filterSubc {
    width: 200px;
    display: inline;
    margin-left: 10px;
}



.iconFilterAddparam {
    background: url('../img/icon_filteradd.png') no-repeat top left;
    text-indent: -99999px; /* hides the link text */
    margin-top: -8px;
    width: 20px;
    height: 20px;
    display: inline-block;
    /*vertical-align: middle;*/
    background-position: center;
    background-size: cover;
}

.iconDelFilter {
    background: url('../img/icon_delfilters.png') no-repeat top left;
    text-indent: -99999px; /* hides the link text */
    margin-top: -8px;
    width: 20px;
    height: 20px;
    display: inline-block;
    /*vertical-align: middle;*/
    background-position: center;
    background-size: cover;
}

.gly-spin {
    -webkit-animation: spin 1s infinite linear;
    -moz-animation: spin 1s infinite linear;
    -o-animation: spin 1s infinite linear;
    animation: spin 1s infinite linear;
}

@-moz-keyframes spin {
    0% {
        -moz-transform: rotate(0deg);
    }

    100% {
        -moz-transform: rotate(359deg);
    }
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
    }
}

@-o-keyframes spin {
    0% {
        -o-transform: rotate(0deg);
    }

    100% {
        -o-transform: rotate(359deg);
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

.input-err {
    border: 2px solid #ff0000 !important;
}

#error-reqfields li {
    list-style-type: square;
    margin-left: 60px;
    color: #a94442;
}

.datepicker, .ui-timepicker-standard {
    z-index: 99999 !important;
}

    .datepicker th {
        background-color: white;
    }

.ui-timepicker-standard {
    font-family: "Acciona Font";
    font-size: initial;
    background-color: #FFF;
    border: none;
    color: #232323;
    margin: 0;
    max-height: 150px;
    padding: 0px;
}

    .ui-timepicker-standard .ui-state-hover {
        background: #ff0000;
        color: white;
        border: none;
    }

    .ui-timepicker-standard .ui-timepicker-viewport {
        max-height: 150px;
    }

.ui-widget.ui-widget-content {
    border: none;
}

label.ui-checkboxradio-label.ui-corner-all.ui-button.ui-widget:focus, :not(.ui-state-active).ui-state-focus {
    border: 1px solid white !important;
    background: white !important;
    font-weight: normal !important;
    color: #666 !important;
    text-align: center !important;
}

label.ui-checkboxradio-label.ui-corner-all.ui-button.ui-widget.ui-visual-focus {
    box-shadow: 0 0 black;
}

/* DatePicker*/
.table-condensed > tbody > tr > td,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > td,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > thead > tr > th {
    padding: 2px 10px;
}

.datepicker td.active,
.datepicker td.active.active,
.datepicker td span.active,
.datepicker td span.active:hover,
.datepicker td span.active:focus,
.datepicker td span.active:active,
.datepicker td span.active.active,
.datepicker td span.active.disabled,
.datepicker td span.active[disabled] {
    border-radius: 0px;
    background: #ff0000;
}

    .datepicker td.active:hover,
    .datepicker td.active:hover:hover,
    .datepicker td.active:hover.active {
        background-color: #232323;
    }

.datepicker td.day:hover,
.datepicker td span:hover {
    border-radius: 0px;
    background: #f1f1f1;
}

.datepicker td span {
    display: block;
    width: 31%;
}

.cb-tristate span {
    position: absolute;
    top: -1px;
    left: 30px;
}

.cb-container.inline {
    padding: 8px !important;
}

    .cb-container.inline.create_edit {
        padding: 0px !important;
        margin-right: 25px;
    }

/*Custom RadioButton*/

.ui-button {
    padding: 10px 20px;
    margin-right: 5px;
}

.ui-checkboxradio-label .ui-icon, .ui-checkboxradio-label:hover .ui-icon, .ui-checkboxradio-radio-label .ui-icon, .ui-checkboxradio-radio-label:hover .ui-icon {
    display: none;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    border: 1px solid white;
    background: white;
    font-weight: normal;
    color: #666;
    text-align: center;
}

    .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus {
        border: 1px solid #666;
        background: #666;
        font-weight: normal;
        color: white;
    }

    .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
        border: 1px solid #ff0000;
        background: #ff0000;
        font-weight: normal;
        color: #808080;
        box-shadow: none;
    }

.ui-widget-header {
    border: 0px;
    background-color: white;
}

/*End Custom RadioButton*/

.dataTables_wrapper {
    overflow: hidden !important;
}

    .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
        border-radius: 0px;
    }

    .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
        color: #f00 !important;
        border: 0px none;
        background-color: transparent;
        background: transparent !important;
    }

table.dataTable th {
    border-top: 2px solid #f1f1f1;
    background-color: white;
    text-transform: uppercase;
}

.dataTables_paginate.paging_simple_numbers {
    margin-right: 5px !important;
    height: 42px;
    margin-bottom: 0px;
}

div#tableitems_length {
    display: none;
}

.dataTables_wrapper .dataTables_filter input {
    background-color: #f1f1f1;
    margin: 10px;
    height: 35px;
}

.dataTables_wrapper .dataTables_filter label {
    text-transform: uppercase;
}

table.dataTable.no-footer {
    border-bottom: 0px none;
}

.draggable-item {
    cursor: pointer;
    padding: 3px 10px;
    background-color: #808080;
    color: #fff;
    margin: 5px;
    height: 27px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.droppable-fullwidth div {
    display: block;
}

.droppable-inline div {
    display: inline-block;
}

.ui-sortable-placeholder {
    display: none !important;
}

.card-body.dckt-workfile > .row, .card-body.dckt-taskfile > .row {
    border-bottom: 1px solid #e6e6e6;
    padding: 15px 0px;
}

.card-body.dckt-workfile, .card-body.dckt-taskfile {
    padding-bottom: 0px;
}

    .card-body.dckt-workfile > :first-child, .card-body.dckt-taskfile > :first-child {
        padding-top: 0px;
    }

    .card-body.dckt-workfile > :last-child, .card-body.dckt-taskfile > :last-child {
        border-bottom: 0px;
    }

label.cb-container.cb-tristate:before {
    content: "";
    width: 20px;
    height: 20px;
    padding: 0px 5px;
    font-family: "Font Awesome 5 Free";
    border: 2px solid #232323;
    border-radius: 4px;
    float: left;
    margin-right: 10px;
}

label.cb-container.cb-tristate.wrong:before {
    border: 0px;
    background-color: red;
    content: "\f00d";
    font-weight: bolder;
    color: white;
}

label.cb-container.cb-tristate.check:before {
    content: "\f00c";
    font-weight: bolder;
    color: red;
    padding: 0px;
    vertical-align: text-top;
    line-height: 17px;
    font-size: 16px;
}

label.cb-container.cb-tristate.na:before {
    background-color: #666666;
    content: "\f715";
    font-weight: 800;
    color: white;
    border: 0px;
    padding: 0px 15px;
    vertical-align: text-top;
    line-height: 19px;
    padding-left: 3px;
    font-size: 11px;
    transform: rotate(-90deg);
}

.btn-add-task {
    height: 45px;
    width: 100%;
    margin: 0px;
    padding: 0px;
}

.dckt-workfile {
    border-top-style: outset;
}

.signatures {
    background-color: #f1f1f1;
    border-radius: 10px;
    margin-top: 15px;
    margin: 15px auto;
    display: block;
}

.card-body.dckt-taskfile {
    margin: 5px;
    border: 1px solid #e6e6e6;
    border-radius: 5px;
    padding: 5px 20px;
    border-left: 5px solid #f1f1f1;
}

    .card-body.dckt-taskfile .form-row {
        font-size: 20px;
        margin-bottom: 0px;
        font-weight: 100;
    }

    .card-body.dckt-taskfile b {
        display: block;
        margin-bottom: -30px;
        margin-top: 13px;
        font-size: 12px;
        font-weight: 600;
    }

.card.card-task {
    margin: 0px 0px 10px;
    min-height: 0;
    padding-bottom: 1px
}

/* Shift docket Template */

.form-row .docket-number {
    font-size: 20px;
    padding: 10px 20px;
    border: 1px solid #f1f1f1;
    border-radius: 25px;
    background-color: white;
    margin-bottom: 10px;
    margin-top: 20px;
    display: inline-block;
}

.card-body.materials > .row > :not(:last-child) {
    border-right: 1px solid #e6e6e6;
}

.card-body.materials .form-row {
    text-align: right;
    font-size: 18px;
    font-weight: 200;
    color: #666666;
}

    .card-body.materials .form-row > b {
        font-size: 14px;
        float: left;
    }


.form-row.right {
    text-align: right;
}

.form-row.center {
    text-align: center;
}

span.docket-date {
    display: inline-block;
    width: 100%;
    text-align: right;
    font-size: 20px;
    font-weight: 200;
    padding: 5px;
}

span.docket-style {
    position: relative;
    text-align: center;
    margin: 0 auto;
    padding: 5px 15px;
    font-size: 18px;
    line-height: 36px;
    border: 1px solid #f1f1f1;
    border-radius: 20px;
}


    span.docket-style.morning {
        background-color: rgb(188, 217, 236);
        border-color: #8FBCDB;
        padding-left: 35px;
    }

    span.docket-style.evening {
        background-color: rgb(80, 149, 214);
        border-color: rgb(67, 132, 192);
        padding-left: 35px;
        color: white;
    }


    span.docket-style.night {
        background-color: rgb(16, 49, 80);
        border-color: rgb(16, 49, 80);
        padding-left: 35px;
        color: white;
    }

        span.docket-style.morning:before,
        span.docket-style.evening:before,
        span.docket-style.night:before {
            content: "";
            font-family: "Font Awesome 5 Free";
            text-shadow: 0px 0px 2px #000;
            font-weight: 600;
            display: block;
            position: absolute;
            left: 10px;
            top: -1px;
        }

    span.docket-style.morning:before {
        content: "\f185";
        color: #FEF200;
    }

    span.docket-style.evening:before {
        content: "\f185";
        color: rgb(254, 165, 0);
    }

    span.docket-style.night:before {
        content: "\f186";
        color: white;
    }

span.ap-style > i {
    color: #666666;
}

li.sked-tape__location {
    height: 35px;
    line-height: 35px;
    padding: 0 10px;
}

li.sked-tape__event-row {
    height: 35px;
}

.sked-tape__indicator {
    display: none !important;
}

.sked-tape__location-text {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: 120px;
}

.sked-tape__event.excavation-class {
    background-color: #FEF200;
    border: 1px solid rgb(206, 196, 4);
}

.sked-tape__event.excavation-class-moss {
    background-color: #9C3100;
    border: 1px solid rgb(156 49 0);
}

.sked-tape__event.support-class {
    background-color: #C10537;
    border: 1px solid rgb(112, 2, 31);
}

.sked-tape__event.support-class-moss {
    background-color: #0242A5;
    border: 1px solid rgb(2 66 165);
}

.sked-tape__event.special-treat-class {
    background-color: #6F2B90;
    border: 1px solid rgb(72, 29, 94);
}

.sked-tape__event.waiting-class {
    background-color: #074DA3;
    border: 1px solid rgb(5, 53, 110);
}

.sked-tape__event.breakdowns-class {
    background-color: #4FB748;
    border: 1px solid rgb(49, 112, 45);
}

.sked-tape__event.other-class {
    background-color: #A0522D;
    border: 1px solid rgb(107, 55, 30);
}

.sked-tape__event.other-class-moss {
    background-color: #858A02;
    border: 1px solid rgb(133 138 2);
}

.sked-tape__event.pregrouting-class-moss {
    background-color: #005312;
    border: 1px solid rgb(0 83 18);
}

.sked-tape__event.building-class {
    background-color: #d6d844;
    border: 1px solid #a1a22e;
}

.sked-tape__event.info:before {
    content: "\f05a";
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    font-size: 16px;
    width: 15px;
    height: 15px;
    display: block;
    color: rgba(0, 0, 0, 0.3);
    position: absolute;
    top: 4px;
    right: 4px;
}

.sked-tape__event.white-glue:after {
    content: "\f043";
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    font-size: 16px;
    width: 15px;
    height: 15px;
    display: block;
    color: rgba(0, 0, 0, 0.3);
    position: absolute;
    top: 4px;
    right: 4px;
}


.sked-tape__event.black-glue:before {
    content: "\f043";
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    font-size: 16px;
    width: 15px;
    height: 15px;
    display: block;
    color: black;
    position: absolute;
    top: 27px;
    right: 4px;
}

.sked-tape__event.ring-advance {
    background-color: #f2f186;
    border: 1px solid #c2cc5b;
}

.sked-tape__event.ring-building {
    background-color: #530052;
    border: 1px solid #2e022e;
}

/*WIDTH MOSS*/
#sked-proccess-moss .popover {
    /*  z-index: 3000 !important;
    position: absolute !important;
    display: block !important;*/
    position: fixed !important;
    margin: 0 !important;
    font-size: 12px !important;
}

#sked-proccess-moss .sked-tape__hours > ul > li {
    min-width: 9.5% !important;
    width: 9.5% !important;
}

#sked-proccess-moss .sked-tape__dates {
    width: 95%;
}

#sked-proccess-moss .sked-tape__grid > li {
    min-width: 9.5% !important;
    width: 9.5% !important;
}

#sked-proccess-moss .sked-tape__timeline {
    width: 95% !important;
}

#sked-proccess-moss .sked-tape__time-frame {
    overflow-x: hidden !important;
}

#sked-proccess-moss .sked-tape__date::after {
    display: none;
}

#sked-proccess-moss .sked-tape__date::before {
    width: 100%;
}

#sked-proccess-moss .sked-tape__gap {
    display: none;
}
/*END WIDTH MOSS*/
.sked-tape__center {
    display: none;
}

.popover {
    padding: 10px;
    position: relative;
}

    .popover > span {
        display: block;
    }

.brigade-list li, .rock-material-list li {
    display: table;
    width: 100%;
    padding: 10px;
    box-shadow: 0 0 2px #00000063;
    margin-bottom: 10px;
}

    .brigade-list li:before {
        content: "\f007";
        font-family: "Font Awesome 5 Free";
        display: table-cell;
        vertical-align: middle;
        color: #666666;
        font-size: 40px;
        padding: 0px 10px;
        width: 80px;
        height: 60px;
    }

    .brigade-list li > div,
    .rock-material-list li > div {
        position: relative;
        display: table-cell;
        vertical-align: middle;
    }

        .brigade-list li > div > .employee-name,
        .rock-material-list li > div > .material-name {
            display: block;
            font-size: 25px;
        }

        .brigade-list li > div > .employee-brigade,
        .rock-material-list li > div > .material-description {
            display: block;
            font-size: 12px;
            text-transform: uppercase;
            font-weight: 600;
            color: #666666;
            margin-top: -5px;
        }

        .brigade-list li > div > .employee-shift,
        .rock-material-list li > div > .material-alteration {
            position: absolute;
            top: 10px;
            right: 10px;
            font-style: italic;
        }

/* Auscultation docket */
.tunnel-container {
    padding: 20px 0px;
    margin: 0 auto;
    max-width: 500px;
}

.convergence-list > li {
    display: table;
    width: 100%;
    padding: 10px;
    box-shadow: 0 0 2px #00000063;
    margin-bottom: 10px;
    border-left: 8px solid grey;
    border-radius: 4px;
    table-layout: fixed;
}

    .convergence-list > li.b1b2 {
        border-color: #34495E;
    }

    .convergence-list > li.b1b3 {
        border-color: #19BD9B;
    }

    .convergence-list > li.b2b3 {
        border-color: #9B58B7;
    }

    .convergence-list > li.b1b4 {
        border-color: #E84C3D;
    }

    .convergence-list > li.b1b5 {
        border-color: #E67F22;
    }

    .convergence-list > li.b4b5 {
        border-color: #F2C40F;
    }

    .convergence-list > li > div {
        display: table-cell;
        vertical-align: middle;
    }

        .convergence-list > li > div:not(:first-child) {
            text-align: center;
        }

            .convergence-list > li > div:not(:first-child) > span {
                display: block;
                color: #666666;
            }

.convergence-list .convergence-title {
    display: block;
    font-size: 25px;
    font-weight: 600;
    color: #666666;
}

.convergence-list .convergence-subtitle {
    font-style: italic;
    color: #666666;
}

.convergence-list .convengence-value-title {
    text-transform: uppercase;
}

/* SVG Auscultation*/
.st0 {
    fill: #FFFFFF;
}

.st1 {
    fill: #FFFFFF;
    stroke: #808080;
    stroke-width: 14;
    stroke-miterlimit: 10;
}

.st2 {
    fill: none;
    stroke: #E84C3D;
    stroke-width: 4;
    stroke-miterlimit: 10;
}

.st3 {
    fill: none;
    stroke: #9B58B7;
    stroke-width: 4;
    stroke-miterlimit: 10;
}

.st4 {
    fill: none;
    stroke: #F2C40F;
    stroke-width: 4;
    stroke-miterlimit: 10;
}

.st5 {
    fill: none;
    stroke: #19BD9B;
    stroke-width: 4;
    stroke-miterlimit: 10;
}

.st6 {
    fill: none;
    stroke: #E67F22;
    stroke-width: 4;
    stroke-miterlimit: 10;
}

.st7 {
    fill: none;
    stroke: #34495E;
    stroke-width: 4;
    stroke-miterlimit: 10;
}

.st8 {
    fill: none;
}

.st9 {
    fill: none;
    stroke: #808080;
    stroke-width: 14;
    stroke-miterlimit: 10;
}

.st10 {
    enable-background: new;
}

.st11 {
    fill: #FFFFFF;
    stroke: #000000;
    stroke-width: 0.5;
    stroke-miterlimit: 10;
}

.st13 {
    font-size: 18px;
    text-anchor: middle;
}


/* GEO docket */

span.lb-caption {
    color: #f1f1f1;
}

.water-presence, .excavation-method {
    position: relative;
    margin: 10px 5px 0px;
    padding: 10px;
    background-color: #f1f1f1;
    border-radius: 5px;
}

.discontinuity-plan-list li {
    margin-bottom: 5px;
    border: 1px solid #f1f1f1;
    display: table;
    width: 100%;
    border-radius: 5px;
}

    .discontinuity-plan-list li > div {
        display: table-cell;
        padding: 10px;
    }

    .discontinuity-plan-list li > :first-child {
        width: 50px;
        border-right: 3px solid #f1f1f1;
    }

        .discontinuity-plan-list li > :first-child span {
            font-size: 40px;
            color: #666;
        }

table.rmr {
    border: 1px solid #f1f1f1;
}

    table.rmr thead th {
        background-color: #f1f1f1;
        text-align: center;
    }

    table.rmr tbody td {
        text-align: center;
    }

    table.rmr tbody tr > :first-child {
        text-align: left;
    }

    table.rmr tbody tr > :last-child {
        color: red !important;
        font-size: 16px;
        font-weight: 600;
    }

    table.rmr tbody tr td.rmr-separation {
        color: #666 !important;
        text-transform: uppercase;
        background-color: #f1f1f1;
    }

span.validated_docket {
    padding: 5px 10px;
    font-size: 18px;
    border: 1px solid white;
    background-color: white;
    border-radius: 20px;
    margin-top: 5px;
    display: inline-block;
}

div#loading_wrapper {
    position: absolute;
    background-color: rgba(0, 0, 0, 0.25);
    width: 100%;
    height: 100vh;
    z-index: 500;
}

    div#loading_wrapper img#loading-spinner {
        position: relative;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

#multiplebreaks {
    border: solid;
    border-width: 3px;
    border-color: lightgray;
}

.multiplebreaks, th {
    background-color: lightgrey;
    text-transform: none;
    padding: 10px !important;
}

/*ACTIVACIÓN DE ITEMS CON CHECKBOXS*/
tr.highlight, td.highlight {
    background-color: #FF0000;
    color: #FFFFFF !important;
}

.validate-error {
    border: 1px solid #ff0000;
}

/* DATETIMEPICKER*/
.xdsoft_datetimepicker {
    width: 310px;
}

.bootstrap-datetimepicker-widget table td.disabled, .bootstrap-datetimepicker-widget table td.disabled:hover {
    opacity: 0.3 !important;
}

.bootstrap-datetimepicker-widget table thead th,
.bootstrap-datetimepicker-widget table tbody td {
    border-bottom: 0px;
    border-right: 0px;
}

.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover {
    background-color: #ff0000;
}

.bootstrap-datetimepicker-widget table td.today:before {
    border-bottom-color: #666666;
}

.bootstrap-datetimepicker-widget .btn:hover,
.bootstrap-datetimepicker-widget .btn:hover.btn-gray,
.bootstrap-datetimepicker-widget .btn:hover.btn-darkgray {
    background-color: transparent;
}

.bootstrap-datetimepicker-widget .btn.btn-primary:hover,
.bootstrap-datetimepicker-widget .btn.btn-primary:hover.btn-gray,
.bootstrap-datetimepicker-widget .btn.btn-primary:hover.btn-darkgray {
    background-color: #cc0000;
}

.bootstrap-datetimepicker-widget table td span:hover,
.bootstrap-datetimepicker-widget table td span.active {
    background: #f00;
    color: white;
}

.bootstrap-datetimepicker-widget .btn-primary {
    color: #fff;
    background-color: #ff0000;
    border: 0px;
}

.bootstrap-datetimepicker-widget table thead tr:first-child th {
    text-transform: initial;
}

.bootstrap-datetimepicker-widget .picker-switch td span {
    background-color: red;
}


    .bootstrap-datetimepicker-widget .picker-switch td span:before {
        color: white;
    }

    .bootstrap-datetimepicker-widget .picker-switch td span:hover {
        background-color: #666666;
    }

.datepicker > div {
    display: inherit;
}

.form-row input.error {
    outline: 1px solid #FF0000;
}

.hourmetertitle {
    text-align: center;
    margin-top: 15px;
}

.repairReportSolved, .repairReportSolved i {
    color: green !important;
    cursor: pointer;
}

.repairReportUnsolved, .repairReportUnsolved i {
    color: red !important;
    cursor: pointer;
}

.modal-footer.form-row.row-padding {
    margin: 0px;
    padding: 10px 20px;
}
/*tickets Table*/
#tickets-table_filter {
    display: none;
}

/*#tickets-table thead th {
    position: sticky;
   
    top: 0;
    z-index: 999;*/
   /* background-color: #000;
    color: #fff;*/
/*}*/

#tickets-table_wrapper {
    position: relative;
    display:contents;
    /*overflow-x:scroll;*/
}
#tickets-table thead th {
    word-break: break-word;
    font-size: 12px;
}

#tickets-table tbody td {
    word-break: break-word;
    font-size: 12px;
    padding: 4px 6px;
    /* table-layout: auto !important;
    padding-top: 10px;
    overflow-x: scroll;*/
}

.multiplebreaks, th {
    padding: 8px !important;
}

.home-button.truck a .image-btn {
    background-image: url('../img/menu_trucks_red.svg');
}

.home-button.truck a:hover .image-btn {
    background-image: url('../img/menu_trucks_White.svg');
}

.home-button.workzone_tMaya a .image-btn {
    background-image: url('../img/menu_workzone_red.png');
}

.home-button.workzone_tMaya a:hover .image-btn {
    background-image: url('../img/menu_workzone_white.png');
}