﻿/* Botón Cancelar */
.btn-cancelar {
    background-color: #e0e0e0;
    color: #333;
    border: 1px solid #ccc;
    padding: 10px 20px;
    font-size: 14px;
    font-family: 'Segoe UI', sans-serif;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.3s ease;
    height:35px;
}

    .btn-cancelar:hover {
        background-color: #d0d0d0;
        border-color: #999;
    }

/* Botón Enviar */
.btn-enviar {
    background-color: #0078d4;
    color: white;
    border: none;
    padding: 10px 20px;
    font-size: 14px;
    font-family: 'Segoe UI', sans-serif;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.3s ease;
    height:35px;
}

    .btn-enviar:hover {
        background-color: #005a9e;
    }

    .btn-enviar:disabled {
        background-color: #c0c0c0;
        cursor: not-allowed;
    }

    /*Estilo para el Caption*/
.rgCaption {
    font-size: 12px; /* Tamaño de la fuente */
    color: #ffffff; /* Color del texto */
    text-align: center; /* Alineación del texto */
    font-weight: normal; /* Negrita */
    padding: 5px; /* Espacio alrededor del caption */
    caption-side: top; /* Posición del caption, puede ser top o bottom */
    background-color: #00AAFF;
}

/*Estilo para el marco popup*/
.marco {
    padding: 10px;
    -moz-border-radius: inherit;
    -webkit-border-radius: inherit;
    border-radius: 10px;
    box-sizing: border-box;
}

/* Estilo para RadComboBox */
.RadComboBox_Default,
.RadComboBox {
    font-size: 12px;
    font-family: 'Segoe UI', sans-serif;
    /*border: 1px solid #ccc;*/
    border-radius: 4px;
    background-color: #ffffff;
    width: 100%;
    box-sizing: border-box;
    z-index:21000;
}

    .RadComboBox .rcbInput {
        padding: 6px 10px;
    }

    .RadComboBox:hover {
        border-color: #0078d4;
    }

.RadComboBoxFocused {
    border-color: #005a9e !important;
    box-shadow: 0 0 4px rgba(0, 120, 212, 0.3);
}

/* Estilo para RadTextBox */
.RadTextBox_Default,
.RadTextBox {
    font-size: 12px;
    font-family: 'Segoe UI', sans-serif;
    border: 1px solid #ccc;
    padding: 6px 10px;
    border-radius: 4px;
    background-color: #ffffff;
    width: 100%;
    box-sizing: border-box;
}

    .RadTextBox:hover {
        border-color: #0078d4;
    }

    .RadTextBox:focus {
        outline: none;
        border-color: #005a9e;
        box-shadow: 0 0 4px rgba(0, 120, 212, 0.3);
    }


