@font-face {
    font-family: 'hay';    
    font-weight: 500;       
    src:  url("../fonts/haydonbrush.ttf");  
}
@font-face {
    font-family: 'montse';    
    font-weight: 600;    
    src:  url("../fonts/montserratbold.otf");  
}
@font-face {
    font-family: 'montse';    
    font-weight: 700;    
    src:  url("../fonts/montserratextrabold.otf");  
}
@font-face {
    font-family: 'montse';    
    font-weight: 400;    
    src:  url("../fonts/montserratmedium.otf");  
}
@font-face {
    font-family: 'montse';    
    font-weight: 300;    
    src:  url("../fonts/montserratregular.otf");  
}
@font-face {
    font-family: 'montse';    
    font-weight: 200;    
    src:  url("../fonts/montserratsemibold.otf");  
}

:focus{
    outline: none !important;
    border-color: rgba(0,0,0,0) !important;
}
::-webkit-input-placeholder,
::-moz-placeholder{ 
    text-align: center;
    font-size: 12px;
    line-height: 50px;
}

:-ms-input-placeholder,
::-moz-placeholder{ 
    text-align: center;
    font-size: 12px;
    line-height: 50px;
}

::placeholder {
    text-align: center;
    font-size: 12px;
    line-height: 50px;
}

* {
    -webkit-touch-callout:none;            
    -webkit-text-size-adjust:none;             
    /*-webkit-tap-highlight-color:rgba(0,0,0,1); */
    /*-webkit-user-select:none;*/                  
    box-sizing: border-box; 
}

html{
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: #03304a;
}

body {        
    height: 100%;
    margin: 0px;
    padding: 0px;        
    width: 100%;
    overflow: hidden;
    background-color: #03304a;
}

h1,h2,h3,h4,h5,p,small,a{
    font-family: 'helvetica';
    font-weight: 300;       
    line-height: 110%;
}

hr{
    margin-top: 10px;
    margin-bottom: 10px;
}

input[type="text"],
input[type="email"],
input[type="phone"],
input[type="number"],
input[type="password"],
input[type="tel"],
button,
textarea{
    width: 100%;
    display: block;
    height: 47px !important;
    margin: 0 auto;
    border-radius: 5px;
    border: none;
    padding: 0 10px;
    margin-bottom: 15px;
    font-size: 14px;    
}

textarea{
    height: auto;
    height: 141px !important;
    padding: 10px;
    border: none !important;    
}

input[type="checkbox"],
input[type="radio"]{
    background-color: white;
    width: 25px;
    height: 25px;
    -webkit-appearance: none;
    border: 3px solid #011F2D;    
    -webkit-tap-highlight: rgba(255,255,255,0);
    -webkit-tap-highlight: transparent;
}

input[type="radio"]:checked,
input[type="checkbox"]:checked{
    background-color: #F5BC10;
    width: 25px;
    height: 25px;
    -webkit-appearance: none;
    border: 3px solid #011F2D;
    background-color: #03304a !important;
    background-image: url('../img/icon-checkbox-light.png') !important;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    -webkit-tap-highlight: rgba(255,255,255,0);
    -webkit-tap-highlight: transparent;
}


fieldset{
    padding: 0 20px;
}

button *{
    font-weight: 400;
}

select{
    width: 100%;
    display: block;
    height: 47px !important;
    margin: 0 auto;
    border-radius: 5px;
    border: none;
    padding: 0 10px;
    margin-bottom: 15px;
    font-weight: 400;    
    appearance: none;
    -webkit-appearance: none;    
}

select.dark{
    background: transparent url('../img/icon_select_dark.png') no-repeat right center / auto 20px; 
}

select.light{
    background: transparent url('../img/icon_select.png') no-repeat right center / auto 20px; 
}

.text-blue-dark{color: #03304a;}
.text-white{color: #ffffff;}
.text-yellow{color: #F5BC10;}
.text-normal{font-weight: 400;}
.text-bold{font-weight: 600;}
.text-bolder{font-weight: 700;}
.text-gray{color: #989A9B;}
.text-brown{color: #993300;}
.text-big{font-size: 80px;}
.text-congrats{
    font-family: 'hay'; 
    letter-spacing: 2px;
    transform: rotate(-10deg);
    -webkit-transform: rotate(-10deg);
    font-size: 50px;
}

.no-margin{margin: 0 !important;}
.no-padding{padding: 0 !important;}
.padding-25px{padding: 25px;}
.padding-30px{padding: 30px;}
.padding-15px{padding: 15px;}

.border-radius-5px{border-radius: 5px;}
.bg-blue-darker{background-color: #011F2D;}
.bg-yellow{background-color: #F4A717}
.border-blue-darker{border: 1px solid #011F2D !important;}
.bg-alpha{background-color: transparent;}
.bg-lighgray{background-color: #F7F7F7;}
.bg-dark-blue{background-color: #03304a;}
.bg-gray{background-color: #ABBAC6;}

.btn-success {
    color: #03304a !important; 
    background-color: #F5BC10 !important;
    border-color: #F5BC10 !important;
}
.btn-success:hover {
    color: #F5BC10;
    background-color: #03304a;
    border-color: #03304a;    
}
.btn-bg-green{
    color: white;
    background-color: #28a745;    
    border: 1px solid #28a745 !important;
}
.btn-green{
    color: #28a745;
    background-color: transparent;    
    border: 1px solid #28a745 !important;
}
.btn-dark-blue{
    color: white;
    background-color: #03304a;
    border-color: #03304a;
}
.btn-info{
    color: white;
    background-color: #39B54A;
    border-color: #39B54A;
}
.btn-white{
    background-color: white;
    color: #993300;
    border: white;
}
.btn-gray{
    background-color: lightgray;
    color: #03304a;;
    border: white;
}
.btn-brown-border{
    border: 1px solid #993300 !important;
    color: #993300;
    background-color: white;
}
.btn-small{
    height: 40px !important;
}

screen{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
    background-color: #03304a;
    margin-bottom: constant(safe-area-inset-bottom); /* iOS 11.0 */
	margin-bottom: env(safe-area-inset-bottom); /* iOS 11.2 */
}

wrapper{
    padding-top: 15px;
    padding-bottom: 15px;
    position: absolute;
    top: 50px;
    bottom: 0px;
    width: 100%;
    -webkit-overflow-scrolling: touch;
    overflow-x: hidden;
    background-color: white;
    overflow-y: auto;
}

header{
    position: absolute;
    top: 0px;
    width: 100%;
    left: 0;
    background-color: #03304a;
    height: 50px;
}

header .dropdown{
    min-height: 50px;
}

header .screen_title{
    line-height: 50px;
    position: absolute;
    left: 0;
    width: 100%;
    top: 0;
    color: white;
    text-align: center;
    pointer-events: none;
}

header .screen_title_left{
    line-height: 50px;
    position: absolute;
    left: 30px;
    width: 100%;
    bottom: 0;
    color: white;
    text-align: left;
    pointer-events: none;
    margin: 0;
}

header .dropdown .dropdown-toggle{
    line-height: 50px;
    padding: 0 10px;
    color: white;
}

header .btn-header{
    height: 50px !important;
    width: 40px !important;
    display: block;
    text-align: center;
    line-height: 50px;
    background-color: transparent;
}

footer{
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #03304a;
    height: 50px;
    width: 100%;
    padding: 0 10px;
    z-index: 200;
}

footer .dropdown{
    min-height: 50px;
}

footer .dropdown .dropdown-toggle{
    line-height: 50px;
    padding: 0 10px;
    color: white;
}

footer .btn-footer{
    height: 50px !important;
    width: 50px !important;
    display: block;
    text-align: center;
    line-height: 50px;
    margin: 0 auto !important;
    padding: 0 !important;
    background-color: transparent;
}

.bootstrap-select{
    padding: 0 10px !important;
    height: 48px;
    background-color: transparent;
}

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

.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-5ths {
    width: 20%;
}

@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
    }
}

@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
    }
}

@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
    }
}

.fixedBottom{
    position: fixed;
    bottom: 0;    
}

.minitoggle{
  position: relative;
  width: 70px;
  height: 30px;
  background-color: #EBEBEB;
  border: 1px solid #E6E6E6;
  border-radius: 56px;
  box-shadow: inset 0 0 4px rgba(0, 0, 0, .1);
}

.minitoggle .toggle-handle {
  position: absolute;
  top: 3px;
  left: 3px;
  z-index: 2;
  width: 23px;
  height: 23px;
  background-color: #fff;
  background-image: -webkit-linear-gradient(top, #fff 0, #f2f2f2 100%);
  background-image: linear-gradient(to bottom, #fff 0, #f2f2f2 100%);
  border-radius: 100px;
  -webkit-transition: -webkit-transform 0.1s ease-in-out, border 0.1s ease-in-out;
  transition: transform 0.1s ease-in-out, border 0.1s ease-in-out;
  box-shadow: 0px 2px 3px 0 rgba(0,0,0,0.20);
  
}

.minitoggle.active {
  background-color: #4CD964;
  border: 1px solid #4CD964;
  box-shadow: inset 0 0 15px rgba(255, 255, 255, .25);
}

.minitoggle.active .toggle-handle {
  transform: translate3d(28px,0,0);
}

/*blue*/

.minitoggle.blue.active {
  background-color: #69BDFE;
  border-color: #69BDFE;
}

.minitoggle.blue.active .toggle-handle {
  border-color: #3C78A5;
}

/*yellow*/

.minitoggle.yellow.active {
  background-color: #FFE186;
  border-color: #FFE186;
}

.minitoggle.yellow.active .toggle-handle {
  border-color: #F1C12F;
}

/*red*/

.minitoggle.red.active {
  background-color: #F79A7A;
  border-color: #F79A7A;
}

.minitoggle.red.active .toggle-handle {
  border-color: #EC6231;
}

/*orange*/

.minitoggle.orange.active {
  background-color: #FFB777;
  border-color: #FFB777;
}

.minitoggle.orange.active .toggle-handle {
  border-color: #F70;
}

#screen_loading{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.8) url('../img/loader.gif') no-repeat center center / 40px 40px;
    z-index: 100000;
}

.loading_first{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #03304a;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 60px 60px;
    background-image: url('../img/icon-globito.png');
    z-index: 100000;
    animation: shake 1s infinite;
    -webkit-animation: shake 1s infinite;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes shake {
  from {background-size: 60px 60px;}
  to {background-size: 90px 90px;}
}

/* Standard syntax */
@keyframes shake {
  from {background-size: 60px 60px;}
  to {background-size: 90px 90px;}
}

.loading_first h4{
    top: 50%;
    margin-top: 60px;
    position: absolute;
    width: 100%;
}

button:active, button:focus, button:hover{
    box-shadow: none !important;
}

#viewport {
    position: absolute;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    background: white;
    overflow: hidden;
}

#carrousel {
    width: 100%;
    margin: 0 auto;
    z-index: 1;
}

#scroller {
    position: absolute;
    z-index: 1;
    -webkit-tap-highlight: rgba(0,0,0,0);
    width: 100%;
    height: 100%;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -o-text-size-adjust: none;
    text-size-adjust: none;
    background-color: white;
}

.slide {
    padding: 0;
    width: 100%;
    height: 100%;
    float: left;    
}

#indicator_container{
    position: absolute;
    bottom: 20px;
    left: 50%;
    width: 85px;
    height: 10px;
    z-index: 2000;
}

#indicator {
    margin-left: -50px;
    width: 100%;
    height: 10px;
    padding-right: 10px;
    background: url('../img/doti.png');
}

#dotty {
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    background: #03304a;
}

#indicator_container_single{
    position: absolute;
    bottom: 20px;
    left: 50%;
    width: 85px;
    height: 10px;
    z-index: 2000;
}

#indicator_single {
    margin-left: -50px;
    width: 100%;
    height: 10px;
    padding-right: 10px;    
}

#dotty_single {
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    background: white;
}

.loader_inline{
    width: 100%;
}
.loader_inline img{
    width: 40px;
    display: block;
    margin: 0 auto;
}

.starrr {
  display: inline-block; 
}
.starrr a {
    font-size: 16px;
    padding: 0 1px;
    cursor: pointer;
    color: #FFD119;
    text-decoration: none; 
}

.rating{
    margin: 0;
    text-align: center;
    font-size: 40px;
}

.rating .fa-star{
    text-decoration: none;
    color: #F4A717;    
}

.rating .fa-star-o{
    text-decoration: none;
    color: gray; 
}

.fa-star-o:before {
    content: "\f005";
}

table.v-center td,
table.v-center th{
    vertical-align: middle;
}
table.t-p-4 td,
table.t-p-4 th{
    padding: 10px;
}

.container{    
    padding-left: 10px;
    padding-right: 10px;      
}

.paddingTop50{
    /*padding-top: 60px;*/
}

.divi{
    margin-bottom: 15px !important;
    display: block; 
    width: 100%; 
    min-height: 50px;
}

.separator{
    line-height: 60px;
}

.nav-ps li {
    width: 50%;
    text-align: center;
}

.nav-ps li a {
    background-color: #03304a;
    color: white;
    border-radius: 0 !important;
    border: 0 !important;
    line-height: 50px;
    padding: 0;
}

/*Hasta aqui todo lo que se usa en general*/
/*Hasta aqui todo lo que se usa en general*/
/*Hasta aqui todo lo que se usa en general*/

/*AVATAR*//*AVATAR*//*AVATAR*/
/*AVATAR*//*AVATAR*//*AVATAR*/

.avatar{
    overflow: hidden;       
    background: rgba(255,255,255,0.8) url('../img/loader.gif') no-repeat center center / 30% 30%;
}

.avatar img{
    width: 100%;      
    opacity: 0;
    -webkit-transition: opacity 0.3s; /* Safari prior 6.1 */
    transition: opacity 0.3s;
}

/*BOXES*//*BOXES*//*BOXES*/
/*BOXES*//*BOXES*//*BOXES*/

.box{
    width: 100%;    
    height: auto;
    overflow: hidden;
    border-radius: 5px;
    padding: 5px;
    margin-bottom: 10px;
}
.box table{
    width: 100%;    
}
.box table td{
    vertical-align: top;
    padding: 5px 10px;
}
.box-avatar{
    width: 10px !important;    
    padding-right: 0 !important;    
    padding-left: 5px !important;    
}
.box-avatar .avatar{
    width: 50px;  
    height: 50px;
}
.box-share, .box-share-{
    width: 10px !important;    
}
.box-media{    
    padding: 5px !important;
    padding-top: 10px !important;
}

.box-cat{
    width: 100%;
    padding: 15px 0px;
    padding-bottom: 30px;
    border-radius: 3px;
    position: relative;
}
.box-cat .icon{
    text-align: center;
    color: white;
    margin: 15px 0px;
}
.box-cat h3{
    padding: 0 10px;
}
.box-img{
    width: 100%;
    position: relative;
    border-radius: 3px;
    height: 180px;       
    background: rgba(255,255,255,0.8) url('../img/loader.gif') no-repeat center center / 25px 25px;
}
.box-img-single{
    width: 100%;
    position: relative;
    border-radius: 3px;
    min-height: 180px;    
    overflow: hidden;    
    background: rgba(255,255,255,0.8) url('../img/loader.gif') no-repeat center center / 25px 25px;
}
.box-no-img{
    width: 100%;
    display: block;
    height: 1px;
    margin-top: -23px;
}
.box-reservation{
    padding: 5px 5px !important;
    overflow: hidden;
}

.box-comments-likes{
    width: 110px;
    padding-top: 20px !important;
}
.box-comments-likes .likes{
    margin-right: 5px;
}
.box-description{
    padding-top: 23px !important;
    padding-right: 0 !important;
}
.box-comment p{
    margin-bottom: 5px !important;
}

/*TICKET*//*TICKET*//*TICKET*/
/*TICKET*//*TICKET*//*TICKET*/

.ticket-status{
    position: absolute;    
    width: 35px;
    line-height: 30px;
    height: 35px;
    text-align: center;
    right: 30px;
    border-radius: 60px;
    border: 2px solid white;
    color: white;
    overflow: hidden;
    box-sizing: border-box;
    z-index: 100;
    bottom: -26px;
}

.ticket-status.status-solved{
    color: white;
    background-color: #f6c400 !important;
}

.ticket-status.status-approved{
    color: white;
    background-color: #7bb71c !important;
    content: '<i class="fa fa-check"></i>';
}

.ticket-status.status-closed{
    color: white;
    background-color: #7bb71c !important;
}
.status-noti{
    background-color: #0e2f4b !important;
}

.ticket-status.status-pending,
.ticket-status.status-open{
    color: white;
    background-color: #ff0000 !important;    
}
.ticket-status.status-open{
    content: '<i class="fa fa-hourglass-half"></i>' !important;
}

.ticket-like.liked{
    color: red !important;
}

.comment-item{
    border-bottom: 0.5px solid #9DB8C6;
    padding: 5px 30px;
    background-color: #011F2D;
}
.comment-item:nth-child(even){
    background-color: #03304A;
}
.comment-item table{
    width: 100%;
}
.comment-item table td,
.comment-item table th{
    padding: 10px;
}
.comment-item table .comment-item-cat-icon{    
    vertical-align: top; 
    padding: 0;        
    width: 50px;    
}
.comment-item table .comment-item-cat-icon div.img-container{
    border-radius: 2px;
    padding: 0px;
    text-align: center;    
    color: white;
    overflow: hidden;
    height: auto;
    min-height: auto;
}
.comment-item table .comment-item-cat-icon div h3{line-height: 50px;}
.comment-item table .comment-item-info{vertical-align: middle;}
.comment-item table .comment-item-info *{line-height: 100%;}
.comment-item-cat-name{color: white;}
.comment-item-cat-by,
.comment-item-cat-time,
.comment-item-likes,
.comment-item-comment-items{color: #8C97A4;}
.comment-item-detail{
    padding: 5px 0;
    color: #8C97A4;
    line-height: 120%;
    margin: 0;
}
.comment-item-avatar{width: 60px;}


/*ONBOARDING*//*ONBOARDING*//*ONBOARDING*/
/*ONBOARDING*//*ONBOARDING*//*ONBOARDING*/

#onboarding .skip{
    background-color: white;
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 100000;
    height: 50px !important;
    width: 50px;
    font-size: 50px;
    color: #03304a;
    line-height: 100%; 
    transform: scale(1,0.8);
    font-family: 'montse';
}
#onboarding .slide h1{
    font-family: 'montse';
    font-weight: 700;
}
#onboarding .slide p{
    font-family: 'montse';
    font-weight: 500;
}
#onboarding .slide{
    padding-top: 80px;
}

/*LOGIN*//*LOGIN*//*LOGIN*/
/*LOGIN*//*LOGIN*//*LOGIN*/

body#login wrapper{
    background-color: #03304a !important;
}
#login input{
    text-align: center;
}
#login .version{
    position: fixed;
    bottom: 0;
    left: 5px;
    color: white;
    padding: 5px;
    font-size: 12px;
}
#login .logo{
    width: 50%; 
    max-width: 320px; 
    display: block; 
    margin: 0 auto;
}

/*REGISTER*//*REGISTER*//*REGISTER*/
/*REGISTER*//*REGISTER*//*REGISTER*/

body#register wrapper{
    background: #03304A;      
}

#register input{
    text-align: center;
}

/*RECOVER*//*RECOVER*//*RECOVER*/
/*RECOVER*//*RECOVER*//*RECOVER*/

body#recover wrapper{
    background: #03304A;   
    background-attachment: fixed; 
}

/*WELCOME*//*WELCOME*//*WELCOME*/
/*WELCOME*//*WELCOME*//*WELCOME*/

body#welcome wrapper{
    background: #03304A;   
}



#welcome .btn-qr{
    background-color: white;
    border: none;
}

/* HOME *//* HOME *//* HOME */
/* HOME *//* HOME *//* HOME */

.property_select_container .dropdown-toggle{
    color: white;
    background-color: transparent;
    border: none;
    padding: 0;
    -webkit-tap-highlight: rgba(255,255,255,0);
    -webkit-tap-highlight: transparent;
}

.property_select_container .btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show > .btn-light.dropdown-toggle{
    color: white;
    background-color: transparent; 
    -webkit-tap-highlight: rgba(255,255,255,0);
    -webkit-tap-highlight: transparent;
}

.bootstrap-select .dropdown-menu{
    box-sizing: border-box !important;   
    padding: 0;
    -webkit-tap-highlight: rgba(255,255,255,0);
    -webkit-tap-highlight: transparent;
}

.category_id_container .dropdown-menu{
    width: 95% !important;
    -webkit-tap-highlight: rgba(255,255,255,0);
    -webkit-tap-highlight: transparent;
}

.category_id_container{
    margin-bottom: 10px;
    -webkit-tap-highlight: rgba(255,255,255,0);
    -webkit-tap-highlight: transparent;
}

.property_select_container .bootstrap-select{
    width: 100%;
    -webkit-tap-highlight: rgba(255,255,255,0);
    -webkit-tap-highlight: transparent;
}

.category_id_container .filter-option-inner-inner {
    color: black;
    -webkit-tap-highlight: rgba(255,255,255,0);
    -webkit-tap-highlight: transparent;
}

#home .bottomFooter{
    padding-bottom: 100px;
}

#home .container-fluid{        
    padding-left: 0;
    padding-right: 0;    
}

#home .container{    
    padding-left: 10px;
    padding-right: 10px;    
}

#home ::-webkit-input-placeholder { /* Edge */
    text-align: left;
    font-size: 12px;
}

#home :-ms-input-placeholder { /* Internet Explorer */
    text-align: left;
    font-size: 12px;
}

#home ::placeholder {
    text-align: left;
    font-size: 12px;
}

#home #property_id{    
    color: white;
    background: transparent url('../img/icon_select.png') no-repeat left center / auto 15px; 
    padding-left: 20px;
    font-size: 13px;
}

#home .dropdown-menu li{
    height: 50px;
    border-bottom: solid 1px lightgray;    
}

#home .dropdown-menu li a{
    line-height: 40px;
}

#home .grandequelagran{
    width: 60px;
    height: 60px;
    position: absolute;
    left: 50%;
    bottom: 20px;
}

#home .grandequelagran .innerquelagran{
    margin-left: -35px;
    text-align: center;
    width: 60px;
    height: 60px;
    border-radius: 60px;
    background-color: #F5BC10;
    border: 5px solid white;
}

#home .grandequelagran .innerquelagran h4{
    text-align: center;
    line-height: 45px;
    color: #03304a;
}

#home .dropdown-item.active, .dropdown-item:active{
    background-color: #03304a;
}

#home #listado_tickets{
    background-color: #F4F4F4;    
    margin: 0;
}

#home .avatar{
    width: 40px;
    height: 40px;
    border-radius: 3px;
}

/*singleticket*//*singleticket*//*singleticket*/
/*singleticket*//*singleticket*//*singleticket*/


#singleticket  #ticket-header{
    margin-bottom: 10px;
}

#singleticket .comentarios .box{
    border-bottom: 0.5px solid rgba(255,255,255,0.5);
    border-radius: 0;
}

#singleticket .box-img .ticket-status{
    /*bottom: -34px !important;*/
}

.comment-like{
    color: lightgray;
}

.comment-like.liked{
    
    color: #28556f;
}

.solved-rate .box-avatar{
    width: 100% !important;    
    padding-right: 0 !important;
    padding-left: 0 !important;
}
.solved-rate .box-avatar .avatar{
    width: 50px;  
    height: 50px;
    display: block;
    margin: 0 auto;
}

#singleticket .box-comments-likes{
    width: 60px !important;
}

#singleticket .reservation-info{
    width: 100%;
    padding: 0 20px;
}

#singleticket .reservation-info p{
    margin: 0;
}

/*SEND*//*SEND*//*SEND*/
/*SEND*//*SEND*//*SEND*/


#sendinvitation input{
    text-align: center;
}

/*CONGRATS*//*CONGRATS*//*CONGRATS*/
/*CONGRATS*//*CONGRATS*//*CONGRATS*/

.border-bongrats{        
    width: 100%;
    height: 300px;          
    background: white url('../img/crown.png') no-repeat center center / auto 250px;
    padding-top: 90px;
}

/*singlepayment*//*singlepayment*//*singlepayment*/
/*singlepayment*//*singlepayment*//*singlepayment*/


#singlepayment .minitoggle{
    float: right;
}

#singlepayment .payment-history,
#singlepayment .add-payment{
    width: 100%;
}

#singlepayment .payment-history tr,
#singlepayment .payment-history td,
#singlepayment .add-payment td, 
#singlepayment .add-payment tr{
    vertical-align: middle;
}

#singlepayment .unpaid, 
#singlepayment .paid, 
#singlepayment .recurrent,
#singlepayment .unrecurrent,
#singlepayment .new-card,
#singlepayment .cretaeticket{
    display: none;
}

.marcasTarjetas i{
    color: lightslategray;
}
.fa-cc-visa.marc{
    color: #1F2472 !important;
}
.fa-cc-mastercard.marc{
    color: #FF9A25 !important;
}
.fa-cc-diners-club.marc{
    color: #006FD6 !important;
}





.offset-not{
    width: 100%;
    height: 10px;
    display: block;
}

.paddingBottom180{
    padding-bottom: 180px !important;
}

/*#newticket *//*#newticket *//*#newticket */
/*#newticket *//*#newticket *//*#newticket */

#newticket .cat-icon{
    background-color: gray;
    width: 60px; 
    line-height: 60px;
    border-radius: 5px;
}

#newticket .categoria-item div{
    padding: 10px;    
}

#newticket .categoria-item{
    padding: 15px 10px !important;
}

#newticket .categoria-item:nth-child(odd){
    border-bottom: 1px #ddd solid;
    border-right: 1px #ddd solid;
}

#newticket .categoria-item:nth-child(even){
    border-bottom: 1px #ddd solid; 
}

/*newticketform*/


#newticketform ::-webkit-input-placeholder { /* Edge */
    text-align: left;
    font-size: 12px;
}

#newticketform :-ms-input-placeholder { /* Internet Explorer */
    text-align: left;
    font-size: 12px;
}

#newticketform ::placeholder {
    text-align: left;
    font-size: 12px;
}

#newticketform input, 
#newticketform textarea{
    border: 1px solid #aaa !important;
}

#newticketform .cat-icon{
    background-color: gray;
    width: 60px; 
    line-height: 60px;
    border-radius: 5px;
    bottom: 0;
    right: 25px;
    position: absolute;
    margin: 0;
}

#newticketform .photos{
    width: 100%;
    height: auto;    
}

#newticketform .photo-attached{
    width: 100%;
    min-height: 200px;
    display: block;
    margin: 0 auto;
    background-size: 100% auto;
    background-position: center center;
    position: relative;
    margin-bottom: 20px;
}

#newticketform .photo-attached .elim{
    position: absolute;
    top: 10px;
    right: 10px;
    color: white;
    font-weight: bolder;
    text-shadow: 2px 2px 2px #000000;
}

#newticketform .private_public_selector{
	width: 100%;
	height: 50px;
	border-collapse: collapse;
	margin-bottom: 10px;	
	border-bottom: 1px solid #fafafa;
}

#newticketform .private_public_selector td{
	width: 50%;
	vertical-align: middle;
	padding: 5px;
}

#newticketform .private_public_selector td p{
	text-align: center;
	margin: 0;
	line-height: 30px;
	padding: 10px 10px;
}

#newticketform .private_public_selector td p.active{
	background-color: #03304a;
	border-radius: 100px;
	color: white;
}

/*INBOX*//*INBOX*//*INBOX*/
/*INBOX*//*INBOX*//*INBOX*/

#inbox .box-comments-likes{
    padding: 0 5px !important;    
    width: auto !important;
    text-align: center;
}

#inbox .box-description{
    padding: 0 5px !important;    
    padding-top: 5px !important; 
}

.unread{
    background-color: #e4e4e4 !important;
}

/*BONUS*//*BONUS*//*BONUS*//*BONUS*/

.border-bonus{    
    width: 120%;
    min-height: 300px;
    margin-left: -10%;    
    background: white url('../img/crown.png') no-repeat center 25px / auto 250px;
    padding-top: 90px;
}

/*RESERVATION*//*RESERVATION*//*RESERVATION*/
/*RESERVATION*//*RESERVATION*//*RESERVATION*/
.datepicker table{
    width: 100%;
}

.datepicker{
    width: 100%;
    background-color: transparent;    
    border-radius: 5px;
    margin-top: 20px;
}

#calendar{
    width: 100%;
    color: #03304a;
    margin-bottom: 20px;
    display: block;
    margin: 0 auto;    
}

#calendar .dow{
    color: #03304a;
}

.dow,.datepicker-switch,.next,.prev{
    color: #03304a;
}

td.today{
    background-color: #03304a !important;
    background-image: none !important;
    color: #F5BC10 !important;
}
td.active{
    background-color: #F5BC10 !important;
    background-image: none !important;
    color: #03304a !important;
}

#calendar .day{
    color: #666;    
}

#calendar .disabled{
    color: #aaa;    
}

#calendar table{
    border-collapse: separate;
}

#calendar .new{
    color: #ccc;
}

#reservation fieldset{
    padding: 0;
}

.table-checkbox.single{
    background-color: white;
    border-radius: 5px;    
}

.table-checkbox td{
    height: 47px;
    vertical-align: middle !important;
}

.td-checkbox{
    width: 10px;
}

.table-checkbox.selected{
    background-color: white;
    border-radius: 5px;    
}

.table-checkbox.selected label{
    color: #0F4459 !important;
}

/*ACCOUNT*//*ACCOUNT*//*ACCOUNT*/
/*ACCOUNT*//*ACCOUNT*//*ACCOUNT*/


.box.payment td,
.box.payment th{
    vertical-align: middle !important;
}
.box.payment table{
    height: 100%;
}

/*PROFILE*//*PROFILE*//*PROFILE*/
/*PROFILE*//*PROFILE*//*PROFILE*/


.thumbs-outer {
    height: auto;
    width: 100%;
    position: relative;
    overflow-y: hidden;
    overflow-x: scroll;
}

.thumbs-inner {
    height: auto;
    width: 100%;
}

.camera {
    background-color: #011F2D;
}

.camera h1{
    margin-top: 20px !important;
}

.thumb {
    height: 100px;
    margin: 5px;
    width: 100px;
    border: 1px solid white;
    float: left;
    border-radius: 5px;
    overflow: hidden;
    background-color: transparent;
    background-position: center center;
    background-size: 100% auto;
    background-repeat: no-repeat;
    position: relative;
}

.img_selected{
    height: 100px;    
}

.img_selected h1{
    line-height: 100px;
}

/*REWARDS*//*REWARDS*//*REWARDS*/
/*REWARDS*//*REWARDS*//*REWARDS*/

.box.point td,
.box.point th{
    vertical-align: middle !important;
}
.box.point{
    height: 75px;
}
.box.point table{
    height: 100%;
}
.points-avatar{
    overflow: hidden;
    border-radius: 3px;
    background: rgba(255,255,255,0.8) url('../img/loader.gif') no-repeat center center / 25px 25px;
}
.progress{
    height: 30px;    
}
.progress-bar{
    background-color: #03304a;
}


/*modal*/

.modalps{
    position: absolute;
    bottom: 0;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 100000;
    padding: 5%;
    background-color: rgba(0,0,0,0.9);
    height: 100%;    
    display: flex;
    align-items: center;
}

.modalps img{
    opacity: 1 !important;
    display: block;
    margin: 0 auto;    
}

.modalps p{
    text-align: center;
    border-radius: 3px;
    line-height: 40px;
    color: white;
    background-color: #03304a;
    margin-bottom: 10px;
}

.no-scroll{
    height: 100% !important;
    width: 100% !important;
    overflow: hidden !important;
}

.borderRed{
    border: 1px solid red !important;
}

.noti-box{
    background-color: #F5BC10 !important;
}


.shake {
  /* Start the shake animation and make the animation last for 0.5 seconds */
  animation: shake 0.5s;
  /* When the animation is finished, start again */
  animation-iteration-count: 2;
}

@keyframes shake {
  0% { transform: translate(1px, 1px) rotate(0deg); }
  10% { transform: translate(-1px, -2px) rotate(-1deg); }
  20% { transform: translate(-3px, 0px) rotate(1deg); }
  30% { transform: translate(3px, 2px) rotate(0deg); }
  40% { transform: translate(1px, -1px) rotate(1deg); }
  50% { transform: translate(-1px, 2px) rotate(-1deg); }
  60% { transform: translate(-3px, 1px) rotate(0deg); }
  70% { transform: translate(3px, 1px) rotate(-1deg); }
  80% { transform: translate(-1px, -1px) rotate(1deg); }
  90% { transform: translate(1px, 2px) rotate(0deg); }
  100% { transform: translate(1px, -2px) rotate(-1deg); }
}

/* codigo *//* codigo *//* codigo *//* codigo */
/* codigo *//* codigo *//* codigo *//* codigo */
/* codigo *//* codigo *//* codigo *//* codigo */

.codes-container{
    display: block;
    z-index: 99999;
    position: absolute;
    left: 0;
    bottom: 30%;
    width: 60px;
    height: 60px;
    background-color: #0E2F4B;
    border: 3px solid white;
    border-left: none;
    border-radius: 0px 12px 12px 0px;
    text-align: center;
    cursor: pointer;
}
.codes-container i{
    color: #F4BD36;
    font-size: 30px;
    line-height: 50px;
}

.code-item{
    background-color: #D9E2EA;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 15px;
    padding: 5px;    
    min-height: 90px;
}

.code-item table{
    width: 100%;
    min-height: 90px;
}
.code-item table td{
    vertical-align: middle;    
}

.code-item table .img_container{
    width: 70px;
    padding-left: 10px;
    padding-right: 10px;
}

.code-item table .img_container img{
    width: 70px;
    margin: 0 auto;
    display: block;
}

.code-item table .info_container{
    padding-left: 10px;
    padding-right: 10px;
}

.code-item table .number_container{
    width: 70px;    
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
}
.code-item table .number_container h2{
    text-align: center;
    font-weight: bold;
}

.code-item table .share_container{
    width: 70px;
    text-align: center;
    padding-left: 5px;
    padding-right: 5px;
}
.code-item table .share_container i{
    text-align: center;
    font-weight: bold;
    font-size: 1.8rem;
}

.code-item table .rm_container{
    width: 0px !important;    
    text-align: center;
    background-color: #FE001C;    
    display: none;
}

.code-item table .rm_container i{
    text-align: center;
    font-weight: bold;
    font-size: 1.8rem;
    color: white;
}

.code-item.elim table .rm_container{
    width: 70px !important; 
    display: table-cell;
}

.code-item.elim table .img_container{
    width: 0px !important;
    display: none;
}

.subra h4{
    text-decoration: line-through;
}


/* contacts */
.contact-item{
    background-color: white;
    border-bottom: 1px solid #03304a;    
    overflow: hidden;
    margin-bottom: 15px;
    padding: 5px;    
    min-height: 70px;
    cursor: pointer;
}

.contact-item table{
    width: 100%;
    min-height: 70px;
}
.contact-item table td{
    vertical-align: middle;    
}

.contact-item table .img_container{
    width: 50px;
    padding-left: 10px;
    padding-right: 10px;    
}

.contact-item table .img_container .img_div_container{
    width: 50px;
    height: 50px;
    background-color: gray;
    border-radius: 10px;
    overflow: hidden;
    text-align: center;
}

.contact-item.favorite table .img_container .img_div_container{    
    background-color: #F6C439 !important;    
}



.contact-item table .img_container .img_div_container i{
    line-height: 50px;
    font-size: 1.5em;
}


.contact-item table .info_container{
    padding-left: 10px;
    padding-right: 10px;
}

.contact-item table .number_container{
    width: 50px;    
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
}
.contact-item table .number_container h2{
    text-align: center;
    font-weight: bold;
}

.contact-item table .share_container{
    width: 50px;
    text-align: center;
    padding-left: 5px;
    padding-right: 5px;
}
.contact-item table .share_container i{
    text-align: center;
    font-weight: bold;
    font-size: 1.8rem;
}

.contact-item table .rm_container{
    width: 0px !important;    
    text-align: center;
    background-color: #FE001C;    
    display: none;
}

.contact-item table .rm_container i{
    text-align: center;
    font-weight: bold;
    font-size: 1.8rem;
    color: white;
}

.contact-item.elim table .rm_container{
    width: 70px !important; 
    display: table-cell;
}

.contact-item.elim table .img_container{
    width: 0px !important;
    display: none;
}


.border-dark{
    border: 0.5px solid #A7B4BE !important;
}

.vendor-item .img_div_container{
    border-radius: 20px;
    width: 100%;
    overflow: hidden;
    padding: 10px;
}
.vendor-item .img_div_container img{
    max-height: 100px;
    width: auto;
    margin: 0 auto;
    display: block;    
}
.form-control:focus{
    box-shadow: none !important;
}