/* TOOL */
.relative   {position:relative !important}

.uppercase  {text-transform: uppercase !important}
.clearfix   {clear: both;}

.no-margin  {margin: 0 !important}
.no-padding {padding: 0 !important}

.padding-0 {padding: 0 !important;}
.padding-10 {padding: 10px !important;}
.padding-20 {padding: 20px !important;}
.padding-30 {padding: 30px !important;}

.padding-bottom-0 {padding-bottom: 0 !important;}
.padding-bottom-5 {padding-bottom: 5px !important;}
.padding-bottom-10 {padding-bottom: 10px !important;}
.padding-bottom-20 {padding-bottom: 20px !important;}
.padding-bottom-30 {padding-bottom: 30px !important;}
.padding-bottom-40 {padding-bottom: 40px !important;}
.padding-bottom-50 {padding-bottom: 50px !important;}
.padding-bottom-60 {padding-bottom: 60px !important;}
.padding-bottom-70 {padding-bottom: 70px !important;}
.padding-bottom-80 {padding-bottom: 80px !important;}
.padding-bottom-90 {padding-bottom: 90px !important;}
.padding-top-0 {padding-top: 0 !important;}
.padding-top-5 {padding-top: 5px !important;}
.padding-top-10 {padding-top: 10px !important;}
.padding-top-20 {padding-top: 20px !important;}
.padding-top-30 {padding-top: 30px !important;}
.padding-top-40 {padding-top: 40px !important;}
.padding-top-50 {padding-top: 50px !important;}
.padding-top-60 {padding-top: 60px !important;}
.padding-top-70 {padding-top: 70px !important;}
.padding-top-80 {padding-top: 80px !important;}
.padding-top-90 {padding-top: 90px !important;}
.padding-top-100 {padding-top: 100px !important;}
.padding-top-180 {padding-top: 180px !important;}
.padding-top-320 {padding-top: 320px !important;}
.padding-right-0 {padding-right: 0 !important;}
.padding-right-10 {padding-right: 10px !important;}
.padding-right-15 {padding-right: 15px !important;}
.padding-right-20 {padding-right: 20px !important;}
.padding-right-30 {padding-right: 30px !important;}
.padding-right-40 {padding-right: 40px !important;}
.padding-right-50 {padding-right: 50px !important;}
.padding-left-0 {padding-left: 0 !important;}
.padding-left-5 {padding-left: 5px !important;}
.padding-left-10 {padding-left: 10px !important;}
.padding-left-20 {padding-left: 20px !important;}
.padding-left-30 {padding-left: 30px !important;}
.padding-left-40 {padding-left: 40px !important;}
.padding-left-50 {padding-left: 50px !important;}
.margin-top-0 {margin-top: 0 !important;}
.margin-top-10 {margin-top: 10px !important;}
.margin-top-20 {margin-top: 20px !important;}
.margin-top-30 {margin-top: 30px !important;}
.margin-top-40 {margin-top: 40px !important;}
.margin-top-50 {margin-top: 50px !important;}
.margin-top-60 {margin-top: 60px !important;}
.margin-top-70 {margin-top: 70px !important;}
.margin-top-80 {margin-top: 80px !important;}
.margin-top-90 {margin-top: 90px !important;}
.margin-top-100 {margin-top: 100px !important;}
.margin-top-110 {margin-top: 110px !important;}
.margin-top-120 {margin-top: 120px !important;}
.margin-left-0 {margin-left: 0 !important;}
.margin-left-10 {margin-left: 10px !important;}
.margin-left-20 {margin-left: 20px !important;}
.margin-left-30 {margin-left: 30px !important;}
.margin-left-40 {margin-left: 40px !important;}
.margin-left-50 {margin-left: 50px !important;}
.margin-bottom-0 {margin-bottom: 0 !important;}
.margin-bottom-10 {margin-bottom: 10px !important;}
.margin-bottom-20 {margin-bottom: 20px !important;}
.margin-bottom-30 {margin-bottom: 30px !important;}
.margin-bottom-40 {margin-bottom: 40px !important;}
.margin-bottom-50 {margin-bottom: 50px !important;}
.margin-bottom-60 {margin-bottom: 60px !important;}
.margin-bottom-70 {margin-bottom: 70px !important;}
.margin-bottom-80 {margin-bottom: 80px !important;}
.margin-bottom-90 {margin-bottom: 90px !important;}
.margin-bottom-100 {margin-bottom: 100px !important;}
.margin-bottom-110 {margin-bottom: 110px !important;}
.margin-bottom-120 {margin-bottom: 120px !important;}
.margin-right-0 {margin-right: 0 !important;}
.margin-right-10 {margin-right: 10px !important;}
.margin-right-20 {margin-right: 20px !important;}
.margin-right-30 {margin-right: 30px !important;}
.margin-right-40 {margin-right: 40px !important;}
.margin-right-50 {margin-right: 50px !important;}

.opacity-1 {opacity: 0.1 !important;}
.opacity-2 {opacity: 0.2 !important;}
.opacity-3 {opacity: 0.3 !important;}
.opacity-4 {opacity: 0.4 !important;}
.opacity-5 {opacity: 0.5 !important;}
.opacity-6 {opacity: 0.6 !important;}
.opacity-7 {opacity: 0.7 !important;}
.opacity-8 {opacity: 0.8 !important;}
.opacity-9 {opacity: 0.9 !important;}

.greyscale-50 {filter: grayscale(50%);}
.greyscale-70 {filter: grayscale(70%);}
.greyscale-90 {filter: grayscale(90%);}
.greyscale-95 {filter: grayscale(95%);}

/* Add 'btn-flat' to your buttons */
.badge-flat,
.label-flat,
.modal-flat,
.thumb-flat,
.btn-flat,
.input-flat,
.panel-flat {
    filter:progid:DXImageTransform.Microsoft.Gradient(enabled=false);
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 5px !important;
    border-collapse: collapse !important;
    background-image: none !important;
    text-shadow: none !important;
}


/*-----------------------------
NO GUTTERS
-----------------------------*/

.row.no-gutters {
    margin-right: 0;
    margin-left: 0;
}
.row.no-gutters > [class^="col-"],
.row.no-gutters > [class*=" col-"] {
    padding-right: 5px;
    padding-left: 5px;
}
.row-no-gutters {
    margin-right: 0;
    margin-left: 0;
}
.row-no-gutters [class*="col-"] {
    padding-right: 0;
    padding-left: 0;
}
.no-gutter > [class*='col-'] {
    padding-right: 0;
    padding-left: 0;
}


/*-----------------------------
CUSTOM RULES
-----------------------------*/

.label-flat-live {
    filter:progid:DXImageTransform.Microsoft.Gradient(enabled=false);
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px;
    border-collapse: collapse !important;
    background-image: none !important;
    text-shadow: none !important;
}
.btn,
.navbar .navbar-nav > li > a.btn {
    font-size: 15px;
    font-weight: 500;
}

@media (max-width: 1200px) {
    .animation-transition-general, .carousel .carousel-indicators li,
    .animation-transition-slow,
    .caret
    .bootstrap-tagsinput .tag,
    .bootstrap-tagsinput [data-role="remove"],
    .animation-transition-fast,
    .navbar,
    .panel .panel-heading i,
    .bootstrap-datetimepicker-widget table td > div,
    .bootstrap-datetimepicker-widget table th > div,
    .bootstrap-datetimepicker-widget table th,
    .bootstrap-datetimepicker-widget table td span,
    .presentation-page .section-cards .card,
    .index-page .section-cards .card,
    .product-page .flexi-nav > li a,
    .dropdown-menu li > a,
    .dropdown .dropdown-menu,
    .dropup:not(.bootstrap-select) .dropdown-menu,
    .dropdown-menu.bootstrap-datetimepicker-widget,
    .rotating-card-container .card,
    .dropdownjs > ul,
    .dropdownjs > ul > li {
        -webkit-transition: none;
        -moz-transition:    none;
        -o-transition:      none;
        -ms-transition:     none;
        transition:         none;
    }
}