.kategoride .navbar-nav > .active > a, .kategorie .navbar-nav > .active > a:focus, .kategorie .navbar-nav > .active > a:hover, .kategorie .navbar-nav > .open > a, .kategorie .navbar-nav > .open > a:focus, .kategorie .navbar-nav > .open > a:hover {
    color: #FFF;
    background-color: #828282;
    font-size: medium;
}

.kategoride .navbar-nav > li > a {
    color: #FFFFFF;
    background-color: #828282;
}

    .kategoride .navbar-nav > li > a:hover {
        color: #828282;
        font-weight: bold;
        background-color: #ffffff;
    }

.naglowek1 {
    font-weight: bold;
    text-align: center;
}

.naglowek1a {
    LIST-STYLE-TYPE: none;
}

.naglowek1b {
    font-size: medium;
    text-align: center;
}

.naglowek1c {
    font-size: medium;
    text-align: center;
}

.naglowek2 {
    text-align: left;
}

.naglowek2a {
    font-weight: bold;
}

.centralnie1 {
    text-align: center;
}

.znane_jezyki_1 {
    width: 100%;
}

.znane_jezyki_1a {
    width: 100%;
}

.znane_jezyki_1b {
    text-align: center;
    width: 30%;
    float: right;
}

.znane_jezyki_2 {
    margin: 0 auto;
    text-align: center;
    width: 200px;
    float: left;
    background-color: #0f0;
}

.znane_jezyki_2a {
    float: left;
    font-size: xx-large;
    margin-left: 10px;
    background-color: #0f0;
}

.znane_jezyki_2b {
    float: left;
    font-size: xx-large;
    margin-left: 10px;
    background-color: #ff0;
}

.strzalki_lewo_prawo {
    font-size: 2em;
    color: #000;
    text-align: center;
    position: relative;
    top: -50%;
    display: block;
}

.strzalki_lewo_prawo, a:link {
    /*text-decoration: none;
         color:#000;*/
}

.strzalki_lewo_prawo, a:visited {
    /*text-decoration: none;
         color:#000;*/
}

.strzalki_lewo_prawo_kontener {
    display: table;
    height: 100%;
    position: relative;
    overflow: hidden;
    width: 100%;
}

.strzalki_lewo_prawo_pomoc {
    /*#position: absolute;
    #top: 50%;*/
    display: table-cell;
    vertical-align: middle;
}

.strzalki_lewo_prawo_zawartosc {
    /*#position: relative;
    #top: -50%;*/
    margin: 0 auto;
    width: 200px;
    border: 1px solid orange;
}

.font_duzy {
    font-size: larger;
}

body {
    padding-top: 0px;
}

.footer {
    padding-top: 40px;
    padding-bottom: 40px;
    margin-top: 40px;
    border-top: 1px solid #eee;
}

/* Main marketing message and sign up button */
.jumbotro1n {
    text-align: center;
    background-color: transparent;
}

.jumbotron .btn {
    padding: 14px 24px;
    font-size: 21px;
}

/* add .nav-justified, see: https://github.com/twbs/bootstrap/issues/18653 */
.nav-justified {
    width: 100%;
}

.nav-item {
    float: none;
}

.nav-link {
    width: 100%;
    margin-bottom: 5px;
    text-align: center;
}

@media (min-width: 768px) {
    .nav-item {
        display: table-cell;
        width: 1%;
    }

    .nav-link {
        margin-bottom: 0;
    }
}

/* Customize the nav-justified links to be fill the entire space of the .navbar */

.nav-justified {
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 5px;
}

.nav-link {
    padding-top: 15px;
    padding-bottom: 15px;
    margin-bottom: 0;
    font-weight: bold;
    color: #777;
    text-align: center;
    background-color: #e5e5e5; /* Old browsers */
    background-repeat: repeat-x;
    border-bottom: 1px solid #d5d5d5;
    background-image: linear-gradient(to bottom, #f5f5f5 0%,#e5e5e5 100%); /* IE6-9 */
}

    .nav-link.active,
    .nav-link.active:hover,
    .nav-link.active:focus {
        background-color: #ddd;
        background-image: none;
        -webkit-box-shadow: inset 0 3px 7px rgba(0,0,0,.15);
        box-shadow: inset 0 3px 7px rgba(0,0,0,.15);
    }

.nav-item:first-child .nav-link {
    border-radius: 5px 5px 0 0;
}

.nav-item:last-child .nav-link {
    border-radius: 0 0 5px 5px;
}

@media (min-width: 768px) {
    .nav-justified {
        max-height: 52px;
    }

    .nav-link {
        border-right: 1px solid #d5d5d5;
        border-left: 1px solid #fff;
    }

    .nav-item:first-child .nav-link {
        border-left: 0;
        border-radius: 5px 0 0 5px;
    }

    .nav-item:last-child .nav-link {
        border-right: 0;
        border-radius: 0 5px 5px 0;
    }
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    /* Remove the padding we set earlier */
    .masthead,
    .marketing,
    .footer {
        padding-right: 0;
        padding-left: 0;
    }
}

.komunikat_blad {
    height: 30px;
    vertical-align: middle;
    color: red;
}

.pagination-ys {
    /*display: inline-block;*/
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}

    .pagination-ys table > tbody > tr > td {
        display: inline;
    }

        .pagination-ys table > tbody > tr > td > a,
        .pagination-ys table > tbody > tr > td > span {
            position: relative;
            float: left;
            padding: 8px 12px;
            line-height: 1.42857143;
            text-decoration: none;
            background-color: #ffffff;
            border: 1px solid #dddddd;
            margin-left: -1px;
        }

        .pagination-ys table > tbody > tr > td > span {
            position: relative;
            float: left;
            padding: 8px 12px;
            line-height: 1.42857143;
            text-decoration: none;
            margin-left: -1px;
            z-index: 2;
            background-color: #f5f5f5;
            border-color: #dddddd;
            cursor: default;
        }

        .pagination-ys table > tbody > tr > td:first-child > a,
        .pagination-ys table > tbody > tr > td:first-child > span {
            margin-left: 0;
            border-bottom-left-radius: 4px;
            border-top-left-radius: 4px;
        }

        .pagination-ys table > tbody > tr > td:last-child > a,
        .pagination-ys table > tbody > tr > td:last-child > span {
            border-bottom-right-radius: 4px;
            border-top-right-radius: 4px;
        }

        .pagination-ys table > tbody > tr > td > a:hover,
        .pagination-ys table > tbody > tr > td > span:hover,
        .pagination-ys table > tbody > tr > td > a:focus,
        .pagination-ys table > tbody > tr > td > span:focus {
            background-color: #eeeeee;
            border-color: #dddddd;
        }

.modalBackground {
    background-color: Black;
}

.modalPopup {
    min-width: 420px;
    min-height: 60%;
}

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

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

th, td {
    text-align: center;
    vertical-align: middle;
}

.wiecejkolumn table {
    min-width: 100%;
}

.wiecejkolumn td {
    text-align: left;
    vertical-align: middle;
    padding-right: 40px;
    width: 200px;
}

.wiecejkolumn1 td {
    text-align: left;
    vertical-align: middle;
    padding-right: 40px;
    width: 200px;
}

.wiecejkolumn th:last-child {
    text-align: left;
}

.wiecejkolumn td:last-child {
    text-align: left;
}

.wiecejkolumn tr {
    width: 500px;
}

@media only screen and (max-width: 800px) {

    /* Force table to not be like tables anymore */
    #no-more-tables table,
    #no-more-tables thead,
    #no-more-tables tbody,
    #no-more-tables th,
    #no-more-tables td,
    #no-more-tables tr {
        display: block;
    }

        /* Hide table headers (but not display: none;, for accessibility) */
        #no-more-tables thead tr {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }

    #no-more-tables tr {
        border: 1px solid #ccc;
    }

    #no-more-tables td {
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%;
        white-space: normal;
        text-align: left;
    }

        #no-more-tables td:before {
            /* Now like a table header */
            position: absolute;
            /* Top/left values mimic padding */
            top: 6px;
            left: 6px;
            width: 45%;
            padding-right: 10px;
            white-space: nowrap;
            text-align: left;
            font-weight: bold;
        }

        /*
	Label the data
	*/
        #no-more-tables td:before {
            content: attr(data-title);
        }
}

@media screen and (max-width: 768px) {
    /*.tabela table  {width:100%;}
.tabela thead {display: none;}
.tabela tr:nth-of-type(1) {}
.tabela tr td:first-child {}
.tabela tbody td {display: block;  text-align:center;width:100%;}
.tabela tbody td:before { 
    content: attr(data-th); 
    display: block;
    text-align:center;  
  }*/
}

.przycisk_margines_dolny {
    margin-bottom: 10px;
}

@media screen and (min-width:1031px) {
    .menupionowo2 {
        width: 100%;
    }

    .menupionowo2a {
        width: 33%;
    }

    .modalPopup {
        max-width: 80%;
        min-width: 40%;
    }

    .modalPopup1 {
        max-width: 45%;
        min-width: 30%;
    }

    .modalPopup2 {
        max-width: 40%;
        min-width: 20%;
    }

    .modalPopup3 {
        max-width: 85%;
        min-width: 65%;
        z-index: 20000 !important;
    }

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

@media screen and (max-width:1030px) {

    .menupionowo1 {
        position: relative !important;
        display: inline-block !important;
        vertical-align: middle !important;
        table-layout: auto !important;
    }

    .menupionowo2 {
        width: 100%;
    }

    .natelefon1 {
        max-height: calc(100vh - 212px);
        overflow-y: auto;
    }

    .natelefon2 {
        max-height: 420px;
        overflow-y: auto;
    }

    .modal-content {
    }

    .toponmobile1 {
        margin-top: 8px;
        padding-left: 0px;
        padding-right: 0px;
    }

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

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

    .text-center-mobile2 {
        text-align: left;
        margin-left: 16px;
    }

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

    .text-center-mobile5 {
        text-align: left;
        margin-left: 16px;
        padding-left: 45px !important;
    }

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

    .wiecejkolumn td {
        text-align: left;
        vertical-align: middle;
        width: auto;
        padding-right: 0px;
        display: block;
    }

    .modalPopup {
        max-width: 100%;
        min-width: 80%;
    }

    .modalPopup3 {
        max-width: 100%;
        min-width: 80%;
        z-index: 20000 !important;
    }

    .oferty1 th {
        display: none;
    }

    .oferty1 td {
        display: block;
    }

    .oferty1a {
        min-height: 105px;
    }

    .wiecejkolumn1 tr {
        width: 90%;
    }

    .wiecejkolumn1 td {
        display: inline;
        min-width: 100px;
        float: left;
        max-width: 50%;
    }

        .wiecejkolumn1 td:last-child {
            float: right;
        }

    .btn-group {
        display: block;
        float: none;
        width: 95%;
    }

    .kalendarz td {
        padding: 0 !important;
        margin: 0 !important;
    }
}

.uppcase1 {
    text-transform: uppercase;
}

.circleBase {
    border-radius: 50%;
    float: left;
    margin-left: 5px;
}

.cicrcletype1 {
    width: 15px;
    height: 15px;
    background: green;
    border: 0px;
}

.cicrcletype2 {
    width: 15px;
    height: 15px;
    background: red;
    border: 0px;
}

.scrolling-table-container {
    width: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
}

@media (min-width: 401px) and (max-width: 767px) { /* fixed middle res mobile */
    .low-res-fs-12px {
        font-size: 14px;
    }

    .xs-smaller-qtip-table > tbody > tr > th,
    .xs-smaller-qtip-table tbody tr td {
        padding: 4px !important;
        font-size: 12px !important;
    }

    .xs-smaller-qtip-table {
        max-width: 280px !important;
        font-size: 10px !important;
    }

    .pagination-ys-sm-smaller table > tbody > tr > td > span,
    .pagination-ys-sm-smaller table > tbody > tr > td > a {
        padding: 6px 10px !important;
        font-size: 14px !important;
    }

    .smaller-modal-gridview-cell td,
    .smaller-modal-gridview-cell th {
        padding: 5px !important;
        font-size: 11px;
    }
}

@media (max-width: 767px) { /* xs */
    .text-xs-left {
        text-align: left;
    }

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

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

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

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

    .w-xs-100 {
        width: 100% !important;
    }

    /*#region bootstrap spacing*/

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .py-xs-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }
    /*#endregion */

    /*.smaller-modal-gridview-cell td,
    .smaller-modal-gridview-cell th {
        padding: 7px !important;
        font-size: 13px;
    }*/

}

@media (min-width: 768px) and (max-width: 991px) { /* sm */
    .text-sm-left {
        text-align: left;
    }

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

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

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

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

    .w-sm-100 {
        width: 100% !important;
    }

    /*#region bootstrap spacing*/

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

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

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

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

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

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

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

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

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

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

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

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

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

    .mr-sm-1 {
        margin-right: .25rem !important;
    }

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

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

    .mx-sm-1 {
        margin-left: .25rem !important;
        margin-right: .25rem !important;
    }

    .my-sm-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important;
    }

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

    .mr-sm-2 {
        margin-right: .5rem !important;
    }

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

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

    .mx-sm-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important;
    }

    .my-sm-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important;
    }

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

    .mr-sm-3 {
        margin-right: 1rem !important;
    }

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

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

    .mx-sm-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important;
    }

    .my-sm-3 {
        margin-bottom: 1rem !important;
        margin-top: 1rem !important;
    }

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

    .mr-sm-4 {
        margin-right: 1.5rem !important;
    }

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

    .ml-sm-4 {
        margin-left: 1.5rem !important;
    }

    .mx-sm-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important;
    }

    .my-sm-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }

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

    .mr-sm-5 {
        margin-right: 3rem !important;
    }

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

    .ml-sm-5 {
        margin-left: 3rem !important;
    }

    .mx-sm-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important;
    }

    .my-sm-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }

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

    .mr-sm-auto {
        margin-right: auto !important;
    }

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

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

    .mx-sm-auto {
        margin-right: auto !important;
        margin-left: auto !important;
    }

    .my-sm-auto {
        margin-bottom: auto !important;
        margin-top: auto !important;
    }

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

    .p-sm-1 {
        padding: .25rem !important;
    }

    .p-sm-2 {
        padding: .5rem !important;
    }

    .p-sm-3 {
        padding: 1rem !important;
    }

    .p-sm-4 {
        padding: 1.5rem !important;
    }

    .p-sm-5 {
        padding: 3rem !important;
    }

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

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

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

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

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

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

    .pt-sm-1 {
        padding-top: .25rem !important;
    }

    .pr-sm-1 {
        padding-right: .25rem !important;
    }

    .pb-sm-1 {
        padding-bottom: .25rem !important;
    }

    .pl-sm-1 {
        padding-left: .25rem !important;
    }

    .px-sm-1 {
        padding-left: .25rem !important;
        padding-right: .25rem !important;
    }

    .py-sm-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important;
    }

    .pt-sm-2 {
        padding-top: .5rem !important;
    }

    .pr-sm-2 {
        padding-right: .5rem !important;
    }

    .pb-sm-2 {
        padding-bottom: .5rem !important;
    }

    .pl-sm-2 {
        padding-left: .5rem !important;
    }

    .px-sm-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important;
    }

    .py-sm-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important;
    }

    .pt-sm-3 {
        padding-top: 1rem !important;
    }

    .pr-sm-3 {
        padding-right: 1rem !important;
    }

    .pb-sm-3 {
        padding-bottom: 1rem !important;
    }

    .pl-sm-3 {
        padding-left: 1rem !important;
    }

    .py-sm-3 {
        padding-bottom: 1rem !important;
        padding-top: 1rem !important;
    }

    .px-sm-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }

    .pt-sm-4 {
        padding-top: 1.5rem !important;
    }

    .pr-sm-4 {
        padding-right: 1.5rem !important;
    }

    .pb-sm-4 {
        padding-bottom: 1.5rem !important;
    }

    .pl-sm-4 {
        padding-left: 1.5rem !important;
    }

    .px-sm-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important;
    }

    .py-sm-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }

    .pt-sm-5 {
        padding-top: 3rem !important;
    }

    .pr-sm-5 {
        padding-right: 3rem !important;
    }

    .pb-sm-5 {
        padding-bottom: 3rem !important;
    }

    .pl-sm-5 {
        padding-left: 3rem !important;
    }

    .px-sm-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important;
    }

    .py-sm-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }

    /*#endregion */

    .smaller-modal-gridview-cell td,
    .smaller-modal-gridview-cell th {
        padding: 7px !important;
        font-size: 13px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) { /* md */
    .text-md-left {
        text-align: left;
    }

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

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

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

    .mt-md-8px {
        margin-top: 8px;
    }

    .w-md-100 {
        width: 100% !important;
    }

    /*#region bootstrap spacing*/

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

    .m-md-1 {
        margin: .25rem !important;
    }

    .m-md-2 {
        margin: .5rem !important;
    }

    .m-md-3 {
        margin: 1rem !important;
    }

    .m-md-4 {
        margin: 1.5rem !important;
    }

    .m-md-5 {
        margin: 3rem !important;
    }

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

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

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

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

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

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

    .mt-md-1 {
        margin-top: .25rem !important;
    }

    .mr-md-1 {
        margin-right: .25rem !important;
    }

    .mb-md-1 {
        margin-bottom: .25rem !important;
    }

    .ml-md-1 {
        margin-left: .25rem !important;
    }

    .mx-md-1 {
        margin-left: .25rem !important;
        margin-right: .25rem !important;
    }

    .my-md-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important;
    }

    .mt-md-2 {
        margin-top: .5rem !important;
    }

    .mr-md-2 {
        margin-right: .5rem !important;
    }

    .mb-md-2 {
        margin-bottom: .5rem !important;
    }

    .ml-md-2 {
        margin-left: .5rem !important;
    }

    .mx-md-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important;
    }

    .my-md-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important;
    }

    .mt-md-3 {
        margin-top: 1rem !important;
    }

    .mr-md-3 {
        margin-right: 1rem !important;
    }

    .mb-md-3 {
        margin-bottom: 1rem !important;
    }

    .ml-md-3 {
        margin-left: 1rem !important;
    }

    .mx-md-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important;
    }

    .my-md-3 {
        margin-bottom: 1rem !important;
        margin-top: 1rem !important;
    }

    .mt-md-4 {
        margin-top: 1.5rem !important;
    }

    .mr-md-4 {
        margin-right: 1.5rem !important;
    }

    .mb-md-4 {
        margin-bottom: 1.5rem !important;
    }

    .ml-md-4 {
        margin-left: 1.5rem !important;
    }

    .mx-md-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important;
    }

    .my-md-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }

    .mt-md-5 {
        margin-top: 3rem !important;
    }

    .mr-md-5 {
        margin-right: 3rem !important;
    }

    .mb-md-5 {
        margin-bottom: 3rem !important;
    }

    .ml-md-5 {
        margin-left: 3rem !important;
    }

    .mx-md-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important;
    }

    .my-md-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }

    .mt-md-auto {
        margin-top: auto !important;
    }

    .mr-md-auto {
        margin-right: auto !important;
    }

    .mb-md-auto {
        margin-bottom: auto !important;
    }

    .ml-md-auto {
        margin-left: auto !important;
    }

    .mx-md-auto {
        margin-right: auto !important;
        margin-left: auto !important;
    }

    .my-md-auto {
        margin-bottom: auto !important;
        margin-top: auto !important;
    }

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

    .p-md-1 {
        padding: .25rem !important;
    }

    .p-md-2 {
        padding: .5rem !important;
    }

    .p-md-3 {
        padding: 1rem !important;
    }

    .p-md-4 {
        padding: 1.5rem !important;
    }

    .p-md-5 {
        padding: 3rem !important;
    }

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

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

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

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

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

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

    .pt-md-1 {
        padding-top: .25rem !important;
    }

    .pr-md-1 {
        padding-right: .25rem !important;
    }

    .pb-md-1 {
        padding-bottom: .25rem !important;
    }

    .pl-md-1 {
        padding-left: .25rem !important;
    }

    .px-md-1 {
        padding-left: .25rem !important;
        padding-right: .25rem !important;
    }

    .py-md-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important;
    }

    .pt-md-2 {
        padding-top: .5rem !important;
    }

    .pr-md-2 {
        padding-right: .5rem !important;
    }

    .pb-md-2 {
        padding-bottom: .5rem !important;
    }

    .pl-md-2 {
        padding-left: .5rem !important;
    }

    .px-md-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important;
    }

    .py-md-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important;
    }

    .pt-md-3 {
        padding-top: 1rem !important;
    }

    .pr-md-3 {
        padding-right: 1rem !important;
    }

    .pb-md-3 {
        padding-bottom: 1rem !important;
    }

    .pl-md-3 {
        padding-left: 1rem !important;
    }

    .py-md-3 {
        padding-bottom: 1rem !important;
        padding-top: 1rem !important;
    }

    .px-md-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }

    .pt-md-4 {
        padding-top: 1.5rem !important;
    }

    .pr-md-4 {
        padding-right: 1.5rem !important;
    }

    .pb-md-4 {
        padding-bottom: 1.5rem !important;
    }

    .pl-md-4 {
        padding-left: 1.5rem !important;
    }

    .px-md-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important;
    }

    .py-md-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }

    .pt-md-5 {
        padding-top: 3rem !important;
    }

    .pr-md-5 {
        padding-right: 3rem !important;
    }

    .pb-md-5 {
        padding-bottom: 3rem !important;
    }

    .pl-md-5 {
        padding-left: 3rem !important;
    }

    .px-md-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important;
    }

    .py-md-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }

    /*#endregion */
}

@media (min-width: 1200px) { /* lg */
    .text-lg-left {
        text-align: left;
    }

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

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

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

    .ml-lg-20px {
        margin-left: 20px;
    }

    .px-lg-4px {
        padding: 0 4px;
    }

    .pl-xl-2px {
        padding-left: 2px;
    }

    .w-lg-100 {
        width: 100% !important;
    }

    /*#region bootstrap spacing*/

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

    .m-lg-1 {
        margin: .25rem !important;
    }

    .m-lg-2 {
        margin: .5rem !important;
    }

    .m-lg-3 {
        margin: 1rem !important;
    }

    .m-lg-4 {
        margin: 1.5rem !important;
    }

    .m-lg-5 {
        margin: 3rem !important;
    }

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

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

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

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

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

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

    .mt-lg-1 {
        margin-top: .25rem !important;
    }

    .mr-lg-1 {
        margin-right: .25rem !important;
    }

    .mb-lg-1 {
        margin-bottom: .25rem !important;
    }

    .ml-lg-1 {
        margin-left: .25rem !important;
    }

    .mx-lg-1 {
        margin-left: .25rem !important;
        margin-right: .25rem !important;
    }

    .my-lg-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important;
    }

    .mt-lg-2 {
        margin-top: .5rem !important;
    }

    .mr-lg-2 {
        margin-right: .5rem !important;
    }

    .mb-lg-2 {
        margin-bottom: .5rem !important;
    }

    .ml-lg-2 {
        margin-left: .5rem !important;
    }

    .mx-lg-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important;
    }

    .my-lg-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important;
    }

    .mt-lg-3 {
        margin-top: 1rem !important;
    }

    .mr-lg-3 {
        margin-right: 1rem !important;
    }

    .mb-lg-3 {
        margin-bottom: 1rem !important;
    }

    .ml-lg-3 {
        margin-left: 1rem !important;
    }

    .mx-lg-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important;
    }

    .my-lg-3 {
        margin-bottom: 1rem !important;
        margin-top: 1rem !important;
    }

    .mt-lg-4 {
        margin-top: 1.5rem !important;
    }

    .mr-lg-4 {
        margin-right: 1.5rem !important;
    }

    .mb-lg-4 {
        margin-bottom: 1.5rem !important;
    }

    .ml-lg-4 {
        margin-left: 1.5rem !important;
    }

    .mx-lg-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important;
    }

    .my-lg-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }

    .mt-lg-5 {
        margin-top: 3rem !important;
    }

    .mr-lg-5 {
        margin-right: 3rem !important;
    }

    .mb-lg-5 {
        margin-bottom: 3rem !important;
    }

    .ml-lg-5 {
        margin-left: 3rem !important;
    }

    .mx-lg-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important;
    }

    .my-lg-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }

    .mt-lg-auto {
        margin-top: auto !important;
    }

    .mr-lg-auto {
        margin-right: auto !important;
    }

    .mb-lg-auto {
        margin-bottom: auto !important;
    }

    .ml-lg-auto {
        margin-left: auto !important;
    }

    .mx-lg-auto {
        margin-right: auto !important;
        margin-left: auto !important;
    }

    .my-lg-auto {
        margin-bottom: auto !important;
        margin-top: auto !important;
    }

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

    .p-lg-1 {
        padding: .25rem !important;
    }

    .p-lg-2 {
        padding: .5rem !important;
    }

    .p-lg-3 {
        padding: 1rem !important;
    }

    .p-lg-4 {
        padding: 1.5rem !important;
    }

    .p-lg-5 {
        padding: 3rem !important;
    }

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

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

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

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

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

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

    .pt-lg-1 {
        padding-top: .25rem !important;
    }

    .pr-lg-1 {
        padding-right: .25rem !important;
    }

    .pb-lg-1 {
        padding-bottom: .25rem !important;
    }

    .pl-lg-1 {
        padding-left: .25rem !important;
    }

    .px-lg-1 {
        padding-left: .25rem !important;
        padding-right: .25rem !important;
    }

    .py-lg-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important;
    }

    .pt-lg-2 {
        padding-top: .5rem !important;
    }

    .pr-lg-2 {
        padding-right: .5rem !important;
    }

    .pb-lg-2 {
        padding-bottom: .5rem !important;
    }

    .pl-lg-2 {
        padding-left: .5rem !important;
    }

    .px-lg-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important;
    }

    .py-lg-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important;
    }

    .pt-lg-3 {
        padding-top: 1rem !important;
    }

    .pr-lg-3 {
        padding-right: 1rem !important;
    }

    .pb-lg-3 {
        padding-bottom: 1rem !important;
    }

    .pl-lg-3 {
        padding-left: 1rem !important;
    }

    .py-lg-3 {
        padding-bottom: 1rem !important;
        padding-top: 1rem !important;
    }

    .px-lg-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }

    .pt-lg-4 {
        padding-top: 1.5rem !important;
    }

    .pr-lg-4 {
        padding-right: 1.5rem !important;
    }

    .pb-lg-4 {
        padding-bottom: 1.5rem !important;
    }

    .pl-lg-4 {
        padding-left: 1.5rem !important;
    }

    .px-lg-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important;
    }

    .py-lg-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }

    .pt-lg-5 {
        padding-top: 3rem !important;
    }

    .pr-lg-5 {
        padding-right: 3rem !important;
    }

    .pb-lg-5 {
        padding-bottom: 3rem !important;
    }

    .pl-lg-5 {
        padding-left: 3rem !important;
    }

    .px-lg-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important;
    }

    .py-lg-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }

    /*#endregion */

}

/*#region bootstrap spacing*/

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

.m-1 {
    margin: .25rem !important;
}

.m-2 {
    margin: .5rem !important;
}

.m-3 {
    margin: 1rem !important;
}

.m-4 {
    margin: 1.5rem !important;
}

.m-5 {
    margin: 3rem !important;
}

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

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

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

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

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

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

.mt-1 {
    margin-top: .25rem !important;
}

.mr-1 {
    margin-right: .25rem !important;
}

.mb-1 {
    margin-bottom: .25rem !important;
}

.ml-1 {
    margin-left: .25rem !important;
}

.mx-1 {
    margin-left: .25rem !important;
    margin-right: .25rem !important;
}

.my-1 {
    margin-top: .25rem !important;
    margin-bottom: .25rem !important;
}

.mt-2 {
    margin-top: .5rem !important;
}

.mr-2 {
    margin-right: .5rem !important;
}

.mb-2 {
    margin-bottom: .5rem !important;
}

.ml-2 {
    margin-left: .5rem !important;
}

.mx-2 {
    margin-right: .5rem !important;
    margin-left: .5rem !important;
}

.my-2 {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important;
}

.mt-3 {
    margin-top: 1rem !important;
}

.mr-3 {
    margin-right: 1rem !important;
}

.mb-3 {
    margin-bottom: 1rem !important;
}

.ml-3 {
    margin-left: 1rem !important;
}

.mx-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
}

.my-3 {
    margin-bottom: 1rem !important;
    margin-top: 1rem !important;
}

.mt-4 {
    margin-top: 1.5rem !important;
}

.mr-4 {
    margin-right: 1.5rem !important;
}

.mb-4 {
    margin-bottom: 1.5rem !important;
}

.ml-4 {
    margin-left: 1.5rem !important;
}

.mx-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
}

.my-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
}

.mt-5 {
    margin-top: 3rem !important;
}

.mr-5 {
    margin-right: 3rem !important;
}

.mb-5 {
    margin-bottom: 3rem !important;
}

.ml-5 {
    margin-left: 3rem !important;
}

.mx-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
}

.my-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
}

.mt-auto {
    margin-top: auto !important;
}

.mr-auto {
    margin-right: auto !important;
}

.mb-auto {
    margin-bottom: auto !important;
}

.ml-auto {
    margin-left: auto !important;
}

.mx-auto {
    margin-right: auto !important;
    margin-left: auto !important;
}

.my-auto {
    margin-bottom: auto !important;
    margin-top: auto !important;
}

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

.p-1 {
    padding: .25rem !important;
}

.p-2 {
    padding: .5rem !important;
}

.p-3 {
    padding: 1rem !important;
}

.p-4 {
    padding: 1.5rem !important;
}

.p-5 {
    padding: 3rem !important;
}

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

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

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

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

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

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

.pt-1 {
    padding-top: .25rem !important;
}

.pr-1 {
    padding-right: .25rem !important;
}

.pb-1 {
    padding-bottom: .25rem !important;
}

.pl-1 {
    padding-left: .25rem !important;
}

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

.py-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important;
}

.pt-2 {
    padding-top: .5rem !important;
}

.pr-2 {
    padding-right: .5rem !important;
}

.pb-2 {
    padding-bottom: .5rem !important;
}

.pl-2 {
    padding-left: .5rem !important;
}

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

.py-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important;
}

.pt-3 {
    padding-top: 1rem !important;
}

.pr-3 {
    padding-right: 1rem !important;
}

.pb-3 {
    padding-bottom: 1rem !important;
}

.pl-3 {
    padding-left: 1rem !important;
}

.py-3 {
    padding-bottom: 1rem !important;
    padding-top: 1rem !important;
}

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

.pt-4 {
    padding-top: 1.5rem !important;
}

.pr-4 {
    padding-right: 1.5rem !important;
}

.pb-4 {
    padding-bottom: 1.5rem !important;
}

.pl-4 {
    padding-left: 1.5rem !important;
}

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

.py-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
}

.pt-5 {
    padding-top: 3rem !important;
}

.pr-5 {
    padding-right: 3rem !important;
}

.pb-5 {
    padding-bottom: 3rem !important;
}

.pl-5 {
    padding-left: 3rem !important;
}

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

.py-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
}

/*#endregion */
.table > tbody > tr > td {
    vertical-align: middle;
}