/* GRIDS, FLEXBOXS */

.nc-row {
    display: flex;
}

.nc-col {
    width: 6.25%;
    flex: 1 1 auto;
}
  
.nc-col.span2 { width: calc((6.25%*2) + 2.08333333%); }
.nc-col.span3 { width: calc((6.25%*3) + (2.08333333%*2)); }
.nc-col.span4 { width: calc((6.25%*4) + (2.08333333%*3)); }
.nc-col.span5 { width: calc((6.25%*5) + (2.08333333%*4)); }
.nc-col.span6 { width: calc((6.25%*6) + (2.08333333%*5)); }
.nc-col.span7 { width: calc((6.25%*7) + (2.08333333%*6)); }
.nc-col.span8 { width: calc((6.25%*8) + (2.08333333%*7)); }
.nc-col.span9 { width: calc((6.25%*9) + (2.08333333%*8)); }
.nc-col.span10 { width: calc((6.25%*10) + (2.08333333%*9)); }
.nc-col.span11 { width: calc((6.25%*11) + (2.08333333%*10)); }
.nc-col.span12 { width: calc((6.25%*12) + (2.08333333%*11)); }
  
/* CONTAINERS */

.rel-con {
    position: relative;
}

.abs-con {
    position: absolute;
    left: 0px;
    right: 0;
    top: 25%;
}

.about-rel-con {
    position: relative;
    height: 500px
}

.about-con {
    position: absolute;
    left: 0px;
    right: 0;
    top: -10%;
}

/* HEIGHT */

.nc-h-100 {
    height: 100%;
}

/* PADDING */

/* top */

.nc-pt-10 {
    padding-top: 10rem;
}

/* bottom */

.nc-pb-10 {
    padding-bottom: 10rem;
}

/* y axis */

.nc-py-10 {
    padding-top: 10rem;
    padding-bottom: 10rem;
}

/* x axis */

/* MAGIN */

/* auto */

.ml-auto {
    margin-left: auto
}

/* neg */

.ml-n-50 {
    margin-left: -50px;
}

/* 
    Override for .rz-dialog from default.css
    for Radzen component.
*/

.rz-dialog {
    width: 95% !important
}

/* MEDIA QUERIES */

/* xs */

@media (min-width: 480px){
    .rz-dialog {
        width: 90% !important
    }
}

/* sm */

@media (min-width: 576px){
}

/* md */

@media (min-width: 768px){
    .abs-con {
        top: 13%;
    }

    .rz-dialog {
        width: 80% !important
    }
}

/* lg */

@media (min-width: 992px){
    .abs-con {
        top: 18%;
    }

    .rz-dialog {
        width: 75% !important
    }
}

/* xl */

@media (min-width: 1200px) {
    .abs-con {
        top: 25%;
    }
}

/* xxl */

@media (min-width: 1400px) {
    .rz-dialog {
        width: 65% !important
    }
}

/* xxxl */

@media (min-width: 2000px) {
    .d-xxxl-none {
        display: none !important;
    }

    .d-xxxl-flex {
        display: flex !important;
    }

    .abs-con {
        top: 18%;
    }

    .rz-dialog {
        width: 55% !important
    }
}

/* TEMPLATE FOR NC */

/* xs */

@media (min-width: 480px){
}

/* sm */

@media (min-width: 576px){
}

/* md */

@media (min-width: 768px){
}

/* lg */

@media (min-width: 992px){
}

/* xl */

@media (min-width: 1200px) {
}

/* xxl */

@media (min-width: 1400px) {
}

/* xxxl */

@media (min-width: 2000px) {
}