@charset "UTF-8";
@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css);
/* ============= Variables ================= */
/* ========================================= */
/*------------------ zINDEX -----------------*/
/*------------------ Breakpoints -----------------*/
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css);
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700");
@import url("https://fonts.googleapis.com/css?family=Raleway:300,400,600,700");
@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700");
@import url("https://fonts.googleapis.com/css?family=Work+Sans:300,400,700");
@import url("https://fonts.googleapis.com/css?family=Roboto+Mono:300,400,700");
@import url("https://fonts.googleapis.com/css?family=Rubik:300,400,700");
@import url("https://fonts.googleapis.com/css?family=Quicksand:300,400,700");
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; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

/* Reset RV */
* {
  box-sizing: border-box; }

hr {
  margin: 0;
  width: 100%; }

a {
  text-decoration: none;
  color: #000000; }

a:hover, a:focus {
  text-decoration: none; }

img {
  transition: all 0.3s linear; }

html {
  font-size: 62.5%; }

/* ============= Mixins ================= */
/* ====================================== */
[data-num-items="1"] > * {
  width: calc(100% / 1); }

[data-num-items="2"] > * {
  width: calc(100% / 2); }

[data-num-items="3"] > * {
  width: calc(100% / 3); }

[data-num-items="4"] > * {
  width: calc(100% / 4); }

[data-num-items="5"] > * {
  width: calc(100% / 5); }

[data-num-items="6"] > * {
  width: calc(100% / 6); }

[data-num-items="7"] > * {
  width: calc(100% / 7); }

[data-num-items="8"] > * {
  width: calc(100% / 8); }

[data-num-items="9"] > * {
  width: calc(100% / 9); }

[data-num-items="10"] > * {
  width: calc(100% / 10); }

[data-num-items="11"] > * {
  width: calc(100% / 11); }

[data-num-items="12"] > * {
  width: calc(100% / 12); }

[data-num-items="13"] > * {
  width: calc(100% / 13); }

[data-num-items="14"] > * {
  width: calc(100% / 14); }

[data-num-items="15"] > * {
  width: calc(100% / 15); }

[data-num-items="16"] > * {
  width: calc(100% / 16); }

[data-num-items="17"] > * {
  width: calc(100% / 17); }

[data-num-items="18"] > * {
  width: calc(100% / 18); }

[data-num-items="19"] > * {
  width: calc(100% / 19); }

[data-num-items="20"] > * {
  width: calc(100% / 20); }

/** MIXIN PARA DIVIDIR ALTURA TOTAL POR NUMERO DE HIJOS
** @atributo "data-items-height"
*/
[data-items-height="1"] > * {
  height: calc(100% / 1); }

[data-items-height="2"] > * {
  height: calc(100% / 2); }

[data-items-height="3"] > * {
  height: calc(100% / 3); }

[data-items-height="4"] > * {
  height: calc(100% / 4); }

[data-items-height="5"] > * {
  height: calc(100% / 5); }

[data-items-height="6"] > * {
  height: calc(100% / 6); }

[data-items-height="7"] > * {
  height: calc(100% / 7); }

[data-items-height="8"] > * {
  height: calc(100% / 8); }

[data-items-height="9"] > * {
  height: calc(100% / 9); }

[data-items-height="10"] > * {
  height: calc(100% / 10); }

[data-items-height="11"] > * {
  height: calc(100% / 11); }

[data-items-height="12"] > * {
  height: calc(100% / 12); }

[data-items-height="13"] > * {
  height: calc(100% / 13); }

[data-items-height="14"] > * {
  height: calc(100% / 14); }

[data-items-height="15"] > * {
  height: calc(100% / 15); }

[data-items-height="16"] > * {
  height: calc(100% / 16); }

[data-items-height="17"] > * {
  height: calc(100% / 17); }

[data-items-height="18"] > * {
  height: calc(100% / 18); }

[data-items-height="19"] > * {
  height: calc(100% / 19); }

[data-items-height="20"] > * {
  height: calc(100% / 20); }

/*------- Square Layer*/
/*------- Circle Layer*/
/*-------------------------------------------media queries ----*/
div.dp-thumb-list[data-item-count="1"] a {
  width: 400%; }

div.dp-thumb-list[data-item-count="2"] a {
  width: 200%; }

div.dp-thumb-list[data-item-count="3"] a {
  width: 133.33333%; }

div.dp-thumb-list[data-item-count="4"] a {
  width: 100%; }

div.dp-thumb-list[data-item-count="5"] a {
  width: 80%; }

div.dp-thumb-list[data-item-count="6"] a {
  width: 66.66667%; }

div.dp-thumb-list[data-item-count="7"] a {
  width: 57.14286%; }

div.dp-thumb-list[data-item-count="8"] a {
  width: 50%; }

div.dp-thumb-list[data-item-count="9"] a {
  width: 44.44444%; }

div.dp-thumb-list[data-item-count="10"] a {
  width: 40%; }

div.dp-thumb-list[data-item-count="11"] a {
  width: 36.36364%; }

div.dp-thumb-list[data-item-count="12"] a {
  width: 33.33333%; }

div.dp-thumb-list[data-item-count="13"] a {
  width: 30.76923%; }

div.dp-thumb-list[data-item-count="14"] a {
  width: 28.57143%; }

div.dp-thumb-list[data-item-count="15"] a {
  width: 26.66667%; }

div.dp-thumb-list[data-item-count="16"] a {
  width: 25%; }

div.dp-thumb-list[data-item-count="17"] a {
  width: 23.52941%; }

div.dp-thumb-list[data-item-count="18"] a {
  width: 22.22222%; }

div.dp-thumb-list[data-item-count="19"] a {
  width: 21.05263%; }

div.dp-thumb-list[data-item-count="20"] a {
  width: 20%; }

div.dp-thumb-list[data-item-count="21"] a {
  width: 19.04762%; }

div.dp-thumb-list[data-item-count="22"] a {
  width: 18.18182%; }

div.dp-thumb-list[data-item-count="23"] a {
  width: 17.3913%; }

div.dp-thumb-list[data-item-count="24"] a {
  width: 16.66667%; }

div.dp-thumb-list[data-item-count="25"] a {
  width: 16%; }

div.dp-thumb-list[data-item-count="26"] a {
  width: 15.38462%; }

div.dp-thumb-list[data-item-count="27"] a {
  width: 14.81481%; }

div.dp-thumb-list[data-item-count="28"] a {
  width: 14.28571%; }

div.dp-thumb-list[data-item-count="29"] a {
  width: 13.7931%; }

div.dp-thumb-list[data-item-count="30"] a {
  width: 13.33333%; }

div.dp-thumb-list[data-item-count="31"] a {
  width: 12.90323%; }

div.dp-thumb-list[data-item-count="32"] a {
  width: 12.5%; }

div.dp-thumb-list[data-item-count="33"] a {
  width: 12.12121%; }

div.dp-thumb-list[data-item-count="34"] a {
  width: 11.76471%; }

div.dp-thumb-list[data-item-count="35"] a {
  width: 11.42857%; }

div.dp-thumb-list[data-item-count="36"] a {
  width: 11.11111%; }

div.dp-thumb-list[data-item-count="37"] a {
  width: 10.81081%; }

div.dp-thumb-list[data-item-count="38"] a {
  width: 10.52632%; }

div.dp-thumb-list[data-item-count="39"] a {
  width: 10.25641%; }

div.dp-thumb-list[data-item-count="40"] a {
  width: 10%; }

div.dp-thumb-list[data-item-count="41"] a {
  width: 9.7561%; }

div.dp-thumb-list[data-item-count="42"] a {
  width: 9.52381%; }

div.dp-thumb-list[data-item-count="43"] a {
  width: 9.30233%; }

div.dp-thumb-list[data-item-count="44"] a {
  width: 9.09091%; }

div.dp-thumb-list[data-item-count="45"] a {
  width: 8.88889%; }

div.dp-thumb-list[data-item-count="46"] a {
  width: 8.69565%; }

div.dp-thumb-list[data-item-count="47"] a {
  width: 8.51064%; }

div.dp-thumb-list[data-item-count="48"] a {
  width: 8.33333%; }

div.dp-thumb-list[data-item-count="49"] a {
  width: 8.16327%; }

div.dp-thumb-list[data-item-count="50"] a {
  width: 8%; }

.login form, .kt-message:before {
  -webkit-transition: 0.35s linear 0s;
  -moz-transition: 0.35s linear 0s;
  -ms-transition: 0.35s linear 0s;
  -o-transition: 0.35s linear 0s;
  transition: 0.35s linear 0s; }

.pl-alert-area nav > ul > li, .pl-alert-area nav > ul > li .sub li a, .pl-alert-area nav > ul > li .sub li strong, .alert-notification, .stats .list-group .list-group-item {
  -webkit-transition: 0.35s ease-in-out 0s;
  -moz-transition: 0.35s ease-in-out 0s;
  -ms-transition: 0.35s ease-in-out 0s;
  -o-transition: 0.35s ease-in-out 0s;
  transition: 0.35s ease-in-out 0s; }

.right .dropdown-menu.menu-contrato, .ui-datepicker table td a, .ui-datepicker table td a:after, .pl-btn, .pl-label.highlight-required, .pl-label.highlight-required:before, input[type="submit"][class*="btn-inp"], input[type="button"][class*="btn-inp"], .swal-modal .swal-button, .tabs-ktop.ui-tabs input[type="button"], .tabs-ktop.ui-tabs input[type="submit"], #tabsEtour input[type="button"], #tabsEtour input[type="submit"], #btnContratoRegimen, #btnCrearContratoSuplementoEnLinea, .btn-icon, .toggle-section, .page-width, iframe, #proveedorLink:hover, #tipoServicioLink:hover, #servicioLink:hover, #proveedorEnvioLink:hover, .toggle-caret, .toggle-caret:after, .loading-full, .fixed-nav.nav-min #panel-menu > nav > ul > li.mm-item .mm-sub, .mm-sub, .pl-alert, .kt-message, .table-search .table tbody tr, .tabs-ktop.ui-tabs table tbody tr, #tabsEtour table tbody tr, .table-search .table tbody tr .td-edit-static .edit-nav .edit-list li button.submitFormLista i, .table-search .table tbody tr .td-edit-static .edit-nav .edit-list li button i, #contratoCosteOverFlow .disabled-layer:after, .tabs-ktop.ui-tabs .ui-tabs-nav li a, #tabsEtour .ui-tabs-nav li a, #ui-tabs-12 .nav-tabs li a, #tabsDetalleReserva .ui-tabs-nav li a, #tabsDetalleProser .ui-tabs-nav li a, .nav-extranet ul li a, .ktop-btn, .page-width .container .tarifas .btnGuardar {
  -webkit-transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  -moz-transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  -ms-transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  -o-transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); }

.ls-icon {
  position: relative;
  width: 58px;
  height: 58px;
  line-height: 58px;
  text-align: center;
  z-index: 1; }

.ls-icon:after {
  content: "";
  display: block;
  width: 37px;
  height: 37px;
  position: absolute;
  bottom: 0;
  right: 0;
  background-image: linear-gradient(35deg, transparent 20%, rgba(0, 0, 0, 0.2) 20%, rgba(0, 0, 0, 0.2) 85%, transparent 85%);
  z-index: -1; }

.no-vis {
  -webkit-animation: fadeOut 0.3s;
  -moz-animation: fadeOut 0.3s;
  -ms-animation: fadeOut 0.3s;
  -o-animation: fadeOut 0.3s;
  animation: fadeOut 0.3s; }

.flex-center {
  display: flex;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0; }

.flex-center > * {
  display: flex;
  margin: auto; }

.table .tr, .search-nav, .form-crear, .form-default, .form-flex, .menu-page-actions, .ed-con-proveedor, .ed-con-tipoServicio, .ed-con-servicio, .ed-con-proveedorEnvio, .page-proveedor .formProveedorServicio tr, .page-proveedor .tableProveedorServicio tr, .block-map, .page-mapeos .tr-mapeo-inline .frmGuardarMapeo, .ps-foto-item, .ktop-head, .wrapper-inner, header.top, .fixed-nav, #panel-menu > nav .menu-actions, .breadcrumb, .kt-message, .swal-modal .swal-button-container, .swal-modal .swal-footer, .kt-alert .modal-footer, .tablaFormServicioMedia tr, #formServicioMedia tr, .servicio-zona-include, .escandallar-modal #cboxLoadedContent, .escandallar-modal .escandallar-btns, .tabs-ktop.ui-tabs, .select-column-list ul, .content-aplicar-imp #formAplicarImpuesto .kt-field.kt-check, #ui-tabs-4 #tablaFormContratoRegimen, #ui-tabs-4 #tablaFormContratoRegimen tr, #ui-tabs-5 #formContratoSuplementoNew #tablaContratoSuplementoCrear tr, #ui-tabs-5 #formContratoSuplementoNew .tablaContratoSuplemento tr, #ui-tabs-7 .tablaFormContratoEntrada tr, #ui-tabs-8 #tablaContratoEstancia tr, #ui-tabs-8 #tablaFormContratoEstancia tr, #ui-tabs-10 #tablaFormContratoGasto tr, #ui-tabs-10 #tablaContratoGasto tr, #ui-tabs-11 #tablaFormContratoParo tr, #ui-tabs-11 #tablaContratoParo tr, #ui-tabs-12 .contratos-datos-head, #ui-tabs-13 .ccom-head, #ui-tabs-13 #tablaFormContratoComision tr, #ui-tabs-13 #tablaContratoComision tr, #ui-tabs-14 .clientes-forms, .field-actions-inline, .field-actions-inline .actions-inline, .detalle-reserva-pax, #tabsDetalleReserva, #tabsDetalleProser, #formReservaObs, #booking-desglose .bloqueDetallePrecios .fila100, #booking-desglose #desgloseDiv, .nav-extranet ul, .btn-actions, .flex-wrap-row {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row; }

.session-exp .flex-center > div, .loading-full, header.top > section, #panel-menu > nav > ul, #panel-menu > nav > ul > li.mm-item, .login form, .login fieldset, .alert-full, .alert-full > div, .tabs-ktop.ui-tabs .ui-tabs-nav, #ui-tabs-5 #formContratoSuplementoNew #tablaContratoSuplementoCrear, #ui-tabs-5 #formContratoSuplementoNew .tablaContratoSuplemento, .flex-wrap-col {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column; }

.flex-row {
  display: flex;
  flex-direction: row; }

.flex-col {
  display: flex;
  flex-direction: column; }

/* GRID 1 - 4
Ejemplo:
   1     2   3   4
|_____||__||__||__|
  33%  +  66% / 3
*/
.separator {
  margin: 1.5rem 0; }

.separator.up {
  margin: 1.5rem 0 0 0; }

.separator.down {
  margin: 0 0 1.5rem 0; }

.right .dropdown-menu.menu-contrato {
  display: block;
  width: 0;
  right: 0;
  height: 0;
  padding: 0;
  margin: 0;
  float: none;
  overflow: hidden;
  box-shadow: none;
  visibility: hidden;
  transition-property: width,height; }

.right.open .dropdown-menu.menu-contrato {
  visibility: visible;
  right: 2em;
  width: 200px;
  height: 32.125rem;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); }

.bg-prevent {
  background-color: #333333;
  background-color: rgba(51, 51, 51, 0.61);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=$ie_str,endColorstr=$ie_str);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: fixed; }

/* MANUAL TABLE */
.table .thead {
  background: #31A2D2;
  color: #FFFFFF; }

.table .thead .tr {
  border: 0 none;
  font-size: .9rem;
  font-weight: 600; }

.table .thead .tr .td {
  padding: 0.75rem 0.5rem;
  border: solid #FFFFFF;
  border-width: 0 1px 0 0; }

.table .tr {
  width: 100%; }

.table .tr .td {
  text-align: center;
  display: flex; }

.table .tr .td input {
  text-align: center;
  padding: .25rem;
  margin: auto;
  font-size: 1rem; }

.table .tr .td input:disabled {
  background: #CCCCCC; }

/* Ktop Colorbox
*  ---------------
*  Colorbox Plugin customized
* =============================== */
#cboxOverlay {
  background-color: rgba(0, 0, 0, 0.68); }

#colorbox #cboxWrapper > div > *:not(#cboxContent) {
  display: none; }

#colorbox #cboxClose {
  min-width: 0;
  position: fixed;
  top: 0;
  right: 0;
  color: #FFFFFF;
  opacity: .81;
  border: 0;
  padding: 0;
  background: none;
  font-size: 0; }

#colorbox #cboxClose:before {
  font-size: 3.8rem;
  content: "";
  font-family: 'FontAwesome'; }

#colorbox #cboxClose:hover {
  opacity: 1; }

#colorbox #cboxContent {
  padding: 1rem;
  border-radius: 3px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); }

#colorbox #cboxContent #cboxLoadedContent {
  margin: 1.5rem auto;
  width: 100% !important; }

.cboxIframe {
  margin-bottom: 0; }

[data-toggle="switch"] button:not(.active) {
  background: #CCCCCC !important;
  border-color: #bababa !important; }

[data-toggle="switch"] button:first-child {
  border-radius: 4px !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important; }

[data-toggle="switch"] button:not(:first-child) {
  border-radius: 4px !important;
  border-bottom-left-radius: 0 !important;
  border-top-left-radius: 0 !important; }

.popover-ktop-custom {
  background: #0B3954;
  color: #FFF; }

.popover-ktop-custom .popover-title {
  line-height: 12px;
  font-size: 12px; }

.popover-ktop-custom.popover.top .arrow:after {
  border-top-color: #0B3954; }

.popover-ktop-custom.popover.bottom .arrow:after {
  border-bottom-color: #0B3954; }

.popover-ktop-custom.popover.left .arrow:after {
  border-left-color: #0B3954; }

.popover-ktop-custom.popover.right .arrow:after {
  border-right-color: #0B3954; }

/* ============= Reset ================== */
/* ====================================== */
/* Arrastrados */
@-webkit-keyframes check {
  0% {
    height: 0;
    width: 0; }
  33.3333% {
    width: 40px;
    height: 0; } }

@-moz-keyframes check {
  0% {
    height: 0;
    width: 0; }
  33.3333% {
    width: 40px;
    height: 0; } }

@-ms-keyframes check {
  0% {
    height: 0;
    width: 0; }
  33.3333% {
    width: 40px;
    height: 0; } }

@-o-keyframes check {
  0% {
    height: 0;
    width: 0; }
  33.3333% {
    width: 40px;
    height: 0; } }

@keyframes check {
  0% {
    height: 0;
    width: 0; }
  33.3333% {
    width: 40px;
    height: 0; } }

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-moz-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-ms-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-o-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@-moz-keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@-ms-keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@-o-keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -o-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px); } }

@-moz-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -o-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px); } }

@-ms-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -o-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px); } }

@-o-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -o-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px); } }

@keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -o-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px); } }

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px); } }

@-moz-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px); } }

@-ms-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px); } }

@-o-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px); } }

@keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px); } }

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }

@-moz-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }

@-ms-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }

@-o-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }

@-moz-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }

@-ms-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }

@-o-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -o-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }

@-moz-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -o-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }

@-ms-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -o-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }

@-o-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -o-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -o-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }

@-moz-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }

@-ms-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }

@-o-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }

@-webkit-keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }

@-moz-keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }

@-ms-keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }

@-o-keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }

@keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }

@-webkit-keyframes slideInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }

@-moz-keyframes slideInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }

@-ms-keyframes slideInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }

@-o-keyframes slideInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }

@keyframes slideInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }

@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -moz-transform: scale3d(0.3, 0.3, 0.3);
    -o-transform: scale3d(0.3, 0.3, 0.3);
    -ms-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50% {
    opacity: 1; } }

@-moz-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -moz-transform: scale3d(0.3, 0.3, 0.3);
    -o-transform: scale3d(0.3, 0.3, 0.3);
    -ms-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50% {
    opacity: 1; } }

@-ms-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -moz-transform: scale3d(0.3, 0.3, 0.3);
    -o-transform: scale3d(0.3, 0.3, 0.3);
    -ms-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50% {
    opacity: 1; } }

@-o-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -moz-transform: scale3d(0.3, 0.3, 0.3);
    -o-transform: scale3d(0.3, 0.3, 0.3);
    -ms-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50% {
    opacity: 1; } }

@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -moz-transform: scale3d(0.3, 0.3, 0.3);
    -o-transform: scale3d(0.3, 0.3, 0.3);
    -ms-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50% {
    opacity: 1; } }

@-webkit-keyframes zoomOut {
  0% {
    opacity: 1; }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -moz-transform: scale3d(0.3, 0.3, 0.3);
    -o-transform: scale3d(0.3, 0.3, 0.3);
    -ms-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  100% {
    opacity: 0; } }

@-moz-keyframes zoomOut {
  0% {
    opacity: 1; }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -moz-transform: scale3d(0.3, 0.3, 0.3);
    -o-transform: scale3d(0.3, 0.3, 0.3);
    -ms-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  100% {
    opacity: 0; } }

@-ms-keyframes zoomOut {
  0% {
    opacity: 1; }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -moz-transform: scale3d(0.3, 0.3, 0.3);
    -o-transform: scale3d(0.3, 0.3, 0.3);
    -ms-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  100% {
    opacity: 0; } }

@-o-keyframes zoomOut {
  0% {
    opacity: 1; }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -moz-transform: scale3d(0.3, 0.3, 0.3);
    -o-transform: scale3d(0.3, 0.3, 0.3);
    -ms-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  100% {
    opacity: 0; } }

@keyframes zoomOut {
  0% {
    opacity: 1; }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -moz-transform: scale3d(0.3, 0.3, 0.3);
    -o-transform: scale3d(0.3, 0.3, 0.3);
    -ms-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  100% {
    opacity: 0; } }

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }
  50% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1); }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); } }

@-moz-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }
  50% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1); }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); } }

@-ms-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }
  50% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1); }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); } }

@-o-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }
  50% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1); }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); } }

@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }
  50% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1); }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); } }

.pulse {
  -webkit-animation: pulse 0.4s;
  -moz-animation: pulse 0.4s;
  -ms-animation: pulse 0.4s;
  -o-animation: pulse 0.4s;
  animation: pulse 0.4s; }

@-webkit-keyframes flipInX {
  0% {
    opacity: 0;
    -webkit-transform: perspective(400px) rotateX(90deg);
    -moz-transform: perspective(400px) rotateX(90deg);
    -o-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg); }
  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    -moz-transform: perspective(400px) rotateX(-10deg);
    -o-transform: perspective(400px) rotateX(-10deg);
    -ms-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg); }
  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    -moz-transform: perspective(400px) rotateX(10deg);
    -o-transform: perspective(400px) rotateX(10deg);
    -ms-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg); }
  100% {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateX(0deg);
    -moz-transform: perspective(400px) rotateX(0deg);
    -o-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg); } }

@-moz-keyframes flipInX {
  0% {
    opacity: 0;
    -webkit-transform: perspective(400px) rotateX(90deg);
    -moz-transform: perspective(400px) rotateX(90deg);
    -o-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg); }
  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    -moz-transform: perspective(400px) rotateX(-10deg);
    -o-transform: perspective(400px) rotateX(-10deg);
    -ms-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg); }
  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    -moz-transform: perspective(400px) rotateX(10deg);
    -o-transform: perspective(400px) rotateX(10deg);
    -ms-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg); }
  100% {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateX(0deg);
    -moz-transform: perspective(400px) rotateX(0deg);
    -o-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg); } }

@-ms-keyframes flipInX {
  0% {
    opacity: 0;
    -webkit-transform: perspective(400px) rotateX(90deg);
    -moz-transform: perspective(400px) rotateX(90deg);
    -o-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg); }
  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    -moz-transform: perspective(400px) rotateX(-10deg);
    -o-transform: perspective(400px) rotateX(-10deg);
    -ms-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg); }
  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    -moz-transform: perspective(400px) rotateX(10deg);
    -o-transform: perspective(400px) rotateX(10deg);
    -ms-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg); }
  100% {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateX(0deg);
    -moz-transform: perspective(400px) rotateX(0deg);
    -o-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg); } }

@-o-keyframes flipInX {
  0% {
    opacity: 0;
    -webkit-transform: perspective(400px) rotateX(90deg);
    -moz-transform: perspective(400px) rotateX(90deg);
    -o-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg); }
  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    -moz-transform: perspective(400px) rotateX(-10deg);
    -o-transform: perspective(400px) rotateX(-10deg);
    -ms-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg); }
  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    -moz-transform: perspective(400px) rotateX(10deg);
    -o-transform: perspective(400px) rotateX(10deg);
    -ms-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg); }
  100% {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateX(0deg);
    -moz-transform: perspective(400px) rotateX(0deg);
    -o-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg); } }

@keyframes flipInX {
  0% {
    opacity: 0;
    -webkit-transform: perspective(400px) rotateX(90deg);
    -moz-transform: perspective(400px) rotateX(90deg);
    -o-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg); }
  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    -moz-transform: perspective(400px) rotateX(-10deg);
    -o-transform: perspective(400px) rotateX(-10deg);
    -ms-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg); }
  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    -moz-transform: perspective(400px) rotateX(10deg);
    -o-transform: perspective(400px) rotateX(10deg);
    -ms-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg); }
  100% {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateX(0deg);
    -moz-transform: perspective(400px) rotateX(0deg);
    -o-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg); } }

@-webkit-keyframes select2open {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-400px);
    -moz-transform: translateY(-400px);
    -o-transform: translateY(-400px);
    -ms-transform: translateY(-400px);
    transform: translateY(-400px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }

@-moz-keyframes select2open {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-400px);
    -moz-transform: translateY(-400px);
    -o-transform: translateY(-400px);
    -ms-transform: translateY(-400px);
    transform: translateY(-400px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }

@-ms-keyframes select2open {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-400px);
    -moz-transform: translateY(-400px);
    -o-transform: translateY(-400px);
    -ms-transform: translateY(-400px);
    transform: translateY(-400px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }

@-o-keyframes select2open {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-400px);
    -moz-transform: translateY(-400px);
    -o-transform: translateY(-400px);
    -ms-transform: translateY(-400px);
    transform: translateY(-400px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }

@keyframes select2open {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-400px);
    -moz-transform: translateY(-400px);
    -o-transform: translateY(-400px);
    -ms-transform: translateY(-400px);
    transform: translateY(-400px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }

@-webkit-keyframes ripple-animation {
  from {
    transform: scale(1);
    opacity: 0.4; }
  to {
    transform: scale(100);
    opacity: 0; } }

@-moz-keyframes ripple-animation {
  from {
    transform: scale(1);
    opacity: 0.4; }
  to {
    transform: scale(100);
    opacity: 0; } }

@-ms-keyframes ripple-animation {
  from {
    transform: scale(1);
    opacity: 0.4; }
  to {
    transform: scale(100);
    opacity: 0; } }

@-o-keyframes ripple-animation {
  from {
    transform: scale(1);
    opacity: 0.4; }
  to {
    transform: scale(100);
    opacity: 0; } }

@keyframes ripple-animation {
  from {
    transform: scale(1);
    opacity: 0.4; }
  to {
    transform: scale(100);
    opacity: 0; } }

@-webkit-keyframes press {
  0% {
    box-shadow: 0 0 0 0 #0B3954; }
  100% {
    box-shadow: 0 0 0 30px rgba(0, 73, 170, 0); } }

@-moz-keyframes press {
  0% {
    box-shadow: 0 0 0 0 #0B3954; }
  100% {
    box-shadow: 0 0 0 30px rgba(0, 73, 170, 0); } }

@-ms-keyframes press {
  0% {
    box-shadow: 0 0 0 0 #0B3954; }
  100% {
    box-shadow: 0 0 0 30px rgba(0, 73, 170, 0); } }

@-o-keyframes press {
  0% {
    box-shadow: 0 0 0 0 #0B3954; }
  100% {
    box-shadow: 0 0 0 30px rgba(0, 73, 170, 0); } }

@keyframes press {
  0% {
    box-shadow: 0 0 0 0 #0B3954; }
  100% {
    box-shadow: 0 0 0 30px rgba(0, 73, 170, 0); } }

@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px); }
  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -o-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px); } }

@-moz-keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px); }
  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -o-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px); } }

@-ms-keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px); }
  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -o-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px); } }

@-o-keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px); }
  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -o-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px); } }

@keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px); }
  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -o-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px); } }

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }
  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    -moz-transform: scale(0.9) rotate(-3deg);
    -o-transform: scale(0.9) rotate(-3deg);
    -ms-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg); }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    -moz-transform: scale(1.1) rotate(3deg);
    -o-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg); }
  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    -moz-transform: scale(1.1) rotate(-3deg);
    -o-transform: scale(1.1) rotate(-3deg);
    -ms-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg); }
  100% {
    -webkit-transform: scale(1) rotate(0);
    -moz-transform: scale(1) rotate(0);
    -o-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0); } }

@-moz-keyframes tada {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }
  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    -moz-transform: scale(0.9) rotate(-3deg);
    -o-transform: scale(0.9) rotate(-3deg);
    -ms-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg); }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    -moz-transform: scale(1.1) rotate(3deg);
    -o-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg); }
  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    -moz-transform: scale(1.1) rotate(-3deg);
    -o-transform: scale(1.1) rotate(-3deg);
    -ms-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg); }
  100% {
    -webkit-transform: scale(1) rotate(0);
    -moz-transform: scale(1) rotate(0);
    -o-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0); } }

@-ms-keyframes tada {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }
  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    -moz-transform: scale(0.9) rotate(-3deg);
    -o-transform: scale(0.9) rotate(-3deg);
    -ms-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg); }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    -moz-transform: scale(1.1) rotate(3deg);
    -o-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg); }
  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    -moz-transform: scale(1.1) rotate(-3deg);
    -o-transform: scale(1.1) rotate(-3deg);
    -ms-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg); }
  100% {
    -webkit-transform: scale(1) rotate(0);
    -moz-transform: scale(1) rotate(0);
    -o-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0); } }

@-o-keyframes tada {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }
  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    -moz-transform: scale(0.9) rotate(-3deg);
    -o-transform: scale(0.9) rotate(-3deg);
    -ms-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg); }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    -moz-transform: scale(1.1) rotate(3deg);
    -o-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg); }
  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    -moz-transform: scale(1.1) rotate(-3deg);
    -o-transform: scale(1.1) rotate(-3deg);
    -ms-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg); }
  100% {
    -webkit-transform: scale(1) rotate(0);
    -moz-transform: scale(1) rotate(0);
    -o-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0); } }

@keyframes tada {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }
  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    -moz-transform: scale(0.9) rotate(-3deg);
    -o-transform: scale(0.9) rotate(-3deg);
    -ms-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg); }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    -moz-transform: scale(1.1) rotate(3deg);
    -o-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg); }
  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    -moz-transform: scale(1.1) rotate(-3deg);
    -o-transform: scale(1.1) rotate(-3deg);
    -ms-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg); }
  100% {
    -webkit-transform: scale(1) rotate(0);
    -moz-transform: scale(1) rotate(0);
    -o-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0); } }

@-webkit-keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    -o-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    -moz-transform: scale3d(1.25, 0.75, 1);
    -o-transform: scale3d(1.25, 0.75, 1);
    -ms-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1); }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    -moz-transform: scale3d(0.75, 1.25, 1);
    -o-transform: scale3d(0.75, 1.25, 1);
    -ms-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1); }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    -moz-transform: scale3d(1.15, 0.85, 1);
    -o-transform: scale3d(1.15, 0.85, 1);
    -ms-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1); }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    -moz-transform: scale3d(0.95, 1.05, 1);
    -o-transform: scale3d(0.95, 1.05, 1);
    -ms-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1); }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    -moz-transform: scale3d(1.05, 0.95, 1);
    -o-transform: scale3d(1.05, 0.95, 1);
    -ms-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1); }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    -o-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

@-moz-keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    -o-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    -moz-transform: scale3d(1.25, 0.75, 1);
    -o-transform: scale3d(1.25, 0.75, 1);
    -ms-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1); }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    -moz-transform: scale3d(0.75, 1.25, 1);
    -o-transform: scale3d(0.75, 1.25, 1);
    -ms-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1); }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    -moz-transform: scale3d(1.15, 0.85, 1);
    -o-transform: scale3d(1.15, 0.85, 1);
    -ms-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1); }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    -moz-transform: scale3d(0.95, 1.05, 1);
    -o-transform: scale3d(0.95, 1.05, 1);
    -ms-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1); }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    -moz-transform: scale3d(1.05, 0.95, 1);
    -o-transform: scale3d(1.05, 0.95, 1);
    -ms-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1); }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    -o-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

@-ms-keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    -o-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    -moz-transform: scale3d(1.25, 0.75, 1);
    -o-transform: scale3d(1.25, 0.75, 1);
    -ms-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1); }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    -moz-transform: scale3d(0.75, 1.25, 1);
    -o-transform: scale3d(0.75, 1.25, 1);
    -ms-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1); }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    -moz-transform: scale3d(1.15, 0.85, 1);
    -o-transform: scale3d(1.15, 0.85, 1);
    -ms-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1); }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    -moz-transform: scale3d(0.95, 1.05, 1);
    -o-transform: scale3d(0.95, 1.05, 1);
    -ms-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1); }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    -moz-transform: scale3d(1.05, 0.95, 1);
    -o-transform: scale3d(1.05, 0.95, 1);
    -ms-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1); }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    -o-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

@-o-keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    -o-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    -moz-transform: scale3d(1.25, 0.75, 1);
    -o-transform: scale3d(1.25, 0.75, 1);
    -ms-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1); }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    -moz-transform: scale3d(0.75, 1.25, 1);
    -o-transform: scale3d(0.75, 1.25, 1);
    -ms-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1); }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    -moz-transform: scale3d(1.15, 0.85, 1);
    -o-transform: scale3d(1.15, 0.85, 1);
    -ms-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1); }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    -moz-transform: scale3d(0.95, 1.05, 1);
    -o-transform: scale3d(0.95, 1.05, 1);
    -ms-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1); }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    -moz-transform: scale3d(1.05, 0.95, 1);
    -o-transform: scale3d(1.05, 0.95, 1);
    -ms-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1); }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    -o-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

@keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    -o-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    -moz-transform: scale3d(1.25, 0.75, 1);
    -o-transform: scale3d(1.25, 0.75, 1);
    -ms-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1); }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    -moz-transform: scale3d(0.75, 1.25, 1);
    -o-transform: scale3d(0.75, 1.25, 1);
    -ms-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1); }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    -moz-transform: scale3d(1.15, 0.85, 1);
    -o-transform: scale3d(1.15, 0.85, 1);
    -ms-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1); }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    -moz-transform: scale3d(0.95, 1.05, 1);
    -o-transform: scale3d(0.95, 1.05, 1);
    -ms-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1); }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    -moz-transform: scale3d(1.05, 0.95, 1);
    -o-transform: scale3d(1.05, 0.95, 1);
    -ms-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1); }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    -o-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    -moz-transform: scale(0.3);
    -o-transform: scale(0.3);
    -ms-transform: scale(0.3);
    transform: scale(0.3); }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05); }
  70% {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -o-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9); }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); } }

@-moz-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    -moz-transform: scale(0.3);
    -o-transform: scale(0.3);
    -ms-transform: scale(0.3);
    transform: scale(0.3); }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05); }
  70% {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -o-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9); }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); } }

@-ms-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    -moz-transform: scale(0.3);
    -o-transform: scale(0.3);
    -ms-transform: scale(0.3);
    transform: scale(0.3); }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05); }
  70% {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -o-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9); }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); } }

@-o-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    -moz-transform: scale(0.3);
    -o-transform: scale(0.3);
    -ms-transform: scale(0.3);
    transform: scale(0.3); }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05); }
  70% {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -o-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9); }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); } }

@keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    -moz-transform: scale(0.3);
    -o-transform: scale(0.3);
    -ms-transform: scale(0.3);
    transform: scale(0.3); }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05); }
  70% {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -o-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9); }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); } }

@-webkit-keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px); }
  80% {
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -o-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px); }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }

@-moz-keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px); }
  80% {
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -o-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px); }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }

@-ms-keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px); }
  80% {
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -o-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px); }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }

@-o-keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px); }
  80% {
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -o-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px); }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }

@keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px); }
  80% {
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -o-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px); }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }

@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    -moz-transform: translateY(30px);
    -o-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px); }
  80% {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px); }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }

@-moz-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    -moz-transform: translateY(30px);
    -o-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px); }
  80% {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px); }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }

@-ms-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    -moz-transform: translateY(30px);
    -o-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px); }
  80% {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px); }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }

@-o-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    -moz-transform: translateY(30px);
    -o-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px); }
  80% {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px); }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }

@keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    -moz-transform: translateY(30px);
    -o-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px); }
  80% {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px); }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }

@-webkit-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    -moz-transform: translateX(30px);
    -o-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px); }
  80% {
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px); }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }

@-moz-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    -moz-transform: translateX(30px);
    -o-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px); }
  80% {
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px); }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }

@-ms-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    -moz-transform: translateX(30px);
    -o-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px); }
  80% {
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px); }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }

@-o-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    -moz-transform: translateX(30px);
    -o-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px); }
  80% {
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px); }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }

@keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    -moz-transform: translateX(30px);
    -o-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px); }
  80% {
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px); }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }

@-webkit-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    -moz-transform: translateX(-30px);
    -o-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    transform: translateX(-30px); }
  80% {
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -o-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px); }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }

@-moz-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    -moz-transform: translateX(-30px);
    -o-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    transform: translateX(-30px); }
  80% {
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -o-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px); }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }

@-ms-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    -moz-transform: translateX(-30px);
    -o-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    transform: translateX(-30px); }
  80% {
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -o-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px); }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }

@-o-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    -moz-transform: translateX(-30px);
    -o-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    transform: translateX(-30px); }
  80% {
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -o-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px); }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }

@keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    -moz-transform: translateX(-30px);
    -o-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    transform: translateX(-30px); }
  80% {
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -o-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px); }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }

@-webkit-keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }
  25% {
    -webkit-transform: scale(0.95);
    -moz-transform: scale(0.95);
    -o-transform: scale(0.95);
    -ms-transform: scale(0.95);
    transform: scale(0.95); }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1); }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    -moz-transform: scale(0.3);
    -o-transform: scale(0.3);
    -ms-transform: scale(0.3);
    transform: scale(0.3); } }

@-moz-keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }
  25% {
    -webkit-transform: scale(0.95);
    -moz-transform: scale(0.95);
    -o-transform: scale(0.95);
    -ms-transform: scale(0.95);
    transform: scale(0.95); }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1); }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    -moz-transform: scale(0.3);
    -o-transform: scale(0.3);
    -ms-transform: scale(0.3);
    transform: scale(0.3); } }

@-ms-keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }
  25% {
    -webkit-transform: scale(0.95);
    -moz-transform: scale(0.95);
    -o-transform: scale(0.95);
    -ms-transform: scale(0.95);
    transform: scale(0.95); }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1); }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    -moz-transform: scale(0.3);
    -o-transform: scale(0.3);
    -ms-transform: scale(0.3);
    transform: scale(0.3); } }

@-o-keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }
  25% {
    -webkit-transform: scale(0.95);
    -moz-transform: scale(0.95);
    -o-transform: scale(0.95);
    -ms-transform: scale(0.95);
    transform: scale(0.95); }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1); }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    -moz-transform: scale(0.3);
    -o-transform: scale(0.3);
    -ms-transform: scale(0.3);
    transform: scale(0.3); } }

@keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }
  25% {
    -webkit-transform: scale(0.95);
    -moz-transform: scale(0.95);
    -o-transform: scale(0.95);
    -ms-transform: scale(0.95);
    transform: scale(0.95); }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1); }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    -moz-transform: scale(0.3);
    -o-transform: scale(0.3);
    -ms-transform: scale(0.3);
    transform: scale(0.3); } }

@-webkit-keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px); } }

@-moz-keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px); } }

@-ms-keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px); } }

@-o-keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px); } }

@keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px); } }

@-webkit-keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -o-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px); } }

@-moz-keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -o-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px); } }

@-ms-keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -o-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px); } }

@-o-keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -o-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px); } }

@keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -o-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px); } }

@-webkit-keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px); } }

@-moz-keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px); } }

@-ms-keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px); } }

@-o-keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px); } }

@keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px); } }

@-webkit-keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -o-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px); } }

@-moz-keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -o-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px); } }

@-ms-keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -o-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px); } }

@-o-keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -o-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px); } }

@keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -o-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px); } }

@-webkit-keyframes barWidth {
  0%, 100% {
    transition-timing-function: cubic-bezier(1, 0, 0.65, 0.85); }
  0% {
    width: 0; }
  100% {
    width: 100%; } }

@-moz-keyframes barWidth {
  0%, 100% {
    transition-timing-function: cubic-bezier(1, 0, 0.65, 0.85); }
  0% {
    width: 0; }
  100% {
    width: 100%; } }

@-ms-keyframes barWidth {
  0%, 100% {
    transition-timing-function: cubic-bezier(1, 0, 0.65, 0.85); }
  0% {
    width: 0; }
  100% {
    width: 100%; } }

@-o-keyframes barWidth {
  0%, 100% {
    transition-timing-function: cubic-bezier(1, 0, 0.65, 0.85); }
  0% {
    width: 0; }
  100% {
    width: 100%; } }

@keyframes barWidth {
  0%, 100% {
    transition-timing-function: cubic-bezier(1, 0, 0.65, 0.85); }
  0% {
    width: 0; }
  100% {
    width: 100%; } }

@-webkit-keyframes loading-square {
  0% {
    transform: rotate(0deg); }
  25% {
    transform: rotate(180deg); }
  50% {
    transform: rotate(180deg); }
  75% {
    transform: rotate(360deg); }
  100% {
    transform: rotate(360deg); } }

@-moz-keyframes loading-square {
  0% {
    transform: rotate(0deg); }
  25% {
    transform: rotate(180deg); }
  50% {
    transform: rotate(180deg); }
  75% {
    transform: rotate(360deg); }
  100% {
    transform: rotate(360deg); } }

@-ms-keyframes loading-square {
  0% {
    transform: rotate(0deg); }
  25% {
    transform: rotate(180deg); }
  50% {
    transform: rotate(180deg); }
  75% {
    transform: rotate(360deg); }
  100% {
    transform: rotate(360deg); } }

@-o-keyframes loading-square {
  0% {
    transform: rotate(0deg); }
  25% {
    transform: rotate(180deg); }
  50% {
    transform: rotate(180deg); }
  75% {
    transform: rotate(360deg); }
  100% {
    transform: rotate(360deg); } }

@keyframes loading-square {
  0% {
    transform: rotate(0deg); }
  25% {
    transform: rotate(180deg); }
  50% {
    transform: rotate(180deg); }
  75% {
    transform: rotate(360deg); }
  100% {
    transform: rotate(360deg); } }

@-webkit-keyframes loadingSquareInner {
  0% {
    height: 0; }
  25% {
    height: 0; }
  50% {
    height: 100%; }
  75% {
    height: 100%; }
  100% {
    height: 0; } }

@-moz-keyframes loadingSquareInner {
  0% {
    height: 0; }
  25% {
    height: 0; }
  50% {
    height: 100%; }
  75% {
    height: 100%; }
  100% {
    height: 0; } }

@-ms-keyframes loadingSquareInner {
  0% {
    height: 0; }
  25% {
    height: 0; }
  50% {
    height: 100%; }
  75% {
    height: 100%; }
  100% {
    height: 0; } }

@-o-keyframes loadingSquareInner {
  0% {
    height: 0; }
  25% {
    height: 0; }
  50% {
    height: 100%; }
  75% {
    height: 100%; }
  100% {
    height: 0; } }

@keyframes loadingSquareInner {
  0% {
    height: 0; }
  25% {
    height: 0; }
  50% {
    height: 100%; }
  75% {
    height: 100%; }
  100% {
    height: 0; } }

@-webkit-keyframes growBar {
  0% {
    animation-timing-function: linear;
    -webkit-transform: scaleX(0.1);
    -moz-transform: scaleX(0.1);
    -o-transform: scaleX(0.1);
    -ms-transform: scaleX(0.1);
    transform: scaleX(0.1); }
  36.6% {
    animation-timing-function: cubic-bezier(0.33473, 0.12482, 0.78584, 1);
    -webkit-transform: scaleX(0.1);
    -moz-transform: scaleX(0.1);
    -o-transform: scaleX(0.1);
    -ms-transform: scaleX(0.1);
    transform: scaleX(0.1); }
  69.15% {
    animation-timing-function: cubic-bezier(0.22573, 0, 0.23365, 1.37098);
    -webkit-transform: scaleX(0.83);
    -moz-transform: scaleX(0.83);
    -o-transform: scaleX(0.83);
    -ms-transform: scaleX(0.83);
    transform: scaleX(0.83); }
  100% {
    -webkit-transform: scaleX(0.1);
    -moz-transform: scaleX(0.1);
    -o-transform: scaleX(0.1);
    -ms-transform: scaleX(0.1);
    transform: scaleX(0.1); } }

@-moz-keyframes growBar {
  0% {
    animation-timing-function: linear;
    -webkit-transform: scaleX(0.1);
    -moz-transform: scaleX(0.1);
    -o-transform: scaleX(0.1);
    -ms-transform: scaleX(0.1);
    transform: scaleX(0.1); }
  36.6% {
    animation-timing-function: cubic-bezier(0.33473, 0.12482, 0.78584, 1);
    -webkit-transform: scaleX(0.1);
    -moz-transform: scaleX(0.1);
    -o-transform: scaleX(0.1);
    -ms-transform: scaleX(0.1);
    transform: scaleX(0.1); }
  69.15% {
    animation-timing-function: cubic-bezier(0.22573, 0, 0.23365, 1.37098);
    -webkit-transform: scaleX(0.83);
    -moz-transform: scaleX(0.83);
    -o-transform: scaleX(0.83);
    -ms-transform: scaleX(0.83);
    transform: scaleX(0.83); }
  100% {
    -webkit-transform: scaleX(0.1);
    -moz-transform: scaleX(0.1);
    -o-transform: scaleX(0.1);
    -ms-transform: scaleX(0.1);
    transform: scaleX(0.1); } }

@-ms-keyframes growBar {
  0% {
    animation-timing-function: linear;
    -webkit-transform: scaleX(0.1);
    -moz-transform: scaleX(0.1);
    -o-transform: scaleX(0.1);
    -ms-transform: scaleX(0.1);
    transform: scaleX(0.1); }
  36.6% {
    animation-timing-function: cubic-bezier(0.33473, 0.12482, 0.78584, 1);
    -webkit-transform: scaleX(0.1);
    -moz-transform: scaleX(0.1);
    -o-transform: scaleX(0.1);
    -ms-transform: scaleX(0.1);
    transform: scaleX(0.1); }
  69.15% {
    animation-timing-function: cubic-bezier(0.22573, 0, 0.23365, 1.37098);
    -webkit-transform: scaleX(0.83);
    -moz-transform: scaleX(0.83);
    -o-transform: scaleX(0.83);
    -ms-transform: scaleX(0.83);
    transform: scaleX(0.83); }
  100% {
    -webkit-transform: scaleX(0.1);
    -moz-transform: scaleX(0.1);
    -o-transform: scaleX(0.1);
    -ms-transform: scaleX(0.1);
    transform: scaleX(0.1); } }

@-o-keyframes growBar {
  0% {
    animation-timing-function: linear;
    -webkit-transform: scaleX(0.1);
    -moz-transform: scaleX(0.1);
    -o-transform: scaleX(0.1);
    -ms-transform: scaleX(0.1);
    transform: scaleX(0.1); }
  36.6% {
    animation-timing-function: cubic-bezier(0.33473, 0.12482, 0.78584, 1);
    -webkit-transform: scaleX(0.1);
    -moz-transform: scaleX(0.1);
    -o-transform: scaleX(0.1);
    -ms-transform: scaleX(0.1);
    transform: scaleX(0.1); }
  69.15% {
    animation-timing-function: cubic-bezier(0.22573, 0, 0.23365, 1.37098);
    -webkit-transform: scaleX(0.83);
    -moz-transform: scaleX(0.83);
    -o-transform: scaleX(0.83);
    -ms-transform: scaleX(0.83);
    transform: scaleX(0.83); }
  100% {
    -webkit-transform: scaleX(0.1);
    -moz-transform: scaleX(0.1);
    -o-transform: scaleX(0.1);
    -ms-transform: scaleX(0.1);
    transform: scaleX(0.1); } }

@keyframes growBar {
  0% {
    animation-timing-function: linear;
    -webkit-transform: scaleX(0.1);
    -moz-transform: scaleX(0.1);
    -o-transform: scaleX(0.1);
    -ms-transform: scaleX(0.1);
    transform: scaleX(0.1); }
  36.6% {
    animation-timing-function: cubic-bezier(0.33473, 0.12482, 0.78584, 1);
    -webkit-transform: scaleX(0.1);
    -moz-transform: scaleX(0.1);
    -o-transform: scaleX(0.1);
    -ms-transform: scaleX(0.1);
    transform: scaleX(0.1); }
  69.15% {
    animation-timing-function: cubic-bezier(0.22573, 0, 0.23365, 1.37098);
    -webkit-transform: scaleX(0.83);
    -moz-transform: scaleX(0.83);
    -o-transform: scaleX(0.83);
    -ms-transform: scaleX(0.83);
    transform: scaleX(0.83); }
  100% {
    -webkit-transform: scaleX(0.1);
    -moz-transform: scaleX(0.1);
    -o-transform: scaleX(0.1);
    -ms-transform: scaleX(0.1);
    transform: scaleX(0.1); } }

input[type="search"]::-webkit-search-decoration {
  display: none; }

input, button, select, textarea {
  box-shadow: none; }

label {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

input[type="file"], input[type="radio"], input[type="checkbox"] {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none; }

input[type="file"]:focus, input[type="file"]:active, input[type="radio"]:focus, input[type="radio"]:active, input[type="checkbox"]:focus, input[type="checkbox"]:active {
  box-shadow: none; }

button, input[type="reset"], input[type="submit"], input[type="button"] {
  -webkit-appearance: none;
  border-radius: 0;
  background-clip: padding-box;
  background-image: none;
  cursor: pointer;
  display: inline-block;
  outline: 0;
  overflow: visible;
  text-shadow: none;
  text-decoration: none;
  vertical-align: top;
  width: auto; }

button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner {
  border: 0;
  padding: 0; }

button:focus, button:active, input[type="reset"]:focus, input[type="reset"]:active, input[type="submit"]:focus, input[type="submit"]:active, input[type="button"]:focus, input[type="button"]:active {
  outline: 0; }

textarea, select, input[type="date"], input[type="datetime"], input[type="datetime-local"],
input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"],
input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"] {
  border-radius: 0;
  background-clip: padding-box;
  -ms-appearance: none;
  -o-appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: transparent;
  outline: 0;
  vertical-align: top; }

textarea:-webkit-autofill, select:-webkit-autofill, input[type="date"]:-webkit-autofill, input[type="datetime"]:-webkit-autofill, input[type="datetime-local"]:-webkit-autofill,
input[type="email"]:-webkit-autofill, input[type="month"]:-webkit-autofill, input[type="number"]:-webkit-autofill, input[type="password"]:-webkit-autofill, input[type="search"]:-webkit-autofill,
input[type="tel"]:-webkit-autofill, input[type="text"]:-webkit-autofill, input[type="time"]:-webkit-autofill, input[type="url"]:-webkit-autofill, input[type="week"]:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px #FFFFFF inset !important; }

button[disabled], input[disabled], select[disabled], select[disabled] option,
select[disabled] optgroup, textarea[disabled] {
  box-shadow: none;
  -moz-user-select: -moz-none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  user-select: none;
  color: #888;
  cursor: default; }

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder, input:-moz-placeholder,
textarea:-moz-placeholder, input::placeholder, textarea::placeholder {
  color: #000000; }

/* ======== Datepicker jQuery ============= */
/* =====  Estilos Datepicker jQuery  ===== */
/* ======================================== */
.ui-datepicker {
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  animation: scale 0.3s ease-in-out 0s;
  z-index: 101 !important;
  width: auto !important;
  min-width: 36rem; }

@media (max-width: 480px) {
  .ui-datepicker {
    min-width: none;
    position: absolute;
    z-index: 1200 !important;
    width: 100% !important;
    left: 50% !important;
    top: 38% !important;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); } }

.ui-datepicker.ui-datepicker-multi-2 .ui-datepicker-group {
  width: calc(50% - 1.5rem); }

.ui-datepicker.ui-datepicker-multi-2 .ui-datepicker-group + .ui-datepicker-group {
  padding-left: 1.5rem;
  margin-left: 1.5rem;
  border-left: 1px dashed #eaeaea; }

.ui-datepicker.ui-widget-content .ui-datepicker-header {
  background: #FFFFFF;
  border: none; }

.ui-datepicker.ui-widget-content .ui-datepicker-header a {
  color: #0B3954; }

.ui-datepicker.ui-widget-content .ui-datepicker-header .ui-datepicker-title select {
  text-align-last: center;
  padding: 1rem;
  border: none; }

.ui-datepicker.ui-widget-content .ui-state-default {
  background: #FFFFFF;
  color: #0B3954;
  font-size: 1.2rem;
  font-family: "Roboto", Helvetica, sans-serif, Arial;
  text-align: center;
  padding: 0;
  line-height: 2.5;
  border: none; }

.ui-datepicker.ui-widget-content .ui-state-default:hover, .ui-datepicker.ui-widget-content .ui-state-default:focus {
  background-color: #BFD7EA;
  background-color: rgba(191, 215, 234, 0.85);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=$ie_str,endColorstr=$ie_str); }

.ui-datepicker.ui-widget-content .ui-datepicker-current-day:not(.selected-range) a, .ui-datepicker.ui-widget-content .startedSelectedDate a {
  position: relative;
  background: #0B3954;
  color: #FFFFFF; }

.ui-datepicker.ui-widget-content .ui-datepicker-current-day:not(.selected-range) a:before, .ui-datepicker.ui-widget-content .startedSelectedDate a:before {
  position: absolute;
  content: "";
  width: 0;
  left: 0;
  height: 0;
  border-style: solid;
  border-width: 9px 9px 0 0;
  border-color: #31A2D2 transparent transparent transparent; }

.ui-datepicker.ui-widget-content .ui-datepicker-current-day.selected-range a {
  position: relative;
  background: #0B3954;
  color: #FFFFFF; }

.ui-datepicker.ui-widget-content .ui-datepicker-current-day.selected-range a:before {
  position: absolute;
  content: "";
  width: 0;
  right: 0;
  height: 0;
  border-style: solid;
  border-width: 9px 0 0 9px;
  border-color: #31A2D2 transparent transparent transparent; }

.ui-datepicker.ui-widget-content .ui-datepicker-today a {
  position: relative;
  z-index: 0; }

.ui-datepicker.ui-widget-content .ui-datepicker-today a:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  width: 2.75rem;
  height: 2.75rem;
  border-radius: 50%;
  z-index: -1;
  margin: 0.125rem 1rem;
  background-color: #0B3954;
  background-color: rgba(11, 57, 84, 0.3);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=$ie_str,endColorstr=$ie_str); }

.ui-datepicker table thead th {
  background: #0B3954;
  color: #FFFFFF;
  padding: 1rem;
  font-weight: 400; }

.ui-datepicker table tr {
  border: dashed #eaeaea;
  border-width: 0 0 0.1rem 0; }

.ui-datepicker table tr:last-child {
  border: 0; }

.ui-datepicker table td {
  padding: 0;
  border: dashed #eaeaea;
  border-width: 0 0.1rem 0 0; }

.ui-datepicker table td:last-child {
  border: 0; }

.ui-datepicker table td a:after {
  content: ""; }

.ui-datepicker table td.selected-range {
  position: relative; }

.ui-datepicker table td.selected-range a.ui-state-default {
  color: #FFFFFF;
  background: transparent; }

.ui-datepicker table td.selected-range a.ui-state-default:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background: #0B3954;
  border-top: 3px solid #31A2D2; }

/* Variables Forms ================================================================================================== */
/* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =  */
input[type="date"].min, input[type="datetime"].min,
input[type="datetime-local"].min, input[type="email"].min, input[type="month"].min,
input[type="number"].min, input[type="password"].min, input[type="search"].min,
input[type="tel"].min, input[type="text"].min, input[type="time"].min, input[type="url"].min,
input[type="week"].min {
  height: 2.5rem; }

fieldset label {
  font-size: 1.1rem;
  margin: 1rem 0; }

.pl-btn {
  border: 2px solid #EFEFEF;
  background: #0B3954;
  color: #FFFFFF;
  border-radius: 2px;
  padding: 1rem;
  font-size: 1.4rem;
  text-indent: 0;
  text-transform: uppercase;
  letter-spacing: .2rem;
  height: 3.75rem;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }

.pl-btn.min {
  height: auto;
  font-size: 1.1rem;
  padding: 0.75rem 1rem; }

.pl-btn:not([class^="pl-btn btn"]):hover, .pl-btn:not([class^="pl-btn btn"]):active, .pl-btn:not([class^="pl-btn btn"]):focus {
  background: #ffb800;
  color: #3a3a3a;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); }

.pl-btn.btn-search {
  background: #ffb800; }

.pl-btn.btn-search:hover, .pl-btn.btn-search:active, .pl-btn.btn-search:focus {
  background: #e8a700;
  border-color: #d19700; }

.pl-btn.btn-search:hover, .pl-btn.btn-search:hover i, .pl-btn.btn-search:active, .pl-btn.btn-search:active i, .pl-btn.btn-search:focus, .pl-btn.btn-search:focus i {
  color: #FFFFFF; }

.pl-btn.btn-guardar, .pl-btn.btn-save {
  background: #208056;
  color: #FFFFFF; }

.pl-btn.btn-guardar:hover, .pl-btn.btn-guardar:active, .pl-btn.btn-guardar:focus, .pl-btn.btn-save:hover, .pl-btn.btn-save:active, .pl-btn.btn-save:focus {
  background: #16573b;
  border-color: #11432d; }

.pl-btn.btn-guardar:hover, .pl-btn.btn-guardar:hover i, .pl-btn.btn-guardar:active, .pl-btn.btn-guardar:active i, .pl-btn.btn-guardar:focus, .pl-btn.btn-guardar:focus i, .pl-btn.btn-save:hover, .pl-btn.btn-save:hover i, .pl-btn.btn-save:active, .pl-btn.btn-save:active i, .pl-btn.btn-save:focus, .pl-btn.btn-save:focus i {
  color: #FFFFFF; }

.pl-btn.btn-borrar {
  background: #FF6663;
  color: #FFFFFF; }

.pl-btn.btn-borrar:hover, .pl-btn.btn-borrar:active, .pl-btn.btn-borrar:focus {
  background: #ff201c;
  border-color: #ff0702; }

.pl-btn.btn-borrar:hover, .pl-btn.btn-borrar:hover i, .pl-btn.btn-borrar:active, .pl-btn.btn-borrar:active i, .pl-btn.btn-borrar:focus, .pl-btn.btn-borrar:focus i {
  color: #FFFFFF; }

.pl-btn.btn-alt {
  background: #31A2D2;
  color: #FFFFFF; }

.pl-btn.btn-alt:hover, .pl-btn.btn-alt:active, .pl-btn.btn-alt:focus {
  background: #2583ab;
  border-color: #217396; }

.pl-btn.btn-alt:hover, .pl-btn.btn-alt:hover i, .pl-btn.btn-alt:active, .pl-btn.btn-alt:active i, .pl-btn.btn-alt:focus, .pl-btn.btn-alt:focus i {
  color: #FFFFFF; }

fieldset.field-btn {
  margin: auto 0 auto; }

fieldset.field-btn .pl-btn {
  margin: 0 !important; }

.pl-label.highlight-required {
  position: relative; }

.pl-label.highlight-required:before {
  content: "";
  transition-delay: .2s;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  top: -.5rem;
  height: calc(100% + 1rem);
  background-color: #FF6663;
  background-color: rgba(255, 102, 99, 0.18);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=$ie_str,endColorstr=$ie_str); }

.pl-label i {
  margin-right: .5rem; }

.pl-label, input[type="radio"] + label, #ui-tabs-4 #tablaFormContratoRegimen tr td label {
  font-size: 1.1rem;
  color: #3a3a3a;
  text-transform: uppercase;
  font-family: "Work Sans", Helvetica, sans-serif, Arial; }

input[type="date"].pl-input, input[type="datetime"].pl-input,
input[type="datetime-local"].pl-input, input[type="email"].pl-input, input[type="month"].pl-input,
input[type="number"].pl-input, input[type="password"].pl-input, input[type="search"].pl-input,
input[type="tel"].pl-input, input[type="text"].pl-input, input[type="time"].pl-input, input[type="url"].pl-input,
input[type="week"].pl-input, fieldset input[type="text"], fieldset input[type="number"], fieldset input[type="email"], .pl-input, .tabs-ktop.ui-tabs fieldset input[type="text"], .tabs-ktop.ui-tabs fieldset input[type="number"], .tabs-ktop.ui-tabs fieldset input[type="date"], .tabs-ktop.ui-tabs input[type="text"], .tabs-ktop.ui-tabs input[type="date"], .tabs-ktop.ui-tabs input[type="email"], .tabs-ktop.ui-tabs input[type="hidden"], .tabs-ktop.ui-tabs input[type="number"], .tabs-ktop.ui-tabs .editableContent, #tabsEtour fieldset input[type="text"], #tabsEtour fieldset input[type="number"], #tabsEtour fieldset input[type="date"], #tabsEtour input[type="text"], #tabsEtour input[type="date"], #tabsEtour input[type="email"], #tabsEtour input[type="hidden"], #tabsEtour input[type="number"], #tabsEtour .editableContent {
  height: 3.75rem;
  background: #FFFFFF;
  border: 1px solid #CCCCCC;
  border-radius: 3px;
  font-size: 1.1rem;
  line-height: 1.65;
  width: 100%;
  margin: 0;
  padding: 0.5rem 1rem; }

input[type="date"].pl-input:disabled, input[type="datetime"].pl-input:disabled,
input[type="datetime-local"].pl-input:disabled, input[type="email"].pl-input:disabled, input[type="month"].pl-input:disabled,
input[type="number"].pl-input:disabled, input[type="password"].pl-input:disabled, input[type="search"].pl-input:disabled,
input[type="tel"].pl-input:disabled, input[type="text"].pl-input:disabled, input[type="time"].pl-input:disabled, input[type="url"].pl-input:disabled,
input[type="week"].pl-input:disabled, fieldset input[type="text"]:disabled, fieldset input[type="number"]:disabled, fieldset input[type="email"]:disabled, .pl-input:disabled, .tabs-ktop.ui-tabs input[type="text"]:disabled, .tabs-ktop.ui-tabs input[type="date"]:disabled, .tabs-ktop.ui-tabs input[type="email"]:disabled, .tabs-ktop.ui-tabs input[type="hidden"]:disabled, .tabs-ktop.ui-tabs input[type="number"]:disabled, .tabs-ktop.ui-tabs .editableContent:disabled, #tabsEtour input[type="text"]:disabled, #tabsEtour input[type="date"]:disabled, #tabsEtour input[type="email"]:disabled, #tabsEtour input[type="hidden"]:disabled, #tabsEtour input[type="number"]:disabled, #tabsEtour .editableContent:disabled {
  background: #CCCCCC;
  cursor: not-allowed; }

fieldset select, .pl-select, .kt-field select, .tabs-ktop.ui-tabs select, #tabsEtour select, #nuevaReservaColorBox .paxTableCB select, #gestionPaxesColorBox .paxTableCB select {
  width: 100%;
  height: 3.75rem;
  font-size: 1.1rem;
  padding-left: 1rem;
  display: block;
  border: 1px solid #CCCCCC;
  border-radius: 2px;
  background: url("../images/ui/select-bg.png") #FFFFFF no-repeat 1.35rem;
  background-size: 10px auto;
  background-position-x: calc(100% - 10px); }

fieldset select[disabled], [disabled].pl-select, .kt-field select[disabled], .tabs-ktop.ui-tabs select[disabled], #tabsEtour select[disabled], #nuevaReservaColorBox .paxTableCB select[disabled], #gestionPaxesColorBox .paxTableCB select[disabled] {
  background: #f1f1f1; }

.tarifa-tabs input[type="checkbox"], .tabs-ktop.ui-tabs input[type="checkbox"], #tabsEtour input[type="checkbox"], fieldset.pl-check input[type="checkbox"], .buscadorField.pl-check input[type="checkbox"], fieldset.pl-check-min input[type="checkbox"], .buscadorField.pl-check-min input[type="checkbox"], input[type="checkbox"], .kt-field input[type="checkbox"] {
  display: inline-block;
  cursor: pointer;
  position: relative;
  border: none;
  cursor: pointer;
  border-radius: 50%;
  width: 2rem;
  height: 2rem; }

.tabs-ktop.ui-tabs input[type="checkbox"]:focus, #tabsEtour input[type="checkbox"]:focus, fieldset.pl-check input[type="checkbox"]:focus, .buscadorField.pl-check input[type="checkbox"]:focus, fieldset.pl-check-min input[type="checkbox"]:focus, .buscadorField.pl-check-min input[type="checkbox"]:focus, input[type="checkbox"]:focus {
  -webkit-animation: 0.8s press 1;
  -moz-animation: 0.8s press 1;
  -ms-animation: 0.8s press 1;
  -o-animation: 0.8s press 1;
  animation: 0.8s press 1; }

.tarifa-tabs input[type="checkbox"]:before, .tabs-ktop.ui-tabs input[type="checkbox"]:before, #tabsEtour input[type="checkbox"]:before, fieldset.pl-check input[type="checkbox"]:before, .buscadorField.pl-check input[type="checkbox"]:before, fieldset.pl-check-min input[type="checkbox"]:before, .buscadorField.pl-check-min input[type="checkbox"]:before, input[type="checkbox"]:before, .kt-field input[type="checkbox"]:before, .tarifa-tabs input[type="checkbox"]:after, .tabs-ktop.ui-tabs input[type="checkbox"]:after, #tabsEtour input[type="checkbox"]:after, fieldset.pl-check input[type="checkbox"]:after, .buscadorField.pl-check input[type="checkbox"]:after, fieldset.pl-check-min input[type="checkbox"]:after, .buscadorField.pl-check-min input[type="checkbox"]:after, input[type="checkbox"]:after, .kt-field input[type="checkbox"]:after {
  content: ""; }

.tarifa-tabs input[type="checkbox"]:after, .tabs-ktop.ui-tabs input[type="checkbox"]:after, #tabsEtour input[type="checkbox"]:after, fieldset.pl-check input[type="checkbox"]:after, .buscadorField.pl-check input[type="checkbox"]:after, fieldset.pl-check-min input[type="checkbox"]:after, .buscadorField.pl-check-min input[type="checkbox"]:after, input[type="checkbox"]:after, .kt-field input[type="checkbox"]:after {
  border-radius: 2px;
  background-color: #fff;
  z-index: 2;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: 2px solid #0B3954;
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  -ms-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s; }

.tabs-ktop.ui-tabs input[type="checkbox"]:checked:after, #tabsEtour input[type="checkbox"]:checked:after, .buscadorField.pl-check input[type="checkbox"]:checked:after, .buscadorField.pl-check-min input[type="checkbox"]:checked:after, input[type="checkbox"]:checked:after {
  background-color: #0B3954;
  border-color: #0B3954; }

.tabs-ktop.ui-tabs input[type="checkbox"]:checked:before, #tabsEtour input[type="checkbox"]:checked:before, .buscadorField.pl-check input[type="checkbox"]:checked:before, .buscadorField.pl-check-min input[type="checkbox"]:checked:before, input[type="checkbox"]:checked:before {
  content: "";
  z-index: 3;
  position: absolute;
  top: 2px;
  left: 6px;
  display: table;
  width: 7px;
  height: 12px;
  border: 2px solid #FFFFFF;
  border-top-width: 0;
  border-left-width: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

#tabsEtour input[type="checkbox"]:checked:hover:before, input[type="checkbox"]:checked:hover:before {
  opacity: 1;
  border-color: #FFFFFF; }

.tabs-ktop.ui-tabs input[type="checkbox"]:hover:after, #tabsEtour input[type="checkbox"]:hover:after, .buscadorField.pl-check input[type="checkbox"]:hover:after, .buscadorField.pl-check-min input[type="checkbox"]:hover:after, input[type="checkbox"]:hover:after {
  border-color: #0B3954; }

.tabs-ktop.ui-tabs input[type="checkbox"]:hover:before, #tabsEtour input[type="checkbox"]:hover:before, .buscadorField.pl-check input[type="checkbox"]:hover:before, .buscadorField.pl-check-min input[type="checkbox"]:hover:before, input[type="checkbox"]:hover:before {
  content: "";
  z-index: 3;
  position: absolute;
  top: 2px;
  left: 6px;
  display: table;
  width: 7px;
  height: 12px;
  border: 2px solid #0B3954;
  border-top-width: 0;
  border-left-width: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  opacity: .25; }

fieldset.pl-check input.min[type="checkbox"], .buscadorField.pl-check input.min[type="checkbox"], fieldset.pl-check-min input.min[type="checkbox"], .buscadorField.pl-check-min input.min[type="checkbox"], input.min[type="checkbox"], .tarifa-tabs input[type="checkbox"], .tabs-ktop.ui-tabs input[type="checkbox"], #tabsEtour input[type="checkbox"] {
  width: 1.5rem;
  height: 1.5rem; }

input.min[type="checkbox"]:checked:before, .tarifa-tabs input[type="checkbox"]:checked:before, .tabs-ktop.ui-tabs input[type="checkbox"]:checked:before, #tabsEtour input[type="checkbox"]:checked:before {
  top: 1px;
  left: 5px;
  width: 6px;
  height: 10px; }

/* ===== Autocompletar [Select2] ========== */
/* == Anadimos clase "auto-comp" al elemento  */
/* ======================================== */
.select2-container.auto-comp {
  background: #FFF;
  width: 100%;
  table-layout: fixed;
  display: table;
  border-radius: 2px; }

.select2-container.auto-comp.select2-allowclear .select2-choice abbr {
  margin: 0; }

.select2-container.auto-comp.select2-container-disabled, .select2-container.auto-comp.select2-container-disabled .select2-choice {
  cursor: not-allowed;
  background: #DFDFDF; }

.select2-container.auto-comp.select2-container-disabled:before, .select2-container.auto-comp.select2-container-disabled .select2-choice:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: .3;
  z-index: 100;
  background-color: #CCCCCC;
  background-image: repeating-linear-gradient(45deg, transparent, transparent 7px, rgba(255, 255, 255, 0.5) 7px, rgba(255, 255, 255, 0.5) 14px); }

.select2-container.auto-comp .select2-choice {
  display: inline-block;
  width: 100%;
  background: #FFF;
  height: 3.75rem;
  padding: 0.5rem 1rem;
  border: 1px solid #CCC;
  border-radius: 2px; }

.select2-container.auto-comp .select2-choice .select2-chosen {
  display: inline-block;
  width: 100%;
  padding-right: .5rem;
  margin-right: 0;
  font-size: 1.1rem; }

.select2-container.auto-comp .select2-choice .select2-search-choice-close {
  margin: 0;
  display: block;
  background: none;
  font-size: 1.1rem;
  height: 100%;
  top: 0;
  line-height: 3.7rem;
  opacity: 0;
  visibility: hidden;
  background: none !important; }

.select2-container.auto-comp .select2-choice .select2-search-choice-close:before {
  content: "";
  font-family: 'FontAwesome'; }

.select2-container.auto-comp .select2-choice .select2-arrow {
  display: inline-block;
  border: 0;
  background: none; }

.select2-container.auto-comp .select2-choice .select2-arrow b {
  background: none !important;
  line-height: 3.2;
  font-size: 1.2rem; }

.select2-container.auto-comp .select2-choice .select2-arrow b:before {
  content: "";
  font-family: 'FontAwesome'; }

.select2-container.auto-comp.select2-allowclear .select2-choice .select2-search-choice-close {
  opacity: 1;
  visibility: visible;
  right: 0;
  z-index: 99;
  padding: 0 0.5rem;
  width: 2rem; }

.select2-container.auto-comp.select2-allowclear .select2-choice .select2-search-choice-close:hover:before, .select2-container.auto-comp.select2-allowclear .select2-choice .select2-search-choice-close:active:before, .select2-container.auto-comp.select2-allowclear .select2-choice .select2-search-choice-close:focus:before {
  color: #94190b; }

.select2-container.auto-comp.select2-allowclear .select2-choice .select2-arrow b {
  display: none; }

.select2-container.auto-comp.select2-container-multi .select2-search-choice {
  color: #FFFFFF;
  background: #31A2D2;
  text-shadow: none;
  padding: 0.5rem 2rem;
  box-shadow: none;
  font-size: 1.1rem; }

.select2-container.auto-comp.select2-container-multi .select2-search-choice-close {
  background: none;
  font-size: 1.2rem;
  top: calc(50% - .6rem); }

.select2-container.auto-comp.select2-container-multi .select2-search-choice-close:before {
  content: "";
  font-family: 'FontAwesome';
  color: #dc2c19; }

.select2-container.auto-comp.select2-container-multi .select2-choices {
  border-radius: 3px;
  border-color: #CCCCCC;
  background: #FFFFFF; }

.select2-container.auto-comp.select2-container-multi .select2-choices .select2-search-field:before {
  content: "";
  font-family: 'FontAwesome';
  right: 1rem;
  top: 1.5rem;
  position: absolute;
  font-size: 1.2rem;
  color: #666666; }

.select2-container.auto-comp.select2-container-multi .select2-choices .select2-search-field input {
  background: #FFFFFF;
  border: none;
  min-height: 3.75rem;
  background-image: none !important;
  font-size: 1.1rem; }

.select2-choices .select2-search-field .select2-container.auto-comp.select2-container-multi.select2-dropdown-open:before {
  content: "";
  font-family: 'FontAwesome'; }

.select2-drop.auto-comp {
  margin-top: -37px;
  border-color: #CCCCCC; }

.select2-drop.auto-comp .select2-search:before {
  content: "";
  font-family: 'FontAwesome';
  right: 1rem;
  top: 1.5rem;
  position: absolute;
  font-size: 1.2rem;
  color: #666666; }

.select2-drop.auto-comp .select2-search input {
  background: #FFFFFF;
  border: none;
  min-height: 3.75rem;
  background-image: none !important; }

.select2-drop.auto-comp .select2-results {
  padding-top: 5px;
  border-top: 1px solid #CCCCCC; }

.select2-drop.auto-comp .select2-results .select2-no-results {
  color: #828181;
  padding: .25rem; }

.select2-drop.auto-comp.select2-drop-multi {
  margin-top: -1px; }

.pl-btn {
  background: #0B3954;
  border: 2px solid transparent;
  padding: 1rem;
  border-radius: 2px; }

.pl-btn i {
  display: inline-block;
  margin-right: .5rem; }

.pl-btn span, .pl-btn i {
  color: #FFFFFF; }

.pl-btn:hover, .pl-btn:active, .pl-btn:focus {
  background: #FFFFFF;
  border-color: #0B3954; }

.pl-btn:hover, .pl-btn:hover span, .pl-btn:hover i, .pl-btn:active, .pl-btn:active span, .pl-btn:active i, .pl-btn:focus, .pl-btn:focus span, .pl-btn:focus i {
  color: #0B3954; }

input[type="submit"][class*="btn-inp"], input[type="button"][class*="btn-inp"], .swal-modal .swal-button, .tabs-ktop.ui-tabs input[type="button"], .tabs-ktop.ui-tabs input[type="submit"], #tabsEtour input[type="button"], #tabsEtour input[type="submit"], #btnContratoRegimen, #btnCrearContratoSuplementoEnLinea {
  text-align: center;
  white-space: nowrap;
  border: 1px solid #288db7;
  margin: auto;
  background: #31A2D2;
  color: #FFFFFF;
  padding: 1rem;
  font-size: 1.4rem;
  text-indent: 0;
  text-transform: uppercase;
  letter-spacing: .2rem;
  font-weight: 600;
  height: 3.75rem;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }

input[type="submit"][class*="btn-inp"]:focus, input[type="button"][class*="btn-inp"]:focus, .swal-modal .swal-button:focus, .tabs-ktop.ui-tabs input[type="button"]:focus, .tabs-ktop.ui-tabs input[type="submit"]:focus, #tabsEtour input[type="button"]:focus, #tabsEtour input[type="submit"]:focus, #btnContratoRegimen:focus, #btnCrearContratoSuplementoEnLinea:focus, input[type="submit"][class*="btn-inp"]:hover, input[type="button"][class*="btn-inp"]:hover, .swal-modal .swal-button:hover, .tabs-ktop.ui-tabs input[type="button"]:hover, .tabs-ktop.ui-tabs input[type="submit"]:hover, #tabsEtour input[type="button"]:hover, #tabsEtour input[type="submit"]:hover, #btnContratoRegimen:hover, #btnCrearContratoSuplementoEnLinea:hover {
  text-decoration: none; }

input[type="submit"][class*="btn-inp"]:after, input[type="button"][class*="btn-inp"]:after, .swal-modal .swal-button:after, .tabs-ktop.ui-tabs input[type="button"]:after, .tabs-ktop.ui-tabs input[type="submit"]:after, #tabsEtour input[type="button"]:after, #tabsEtour input[type="submit"]:after, #btnContratoRegimen:after, #btnCrearContratoSuplementoEnLinea:after {
  margin-left: 1rem; }

input[type="submit"][class*="btn-inp"] > i + *, input[type="button"][class*="btn-inp"] > i + *, .swal-modal .swal-button > i + *, .tabs-ktop.ui-tabs input[type="button"] > i + *, .tabs-ktop.ui-tabs input[type="submit"] > i + *, #tabsEtour input[type="button"] > i + *, #tabsEtour input[type="submit"] > i + *, #btnContratoRegimen > i + *, #btnCrearContratoSuplementoEnLinea > i + * {
  margin-left: .5rem; }

input[type="submit"][class*="btn-inp"] > * + i, input[type="button"][class*="btn-inp"] > * + i, .swal-modal .swal-button > * + i, .tabs-ktop.ui-tabs input[type="button"] > * + i, .tabs-ktop.ui-tabs input[type="submit"] > * + i, #tabsEtour input[type="button"] > * + i, #tabsEtour input[type="submit"] > * + i, #btnContratoRegimen > * + i, #btnCrearContratoSuplementoEnLinea > * + i {
  margin-left: .5rem; }

input.btn-search[type="submit"][class*="btn-inp"]:after, input.btn-search[type="button"][class*="btn-inp"]:after, .swal-modal .btn-search.swal-button:after, .tabs-ktop.ui-tabs input.btn-search[type="button"]:after, .tabs-ktop.ui-tabs input.btn-search[type="submit"]:after, #tabsEtour input.btn-search[type="button"]:after, #tabsEtour input.btn-search[type="submit"]:after, .btn-search#btnContratoRegimen:after, .btn-search#btnCrearContratoSuplementoEnLinea:after {
  content: "";
  font-family: 'FontAwesome'; }

input.btn-filtrar[type="submit"][class*="btn-inp"]:after, input.btn-filtrar[type="button"][class*="btn-inp"]:after, .swal-modal .btn-filtrar.swal-button:after, .tabs-ktop.ui-tabs input.btn-filtrar[type="button"]:after, .tabs-ktop.ui-tabs input.btn-filtrar[type="submit"]:after, #tabsEtour input.btn-filtrar[type="button"]:after, #tabsEtour input.btn-filtrar[type="submit"]:after, .btn-filtrar#btnContratoRegimen:after, .btn-filtrar#btnCrearContratoSuplementoEnLinea:after {
  content: "";
  font-family: 'FontAwesome'; }

input[type="submit"][class*="btn-inp"], input[type="button"][class*="btn-inp"] {
  border-radius: 3px;
  font-size: 1.2rem;
  font-family: FontAwesome, "Roboto", Helvetica, sans-serif, Arial !important; }

input[type="submit"][class*="btn-inp"].btn-inp-save, input[type="button"][class*="btn-inp"].btn-inp-save {
  background: #208056;
  border-color: #196343; }

input[type="submit"][class*="btn-inp"].btn-inp-borrar, input[type="button"][class*="btn-inp"].btn-inp-borrar {
  background: #dc2c19;
  border-color: #bc2615; }

input[type="submit"][class*="btn-inp"].btn-inp-dup, input[type="button"][class*="btn-inp"].btn-inp-dup {
  background: #31A2D2;
  border-color: #288db7; }

input[type="submit"][class*="btn-inp"].btn-inp-apl, input[type="button"][class*="btn-inp"].btn-inp-apl {
  background: #ffb800;
  border-color: #db9e00; }

input[type="submit"][class*="btn-inp"].btn-inp-alt, input[type="button"][class*="btn-inp"].btn-inp-alt {
  background: #FA7921;
  border-color: #f26505; }

fieldset.pl-check > *,
fieldset.pl-radio > * {
  width: auto;
  vertical-align: middle; }

fieldset.pl-check label,
fieldset.pl-radio label {
  margin-left: .75rem; }

fieldset.pl-check input[type="checkbox"],
fieldset.pl-radio input[type="radio"] {
  position: relative;
  border: none;
  cursor: pointer;
  border-radius: 50%;
  width: 2rem;
  height: 2rem; }

fieldset.pl-check, .buscadorField.pl-check {
  display: inline-block !important;
  margin-top: 3.3rem; }

fieldset.pl-check > *, .buscadorField.pl-check > * {
  cursor: pointer; }

fieldset.pl-check label, .buscadorField.pl-check label {
  display: inline-block;
  width: calc(100% - 4rem); }

fieldset.pl-check-min, .buscadorField.pl-check-min {
  display: inline-block !important;
  margin-top: 3.3rem; }

fieldset.pl-check-min > *, .buscadorField.pl-check-min > * {
  cursor: pointer; }

fieldset.pl-check-min > label, .buscadorField.pl-check-min > label {
  display: inline-block;
  width: calc(100% - 2rem);
  margin: 0 0 0.25rem 0; }

input[type="radio"] {
  height: 2rem;
  margin-right: 1.25rem; }

input[type="radio"] + label {
  height: 2rem;
  line-height: 1.65;
  margin-left: 1.75rem; }

input[type="radio"] {
  position: relative;
  vertical-align: middle;
  margin-right: .5rem;
  margin-top: 0;
  cursor: pointer; }

input[type="radio"]:before, input[type="radio"]:after {
  content: ""; }

input[type="radio"]:before {
  position: absolute;
  left: 0;
  top: 0;
  background-color: #0B3954;
  width: 2rem;
  height: 2rem;
  display: block;
  z-index: 3;
  border-radius: 50%;
  -webkit-transition: 240ms;
  transition: 240ms;
  -webkit-transform: scale(0);
  transform: scale(0); }

input[type="radio"]:after {
  position: absolute;
  left: 0;
  top: 0;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border: 2px solid #666; }

input[type="radio"]:checked:before {
  -webkit-transform: scale(0.5);
  transform: scale(0.5); }

input[type="radio"]:checked:after {
  border-color: #0B3954; }

.btn-icon {
  padding: .75rem;
  border-radius: 50%;
  height: 3rem;
  width: 3rem;
  cursor: pointer; }

.btn-icon:hover, .btn-icon:active, .btn-icon:focus {
  background-color: #CCCCCC;
  background-color: rgba(204, 204, 204, 0.2);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=$ie_str,endColorstr=$ie_str); }

.btn-icon .err {
  background: #FF6663;
  color: #FFFFFF; }

.btn-icon .err:hover {
  background: #FFFFFF;
  color: #FF6663; }

.kt-field {
  display: block;
  padding-right: 1.5rem;
  margin-bottom: 1.5rem;
  width: 20%;
}

@media (min-width: 1200px) {
  .kt-field {
    width: calc(100% / 7); } }

.form-w-5 > .kt-field {
  width: 20%; }

.form-w-6 > .kt-field {
  width: calc(100% / 6); }

.form-w-4 > .kt-field {
  width: calc(85% / 4); }

.form-w-4 > .kt-field.field-btn {
  width: 15%; }

.form-w-3 > .kt-field {
  width: calc(80% / 3); }

.form-w-3 > .kt-field.field-btn {
  padding-left: 1rem;
  width: 20%; }

.form-w-2 > .kt-field {
  width: calc(80% / 2); }

.form-w-2 > .kt-field.field-btn {
  width: 20%; }

.kt-field.kt-field-inline {
  display: inline;
  width: auto;
  margin: auto 0; }

.kt-field.kt-field-inline input[type="checkbox"] {
  margin-left: .5rem; }

.kt-field > label {
  color: #3a3a3a;
  margin: 0 0 0.5rem 0;
  font-size: 1.1rem; }

.kt-field > input, .kt-field > .search-nav-input {
  background: #FFFFFF;
  border-radius: 3px;
  margin: 0;
  /*&:disabled {
      background: $grey3;
    }*/ }

.kt-field > input[type="text"], .kt-field > .search-nav-input[type="text"] {
  min-height: 3.75rem; }

.kt-field textarea {
  border: 1px solid #CCCCCC;
  width: 100%;
  height: calc(100% - 1.5rem);
  color: #3a3a3a;
  padding: .5rem;
  border-radius: 2px; }

.kt-field.textarea-inline textarea {
  height: 3.75rem; }

.kt-field > .select2-container {
  margin: 0 !important; }

.kt-field.field-error label.pl-label {
  color: #971e11; }

.kt-field.field-error input, .kt-field.field-error select, .kt-field.field-error .select2-container.auto-comp .select2-choice {
  border-color: #dc2c19; }

.search-nav {
  width: 100%;
  background: #FFFFFF;
  border: 1px solid #DFDFDF;
  padding: 1.5rem; }

.toggle-section {
  transition-property: opacity, transform; }

.toggle-section.k-open {
  -webkit-animation: fadeInDown 0.28s;
  -moz-animation: fadeInDown 0.28s;
  -ms-animation: fadeInDown 0.28s;
  -o-animation: fadeInDown 0.28s;
  animation: fadeInDown 0.28s;
  visibility: visible;
  height: 100%; }

.toggle-section.k-close {
  -webkit-animation: fadeOutDown 0.28s;
  -moz-animation: fadeOutDown 0.28s;
  -ms-animation: fadeOutDown 0.28s;
  -o-animation: fadeOutDown 0.28s;
  animation: fadeOutDown 0.28s;
  visibility: hidden;
  overflow: hidden;
  height: 0; }

.form-header {
  padding: 2rem;
  background: #FFFFFF; }

/* --------------------------------------------
   Tiny MCE --> General (Todos)
----------------------------------------------- */
.mce-tinymce .mce-panel {
  background: #FFF !important; }

.mce-tinymce .mce-btn {
  height: 29px !important;
  background-color: #dee3e7 !important;
  background-image: none !important; }

.mce-tinymce .mce-btn button {
  min-width: 0; }

.mce-tinymce .mce-ico {
  font-family: 'tinymce', Arial !important; }

.mce-container, .mce-container *, .mce-widget, .mce-widget *, button, button * {
  font-family: "Work Sans", Helvetica, sans-serif, Arial; }

.w-10 {
  width: 10% !important; }

.w-12 {
  width: 12.5% !important; }

.w-15 {
  width: 15% !important; }

.w-20 {
  width: 20% !important; }

.w-25 {
  width: 25% !important; }

.w-30 {
  width: 30% !important; }

.w-33 {
  width: 33.333% !important; }

.w-40 {
  width: 40% !important; }

.w-50 {
  width: 50% !important; }

.w-60 {
  width: 60% !important; }

.w-66 {
  width: 66.666% !important; }

.w-75 {
  width: 75% !important; }

.w-80 {
  width: 80% !important; }

.w-100 {
  width: 100% !important; }

.w-auto {
  width: auto !important; }

> .cont-w-100 {
  width: 100% !important; }

> .cont-w-50 {
  width: 50% !important; }

> .cont-w-33 {
  width: 33.333% !important; }

> .cont-w-25 {
  width: 25% !important; }

> .cont-w-20 {
  width: 20% !important; }

/** Margin/Padding
 *  ==============
 */
.pa-0 {
  padding: 0rem !important; }

.px-0 {
  padding-left: 0rem !important;
  padding-right: 0rem !important; }

.py-0 {
  padding-top: 0rem !important;
  padding-bottom: 0rem !important; }

.pb-0 {
  padding-bottom: 0rem !important; }

.pt-0 {
  padding-top: 0rem !important; }

.pl-0 {
  padding-left: 0rem !important; }

.pr-0 {
  padding-right: 0rem !important; }

.ma-0 {
  margin: 0rem !important; }

.mx-0 {
  margin-left: 0rem !important;
  margin-right: 0rem !important; }

.my-0 {
  margin-top: 0rem !important;
  margin-bottom: 0rem !important; }

.mb-0 {
  margin-bottom: 0rem !important; }

.mt-0 {
  margin-top: 0rem !important; }

.ml-0 {
  margin-left: 0rem !important; }

.mr-0 {
  margin-right: 0rem !important; }

.pa-1 {
  padding: 0.125rem !important; }

.px-1 {
  padding-left: 0.125rem !important;
  padding-right: 0.125rem !important; }

.py-1 {
  padding-top: 0.125rem !important;
  padding-bottom: 0.125rem !important; }

.pb-1 {
  padding-bottom: 0.125rem !important; }

.pt-1 {
  padding-top: 0.125rem !important; }

.pl-1 {
  padding-left: 0.125rem !important; }

.pr-1 {
  padding-right: 0.125rem !important; }

.ma-1 {
  margin: 0.125rem !important; }

.mx-1 {
  margin-left: 0.125rem !important;
  margin-right: 0.125rem !important; }

.my-1 {
  margin-top: 0.125rem !important;
  margin-bottom: 0.125rem !important; }

.mb-1 {
  margin-bottom: 0.125rem !important; }

.mt-1 {
  margin-top: 0.125rem !important; }

.ml-1 {
  margin-left: 0.125rem !important; }

.mr-1 {
  margin-right: 0.125rem !important; }

.pa-2 {
  padding: 0.5rem !important; }

.px-2 {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important; }

.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important; }

.pb-2 {
  padding-bottom: 0.5rem !important; }

.pt-2 {
  padding-top: 0.5rem !important; }

.pl-2 {
  padding-left: 0.5rem !important; }

.pr-2 {
  padding-right: 0.5rem !important; }

.ma-2 {
  margin: 0.5rem !important; }

.mx-2 {
  margin-left: 0.5rem !important;
  margin-right: 0.5rem !important; }

.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important; }

.mb-2 {
  margin-bottom: 0.5rem !important; }

.mt-2 {
  margin-top: 0.5rem !important; }

.ml-2 {
  margin-left: 0.5rem !important; }

.mr-2 {
  margin-right: 0.5rem !important; }

.pa-3 {
  padding: 1.125rem !important; }

.px-3 {
  padding-left: 1.125rem !important;
  padding-right: 1.125rem !important; }

.py-3 {
  padding-top: 1.125rem !important;
  padding-bottom: 1.125rem !important; }

.pb-3 {
  padding-bottom: 1.125rem !important; }

.pt-3 {
  padding-top: 1.125rem !important; }

.pl-3 {
  padding-left: 1.125rem !important; }

.pr-3 {
  padding-right: 1.125rem !important; }

.ma-3 {
  margin: 1.125rem !important; }

.mx-3 {
  margin-left: 1.125rem !important;
  margin-right: 1.125rem !important; }

.my-3 {
  margin-top: 1.125rem !important;
  margin-bottom: 1.125rem !important; }

.mb-3 {
  margin-bottom: 1.125rem !important; }

.mt-3 {
  margin-top: 1.125rem !important; }

.ml-3 {
  margin-left: 1.125rem !important; }

.mr-3 {
  margin-right: 1.125rem !important; }

.pa-4 {
  padding: 2rem !important; }

.px-4 {
  padding-left: 2rem !important;
  padding-right: 2rem !important; }

.py-4 {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important; }

.pb-4 {
  padding-bottom: 2rem !important; }

.pt-4 {
  padding-top: 2rem !important; }

.pl-4 {
  padding-left: 2rem !important; }

.pr-4 {
  padding-right: 2rem !important; }

.ma-4 {
  margin: 2rem !important; }

.mx-4 {
  margin-left: 2rem !important;
  margin-right: 2rem !important; }

.my-4 {
  margin-top: 2rem !important;
  margin-bottom: 2rem !important; }

.mb-4 {
  margin-bottom: 2rem !important; }

.mt-4 {
  margin-top: 2rem !important; }

.ml-4 {
  margin-left: 2rem !important; }

.mr-4 {
  margin-right: 2rem !important; }

.pa-5 {
  padding: 3.125rem !important; }

.px-5 {
  padding-left: 3.125rem !important;
  padding-right: 3.125rem !important; }

.py-5 {
  padding-top: 3.125rem !important;
  padding-bottom: 3.125rem !important; }

.pb-5 {
  padding-bottom: 3.125rem !important; }

.pt-5 {
  padding-top: 3.125rem !important; }

.pl-5 {
  padding-left: 3.125rem !important; }

.pr-5 {
  padding-right: 3.125rem !important; }

.ma-5 {
  margin: 3.125rem !important; }

.mx-5 {
  margin-left: 3.125rem !important;
  margin-right: 3.125rem !important; }

.my-5 {
  margin-top: 3.125rem !important;
  margin-bottom: 3.125rem !important; }

.mb-5 {
  margin-bottom: 3.125rem !important; }

.mt-5 {
  margin-top: 3.125rem !important; }

.ml-5 {
  margin-left: 3.125rem !important; }

.mr-5 {
  margin-right: 3.125rem !important; }

.pa-6 {
  padding: 4.5rem !important; }

.px-6 {
  padding-left: 4.5rem !important;
  padding-right: 4.5rem !important; }

.py-6 {
  padding-top: 4.5rem !important;
  padding-bottom: 4.5rem !important; }

.pb-6 {
  padding-bottom: 4.5rem !important; }

.pt-6 {
  padding-top: 4.5rem !important; }

.pl-6 {
  padding-left: 4.5rem !important; }

.pr-6 {
  padding-right: 4.5rem !important; }

.px-auto {
  padding-left: auto !important;
  padding-right: auto !important; }

.pl-auto {
  padding-left: auto !important; }

.pr-auto {
  padding-right: auto !important; }

.py-auto {
  padding-top: auto !important;
  padding-bottom: auto !important; }

.pt-auto {
  padding-top: auto !important; }

.pb-auto {
  padding-bottom: auto !important; }

.ma-6 {
  margin: 4.5rem !important; }

.mx-6 {
  margin-left: 4.5rem !important;
  margin-right: 4.5rem !important; }

.my-6 {
  margin-top: 4.5rem !important;
  margin-bottom: 4.5rem !important; }

.mb-6 {
  margin-bottom: 4.5rem !important; }

.mt-6 {
  margin-top: 4.5rem !important; }

.ml-6 {
  margin-left: 4.5rem !important; }

.mr-6 {
  margin-right: 4.5rem !important; }

.mx-auto {
  margin-left: auto !important;
  margin-right: auto !important; }

.ml-auto {
  margin-left: auto !important; }

.mr-auto {
  margin-right: auto !important; }

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important; }

.mt-auto {
  margin-top: auto !important; }

.mb-auto {
  margin-bottom: auto !important; }

html {
  height: 100vmax; }

body {
  font-family: "Roboto", Helvetica, sans-serif, Arial;
  background: #F2F2F2;
  min-height: 100vmax; }

.wrapper-inner {
  width: 100%;
  max-width: 1260px;
  padding: 0 1.5rem;
  margin: 0 auto;
  position: relative; }

@media (max-width: 1024px) {
  .wrapper-inner {
    max-width: initial;
    box-sizing: border-box;
    padding: 0 1.5rem; } }

.page-content {
  display: inline-block;
  width: 100%; }

.hola {
  display: inline-block;
  font-size: 1.6rem;
  font-family: "Work Sans", Helvetica, sans-serif, Arial;
  padding: 1rem 0;
  margin: 2rem 0 0 0;
  color: #0B3954; }

.hola:before {
  content: "";
  font-family: 'FontAwesome';
  margin-left: 0;
  margin-right: 1rem; }

/* Footer always on bottom, but not fixed */
html {
  height: 100%; }

body {
  min-height: 100%;
  position: relative;
  overflow-x: hidden; }

.before-footer {
  padding-bottom: 3rem; }

footer {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 1rem;
  background-color: #CCCCCC;
  text-align: center;
  font-size: 1.2rem;
  height: 3rem; }

.page-width {
  padding-left: 22.5rem;
  padding-right: 1.5rem;
  padding-top: 7.5rem;
  width: 100%; }

.page-width .container {
  width: 100%;
  max-width: none; }

@media (max-width: 992px) {
  .page-width {
    padding-left: 16rem; } }

.page-width.nav-min {
  padding-left: 12.5rem;
  padding-right: 1.5rem;
  padding-top: 5rem; }

.search-nav {
  width: 100%; }

.session-exp .flex-center > div {
  text-align: center;
  line-height: 2.1;
  font-size: 1.8rem; }

.session-exp .flex-center > div i {
  font-size: 5.8rem;
  color: #FF6663; }

.badge {
  background: transparent;
  color: #31A2D2; }

.form-crear fieldset, .form-default fieldset {
  padding: 0 1rem;
  display: flex;
  width: calc(100% / 3); }

.form-crear fieldset:nth-child(3n - 2), .form-default fieldset:nth-child(3n - 2) {
  padding-left: 0; }

.form-crear fieldset:nth-child(3n + 3), .form-default fieldset:nth-child(3n + 3) {
  padding-right: 0; }

.field-center {
  display: block;
  margin: auto; }

.cierreEnvios {
  margin-left: inherit;
  margin-right: 50px; }

.form-flex {
  width: 100%; }

.form-flex.form-container {
  background: #FFFFFF;
  padding: 1.5rem 1rem;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }

.form-flex.form-container .form-container, .form-flex.form-container .form-flex {
  box-shadow: none; }

.search-nav .form-flex.form-container {
  box-shadow: none; }

.menu-page-actions > div:first-child {
  margin-right: 1.5rem; }

iframe {
  margin-bottom: 5rem; }

.form-container {
  background: #FFFFFF; }

/* --------------------------------------------
   Contratos
----------------------------------------------- */
.contrato-codigo {
  width: 8%; }

.contrato-nombre {
  width: 20%; }

.contrato-servicio {
  width: 20%; }

.contrato-proveedor {
  width: 20%; }

.contrato-zona {
  width: 20%; }

.contrato-finicio {
  width: 13%; }

.contrato-ffin {
  width: 13%; }

.contrato-venta {
  width: 10%; }

.contrato-vigente {
  width: 13%; }

.contrato-tipo {
  width: 12%;
  padding-right: 0; }

.contrato-cliente {
  width: 12%;
  padding-right: 0; }

.ed-con-id {
  width: 7%; }

.ed-con-vigente {
  width: 11%; }

.ed-con-venta {
  width: 12%; }

.ed-con-desc {
  width: 70%; }

.ed-con-nombre {
  width: 22%; }

.ed-con-finicio {
  width: 10%; }

.ed-con-ffin {
  width: 9%; }

.ed-con-fapli {
  width: 9%; }

.ed-con-neto {
  width: 10%; }

.ed-con-inventario {
  width: 16%; }

.ed-con-comision {
  width: 10%; }

.ed-con-tipoContrato {
  width: 21%; }

.ed-con-contratoAnidado {
  width: 25%; }

.ed-con-falta {
  width: 10%; }

.ed-con-cliente {
  width: 25%; }

.ed-con-delegacion {
  width: 25%; }

.ed-con-regimen {
  width: 25%; }

.ed-con-tipoReserva {
  width: 25%; }

.ed-con-proveedor {
  width: 25%; }

.ed-con-divisa {
  width: 25%; }

.ed-con-tipoServicio {
  width: 25%; }

.ed-con-servicio {
  width: 25%; }

.ed-con-proveedorEnvio {
  width: 25%; }

.ed-con-proveedor {
  position: relative; }

.new_contract .ui-datepicker-trigger {
  display: none; }

.new_contract .editarEnModal {
  display: none !important; }

.ed-con-proveedor, .ed-con-tipoServicio, .ed-con-servicio, .ed-con-proveedorEnvio {
  position: relative; }

.ed-con-proveedor label, .ed-con-tipoServicio label, .ed-con-servicio label, .ed-con-proveedorEnvio label {
  display: flex;
  width: auto; }

.ed-con-proveedor input, .ed-con-proveedor div, .ed-con-tipoServicio input, .ed-con-tipoServicio div, .ed-con-servicio input, .ed-con-servicio div, .ed-con-proveedorEnvio input, .ed-con-proveedorEnvio div {
  width: 100%; }

#proveedorLink, #tipoServicioLink, #servicioLink, #proveedorEnvioLink {
  position: absolute;
  right: 0;
  top: -0.25rem;
  margin-right: 1.5rem;
  background: #0B3954;
  padding: 0.25rem 0.5rem;
  border-radius: 2px;
  color: #FFFFFF;
  font-size: 1rem;
  text-transform: uppercase; }

#proveedorLink i, #tipoServicioLink i, #servicioLink i, #proveedorEnvioLink i {
  margin-left: .25rem; }

#proveedorLink:hover, #tipoServicioLink:hover, #servicioLink:hover, #proveedorEnvioLink:hover {
  background: #31A2D2; }

/* ===================================================================
/*  Agencias / Listar, Crear, Editar
/*  @includes: 'model/Observacion', 'model/direccion', 'model/aviso'
    'model/proveedor/proveedorAjax.jsp', 'model/ClienteTcli/clienteTcli.jsp', 'model/ClienteSistema/clienteSistema.jsp'
/* =================================================================== */
.page-agencias .form-listar-agencias .kt-field.kt-codigo {
  width: 10%; }

.page-agencias .form-listar-agencias .kt-field.kt-nombre {
  width: 20%; }

.page-agencias .form-listar-agencias .kt-field.kt-cif {
  width: 15%; }

.page-agencias .form-listar-agencias .kt-field.kt-tipo {
  width: 20%; }

.page-agencias .form-listar-agencias .kt-field.kt-activo {
  width: 10%; }

.page-agencias .form-listar-agencias .kt-field.kt-web {
  width: 15%; }

.page-agencias .form-listar-agencias .kt-field.kt-provincia {
  width: 20%; }

.page-agencias .form-listar-agencias .kt-field.kt-telefono {
  width: 15%; }

.page-agencias .form-listar-agencias .kt-field.kt-poblacion {
  width: 20%; }

.page-agencias .form-listar-agencias .kt-field.kt-direccion {
  width: 20%; }

.page-agencias .form-listar-agencias .kt-field.field-btn {
  width: 15%; }

.page-agencias #formulario .kt-field.kt-ag-act {
  width: 10%; }

.page-agencias #formulario .kt-field.kt-ag-cli {
  width: 20%; }

.page-agencias #formulario .kt-field.kt-ag-tip {
  width: 20%; }

.page-agencias #formulario .kt-field.kt-ag-cod {
  width: 20%; }

.page-agencias #formulario .kt-field.kt-ag-nom {
  width: 20%; }

.page-agencias #formulario .kt-field.kt-ag-fis {
  width: 20%; }

.page-agencias #formulario .kt-field.kt-ag-lic {
  width: 20%; }

.page-agencias #formulario .kt-field.kt-ag-cif {
  width: 20%; }

.page-agencias #formulario .kt-field.kt-ag-gru {
  width: 20%; }

.page-agencias #formulario .kt-field.kt-ag-fec {
  width: 20%; }

.page-agencias #formulario .kt-field.kt-ag-imp {
  width: 20%; }

.page-agencias #formulario .kt-field.kt-ag-cen {
  width: 7%; }

.page-agencias #formulario .kt-field.kt-ag-emr {
  width: 20%; }

.page-agencias #formulario .kt-field.kt-ag-ema {
  width: 20%; }

.page-agencias #formulario .kt-field.kt-ag-web {
  width: 20%; }

.page-agencias .agen-obs {
  width: 100%; }

.page-agencias #tablaAviso + .tableform-new-head {
  width: calc(100% - 3rem);
  margin: 0 1.5rem; }

.page-agencias #formAviso .kt-field.tdFecha {
  width: 15%; }

.page-agencias #formAviso .kt-field.tdTrigg {
  width: 20%; }

.page-agencias #formAviso .kt-field.tdTipo {
  width: 20%; }

.page-agencias #formAviso .kt-field.tdObs {
  width: 35%; }

.page-agencias #formAviso .kt-field.field-btn {
  width: 10%; }

.page-agencias #tablaClienteSistema th.tdAct, .page-agencias #tablaClienteSistema td.tdAct {
  width: 15%; }

.page-agencias #tablaClienteSistema th.tdSis, .page-agencias #tablaClienteSistema td.tdSis {
  width: 15%; }

.page-agencias #tablaClienteSistema th.tdPag, .page-agencias #tablaClienteSistema td.tdPag {
  width: 40%; }

.page-agencias #tablaClienteSistema th.tdObl, .page-agencias #tablaClienteSistema td.tdObl {
  width: 15%; }

.page-agencias #tablaClienteSistema th.tdDes, .page-agencias #tablaClienteSistema td.tdDes {
  width: 15%; }

.page-agencias .tableUsuarioAgencia th.tua-usu, .page-agencias .tableUsuarioAgencia td.tua-usu {
  width: 22%; }

.page-agencias .tableUsuarioAgencia th.tua-nom, .page-agencias .tableUsuarioAgencia td.tua-nom {
  width: 22%; }

.page-agencias .tableUsuarioAgencia th.tua-ape, .page-agencias .tableUsuarioAgencia td.tua-ape {
  width: 22%; }

.page-agencias .tableUsuarioAgencia th.tua-pwd, .page-agencias .tableUsuarioAgencia td.tua-pwd {
  width: 22%; }

.page-agencias .tableUsuarioAgencia th.tua-act, .page-agencias .tableUsuarioAgencia td.tua-act {
  width: 12%;
  min-width: 9rem; }

.page-agencias .formUsuarioAgencia .kt-field.fua-activo {
  width: 6%; }

.page-agencias .formUsuarioAgencia .kt-field.fua-usu {
  width: 21%; }

.page-agencias .formUsuarioAgencia .kt-field.fua-nom {
  width: 21%; }

.page-agencias .formUsuarioAgencia .kt-field.fua-ape {
  width: 21%; }

.page-agencias .formUsuarioAgencia .kt-field.fua-pwd {
  width: 21%; }

.page-agencias .formUsuarioAgencia .kt-field.fua-act {
  width: 10%; }

.page-proveedor .formProveedorServicio th.tdAct, .page-proveedor .formProveedorServicio td.tdAct, .page-proveedor .tableProveedorServicio th.tdAct, .page-proveedor .tableProveedorServicio td.tdAct {
  width: 8%; }

.page-proveedor .formProveedorServicio th.tdCod, .page-proveedor .formProveedorServicio td.tdCod, .page-proveedor .tableProveedorServicio th.tdCod, .page-proveedor .tableProveedorServicio td.tdCod {
  width: 10%; }

.page-proveedor .formProveedorServicio th.tdNom, .page-proveedor .formProveedorServicio td.tdNom, .page-proveedor .tableProveedorServicio th.tdNom, .page-proveedor .tableProveedorServicio td.tdNom {
  width: 40%; }

.page-proveedor .formProveedorServicio th.tdExt, .page-proveedor .formProveedorServicio td.tdExt, .page-proveedor .tableProveedorServicio th.tdExt, .page-proveedor .tableProveedorServicio td.tdExt {
  width: 30%; }

.page-proveedor .formProveedorServicio th.tdPor, .page-proveedor .formProveedorServicio td.tdPor, .page-proveedor .tableProveedorServicio th.tdPor, .page-proveedor .tableProveedorServicio td.tdPor {
  width: 20%; }

.page-proveedor .formProveedorServicio th.tdEdit, .page-proveedor .formProveedorServicio td.tdEdit, .page-proveedor .tableProveedorServicio th.tdEdit, .page-proveedor .tableProveedorServicio td.tdEdit {
  width: 12%; }

.page-proveedor .tableProveedorServicio tbody tr td.tdAct {
  width: 8%; }

.page-proveedor .tableProveedorServicio tbody tr td.tdCod {
  width: 10%; }

.page-proveedor .tableProveedorServicio tbody tr td.tdNom {
  width: 30%; }

.page-proveedor .tableProveedorServicio tbody tr td.tdEdit {
  width: 52%; }

.block-map .block-map-box {
  width: 50%; }

.block-map .block-map-box:nth-child(even) {
  padding-left: .75rem; }

.block-map .block-map-box:nth-child(odd) {
  padding-right: .75rem; }

.block-map .block-map-box .form-flex fieldset.kt-field {
  width: 8rem;
  padding-right: 0;
  margin-left: 1.5rem; }

.block-map .block-map-box .form-flex fieldset.kt-field:first-child {
  margin-left: 0;
  width: calc(100% - 9.5rem); }

.block-map .block-map-box.bmb-full {
  width: 100%;
  padding: 0; }

/* ===================================================================
/*  Servicios / Listar, Crear, Editar
/*  @includes: 'model/listarMapeos.jsp'
/* =================================================================== */
.page-model-servicios fieldset.kt-field.mod-ser-cod {
  width: 8%; }

.page-model-servicios fieldset.kt-field.mod-ser-nom {
  width: 20%; }

.page-model-servicios fieldset.kt-field.mod-ser-cad {
  width: 20%; }

.page-model-servicios fieldset.kt-field.mod-ser-zon {
  width: 20%; }

.page-model-servicios fieldset.kt-field.mod-ser-tip {
  width: 20%; }

.page-model-servicios fieldset.kt-field.field-btn {
  width: 12%; }

.page-zona-editar .kt-field.kt-cod {
  width: 10%; }

.page-zona-editar .kt-field.kt-hot {
  width: 10%; }

.page-zona-editar .kt-field.kt-act {
  width: 10%; }

.page-zona-editar .kt-field.kt-btn {
  width: 10%; }

#formDescripcionIdioma .kt-idi {
  width: 15%; }

#formDescripcionIdioma .kt-textarea {
  width: 55%; }

#formDescripcionIdioma .kt-btn {
  width: 10%; }

.form-selected button {
  margin-left: auto;
  min-height: 0;
  height: 2.75rem;
  padding: 0.5rem 1rem;
  font-size: 1.2rem; }

.form-selected .info-line {
  background: #FFFFFF;
  padding: 1.25rem;
  border-radius: 2px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }

.form-selected .info-line fieldset {
  width: auto;
  padding-right: 2.5rem; }

.form-selected .info-line fieldset label {
  text-transform: none;
  padding-right: .75rem; }

.form-selected .info-line fieldset label, .form-selected .info-line fieldset span {
  font-size: 1.2rem; }

/* ===================================================================
/*  Reserva / Listar, Crear, Editar
/*  @includes:
/* =================================================================== */
.crmf-tip {
  width: 15%; }

.crmf-fecIni, .crmf-fecFin {
  width: 10%; }

.crmf-est {
  width: 10%; }

.crmf-nom, .crmf-ape {
  width: 15%; }

.crmf-adu, .crmf-nin, .crmf-beb {
  width: 10%; }

.crmf-check-titular {
  margin-left: 2rem; }

.crmf-check-titular:before {
  content: "";
  font-family: 'FontAwesome';
  margin-right: .5rem;
  vertical-align: top; }

.crmf-check-titular label {
  cursor: pointer;
  margin: 0 0.5rem 0 0;
  vertical-align: super;
  line-height: 1.65; }

.crmf-check-titular input {
  margin-top: -1rem; }

.pax-forms {
  width: 100%; }

.pax-forms .form-pax .fpax-nom {
  width: 15%; }

.pax-forms .form-pax .fpax-ape {
  width: 11%; }

.pax-forms .form-pax .fpax-tip {
  width: 9%; }

.pax-forms .form-pax .fpax-sex {
  width: 10%; }

.pax-forms .form-pax .fpax-tipDoc {
  width: 10%; }

.pax-forms .form-pax .fpax-doc {
  width: 10%; }

.pax-forms .form-pax .fpax-edad {
  width: 11%; }

.pax-forms .form-pax .fpax-fecNac {
  width: 13%; }

.importes-form .kt-field {
  width: 8%;
  min-width: 7.5rem;
  /*&.crmf-imp-porImp, &.crmf-imp-porCom {width: 7%;}
    &.crmf-imp-impPor, &.crmf-imp-com, &.crmf-imp-noCom, &.crmf-imp-totGas, &.crmf-imp-tas {width: 10%;}*/ }

.importes-form .kt-field label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.importes-form.importes-agencia-form .kt-field, .importes-form.importes-ttoo-form .kt-field {
  width: calc(100% / 8); }

/** MAPEOS *
/* =========================== */
.page-mapeos.zona .mapeos-proveedor {
  min-width: 40rem; }

.page-mapeos .tr-mapeo-inline .td-mapeo {
  width: 60rem; }

.page-mapeos .tr-mapeo-inline .auto-comp {
  width: calc(100% - 5rem); }

.page-mapeos .tr-mapeo-inline .edit-nav {
  width: 4rem;
  margin-left: 1rem; }

.page-mapeos .tr-mapeo-inline .edit-nav .edit-list li button {
  height: 3.75rem;
  width: 3.75rem; }

/* ===================================================================
/*  Modalidad / Editar.jsp
/*  @includes:
/* =================================================================== */
#formModalidadRestriccion .kt-field {
  width: calc(100% - 16rem)/calc(100% / 5); }

#formModalidadRestriccion .kt-field.field-btn {
  width: 16rem; }

/* ===================================================================
/*  Servicio Markup / listar.jsp (Reglas de Precio)
/*  @includes: includes.jsp
/* =================================================================== */
.tablaFormMarkup {
  padding: 0; }

#formMarkup {
  padding: 1rem 0 0 1rem; }

#formMarkup fieldset, .tablaFormMarkup fieldset {
  width: 100%; }

#formMarkup .tdFecha, .tablaFormMarkup .tdFecha {
  width: 15%; }

#formMarkup .tdPro, .tablaFormMarkup .tdPro {
  width: 20%; }

#formMarkup .tdMarkup, .tablaFormMarkup .tdMarkup {
  width: 15%; }

#formMarkup .tdEdit, .tablaFormMarkup .tdEdit {
  width: 10%;
  min-width: 100px; }

/* ===================================================================
/*  Proveedor Servicio / editar.jsp (Apartados Descripciones, Facilidades, Fotos)
/*  @includes: ProveedorServicio/editar.jsp
/* =================================================================== */
.ps-foto-item {
  margin: .5rem 0;
  position: relative;
  overflow: hidden; }

.ps-foto-item p {
  padding: .25rem;
  font-size: 1.2rem; }

.ps-foto-item p.name {
  position: absolute;
  width: 92%;
  bottom: 0;
  left: 0;
  padding: 1rem;
  background-color: #000000;
  background-color: rgba(0, 0, 0, 0.72);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=$ie_str,endColorstr=$ie_str);
  color: #FFFFFF;
  text-align: center;
  text-transform: uppercase; }

.ps-foto-item img {
  width: auto !important;
  max-height: 17rem;
  min-width: 100%;
  margin: auto; }

.t-center {
  text-align: center; }

.t-left {
  text-align: left; }

.t-right {
  text-align: right; }

/* Clase para poner un icono "ban" encima de cualquier otro icono */
.ban-icon {
  position: relative; }

.ban-icon .fa:not(.fa-ban) {
  color: #CCCCCC; }

.ban-icon .fa-ban {
  font-size: 190% !important;
  color: #FF6663;
  position: absolute;
  top: 0;
  left: .375rem;
  opacity: .72; }

.tableform-new-head, .head-section, #tabsEtour .tableform-new-head {
  font-size: 2.1rem;
  font-family: "Work Sans", Helvetica, sans-serif, Arial;
  color: #0B3954;
  border-bottom: 2px solid #0B3954;
  padding: .5rem 0;
  margin: 2rem 0 1rem 0;
  display: flex; }

.tableform-new-head:before, .head-section:before, #tabsEtour .tableform-new-head:before {
  display: inline-block;
  margin-right: 1rem;
  line-height: 1.3;
  font-size: 1.6rem; }

.tableform-new-head {
  width: 100%;
  font-size: 1.8rem; }

.tableform-new-head i {
  margin-right: .75rem; }

.tableform-new-head.min {
  font-size: 1.6rem; }

.tableform-new-head.min i {
  font-size: 1.7rem; }

.session-exp .flex-center > div h5, .head-crear, .swal-modal .swal-title {
  font-size: 2.4rem;
  letter-spacing: 3px;
  font-family: "Rubik", Helvetica, sans-serif, Arial; }

.head-note {
  /*margin-left: auto;
  margin-top: auto;*/
  font-size: 1.2rem;
  font-weight: 400;
  margin: auto 0 0.75rem auto;
  line-height: 2.75; }

.head-note:before {
  font-size: 2.1rem;
  margin: 1rem; }

.head-note.imp {
  font-size: 1.6rem;
  letter-spacing: 2px; }

.head-note.warning {
  background: #feefd7;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }

.head-note.warning:before {
  content: "";
  font-family: 'FontAwesome'; }

/* NOTAS INFORMATIVAS
  ===============================
  class --> 'note'
  <elemento>
    <h5> --> Título
    <i> --> Icono
  <elemnto>
  =============================== */
.note {
  font-size: 1.3rem;
  padding: 1rem;
  border-radius: 3px;
  margin-bottom: 1rem; }

.note i {
  margin-right: .75rem; }

.note h5 {
  display: inline;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 1.5rem;
  font-weight: 600; }

.note.warning {
  background: #feefd7;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }

.note.error {
  background: #dc2c19;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  color: #FFFFFF; }

/* Titulos para bloques de formularios */
/* =================================== */
.head-form {
  font-size: 2.1rem;
  font-family: "Work Sans", Helvetica, sans-serif, Arial;
  color: #0B3954;
  border-bottom: 2px solid #0B3954;
  padding: .5rem 0;
  margin: 2rem 0 1rem 0;
  display: flex; }

.head-form:before {
  display: inline-block;
  margin-right: 1rem;
  line-height: 1.3;
  font-size: 1.6rem; }

.head-form > i {
  margin-left: .5rem;
  cursor: pointer; }

.head-form span {
  cursor: pointer; }

.head-form.search:before {
  content: "";
  font-family: 'FontAwesome'; }

.head-form.user:before {
  content: "";
  font-family: 'FontAwesome'; }

.head-form.users:before {
  content: "";
  font-family: 'FontAwesome'; }

.head-form.eye:before {
  content: "";
  font-family: 'FontAwesome'; }

.head-form.cubes:before {
  content: "";
  font-family: 'FontAwesome'; }

.head-form.percent:before {
  content: "";
  font-family: 'FontAwesome'; }

.head-form.bell:before {
  content: "";
  font-family: 'FontAwesome'; }

.head-form.filter:before {
  content: "";
  font-family: 'FontAwesome'; }

.head-form.list:before {
  content: "";
  font-family: 'FontAwesome'; }

.head-form.text:before {
  content: "";
  font-family: 'FontAwesome'; }

.head-form.comment:before {
  content: "";
  font-family: 'FontAwesome'; }

.head-form.folder:before {
  content: "";
  font-family: 'FontAwesome'; }

.head-form.new:before {
  content: "";
  font-family: 'FontAwesome'; }

.head-form.new-square:before {
  content: "";
  font-family: 'FontAwesome'; }

.head-form.w-icon:before {
  content: inherit;
  font-family: 'FontAwesome'; }

.head-form .btn-add-new {
  display: flex;
  margin: -1rem 0 0 auto; }

.head-form.head-tab {
  font-size: 1.6rem;
  background: #FFFFFF;
  width: auto;
  display: inline-block;
  padding: 1rem 2.5rem 1rem 1.25rem;
  letter-spacing: 2.5px;
  margin: 0;
  border: none;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 -1px 2px rgba(0, 0, 0, 0.24); }

/* Títulos de paginas */
.ktop-head h2 {
  display: inline-block;
  width: auto;
  font-size: 2.1rem;
  letter-spacing: .25rem;
  text-transform: uppercase;
  margin: 2rem 0 1rem 0;
  font-family: "Rubik", Helvetica, sans-serif, Arial;
  color: #3a3a3a; }

.ktop-head h2 i {
  display: inline-block;
  margin-right: .5rem;
  color: #0B3954; }

.ktop-head h3 {
  font-family: "Rubik", Helvetica, sans-serif, Arial;
  font-size: 1.5rem;
  letter-spacing: .15rem;
  margin: auto auto 1rem 0;
  display: inline-block;
  width: auto; }

.ktop-head h2 + h3:before {
  content: "-";
  margin: 0 0.5rem; }

.head-sub, .kt-alert .modal-title, .tabla-proser-head h3, .tabla-proser-head h4 {
  display: flex;
  width: 100%;
  font-size: 1.6rem;
  font-family: "Work Sans", Helvetica, sans-serif, Arial;
  color: #0B3954;
  margin: 1.5rem 0 0.375rem; }

.head-sub > i, .kt-alert .modal-title > i, .tabla-proser-head h3 > i, .tabla-proser-head h4 > i {
  margin-right: .5rem;
  cursor: pointer; }

.head-sub .ktop-btn.new, .kt-alert .modal-title .ktop-btn.new, .tabla-proser-head h3 .ktop-btn.new, .tabla-proser-head h4 .ktop-btn.new {
  margin-bottom: .5rem;
  margin-top: -.5rem; }

.toggle-caret {
  position: relative;
  cursor: pointer; }

.toggle-caret:after {
  position: absolute;
  right: 0;
  content: "";
  font-family: 'FontAwesome'; }

.toggle-caret.k-close {
  opacity: .81;
  color: #333333; }

.toggle-caret.k-close:hover {
  opacity: 1; }

.toggle-caret.k-open:after {
  -webkit-transform: rotateX(-180deg);
  -moz-transform: rotateX(-180deg);
  -o-transform: rotateX(-180deg);
  -ms-transform: rotateX(-180deg);
  transform: rotateX(-180deg); }

.text-nowrap {
  white-space: nowrap; }

.ktop-bar-layer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  background: rgba(255, 255, 255, 0.81);
  z-index: 100; }

.ktop-bar-layer span {
  text-align: center;
  display: block;
  width: 100%;
  margin-top: -3rem;
  line-height: 2.75;
  text-transform: uppercase;
  letter-spacing: 2px;
  white-space: nowrap; }

.ktop-bar-layer span:empty {
  display: none; }

.pos-relative {
  position: relative;
  min-height: 7rem; }

.ktop-progress {
  background-color: #e5e9eb;
  height: 0.375em;
  position: relative;
  width: 24em;
  margin: auto auto; }

.ktop-progress .ktop-progress-bar {
  animation-duration: 6.75s;
  background-image: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);
  background-size: 24em 0.375em;
  height: 100%;
  position: relative; }

.ktop-progress .ktop-progress-shadow {
  background-image: linear-gradient(to bottom, #eaecee, transparent);
  height: 4em;
  position: absolute;
  top: 100%;
  width: 100%;
  -webkit-transform: skew(45deg);
  -moz-transform: skew(45deg);
  -o-transform: skew(45deg);
  -ms-transform: skew(45deg);
  transform: skew(45deg);
  transform-origin: 0 0; }

.ktop-progress.loading {
  display: block; }

.ktop-progress.loading .ktop-progress-bar {
  animation-name: barWidth; }

.ktop-progress.loading.completed .ktop-progress-bar {
  animation-duration: .3s; }

.ktop-progress.loading-alt {
  display: block; }

.ktop-progress.loading-alt .ktop-progress-bar {
  animation-name: growBar; }

.loading-full {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 200;
  display: none; }

.loading-full .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #FFFFFF;
  background-color: rgba(255, 255, 255, 0.88);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=$ie_str,endColorstr=$ie_str); }

.loading-full .loading-full-box {
  display: flex;
  margin: auto; }

.loading-full .loader-square {
  display: inline-block;
  width: 30px;
  height: 30px;
  position: relative;
  border: 4px solid #0B3954;
  top: 50%;
  animation: loading-square 2s infinite ease; }

.loading-full .loader-square .loader-inner {
  vertical-align: top;
  display: inline-block;
  width: 100%;
  background-color: #0B3954;
  animation: loadingSquareInner 2s infinite ease-in; }

.loading-full.active {
  display: flex; }

#panel-menu {
  height: auto !important; }

header.top {
  width: 100%;
  background: #0B3954;
  border-top: 8px solid #ffb800;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  position: fixed;
  z-index: 101; }

header.top .logo {
  display: block;
  margin-right: auto;
  margin-left: 2.5rem; }

header.top .logo img {
  max-width: 15rem;
  margin: 1rem 0; }

header.top > section {
  margin-left: auto;
  margin-right: 2rem;
  font-size: 1.2rem;
  color: #FFFFFF; }

header.top > section .date-info {
  display: flex;
  margin-left: auto;
  margin-bottom: .5rem; }

header.top > section .date-info i {
  margin-right: .5rem; }

header.top > section a {
  color: #FFFFFF; }

header.top .adminPanel {
  background: transparent;
  padding: .5rem 0 !important;
  line-height: 4;
  max-height: 4.5rem; }

header.top .adminPanel:hover, header.top .adminPanel:focus, header.top .adminPanel:active {
  background: transparent; }

header.top .menu-trigger {
  margin: 1rem 0; }

@media (max-width: 768px) {
  header.top .menu-trigger {
    display: block; } }

header.top .nav {
  margin-top: auto; }

header.top .nav li {
  display: inline-block; }

header.top.nav-min .logo {
  margin-left: 1rem; }

header.top.nav-min .logo img {
  max-width: 10rem;
  margin: 0.5rem 0 0.5rem 1rem; }

.badge.notifications {
  border: 1px solid #CCC;
  margin-right: .5rem;
  padding: 1rem 0.75rem 1rem 0.5rem;
  border-radius: 3px;
  background: #F3F3F3;
  color: #FF6663;
  font-size: 1.2rem; }

.badge.notifications i {
  color: #FF6663;
  margin-right: .5rem;
  padding: 0 0.5rem;
  border-right: 1px solid #CCC; }

.badge.notifications.may i {
  color: #E2C044;
  -webkit-animation: tada 0.5s;
  -moz-animation: tada 0.5s;
  -ms-animation: tada 0.5s;
  -o-animation: tada 0.5s;
  animation: tada 0.5s;
  animation-iteration-count: infinite; }

/* Reset general.css */
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
  height: auto; }

.dropdown .menuAdmin {
  display: none;
  position: absolute;
  top: 6.5rem;
  width: 100%;
  border-color: #CCCCCC; }

.dropdown .menuAdmin, .dropdown .menuAdmin li {
  background: #FFFFFF; }

.dropdown .menuAdmin:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  top: -15px;
  right: 3rem;
  border-style: solid;
  border-width: 0 15px 15px 15px;
  border-color: transparent transparent #ffffff transparent; }

.dropdown .menuAdmin li a {
  padding: 1rem 2rem;
  color: #0B3954;
  font-family: "Roboto", Helvetica, sans-serif, Arial; }

.dropdown .menuAdmin li a:hover, .dropdown .menuAdmin li a:active, .dropdown .menuAdmin li a:focus {
  background: #0B3954;
  color: #FFFFFF; }

.dropdown .menuAdmin li a i {
  margin-right: 1rem; }

.dropdown.open > a {
  height: auto; }

.dropdown.open .menuAdmin {
  display: block;
  -webkit-animation: fadeInDown 0.3s;
  -moz-animation: fadeInDown 0.3s;
  -ms-animation: fadeInDown 0.3s;
  -o-animation: fadeInDown 0.3s;
  animation: fadeInDown 0.3s; }

/* Fixed nav - no esta listo */
.fixed-nav {
  position: fixed;
  top: 7.5rem;
  z-index: 11;
  height: calc(100vh - 7.5rem); }

.fixed-nav + section {
  padding-top: 5rem; }

.fixed-nav #panel-menu {
  font-family: "Rubik", Helvetica, sans-serif, Arial;
  display: block;
  width: 21rem;
  left: 0;
  top: 0;
  height: 100%;
  z-index: 1200;
  background: #0B3954;
  color: #FFFFFF;
  box-shadow: 6px 0px 24px -2px rgba(0, 0, 0, 0.09);
  transition: all 0.75s cubic-bezier(0, 0, 0.2, 1) 0s; }

.fixed-nav #panel-menu > nav, .fixed-nav #panel-menu > nav > ul {
  height: 100%; }

@media (max-width: 992px) {
  .fixed-nav #panel-menu {
    width: 16rem; } }

.fixed-nav.nav-min {
  top: 5rem;
  height: calc(100vh - 5rem); }

.fixed-nav.nav-min #panel-menu {
  width: 11rem; }

.fixed-nav.nav-min #panel-menu > nav > ul {
  overflow: visible; }

.fixed-nav.nav-min #panel-menu > nav > ul > li.mm-item > a {
  font-size: 1.1rem;
  letter-spacing: 0; }

.fixed-nav.nav-min #panel-menu > nav > ul > li.mm-item > a:before {
  display: none; }

.fixed-nav.nav-min #panel-menu > nav > ul > li.mm-item .mm-sub {
  position: absolute;
  right: 0;
  height: auto;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -o-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); }

.fixed-nav.nav-min #panel-menu > nav > ul > li.mm-item.open .mm-sub {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -o-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%); }

.fixed-nav.nav-min #panel-menu > nav .menu-actions i .close-nav {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg); }

.fixed-nav.only-icons #panel-menu > nav > ul > li.mm-item .caret {
  display: none; }

.fixed-nav.only-icons #panel-menu > nav > ul > li.mm-item > a {
  font-size: 0; }

.fixed-nav.only-icons #panel-menu > nav > ul > li.mm-item > a:before {
  display: block;
  line-height: 3; }

#panel-menu > nav > ul {
  display: block;
  overflow-x: hidden;
  overflow-y: auto; }

#panel-menu > nav > ul > li.mm-item {
  height: 5.7rem;
  width: 100%;
  position: relative;
  text-align: center;
  border-bottom: 1px solid #FFFFFF; }

#panel-menu > nav > ul > li.mm-item .caret {
  border-top-color: #FFFFFF;
  opacity: 0; }

#panel-menu > nav > ul > li.mm-item:hover .caret, #panel-menu > nav > ul > li.mm-item.open .caret {
  opacity: 1; }

#panel-menu > nav > ul > li.mm-item:first-child {
  border-top: 1px solid #FFFFFF; }

#panel-menu > nav > ul > li.mm-item:last-child {
  border-bottom: 0; }

#panel-menu > nav > ul > li.mm-item.open, #panel-menu > nav > ul > li.mm-item.selected {
  height: auto;
  max-height: none;
  background: #31A2D2; }

#panel-menu > nav > ul > li.mm-item.open > a, #panel-menu > nav > ul > li.mm-item.selected > a {
  padding: 0rem 0;
  font-size: 1.2rem; }

#panel-menu > nav > ul > li.mm-item.open .tooltip, #panel-menu > nav > ul > li.mm-item.selected .tooltip {
  z-index: -1; }

#panel-menu > nav > ul > li.mm-item > a {
  width: 100%;
  height: 100%;
  line-height: 4;
  color: #FFFFFF;
  text-transform: uppercase;
  letter-spacing: .2rem;
  font-size: 1.2rem;
  padding: 1rem 0;
  position: relative;
  transition: all 0.2s linear; }

#panel-menu > nav > ul > li.mm-item.on > ul.mm-sub {
  height: 100%;
  opacity: 1;
  visibility: visible;
  transition-property: transform, opacity;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -o-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0); }

#panel-menu > nav > ul > li.mm-item > ul li {
  border-bottom: 1px solid #efefef;
  padding: 0; }

#panel-menu > nav > ul > li.mm-item > ul li a {
  padding: 1rem;
  width: 100%;
  text-transform: capitalize;
  font-size: 1.2rem;
  color: #FFFFFF;
  font-family: "Rubik", Helvetica, sans-serif, Arial;
  letter-spacing: 1px;
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.33); }

@media (max-width: 992px) {
  #panel-menu > nav > ul > li.mm-item > ul li a {
    padding: 0.5rem 33%;
    white-space: nowrap; } }

#panel-menu > nav > ul > li.mm-item > ul li a i {
  display: inline-block;
  margin-right: 1rem;
  min-width: 2.25rem;
  font-size: 1.75rem; }

#panel-menu > nav .mm-sub {
  font-family: "Rubik", Helvetica, sans-serif, Arial;
  min-width: 16rem;
  background: #31A2D2; }

#panel-menu > nav .mm-sub li {
  display: flex;
  padding: 0 1rem;
  width: 100%; }

#panel-menu > nav .menu-actions {
  justify-content: space-evenly;
  height: auto;
  padding: 1.5rem 0; }

#panel-menu > nav .menu-actions i {
  display: flex;
  width: 3rem;
  height: 3rem;
  line-height: 1.7;
  padding: 0 0.9rem;
  font-size: 1.8rem;
  border-radius: 50%;
  background: #31A2D2;
  color: #FFFFFF; }

.mm-sub {
  transition-property: opacity, transform;
  opacity: 0;
  height: 0;
  visibility: hidden;
  -webkit-transform: scaleY(0) translateY(-109%);
  -moz-transform: scaleY(0) translateY(-109%);
  -o-transform: scaleY(0) translateY(-109%);
  -ms-transform: scaleY(0) translateY(-109%);
  transform: scaleY(0) translateY(-109%); }

.mm-item.open .mm-sub {
  opacity: 1;
  height: 100%;
  visibility: visible;
  -webkit-transform: scaleY(1) translateY(0);
  -moz-transform: scaleY(1) translateY(0);
  -o-transform: scaleY(1) translateY(0);
  -ms-transform: scaleY(1) translateY(0);
  transform: scaleY(1) translateY(0); }

.ui-resizable-helper {
  border-right: 2px solid #31A2D2; }

.mm-item > a:before {
  font-weight: 400;
  font-size: 14px;
  line-height: 0; }

.item-básico > a:before {
  content: "";
  font-family: 'FontAwesome'; }

.item-transportes > a:before {
  content: "";
  font-family: 'FontAwesome'; }

.item-clientes > a:before {
  content: "";
  font-family: 'FontAwesome'; }

.item-servicios > a:before {
  content: "";
  font-family: 'FontAwesome'; }

.item-contratos > a:before {
  content: "";
  font-family: 'FontAwesome'; }

.item-administracion > a:before {
  content: "";
  font-family: 'FontAwesome'; }

.item-mapeos > a:before {
  content: "";
  font-family: 'FontAwesome'; }

.item-reservas > a:before {
  content: "";
  font-family: 'FontAwesome'; }

.item-politicas > a:before {
  content: "";
  font-family: 'FontAwesome'; }

.item-web > a:before {
  content: "";
  font-family: 'FontAwesome'; }

.page-wrap-login {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%; }

.login-section {
  height: 100%;
  margin: auto;
  width: 100%;
  display: flex; }

.bg-login {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  max-height: 100vh;
  min-width: 100%;
  width: auto; }

.login {
  position: relative;
  display: block;
  margin: auto;
  width: 33.5rem;
  -webkit-transform: translateY(-12rem);
  -moz-transform: translateY(-12rem);
  -o-transform: translateY(-12rem);
  -ms-transform: translateY(-12rem);
  transform: translateY(-12rem); }

.login h2 {
  color: #FFF;
  letter-spacing: 5px;
  font-size: 2.8rem;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 2rem; }

.login form {
  padding: 2rem;
  width: 100%;
  background-color: #FFFFFF;
  background-color: rgba(255, 255, 255, 0.85);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=$ie_str,endColorstr=$ie_str);
  border-radius: 3px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }

.login form:hover {
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); }

.login fieldset {
  width: 100%; }

.login fieldset label, .login fieldset input {
  display: flex;
  width: 100%; }

.login fieldset button {
  display: block;
  margin: 2rem auto; }

.login .logo img {
  display: block;
  max-width: 70%;
  margin: auto auto 1.5rem auto; }

.login-message {
  display: block;
  background: #FF6663;
  color: #FFFFFF;
  padding: 2rem;
  margin: 1rem 0;
  font-size: 1.4rem;
  text-align: center;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  border-radius: 3px; }

.login-message i {
  margin-right: .5rem; }

.breadcrumb {
  margin-top: 2rem;
  padding: 1rem;
  background: #FFFFFF;
  color: #3a3a3a; }

.breadcrumb span {
  display: flex;
  font-size: 1.4rem; }

.breadcrumb ol, .breadcrumb ul {
  margin-top: 0;
  display: flex;
  background: transparent; }

.breadcrumb ol li, .breadcrumb ul li {
  font-size: 1.4rem;
  padding: 0 1.25rem 0 0; }

.breadcrumb ol li:before, .breadcrumb ul li:before {
  content: "";
  font-family: 'FontAwesome';
  margin-right: 1.25rem; }

.breadcrumb ol li.active, .breadcrumb ol li.active a, .breadcrumb ul li.active, .breadcrumb ul li.active a {
  color: #0B3954; }

.breadcrumb ol li:first-child:before, .breadcrumb ul li:first-child:before {
  content: "";
  font-family: 'FontAwesome';
  padding-left: 0;
  margin-right: .5rem; }

.breadcrumb ol li a, .breadcrumb ul li a {
  font-size: 1.4rem;
  color: #999999; }

#formBreadCrumb {
  display: inline-block; }

#formBreadCrumb input[type="submit"] {
  border: none;
  margin: 0;
  display: flex;
  font-size: 1.4rem;
  color: #999999; }

.active #formBreadCrumb input[type="submit"] {
  color: #0B3954; }

/* =========================
/* Alerts
/ ========================== */
.alerts-section {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  flex-direction: row; }

.alerts-index, .alerts-notifications {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column; }

.alerts-notifications {
  width: 40rem;
  margin-right: auto; }

.alerts-index {
  width: 60rem;
  margin-left: auto; }

.head-section {
  margin-bottom: 3rem; }

.head-section.ale:before {
  content: "";
  font-family: 'FontAwesome'; }

.head-section.not:before {
  content: "";
  font-family: 'FontAwesome';
  margin-right: 1rem; }

.head-section.collapse {
  cursor: pointer; }

.head-section.collapse i {
  margin-left: 1rem; }

/* Ktop Alert
*  ---------------
*  Messages Alerts positioned right
* =============================== */
.pl-alert {
  position: relative;
  border-radius: 3px;
  margin-bottom: 20px;
  border: none;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  opacity: .75;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  animation: flipInX 1s;
  transition-property: box-shadow; }

.pl-alert:hover {
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
  opacity: 1; }

.pl-alert:nth-child(2) {
  animation-delay: .1s; }

.pl-alert .pl-alert-icon {
  display: flex;
  padding: 0 2rem 0 2rem;
  border-width: 1px 0 1px 1px;
  min-width: 6.5rem;
  max-width: 6.5rem; }

.pl-alert .pl-alert-icon i {
  font-size: 2.4rem;
  line-height: 2.35;
  min-width: 2.25rem;
  text-align: center; }

.pl-alert .pl-alert-info {
  display: flex;
  padding: .5rem 0;
  width: calc(100% - 6.5rem);
  border: solid #CCCCCC;
  border-width: 1px 1px 1px 0; }

.pl-alert .pl-alert-info p {
  display: block;
  font-size: 1.4rem;
  line-height: 1.6;
  width: calc(100% - 3rem);
  margin: auto auto;
  padding-left: 1rem;
  color: #3a3a3a; }

.pl-alert .close {
  color: #3a3a3a;
  opacity: .65;
  position: absolute;
  right: 1.5rem;
  top: .75rem;
  font-size: 1.2rem; }

.pl-alert .close:hover {
  opacity: 1; }

.pl-alert.alert-ko {
  color: #FFFFFF; }

.pl-alert.alert-ko .pl-alert-icon {
  background: #bf473a;
  border-color: #bf473a; }

.pl-alert.alert-ok {
  color: #FFFFFF; }

.pl-alert.alert-ok .pl-alert-icon {
  background: #57926b;
  border-color: #57926b; }

/* Ktop Messages for right
*  ---------------
* SNACKBAR / Texto descriptivo simple / de accion
* =============================== */
.kt-message {
  position: fixed;
  padding: 2rem;
  border-radius: 3px;
  background: #DFDFDF;
  border: 1px solid #DFDFDF;
  color: #3a3a3a;
  font-size: 1.4rem;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  z-index: 100; }

.kt-message i {
  font-size: 1.8rem;
  margin-right: 1.5rem; }

.kt-message.message-ok {
  background: #208056;
  border-color: #175b3d;
  color: #FFFFFF; }

.kt-message.message-ok:before {
  background-color: #208056;
  background-color: rgba(32, 128, 86, 0.38);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=$ie_str,endColorstr=$ie_str); }

.kt-message.message-ko {
  background: #dc2c19;
  border-color: #b32414;
  color: #FFFFFF; }

.kt-message.message-ko:before {
  background-color: #dc2c19;
  background-color: rgba(220, 44, 25, 0.38);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=$ie_str,endColorstr=$ie_str); }

.kt-message:hover, .kt-message:active, .kt-message:focus {
  box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22); }

.kt-message p {
  line-height: 1.35; }

.kt-message button {
  width: 42.5%;
  margin: 0 2.5% 0 5%; }

.kt-message button.kt-btn-mes-confirm {
  background: #208056; }

.kt-message button.kt-btn-mes-cancel {
  background: #dc2c19; }

.kt-message:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 5px;
  width: 0;
  transition-duration: 4.75s;
  transition-delay: 0s; }

.kt-message.active:before {
  width: 100%; }

.kt-message.bottom {
  -webkit-animation: bounceInUp 0.28s;
  -moz-animation: bounceInUp 0.28s;
  -ms-animation: bounceInUp 0.28s;
  -o-animation: bounceInUp 0.28s;
  animation: bounceInUp 0.28s;
  bottom: 6.5rem; }

.kt-message.bottom.out {
  -webkit-animation: bounceOutUp 0.28s;
  -moz-animation: bounceOutUp 0.28s;
  -ms-animation: bounceOutUp 0.28s;
  -o-animation: bounceOutUp 0.28s;
  animation: bounceOutUp 0.28s; }

.kt-message.top {
  -webkit-animation: bounceInDown 0.28s;
  -moz-animation: bounceInDown 0.28s;
  -ms-animation: bounceInDown 0.28s;
  -o-animation: bounceInDown 0.28s;
  animation: bounceInDown 0.28s;
  top: 6.5rem; }

.kt-message.top.out {
  -webkit-animation: bounceOutDown 0.28s;
  -moz-animation: bounceOutDown 0.28s;
  -ms-animation: bounceOutDown 0.28s;
  -o-animation: bounceOutDown 0.28s;
  animation: bounceOutDown 0.28s; }

.kt-message.right {
  -webkit-animation: bounceInRight 0.28s;
  -moz-animation: bounceInRight 0.28s;
  -ms-animation: bounceInRight 0.28s;
  -o-animation: bounceInRight 0.28s;
  animation: bounceInRight 0.28s;
  right: 2.5rem; }

.kt-message.right.out {
  -webkit-animation: bounceOutRight 0.28s;
  -moz-animation: bounceOutRight 0.28s;
  -ms-animation: bounceOutRight 0.28s;
  -o-animation: bounceOutRight 0.28s;
  animation: bounceOutRight 0.28s; }

.kt-message.left {
  -webkit-animation: bounceInLeft 0.28s;
  -moz-animation: bounceInLeft 0.28s;
  -ms-animation: bounceInLeft 0.28s;
  -o-animation: bounceInLeft 0.28s;
  animation: bounceInLeft 0.28s;
  left: 2.5rem; }

.kt-message.left.out {
  -webkit-animation: bounceOutLeft 0.28s;
  -moz-animation: bounceOutLeft 0.28s;
  -ms-animation: bounceOutLeft 0.28s;
  -o-animation: bounceOutLeft 0.28s;
  animation: bounceOutLeft 0.28s; }

/* Escandallar Contratos Bloque */
/* ================================= */
.pl-alert-area {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column; }

.pl-alert-area nav {
  width: 100%;
  display: flex;
  margin-top: 2rem; }

.pl-alert-area nav > ul {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  width: 100%;
  font-size: 1.4rem; }

.pl-alert-area nav > ul > li {
  display: flex;
  padding: 2rem;
  border-right: 1px dashed #CCCCCC;
  width: 20%;
  flex-wrap: wrap;
  flex-direction: column;
  opacity: 0;
  -webkit-animation: fadeIn 0.5s;
  -moz-animation: fadeIn 0.5s;
  -ms-animation: fadeIn 0.5s;
  -o-animation: fadeIn 0.5s;
  animation: fadeIn 0.5s;
  animation-fill-mode: forwards;
  /* Transition delay for animation in */ }

.pl-alert-area nav > ul > li:nth-child(2) {
  animation-delay: 0.2s; }

.pl-alert-area nav > ul > li:nth-child(3) {
  animation-delay: 0.3s; }

.pl-alert-area nav > ul > li:nth-child(4) {
  animation-delay: 0.4s; }

.pl-alert-area nav > ul > li:nth-child(5) {
  animation-delay: 0.5s; }

.pl-alert-area nav > ul > li:nth-child(6) {
  animation-delay: 0.6s; }

.pl-alert-area nav > ul > li:nth-child(7) {
  animation-delay: 0.7s; }

.pl-alert-area nav > ul > li:nth-child(8) {
  animation-delay: 0.8s; }

.pl-alert-area nav > ul > li:nth-child(9) {
  animation-delay: 0.9s; }

.pl-alert-area nav > ul > li:nth-child(10) {
  animation-delay: 1s; }

.pl-alert-area nav > ul > li:nth-child(11) {
  animation-delay: 1.1s; }

.pl-alert-area nav > ul > li:nth-child(12) {
  animation-delay: 1.2s; }

.pl-alert-area nav > ul > li:nth-child(n+6) {
  border-top: 1px dashed #CCCCCC; }

.pl-alert-area nav > ul > li:hover {
  background: #DFDFDF;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); }

.pl-alert-area nav > ul > li i, .pl-alert-area nav > ul > li span {
  display: block;
  text-align: center; }

.pl-alert-area nav > ul > li i {
  font-size: 3.2rem; }

.pl-alert-area nav > ul > li > span {
  margin-top: 2rem;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: .2rem;
  min-height: 3rem; }

.pl-alert-area nav > ul > li .sub {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  width: 100%;
  margin-top: 2rem; }

.pl-alert-area nav > ul > li .sub li {
  width: 100%;
  border: none;
  font-size: 1.2rem; }

.pl-alert-area nav > ul > li .sub li a {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  padding: 1rem 0; }

.pl-alert-area nav > ul > li .sub li a:hover {
  background: #0B3954;
  color: #FFFFFF;
  border-radius: 2px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }

.pl-alert-area nav > ul > li .sub li a:hover strong {
  background: white;
  color: #0B3954; }

.pl-alert-area nav > ul > li .sub li span {
  display: flex;
  width: calc(100% - 3.5rem);
  text-align: left;
  margin: auto 0 auto 0; }

.pl-alert-area nav > ul > li .sub li strong {
  display: block;
  margin: 0.25rem 0.5rem 0.5rem 0.5rem;
  border-radius: 50%;
  width: 2.5rem;
  height: 2.5rem;
  line-height: 2.5rem;
  font-size: 1.1rem;
  background: #0B3954;
  color: #FFFFFF;
  text-align: center; }

/* Ktop Sweet Alert
*  ---------------
*  Sweet Alert
* =============================== */
.swal-modal {
  width: auto;
  padding: 0 3.5rem;
  min-width: 14rem; }

.swal-modal .swal-title {
  letter-spacing: .05rem; }

.swal-modal .swal-footer {
  padding-bottom: 1.5rem; }

.swal-modal .swal-button-container {
  margin: auto; }

.swal-modal .swal-button {
  min-width: 9.5rem; }

.swal-modal .swal-button.swal-btn-error, .swal-modal .swal-button.swal-button--cancel, .swal-modal .swal-button.swal-button--confirm.swal-btn-error {
  background: #dc2c19;
  border-color: #bc2615; }

.swal-modal .swal-button.swal-btn-success, .swal-modal .swal-button.swal-button--confirm {
  background: #208056;
  border-color: #196343; }

.swal-modal .swal-button.swal-btn-warning {
  background: #ffb800;
  border-color: #db9e00; }

/* Ktop Alert
*  ---------------
*  Layer manual - Custom (Reserva --> Error crear)
* =============================== */
.alert-full {
  z-index: 101;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: fixed; }

.alert-full > div {
  position: relative;
  margin: auto;
  padding: 3rem 5rem 5rem 5rem;
  z-index: 10;
  border-radius: 3px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); }

.alert-full i {
  display: block;
  text-align: center;
  font-size: 4.8rem;
  margin: 0 0 1.5rem 0; }

.alert-full h2, .alert-full h3, .alert-full h4 {
  font-size: 1.6rem;
  font-weight: 300;
  letter-spacing: 2px;
  width: 80%;
  text-align: center;
  margin: auto;
  line-height: 1.75; }

.alert-full .close-alert {
  position: absolute;
  right: 0;
  top: -3rem;
  background: transparent;
  border: none;
  color: #FFFFFF; }

.alert-full .close-alert i {
  font-size: 2.8rem; }

.alert-full.error > div {
  background: #dc2c19;
  color: #FFFFFF; }

.alert-full.success > div {
  background: #208056;
  color: #FFFFFF; }

/* Ktop Alert
*  ---------------
*  Modal Bootstrap
* =============================== */
.kt-alert .modal-title {
  display: block;
  margin: 0;
  text-transform: uppercase;
  letter-spacing: 3px;
  color: #FFFFFF;
  text-align: center; }

.kt-alert .close {
  color: #FFF;
  opacity: .81; }

.kt-alert .modal-dialog {
  width: 1200px; }

@media (max-width: 992px) {
  .kt-alert .modal-dialog {
    width: 992px; } }

.kt-alert .modal-header {
  background: #0B3954;
  color: #FFFFFF; }

.kt-alert .modal-footer {
  justify-content: space-around; }

/* Colorbox */
.colorbox-confirm h2, .colorbox-confirm h3 {
  font-size: 21px;
  text-align: center;
  margin-bottom: 1.5rem; }

.colorbox-confirm p {
  text-align: center;
  font-size: 14px; }

.colorbox-confirm form {
  margin: 1rem auto; }

/* =========================
/* Home - Stats
/ ========================== */
.alert-notification {
  display: inline-block;
  width: 100%;
  background: #FFFFFF;
  padding: 2rem;
  border-radius: 2px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  margin: 0 0 2rem 0; }

.alert-notification:hover {
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); }

.alert-notification span {
  display: inline-block;
  width: calc(100% - 9rem);
  font-size: 1.4rem;
  line-height: 1.35;
  margin-left: 2rem; }

.alert-notification span p {
  margin-top: 1rem;
  border-top: 1px dashed #CCC;
  padding-top: .5rem;
  font-size: 1.2rem; }

.alert-notification span p.leg-list {
  cursor: pointer; }

.alert-notification span p i {
  margin-right: 1rem; }

.alert-notification span strong {
  font-weight: 600;
  margin-right: 1rem;
  text-decoration: underline; }

.alert-notification span strong.num {
  display: inline-block;
  text-align: center;
  text-decoration: none;
  border-radius: 50%;
  padding: 0;
  min-width: 2rem;
  min-height: 2rem;
  line-height: 1.65;
  max-height: 2rem;
  font-size: 1.2rem;
  background: #0B3954;
  color: #FFFFFF; }

.alert-notification > i {
  display: inline-block;
  vertical-align: top;
  overflow: hidden;
  border-radius: 11px;
  font-size: 42px;
  background-color: #ff9900;
  color: #fff;
  /* Long-shadow effect */
  position: relative;
  width: 58px;
  height: 58px;
  line-height: 58px;
  text-align: center;
  z-index: 1; }

.alert-notification > i:after {
  content: "";
  display: block;
  width: 37px;
  height: 37px;
  position: absolute;
  bottom: 0;
  right: 0;
  background-image: linear-gradient(35deg, transparent 20%, rgba(0, 0, 0, 0.2) 20%, rgba(0, 0, 0, 0.2) 85%, transparent 85%);
  z-index: -1; }

.stats {
  display: inline-block; }

.stats .leg-stats:hover {
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); }

.stats .leg-stats > .fa {
  background-color: #ffdb1f; }

.nav-tab-list {
  display: none;
  margin-top: 1rem;
  -webkit-animation: fadeOut 0.3s;
  -moz-animation: fadeOut 0.3s;
  -ms-animation: fadeOut 0.3s;
  -o-animation: fadeOut 0.3s;
  animation: fadeOut 0.3s; }

.nav-tab-list.show {
  display: block;
  -webkit-animation: fadeInDown 0.3s;
  -moz-animation: fadeInDown 0.3s;
  -ms-animation: fadeInDown 0.3s;
  -o-animation: fadeInDown 0.3s;
  animation: fadeInDown 0.3s; }

.nav-tab-list .nav-pills {
  width: auto;
  padding-left: 7rem;
  border: 0 none;
  font-family: 'Lato', Helvetica, Arial, sans-serif; }

.nav-tab-list .nav-pills li {
  width: auto;
  margin: 0;
  padding: 0;
  border: 0 none;
  box-shadow: none; }

.nav-tab-list .nav-pills li a {
  padding: 0 1rem;
  font-size: 1.4rem; }

.stats .list-group {
  border-top: 1px solid #BABABA;
  margin: 1rem 0; }

.stats .list-group .list-group-item {
  background: transparent;
  border-color: transparent;
  color: #282828;
  font-size: 14px;
  padding: .5rem;
  margin: 0;
  border-bottom: 1px solid #BABABA; }

.stats .list-group .list-group-item .list-group-item-heading {
  margin-bottom: .25rem; }

.stats .list-group .list-group-item .list-group-item-heading span {
  font-weight: 600; }

.stats .list-group .list-group-item .list-group-item-heading span:first-child {
  padding: 0 1rem 0 0; }

.stats .list-group .list-group-item span {
  color: #282828;
  font-size: 14px;
  width: auto; }

.stats .list-group .list-group-item:hover {
  background: #eef3f9; }

.stats .list-group .list-group-item:after {
  content: "\f105";
  font-family: 'FontAwesome';
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  right: .5rem;
  top: 35%; }

.stats .list-group .list-group-item:last-child {
  border-bottom: 0; }

.welcome-index {
  margin-top: 3rem;
  font-size: 2.4rem;
  text-transform: uppercase;
  letter-spacing: 3px; }

.table-search .table, .tabs-ktop.ui-tabs table, #tabsEtour table {
  display: table;
  width: 100%;
  border-collapse: separate;
  /*th, td {
    input[type="text"], input[type="file"], input[type="number"] {
      &.form-control {width: 100%;}
    }
  }*/ }

.table-search .table thead, .tabs-ktop.ui-tabs table thead, #tabsEtour table thead {
  font-family: "Quicksand", Helvetica, sans-serif, Arial; }

.table-search .table thead tr th, .tabs-ktop.ui-tabs table thead tr th, #tabsEtour table thead tr th {
  font-weight: 600; }

.table-search .table thead tr th, .tabs-ktop.ui-tabs table thead tr th, #tabsEtour table thead tr th, .table-search .table tr.thead td, .tabs-ktop.ui-tabs table tr.thead td, #tabsEtour table tr.thead td {
  padding: 1rem 0.5rem;
  background: #0B3954;
  color: #FFFFFF;
  text-transform: uppercase; }

.table-search .table td, .tabs-ktop.ui-tabs table td, #tabsEtour table td {
  border-top: none;
  border-bottom: none; }

.table-search .table tbody, .tabs-ktop.ui-tabs table tbody, #tabsEtour table tbody {
  font-family: "Rubik", Helvetica, sans-serif, Arial; }

.table-search .table tbody td.no-results, .tabs-ktop.ui-tabs table tbody td.no-results, #tabsEtour table tbody td.no-results {
  font-size: 1.8rem;
  line-height: 2;
  color: #ce695e; }

.table-search .table tbody td.no-results:before, .tabs-ktop.ui-tabs table tbody td.no-results:before, #tabsEtour table tbody td.no-results:before {
  content: "";
  font-family: 'FontAwesome';
  margin-right: .5rem; }

.table-search .table tbody tr, .tabs-ktop.ui-tabs table tbody tr, #tabsEtour table tbody tr {
  background: #FFFFFF;
  cursor: pointer;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }

.table-search .table tbody tr.conReservas td, .tabs-ktop.ui-tabs table tbody tr.conReservas td, #tabsEtour table tbody tr.conReservas td {
  background: #e3fbf0; }

.table-search .table tbody tr.opac, .tabs-ktop.ui-tabs table tbody tr.opac, #tabsEtour table tbody tr.opac {
  opacity: .5; }

.table-search .table tbody tr.opac-hover, .tabs-ktop.ui-tabs table tbody tr.opac-hover, #tabsEtour table tbody tr.opac-hover {
  opacity: 1;
  -webkit-transform: translateY(-0.1rem);
  -moz-transform: translateY(-0.1rem);
  -o-transform: translateY(-0.1rem);
  -ms-transform: translateY(-0.1rem);
  transform: translateY(-0.1rem);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); }

.table-search .table tbody tr .edit-nav .edit-list, .tabs-ktop.ui-tabs table tbody tr .edit-nav .edit-list, #tabsEtour table tbody tr .edit-nav .edit-list {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  margin: 0 0.125rem; }

.table-search .table tbody tr .edit-nav .edit-list li, .tabs-ktop.ui-tabs table tbody tr .edit-nav .edit-list li, #tabsEtour table tbody tr .edit-nav .edit-list li {
  display: flex; }

.table-search .table tbody tr .edit-nav .edit-list li button, .tabs-ktop.ui-tabs table tbody tr .edit-nav .edit-list li button, #tabsEtour table tbody tr .edit-nav .edit-list li button {
  padding: 1rem;
  height: 3rem;
  border-radius: 2px;
  background: #0B3954 !important; }

.table-search .table tbody tr .edit-nav .edit-list li button i, .tabs-ktop.ui-tabs table tbody tr .edit-nav .edit-list li button i, #tabsEtour table tbody tr .edit-nav .edit-list li button i {
  color: #FFFFFF; }

.table-search .table tbody tr .edit-nav .edit-list li button:hover, .tabs-ktop.ui-tabs table tbody tr .edit-nav .edit-list li button:hover, #tabsEtour table tbody tr .edit-nav .edit-list li button:hover {
  background: #FFFFFF !important; }

.table-search .table tbody tr .edit-nav .edit-list li button:hover i, .tabs-ktop.ui-tabs table tbody tr .edit-nav .edit-list li button:hover i, #tabsEtour table tbody tr .edit-nav .edit-list li button:hover i {
  color: #0B3954 !important; }

.table-search .table tbody tr input[type="text"].form-control, .tabs-ktop.ui-tabs table tbody tr input[type="text"].form-control, #tabsEtour table tbody tr input[type="text"].form-control {
  background: #FFFFFF; }

.table-search .table tbody tr input[type="text"].form-control[disabled], .tabs-ktop.ui-tabs table tbody tr input[type="text"].form-control[disabled], #tabsEtour table tbody tr input[type="text"].form-control[disabled] {
  background: #CCCCCC; }

.table-search .table tbody tr.selectedRow, .tabs-ktop.ui-tabs table tbody tr.selectedRow, #tabsEtour table tbody tr.selectedRow, .table-search .table tbody tr.temporadaSelected, .tabs-ktop.ui-tabs table tbody tr.temporadaSelected, #tabsEtour table tbody tr.temporadaSelected {
  background: #fff0cf !important; }

.table-pag {
  width: auto !important;
  min-width: 21rem;
  float: none;
  display: flex;
  margin-left: auto; }

.table-pag .list-header {
  float: none;
  display: flex;
  margin-right: auto;
  line-height: 2.5;
  font-size: 1.8rem; }

.table-pag form:first-of-type {
  margin-left: auto; }

.table-pag .badge {
  padding: 1rem;
  background: #0B3954;
  color: #FFFFFF;
  cursor: pointer;
  border-radius: 3px;
  border: 1px solid #DFDFDF;
  margin-left: .5rem;
  vertical-align: top; }

.table-pag .table-pag-num {
  padding: .8rem;
  height: 3.4rem;
  width: auto;
  max-width: 3rem;
  float: none;
  display: inline-block;
  background: #FFFFFF;
  text-align: center;
  margin-top: 1px;
  border: 1px solid #DDD; }

.table-pag p {
  float: none;
  display: inline-block;
  font-size: 1.2rem;
  vertical-align: middle; }

.table-pag p .total-pag {
  width: auto;
  vertical-align: bottom;
  display: inline-block;
  margin: 0 0.5rem;
  line-height: 3.25;
  font-size: 1.2rem; }

.head-table-results {
  font-size: 1.6rem;
  letter-spacing: .3px;
  color: #3a3a3a;
  font-family: "Rubik", Helvetica, sans-serif, Arial;
  text-transform: uppercase;
  margin: 1.5rem 0 0.5rem 0; }

.header-table-results {
  font-size: 1.8rem;
  letter-spacing: .1rem;
  text-transform: uppercase;
  margin: 2rem 0 -1rem 0;
  font-family: "Rubik", Helvetica, sans-serif, Arial; }

.selectedRow, .temporadaSelected, .mercadoSelected {
  background: #fff0cf; }

/* Tablas para representar datos */
#tablaContratoRegimen tbody tr, #tablaContratoSuplemento tbody tr {
  border-bottom: 1px dashed #DFDFDF; }

#tablaContratoRegimen tbody tr td, #tablaContratoSuplemento tbody tr td {
  padding: 0.75rem 0.25rem; }

#tablaContratoRegimen tbody tr:last-child, #tablaContratoSuplemento tbody tr:last-child {
  border-bottom: none; }

.tablaFormContratoCapacidadRest tbody tr td {
  padding: 3px 0 3px 10px;
  text-align: center;
  border-right: 1px dashed #ccc; }

.tablaFormContratoCapacidadRest thead tr th, .tablaFormContratoCapacidadRest tbody tr td {
  border-right: 1px dashed #CCC;
  padding-top: 5px;
  padding-bottom: 5px;
  text-align: center; }

.tablaFormContratoCapacidadRest td[rel="tipoRestriccion"] {
  width: 290px; }

.tablaFormContratoCapacidadRest td[rel="adulto"] {
  width: 202px; }

.tablaFormContratoCapacidadRest td[rel="nino"] {
  width: 202px; }

.tablaFormContratoCapacidadRest .tdEdit {
  width: 100px; }

.tablaFormContratoCapacidadRest .tdEdit .btn-anadir {
  width: 100%; }

#formContratoCapacidadRest .add-alerta-row {
  width: 100%; }

#formContratoCapacidadRest .add-alerta-row tr td select, #formContratoCapacidadRest .add-alerta-row tr td input {
  width: calc(100% - 1rem); }

/* TABLA AGENCIA */
.table-listar-agencia th.cell-codigo, .table-listar-agencia td.cell-codigo {
  width: 5%; }

.table-listar-agencia th.cell-nombreComercial, .table-listar-agencia td.cell-nombreComercial {
  width: 12%; }

.table-listar-agencia th.cell-nombreFiscal, .table-listar-agencia td.cell-nombreFiscal {
  width: 12%; }

.table-listar-agencia th.cell-cif, .table-listar-agencia td.cell-cif {
  width: 6%; }

.table-listar-agencia th.cell-activo, .table-listar-agencia td.cell-activo {
  width: 4%;
  text-align: center; }

.table-listar-agencia th.cell-provincia, .table-listar-agencia td.cell-provincia {
  width: 10%; }

.table-listar-agencia th.cell-telefono, .table-listar-agencia td.cell-telefono {
  width: 10%; }

.table-listar-agencia th.cell-poblacion, .table-listar-agencia td.cell-poblacion {
  width: 10%; }

.table-listar-agencia th.cell-nombreVia, .table-listar-agencia td.cell-nombreVia {
  width: 10%; }

.table-listar-agencia th.cell-fechaAlta, .table-listar-agencia th.cell-fechaBaja, .table-listar-agencia td.cell-fechaAlta, .table-listar-agencia td.cell-fechaBaja {
  width: 7%; }

.table-listar-agencia th.cell-grupoClienteByGrupoClienteId, .table-listar-agencia td.cell-grupoClienteByGrupoClienteId {
  width: 15%; }

.table-listar-agencia th.cell-webByWebId, .table-listar-agencia td.cell-webByWebId {
  width: 15%; }

.table-listar-agencia th.cell-actions, .table-listar-agencia td.cell-actions {
  width: 2%; }

.tablaFormServicioMedia th.tdNom, .tablaFormServicioMedia td.tdNom {
  width: 15%; }

.tablaFormServicioMedia th.tdOrd, .tablaFormServicioMedia td.tdOrd {
  width: 5%; }

.tablaFormServicioMedia th.tdTip, .tablaFormServicioMedia td.tdTip {
  width: 10%; }

.tablaFormServicioMedia th.tdTipMedia, .tablaFormServicioMedia td.tdTipMedia {
  width: 23%; }

.tablaFormServicioMedia th.tdUrl, .tablaFormServicioMedia td.tdUrl {
  width: 15%; }

.tablaFormServicioMedia th.tdMod, .tablaFormServicioMedia td.tdMod {
  width: 15%; }

.tablaFormServicioMedia th.tdEdit, .tablaFormServicioMedia td.tdEdit {
  width: 7%; }

.tablaFormServicioMedia th.tdImagen, .tablaFormServicioMedia td.tdImagen {
  width: 10%; }

.tablaFormServicioMedia th.tdImagen img, .tablaFormServicioMedia td.tdImagen img {
  max-height: 40px; }

#formServicioMedia {
  width: 100%; }

#formServicioMedia th.tdNom, #formServicioMedia td.tdNom {
  width: 15%; }

#formServicioMedia th.tdOrd, #formServicioMedia td.tdOrd {
  width: 15%; }

#formServicioMedia th.tdTip, #formServicioMedia td.tdTip {
  width: 10%; }

#formServicioMedia th.tdTipMedia, #formServicioMedia td.tdTipMedia {
  width: 18%; }

#formServicioMedia th.tdUrl, #formServicioMedia td.tdUrl {
  width: 35%; }

#formServicioMedia th.tdMod, #formServicioMedia td.tdMod {
  display: none; }

#formServicioMedia th.tdEdit, #formServicioMedia td.tdEdit {
  width: 7%; }

#formServicioMedia th.tdImagen, #formServicioMedia td.tdImagen {
  display: none; }

#formServicioMedia th, #formServicioMedia td {
  padding-right: .75rem; }

.servicio-zona-include {
  margin-bottom: 3rem; }

.servicio-zona-include form.table {
  width: 50%;
  padding-left: .75rem; }

.servicio-zona-include table.table {
  width: 50%;
  padding-right: .75rem; }

.table .badge-error {
  background: #ff3430;
  border-radius: 50%;
  width: 2.5rem;
  height: 2.5rem;
  display: block;
  text-align: center;
  padding: .5rem; }

.table .badge-error i {
  color: #FFFFFF; }

.table i.fa {
  font-size: 1.4rem;
  cursor: pointer; }

.table .fa-trash-o, .table .fa-remove, .table .fa-times {
  color: #FF6663; }

.table .fa-pencil, .table .fa-floppy-o, .table .fa-undo, .table .fa-save {
  color: #0B3954; }

.table .fa-ok {
  color: #208056; }

/* --------------------------------------------
   Modelo Servicio / Listado Mapear Modalidades ServicioModalida/include.jsp + ServicioModalidadRest/include.jsp
----------------------------------------------- */
.servicio-modalidad .tablaServicioModalidad {
  margin-bottom: 0; }

.servicio-modalidad .restricciones {
  background: #fff0cf;
  padding: 1rem; }

.servicio-modalidad .restricciones .tableform-new-head {
  margin-top: 0; }

/* --------------------------------------------
   Tabla Informes / Reports/html + Reports/htmlGrouped.html
----------------------------------------------- */
/* --------------------------------------------
   Clase estática para actions tabla / model/Impuesto/listarAjax.jsp
----------------------------------------------- */
.table-search .table tbody tr:hover .td-edit-static .edit-nav {
  opacity: 1; }

.table-search .table tbody tr .td-edit-static {
  width: 9rem; }

.table-search .table tbody tr .td-edit-static.xl {
  width: 12.5rem; }

.table-search .table tbody tr .td-edit-static.xxl {
  width: 16rem; }

.table-search .table tbody tr .td-edit-static .edit-nav {
  opacity: .35;
  text-align: right;
  visibility: visible !important; }

.table-search .table tbody tr .td-edit-static .edit-nav .edit-list li button.submitFormLista, .table-search .table tbody tr .td-edit-static .edit-nav .edit-list li button {
  background: none !important;
  border: none !important;
  margin-left: .75rem;
  padding: 0;
  /*&:hover {
          background: $grey2 !important;
        }
        &:active, &:focus {
          background: $color-success !important;
          color: $white !important;
        }*/ }

.table-search .table tbody tr .td-edit-static .edit-nav .edit-list li button.submitFormLista i, .table-search .table tbody tr .td-edit-static .edit-nav .edit-list li button i {
  height: 3rem;
  width: 3rem;
  padding: .9rem;
  border-radius: 50%;
  font-size: 1.2rem; }

.table-search .table tbody tr .td-edit-static .edit-nav .edit-list li button.submitFormLista .fa-floppy-o, .table-search .table tbody tr .td-edit-static .edit-nav .edit-list li button.submitFormLista .fa-undo, .table-search .table tbody tr .td-edit-static .edit-nav .edit-list li button.submitFormLista .fa-eye, .table-search .table tbody tr .td-edit-static .edit-nav .edit-list li button.submitFormLista .fa-save, .table-search .table tbody tr .td-edit-static .edit-nav .edit-list li button.submitFormLista .fa-floppy-o, .table-search .table tbody tr .td-edit-static .edit-nav .edit-list li button .fa-floppy-o, .table-search .table tbody tr .td-edit-static .edit-nav .edit-list li button .fa-undo, .table-search .table tbody tr .td-edit-static .edit-nav .edit-list li button .fa-eye, .table-search .table tbody tr .td-edit-static .edit-nav .edit-list li button .fa-save, .table-search .table tbody tr .td-edit-static .edit-nav .edit-list li button .fa-floppy-o {
  color: #0B3954; }

.table-search .table tbody tr .td-edit-static .edit-nav .edit-list li button.submitFormLista:hover .fa-floppy-o, .table-search .table tbody tr .td-edit-static .edit-nav .edit-list li button.submitFormLista:hover .fa-eye, .table-search .table tbody tr .td-edit-static .edit-nav .edit-list li button.submitFormLista:hover .fa-save, .table-search .table tbody tr .td-edit-static .edit-nav .edit-list li button.submitFormLista:hover .fa-floppy-o, .table-search .table tbody tr .td-edit-static .edit-nav .edit-list li button:hover .fa-floppy-o, .table-search .table tbody tr .td-edit-static .edit-nav .edit-list li button:hover .fa-eye, .table-search .table tbody tr .td-edit-static .edit-nav .edit-list li button:hover .fa-save, .table-search .table tbody tr .td-edit-static .edit-nav .edit-list li button:hover .fa-floppy-o {
  background: #0B3954;
  color: #FFFFFF !important; }

.table-search .table tbody tr .td-edit-static .edit-nav .edit-list li button.submitFormLista .fa-pencil, .table-search .table tbody tr .td-edit-static .edit-nav .edit-list li button .fa-pencil {
  color: #208056; }

.table-search .table tbody tr .td-edit-static .edit-nav .edit-list li button.submitFormLista:hover .fa-pencil, .table-search .table tbody tr .td-edit-static .edit-nav .edit-list li button:hover .fa-pencil {
  background: #208056;
  color: #FFFFFF !important; }

.table-search .table tbody tr .td-edit-static .edit-nav .edit-list li button.submitFormLista .fa-trash-o, .table-search .table tbody tr .td-edit-static .edit-nav .edit-list li button .fa-trash-o {
  color: #dc2c19; }

.table-search .table tbody tr .td-edit-static .edit-nav .edit-list li button.submitFormLista:hover .fa-trash-o, .table-search .table tbody tr .td-edit-static .edit-nav .edit-list li button:hover .fa-trash-o {
  background: #dc2c19;
  color: #FFFFFF !important; }

.table-search .table tbody tr .td-edit-static .edit-nav .edit-list li button.submitFormLista .fa-undo, .table-search .table tbody tr .td-edit-static .edit-nav .edit-list li button.submitFormLista .fa-files-o, .table-search .table tbody tr .td-edit-static .edit-nav .edit-list li button .fa-undo, .table-search .table tbody tr .td-edit-static .edit-nav .edit-list li button .fa-files-o {
  color: #FA7921; }

.table-search .table tbody tr .td-edit-static .edit-nav .edit-list li button.submitFormLista:hover .fa-undo, .table-search .table tbody tr .td-edit-static .edit-nav .edit-list li button.submitFormLista:hover .fa-files-o, .table-search .table tbody tr .td-edit-static .edit-nav .edit-list li button:hover .fa-undo, .table-search .table tbody tr .td-edit-static .edit-nav .edit-list li button:hover .fa-files-o {
  background: #FA7921;
  color: #FFFFFF !important; }

/* FIX
  Ocultamos botones impresion + boton excel
*/
.table-pag .excelPage, .table-pag .printPage {
  display: none !important; }

/* Estilo para mostrar los Excel que queremos */
.table-pag .excelPageShow, .table-pag .printPageShow {
  height: 34px; }

/* --------------------------------------------
 * Tabla Cobros (Detalle Reserva)
 * --------------------------------------------
 * Formulario Añadir Cobro
 * --------------------------------------------
 * ReservaPago/Include.jsp
----------------------------------------------- */
#tablaReservaPagos .formCrearPago td {
  display: table-cell; }

#tablaReservaPagos .formCrearPago td.tdEstado {
  width: 5%;
  min-width: 7rem; }

#tablaReservaPagos .formCrearPago td.tdFecha {
  min-width: 9rem;
  width: 4%;
}

#tablaReservaPagos .formCrearPago td.tdFormaPago {
  min-width: 26rem;
  width: 13%;
}

#tablaReservaPagos .formCrearPago td.tdNum {
  width: 6rem; }

#tablaReservaPagos .formCrearPago td.tdRef {
  width: 23rem; }

#tablaReservaPagos .formCrearPago td.tdObs {
  width: 9rem;
}

#tablaReservaPagos .formCrearPago td.tdText {
  width: 11rem;
}

#tablaReservaPagos .formCrearPago td.tdEdit {
  width: 6rem; }

/* --------------------------------------------
 * Tabla Envio Reservas
 * --------------------------------------------
 * --------------------------------------------
 * ReservaPago/Include.jsp
----------------------------------------------- */
.res-envio-heads td {
  background: #31A2D2 !important;
  color: #FFFFFF !important; }

.res-envio-heads i.fa-send {
  font-size: 10px; }

.res-envio-heads .label {
  font-size: 10px;
  font-weight: 400; }

.border-anidado {
  width: 80%;
  border-bottom: 1px solid #CCC;
  margin: 0 0 5px auto;
  border-left: 1px solid #CCC;
  height: 10px; }

.escandallar-modal .kt-field {
  margin-bottom: 0; }

.escandallar-modal .pl-radio {
  width: 50%;
  text-align: center; }

.escandallar-modal .escandallar-btns {
  width: 100%;
  padding: 0 1rem; }

.escandallar-modal .escandallar-btns .btn {
  width: calc(50% - 1rem);
  margin: 0 1rem; }

.escandallar-modal .escandallar-btns .btn:first-child, .escandallar-modal .escandallar-btns .btn:nth-child(3) {
  margin-left: 0; }

.escandallar-modal .escandallar-btns .btn:last-child, .escandallar-modal .escandallar-btns .btn:nth-child(2) {
  margin-right: 0; }

.escandallar-modal #resultado-escandallo {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  bottom: 0;
  top: auto;
  height: 4rem;
  padding: 1rem;
  background: #DFDFDF;
  color: #3a3a3a;
  display: none; }

.escandallar-modal #resultado-escandallo.escandallar-ok {
  display: block;
  background-color: #208056;
  background-color: rgba(32, 128, 86, 0.61);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=$ie_str,endColorstr=$ie_str);
  -webkit-animation: fadeIn 0.3s;
  -moz-animation: fadeIn 0.3s;
  -ms-animation: fadeIn 0.3s;
  -o-animation: fadeIn 0.3s;
  animation: fadeIn 0.3s; }

.escandallar-modal #resultado-escandallo.escandallar-ko {
  display: block;
  background-color: #dc2c19;
  background-color: rgba(220, 44, 25, 0.61);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=$ie_str,endColorstr=$ie_str);
  -webkit-animation: fadeIn 0.3s;
  -moz-animation: fadeIn 0.3s;
  -ms-animation: fadeIn 0.3s;
  -o-animation: fadeIn 0.3s;
  animation: fadeIn 0.3s; }

/* Tabs Costes */
#contratoCosteOverFlow .tbody .tr {
  padding-bottom: .5rem; }

#contratoCosteOverFlow .tr {
  z-index: 1;
  border-bottom: 1px dashed #777;
  margin-bottom: .5rem; }

#contratoCosteOverFlow .tr .td {
  font-size: 1rem; }

#contratoCosteOverFlow .tr .td input[type="text"], #contratoCosteOverFlow .tr .td select, #contratoCosteOverFlow .tr .td .autocompleterTrayecto {
  padding: .25rem !important;
  margin: 0.25rem 0.25rem 0.25rem;
  width: calc(100% - .5rem); }

#contratoCosteOverFlow .tr .td .badge {
  margin: auto; }

#contratoCosteOverFlow .tr .td.act {
  min-width: 3rem;
  width: 2.75%; }

#contratoCosteOverFlow .tr .td.fecha {
  min-width: 7rem;
  width: 5%; }

#contratoCosteOverFlow .tr .td.textoTemporada {
  min-width: 16rem;
  width: 17.5%; }

#contratoCosteOverFlow .tr .td.textoMedio {
  min-width: 5rem;
  width: 4.5%;
  display: block; }

#contratoCosteOverFlow .tr .td.codigo3 {
  min-width: 4.3rem;
  width: 3%; }

#contratoCosteOverFlow .tr .td.textoUnidades, #contratoCosteOverFlow .tr .td.textoCaracteristica {
  min-width: 9.5rem;
  width: 8%;
}

#contratoCosteOverFlow .tr .td.textoCaracteristica.hoverable {
  cursor: pointer;
}
#contratoCosteOverFlow .tr .td.diaApl {
  min-width: 2.25rem;
  width: 1.5%; }

#contratoCosteOverFlow .tr .td.codigoReg {
  min-width: 4.5rem;
  width: 4%; }

#contratoCosteOverFlow .tr .td.ico {
  min-width: 2.5rem;
  width: 1%; }

#contratoCosteOverFlow .tr.conReservas {
  position: relative; }

#contratoCosteOverFlow .resConCos .label-danger {
  padding: 1rem;
  margin: auto 1rem;
  font-size: 1.3rem;
  cursor: pointer; }

#contratoCosteOverFlow .resConCos .label-danger i {
  margin-right: .5rem; }

#contratoCosteOverFlow .disabled-layer {
  position: absolute;
  display: block;
  width: calc(100% - 11rem);
  min-height: 3.75rem;
  z-index: 5; }

#contratoCosteOverFlow .disabled-layer:before {
  display: none;
  content: "";
  z-index: 10;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #FF6663;
  background-color: rgba(255, 102, 99, 0.18);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=$ie_str,endColorstr=$ie_str); }

#contratoCosteOverFlow .disabled-layer:after {
  position: relative;
  content: " Con reservas";
  font-family: 'FontAwesome';
  font-family: 'FontAwesome', 'Open Sans', Arial;
  top: 12%;
  left: .5rem;
  font-size: 1.4rem;
  letter-spacing: 2px;
  padding: .5rem;
  color: #FFF;
  border-radius: 3px;
  margin: .5rem;
  background: #ff2f2b;
  z-index: 11;
  display: block;
  position: relative;
  line-height: 1.8rem;
  width: 2.125rem;
  overflow: hidden;
  height: 2.5rem; }

#contratoCosteOverFlow .disabled-layer:hover:after {
  width: 14rem;
  height: auto; }

.tabs-ktop.ui-tabs {
  background: none;
  border: none;
  padding: 0; }

.tabs-ktop.ui-tabs .ui-tabs-panel {
  width: calc(100% - 19rem);
  background: #FFFFFF;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }

.tabs-ktop.ui-tabs .ui-tabs-nav {
  width: 19rem;
  height: 100%;
  padding: 0;
  border: none;
  background: none;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }

.tabs-ktop.ui-tabs .ui-tabs-nav li {
  background: #FFFFFF;
  width: 100%;
  font-family: "Work Sans", Helvetica, sans-serif, Arial; }

.tabs-ktop.ui-tabs .ui-tabs-nav li:hover a {
  background: #31A2D2; }

.tabs-ktop.ui-tabs .ui-tabs-nav li:hover a, .tabs-ktop.ui-tabs .ui-tabs-nav li:hover a > span, .tabs-ktop.ui-tabs .ui-tabs-nav li:hover i {
  color: #FFFFFF; }

.tabs-ktop.ui-tabs .ui-tabs-nav li.ui-tabs-active a {
  background: #0B3954; }

.tabs-ktop.ui-tabs .ui-tabs-nav li.ui-tabs-active a, .tabs-ktop.ui-tabs .ui-tabs-nav li.ui-tabs-active a > span, .tabs-ktop.ui-tabs .ui-tabs-nav li.ui-tabs-active i {
  color: #FFFFFF; }

.tabs-ktop.ui-tabs .ui-tabs-nav li a {
  width: 100%; }

.tabs-ktop.ui-tabs .ui-tabs-nav li a:before {
  margin-right: .5rem; }

.tabs-ktop.ui-tabs input[type="text"], .tabs-ktop.ui-tabs input[type="date"], .tabs-ktop.ui-tabs input[type="email"], .tabs-ktop.ui-tabs input[type="hidden"], .tabs-ktop.ui-tabs input[type="number"], .tabs-ktop.ui-tabs .editableContent {
  padding: 1rem 1rem; }

.tabs-ktop.ui-tabs table tr.selectedRow td, .tabs-ktop.ui-tabs table tr.selectedRow + .row_b td {
  background: #d3ffdd; }

.tabs-ktop.ui-tabs input[type="button"], .tabs-ktop.ui-tabs input[type="submit"] {
  font-size: 1.2rem;
  border-radius: 3px;
  font-family: "Roboto", Helvetica, FontAwesome, sans-serif, Arial !important; }

.tabs-ktop.ui-tabs input[type="button"].btn-anadir, .tabs-ktop.ui-tabs input[type="submit"].btn-anadir {
  background: #208056;
  border-color: #196343; }

.tabs-ktop.ui-tabs input[type="button"].btn-inp-save, .tabs-ktop.ui-tabs input[type="submit"].btn-inp-save {
  background: #208056;
  border-color: #196343; }

.tabs-ktop.ui-tabs input[type="button"].btn-inp-borrar, .tabs-ktop.ui-tabs input[type="submit"].btn-inp-borrar {
  background: #dc2c19;
  border-color: #bc2615; }

.tabs-ktop.ui-tabs input[type="button"].btn-inp-dup, .tabs-ktop.ui-tabs input[type="submit"].btn-inp-dup {
  background: #31A2D2;
  border-color: #288db7; }

.tabs-ktop.ui-tabs input[type="button"].btn-inp-apl, .tabs-ktop.ui-tabs input[type="submit"].btn-inp-apl {
  background: #ffb800;
  border-color: #db9e00; }

/* --------------------------------------------
        Genéricos Tabs Etour
----------------------------------------------- */
#tabsEtour {
  background: #FCFCFC; }

#tabsEtour .ui-tabs-nav li:hover a {
  background: #31A2D2; }

#tabsEtour .ui-tabs-nav li:hover a, #tabsEtour .ui-tabs-nav li:hover a > span, #tabsEtour .ui-tabs-nav li:hover i {
  color: #FFFFFF; }

#tabsEtour .ui-tabs-nav li.ui-tabs-active a {
  background: #0B3954; }

#tabsEtour .ui-tabs-nav li.ui-tabs-active a, #tabsEtour .ui-tabs-nav li.ui-tabs-active a > span, #tabsEtour .ui-tabs-nav li.ui-tabs-active i {
  color: #FFFFFF; }

#tabsEtour .ui-tabs-nav li a {
  width: 100%; }

#tabsEtour .ui-tabs-nav li a:before {
  margin-right: .5rem; }

#tabsEtour .ui-tabs-nav li[aria-labelledby="ui-id-1"] a:before {
  content: "";
  font-family: 'FontAwesome'; }

#tabsEtour .ui-tabs-nav li[aria-labelledby="ui-id-2"] a:before {
  content: "";
  font-family: 'FontAwesome'; }

#tabsEtour .ui-tabs-nav li[aria-labelledby="ui-id-3"] a:before {
  content: "";
  font-family: 'FontAwesome'; }

#tabsEtour .ui-tabs-nav li[aria-labelledby="ui-id-4"] a:before {
  content: "";
  font-family: 'FontAwesome'; }

#tabsEtour .ui-tabs-nav li[aria-labelledby="ui-id-5"] a:before {
  content: "";
  font-family: 'FontAwesome'; }

#tabsEtour .ui-tabs-nav li[aria-labelledby="ui-id-6"] a:before {
  content: "";
  font-family: 'FontAwesome'; }

#tabsEtour .ui-tabs-nav li[aria-labelledby="ui-id-7"] a:before {
  content: "";
  font-family: 'FontAwesome'; }

#tabsEtour .ui-tabs-nav li[aria-labelledby="ui-id-8"] a:before {
  content: "";
  font-family: 'FontAwesome'; }

#tabsEtour .ui-tabs-nav li[aria-labelledby="ui-id-9"] a:before {
  content: "";
  font-family: 'FontAwesome'; }

#tabsEtour .ui-tabs-nav li[aria-labelledby="ui-id-10"] a:before {
  content: "";
  font-family: 'FontAwesome'; }

#tabsEtour .ui-tabs-nav li[aria-labelledby="ui-id-11"] a:before {
  content: "";
  font-family: 'FontAwesome'; }

#tabsEtour .ui-tabs-nav li[aria-labelledby="ui-id-12"] a:before {
  content: "";
  font-family: 'FontAwesome'; }

#tabsEtour .ui-tabs-nav li[aria-labelledby="ui-id-13"] a:before {
  content: "";
  font-family: 'FontAwesome'; }

#tabsEtour .ui-tabs-nav li[aria-labelledby="ui-id-14"] a:before {
  content: "";
  font-family: 'FontAwesome'; }

#tabsEtour input[type="text"], #tabsEtour input[type="date"], #tabsEtour input[type="email"], #tabsEtour input[type="hidden"], #tabsEtour input[type="number"], #tabsEtour .editableContent {
  padding: 1rem 1rem; }

#tabsEtour input[type="button"], #tabsEtour input[type="submit"] {
  font-size: 1.2rem;
  border-radius: 3px; }

#tabsEtour input[type="button"].btn-inp-save, #tabsEtour input[type="submit"].btn-inp-save {
  background: #208056;
  border-color: #196343; }

#tabsEtour input[type="button"].btn-inp-borrar, #tabsEtour input[type="submit"].btn-inp-borrar {
  background: #dc2c19;
  border-color: #bc2615; }

#tabsEtour input[type="button"].btn-inp-dup, #tabsEtour input[type="submit"].btn-inp-dup {
  background: #31A2D2;
  border-color: #288db7; }

#tabsEtour input[type="button"].btn-inp-apl, #tabsEtour input[type="submit"].btn-inp-apl {
  background: #ffb800;
  border-color: #db9e00; }

#tabsEtour .btn-inp-save, #tabsEtour .btn-inp-borrar, #tabsEtour .btn-inp-dup, #tabsEtour .btn-inp-apl {
  font-family: "Roboto", Helvetica, FontAwesome, sans-serif, Arial !important; }

#tabsEtour table tr.selectedRow td, #tabsEtour table tr.selectedRow + .row_b td {
  background: #fff0cf; }

#tabsEtour .tableform-new-head {
  width: 100%;
  font-size: 1.8rem; }

#tabsEtour .tableform-new-head i {
  margin-right: .75rem; }

#tabsEtour .listado-results {
  margin-top: 1.5rem; }

#btnContratoRegimen, #btnCrearContratoSuplementoEnLinea {
  margin: auto; }

.right.btn-icon {
  margin-top: -1.5rem;
  width: 4rem;
  height: 4rem;
  padding: 1rem; }

.select-column-list ul li {
  background: #31A2D2;
  color: #FFFFFF;
  border-radius: .8rem;
  display: flex;
  padding: .3rem 0.5rem;
  width: auto;
  font-weight: 600;
  line-height: 1.92;
  margin-right: 1rem; }

.select-column-list ul li label {
  margin-right: .75rem; }

th.fade-in-cell, td.fade-in-cell {
  -webkit-animation: fadeIn 0.5s;
  -moz-animation: fadeIn 0.5s;
  -ms-animation: fadeIn 0.5s;
  -o-animation: fadeIn 0.5s;
  animation: fadeIn 0.5s; }

th.fade-out-cell, td.fade-out-cell {
  -webkit-animation: fadeOut 0.5s;
  -moz-animation: fadeOut 0.5s;
  -ms-animation: fadeOut 0.5s;
  -o-animation: fadeOut 0.5s;
  animation: fadeOut 0.5s; }

/* --------------------------------------------
      Tab Cabecera de contratos
----------------------------------------------- */
#ui-tabs-1 .buttons input[type="button"] {
  font-size: 1.3rem;
  text-transform: uppercase;
  letter-spacing: 1.5px; }

#ui-tabs-1 .contrato-tarifa-mod fieldset {
  width: 20%; }

#ui-tabs-1 .contrato-tarifa-mod fieldset.contrato-tar-codigo {
  width: 40%; }

#ui-tabs-1 .contrato-tarifa-mod fieldset.contrato-tar-nombre {
  width: 20%; }

#ui-tabs-1 .contrato-tarifa-mod fieldset.contrato-tar-tipo {
  width: 15%; }

#ui-tabs-1 .contrato-tarifa-mod fieldset.contrato-tar-estancia {
  width: 15%; }

#ui-tabs-1 .contrato-tarifa-mod fieldset.contrato-tar-fechaIni, #ui-tabs-1 .contrato-tarifa-mod fieldset.contrato-tar-fechaFin, #ui-tabs-1 .contrato-tarifa-mod fieldset.contrato-tar-fechaEstIni, #ui-tabs-1 .contrato-tarifa-mod fieldset.contrato-tar-fechaEstFin {
  width: 10%; }

#ui-tabs-1 .contrato-tarifa-mod fieldset.contrato-tar-tipoVenta {
  width: 15%; }

#ui-tabs-1 .contrato-tarifa-mod fieldset.contrato-tar-oferta, #ui-tabs-1 .contrato-tarifa-mod fieldset.contrato-tar-anulada, #ui-tabs-1 .contrato-tarifa-mod fieldset.contrato-tar-impresion, #ui-tabs-1 .contrato-tarifa-mod fieldset.contrato-tar-noReembolsable, #ui-tabs-1 .contrato-tarifa-mod fieldset.contrato-tar-empaquetar {
  width: 8%; }

#ui-tabs-1 .contrato-tarifa-mod fieldset.contrato-tar-nombreEmpaquetado {
  width: 50%; }

.content-aplicar-imp #formAplicarImpuesto .kt-field {
  width: 35%; }

.content-aplicar-imp #formAplicarImpuesto .kt-field.kt-check {
  width: 65%;
  justify-content: space-between; }

.content-aplicar-imp #formAplicarImpuesto .kt-field.kt-check span {
  width: 50%; }

.content-aplicar-imp #formAplicarImpuesto .kt-field.kt-check span label {
  margin-right: 1.25rem; }

/* --------------------------------------------
      Tab Información de contratos
----------------------------------------------- */
#ui-tabs-2 #tablaContratoTarifaObs, #ui-tabs-2 #tablaContratoTarifaSeg {
  margin-bottom: 0; }

#ui-tabs-2 #tablaContratoTarifaObs th.tdCheck, #ui-tabs-2 #tablaContratoTarifaObs td.tdCheck, #ui-tabs-2 #tablaFormContratoTarifaObs th.tdCheck, #ui-tabs-2 #tablaFormContratoTarifaObs td.tdCheck {
  width: 7%; }

#ui-tabs-2 #tablaContratoTarifaObs th.tdTipo, #ui-tabs-2 #tablaContratoTarifaObs td.tdTipo, #ui-tabs-2 #tablaFormContratoTarifaObs th.tdTipo, #ui-tabs-2 #tablaFormContratoTarifaObs td.tdTipo {
  width: 15%; }

#ui-tabs-2 #tablaContratoTarifaObs th.tdFecha, #ui-tabs-2 #tablaContratoTarifaObs td.tdFecha, #ui-tabs-2 #tablaFormContratoTarifaObs th.tdFecha, #ui-tabs-2 #tablaFormContratoTarifaObs td.tdFecha {
  width: 15%; }

#ui-tabs-2 #tablaContratoTarifaObs th.tdObs, #ui-tabs-2 #tablaContratoTarifaObs td.tdObs, #ui-tabs-2 #tablaFormContratoTarifaObs th.tdObs, #ui-tabs-2 #tablaFormContratoTarifaObs td.tdObs {
  width: 35%; }

#ui-tabs-2 #tablaContratoTarifaObs th.tdEdit, #ui-tabs-2 #tablaContratoTarifaObs td.tdEdit, #ui-tabs-2 #tablaFormContratoTarifaObs th.tdEdit, #ui-tabs-2 #tablaFormContratoTarifaObs td.tdEdit {
  width: 11rem; }

#ui-tabs-2 #tablaContratoTarifaSeg th.tdSelect2, #ui-tabs-2 #tablaContratoTarifaSeg td.tdSelect2, #ui-tabs-2 #tablaFormContratoTarifaSeg th.tdSelect2, #ui-tabs-2 #tablaFormContratoTarifaSeg td.tdSelect2 {
  width: 39%;
  padding-right: 2rem; }

#ui-tabs-2 #tablaContratoTarifaSeg th.tdValor, #ui-tabs-2 #tablaContratoTarifaSeg td.tdValor, #ui-tabs-2 #tablaFormContratoTarifaSeg th.tdValor, #ui-tabs-2 #tablaFormContratoTarifaSeg td.tdValor {
  width: 10%;
  padding-right: 2rem; }

#ui-tabs-2 #tablaContratoTarifaSeg th.tdEdit, #ui-tabs-2 #tablaContratoTarifaSeg td.tdEdit, #ui-tabs-2 #tablaFormContratoTarifaSeg th.tdEdit, #ui-tabs-2 #tablaFormContratoTarifaSeg td.tdEdit {
  width: 16rem; }

/* --------------------------------------------
      Tab Costes de contratos
----------------------------------------------- */
#ui-tabs-3 .radio-options {
  width: auto;
  display: inline-block;
  margin-top: 1.5rem;
  margin-right: 6.5rem;
  margin-bottom: 1rem; }

#ui-tabs-3 .radio-options #contratoCosteVistaPvp, #ui-tabs-3 .radio-options #contratoCosteVistaTemp {
  margin-left: 3rem; }

#ui-tabs-3 .contrato-coste-block .clearfix {
  width: 100%; }

/* --------------------------------------------
      Tab Régimen de contratos
----------------------------------------------- */
#ui-tabs-4 #tablaFormContratoRegimen tbody {
  width: 100%; }

#ui-tabs-4 #tablaFormContratoRegimen tr td {
  padding-right: 2rem;
  padding-left: 0;
  border: none;
  margin-bottom: 1rem; }

#ui-tabs-4 #tablaFormContratoRegimen tr td.tdFecha {
  width: auto;
  max-width: 20rem;
  padding-left: 0; }

#ui-tabs-4 #tablaFormContratoRegimen tr td.tdedit {
  border: none; }

#ui-tabs-4 #tablaFormContratoRegimen tr td.cont-reg-fec-ini, #ui-tabs-4 #tablaFormContratoRegimen tr td.cont-reg-fec-fin {
  min-width: 14rem;
  width: 18%; }

#ui-tabs-4 #tablaFormContratoRegimen tr td.cont-reg-temp, #ui-tabs-4 #tablaFormContratoRegimen tr td.cont-reg-mod, #ui-tabs-4 #tablaFormContratoRegimen tr td.cont-reg-fec-car {
  min-width: 21rem;
  width: 25%; }

#ui-tabs-4 #tablaFormContratoRegimen tr td.cont-reg-uni {
  min-width: 12rem;
  width: 14%; }

#ui-tabs-4 #tablaFormContratoRegimen tr td.cont-reg-reg {
  min-width: 14rem;
  width: 36%; }

#ui-tabs-4 #tablaFormContratoRegimen tr td.cont-reg-edad-ini, #ui-tabs-4 #tablaFormContratoRegimen tr td.cont-reg-edad-fin {
  min-width: 11rem;
  width: 12.5%; }

#ui-tabs-4 #tablaFormContratoRegimen tr td.cont-reg-cos, #ui-tabs-4 #tablaFormContratoRegimen tr td.cont-reg-pvp {
  min-width: 10rem;
  width: 12.5%; }

#ui-tabs-4 #tablaFormContratoRegimen tr td.cont-reg-por {
  min-width: 11rem;
  width: 14%; }

#ui-tabs-4 #tablaFormContratoRegimen tr td.cont-reg-actions {
  width: 100%; }

#ui-tabs-4 #tablaFormContratoRegimen tr td.cont-reg-actions input {
  width: 20rem;
  margin: 1rem calc(50% - 10rem); }

#ui-tabs-4 #tablaFormContratoRegimen tr td .select2-container {
  width: 100%;
  text-align: left; }

/* --------------------------------------------
    Tab Suplementos de contratos
----------------------------------------------- */
#ui-tabs-5 #tablaFormContratoRegimen tr td {
  margin-bottom: 1rem; }

#ui-tabs-5 #formContratoSuplementoNew #tablaContratoSuplementoCrear, #ui-tabs-5 #formContratoSuplementoNew .tablaContratoSuplemento {
  width: 100%; }

#ui-tabs-5 #formContratoSuplementoNew #tablaContratoSuplementoCrear tr, #ui-tabs-5 #formContratoSuplementoNew .tablaContratoSuplemento tr {
  width: 100%; }

#ui-tabs-5 #formContratoSuplementoNew #tablaContratoSuplementoCrear tr.nuevoSup td, #ui-tabs-5 #formContratoSuplementoNew .tablaContratoSuplemento tr.nuevoSup td {
  margin-bottom: .75rem; }

#ui-tabs-5 #formContratoSuplementoNew #tablaContratoSuplementoCrear tr td, #ui-tabs-5 #formContratoSuplementoNew .tablaContratoSuplemento tr td {
  border-top: none;
  width: 15%; }

#ui-tabs-5 #formContratoSuplementoNew #tablaContratoSuplementoCrear tr td.tdFecha, #ui-tabs-5 #formContratoSuplementoNew .tablaContratoSuplemento tr td.tdFecha {
  max-width: 16rem; }

#ui-tabs-5 #formContratoSuplementoNew #tablaContratoSuplementoCrear tr td.tdSelect2pq, #ui-tabs-5 #formContratoSuplementoNew .tablaContratoSuplemento tr td.tdSelect2pq {
  max-width: 15rem;
  width: 20%; }

#ui-tabs-5 #formContratoSuplementoNew #tablaContratoSuplementoCrear tr td.tdTipo, #ui-tabs-5 #formContratoSuplementoNew .tablaContratoSuplemento tr td.tdTipo {
  max-width: 10rem; }

#ui-tabs-5 #formContratoSuplementoNew #tablaContratoSuplementoCrear tr td.diaApl, #ui-tabs-5 #formContratoSuplementoNew .tablaContratoSuplemento tr td.diaApl {
  max-width: 3rem;
  text-align: center;
  padding: 0 0.75rem;
  margin-top: 1.5rem; }

#ui-tabs-5 #formContratoSuplementoNew #tablaContratoSuplementoCrear tr td.tdCheck, #ui-tabs-5 #formContratoSuplementoNew .tablaContratoSuplemento tr td.tdCheck {
  max-width: 9rem;
  margin-top: 2.5rem; }

#ui-tabs-5 #formContratoSuplementoNew input[type="button"] {
  margin-right: 1.5rem;
  min-width: 19.5rem; }

/* --------------------------------------------
   Tab Incompatibilidad de contratos
----------------------------------------------- */
#ui-tabs-6 .tablaFormContratoImcompatibilidad#tablaContratoImcompatibilidad th, #ui-tabs-6 .tablaFormContratoImcompatibilidad#tablaContratoImcompatibilidad td {
  padding: 1rem 0.5rem; }

#ui-tabs-6 .tablaFormContratoImcompatibilidad#tablaContratoImcompatibilidad th.tdIncompTipo, #ui-tabs-6 .tablaFormContratoImcompatibilidad#tablaContratoImcompatibilidad th.tdIncompOrden, #ui-tabs-6 .tablaFormContratoImcompatibilidad#tablaContratoImcompatibilidad th.tdIncompFecha, #ui-tabs-6 .tablaFormContratoImcompatibilidad#tablaContratoImcompatibilidad td.tdIncompTipo, #ui-tabs-6 .tablaFormContratoImcompatibilidad#tablaContratoImcompatibilidad td.tdIncompOrden, #ui-tabs-6 .tablaFormContratoImcompatibilidad#tablaContratoImcompatibilidad td.tdIncompFecha {
  text-align: center; }

#ui-tabs-6 .tablaFormContratoImcompatibilidad .tdIncompTipo, #ui-tabs-6 .tablaFormContratoImcompatibilidad .tdIncompFecha, #ui-tabs-6 .tablaFormContratoImcompatibilidad .tdIncompUser {
  width: 12rem; }

#ui-tabs-6 .tablaFormContratoImcompatibilidad .tdIncompOrden {
  width: 10.5rem; }

#ui-tabs-6 .tablaFormContratoImcompatibilidad .tdEdit {
  width: 8rem;
  text-align: center; }

#ui-tabs-6 #formCrearIncompatibilidad {
  display: flex; }

#ui-tabs-6 #formCrearIncompatibilidad .tablaFormContratoImcompatibilidad {
  width: calc(100% - 17.5rem); }

#ui-tabs-6 #formCrearIncompatibilidad #btnContratoIncompatibilidad {
  width: 16rem;
  margin-left: 1.5rem; }

#ui-tabs-6 #formCrearIncompDet {
  display: flex; }

#ui-tabs-6 #formCrearIncompDet .tablaFormContratoImcompDet {
  width: calc(100% - 17.5rem); }

#ui-tabs-6 #formCrearIncompDet #btnContratoIncompDet {
  width: 16rem;
  margin-left: 1.5rem; }

/* --------------------------------------------
   Tab Entradas de contratos
----------------------------------------------- */
#ui-tabs-7 .tablaFormContratoEntrada th.tdFecha, #ui-tabs-7 .tablaFormContratoEntrada td.tdFecha {
  width: 10%; }

#ui-tabs-7 .tablaFormContratoEntrada th.tdEntSal, #ui-tabs-7 .tablaFormContratoEntrada td.tdEntSal {
  width: 10%; }

#ui-tabs-7 .tablaFormContratoEntrada th.tdTemporada, #ui-tabs-7 .tablaFormContratoEntrada td.tdTemporada {
  width: 10%; }

#ui-tabs-7 .tablaFormContratoEntrada th.tdDiaEntrada, #ui-tabs-7 .tablaFormContratoEntrada td.tdDiaEntrada {
  width: 10%; }

#ui-tabs-7 .tablaFormContratoEntrada th.tdOrq, #ui-tabs-7 .tablaFormContratoEntrada td.tdOrq {
  width: 10%; }

#ui-tabs-7 .tablaFormContratoEntrada th.tdMod, #ui-tabs-7 .tablaFormContratoEntrada td.tdMod {
  width: 10%; }

#ui-tabs-7 .tablaFormContratoEntrada th.tdCar, #ui-tabs-7 .tablaFormContratoEntrada td.tdCar {
  width: 10%; }

#ui-tabs-7 .tablaFormContratoEntrada th.tdReg, #ui-tabs-7 .tablaFormContratoEntrada td.tdReg {
  width: 10%; }

#ui-tabs-7 .tablaFormContratoEntrada th.diaApl, #ui-tabs-7 .tablaFormContratoEntrada td.diaApl {
  width: 2.5%;
  max-width: 3rem;
  text-align: center; }

#ui-tabs-7 .tablaFormContratoEntrada th.tdEdit, #ui-tabs-7 .tablaFormContratoEntrada td.tdEdit {
  width: 12%; }

#ui-tabs-7 #tablaFormContratoEntrada .diaApl input {
  margin-top: 1rem; }

#ui-tabs-7 #btnContratoEntrada {
  margin-top: -6.5rem;
  display: block;
  float: none;
  margin-left: auto;
  margin-right: 0;
  z-index: 1;
  position: relative; }

/* --------------------------------------------
   Tab Estancias de contratos
----------------------------------------------- */
#ui-tabs-8 #tablaContratoEstancia th.tdFecha, #ui-tabs-8 #tablaContratoEstancia td.tdFecha, #ui-tabs-8 #tablaFormContratoEstancia th.tdFecha, #ui-tabs-8 #tablaFormContratoEstancia td.tdFecha {
  width: 8%; }

#ui-tabs-8 #tablaContratoEstancia th.tdTemporada, #ui-tabs-8 #tablaContratoEstancia td.tdTemporada, #ui-tabs-8 #tablaFormContratoEstancia th.tdTemporada, #ui-tabs-8 #tablaFormContratoEstancia td.tdTemporada {
  width: 10%; }

#ui-tabs-8 #tablaContratoEstancia th.tdTipo, #ui-tabs-8 #tablaContratoEstancia td.tdTipo, #ui-tabs-8 #tablaFormContratoEstancia th.tdTipo, #ui-tabs-8 #tablaFormContratoEstancia td.tdTipo {
  width: 8%; }

#ui-tabs-8 #tablaContratoEstancia th.tdNum, #ui-tabs-8 #tablaContratoEstancia td.tdNum, #ui-tabs-8 #tablaFormContratoEstancia th.tdNum, #ui-tabs-8 #tablaFormContratoEstancia td.tdNum {
  width: 5%; }

#ui-tabs-8 #tablaContratoEstancia th.tdUni, #ui-tabs-8 #tablaContratoEstancia td.tdUni, #ui-tabs-8 #tablaFormContratoEstancia th.tdUni, #ui-tabs-8 #tablaFormContratoEstancia td.tdUni {
  width: 7%; }

#ui-tabs-8 #tablaContratoEstancia th.tdOrq, #ui-tabs-8 #tablaContratoEstancia td.tdOrq, #ui-tabs-8 #tablaFormContratoEstancia th.tdOrq, #ui-tabs-8 #tablaFormContratoEstancia td.tdOrq {
  width: 8%; }

#ui-tabs-8 #tablaContratoEstancia th.tdMod, #ui-tabs-8 #tablaContratoEstancia td.tdMod, #ui-tabs-8 #tablaFormContratoEstancia th.tdMod, #ui-tabs-8 #tablaFormContratoEstancia td.tdMod {
  width: 10%; }

#ui-tabs-8 #tablaContratoEstancia th.tdCar, #ui-tabs-8 #tablaContratoEstancia td.tdCar, #ui-tabs-8 #tablaFormContratoEstancia th.tdCar, #ui-tabs-8 #tablaFormContratoEstancia td.tdCar {
  width: 10%; }

#ui-tabs-8 #tablaContratoEstancia th.tdReg, #ui-tabs-8 #tablaContratoEstancia td.tdReg, #ui-tabs-8 #tablaFormContratoEstancia th.tdReg, #ui-tabs-8 #tablaFormContratoEstancia td.tdReg {
  width: 12%; }

#ui-tabs-8 #tablaContratoEstancia th.diaApl, #ui-tabs-8 #tablaContratoEstancia td.diaApl, #ui-tabs-8 #tablaFormContratoEstancia th.diaApl, #ui-tabs-8 #tablaFormContratoEstancia td.diaApl {
  width: 2.25%;
  max-width: 3rem;
  text-align: center; }

#ui-tabs-8 #tablaContratoEstancia th.tdEdit, #ui-tabs-8 #tablaContratoEstancia td.tdEdit, #ui-tabs-8 #tablaFormContratoEstancia th.tdEdit, #ui-tabs-8 #tablaFormContratoEstancia td.tdEdit {
  width: 8%; }

#ui-tabs-8 #tablaContratoEstancia td.diaApl, #ui-tabs-8 #tablaFormContratoEstancia td.diaApl {
  padding: 0; }

/* --------------------------------------------
   Tab Gratuidades de contratos
----------------------------------------------- */
/* --------------------------------------------
   Tab Gastos de contratos
----------------------------------------------- */
#ui-tabs-10 #tablaFormContratoGasto tr, #ui-tabs-10 #tablaContratoGasto tr {
  width: 100%; }

#ui-tabs-10 #tablaFormContratoGasto th.tdFecha, #ui-tabs-10 #tablaFormContratoGasto td.tdFecha, #ui-tabs-10 #tablaContratoGasto th.tdFecha, #ui-tabs-10 #tablaContratoGasto td.tdFecha {
  width: 8%; }

#ui-tabs-10 #tablaFormContratoGasto th.tdTemporada, #ui-tabs-10 #tablaFormContratoGasto td.tdTemporada, #ui-tabs-10 #tablaContratoGasto th.tdTemporada, #ui-tabs-10 #tablaContratoGasto td.tdTemporada {
  width: 10%; }

#ui-tabs-10 #tablaFormContratoGasto th.tdNum, #ui-tabs-10 #tablaFormContratoGasto td.tdNum, #ui-tabs-10 #tablaContratoGasto th.tdNum, #ui-tabs-10 #tablaContratoGasto td.tdNum {
  width: 7%; }

#ui-tabs-10 #tablaFormContratoGasto th.tdUni, #ui-tabs-10 #tablaFormContratoGasto td.tdUni, #ui-tabs-10 #tablaContratoGasto th.tdUni, #ui-tabs-10 #tablaContratoGasto td.tdUni {
  width: 7%; }

#ui-tabs-10 #tablaFormContratoGasto th.tdUni.apl, #ui-tabs-10 #tablaFormContratoGasto td.tdUni.apl, #ui-tabs-10 #tablaContratoGasto th.tdUni.apl, #ui-tabs-10 #tablaContratoGasto td.tdUni.apl {
  width: 9%; }

#ui-tabs-10 #tablaFormContratoGasto th.tdCheck, #ui-tabs-10 #tablaFormContratoGasto td.tdCheck, #ui-tabs-10 #tablaContratoGasto th.tdCheck, #ui-tabs-10 #tablaContratoGasto td.tdCheck {
  width: 3%;
  text-align: center; }

#ui-tabs-10 #tablaFormContratoGasto th.tdEdit, #ui-tabs-10 #tablaFormContratoGasto td.tdEdit, #ui-tabs-10 #tablaContratoGasto th.tdEdit, #ui-tabs-10 #tablaContratoGasto td.tdEdit {
  width: 8%; }

#ui-tabs-10 #tablaFormContratoGasto th.tdEdit .btn-inp-save, #ui-tabs-10 #tablaFormContratoGasto td.tdEdit .btn-inp-save, #ui-tabs-10 #tablaContratoGasto th.tdEdit .btn-inp-save, #ui-tabs-10 #tablaContratoGasto td.tdEdit .btn-inp-save {
  min-width: 0;
  width: 100%; }

/* --------------------------------------------
   Tab Paros de contratos
----------------------------------------------- */
#ui-tabs-11 .contrato-paros-btns {
  width: 100%;
  margin-bottom: .5rem; }

#ui-tabs-11 #tablaFormContratoParo tr, #ui-tabs-11 #tablaContratoParo tr {
  width: 100%; }

#ui-tabs-11 #tablaFormContratoParo th.tdCheck, #ui-tabs-11 #tablaFormContratoParo td.tdCheck, #ui-tabs-11 #tablaContratoParo th.tdCheck, #ui-tabs-11 #tablaContratoParo td.tdCheck {
  width: 4.5%;
  text-align: center; }

#ui-tabs-11 #tablaFormContratoParo th.diaApl, #ui-tabs-11 #tablaFormContratoParo td.diaApl, #ui-tabs-11 #tablaContratoParo th.diaApl, #ui-tabs-11 #tablaContratoParo td.diaApl {
  width: 2.5%;
  text-align: center; }

#ui-tabs-11 #tablaFormContratoParo th.tdFecha, #ui-tabs-11 #tablaFormContratoParo td.tdFecha, #ui-tabs-11 #tablaContratoParo th.tdFecha, #ui-tabs-11 #tablaContratoParo td.tdFecha {
  width: 8%; }

#ui-tabs-11 #tablaFormContratoParo th.tdSelect, #ui-tabs-11 #tablaFormContratoParo th.tdSelect2, #ui-tabs-11 #tablaFormContratoParo td.tdSelect, #ui-tabs-11 #tablaFormContratoParo td.tdSelect2, #ui-tabs-11 #tablaContratoParo th.tdSelect, #ui-tabs-11 #tablaContratoParo th.tdSelect2, #ui-tabs-11 #tablaContratoParo td.tdSelect, #ui-tabs-11 #tablaContratoParo td.tdSelect2 {
  width: 13%; }

#ui-tabs-11 #tablaFormContratoParo th.tdEdit, #ui-tabs-11 #tablaFormContratoParo td.tdEdit, #ui-tabs-11 #tablaContratoParo th.tdEdit, #ui-tabs-11 #tablaContratoParo td.tdEdit {
  width: 10%;
  text-align: center; }

#ui-tabs-11 #tablaFormContratoParo th.tdEdit .btn-inp-save, #ui-tabs-11 #tablaFormContratoParo td.tdEdit .btn-inp-save, #ui-tabs-11 #tablaContratoParo th.tdEdit .btn-inp-save, #ui-tabs-11 #tablaContratoParo td.tdEdit .btn-inp-save {
  min-width: 0;
  width: 100%; }

#ui-tabs-11 #tablaContratoParo tbody tr:not(.row-hidden) {
  padding-bottom: 3rem;
  border-bottom: 1px dashed #CCCCCC; }

#ui-tabs-11 .paros-his {
  padding: .5rem;
  background: #31A2D2;
  color: #FFFFFF;
  white-space: nowrap;
  display: flex;
  margin: .5rem 0 0 0;
  border-radius: 3px;
  position: absolute;
  letter-spacing: 1px;
  font-size: 1rem; }

#ui-tabs-11 .paros-his i {
  margin: 0 0.125rem 0 0.25rem;
  line-height: 1.4; }

#ui-tabs-11 .paros-his i.fa-long-arrow-right {
  margin: 0 1rem; }

/* --------------------------------------------
   Tab Datos de contratos
----------------------------------------------- */
#ui-tabs-12 .contratos-datos-head {
  width: 100%;
  border-bottom: 1px solid #CCCCCC; }

#ui-tabs-12 .contratos-datos-head fieldset {
  margin: 0 0 0 auto; }

#ui-tabs-12 .nav-tabs {
  border-bottom: none; }

#ui-tabs-12 .nav-tabs li.active a {
  background: #0B3954;
  color: #FFFFFF;
  opacity: 1; }

#ui-tabs-12 .nav-tabs li a {
  opacity: 0.78;
  color: #3a3a3a;
  text-transform: uppercase;
  letter-spacing: 3px;
  padding: 1rem 1.75rem;
  border: solid #CCC;
  border-width: 1px 1px 0 1px; }

#ui-tabs-12 .nav-tabs li a:hover {
  background-color: #0B3954;
  background-color: rgba(11, 57, 84, 0.8);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=$ie_str,endColorstr=$ie_str); }

#ui-tabs-12 .btn-inp-save {
  margin-top: 1.5rem; }

/* --------------------------------------------
   Tab Comision de contratos
----------------------------------------------- */
#ui-tabs-13 .ccom-head .ccom-radio, #ui-tabs-13 .ccom-head .ccom-btn {
  width: 50%; }

#ui-tabs-13 .ccom-head .ccom-radio #contratoComisionVistaTemp, #ui-tabs-13 .ccom-head .ccom-btn #contratoComisionVistaTemp {
  margin-left: 3.5rem; }

#ui-tabs-13 .ccom-head .ccom-radio {
  line-height: 2.75; }

#ui-tabs-13 .ccom-head .ccom-btn {
  margin-bottom: 1.5rem; }

#ui-tabs-13 .imp-pol-actions {
  background: #FCFCFC;
  margin-top: 1.5rem;
  border: 1px solid #DFDFDF;
  padding-top: .75rem; }

#ui-tabs-13 #tablaFormContratoComision tr, #ui-tabs-13 #tablaContratoComision tr {
  width: 100%; }

#ui-tabs-13 #tablaFormContratoComision th.tdFecha, #ui-tabs-13 #tablaFormContratoComision td.tdFecha, #ui-tabs-13 #tablaContratoComision th.tdFecha, #ui-tabs-13 #tablaContratoComision td.tdFecha {
  width: 10%; }

#ui-tabs-13 #tablaFormContratoComision th.tdTemporada, #ui-tabs-13 #tablaFormContratoComision td.tdTemporada, #ui-tabs-13 #tablaContratoComision th.tdTemporada, #ui-tabs-13 #tablaContratoComision td.tdTemporada {
  width: 20%; }

#ui-tabs-13 #tablaFormContratoComision th.tdMod, #ui-tabs-13 #tablaFormContratoComision td.tdMod, #ui-tabs-13 #tablaContratoComision th.tdMod, #ui-tabs-13 #tablaContratoComision td.tdMod {
  width: 20%; }

#ui-tabs-13 #tablaFormContratoComision th.tdComision, #ui-tabs-13 #tablaFormContratoComision td.tdComision, #ui-tabs-13 #tablaContratoComision th.tdComision, #ui-tabs-13 #tablaContratoComision td.tdComision {
  width: 10%; }

#ui-tabs-13 #tablaFormContratoComision th.tdEdit, #ui-tabs-13 #tablaFormContratoComision td.tdEdit, #ui-tabs-13 #tablaContratoComision th.tdEdit, #ui-tabs-13 #tablaContratoComision td.tdEdit {
  width: 10%;
  text-align: center; }

#ui-tabs-13 #tablaFormContratoComision th.tdEdit .btn-inp-save, #ui-tabs-13 #tablaFormContratoComision td.tdEdit .btn-inp-save, #ui-tabs-13 #tablaContratoComision th.tdEdit .btn-inp-save, #ui-tabs-13 #tablaContratoComision td.tdEdit .btn-inp-save {
  min-width: 0;
  width: 100%; }

/* --------------------------------------------
   Tab TTOO / Cliente de contratos
----------------------------------------------- */
#ui-tabs-14 .form-header {
  margin-top: 0; }

#ui-tabs-14 .formBoxClienteContratoCliente, #ui-tabs-14 .tipClient {
  display: flex;
  width: 33%; }

#ui-tabs-14 .formBoxClienteContratoCliente .form-container, #ui-tabs-14 .formBoxClienteContratoCliente .kt-field, #ui-tabs-14 .tipClient .form-container, #ui-tabs-14 .tipClient .kt-field {
  width: 100%; }

#ui-tabs-14 .formBoxClienteContratoCliente .auto-comp, #ui-tabs-14 .tipClient .auto-comp {
  width: 100%; }

#ui-tabs-14 #inc-text {
  padding: 1rem 0;
  font-size: 1.4rem;
  line-height: 3;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-family: "Rubik", Helvetica, sans-serif, Arial; }

#ui-tabs-14 #inc-text strong {
  padding: .5rem;
  border-radius: 3px;
  background: #FCFCFC; }

#ui-tabs-14 #inc-text strong:before {
  margin-right: .5rem; }

#ui-tabs-14 #inc-text strong.inc {
  background: #208056;
  color: #FFFFFF; }

#ui-tabs-14 #inc-text strong.inc:before {
  content: "";
  font-family: 'FontAwesome'; }

#ui-tabs-14 #inc-text strong.no-inc {
  background: #dc2c19;
  color: #FFFFFF; }

#ui-tabs-14 #inc-text strong.no-inc:before {
  content: "";
  font-family: 'FontAwesome'; }

/* PROVEEDOR TABS / Proveedor/editar.jsp */
/* ===================================== */
.field-actions-inline input[type="text"].form-control, .field-actions-inline .auto-comp, .field-actions-inline select.form-control {
  width: 80%; }

.field-actions-inline .actions-inline {
  width: 20%;
  height: 1.5rem;
  text-align: right;
  margin: auto 0;
  justify-content: space-evenly; }

.field-actions-inline .actions-inline i {
  display: flex; }

/* --------------------------------------------
   Tabs Editar Proveedor > model/Proveedor/editar.jsp
----------------------------------------------- */
#tabsProveedor .ui-tabs-nav {
  width: 13rem; }

#tabsProveedor .ui-tabs-panel {
  width: calc(100% - 13rem); }

/* Ktop Crear reserva
*  ---------------
*  Reserva/crear.jsp > Crear reserva manual
* =============================== */
#reservaManualForm .head-sub, #formReservaProser .head-sub {
  margin-bottom: 1.5rem; }

#detalle-reserva fieldset, .detalle-reserva-proser fieldset {
  width: 20%; }

#detalle-reserva fieldset, #detalle-reserva fieldset .pl-label, .detalle-reserva-proser fieldset, .detalle-reserva-proser fieldset .pl-label {
  font-size: 1.2rem; }

#detalle-reserva fieldset .pl-label, .detalle-reserva-proser fieldset .pl-label {
  margin-right: .5rem; }

#detalle-reserva fieldset .pl-label i, .detalle-reserva-proser fieldset .pl-label i {
  color: #0B3954;
  margin-right: .5rem; }

#detalle-reserva fieldset strong, .detalle-reserva-proser fieldset strong {
  font-weight: 600; }

#detalle-reserva fieldset.detalle-gestion-pvp, .detalle-reserva-proser fieldset.detalle-gestion-pvp {
  width: auto; }

#detalle-reserva .dgp-pendiente, #detalle-reserva .dgp-pagado, .detalle-reserva-proser .dgp-pendiente, .detalle-reserva-proser .dgp-pagado {
  font-weight: 400;
  padding: 0.125rem 0.5rem;
  border-radius: 3px;
  color: #FFFFFF;
  margin: 0 0.5rem 0 0.25rem; }

#detalle-reserva .dgp-pendiente, .detalle-reserva-proser .dgp-pendiente {
  background: #208056; }

#detalle-reserva .dgp-pagado, .detalle-reserva-proser .dgp-pagado {
  background: #dc2c19; }

/* Reserva Pax (ReservaPax/include.jsp) */
.detalle-reserva-pax .head-sub {
  width: calc(100% - 20rem); }

.detalle-reserva-pax .fa-long-arrow-right {
  margin-right: .75rem; }

.detalle-reserva-pax .pl-btn {
  width: 20rem;
  margin: auto 0 0.5rem auto; }

.detalle-reserva-pax .table-search {
  width: 100%; }

.tabla-proser-head h4 {
  text-transform: uppercase;
  letter-spacing: 2.5px; }

/* TABS DETALLE RESERVA
-----------------------
/* 'ReservaPax/include', 'ReservaObs/include', */
/* 'ReservaPago/include', 'ReservaRstcan/include', 'ReservaEnvio/include'
/* ====================================================================== */
#tabsDetalleReserva.ui-tabs, #tabsDetalleProser.ui-tabs {
  padding: 0;
  border: 0;
  background: transparent;
  margin-bottom: 5rem;
  min-height: 18.5rem; }

#tabsDetalleReserva input[type="text"]:read-only, #tabsDetalleReserva input[type="text"]:disabled, #tabsDetalleReserva input[type="number"]:read-only, #tabsDetalleReserva input[type="number"]:disabled, #tabsDetalleReserva textarea:read-only, #tabsDetalleReserva textarea:disabled, #tabsDetalleProser input[type="text"]:read-only, #tabsDetalleProser input[type="text"]:disabled, #tabsDetalleProser input[type="number"]:read-only, #tabsDetalleProser input[type="number"]:disabled, #tabsDetalleProser textarea:read-only, #tabsDetalleProser textarea:disabled {
  background: #DFDFDF; }

#tabsDetalleReserva input[type="text"], #tabsDetalleReserva input[type="number"], #tabsDetalleReserva select, #tabsDetalleReserva textarea, #tabsDetalleProser input[type="text"], #tabsDetalleProser input[type="number"], #tabsDetalleProser select, #tabsDetalleProser textarea {
  background-color: #FFFFFF; }

#tabsDetalleReserva .ui-tabs-nav, #tabsDetalleProser .ui-tabs-nav {
  margin-top: 0;
  padding: 0;
  background: transparent;
  width: 12rem;
  height: 15.5rem;
  border-radius: 2px;
  border-color: #DDD;
  border-width: 0 1px 1px 0; }

#tabsDetalleReserva .ui-tabs-nav li, #tabsDetalleProser .ui-tabs-nav li {
  width: 100%;
  background: #FFFFFF;
  margin: 0;
  border-right: 0; }

#tabsDetalleReserva .ui-tabs-nav li:hover a, #tabsDetalleProser .ui-tabs-nav li:hover a {
  background: #31A2D2; }

#tabsDetalleReserva .ui-tabs-nav li:hover a, #tabsDetalleReserva .ui-tabs-nav li:hover a > span, #tabsDetalleReserva .ui-tabs-nav li:hover i, #tabsDetalleProser .ui-tabs-nav li:hover a, #tabsDetalleProser .ui-tabs-nav li:hover a > span, #tabsDetalleProser .ui-tabs-nav li:hover i {
  color: #FFFFFF; }

#tabsDetalleReserva .ui-tabs-nav li.ui-tabs-active a, #tabsDetalleProser .ui-tabs-nav li.ui-tabs-active a {
  background: #0B3954; }

#tabsDetalleReserva .ui-tabs-nav li.ui-tabs-active a:after, #tabsDetalleProser .ui-tabs-nav li.ui-tabs-active a:after {
  content: "";
  position: absolute;
  right: -1.2rem;
  top: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15px 0 15px 12px;
  border-color: transparent transparent transparent #0B3954; }

#tabsDetalleReserva .ui-tabs-nav li.ui-tabs-active a, #tabsDetalleReserva .ui-tabs-nav li.ui-tabs-active a > span, #tabsDetalleReserva .ui-tabs-nav li.ui-tabs-active i, #tabsDetalleProser .ui-tabs-nav li.ui-tabs-active a, #tabsDetalleProser .ui-tabs-nav li.ui-tabs-active a > span, #tabsDetalleProser .ui-tabs-nav li.ui-tabs-active i {
  color: #FFFFFF; }

#tabsDetalleReserva .ui-tabs-nav li a, #tabsDetalleProser .ui-tabs-nav li a {
  width: 100%;
  padding: 0.75rem 1rem;
  float: none;
  display: block;
  background: #FFFFFF; }

#tabsDetalleReserva .ui-tabs-nav li a:active, #tabsDetalleReserva .ui-tabs-nav li a:focus, #tabsDetalleProser .ui-tabs-nav li a:active, #tabsDetalleProser .ui-tabs-nav li a:focus {
  outline: none; }

#tabsDetalleReserva .ui-tabs-nav li a:before, #tabsDetalleProser .ui-tabs-nav li a:before {
  margin-right: .5rem; }

#tabsDetalleReserva .ui-tabs-nav li#tabDetallePax a:before, #tabsDetalleProser .ui-tabs-nav li#tabDetallePax a:before {
  content: "";
  font-family: 'FontAwesome'; }

#tabsDetalleReserva .ui-tabs-nav li#tabDetalleObservaciones a:before, #tabsDetalleProser .ui-tabs-nav li#tabDetalleObservaciones a:before {
  content: "";
  font-family: 'FontAwesome'; }

#tabsDetalleReserva .ui-tabs-nav li#tabDetallePago a:before, #tabsDetalleProser .ui-tabs-nav li#tabDetallePago a:before {
  content: "";
  font-family: 'FontAwesome'; }

#tabsDetalleReserva .ui-tabs-nav li#tabDetalleRstcan a:before, #tabsDetalleProser .ui-tabs-nav li#tabDetalleRstcan a:before {
  content: "";
  font-family: 'FontAwesome'; }

#tabsDetalleReserva .ui-tabs-nav li#tabDetalleEnvio a:before, #tabsDetalleProser .ui-tabs-nav li#tabDetalleEnvio a:before {
  content: "";
  font-family: 'FontAwesome'; }

#tabsDetalleReserva .ui-tabs-nav li#tabDetalleImportes a:before, #tabsDetalleProser .ui-tabs-nav li#tabDetalleImportes a:before {
  content: "";
  font-family: 'FontAwesome'; }

#tabsDetalleReserva .ui-tabs-panel, #tabsDetalleProser .ui-tabs-panel {
  background-color: #FFFFFF;
  width: calc(100% - 12rem);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }

#tabsDetalleReserva .head-sub.new, #tabsDetalleProser .head-sub.new {
  border-bottom: 1px solid #0B3954; }

.paxesReserva .tdEdit {
  min-width: 11rem; }

#formReservaObs {
  width: 100%; }

#formReservaObs .res-obs-tipo {
  width: 25%; }

#formReservaObs .res-obs-obs {
  width: 60%; }

#formReservaObs .field-btn {
  width: 15%; }

/* Ktop Colorbox Modificar/Añadir ReservaProser
*  ---------------
*  Detalle.jsp > Modificar/crear reservaProser
* =============================== */
#formReservaProser .kt-field {
  width: calc(100% / 6); }

/* Ktop ReservaProserRstcan/include
*  ---------------
*  Detalle.jsp > Modificar/crear reservaProser
* =============================== */
.cancel-note {
  padding: 1rem;
  font-size: 1.4rem;
  letter-spacing: .15rem; }

.cancel-note strong {
  color: #FFFFFF;
  background: #FF6663;
  padding: .5rem;
  border-radius: 2px;
  text-shadow: 0 -1px rgba(0, 0, 0, 0.21); }

.dataTable.hola:before {
  display: none; }

.dataTable thead tr th {
  padding: .5rem; }

.dataTable tbody tr.servExt td {
  padding: .5rem; }

#booking-res-datos .form-header h4 {
  width: 100%;
  display: inline-block;
  cursor: pointer; }

#booking-res-datos .form-header h4 > i {
  float: right; }

#bookingPage .form-header {
  border-bottom: 1px solid #0B3954; }

#bookingPage .form-box.desglose .form-container, #bookingPage .form-box#booking-res-carrito .form-container, #bookingPage .form-box#booking-res-datos .form-container {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }

.hideFieldset {
  visibility: hidden;
  height: 0 !important;
  width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  min-width: 0 !important;
  min-height: 0 !important; }

#nuevaReservaColorBox fieldset, #gestionPaxesColorBox fieldset {
  width: 33%;
  padding-right: .75rem; }

#nuevaReservaColorBox .paxTableCB input, #nuevaReservaColorBox .paxTableCB select, #gestionPaxesColorBox .paxTableCB input, #gestionPaxesColorBox .paxTableCB select {
  font-size: 1.1rem;
  width: 100%; }

#nuevaReservaColorBox .paxTbodyCB, #gestionPaxesColorBox .paxTbodyCB {
  font-size: 1.1rem; }

#bookingPage #tabsEtour .dataTables_scrollFoot {
  display: none; }

/* Ktop Booking
*  -------------
*  Desglose
* =============================== */
#booking-desglose {
  width: 100%;
  display: inline-block;
  /*.desglose-title-total {
    width: auto;
    display: block;
    @extend %pl-label;
    font-size: 1.1rem;
    font-weight: 600;
    white-space: nowrap;
    margin: auto 1.5rem auto auto;
  }*/ }

#booking-desglose .bloqueDetallePrecios {
  width: 100%;
  display: flex;
  border-bottom: 1px dashed #CCC;
  padding-bottom: .5rem;
  line-height: 2.1; }

#booking-desglose .bloqueDetallePrecios:last-child {
  border-bottom: none; }

#booking-desglose .bloqueDetallePrecios > .grey-sp {
  width: 10.5rem; }

#booking-desglose .bloqueDetallePrecios .fila100 {
  width: calc(100% - 10.5rem);
  padding-left: 1.5rem; }

#booking-desglose .bloqueDetallePrecios .fila100 > fieldset {
  width: 20%;
  margin-right: 0; }

#booking-desglose .bloqueDetallePrecios .fila100 .etiq {
  display: block;
  font-size: .9rem; }

#booking-desglose fieldset .valor.numero {
  display: inline-block; }

#booking-desglose fieldset input {
  width: 5.75rem !important;
  font-size: 1rem;
  border-width: 0 0 1px 0;
  box-shadow: none;
  padding: 0 0.375rem 0.125rem 0.375rem;
  border-radius: 0;
  line-height: 0; }

#booking-desglose fieldset input:read-only {
  background: #e9e9e9; }

#booking-desglose fieldset input[value="0"] {
  opacity: 0.68; }

header.header-extranet {
  position: relative;
  border-top: none;
  max-width: 1340px;
  margin: auto;
  padding: .5rem 0 0 0;
  box-shadow: none; }

header.header-extranet .bg-cover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  left: -150%;
  width: 300%;
  background: #FFFFFF;
  z-index: -1;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }

header.header-extranet .nav {
  margin-top: auto;
  color: #3a3a3a; }

header.header-extranet .nav .date-info {
  color: #3a3a3a; }

header.header-extranet .nav li {
  display: inline-block;
  padding: 1rem; }

header.header-extranet .nav li a {
  color: #3a3a3a; }

.nav-extranet {
  background: #31A2D2; }

.nav-extranet ul li {
  border-right: 1px solid #288db7; }

.nav-extranet ul li:first-child {
  border-left: 1px solid #288db7; }

.nav-extranet ul li a {
  display: block;
  text-align: center;
  color: #FFFFFF;
  padding: 1.25rem 1.375rem;
  font-size: 1.1rem; }

@media (min-width: 1200px) {
  .nav-extranet ul li a {
    font-size: 1.1rem;
    padding: 1.25rem 0.75rem; } }

.nav-extranet ul li a:hover {
  background: #0B3954; }

@media (min-width: 1200px) {
  .nav-extranet .container {
    max-width: 1440px; } }

body.extranet .page-width {
  padding: 0 1.5rem 0 1.5rem !important; }

body.extranet .page-width .container {
  max-width: 1340px; }

@media (max-width: 1200px) {
  body.extranet .page-width .container {
    max-width: 1170px; } }

body.extranet .btn-actions button {
  width: auto;
  margin: 0 1.9rem 0 0; }

#criterioResultados {
  width: 100%; }

.page-width .nueva-res.right {
  background: #31A2D2;
  padding: 1rem; }

.page-width .nueva-res.right .badge {
  border: none;
  background: none; }

.page-width .nueva-res.right .badge i {
  color: #FFFFFF; }

.page-width .nueva-res.right a > span {
  color: #FFFFFF;
  text-transform: uppercase; }

.page-width .search-nav {
  background: #FFFFFF;
  border: 1px solid #DFDFDF;
  height: auto !important;
  padding: 1.5rem; }

.page-width .search-nav .buscadorField > label, .page-width .search-nav .buscadorField > .search-label {
  color: #3a3a3a;
  margin: 0 0 0.5rem 0; }

.page-width .search-nav .buscadorField > input, .page-width .search-nav .buscadorField > .search-nav-input {
  background: #FFFFFF;
  border-radius: 3px;
  margin: 0; }

.page-width .search-nav .buscadorField > input[type="text"], .page-width .search-nav .buscadorField > .search-nav-input[type="text"] {
  min-height: 4.25rem; }

.page-width .search-nav .buscadorField > .select2-container {
  margin: 0 !important; }

.page-width .search-nav #formBuscar .btn-buscar {
  min-width: 7rem;
  text-indent: 0; }

.ktop-btn {
  background: #0B3954;
  border-radius: 3px;
  padding: 0; }

.ktop-btn:hover {
  background: #d69b00; }

.ktop-btn a {
  display: inline-block;
  padding: 1rem;
  color: #FFFFFF; }

.ktop-btn i {
  margin-right: .5rem; }

.ktop-btn.new {
  margin-bottom: .5rem;
  margin-top: auto; }

.btn-actions {
  margin-top: 1.5rem; }

.btn-actions button {
  width: calc(25% - 1.75rem);
  margin: 0 1.9rem 0 0; }

.btn-actions button.btn-guardar {
  margin-right: 0; }

/* LEGACY CONTRATOS */
.right {
  float: right; }

.page-width .container .tarifas table tr td {
  vertical-align: middle; }

.page-width .container .tarifas table tr td select {
  width: 88%; }

.page-width .container .tarifas .form-container table tr label.grey-sp {
  color: #000;
  font-weight: 400;
  text-transform: uppercase;
  font-family: "Work Sans", Helvetica, sans-serif, Arial;
  line-height: 1.2; }

.page-width .container .tarifas .form-box {
  background: #dee3e7 !important;
  width: 100%; }

.page-width .container .tarifas .form-box input[type="text"].form-control {
  min-height: 2.25rem;
  background: #FFFFFF;
  border-radius: 2px; }

.page-width .container .tarifas .btnGuardar {
  border: 2px solid #EFEFEF;
  background: #0B3954;
  color: #FFFFFF;
  border-radius: 2px;
  padding: 1rem;
  font-size: 1.4rem;
  text-indent: 0;
  text-transform: uppercase;
  letter-spacing: .2rem;
  min-height: 3.8rem;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }

.page-width .container .tarifas .btnGuardar#btnCrearNuevaTarifa, .page-width .container .tarifas .btnGuardar[value="Añadir"], .page-width .container .tarifas .btnGuardar[value="Añadir Nuevo"], .page-width .container .tarifas .btnGuardar[value="Guardar"] {
  background: #208056;
  color: #FFFFFF; }

.page-width .container .tarifas .btnGuardar#btnCrearNuevaTarifa:hover, .page-width .container .tarifas .btnGuardar#btnCrearNuevaTarifa:active, .page-width .container .tarifas .btnGuardar#btnCrearNuevaTarifa:focus, .page-width .container .tarifas .btnGuardar[value="Añadir"]:hover, .page-width .container .tarifas .btnGuardar[value="Añadir"]:active, .page-width .container .tarifas .btnGuardar[value="Añadir"]:focus, .page-width .container .tarifas .btnGuardar[value="Añadir Nuevo"]:hover, .page-width .container .tarifas .btnGuardar[value="Añadir Nuevo"]:active, .page-width .container .tarifas .btnGuardar[value="Añadir Nuevo"]:focus, .page-width .container .tarifas .btnGuardar[value="Guardar"]:hover, .page-width .container .tarifas .btnGuardar[value="Guardar"]:active, .page-width .container .tarifas .btnGuardar[value="Guardar"]:focus {
  background: #16573b; }

.page-width .container .tarifas .btnGuardar[value="Limpiar"], .page-width .container .tarifas .btnGuardar[type="reset"], .page-width .container .tarifas .btnGuardar[value="Borrar"] {
  background: #FF6663;
  color: #FFFFFF; }

.page-width .container .tarifas .btnGuardar[value="Limpiar"]:hover, .page-width .container .tarifas .btnGuardar[value="Limpiar"]:active, .page-width .container .tarifas .btnGuardar[value="Limpiar"]:focus, .page-width .container .tarifas .btnGuardar[type="reset"]:hover, .page-width .container .tarifas .btnGuardar[type="reset"]:active, .page-width .container .tarifas .btnGuardar[type="reset"]:focus, .page-width .container .tarifas .btnGuardar[value="Borrar"]:hover, .page-width .container .tarifas .btnGuardar[value="Borrar"]:active, .page-width .container .tarifas .btnGuardar[value="Borrar"]:focus {
  background: #ff3430; }

input[type="submit"].btnGuardar, .btnCrearContratoGratuidad, #btnContratoRegimen, #btnCrearContratoSuplementoEnLinea {
  background: #208056;
  color: #FFFFFF; }

input[type="submit"].btnGuardar:hover, input[type="submit"].btnGuardar:active, input[type="submit"].btnGuardar:focus, .btnCrearContratoGratuidad:hover, .btnCrearContratoGratuidad:active, .btnCrearContratoGratuidad:focus, #btnContratoRegimen:hover, #btnContratoRegimen:active, #btnContratoRegimen:focus, #btnCrearContratoSuplementoEnLinea:hover, #btnCrearContratoSuplementoEnLinea:active, #btnCrearContratoSuplementoEnLinea:focus {
  background: #16573b; }

.btnContratoCosteDuplicarCostesPorModalidad {
  background: #0B3954;
  border-radius: 3px;
  padding: 0; }

.btnContratoCosteDuplicarCostesPorModalidad:hover {
  background: #d69b00; }

.page-width .container .tarifas #formContratoTarifa {
  /*  table {
    tr {
      display: flex;
      flex-wrap: wrap;
      flex-direction: row;
      td {}
    }
  }*/ }

.page-width .container .tarifas #formContratoTarifa iframe html {
  height: 100vh; }

.page-width .container .tarifas #formContratoTarifa iframe body {
  min-height: 100%; }

#tabsEtour .form-header {
  display: inline-block;
  padding: 0.75rem 1rem;
  width: 100%;
  background: #0B3954;
  color: #FFFFFF;
  font-family: "Rubik", Helvetica, sans-serif, Arial;
  letter-spacing: .2rem;
  border-radius: 3px 3px 0 0;
  margin-top: 1.5rem;
  /* border-bottom: 1px dashed #CCC; */ }

#tabsEtour .form-header.first-of-type {
  margin-top: 0; }

#tabsEtour .form-header > * {
  font-weight: 400;
  color: #FFFFFF; }

#tabsEtour select {
  min-height: 3.25rem; }

#tabsEtour input[type="text"] {
  min-height: 3.25rem;
  background: #FFFFFF;
  border-radius: 2px;
  border: 1px solid #CCC; }

#tabsEtour .select2-container {
  min-height: 3.25rem; }

#tabsEtour .form-container {
  padding: 0 !important; }

#tabsEtour tr {
  border: none; }

#tabsEtour tbody tr td {
  background: #FFFFFF;
  color: #3a3a3a; }

#tabsEtour .tb_comisiones .form-box.formBoxClienteContratoCliente .select2-container, #tabsEtour .tb_comisiones .form-box.tip-client .select2-container {
  width: calc(100% - 90px); }

#tabsEtour #formContratoDato {
  width: 100% !important; }

body .tooltip.right {
  z-index: 10; }

/*# sourceMappingURL=../scss/private-label.css.map */