/********************************************
 * BARRA
 ********************************************/

#entorno-barra {
}

#entorno-barra-botones {
    padding: 0;
    margin: 0;
}

#overflow-menu .boton {
    text-align: left;
    padding: 10px;
    border: 1px solid #ccc;
    border-width: 1px 0 0;
    background: transparent;
    cursor: pointer;
    list-style: none;
}

#overflow-menu .boton:hover {
}

#overflow-menu .boton:active {
    border: 1px inset #999;
}

#overflow-menu .separador {
    margin: 4px 10px;
    float: left;
    clear: none;
    border: 1px solid #699;
    width: 0;
    height: 16px;
}

#overflow-menu .boton img {
    width: 16px;
    height: 16px;
}

#barra-botones-version {
    display: table;
    border-spacing: 5px;
}

#barra-botones-version > div > div {
    display: table-cell;
}

#barra-botones-version > div > div + div {
    padding-left: 15px;
    font-weight: normal;
}

#entorno-barra-version {
    display: none;
}

#overflow-menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    z-index: 1000;
}

#overflow-menu > ul {
    position: fixed;
    background-color: #eee;
    width: 270px;
    top: 50px;
    right: 10px;
    z-index: 20;
    border: 0;
    box-shadow: 0 0 10px #999;
}

.holo-action-bar {
    border-color: var(colorPrimario) !important;
    position: fixed;
    border-width: 0 0 2px 0;
    padding: 4px 0px;
}

.holo-drawer-animation img {
    height: 40px;
    vertical-align: middle;
}

.holo-drawer img {
    height: 40px;
    vertical-align: middle;
}

.holo-up img {
    height: 40px;
    vertical-align: middle;
}

.holo-action-bar h1 {
    display: -webkit-box !important;
    display: -moz-box !important;
    display: -ms-flexbox !important;
    display: -webkit-flex !important;
    display: flex !important;
    width: 100% !important;
}

.holo-action-bar input {
    flex: 1;
    width: auto;
    font-size: 100% !important;
    margin: 0 10px 0 0 !important;
    display: inline-flex;
    border-bottom: 1px solid #017DC3 !important;
    border-top: none;
    border-left: none;
    border-right: none;
    line-height: 10px;
    border-width: 0 0 1px 0;
    border-color: #777;
    background-image: url(../img/holo/black/form-tick-active.png), url(../img/holo/black/form-tick-active.png);
    background-repeat: no-repeat, no-repeat;
    background-position: bottom left, bottom right;
    background-color: transparent;
}

.holo-action-bar input {
    border-color: var(colorPrimario);
    background-image: url(../img/holo/black/form-tick-focus.png), url(../img/holo/black/form-tick-focus.png);
}

input.menu-rapido-input {
    background-image: url(../img/holo/black/ic_action_search.png);
    background-size: 32px;
    background-position-y: 6px;
    background-position-x: 6px;
    padding-left: 45px;
}

/* a { */
/*      font-size: 150% !important; */
/*      height: 1.8em; */
/* -    padding: 0 15px; */
/*      margin: 10px 0 !important; */
/* -    border-width: 0 0 1px 0; */
/* -    border-color: #777; */
/* +    padding: 15px; */
/* +    border: 1px #777 solid; */
/*  } */

/********************************************
 * INFORMACION
 ********************************************/

#entorno-informacion {
    background: none !important;
}

#cc select {
    background-color: transparent;
    color: white;
    width: 240px;
    padding: 5px 20px;
    font-size: 16px !important;
    line-height: 1;
    border: 0;
    border-bottom: 1px solid #777;
    height: 34px;
    -webkit-appearance: none;
    background-image: url(../img/holo/black/form-tick-dropdown.png);
    background-repeat: no-repeat;
    background-position: bottom right;
}

#cc select option {
    background: #323949;
    padding: 5px;
}

#cc div {
    text-align: left;

    padding: 15px 25px;
}

.holo-drawer img {
    height: 40px;
    vertical-align: middle;
}

.holo-drawer:before {
    transition: all 0.3s ease-out;
}

.holo-drawer.visible:before {
    margin-left: -20px !important;
}

/********************************************
 * TECLAS
 ********************************************/

#entorno-teclas {
    transition: margin-bottom 0.8s ease-out;
    border-top: 2px solid var(colorPrimario);
    border-bottom: 0;
    padding: 0;
    background: #eee;
    text-align: left;
    position: fixed;
}

#entorno-teclas.hide {
    margin-bottom: -50px;
}

#entorno-teclas .tecla {
    width: 48px;
    height: 48px;
    padding: 2px;
    margin: 0;
    background-color: transparent !important;
    border: 0;
    box-shadow: none;
}

#entorno-teclas .tecla span {
    display: none;
}

#entorno-teclas .tecla.calculadora, .tecla.ayuda, .tecla.salir, .tecla.menu, .boton.nueva, .boton.calculadora, .boton.menu {
    display: none;
}

#entorno-teclas .tecla img {
    height: 35px;
}