
.background_panio {
    background:url(../img/ventanas/vidrio.png);
    background-repeat: no-repeat;
    -webkit-background-size: cover; /* For WebKit*/
    -moz-background-size: cover;    /* Mozilla*/
    -o-background-size: cover;      /* Opera*/
    background-size: cover;         /* Generic*/
}

.border_marco_ventana {
    border: silver 10px solid;
    border-image-source: url("../img/ventanas/marco_ventana.png");
    border-image-slice: 10;
    text-align: justify;
    margin: 0px auto;
}

.border_marco_panio {
    border: silver 20px solid;
    border-image-source: url("../img/ventanas/marco_panio.png");
    border-image-slice: 20;
    text-align: center;
    position: absolute;
}

.rotar90 {
    /* Safari */
    -webkit-transform: rotate(-90deg);
    /* Firefox */
    -moz-transform: rotate(-90deg);
    /* IE */
    -ms-transform: rotate(-90deg);
    /* Opera */
    -o-transform: rotate(-90deg);
    /* Internet Explorer */
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

.nopadding {
    padding: 0px !important;
    margin: 0px !important;
}

.background_lienzo {
    background-color: #f3f3f4; 
    padding: 20px; 
    text-align: center; 
    width: 100%; 
    height: 600px;
    overflow-x: auto;
}

.acc_izquierda {
    position: absolute;
    left: -36px;
    top: 50%;
    /* Safari */
    -webkit-transform: rotate(+90deg);
    /* Firefox */
    -moz-transform: rotate(+90deg);
    /* IE */
    -ms-transform: rotate(+90deg);
    /* Opera */
    -o-transform: rotate(+90deg);
    /* Internet Explorer */
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

.acc_derecha {
    position: absolute;
    right: -34px;
    top: 50%;
    /* Safari */
    -webkit-transform: rotate(+90deg);
    /* Firefox */
    -moz-transform: rotate(+90deg);
    /* IE */
    -ms-transform: rotate(+90deg);
    /* Opera */
    -o-transform: rotate(+90deg);
    /* Internet Explorer */
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

.acc_arriba {
    position: absolute;
    top: -19px;
    left: 40%;
}

.acc_abajo {
    position: absolute;
    bottom: -21px;
    left: 40%;
}

.medida_abajo {
    position: absolute;
    background-color: #fff;
    padding: 0px 6px;
    bottom: 0px;
    left: 40%;
}

.medida_izquierda {
    position: absolute;
    background-color: #fff;
    padding: 0px 9px;
    left: -8px;
    top: 50%;

    /* Safari */
    -webkit-transform: rotate(-90deg);
    /* Firefox */
    -moz-transform: rotate(-90deg);
    /* IE */
    -ms-transform: rotate(-90deg);
    /* Opera */
    -o-transform: rotate(-90deg);
    /* Internet Explorer */
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

.edit-celda > .sk-spinner {
    display: none;
}

.edit-celda.sk-loading {
    position: relative;
}

.edit-celda.sk-loading:after {
    content: '';
    background-color: rgba(255, 255, 255, 0.7);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.edit-celda.sk-loading > .sk-spinner {
    display: block;
    position: absolute;
    top: 40%;
    left: 0;
    right: 0;
    z-index: 2000;
}

.lock {
    background-image: url(../img/ventanas/lock.png);
    width: 30px;
    height: 30px;
    border: none;
}

.lock:hover {
    background-image: url(../img/ventanas/lock_hover.png);
}

.lock-checked {
    background-image: url(../img/ventanas/lock_checked.png);
    width: 30px;
    height: 30px;
    border: none;
}
