/*
- Antes de crear clases en este archivo se debe checkear que no estén siendo usadas en ninguna otra hoja de estilos incluida en index.html
- Las clases creadas acá se deben indentificar como i-nombre-clase
- En ningun caso se deben aplicar modificaciones a clases existentes (sobrescribir clases). 
*/

.i-input-custom {
    border: 0;
}

.i-input-custom:focus {
    outline: 0;
}

.i-picker-marco {
    border: solid 2px rgb(140, 140, 140);
    height: 65vh;
    overflow-y: auto;
    word-wrap: break-word;
    margin: 5px 0 10px 0
}

.i-picker-item {
    display: table-cell;
    border-top: solid 1px rgb(180, 180, 180);
    border-bottom: solid 1px rgb(180, 180, 180);
    padding: 6px 15px;
    background-color: none;
    position: relative;
    left: 0px;
    transition: left 0.25s ease 0s
}

.i-highlight:hover {
    background-color: rgb(230, 230, 230);
    box-shadow: 2px 2px 7px rgb(140, 140, 140);
    /* font-size: 15.5px; */
    font-weight: 500;
}

.i-rounded-5 {
    border-radius: 5px;
}

.i-rounded-10 {
    border-radius: 10px;
}

.i-rounded-15 {
    border-radius: 15px;
}

.i-td,
.i-th {
    padding: 8px 15px;
}

.i-container-90 {
    width: 90%;
    margin: auto;
}

.i-container-80 {
    width: 80%;
    margin: auto;
}

.light-border {
    border: 1px solid rgba(0, 0, 0, 0.12);
}

.light-border-left {
    border-left: 1px solid rgba(0, 0, 0, 0.12);
}

.light-border-right {
    border-right: 1px solid rgba(0, 0, 0, 0.12);
}

.light-border-bottom {
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

.light-border-top {
    border-top: 1px solid rgba(0, 0, 0, 0.12);
}

.divider-i {
    margin: 15px 0px !important;
    border-bottom: 1px solid rgb(180,180,180) !important;
    box-shadow: 0 0 2px rgb(180,180,180) !important;
}

.i-vertical-tabs li {
    display: table !important; 
    text-wrap: wrap !important; 
    line-height: normal !important; 
    width: 100% !important; 
    height: 100% !important;
}

.i-vertical-tabs li a {
    display: table-cell !important; 
    vertical-align: middle !important; 
    text-align: center !important; 
    padding: 15px !important;
}

.i-clickable {
    cursor: pointer;
    text-decoration: underline;
}

.fs-i-12 {
    font-size: 12px !important;
}

.fs-i-14 {
    font-size: 14px !important;
}