.alert-danger {
display: flex;
align-items: center;
background-color: rgba(255, 0, 0, 0.164);
margin-bottom: 20px;
padding: 20px !important;
border-radius: 5px;
}
.alert-danger i{
color: red;
}
.alert-danger h4{
font-size: 25px;
margin-bottom: 0px;
margin-left: 20px;
}
.alert-success {
display: flex;
align-items: center;
background-color: rgba(0, 255, 55, 0.164);
margin-bottom: 20px;
padding: 20px !important;
border-radius: 5px;
}
.alert-success i{
color: var(--ast-global-color-1);
}
.alert-success h4{
font-size: 25px;
margin-bottom: 0px;
margin-left: 20px;
}
.alert-success .button {
margin-left: auto;
}
.check-places-button {
color: var(--ast-global-color-0) !important;
margin-right: 75px;
margin-bottom: 25px;
}
.check-places-button:hover {
color: var(--ast-global-color-1) !important;
}
.table-basket {
box-shadow: 2px 2px 5px #8080804d;
background-color: white;
}
.table-basket td {
padding: 10px;
}
.table-basket select {
padding: 5px;
}
.table-basket input {
padding: 5px;
}
.table-basket .rma_order {
font-size: 16px;
}
.table-basket .rma_order {
font-size: 16px;
}
.table-basket .rma_order .far{
font-size: 18px;
}
.reservation-display-title h2{
font-size: 35px;
}
.reservation-info-container {
display:flex;
width: 100%;
background-color: white;
padding: 10px;
border-radius: 5px;
box-shadow: 2px 2px 5px #80808073;
cursor: pointer;
transition: all 0.25s ease-in-out;
margin-bottom: 5px;
}
.reservation-info-container:hover {
transform: scale(1.025);
box-shadow: 4px 4px 5px #80808073;
}
.reservation-info-container p{
font-size: 16px; 
font-family: 'Montserrat', sans-serif;
}
.reservation-info-container p:last-child {
margin-left: auto;  }
.reservation-info-container p:first-child {
margin-right: 5px;
padding-right: 5px;
border-right: solid rgb(226, 223, 223) 1px;
}
.reservation-display-container {
background-color: white; 
border-radius: 5px;
padding: 20px;
}
.reservation-display-container div:first-child {
align-items: center;
display: flex;
}
.reservation-display-container div:first-child h3{
font-size: 24px;
}
.reservation-display-container div:first-child p {
box-shadow: 2px 2px 5px #80808073;
color: white;
font-weight: bold;
}
.reservation-display-container p {
font-size: 16px; 
font-family: 'Montserrat', sans-serif;
}
.form-horizontal #seats {
padding: 5px;
border: 1px solid #eee;
display: inline;
width: auto;
border-radius: 3px;
}
.form-horizontal input[type="number"] {
-webkit-appearance: textfield;
-moz-appearance: textfield;
appearance: textfield;
}
.form-horizontal input[type=number]::-webkit-inner-spin-button,
.form-horizontal input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
}
.number-input { display: inline-flex;
}
.number-input,
.number-input * {
box-sizing: border-box;
}
.number-input button {
outline: none;
-webkit-appearance: none;
background-color: #eee;
border: none;
align-items: center;
justify-content: center;
max-width: 40px !important;
height: 3rem;
cursor: pointer;
margin: 0;
position: relative;
padding: 20px;
border-radius: 5px;
}
.number-input button:before,
.number-input button:after {
display: inline-block;
position: absolute;
content: '';
width: 1rem;
height: 2px;
background-color: #212121;
transform: translate(-50%, -50%);
}
.number-input button.plus:after {
transform: translate(-50%, -50%) rotate(90deg);
}
.number-input input[type=number] { max-width: 5rem;
padding: .5rem;
border: solid #dbdbdb;
border-width: 0 1px;  font-weight: bold;
text-align: center;
height: 40px;
}  #urado:disabled ,#uraod:disabled {
background: white;
color: black;
}
@media (max-width: 768px) {
.blog-item {
margin-top: 80px;
}
.customer-comment {
width: 100%;
}
}
@media (max-width: 600px) {
.blog-item {
margin-top: 100px;
}
.time-group {
flex-direction: column;
}
.persons-group {
flex-direction: column;
}
.persons-group div:last-child {
margin-right: auto;
} .content-page-title {
flex-direction: column;
}
.content-page-title a{
margin-left: 0px;
}
.text-justify {
margin-top: 80px;
}
}
@media (max-width: 424px) {
.reservation-display-container {
padding: 2px;
margin-top: 130px;
}
.reservation-display-title h2 {
font-size: 24px;
}
.reservation-display-container div:first-child h3{
font-size: 18px;
}
.reservation-display-container div:first-child p {
padding: 5px !important;
font-size: 16px !important;
}
.reservation-display-container .comment-section {
flex-direction: column;
}
.reservation-display-container .comment-section p {
width: 100% !important;
}
.reservation-display-container p {
font-size: 12px; 
font-family: 'Montserrat', sans-serif;
}
.content-page-title {
flex-direction: column !important;
}
.content-page-title a{
margin-left: 0px !important;
}
.text-justify {
margin-top: 120px;
}
}
@media (max-width: 375px) {
.blog-sidebar h2{
margin: 5px 0px;
padding-top: 20px;
}
.reservation-display-title {
flex-direction: column !important;
margin-bottom: 40px;
}
.reservation-display-title h2, .blog-sidebar {
width: 100%;
text-align: center;
}
.reservation-display-title a {
margin-left: 0px !important;
}
.reservation-display {
padding: 0px !important;
}
.reservation-display-container div:first-child {
align-items: center;
display: block;
}
.reservation-display-container div:first-child h3 {
font-size: 16px;
margin: 5px 0px !important;
}
.reservation-display-container div:first-child P {
text-align: center;
margin-bottom: 20px;
}
}