/*# sourceURL=3cc-site.css */

/* Element overrides
----------------------------------------------------------*/
.fa-span {
    animation: fa-spin 2s linear infinite !important;
}

thirdcoast-config {
    display: none;
}

body {
    overflow-x: hidden;
}

    body:not(.menu-on-top).desktop-detected {
        min-height: inherit !important;
    }

a {
    cursor: pointer;
}

    a.fa-solid,
    a.fa-regular,
    a.fa-light,
    a.fa-thin {
        text-decoration: none;
        color: #666;
    }

table {
    border-spacing: 0;
    padding: 0;
}

td, th {
    box-sizing: content-box;
}

h1, h2, h3, h4 {
    font-weight: inherit;
}

.lh20 {
    line-height: 20px !important;
}

.lh22 {
    line-height: 22px !important;
}

.lh32 {
    line-height: 32px !important;
}

/* bootstrap overrides
----------------------------------------------------------*/
.alert h4 {
    margin: 0;
}

.row {
    margin: 0px;
}

/* General classes
----------------------------------------------------------*/
.fade-out {
    transition: opacity 1s ease-in-out;
    opacity: 0;
}

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

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

.underline, .underlined {
    text-decoration: underline !important;
}

.strikethrough, .line-through {
    text-decoration: line-through;
}

.right-aligned {
    text-align: right !important;
}

.left-aligned {
    text-align: left !important;
}

.centered {
    text-align: center !important;
}

.lowercase {
    text-transform: lowercase;
}

.uppercase {
    text-transform: uppercase;
}

    .uppercase::placeholder {
        text-transform: none;
    }

    .uppercase::-webkit-input-placeholder { /* WebKit browsers */
        text-transform: none;
    }

    .uppercase:-moz-placeholder { /* WebKit browsers */
        text-transform: none;
    }

    .uppercase::-moz-placeholder { /* Mozilla Firefox 4 to 18 */
        text-transform: none;
    }

    .uppercase:-ms-input-placeholder { /* Mozilla Firefox 19+ */
        text-transform: none;
    }

.pointer {
    cursor: pointer;
}

.red-text,
.red-text * {
    color: red !important;
}

.green-text,
.green-text * {
    color: green !important;
}

.orange-text,
.orange-text * {
    color: orange !important;
}

.inline-block {
    display: inline-block !important;
}

.input-help {
    font-size: 15px;
    padding-left: 5px;
}

.nowrap {
    white-space: nowrap !important;
}

.ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    table-layout: inherit;
    width: auto;
}

    .ellipsis > * {
        display: table-cell;
        overflow: hidden;
        text-overflow: ellipsis;
    }

table .ellipsis {
    display: table;
    table-layout: fixed;
    width: 100%;
    white-space: nowrap;
}

    table .ellipsis > * {
        display: table-cell;
        overflow: hidden;
        text-overflow: ellipsis;
    }

input:disabled,
select:disabled,
button:disabled,
textarea:disabled,
.disabled,
input[type=checkbox]:disabled + i,
input[type=radio]:disabled + i,
.smart-form .toggle > input:disabled + i {
    opacity: 0.5;
}

i {
    position: relative;
}

    i > em {
        font-size: 9px;
        display: block;
        padding: 2px !important;
        box-sizing: border-box !important;
        position: absolute;
        top: -8px;
        right: -6px;
        text-decoration: none;
        font-style: normal;
        background: #ED1C24;
        color: #fff;
        min-width: 13px;
        border-radius: 50%;
        max-height: 13px;
        line-height: 8px;
        font-weight: 700;
        vertical-align: baseline;
        white-space: nowrap;
        text-align: center;
        border: 1px solid rgba(255,255,255,.1);
    }

/* Buttons
----------------------------------------------------------*/
.btn {
    padding: 5px 12px;
}

    .btn.btn-labeled {
        padding-top: 0;
        padding-bottom: 0;
    }

.btn-xs {
    padding: 1px 5px;
}

    .btn-xs.btn-labeled {
        padding: 0px 6px 0px 0px;
    }

        .btn-xs.btn-labeled > .btn-label {
            left: -1px;
            padding: 0px 6px;
        }

.btn-label {
    padding: 5px 12px;
}

/* Modals
----------------------------------------------------------*/
body.modal-open,
.modal-open .navbar-fixed-top,
.modal-open .navbar-fixed-bottom {
    margin-right: 0px;
}

.modal,
.modal-open .modal {
    overflow: auto;
}

    .modal .modal-dialog {
        padding-left: 10px;
        padding-right: 10px;
        margin: 10px auto;
    }

    .modal .modal-body {
        padding: 20px;
    }

    .modal .modal-footer {
        background: rgba(248,248,248,.9);
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
    }

    .modal .modal-body > .ThirdCoastGrid {
        margin: -20px;
    }

    .modal .modal-body > .grid-filters {
        margin: -20px;
        margin-bottom: 20px;
    }

        .modal .modal-body > .grid-filters > .filters-header,
        .modal .modal-body > .ThirdCoastGrid > .grid-filters > .filters-header {
            display: none;
        }

        .modal .modal-body > .grid-filters > .filters-content,
        .modal .modal-body > .ThirdCoastGrid > .grid-filters > .filters-content {
            border-left: 0;
            border-right: 0;
            border-radius: 0;
        }

    .modal .modal-body > .ThirdCoastGrid > .button-panel {
        padding-right: 10px;
        padding-left: 10px;
    }

    .modal .modal-body > .ThirdCoastGrid > .k-grid {
        border-radius: 0;
        border-left: 0;
        border-right: 0;
        border-bottom: 0;
    }

        .modal .modal-body > .ThirdCoastGrid > .k-grid .k-grid-header:first-child th.k-header:first-child,
        .modal .modal-body > .ThirdCoastGrid > .k-grid thead.k-grid-header th.k-header:first-child,
        .modal .modal-body > .ThirdCoastGrid > .k-grid .k-rtl thead.k-grid-header th.k-header:last-child {
            border-radius: 0;
        }

#LoginModal.modal img,
#PasswordExpiredModal.modal img,
#MfaConfirmModal.modal img,
#VerifyModal.modal img,
#VerifiedModal.modal img {
    max-width: 300px;
    max-height: 100px;
}

#LoginModal.modal .label, #VerifyModal.modal .label {
    float: left;
    width: 100px;
    line-height: 32px;
    margin-bottom: 0;
}

#LoginModal.modal .input, #LoginModal.modal .checkbox {
    margin-left: 100px;
}

@media screen and (max-width: 767px) {
    #LoginModal.modal .label, #VerifyModal.modal .label {
        float: none;
        width: auto;
        line-height: inherit;
        margin-bottom: 6px;
    }

    #LoginModal.modal .input, #LoginModal.modal .checkbox {
        margin-left: inherit;
    }
}


#VerifyModal.modal .label {
    width: 150px;
}

#VerifyModal.modal .input {
    margin-left: 150px;
}

#MfaConfirmModal.modal input, #MfaEnableModal.modal #TotpCode {
    text-align: left;
}

#MfaConfirmModal.modal .label {
    float: left;
    width: 120px;
    line-height: 32px;
}

#MfaConfirmModal.modal .input {
    margin-left: 120px;
}

#MfaEnableModal.modal .step {
    border-top: 1px solid #ccc;
    padding: 8px 0px;
}

    #MfaEnableModal.modal .step:first-child {
        border-top: 0;
        padding-top: 0;
    }

    #MfaEnableModal.modal .step:last-child {
        padding-bottom: 0;
    }

    #MfaEnableModal.modal .step .description {
        font-weight: bold;
        padding-bottom: 3px;
    }

    #MfaEnableModal.modal .step ul {
        margin-left: 45px;
    }

    #MfaEnableModal.modal .step img {
        width: 200px;
        height: 200px;
        border: 5px solid #ccc;
    }

    #MfaEnableModal.modal .step #TotpSetupCode {
        font-size: 13px;
    }


/* Layout overrides
----------------------------------------------------------*/
.minifyme {
    position: initial;
    right: auto;
    float: right;
}

body.full-screen #header,
body.full-screen #left-panel,
body.full-screen #page-footer,
body.full-screen #ribbon,
body.full-screen .page-footer {
    display: none;
}

body.full-screen #main {
    margin: 0;
    padding: 0;
}

#logo img {
    width: auto;
    height: auto;
    max-width: 200px;
    max-height: 30px;
}

.btn-header {
    display: inline-block;
    position: relative;
}

    .btn-header > :first-child > a {
        line-height: 26px;
    }

.login-info {
    line-height: 39px;
    font-size: 16px;
}

    .login-info > a,
    .login-info > a:focus,
    .login-info > a:hover {
        margin: 0;
        padding-left: 17px;
        color: #c0bbb7;
    }

        .login-info > a > i {
            font-size: 16px;
        }

#ribbon .breadcrumb {
    padding: 10px 34px 10px 0 !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Side Navigation overrides
----------------------------------------------------------*/
.minified nav > ul > li.active > a::before,
nav ul li.active > a:before {
    font-weight: 900;
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Free";
    top: 4px;
}

.minified nav > ul > li > div > a > .menu-item-parent {
    display: none;
}

/* Top Menu Dropdown Nav
----------------------------------------------------------*/
.nav-dropdown > .dropdown-menu a {
    width: auto !important;
}

.nav-dropdown > .dropdown-menu > li > a {
    line-height: 1.428571429 !important;
    height: auto !important;
}

/* smart form overrides
----------------------------------------------------------*/
.smart-form .modal-dialog {
    margin: 10px;
}

@media (min-width: 768px) {
    .smart-form .modal-dialog {
        margin: 30px auto;
    }
}

.smart-form .modal-header,
.smart-form .modal-footer {
    padding: 15px;
}

label .input input {
    border-radius: 2px !important;
}

label.input > span:not(.select2) {
    line-height: 32px;
}

.smart-form.widget-toolbar {
    background: inherit;
}

.smart-form fieldset {
    min-width: 0px;
    background-color: white;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.smart-form footer {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.smart-form .label {
    font-weight: bold;
    border: 0;
    padding: 0;
}

    .smart-form .label.required:after {
        content: "*";
        margin-left: 5px;
        color: red;
    }

.smart-form footer .required-text {
    color: red;
    font-weight: bold;
    line-height: 41px;
    font-size: 1.15em;
}

.smart-form .checkbox input + i {
    border-radius: 2px;
}

    .smart-form .checkbox input + i:after {
        font: 900 15px/19px "Font Awesome 5 Pro", "Font Awesome 5 Free";
    }

.smart-form .checkbox input[type=text], .smart-form .radio input[type=text] {
    position: inherit;
    left: inherit;
}

.smart-form .inline-group > .radio {
    margin-top: 3px;
    margin-bottom: 8px;
}

.smart-form label.checkbox {
    margin-top: 27px;
    line-height: 30px;
}

    .smart-form label.checkbox.inline-control,
    .grid-filters > .filters-content label.checkbox.inline-control {
        line-height: 19px;
        margin: 0;
    }

        .smart-form label.checkbox.inline-control > i,
        .grid-filters > .filters-content label.checkbox.inline-control i {
            top: 0px;
        }

    .smart-form label.checkbox.checkbox-sm {
        font-size: 10px;
        padding-left: 20px;
    }

        .smart-form label.checkbox.checkbox-sm > i {
            width: 12px;
            height: 12px;
            left: 3px;
            top: 2px;
        }

            .smart-form label.checkbox.checkbox-sm > i:after {
                font-size: 10px;
                top: -4px;
                left: -1px;
            }

.smart-form header {
    margin: 0px 0px 16px 0px;
}

    .smart-form header .btn {
        margin-left: 8px;
    }

    .smart-form header label.checkbox {
        margin-top: 0px;
        line-height: 22px;
        font-size: 16px;
        font-weight: 300;
        color: #232323;
    }

        .smart-form header label.checkbox > i {
            top: 0;
        }

/* tooltip overrides
----------------------------------------------------------*/
.smart-form .tooltip {
    opacity: 0.9;
    line-height: 1.4;
    background-color: transparent;
}

    .smart-form .tooltip .tooltop-inner {
        padding: 0;
    }

.smart-form [data-placement="bottom"] + .tooltip {
    padding-top: 5px;
}

.smart-form [data-placement="right"] + .tooltip {
    padding-left: 5px;
}

.smart-form [data-placement="left"] + .tooltip {
    padding-right: 5px;
}

.smart-form [data-placement="top"] + .tooltip {
    padding-bottom: 5px;
}

/* select2 overrides
----------------------------------------------------------*/
.select2-container .select2-selection--single {
    height: 32px;
}

.select2-container .select2-selection--multiple {
    min-height: 32px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 32px;
}

.select2-container--default .select2-selection--single, .select2-container--default .select2-selection--multiple {
    border: 1px solid #BDBDBD;
    border-radius: 2px;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding-right: 34px;
}

.select2-container .selection .select2-selection__arrow {
    display: inline-block;
    width: 34px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    border: 1px solid #BDBDBD;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    background: #eee;
    box-sizing: border-box;
}

.select2-search:before {
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Free";
    font-weight: 900;
}

.select2-selection--multiple .select2-search {
    width: auto;
}

    .select2-selection--multiple .select2-search:before {
        display: none;
    }

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    line-height: 17px;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    color: #999;
    width: 15px;
}

.select2-container--open .select2-selection--single, .select2-selection--single:hover,
.select2-container--open .select2-selection--multiple, .select2-selection--multiple:hover,
.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 1px solid #5D98CC;
}

    .select2-selection--single:hover > .select2-selection__arrow {
        border-top: 1px solid #5D98CC;
        border-right: 1px solid #5D98CC;
        border-bottom: 1px solid #5D98CC;
    }

.select2-container--open .select2-selection--multiple {
    border-bottom: 0px;
}

.select2-container .select2-search--inline .select2-search__field {
    min-height: 22px;
    margin-top: 3px;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
    min-height: inherit;
    z-index: 100;
}

.select2-dropdown {
    z-index: 10000;
    border: 1px solid #5D98CC;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    opacity: 0.3;
    background-color: white;
}

.select2-container--default.select2-container--below.select2-container--open .select2-selection--single,
.select2-container--default.select2-container--below.select2-container--open .select2-selection--multiple {
    border-bottom: 0px;
}

.select2-container--default.select2-container--above.select2-container--open .select2-selection--single,
.select2-container--default.select2-container--above.select2-container--open .select2-selection--multiple {
    border-top: 0px;
}

.select2-container--default.select2-container--below.select2-container--open .select2-selection--single .select2-selection__arrow,
.select2-container--default.select2-container--below.select2-container--open .select2-selection--multiple .select2-selection__arrow {
    background: #fff;
    border-left: 0px;
    border-bottom: 0px;
    border-bottom-right-radius: 0px;
    border-top: 1px solid #5D98CC;
    border-right: 1px solid #5D98CC;
}

.select2-container--default.select2-container--above.select2-container--open .select2-selection--single .select2-selection__arrow,
.select2-container--default.select2-container--above.select2-container--open .select2-selection--multiple .select2-selection__arrow {
    background: #fff;
    border-left: 0px;
    border-bottom: 1px solid #5D98CC;
    border-top: 0px;
    border-right: 1px solid #5D98CC;
}

.locked-tag .select2-selection__choice__remove {
    display: none !important;
}

/* Jarviswidget overrides
----------------------------------------------------------*/
.smart-form .jarviswidget > header {
    margin: 0;
    box-sizing: border-box;
}

.smart-form .jarviswidget > div {
    box-sizing: border-box;
}

.jarviswidget > header h2 {
    width: auto;
    display: block;
    margin-left: 30px;
    float: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.jarviswidget > header .widget-toolbar > .btn-xs.btn-labeled {
    height: 20px;
    padding: 0px 6px 0px 0px !important;
}

.jarviswidget > header .nav-tabs > li.active > a {
    line-height: 18px;
}

.jarviswidget > header .nav-tabs li a {
    color: #666;
}

.jarviswidget > header .nav-tabs > li > a:hover,
.jarviswidget .nav-tabs > li > a:focus {
    background-color: inherit;
    color: black !important;
}

.jarviswidget > header > .widget-toolbar .select2-selection--single {
    height: 26px;
}

    .jarviswidget > header > .widget-toolbar .select2-selection--single .select2-selection__rendered {
        line-height: 26px;
    }

    .jarviswidget > header > .widget-toolbar .select2-selection--single .select2-selection__arrow {
        width: 24px;
    }

.jarviswidget .widget-body.padded {
    padding: 5px 15px 0px 15px;
}

.jarviswidget .widget-body .grid-filters.hidden + .button-panel {
    margin-top: 10px;
}

    .jarviswidget .widget-body .grid-filters.hidden + .button-panel.hidden + .k-grid {
        margin-top: 0px;
    }

.jarviswidget .widget-body .tab-pane .grid-filters.hidden + .button-panel.hidden + .k-grid {
    margin-top: 20px;
}

.jarviswidget .widget-body .filters-header {
    display: none;
}

.jarviswidget .widget-body .filters-content {
    border: 0;
    border-bottom: 1px solid #ccc;
    border-radius: 0;
}

.jarviswidget .widget-body .k-grid-header:first-child th.k-header:first-child,
.subsection > .ThirdCoastGrid > .k-grid .k-grid-header:first-child th.k-header:first-child {
    border-radius: 0;
}

.jarviswidget .widget-body .k-grid,
.subsection > .ThirdCoastGrid > .k-grid {
    border: 0;
}

.jarviswidget .widget-body .button-panel,
.subsection > .ThirdCoastGrid > .button-panel {
    padding: 0 15px;
}

.jarviswidget footer .btn.btn-labeled > .btn-label,
.grid-filters footer .btn.btn-labeled > .btn-label {
    left: -22px;
    padding-top: 0px;
    padding-bottom: 0px;
}

/* Jarviswidget inside of another Jarviswidget overrides
----------------------------------------------------------*/
.jarviswidget .jarviswidget > header {
    margin: 0 !important;
}

    .jarviswidget .jarviswidget > header > .jarviswidget-ctrls {
        line-height: 34px;
    }

        .jarviswidget .jarviswidget > header > .jarviswidget-ctrls > button {
            margin-right: 5px;
        }

.jarviswidget .jarviswidget > div {
    padding: 0 !important;
    box-sizing: border-box !important;
}

/* Document Viewers, Image Viewers, Video Viewers
----------------------------------------------------------*/
.document-viewer, .document-viewer:hover {
    cursor: pointer;
    text-decoration: none;
}

body.viewer-visible,
body.document-loading {
    overflow: hidden !important;
}

body > .document-viewer,
body > .image-viewer,
body > .video-viewer {
    font-size: 1em !important;
    z-index: 15000;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    cursor: inherit;
}

    body > .document-viewer.loading > .toolbar,
    body > .document-viewer.loading > .viewer {
        opacity: 0;
    }

    body > .document-viewer > .document-loading {
        display: none;
    }

    body > .document-viewer.loading > .document-loading {
        display: block;
    }

    body > .document-viewer > .document-loading {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 9999;
    }

        body > .document-viewer > .document-loading > .backdrop {
            background-color: #000;
            opacity: .5;
            position: fixed;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
        }

        body > .document-viewer > .document-loading > .message {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            color: white;
            display: flex;
            align-items: center;
            justify-content: center;
        }

    body > .document-viewer > .toolbar,
    body > .image-viewer > .toolbar,
    body > .video-viewer > .toolbar {
        background: #f3f3f3;
        padding: 10px;
        height: 52px;
    }

        body > .document-viewer > .toolbar > .buttons,
        body > .image-viewer > .toolbar > .buttons,
        body > .video-viewer > .toolbar > .buttons {
            float: right;
        }

            body > .document-viewer > .toolbar > .buttons > i,
            body > .image-viewer > .toolbar > .buttons > i,
            body > .video-viewer > .toolbar > .buttons > i {
                padding-left: 10px;
            }

        body > .document-viewer > .toolbar > .display-name,
        body > .image-viewer > .toolbar > .display-name {
            font-size: 16px;
            color: #333;
            font-weight: bold;
            line-height: 32px;
        }

    body > .document-viewer > .viewer,
    body > .image-viewer > .viewer,
    body > .video-viewer > .viewer {
        position: fixed;
        top: 52px;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(204, 204, 204, 0.75);
    }

    body > .image-viewer > .viewer,
    body > .video-viewer > .viewer {
        display: flex;
        align-items: center;
        justify-content: center;
    }

        body > .video-viewer > .viewer > .video-error {
            background: white;
            width: 25%;
            text-align: center;
            padding: 30px;
            min-width: 300px;
        }

/* 3cc controls
----------------------------------------------------------*/
.numbereditor, .fractioneditor {
    text-align: right;
}

.file-selection .file-selector {
    display: block;
}

.file-selection.selected .file-selector {
    display: none;
}

.file-selection > .file-display {
    display: none;
    padding: 0px 5px;
    border: 1px solid #BDBDBD;
    border-radius: 3px;
    box-sizing: border-box;
    background: white;
}

    .file-selection > .file-display > span {
        line-height: 30px !important;
        margin-right: 29px;
        margin-top: -25px;
        margin-left: 17px;
    }

    .file-selection > .file-display > .file-icon {
        margin-top: 8px;
    }

    .file-selection > .file-display > .icon-append {
        top: 4px;
        cursor: pointer;
    }

.file-selection.selected > .file-display {
    display: block;
}

.bootstrap-datetimepicker-widget .picker-switch .btn,
.bootstrap-datetimepicker-widget .timepicker .btn {
    -webkit-tap-highlight-color: none;
    box-shadow: none;
    -webkit-box-shadow: none;
}

.bootstrap-datetimepicker-widget .timepicker-picker .table-condensed tbody > tr > td {
    padding: 0;
}

.ms-container { /*Multi-select override */
    width: 100%;
}

    .ms-container .selection-header {
        text-align: center;
        font-weight: bold;
        padding-bottom: 5px;
    }

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus { /* btn-group dropdowns from smart forms */
    color: #fff;
    text-decoration: none;
    background-color: #428bca;
}

/* Document Viewers
----------------------------------------------------------*/
body.document-open {
    overflow: hidden !important;
    min-height: inherit !important;
    margin-right: 0px;
}

.document-previewer {
}

    .document-previewer > .document-loading,
    body > .document-loading {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 9999;
    }

        .document-previewer > .document-loading > .backdrop,
        body > .document-loading > .backdrop {
            background-color: #000;
            opacity: .5;
            position: fixed;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
        }

        .document-previewer > .document-loading > .message,
        body > .document-loading > .message {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            color: white;
            display: flex;
            align-items: center;
            justify-content: center;
        }

    .document-previewer > .pdf-wrapper {
        z-index: 15000;
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        background-color: rgba(0, 0, 0, 0.4);
        overflow: hidden;
    }

        .document-previewer > .pdf-wrapper > .toolbar {
            z-index: 15002;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            background-color: #f3f3f3;
            color: black;
            padding: 0 25px;
        }

            .document-previewer > .pdf-wrapper > .toolbar > .display-name {
                line-height: 50px;
                font-size: 18px;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
                margin-right: 130px;
            }

            .document-previewer > .pdf-wrapper > .toolbar > .buttons {
                float: right;
            }

                .document-previewer > .pdf-wrapper > .toolbar > .buttons > * {
                    cursor: pointer;
                    color: black;
                    line-height: 50px;
                    margin-left: 15px;
                }

        .document-previewer > .pdf-wrapper > .pages {
            overflow-x: hidden;
            overflow-y: scroll;
            margin-top: 50px;
        }

            .document-previewer > .pdf-wrapper > .pages > .pdf-viewer {
                z-index: 15001;
                position: relative;
                margin: 10px 10%;
                width: 80%;
            }

.mobile-view-activated .document-previewer > .pdf-wrapper > .toolbar {
    padding: 0 15px;
}

    .mobile-view-activated .document-previewer > .pdf-wrapper > .toolbar > .display-name {
        margin-right: 85px;
    }

    .mobile-view-activated .document-previewer > .pdf-wrapper > .toolbar > .buttons > .fa-print {
        display: none;
    }

html.gecko .document-previewer > .pdf-wrapper > .toolbar > .buttons > .fa-print {
    display: none; /* Unable to make print work in FF, so hide button.  CDD - 7/23/2018 */
}

/* Scrollable Tables
----------------------------------------------------------*/
table.scrollable-table {
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    box-sizing: border-box;
}

    table.scrollable-table .header-row {
        padding-right: 17px;
        border-bottom: 1px solid #ccc;
        border-right: 1px solid #ccc;
        background-color: #fafafa;
    }

.mobile-detected table.scrollable-table .header-row {
    padding-right: 0;
}

table.scrollable-table .header-row > table > thead > tr > th {
    text-align: center;
    border-right: 1px solid #ccc;
    padding: 5px 0px;
}

    table.scrollable-table .header-row > table > thead > tr > th.sortable {
        cursor: pointer;
    }

table.scrollable-table .data-row > div {
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: scroll;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    box-sizing: border-box;
}

    table.scrollable-table .data-row > div > table > tbody > tr > td {
        border-right: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        padding: 5px;
        vertical-align: top;
    }

table.scrollable-table.stripped .data-row tbody > tr:nth-child(even) {
    background: #fafafa;
}

table.scrollable-table.stripped .data-row tbody > tr:hover {
    background: #a4c3d2;
}

.smart-form table.scrollable-table .checkbox {
    margin: 0 50%;
}

    .smart-form table.scrollable-table .checkbox > i {
        left: -10px;
        top: 1px;
    }

/* Side Tabs
----------------------------------------------------------*/
.side-tabs {
    position: relative;
}

    .side-tabs > .tabs {
        list-style: none;
        float: left;
        border-top: 1px solid #ccc;
        border-top-left-radius: 5px;
        width: 166px;
    }

        .side-tabs > .tabs > li > .tab {
            border-left: 1px solid #ccc;
            border-right: 1px solid #ccc;
            border-bottom: 1px solid #ccc;
            padding: 10px;
            background: #f8f8f8;
            cursor: pointer;
        }

        .side-tabs > .tabs > li:first-child > .tab {
            border-top-left-radius: 5px;
        }

        .side-tabs > .tabs > li:last-child > .tab {
            border-bottom-left-radius: 5px;
        }

        .side-tabs > .tabs > li > .tab.active {
            background: #fff;
            border-right: 1px solid #fff;
        }

    .side-tabs > .views {
        border: 1px solid #ccc;
        margin-left: 165px;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
    }

        .side-tabs > .views > .view {
            display: none;
            min-height: 300px;
            transition: opacity 10s ease-in-out;
            opacity: 0;
            padding: 10px;
        }

            .side-tabs > .views > .view.active {
                display: block;
                animation: fadeIn 1s;
                opacity: 1;
            }

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* Subsections
----------------------------------------------------------*/
.subsection {
    border: 1px solid #ccc;
    margin-bottom: 16px;
}

    .subsection > header {
        background: #fafafa;
        border-bottom: 1px solid #C2C2C2;
        padding: 8px;
    }

        .subsection > header > .input {
            margin-top: -5px;
        }

    .subsection > fieldset {
        padding-top: 0;
    }

        .subsection > fieldset > .ThirdCoastGrid {
            margin: -14px;
            margin-top: -17px;
            margin-bottom: -5px;
        }

    .subsection > .scrollable-table {
        margin-top: -17px;
        border-left: 0;
    }

        .subsection > .scrollable-table .header-row {
            border-right: 0;
        }

    .subsection > scrollable-table .data-row > div {
        border-right: 0;
        border-bottom: 0;
    }

    .subsection > fieldset > .ThirdCoastGrid > .grid-filters.hidden + .button-panel.hidden + .k-grid {
        margin-top: 1px !important;
    }

/* DataTables overrides
----------------------------------------------------------*/
.dataTables_scroll .dataTables_scrollHead {
    background: #fafafa;
    border-top: 1px solid #ccc !important;
    border-bottom: 1px solid #ccc !important;
}

    .dataTables_scroll .dataTables_scrollHead table.dataTable thead > tr > th {
        padding: 5px 18px 5px 10px !important;
        border: 0;
        border-right: 1px solid #ccc;
    }

        .dataTables_scroll .dataTables_scrollHead table.dataTable thead > tr > th.checkbox-header {
            padding: 5px !important
        }

.dataTables_wrapper {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

    .dataTables_wrapper.no-footer .dataTables_scrollBody {
        border: 0;
    }

    .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
        overflow-y: scroll !important;
    }

        .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td {
            border-right: 1px solid #ccc;
            border-bottom: 1px solid #ccc;
            padding: 5px;
            vertical-align: top;
        }

table.dataTable, table.dataTable th, table.dataTable td {
    box-sizing: border-box;
}

    table.dataTable .checkbox {
        margin: 0 50%;
    }

        table.dataTable .checkbox > i {
            left: -9px;
            top: 1px;
        }

/* font sizes
----------------------------------------------------------*/
.fs12 {
    font-size: 12px;
}

.fs14 {
    font-size: 14px;
}

@media(max-width:767px) {
    .fs-xs-12 {
        font-size: 12px;
    }

    .fs-xs-14 {
        font-size: 14px;
    }
}

@media(min-width:768px) {
    .fs-sm-12 {
        font-size: 12px;
    }

    .fs-sm-14 {
        font-size: 14px;
    }
}

@media(min-width:1024px) {
    .fs-md-12 {
        font-size: 12px;
    }

    .fs-md-14 {
        font-size: 14px;
    }
}

@media(min-width:1280px) {
    .fs-lg-12 {
        font-size: 12px;
    }

    .fs-lg-14 {
        font-size: 14px;
    }
}

@media(min-width:1440px) {
    .fs-xl-12 {
        font-size: 12px;
    }

    .fs-xl-14 {
        font-size: 14px;
    }
}

@media(min-width:1720px) {
    .fs-xxl-12 {
        font-size: 12px;
    }

    .fs-xxl-14 {
        font-size: 14px;
    }
}

@media(min-width:1920px) {
    .fs-xxxl-12 {
        font-size: 12px;
    }

    .fs-xxxl-14 {
        font-size: 14px;
    }
}
/* borders
----------------------------------------------------------*/
.b0 {
    border: 0 !important;
}

.bt0 {
    border-top: 0 !important;
}

.br0 {
    border-right: 0 !important;
}

.bb0 {
    border-bottom: 0 !important;
}

.bl0 {
    border-left: 0 !important;
}

.b1 {
    border: 1px solid #ccc !important;
}

.bt1 {
    border-top: 1px solid #ccc !important;
}

.br1 {
    border-right: 1px solid #ccc !important;
}

.bb1 {
    border-bottom: 1px solid #ccc !important;
}

.bl1 {
    border-left: 1px solid #ccc !important;
}

@media(max-width:767px) {
    .b-xs-0 {
        border: 0 !important;
    }

    .bt-xs-0 {
        border-top: 0 !important;
    }

    .br-xs-0 {
        border-right: 0 !important;
    }

    .bb-xs-0 {
        border-bottom: 0 !important;
    }

    .bl-xs-0 {
        border-left: 0 !important;
    }

    .b-xs-1 {
        border: 1px solid #ccc !important;
    }

    .bt-xs-1 {
        border-top: 1px solid #ccc !important;
    }

    .br-xs-1 {
        border-right: 1px solid #ccc !important;
    }

    .bb-xs-1 {
        border-bottom: 1px solid #ccc !important;
    }

    .bl-xs-1 {
        border-left: 1px solid #ccc !important;
    }
}

@media(min-width:768px) {
    .b-sm-0 {
        border: 0 !important;
    }

    .bt-sm-0 {
        border-top: 0 !important;
    }

    .br-sm-0 {
        border-right: 0 !important;
    }

    .bb-sm-0 {
        border-bottom: 0 !important;
    }

    .bl-sm-0 {
        border-left: 0 !important;
    }

    .b-sm-1 {
        border: 1px solid #ccc !important;
    }

    .bt-sm-1 {
        border-top: 1px solid #ccc !important;
    }

    .br-sm-1 {
        border-right: 1px solid #ccc !important;
    }

    .bb-sm-1 {
        border-bottom: 1px solid #ccc !important;
    }

    .bl-sm-1 {
        border-left: 1px solid #ccc !important;
    }
}

@media(min-width:1024px) {
    .b-md-0 {
        border: 0 !important;
    }

    .bt-md-0 {
        border-top: 0 !important;
    }

    .br-md-0 {
        border-right: 0 !important;
    }

    .bb-md-0 {
        border-bottom: 0 !important;
    }

    .bl-md-0 {
        border-left: 0 !important;
    }

    .b-md-1 {
        border: 1px solid #ccc !important;
    }

    .bt-md-1 {
        border-top: 1px solid #ccc !important;
    }

    .br-md-1 {
        border-right: 1px solid #ccc !important;
    }

    .bb-md-1 {
        border-bottom: 1px solid #ccc !important;
    }

    .bl-md-1 {
        border-left: 1px solid #ccc !important;
    }
}

@media(min-width:1280px) {
    .b-lg-0 {
        border: 0 !important;
    }

    .bt-lg-0 {
        border-top: 0 !important;
    }

    .br-lg-0 {
        border-right: 0 !important;
    }

    .bb-lg-0 {
        border-bottom: 0 !important;
    }

    .bl-lg-0 {
        border-left: 0 !important;
    }

    .b-lg-1 {
        border: 1px solid #ccc !important;
    }

    .bt-lg-1 {
        border-top: 1px solid #ccc !important;
    }

    .br-lg-1 {
        border-right: 1px solid #ccc !important;
    }

    .bb-lg-1 {
        border-bottom: 1px solid #ccc !important;
    }

    .bl-lg-1 {
        border-left: 1px solid #ccc !important;
    }
}

@media(min-width:1440px) {
    .b-xl-0 {
        border: 0 !important;
    }

    .bt-xl-0 {
        border-top: 0 !important;
    }

    .br-xl-0 {
        border-right: 0 !important;
    }

    .bb-xl-0 {
        border-bottom: 0 !important;
    }

    .bl-xl-0 {
        border-left: 0 !important;
    }

    .b-xl-1 {
        border: 1px solid #ccc !important;
    }

    .bt-xl-1 {
        border-top: 1px solid #ccc !important;
    }

    .br-xl-1 {
        border-right: 1px solid #ccc !important;
    }

    .bb-xl-1 {
        border-bottom: 1px solid #ccc !important;
    }

    .bl-xl-1 {
        border-left: 1px solid #ccc !important;
    }
}

@media(min-width:1720px) {
    .b-xxl-0 {
        border: 0 !important;
    }

    .bt-xxl-0 {
        border-top: 0 !important;
    }

    .br-xxl-0 {
        border-right: 0 !important;
    }

    .bb-xxl-0 {
        border-bottom: 0 !important;
    }

    .bl-xxl-0 {
        border-left: 0 !important;
    }

    .b-xxl-1 {
        border: 1px solid #ccc !important;
    }

    .bt-xxl-1 {
        border-top: 1px solid #ccc !important;
    }

    .br-xxl-1 {
        border-right: 1px solid #ccc !important;
    }

    .bb-xxl-1 {
        border-bottom: 1px solid #ccc !important;
    }

    .bl-xxl-1 {
        border-left: 1px solid #ccc !important;
    }
}

@media(min-width:1920px) {
    .b-xxxl-0 {
        border: 0 !important;
    }

    .bt-xxxl-0 {
        border-top: 0 !important;
    }

    .br-xxxl-0 {
        border-right: 0 !important;
    }

    .bb-xxxl-0 {
        border-bottom: 0 !important;
    }

    .bl-xxxl-0 {
        border-left: 0 !important;
    }

    .b-xxxl-1 {
        border: 1px solid #ccc !important;
    }

    .bt-xxxl-1 {
        border-top: 1px solid #ccc !important;
    }

    .br-xxxl-1 {
        border-right: 1px solid #ccc !important;
    }

    .bb-xxxl-1 {
        border-bottom: 1px solid #ccc !important;
    }

    .bl-xxxl-1 {
        border-left: 1px solid #ccc !important;
    }
}
/* margins
----------------------------------------------------------*/
.m0 {
    margin: 0px !important;
}

.m1 {
    margin: 1px !important;
}

.m2 {
    margin: 2px !important;
}

.m3 {
    margin: 3px !important;
}

.m4 {
    margin: 4px !important;
}

.m5 {
    margin: 5px !important;
}

.m6 {
    margin: 6px !important;
}

.m7 {
    margin: 7px !important;
}

.m8 {
    margin: 8px !important;
}

.m9 {
    margin: 9px !important;
}

.m10 {
    margin: 10px !important;
}

.m15 {
    margin: 15px !important;
}

.m20 {
    margin: 20px !important;
}

.m25 {
    margin: 25px !important;
}

.m30 {
    margin: 30px !important;
}

.m40 {
    margin: 40px !important;
}

.mt0 {
    margin-top: 0px !important;
}

.mt1 {
    margin-top: 1px !important;
}

.mt2 {
    margin-top: 2px !important;
}

.mt3 {
    margin-top: 3px !important;
}

.mt4 {
    margin-top: 4px !important;
}

.mt5 {
    margin-top: 5px !important;
}

.mt6 {
    margin-top: 6px !important;
}

.mt7 {
    margin-top: 7px !important;
}

.mt8 {
    margin-top: 8px !important;
}

.mt9 {
    margin-top: 9px !important;
}

.mt10 {
    margin-top: 10px !important;
}

.mt15 {
    margin-top: 15px !important;
}

.mt20 {
    margin-top: 20px !important;
}

.mt25 {
    margin-top: 25px !important;
}

.mt30 {
    margin-top: 30px !important;
}

.mt40 {
    margin-top: 40px !important;
}

.mb0 {
    margin-bottom: 0px !important;
}

.mb1 {
    margin-bottom: 1px !important;
}

.mb2 {
    margin-bottom: 2px !important;
}

.mb3 {
    margin-bottom: 3px !important;
}

.mb4 {
    margin-bottom: 4px !important;
}

.mb5 {
    margin-bottom: 5px !important;
}

.mb6 {
    margin-bottom: 6px !important;
}

.mb7 {
    margin-bottom: 7px !important;
}

.mb8 {
    margin-bottom: 8px !important;
}

.mb9 {
    margin-bottom: 9px !important;
}

.mb10 {
    margin-bottom: 10px !important;
}

.mb15 {
    margin-bottom: 15px !important;
}

.mb20 {
    margin-bottom: 20px !important;
}

.mb25 {
    margin-bottom: 25px !important;
}

.mb30 {
    margin-bottom: 30px !important;
}

.mb40 {
    margin-bottom: 40px !important;
}

.ml0 {
    margin-left: 0px !important;
}

.ml1 {
    margin-left: 1px !important;
}

.ml2 {
    margin-left: 2px !important;
}

.ml3 {
    margin-left: 3px !important;
}

.ml4 {
    margin-left: 4px !important;
}

.ml5 {
    margin-left: 5px !important;
}

.ml6 {
    margin-left: 6px !important;
}

.ml7 {
    margin-left: 7px !important;
}

.ml8 {
    margin-left: 8px !important;
}

.ml9 {
    margin-left: 9px !important;
}

.ml10 {
    margin-left: 10px !important;
}

.ml15 {
    margin-left: 15px !important;
}

.ml20 {
    margin-left: 20px !important;
}

.ml25 {
    margin-left: 25px !important;
}

.ml30 {
    margin-left: 30px !important;
}

.ml40 {
    margin-left: 40px !important;
}

.ml100 {
    margin-left: 100px !important;
}

.mr0 {
    margin-right: 0px !important;
}

.mr1 {
    margin-right: 1px !important;
}

.mr2 {
    margin-right: 2px !important;
}

.mr3 {
    margin-right: 3px !important;
}

.mr4 {
    margin-right: 4px !important;
}

.mr5 {
    margin-right: 5px !important;
}

.mr6 {
    margin-right: 6px !important;
}

.mr7 {
    margin-right: 7px !important;
}

.mr8 {
    margin-right: 8px !important;
}

.mr9 {
    margin-right: 9px !important;
}

.mr10 {
    margin-right: 10px !important;
}

.mr15 {
    margin-right: 15px !important;
}

.mr20 {
    margin-right: 20px !important;
}

.mr25 {
    margin-right: 25px !important;
}

.mr30 {
    margin-right: 30px !important;
}

.mr40 {
    margin-right: 40px !important;
}

.mx0 {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.mx1 {
    margin-left: 1px !important;
    margin-right: 1px !important;
}

.mx2 {
    margin-left: 2px !important;
    margin-right: 2px !important;
}

.mx3 {
    margin-left: 3px !important;
    margin-right: 3px !important;
}

.mx4 {
    margin-left: 4px !important;
    margin-right: 4px !important;
}

.mx5 {
    margin-left: 5px !important;
    margin-right: 5px !important;
}

.mx6 {
    margin-left: 6px !important;
    margin-right: 6px !important;
}

.mx7 {
    margin-left: 7px !important;
    margin-right: 7px !important;
}

.mx8 {
    margin-left: 8px !important;
    margin-right: 8px !important;
}

.mx9 {
    margin-left: 9px !important;
    margin-right: 9px !important;
}

.mx10 {
    margin-left: 10px !important;
    margin-right: 10px !important;
}

.mx15 {
    margin-left: 15px !important;
    margin-right: 15px !important;
}

.mx20 {
    margin-left: 20px !important;
    margin-right: 20px !important;
}

.mx25 {
    margin-left: 25px !important;
    margin-right: 25px !important;
}

.mx30 {
    margin-left: 30px !important;
    margin-right: 30px !important;
}

.mx40 {
    margin-left: 40px !important;
    margin-right: 40px !important;
}

.my0 {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.my1 {
    margin-top: 1px !important;
    margin-bottom: 1px !important;
}

.my2 {
    margin-top: 2px !important;
    margin-bottom: 2px !important;
}

.my3 {
    margin-top: 3px !important;
    margin-bottom: 3px !important;
}

.my4 {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
}

.my5 {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}

.my6 {
    margin-top: 6px !important;
    margin-bottom: 6px !important;
}

.my7 {
    margin-top: 7px !important;
    margin-bottom: 7px !important;
}

.my8 {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
}

.my9 {
    margin-top: 9px !important;
    margin-bottom: 9px !important;
}

.my10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

.my15 {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
}

.my20 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}

.my25 {
    margin-top: 25px !important;
    margin-bottom: 25px !important;
}

.my30 {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
}

.my40 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
}

/* padding
----------------------------------------------------------*/

.p0 {
    padding: 0px !important;
}

.p1 {
    padding: 1px !important;
}

.p2 {
    padding: 2px !important;
}

.p3 {
    padding: 3px !important;
}

.p4 {
    padding: 4px !important;
}

.p5 {
    padding: 5px !important;
}

.p6 {
    padding: 6px !important;
}

.p7 {
    padding: 7px !important;
}

.p8 {
    padding: 8px !important;
}

.p9 {
    padding: 9px !important;
}

.p10 {
    padding: 10px !important;
}

.p15 {
    padding: 15px !important;
}

.p20 {
    padding: 20px !important;
}

.p25 {
    padding: 25px !important;
}

.p30 {
    padding: 30px !important;
}

.pt0 {
    padding-top: 0px !important;
}

.pt1 {
    padding-top: 1px !important;
}

.pt2 {
    padding-top: 2px !important;
}

.pt3 {
    padding-top: 3px !important;
}

.pt4 {
    padding-top: 4px !important;
}

.pt5 {
    padding-top: 5px !important;
}

.pt6 {
    padding-top: 6px !important;
}

.pt7 {
    padding-top: 7px !important;
}

.pt8 {
    padding-top: 8px !important;
}

.pt9 {
    padding-top: 9px !important;
}

.pt10 {
    padding-top: 10px !important;
}

.pt15 {
    padding-top: 15px !important;
}

.pt20 {
    padding-top: 20px !important;
}

.pt25 {
    padding-top: 25px !important;
}

.pt30 {
    padding-top: 30px !important;
}

.pb0 {
    padding-bottom: 0px !important;
}

.pb1 {
    padding-bottom: 1px !important;
}

.pb2 {
    padding-bottom: 2px !important;
}

.pb3 {
    padding-bottom: 3px !important;
}

.pb4 {
    padding-bottom: 4px !important;
}

.pb5 {
    padding-bottom: 5px !important;
}

.pb6 {
    padding-bottom: 6px !important;
}

.pb7 {
    padding-bottom: 7px !important;
}

.pb8 {
    padding-bottom: 8px !important;
}

.pb9 {
    padding-bottom: 9px !important;
}

.pb10 {
    padding-bottom: 10px !important;
}

.pb15 {
    padding-bottom: 15px !important;
}

.pb20 {
    padding-bottom: 20px !important;
}

.pb25 {
    padding-bottom: 25px !important;
}

.pb30 {
    padding-bottom: 30px !important;
}

.pl0 {
    padding-left: 0px !important;
}

.pl1 {
    padding-left: 1px !important;
}

.pl2 {
    padding-left: 2px !important;
}

.pl3 {
    padding-left: 3px !important;
}

.pl4 {
    padding-left: 4px !important;
}

.pl5 {
    padding-left: 5px !important;
}

.pl6 {
    padding-left: 6px !important;
}

.pl7 {
    padding-left: 7px !important;
}

.pl8 {
    padding-left: 8px !important;
}

.pl9 {
    padding-left: 9px !important;
}

.pl10 {
    padding-left: 10px !important;
}

.pl15 {
    padding-left: 15px !important;
}

.pl20 {
    padding-left: 20px !important;
}

.pl25 {
    padding-left: 25px !important;
}

.pl30 {
    padding-left: 30px !important;
}

.pr0 {
    padding-right: 0px !important;
}

.pr1 {
    padding-right: 1px !important;
}

.pr2 {
    padding-right: 2px !important;
}

.pr3 {
    padding-right: 3px !important;
}

.pr4 {
    padding-right: 4px !important;
}

.pr5 {
    padding-right: 5px !important;
}

.pr6 {
    padding-right: 6px !important;
}

.pr7 {
    padding-right: 7px !important;
}

.pr8 {
    padding-right: 8px !important;
}

.pr9 {
    padding-right: 9px !important;
}

.pr10 {
    padding-right: 10px !important;
}

.pr15 {
    padding-right: 15px !important;
}

.pr20 {
    padding-right: 20px !important;
}

.pr25 {
    padding-right: 25px !important;
}

.pr30 {
    padding-right: 30px !important;
}

.px0 {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.px1 {
    padding-left: 1px !important;
    padding-right: 1px !important;
}

.px2 {
    padding-left: 2px !important;
    padding-right: 2px !important;
}

.px3 {
    padding-left: 3px !important;
    padding-right: 3px !important;
}

.px4 {
    padding-left: 4px !important;
    padding-right: 4px !important;
}

.px5 {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.px6 {
    padding-left: 6px !important;
    padding-right: 6px !important;
}

.px7 {
    padding-left: 7px !important;
    padding-right: 7px !important;
}

.px8 {
    padding-left: 8px !important;
    padding-right: 8px !important;
}

.px9 {
    padding-left: 9px !important;
    padding-right: 9px !important;
}

.px10 {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.px15 {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.px20 {
    padding-left: 20px !important;
    padding-right: 20px !important;
}

.px25 {
    padding-left: 25px !important;
    padding-right: 25px !important;
}

.px30 {
    padding-left: 30px !important;
    padding-right: 30px !important;
}

.py0 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.py1 {
    padding-top: 1px !important;
    padding-bottom: 1px !important;
}

.py2 {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
}

.py3 {
    padding-top: 3px !important;
    padding-bottom: 3px !important;
}

.py4 {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
}

.py5 {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.py6 {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
}

.py7 {
    padding-top: 7px !important;
    padding-bottom: 7px !important;
}

.py8 {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}

.py9 {
    padding-top: 9px !important;
    padding-bottom: 9px !important;
}

.py10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.py15 {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}

.py20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

.py25 {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
}

.py30 {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}

@media(max-width:767px) {
    /* margins
    ----------------------------------------------------------*/

    .m-xs-0 {
        margin: 0px !important;
    }

    .m-xs-1 {
        margin: 1px !important;
    }

    .m-xs-2 {
        margin: 2px !important;
    }

    .m-xs-3 {
        margin: 3px !important;
    }

    .m-xs-4 {
        margin: 4px !important;
    }

    .m-xs-5 {
        margin: 5px !important;
    }

    .m-xs-6 {
        margin: 6px !important;
    }

    .m-xs-7 {
        margin: 7px !important;
    }

    .m-xs-8 {
        margin: 8px !important;
    }

    .m-xs-9 {
        margin: 9px !important;
    }

    .m-xs-10 {
        margin: 10px !important;
    }

    .m-xs-15 {
        margin: 15px !important;
    }

    .m-xs-20 {
        margin: 20px !important;
    }

    .m-xs-25 {
        margin: 25px !important;
    }

    .m-xs-30 {
        margin: 30px !important;
    }

    .m-xs-40 {
        margin: 40px !important;
    }

    .mt-xs-0 {
        margin-top: 0px !important;
    }

    .mt-xs-1 {
        margin-top: 1px !important;
    }

    .mt-xs-2 {
        margin-top: 2px !important;
    }

    .mt-xs-3 {
        margin-top: 3px !important;
    }

    .mt-xs-4 {
        margin-top: 4px !important;
    }

    .mt-xs-5 {
        margin-top: 5px !important;
    }

    .mt-xs-6 {
        margin-top: 6px !important;
    }

    .mt-xs-7 {
        margin-top: 7px !important;
    }

    .mt-xs-8 {
        margin-top: 8px !important;
    }

    .mt-xs-9 {
        margin-top: 9px !important;
    }

    .mt-xs-10 {
        margin-top: 10px !important;
    }

    .mt-xs-15 {
        margin-top: 15px !important;
    }

    .mt-xs-20 {
        margin-top: 20px !important;
    }

    .mt-xs-25 {
        margin-top: 25px !important;
    }

    .mt-xs-30 {
        margin-top: 30px !important;
    }

    .mt-xs-40 {
        margin-top: 40px !important;
    }

    .mb-xs-0 {
        margin-bottom: 0px !important;
    }

    .mb-xs-1 {
        margin-bottom: 1px !important;
    }

    .mb-xs-2 {
        margin-bottom: 2px !important;
    }

    .mb-xs-3 {
        margin-bottom: 3px !important;
    }

    .mb-xs-4 {
        margin-bottom: 4px !important;
    }

    .mb-xs-5 {
        margin-bottom: 5px !important;
    }

    .mb-xs-6 {
        margin-bottom: 6px !important;
    }

    .mb-xs-7 {
        margin-bottom: 7px !important;
    }

    .mb-xs-8 {
        margin-bottom: 8px !important;
    }

    .mb-xs-9 {
        margin-bottom: 9px !important;
    }

    .mb-xs-10 {
        margin-bottom: 10px !important;
    }

    .mb-xs-15 {
        margin-bottom: 15px !important;
    }

    .mb-xs-20 {
        margin-bottom: 20px !important;
    }

    .mb-xs-25 {
        margin-bottom: 25px !important;
    }

    .mb-xs-30 {
        margin-bottom: 30px !important;
    }

    .mb-xs-40 {
        margin-bottom: 40px !important;
    }

    .ml-xs-0 {
        margin-left: 0px !important;
    }

    .ml-xs-1 {
        margin-left: 1px !important;
    }

    .ml-xs-2 {
        margin-left: 2px !important;
    }

    .ml-xs-3 {
        margin-left: 3px !important;
    }

    .ml-xs-4 {
        margin-left: 4px !important;
    }

    .ml-xs-5 {
        margin-left: 5px !important;
    }

    .ml-xs-6 {
        margin-left: 6px !important;
    }

    .ml-xs-7 {
        margin-left: 7px !important;
    }

    .ml-xs-8 {
        margin-left: 8px !important;
    }

    .ml-xs-9 {
        margin-left: 9px !important;
    }

    .ml-xs-10 {
        margin-left: 10px !important;
    }

    .ml-xs-15 {
        margin-left: 15px !important;
    }

    .ml-xs-20 {
        margin-left: 20px !important;
    }

    .ml-xs-25 {
        margin-left: 25px !important;
    }

    .ml-xs-30 {
        margin-left: 30px !important;
    }

    .ml-xs-40 {
        margin-left: 40px !important;
    }

    .ml-xs-100 {
        margin-left: 100px !important;
    }

    .mr-xs-0 {
        margin-right: 0px !important;
    }

    .mr-xs-1 {
        margin-right: 1px !important;
    }

    .mr-xs-2 {
        margin-right: 2px !important;
    }

    .mr-xs-3 {
        margin-right: 3px !important;
    }

    .mr-xs-4 {
        margin-right: 4px !important;
    }

    .mr-xs-5 {
        margin-right: 5px !important;
    }

    .mr-xs-6 {
        margin-right: 6px !important;
    }

    .mr-xs-7 {
        margin-right: 7px !important;
    }

    .mr-xs-8 {
        margin-right: 8px !important;
    }

    .mr-xs-9 {
        margin-right: 9px !important;
    }

    .mr-xs-10 {
        margin-right: 10px !important;
    }

    .mr-xs-15 {
        margin-right: 15px !important;
    }

    .mr-xs-20 {
        margin-right: 20px !important;
    }

    .mr-xs-25 {
        margin-right: 25px !important;
    }

    .mr-xs-30 {
        margin-right: 30px !important;
    }

    .mr-xs-40 {
        margin-right: 40px !important;
    }

    .mx-xs-0 {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }

    .mx-xs-1 {
        margin-left: 1px !important;
        margin-right: 1px !important;
    }

    .mx-xs-2 {
        margin-left: 2px !important;
        margin-right: 2px !important;
    }

    .mx-xs-3 {
        margin-left: 3px !important;
        margin-right: 3px !important;
    }

    .mx-xs-4 {
        margin-left: 4px !important;
        margin-right: 4px !important;
    }

    .mx-xs-5 {
        margin-left: 5px !important;
        margin-right: 5px !important;
    }

    .mx-xs-6 {
        margin-left: 6px !important;
        margin-right: 6px !important;
    }

    .mx-xs-7 {
        margin-left: 7px !important;
        margin-right: 7px !important;
    }

    .mx-xs-8 {
        margin-left: 8px !important;
        margin-right: 8px !important;
    }

    .mx-xs-9 {
        margin-left: 9px !important;
        margin-right: 9px !important;
    }

    .mx-xs-10 {
        margin-left: 10px !important;
        margin-right: 10px !important;
    }

    .mx-xs-15 {
        margin-left: 15px !important;
        margin-right: 15px !important;
    }

    .mx-xs-20 {
        margin-left: 20px !important;
        margin-right: 20px !important;
    }

    .mx-xs-25 {
        margin-left: 25px !important;
        margin-right: 25px !important;
    }

    .mx-xs-30 {
        margin-left: 30px !important;
        margin-right: 30px !important;
    }

    .mx-xs-40 {
        margin-left: 40px !important;
        margin-right: 40px !important;
    }

    .my-xs-0 {
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

    .my-xs-1 {
        margin-top: 1px !important;
        margin-bottom: 1px !important;
    }

    .my-xs-2 {
        margin-top: 2px !important;
        margin-bottom: 2px !important;
    }

    .my-xs-3 {
        margin-top: 3px !important;
        margin-bottom: 3px !important;
    }

    .my-xs-4 {
        margin-top: 4px !important;
        margin-bottom: 4px !important;
    }

    .my-xs-5 {
        margin-top: 5px !important;
        margin-bottom: 5px !important;
    }

    .my-xs-6 {
        margin-top: 6px !important;
        margin-bottom: 6px !important;
    }

    .my-xs-7 {
        margin-top: 7px !important;
        margin-bottom: 7px !important;
    }

    .my-xs-8 {
        margin-top: 8px !important;
        margin-bottom: 8px !important;
    }

    .my-xs-9 {
        margin-top: 9px !important;
        margin-bottom: 9px !important;
    }

    .my-xs-10 {
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }

    .my-xs-15 {
        margin-top: 15px !important;
        margin-bottom: 15px !important;
    }

    .my-xs-20 {
        margin-top: 20px !important;
        margin-bottom: 20px !important;
    }

    .my-xs-25 {
        margin-top: 25px !important;
        margin-bottom: 25px !important;
    }

    .my-xs-30 {
        margin-top: 30px !important;
        margin-bottom: 30px !important;
    }

    .my-xs-40 {
        margin-top: 40px !important;
        margin-bottom: 40px !important;
    }

    /* padding
----------------------------------------------------------*/

    .p-xs-0 {
        padding: 0px !important;
    }

    .p-xs-1 {
        padding: 1px !important;
    }

    .p-xs-2 {
        padding: 2px !important;
    }

    .p-xs-3 {
        padding: 3px !important;
    }

    .p-xs-4 {
        padding: 4px !important;
    }

    .p-xs-5 {
        padding: 5px !important;
    }

    .p-xs-6 {
        padding: 6px !important;
    }

    .p-xs-7 {
        padding: 7px !important;
    }

    .p-xs-8 {
        padding: 8px !important;
    }

    .p-xs-9 {
        padding: 9px !important;
    }

    .p-xs-10 {
        padding: 10px !important;
    }

    .p-xs-15 {
        padding: 15px !important;
    }

    .p-xs-20 {
        padding: 20px !important;
    }

    .p-xs-25 {
        padding: 25px !important;
    }

    .p-xs-30 {
        padding: 30px !important;
    }

    .pt-xs-0 {
        padding-top: 0px !important;
    }

    .pt-xs-1 {
        padding-top: 1px !important;
    }

    .pt-xs-2 {
        padding-top: 2px !important;
    }

    .pt-xs-3 {
        padding-top: 3px !important;
    }

    .pt-xs-4 {
        padding-top: 4px !important;
    }

    .pt-xs-5 {
        padding-top: 5px !important;
    }

    .pt-xs-6 {
        padding-top: 6px !important;
    }

    .pt-xs-7 {
        padding-top: 7px !important;
    }

    .pt-xs-8 {
        padding-top: 8px !important;
    }

    .pt-xs-9 {
        padding-top: 9px !important;
    }

    .pt-xs-10 {
        padding-top: 10px !important;
    }

    .pt-xs-15 {
        padding-top: 15px !important;
    }

    .pt-xs-20 {
        padding-top: 20px !important;
    }

    .pt-xs-25 {
        padding-top: 25px !important;
    }

    .pt-xs-30 {
        padding-top: 30px !important;
    }

    .pb-xs-0 {
        padding-bottom: 0px !important;
    }

    .pb-xs-1 {
        padding-bottom: 1px !important;
    }

    .pb-xs-2 {
        padding-bottom: 2px !important;
    }

    .pb-xs-3 {
        padding-bottom: 3px !important;
    }

    .pb-xs-4 {
        padding-bottom: 4px !important;
    }

    .pb-xs-5 {
        padding-bottom: 5px !important;
    }

    .pb-xs-6 {
        padding-bottom: 6px !important;
    }

    .pb-xs-7 {
        padding-bottom: 7px !important;
    }

    .pb-xs-8 {
        padding-bottom: 8px !important;
    }

    .pb-xs-9 {
        padding-bottom: 9px !important;
    }

    .pb-xs-10 {
        padding-bottom: 10px !important;
    }

    .pb-xs-15 {
        padding-bottom: 15px !important;
    }

    .pb-xs-20 {
        padding-bottom: 20px !important;
    }

    .pb-xs-25 {
        padding-bottom: 25px !important;
    }

    .pb-xs-30 {
        padding-bottom: 30px !important;
    }

    .pl-xs-0 {
        padding-left: 0px !important;
    }

    .pl-xs-1 {
        padding-left: 1px !important;
    }

    .pl-xs-2 {
        padding-left: 2px !important;
    }

    .pl-xs-3 {
        padding-left: 3px !important;
    }

    .pl-xs-4 {
        padding-left: 4px !important;
    }

    .pl-xs-5 {
        padding-left: 5px !important;
    }

    .pl-xs-6 {
        padding-left: 6px !important;
    }

    .pl-xs-7 {
        padding-left: 7px !important;
    }

    .pl-xs-8 {
        padding-left: 8px !important;
    }

    .pl-xs-9 {
        padding-left: 9px !important;
    }

    .pl-xs-10 {
        padding-left: 10px !important;
    }

    .pl-xs-15 {
        padding-left: 15px !important;
    }

    .pl-xs-20 {
        padding-left: 20px !important;
    }

    .pl-xs-25 {
        padding-left: 25px !important;
    }

    .pl-xs-30 {
        padding-left: 30px !important;
    }

    .pr-xs-0 {
        padding-right: 0px !important;
    }

    .pr-xs-1 {
        padding-right: 1px !important;
    }

    .pr-xs-2 {
        padding-right: 2px !important;
    }

    .pr-xs-3 {
        padding-right: 3px !important;
    }

    .pr-xs-4 {
        padding-right: 4px !important;
    }

    .pr-xs-5 {
        padding-right: 5px !important;
    }

    .pr-xs-6 {
        padding-right: 6px !important;
    }

    .pr-xs-7 {
        padding-right: 7px !important;
    }

    .pr-xs-8 {
        padding-right: 8px !important;
    }

    .pr-xs-9 {
        padding-right: 9px !important;
    }

    .pr-xs-10 {
        padding-right: 10px !important;
    }

    .pr-xs-15 {
        padding-right: 15px !important;
    }

    .pr-xs-20 {
        padding-right: 20px !important;
    }

    .pr-xs-25 {
        padding-right: 25px !important;
    }

    .pr-xs-30 {
        padding-right: 30px !important;
    }

    .px-xs-0 {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .px-xs-1 {
        padding-left: 1px !important;
        padding-right: 1px !important;
    }

    .px-xs-2 {
        padding-left: 2px !important;
        padding-right: 2px !important;
    }

    .px-xs-3 {
        padding-left: 3px !important;
        padding-right: 3px !important;
    }

    .px-xs-4 {
        padding-left: 4px !important;
        padding-right: 4px !important;
    }

    .px-xs-5 {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

    .px-xs-6 {
        padding-left: 6px !important;
        padding-right: 6px !important;
    }

    .px-xs-7 {
        padding-left: 7px !important;
        padding-right: 7px !important;
    }

    .px-xs-8 {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

    .px-xs-9 {
        padding-left: 9px !important;
        padding-right: 9px !important;
    }

    .px-xs-10 {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .px-xs-15 {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .px-xs-20 {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .px-xs-25 {
        padding-left: 25px !important;
        padding-right: 25px !important;
    }

    .px-xs-30 {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }

    .py-xs-0 {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }

    .py-xs-1 {
        padding-top: 1px !important;
        padding-bottom: 1px !important;
    }

    .py-xs-2 {
        padding-top: 2px !important;
        padding-bottom: 2px !important;
    }

    .py-xs-3 {
        padding-top: 3px !important;
        padding-bottom: 3px !important;
    }

    .py-xs-4 {
        padding-top: 4px !important;
        padding-bottom: 4px !important;
    }

    .py-xs-5 {
        padding-top: 5px !important;
        padding-bottom: 5px !important;
    }

    .py-xs-6 {
        padding-top: 6px !important;
        padding-bottom: 6px !important;
    }

    .py-xs-7 {
        padding-top: 7px !important;
        padding-bottom: 7px !important;
    }

    .py-xs-8 {
        padding-top: 8px !important;
        padding-bottom: 8px !important;
    }

    .py-xs-9 {
        padding-top: 9px !important;
        padding-bottom: 9px !important;
    }

    .py-xs-10 {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }

    .py-xs-15 {
        padding-top: 15px !important;
        padding-bottom: 15px !important;
    }

    .py-xs-20 {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }

    .py-xs-25 {
        padding-top: 25px !important;
        padding-bottom: 25px !important;
    }

    .py-xs-30 {
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }
}

@media(min-width:768px) {
    /* margins
    ----------------------------------------------------------*/

    .m-sm-0 {
        margin: 0px !important;
    }

    .m-sm-1 {
        margin: 1px !important;
    }

    .m-sm-2 {
        margin: 2px !important;
    }

    .m-sm-3 {
        margin: 3px !important;
    }

    .m-sm-4 {
        margin: 4px !important;
    }

    .m-sm-5 {
        margin: 5px !important;
    }

    .m-sm-6 {
        margin: 6px !important;
    }

    .m-sm-7 {
        margin: 7px !important;
    }

    .m-sm-8 {
        margin: 8px !important;
    }

    .m-sm-9 {
        margin: 9px !important;
    }

    .m-sm-10 {
        margin: 10px !important;
    }

    .m-sm-15 {
        margin: 15px !important;
    }

    .m-sm-20 {
        margin: 20px !important;
    }

    .m-sm-25 {
        margin: 25px !important;
    }

    .m-sm-30 {
        margin: 30px !important;
    }

    .m-sm-40 {
        margin: 40px !important;
    }

    .mt-sm-0 {
        margin-top: 0px !important;
    }

    .mt-sm-1 {
        margin-top: 1px !important;
    }

    .mt-sm-2 {
        margin-top: 2px !important;
    }

    .mt-sm-3 {
        margin-top: 3px !important;
    }

    .mt-sm-4 {
        margin-top: 4px !important;
    }

    .mt-sm-5 {
        margin-top: 5px !important;
    }

    .mt-sm-6 {
        margin-top: 6px !important;
    }

    .mt-sm-7 {
        margin-top: 7px !important;
    }

    .mt-sm-8 {
        margin-top: 8px !important;
    }

    .mt-sm-9 {
        margin-top: 9px !important;
    }

    .mt-sm-10 {
        margin-top: 10px !important;
    }

    .mt-sm-15 {
        margin-top: 15px !important;
    }

    .mt-sm-20 {
        margin-top: 20px !important;
    }

    .mt-sm-25 {
        margin-top: 25px !important;
    }

    .mt-sm-30 {
        margin-top: 30px !important;
    }

    .mt-sm-40 {
        margin-top: 40px !important;
    }

    .mb-sm-0 {
        margin-bottom: 0px !important;
    }

    .mb-sm-1 {
        margin-bottom: 1px !important;
    }

    .mb-sm-2 {
        margin-bottom: 2px !important;
    }

    .mb-sm-3 {
        margin-bottom: 3px !important;
    }

    .mb-sm-4 {
        margin-bottom: 4px !important;
    }

    .mb-sm-5 {
        margin-bottom: 5px !important;
    }

    .mb-sm-6 {
        margin-bottom: 6px !important;
    }

    .mb-sm-7 {
        margin-bottom: 7px !important;
    }

    .mb-sm-8 {
        margin-bottom: 8px !important;
    }

    .mb-sm-9 {
        margin-bottom: 9px !important;
    }

    .mb-sm-10 {
        margin-bottom: 10px !important;
    }

    .mb-sm-15 {
        margin-bottom: 15px !important;
    }

    .mb-sm-20 {
        margin-bottom: 20px !important;
    }

    .mb-sm-25 {
        margin-bottom: 25px !important;
    }

    .mb-sm-30 {
        margin-bottom: 30px !important;
    }

    .mb-sm-40 {
        margin-bottom: 40px !important;
    }

    .ml-sm-0 {
        margin-left: 0px !important;
    }

    .ml-sm-1 {
        margin-left: 1px !important;
    }

    .ml-sm-2 {
        margin-left: 2px !important;
    }

    .ml-sm-3 {
        margin-left: 3px !important;
    }

    .ml-sm-4 {
        margin-left: 4px !important;
    }

    .ml-sm-5 {
        margin-left: 5px !important;
    }

    .ml-sm-6 {
        margin-left: 6px !important;
    }

    .ml-sm-7 {
        margin-left: 7px !important;
    }

    .ml-sm-8 {
        margin-left: 8px !important;
    }

    .ml-sm-9 {
        margin-left: 9px !important;
    }

    .ml-sm-10 {
        margin-left: 10px !important;
    }

    .ml-sm-15 {
        margin-left: 15px !important;
    }

    .ml-sm-20 {
        margin-left: 20px !important;
    }

    .ml-sm-25 {
        margin-left: 25px !important;
    }

    .ml-sm-30 {
        margin-left: 30px !important;
    }

    .ml-sm-40 {
        margin-left: 40px !important;
    }

    .ml-sm-100 {
        margin-left: 100px !important;
    }

    .mr-sm-0 {
        margin-right: 0px !important;
    }

    .mr-sm-1 {
        margin-right: 1px !important;
    }

    .mr-sm-2 {
        margin-right: 2px !important;
    }

    .mr-sm-3 {
        margin-right: 3px !important;
    }

    .mr-sm-4 {
        margin-right: 4px !important;
    }

    .mr-sm-5 {
        margin-right: 5px !important;
    }

    .mr-sm-6 {
        margin-right: 6px !important;
    }

    .mr-sm-7 {
        margin-right: 7px !important;
    }

    .mr-sm-8 {
        margin-right: 8px !important;
    }

    .mr-sm-9 {
        margin-right: 9px !important;
    }

    .mr-sm-10 {
        margin-right: 10px !important;
    }

    .mr-sm-15 {
        margin-right: 15px !important;
    }

    .mr-sm-20 {
        margin-right: 20px !important;
    }

    .mr-sm-25 {
        margin-right: 25px !important;
    }

    .mr-sm-30 {
        margin-right: 30px !important;
    }

    .mr-sm-40 {
        margin-right: 40px !important;
    }

    .mx-sm-0 {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }

    .mx-sm-1 {
        margin-left: 1px !important;
        margin-right: 1px !important;
    }

    .mx-sm-2 {
        margin-left: 2px !important;
        margin-right: 2px !important;
    }

    .mx-sm-3 {
        margin-left: 3px !important;
        margin-right: 3px !important;
    }

    .mx-sm-4 {
        margin-left: 4px !important;
        margin-right: 4px !important;
    }

    .mx-sm-5 {
        margin-left: 5px !important;
        margin-right: 5px !important;
    }

    .mx-sm-6 {
        margin-left: 6px !important;
        margin-right: 6px !important;
    }

    .mx-sm-7 {
        margin-left: 7px !important;
        margin-right: 7px !important;
    }

    .mx-sm-8 {
        margin-left: 8px !important;
        margin-right: 8px !important;
    }

    .mx-sm-9 {
        margin-left: 9px !important;
        margin-right: 9px !important;
    }

    .mx-sm-10 {
        margin-left: 10px !important;
        margin-right: 10px !important;
    }

    .mx-sm-15 {
        margin-left: 15px !important;
        margin-right: 15px !important;
    }

    .mx-sm-20 {
        margin-left: 20px !important;
        margin-right: 20px !important;
    }

    .mx-sm-25 {
        margin-left: 25px !important;
        margin-right: 25px !important;
    }

    .mx-sm-30 {
        margin-left: 30px !important;
        margin-right: 30px !important;
    }

    .mx-sm-40 {
        margin-left: 40px !important;
        margin-right: 40px !important;
    }

    .my-sm-0 {
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

    .my-sm-1 {
        margin-top: 1px !important;
        margin-bottom: 1px !important;
    }

    .my-sm-2 {
        margin-top: 2px !important;
        margin-bottom: 2px !important;
    }

    .my-sm-3 {
        margin-top: 3px !important;
        margin-bottom: 3px !important;
    }

    .my-sm-4 {
        margin-top: 4px !important;
        margin-bottom: 4px !important;
    }

    .my-sm-5 {
        margin-top: 5px !important;
        margin-bottom: 5px !important;
    }

    .my-sm-6 {
        margin-top: 6px !important;
        margin-bottom: 6px !important;
    }

    .my-sm-7 {
        margin-top: 7px !important;
        margin-bottom: 7px !important;
    }

    .my-sm-8 {
        margin-top: 8px !important;
        margin-bottom: 8px !important;
    }

    .my-sm-9 {
        margin-top: 9px !important;
        margin-bottom: 9px !important;
    }

    .my-sm-10 {
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }

    .my-sm-15 {
        margin-top: 15px !important;
        margin-bottom: 15px !important;
    }

    .my-sm-20 {
        margin-top: 20px !important;
        margin-bottom: 20px !important;
    }

    .my-sm-25 {
        margin-top: 25px !important;
        margin-bottom: 25px !important;
    }

    .my-sm-30 {
        margin-top: 30px !important;
        margin-bottom: 30px !important;
    }

    .my-sm-40 {
        margin-top: 40px !important;
        margin-bottom: 40px !important;
    }

    /* padding
----------------------------------------------------------*/

    .p-sm-0 {
        padding: 0px !important;
    }

    .p-sm-1 {
        padding: 1px !important;
    }

    .p-sm-2 {
        padding: 2px !important;
    }

    .p-sm-3 {
        padding: 3px !important;
    }

    .p-sm-4 {
        padding: 4px !important;
    }

    .p-sm-5 {
        padding: 5px !important;
    }

    .p-sm-6 {
        padding: 6px !important;
    }

    .p-sm-7 {
        padding: 7px !important;
    }

    .p-sm-8 {
        padding: 8px !important;
    }

    .p-sm-9 {
        padding: 9px !important;
    }

    .p-sm-10 {
        padding: 10px !important;
    }

    .p-sm-15 {
        padding: 15px !important;
    }

    .p-sm-20 {
        padding: 20px !important;
    }

    .p-sm-25 {
        padding: 25px !important;
    }

    .p-sm-30 {
        padding: 30px !important;
    }

    .pt-sm-0 {
        padding-top: 0px !important;
    }

    .pt-sm-1 {
        padding-top: 1px !important;
    }

    .pt-sm-2 {
        padding-top: 2px !important;
    }

    .pt-sm-3 {
        padding-top: 3px !important;
    }

    .pt-sm-4 {
        padding-top: 4px !important;
    }

    .pt-sm-5 {
        padding-top: 5px !important;
    }

    .pt-sm-6 {
        padding-top: 6px !important;
    }

    .pt-sm-7 {
        padding-top: 7px !important;
    }

    .pt-sm-8 {
        padding-top: 8px !important;
    }

    .pt-sm-9 {
        padding-top: 9px !important;
    }

    .pt-sm-10 {
        padding-top: 10px !important;
    }

    .pt-sm-15 {
        padding-top: 15px !important;
    }

    .pt-sm-20 {
        padding-top: 20px !important;
    }

    .pt-sm-25 {
        padding-top: 25px !important;
    }

    .pt-sm-30 {
        padding-top: 30px !important;
    }

    .pb-sm-0 {
        padding-bottom: 0px !important;
    }

    .pb-sm-1 {
        padding-bottom: 1px !important;
    }

    .pb-sm-2 {
        padding-bottom: 2px !important;
    }

    .pb-sm-3 {
        padding-bottom: 3px !important;
    }

    .pb-sm-4 {
        padding-bottom: 4px !important;
    }

    .pb-sm-5 {
        padding-bottom: 5px !important;
    }

    .pb-sm-6 {
        padding-bottom: 6px !important;
    }

    .pb-sm-7 {
        padding-bottom: 7px !important;
    }

    .pb-sm-8 {
        padding-bottom: 8px !important;
    }

    .pb-sm-9 {
        padding-bottom: 9px !important;
    }

    .pb-sm-10 {
        padding-bottom: 10px !important;
    }

    .pb-sm-15 {
        padding-bottom: 15px !important;
    }

    .pb-sm-20 {
        padding-bottom: 20px !important;
    }

    .pb-sm-25 {
        padding-bottom: 25px !important;
    }

    .pb-sm-30 {
        padding-bottom: 30px !important;
    }

    .pl-sm-0 {
        padding-left: 0px !important;
    }

    .pl-sm-1 {
        padding-left: 1px !important;
    }

    .pl-sm-2 {
        padding-left: 2px !important;
    }

    .pl-sm-3 {
        padding-left: 3px !important;
    }

    .pl-sm-4 {
        padding-left: 4px !important;
    }

    .pl-sm-5 {
        padding-left: 5px !important;
    }

    .pl-sm-6 {
        padding-left: 6px !important;
    }

    .pl-sm-7 {
        padding-left: 7px !important;
    }

    .pl-sm-8 {
        padding-left: 8px !important;
    }

    .pl-sm-9 {
        padding-left: 9px !important;
    }

    .pl-sm-10 {
        padding-left: 10px !important;
    }

    .pl-sm-15 {
        padding-left: 15px !important;
    }

    .pl-sm-20 {
        padding-left: 20px !important;
    }

    .pl-sm-25 {
        padding-left: 25px !important;
    }

    .pl-sm-30 {
        padding-left: 30px !important;
    }

    .pr-sm-0 {
        padding-right: 0px !important;
    }

    .pr-sm-1 {
        padding-right: 1px !important;
    }

    .pr-sm-2 {
        padding-right: 2px !important;
    }

    .pr-sm-3 {
        padding-right: 3px !important;
    }

    .pr-sm-4 {
        padding-right: 4px !important;
    }

    .pr-sm-5 {
        padding-right: 5px !important;
    }

    .pr-sm-6 {
        padding-right: 6px !important;
    }

    .pr-sm-7 {
        padding-right: 7px !important;
    }

    .pr-sm-8 {
        padding-right: 8px !important;
    }

    .pr-sm-9 {
        padding-right: 9px !important;
    }

    .pr-sm-10 {
        padding-right: 10px !important;
    }

    .pr-sm-15 {
        padding-right: 15px !important;
    }

    .pr-sm-20 {
        padding-right: 20px !important;
    }

    .pr-sm-25 {
        padding-right: 25px !important;
    }

    .pr-sm-30 {
        padding-right: 30px !important;
    }

    .px-sm-0 {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .px-sm-1 {
        padding-left: 1px !important;
        padding-right: 1px !important;
    }

    .px-sm-2 {
        padding-left: 2px !important;
        padding-right: 2px !important;
    }

    .px-sm-3 {
        padding-left: 3px !important;
        padding-right: 3px !important;
    }

    .px-sm-4 {
        padding-left: 4px !important;
        padding-right: 4px !important;
    }

    .px-sm-5 {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

    .px-sm-6 {
        padding-left: 6px !important;
        padding-right: 6px !important;
    }

    .px-sm-7 {
        padding-left: 7px !important;
        padding-right: 7px !important;
    }

    .px-sm-8 {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

    .px-sm-9 {
        padding-left: 9px !important;
        padding-right: 9px !important;
    }

    .px-sm-10 {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .px-sm-15 {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .px-sm-20 {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .px-sm-25 {
        padding-left: 25px !important;
        padding-right: 25px !important;
    }

    .px-sm-30 {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }

    .py-sm-0 {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }

    .py-sm-1 {
        padding-top: 1px !important;
        padding-bottom: 1px !important;
    }

    .py-sm-2 {
        padding-top: 2px !important;
        padding-bottom: 2px !important;
    }

    .py-sm-3 {
        padding-top: 3px !important;
        padding-bottom: 3px !important;
    }

    .py-sm-4 {
        padding-top: 4px !important;
        padding-bottom: 4px !important;
    }

    .py-sm-5 {
        padding-top: 5px !important;
        padding-bottom: 5px !important;
    }

    .py-sm-6 {
        padding-top: 6px !important;
        padding-bottom: 6px !important;
    }

    .py-sm-7 {
        padding-top: 7px !important;
        padding-bottom: 7px !important;
    }

    .py-sm-8 {
        padding-top: 8px !important;
        padding-bottom: 8px !important;
    }

    .py-sm-9 {
        padding-top: 9px !important;
        padding-bottom: 9px !important;
    }

    .py-sm-10 {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }

    .py-sm-15 {
        padding-top: 15px !important;
        padding-bottom: 15px !important;
    }

    .py-sm-20 {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }

    .py-sm-25 {
        padding-top: 25px !important;
        padding-bottom: 25px !important;
    }

    .py-sm-30 {
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }
}

@media(min-width:1024px) {
    /* margins
    ----------------------------------------------------------*/

    .m-md-0 {
        margin: 0px !important;
    }

    .m-md-1 {
        margin: 1px !important;
    }

    .m-md-2 {
        margin: 2px !important;
    }

    .m-md-3 {
        margin: 3px !important;
    }

    .m-md-4 {
        margin: 4px !important;
    }

    .m-md-5 {
        margin: 5px !important;
    }

    .m-md-6 {
        margin: 6px !important;
    }

    .m-md-7 {
        margin: 7px !important;
    }

    .m-md-8 {
        margin: 8px !important;
    }

    .m-md-9 {
        margin: 9px !important;
    }

    .m-md-10 {
        margin: 10px !important;
    }

    .m-md-15 {
        margin: 15px !important;
    }

    .m-md-20 {
        margin: 20px !important;
    }

    .m-md-25 {
        margin: 25px !important;
    }

    .m-md-30 {
        margin: 30px !important;
    }

    .m-md-40 {
        margin: 40px !important;
    }

    .mt-md-0 {
        margin-top: 0px !important;
    }

    .mt-md-1 {
        margin-top: 1px !important;
    }

    .mt-md-2 {
        margin-top: 2px !important;
    }

    .mt-md-3 {
        margin-top: 3px !important;
    }

    .mt-md-4 {
        margin-top: 4px !important;
    }

    .mt-md-5 {
        margin-top: 5px !important;
    }

    .mt-md-6 {
        margin-top: 6px !important;
    }

    .mt-md-7 {
        margin-top: 7px !important;
    }

    .mt-md-8 {
        margin-top: 8px !important;
    }

    .mt-md-9 {
        margin-top: 9px !important;
    }

    .mt-md-10 {
        margin-top: 10px !important;
    }

    .mt-md-15 {
        margin-top: 15px !important;
    }

    .mt-md-20 {
        margin-top: 20px !important;
    }

    .mt-md-25 {
        margin-top: 25px !important;
    }

    .mt-md-30 {
        margin-top: 30px !important;
    }

    .mt-md-40 {
        margin-top: 40px !important;
    }

    .mb-md-0 {
        margin-bottom: 0px !important;
    }

    .mb-md-1 {
        margin-bottom: 1px !important;
    }

    .mb-md-2 {
        margin-bottom: 2px !important;
    }

    .mb-md-3 {
        margin-bottom: 3px !important;
    }

    .mb-md-4 {
        margin-bottom: 4px !important;
    }

    .mb-md-5 {
        margin-bottom: 5px !important;
    }

    .mb-md-6 {
        margin-bottom: 6px !important;
    }

    .mb-md-7 {
        margin-bottom: 7px !important;
    }

    .mb-md-8 {
        margin-bottom: 8px !important;
    }

    .mb-md-9 {
        margin-bottom: 9px !important;
    }

    .mb-md-10 {
        margin-bottom: 10px !important;
    }

    .mb-md-15 {
        margin-bottom: 15px !important;
    }

    .mb-md-20 {
        margin-bottom: 20px !important;
    }

    .mb-md-25 {
        margin-bottom: 25px !important;
    }

    .mb-md-30 {
        margin-bottom: 30px !important;
    }

    .mb-md-40 {
        margin-bottom: 40px !important;
    }

    .ml-md-0 {
        margin-left: 0px !important;
    }

    .ml-md-1 {
        margin-left: 1px !important;
    }

    .ml-md-2 {
        margin-left: 2px !important;
    }

    .ml-md-3 {
        margin-left: 3px !important;
    }

    .ml-md-4 {
        margin-left: 4px !important;
    }

    .ml-md-5 {
        margin-left: 5px !important;
    }

    .ml-md-6 {
        margin-left: 6px !important;
    }

    .ml-md-7 {
        margin-left: 7px !important;
    }

    .ml-md-8 {
        margin-left: 8px !important;
    }

    .ml-md-9 {
        margin-left: 9px !important;
    }

    .ml-md-10 {
        margin-left: 10px !important;
    }

    .ml-md-15 {
        margin-left: 15px !important;
    }

    .ml-md-20 {
        margin-left: 20px !important;
    }

    .ml-md-25 {
        margin-left: 25px !important;
    }

    .ml-md-30 {
        margin-left: 30px !important;
    }

    .ml-md-40 {
        margin-left: 40px !important;
    }

    .ml-md-100 {
        margin-left: 100px !important;
    }

    .mr-md-0 {
        margin-right: 0px !important;
    }

    .mr-md-1 {
        margin-right: 1px !important;
    }

    .mr-md-2 {
        margin-right: 2px !important;
    }

    .mr-md-3 {
        margin-right: 3px !important;
    }

    .mr-md-4 {
        margin-right: 4px !important;
    }

    .mr-md-5 {
        margin-right: 5px !important;
    }

    .mr-md-6 {
        margin-right: 6px !important;
    }

    .mr-md-7 {
        margin-right: 7px !important;
    }

    .mr-md-8 {
        margin-right: 8px !important;
    }

    .mr-md-9 {
        margin-right: 9px !important;
    }

    .mr-md-10 {
        margin-right: 10px !important;
    }

    .mr-md-15 {
        margin-right: 15px !important;
    }

    .mr-md-20 {
        margin-right: 20px !important;
    }

    .mr-md-25 {
        margin-right: 25px !important;
    }

    .mr-md-30 {
        margin-right: 30px !important;
    }

    .mr-md-40 {
        margin-right: 40px !important;
    }

    .mx-md-0 {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }

    .mx-md-1 {
        margin-left: 1px !important;
        margin-right: 1px !important;
    }

    .mx-md-2 {
        margin-left: 2px !important;
        margin-right: 2px !important;
    }

    .mx-md-3 {
        margin-left: 3px !important;
        margin-right: 3px !important;
    }

    .mx-md-4 {
        margin-left: 4px !important;
        margin-right: 4px !important;
    }

    .mx-md-5 {
        margin-left: 5px !important;
        margin-right: 5px !important;
    }

    .mx-md-6 {
        margin-left: 6px !important;
        margin-right: 6px !important;
    }

    .mx-md-7 {
        margin-left: 7px !important;
        margin-right: 7px !important;
    }

    .mx-md-8 {
        margin-left: 8px !important;
        margin-right: 8px !important;
    }

    .mx-md-9 {
        margin-left: 9px !important;
        margin-right: 9px !important;
    }

    .mx-md-10 {
        margin-left: 10px !important;
        margin-right: 10px !important;
    }

    .mx-md-15 {
        margin-left: 15px !important;
        margin-right: 15px !important;
    }

    .mx-md-20 {
        margin-left: 20px !important;
        margin-right: 20px !important;
    }

    .mx-md-25 {
        margin-left: 25px !important;
        margin-right: 25px !important;
    }

    .mx-md-30 {
        margin-left: 30px !important;
        margin-right: 30px !important;
    }

    .mx-md-40 {
        margin-left: 40px !important;
        margin-right: 40px !important;
    }

    .my-md-0 {
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

    .my-md-1 {
        margin-top: 1px !important;
        margin-bottom: 1px !important;
    }

    .my-md-2 {
        margin-top: 2px !important;
        margin-bottom: 2px !important;
    }

    .my-md-3 {
        margin-top: 3px !important;
        margin-bottom: 3px !important;
    }

    .my-md-4 {
        margin-top: 4px !important;
        margin-bottom: 4px !important;
    }

    .my-md-5 {
        margin-top: 5px !important;
        margin-bottom: 5px !important;
    }

    .my-md-6 {
        margin-top: 6px !important;
        margin-bottom: 6px !important;
    }

    .my-md-7 {
        margin-top: 7px !important;
        margin-bottom: 7px !important;
    }

    .my-md-8 {
        margin-top: 8px !important;
        margin-bottom: 8px !important;
    }

    .my-md-9 {
        margin-top: 9px !important;
        margin-bottom: 9px !important;
    }

    .my-md-10 {
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }

    .my-md-15 {
        margin-top: 15px !important;
        margin-bottom: 15px !important;
    }

    .my-md-20 {
        margin-top: 20px !important;
        margin-bottom: 20px !important;
    }

    .my-md-25 {
        margin-top: 25px !important;
        margin-bottom: 25px !important;
    }

    .my-md-30 {
        margin-top: 30px !important;
        margin-bottom: 30px !important;
    }

    .my-md-40 {
        margin-top: 40px !important;
        margin-bottom: 40px !important;
    }

    /* padding
----------------------------------------------------------*/

    .p-md-0 {
        padding: 0px !important;
    }

    .p-md-1 {
        padding: 1px !important;
    }

    .p-md-2 {
        padding: 2px !important;
    }

    .p-md-3 {
        padding: 3px !important;
    }

    .p-md-4 {
        padding: 4px !important;
    }

    .p-md-5 {
        padding: 5px !important;
    }

    .p-md-6 {
        padding: 6px !important;
    }

    .p-md-7 {
        padding: 7px !important;
    }

    .p-md-8 {
        padding: 8px !important;
    }

    .p-md-9 {
        padding: 9px !important;
    }

    .p-md-10 {
        padding: 10px !important;
    }

    .p-md-15 {
        padding: 15px !important;
    }

    .p-md-20 {
        padding: 20px !important;
    }

    .p-md-25 {
        padding: 25px !important;
    }

    .p-md-30 {
        padding: 30px !important;
    }

    .pt-md-0 {
        padding-top: 0px !important;
    }

    .pt-md-1 {
        padding-top: 1px !important;
    }

    .pt-md-2 {
        padding-top: 2px !important;
    }

    .pt-md-3 {
        padding-top: 3px !important;
    }

    .pt-md-4 {
        padding-top: 4px !important;
    }

    .pt-md-5 {
        padding-top: 5px !important;
    }

    .pt-md-6 {
        padding-top: 6px !important;
    }

    .pt-md-7 {
        padding-top: 7px !important;
    }

    .pt-md-8 {
        padding-top: 8px !important;
    }

    .pt-md-9 {
        padding-top: 9px !important;
    }

    .pt-md-10 {
        padding-top: 10px !important;
    }

    .pt-md-15 {
        padding-top: 15px !important;
    }

    .pt-md-20 {
        padding-top: 20px !important;
    }

    .pt-md-25 {
        padding-top: 25px !important;
    }

    .pt-md-30 {
        padding-top: 30px !important;
    }

    .pb-md-0 {
        padding-bottom: 0px !important;
    }

    .pb-md-1 {
        padding-bottom: 1px !important;
    }

    .pb-md-2 {
        padding-bottom: 2px !important;
    }

    .pb-md-3 {
        padding-bottom: 3px !important;
    }

    .pb-md-4 {
        padding-bottom: 4px !important;
    }

    .pb-md-5 {
        padding-bottom: 5px !important;
    }

    .pb-md-6 {
        padding-bottom: 6px !important;
    }

    .pb-md-7 {
        padding-bottom: 7px !important;
    }

    .pb-md-8 {
        padding-bottom: 8px !important;
    }

    .pb-md-9 {
        padding-bottom: 9px !important;
    }

    .pb-md-10 {
        padding-bottom: 10px !important;
    }

    .pb-md-15 {
        padding-bottom: 15px !important;
    }

    .pb-md-20 {
        padding-bottom: 20px !important;
    }

    .pb-md-25 {
        padding-bottom: 25px !important;
    }

    .pb-md-30 {
        padding-bottom: 30px !important;
    }

    .pl-md-0 {
        padding-left: 0px !important;
    }

    .pl-md-1 {
        padding-left: 1px !important;
    }

    .pl-md-2 {
        padding-left: 2px !important;
    }

    .pl-md-3 {
        padding-left: 3px !important;
    }

    .pl-md-4 {
        padding-left: 4px !important;
    }

    .pl-md-5 {
        padding-left: 5px !important;
    }

    .pl-md-6 {
        padding-left: 6px !important;
    }

    .pl-md-7 {
        padding-left: 7px !important;
    }

    .pl-md-8 {
        padding-left: 8px !important;
    }

    .pl-md-9 {
        padding-left: 9px !important;
    }

    .pl-md-10 {
        padding-left: 10px !important;
    }

    .pl-md-15 {
        padding-left: 15px !important;
    }

    .pl-md-20 {
        padding-left: 20px !important;
    }

    .pl-md-25 {
        padding-left: 25px !important;
    }

    .pl-md-30 {
        padding-left: 30px !important;
    }

    .pr-md-0 {
        padding-right: 0px !important;
    }

    .pr-md-1 {
        padding-right: 1px !important;
    }

    .pr-md-2 {
        padding-right: 2px !important;
    }

    .pr-md-3 {
        padding-right: 3px !important;
    }

    .pr-md-4 {
        padding-right: 4px !important;
    }

    .pr-md-5 {
        padding-right: 5px !important;
    }

    .pr-md-6 {
        padding-right: 6px !important;
    }

    .pr-md-7 {
        padding-right: 7px !important;
    }

    .pr-md-8 {
        padding-right: 8px !important;
    }

    .pr-md-9 {
        padding-right: 9px !important;
    }

    .pr-md-10 {
        padding-right: 10px !important;
    }

    .pr-md-15 {
        padding-right: 15px !important;
    }

    .pr-md-20 {
        padding-right: 20px !important;
    }

    .pr-md-25 {
        padding-right: 25px !important;
    }

    .pr-md-30 {
        padding-right: 30px !important;
    }

    .px-md-0 {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .px-md-1 {
        padding-left: 1px !important;
        padding-right: 1px !important;
    }

    .px-md-2 {
        padding-left: 2px !important;
        padding-right: 2px !important;
    }

    .px-md-3 {
        padding-left: 3px !important;
        padding-right: 3px !important;
    }

    .px-md-4 {
        padding-left: 4px !important;
        padding-right: 4px !important;
    }

    .px-md-5 {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

    .px-md-6 {
        padding-left: 6px !important;
        padding-right: 6px !important;
    }

    .px-md-7 {
        padding-left: 7px !important;
        padding-right: 7px !important;
    }

    .px-md-8 {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

    .px-md-9 {
        padding-left: 9px !important;
        padding-right: 9px !important;
    }

    .px-md-10 {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .px-md-15 {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .px-md-20 {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .px-md-25 {
        padding-left: 25px !important;
        padding-right: 25px !important;
    }

    .px-md-30 {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }

    .py-md-0 {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }

    .py-md-1 {
        padding-top: 1px !important;
        padding-bottom: 1px !important;
    }

    .py-md-2 {
        padding-top: 2px !important;
        padding-bottom: 2px !important;
    }

    .py-md-3 {
        padding-top: 3px !important;
        padding-bottom: 3px !important;
    }

    .py-md-4 {
        padding-top: 4px !important;
        padding-bottom: 4px !important;
    }

    .py-md-5 {
        padding-top: 5px !important;
        padding-bottom: 5px !important;
    }

    .py-md-6 {
        padding-top: 6px !important;
        padding-bottom: 6px !important;
    }

    .py-md-7 {
        padding-top: 7px !important;
        padding-bottom: 7px !important;
    }

    .py-md-8 {
        padding-top: 8px !important;
        padding-bottom: 8px !important;
    }

    .py-md-9 {
        padding-top: 9px !important;
        padding-bottom: 9px !important;
    }

    .py-md-10 {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }

    .py-md-15 {
        padding-top: 15px !important;
        padding-bottom: 15px !important;
    }

    .py-md-20 {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }

    .py-md-25 {
        padding-top: 25px !important;
        padding-bottom: 25px !important;
    }

    .py-md-30 {
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }
}

@media(min-width:1280px) {
    /* margins
    ----------------------------------------------------------*/

    .m-lg-0 {
        margin: 0px !important;
    }

    .m-lg-1 {
        margin: 1px !important;
    }

    .m-lg-2 {
        margin: 2px !important;
    }

    .m-lg-3 {
        margin: 3px !important;
    }

    .m-lg-4 {
        margin: 4px !important;
    }

    .m-lg-5 {
        margin: 5px !important;
    }

    .m-lg-6 {
        margin: 6px !important;
    }

    .m-lg-7 {
        margin: 7px !important;
    }

    .m-lg-8 {
        margin: 8px !important;
    }

    .m-lg-9 {
        margin: 9px !important;
    }

    .m-lg-10 {
        margin: 10px !important;
    }

    .m-lg-15 {
        margin: 15px !important;
    }

    .m-lg-20 {
        margin: 20px !important;
    }

    .m-lg-25 {
        margin: 25px !important;
    }

    .m-lg-30 {
        margin: 30px !important;
    }

    .m-lg-40 {
        margin: 40px !important;
    }

    .mt-lg-0 {
        margin-top: 0px !important;
    }

    .mt-lg-1 {
        margin-top: 1px !important;
    }

    .mt-lg-2 {
        margin-top: 2px !important;
    }

    .mt-lg-3 {
        margin-top: 3px !important;
    }

    .mt-lg-4 {
        margin-top: 4px !important;
    }

    .mt-lg-5 {
        margin-top: 5px !important;
    }

    .mt-lg-6 {
        margin-top: 6px !important;
    }

    .mt-lg-7 {
        margin-top: 7px !important;
    }

    .mt-lg-8 {
        margin-top: 8px !important;
    }

    .mt-lg-9 {
        margin-top: 9px !important;
    }

    .mt-lg-10 {
        margin-top: 10px !important;
    }

    .mt-lg-15 {
        margin-top: 15px !important;
    }

    .mt-lg-20 {
        margin-top: 20px !important;
    }

    .mt-lg-25 {
        margin-top: 25px !important;
    }

    .mt-lg-30 {
        margin-top: 30px !important;
    }

    .mt-lg-40 {
        margin-top: 40px !important;
    }

    .mb-lg-0 {
        margin-bottom: 0px !important;
    }

    .mb-lg-1 {
        margin-bottom: 1px !important;
    }

    .mb-lg-2 {
        margin-bottom: 2px !important;
    }

    .mb-lg-3 {
        margin-bottom: 3px !important;
    }

    .mb-lg-4 {
        margin-bottom: 4px !important;
    }

    .mb-lg-5 {
        margin-bottom: 5px !important;
    }

    .mb-lg-6 {
        margin-bottom: 6px !important;
    }

    .mb-lg-7 {
        margin-bottom: 7px !important;
    }

    .mb-lg-8 {
        margin-bottom: 8px !important;
    }

    .mb-lg-9 {
        margin-bottom: 9px !important;
    }

    .mb-lg-10 {
        margin-bottom: 10px !important;
    }

    .mb-lg-15 {
        margin-bottom: 15px !important;
    }

    .mb-lg-20 {
        margin-bottom: 20px !important;
    }

    .mb-lg-25 {
        margin-bottom: 25px !important;
    }

    .mb-lg-30 {
        margin-bottom: 30px !important;
    }

    .mb-lg-40 {
        margin-bottom: 40px !important;
    }

    .ml-lg-0 {
        margin-left: 0px !important;
    }

    .ml-lg-1 {
        margin-left: 1px !important;
    }

    .ml-lg-2 {
        margin-left: 2px !important;
    }

    .ml-lg-3 {
        margin-left: 3px !important;
    }

    .ml-lg-4 {
        margin-left: 4px !important;
    }

    .ml-lg-5 {
        margin-left: 5px !important;
    }

    .ml-lg-6 {
        margin-left: 6px !important;
    }

    .ml-lg-7 {
        margin-left: 7px !important;
    }

    .ml-lg-8 {
        margin-left: 8px !important;
    }

    .ml-lg-9 {
        margin-left: 9px !important;
    }

    .ml-lg-10 {
        margin-left: 10px !important;
    }

    .ml-lg-15 {
        margin-left: 15px !important;
    }

    .ml-lg-20 {
        margin-left: 20px !important;
    }

    .ml-lg-25 {
        margin-left: 25px !important;
    }

    .ml-lg-30 {
        margin-left: 30px !important;
    }

    .ml-lg-40 {
        margin-left: 40px !important;
    }

    .ml-lg-100 {
        margin-left: 100px !important;
    }

    .mr-lg-0 {
        margin-right: 0px !important;
    }

    .mr-lg-1 {
        margin-right: 1px !important;
    }

    .mr-lg-2 {
        margin-right: 2px !important;
    }

    .mr-lg-3 {
        margin-right: 3px !important;
    }

    .mr-lg-4 {
        margin-right: 4px !important;
    }

    .mr-lg-5 {
        margin-right: 5px !important;
    }

    .mr-lg-6 {
        margin-right: 6px !important;
    }

    .mr-lg-7 {
        margin-right: 7px !important;
    }

    .mr-lg-8 {
        margin-right: 8px !important;
    }

    .mr-lg-9 {
        margin-right: 9px !important;
    }

    .mr-lg-10 {
        margin-right: 10px !important;
    }

    .mr-lg-15 {
        margin-right: 15px !important;
    }

    .mr-lg-20 {
        margin-right: 20px !important;
    }

    .mr-lg-25 {
        margin-right: 25px !important;
    }

    .mr-lg-30 {
        margin-right: 30px !important;
    }

    .mr-lg-40 {
        margin-right: 40px !important;
    }

    .mx-lg-0 {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }

    .mx-lg-1 {
        margin-left: 1px !important;
        margin-right: 1px !important;
    }

    .mx-lg-2 {
        margin-left: 2px !important;
        margin-right: 2px !important;
    }

    .mx-lg-3 {
        margin-left: 3px !important;
        margin-right: 3px !important;
    }

    .mx-lg-4 {
        margin-left: 4px !important;
        margin-right: 4px !important;
    }

    .mx-lg-5 {
        margin-left: 5px !important;
        margin-right: 5px !important;
    }

    .mx-lg-6 {
        margin-left: 6px !important;
        margin-right: 6px !important;
    }

    .mx-lg-7 {
        margin-left: 7px !important;
        margin-right: 7px !important;
    }

    .mx-lg-8 {
        margin-left: 8px !important;
        margin-right: 8px !important;
    }

    .mx-lg-9 {
        margin-left: 9px !important;
        margin-right: 9px !important;
    }

    .mx-lg-10 {
        margin-left: 10px !important;
        margin-right: 10px !important;
    }

    .mx-lg-15 {
        margin-left: 15px !important;
        margin-right: 15px !important;
    }

    .mx-lg-20 {
        margin-left: 20px !important;
        margin-right: 20px !important;
    }

    .mx-lg-25 {
        margin-left: 25px !important;
        margin-right: 25px !important;
    }

    .mx-lg-30 {
        margin-left: 30px !important;
        margin-right: 30px !important;
    }

    .mx-lg-40 {
        margin-left: 40px !important;
        margin-right: 40px !important;
    }

    .my-lg-0 {
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

    .my-lg-1 {
        margin-top: 1px !important;
        margin-bottom: 1px !important;
    }

    .my-lg-2 {
        margin-top: 2px !important;
        margin-bottom: 2px !important;
    }

    .my-lg-3 {
        margin-top: 3px !important;
        margin-bottom: 3px !important;
    }

    .my-lg-4 {
        margin-top: 4px !important;
        margin-bottom: 4px !important;
    }

    .my-lg-5 {
        margin-top: 5px !important;
        margin-bottom: 5px !important;
    }

    .my-lg-6 {
        margin-top: 6px !important;
        margin-bottom: 6px !important;
    }

    .my-lg-7 {
        margin-top: 7px !important;
        margin-bottom: 7px !important;
    }

    .my-lg-8 {
        margin-top: 8px !important;
        margin-bottom: 8px !important;
    }

    .my-lg-9 {
        margin-top: 9px !important;
        margin-bottom: 9px !important;
    }

    .my-lg-10 {
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }

    .my-lg-15 {
        margin-top: 15px !important;
        margin-bottom: 15px !important;
    }

    .my-lg-20 {
        margin-top: 20px !important;
        margin-bottom: 20px !important;
    }

    .my-lg-25 {
        margin-top: 25px !important;
        margin-bottom: 25px !important;
    }

    .my-lg-30 {
        margin-top: 30px !important;
        margin-bottom: 30px !important;
    }

    .my-lg-40 {
        margin-top: 40px !important;
        margin-bottom: 40px !important;
    }

    /* padding
----------------------------------------------------------*/

    .p-lg-0 {
        padding: 0px !important;
    }

    .p-lg-1 {
        padding: 1px !important;
    }

    .p-lg-2 {
        padding: 2px !important;
    }

    .p-lg-3 {
        padding: 3px !important;
    }

    .p-lg-4 {
        padding: 4px !important;
    }

    .p-lg-5 {
        padding: 5px !important;
    }

    .p-lg-6 {
        padding: 6px !important;
    }

    .p-lg-7 {
        padding: 7px !important;
    }

    .p-lg-8 {
        padding: 8px !important;
    }

    .p-lg-9 {
        padding: 9px !important;
    }

    .p-lg-10 {
        padding: 10px !important;
    }

    .p-lg-15 {
        padding: 15px !important;
    }

    .p-lg-20 {
        padding: 20px !important;
    }

    .p-lg-25 {
        padding: 25px !important;
    }

    .p-lg-30 {
        padding: 30px !important;
    }

    .pt-lg-0 {
        padding-top: 0px !important;
    }

    .pt-lg-1 {
        padding-top: 1px !important;
    }

    .pt-lg-2 {
        padding-top: 2px !important;
    }

    .pt-lg-3 {
        padding-top: 3px !important;
    }

    .pt-lg-4 {
        padding-top: 4px !important;
    }

    .pt-lg-5 {
        padding-top: 5px !important;
    }

    .pt-lg-6 {
        padding-top: 6px !important;
    }

    .pt-lg-7 {
        padding-top: 7px !important;
    }

    .pt-lg-8 {
        padding-top: 8px !important;
    }

    .pt-lg-9 {
        padding-top: 9px !important;
    }

    .pt-lg-10 {
        padding-top: 10px !important;
    }

    .pt-lg-15 {
        padding-top: 15px !important;
    }

    .pt-lg-20 {
        padding-top: 20px !important;
    }

    .pt-lg-25 {
        padding-top: 25px !important;
    }

    .pt-lg-30 {
        padding-top: 30px !important;
    }

    .pb-lg-0 {
        padding-bottom: 0px !important;
    }

    .pb-lg-1 {
        padding-bottom: 1px !important;
    }

    .pb-lg-2 {
        padding-bottom: 2px !important;
    }

    .pb-lg-3 {
        padding-bottom: 3px !important;
    }

    .pb-lg-4 {
        padding-bottom: 4px !important;
    }

    .pb-lg-5 {
        padding-bottom: 5px !important;
    }

    .pb-lg-6 {
        padding-bottom: 6px !important;
    }

    .pb-lg-7 {
        padding-bottom: 7px !important;
    }

    .pb-lg-8 {
        padding-bottom: 8px !important;
    }

    .pb-lg-9 {
        padding-bottom: 9px !important;
    }

    .pb-lg-10 {
        padding-bottom: 10px !important;
    }

    .pb-lg-15 {
        padding-bottom: 15px !important;
    }

    .pb-lg-20 {
        padding-bottom: 20px !important;
    }

    .pb-lg-25 {
        padding-bottom: 25px !important;
    }

    .pb-lg-30 {
        padding-bottom: 30px !important;
    }

    .pl-lg-0 {
        padding-left: 0px !important;
    }

    .pl-lg-1 {
        padding-left: 1px !important;
    }

    .pl-lg-2 {
        padding-left: 2px !important;
    }

    .pl-lg-3 {
        padding-left: 3px !important;
    }

    .pl-lg-4 {
        padding-left: 4px !important;
    }

    .pl-lg-5 {
        padding-left: 5px !important;
    }

    .pl-lg-6 {
        padding-left: 6px !important;
    }

    .pl-lg-7 {
        padding-left: 7px !important;
    }

    .pl-lg-8 {
        padding-left: 8px !important;
    }

    .pl-lg-9 {
        padding-left: 9px !important;
    }

    .pl-lg-10 {
        padding-left: 10px !important;
    }

    .pl-lg-15 {
        padding-left: 15px !important;
    }

    .pl-lg-20 {
        padding-left: 20px !important;
    }

    .pl-lg-25 {
        padding-left: 25px !important;
    }

    .pl-lg-30 {
        padding-left: 30px !important;
    }

    .pr-lg-0 {
        padding-right: 0px !important;
    }

    .pr-lg-1 {
        padding-right: 1px !important;
    }

    .pr-lg-2 {
        padding-right: 2px !important;
    }

    .pr-lg-3 {
        padding-right: 3px !important;
    }

    .pr-lg-4 {
        padding-right: 4px !important;
    }

    .pr-lg-5 {
        padding-right: 5px !important;
    }

    .pr-lg-6 {
        padding-right: 6px !important;
    }

    .pr-lg-7 {
        padding-right: 7px !important;
    }

    .pr-lg-8 {
        padding-right: 8px !important;
    }

    .pr-lg-9 {
        padding-right: 9px !important;
    }

    .pr-lg-10 {
        padding-right: 10px !important;
    }

    .pr-lg-15 {
        padding-right: 15px !important;
    }

    .pr-lg-20 {
        padding-right: 20px !important;
    }

    .pr-lg-25 {
        padding-right: 25px !important;
    }

    .pr-lg-30 {
        padding-right: 30px !important;
    }

    .px-lg-0 {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .px-lg-1 {
        padding-left: 1px !important;
        padding-right: 1px !important;
    }

    .px-lg-2 {
        padding-left: 2px !important;
        padding-right: 2px !important;
    }

    .px-lg-3 {
        padding-left: 3px !important;
        padding-right: 3px !important;
    }

    .px-lg-4 {
        padding-left: 4px !important;
        padding-right: 4px !important;
    }

    .px-lg-5 {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

    .px-lg-6 {
        padding-left: 6px !important;
        padding-right: 6px !important;
    }

    .px-lg-7 {
        padding-left: 7px !important;
        padding-right: 7px !important;
    }

    .px-lg-8 {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

    .px-lg-9 {
        padding-left: 9px !important;
        padding-right: 9px !important;
    }

    .px-lg-10 {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .px-lg-15 {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .px-lg-20 {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .px-lg-25 {
        padding-left: 25px !important;
        padding-right: 25px !important;
    }

    .px-lg-30 {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }

    .py-lg-0 {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }

    .py-lg-1 {
        padding-top: 1px !important;
        padding-bottom: 1px !important;
    }

    .py-lg-2 {
        padding-top: 2px !important;
        padding-bottom: 2px !important;
    }

    .py-lg-3 {
        padding-top: 3px !important;
        padding-bottom: 3px !important;
    }

    .py-lg-4 {
        padding-top: 4px !important;
        padding-bottom: 4px !important;
    }

    .py-lg-5 {
        padding-top: 5px !important;
        padding-bottom: 5px !important;
    }

    .py-lg-6 {
        padding-top: 6px !important;
        padding-bottom: 6px !important;
    }

    .py-lg-7 {
        padding-top: 7px !important;
        padding-bottom: 7px !important;
    }

    .py-lg-8 {
        padding-top: 8px !important;
        padding-bottom: 8px !important;
    }

    .py-lg-9 {
        padding-top: 9px !important;
        padding-bottom: 9px !important;
    }

    .py-lg-10 {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }

    .py-lg-15 {
        padding-top: 15px !important;
        padding-bottom: 15px !important;
    }

    .py-lg-20 {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }

    .py-lg-25 {
        padding-top: 25px !important;
        padding-bottom: 25px !important;
    }

    .py-lg-30 {
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }
}

@media(min-width:1440px) {
    /* margins
    ----------------------------------------------------------*/

    .m-xl-0 {
        margin: 0px !important;
    }

    .m-xl-1 {
        margin: 1px !important;
    }

    .m-xl-2 {
        margin: 2px !important;
    }

    .m-xl-3 {
        margin: 3px !important;
    }

    .m-xl-4 {
        margin: 4px !important;
    }

    .m-xl-5 {
        margin: 5px !important;
    }

    .m-xl-6 {
        margin: 6px !important;
    }

    .m-xl-7 {
        margin: 7px !important;
    }

    .m-xl-8 {
        margin: 8px !important;
    }

    .m-xl-9 {
        margin: 9px !important;
    }

    .m-xl-10 {
        margin: 10px !important;
    }

    .m-xl-15 {
        margin: 15px !important;
    }

    .m-xl-20 {
        margin: 20px !important;
    }

    .m-xl-25 {
        margin: 25px !important;
    }

    .m-xl-30 {
        margin: 30px !important;
    }

    .m-xl-40 {
        margin: 40px !important;
    }

    .mt-xl-0 {
        margin-top: 0px !important;
    }

    .mt-xl-1 {
        margin-top: 1px !important;
    }

    .mt-xl-2 {
        margin-top: 2px !important;
    }

    .mt-xl-3 {
        margin-top: 3px !important;
    }

    .mt-xl-4 {
        margin-top: 4px !important;
    }

    .mt-xl-5 {
        margin-top: 5px !important;
    }

    .mt-xl-6 {
        margin-top: 6px !important;
    }

    .mt-xl-7 {
        margin-top: 7px !important;
    }

    .mt-xl-8 {
        margin-top: 8px !important;
    }

    .mt-xl-9 {
        margin-top: 9px !important;
    }

    .mt-xl-10 {
        margin-top: 10px !important;
    }

    .mt-xl-15 {
        margin-top: 15px !important;
    }

    .mt-xl-20 {
        margin-top: 20px !important;
    }

    .mt-xl-25 {
        margin-top: 25px !important;
    }

    .mt-xl-30 {
        margin-top: 30px !important;
    }

    .mt-xl-40 {
        margin-top: 40px !important;
    }

    .mb-xl-0 {
        margin-bottom: 0px !important;
    }

    .mb-xl-1 {
        margin-bottom: 1px !important;
    }

    .mb-xl-2 {
        margin-bottom: 2px !important;
    }

    .mb-xl-3 {
        margin-bottom: 3px !important;
    }

    .mb-xl-4 {
        margin-bottom: 4px !important;
    }

    .mb-xl-5 {
        margin-bottom: 5px !important;
    }

    .mb-xl-6 {
        margin-bottom: 6px !important;
    }

    .mb-xl-7 {
        margin-bottom: 7px !important;
    }

    .mb-xl-8 {
        margin-bottom: 8px !important;
    }

    .mb-xl-9 {
        margin-bottom: 9px !important;
    }

    .mb-xl-10 {
        margin-bottom: 10px !important;
    }

    .mb-xl-15 {
        margin-bottom: 15px !important;
    }

    .mb-xl-20 {
        margin-bottom: 20px !important;
    }

    .mb-xl-25 {
        margin-bottom: 25px !important;
    }

    .mb-xl-30 {
        margin-bottom: 30px !important;
    }

    .mb-xl-40 {
        margin-bottom: 40px !important;
    }

    .ml-xl-0 {
        margin-left: 0px !important;
    }

    .ml-xl-1 {
        margin-left: 1px !important;
    }

    .ml-xl-2 {
        margin-left: 2px !important;
    }

    .ml-xl-3 {
        margin-left: 3px !important;
    }

    .ml-xl-4 {
        margin-left: 4px !important;
    }

    .ml-xl-5 {
        margin-left: 5px !important;
    }

    .ml-xl-6 {
        margin-left: 6px !important;
    }

    .ml-xl-7 {
        margin-left: 7px !important;
    }

    .ml-xl-8 {
        margin-left: 8px !important;
    }

    .ml-xl-9 {
        margin-left: 9px !important;
    }

    .ml-xl-10 {
        margin-left: 10px !important;
    }

    .ml-xl-15 {
        margin-left: 15px !important;
    }

    .ml-xl-20 {
        margin-left: 20px !important;
    }

    .ml-xl-25 {
        margin-left: 25px !important;
    }

    .ml-xl-30 {
        margin-left: 30px !important;
    }

    .ml-xl-40 {
        margin-left: 40px !important;
    }

    .ml-xl-100 {
        margin-left: 100px !important;
    }

    .mr-xl-0 {
        margin-right: 0px !important;
    }

    .mr-xl-1 {
        margin-right: 1px !important;
    }

    .mr-xl-2 {
        margin-right: 2px !important;
    }

    .mr-xl-3 {
        margin-right: 3px !important;
    }

    .mr-xl-4 {
        margin-right: 4px !important;
    }

    .mr-xl-5 {
        margin-right: 5px !important;
    }

    .mr-xl-6 {
        margin-right: 6px !important;
    }

    .mr-xl-7 {
        margin-right: 7px !important;
    }

    .mr-xl-8 {
        margin-right: 8px !important;
    }

    .mr-xl-9 {
        margin-right: 9px !important;
    }

    .mr-xl-10 {
        margin-right: 10px !important;
    }

    .mr-xl-15 {
        margin-right: 15px !important;
    }

    .mr-xl-20 {
        margin-right: 20px !important;
    }

    .mr-xl-25 {
        margin-right: 25px !important;
    }

    .mr-xl-30 {
        margin-right: 30px !important;
    }

    .mr-xl-40 {
        margin-right: 40px !important;
    }

    .mx-xl-0 {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }

    .mx-xl-1 {
        margin-left: 1px !important;
        margin-right: 1px !important;
    }

    .mx-xl-2 {
        margin-left: 2px !important;
        margin-right: 2px !important;
    }

    .mx-xl-3 {
        margin-left: 3px !important;
        margin-right: 3px !important;
    }

    .mx-xl-4 {
        margin-left: 4px !important;
        margin-right: 4px !important;
    }

    .mx-xl-5 {
        margin-left: 5px !important;
        margin-right: 5px !important;
    }

    .mx-xl-6 {
        margin-left: 6px !important;
        margin-right: 6px !important;
    }

    .mx-xl-7 {
        margin-left: 7px !important;
        margin-right: 7px !important;
    }

    .mx-xl-8 {
        margin-left: 8px !important;
        margin-right: 8px !important;
    }

    .mx-xl-9 {
        margin-left: 9px !important;
        margin-right: 9px !important;
    }

    .mx-xl-10 {
        margin-left: 10px !important;
        margin-right: 10px !important;
    }

    .mx-xl-15 {
        margin-left: 15px !important;
        margin-right: 15px !important;
    }

    .mx-xl-20 {
        margin-left: 20px !important;
        margin-right: 20px !important;
    }

    .mx-xl-25 {
        margin-left: 25px !important;
        margin-right: 25px !important;
    }

    .mx-xl-30 {
        margin-left: 30px !important;
        margin-right: 30px !important;
    }

    .mx-xl-40 {
        margin-left: 40px !important;
        margin-right: 40px !important;
    }

    .my-xl-0 {
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

    .my-xl-1 {
        margin-top: 1px !important;
        margin-bottom: 1px !important;
    }

    .my-xl-2 {
        margin-top: 2px !important;
        margin-bottom: 2px !important;
    }

    .my-xl-3 {
        margin-top: 3px !important;
        margin-bottom: 3px !important;
    }

    .my-xl-4 {
        margin-top: 4px !important;
        margin-bottom: 4px !important;
    }

    .my-xl-5 {
        margin-top: 5px !important;
        margin-bottom: 5px !important;
    }

    .my-xl-6 {
        margin-top: 6px !important;
        margin-bottom: 6px !important;
    }

    .my-xl-7 {
        margin-top: 7px !important;
        margin-bottom: 7px !important;
    }

    .my-xl-8 {
        margin-top: 8px !important;
        margin-bottom: 8px !important;
    }

    .my-xl-9 {
        margin-top: 9px !important;
        margin-bottom: 9px !important;
    }

    .my-xl-10 {
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }

    .my-xl-15 {
        margin-top: 15px !important;
        margin-bottom: 15px !important;
    }

    .my-xl-20 {
        margin-top: 20px !important;
        margin-bottom: 20px !important;
    }

    .my-xl-25 {
        margin-top: 25px !important;
        margin-bottom: 25px !important;
    }

    .my-xl-30 {
        margin-top: 30px !important;
        margin-bottom: 30px !important;
    }

    .my-xl-40 {
        margin-top: 40px !important;
        margin-bottom: 40px !important;
    }

    /* padding
----------------------------------------------------------*/

    .p-xl-0 {
        padding: 0px !important;
    }

    .p-xl-1 {
        padding: 1px !important;
    }

    .p-xl-2 {
        padding: 2px !important;
    }

    .p-xl-3 {
        padding: 3px !important;
    }

    .p-xl-4 {
        padding: 4px !important;
    }

    .p-xl-5 {
        padding: 5px !important;
    }

    .p-xl-6 {
        padding: 6px !important;
    }

    .p-xl-7 {
        padding: 7px !important;
    }

    .p-xl-8 {
        padding: 8px !important;
    }

    .p-xl-9 {
        padding: 9px !important;
    }

    .p-xl-10 {
        padding: 10px !important;
    }

    .p-xl-15 {
        padding: 15px !important;
    }

    .p-xl-20 {
        padding: 20px !important;
    }

    .p-xl-25 {
        padding: 25px !important;
    }

    .p-xl-30 {
        padding: 30px !important;
    }

    .pt-xl-0 {
        padding-top: 0px !important;
    }

    .pt-xl-1 {
        padding-top: 1px !important;
    }

    .pt-xl-2 {
        padding-top: 2px !important;
    }

    .pt-xl-3 {
        padding-top: 3px !important;
    }

    .pt-xl-4 {
        padding-top: 4px !important;
    }

    .pt-xl-5 {
        padding-top: 5px !important;
    }

    .pt-xl-6 {
        padding-top: 6px !important;
    }

    .pt-xl-7 {
        padding-top: 7px !important;
    }

    .pt-xl-8 {
        padding-top: 8px !important;
    }

    .pt-xl-9 {
        padding-top: 9px !important;
    }

    .pt-xl-10 {
        padding-top: 10px !important;
    }

    .pt-xl-15 {
        padding-top: 15px !important;
    }

    .pt-xl-20 {
        padding-top: 20px !important;
    }

    .pt-xl-25 {
        padding-top: 25px !important;
    }

    .pt-xl-30 {
        padding-top: 30px !important;
    }

    .pb-xl-0 {
        padding-bottom: 0px !important;
    }

    .pb-xl-1 {
        padding-bottom: 1px !important;
    }

    .pb-xl-2 {
        padding-bottom: 2px !important;
    }

    .pb-xl-3 {
        padding-bottom: 3px !important;
    }

    .pb-xl-4 {
        padding-bottom: 4px !important;
    }

    .pb-xl-5 {
        padding-bottom: 5px !important;
    }

    .pb-xl-6 {
        padding-bottom: 6px !important;
    }

    .pb-xl-7 {
        padding-bottom: 7px !important;
    }

    .pb-xl-8 {
        padding-bottom: 8px !important;
    }

    .pb-xl-9 {
        padding-bottom: 9px !important;
    }

    .pb-xl-10 {
        padding-bottom: 10px !important;
    }

    .pb-xl-15 {
        padding-bottom: 15px !important;
    }

    .pb-xl-20 {
        padding-bottom: 20px !important;
    }

    .pb-xl-25 {
        padding-bottom: 25px !important;
    }

    .pb-xl-30 {
        padding-bottom: 30px !important;
    }

    .pl-xl-0 {
        padding-left: 0px !important;
    }

    .pl-xl-1 {
        padding-left: 1px !important;
    }

    .pl-xl-2 {
        padding-left: 2px !important;
    }

    .pl-xl-3 {
        padding-left: 3px !important;
    }

    .pl-xl-4 {
        padding-left: 4px !important;
    }

    .pl-xl-5 {
        padding-left: 5px !important;
    }

    .pl-xl-6 {
        padding-left: 6px !important;
    }

    .pl-xl-7 {
        padding-left: 7px !important;
    }

    .pl-xl-8 {
        padding-left: 8px !important;
    }

    .pl-xl-9 {
        padding-left: 9px !important;
    }

    .pl-xl-10 {
        padding-left: 10px !important;
    }

    .pl-xl-15 {
        padding-left: 15px !important;
    }

    .pl-xl-20 {
        padding-left: 20px !important;
    }

    .pl-xl-25 {
        padding-left: 25px !important;
    }

    .pl-xl-30 {
        padding-left: 30px !important;
    }

    .pr-xl-0 {
        padding-right: 0px !important;
    }

    .pr-xl-1 {
        padding-right: 1px !important;
    }

    .pr-xl-2 {
        padding-right: 2px !important;
    }

    .pr-xl-3 {
        padding-right: 3px !important;
    }

    .pr-xl-4 {
        padding-right: 4px !important;
    }

    .pr-xl-5 {
        padding-right: 5px !important;
    }

    .pr-xl-6 {
        padding-right: 6px !important;
    }

    .pr-xl-7 {
        padding-right: 7px !important;
    }

    .pr-xl-8 {
        padding-right: 8px !important;
    }

    .pr-xl-9 {
        padding-right: 9px !important;
    }

    .pr-xl-10 {
        padding-right: 10px !important;
    }

    .pr-xl-15 {
        padding-right: 15px !important;
    }

    .pr-xl-20 {
        padding-right: 20px !important;
    }

    .pr-xl-25 {
        padding-right: 25px !important;
    }

    .pr-xl-30 {
        padding-right: 30px !important;
    }

    .px-xl-0 {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .px-xl-1 {
        padding-left: 1px !important;
        padding-right: 1px !important;
    }

    .px-xl-2 {
        padding-left: 2px !important;
        padding-right: 2px !important;
    }

    .px-xl-3 {
        padding-left: 3px !important;
        padding-right: 3px !important;
    }

    .px-xl-4 {
        padding-left: 4px !important;
        padding-right: 4px !important;
    }

    .px-xl-5 {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

    .px-xl-6 {
        padding-left: 6px !important;
        padding-right: 6px !important;
    }

    .px-xl-7 {
        padding-left: 7px !important;
        padding-right: 7px !important;
    }

    .px-xl-8 {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

    .px-xl-9 {
        padding-left: 9px !important;
        padding-right: 9px !important;
    }

    .px-xl-10 {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .px-xl-15 {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .px-xl-20 {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .px-xl-25 {
        padding-left: 25px !important;
        padding-right: 25px !important;
    }

    .px-xl-30 {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }

    .py-xl-0 {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }

    .py-xl-1 {
        padding-top: 1px !important;
        padding-bottom: 1px !important;
    }

    .py-xl-2 {
        padding-top: 2px !important;
        padding-bottom: 2px !important;
    }

    .py-xl-3 {
        padding-top: 3px !important;
        padding-bottom: 3px !important;
    }

    .py-xl-4 {
        padding-top: 4px !important;
        padding-bottom: 4px !important;
    }

    .py-xl-5 {
        padding-top: 5px !important;
        padding-bottom: 5px !important;
    }

    .py-xl-6 {
        padding-top: 6px !important;
        padding-bottom: 6px !important;
    }

    .py-xl-7 {
        padding-top: 7px !important;
        padding-bottom: 7px !important;
    }

    .py-xl-8 {
        padding-top: 8px !important;
        padding-bottom: 8px !important;
    }

    .py-xl-9 {
        padding-top: 9px !important;
        padding-bottom: 9px !important;
    }

    .py-xl-10 {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }

    .py-xl-15 {
        padding-top: 15px !important;
        padding-bottom: 15px !important;
    }

    .py-xl-20 {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }

    .py-xl-25 {
        padding-top: 25px !important;
        padding-bottom: 25px !important;
    }

    .py-xl-30 {
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }
}

@media(min-width:1720px) {
    /* margins
    ----------------------------------------------------------*/

    .m-xxl-0 {
        margin: 0px !important;
    }

    .m-xxl-1 {
        margin: 1px !important;
    }

    .m-xxl-2 {
        margin: 2px !important;
    }

    .m-xxl-3 {
        margin: 3px !important;
    }

    .m-xxl-4 {
        margin: 4px !important;
    }

    .m-xxl-5 {
        margin: 5px !important;
    }

    .m-xxl-6 {
        margin: 6px !important;
    }

    .m-xxl-7 {
        margin: 7px !important;
    }

    .m-xxl-8 {
        margin: 8px !important;
    }

    .m-xxl-9 {
        margin: 9px !important;
    }

    .m-xxl-10 {
        margin: 10px !important;
    }

    .m-xxl-15 {
        margin: 15px !important;
    }

    .m-xxl-20 {
        margin: 20px !important;
    }

    .m-xxl-25 {
        margin: 25px !important;
    }

    .m-xxl-30 {
        margin: 30px !important;
    }

    .m-xxl-40 {
        margin: 40px !important;
    }

    .mt-xxl-0 {
        margin-top: 0px !important;
    }

    .mt-xxl-1 {
        margin-top: 1px !important;
    }

    .mt-xxl-2 {
        margin-top: 2px !important;
    }

    .mt-xxl-3 {
        margin-top: 3px !important;
    }

    .mt-xxl-4 {
        margin-top: 4px !important;
    }

    .mt-xxl-5 {
        margin-top: 5px !important;
    }

    .mt-xxl-6 {
        margin-top: 6px !important;
    }

    .mt-xxl-7 {
        margin-top: 7px !important;
    }

    .mt-xxl-8 {
        margin-top: 8px !important;
    }

    .mt-xxl-9 {
        margin-top: 9px !important;
    }

    .mt-xxl-10 {
        margin-top: 10px !important;
    }

    .mt-xxl-15 {
        margin-top: 15px !important;
    }

    .mt-xxl-20 {
        margin-top: 20px !important;
    }

    .mt-xxl-25 {
        margin-top: 25px !important;
    }

    .mt-xxl-30 {
        margin-top: 30px !important;
    }

    .mt-xxl-40 {
        margin-top: 40px !important;
    }

    .mb-xxl-0 {
        margin-bottom: 0px !important;
    }

    .mb-xxl-1 {
        margin-bottom: 1px !important;
    }

    .mb-xxl-2 {
        margin-bottom: 2px !important;
    }

    .mb-xxl-3 {
        margin-bottom: 3px !important;
    }

    .mb-xxl-4 {
        margin-bottom: 4px !important;
    }

    .mb-xxl-5 {
        margin-bottom: 5px !important;
    }

    .mb-xxl-6 {
        margin-bottom: 6px !important;
    }

    .mb-xxl-7 {
        margin-bottom: 7px !important;
    }

    .mb-xxl-8 {
        margin-bottom: 8px !important;
    }

    .mb-xxl-9 {
        margin-bottom: 9px !important;
    }

    .mb-xxl-10 {
        margin-bottom: 10px !important;
    }

    .mb-xxl-15 {
        margin-bottom: 15px !important;
    }

    .mb-xxl-20 {
        margin-bottom: 20px !important;
    }

    .mb-xxl-25 {
        margin-bottom: 25px !important;
    }

    .mb-xxl-30 {
        margin-bottom: 30px !important;
    }

    .mb-xxl-40 {
        margin-bottom: 40px !important;
    }

    .ml-xxl-0 {
        margin-left: 0px !important;
    }

    .ml-xxl-1 {
        margin-left: 1px !important;
    }

    .ml-xxl-2 {
        margin-left: 2px !important;
    }

    .ml-xxl-3 {
        margin-left: 3px !important;
    }

    .ml-xxl-4 {
        margin-left: 4px !important;
    }

    .ml-xxl-5 {
        margin-left: 5px !important;
    }

    .ml-xxl-6 {
        margin-left: 6px !important;
    }

    .ml-xxl-7 {
        margin-left: 7px !important;
    }

    .ml-xxl-8 {
        margin-left: 8px !important;
    }

    .ml-xxl-9 {
        margin-left: 9px !important;
    }

    .ml-xxl-10 {
        margin-left: 10px !important;
    }

    .ml-xxl-15 {
        margin-left: 15px !important;
    }

    .ml-xxl-20 {
        margin-left: 20px !important;
    }

    .ml-xxl-25 {
        margin-left: 25px !important;
    }

    .ml-xxl-30 {
        margin-left: 30px !important;
    }

    .ml-xxl-40 {
        margin-left: 40px !important;
    }

    .ml-xxl-100 {
        margin-left: 100px !important;
    }

    .mr-xxl-0 {
        margin-right: 0px !important;
    }

    .mr-xxl-1 {
        margin-right: 1px !important;
    }

    .mr-xxl-2 {
        margin-right: 2px !important;
    }

    .mr-xxl-3 {
        margin-right: 3px !important;
    }

    .mr-xxl-4 {
        margin-right: 4px !important;
    }

    .mr-xxl-5 {
        margin-right: 5px !important;
    }

    .mr-xxl-6 {
        margin-right: 6px !important;
    }

    .mr-xxl-7 {
        margin-right: 7px !important;
    }

    .mr-xxl-8 {
        margin-right: 8px !important;
    }

    .mr-xxl-9 {
        margin-right: 9px !important;
    }

    .mr-xxl-10 {
        margin-right: 10px !important;
    }

    .mr-xxl-15 {
        margin-right: 15px !important;
    }

    .mr-xxl-20 {
        margin-right: 20px !important;
    }

    .mr-xxl-25 {
        margin-right: 25px !important;
    }

    .mr-xxl-30 {
        margin-right: 30px !important;
    }

    .mr-xxl-40 {
        margin-right: 40px !important;
    }

    .mx-xxl-0 {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }

    .mx-xxl-1 {
        margin-left: 1px !important;
        margin-right: 1px !important;
    }

    .mx-xxl-2 {
        margin-left: 2px !important;
        margin-right: 2px !important;
    }

    .mx-xxl-3 {
        margin-left: 3px !important;
        margin-right: 3px !important;
    }

    .mx-xxl-4 {
        margin-left: 4px !important;
        margin-right: 4px !important;
    }

    .mx-xxl-5 {
        margin-left: 5px !important;
        margin-right: 5px !important;
    }

    .mx-xxl-6 {
        margin-left: 6px !important;
        margin-right: 6px !important;
    }

    .mx-xxl-7 {
        margin-left: 7px !important;
        margin-right: 7px !important;
    }

    .mx-xxl-8 {
        margin-left: 8px !important;
        margin-right: 8px !important;
    }

    .mx-xxl-9 {
        margin-left: 9px !important;
        margin-right: 9px !important;
    }

    .mx-xxl-10 {
        margin-left: 10px !important;
        margin-right: 10px !important;
    }

    .mx-xxl-15 {
        margin-left: 15px !important;
        margin-right: 15px !important;
    }

    .mx-xxl-20 {
        margin-left: 20px !important;
        margin-right: 20px !important;
    }

    .mx-xxl-25 {
        margin-left: 25px !important;
        margin-right: 25px !important;
    }

    .mx-xxl-30 {
        margin-left: 30px !important;
        margin-right: 30px !important;
    }

    .mx-xxl-40 {
        margin-left: 40px !important;
        margin-right: 40px !important;
    }

    .my-xxl-0 {
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

    .my-xxl-1 {
        margin-top: 1px !important;
        margin-bottom: 1px !important;
    }

    .my-xxl-2 {
        margin-top: 2px !important;
        margin-bottom: 2px !important;
    }

    .my-xxl-3 {
        margin-top: 3px !important;
        margin-bottom: 3px !important;
    }

    .my-xxl-4 {
        margin-top: 4px !important;
        margin-bottom: 4px !important;
    }

    .my-xxl-5 {
        margin-top: 5px !important;
        margin-bottom: 5px !important;
    }

    .my-xxl-6 {
        margin-top: 6px !important;
        margin-bottom: 6px !important;
    }

    .my-xxl-7 {
        margin-top: 7px !important;
        margin-bottom: 7px !important;
    }

    .my-xxl-8 {
        margin-top: 8px !important;
        margin-bottom: 8px !important;
    }

    .my-xxl-9 {
        margin-top: 9px !important;
        margin-bottom: 9px !important;
    }

    .my-xxl-10 {
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }

    .my-xxl-15 {
        margin-top: 15px !important;
        margin-bottom: 15px !important;
    }

    .my-xxl-20 {
        margin-top: 20px !important;
        margin-bottom: 20px !important;
    }

    .my-xxl-25 {
        margin-top: 25px !important;
        margin-bottom: 25px !important;
    }

    .my-xxl-30 {
        margin-top: 30px !important;
        margin-bottom: 30px !important;
    }

    .my-xxl-40 {
        margin-top: 40px !important;
        margin-bottom: 40px !important;
    }

    /* padding
----------------------------------------------------------*/

    .p-xxl-0 {
        padding: 0px !important;
    }

    .p-xxl-1 {
        padding: 1px !important;
    }

    .p-xxl-2 {
        padding: 2px !important;
    }

    .p-xxl-3 {
        padding: 3px !important;
    }

    .p-xxl-4 {
        padding: 4px !important;
    }

    .p-xxl-5 {
        padding: 5px !important;
    }

    .p-xxl-6 {
        padding: 6px !important;
    }

    .p-xxl-7 {
        padding: 7px !important;
    }

    .p-xxl-8 {
        padding: 8px !important;
    }

    .p-xxl-9 {
        padding: 9px !important;
    }

    .p-xxl-10 {
        padding: 10px !important;
    }

    .p-xxl-15 {
        padding: 15px !important;
    }

    .p-xxl-20 {
        padding: 20px !important;
    }

    .p-xxl-25 {
        padding: 25px !important;
    }

    .p-xxl-30 {
        padding: 30px !important;
    }

    .pt-xxl-0 {
        padding-top: 0px !important;
    }

    .pt-xxl-1 {
        padding-top: 1px !important;
    }

    .pt-xxl-2 {
        padding-top: 2px !important;
    }

    .pt-xxl-3 {
        padding-top: 3px !important;
    }

    .pt-xxl-4 {
        padding-top: 4px !important;
    }

    .pt-xxl-5 {
        padding-top: 5px !important;
    }

    .pt-xxl-6 {
        padding-top: 6px !important;
    }

    .pt-xxl-7 {
        padding-top: 7px !important;
    }

    .pt-xxl-8 {
        padding-top: 8px !important;
    }

    .pt-xxl-9 {
        padding-top: 9px !important;
    }

    .pt-xxl-10 {
        padding-top: 10px !important;
    }

    .pt-xxl-15 {
        padding-top: 15px !important;
    }

    .pt-xxl-20 {
        padding-top: 20px !important;
    }

    .pt-xxl-25 {
        padding-top: 25px !important;
    }

    .pt-xxl-30 {
        padding-top: 30px !important;
    }

    .pb-xxl-0 {
        padding-bottom: 0px !important;
    }

    .pb-xxl-1 {
        padding-bottom: 1px !important;
    }

    .pb-xxl-2 {
        padding-bottom: 2px !important;
    }

    .pb-xxl-3 {
        padding-bottom: 3px !important;
    }

    .pb-xxl-4 {
        padding-bottom: 4px !important;
    }

    .pb-xxl-5 {
        padding-bottom: 5px !important;
    }

    .pb-xxl-6 {
        padding-bottom: 6px !important;
    }

    .pb-xxl-7 {
        padding-bottom: 7px !important;
    }

    .pb-xxl-8 {
        padding-bottom: 8px !important;
    }

    .pb-xxl-9 {
        padding-bottom: 9px !important;
    }

    .pb-xxl-10 {
        padding-bottom: 10px !important;
    }

    .pb-xxl-15 {
        padding-bottom: 15px !important;
    }

    .pb-xxl-20 {
        padding-bottom: 20px !important;
    }

    .pb-xxl-25 {
        padding-bottom: 25px !important;
    }

    .pb-xxl-30 {
        padding-bottom: 30px !important;
    }

    .pl-xxl-0 {
        padding-left: 0px !important;
    }

    .pl-xxl-1 {
        padding-left: 1px !important;
    }

    .pl-xxl-2 {
        padding-left: 2px !important;
    }

    .pl-xxl-3 {
        padding-left: 3px !important;
    }

    .pl-xxl-4 {
        padding-left: 4px !important;
    }

    .pl-xxl-5 {
        padding-left: 5px !important;
    }

    .pl-xxl-6 {
        padding-left: 6px !important;
    }

    .pl-xxl-7 {
        padding-left: 7px !important;
    }

    .pl-xxl-8 {
        padding-left: 8px !important;
    }

    .pl-xxl-9 {
        padding-left: 9px !important;
    }

    .pl-xxl-10 {
        padding-left: 10px !important;
    }

    .pl-xxl-15 {
        padding-left: 15px !important;
    }

    .pl-xxl-20 {
        padding-left: 20px !important;
    }

    .pl-xxl-25 {
        padding-left: 25px !important;
    }

    .pl-xxl-30 {
        padding-left: 30px !important;
    }

    .pr-xxl-0 {
        padding-right: 0px !important;
    }

    .pr-xxl-1 {
        padding-right: 1px !important;
    }

    .pr-xxl-2 {
        padding-right: 2px !important;
    }

    .pr-xxl-3 {
        padding-right: 3px !important;
    }

    .pr-xxl-4 {
        padding-right: 4px !important;
    }

    .pr-xxl-5 {
        padding-right: 5px !important;
    }

    .pr-xxl-6 {
        padding-right: 6px !important;
    }

    .pr-xxl-7 {
        padding-right: 7px !important;
    }

    .pr-xxl-8 {
        padding-right: 8px !important;
    }

    .pr-xxl-9 {
        padding-right: 9px !important;
    }

    .pr-xxl-10 {
        padding-right: 10px !important;
    }

    .pr-xxl-15 {
        padding-right: 15px !important;
    }

    .pr-xxl-20 {
        padding-right: 20px !important;
    }

    .pr-xxl-25 {
        padding-right: 25px !important;
    }

    .pr-xxl-30 {
        padding-right: 30px !important;
    }

    .px-xxl-0 {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .px-xxl-1 {
        padding-left: 1px !important;
        padding-right: 1px !important;
    }

    .px-xxl-2 {
        padding-left: 2px !important;
        padding-right: 2px !important;
    }

    .px-xxl-3 {
        padding-left: 3px !important;
        padding-right: 3px !important;
    }

    .px-xxl-4 {
        padding-left: 4px !important;
        padding-right: 4px !important;
    }

    .px-xxl-5 {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

    .px-xxl-6 {
        padding-left: 6px !important;
        padding-right: 6px !important;
    }

    .px-xxl-7 {
        padding-left: 7px !important;
        padding-right: 7px !important;
    }

    .px-xxl-8 {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

    .px-xxl-9 {
        padding-left: 9px !important;
        padding-right: 9px !important;
    }

    .px-xxl-10 {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .px-xxl-15 {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .px-xxl-20 {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .px-xxl-25 {
        padding-left: 25px !important;
        padding-right: 25px !important;
    }

    .px-xxl-30 {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }

    .py-xxl-0 {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }

    .py-xxl-1 {
        padding-top: 1px !important;
        padding-bottom: 1px !important;
    }

    .py-xxl-2 {
        padding-top: 2px !important;
        padding-bottom: 2px !important;
    }

    .py-xxl-3 {
        padding-top: 3px !important;
        padding-bottom: 3px !important;
    }

    .py-xxl-4 {
        padding-top: 4px !important;
        padding-bottom: 4px !important;
    }

    .py-xxl-5 {
        padding-top: 5px !important;
        padding-bottom: 5px !important;
    }

    .py-xxl-6 {
        padding-top: 6px !important;
        padding-bottom: 6px !important;
    }

    .py-xxl-7 {
        padding-top: 7px !important;
        padding-bottom: 7px !important;
    }

    .py-xxl-8 {
        padding-top: 8px !important;
        padding-bottom: 8px !important;
    }

    .py-xxl-9 {
        padding-top: 9px !important;
        padding-bottom: 9px !important;
    }

    .py-xxl-10 {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }

    .py-xxl-15 {
        padding-top: 15px !important;
        padding-bottom: 15px !important;
    }

    .py-xxl-20 {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }

    .py-xxl-25 {
        padding-top: 25px !important;
        padding-bottom: 25px !important;
    }

    .py-xxl-30 {
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }
}

@media(min-width:1920px) {
    /* margins
    ----------------------------------------------------------*/

    .m-xxxl-0 {
        margin: 0px !important;
    }

    .m-xxxl-1 {
        margin: 1px !important;
    }

    .m-xxxl-2 {
        margin: 2px !important;
    }

    .m-xxxl-3 {
        margin: 3px !important;
    }

    .m-xxxl-4 {
        margin: 4px !important;
    }

    .m-xxxl-5 {
        margin: 5px !important;
    }

    .m-xxxl-6 {
        margin: 6px !important;
    }

    .m-xxxl-7 {
        margin: 7px !important;
    }

    .m-xxxl-8 {
        margin: 8px !important;
    }

    .m-xxxl-9 {
        margin: 9px !important;
    }

    .m-xxxl-10 {
        margin: 10px !important;
    }

    .m-xxxl-15 {
        margin: 15px !important;
    }

    .m-xxxl-20 {
        margin: 20px !important;
    }

    .m-xxxl-25 {
        margin: 25px !important;
    }

    .m-xxxl-30 {
        margin: 30px !important;
    }

    .m-xxxl-40 {
        margin: 40px !important;
    }

    .mt-xxxl-0 {
        margin-top: 0px !important;
    }

    .mt-xxxl-1 {
        margin-top: 1px !important;
    }

    .mt-xxxl-2 {
        margin-top: 2px !important;
    }

    .mt-xxxl-3 {
        margin-top: 3px !important;
    }

    .mt-xxxl-4 {
        margin-top: 4px !important;
    }

    .mt-xxxl-5 {
        margin-top: 5px !important;
    }

    .mt-xxxl-6 {
        margin-top: 6px !important;
    }

    .mt-xxxl-7 {
        margin-top: 7px !important;
    }

    .mt-xxxl-8 {
        margin-top: 8px !important;
    }

    .mt-xxxl-9 {
        margin-top: 9px !important;
    }

    .mt-xxxl-10 {
        margin-top: 10px !important;
    }

    .mt-xxxl-15 {
        margin-top: 15px !important;
    }

    .mt-xxxl-20 {
        margin-top: 20px !important;
    }

    .mt-xxxl-25 {
        margin-top: 25px !important;
    }

    .mt-xxxl-30 {
        margin-top: 30px !important;
    }

    .mt-xxxl-40 {
        margin-top: 40px !important;
    }

    .mb-xxxl-0 {
        margin-bottom: 0px !important;
    }

    .mb-xxxl-1 {
        margin-bottom: 1px !important;
    }

    .mb-xxxl-2 {
        margin-bottom: 2px !important;
    }

    .mb-xxxl-3 {
        margin-bottom: 3px !important;
    }

    .mb-xxxl-4 {
        margin-bottom: 4px !important;
    }

    .mb-xxxl-5 {
        margin-bottom: 5px !important;
    }

    .mb-xxxl-6 {
        margin-bottom: 6px !important;
    }

    .mb-xxxl-7 {
        margin-bottom: 7px !important;
    }

    .mb-xxxl-8 {
        margin-bottom: 8px !important;
    }

    .mb-xxxl-9 {
        margin-bottom: 9px !important;
    }

    .mb-xxxl-10 {
        margin-bottom: 10px !important;
    }

    .mb-xxxl-15 {
        margin-bottom: 15px !important;
    }

    .mb-xxxl-20 {
        margin-bottom: 20px !important;
    }

    .mb-xxxl-25 {
        margin-bottom: 25px !important;
    }

    .mb-xxxl-30 {
        margin-bottom: 30px !important;
    }

    .mb-xxxl-40 {
        margin-bottom: 40px !important;
    }

    .ml-xxxl-0 {
        margin-left: 0px !important;
    }

    .ml-xxxl-1 {
        margin-left: 1px !important;
    }

    .ml-xxxl-2 {
        margin-left: 2px !important;
    }

    .ml-xxxl-3 {
        margin-left: 3px !important;
    }

    .ml-xxxl-4 {
        margin-left: 4px !important;
    }

    .ml-xxxl-5 {
        margin-left: 5px !important;
    }

    .ml-xxxl-6 {
        margin-left: 6px !important;
    }

    .ml-xxxl-7 {
        margin-left: 7px !important;
    }

    .ml-xxxl-8 {
        margin-left: 8px !important;
    }

    .ml-xxxl-9 {
        margin-left: 9px !important;
    }

    .ml-xxxl-10 {
        margin-left: 10px !important;
    }

    .ml-xxxl-15 {
        margin-left: 15px !important;
    }

    .ml-xxxl-20 {
        margin-left: 20px !important;
    }

    .ml-xxxl-25 {
        margin-left: 25px !important;
    }

    .ml-xxxl-30 {
        margin-left: 30px !important;
    }

    .ml-xxxl-40 {
        margin-left: 40px !important;
    }

    .ml-xxxl-100 {
        margin-left: 100px !important;
    }

    .mr-xxxl-0 {
        margin-right: 0px !important;
    }

    .mr-xxxl-1 {
        margin-right: 1px !important;
    }

    .mr-xxxl-2 {
        margin-right: 2px !important;
    }

    .mr-xxxl-3 {
        margin-right: 3px !important;
    }

    .mr-xxxl-4 {
        margin-right: 4px !important;
    }

    .mr-xxxl-5 {
        margin-right: 5px !important;
    }

    .mr-xxxl-6 {
        margin-right: 6px !important;
    }

    .mr-xxxl-7 {
        margin-right: 7px !important;
    }

    .mr-xxxl-8 {
        margin-right: 8px !important;
    }

    .mr-xxxl-9 {
        margin-right: 9px !important;
    }

    .mr-xxxl-10 {
        margin-right: 10px !important;
    }

    .mr-xxxl-15 {
        margin-right: 15px !important;
    }

    .mr-xxxl-20 {
        margin-right: 20px !important;
    }

    .mr-xxxl-25 {
        margin-right: 25px !important;
    }

    .mr-xxxl-30 {
        margin-right: 30px !important;
    }

    .mr-xxxl-40 {
        margin-right: 40px !important;
    }

    .mx-xxxl-0 {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }

    .mx-xxxl-1 {
        margin-left: 1px !important;
        margin-right: 1px !important;
    }

    .mx-xxxl-2 {
        margin-left: 2px !important;
        margin-right: 2px !important;
    }

    .mx-xxxl-3 {
        margin-left: 3px !important;
        margin-right: 3px !important;
    }

    .mx-xxxl-4 {
        margin-left: 4px !important;
        margin-right: 4px !important;
    }

    .mx-xxxl-5 {
        margin-left: 5px !important;
        margin-right: 5px !important;
    }

    .mx-xxxl-6 {
        margin-left: 6px !important;
        margin-right: 6px !important;
    }

    .mx-xxxl-7 {
        margin-left: 7px !important;
        margin-right: 7px !important;
    }

    .mx-xxxl-8 {
        margin-left: 8px !important;
        margin-right: 8px !important;
    }

    .mx-xxxl-9 {
        margin-left: 9px !important;
        margin-right: 9px !important;
    }

    .mx-xxxl-10 {
        margin-left: 10px !important;
        margin-right: 10px !important;
    }

    .mx-xxxl-15 {
        margin-left: 15px !important;
        margin-right: 15px !important;
    }

    .mx-xxxl-20 {
        margin-left: 20px !important;
        margin-right: 20px !important;
    }

    .mx-xxxl-25 {
        margin-left: 25px !important;
        margin-right: 25px !important;
    }

    .mx-xxxl-30 {
        margin-left: 30px !important;
        margin-right: 30px !important;
    }

    .mx-xxxl-40 {
        margin-left: 40px !important;
        margin-right: 40px !important;
    }

    .my-xxxl-0 {
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

    .my-xxxl-1 {
        margin-top: 1px !important;
        margin-bottom: 1px !important;
    }

    .my-xxxl-2 {
        margin-top: 2px !important;
        margin-bottom: 2px !important;
    }

    .my-xxxl-3 {
        margin-top: 3px !important;
        margin-bottom: 3px !important;
    }

    .my-xxxl-4 {
        margin-top: 4px !important;
        margin-bottom: 4px !important;
    }

    .my-xxxl-5 {
        margin-top: 5px !important;
        margin-bottom: 5px !important;
    }

    .my-xxxl-6 {
        margin-top: 6px !important;
        margin-bottom: 6px !important;
    }

    .my-xxxl-7 {
        margin-top: 7px !important;
        margin-bottom: 7px !important;
    }

    .my-xxxl-8 {
        margin-top: 8px !important;
        margin-bottom: 8px !important;
    }

    .my-xxxl-9 {
        margin-top: 9px !important;
        margin-bottom: 9px !important;
    }

    .my-xxxl-10 {
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }

    .my-xxxl-15 {
        margin-top: 15px !important;
        margin-bottom: 15px !important;
    }

    .my-xxxl-20 {
        margin-top: 20px !important;
        margin-bottom: 20px !important;
    }

    .my-xxxl-25 {
        margin-top: 25px !important;
        margin-bottom: 25px !important;
    }

    .my-xxxl-30 {
        margin-top: 30px !important;
        margin-bottom: 30px !important;
    }

    .my-xxxl-40 {
        margin-top: 40px !important;
        margin-bottom: 40px !important;
    }

    /* padding
----------------------------------------------------------*/

    .p-xxxl-0 {
        padding: 0px !important;
    }

    .p-xxxl-1 {
        padding: 1px !important;
    }

    .p-xxxl-2 {
        padding: 2px !important;
    }

    .p-xxxl-3 {
        padding: 3px !important;
    }

    .p-xxxl-4 {
        padding: 4px !important;
    }

    .p-xxxl-5 {
        padding: 5px !important;
    }

    .p-xxxl-6 {
        padding: 6px !important;
    }

    .p-xxxl-7 {
        padding: 7px !important;
    }

    .p-xxxl-8 {
        padding: 8px !important;
    }

    .p-xxxl-9 {
        padding: 9px !important;
    }

    .p-xxxl-10 {
        padding: 10px !important;
    }

    .p-xxxl-15 {
        padding: 15px !important;
    }

    .p-xxxl-20 {
        padding: 20px !important;
    }

    .p-xxxl-25 {
        padding: 25px !important;
    }

    .p-xxxl-30 {
        padding: 30px !important;
    }

    .pt-xxxl-0 {
        padding-top: 0px !important;
    }

    .pt-xxxl-1 {
        padding-top: 1px !important;
    }

    .pt-xxxl-2 {
        padding-top: 2px !important;
    }

    .pt-xxxl-3 {
        padding-top: 3px !important;
    }

    .pt-xxxl-4 {
        padding-top: 4px !important;
    }

    .pt-xxxl-5 {
        padding-top: 5px !important;
    }

    .pt-xxxl-6 {
        padding-top: 6px !important;
    }

    .pt-xxxl-7 {
        padding-top: 7px !important;
    }

    .pt-xxxl-8 {
        padding-top: 8px !important;
    }

    .pt-xxxl-9 {
        padding-top: 9px !important;
    }

    .pt-xxxl-10 {
        padding-top: 10px !important;
    }

    .pt-xxxl-15 {
        padding-top: 15px !important;
    }

    .pt-xxxl-20 {
        padding-top: 20px !important;
    }

    .pt-xxxl-25 {
        padding-top: 25px !important;
    }

    .pt-xxxl-30 {
        padding-top: 30px !important;
    }

    .pb-xxxl-0 {
        padding-bottom: 0px !important;
    }

    .pb-xxxl-1 {
        padding-bottom: 1px !important;
    }

    .pb-xxxl-2 {
        padding-bottom: 2px !important;
    }

    .pb-xxxl-3 {
        padding-bottom: 3px !important;
    }

    .pb-xxxl-4 {
        padding-bottom: 4px !important;
    }

    .pb-xxxl-5 {
        padding-bottom: 5px !important;
    }

    .pb-xxxl-6 {
        padding-bottom: 6px !important;
    }

    .pb-xxxl-7 {
        padding-bottom: 7px !important;
    }

    .pb-xxxl-8 {
        padding-bottom: 8px !important;
    }

    .pb-xxxl-9 {
        padding-bottom: 9px !important;
    }

    .pb-xxxl-10 {
        padding-bottom: 10px !important;
    }

    .pb-xxxl-15 {
        padding-bottom: 15px !important;
    }

    .pb-xxxl-20 {
        padding-bottom: 20px !important;
    }

    .pb-xxxl-25 {
        padding-bottom: 25px !important;
    }

    .pb-xxxl-30 {
        padding-bottom: 30px !important;
    }

    .pl-xxxl-0 {
        padding-left: 0px !important;
    }

    .pl-xxxl-1 {
        padding-left: 1px !important;
    }

    .pl-xxxl-2 {
        padding-left: 2px !important;
    }

    .pl-xxxl-3 {
        padding-left: 3px !important;
    }

    .pl-xxxl-4 {
        padding-left: 4px !important;
    }

    .pl-xxxl-5 {
        padding-left: 5px !important;
    }

    .pl-xxxl-6 {
        padding-left: 6px !important;
    }

    .pl-xxxl-7 {
        padding-left: 7px !important;
    }

    .pl-xxxl-8 {
        padding-left: 8px !important;
    }

    .pl-xxxl-9 {
        padding-left: 9px !important;
    }

    .pl-xxxl-10 {
        padding-left: 10px !important;
    }

    .pl-xxxl-15 {
        padding-left: 15px !important;
    }

    .pl-xxxl-20 {
        padding-left: 20px !important;
    }

    .pl-xxxl-25 {
        padding-left: 25px !important;
    }

    .pl-xxxl-30 {
        padding-left: 30px !important;
    }

    .pr-xxxl-0 {
        padding-right: 0px !important;
    }

    .pr-xxxl-1 {
        padding-right: 1px !important;
    }

    .pr-xxxl-2 {
        padding-right: 2px !important;
    }

    .pr-xxxl-3 {
        padding-right: 3px !important;
    }

    .pr-xxxl-4 {
        padding-right: 4px !important;
    }

    .pr-xxxl-5 {
        padding-right: 5px !important;
    }

    .pr-xxxl-6 {
        padding-right: 6px !important;
    }

    .pr-xxxl-7 {
        padding-right: 7px !important;
    }

    .pr-xxxl-8 {
        padding-right: 8px !important;
    }

    .pr-xxxl-9 {
        padding-right: 9px !important;
    }

    .pr-xxxl-10 {
        padding-right: 10px !important;
    }

    .pr-xxxl-15 {
        padding-right: 15px !important;
    }

    .pr-xxxl-20 {
        padding-right: 20px !important;
    }

    .pr-xxxl-25 {
        padding-right: 25px !important;
    }

    .pr-xxxl-30 {
        padding-right: 30px !important;
    }

    .px-xxxl-0 {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .px-xxxl-1 {
        padding-left: 1px !important;
        padding-right: 1px !important;
    }

    .px-xxxl-2 {
        padding-left: 2px !important;
        padding-right: 2px !important;
    }

    .px-xxxl-3 {
        padding-left: 3px !important;
        padding-right: 3px !important;
    }

    .px-xxxl-4 {
        padding-left: 4px !important;
        padding-right: 4px !important;
    }

    .px-xxxl-5 {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

    .px-xxxl-6 {
        padding-left: 6px !important;
        padding-right: 6px !important;
    }

    .px-xxxl-7 {
        padding-left: 7px !important;
        padding-right: 7px !important;
    }

    .px-xxxl-8 {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

    .px-xxxl-9 {
        padding-left: 9px !important;
        padding-right: 9px !important;
    }

    .px-xxxl-10 {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .px-xxxl-15 {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .px-xxxl-20 {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .px-xxxl-25 {
        padding-left: 25px !important;
        padding-right: 25px !important;
    }

    .px-xxxl-30 {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }

    .py-xxxl-0 {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }

    .py-xxxl-1 {
        padding-top: 1px !important;
        padding-bottom: 1px !important;
    }

    .py-xxxl-2 {
        padding-top: 2px !important;
        padding-bottom: 2px !important;
    }

    .py-xxxl-3 {
        padding-top: 3px !important;
        padding-bottom: 3px !important;
    }

    .py-xxxl-4 {
        padding-top: 4px !important;
        padding-bottom: 4px !important;
    }

    .py-xxxl-5 {
        padding-top: 5px !important;
        padding-bottom: 5px !important;
    }

    .py-xxxl-6 {
        padding-top: 6px !important;
        padding-bottom: 6px !important;
    }

    .py-xxxl-7 {
        padding-top: 7px !important;
        padding-bottom: 7px !important;
    }

    .py-xxxl-8 {
        padding-top: 8px !important;
        padding-bottom: 8px !important;
    }

    .py-xxxl-9 {
        padding-top: 9px !important;
        padding-bottom: 9px !important;
    }

    .py-xxxl-10 {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }

    .py-xxxl-15 {
        padding-top: 15px !important;
        padding-bottom: 15px !important;
    }

    .py-xxxl-20 {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }

    .py-xxxl-25 {
        padding-top: 25px !important;
        padding-bottom: 25px !important;
    }

    .py-xxxl-30 {
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }
}

/* column spans
----------------------------------------------------------*/
@media screen and (max-width: 767px) {
    .sm-hidden, .md-hidden, .lg-hidden, .xl-hidden, .xxl-hidden, .xxxl-hidden {
        display: none;
    }

    .smart-form .col {
        width: 100%;
        float: none;
    }
}

@media(max-width:767px) {
    .sm-hidden, .md-hidden, .lg-hidden, .xl-hidden, .xxl-hidden, .xxxl-hidden {
        display: none;
    }

    .smart-form .col-xs-12 {
        width: 100%;
        float: left;
    }

    .smart-form .col-xs-11 {
        width: 91.66666666666666%;
        float: left;
    }

    .smart-form .col-xs-10 {
        width: 83.33333333333334%;
        float: left;
    }

    .smart-form .col-xs-9 {
        width: 75%;
        float: left;
    }

    .smart-form .col-xs-8 {
        width: 66.66666666666666%;
        float: left;
    }

    .smart-form .col-xs-7 {
        width: 58.333333333333336%;
        float: left;
    }

    .smart-form .col-xs-6 {
        width: 50%;
        float: left;
    }

    .smart-form .col-xs-5 {
        width: 41.66666666666667%;
        float: left;
    }

    .smart-form .col-xs-4 {
        width: 33.33333333333333%;
        float: left;
    }

    .smart-form .col-xs-3 {
        width: 25%;
        float: left;
    }

    .smart-form .col-xs-2 {
        width: 16.666666666666664%;
        float: left;
    }

    .smart-form .col-xs-1 {
        width: 8.333333333333332%;
        float: left;
    }
}

@media(min-width:768px) {
    .md-hidden, .lg-hidden, .xl-hidden, .xxl-hidden, .xxxl-hidden {
        display: none;
    }

    .smart-form .col-sm-12 {
        width: 100%;
    }

    .smart-form .col-sm-11 {
        width: 91.66666666666666%;
    }

    .smart-form .col-sm-10 {
        width: 83.33333333333334%;
    }

    .smart-form .col-sm-9 {
        width: 75%;
    }

    .smart-form .col-sm-8 {
        width: 66.66666666666666%;
    }

    .smart-form .col-sm-7 {
        width: 58.333333333333336%;
    }

    .smart-form .col-sm-6 {
        width: 50%;
    }

    .smart-form .col-sm-5 {
        width: 41.66666666666667%;
    }

    .smart-form .col-sm-4 {
        width: 33.33333333333333%;
    }

    .smart-form .col-sm-3 {
        width: 25%;
    }

    .smart-form .col-sm-2 {
        width: 16.666666666666664%;
    }

    .smart-form .col-sm-1 {
        width: 8.333333333333332%;
    }
}

@media(min-width:1024px) {
    .lg-hidden, .xl-hidden, .xxl-hidden, .xxxl-hidden {
        display: none;
    }

    .smart-form .col-md-12 {
        width: 100%;
    }

    .smart-form .col-md-11 {
        width: 91.66666666666666%;
    }

    .smart-form .col-md-10 {
        width: 83.33333333333334%;
    }

    .smart-form .col-md-9 {
        width: 75%;
    }

    .smart-form .col-md-8 {
        width: 66.66666666666666%;
    }

    .smart-form .col-md-7 {
        width: 58.333333333333336%;
    }

    .smart-form .col-md-6 {
        width: 50%;
    }

    .smart-form .col-md-5 {
        width: 41.66666666666667%;
    }

    .smart-form .col-md-4 {
        width: 33.33333333333333%;
    }

    .smart-form .col-md-3 {
        width: 25%;
    }

    .smart-form .col-md-2 {
        width: 16.666666666666664%;
    }

    .smart-form .col-md-1 {
        width: 8.333333333333332%;
    }
}

@media(min-width:1280px) {
    .xl-hidden, .xxl-hidden, .xxxl-hidden {
        display: none;
    }

    .smart-form .col-lg-12 {
        width: 100%;
    }

    .smart-form .col-lg-11 {
        width: 91.66666666666666%;
    }

    .smart-form .col-lg-10 {
        width: 83.33333333333334%;
    }

    .smart-form .col-lg-9 {
        width: 75%;
    }

    .smart-form .col-lg-8 {
        width: 66.66666666666666%;
    }

    .smart-form .col-lg-7 {
        width: 58.333333333333336%;
    }

    .smart-form .col-lg-6 {
        width: 50%;
    }

    .smart-form .col-lg-5 {
        width: 41.66666666666667%;
    }

    .smart-form .col-lg-4 {
        width: 33.33333333333333%;
    }

    .smart-form .col-lg-3 {
        width: 25%;
    }

    .smart-form .col-lg-2 {
        width: 16.666666666666664%;
    }

    .smart-form .col-lg-1 {
        width: 8.333333333333332%;
    }
}

@media(min-width:1440px) {
    .xxl-hidden, .xxxl-hidden {
        display: none;
    }

    .smart-form .col-xl-12 {
        width: 100%;
    }

    .smart-form .col-xl-11 {
        width: 91.66666666666666%;
    }

    .smart-form .col-xl-10 {
        width: 83.33333333333334%;
    }

    .smart-form .col-xl-9 {
        width: 75%;
    }

    .smart-form .col-xl-8 {
        width: 66.66666666666666%;
    }

    .smart-form .col-xl-7 {
        width: 58.333333333333336%;
    }

    .smart-form .col-xl-6 {
        width: 50%;
    }

    .smart-form .col-xl-5 {
        width: 41.66666666666667%;
    }

    .smart-form .col-xl-4 {
        width: 33.33333333333333%;
    }

    .smart-form .col-xl-3 {
        width: 25%;
    }

    .smart-form .col-xl-2 {
        width: 16.666666666666664%;
    }

    .smart-form .col-xl-1 {
        width: 8.333333333333332%;
    }
}

@media(min-width:1720px) {
    .xxxl-hidden {
        display: none;
    }

    .smart-form .col-xxl-12 {
        width: 100%;
    }

    .smart-form .col-xxl-11 {
        width: 91.66666666666666%;
    }

    .smart-form .col-xxl-10 {
        width: 83.33333333333334%;
    }

    .smart-form .col-xxl-9 {
        width: 75%;
    }

    .smart-form .col-xxl-8 {
        width: 66.66666666666666%;
    }

    .smart-form .col-xxl-7 {
        width: 58.333333333333336%;
    }

    .smart-form .col-xxl-6 {
        width: 50%;
    }

    .smart-form .col-xxl-5 {
        width: 41.66666666666667%;
    }

    .smart-form .col-xxl-4 {
        width: 33.33333333333333%;
    }

    .smart-form .col-xxl-3 {
        width: 25%;
    }

    .smart-form .col-xxl-2 {
        width: 16.666666666666664%;
    }

    .smart-form .col-xxl-1 {
        width: 8.333333333333332%;
    }
}

@media(min-width:1920px) {
    .smart-form .col-xxxl-12 {
        width: 100%;
    }

    .smart-form .col-xxxl-11 {
        width: 91.66666666666666%;
    }

    .smart-form .col-xxxl-10 {
        width: 83.33333333333334%;
    }

    .smart-form .col-xxxl-9 {
        width: 75%;
    }

    .smart-form .col-xxxl-8 {
        width: 66.66666666666666%;
    }

    .smart-form .col-xxxl-7 {
        width: 58.333333333333336%;
    }

    .smart-form .col-xxxl-6 {
        width: 50%;
    }

    .smart-form .col-xxxl-5 {
        width: 41.66666666666667%;
    }

    .smart-form .col-xxxl-4 {
        width: 33.33333333333333%;
    }

    .smart-form .col-xxxl-3 {
        width: 25%;
    }

    .smart-form .col-xxxl-2 {
        width: 16.666666666666664%;
    }

    .smart-form .col-xxxl-1 {
        width: 8.333333333333332%;
    }
}

/* hidden / visible modifiers
----------------------------------------------------------*/
.visible-xs, .visible-sm, .visible-md, .visible-lg, .visible-xl, .visible-xxl, .visible-xxxl {
    display: none;
}

@media(max-width: 767px) {
    .hidden-xs {
        display: none;
    }

    .visible-xs {
        display: block;
    }
}

@media(min-width: 768px) and (max-width:1023px) {
    .hidden-sm {
        display: none;
    }

    .visible-sm {
        display: block;
    }
}

@media(min-width: 1024px) and (max-width:1279px) {
    .hidden-md {
        display: none;
    }

    .visible-md {
        display: block;
    }
}

@media(min-width: 1280px) and (max-width:1439px) {
    .hidden-lg {
        display: none;
    }

    .visible-lg {
        display: block;
    }
}

@media(min-width: 1440px) and (max-width:1719px) {
    .hidden-xl {
        display: none;
    }

    .visible-xl {
        display: block;
    }
}

@media(min-width: 1720px) and (max-width:1919px) {
    .hidden-xxl {
        display: none;
    }

    .visible-xxl {
        display: block;
    }
}

@media(min-width: 1920px) {
    .hidden-xxxl {
        display: none;
    }

    .visible-xxxl {
        display: block;
    }
}