/**
* Global CSS
*---------------------------------------------------------*/

/**
* Variables
*
* --primary-color: #1e6ba5;
* --secondary-color: #23aadd;
*---------------------------------------------------------*/

/* Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  /*margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;*/
}

/**
* Global
*---------------------------------------------------------*/
.align-right {
  text-align: right !important;
}
.align-center {
  text-align: center !important;
}

.hidden {
  display: none !important;
}

/**
* Table
*---------------------------------------------------------*/
.data-table {
  border-collapse: collapse;
  margin-top: 40px !important;
  width: 100%;
}

.data-table th,
.data-table td {
  border: 1px solid #ddd;
  font-size: 14px;
  padding: 5px;
}

.data-table th {
  background-color: #1e6ba5;
  color: #fff;
  font-weight: normal;
}

.data-table th a {
  color: #fff;
  text-decoration: underline;
}

.data-table tr:nth-child(even) {
  background-color: #f9f9f9;
}

.data-table tfoot td {
  border-top: 3px solid #ddd;
}

.data-tabletd label.form-value {
  font-weight: normal;
}

.data-table-header-actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.data-table-header-actions--button {
  float: right;
  margin-bottom: 20px;
}

.data-table-header-actions--button i {
  font-size: 25px;
}

.data-table .table-actions {
  display: flex;
  justify-content: center;
}

.data-table .action-cell {
  text-align: center;
}

.data-table-pagination--infos,
.data-table-pagination--pager {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 12px;
  width: 100%;
}
.data-table-pagination--pager a,
.data-table-pagination--pager span {
  font-size: 14px;
  font-weight: bold;
  margin-right: 10px;
}

.page-header-actions form {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  margin-bottom: 20px;
}

.page-header-actions form .form-field-group {
  width: unset;
}

@media screen and (max-width: 768px) {
  .page-header-actions form {
    flex-direction: column;
  }
  
  .data-table .table-actions {
    display: table-cell;
    text-align: center;
  }
}

/**
* Form
*---------------------------------------------------------*/
.form-fields {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
}
.form-field-group {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 20px;
  width: 30%;
}

.form-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 20px;
}

.form input[type="text"],
.form input[type="email"],
.form select {
  height: 40px;
  margin-bottom: 0;
  width: 100%;
}

input[type="datetime-local"] {
  font:normal 19px/27px "Roboto",
    Helvetica,
    Arial,
    Verdana,
    sans-serif;
  font-size: 15px;
  height: 36px;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .form-field-group {
    width: 100%;
  }
  
}


/**
* Buttons
*---------------------------------------------------------*/
.button,
input[type="button"],
input[type="submit"]{  
  background: #1e6ba5 !important;
  border: none !important;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: normal !important;
  line-height: normal !important;
  margin: 5px !important;
  min-height: unset !important;
  padding: 10px 15px !important;
}


.button:hover,
input[type="button"]:hover,
input[type="submit"]:hover{
  background: #23aadd!important;
}


.dashboard-gadget-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #018bb6;
  padding: 5px 10px 0 0;
}

.dashboard-gadget-header i {
  font-size: 22px;
  color: #fff;
}

.dashboard-gadget-header h2 {
  margin-bottom: 5px;
}


/**
* Cart
*---------------------------------------------------------*/
.shopping-cart-wrap {
  width: 400px;
}

.shopping-cart-inner {
  width: 100%;
}

.shopping-cart-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
  padding: 10px 0;
}

.shopping-cart-inner li,
.shopping-cart-item {
  border-bottom: 1px solid #ddd;
}

.shopping-cart-item-image {
  width: 100px;
}

.shopping-cart-item-price {
  font-weight: bold;
  text-align: right;
}

.shopping-cart-item .removecart {
  height: 25px;
  width: 25px;
  padding: 5px !important;
}

/**
* Checkout
*---------------------------------------------------------*/
.checkout-reserv-item {
  display: flex;
  flex-direction: column;
  border-top: 1px solid #ddd;
  padding: 10px 0;
}

.checkout-item {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  border-top: 1px solid #ddd;
  padding: 10px 0;
}

.checkout-item--image {
  width: 200px;
}

.checkout-item--content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.checkout-item--content div {
  width: 33%;
}

.checkout-item--price {
  font-weight: bold;
  text-align: right;
}

.checkout-item--remove input {
  float: right;
}