/**
 * Hoja de estilo principal
 * Creado: Octubre 03, 2018
 * Autor: Haggen IT
 * Versión: 1.0
 */

/* Fuentes */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800');

/* HTML 5 Fix */
article, aside, figure, footer, header, hgroup, nav, section{display:block;}

/* Elementos HTML */
::-moz-selection{color:#FFF; background:#65ACB9;}
::selection{color:#FFF; background:#65ACB9;}
*{margin:0; padding:0; box-sizing:border-box; -webkit-padding-start:0; -webkit-margin-before:0; -webkit-margin-after:0;}
html,
body{margin:0; padding:0; height:100%;}
body{min-width:1170px; background:rgba(240,240,240,1.00); font-family: 'Open Sans', sans-serif; font-size:12px; line-height:22px; font-weight:400; color:rgba(89,98,106,1.00);}
a{text-decoration:none; transition:0.3s ease; color:#168EEA; cursor:pointer}
a:hover{color:#0A5086;}
h1,h2,h3,h4,h5,h6{margin:0; padding:0;}
h1{color:#262626; font-size:22px; font-weight:700; line-height:30px; margin:8px 0 10px 0;}
h2{font-size:16px; font-weight:700; color:rgba(38,38,38,1.00)}
h3{font-size:12px; text-transform:uppercase; font-weight:700; color:rgba(38,38,38,0.5)}
form{padding:0; margin:0;}
label{font-weight:700; margin:0 0 6px 0; display:block}
label.req:before{content:'*'; color:#BE0B26; margin:0 3px 0 0;}
label.error{width:40%; display:inline-block; color:#BE0B26; height:40px; line-height:40px; font-weight:400; padding:0 0 0 10px}
input[type=text],
input[type=email],
input[type=password],
input[type=number],
input[type=date],
input[type=time],
textarea,
select{font-family: 'Open Sans', sans-serif; box-shadow:0 0 2px rgba(0,0,0,0.16); border:1px solid #E8E9EC; border-radius:4px; height:40px; line-height:40px; margin:0 0 20px 0; padding:0 12px; font-size:13px; width:60%; outline:none}
textarea{resize:none; min-height:100px; line-height:normal; padding:12px}
input.error{border-color:#BE0B26;}
input[type=button],
input[type=submit]{background:rgba(101,172,185,1.00); height:40px; line-height:40px; padding:0 20px; border-radius:5px; color:#fff; text-align:center; font-weight:700; border:none; letter-spacing:0.03em; cursor:pointer; font-size:12px; transition:0.3s ease}
input[type=button]:hover,
input[type=submit]:hover{background:#2F6872}
fieldset{width:60%; border:1px solid #E8E9EC; border-radius:4px; margin:0 0 20px 0; padding:12px 20px;}
fieldset legend{font-weight:bold; padding:0 12px; font-size:13px;}
fieldset label{font-weight:normal; width:50%}
img{border:none;}
p{margin:10px 0; padding:0;}

/* Estilos globales */
.clear{clear:both;}
.fLeft{float:left;}
.fRight{float:right;}
.pageContainer{min-height:100%; position:relative;}
.pageContent{padding:75px 20px 60px 214px;}
.contentPane{width:100%; clear:both; background:#fff; box-shadow:0 0 4px rgba(0,0,0,0.1); padding:16px; margin:20px 0}
.contentPane > h2{line-height:40px;}
.contentPane > h3{line-height:45px; background:#F0F0F0; padding:0 16px}
.newItem{background:rgba(101,172,185,1.00); height:40px; line-height:40px; padding:0 20px; border-radius:5px; text-align:center; font-weight:600; border:none; letter-spacing:0.03em; cursor:pointer; display:inline-block; float:right; color:#fff}
.newItem:hover{background:#2F6872; color:#fff;}
.tdDefaultText{font-weight:800; color:#07AD13}
.paneTitle{display:block; border-bottom:1px solid #F0F0F0; margin:-14px -16px 20px -16px; padding:0 0 0 16px;line-height: 50px !important;}

/* Estados de ocupación */
.disponible{background-color:#f9f9f9;}
.vendida{background-color:#EA9586 !important;}
.salida_hoy{background-color:#C8E299 !important;}
.reservada{background-color:#75C5F0 !important;}

/* overlay y popups */
.overlayContent{position:relative; width:90%; height:80%;}
.overlayContent iframe{border:none; width:100%; height:100%; overflow:auto;}
.modalBody{padding:20px; min-width:400px;}
.modalBody .contentPane{margin:0;}
.closeBtn{background:url(../images/close.png); width:30px; height:30px; position:absolute; right:-15px; top:-15px; cursor:pointer}
.swal-button{background-color:#65ACB9 !important}

/* Login */
.loginContainer{box-shadow:0 0 6px rgba(0,0,0,0.25); width:716px; height:460px; margin:0 auto; position:absolute; top:50%; transform:translate(-50%, -50%);left: 50%;}
.lFormContainer{float:left; width:50%;position: relative;height: 100%;}
.lFormContainer .lIntro{padding:20px 20px 10px 20px; background:#fff}
.loginContainer .lDecoration{width:50%; height:100%; float:left; text-align:center; background:url(../images/loginPic.png) center center no-repeat; display:table}
.loginContainer .lDecoration img{display:table-cell; vertical-align:middle; margin:160px auto 0}
.loginContainer label{color:rgba(38,38,38,1.00); font-size:13px;}
.loginContainer input{width:100%;}
.loginContainer input[type=submit]{font-size:14px; height:48px; line-height:48px;}
.loginContainer form{padding:36px;}
.lDemoAccount{height:46px; line-height:46px; text-align:center; border-top:1px solid rgba(221,221,221,1.00); font-size:12px; font-weight:600;position: absolute;bottom: 0;width: 100%;}
#loginPage .pageContent,
#hotelSelectionPage .pageContent{padding:0 0 60px 0}

/* Selector de hotel */
#hotelSelectionPage .lFormContainer{width:100%; float:none;}
#hotelSelectionPage .hsHotels{width:100%; overflow-y:auto; padding:20px 20px; margin:0;height: 365px;}
#hotelSelectionPage .hsHotels .hsHotelItem{background:#fff; border:1px solid #E6E6E6; box-shadow:rgba(0,0,0,0.1) 0 0 3px; padding:16px 0 16px 20px; margin:0 0 20px 0; display:table; list-style:none;height: 100px;overflow: hidden;width: 100%;}
.hsLiRight{display:table-cell; border-left:1px solid #E8E9EC; padding:0 20px;vertical-align: middle;}
.hsLiLeft{display:table-cell;vertical-align: top;}
.hsLiLeft ul{margin:6px 0 0 10px; padding:0;font-size: 12px;}
.hsLiLeft ul li{display:inline-block; width:49%; list-style:none; padding:0;/*! float: left; */margin: 0;}
.hsLiRight .newItem{float:none;}

/* Header */
.pageHeader{clear:both; background:#fff; width:100%; position:fixed; height:60px; line-height:60px;top: 0;left: 0; box-shadow:0 1px 3px rgba(0,0,0,0.16); padding:0 20px 0 214px;z-index: 1;}
.pageNav{width:194px; height:100%; position:fixed; left:0; top:0; background:#fff; box-shadow:3px 0 3px rgba(0,0,0,0.16); z-index: 2;padding-bottom: 87px;}
.zeltaLogo{height:61px; padding:11px 0 4px 0; text-align:center; clear:both; border-bottom:1px solid #DDDDDD}
.zeltaLogo img{width:auto; height:100%;}
.pageNav nav{height: 100% ;overflow-y:auto; padding:20px 0; color:rgba(89,98,106,0.8);}
.pageNav nav ul{margin:0; padding:0;}
.pageNav nav ul > li{list-style:none; margin:0 0 2px 0; line-height:40px; padding:0; position:relative; cursor:pointer; border-left:3px solid #fff; transition:0.3s ease}
.pageNav nav ul > li:hover{border-left-color:#65ACB9; background:rgba(240,240,240,0.5)}
.pageNav nav ul > li a{display:block; padding:0 16px 0 40px; cursor:pointer; color:rgba(89,98,106,0.8);font-weight: 400;}
.pageNav nav ul > li i{color:#A1CAD2;  font-size:16px; position:absolute; left:12px; top:12px;}
.pageNav nav ul > li:hover i{color:#65ACB9;}
.pageNav nav ul > li.activeMenu{background:rgba(161,202,210,0.15); color:rgba(89,98,106,1); border-left:3px solid #A1CAD2;}
.pageMenu ul > li a.activeMenu .fa-angle-down{-webkit-transform:rotateX(-180deg); transform:rotateX(-180deg); color:rgba(0,0,0,0.6)}
.pageNav nav ul > li.hasSubMenu:before{width:12px; height:40px; background:url(../images/down-arrow.svg) center center no-repeat; background-size:contain; display:block; color:#333; content:''; position:absolute; right:16px; top:0;}
.pageNav nav ul > li ul{display:none; padding:0;}
.pageNav nav ul > li ul li{line-height:36px; height:36px; font-size:11px; font-weight:600; margin:0; border:none;}
.pageNav nav ul > li.activeMenu ul li{background:rgba(161,202,210,0.15);}
.pageNav nav ul > li.activeMenu ul li.smActive a{font-weight:600; color:rgb(89, 98, 106);}
.pageNav nav ul > li ul li:hover{background:rgba(161,202,210,0.4);}
.pageNav nav ul > li ul li.smActive{background:rgba(161,202,210,0.4);}
.pageNav nav ul > li ul a{display:block;}
.settingsMenu{clear:both; border-top:1px solid rgba(221,221,221,0.5); margin:20px 0}
.settingsMenu > span{text-transform: uppercase; color:rgba(89,98,106,0.5); font-weight:600; font-size:11px; height:40px; line-height:40px; padding:0 20px; display:block}
.configNote{width: calc(100% - 40px);height: auto;position: fixed;background: #BE0B26;z-index:1;padding: 12px 30px;color: #FFF;bottom: 0;text-align: center;left: 20px;font-size: 13px;border-radius: 5px 5px 0 0;}
.configNote a{color:#fff;text-decoration:underline;font-weight: 600;}
.myHotelsList{position:relative;float: left;}
.mhList{position:absolute; left:0; top:48px;box-shadow: 0 0 4px rgba(0,0,0,0.1);background: #FFF;width: 200px; padding: 0; display:none}
.mhList ul,
.phuMenu ul{padding:0; margin:0;}
.mhList li,
.phuMenu li{display:block; list-style:none; padding:0; margin:0; line-height:normal}
.phUserLinks{float:right; position:relative;margin: 0;}
.phUserLinks span:after,
.myHotelsList span:after{width:12px; height:40px; background:url(../images/down-arrow.svg) center center no-repeat; background-size:contain; display:block; color:#333; content:''; position:absolute; right:12px; top:2px;}
.phuMenu{position:absolute; right:12px; top:51px;box-shadow: 2px 2px 4px rgba(0,0,0,0.1);background: #FFF;width: 180px; display: none;}
.phUserLinks span,
.myHotelsList span{width:210px; overflow:hidden; white-space:nowrap; text-overflow: ellipsis;display: inline-block;padding: 0 20px 0 20px; cursor:pointer;background: #f8f8f8;height: 40px;line-height: 40px;position: relative;top: 10px;border-radius: 20px; transition:0.3s ease}
.phuMenu a,
.mhList a{color:rgba(89,98,106,1.00);display: block;padding: 10px;margin: 5px;}
.mhList a:hover,
.phuMenu a:hover{color:#2F6872; background:#f5f5f5}
.phUserLinks span:hover,
.myHotelsList span:hover{color:#fff; background:rgba(101,172,185,1.00);}
.phUserLinks span:hover i,
.myHotelsList span:hover i{color:#fff;}

/* Footer */
.pageFooter{position:absolute; width:100%; bottom:0; height:60px; line-height:60px; text-align:right; padding:0 20px 0 0; color:rgba(102,102,102,1.00); font-size:0.9em}

/* Tabla de listados */
.dataTable{width:100%;  margin:16px 0 0 0; font-size:11px}
.dataTable th{height:42px; vertical-align:middle; background:#F0F0F0; padding:0 10px; text-align:left; color:rgba(38,38,38,0.5); text-transform:uppercase; white-space:nowrap}
.dataTable th a{color:rgba(38,38,38,0.8); text-decoration:none;}
.dataTable th a:hover{color:#000;}
.dataTable td{padding:8px 16px; vertical-align:middle; border-bottom:1px solid #F1F1F3; font-size:11px; line-height:15px}
.dataTable .actionsTd{min-width: 306px;text-align: left;}
.dataTable .actionsTd a{display:inline-block; border:2px solid #65ACB9; background:#65ACB9; height:26px; line-height:22px; text-align:center; padding:0 12px; border-radius:5px; color:#fff; font-weight:600; letter-spacing:0.02em; margin:0 12px 0 0;font-size: 0.95em;font-size: 10px;}
.dataTable .actionsTd a.aSButton{background:#fff; color:#65ACB9;}
.dataTable .actionsTd a:hover{background:#2F6872; border-color:#2F6872; color:#fff}
.dataTable .actionsTd a:last-child{margin:0;}
.activeRow{background:#FFFFEA; font-weight:600;color: #333;}
.dRightCol .actionsTd,
.dRooms .actionsTd{min-width:inherit}
.summaryTable th{background:none; border-bottom:1px solid #F1F1F3; color:#333; text-align:right}
.divScrollH{overflow-x:auto;}
.roomInfoList{text-overflow:ellipsis; max-width:280px; overflow:hidden; white-space:nowrap; display:block}
.dataTable  .control{padding:0; margin:-4px 0 20px 0;}
.selectRoomsTable tr{cursor:pointer; transition:0.3s ease}
.selectRoomsTable tr:hover{color:#000;}
.selectRoomsTable tr.selectedRoomTr{background:rgba(161,202,210,0.2);}
.searchForm{float:left;margin:0 20px;position: relative; cursor:pointer}
.searchForm input[type=text]{width:300px;border-radius:20px;position:relative;padding: 0 32px;margin: 0;background:#fff;}
.searchForm:before{content:"\f002";font-weight:900;font-family:"Font Awesome 5 Free";display:block;position: absolute;top: 10px;left: 12px;z-index: 1;color: rgba(0,0,0,0.3);font-size: 14px;}
.searchForm input[type=text]:focus{background:#fff;border:none;box-shadow: #65ACB9 0 0 6px;border-color:#65ACB9;}
.searchForm input[type=text]:focus-within,
.searchForm input[type=text]:active,
.searchForm input[type=text]:hover{background:#fff;}

/* Formularios */
.formPane{margin-bottom:60px; position:relative;}
.formPane form{padding:0 20px;}
.formPane input[type=submit]{min-width:120px;}
.formPane .paneTitle:before,
.formPane .closeFormPane{width:18px; height:53px; cursor:pointer; background:url(../images/close.svg) center center no-repeat; background-size:contain; display:block; color:#333; content:''; position:absolute; right:16px; top:0;}
.buttonsContainer{clear:both; background:rgba(240,240,240,0.5); border-top:1px solid rgba(240,240,240,0.8); margin:24px -36px -16px -36px; padding:16px 0 16px 36px; text-align:center}
.formPane.noCloseForm .paneTitle:before{display:none;}
.control{display: block; position: relative; padding-left: 24px; margin-bottom: 8px; cursor: pointer;}
.control input{position: absolute; z-index: -1; opacity: 0;}
.control__indicator{position: absolute; top: 4px; left: 0px; height: 16px; width: 16px; background: #e6e6e6;}
.control--radio .control__indicator{border-radius: 50%;}
.control:hover input ~ .control__indicator,
.control input:focus ~ .control__indicator{background: #ccc;}
.control input:checked ~ .control__indicator {background: #2aa1c0;}
.control:hover input:not([disabled]):checked ~ .control__indicator,
.control input:checked:focus ~ .control__indicator{background: #0e647d;}
.control input:disabled ~ .control__indicator{background: #e6e6e6; opacity: 0.6; pointer-events: none;}
.control__indicator:after{content: ''; position: absolute; display: none;}
.control input:checked ~ .control__indicator:after{display: block;}
.control--checkbox .control__indicator:after,
.cIconCheck{left: 6px; top: 2px; width: 3px; height: 8px; border: solid #fff; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.control--checkbox input:disabled ~ .control__indicator:after{border-color: #7b7b7b;}
.control--radio .control__indicator:after{left: 5px; top: 5px; height: 6px; width: 6px; border-radius: 50%; background: #fff;}
.control--radio input:disabled ~ .control__indicator:after{background: #7b7b7b;}
.select{position: relative;display: inline-block;width: 100%;background: #fff;}
.select select{display: inline-block;width: 60%;cursor: pointer;outline: 0;appearance: none;-webkit-appearance: none;background: #fff;-moz-appearance: none;}
.select select::-ms-expand{display: none;}
.select select:disabled{opacity: 0.5; pointer-events: none;}
.select__arrow{position: absolute; top: 16px; right: calc(40% + 15px); width: 0; height: 0; pointer-events: none; border-style: solid; border-width: 8px 5px 0 5px; border-color: #7b7b7b transparent transparent transparent;}
.select select:hover ~ .select__arrow,
.select select:focus ~ .select__arrow{border-top-color: #000;}
.select select:disabled ~ .select__arrow{border-top-color: #ccc;}
.select select.error{border-color:#BE0B26;}
.logoFormFacturas{max-height:120px;}
.fieldsTable td{position:relative;}
.fieldsTable .removeFromInput{position: absolute;left: calc(60% - 24px);top: 16px;font-size: 18px;color: #999;}
.fieldsTable input[type=text]{margin-right:10px;}
.withSidebar{width:calc(100% - 370px); float:left}
.summaryPanel{width:350px; float:right; margin:0 0 0 20px; position: -webkit-sticky; position: sticky; top: 60px;}
.summaryPanel .dataTable .actionsTd{min-width:auto;}
.cIconCheck{display:none; position:absolute;width: 5px;height: 10px;top: 6px;left: 5px;}
.cIconCheckOn{background:#2aa1c0;}
.paxBookInfoF{width:100%; margin:0 0 30px 0;}
.paxBookInfoF .select select{width:100%; padding-right:36px;}
.paxBookInfoF label{font-weight:bold;}
.paxBookInfoF .select__arrow{right:15px;}
.paxBookInfoF .formElement{width:50%; float:left}
.paxBookInfoF .formElement:nth-child(odd){padding-left:20px;}

/* Dashboard */
.dNewReservation{position:absolute; right:20px; top:82px;}
.dRooms{width:65%; float:left}
.dRightCol{width:35%; float:right; padding:0 0 0 20px}
.dRoomStatus{display:inline-block; width:8px; height:8px; border-radius:50%; margin:0 3px 0 0}
.drBlocked{color:#A90000;}
.dRoomName{font-weight:600;}
.dStatusTd{font-size:11px !important;}
.dStatusTd .dRoomStatus:nth-child(2){margin-left:20px;}
.dataTable.dSummary tr td:nth-child(2){font-size:22px; font-weight:700; text-align:center}
.dataTable.dSummary tr td:nth-child(1){font-weight:600; color:rgba(0,0,0,0.7);}
.notificationBar{color:#fff; display:none; font-weight:600; padding:30px}

/* Planning V2 */
.pHotelRoom{clear:both; background:#FFF; border-bottom:1px solid #CCC; margin:0 0 10px 0px;box-sizing: border-box;padding: 5px 0 9px 6px;width: 100%;}
.pHotelName{display:block; background:#ccc; padding:0 12px; line-height:22px; color:#000; font-weight:bold; transition:0.3s ease;}
.pDate{width:51px; text-align:center; border:1px solid #ccc; float:left; margin:0px 4px; background:#fff; padding:0; font-size:12px; position:relative; color:#000; display:block; transition:0.3s ease;background: #f9f9f9;}
.pDate:hover{box-shadow:#000 0 0 5px; border-color:#000; color:#000}
.pTemp{position:absolute; width:61px; height:8px; left:-5px; bottom:-10px;}
.pOcupacion{position:absolute; width:10px; height:100%; top:0; right:0;}
.planningHelp{clear:both; position:fixed; bottom:0; width:calc(100% - 196px);background: #f5f5f5;border-top: 1px solid #e6e6e6;left: 195px;box-shadow: 3px 0 2px #ccc;z-index: 1; font-size:11px; padding:5px 16px;color: #000;}
.planningHelp ul{padding:0; margin:0;}
.planningHelp li{list-style:none; padding:0; margin:0 7px; display:inline-block}
.planningHelp span{width:16px; height:8px; display:inline-block; margin:0 0px 0 0;border: 1px solid #333;}
.planningHelp em{font-style:normal;}
.phTemp{float:left;}
.phOcupacion{float:right;}
.phOcupacion span{width:11px; height:12px;}
.phHabitacion span{width:6px; height:12px;}
.phHabitacion{margin-top:3px !important;}
.planningPane{background: #fff top right url(../images/ayuda_planning.svg) no-repeat;background-size: 250px auto;background-position: calc(100% - 18px) 25px;}

/* Pantalla de configuración */
.configDiv{clear:both; border:1px solid #CCCCCC; background:#F5F5F5; margin:0 0 30px 0; padding:10px 16px; position:relative}
.configDiv strong{color:rgba(38,38,38,1.00);}
.configDiv a.itemLink{display:inline-block; background:rgba(101,172,185,1.00); color:#fff; border-radius:5px; font-weight:700; height:40px; line-height:40px; padding:0 24px; float:right;}
.configDiv a.itemLink:hover{background:#2F6872}
.itemDesc{float:left; width:calc(100% - 120px);}
.itemDesc p{padding:0; margin:0;}
.configIcon{width:20px; height:20px; text-align:center; line-height:20px; background:#75AF4A; color:#fff; border-radius:2px; position:absolute; left:-1px; top:-10px}
.zErrorConfig{background:#F8E9E9; border-color:#BE0B26;}
.zErrorConfig .configIcon{background:#BE0B26;}

/* Configuración pasarela de pagos */
.epayco, .payu{display:none;}

/* Páginas que abren en ventana modal */
.modalPage{min-width:inherit; padding:20px}
.modalPage .contentPane{margin:0;}

/* Paginador */
.paginador{clear:both; margin:12px 0 0 0}
.pagerLeft{float:left; width:60%;;line-height: 40px;}
.pagerRight{width:40%; float:right; text-align:right;}
.pagerRight .select{width:80px;margin: 0 10px;}
.pagerRight .select select{width:100%;box-shadow: none;height: 35px;line-height: 35px;}
.pagerRight .select .select__arrow{right: 12px;}
.pagerRight a{width:35px; height:35px; line-height:35px; border:1px solid #E8E9EC; border-radius:4px; color:#BBBBBB; display:inline-block; text-align:center}
.pagerRight a:hover{background:rgba(161,202,210,0.15);}

/* Tarifas */
.ratesAccordion{clear:both;padding:0 0 20px 0;width: 100%;}
.ratesAccordion h3{clear:both; background:#f0f0f0; padding:8px 12px;margin: 5px 0 12px 0;}
.rateItem{width:50%; float:left; padding:0 20px 20px 20px;font-size: 11px;}
.rateItem input{width:100%;margin: 0;}

/* Estilos jquery ui */
.ui-accordion .ui-accordion-header{margin:8px 0 0 0; padding:10px 10px; font-size:12px; font-weight:700;text-transform: none;color: rgba(89,98,106,1.00);}

/* Temporadas */
.tCalendar{float:left; padding:20px 0;}
.calTable table{border:1px solid #e6e6e6; padding:12px; border-spacing:0; border-collapse:collapse}
.calTable p{margin:0; padding:0;}
.TituloSemana{background:#e6e6e6;}
.calTable table td{padding:3px 6px; text-align:center; border:1px solid #e6e6e6 !important; border-collapse:collapse}
.tSeasonList{padding:16px 0 0 0;}
.tSeasonList ul{list-style:none; padding:0; margin:0;}
.tSeasonList ul li{padding:0; margin:0 0 8px 0; display:block; line-height:24px;}
.tSeasonList ul li span{display:block; border:1px solid #e6e6e6; background:#fff; width:24px; height:24px; margin:-2px 6px 0 0;float: left;}
.tForm{float:left; max-width:350px; padding:0 0 0 50px}

/* Términos y condiciones */
.richText-help{display:none !important;}