/* .room-availability .container{
        max-width: 100% !important;
    } */
   .text-success {
       color: green;
   }

   .alert-danger {
       color: #58151c;
       background: #f8d7da;
       border: 1px solid #fcc1c1;
   }

   .alert-warning {
       color: #8a6d3b;
       background-color: #fcf8e3;
       border-color: #faebcc;
   }

   .alert {
       padding: 1rem;

   }

   @media screen and (max-width: 600px) {
       table {
           border: 0;
       }

       .rate-table caption {
           font-size: 1.3em;
       }

       .rate-table thead {
           border: none;
           clip: rect(0 0 0 0);
           height: 1px;
           margin: -1px;
           overflow: hidden;
           padding: 0;
           position: absolute;
           width: 1px;
       }

       .room-type td:first-child {
           padding: 10px;
           border-top: 5px solid #856a54;

       }

       .rate-table tr {
           /* border-bottom: 3px solid #ddd; */
           display: block;
           margin-bottom: .625em;
       }



       .rate-table td {
           border-bottom: 1px solid #ddd;
           display: block;
           font-size: .8em;
           text-align: right;
       }

       .room-type td {
           text-align: left;
       }

       .rate-table .rate-plan {
           display: flex;
       }

       .rate-table .room-count {
           width: 30%;
       }

       .rate-table .pax-count {
           width: 20%;
       }

       .rate-table .room-price {
           width: 50%;
       }

       .rate-table .room-count select {
           width: 100% !important;
       }

       .rate-table td::before {

           content: attr(data-label);
           float: left;
           font-weight: bold;
           text-transform: uppercase;
           width: 100%;
           margin-bottom: 10px;
       }

       /* .rate-table  td:last-child {
        border-bottom: 0;
    } */
   }