/* The goal of a Spacing stylesheet is to set a default styles for SPACING IN BETWEEN COMPONENTS. */

/* v1.0 | CIBER INDIA - GENERIC*/

.ml-0 {
    margin-left: 0 !important;
}
.ml-1 {
    margin-left: 5px;
}
.ml-2 {
    margin-left: 10px;
}
.ml-3 {
    margin-left: 15px;
}
.ml-4 {
    margin-left: 20px;
}
.ml-5 {
    margin-left: 25px;
}
.ml-6 {
    margin-left: 30px;
}
.ml-7 {
    margin-left: 50px;
}

.mt-0 {
    margin-top: 0px !important;
}
.mt-1 {
    margin-top: 5px;
}
.mt-2 {
    margin-top: 10px;
}
.mt-3 {
    margin-top: 15px;
}
.mt-4 {
    margin-top: 20px;
}
.mt-5 {
    margin-top: 25px;
}
.mt-6 {
    margin-top: 30px;
}
.mt-7 {
    margin-top: 50px;
}
.mb-0 {
    margin-bottom: 0px !important;
}
.mb-1 {
    margin-bottom: 5px;
}
.mb-2 {
    margin-bottom: 10px;
}
.mb-3 {
    margin-bottom: 15px;
}
.mb-4 {
    margin-bottom: 20px;
}
.mb-5 {
    margin-bottom: 25px;
}
.mb-6 {
    margin-bottom: 30px;
}
.mb-7 {
    margin-bottom: 50px;
}
.mt-n1 {
    margin-top: -5px;
}
.mt-n2 {
    margin-top: -10px;
}
.mt-n3 {
    margin-top: -15px;
}
.mt-n4 {
    margin-top: -20px;
}
.mt-n5 {
    margin-top: -25px;
}
.mt-n6 {
    margin-top: -30px;
}
.mt-n7 {
    margin-top: -50px;
}
@media only screen and (min-width: 768px) {
    .ml-md-0 {
        margin-left: 0 !important;
    }
    .ml-md-1 {
        margin-left: 5px;
    }
    .ml-md-2 {
        margin-left: 10px;
    }
    .ml-md-3 {
        margin-left: 15px;
    }
    .ml-md-4 {
        margin-left: 20px;
    }
    .ml-md-5 {
        margin-left: 25px;
    }
    .ml-md-6 {
        margin-left: 30px;
    }
    .ml-md-7 {
        margin-left: 50px;
    }
    .mt-md-0 {
        margin-top: 0px !important;
    }
    .mt-md-1 {
        margin-top: 5px;
    }
    .mt-md-2 {
        margin-top: 10px;
    }
    .mt-md-3 {
        margin-top: 15px;
    }
    .mt-md-4 {
        margin-top: 20px;
    }
    .mt-md-5 {
        margin-top: 25px;
    }
    .mt-md-6 {
        margin-top: 30px;
    }
    .mt-md-7 {
        margin-top: 50px;
    }
    .mb-md-0 {
        margin-bottom: 0px !important;
    }
    .mb-md-1 {
        margin-bottom: 5px;
    }
    .mb-md-2 {
        margin-bottom: 10px;
    }
    .mb-md-3 {
        margin-bottom: 15px;
    }
    .mb-md-4 {
        margin-bottom: 20px;
    }
    .mb-md-5 {
        margin-bottom: 25px;
    }
    .mb-md-6 {
        margin-bottom: 30px;
    }
    .mb-md-7 {
        margin-bottom: 50px;
    }
    .mt-md-n1 {
        margin-top: -5px;
    }
    .mt-md-n2 {
        margin-top: -10px;
    }
    .mt-md-n3 {
        margin-top: -15px;
    }
    .mt-md-n4 {
        margin-top: -20px;
    }
    .mt-md-n5 {
        margin-top: -25px;
    }
    .mt-md-n6 {
        margin-top: -30px;
    }
    .mt-md-n7 {
        margin-top: -50px;
    }    
}

@media only screen and (min-width: 992px) {
    .ml-lg-0 {
        margin-left: 0 !important;
    }
    .ml-lg-1 {
        margin-left: 5px;
    }
    .ml-lg-2 {
        margin-left: 10px;
    }
    .ml-lg-3 {
        margin-left: 15px;
    }
    .ml-lg-4 {
        margin-left: 20px;
    }
    .ml-lg-5 {
        margin-left: 25px;
    }
    .ml-lg-6 {
        margin-left: 30px;
    }
    .ml-lg-7 {
        margin-left: 50px;
    }
    .mt-lg-0 {
        margin-top: 0px !important;
    }
    .mt-lg-1 {
        margin-top: 5px;
    }
    .mt-lg-2 {
        margin-top: 10px;
    }
    .mt-lg-3 {
        margin-top: 15px;
    }
    .mt-lg-4 {
        margin-top: 20px;
    }
    .mt-lg-5 {
        margin-top: 25px;
    }
    .mt-lg-6 {
        margin-top: 30px;
    }
    .mt-lg-7 {
        margin-top: 50px;
    }
    .mb-lg-0 {
        margin-bottom: 0px !important;
    }
    .mb-lg-1 {
        margin-bottom: 5px;
    }
    .mb-lg-2 {
        margin-bottom: 10px;
    }
    .mb-lg-3 {
        margin-bottom: 15px;
    }
    .mb-lg-4 {
        margin-bottom: 20px;
    }
    .mb-lg-5 {
        margin-bottom: 25px;
    }
    .mb-lg-6 {
        margin-bottom: 30px;
    }
    .mb-lg-7 {
        margin-bottom: 50px;
    }
    .mt-lg-n1 {
        margin-top: -5px;
    }
    .mt-lg-n2 {
        margin-top: -10px;
    }
    .mt-lg-n3 {
        margin-top: -15px;
    }
    .mt-lg-n4 {
        margin-top: -20px;
    }
    .mt-lg-n5 {
        margin-top: -25px;
    }
    .mt-lg-n6 {
        margin-top: -30px;
    }
    .mt-lg-n7 {
        margin-top: -50px;
    }    
}

.grid-row.grid-m-1 > [class*="col"]:not(.col-filler) {
    margin-bottom: 30px;
}
.grid-row.grid-m-1 {
    margin-bottom: -30px;    
}
.grid-row.grid-m-2 > [class*="col"]:not(.col-filler) {
    margin-bottom: 50px;
}
.grid-row.grid-m-2 {
    margin-bottom: -50px;    
}
.grid-row.grid-m-3 > [class*="col"]:not(.col-filler) {
    margin-bottom: 60px;
}
.grid-row.grid-m-3 {
    margin-bottom: -60px;    
}
.grid-row.grid-m-4 > [class*="col"]:not(.col-filler) {
    margin-bottom: 75px;
}
.grid-row.grid-m-4 {
    margin-bottom: -75px;    
}
.grid-row.grid-m-5 > [class*="col"]:not(.col-filler) {
    margin-bottom: 90px;
}
.grid-row.grid-m-5 {
    margin-bottom: -90px;    
}
@media only screen and (min-width: 768px) {
    .grid-row.grid-m-md-1 > [class*="col"]:not(.col-filler) {
        margin-bottom: 30px;
    }
    .grid-row.grid-m-md-1 {
        margin-bottom: -30px;    
    }
    .grid-row.grid-m-md-2 > [class*="col"]:not(.col-filler) {
        margin-bottom: 50px;
    }
    .grid-row.grid-m-md-2 {
        margin-bottom: -50px;    
    }
    .grid-row.grid-m-md-3 > [class*="col"]:not(.col-filler) {
        margin-bottom: 60px;
    }
    .grid-row.grid-m-md-3 {
        margin-bottom: -60px;    
    }
    .grid-row.grid-m-md-4 > [class*="col"]:not(.col-filler) {
        margin-bottom: 75px;
    }
    .grid-row.grid-m-md-4 {
        margin-bottom: -75px;    
    }
    .grid-row.grid-m-md-5 > [class*="col"]:not(.col-filler) {
        margin-bottom: 90px;
    }
    .grid-row.grid-m-md-5 {
        margin-bottom: -90px;    
    }
}
@media only screen and (min-width: 992px) {
    .grid-row.grid-m-lg-1 > [class*="col"]:not(.col-filler) {
        margin-bottom: 30px;
    }
    .grid-row.grid-m-lg-1 {
        margin-bottom: -30px;    
    }
    .grid-row.grid-m-lg-2 > [class*="col"]:not(.col-filler) {
        margin-bottom: 50px;
    }
    .grid-row.grid-m-lg-2 {
        margin-bottom: -50px;    
    }
    .grid-row.grid-m-lg-3 > [class*="col"]:not(.col-filler) {
        margin-bottom: 60px;
    }
    .grid-row.grid-m-lg-3 {
        margin-bottom: -60px;    
    }
    .grid-row.grid-m-lg-4 > [class*="col"]:not(.col-filler) {
        margin-bottom: 75px;
    }
    .grid-row.grid-m-lg-4 {
        margin-bottom: -75px;    
    }
    .grid-row.grid-m-lg-5 > [class*="col"]:not(.col-filler) {
        margin-bottom: 90px;
    }
    .grid-row.grid-m-lg-5 {
        margin-bottom: -90px;    
    }
}