/* MBE_MODE_AUTO */

/* MBE_MODE_AUTO */

:root {
  --mdc-theme-primary: #274368 !important;
}

.contact-form-row .contact-form-newsletter label{
  position:initial !important;
}

.cookies-superior-box .cookies-buttons #accept-cookies{
    background-color: rgba(115, 169, 80, 0.89) !important;
    color: #fff !important;
}

.cookies-config-box .accept-button{
   background-color: rgba(115, 169, 80, 0.89) !important;
   color: #fff !important;
}

.page-table{
  overflow-x: auto;
}

table{
  width: 100%;
  border: 0;
  border-collapse: collapse;
}

table, th, td {
 border: 1px solid rgba(0,0,0,.12);
 border-collapse: collapse;
 font-size: 14px;
 padding: 0 10px;
 color: rgba(0,0,0,.87);
}

.social-red-box{
  display: inline-block;
  margin: 0;
  margin-bottom: 15px;
}

.social-red-icon{
  font-size: 20px;
}

.ashpama-news a{
  font-weight: bold;
}

.ashpama-news i{
  padding-left: 5px;
}

.box-board-general{
  display: grid;
grid-template-columns: repeat(6, 1fr);
margin-top: 10px;
column-gap: 5px;
}

.box-board-general .box-board{
  border: 1px solid rgba(0, 0, 0, 0.21);
  padding: 0;
  margin: 10px 0;
}

.box-board-general .box-board h4{
  margin: 0;
  background-color: #274368;
  color: #fff;
  padding: 15px;
  font-weight: normal;
}

.box-board-general .box-board p{
  padding: 0 10px;
}

.golf-specialty-container .look-more-container{
  background: none !important;
}

.first-column h4, .second-column h4, .third-column h4{
 letter-spacing: 2px;
 font-weight: 400;
 text-transform: uppercase;
}

.video-container{
 margin: 25px 0;
}

.footer-sections .footer-section p{
  height: 4.8em !important;
}

.news-2 .more-news-link{
 display:none;
}

#cookies-warning {
  background: #82a656 !important;
}

.hotel-container .hotel-info .hideContent{
  height: 3.8em;
}

form .mdc-floating-label--float-above {
 color: #274368 !important;
}

.hotel-container .hotel-gallery .mdc-dialog__surface p{
  display:none;
}

.collaboratos-content-container  .mdc-data-table .mdc-data-table__header-cell i
,.content-container .mdc-data-table .mdc-data-table__header-cell i {
  color: #B00020;
}

.content form [type="text"]:focus, form [type="password"]:focus, form [type="number"]:focus, form [type="email"]:focus, form textarea:focus {
 border-bottom: 2px solid #274368 !important;
}

.login-snackbar-container .mdc-snackbar__surface{
  background-color: #53544a !important;
}

.mdc-snackbar__action::before, .mdc-snackbar__action::after {
    background-color: #E3F2FD !important;
}

.login-snackbar-container .js_logout button{
  color: #fff;
}

.header-container .associate-link button {
    background-color: rgba(115, 169, 80, 0.89) !important;
  	border-radius: 3px;
}

.content-container .mdc-data-table thead {
    border-bottom: 2px #274368 solid !important;
}

.associate-establishments-container .hotel-info{
  color: #718142;
  cursor: pointer;
}

.login-container .contact-form-row #send_contact_form {
    background-color: #274368 !important;
}

.login-container .login-button-container #login-button-form {
  background-color: #274368 !important;
}

.login-container .remember-password-button{
  background-color: #274368 !important;
}

.mdc-card__action--button {
    color: #274368 !important;
}

.mdc-button--raised {
    background-color: #274368 !important;
}

.contact-form-row #send_contact_form {
    background-color: #274368 !important;
}
.contact-container .contact-form-row #send_contact_form {
    background-color: #274368 !important;
}

.associate-container .contact-form-row #send_contact_form{
    background-color: #274368 !important;
}

.contact-form-row #privacidad a span{
    color: #666;
}

#up #circle {
  background-color: #274368 !important;
}

#up #arrow-up {
  border-bottom: 20px solid #274368 !important;
}

footer {
  background-color: #274368;
}


header .main-menu .sidebar ul li .item-menu-selected p {
 color: #274368 !important;
 background-color: rgba(39, 67, 104, 0.21) !important;
}

@media screen and (max-width: 1200px) {
  .box-board-general{
    grid-template-columns: repeat(2, 1fr) !important;
  }
}
@media screen and (max-width: 1023px) {
  table{
    white-space: nowrap;
  }
}
@media screen and (max-width: 639px) {
  .box-board-general{
    grid-template-columns: repeat(1, 1fr) !important;
  }
}