html, body, .full-height {
                height: 100% !important;
            }

            body {
                height: 100%;
                overflow-y: hidden;
            }

            .bg-image {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background-color: #253238;
                background-size: cover;
                background-position: center;
                z-index: -2;
                transition: 3s ease-in-out;
            }

            .bg-grid {
                position: absolute;
                top: 0;
                right: 0;
                width: 50%;
                height: 50%;
                background: url('images/suppliers/bg-grid.png');
                background-size: cover;
                background-position: center;
                opacity: 1;
                z-index: -1;
            }

            .fade-out {
                opacity: 0;
                transition: opacity 0.5s ease-out;
            }

            .fade-in {
                opacity: 1;
                transition: opacity 0.5s ease-in;
            }

            .rgba-stylish-strong {
                background-color: #253238 !important;
                border-top-left-radius: 20px !important;
                border-top-right-radius: 20px !important;
            }

            .btn {
                font-size: 20px !important;
                line-height: 3.5rem !important;
                border-radius: 1rem !important;
                background-color: #2bb673 !important;
                text-transform: none !important;
            }

            .btn-success {
                background-color: #2bb673 !important;
            }

            .md-form .form-control {
                background-color: white !important;
                border-radius: 5px !important;
                height: 33px;
                padding-left: .8rem;
            }

            .md-form select {
                border-top: none;
                border-left: none;
                border-right: none;
            }

            .md-form select:focus {
                background-color: transparent;
            }

            #register_form .form-control {
                background-color: white !important;
                border-radius: 5px !important;
                padding: 1.2rem;
                margin: .5rem 0;
            }

            #register_form select.form-control {
                padding: 0;
                height: 2.5rem;
            }

            .select2-container {
                font-size: .875rem;
            }

            .select2-container--bootstrap4.select2-container--focus .select2-selection {
                border-color: #80bdff;
                outline: 0;
                box-shadow: inset 0 0 0 transparent;
            }

            .select2-container--bootstrap4 .select2-selection--single .select2-selection__rendered {
                color: #6c757d !important;
                background-color: #fff;
                line-height: 2.5 !important;
            }

            .select2-container .select2-selection--single {
                color: #6c757d !important;
                background-color: #fff;
                height: 2.5rem !important;
            }

            .flex-grow-1 {
                -ms-flex-positive: 1 !important;
                flex-grow: 1 !important;
            }

            #supplier-logo {
                width: 10rem;
                height: auto;
                object-fit: contain;
            }

            #supplier-logo {
                font-size: 1.15rem !important;
                font-weight: 700 !important;
                letter-spacing: 0.0125rem !important;
            }

            #supplier-logo img {
                max-width: 160px;
                max-height: 120px;
            }