/*MAYORDOMO ONLINE*/ .banner-logo{ width:20%; margin:0 auto; border-bottom:1px solid #fff; margin-bottom:10px; min-width: 120px; } .boxData{ margin-top:20px; margin-bottom:40px; .clearfix{ padding:20px; } } .butlerTabs{ .resp-tabs-container{border:1px solid $border-color-ppal;} .resp-tab-content{ padding:20px 15px 20px 15px; } .resp-tabs-list.hor_1{ li{ text-transform: uppercase; color:$butler-color; min-width:20%; margin:0; } } .resp-tab-active{ border-bottom-color: $butler-color!important; background-color:$bg-color-ppal!important; color:$btn-butler-color!important; } } .servicesList { ul { li {margin-bottom:10px;} } } .luxury-content{ p.hd{ border-bottom: 1px solid #dedede; padding-bottom: 10px; margin-bottom: 20px; } .invalidCredentials{ position:absolute; top:0; left:0; width:100%; -webkit-animation: seconds 1.0s forwards; -webkit-animation-iteration-count: 1; -webkit-animation-delay: 5s; -moz-animation: seconds 1.0s forwards; -moz-animation-iteration-count: 1; -moz-animation-delay: 5s; animation: seconds 1.0s forwards; animation-iteration-count: 1; animation-delay: 5s; } @-webkit-keyframes seconds { 0% { opacity: 1; } 100% { opacity: 0; left: -9999px; position: absolute; } } @keyframes seconds { 0% { opacity: 1; } 100% { opacity: 0; left: -9999px; position: absolute; } } .login{ .box{ padding:20px; border:1px solid $border-color-ppal; height:355px; } #loginbutler { border-bottom: 1px solid #dedede; padding-bottom: 10px; } p.large{ font-size:inherit; padding:0; margin-bottom:10px; } .btn-lg { margin-top: 15px; } } #newUserBox{ padding:20px; border:1px solid $border-color-ppal; height:355px; } a:not(.btn) { color:$butler-color; } .inputs{ input{ text-indent: 40px; } } label{ font-weight:normal } input[type=checkbox]{ margin-right:5px; } .bold{ margin-left:10px; } p.tserviceIntro{ margin-bottom:20px; padding-bottom:15px; margin-top:15px; border-bottom:1px solid $border-color-ppal; } #bottom{ margin-top:20px; } .panel{ border-bottom:none; } .panel-default{ .panel-heading{ background-color: $bg-color-ppal; border:none; margin-bottom:15px; position:relative; padding:10px; .panel-title-left{ width: 70%; float:left; } .panel-title-right{ width: 10%; float:right; } .panel-control{ display:block; width:46px; height:40px; position: absolute; right:0; top:70%; transform:translateY(-5%); &:before{ content:"+"; color:$butler-color; position:relative; /*top:50%; transform:translateY(-50%);*/ display:block; width: 100%; text-align: center; font-size: 18px; } } a[aria-expanded=true]{ .panel-control{ &:before{ content:"-"; font-size:30px; top:35%; transform:translateY(-50%); } } } } } .activities{ float:left; clear:both; width:100%; } #services { p.slogan {margin:15px 0 20px;} } .act { float: left; clear: both; width: 100%; border-bottom: 1px solid $border-color-ppal; margin-bottom: 20px; padding-bottom: 10px; input[type=checkbox] { float: left; margin-right: 5px; /*margin-top:0; position:relative; top:50%; transform:translateY(80%);*/ } .nameDesc { float: left; width: 95%; } .actDate { float: left; clear: left; margin-top: 20px; width: 100%; } &:last-child { border: none; } } .nav-tabs>li>a{ border-radius: 0; } .tab-content{ margin-top:20px; } /*dining tab*/ .directory{ .divider{height:1px; background-color: $border-color;width:100%; margin-bottom:20px;} .card.hoverable{ box-shadow: none; border:0; margin-bottom:0!important; //border-bottom:1px solid $border-color-ppal; .circle{ float:right; width:100px; height:100px; border:2px solid red; border-radius: 100px; color:red; font-size:14px; padding:5px; span{line-height:1.3;position:relative; top:50%; transform:translateY(-50%); display:block;text-align:center} } .card-image{ .checkbox { padding-left: 20px; position:absolute; left:10px; top:0px; z-index:1; width:30px; height:30px; overflow:hidden; label{ display: inline-block; position: relative; padding-left: 5px; color: transparent; } } .checkbox label::before { content: ""; display: inline-block; position: absolute; width: 30px; height: 30px; left: 0; margin-left: -20px; border: 1px solid #000; border-radius: 0; background-color: #fff; -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out; -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out; transition: border 0.15s ease-in-out, color 0.15s ease-in-out; } .checkbox label::after { display: inline-block; position: absolute; width: 29px; height: 29px; left: 0; top: 0; margin-left: -20px; padding-left: 6px; padding-top: 1px; font-size: 18px; font-weight:700; color: green; } .checkbox input[type="checkbox"] { opacity: 0; } .checkbox input[type="checkbox"]:focus + label::before { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .checkbox input[type="checkbox"]:checked + label::after { font-family: 'mc2016-1'; content: "\e904"; } .checkbox input[type="checkbox"]:disabled + label { opacity: 0.65; } .checkbox input[type="checkbox"]:disabled + label::before { background-color: #eeeeee; cursor: not-allowed; } } .card-content{ padding-top:0; } .card-action{ padding:0; border:0; float:left; clear:both; width:100%; .inputs{ margin-top:14px; margin-left:-15px; } .exclusive{ position:absolute; right: 45px; top: 10px; } } } } /*RESUME*/ .spa-box-tab{ padding:10px 0 10px 15px; cursor:default; } .spa-items{ article{ margin-top:20px; padding-bottom:20px; border-bottom:1px solid $border-color-ppal; &:last-child{ border:none; } } } /*mis reservas*/ .elements{ margin-bottom:5px; label{ font-weight:bold; } } #mis_reservas table{border:1px solid $border-color-ppal;} #mis_reservas table ul li{list-style-type: disc} #mis_reservas table input{margin-right:10px} #mis_reservas table input, #mis_reservas table .group{float:left} #mis_reservas table, #mis_reservas table tr{width:100%; border:none; margin:0; padding-bottom:0} #mis_reservas table tr td{display:table-cell;} tbody tr:nth-child(1) td { background-color:$bg-color-ppal; border-top:none } #mis_reservas .articles_header:first-child{margin-top:0px} #mis_reservas .articles_header{} #mis_reservas .articles_header td{padding:10px} #mis_reservas td,th { border-bottom: 1px solid #ddd; padding: 10px; vertical-align: top } .reservas_details tr td:nth-child(2){width: 60%} .reservas_details tr td:nth-child(2) .group{width: 90%} #mis_reservas tr td:last-child{text-align: center} #mis_reservas tbody tr.articles_header td { background-color: $bg-color-ppal; font-weight:bold; /*font-weight: bold*/ } /*#mis_reservas tbody tr.article:nth-child(even) td{ border-bottom:none }*/ #mis_reservas .detail #boresData{padding:15px;} #mis_reservas #boresData.table-responsive{margin-top:0px;} span.pendiente{color:red} #mis_reservas h3{margin:10px 0px 10px 0px} .back{float:right; margin-top:15px} h3.details{float:left;margin:10px 0px 20px 0px!important} .no_margin{margin:0px!important} #mis_reservas .boxData{clear:both} } .total_price{ border-top:1px solid $border-color-ppal; article{ padding-top:10px; padding-bottom:20px; } } .spa-box{ form{ border:1px solid $border-color-ppal; clear: both; float:left; width:100%; } } a.spa-box-tab{ color:$btn-butler-color!important; } #resume_menu{ margin-right:15px; li{ display: inline; } } a.btn-primary-butler{ color:#fff; } .butler-box{ padding:20px; border:1px solid $border-color; float:left; clear:both;width:100%; #frm-butler{ .inputs{ background-color: #f5f5f5; //border:1px solid #ccc; position:relative; i.icon-calendario{ top:50%; transform:translateY(-50%); left:10px; } input{ width:100%; text-indent: 40px; } } } p {margin-bottom:20px;} } .directory .item-hot .card{ margin-top:0; border:none; border-radius: 0; box-shadow: none; img{border-radius: 0;} .card-content{ h3{ margin-top:0; } } .card-action{ width:100%; border:none; .sheet-link{ margin:14px 0 0 0; } .inputs{ margin-top:14px; margin-left:-15px; } .exclusive{ position:absolute; right:0; } } } .date, .inputs{ .date-picker-wrapper{ width:100%; } } @media only screen and (min-width: 768px) and (max-width: 992px) { .directory{ .card.hoverable{ float:left; clear:both; .card-image{ float:left; width:30%; } .card-content{ float:left; width:70%; .card-action{ .exclusive{ position:relative; } } } } } } @media handheld, only screen and (max-width: 767px) { .luxury-content{ .table-responsive { table{ overflow-x: auto; display: block; td{ display:table-cell; } } } } /*#mis_reservas #boresData.table-responsive { overflow: scroll }*/ }