/*Setting body to have no margins and have full width. */
body{
    margin: 0;
    padding: 0;
    height: 100%;
}

/*Positioning and styling page header. */
h4{
    float: center;
    text-align: center;
    margin-top: 15px;
    transform: translate3d(-180px);
}

/*Giving margins to deliveries table. */
table{
    margin-top: 60px;
    margin-left:10px;
    margin-right: 10px;
}

/*Giving a size and a position to the search-container. */
.container-fluid{
    margin-top: 45px;
    margin-left: 70%;
    margin-bottom: 20px;
    width: 30%;
    float: right;
}

/*Changing color of search button on hover. */
#search:hover{
    background-color: crimson;
}
  
 /* .show{
      display: block;
  }*/
  
  
  h5{
      color: #544f26;
      font-size: 30px;
    margin-bottom: 10px;
    padding-left: 10px;
  }
  
/*Styling background ad text of the pop-up modal header listing deliveries. */
  .modal-header{
    background-color: darkred;
    color: white;
    text-transform:uppercase;
  }

  /*Positioning and styling close button on header. */
  #x-but{
      margin-left: 90%;
      color: white;
  }
  
  /*Styling modal's footer. */
  .modal-footer{
    background-color: darkred;
  }
  
  .modal-footermodal>button{
   color:white;
   }
  
   /*Styling horizontal line to separate orders whithin a delivery modal. */
   hr{
     background-color: darkred;
     height: 3px;
   }

   /*Changing color of close footer button. */
   #close-but{
       color: white;
   }
   
/*Moving order title to the right of the header*/
   #itemsDeliveryId{
    transform: translateX(-150%);
   }