//Margin
@for $i from -25 through 25 {
    .m-l-#{$i * 5} {
        margin-left: #{$i * 5}px;
    }

    .m-t-#{$i * 5} {
        margin-top: #{$i * 5}px;
    }

    .m-r-#{$i * 5} {
        margin-right: #{$i * 5}px;
    }

    .m-b-#{$i * 5} {
        margin-bottom: #{$i * 5}px;
    }
}

.margin-0 {
    margin: 0 !important;
}

@for $i from 0 through 25 {
    .p-l-#{$i * 5} {
        padding-left: #{$i * 5}px;
    }

    .p-t-#{$i * 5} {
        padding-top: #{$i * 5}px;
    }

    .p-r-#{$i * 5} {
        padding-right: #{$i * 5}px;
    }

    .p-b-#{$i * 5} {
        padding-bottom: #{$i * 5}px;
    }
}

.padding-0 {
    padding: 0 !important;
}

@for $i from 5 through 49 {
    .font-#{$i + 1} {
        font-size: #{$i + 1}px;
    }
}

.align-left {
    text-align: left;
}

.align-center {
    text-align: center;
}

.align-right {
    text-align: right;
}

.align-justify {
    text-align: justify;
}

.no-resize {
    resize: none;
}

.font-bold {
    font-weight: bold;
}

.font-italic {
    font-style: italic;
}

.font-underline {
    text-decoration: underline;
}

.font-line-through {
    text-decoration: line-through;
}

.font-overline {
    text-decoration: overline;
}

.block-header {

    h2 {
        margin: 0;
        @extend .p-b-5;
        font-size: 20px;        

        small {
            @extend .displayblock;            
            margin-top: 8px;            
            font-size: 13px;
        }
    }
    .breadcrumb{
        @extend .margin-0;
        @extend .padding-0;
        @include border-radius(50px);
        background: transparent;        
    }

    .nav-tabs{
        @extend .padding-0;
        float: right;
     }    
}

@each $key, $val in $colors {
    .bg-#{$key} {
        background-color: $val !important;
        color: $white;

        .content {
            .text,
            .number {
                color: $white !important;
            }
        }
    }
}

@each $key, $val in $colors {
    .col-#{$key} {
        color: $val !important;
    }
}

@media only screen and (max-width: 767px) {
    .block-header{
        
        .nav-tabs{
            margin-top: 15px !important;
        }

        h2{
            small{
                display: none !important;
            }
        }
    }
}