*{
        margin: 0;
        padding: 0;
        font-family: 'Open Sans Condensed', sans-serif;
}

body{
        padding-bottom: 100px;
        min-height: 150px;
        margin-top: 45px;
}

.logo.index{
        background: url(/imagenes/BitManagerClient.png) no-repeat;
        background-size: 256px;
        width: 256px;
        height: 300px;
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -150px 0 0 -128px;
        display: none;
}

.logo.index.static{
        display: block; 
        opacity: 0.15;
}

#login.static{
       display: table !important; 
}


div, button{
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
}
button{
        height: 30px !important;
        border: 0;
        padding-bottom: 10px !important;
}

#top center{
        margin: 0 0 -36px 0;
}

header{
        width: 100%;
        height: 40px;
        z-index: 9999;
        position: fixed;
        top: 0px;
        left:0px;
}

header h2{
        right: 185px;
        position: absolute;
        display: none;
	margin-top: 5px;
}

.login header h2{
        right: 10px;
        display: block;
}

header h2 label{
        font-size: 18px;
        vertical-align: top;
}

#top form{
        float: left;
        
}

#top form input{
        margin: 6px 5px;
}


#top .logout{
        float: right;
}

nav#top {
        position: absolute;
        top: 0px;
        width: 100%;
}

nav#mobile {
        position: absolute;
        top: 0px;
        left: -350px;
        width: 350px;
        z-index: 999;
        text-align: center;
        padding: 15px 0;
        display: none;
}

nav#mobile form input{
        margin: 5px 5px;
        padding: 5px 10px;
        height: 34px
}

nav#mobile #abrir_menu{
        width: 50px;
        height: 40px;
        position: absolute;
        top: 0px;
        right: -50px;
        cursor: pointer;
        background: url(/imagenes/iconos/apertura_menu.png) 10px 5px no-repeat;
        background-size: 30px;
}

nav#mobile form{
    display: inline-block;
    float: left;
}

nav#mobile form.logout input[type=submit]{
    background: #536D87;
}

#fueraMenu{
        z-index: 999;
}

.logo_mbc{
        background: url(/imagenes/logo-mbc.png) no-repeat;
        position: fixed;
        bottom: 20px;
        right: 20px;
        margin: 0px 0 0 0px;
        width: 150px;
        height: 44px;
        background-size: 50px 44px;
        font-size: 10px;
        display: table;
        text-align: right;
        background-position: 100px 0px;
        z-index: -1;
        cursor: pointer;
}

.logo_mbc label{
        display: table-cell;
        padding: 40px 0 0 0;
        cursor: pointer;
}

.content{
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        padding: 10px 10px 10px 10px;
        margin: 5px;
        max-width: 740px;
        position: relative;
}

.concep-presu {
        border-spacing: 0px;
        margin: 0 10px 10px 0;
}
.concep-presu td,
.concep-presu th{
        border: 1px solid;
        text-align: left;
        padding: 0 2px;
        font-size: 14px;
}

.concep-presu td input{
        border: 0 !important;
}

body > .titulo{
        padding: 5px 0;
        font-weight: 600;
        display: inline-block;
        text-transform: uppercase;
	margin: 10px 10px 0px 10px;
}

.row{
        padding: 0px 40px 0px 0px;
        position: relative;
        height: auto;
        /*display: inline-block;*/
        max-width: 700px;
        margin: 10px 0;
        overflow: hidden;
}

.row.nuevo{
        /*top: 40px;*/
        /*visibility: hidden;*/
        display: none;
}

.row .titulo{
        padding: 10px 11px 9px 10px;
        cursor: pointer;
	min-height: 21px;
}

.row .titulo.sinhover{
        cursor: default;
}

.row .bloque .titulo{
        display: inline-block;
        width: 100%;
        border-bottom: 1px solid;
        padding: 5px 0;
        margin: 0 0 5px 0;
}

.row div input,
.row div textarea{
        padding: 2px 5px;
        margin: 5px 0px;
        background: transparent;
        cursor: default;
        border: 1px solid;
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
}

.row div label{
        font-size: 14px;
}

.row .aceptado,
.row .no-aceptado,
.row .pendiente,
.row .finalizado,
.row .produccion{
    border-radius: 2px 0 0 2px;
    -webkit-border-radius: 2px 0 0 2px;
    -moz-border-radius: 2px 0 0 2px;
    border-left: 8px solid;
    height: 100px;
    margin-top: -100px;
    width: 0;
}

label.bottom{
        display: inline-block;
        margin-bottom: 5px;
}

.texto_input{
        float: left;
        margin: 0 10px 0 0;
		display: table;
}

.texto_input label{
        margin-left: 0px;
		display: table-cell;
		vertical-align: middle;
}

.texto_input label{
        margin: 5px 5px 5px 0px;
}

.concepto.total{
        margin-right: 20px;
        width: auto;
        border: 0px;
}

.content .input1{
        width: 40px
}
.content .input2{
        width: 60px;
}
.content .input3{
        width: 100px;
}
.content .input4{
        width: 150px;
}
.content .input5{
        width: 250px;
}
.content .input5b{
        width: 350px;
}
.content .input6{
        width: 450px;
}

.conceptos{
        position: relative;
        /*display: inline-block;*/
        padding-right: 20px;
        margin: 5px 0 10px 0;
}

.concepto{
        position: relative;
        border-top: 1px dotted;
        border-bottom: 1px dotted;
        border-radius: 0px;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        /*padding: 1px 0;*/
        margin: 0px 0 -5px 0;
        display: inline-block;
        width: 100%;
}

.concepto input,
.concepto select,
.concepto .select-editable,
.concepto label{
        float: left;
}

.concepto label{
        height: 17px;
        margin: 5px 0;
        padding: 2px 0;
}

input[type=checkbox],
input[type=radio]{
        height: 21px;
        cursor: pointer !important;
}

input[type=checkbox].right,
input[type=radio].right{
	margin-right: 3px !important; 
}

input[type=checkbox].left,
input[type=radio].left{
	margin-left: 3px !important; 
}

input.last,
select.last{
	margin-right: 45px;
}

.row div .concepto.label input{
        border: 1px solid transparent !important;
        padding: 2px 0 !important;
        width: 70px;
        float: left;
        margin: 5px 0 0 0;
}

.mas-concepto{
        width: 30px;
        height: 30px;
        position: absolute;
        left: -35px;
        top: 0px;
        cursor: pointer;
        background: url(/imagenes/iconos/mas-concepto.png) 0 -30px no-repeat;
        background-size: 30px;
}

.menos-concepto{
        width: 30px;
        height: 30px;
        position: absolute;
        left: -35px;
        top: 0px;
        cursor: pointer;
        background: url(/imagenes/iconos/eliminar.png) 0 -30px no-repeat;
        background-size: 30px;
}

.mas-concepto.disabled,
.menos-concepto.disabled{
        display: none;
}

.row div select,
.concepto .select-editable select{
        -webkit-appearance:none;
        -moz-appearance:none;
        appearance:none;
        margin: 5px 0px;
        padding: 0px 4px;
        -webkit-transition: background 0.5s ease-in-out, border 0.5s ease-in-out;
        -moz-transition: background 0.5s ease-in-out, border 0.5s ease-in-out;
        -o-transition: background 0.5s ease-in-out, border 0.5s ease-in-out;
        -ms-transition: background 0.5s ease-in-out, border 0.5s ease-in-out;
        transition: background 0.5s ease-in-out, border 0.5s ease-in-out;
}

.row input:focus,
.row select:focus{
        outline: none;
}

.row .titulo input,
.row .titulo select{
        cursor: pointer;
        margin: 0px;
}

.content.facturas .row .titulo input{
        cursor: pointer;
        margin: 0px;
}
.content.facturas .row .titulo select{
        height: 21px;
}

.row .modificar{
        width: 30px;
        height: 30px;
        position: absolute;
        right: 5px;
        top: 5px;
        cursor: pointer;
        background: url(/imagenes/iconos/lapiz.png) 0 -30px no-repeat;
        background-size: 30px;
}

.row .guardar{
        width: 30px;
        height: 30px;
        display: none;
        position: absolute;
        right: 5px;
        bottom: 5px;
        cursor: pointer;
        background: url(/imagenes/iconos/guardar.png) 0 -30px no-repeat;
        background-size: 30px;
}

.row .ver_facturas,
.row .ver_presupuestos,
.row .ver_cliente,
.row .generar,
.row .descargar,
.row .imprimir,
.row .correo,
.row .whatsapp,
.row .prefactura{
        width: 90px;
        height: 20px;
        position: absolute;
        left: 10px;
        bottom: 5px;
        cursor: pointer;
        display: none;
        padding: 7px 5px 3px 5px;
        text-align: center;
        font-size: 13px;
}

.row .correo,
.row .generar,
.row .descargar,
.row .imprimir,
.row .whatsapp,
.row .prefactura{
        width: 30px;
        height: 16px;
        left: 100px;
        padding: 7px 5px 7px 5px;
}

.row .whatsapp{
        left: 190px;
}

.row .prefactura{
        left: 235px;
}

.row .generar{
        left: 10px;
}

.row .descargar{
        left: 55px;
}
        
.row .imprimir{
        left: 145px;
}

.row .ver_presupuestos{
        left: 115px;
}

.row .eliminar,
.row .cancelar{
        width: 30px;
        height: 30px;
        position: absolute;
        display: none;
        right: 40px;
        bottom: 5px;
        cursor: pointer;
        background: url(/imagenes/iconos/eliminar.png) 0 -30px no-repeat;
        background-size: 30px;
}

.row .cancelar{
        background: url(/imagenes/iconos/cancelar.png) 0 -30px no-repeat;
        background-size: 30px;
}

.descripcion{
        width: 100%;
        min-height: 100px;
        display: none;
        padding: 11px 11px 60px 10px;
}

.izq .descripcion{
        padding: 11px 11px 60px 40px;
}

.descripcion .bloque,
.content>.bloque{
        margin: 0px 0;
        float: none;
        display: inline-block;
        width: 100%;
}

.bloque.addClient{
        /*border-top: 1px dotted;*/
        border-bottom: 1px dotted;
        border-radius: 0px;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        margin: 0 20px 20px 0 !important;
        display: none;
        width: auto !important;
        padding-bottom: 10px;
}

.confirmacion,
.confirmacion_correo{
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        display: none;
        z-index: 9;
}

.confirmacion .titulo{
        padding: 20px 20px 5px 10px;
        font-weight: 600;
}

.confirmacion .subtitulo{
        padding: 5px 20px 20px 30px;
}

.confirmacion_si,
.confirmacion_no{
        width: 90px;
        height: 20px;
        position: absolute;
        left: 10px;
        bottom: 5px;
        cursor: pointer;
        padding: 7px 5px 3px 5px;
        text-align: center;
        font-size: 13px;
}

.confirmacion_no{
        left: 115px;
}

.confirmacion_correo .bloque{
        padding: 11px 0 0 11px;
}

.confirmacion_si.sinpos,
.confirmacion_no.sinpos{
        position: inherit;
}

textarea{
        resize: none;
        height: 64px;
        padding: 2px 3px;
}

.cargando{
        width: 30px;
        height: 30px;
        position: absolute;
        display: none;
        right: 80px;
        bottom: 5px;
        cursor: pointer;
        /*padding: 7px 5px 3px 5px;*/
        /*background: url(../imagenes/cargando.gif) no-repeat;
        background-size: 30px;*/
}
.cargando img{
        width: 30px;
        height: 30px;
}

.row .info{
        width: auto;
        height: auto;
        position: absolute;
        display: none;
        left: 10px;
        bottom: 35px;
        cursor: pointer;
        padding: 7px 5px 3px 0px;
        font-size: 14px;
        z-index: 999;
}

.row .info.bajo{
   bottom: 5px;     
}

.row .info.alto{
   bottom: 125px;     
}

.content .add-row{
        width: 30px;
        height: 30px;
        position: absolute;
        right: 10px;
        top: 10px;
        cursor: pointer;
        background: url(/imagenes/iconos/mas.png) 0 -30px no-repeat;
        background-size: 30px;
}

header .refresh-page{
        width: 30px;
        height: 30px;
        position: absolute;
        left: 215px;
        bottom: 5px;
        cursor: pointer;
        background: url(/imagenes/iconos/refresh.png) 0 -30px no-repeat;
}

.login header .refresh-page{
        display: none;
}

header .cerrar-pdf{
        display: none;
        width: 30px;
        height: 30px;
        position: absolute;
        left: 260px;
        bottom: 5px;
        cursor: pointer;
        background: url(/imagenes/iconos/cancelar.png) 0 -30px no-repeat;
}

header .paginacion_izquierda{
        display: none;
        width: 30px;
        height: 30px;
        position: absolute;
        left: 325px;
        bottom: 5px;
        cursor: pointer;
        background: url(/imagenes/iconos/paginacion_izquierda.png) 0 -30px no-repeat;
}

header .paginacion_derecha{
        display: none;
        width: 30px;
        height: 30px;
        position: absolute;
        left: 370px;
        bottom: 5px;
        cursor: pointer;
        background: url(/imagenes/iconos/paginacion_derecha.png) 0 -30px no-repeat;
}

#login{
        width:330px;
        height: 230px;
        position: absolute;
        top: -500px;
        z-index: 999;
        /*-webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;*/
        display: none;
}

input[type="text"],
input[type="password"],
input[type="date"]{
        /*height: 15px;*/
        width: 188px;
        margin: 10px 5px;
        padding: 5px;
        border-radius: 1px;
        -webkit-border-radius: 1px;
        -moz-border-radius: 1px;
        border-style: solid;
        border-width: 1px;
}

select{
        height: 21px;
        width: 200px;
        margin: 10px 5px;
        padding: 0px;
        border-radius: 1px;
        -webkit-border-radius: 1px;
        -moz-border-radius: 1px;
        border: 1px solid;
}

.filtro_clientes{
        margin: 0px 0;
        display: none;
}

.filtro{
        margin: 5px 5px 5px 0px;
        float: left;
}

.selectize-dropdown [data-selectable],
.selectize-dropdown .optgroup-header{
        padding: 5px 12px !important;
}

.selectize-control{
        font-size: 14px;
        line-height: 14px;
        height: 21px;
        width: 250px;
}

.content>.bloque>.selectize-control,
.limite_paginacion{
        margin: 5px 5px 5px 0px;
        float: left;
}

.row .titulo .selectize-control{
	float: left;
	margin-right: 10px;
}

.row .titulo input[name=numero],
select{
	float: left;
	margin-right: 10px;
}

.row .selectize-control{
        /*top: -21px;
        left: 80px;
        margin-bottom: -21px;
        width: 190px;*/
}

.selectize-input{
        padding: 2px 5px !important;
        min-height: 21px !important;
        border-radius: 0px !important;
        -webkit-border-radius: 0px !important;
        -moz-border-radius: 0px !important;
        line-height: 14px !important;
        max-height: 21px;
}

.row .titulo .selectize-input.locked{
        cursor: default !important;
}

.selectize-input.focus{
        outline: none !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
}

.selectize-control.single .selectize-input:after{
        right: 5px !important;
}

.compartir{
	display: none;
}

input[type="submit"]{
        padding: 4px 10px;
        height: 27px;
        margin: 10px 5px;
        border-radius: 1px;
        -webkit-border-radius: 1px;
        -moz-border-radius: 1px;
        border: 0px;
        cursor: pointer;
        text-decoration: none;
        width: 165px;
}

#login input[type="submit"]{
        width: 200px;
}

input[type="submit"]:hover{
        /*box-shadow: 1px 1px 2px rgba(0,0,0,0.2);*/
}

form.login{
        display: table-cell;
        vertical-align: middle;
}

form.login h3{
        /*margin: -15px 5px 20px 5px;*/
        text-transform: uppercase;
}

form.login input{
       display: block;
}

.unselectable {
       -webkit-touch-callout: none;
       -webkit-user-select: none;
       -khtml-user-select: none;
       -moz-user-select: none;
       -ms-user-select: none;
       user-select: none;
}

.write:not([disabled]){
        cursor: text !important;
}

.inputStyle{
        padding: 2px 5px !important;
}

select.inputStyle{
        padding: 0px 0px !important;
        -webkit-appearance:menulist !important;
        -moz-appearance:menulist !important;
        appearance:menulist !important;
        height: 21px !important;
}

#visor-pdf{
        display: none;
        width: 470px;
        height: 700px;
        border: 0;
        position: fixed;
        top: 40px;
        left: 785px;
	margin: 5px;
        z-index: 999;
}

#selectTop option{
    font-size: 14px;
}

#selectTop{
    font-size: 14px;
}

table.precio_estados td {
	padding-right: 10px;
}

.select-editable {
    position:relative;
    background-color:white;
    /*border:solid black 1px;*/
    height:19px;
    border-radius: 0px;
    margin: 5px 0;
}
.select-editable select {
    position:absolute;
    top:0px;
    left:0px;
    /*border:none !important;*/
    margin:0 !important;
}
.select-editable input {
    position:absolute;
    top:0px;
    left:0px;
    width:90%;
    height: 21px;
    margin: 0px !important;
    padding: 0 0 0 5px !important;
    border:none !important;
    background: white;
}
.select-editable select:focus, .select-editable input:focus {
    outline:none;
}