.classfoot {
    background-color:#2583e0;
    color:rgb(233, 233, 233);
    position : relative;
    margin-top: 100px;
    padding-left: 50px; 
}


.form-control{
max-width:400px
}

.btn-outline-success {

border-color: #2583e0;

}

.btn-outline-success:hover,
.btn-outline-success:focus,
.btn-outline-success:active {
    background-color: #2583e0 !important; /* Replace with your desired color */
    border-color: #2583e0 !important;
    color: white !important;
}


.btn-primary {
    background-color: #2583e0;
    margin-bottom: 20;
    margin-right: 20;
    border-color:#2583e0;
}

.img-thumbnail{
    width : 200px;
    height: 200px;
    margin :20px
    }


.box{
    position:relative;
    display: inline-block;
    width : 200px;
    height: 200px;

}
.box.text{
    position:absolute;
    text-align: center;
    z-index: 999;
    margin: 0 auto;
    left:0;
    right: 0;
    top: 40%;
    width: 60%;

}
.col-bor-right{


border-right: 5px;
border-color: grey;

border-style: double;
border-top: 0ch;
border-bottom: 0ch;
border-left: 0ch;

}

#Locked{
    background-color:#2785e9;
}

#inputGroup-sizing-default{

    min-width:150px
}

.model-width{

    min-width:200px !important
}


#Qty{
    max-width:120px
}

#item{
    max-width:120px 
}

#items{
    max-width:120px 
}

#medium-input{
    max-width:175px
}
#small-input{
    max-width:120px
}
#long-input{
    max-width:400px
}
#small-select{
    max-width: 120px;
}

#medium-select{

    max-width: 175px;
}

#long-select{

    max-width: 400px;
}
.col-bor-bottom{


    border-right: 0px;
    border-color: grey;
    
    border-style: double;
    border-top: 0ch;
    border-bottom: 5px;
    border-left: 0ch;
    
    }

.overflow-scroll{

    max-height:1000;
}
#margin01{
margin-left: 5px;
margin-right: 5px;

}

h5{color: rgb(1, 116, 211);}

#note-box{
    max-width: 1700px ;
}

#block{
    height:60px;
    width: 500px;
    text-align: center;
    
  

}

#back-color{
    background-color:#c2deff;

}

.header {display:inline-block;}

#content {
    font-size: small;
    

}


#toast {
  position: fixed;
  top: 20px;
  right: 20px;
  padding: 10px 30px;       /* extra horizontal padding for oval look */
  border-radius: 50px;      /* large radius makes it oval */
  color: #fff;
  opacity: 0;
  transition: opacity 0.5s ease;
  z-index: 9999;            /* keeps toast above inputs */
}

#toast.show {
  opacity: 1;
}

.hidden {
  display: none;
}

/* Success style (green, semi-transparent) */
.success {
  background: rgba(40, 167, 69, 0.75);
}

/* Error style (red, semi-transparent) */
.error {
  background: rgba(220, 53, 69, 0.75);
}