﻿/* Container-fluid with no margin */
.container-nowrap {width: 100%; margin-right: auto; margin-left: auto; padding-right: 0px; padding-left: 0px;}
.container-nowrap .row {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: nowrap; margin-right: 0px; margin-left: 0px;}
.container-nowrap .row div[class^="col-"]:first-child {padding-right: 15px; padding-left: 0px;}
.container-nowrap .row div[class^="col-"]:not(:first-child):not(:last-child) {padding-right: 15px; padding-left: 15px;}
.container-nowrap .row div[class^="col-"]:last-child {padding-right: 0px; padding-left: 15px;}

@media (max-width:768px) {
    .container-nowrap .row div[class^="col-"]:first-child {padding-right: 5px; padding-left: 0px;}
    .container-nowrap .row div[class^="col-"]:not(:first-child):not(:last-child) {padding-right: 5px; padding-left: 5px;}
    .container-nowrap .row div[class^="col-"]:last-child {padding-right: 0px; padding-left: 5px;}
}

@media (max-width:576px) {
    .container-nowrap .row div[class^="col-"]:first-child {padding-right: 1px; padding-left: 0px;}
    .container-nowrap .row div[class^="col-"]:not(:first-child):not(:last-child) {padding-right: 1px; padding-left: 1px;}
    .container-nowrap .row div[class^="col-"]:last-child {padding-right: 0px; padding-left: 1px;}
}

/* container-fluid-custom */

.container-fluid.container-fluid-custom {padding-right:60px; padding-left:60px;}

@media (max-width:1200px) {
    .container-fluid.container-fluid-custom {padding-right:15px; padding-left:15px;}
}

/* xxl - Container */

@media (min-width:1448px) {
    .container.container-xxl {min-width:87%;}
}

/* xxl - Columnas */

@media (min-width:1448px) {

    div[class^="col-xxl"] {
        padding-right: 15px;
        padding-left: 15px;
        position: relative;
        min-height: 1px;
        width: 100%;
    }

    .col-xxl {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }

    .col-xxl-12 {-webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%;}
    .col-xxl-11 {-webkit-box-flex: 0; flex: 0 0 91.666667%; max-width: 91.666667%;}
    .col-xxl-10 {-webkit-box-flex: 0; flex: 0 0 83.333333%; max-width: 83.333333%;}
    .col-xxl-9 {-webkit-box-flex: 0; flex: 0 0 75%; max-width: 75%;}
    .col-xxl-8 {-webkit-box-flex: 0; flex: 0 0 66.666667%; max-width: 66.666667%;}
    .col-xxl-7 {-webkit-box-flex: 0; flex: 0 0 58.333333%; max-width: 58.333333%;}
    .col-xxl-6 {-webkit-box-flex: 0; flex: 0 0 50%; max-width: 50%;}
    .col-xxl-5 {-webkit-box-flex: 0; flex: 0 0 41.666667%; max-width: 41.666667%;}
    .col-xxl-4 {-webkit-box-flex: 0; flex: 0 0 33.333333%; max-width: 33.333333%;}
    .col-xxl-3 {-webkit-box-flex: 0; flex: 0 0 25%; max-width: 25%;}
    .col-xxl-2 {-webkit-box-flex: 0; flex: 0 0 16.666667%; max-width: 16.666667%;}
    .col-xxl-1 {-webkit-box-flex: 0; flex: 0 0 8.333333%; max-width: 8.333333%;}
}
