/* vietnamese */
@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 400;
    src: local('Source Sans Pro'), local('SourceSansPro-Regular'), url(https://fonts.gstatic.com/s/sourcesanspro/v9/ODelI1aHBYDBqgeIAH2zlNOAHFN6BivSraYkjhveRHY.woff2) format('woff2');
    unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 400;
    src: local('Source Sans Pro'), local('SourceSansPro-Regular'), url(https://fonts.gstatic.com/s/sourcesanspro/v9/ODelI1aHBYDBqgeIAH2zlC2Q8seG17bfDXYR_jUsrzg.woff2) format('woff2');
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 400;
    src: local('Source Sans Pro'), local('SourceSansPro-Regular'), url(https://fonts.gstatic.com/s/sourcesanspro/v9/ODelI1aHBYDBqgeIAH2zlNV_2ngZ8dMf8fLgjYEouxg.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

.main-title{
    font-family: "Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 24px;
    font-weight: lighter;
    -webkit-font-smoothing: antialiased;
    padding: 20px;
    margin: 0 !important;
}

.margin-icon{
    margin-right: 10px;
}
/*
body {
    color: #EEEEEE !important;
    background: #2A3F54;
    font-family: "Helvetica Neue", Roboto, Arial, "Droid Sans", sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.471
}
*/
.valign {
    display: inline-block;
    float: none;
    vertical-align: middle;

}
.bottom-line{
    border-bottom: 1px solid #dee5e7;
}
.top-line{
    border-top: 1px solid #dee5e7;
}
/*.table-responsive{
  margin-top: 25px;
}
*/

.margin-top-10{
    margin-top: 10px;
}

.margin-top-7{
    margin-top: 7px;
}

.margin-right-10{
    margin-right: 10px;
}
.margin-right-20{
    margin-right: 20px;
}

#page-content-wrapper{
    height: 100%;
    padding-bottom: 0;
}
.container-fluid{

    height: 100%;
}

#under-construcction-section{
    margin-top:-25%;
}


/************************************Loading animations****************************/


#loading {position:absolute;left:calc(50% - 100px);top:calc(50% - 25px);z-index:9999}


.ld-l {opacity:0;animation: ld-in 3s 0.0s ease infinite;}
.ld-o {opacity:0;animation: ld-in 3s 0.1s ease infinite;}
.ld-a {opacity:0;animation: ld-in 3s 0.2s ease infinite;}
.ld-d {opacity:0;animation: ld-in 3s 0.3s ease infinite;}
.ld-i {opacity:0;animation: ld-in 3s 0.4s ease infinite;}
.ld-n {opacity:0;animation: ld-in 3s 0.5s ease infinite;}
.ld-g {opacity:0;animation: ld-in 3s 0.6s ease infinite;}

@keyframes ld-in {
    0% {opacity:0;transform:scale(0);}
    30% {opacity:1;transform:scale(1);}
    100% {opacity:1;transform:scale(1);}
}

.container-blockui {
    max-width: 100vw;
    max-height: 100vh;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    overflow: hidden;
}

.common {
    height: 5vw;
    max-height: 100%;
    overflow: auto;
    width: 2vw;
    margin: auto;
    max-width: 100%;
    position: absolute;
    border-radius: 0 10vw 0 10vw;
    box-shadow: inset 0 0 0 .1vw #E645D0, 0 0 1.5vw 0 #E645D0;
}

.one {
    transform: rotate(45deg);
    left: 0;
    right: 0;
    top: 0;
    bottom: 7.5vw;
}

.two {
    transform: rotate(90deg);
    left: 5.5vw;
    right: 0;
    top: 0;
    bottom: 5.5vw;
}

.three {
    transform: rotate(135deg);
    left: 7.5vw;
    right: 0;
    top: 0;
    bottom: 0;
}

.four {
    transform: rotate(180deg);
    left: 5.5vw;
    right: 0;
    top: 5.5vw;
    bottom: 0;
}

.five {
    transform: rotate(225deg);
    left: 0;
    right: 0;
    top: 7.5vw;
    bottom: 0;
}

.six {
    transform: rotate(270deg);
    left: 0;
    right: 5.5vw;
    top: 5.5vw;
    bottom: 0;
}

.seven {
    transform: rotate(315deg);
    left: 0;
    right: 7.5vw;
    top: 0;
    bottom: 0;
}

.eight {
    transform: rotate(360deg);
    left: 0;
    right: 5.5vw;
    top: 0;
    bottom: 5.5vw;
}


.one {
    animation: one 1s ease infinite;
    -moz-animation: one 1s ease infinite;
    /* Firefox */
    -webkit-animation: one 1s ease infinite;
    /* Safari and Chrome */
    -o-animation: one 1s ease infinite;
    /* Opera */
}

@keyframes one {
    0%,
    100% {}
    50% {
        box-shadow: inset 0 0 0 .1vw #17E1E6, 0 0 1.5vw 0 #17E1E6;
    }
}

.two {
    animation: two 1s .125s ease infinite;
    -moz-animation: two 1s .125s ease infinite;
    /* Firefox */
    -webkit-animation: two 1s .125s ease infinite;
    /* Safari and Chrome */
    -o-animation: two 1s .125s ease infinite;
    /* Opera */
}

@keyframes two {
    0%,
    100% {}
    50% {
        box-shadow: inset 0 0 0 .1vw #17E1E6, 0 0 1.5vw 0 #17E1E6;
    }
}

.three {
    animation: three 1s .25s ease infinite;
    -moz-animation: three 1s .25s ease infinite;
    /* Firefox */
    -webkit-animation: three 1s .25s ease infinite;
    /* Safari and Chrome */
    -o-animation: three 1s .25s ease infinite;
    /* Opera */
}

@keyframes three {
    0%,
    100% {}
    50% {
        box-shadow: inset 0 0 0 .1vw #17E1E6, 0 0 1.5vw 0 #17E1E6;
    }
}

.four {
    animation: four 1s .375s ease infinite;
    -moz-animation: four 1s .375s ease infinite;
    /* Firefox */
    -webkit-animation: four 1s .375s ease infinite;
    /* Safari and Chrome */
    -o-animation: four 1s .375s ease infinite;
    /* Opera */
}

@keyframes four {
    0%,
    100% {}
    50% {
        box-shadow: inset 0 0 0 .1vw #17E1E6, 0 0 1.5vw 0 #17E1E6;
    }
}

.five {
    animation: five 1s .5s ease infinite;
    -moz-animation: five 1s .5s ease infinite;
    /* Firefox */
    -webkit-animation: five 1s .5s ease infinite;
    /* Safari and Chrome */
    -o-animation: five 1s .5s ease infinite;
    /* Opera */
}

@keyframes five {
    0%,
    100% {}
    50% {
        box-shadow: inset 0 0 0 .1vw #17E1E6, 0 0 1.5vw 0 #17E1E6;
    }
}

.six {
    animation: six 1s .625s ease infinite;
    -moz-animation: six 1s .625s ease infinite;
    /* Firefox */
    -webkit-animation: six 1s .625s ease infinite;
    /* Safari and Chrome */
    -o-animation: six 1s .625s ease infinite;
    /* Opera */
}

@keyframes six {
    0%,
    100% {}
    50% {
        box-shadow: inset 0 0 0 .1vw #17E1E6, 0 0 1.5vw 0 #17E1E6;
    }
}

.seven {
    animation: seven 1s .750s ease infinite;
    -moz-animation: seven 1s .750s ease infinite;
    /* Firefox */
    -webkit-animation: seven 1s .750s ease infinite;
    /* Safari and Chrome */
    -o-animation: seven 1s .750s ease infinite;
    /* Opera */
}

@keyframes seven {
    0%,
    100% {}
    50% {
        box-shadow: inset 0 0 0 .1vw #17E1E6, 0 0 1.5vw 0 #17E1E6;
    }
}

.eight {
    animation: eight 1s .875s ease infinite;
    -moz-animation: eight 1s .875s ease infinite;
    /* Firefox */
    -webkit-animation: eight 1s .875s ease infinite;
    /* Safari and Chrome */
    -o-animation: eight 1s .875s ease infinite;
    /* Opera */
}

@keyframes eight {
    0%,
    100% {}
    50% {
        box-shadow: inset 0 0 0 .1vw #17E1E6, 0 0 1.5vw 0 #17E1E6;
    }
}

.container-blockui {
    animation: container-blockui 5s linear infinite;
    -moz-animation: container-blockui 5s linear infinite;
    /* Firefox */
    -webkit-animation: container-blockui 5s linear infinite;
    /* Safari and Chrome */
    -o-animation: container-blockui 5s linear infinite;
    /* Opera */
}

@keyframes container-blockui {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(-360deg);
    }
}


.fade-in {
    animation: fade-in 2s ease;
    -moz-animation: fade-in 2s ease;
    /* Firefox */
    -webkit-animation: fade-in 2s ease;
    /* Safari and Chrome */
    -o-animation: fade-in 2s ease;
    /* Opera */
}

@keyframes fade-in {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.out {
    animation: out 2s 15s ease;
    -moz-animation: out 2s 15s ease;
    /* Firefox */
    -webkit-animation: out 2s 15s ease;
    /* Safari and Chrome */
    -o-animation: out 2s 15s ease;
    /* Opera */
}

@keyframes out {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}


/************************************Notificaciones Dropdown Menu****************************/
.rubsan-dropdown-notificacion{
    padding:10px;
    min-width:400px;
}
.rubsan-dropdown-notificacion a{
    float:left;
    width: 100%;

}
.min-width-600 {
    min-width: 600px;
}
.padding-bottom-10{
    padding-bottom: 10px;
}
.padding-bottom-10-important{
    padding-bottom: 10px!important;
}
.margin-left-10{
    margin-left: 10px;
}
.margin-left-120{
    margin-left: 100px;
}
.rubsan-dropdown-notificacion span{
    float:right;
}
.rubsan-dropdown-notificacion i{
    padding-right: 5px;
}
.rubsan-dropdown-notificacion li.dropdown-footer{
    text-align:center;

}
.rubsan-dropdown-notificacion li.dropdown-footer a{
    margin-top: 10px;
    padding-top:10px;
    padding-right:10px;
    border-bottom:none;
}
.rubsan-dropdown-notificacion li.dropdown-footer span{
    float: none;
}

.rubsan-dropdown-notificacion .dropdown-header {
    padding: 0;

}
.rubsan-dropdown-notificacion .dropdown-header p{
    padding-bottom: 10px;
}

.chart-pie-ocupacion{
    width: 75%;
    margin: auto;
}
.chart-pie-procedencia{
    width: 75%;
    margin: auto;
}
.chart-bar-reservas{
   /* max-height: 400px;*/
}

.dataTables_wrapper> .row:nth-child(2)> .col-sm-12{
    min-height: 200px;
    overflow: hidden;
}

.data-client{
    padding: .75rem;
    vertical-align: top;
    border-top: 1px solid #eceeef;
    border-bottom: 1px solid #eceeef;
}

.box-client{
    padding: .75rem;
    vertical-align: top;
    border: 1px solid #eceeef;
}

.valoracion{
    color: #6947cd;
    font-size: 24px;
}

.position-relative{
    position: relative;
}

.position-absolute{
    position: absolute;
}

.bottom-0{
    bottom: 0;
}

.right-50{
    right: 50px;
}

.right-15{
    right: 15px;
}

.select2{
    width: 100%;
}
.select2-container--bootstrap.select2-container .select2-selection--single {
    height: 38px;
    padding: 8px 24px 6px 12px;
}
.not-active {
     pointer-events: none;
     cursor: default;
     color: rgba(183, 180, 199, 0.4);

}

.navbar-nav .dropdown-menu.rubsan-dropdown-notificacion  {
    position: absolute;
    float: left;
}
.dropdown-menu-right {
    right: 0;
    left: auto;
}
@media (min-width: 992px){
    .navbar-toggleable-md .navbar-toggler {
        display: none;
    }
}


/******************* Boostrap 4 Customization *****************/
.card-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit;
    line-height: 1.1;
}

.card-header {
    padding: 10px 15px;
}

.btn {
    cursor: pointer;
}

.card + .card {
margin-top: 15px;
}


/* Select2 Rubsan Fix */
.select2.select2-container {
width: 100% !important;
}
.select2-container .select2-selection--single {
height: 38px;
/*margin-bottom: 1px;
margin-top: 1px;*/
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 38px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
top:8px; 
}
.select2-container--default .select2-selection--single {
    border: 1px solid rgba(0, 0, 0, 0.15);
}
/* Bootstrap4 Tabs Rubsan Fix */

.nav-tabs {
    margin-bottom: 1rem;
    margin-bottom: 0;
}

.tab-content {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 10px;
}

/* Noty Adjust*/

#noty_layout__topRight {
    top: 72px !important;
}

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

.flex-filters {
    order: 2;
}

.flex-content {
    order: 1;
}

.input-validation-error {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}
.select2-selection.select2-selection--multiple {
max-height: 38px;
}

.form-check-inline + .form-check-inline {
margin-left: 0;
}
.form-check {
    margin-bottom: 0;
}


.select2Basic, .select2Pro{
    height: 42px !important;
}

.validation-summary-errors ul li {
    color: red !important;
}

.vertical-center {
    
    vertical-align: middle;
   min-height: 42px;
}

.vertical-center-100 {
    vertical-align: middle;
    min-height: 100px;
}

.radioToggle.btn-group {
    display: block;
}

.radioToggle .btn-primary {
    margin-bottom: 10px;
    min-width: 260px;
    float: left;
    text-align: left;
    margin-left: 20px;
}

.radioToggle label.btn.btn-primary {
    padding-left: 50px !important;
    text-align: left !important;
}


.form-check-input {
    margin-left: 0;
    margin-top: 7px;
}
.form-check-label {
    padding-left: 2rem;
}
@media (max-width: 768px) {

    .ReservasTable_length {
        display: none;
    }
}

.instalacion-fecha{
    width: auto !important;
}