.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;
}

.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;
}

@media (max-width: 750px) {
    .button-margin{
        margin: 5.5%
    }
}



/*Extra small devices (portrait phones, less than 544px)*/
@media (max-width: 543px) {

}

/*// Small devices (landscape phones, 544px and up)*/
@media (min-width: 544px) and (max-width: 767px) {

}

/*// 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) {

}