@media print {
    tr {
        page-break-inside: avoid;
    }

    #searchOrderDiv,.headerDiv,#orderListBox,.hidePrint,.close {
        display:none;
    }
}

.loginMainDiv{
    align-content:center;
    width:100%;
    height:100%;
    margin-left: auto;
    margin-right: auto;
    float:none;
}
.loginTbl{
    text-align: center;
    border:1px solid black;
    display:block;
    margin: 0 auto;
    width: 275px;
}

.menuItem {
    /*font-size:18px;*/
    font-family: Arial, sans-serif;
    font-weight: 900;
    border: 3px solid black;
    text-align: center;
    vertical-align: middle;
    align-self: center;
    background-color: white;
    border-radius:15px;
    width: 100px;
}
.selectedMenuItem{
    /*font-size:18px;*/
    font-family: Arial, sans-serif;
    font-weight: 900;
    color: white;
    border: 3px solid white;
    text-align: center;
    vertical-align: middle;
    background-color: green;
    border-radius:15px;
    width: 100px;
}
.menuItem:hover{
    background-color: yellow;
}
.menuItem:active{
    background-color:green;
}

.menuTable{
    margin: 0 auto;
}

.signsList{
    width:200px;
    height:450px;
    justify-content:center;
    border:1px solid black;
    overflow:scroll;
    -ms-box-orient: horizontal;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;  
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.signsDiv{
    width:100%;
    height:100%;
    overflow-x: hidden;
    margin:0px;
}
.signListItem{
    margin:5px;
    text-align: center;
    align-content: center;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    flex:1 1 1px;
}
.activeSignListItem{
    background-color:lightcoral;
    border:1px solid black;
    margin:5px;
    text-align: center;
    align-content: center;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    flex:1 1 1px;
}
.signImage{
    width:50px;
}

.signDetails{
    border:1px solid black;
    height:90vh;
    overflow-y: auto;
}

.editTbl{
    border:1px dashed gray;
    padding:10px;
}
.pricingLstBox{
    width:175px;
}
.pricingTbl{
    border-collapse:collapse;
    border:1px solid black;
}
.floater{
    position:absolute;
    display:none;
}
.sizedInput{
    width:50px;
}
.cellTopAlign{
    vertical-align: top;
}

.orderTable{
    text-align:center;
    border-spacing:0px;
}
.orderTable td{
    padding:8px;
}
.orderTable tr:nth-child(even) {background:#DDDD};
  /* The Close Button */
  .close {
    color: black;
    float: right;
    font-size: 28px;
    font-weight: bold;
  }
  
  .close:hover,
  .close:focus {
    color: red;
    text-decoration: none;
    cursor: pointer;
  }

  .arrowBtn{
    display:flex;
    justify-content: center;
    align-items: center;
    background-color: rgb(255, 205, 0);
    border:solid #000000 1px;
    cursor:hand;
    padding-left:3px;
    padding-right:3px;
    padding-top:3px;
    padding-bottom:3px;
    border-radius:5px;
    width:25px;
    box-shadow:1px 1px 5px 0px #555;
}
.arrowBtnSelected{
    display:flex;
    justify-content: center;
    align-items: center;
    background-color: rgb(0, 103, 71);
    border:solid #fff 1px;
    cursor:hand;
    padding-left:3px;
    padding-right:3px;
    padding-top:3px;
    padding-bottom:3px;
    border-radius:5px;
    width:25px;
}
.svgBtnImg{
    align-self:center;
}

.modal{
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
    background-color: #fefefe;
    margin: 10% auto; /* 15% from the top and centered */
    padding: 10px;
    border: 1px solid #888;
    width: 550px; /* Could be more or less, depending on screen size */
  }
  
  /* The Close Button */
  .close {
    color: black;
    float: right;
    font-size: 28px;
    font-weight: bold;
  }
  
  .close:hover,
  .close:focus {
    color: red;
    text-decoration: none;
    cursor: pointer;
  }