/* --------------------------------------------------------------------- Labels */

/* Etiqueta descriptiva para control */
.control-label {
    padding: 10px 0px 3px 0px;
    font-size: 16px;
}

/* Errores de validación*/
.control-label-validation {
    padding: 0px 0px 0px 0px;
    font-size: 14px;
    color: red;
}

/* ------------------------------------------------------------------ SfDatePicker SfDropDownList SfTextBox */

/* Tamaño de letra para controles input */
.e-input-group.e-control-wrapper.SfInputControlsDefault .e-input {
    font-size: 18px;
}

/* -------------------------------------------------------------------- SfListBox */

.SfListBoxDefault .e-list-parent .e-list-item {
    line-height: 100px;
    font-size: 18px;
}

/* -------------------------------------------------------------------- SfListView */

/* CssClass="SfListViewItemDefault SfListViewGroupItemDefault" */
.e-listview.SfListViewItemDefault .e-list-item {
    font-size: 18px;
    text-align: center;
}

/* CssClass="SfListViewItemDefault SfListViewGroupItemDefault" */
.e-listview.SfListViewGroupItemDefault .e-list-group-item {
    font-size: 18px;
}

/* -------------------------------------------------------------------- SfRadioButton */

.e-radio-wrapper.SfRadioButtonDefult .e-label {
    font-size: 18px;
}


/* -------------------------------------------------------------------- SfButton */

/* Seccion de botones */
.sfbutton_secction {
    text-align: center;
    max-width: 400px;
    margin: 10px auto;
}

/* Contenido de SfButton */
.sfButton_content {
    font-size: 20px;
}

/* SfButton default con icono y texto */
.sfButton_IconText {
    border-radius: 0;
    height: 48px;
}

/* SfButton default solo icono */
.sfbutton_IconOnly {
    height: 48px;
    width: 48px;
}




/*-------------------------------------*/

.SfButton_IconText_W150 {
    border-radius: 0;
    height: 40px;
    max-width: 150px;
}


.SfButton_IconText_W250 {
    border-radius: 0;
    height: 48px;
    max-width: 250px;
}


.SfButton_IconText_H36Wx {
    border-radius: 0;
    height: 36px;
}

.SfButton_IconText_H36W120 {
    border-radius: 0;
    height: 36px;
    width: 120px;
}

.sfbutton_Icon_H36W36 {
    border-radius: 0;
    height: 48px;
    width: 48px;
}

/*Rev*/
.SfDropDownButton_IconText_H48W200 {
    border-radius: 0;
    height: 48px;
    width: 200px;
}

/* SfRadioButton */
.SfRadioButton_H48W150_MTop0 {
    height: 48px;
    width: 150px;
    margin-top: 0px
}

.SfRadioButton_H36W150_MTop0 {
    height: 36px;
    width: 150px;
    margin-top: 0px
}


/*-------------------------------------*/
.ctrl_WxH36_MTop0 {
    height: 36px;
    margin-top: 0px
}

.ctrl_WxH36_MTop5 {
    height: 36px;
    margin-top: 5px
}

.sfbutton_only_icon {
    height: 36px;
    width: 36px;
    margin-top: 5px;
}


.sfbutton_tollbar_secction {
    text-align: center;
    max-width: 400px;
    margin: 0 auto;
}

.sfbutton_tollbar_onlyicon {
    height: 36px;
    width: 36px;
    margin-top: 5px;
    margin-right: 5px;
}

.SfDropDownButton_toolbar_W200 {
    border-radius: 0;
    height: 36px;
    width: 200px;
    margin-top: 5px
}

.SfButton_toolbar_Wx {
    border-radius: 0;
    height: 36px;
    margin-top: 5px
}

/*.sfbutton_tollbar {
    border-radius: 0;
    height: 36px;*/
/*width: 148px;*/
/*background-color: #007BFF;*/
/*}*/

/*************/
/* SfTextBox */
/*************/

.e-control-wrapper.sfTextBoxUpperCase .e-textbox {
    text-transform: uppercase;
}

/**********/
/* Labels */
/**********/

.control-label18 {
    padding: 10px 0px 3px 0px;
    font-size: 18px;
}





.control-pageheader-title {
    padding: 0px 0px 0px 0px;
    font-size: 12px;
    font-weight: bold;
}

.control-pageheader-subtitle {
    padding: 0px 0px 0px 0px;
    font-size: 12px;
}
/**********/
/* Botones */
/**********/

.sfbutton-min-width {
    min-width: 150px;
}

/***************/
/* Contenedores*/
/***************/
.controlregion {
    margin-top: 3px;
}

.control_wrapper_100 {
    width: 100%;
    margin: 0 auto;
    /*padding: 1%;*/
}

.control_wrapper_mw200 {
    max-width: 200px;
    margin: 0 auto;
    /* padding: 3%;*/
}


.control_wrapper_mw250 {
    max-width: 250px;
    margin: 0 auto;
    /* padding: 3%;*/
}

.control_wrapper_mw300 {
    max-width: 300px;
    margin: 0 auto;
    /* padding: 3%;*/
}

.control_wrapper_mw350 {
    max-width: 350px;
    margin: 0 auto;
    /* padding: 3%;*/
}

.control_wrapper_mw400 {
    max-width: 400px;
    margin: 0 auto;
    /* padding: 3%;*/
}

.control_wrapper_mw450 {
    max-width: 450px;
    margin: 0 auto;
    /* padding: 3%;*/
}

.control_wrapper_mw550 {
    max-width: 550px;
    margin: 0 auto;
    /* padding: 3%;*/
}

.control_wrapper_mw850 {
    max-width: 850px;
    margin: 0 auto;
    /* padding: 3%;*/
}

.control_wrapper_mw950 {
    max-width: 950px;
    margin: 0 auto;
    /* padding: 3%;*/
}



/* (1 * 40) + (0 * 20) + 10 = 50 */
.control_wrapper_toolbar_1B {
    width: 50px;
    margin: 5px auto;
}

/* (2 * 40) + (1 * 20) + 10 = 110 */
.control_wrapper_toolbar_2B1S {
    width: 110px;
    margin: 5px auto;
}

/* (3 * 40) + (1 * 20) + 10 = 155 */
.control_wrapper_toolbar_3B1S {
    width: 155px;
    margin: 5px auto;
}

/* (3 * 40) + (2 * 20) + 10 = 170 */
.control_wrapper_toolbar_3B2S {
    width: 170px;
    margin: 5px auto;
}

/* (4 * 40) + (1 * 20) + 10 = 190 */
.control_wrapper_toolbar_4B1S {
    width: 190px;
    margin: 5px auto;
}

/* (4 * 40) + (2 * 20) + 10 = 210 */
.control_wrapper_toolbar_4B2S {
    width: 210px;
    margin: 5px auto;
}

/* (5 * 40) + (1 * 20) + 10 = 230 */
.control_wrapper_toolbar_5B1S {
    width: 230px;
    margin: 5px auto;
}

/* (5 * 40) + (2 * 20) + 10 = 250 */
.control_wrapper_toolbar_5B2S {
    width: 250px;
    margin: 5px auto;
}

/* (5 * 40) + (3 * 20) + 10 = 270 */
.control_wrapper_toolbar_5B3S {
    width: 270px;
    margin: 5px auto;
}

/* (6 * 40) + (1 * 20) + 10 = 270 */
.control_wrapper_toolbar_6B1S {
    width: 270px;
    margin: 5px auto;
}

/* (6 * 40) + (2 * 20) + 10 = 290 */
.control_wrapper_toolbar_6B2S {
    width: 290px;
    margin: 5px auto;
}

/* (6 * 40) + (3 * 20) + 10 = 290 */
.control_wrapper_toolbar_6B3S {
    width: 310px;
    margin: 5px auto;
}

/* (7 * 40) + (1 * 20) + 10 = 310 */
.control_wrapper_toolbar_7B1S {
    width: 310px;
    margin: 5px auto;
}

/* (7 * 40) + (2 * 20) + 10 = 330 */
.control_wrapper_toolbar_7B2S {
    width: 330px;
    margin: 5px auto;
}

.control_wrapper_toolbar_wmax {
    width: 350px;
    margin: 5px auto;
}

/***********/
/* Secciones */
/***********/

.sfbutton_secction {
    text-align: center;
    margin-top: 5px;
}

.editform-section {
    margin-top: 5px;
}

.SfGrid_section {
    margin-top: 5px;
}

/***************************/
/* Control input Type File */
/***************************/
input[type="file"] {
    display: none;
}

.custom-file-upload {
    border: 1px solid #ccc;
    display: inline-block;
    padding: 6px 12px;
    cursor: pointer;
}