@CHARSET "UTF-8";

@media (max-width: 1023px) {
    .web-view {
        display: none;
    }

    .app-view {
        display: block;
    }

    body {
        width: 100%;
    }

    .bg-web-mobile{
        background-color: #CECECE !important;
    }

    #wrapper {
        width: auto !important;
        background-color: #CECECE !important;
        padding: 0 0 0 0 !important;
    }

    #content {
        width: auto !important;
    }

    .cuerpo-web-mobile {
        background-color: #ffffff;
    }

    .bg-blue {
        background-color: #005199;
    }

    .bg-web-app {
        background-color: #CECECE !important;
    }

    h1.subtitle {
        font-size: 16px;
        color: #004F9C;
        font-weight: bold;
        margin: 25px 5% 0;
    }

    #sol_input, #sol_cabecera, #sol_mensajes, #solDatos, .sol_detalle, #botones, #observaciones {
        margin-left: 0;
        margin-right: 0;
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }

    .input-display-web {
        display: flex;
    }

    .border-title {
        border-bottom: solid #004F9C;
    }

    .border-title-alert {
        border-bottom: solid red;
    }

    .der {
        display: block;
        min-width: 80px;
        padding: 0px 40px 0px 10px !important;
        height: 30px;
        line-height: 30px;
        text-decoration: none;
        text-align: right;
        color: #FFF;
        background: url(../img/btn-der-white.png) no-repeat #004F9C right;
        background-size: 30px 30px;
        float: right;
        margin-right: 0 !important;
        margin-top: 15px !important;
        cursor: pointer;
    }

    .center-btn-add {
        display: block;
        min-width: 80px;
        padding: 0px 40px 0px 10px;
        height: 30px;
        line-height: 30px;
        text-decoration: none;
        text-align: right;
        color: #FFF;
        background: #004F9C right;
        background-size: 30px 30px;
        float: right;
        margin-right: 5%;
        margin-top: 15px;
        cursor: pointer;
    }

    .bg-gray-light {
        background-color: #e7e9ea;
    }

    .color-text {
        color: #004F9C;
    }

    .sol_detalle_estado {
        border-radius: 0;
        color: inherit;
        width: 100%;
    }

    .estado_msg {
        border: 0;
        background-color: inherit;
    }

    .detalle_inn label {
        color: #004F9C;
    }

}

@media (min-width: 1023px) {
    .web-view {
        display: block;
    }

    .app-view {
        display: none;
    }

    .pd-text-mobile {
        padding: 5px 0 0 0;
    }

    .input-display-web {
        display: flex;
    }

    .btn-confirm-center {
        justify-content: center !important;
    }

}

@media (max-width: 767px) {
    .pd-box-mobile {
        padding: 10px 0 10px 0 !important;
    }

    .sol_detalle {
        width: 100%;
    }

    .pd-text-mobile {
        padding: 5px 0 0 0;
        text-align: left;
    }

    .input-display-web {
        display: block;
    }

}

.input-width {
    width: 100%;
}