.text-right-left {
    text-align:right !important;
}

/*Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
    .text-right-left {
        text-align: left !important;
    }
}

/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767.98px) {
    .text-right-left {
        text-align: left !important;
    }
}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991.98px) {
    .text-right-left {
        text-align: left !important;
    }
}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199.98px) {
    .text-right-left {
        text-align: right !important;
    }
}

/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
    .text-right-left {
        text-align: right !important;
    }
}

#zona {
    border: 3px dotted blue !important;
    padding: 30px;
    text-align: center;
    min-height: 40px;
    vertical-align: middle;
}

.btn-file {
    position: relative;
    overflow: hidden;
}

    .btn-file input[type=file] {
        position: absolute;
        top: 0;
        right: 0;
        min-width: 100%;
        min-height: 100%;
        font-size: 100px;
        text-align: right;
        filter: alpha(opacity=0);
        opacity: 0;
        outline: none;
        background: white;
        cursor: inherit;
        display: block;
    }

.btn.btn-xsm {
    padding: .18rem .5rem;
    font-size: .675rem;
}

.btn-outline-secondary {
    padding: 22px 20px !important;
}

.bloques {
    width: 100%;
    height: auto;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
}

.bloques-zoom {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    cursor:pointer;
}

    .modal-lg2 {
        max-width: 900px;
        min-height: 600px;
    }

.gj-icon {
    font-size: 18px !important;
}

.gj-editor-md [role=toolbar] .gj-button-md {
    min-width: 30px !important;
}

.gj-editor [role=body] {
    min-height: 300px;
}