:root {
    --scrollbarWidth: 15px;
    --scrollbarHeight: 0px;
}

@media (min-width: 992px){
    .headerLarge{
        display: block !important;
    }
    .headerSmall{
        display: none !important;
    }

    #navbar {
        padding: 0;
    }

    .container {
        width: 100%;
    }

}
@media (max-width: 991px) {
    .headerLarge{
        display: none !important;
    }
    .headerSmall{
        display: block !important;
    }

    .navbar{
        margin-top: 25px;
    }

  .navbar-header {
      float: none;
  }
  .navbar-left,.navbar-right {
      float: none !important;
  }
  .navbar-toggle {
      display: block;
  }
  .navbar-collapse {
      border-top: 1px solid transparent;
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
  }
  .navbar-fixed-top {
      top: 0;
      border-width: 0 0 1px;
  }
  .navbar-collapse.collapse {
      display: none!important;
  }
  .navbar-nav {
      float: none!important;
      margin-top: 7.5px;
  }
  .navbar-nav>li {
      float: none;
  }
  .navbar-nav>li>a {
      padding-top: 10px;
      padding-bottom: 10px;
  }
  .collapse.in{
      display:block !important;
  }
}

@media (min-width: 768px) {
    .container {
        width: 100%;
    }
}

.table-responsive
{
    overflow-x: auto;
}


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

#headerContainer {
    padding-bottom: 5px;
}

#navContainer {
    padding-bottom: 5px;
}

.bottomHighlightBorder {
    border-bottom: 1px solid #E5E5E5;
}

.header {
    border-bottom: 1px solid #e5e5e5;
}

.noborder {
    border: 0;
}

#siteLogo {
    margin: 3px;
}

#navbarCategories {
    margin-top: 2px;
}

#navbarAdmin {
    margin-top: 2px;
}

.category-tree ul, .category-tree li {
    text-align: left;
    list-style: none;
    display: block;
}
.category-tree li {
    height: auto;
}

.category-tree ul {
    padding-inline-start: unset;
}

@media (min-width: 992px) {
    .category-tree ul {
        padding-inline-start: revert;
    }
}


html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    color: #231f20;
}

body {
    width: 97%;
    margin: 15px auto 15px auto;
}

.body-fullwidth {
    background-color: transparent !important;
}

.container-fluid {
    background-color: #FFF;
    padding-left: 5px;
    padding-right: 5px;
}

.container-fullwidth {
    width: 100% !important;
}

#body {
    text-align: center;
    clear: both;
    margin-top: 20px;
    min-height: 575px;
}

.headerTaskControls {
    margin-top: 5px;
    margin-right: 5px;
}

.row {
    margin-left: 0;
    margin-right: 0;
}

.navbar-right { margin-right: 0; }

.nav li { border-right: 1px solid #ffffff; }

.admin-nav li { border-right: 0; }

.navbar-nav > li > a {
    padding-top: 5px;
    padding-bottom: 5px;
}

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

.navbar {
    min-height: 0;
}

h1 {
    font-size: 2em;
    margin: .67em 0;
}

h1.report-title {
    margin-top: -40px;
    margin-left: 250px;
}

h2 {
    font-size: 1.5em;
    margin: .83em 0;
}

h3 {
    font-size: 1.17em;
    margin: 1em 0;
}

h4 {
    font-size: 1em;
    margin: 1.33em 0;
}

h5 {
    font-size: .83em;
    margin: 1.67em 0;
}

h6 {
    font-size: .75em;
    margin: 2.33em 0;
}

.header > h1 {
    margin-top: 85px;
    margin-bottom: 0;
}

legend:has(h1),
legend:has(h2),
legend:has(h3),
legend:has(h4),
legend:has(h5),
legend:has(h6) {
    font-size: inherit; 
}

.pageInstructions { margin: 2ex auto; }

.pageInstructions span { display: block; }

.banner-message {
    width: calc(100vw - var(--scrollbarWidth));
    margin: 2em calc(-1.5vw - 20px);
}

.banner-message * {
    width: inherit;
}

.smallForm {
    display: inline-block;
    text-align: center;
    padding: 0 2em;
    margin: 2ex 0;
    width: 50%;
}

.panel-solid {
    background-color: #f5f5f5;
}

.fullBorder { border: 1px solid #D0D3D5; }

.borderBottom { border-bottom: 1px solid #D0D3D5; }

.text-box-link {
    font-size: 12px;
}

.formSection h2 {
    text-transform: uppercase;
    font-size: 1.2em;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    padding: 1ex 2ex;
}

.formSection dl {
    display: block;
    padding: 0;
    margin: 1ex 0;
}

.formSection dl dt {
    clear: both;
    text-align: left;
    z-index: -1;
}

.formSection dl dt label {
    display: inline;
    float: left;
    padding: .25ex 0 0 1em;
}

.formSection dl dd {
    margin: 0;
    padding: .25ex 0 .25ex 12em;
    text-align: left;
}

.formHeader {
    font-weight: bold;
    font-size: 1.3em;
    text-align: center;
    vertical-align: central;
    display: block;
    margin: 1.5ex 0 2ex;
    text-transform: uppercase;
}

/* override on checkbox and radio button size in forms */
.form-control-checkradio {
	display: block;
    height: 16px;
    font-size: 14px;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
}

.highlighted { color: #231f20; }

#loading, #proofGalleryLoading {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.8);
    z-index: 5000;
}

.loadingAbsolute {
    position: absolute !important;
}

#loadingcontent {
    display: table;
    /*position: fixed;*/
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

#loadingspinner {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    text-align: center;
    font-size: larger;
    padding-top: 80px;
}

.modal-alert-backdrop {
    z-index: 1060 !important;
}

.modal-alert {
    z-index: 2000 !important;
}

.modal-dialog-alert {
    margin-top: 200px !important;
}

.modal-dialog-fullscreen {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
}

.modal-content-fullscreen {
    height: 100%;
    min-height: 100%;
    height: auto;
    border-radius: 0;
}

footer {
    font-size: x-small;
    clear: both;
    text-align: center;
    padding-bottom: 10px;
}

footer #copyright { display: block; }

footer ul li { display: inline; }

footer ul {
    padding-left: 0;
    margin-bottom: 2px;
}

.input-validation-error {
    border-color: #E31B23;
    border-style: solid;
    background-color: #ffeeee;
}

.static-validation-error {
    padding: 6px 12px;
    border-width: 1px;
    border-radius: 4px;
}

.wideFormWrapper { margin-bottom: 25px; }

.leftColumn {
    display: inline-block;
    float: left;
    width: 40%;
    padding: 1ex 2em;
}

.rightColumn {
    display: inline-block;
    float: right;
    width: 40%;
    padding: 1ex 2em;
}

.formSection dl dt label::after { content: ":"; }

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

table {
    width: 100%;
    table-layout: auto;
}

table thead tr th { padding: .5ex .25em; }

table tbody tr td {
    padding-top: 1ex;
    padding-bottom: 1ex;
}

.table-borderless tbody tr td, .table-borderless tbody tr th, .table-borderless thead tr th {
    border: none;
}

.extrashort { width: 43px; }

.short { width: 100px; }

.long { width: 208px; }

.modal-xxl-width { width: 98%; }

.modal-extralarge-width { width: 90%; }

.modal-large-width { width: 80%; }

.modal-medium-width { width: 70%; }

.modal-small-width { width: 60%; }

.modal-smaller-width { width: 50%; }

.panel-black { border-color: #000000; }
.panel-black > .panel-heading { color: #FFF; background-color: #000000; border-color: #000000; }
.panel-black > .panel-heading a { color: #FFF !important; }
.panel-black > .panel-heading + .panel-collapse .panel-body { border-top-color: #000000; }
.panel-black > .panel-footer + .panel-collapse .panel-body { border-bottom-color: #000000; }

.panel-gray { border-color: #8f8f8f; }
.panel-gray > .panel-heading { color: #ffffff; background-color: #8f8f8f; border-color: #8f8f8f; }
.panel-gray > .panel-heading a { color: #FFF !important; }
.panel-gray > .panel-heading + .panel-collapse .panel-body { border-top-color: #8f8f8f; }
.panel-gray > .panel-footer + .panel-collapse .panel-body { border-bottom-color: #8f8f8f; }

.panel-blue { border-color: #428bca; }
.panel-blue > .panel-heading { color: #ffffff; background-color: #428bca; border-color: #428bca; }
.panel-blue > .panel-heading a { color: #FFF !important; }
.panel-blue > .panel-heading + .panel-collapse .panel-body { border-top-color: #428bca; }
.panel-blue > .panel-footer + .panel-collapse .panel-body { border-bottom-color: #428bca; }

.panel-purple { border-color: #9942ca; }
.panel-purple > .panel-heading { color: #ffffff; background-color: #9942ca; border-color: #9942ca; }
.panel-purple > .panel-heading a { color: #FFF; }
.panel-purple > .panel-heading + .panel-collapse .panel-body { border-top-color: #9942ca; }
.panel-purple > .panel-footer + .panel-collapse .panel-body { border-bottom-color: #9942ca; }

.panel-teal { border-color: #1ebfae; }
.panel-teal > .panel-heading { color: #ffffff; background-color: #1ebfae; border-color: #1ebfae; }
.panel-teal > .panel-heading a { color: #FFF !important; }
.panel-teal > .panel-heading + .panel-collapse .panel-body { border-top-color: #1ebfae; }
.panel-teal > .panel-footer + .panel-collapse .panel-body { border-bottom-color: #1ebfae; }

.panel-green { border-color: #49c449; }
.panel-green > .panel-heading { color: #ffffff; background-color: #49c449; border-color: #49c449; }
.panel-green > .panel-heading a { color: #FFF !important; }
.panel-green > .panel-heading + .panel-collapse .panel-body { border-top-color: #49c449; }
.panel-green > .panel-footer + .panel-collapse .panel-body { border-bottom-color: #49c449; }

.panel-red { border-color: #d9534f; }
.panel-red > .panel-heading { color: #ffffff; background-color: #d9534f; border-color: #d9534f; }
.panel-red > .panel-heading a { color: #FFF !important; }
.panel-red > .panel-heading + .panel-collapse .panel-body { border-top-color: #d9534f; }
.panel-red > .panel-footer + .panel-collapse .panel-body { border-bottom-color: #d9534f; }

.panel-yellow { border-color: #f0d84e; }
.panel-yellow > .panel-heading { color: #ffffff; background-color: #f0d84e; border-color: #f0d84e; }
.panel-yellow > .panel-heading a { color: #FFF !important; }
.panel-yellow > .panel-heading + .panel-collapse .panel-body { border-top-color: #f0d84e; }
.panel-yellow > .panel-footer + .panel-collapse .panel-body { border-bottom-color: #f0d84e; }

.panel-orange { border-color: #ff7000; }
.panel-orange > .panel-heading { color: #ffffff; background-color: #ff7000; border-color: #ff7000; }
.panel-orange > .panel-heading a { color: #FFF !important; }
.panel-orange > .panel-heading + .panel-collapse .panel-body { border-top-color: #ff7000; }
.panel-orange > .panel-footer + .panel-collapse .panel-body { border-bottom-color: #ff7000; }

.panel-magenta { border-color: #ff66ff; }
.panel-magenta > .panel-heading { color: #ffffff; background-color: #ff66ff; border-color: #ff66ff; }
.panel-magenta > .panel-heading a { color: #FFF !important; }
.panel-magenta > .panel-heading + .panel-collapse .panel-body { border-top-color: #ff66ff; }
.panel-magenta > .panel-footer + .panel-collapse .panel-body { border-bottom-color: #ff66ff; }

.progress { background-color: darkgrey; }

.bold { font-weight: bold; }

.huge { font-size: 2.5em; }
.large { font-size: 2em; }
.medium { font-size: 1.25em; }

table.no-border, table.no-border tbody tr td { border: none; }

tr.no-border td {
    border: none !important;
}

.shopping-product-name {
    height: 35px;
    overflow: hidden;
    text-align: center;
}
.shopping-product-title {
    height: 35px;
    overflow: hidden;
    text-align: center;
}

/* ReSharper disable once DeclarationIsEmpty */
/* This empty declaration prevents the class from being unknown. */
.shopping-product-description {
}

.shopping-product-thumbnail {
    height: 200px;
    text-align: center;
    margin: 50px 0 0 0;
}

.shopping-product-uom {
    margin: 5px 0 0 0;
}

/* ReSharper disable once DeclarationIsEmpty */
/* This empty declaration prevents the class from being unknown. */
.shopping-product-price {
}

.item-detail-modal .shopping-product-thumbnail {
    height: 300px;
    margin: 20px 0 0 0;
}

/* ReSharper disable once DeclarationIsEmpty */
/* This empty declaration prevents the class from being unknown. */
.item-detail-statement {
}
    
table tbody tr td, table tfoot tr td { text-align: left; }

.header-links {
    text-decoration: none;
    font-size: 1.3em;
    text-transform: uppercase;
    padding-top: 3px;
}

/* ReSharper disable once DeclarationIsEmpty */
/* This empty declaration prevents the class from being unknown. */
.cartItemCount {}

.ShoppingCartTotal {
    font-size: 17px;
    font-weight: bold;
}

.shipToAddressSearch {
    margin-top: 50px;
    margin-bottom: 50px;
}

.validation-summary-valid { display: none; }

.validation-summary-errors {
    color: #E31B23;
    text-align: left;

}

.subcrumb {
    background-color: transparent !important;
    padding: 0 15px 0 15px !important;
    font-size: 13px !important;
    text-align: left !important;
}

.subcrumb > li + li:before { content: ">" !important; }

.search-form { margin-top: 0; }

.product-grid-image-holder {
    height: 200px;
    line-height: 200px;
    margin-bottom: 10px;
}

.product-grid-image {
    max-width: 100%;
    max-height: 100%;
}

.nav-spinner {
    position: absolute;
    font-size: 32px;
    z-index: 9999;
}

.glyphicon-spin {
    -webkit-animation: spin 1000ms infinite linear;
    animation: spin 1000ms infinite linear;
}
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

.table-more-condensed > thead > tr > th,
.table-more-condensed > tbody > tr > th,
.table-more-condensed > tfoot > tr > th,
.table-more-condensed > thead > tr > td,
.table-more-condensed > tbody > tr > td,
.table-more-condensed > tfoot > tr > td {
  padding: 1px !important;
}

.row-centered {
    text-align:center;
}
.col-centered {
    display:inline-block;
    float:none;
    /* reset the text-align */
    text-align:left;
    /* inline-block space fix */
    margin-right:-4px;
}

.btn-responsive {
    white-space: normal !important;
    word-wrap: break-word;
    margin-bottom: .25em; 
}


.boxsizingBorder {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

.dataTables_length { text-align: left; }

.dataTables_info { text-align: left; }

.social-link {
    padding: 0 0.25ex;
}

.dataLink {
    cursor: pointer;
}

.required:after {
    content: " *";
    font-weight: bold;
    color: red;
}

.field-validation-error {
    color: #E31B23;
}


.currency-en-US::before {
    content: "$ ";
}

.currency-fr-FR::before {
    content: "€ ";
}

.red {
    color: red;
}

.gray {
    color: darkgrey;
}

.hr-gray {
    background-color: darkgrey;
}

.black {
    color: black;
}

.hr-black {
    background-color: black;
}

.hr-bold {
    height: 2px;
}

.block {
    display: block;
}

.row.equal-cols {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.row.equal-cols:before,
.row.equal-cols:after {
    display: block;
}

.row.equal-cols > [class*='col-'] {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.row.equal-cols > [class*='col-'] > * {
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

.form-control.chosen-select + .chosen-container {
    font-size: 14px;
}

    .form-control.chosen-select + .chosen-container .chosen-choices {
        border: 1px solid #ccc;
        border-radius: 4px;
    }

        .form-control.chosen-select + .chosen-container .chosen-choices:focus-within {
            border: 1px solid #ccc;
            border-radius: 4px;
            border-color: #66afe9;
            outline: 0;
            -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
            box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
        }

        .form-control.chosen-select + .chosen-container .chosen-choices .search-field {
            width: -moz-available;
            width: -webkit-fill-available;
        }

            .form-control.chosen-select + .chosen-container .chosen-choices .search-field .chosen-search-input {
                padding: 6px 12px;
                color: #999;
                height: 0;
            }

                .form-control.chosen-select + .chosen-container .chosen-choices .search-field .chosen-search-input:focus {
                    height: auto;
                }

        .form-control.chosen-select + .chosen-container .chosen-choices:after {
            content: " ";
            background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB2aWV3Qm94PSIyODQuODc1IDI0Mi41IDI0IDE1IiB3aWR0aD0iMjQiIGhlaWdodD0iMTUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggZD0iTTAgNy4zM2wyLjgyOS0yLjgzIDkuMTc1IDkuMzM5IDkuMTY3LTkuMzM5IDIuODI5IDIuODMtMTEuOTk2IDEyLjE3eiIgdHJhbnNmb3JtPSJtYXRyaXgoMSwgMCwgMCwgMSwgMjg0Ljg3NSwgMjM4KSIgc3R5bGU9ImZpbGw6IHJnYig4NSwgODUsIDg1KTsiLz4KPC9zdmc+);
            background-size: cover;
            position: absolute;
            display: inline-block;
            right: 4px;
            width: 9px;
            height: 5px;
            top: 50%;
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
        }

.form-control.chosen-select + .chosen-container-multi .chosen-choices .search-choice {
    font-size: 13px;
}

.text-start,
.text-xs-start {
    text-align: left !important;
}

.text-end,
.text-xs-end {
    text-align: right !important;
}

.text-center,
.text-xs-center {
    text-align: center !important;
}

.d-inline,
.d-xs-inline {
    display: inline !important;
}

.d-inline-block,
.d-xs-inline-block {
    display: inline-block !important;
}

.d-block,
.d-xs-block {
    display: block !important;
}

.d-grid,
.d-xs-grid {
    display: grid !important;
}

.d-table,
.d-xs-table {
    display: table !important;
}

.d-table-row,
.d-xs-table-row {
    display: table-row !important;
}

.d-table-cell,
.d-xs-table-cell {
    display: table-cell !important;
}

.d-flex,
.d-xs-flex {
    display: flex !important;
}

.d-inline-flex,
.d-xs-inline-flex {
    display: inline-flex !important;
}

.d-none,
.d-xs-none {
    display: none !important;
}

.g-0,
.gx-0 {
    padding-left: 0;
    padding-right: 0;
}

.g-0,
.gy-0 {
    padding-top: 0;
    padding-bottom: 0;
}

.g-1,
.gx-1 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
}

.g-1,
.gy-1 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
}

.g-2,
.gx-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

.g-2,
.gy-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.g-3,
.gx-3 {
    padding-left: 1rem;
    padding-right: 1rem;
}

.g-3,
.gy-3 {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.g-4,
.gx-4 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

.g-4,
.gy-4 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

.g-5,
.gx-5 {
    padding-left: 3rem;
    padding-right: 3rem;
}

.g-5,
.gy-5 {
    padding-top: 3rem;
    padding-bottom: 3rem;
}

@media (min-width: 768px) {
    .text-sm-start {
        text-align: left !important;
    }

    .text-sm-end {
        text-align: right !important;
    }

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

    .d-sm-inline {
        display: inline !important;
    }

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

    .d-sm-block {
        display: block !important;
    }

    .d-sm-grid {
        display: grid !important;
    }

    .d-sm-table {
        display: table !important;
    }

    .d-sm-table-row {
        display: table-row !important;
    }

    .d-sm-table-cell {
        display: table-cell !important;
    }

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

    .d-sm-inline-flex {
        display: inline-flex !important;
    }

    .d-sm-none {
        display: none !important;
    }

    .g-sm-0,
    .gx-sm-0 {
        padding-left: 0;
        padding-right: 0;
    }

    .g-sm-0,
    .gy-sm-0 {
        padding-top: 0;
        padding-bottom: 0;
    }

    .g-sm-1,
    .gx-sm-1 {
        padding-left: 0.25rem;
        padding-right: 0.25rem;
    }

    .g-sm-1,
    .gy-sm-1 {
        padding-top: 0.25rem;
        padding-bottom: 0.25rem;
    }

    .g-sm-2,
    .gx-sm-2 {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }

    .g-sm-2,
    .gy-sm-2 {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }

    .g-sm-3,
    .gx-sm-3 {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .g-sm-3,
    .gy-sm-3 {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }

    .g-sm-4,
    .gx-sm-4 {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    .g-sm-4,
    .gy-sm-4 {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
    }

    .g-sm-5,
    .gx-sm-5 {
        padding-left: 3rem;
        padding-right: 3rem;
    }

    .g-sm-5,
    .gy-sm-5 {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }
}

@media (min-width: 992px) {
    .text-md-start {
        text-align: left !important;
    }

    .text-md-end {
        text-align: right !important;
    }

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

    .d-md-inline {
        display: inline !important;
    }

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

    .d-md-block {
        display: block !important;
    }

    .d-md-grid {
        display: grid !important;
    }

    .d-md-table {
        display: table !important;
    }

    .d-md-table-row {
        display: table-row !important;
    }

    .d-md-table-cell {
        display: table-cell !important;
    }

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

    .d-md-inline-flex {
        display: inline-flex !important;
    }

    .d-md-none {
        display: none !important;
    }

    .g-md-0,
    .gx-md-0 {
        padding-left: 0;
        padding-right: 0;
    }

    .g-md-0,
    .gy-md-0 {
        padding-top: 0;
        padding-bottom: 0;
    }

    .g-md-1,
    .gx-md-1 {
        padding-left: 0.25rem;
        padding-right: 0.25rem;
    }

    .g-md-1,
    .gy-md-1 {
        padding-top: 0.25rem;
        padding-bottom: 0.25rem;
    }

    .g-md-2,
    .gx-md-2 {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }

    .g-md-2,
    .gy-md-2 {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }

    .g-md-3,
    .gx-md-3 {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .g-md-3,
    .gy-md-3 {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }

    .g-md-4,
    .gx-md-4 {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    .g-md-4,
    .gy-md-4 {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
    }

    .g-md-5,
    .gx-md-5 {
        padding-left: 3rem;
        padding-right: 3rem;
    }

    .g-md-5,
    .gy-md-5 {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }
}

@media (min-width: 1200px) {
    .text-lg-start {
        text-align: left !important;
    }

    .text-lg-end {
        text-align: right !important;
    }

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

    .d-lg-inline {
        display: inline !important;
    }

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

    .d-lg-block {
        display: block !important;
    }

    .d-lg-grid {
        display: grid !important;
    }

    .d-lg-table {
        display: table !important;
    }

    .d-lg-table-row {
        display: table-row !important;
    }

    .d-lg-table-cell {
        display: table-cell !important;
    }

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

    .d-lg-inline-flex {
        display: inline-flex !important;
    }

    .d-lg-none {
        display: none !important;
    }

    .g-lg-0,
    .gx-lg-0 {
        padding-left: 0;
        padding-right: 0;
    }

    .g-lg-0,
    .gy-lg-0 {
        padding-top: 0;
        padding-bottom: 0;
    }

    .g-lg-1,
    .gx-lg-1 {
        padding-left: 0.25rem;
        padding-right: 0.25rem;
    }

    .g-lg-1,
    .gy-lg-1 {
        padding-top: 0.25rem;
        padding-bottom: 0.25rem;
    }

    .g-lg-2,
    .gx-lg-2 {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }

    .g-lg-2,
    .gy-lg-2 {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }

    .g-lg-3,
    .gx-lg-3 {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .g-lg-3,
    .gy-lg-3 {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }

    .g-lg-4,
    .gx-lg-4 {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    .g-lg-4,
    .gy-lg-4 {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
    }

    .g-lg-5,
    .gx-lg-5 {
        padding-left: 3rem;
        padding-right: 3rem;
    }

    .g-lg-5,
    .gy-lg-5 {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }
}

@media (min-width: 1400px) {
    .text-xl-start {
        text-align: left !important;
    }

    .text-xl-end {
        text-align: right !important;
    }

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

    .d-xl-inline {
        display: inline !important;
    }

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

    .d-xl-block {
        display: block !important;
    }

    .d-xl-grid {
        display: grid !important;
    }

    .d-xl-table {
        display: table !important;
    }

    .d-xl-table-row {
        display: table-row !important;
    }

    .d-xl-table-cell {
        display: table-cell !important;
    }

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

    .d-xl-inline-flex {
        display: inline-flex !important;
    }

    .d-xl-none {
        display: none !important;
    }

    .g-xl-0,
    .gx-xl-0 {
        padding-left: 0;
        padding-right: 0;
    }

    .g-xl-0,
    .gy-xl-0 {
        padding-top: 0;
        padding-bottom: 0;
    }

    .g-xl-1,
    .gx-xl-1 {
        padding-left: 0.25rem;
        padding-right: 0.25rem;
    }

    .g-xl-1,
    .gy-xl-1 {
        padding-top: 0.25rem;
        padding-bottom: 0.25rem;
    }

    .g-xl-2,
    .gx-xl-2 {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }

    .g-xl-2,
    .gy-xl-2 {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }

    .g-xl-3,
    .gx-xl-3 {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .g-xl-3,
    .gy-xl-3 {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }

    .g-xl-4,
    .gx-xl-4 {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    .g-xl-4,
    .gy-xl-4 {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
    }

    .g-xl-5,
    .gx-xl-5 {
        padding-left: 3rem;
        padding-right: 3rem;
    }

    .g-xl-5,
    .gy-xl-5 {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }
}