/**
* 
* http://www.markanthonymiller.com/phpmyfaq/index.php?sid=27911&lang=en&action=artikel&cat=5&id=40&artlang=en
* 
* BootstrapMMExtend_V1.0 (An extension for bootstrap 3.3.4) 
* About BootstrapMMExtend_V1.0: 'for Control of grid and visibility between Portrait and landscape views on devices less than 768px in width'
*
* Editado para agregar offset
* TODO: hacer que se genere automáticamente en base a las reglas del config.json de bootstrap
* Probablemente no se necesite este archivo para bootstrap 4
*/
.visible-xxs {
    display: none!important;
    visibility: hidden
}

.hidden-xxs {
    display: block;
    visibility: visible
}

@media screen and (max-width: 479px) {
    .visible-xxs {
        display:block!important;
        visibility: visible!important
    }

    .hidden-xxs {
        display: none!important;
        visibility: hidden!important
    }

    .col-xxs-1,.col-xxs-10,.col-xxs-11,.col-xxs-12,.col-xxs-2,.col-xxs-3,.col-xxs-4,.col-xxs-5,.col-xxs-6,.col-xxs-7,.col-xxs-8,.col-xxs-9 {
        position: relative;
        min-height: 1px;
        padding-right: 10px;
        padding-left: 10px
    }

    .col-xxs-1,.col-xxs-10,.col-xxs-11,.col-xxs-2,.col-xxs-3,.col-xxs-4,.col-xxs-5,.col-xxs-6,.col-xxs-7,.col-xxs-8,.col-xxs-9 {
        float: left
    }

    .col-xxs-1 {
        width: 8.333333333333332%
    }

    .col-xxs-2 {
        width: 16.666666666666664%
    }

    .col-xxs-3 {
        width: 25%
    }

    .col-xxs-4 {
        width: 33.33333333333333%
    }

    .col-xxs-5 {
        width: 41.66666666666667%
    }

    .col-xxs-6 {
        width: 50%
    }

    .col-xxs-7 {
        width: 58.333333333333336%
    }

    .col-xxs-8 {
        width: 66.66666666666666%
    }

    .col-xxs-9 {
        width: 75%
    }

    .col-xxs-10 {
        width: 83.33333333333334%
    }

    .col-xxs-11 {
        width: 91.66666666666666%
    }

    .col-xxs-12 {
        width: 100%
    }

    .col-xxs-push-1 {
        left: 8.333333333333332%
    }

    .col-xxs-push-2 {
        left: 16.666666666666664%
    }

    .col-xxs-push-3 {
        left: 25%
    }

    .col-xxs-push-4 {
        left: 33.33333333333333%
    }

    .col-xxs-push-5 {
        left: 41.66666666666667%
    }

    .col-xxs-push-6 {
        left: 50%
    }

    .col-xxs-push-7 {
        left: 58.333333333333336%
    }

    .col-xxs-push-8 {
        left: 66.66666666666666%
    }

    .col-xxs-push-9 {
        left: 75%
    }

    .col-xxs-push-10 {
        left: 83.33333333333334%
    }

    .col-xxs-push-11 {
        left: 91.66666666666666%
    }

    .col-xxs-pull-1 {
        right: 8.333333333333332%
    }

    .col-xxs-pull-2 {
        right: 16.666666666666664%
    }

    .col-xxs-pull-3 {
        right: 25%
    }

    .col-xxs-pull-4 {
        right: 33.33333333333333%
    }

    .col-xxs-pull-5 {
        right: 41.66666666666667%
    }

    .col-xxs-pull-6 {
        right: 50%
    }

    .col-xxs-pull-7 {
        right: 58.333333333333336%
    }

    .col-xxs-pull-8 {
        right: 66.66666666666666%
    }

    .col-xxs-pull-9 {
        right: 75%
    }

    .col-xxs-pull-10 {
        right: 83.33333333333334%
    }

    .col-xxs-pull-11 {
        right: 91.66666666666666%
    }
	.col-xxs-offset-0 {
		margin-left: 0
	}
	.col-xxs-push-0{
		left:auto
	}
	.col-xxs-pull-0{
		right:auto
    }

    /* Make aligning text responsive */

    .text-left-not-xxs, .text-center-not-xxs, .text-right-not-xxs, .text-justify-not-xxs {
        text-align: inherit;
    }
    .text-left-xxs {
        text-align: left;
    }
    .text-center-xxs {
        text-align: center;
    }
    .text-right-xxs {
        text-align: right;
    }
    .text-justify-xxs {
        text-align: justify;
    }
}