@CHARSET "UTF-8";
@import "variables";

/********************************************
 * FORMULARIO
 ********************************************/

*:focus {
    outline: 0;
}

.entorno-formulario-titulo {
    font-size: 14px !important;
    padding: 10px;
}

form > fieldset, form > .fila, form > fieldset > .fila {
    width: 100% !important;
    min-width: 0;
}

form > .fila, form > fieldset > .fila {
}

form > fieldset {
}

legend.holo-divider {
    width: 95%;
}

form > fieldset > div.fila {
}

form > .tab-bar, form > .tab-bar-lcr {
    width: 100%;
    overflow-x: auto;
    padding: 0;
}

.tabla thead .label .buscar {
    color: #FFF !important;
}

fieldset > div.fila {
    padding: 0px !important;
}

table.columnas, table.criteria-group, table.column-group, table.table-group {
    margin: 0;
    width: 100%;
}

table.columnas td span, table.criteria-group td span, table.column-group td span, table.table-group td span {
    padding-left: 10px;
}

table tr:nth-child(odd){
    background: #F0F2FF;
}

table tr:nth-child(even){
    background: #FFF;
}

table.criterios {
    margin: 0 auto !important;
    width: auto;
}

table.table-group {
    margin: 10px 0;

    width: auto;
}

table.table-group tbody input, table.table-group tbody textarea {
    border: 0;
    background-image: none;
    padding: 0.1em;
    margin: 0 !important;
    background: transparent;
}

table.table-group tbody td {
    border: 1px solid #ccc;
    background: white;
}

.table-group thead td.order {
    background-color: $colorPrimario;
}

.table-group thead td input.order {
    border: 0;
    background-image: none;
    background: transparent;
    color: #acf;
    font-size: small !important;
    padding: 0;
    text-align: center;
}

.table-group thead td.label {
    padding: 3px;
}

.table-group tbody td.empty.label {
    background-color: rgba(0, 0, 0, 0);
    padding: 0;
    border: none;
}

.field-label {
    text-transform: uppercase;
    font-size: 120%;
    font-weight: bold;
    color: #555 !important;
    display: block;
}

input, select, textarea {
    font-size: 150% !important;
    height: 1.8em;
    margin: 5px 0 !important;
    padding: 2px;
    border: 1px #777 solid;
    background-repeat: no-repeat, no-repeat;
    background-position: bottom left, bottom right;
    background-color: transparent;
}

input:focus, select:focus, textarea:focus {
    border-color: $colorPrimario;
}

form button.button {
    margin: 0.25em;
    padding: 0.25em;
    background: #cde !important;
    border: 1px solid #ddd !important;
    box-shadow: 0 1px 1px rgba(0,0,0,0.25);
    border-radius: 0.1em !important;
    color: black;
    text-decoration: none;
    text-align: center;
}

.columnas input:not([type="hidden"]), .columnas select:not([type="hidden"]), .columnas textarea:not([type="hidden"]), .columnas button:not([type="hidden"]) {
    margin-left: 15px !important;
    font-size: 150% !important;
}

.columnas input:not([type="hidden"]):only-of-type, .columnas select:not([type="hidden"]):only-of-type, .columnas textarea:not([type="hidden"]):only-of-type, .columnas button:not([type="hidden"]):only-of-type {
    width: 100% !important;
}

.columnas td > input:not([type="hidden"]):first-of-type, .columnas td > select:not([type="hidden"]):first-of-type, .columnas td > textarea:not([type="hidden"]):first-of-type, .columnas td > button:not([type="hidden"]):first-of-type {
    margin-left: 0 !important;
}

input.usaIcono, textarea.usaIcono {
    padding-right: 30px !important;
}

img.asistente-icono {
    margin-left: -30px;
    width: 30px;
    height: 29px;
    border: 1px #222 solid;
}


img.asistente-icono:focus {
    border-color: #017DC3;
}

input[readonly], select[disabled], textarea[readonly] {
    border-width: 1px;
    border-color: #ccc;
    background-repeat: no-repeat, no-repeat;
    background-position: bottom left, bottom right;
    background-color: transparent;
}

input[readonly]:focus, select[readonly]:focus, textarea[readonly]:focus {
    border-color: #ccc;
}

.date-picker-control:link, .date-picker-control:visited {
    margin: -8px 0px 0px -30px !important;
    opacity: 0.9 !important;
    border: 1px blue solid;
    background-image: url(../img/holo/black/ic_action_event.png) !important;
    background-repeat: no-repeat !important;
    background-size: 30px !important;
    height: 30px !important;
    width: 30px !important;
    line-height: 1 !important;
    cursor: pointer !important;
    visibility: visible !important;
    text-decoration: none !important;
    vertical-align: text-top !important;
    resize: none !important;
    border: 1px #676767 solid !important;
}