button { cursor: pointer !important; }
.error { color: red; }
.success { color: green; }
.error-message { color: red; }
.success-message { color: green; }
.login-panel { margin-top: 10%; margin-left: 33.33%; }
.text-align-center { text-align: center; }
.nav-right-margin { margin-right: 10%; }
.nav-right-margin .dropdown-menu { right: 0; left: auto; }
.footer-design {
    position: fixed;
    bottom: 0;
    left: 33.33%;
    right: 33.33%;
    text-align: center !important;    
    background-color: #f7f7f9;
}
.address-design { text-align: center; }
.show-button-design { padding: 10px 30px 10px 30px; }
.button-margin { margin: 2.5% }
.company-name-design { color: #ff4f05; font-size: 30px; font-weight: 900; }
.out-side-border { border: 2px solid lightgray; }
.text-align-right { text-align: right !important; }
.text-align-left { text-align: left; }
.table-header-background-color { background-color: lavender; }
.save-button { padding: 15px 40px 15px 40px; }
.user-list-button { margin: 10px 20px 0px 0px; }
::placeholder { color: lightgray !important; }
.print-button { margin: 0 0 1% 0; background-color: cadetblue; }
.order-details-design { font-family: Lucida Console; font-size: 10px; }
.scroll-div { overflow-y: scroll; height: 400px; }
.scroll-div-1 { overflow-y: scroll; height: 600px; }
.center-div { width: 50%; text-align: center; margin: 0 auto; }
.margin-top-10 { margin-top: 10px; }
.ok-button-width { padding: 8px 27px; }
.btn-pt-30 { padding-top: 30px; }
.nav-tabs .nav-item {
    margin-bottom: -1px;
    border: 1px solid #d9d9d9;
    border-radius: 0px;
    width: 100%;
    background: #f7f7f9;
    text-align: center;
    font-weight: 500;
}
.nav-tabs .nav-link { border-radius: 0px; }
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { border-radius: 0px; }
.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    width: 100%;
}
.side-by-side-container { display: flex }
.side-by-side-child { flex: 1; border: 0px solid red; }
.side-by-side-child:first-child { margin-right: 5px; }
.nav-left-margin { margin-left: 10%; }
@media (max-width: 750px) {
    .button-margin { margin: 5.5% }
}
/* Extra small devices (portrait phones, less than 544px) */
@media (max-width: 543px) {
    .nav-header-text { text-align: center !important; }
    .company-name-design { text-align: center !important; }
    .nav-right-margin { margin-right: 0% !important; }
    .nav-left-margin { margin-left: 0% !important; }
    /*.nav-tabs .dropdown-menu { width: 100% !important; }*/
    /*.dropdown-item { padding: 3px 0.5rem; white-space: normal; }*/
    .btn-pt-30 { padding-top: 0px; }
    .side-by-side-container {
        /*display: block !important;*/
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -moz-box-align: start;
        -ms-flex-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start;
    }
    .side-by-side-child { padding-bottom: 8px; width: 100%; }
    .side-by-side-child:first-child {
        margin-right: 0px !important;
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 1;
        -webkit-order: 1;
        order: 1;
    }
}

/* Small devices (landscape phones, 544px and up) */
@media (min-width: 544px) and (max-width: 767px) {
    .nav-header-text { text-align: center !important; }
    .company-name-design { text-align: center !important; }
    .nav-right-margin { margin-right: 0px !important; }
    .nav-left-margin { margin-left: 0px !important; }
    /*.nav-tabs .dropdown-menu { width: 100% !important; }*/
    /*.dropdown-item { padding: 3px 0.5rem; white-space: normal; }*/
    .btn-pt-30 { padding-top: 0px; }
    .side-by-side-container { display: block !important; }
    .side-by-side-child { padding-bottom: 8px; }
    .side-by-side-child:first-child { margin-right: 0px !important; }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991px) {}
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199px) {}
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {}