@media (min-width: 576px){
    .sc_view_container_ {
        min-width: 560px
    }
}
@media (max-width: 576px) {
    .sc_view_container_ {
        max-width: 600px
    }
}
.raz-form .enviarSolicitudcontainer {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-bottom: 20px;
    padding-top: 20px;
}

.raz-form .fieldsContainer .fieldrow {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 15px;
    padding-top: 15px;
    border-top: 1px solid lightgray;
    margin-top: 5px;
    margin-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;   
    min-height: 35px
}

.raz-form .fieldsContainer .fieldrow select {
    max-width: 190px;
}

.raz-form .fieldsContainer .fieldrow .fieldTitle {
    font-weight: bold;
}

.raz-form .fieldsContainer .fieldrow.error .fieldTitle{
    color: red;
}

.raz-form .fieldsContainer .fieldrow .percentRow {
    display: flex;
    justify-content: flex-start;
    margin-top: 10px;
}
.raz-form .fieldsContainer .fieldrow .percentRow .percentContainer {
    display: flex;
    flex-direction: column;
    margin-right: 10px;
    align-items: center;
    justify-content: space-between;
    height: 40px
}

.raz-form .fieldsContainer .fieldrow .input-error {
    border: 2px solid red
}

.raz-form .inputFile {
    color: white;
    padding: 0.5rem;
    font-family: sans-serif;
    border-radius: 0.3rem;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}

.raz-form .inputFileContainer {
    min-width: 120px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    flex-direction: column;
}

@media (max-width: 576px) {
    .raz-form .fieldsContainer {
        padding: 40px 20px !important;
    }
    .raz-form {
        max-width: 100%;
    }
    .recepcion-OC-form {
        width: 100% !important;
    }
    .ordenCompra--opcion-importe-container {
        flex-direction: column;
    }
    .raz-form .proveedor-inputsContainer input {
        width: 100px;
    }
    .raz-form .fieldsContainer .fieldrow {
        flex-direction: column;
        & .fieldTitle {
            align-self: flex-start;
            margin-bottom: 5px
        }
        & i {
            align-self: flex-end;
        }
        & .percentRow {
            margin-bottom: 10px;
            display: flex;
            flex-wrap: wrap;
            & .percentContainer {
                                        
                margin-bottom: 10px;
            }
        }
    }
}

.raz-form file-chosen {
    margin-left: 0.3rem;
    font-family: sans-serif;
}

.raz-form .file-preview {
    border: 1px solid #ccc;
    padding: 10px;
    margin-top: 5px;
    padding-right: 20px;
    margin-bottom: 5px;
    display: inline-block;
    position: relative;
    background-size: cover;
    background-position: center center;
}

.raz-form .remove-button {
    position: absolute;
    top: 5px;
    right: 5px;
    background: none;
    border: none;
    cursor: pointer;
}

.raz-form .file-list {
    display: flex;
    flex-direction: column;
    width: 100%
}

.raz-input-border {
    border: 1px solid #abaaa9;
    border-radius: 3px;
    padding: 3px;
}
.raz-input-border:focus {
    outline: none;
}

.sc_view_container_ToPdf {
    border: 1px solid gray;
    border-radius: 10px;
    padding: 10px;
    margin-top: 20px;
}
.sc_view_container_ {
    border: 1px solid #abaaa9;
    border-radius: 10px;
    padding: 10px;
    margin-top: 20px;
}

.fieldrow-oc {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    border-top: 0 !important;
}

.fieldrow-sc {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    border-top: 0 !important;
}

.fieldrow-no-border {
    border-top: 0 !important;
}