@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');

body {
    background-color: #f5f5f5;
}

:focus {
    outline-width: 0 !important;
}


/*scroll bereziak*/
*::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #F5F5F5;
}

*::-webkit-scrollbar {
    height: 8px;
    background-color: #F5F5F5;
}

*::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #cdcdcd;
}

*::-webkit-scrollbar {
    width: 10px;
}
/* Track */
*::-webkit-scrollbar-track {
    background: #253341;
}
/* Handle */
*::-webkit-scrollbar-thumb {
    background: #888;
}
    /* Handle on hover */
    *::-webkit-scrollbar-thumb:hover {
        background: #555;
    }

/*LOGIN*/

#login-panel > a {
    background-color: #fff;
    width: 40px;
    display: block;
    padding: 10px;
    float: right;
}

#login-panel h2 > span {
    background-image: url(img/logo-miira-caf.png);
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    text-indent: -9999px;
    height: 70px;
}

#Ltitulo {
    background-image: url(img/logo.png);
    display: block;
    background-repeat: no-repeat;
    text-indent: -99999px;
    height: 90px;
    background-position: center;
}

.loginbg {
    background-image: url(img/bg.jpg);
    background-size: cover;
}

div#login-panel {
    background-color: rgba(255, 255, 255, 0.85);
    width: 405px;
    margin: 150px auto 0 auto;
    padding: 45px;
    text-align: center;
}

span.RadButton.RadButton_Bootstrap.rbSkinnedButton.login-btn {
    width: 100%;
    background-color: #50bcaa !important;
    border: none;
    font-weight: bold;
    font-size: 21px;
    text-align: center;
    border-radius: 3px !important;
}

    span.RadButton.RadButton_Bootstrap.rbSkinnedButton.login-btn input.rbDecorated {
        margin: 0 auto;
        font-size: 21px;
        height: 30px;
    }

#login-panel input.riTextBox.form-control.input-md {
    height: 44px !important;
    margin-bottom: 18px !important;
}

.login-btn {
    border-width: 0 !important;
    background-color: #23b397 !important;
    color: #ffffff !important;
    margin: 0 auto;
    border-radius: 0 !important;
}

    .login-btn input {
        color: #ffffff !important;
    }

#login-panel .riSingle.RadInput.RadInput_Bootstrap {
    width: 100% !important;
}

.RadAsyncUpload.RadUpload.RadUpload_Bootstrap.form-control {
    border-radius: 0;
}

/*LOGIN FIN*/


.tipo-reductor .rcbDisabled input {
    visibility: hidden !important;
}



.RadCalendarPopup.RadCalendarPopupShadows {
    z-index: 10000 !important;
}

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

.noclickable {
    pointer-events: none;
}

td {
    position: relative;
}

.RadGrid.RadGrid_Bootstrap. td a::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    pointer-events: auto;
    content: "";
    background-color: rgba(0,0,0,0);
}

.rgHoveredRow td {
    background-color: rgba(209, 42, 47, 0.4) !important;
}

    .rgHoveredRow td a {
        color: #ffffff !important;
    }


.cabecera {
    left: 60px;
}

    .cabecera h2 {
        float: left;
        color: #ffffff;
        margin: 7px 15px 0 15px;
    }

h3 {
    margin: 5px;
}

    h3 span {
    }

a.salir {
    /* background-image: url(img/salir.png);*/
    background-position: left !important;
    font-size: 15px !important;
    background-color: #d7797c;
    text-align: center;
    display: block;
    color: #fff;
    font-weight: bold;
    padding: 5px;
    margin: 5px;
}

#Logout:hover {
    background-color: #d7797c !important;
    opacity: 0.5;
}

#HLAdministrarUsuario {
    /*  background-image: url(img/salir.png);*/
    background-position: left !important;
    font-size: 15px !important;
    background-color: #222;
    text-align: center;
    display: block;
    color: #fff;
    font-weight: bold;
    padding: 5px;
    margin: 5px;
}

    #HLAdministrarUsuario:hover {
        opacity: 0.5;
        background-color: #222 !important;
    }

#ctl00_RCBAreasProductivasMulti_DropDown {
    width: 100% !important;
}

.RadComboBoxDropDown.RadComboBoxDropDown_Bootstrap input {
    margin-right: 15px !important;
}

.inner-usuario-nombre-cont {
    background-color: #23b397;
    width: 400px;
    padding: 15px;
    color: #ffffff;
    font-weight: bold;
}

    .inner-usuario-nombre-cont a.inner-usuario-tipo {
        color: #ffffff;
        font-weight: normal;
    }

.itxura-aldaketa-iluna {
    padding: 5px;
    margin: 10px auto;
    display: block;
    color: #ffffff;
    text-align: center;
    width: 33px;
    height: 33px;
    transition: all 1s;
    border-radius: 100%;
    background-image: linear-gradient(45deg, #253341 0%,#2a3f54 50%,#00c1a0 50%,#00c1a0 100%);
    border: solid 2px #2a3f54;
}

    .itxura-aldaketa-iluna:before {
        font-style: normal;
        font-weight: 900;
        display: inline-block;
        font-family: 'Font Awesome 5 Free';
        text-rendering: auto;
        visibility: visible;
        width: auto;
        font-size: 15px !important;
        /*  content: "\f0eb";*/
    }

    .itxura-aldaketa-argia span, .itxura-aldaketa-iluna span {
        opacity: 0 !important;
        margin: -8px 0 0 -7px;
    }

.menu-zabalera-blokeatu span {
    margin: -9px 0 0 -12px;
    opacity: 0 !important;
}

.menu-zabalduta .menu-zabalera-blokeatu span {
    margin: -40px 0 0 -12px;
}

.itxura-aldaketa-argia {
    /* background-color: #2a3f54; */
    padding: 5px;
    margin: 10px auto;
    display: block;
    color: #ffffff;
    text-align: center;
    width: 33px;
    height: 33px;
    transition: all 1s;
    border-radius: 100%;
    background-image: linear-gradient(45deg, #ffffff 0%,#e6e6e6 50%,#00c1a0 50%,#00c1a0 100%);
    border: solid 2px #2a3f54;
}

    .itxura-aldaketa-argia:before {
        font-style: normal;
        font-weight: 900;
        display: inline-block;
        font-family: 'Font Awesome 5 Free';
        text-rendering: auto;
        visibility: visible;
        width: auto;
        font-size: 15px !important;
        /*content: "\f0eb";*/
    }

.inner-usuario-itxura-cont .aukeratuta {
    box-shadow: 0px 0px 9px 0px #00c1a0;
}

.inner-usuario-itxura-cont {
    width: 50%;
    float: left;
}

.inner-usuario-titulo {
    display: block;
    color: #9e9e9e;
    font-size: 13px;
    text-align: center;
}

.inner-usuario-tipo-cont {
    float: left;
    width: 50%;
    text-align: center;
    padding: 10px;
    border-right: solid 1px #99bcb1;
    border-bottom: solid 1px #99bcb1;
}

.inner-usuario-num-cont {
    float: left;
    width: 50%;
    text-align: center;
    padding: 10px;
    border-bottom: solid 1px #99bcb1;
}

.inner-usuario-titulo {
    display: block;
    color: #9e9e9e;
    font-size: 13px;
    text-align: center;
}

span.inner-usuario-tipo {
    color: #2a3f54;
    font-size: 13px;
    font-weight: 500;
}

span.inner-usuario-circulo-usuario {
    border-radius: 50%;
    height: 32px;
    width: 32px;
    display: inline-block;
    background-color: #d7797c;
    color: #fff;
    text-align: center;
    line-height: 30px;
    margin: 0 10px 0 0;
    text-transform: uppercase;
}

.inner-usuario-titulo {
    display: block;
    color: #9e9e9e;
    font-size: 13px;
    text-align: center;
}

span.inner-usuario-num {
    color: #2a3f54;
    font-size: 13px;
    font-weight: 500;
}

.cont-btn-logout {
    float: left;
    width: 100%;
    border-right: solid 1px #aeaeae;
    border-top: solid 1px #aeaeae;
}

.cont-btn-adminusu {
    float: left;
    width: 50%;
    border-top: solid 1px #aeaeae;
}

.nomuser {
    display: block;
    width: 35px;
    background-image: url(img/admin.png);
    text-indent: -9999px;
    padding-top: 15px;
    padding-bottom: 15px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #f3252b;
    border-radius: 100%;
    height: 35px;
    margin: 7px 0 0 0;
}

li#cidioma {
    background-color: #c8d1db;
    border-radius: 100%;
    height: 35px;
    width: 35px;
    margin: 6px 5px 0 10px;
}

    li#cidioma a {
        color: #2a3f54;
        padding: 7px 0 0 8px;
    }

.usermenu {
    display: none
}

    .usermenu ul.nav.navbar-nav {
        right: 0;
    }

.menu.nav a:hover {
    background-color: rgba(209, 42, 47, 0.57) !important;
    /*  background-color: rgba(162, 252, 246, 0.28) !important;*/
}

.nav ul .activo, .nav ul a:hover {
    background-color: transparent !important;
    color: #01c9eb;
}

.overflowhidden {
    /* overflow: hidden;*/
}

    .overflowhidden:before, .overflowhidden:after {
        content: "";
        clear: both;
        display: table;
    }

.cont-derecha {
    margin: 65px 20px 0 70px;
    transition: .3s ease all;
}

    .cont-derecha.menu-zabalduta {
        margin: 60px 20px 0 240px;
    }

.border-right {
    border-right: solid 1px #cccccc !important;
}

.border-left {
    border-left: solid 1px #cccccc !important;
}

.panel-txuri {
    background-color: #ffffff;
    padding: 5px 10px;
    margin: 0 0 15px 0;
    box-shadow: -8px 12px 18px 0 rgba(25,42,70,.13);
    -webkit-transition: all .3s ease-in-out;
    position: relative;
}

    .panel-txuri:before, .panel-txuri:after {
        content: "";
        clear: both;
        display: table;
    }

.plegarpanel {
    position: absolute;
    right: 25px;
    top: 5px;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-top: 5px;
    vertical-align: .255em;
    content: "";
    color: #fff;
    float: right;
    border-bottom: solid 3px #2a3f54;
    border-left: solid 3px #2a3f54;
    transform: rotate(135deg);
    -webkit-transition: .5s ease all;
    transition: .5s ease all;
    cursor: pointer;
    z-index: 9;
}


.panel-txuri.plegado {
    height: 50px !important;
    overflow: hidden;
}

    .panel-txuri.plegado .plegarpanel {
        transform: rotate(-45deg);
    }

.panel-txuri h3 {
    border-bottom: solid 1px #2a3f54;
    font-size: 19px;
    padding: 0 0 7px 0;
    margin-bottom: 15px;
}

footer {
    width: calc(100% - 60px);
    margin: 5px 0 0 60px;
    transition: 0.5s all;
}

    footer span {
        float: right;
        margin: 0 15px 0 0;
        color: #2a3f54;
    }

.titulito {
    font-size: 18px;
    display: block;
    margin: 5px 0 10px 0;
}

.k-dropdown-wrap .k-input {
    padding: 6px 4px !important;
}

.k-dropdown-wrap.k-state-default {
    border-color: #ccc;
    color: #333;
    background-color: #fff;
    box-shadow: 0 1px 1px rgba(0,0,0,0.075) inset;
}

.k-list-container.k-popup.k-group.k-reset.k-dropdowngrid-popup.k-popup-flush {
    background-color: #fff;
    border-color: #ccc !important;
}

.k-cell, .k-header {
    border-color: #ccc !important;
}

.RadColorPicker_Bootstrap div.rcpIcon {
    border-radius: 0 !important;
}

.lupita {
    background-image: url('img/lupa.png');
    background-position: center;
    background-repeat: no-repeat;
    width: 33px;
    background-size: contain;
    border-radius: 0 !important;
}

textarea {
    resize: none;
    border-style: solid;
    border-width: 1px;
    border-color: #ccc;
    width: 100%;
    max-width: 500px;
}

.fitxategia-igo-plano .RadAjaxPanel {
    float: left;
    margin: 0 15px 0 0;
}

.RadListBox.RadListBox_Bootstrap.RadListBoxScrollable {
    z-index: 9;
}

.popupinner .zutabe-50 .caja textarea {
    max-width: 100% !important;
}

.RadPicker.RadPicker_Bootstrap .rcInputCell .RadInput.RadInput_Bootstrap .riTextBox {
    border-right: 0;
}

.RadPicker.RadPicker_Bootstrap td a {
    border-left: 0;
    border-left-color: currentcolor;
    border-width: 1px !important;
    border-radius: 0 !important;
    border-color: #ccc !important;
    box-shadow: 0 1px 1px rgba(0,0,0,0.075) inset !important;
    display: block !important;
}

.noclickable.RadPicker.RadPicker_Bootstrap td a {
    border-color: #9d9c9c !important;
    background-color: #c6c6c6 !important;
}

.RadPicker.RadPicker_Bootstrap input {
    text-align: right;
}

.RadComboBox_Bootstrap .rcbArrowCell, .RadComboBox_Bootstrap .rcbInputCell, .RadComboBox_Bootstrap .rcbFocused {
    border-radius: 0 !important;
}

.RadComboBox.RadComboBox_Bootstrap table .rcbInput.radPreventDecorate {
    padding: 0 !important;
}

.filtratu-horizontal {
    margin: 23px 0 0 15px;
    margin-right: 0px;
}

.form-group {
    margin-bottom: 5px;
}

    .form-group.pull-left {
        margin-right: 15px;
    }

.checkbox.pull-left {
    margin-right: 15px;
}

.RadUpload_Bootstrap .ruSelectWrap .ruButton {
    padding: 6px 50px !important;
    border-width: 0 !important;
    background-color: #23b397 !important;
    color: #fff !important;
    height: 31px;
}

.radio + .radio, .checkbox + .checkbox {
    margin-top: 0;
}

/*ruedas*/
.rojo {
    color: red !important;
    outline: solid 1px red;
}

/*ruedas*/

.dokumentuaezdu .RadAsyncUpload.RadUpload.RadUpload_Bootstrap.form-control.TelerikControlID_RUDokumentua {
    background-color: transparent;
    border-width: 0;
}

/*TABS*/

.tres-tabs .rtsLI {
    width: 33.333% !important;
}

.cinco-tabs .rtsLI {
    width: 20% !important;
}

.seis-tabs .rtsLI {
    width: 16.666% !important;
}

.siete-tabs .rtsLI {
    width: 14.28% !important;
}

.ocho-tabs .rtsLI {
    width: 12.5% !important;
}

.rtsUL {
    width: 100%;
}

.RadTabStripTop_Bootstrap .rtsLink {
    border-radius: 0 !important;
}

.RadTabStrip_Bootstrap .rtsLink {
    background-color: #eaeaea;
    color: #333333 !important;
}

.rmpView {
    min-height: 400px;
    background-color: #ffffff;
    padding: 15px;
}

/*TABS AMAIERA*/

/* SIMULADOR CALULO PRECIOS PRESUPUESTOS CAF ASIERA*/
.row-presupuesto-concepto-total {
    background: #a5a5a5;
    color: #ffffff;
    font-weight: bold;
}
/* SIMULADOR CALULO PRECIOS PRESUPUESTOS CAF AMAIERA*/

.noLabel {
    margin-top: 27px;
}

.beheko-botoiak {
    text-align: center;
    background-color: #fff;
    padding: 5px;
}

    .beheko-botoiak .RadAjaxPanel {
        display: inline-block !important;
    }

.RadButton.RadButton_Bootstrap.rbSkinnedButton, .RadButton.RadButton_Bootstrap {
    background-color: #23b397 !important;
    border-width: 1px;
    padding: 7px 15px;
    height: auto;
    border-color: #23b397 !important;
}

span.RadButton_Bootstrap.rbSkinnedButton:hover, span.RadButton_Bootstrap.rbLinkButton:hover, span.RadButton_Bootstrap.rbVerticalButton:hover, span.RadButton_Bootstrap.rbSkinnedButton:focus, span.RadButton_Bootstrap.rbLinkButton:focus, span.RadButton_Bootstrap.rbVerticalButton:focus {
    /*background-color: #24cceb !important;*/
    opacity: 0.5;
}

.RadButton.RadButton_Bootstrap.rbButton.rbRounded.rbIconButton.radio-botoia {
    background-color: #fff !important;
}

.RadButton.RadButton_Bootstrap.rbButton.rbRounded.rbIconButton.pull-left.radio-botoia {
    border-color: #23b397 !important;
    border-width: 1px;
}

.negativo.RadButton.RadButton_Bootstrap.rbButton.rbRounded.rbIconButton.pull-left.radio-botoia {
    border-color: #F44336 !important;
    border-width: 1px;
}

.beheko-botoiak .RadButton.RadButton_Bootstrap.rbSkinnedButton, .beheko-botoiak .RadButton.RadButton_Bootstrap {
    border: none;
    height: auto !important;
}

    .beheko-botoiak .RadButton.RadButton_Bootstrap.rbSkinnedButton input, .beheko-botoiak .RadButton.RadButton_Bootstrap input {
        color: #ffffff;
    }

.RadButton.RadButton_Bootstrap input {
    color: #fff !important;
}

.btn-gorde {
    background-color: #23b397 !important;
}

.RadButton.RadButton_Bootstrap.rbSkinnedButton.btn-ezeztatu, .RadButton.RadButton_Bootstrap.btn-ezeztatu {
    background-color: #F44336 !important;
}

.RadButton.RadButton_Bootstrap.rbButton.rbRounded.rbIconButton.radio-botoia {
    border-radius: 0;
    margin: 0 10px 0 0;
}

    .RadButton.RadButton_Bootstrap.rbButton.rbRounded.rbIconButton.radio-botoia span {
        color: #23b397;
    }

.RadButton.rbToggled.RadButton_Bootstrap.rbButton.rbRounded.rbIconButton.radio-botoia {
    background-color: #23b397 !important;
    border-color: #23b397;
    box-shadow: none;
}

.negativo.RadButton.rbToggled.RadButton_Bootstrap.rbButton.rbRounded.rbIconButton.radio-botoia {
    background-color: #F44336 !important;
    border-color: #F44336 !important;
    box-shadow: none;
}

.negativo.RadButton.RadButton_Bootstrap.rbButton.rbRounded.rbIconButton.radio-botoia span {
    color: #F44336;
}

    .RadButton.rbToggled.RadButton_Bootstrap.rbButton.rbRounded.rbIconButton.radio-botoia span {
        color: #ffffff;
    }

.rbPrimaryIcon, .rbSecondaryIcon {
    display: inline-block !important;
}

.p-i-radio-checked:before, .p-i-radiobutton-checked:before, .rfdRadioChecked:before {
    content: "\e30a" !important;
}

.p-i-radio:before, .p-i-radiobutton:before, .rfdRadioUnchecked:before {
    content: "\e30a" !important;
}

.oscuro-90 {
    backdrop-filter: brightness(100%);
    filter: brightness(90%);
}

.oscuro-80 {
    backdrop-filter: brightness(100%);
    filter: brightness(80%);
}

.oscuro-70 {
    backdrop-filter: brightness(100%);
    filter: brightness(70%);
}

.oscuro-60 {
    backdrop-filter: brightness(100%);
    filter: brightness(60%);
}

.oscuro-50 {
    backdrop-filter: brightness(100%);
    filter: brightness(50%);
}

/* VALIDATOR */
.text-danger {
    overflow: hidden;
    clear: both;
    font-size: 22px;
}

.caja .text-danger {
    position: absolute !important;
    color: red;
    pointer-events: none;
    z-index: 9;
    border: solid 1px red;
    bottom: 0;
    right: 0;
    left: 0;
    top: 0;
    text-indent: -9999px;
    transition: all 1s;
    animation: borde-error 2s ease-in-out 0s infinite alternate;
}

.caja {
    position: relative;
}

.validador-gantt .rsApt.rsAptColor {
    margin-top: 8px;
    height: 45px !important;
    z-index: 1;
}

span.gridbarrukocheck input[type="checkbox"] {
    margin-right: 15px;
}

/*checkbox*/

.checkbox input:checked:after, .checkbox input:checked:before {
    display: none !important;
}

.checkbox {
    padding: 0 !important;
    margin: 0;
    overflow: hidden;
}

.check-label {
    margin: 15px 10px 0 0;
    float: left;
}

.checkbox input {
    position: absolute;
    margin-left: -9999px;
    visibility: hidden;
}

    .checkbox input + label {
        display: block;
        position: relative;
        cursor: pointer;
        outline: none;
        user-select: none;
        float: left;
    }

    .checkbox input + label {
        padding: 2px;
        width: 52px;
        height: 32px;
        margin: 8px 0 0 9px;
        border-radius: 60px;
        text-indent: -999999px;
    }

        .checkbox input + label:before,
        .checkbox input + label:after {
            display: block;
            position: absolute;
            top: 1px;
            left: 1px;
            bottom: 1px;
            content: "";
        }

        .checkbox input + label:before {
            right: 1px;
            border-radius: 60px;
            transition: background 0.4s;
            background: rgb(220, 220, 220) none repeat scroll 0% 0%;
        }

        .checkbox input + label:after {
            width: 32px;
            border: solid 1px #24ab95 !important;
            border-radius: 100%;
            transition: margin 0.4s;
            background-color: #f7f7f7;
        }

    .checkbox input:checked + label:before {
        background-color: #99bcb1;
    }

    .checkbox input:checked + label:after {
        margin-left: 18px;
    }

/*checkbox bukaera*/

/*check tipo 2*/

.checkbox.checkbox-tipo2 {
    position: relative;
}

    .checkbox.checkbox-tipo2 label {
        display: none;
    }

    .checkbox.checkbox-tipo2 .check-label {
        display: block;
        margin: 0 0 15px 0 !important;
        color: #ffffff;
        width: 100%;
        text-align: center !important;
        text-indent: 0;
        border-radius: 0;
        background-color: #bcbdc0;
        padding: 5px 0 0 0;
    }

    .checkbox.checkbox-tipo2 input + label:after {
        display: none;
    }

    .checkbox.checkbox-tipo2 input + label:before {
        display: none;
    }

    .checkbox.checkbox-tipo2 .check-label {
        display: block;
        margin: 0;
    }

    .checkbox.checkbox-tipo2 input {
        visibility: visible;
        position: relative;
    }

        .checkbox.checkbox-tipo2 input[type="checkbox"]:checked + label {
            background-color: #24ab95;
            border-radius: 3px;
        }

    .checkbox.checkbox-tipo2 input {
        visibility: hidden;
        position: absolute;
        display: block;
        margin: 0 !important;
        top: 25px;
        z-index: 1;
    }

        .checkbox.checkbox-tipo2 input:before {
            display: none;
        }

        .checkbox.checkbox-tipo2 input[type="checkbox"]:after {
            opacity: .99;
            display: block !important;
            font-style: normal;
            font-weight: 900;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-family: 'Font Awesome 5 Free';
            font-size: inherit;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            width: auto;
            font-size: 13px !important;
            margin-left: 10px;
            transition: all 0.5s;
            content: "\f00d";
            line-height: 0;
            margin-top: -8px;
            color: #ffffff;
            visibility: visible !important;
        }

        .checkbox.checkbox-tipo2 input[type="checkbox"]:checked:after {
            content: "\f00c";
        }

/*check tipo 2 amaiera*/


/*check berriak*/

input[type="checkbox"]:before {
    content: "";
    display: block;
    width: 18px;
    height: 18px;
    background-color: #d2d0d0;
    border: solid 2px #d2d0d0;
    border-radius: 5px;
}

input[type="checkbox"]:checked:before {
    background-color: #2a3f54;
    border: solid 2px #2a3f54;
}

input[type="checkbox"]:checked:after {
    opacity: .99;
    display: block !important;
    font-style: normal;
    font-weight: 900;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: 'Font Awesome 5 Free';
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: auto;
    font-size: 13px !important;
    margin-left: 3px;
    transition: all 0.5s;
    content: "\f00c";
    line-height: 0;
    margin-top: -8px;
    color: #ffffff;
}


/*check berriak amaiera*/


.grid-valor-pop-up td span input {
    width: 100% !important;
}

.grid-valor-input td span {
    width: 100% !important;
}

.grid-valor-pop-up td span {
    /* width: 100% !important;*/ /*ruedas-en deskomentatua*/
}

.RadInput_Bootstrap .riTextBox, .RadInput_Bootstrap .riSelect, .RadInput_Bootstrap .rcSelect, .RadInputMgr_Bootstrap {
    overflow: initial !important;
}

.cont-derecha .grid-valor-pop-up .RadGrid_Bootstrap .rgRow > td input, .cont-derecha .grid-valor-pop-up .RadGrid_Bootstrap .rgAltRow > td input {
    margin: 0 0 0 0;
}

.cont-derecha .grid-valor-pop-up .RadGrid_Bootstrap .rgRow > td .checkbox, .cont-derecha .grid-valor-pop-up .RadGrid_Bootstrap .rgAltRow > td .checkbox {
    margin: 0 0 0 0;
    vertical-align: middle;
}

    .cont-derecha .grid-valor-pop-up .RadGrid_Bootstrap .rgRow > td .checkbox input + label, .cont-derecha .grid-valor-pop-up .RadGrid_Bootstrap .rgAltRow > td .checkbox input + label {
        margin: 0 0 0 0;
    }

.cont-derecha .grid-valor-pop-up .RadGrid_Bootstrap .rgRow > td, .cont-derecha .grid-valor-pop-up .RadGrid_Bootstrap .rgAltRow > td {
    padding: 1px !important;
}

/* XABI */
.input-grid {
    padding-right: 3px !important;
}
/* XABI */
table.rgMasterTable .RadInput_Bootstrap a.riUp, table.rgMasterTable .RadInput_Bootstrap a.riDown {
    /* right: auto !important; */
}

.demo-container.size-wide.overflowhidden > .RadAjaxPanel {
    overflow: hidden;
}

.titulo-infoplano {
    font-size: 20px;
    margin: 5px 0 5px 0;
}

.panel-plano-editor {
    background-color: #ffffff;
    float: left;
    /*width: calc(25% - 15px);*/
    /* width: calc(30% - 15px);*/
    padding: 15px;
    /*margin: 0 0 0 15px;*/
    /*-height: 540px;*/
    overflow: hidden;
    width: 100%;
    margin: 5px 0 0 0px;
}

.editor-plano {
    /*width: calc(75% - 15px);*/
    /* height: 540px !important;*/
    /* width: calc(70% - 15px);
    height: 660px !important;*/
    width: 100%;
    height: 450px !important;
    overflow: hidden;
}

    .editor-plano .km-widget.km-scroll-wrapper {
        height: 450px;
    }

.visor-plano {
    width: 100%;
    height: 450px !important;
    overflow: hidden;
}

.controles-plano-editor {
    display: inline-block;
    width: calc(25% - 5px);
    vertical-align: top;
    height: 191px;
    background-color: #f6f6f6;
    padding: 5px;
}


/*horno*/

.pausuak-cont {
    max-width: 800px;
}

.pausuak {
    text-align: center;
    cursor: default;
    padding: 6px 10px 6px 30px;
    position: relative;
    background-color: #f7f7f7;
}

    .pausuak:after, .pausuak:before {
        content: " ";
        position: absolute;
        top: 0;
        right: -17px;
        width: 0;
        height: 0;
        border-top: 19px solid transparent;
        border-bottom: 17px solid transparent;
        border-left: 17px solid #f7f7f7;
        z-index: 2;
    }

    .pausuak:before {
        right: auto;
        left: 0;
        border-left: 17px solid #fff;
        z-index: 0;
    }

.pausua-1:before {
    display: none;
}

.pausua-3:after {
    display: none;
}

.aukeratuta {
    background-color: #36a884;
    color: #ffffff;
}

.pausuak.aukeratuta::after {
    border-left: 17px solid #36a884;
}

.pausuak span {
    margin-left: 15px;
}
/*horno amaiera*/


.lodemas {
    overflow: hidden;
    float: left;
    width: calc(100% - 490px);
}

.fechas-inicio-fin {
    overflow: hidden;
    float: left;
    width: 350px;
}

.informe-produccion-top .fechas-inicio-fin,
.filtro-gestioncalidad .fechas-inicio-fin {
    width: 420px;
}

.fecha-gestion-produccion,
.fecha-gestion-calidad {
    width: 195px !important;
}

.lodemas .pull-left {
    width: calc(16% - 10px);
    margin: 0 10px 0 0;
}

.filtro-tiemporeal .pull-left {
    width: calc(11% - 10px);
    margin-right: 10px;
}

table.rcTable.rcSingle {
    width: 100% !important;
}

/*PRODUCCIÓN*/

.caja-produccion {
    /*border-radius: 15px;*/
    background-color: #ffffff;
    min-height: 110px;
    margin: 0 10px 0 0;
}

    .caja-produccion.operario {
        width: calc(25% - 10px);
    }

    .caja-produccion.puesto {
        width: calc(25% - 10px);
    }

    .caja-produccion.reductora {
        width: calc(40% - 10px);
    }

    .caja-produccion.incidencia {
        width: calc(10% - 10px);
        text-align: center;
    }

.titulo-produccion {
    /* background: #eef4f4;
    border-radius: 15px 15px 0 0;*/
}

    .titulo-produccion h3 {
        /* border-bottom: solid 1px #2a3f54;*/
        font-size: 19px;
        padding: 0 0 7px 0;
        margin-bottom: 15px;
    }

        .titulo-produccion h3 span {
            color: #333333;
            font-size: 20px;
            padding: 0 0 0 10px;
        }

.imagen-produccion {
    margin: 10px;
    float: left;
}

.nombre-operario-produccion {
    color: #004754;
    font-size: 20px;
    margin: 10px 0 0 0;
    float: left;
    width: calc(100% - 110px);
}

.caja-produccion.incidencia .imagen-produccion {
    float: none;
}

.nombre-plano-produccion {
    color: #004754;
    font-size: 20px;
    margin: 10px 0 0 0;
    display: block;
}

.nombre-reductora-produccion {
    color: #595959;
    font-size: 20px;
    margin: 10px 0 0 0;
    display: block;
}

.icono-numero-produccion {
    width: 80px;
    border-radius: 10px;
    display: block;
    background-color: #004754;
    text-align: center;
    color: #fff;
    font-size: 51px;
    padding: 4px 0 4px 0;
    float: left;
    margin: 10px;
}

.puesto-produccion {
    color: #004754;
    font-size: 20px;
    margin: 10px 0 0 0;
    float: left;
    width: calc(100% - 110px);
}

.maquina-produccion {
    color: #004754;
    font-size: 20px;
    margin: 10px 0 0 0;
    float: left;
    width: calc(100% - 110px);
}

.nombre-plano-produccion {
    color: #595959;
    font-size: 20px;
    margin: 10px 0 0 0;
}

.valor-plano-produccion {
    color: #004754;
    font-size: 20px;
    margin: 10px 0 0 0;
}

.valor-reductora-produccion {
    color: #004754;
    font-size: 20px;
}

.caja-produccion .RadButton.RadButton_Bootstrap {
    border-radius: 5px;
}


.linea-seleccion .RadButton.RadButton_Bootstrap {
    padding: 0;
    height: 80px;
    width: 80px;
    text-align: center;
    margin: 5px;
}

    .linea-seleccion .RadButton.RadButton_Bootstrap input {
        font-size: 55px;
        display: block;
        width: 100%;
        margin: 10px 0 0 0;
        height: 56px;
    }

.linea-seleccion .rbSkinnedButtonChecked {
    background-color: #004754 !important;
}

.cont-lineas-seleccionar {
    overflow: hidden;
    text-align: center;
}

.linea-seleccion {
    overflow: hidden;
    display: inline-block;
}

.reductora-col {
    width: calc(33.333% - 34px);
    float: left;
}

.btn-iniciar {
    background-color: #01c9eb !important;
}

.btn-finalizar {
    background-color: #f2a325 !important;
}

.panel-izquierda-produccion {
    float: left;
    width: calc(50% - 10px);
}

.panel-derecha-produccion {
    float: left;
    width: calc(25% - 10px);
}

.cont-caja-gris .caja-gris {
    display: block;
    background: #ebeaea;
    float: left;
    width: calc(33.333% - 10px);
    margin: 5px;
    text-align: center;
    color: #595959;
    /* font-size: 20px;*/
}

.la-operacion {
    color: #23b397;
    font-size: 18px;
    margin: 0 0 0 5px;
    text-align: center;
    display: block;
}

.caja-produccion .form-group {
    margin: 0 0 0 5px;
}

.reductora-col .RadButton.RadButton_Bootstrap {
    margin: 35px 0 0 0;
}

.cabecera-produccion .caja-produccion {
    cursor: pointer;
}

.caja-produccion.panel-izquierda-produccion .RadInput.RadInput_Bootstrap {
    width: 100% !important;
    max-width: 400px;
}

/*grid filtroa*/

.grid-operaciones-valor span.riSingle.riContSpinButtons.RadInput.RadInput_Bootstrap {
    width: 100% !important;
}

.rmActive.rmVertical.rmGroup.rmLevel1, .RadMenu.RadMenu_Bootstrap.RadMenu_Context.RadMenu_Bootstrap_Context.GridContextMenu.GridContextMenu_Bootstrap {
    width: 420px !important;
}

li.rmItem.rmTemplate.rgFilterListMenu.rgHCMFilter {
    max-width: 100% !important;
}

.GridContextMenu li.rgFilterListMenu, .GridContextMenu li.rgFilterMenu {
    max-width: 100% !important;
}

.rmText .RadInput.RadInput_Bootstrap {
    width: 100% !important;
    max-width: 470px;
    display: block;
}

.GridContextMenu .rgFilterListMenu .RadListBox {
    width: 100% !important;
}

.RadListBox.RadListBox_Bootstrap.rlbFixedHeight {
    width: 100% !important;
}

span.riSingle.RadInput.RadInput_Bootstrap.RadInputDisabled {
    width: 100% !important;
    max-width: 470px;
    display: block;
}

.RadComboBox.RadComboBox_Bootstrap {
    width: 100% !important;
    max-width: 470px;
    display: block;
}

input.rgHCMFilter {
    background-color: #34a8e2 !important;
    border-color: #8dc9e7 !important;
    color: white !important;
    padding: 0px 10px;
    border-radius: 3px;
}

input.rgHCMClear {
    background-color: #34a8e2 !important;
    border-color: #8dc9e7 !important;
    color: white !important;
    padding: 0px 10px;
    border-radius: 3px;
}

.rmGroup input[type="checkbox"] {
    margin-right: 10px;
}

/*grid filtroa amaiera*/

body .RadGrid_Bootstrap .rgHeader,
body .RadGrid_Bootstrap th.rgResizeCol,
body .RadGrid_Bootstrap .rgHeaderWrapper {
    background-color: white !important;
}

/*parametros comerciales*/

.labels-parametros-comerciales .caja {
    margin: 13px 0 0 0;
}

.labels-parametros-comerciales.labels-parametros-comerciales-sinlabel {
    margin-top: 17px;
}

.form-group.labels-parametros-comerciales.pull-left label {
    margin: 0;
}

/*parametros comerciales amaiera*/

/*PARAMETROS COMERCIALES*/
span.presupuesto-verde {
    font-size: 25px;
    color: #23b397;
    text-align: center;
    display: block;
}

.cont-imagen-inner {
    width: 100%;
    max-height: 230px;
    border: solid 1px #f2f2f2;
}

.cont-imagen-presupuestos {
    margin-bottom: 15px;
}

    .cont-imagen-presupuestos img {
        max-width: 100%;
        max-height: 230px;
        height: 100%;
        margin: 0 auto;
    }

.actual {
    outline: solid 1px #23b397;
}
/*PARAMETROS COMERCIALES amaiera*/

/*producción popup*/
.popup-produccion .popupinner {
    /*   border-radius: 15px;*/
}

.contenido-produccion {
    margin-bottom: 15px;
}

.popup-produccion .popupinner .RadComboBox.RadComboBox_Bootstrap tbody tr .rcbInputCell.rcbInputCellLeft {
    border-top-left-radius: 8px !important;
    border-bottom-left-radius: 8px !important;
}

.popup-produccion .popupinner .RadComboBox.RadComboBox_Bootstrap tbody tr .rcbArrowCell.rcbArrowCellRight {
    border-top-right-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
}

.popup-produccion .popupinner .RadComboBox_Bootstrap .rcbInputCell, .popup-produccion .popupinner .RadComboBox_Bootstrap .rcbArrowCell {
    border-color: #004754;
}

.popupinner .caja-produccion {
    background-color: #fff;
    padding: 0 0 10px 0;
    box-shadow: -8px 12px 18px 0 rgba(25,42,70,.13);
    border-radius: 0 !important;
}

.popupcont.popup-produccion .popupbotoi span.RadButton_Bootstrap {
    border-radius: 5px !important;
}

.popupcont.popup-produccion .popuptext {
    text-align: left;
}

.popupcont.popup-produccion .popuptext {
    text-align: center;
    margin: 0 0 20px 0;
}

.boton-reductora .RadButton.RadButton_Bootstrap.rbSkinnedButton.rbSkinnedButtonChecked {
    background-color: #004754 !important;
}

.boton-reductora {
    display: inline-block;
}

.popupinner.popup-txiki .RadMultiColumnComboBox .k-dropdown-wrap.k-state-default {
    border-radius: 5px !important;
    border-color: #004754;
}

.caja-produccion input {
    border-radius: 5px !important;
    border-color: #004754;
}

.caja-produccion .beheko-botoiak .RadButton.RadButton_Bootstrap.rbSkinnedButton /*, .beheko-botoiak .RadButton.RadButton_Bootstrap */ {
    border-radius: 5px !important;
}

.popuptitulo-produccion {
    text-align: left;
    color: #6c6c6c;
    margin: 0 0 10px 0;
    font-size: 12px;
    font-weight: bold;
}

.k-dropdowngrid-popup .k-grid-header table th.k-header {
    border-left-width:;
    background-color: #004754;
    color: #fff;
    padding: 0 !important;
    font-size: 15px;
    padding: 0 0 0 5px;
    border-right-width: 0 !important;
    border-top-width: 0 !important;
    border-bottom-width: 0 !important;
}

.k-grid-list > .k-item > .k-cell {
    text-align: center !important;
    /*padding: 0 !important;*/
    border-top: 0px solid #cdcdcd !important;
    border-left: 0px solid #cdcdcd !important;
    border-right: 0px solid #cdcdcd !important;
    border-bottom: 1px solid #cdcdcd !important;
    cursor: pointer;
}

    .k-grid-list > .k-item > .k-cell:last-child {
        text-align: left !important;
        padding: 0 !important;
    }

    .k-grid-list > .k-item > .k-cell:first-child {
        text-align: left !important;
        padding: 0 0 0 2px !important;
    }


.k-dropdowngrid-popup .k-grid-header-wrap {
    border-width: 0 !important;
}

.slider-incidencia .RadSlider .rslHorizontal .rslTrack {
    height: 20px !important;
    border-radius: 20px;
    background-color: #54bfd3;
    border: 0;
    width: calc( 100% - 90px ) !important;
    top: 0;
    margin: 8px 0 0 8px;
}

    .slider-incidencia .RadSlider .rslHorizontal .rslTrack .rslSelectedregion {
        height: 20px !important;
        border-radius: 20px;
    }

.rslDraghandle {
    margin: -8px 0 0 0 !important;
}

.derecha-label-slider {
    float: right;
    color: #01c9eb !important;
    font-size: 15px !important;
}

.izquierda-label-slider {
    float: left;
    color: #01c9eb !important;
    font-size: 15px !important;
}

.zutabe-50 span.valor-label {
    color: #13ccec;
}

.RadSlider.RadSlider_Bootstrap.rslIncreaseHandle.rslDecreaseHandle {
    width: 100% !important;
}

.slider-incidencia .RadSlider .rslHorizontal {
    width: 100%;
    height: 40px !important;
    overflow: hidden;
}

.rslHandle.p-icon {
    top: 0 !important;
    margin: 0 !important;
}

.incidencia textarea {
    max-width: 100%;
    height: 150px;
}

.incidencia .RadComboBox.RadComboBox_Bootstrap {
    width: 100% !important;
}

.incidencia .checkbox {
    display: inline-block;
}

    .incidencia .checkbox .check-label {
        display: inline-block;
    }


    .incidencia .checkbox .caja {
        display: inline-block;
    }

.imagen-produccion-grande {
    width: 50%;
    float: left;
    padding: 15px;
}

.grid-valor-pop-up {
    margin: 5px;
}

#lightbox {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    z-index: 99999;
    background-color: rgba(29, 29, 29, 0.7);
}

    #lightbox p {
        text-align: right;
        color: #fff;
        margin-right: 20px;
        font-size: 12px;
    }

    #lightbox img {
        box-shadow: 0 0 25px #111;
        -webkit-box-shadow: 0 0 25px #111;
        -moz-box-shadow: 0 0 25px #111;
        max-width: 940px;
        margin-top: 5%;
    }


/*PRODUCCIÓN FIN*/
/*POP UP*/
.popupcont {
    background-color: rgba(51, 51, 51, 0.65);
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    overflow: auto;
}

    .popupcont.popup-produccion .popuptext span {
        /*color: #004754;*/
        /*font-weight: bold;*/
        /*font-size: 18px;*/
    }

.popupinner {
    background-color: #ffffff;
    margin: 100px auto 0 auto;
    text-align: center;
    padding: 15px;
}

.popup-simple {
    margin: 350px auto 0 auto;
}

.popup-bostehuntahogei {
    max-width: 520px;
}

.popup-txiki {
    max-width: 500px;
}

.popup-ertain {
    max-width: 1000px;
}

.popup-oso-handi {
    max-width: 100%;
}

.popup-presupuestos {
    max-width: 100%;
    margin: 52px auto 0 auto;
}

.popup-handi {
    max-width: 1500px;
}

.popupinner .form-group {
    text-align: left;
}

.RadComboBox_Bootstrap .rcbReadOnly .rcbArrowCell.rcbArrowCellRight {
    border-left-width: 1px !important;
}

input.riDisabled {
    background-color: #eaeaea !important;
}

.popuptext {
    margin: 0 0 5px 0;
}

.rbLinkButton {
    min-height: 25px !important;
}

.popupbotoi {
    overflow: hidden;
    clear: both;
    margin-top: 15px;
}

    .popupbotoi span.RadButton_Bootstrap {
        border: none !important;
        padding: 7px 15px !important;
        height: auto !important;
    }

        .popupbotoi span.RadButton_Bootstrap .rbText {
            color: #ffffff !important;
        }

        .popupbotoi span.RadButton_Bootstrap.popupsi {
            background-color: #23b397 !important;
        }

        .popupbotoi span.RadButton_Bootstrap.popupno {
            background-color: #F44336 !important;
        }

.panelgris {
    /*background-color: #fcfcfc;*/
    background-color: #f6f6f6;
    padding: 5px;
    overflow: hidden;
    margin-bottom: 5px;
}

.popupinner .panelgris {
    text-align: left !important;
}


.RadMenu.RadMenu_Bootstrap.RadMenu_Context.RadMenu_Bootstrap_Context.GridContextMenu.GridContextMenu_Bootstrap {
    z-index: 999999 !important;
}

.RadComboBoxDropDown.RadComboBoxDropDown_Bootstrap {
    z-index: 9999999 !important;
}

.caja-produccion .RadGrid.RadGrid_Bootstrap {
    box-shadow: none;
}

/*POP UP FIN*/

/*GRID*/

.rgWrap.rgAdvPart span.rgPagerLabel {
    float: left;
}

.rgWrap.rgAdvPart .RadComboBox.RadComboBox_Bootstrap {
    float: left;
    width: calc(80% - 100px) !important;
}

/* RUEDAS HIERRO */
td.columna-operacion {
    background: #f1f5fa;
}

.rgAltRow td.columna-operacion {
    background-color: #ebedf0 !important;
}
.rgHoveredRow td.columna-operacion {
    background-color: #EDA9AB !important;
}

td:has(.ruedasHierroTerminado) {
    background: #23b397 !important;
}
td:has(.ruedasHierro-rojo) {
    background: #f44336 !important;
}
td:has(.ruedasHierro-verde) {
    background: #23b397 !important;
}
td:has(.ruedasHierro-amarillo) {
    background: #ffc107 !important;
}
td:has(.ruedasHierro-azul) {
    background: #00BCD4 !important;
}
td:has(.ruedasHierro-rosa) {
    background: #E91E63 !important;
}
td:has(.ruedasHierro-gris) {
    background: #9E9E9E !important;
}
.ruedasHierro-texto-blanco {
    color: white !important;
}
/* RUEDAS HIERRO END */
/* VERIFICADO RUEDAS CRYSTAL */
.rgAltRow > td:has(.valorFueraRango),
.rgRow > td:has(.valorFueraRango) {
    background: #f44336 !important;
}
.valorFueraRango {
    color: white !important;
}
/* VERIFICADO RUEDAS CRYSTAL END */
/*ruedas*/
tr.verde {
    background-color: #42b75d !important;
    color: #fff !important;
}

    tr.verde td a {
        color: #fff !important;
    }

tr.rojo {
    background-color: #f44336 !important;
    color: #fff !important;
}

    tr.rojo td a {
        color: #fff !important;
    }

/*ruedas f*/

td.rojo a {
    color: #fff !important;
}

td.rojo {
    background-color: #f44336 !important;
    color: #fff !important;
}

td.verde a {
    color: #384818 !important;
}

td.verde {
    background-color: #C3E380 !important;
    color: #384818 !important;
}

.rgRow td.noclickable {
    color: #d6d6d6;
    background-color: grey !important;
}

.rgAltRow td.noclickable {
    color: #d6d6d6;
    background-color: dimgrey !important;
}

.check-oculto input {
    visibility: hidden;
}

.RadGrid input.rgOptions {
    margin: 0 !important;
    position: absolute;
}

.cont-derecha .RadGrid_Bootstrap .rgRow > td, .cont-derecha .RadGrid_Bootstrap .rgAltRow > td {
    padding: 2px 15px 2px 6px !important;
}

.RadGrid_Bootstrap .rgMasterTable .rgSelectedCell, .RadGrid_Bootstrap .rgSelectedRow > td, .RadGrid_Bootstrap td.rgEditRow .rgSelectedRow, .RadGrid_Bootstrap .rgSelectedRow td.rgSorted {
    background: #de6c70 !important;
}

.RadGrid.RadGrid_Bootstrap {
    background-color: #fff;
    padding: 0 0 10px 0;
    box-shadow: -8px 12px 18px 0 rgba(25,42,70,.13);
    border-radius: 0 !important;
}

.rmpView .RadGrid.RadGrid_Bootstrap,
.panel-txuri .RadGrid.RadGrid_Bootstrap {
    box-shadow: none;
}

.RadGrid_Bootstrap .rgCommandCell .menu_editar a {
    font-size: 16px;
    color: #F7F7F7;
    border-radius: 5px;
    font-weight: normal;
    margin: 0 0 0 0;
    padding: 7px 15px;
    font-weight: normal;
}

tbody .rgRow > td, tbody .rgAltRow > td {
    border-width: 0 !important;
}


.RadGrid_Bootstrap .rgAltRow > td {
    background-color: #ffffff;
}

.RadGrid_Bootstrap .rgHeader {
    border-left: 0px solid #dedede !important;
}

    .RadGrid_Bootstrap .rgHeader, .RadGrid_Bootstrap .rgHeader a {
        /*color: #01c9eb !important;*/
    }

.RadGrid_Bootstrap tr td a {
    color: #333333;
}

.menu_editar {
    padding: 15px;
    text-align: left !important;
}

.btneguneratuOperazioak {
    background-color: #1E55A5;
}

.btneditatu {
    background-color: #28aa95;
}

.btnberria {
    background-color: #01c9eb
}

.btnezabatu {
    background-color: #F44336;
}

.btneguneratu {
    background-color: #d40f8c !important;
}

.popupbotoi .btneguneratu {
    background-color: #1E55A5 !important
}


.btnexportarexcel {
    background-color: #42b75d;
}

.btntrukatu {
    background-color: #28aa95;
}

.btnplanifikatu {
    background-color: #1E55A5;
}

.btnplanKendu {
    background-color: #d40f8c;
}

.btnrecuperarPieza {
    background-color: #eca625;
}

.btnfabricadoSGL {
    background-color: #ff8f00;
}


.btngehitu {
    background-color: #01c9eb
}

.btnberdea {
    background-color: #42b75d !important;
}

.btnmorea {
    background-color: #8650b3 !important;
}

.btnlaranja {
    background-color: #ff8600 !important;
}

.control-label {
    font-weight: normal;
}

.RadGrid_Bootstrap .rgCommandRow {
    background-color: transparent !important;
}

.RadGrid_Bootstrap .rgHeader {
    background-color: transparent !important;
}

td .riContSpinButtons.RadInput.RadInput_Bootstrap {
    /* width: 100%; Xabi Sistiaga Aldatua */
    width: 50px;
}

/*GRID bukaera*/

/*editor plano*/

.cont-btn-formas .RadButton.RadButton_Bootstrap.rbButton.rbRounded.rbIconButton.pull-left.radio-botoia .rbText {
    text-indent: -9999px;
    height: 50px;
    width: 50px;
    background-repeat: no-repeat;
}


.btn-cuadrado .rbText {
    background-image: url(img/lauki-urdin.png);
}


.btn-circulo .rbText {
    background-image: url(img/borobil-urdin.png);
}

.btn-rombo .rbText {
    background-image: url(img/ronbo-urdin.png);
}


.rbToggled.btn-cuadrado .rbText {
    background-image: url(img/lauki-txuri.png);
}

.rbToggled.btn-circulo .rbText {
    background-image: url(img/borobil-txuri.png);
}

.rbToggled.btn-rombo .rbText {
    background-image: url(img/ronbo-txuri.png);
}

.cont-btn-formas .rbIcon.p-icon.rbPrimaryIcon {
    margin: 15px 15px 0 -5px !important;
}

/*editor plano bukaera*/



/* GRIDS PASA */
.grid-pasa-botoi {
    padding: 37px 0 0 0;
}

.gridgris .rgHeaderDiv {
    margin: 0 !important;
    border: 0 !important;
}

.gridgris .rgDataDiv {
    background-color: #f2f2f2;
}

.gridgris {
    background-color: #f2f2f2;
    min-height: 500px;
}


.grid-pasa-ezker .form-group {
    margin: 4px 0;
}


.cont-grid-pasa table.rgMasterTable {
    background-color: #f2f2f2;
}

.cont-grid-pasa .RadGrid_Bootstrap .rgRow > td, .cont-grid-pasa .RadGrid_Bootstrap .rgAltRow > td, .cont-grid-pasa .RadGrid_Bootstrap .rgEditRow > td {
    border-top: solid 0px #cecece !important;
    border-bottom: solid 0px #cecece !important;
    padding: 3px 35px 3px 7px !important;
    color: #01c9eb;
}

.grid-pasa-botoi span {
    display: block;
    width: 42px;
    background-color: #01c9eb !important;
    color: #ffffff !important;
    margin: 3px auto;
    border: 0;
    border-radius: 0 !important;
}

.cont-grid-pasa table.rgMasterTable tbody {
    /*height: 500px;
    display: block;
    overflow-y: auto;*/
}

.cont-grid-pasa table tbody .rgSelectedRow {
    background-color: #b0d136;
}

    .cont-grid-pasa table tbody .rgSelectedRow td {
        color: #ffffff !important;
    }

.cont-grid-pasa {
    overflow: hidden;
}

.grid-pasa-ezker {
    float: left;
    width: 45%;
}

.grid-pasa-botoi {
    float: left;
    width: 10%;
}

.grid-pasa-eskubi {
    float: left;
    width: 45%;
}

.grid-pasa-botoi button {
    /*  display: block;
    width: 42px;
    background-color: #b0d136;
    color: #ffffff;
    margin: 3px auto;
    border: 0;
    border-top-style: none;
    border-top-width: 0px;
    border-right-style: none;
    border-right-width: 0px;
    border-bottom-style: none;
    border-bottom-width: 0px;
    border-left-style: none;
    border-left-width: 0px;
    border-radius: 0 !important;*/
}

/* FIN GRIDS PASA*/

.rcbSlide {
    z-index: 9999999 !important
}

/*INDUSTRALIZACIÓN*/

.industralizacion-campos {
    padding: 18px 35px 0 0;
}

.industralizacion-campoarchivo {
    padding: 20px 20px 0 0;
}

.industralizacion-campos span {
    display: block;
    padding: 19px 0 0 0;
}

.industralizacion-chapa .caja {
    margin: 5px 0 0 0;
}

.industralizacion-fecha .caja {
    margin: 5px 0 0 0;
}

.industralizacion-observaciones .caja {
    margin: 5px 0 0 0;
}

.industralizacion-archivo {
    padding: 12px 0 0 0;
}

.industralizacion-chapa, .industralizacion-fecha, .industralizacion-observaciones {
    margin: 0 15px;
}

.historico-cont .form-group {
    overflow: hidden;
}

.historico-cont .control-label {
    float: left;
    width: 120px;
}

.historico-cont .caja {
    float: left
}
/*INDUSTRALIZACIÓN BUKAERA*/

/*HISTORICO PRODUCCIÓN*/

.icono-estado {
    font-size: 29px;
}

    .icono-estado.icono-estado-finalizada {
        color: #a2d213;
    }

    .icono-estado.icono-estado-asignada {
        color: #00BCD4;
    }

    .icono-estado.icono-estado-cancelada {
    }

    .icono-estado.icono-estado-incidencia {
        color: #FFC107;
    }

    .icono-estado.icono-estado-achatarrada {
    }

    .icono-estado.icono-estado-bloqueada {
        color: #d40f8c;
    }

.estado-fueradelimites {
    color: #f3252b !important;
}


/*HISTORICO PRODUCCIÓN AMAIERA*/
/*CONTROL RUEDAS pedidos aurretik jarri*/
.lineagris-gris {
    background-color: #efefef;
    margin: 2px 0 3px 0px;
    padding: 0 5px 0 5px;
}

    .lineagris-gris .pull-right {
        color: #12b797;
        font-size: 17px;
    }

    .lineagris-gris .pull-left {
        width: 180px;
    }

.panel-graficos-oee {
    height: 435px !important;
}

.titulo-columna-oee {
    text-align: center;
    width: 100%;
    display: block;
    background-color: #fff;
    padding: 5px;
    color: #2db797;
    font-weight: bold;
}

.graficos-oee-data {
    background-color: #fff;
    margin: 15px;
    padding: 10px;
}

.panel-graficos-oee-subtitulo {
    text-align: center;
    display: block;
    font-weight: bold;
    margin: 5px;
}

.cont-oee-donut {
    padding: 0;
}

.oee-inner-col {
    padding: 1px;
}

/*CONTROL RUEDAS FIN*/

/*PEDIDOS*/

.bogie-cont .checkbox {
    margin: 0;
}

    .bogie-cont .checkbox .caja label {
        margin: 0px 0 0 16px;
    }

    .bogie-cont .checkbox > label {
        margin: 5px 0 0 0;
    }


.bogie-cont-check {
    margin: 0 0 15px 0;
}

.overflowhidden.pedido-planos {
    border: solid 1px #cdcdcd;
    padding: 2px 2px 2px 0px;
    border-radius: 3px;
}

.pedido-planos-titulo {
    padding: 3px 25px 0px 20px;
}

.pedido-planos-valor {
    padding: 3px 25px 0px 20px;
}

.pedidos-cant-fab-cont {
    float: left;
}

.overflowhidden.pedido-planos span.RadButton.RadButton_Bootstrap.rbSkinnedButton.btn-gorde.pull-right.pedido-planos-boton {
    padding: 3px 10px;
}

/* PEDIDOS LEYENDAS  start*/
.leyenda.pull-left {
    width: 175px;
    line-height: 28px;
}

.leyendas span {
    float: left;
    font-size: 13px;
}

.colorleyenda {
    display: block;
    width: 23px;
    height: 23px;
    margin-right: 10px;
    margin-top: 2px;
    border-radius: 3px;
}

.colorleyenda-pieza-planificada {
    background-color: #ffef00;
}

.colorleyenda-pieza-sinAsignar {
    background-color: #ffffff;
    border: solid 1px #cdcdcd;
}

.colorleyenda-pieza-procesanda {
    background-color: #ff8f00;
}

.colorleyenda-pieza-entregada {
    background-color: #28aa95;
}
/* PEDIDOS LEYENDAS  end*/
/* PEDIDOS GANT COLORES start*/
.RadGrid_Bootstrap .rgAltRow > td.pieza-planificada, .RadGrid_Bootstrap .rgRow > td.pieza-planificada {
    background-color: #ffef00 !important;
}


.RadGrid_Bootstrap .rgAltRow > td.pieza-procesanda, .RadGrid_Bootstrap .rgRow > td.pieza-procesanda {
    background-color: #ff8f00 !important;
}

.RadGrid_Bootstrap .rgAltRow > td.pieza-entregada, .RadGrid_Bootstrap .rgRow > td.pieza-entregada {
    background-color: #28aa95 !important;
}

.RadGrid_Bootstrap .rgAltRow > td.pieza-quitada, .RadGrid_Bootstrap .rgRow > td.pieza-quitada {
    background-color: #424242 !important;
}

.RadGrid_Bootstrap .rgMasterTable td.rgSelectedCell {
    background-color: #337ab7 !important;
}
/* PEDIDOS GANT COLORES end*/

/* TEXTO ERROR TEMPORAL */
.error-message {
    color: #ff0000;
}

.grid-estructura-1-col .rgHeaderWrapper, .grid-estructura-1-col .rgDataDiv, .grid-estructura-1-col #ctl00_MainContent_RGplanoBogie_Frozen {
    width: 100%;
    max-width: 362px
}

.grid-estructura-2-col .rgHeaderWrapper, .grid-estructura-2-col .rgDataDiv, .grid-estructura-2-col #ctl00_MainContent_RGplanoBogie_Frozen {
    width: 100%;
    max-width: 542px
}

.grid-estructura-3-col .rgHeaderWrapper, .grid-estructura-3-col .rgDataDiv, .grid-estructura-3-col #ctl00_MainContent_RGplanoBogie_Frozen {
    width: 100%;
    max-width: 677px
}

.grid-estructura-4-col .rgHeaderWrapper, .grid-estructura-4-col .rgDataDiv, .grid-estructura-4-col #ctl00_MainContent_RGplanoBogie_Frozen {
    width: 100%;
    max-width: 812px
}

.grid-estructura-5-col .rgHeaderWrapper, .grid-estructura-5-col .rgDataDiv, .grid-estructura-5-col #ctl00_MainContent_RGplanoBogie_Frozen {
    width: 100%;
    max-width: 947px
}

.grid-estructura-6-col .rgHeaderWrapper, .grid-estructura-6-col .rgDataDiv, .grid-estructura-6-col #ctl00_MainContent_RGplanoBogie_Frozen {
    width: 100%;
    max-width: 1082px
}

.grid-estructura-7-col .rgHeaderWrapper, .grid-estructura-7-col .rgDataDiv, .grid-estructura-7-col #ctl00_MainContent_RGplanoBogie_Frozen {
    width: 100%;
    max-width: 1217px
}

.grid-estructura-8-col .rgHeaderWrapper, .grid-estructura-8-col .rgDataDiv, .grid-estructura-8-col #ctl00_MainContent_RGplanoBogie_Frozen {
    width: 100%;
    max-width: 1352px
}

.grid-estructura-9-col .rgHeaderWrapper, .grid-estructura-9-col .rgDataDiv, .grid-estructura-9-col #ctl00_MainContent_RGplanoBogie_Frozen {
    width: 100%;
    max-width: 1487px
}

.grid-estructura-10-col .rgHeaderWrapper, .grid-estructura-10-col .rgDataDiv, .grid-estructura-10-col #ctl00_MainContent_RGplanoBogie_Frozen {
    width: 100%;
    max-width: 1622px
}

.grid-estructura-11-col .rgHeaderWrapper, .grid-estructura-11-col .rgDataDiv, .grid-estructura-11-col #ctl00_MainContent_RGplanoBogie_Frozen {
    width: 100%;
    max-width: 1757px
}

.cont-combo-areas-productivas {
    padding: 10px 5px;
    border-bottom: solid 1px #c3c3c3;
    margin-bottom: 10px;
}

    .cont-combo-areas-productivas .areaproductiva-combo-top {
        width: 100% !important;
    }

.dropdown-menu.dropdown-usuario {
    padding: 0;
}

/*PEDIDOS BUKAERA*/

/*stock en tiempo real*/

span.rgGroupItem {
    background-color: #23b397;
    height: 34px;
    padding: 0 0 0 10px !important;
    color: #f5f5f5 !important;
}

    span.rgGroupItem span.t-font-icon.rgIcon,
    span.rgGroupItem span.t-font-icon.rgIcon:before {
        color: #f5f5f5 !important;
    }

.grid-valor-input th.noclickable.rgHeader button.t-button.rgActionButton.rgOptions {
    pointer-events: all !important;
}

/*stock en tiempo real amaiera*/

.botoiak span.RadButton.RadButton_Bootstrap.rbSkinnedButton {
    margin: 0 5px 0 5px;
    border: none;
}
/*
.botoiak span.RadButton.RadButton_Bootstrap.rbSkinnedButton:first-child {
    margin-left: 0!important;
}

.botoiak span.RadButton.RadButton_Bootstrap.rbSkinnedButton:last-child {
    margin-right: 0 !important;
}*/

/*turnos*/

span.RadButton.RadButton_Bootstrap.rbSkinnedButton.btnvistaimpresion.pull-left {
    background-color: #6f60e4 !important;
}

span.RadButton.RadButton_Bootstrap.rbSkinnedButton.btnduplicar {
    background-color: #FF9800 !important;
}

span.RadButton.RadButton_Bootstrap.rbSkinnedButton.btnactualizar {
    background-color: #07b71d !important;
}

.turnos-taula .rgDataDiv {
    /*height: 700px !important;*/
    height: 59vh !important;
}

.cont-derecha .turnos-taula.RadGrid_Bootstrap td.borde-derecho {
    /*  border-right: solid 1px #333333 !important;*/
}

.turnos-bloque-label {
    display: block;
    padding: 4px 0 4px 5px;
    font-weight: bold;
}

.turnos-taula .rgHoveredRow td {
    background-color: initial !important;
}

.cont-derecha .turnos-taula.RadGrid_Bootstrap .RadPicker.RadPicker_Bootstrap td a {
    height: 23px !important;
    background-color: transparent;
}

.cont-derecha .turnos-taula.RadGrid_Bootstrap input.riTextBox.riEnabled {
    border-bottom-right-radius: 0 !important;
    border-top-right-radius: 0 !important;
}

.cont-derecha .turnos-taula.RadGrid_Bootstrap .rgRow > td, .cont-derecha .turnos-taula.RadGrid_Bootstrap .rgAltRow > td {
    padding: 2px 14px 2px 0px !important;
}

.turnos-taula span.riSingle.riContSpinButtons.RadInput.RadInput_Bootstrap {
    width: 70px !important
}

.turnos-taula .RadPicker.RadTimePicker.RadPicker_Bootstrap {
    width: 70px !important
}

.turnos-taula .RadInput_Bootstrap a.riUp {
    width: 25px;
    background-position: -12px -16px;
    height: 13px !important;
}

.turnos-taula .RadInput_Bootstrap a.riDown {
    width: 25px;
    background-position: -12px -68px;
    height: 13px !important;
}

.turnos-taula.RadGrid_Bootstrap .rgAltRow > td {
    background-color: initial !important;
}

    .turnos-taula td.columna_oscura,
    .turnos-taula.RadGrid_Bootstrap .rgAltRow > td.columna_oscura {
        background-color: #f5f5f5 !important;
    }

html body .turnos-taula .RadInput_Bootstrap.riContSpinButtons .riTextBox {
    padding-right: 25px;
    height: 25px;
    background-color: transparent !important;
}

.turnos-taula .RadPicker.RadTimePicker.RadPicker_Bootstrap span.riSingle.RadInput.RadInput_Bootstrap input.riTextBox.riEnabled {
    height: 25px;
    background-color: transparent;
}

.turnos-taula .RadPicker.RadPicker_Bootstrap td a {
    background-position: -16px -4263px !important;
    border-top-right-radius: 3px !important;
    border-bottom-right-radius: 3px !important;
}

.turnos-taula a.rcTimePopup {
    width: 20px !important;
    background-position: -17px -4260px !important;
}

.turnos-taula span.riSingle.RadInput.RadInput_Bootstrap {
    width: 50px !important;
    margin-right: 0 !important;
}

.turnos-combo-diasemana {
    width: 150px;
}
/*turnos amaiera*/
/*informe oee 1*/
.legend-value-porcentaje {
    float: left;
    width: 60px;
    text-align: right;
}

.legend-value-barra {
    float: left;
    margin-right: 15px;
}

.legend-value-value {
    float: left;
    margin-right: 15px;
}

span.colorleyenda.colorleyenda-fabricadas {
    background-color: #23b397;
}

span.colorleyenda.colorleyendadefectuosas {
    background-color: #f05050;
}

span.colorleyenda.colorleyenda-objperi {
    background-color: #ffbd4a;
    width: 3px;
}

span.colorleyenda.colorleyenda-treal {
    background-color: #01f8ff;
    width: 3px;
}

.leyendas-prod-obj {
    width: 715px;
    margin: 0 auto 31px auto;
    overflow: hidden;
}

span.leyendas-prod-obj-valor {
    margin-left: 15px;
}

.donut-informe-oee-1 {
    float: left;
    width: 25%;
    text-align: center;
}

#legend .legend-item .legend-marker {
    display: inline-block;
    width: 23px;
    height: 23px;
    margin-right: 10px;
    margin-top: 2px;
    border-radius: 3px;
}

.legend-marker, .nombre-leyenda-donut, .legend-value {
    float: left;
    margin-right: 5px;
    font-size: 14px;
}

.legend-item {
    overflow: hidden;
    margin-bottom: 15px;
    width: 450px;
    cursor: pointer;
}

.legend-value {
    float: right;
}

.legend-item.leyenda-desactivado {
    color: #b1b1b1 !important;
}

    .legend-item.leyenda-desactivado .legend-marker {
        background-color: #b1b1b1 !important;
    }

div#chartProduccion {
    height: 200px;
}

div#legend {
    /* margin: 90px 0 0 0; */
}


div#chartGANTT {
    height: 280px;
}

.RadButton.RadButton_Bootstrap.btn-info-perdidas {
    position: absolute;
    right: 55px;
    padding: 0 !important;
    background-color: transparent !important;
    border-width: 0;
}


/*informe oee 2 hasiera*/

.labels-oee2 h4 {
    margin: 6px 0 0 0;
    padding: 0;
}

.labels-oee2 .graficos-oee-2-valor {
    background-color: transparent;
    padding: 0;
    margin: 0;
}

.graficos-oee-2-linea {
    overflow: hidden;
}

.graficos-oee-2-label {
    float: left;
    width: 12%;
    position: relative;
    padding-left: 20px;
}

.graficos-oee-2-valores {
    float: left;
    width: 7%;
    position: relative;
    overflow: hidden;
}

.graficos-oee-2-valores-cont {
    overflow: hidden;
    margin-right: 10px;
}

.graficos-oee-2-produccion {
    float: left;
    width: 61%;
    position: relative;
}

.graficos-oee-2-tendencia {
    float: left;
    width: 15%;
    position: relative;
    height: 75px;
    padding: 0 0 0 25px;
}

.overflowhidden .graficos-oee-2-tendencia {
    height: auto;
}

.graficos-oee-2-cuellobotella {
    float: left;
    width: 5%;
}

    .graficos-oee-2-cuellobotella i {
        color: #dee2e6;
    }

        .graficos-oee-2-cuellobotella i.fas.fa-filter {
            font-size: 20px;
            text-align: center;
            margin: 18px 0 0 11px;
        }

.graficos-oee-2-cuellobotella-activo i {
    color: #f05050 !important;
}


span.graf-barra-oee-2.oee2-defectuosas {
    background-color: #adb5bd;
}

.graficos-oee-2-valor {
    width: 50%;
    float: left;
    text-align: center;
    background-color: #f4f4f4;
    padding: 13px 0;
    margin: 5px 0 0 0;
    color: #2a3f54;
}

    .graficos-oee-2-valor i.fas.fa-check {
        color: #23b397;
    }

    .graficos-oee-2-valor i.fas.fa-times {
        color: #f3252b;
    }

/*informe oee 2 amaiera*/

/*plano*/

.cont-forja .observaciones .riSingle {
    width: 40em !important;
}

.cont-forja .combo-material {
    width: calc(100% - 34px) !important;
    float: left;
}

.cont-forja .checkbox {
    width: 80px;
}

.cont-forja .combo-tipo {
    width: 10%;
}

/*plano amaiera*/

/*tablet*/
@media (min-width: 768px) {

    /*header berria*/

    .cabecera.navbar.navbar-inverse.navbar-fixed-top.menu-zabalduta {
        left: 230px;
    }

    .navbar-right.usermenu li > .dropdown-usuario {
        display: none;
        position: absolute;
        right: 0;
        background-color: #fff;
    }

    .navbar-right.usermenu li:hover > .dropdown-usuario {
        display: block;
        height: auto;
        opacity: 1;
        min-width: 160px;
        border: 1px solid #cccccc;
        border: 1px solid rgba(0, 0, 0, 0.15);
        border-radius: 4px;
        -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    }


    .navbar-inverse .navbar-nav > li > a {
        color: #CAD3DD;
    }

    /*header berria amaiera*/

    /*scrollbar combo*/



    .RadComboBoxDropDown .rcbScroll::-webkit-scrollbar {
        width: 10px;
    }

    .RadComboBoxDropDown .rcbScroll::-webkit-scrollbar-track {
        background: #253341;
    }

    .RadComboBoxDropDown .rcbScroll::-webkit-scrollbar-thumb {
        background: #888;
    }

        .RadComboBoxDropDown .rcbScroll::-webkit-scrollbar-thumb:hover {
            background: #555;
        }


    /*scrollbar combo amaiera*/

    /*MENU BERRIA HASIERA*/

    /* width */
    .barramenu::-webkit-scrollbar {
        width: 10px;
    }

    /* Track */
    .barramenu::-webkit-scrollbar-track {
        background: #253341;
    }

    /* Handle */
    .barramenu::-webkit-scrollbar-thumb {
        background: #888;
    }

        /* Handle on hover */
        .barramenu::-webkit-scrollbar-thumb:hover {
            background: #555;
        }

    .navbar-collapse.collapse {
        padding: 0;
    }


    .barramenu {
        background-color: #2a3f54;
        min-height: 100%;
        width: 60px;
        padding: 0;
        position: fixed;
        overflow: hidden;
        -webkit-transition: .3s ease all;
        transition: .3s ease all;
    }

        .barramenu:hover, .barramenu.menu-zabalduta {
            width: 230px;
            overflow-y: auto;
            height: 100%;
        }

            .barramenu.menu-zabalduta .logotipoa, .barramenu:hover .logotipoa {
                width: 180px;
                background-position: 10px 8px
            }

        .barramenu .logotipoa {
            height: 60px;
            width: 60px;
            float: none;
            background-image: url(img/logo-miira-caf.png);
            background-position: left;
            background-repeat: no-repeat;
            -webkit-transition: .3s ease all;
            transition: .3s ease all;
            background-position: -99px 0;
            background-size: 155px;
        }


        .barramenu .menu-zabalera-blokeatu {
            display: none;
            width: 25px;
            height: 25px;
            border-radius: 50px;
            right: 0;
            position: absolute;
            margin: 10px 10px 0 0;
            padding: 0px 0 0 5px !important;
            border: solid 3px #c1cdd9;
            top: 0;
            cursor: pointer;
        }

        .barramenu:hover .menu-zabalera-blokeatu {
            display: block;
        }

        .barramenu.menu-zabalduta .menu-zabalera-blokeatu {
            /*background-color: #c1cdd9;*/
            display: block;
        }

        .barramenu .menu-zabalera-blokeatu::before {
            width: 26px;
            opacity: .99;
            display: inline-block;
            font-style: normal;
            font-weight: 900;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            display: inline-block;
            font-family: 'Font Awesome 5 Free';
            font-size: inherit;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            visibility: visible;
            width: auto;
            font-size: 15px !important;
            color: #c1cdd9;
            margin: -1px 0 0 -3px !important;
            padding: 0 !important;
        }

        .barramenu.menu-zabalduta .menu-zabalera-blokeatu::before {
            content: "\f140";
        }

        .barramenu h3 {
            display: none;
            overflow: hidden;
            clear: both;
            background-color: transparent;
            color: #fff;
            margin: 15px 12px 15px 11px;
            text-transform: inherit;
            color: #CAD3DD;
            font-weight: 300;
        }

        .barramenu:hover h3, .barramenu.menu-zabalduta h3 {
            display: block;
        }

        .barramenu:hover a, .barramenu.menu-zabalduta a {
            visibility: visible;
        }

        .barramenu a {
            visibility: hidden;
            width: 230px;
            color: #CAD3DD;
            font-size: 13px;
        }

        .barramenu li a {
            padding-left: 16px;
        }

            .barramenu li a::first-letter {
                /*  text-transform: uppercase !important;*/
            }


        .barramenu a:before {
            width: 26px;
            opacity: .99;
            display: inline-block;
            font-style: normal;
            font-weight: 900;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            display: inline-block;
            font-family: 'Font Awesome 5 Free';
            font-size: inherit;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            visibility: visible;
            /* width: auto;*/
            font-size: 23px !important;
            margin-right: 15px;
            transition: all 0.5s;
        }

        .barramenu:hover a:before, .barramenu.menu-zabalduta a:before {
            font-size: 18px !important;
        }

    .nav-home:before {
        content: "\f015";
    }

    .nav-administrador::before {
        content: "\f4fe";
    }

    .nav-definicion-producto:before {
        content: "\f49e";
    }

    .nav-definicion-instalaciones:before {
        content: "\f275";
    }

    .nav-definicion-rrhh:before {
        content: "\f0c0";
    }

    .nav-pedidos:before {
        content: "\f07c";
    }

    .nav-planificacion:before {
        content: "\f542";
    }

    .nav-perdidas:before {
        content: "\f1c3";
    }

    .nav-informes-kpi:before {
        content: "\f080";
    }

    .nav-compras:before {
        content: "\f291";
    }

    .nav-fabricacion:before {
        content: "\f0ae";
    }

    .navbar-collapse > ul > li:hover {
        background-color: rgba(30,30,30,0.35);
        box-shadow: 0 4px 4px 0px rgba(0, 0, 0, 0.5);
        border-right: solid 4px #24ab95;
    }

    .navbar-collapse > ul > li > .activo {
        color: #e64c51;
        background-color: rgba(30,30,30,0.35);
    }

    .navbar-collapse > ul > li > ul > li > .activo {
        color: #d12a2f;
    }

    .navbar-collapse > ul > li:hover > .activo {
        color: #ffffff;
        background-color: rgba(30,30,30,0.35);
    }

    /* -- submenu click --*/
    .barramenu .dropdown {
        cursor: pointer;
    }

    .barramenu .dropdown-menu {
        position: relative;
        background-color: transparent;
        -webkit-transition: .3s ease all;
        transition: .3s ease all;
    }

    .barramenu .show > .dropdown-menu {
        display: none !important;
    }

    .barramenu:hover .show > .dropdown-menu, .barramenu.menu-zabalduta .show > .dropdown-menu {
        display: block !important;
    }

    .barramenu .dropdown-menu > li {
    }

        .barramenu .dropdown-menu > li > a {
            color: #ffffff;
            font-weight: lighter;
            font-size: 12px;
            white-space: break-spaces;
            padding: 5px 0 5px 53px;
        }

            .barramenu .dropdown-menu > li > a:before {
                display: none;
            }

    .navbar-inverse .navbar-nav > .show > a, .navbar-inverse .navbar-nav > .show > a:hover, .navbar-inverse .navbar-nav > .show > a:focus {
        border-left-color: transparent;
        background-color: rgba(30,30,30,0.35);
    }

    .barramenu .dropdown-menu > li::before {
        /* background: #24ab95;
bottom: auto;
content: "";
height: 8px;
left: 27px;
margin-top: 11px;
position: absolute;
right: auto;
width: 8px;
z-index: 1;
border-radius: 50%;
*/
        content: "\f061";
        left: 36px;
        margin-top: 6px;
        position: absolute;
        width: 26px;
        opacity: .99;
        font-style: normal;
        font-weight: 900;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-family: 'Font Awesome 5 Free';
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        visibility: visible;
        width: auto;
        font-size: 10px !important;
        margin-right: 15px;
        transition: all 0.5s;
        color: white;
    }

    .barramenu .dropdown-menu > li:hover::before {
        /* background: #ffffff;*/
    }

    .barramenu .dropdown-menu > li::after {
        /*  border-left: 1px solid #24ab95;
bottom: 0;
content: "";
left: 30px;
position: absolute;
top: 0;*/
    }

    .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
        background-color: #222b34;
    }

    .barramenu:hover li.dropdown > a::after, .barramenu.menu-zabalduta li.dropdown > a::after {
        display: inline-block;
        width: 10px;
        height: 10px;
        margin-left: .255em;
        vertical-align: .255em;
        content: "";
        color: #fff;
        float: right;
        border-bottom: solid 3px #fff;
        border-left: solid 3px #fff;
        transform: rotate(-45deg);
        -webkit-transition: .5s ease all;
        transition: .5s ease all;
    }

    .barramenu:hover li.dropdown.show > a::after, .barramenu.menu-zabalduta li.dropdown.show > a::after {
        transform: rotate(135deg);
    }

    /* -- submenu click amaiera--*/

    .beheko-minimenu {
        position: absolute;
        bottom: 0;
        background-color: #253341;
        margin: 0;
        width: 230px;
        cursor: pointer;
    }

        .beheko-minimenu a {
            padding: 10px;
        }


    .conf-menu {
        display: none;
    }

        .conf-menu.agertu {
            display: block;
        }

    .barramenu:hover h3.titulo-menu-configuracion, .barramenu.menu-zabalduta h3.titulo-menu-configuracion {
        display: none;
    }

        .barramenu:hover h3.titulo-menu-configuracion.agertu, .barramenu.menu-zabalduta h3.titulo-menu-configuracion.agertu {
            display: block;
        }

    .barramenu .beheko-minimenu a:before {
        color: #73879C;
        font-size: 28px !important;
    }

    .barramenu .beheko-minimenu a.conf:before {
        content: "\f013";
    }


    /* -- submenu hover --*/
    /*
.barramenu  li ul.nav.navbar-nav{
    height: 0px;
    -webkit-transition: .3s ease all;
    transition: .3s ease all;
    visibility: hidden;
    overflow: hidden;
}

.barramenu  li ul.nav.navbar-nav a:before {
    display: none;
}

li:hover > ul.nav.navbar-nav {
background-color: #2a3f54;
margin-right: 5px;
width: calc(100% - 0px);
height: 200px;
visibility: visible;
overflow: hidden;
}

.navbar-collapse > ul > li:hover {
    background-color: rgba(30,30,30,0.35);
    box-shadow: 0 4px 4px 0px rgba(0, 0, 0, 0.5);
    border-right: solid 4px #24ab95;
}*/
    /* -- submenu hover amaiera--*/


    /*MENU BERRIA BUKAERA*/



    .usermenu {
        display: block
    }

    .zutabe-10 {
        width: calc(10% - 5px);
        float: left;
        margin-right: 5px;
    }

    .zutabe-16 {
        width: calc(33% - 5px);
        float: left;
        margin-right: 5px;
    }

    .zutabe-20 {
        width: calc(20% - 5px);
        float: left;
        margin-right: 5px;
    }

    .zutabe-25 {
        width: calc(48% - 5px);
        float: left;
        margin-right: 5px;
    }

    .zutabe-33 {
        width: calc(48% - 5px);
        float: left;
        margin-right: 5px;
    }

    .zutabe-50 {
        width: calc(100% - 5px);
        float: left;
        margin-right: 5px;
    }

    .zutabe-100 {
        float: left;
        width: calc(100% - 5px);
        margin-right: 5px;
    }
}


/*escritorio*/
@media (min-width: 992px) {


    .zutabe-16 {
        width: calc(16.66% - 5px);
        float: left;
        margin-right: 5px;
    }

    .zutabe-25 {
        width: calc(22% - 5px);
        float: left;
        margin-right: 5px;
    }

    .zutabe-33 {
        width: calc(33% - 5px);
        float: left;
        margin-right: 5px;
    }

    .zutabe-50 {
        width: calc(50% - 5px); /*width: calc(48% - 5px);*/
        float: left;
        margin-right: 5px;
    }

    .zutabe-75 {
        width: calc(74% - 5px);
        float: left;
        margin-right: 5px;
    }


    .zutabe-100 {
        float: left;
        width: calc(100% - 5px);
        margin-right: 5px;
    }
}
/*escritorios mayores*/
@media (min-width: 1200px) {
}

.subirfichero-verificadoruedas {
    display: flex;
    align-items: center;
    width: 100%;
    margin: 15px;
    grid-gap: 10px;
}

.dokumentuaezdu {
    display: flex;
    align-items: center;
}

.dokumentuadu {
    display: flex;
    align-items: center;
}

.RadButton.RadButton_Bootstrap.rbSkinnedButton.dokumentuaezabatu, .RadButton.RadButton_Bootstrap.dokumentuaezabatu {
    background: transparent !important;
    color: #333333;
    border-width: 0;
    display: flex;
    align-items: center;
}

    .RadButton.RadButton_Bootstrap.dokumentuaezabatu input {
        color: #fb4202 !important;
    }

    /*.RadButton.RadButton_Bootstrap.rbSkinnedButton.dokumentuaezabatu:before, .RadButton.RadButton_Bootstrap.dokumentuaezabatu:before {
        font-family: WebComponentsIcons;
        width: .71428571em;
        content: "\e11b";
        display: inline-block;
        color: #fb4202;
        margin-right: 3px;
        text-decoration: none;
    }*/

/*AITOR*/
/*.form-group {
    margin-bottom: -15px;
}*/
/*.beheko-botoiak {
    padding-top: 20px;
}*/
/*.caja-combo {
    margin-right: -40px;
}*/



/*.RadGrid_Bootstrap .completado.rgHoveredRow td {
    background-color: #9DF5B1 !important;
    color: #333333 !important;
    opacity: 0.8;
}

.RadGrid_Bootstrap .sinCompletar.rgHoveredRow td:hover a {
    color: #333333 !important;
}

.RadGrid_Bootstrap .sinCompletar.rgHoveredRow td {
    background-color: #9DF5B1 !important;
    color: #333333 !important;
    opacity: 0.8;
}

.sinCompletar td {
    background-color: #9DF5B1 !important;
    color: #333333 !important;
}

    .sinCompletar td a {
        color: #333333 !important;
    }

span.sinCompletar {
    background: #9DF5B1;
    border: solid 1px #deb68b;
    margin: 13px 7px 0 0;
    float: left;
}

.completado td {
    background-color: #45DE68 !important;
    color: #333333 !important;
}

    .completado td a {
        color: #333333 !important;
    }

span.completado {
    background: #45DE68;
    border: solid 1px #deb68b;
    margin: 13px 7px 0 0;
    float: left;
}

.RadGrid_Bootstrap .completado.rgHoveredRow td:hover a {
    color: #333333 !important;
}

.RadGrid_Bootstrap .completado.rgHoveredRow td {
    background-color: #45DE68 !important;
    color: #333333 !important;
    opacity: 0.8;
}

.vacio td {
    background-color: #ffffff !important;
    color: #333333 !important;
}

    .vacio td a {
        color: #333333 !important;
    }

span.vacio {
    background: #ffffff;
    border: solid 1px #deb68b;
    margin: 13px 7px 0 0;
    float: left;
}

.RadGrid_Bootstrap .vacio.rgHoveredRow td:hover a {
    color: #333333 !important;
}

.RadGrid_Bootstrap .vacio.rgHoveredRow td {
    background-color: #ffffff !important;
    color: #333333 !important;
    opacity: 0.8;
}

.sugerido td {
    background-color: #fe5d5d !important;
    color: #333333 !important;
}

    .sugerido td a {
        color: #333333 !important;
    }

span.sugerido {
    background: #fe5d5d;
    border: solid 1px #deb68b;
    margin: 13px 7px 0 0;
    float: left;
}

.RadGrid_Bootstrap .sugerido.rgHoveredRow td:hover a {
    color: #333333 !important;
}

.RadGrid_Bootstrap .sugerido.rgHoveredRow td {
    background-color: #fe5d5d !important;
    color: #333333 !important;
    opacity: 0.8;
}

.parcial td {
    background-color: #ffd49f !important;
    color: #333333 !important;
}

    .parcial td a {
        color: #333333 !important;
    }

span.parcial {
    background: #ffd49f;
    border: solid 1px #deb68b;
    margin: 13px 7px 0 0;
    float: left;
}

.RadGrid_Bootstrap .parcial.rgHoveredRow td:hover a {
    color: #333333 !important;
}

.RadGrid_Bootstrap .parcial.rgHoveredRow td {
    background-color: #ffd49f !important;
    color: #333333 !important;
    opacity: 0.8;
}

.caja-stock h2 {
    margin: 0;
}

.caja-stock {
    background-color: #cdcdcd;
    width: 130px;
    text-align: center;
    padding: 5px;
    position: absolute;
    right: 10px;
    z-index: 999;
}*/

/*AITOR*/

/*zitu gant*/

.zitu-gantt table tr:first-child tr th {
    text-align: left;
}

.RadScheduler.RadScheduler_Bootstrap tr:first-of-type th {
    vertical-align: bottom;
    border-bottom: solid 1px #cdcdcd;
}

.scheduler-plansemanal .RadScheduler.RadScheduler_Bootstrap tr:first-of-type th {
    border-right: solid 1px #e5e5e5 !important;
}

.zitu-gantt.RadScheduler .rsHorizontalHeaderTable tr.rsHidden {
    display: none !important;
}

.zitu-gantt.RadScheduler table.rsVerticalHeaderTable tr.rsMainHeader {
    height: 60px !important;
}

    .zitu-gantt.RadScheduler table.rsVerticalHeaderTable tr.rsMainHeader th {
        vertical-align: middle;
    }

.zitu-gantt.RadScheduler .rsWrap.rsLastSpacingWrapper {
    display: none;
}

.zitu-gantt.RadScheduler td .rsWrap {
    height: 40px !important;
}

.zitu-gantt.RadScheduler .rsApt.rsAptColor {
    height: 100% !important;
    margin-top: 12px;
}

/*zitu gant amaiera*/

/*Plano informazioa*/
/*aratz*/
.grafico-barras-info-plano {
    height: 380px;
}

h2.titutlo-infoplano {
    font-size: 15px;
    margin: 5px 0 5px 0;
}

.label-grafico {
    color: #ffffff;
    font-weight: bold;
    font-size: 22px;
}

.pegado {
    /* margin-bottom: -30px;*/
}


tbody .rgRow > .linea-derecha, tbody .rgAltRow > .linea-derecha {
    border-right-width: 3px !important;
}

/*aratz*/

/*ruedas hierro pop up*/


.linea-ruedas-no-encontradas-header > span, .linea-ruedas-no-encontradas > span {
    flex: 33%;
    text-align: left;
}

.linea-ruedas-no-encontradas {
    display: flex;
    justify-content: space-between;
    border-top: solid 1px #bbbbbb;
}

.cont-ruedas-no-encontradas .linea-ruedas-no-encontradas-header {
    display: flex;
    justify-content: space-between;
    font-weight: bold;
}


.linea-ruedas-no-encontradas {
    display: flex;
    justify-content: space-between;
}

.cont-ruedas-no-encontradas {
    margin-top: 15px;
}

/*ruedas hierro pop up amaiera*/

.caja-stock h2 {
    margin: 0;
}

.caja-stock {
    background-color: #cdcdcd;
    width: 130px;
    text-align: center;
    padding: 5px;
    position: absolute;
    right: 20px;
    z-index: 999;
}
/*Plano informazioa fin*/

/*Validador*/

.validador-top-bloke {
    background-color: #f5f5f5;
    padding: 5px 10px;
    margin: 5px !important;
}

.form-group.validador-top-bloke.konbo-txiki {
    width: 150px;
}

.validador-top-bloke .caja .validador-label-info {
    margin: 12px 0 7px 0;
}

.validador-gantt > .rsTopWrap.rsOverflowExpand > .rsHeader {
    display: none;
}

.validador-gantt.RadScheduler .rsAllDayTable tr.rsAllDayRow {
    height: 60px !important;
}

.vaidador-top-botoiak {
    float: left;
    margin-top: 23px;
}

/*Validador amaiera*/




/*planificador*/

.tooltip-row {
    overflow: hidden;
}

.tooltip-column {
    float: left;
    text-align: center;
    border-right: solid 1px #f9f9f9;
    margin: 0 5px;
    padding: 0 5px;
}

    .tooltip-column:last-child {
        border-width: 0;
    }

    .tooltip-column span.tooltip-valor {
        overflow: hidden;
        clear: both;
        display: block;
        text-align: center;
        font-size: 20px;
    }

span.tooltip-texto {
    text-align: center;
}

table.rtWrapper.rtShadow {
    width: auto !important;
}

.RadToolTip.RadToolTip_Bootstrap.rtVisibleCallout.rtShadow {
    width: auto !important;
}

.planificador-top-botoiak {
    overflow: hidden;
    text-align: center;
    float: left;
    margin-top: 27px;
    width: 230px;
}

    .planificador-top-botoiak .RadButton.RadButton_Bootstrap {
        float: left;
        margin-right: 10px;
    }

pre.pre-appointment-planificacion {
    background: transparent;
    border-width: 0;
    color: #5a5a5a;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
}

    pre.pre-appointment-planificacion span.appointment-texto {
        float: left;
    }

    pre.pre-appointment-planificacion span.appointment-hora {
        font-weight: bold;
    }

.planificador-semanasLote-gantt table tr:first-child tr th {
    text-align: center;
}

.planificador-semanasLote-gantt > .rsTopWrap.rsOverflowExpand > .rsHeader {
    display: none;
}

.RadScheduler.RadScheduler_Bootstrap tr:first-of-type th {
    vertical-align: bottom;
    border-bottom: solid 1px #cdcdcd;
}

.scheduler-plansemanal .RadScheduler.RadScheduler_Bootstrap tr:first-of-type th {
    border-right: solid 1px #e5e5e5 !important;
}

.planificador-semanasLote-gantt .rsApt {
    margin-top: 8px !important;
    height: 45px !important;
    width: 100% !important;
    z-index: 1;
    cursor: move;
}

.planificador-semanasLote-gantt.RadScheduler .rsHorizontalHeaderTable tr.rsHidden {
    display: none !important;
}

.planificador-semanasLote-gantt.RadScheduler table.rsVerticalHeaderTable tr.rsMainHeader {
    height: 60px !important;
}

    .planificador-semanasLote-gantt.RadScheduler table.rsVerticalHeaderTable tr.rsMainHeader th {
        vertical-align: middle;
    }

.planificador-semanasLote-gantt.RadScheduler .rsAllDayTable tr.rsAllDayRow {
    height: 60px !important;
}

.planificador-semanasLote-gantt.RadScheduler .rsAptCreate.rsAptCreateRow1 {
    background-color: transparent;
}

.infor-ejecucion-botones {
    margin: 26px 0 0 0;
}

span.rsAptResize.rsAptResizeStart, span.rsAptResize.rsAptResizeEnd {
    display: none;
}

span.fecha-gantt {
    font-weight: bold;
    color: #585858;
}

.RadScheduler .rsAptContent {
    padding: 0 !important;
}

.rsContentScrollArea::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 0px;
    background-color: #F5F5F5;
}

.rsContentScrollArea::-webkit-scrollbar {
    height: 10px;
    background-color: #F5F5F5;
}

.rsContentScrollArea::-webkit-scrollbar-thumb {
    border-radius: 2px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #bbb;
}

.filtro-leyenda-planificador {
    overflow: hidden;
}

    .filtro-leyenda-planificador .caja {
        float: left;
    }

    .filtro-leyenda-planificador .checkbox input + label {
        width: 25px;
        height: 25px;
    }

        .filtro-leyenda-planificador .checkbox input + label:before {
            border-radius: 0 !important;
        }

    .filtro-leyenda-planificador .checkbox input:checked + label::after {
        display: none !important;
    }

    .filtro-leyenda-planificador .checkbox input + label::after {
        clip-path: polygon(20% 0, 0% 20%, 30% 50%, 0% 80%, 20% 100%, 50% 70%, 80% 100%, 100% 80%, 70% 50%, 100% 20%, 80% 0%, 50% 30%);
        background-color: #9b9b9b;
        width: 15px;
        height: 15px;
        margin: 5px 0px 0 4px;
    }


    .filtro-leyenda-planificador .checkbox label {
        float: left;
        margin: 15px 11px 0px 0;
    }

    .filtro-leyenda-planificador .leyenda-check-planificado.checkbox input:checked + label::before {
        background-color: #ffff5a;
    }

    .filtro-leyenda-planificador .leyenda-check-enproceso.checkbox input:checked + label::before {
        background-color: #ffc150;
    }

    .filtro-leyenda-planificador .leyenda-check-incidencia.checkbox input:checked + label::before {
        background-color: #ff5a5a;
    }

/*planificador bukaera*/



/*INFORME LIQUIDACION*/
.liquidaciones-rojo {
    color: #ea4335 !important;
}
/*INFORME LIQUIDACION bukaera*/