body {
    font-family: "museo-sans", sans-serif;
}

.skin-blue .sidebar-menu>li.header {
    font-weight:bold !important;
    font-size:16px !important;
    color:#fff !important;
    border-left:none !important;
}

.small-box {
    border-radius:10px !important;
}

.btn-duplicate {
    color:white;
    background-color: #ddc139;
}

.table {
    width:100% !important;
}
.margin-right {
    margin-right: 20px;
}
.pt-32px {
    padding-top: 32px;
}
.p-1em {
    padding: 1em;
}
.mb-1em {
    margin-bottom: 1em;
}
.mb-15px {
    margin-bottom: 15px;
}
.pl-40{
    padding-left: 40px;
}
.mt-10px {
   margin-top: 10px;
}
.mt-20px {
    margin-top: 20px;
 }
.mb-10px {
   margin-bottom: 10px;
}
.status-av {
    background-color:#81C677;
}
.status-cv {
    background-color:#FFCECE;
}
.status-or {
    background-color:#FFCC00;
}
.status-yellow {
    background-color:#FFE87C;
}

.bg--f5 {
    background-color: #f5f5f5;
}
.bg--f90 {
    background-color: #ff9900;
}
.row--bd-f5, .row--bd-f5--last {
    border-right: solid 1px #f5f5f5;
    border-left: solid 1px #f5f5f5;
}
.row--bd-f5--last {
    border-bottom: solid 1px #f5f5f5;
}
.widthChkDay{
    width:11%;
}
#table_availability > tbody > tr > td, #table_availability > tbody > tr > th, #table_availability > tfoot > tr > td, #table_availability > tfoot > tr > th, #table_availability > thead > tr > td, #table_availability > thead > tr > th{
    vertical-align: middle;
    line-height: 2.8;
    padding: 0 3px;
}
#borderAddonRight{
    border-width: 1px 1px 1px 0; padding: 4px 10px;
}
.color-green{
    color:#fff; background: green;
}
.color-red{
    color:#fff; background: red
}
.addom{
    display:inline; position:absolute; padding: 9px 22px 9px 10px;
}
.addom2{
    margin-left:40px; display:inline;
}
#table_availability input, #table_availability select {
    height:22px;
    min-width: 30px;
}
#table_availability .input-group .quota {
    width:28%;
}
.addom, .addom2{
    cursor: pointer;
}
.color-close{
    background: #FFCECE;
}
.color-open{
    background: #81c677;
}
.disabled-input{
    background:#ccc;
}
.header-h h2{
    margin-top: 0;
}
.padding-left-0{
    padding-left: 0;
}
.padding-right-0{
    padding-right: 0;
}
.text-left{
    text-align: left !important;
}
.no-display{
    display:none;
}
.badge-custom{
    border-radius:2px; font-size: 13px;
}
#li-text-area{
    padding: 10px 4px;
    padding-left: 10px;
}
.nav-tabs > li{
    margin-bottom: -2px;
}
.nav-tabs-flags li{
    width: auto !important;
    text-align: center;
}
.divider{
    position: relative; bottom: -1px; z-index: 1005; border:1px dashed #ddd;
}
.col-day{
    width:14%;
}
.lblCalendar{
    margin-top: 8px;
}
.input-text-center{
    text-align: center;
}
.subTypePolicies .form-group{
    line-height: 3em;
}
.subTypePolicies .form-group .form-control{
    width: auto; display: inline; margin-left:5px; margin-right: 5px;
}
input[readonly]{
  background-color:transparent;  border: 0; font-size: 1.1em;
}
.space-top-bottom{
    margin :50px 0; text-align: center; width: 50%;
}
.rowChkBox{
    margin-top:6px; margin-bottom:10px;
}
.box-footer-alojapro{
    text-align: center;
}
.page-header-alojapro {
  display: block;  font-weight: bold;  font-size: 14px;  margin-top:0;  margin-bottom: 0;
}
.height-offers{
    height:50px;
}
.h-divider{
    margin-top:5px; margin-bottom:12px; height:1px; width:100%; border-top:1px dotted gray;
}
.v-divider{
    margin-left:5px; margin-right:5px; width:1px; height:100%; border-left:1px solid gray;
}
#table_availability input[id="txtData"]{
    border:none; width:auto; background: transparent;
}
.bordered {
    border:4px solid #FF9900;
}
#map-canvas{
    width:80%; height:600px; margin:0 auto; border:4px solid #ccc;
}
.info-message{
    font-size:12px; color:#777; padding:2px
}
#table-agencies-bookings .form-control{
   width:100%;
}
.form-control, .btn {
    z-index:0 !important;
}
.form-control {
    border-radius:5px !important;
}
.nav-tabs-custom {
    border-radius:10px !important;
}
.overflow-cities{
    height:196px; overflow-y: auto;border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-bottom: 1px solid #ccc;
}
.remove-line-bottom{
    border-bottom: none;
}
#results-home .badge{
    width: 40px; padding: 4px 0px;
}
.col-rate{
    padding-left: 10px;
}
tfoot tr th input {
    width:100% !important;
}
.ui-autocomplete {
    margin: 20px 0 0 0; max-height: 300px; overflow-y: auto; overflow-x: hidden; background: #F7F7F7;
}
.ui-autocomplete > li {
     padding: 1px 11px; font-size:13px;
}
.ui-autocomplete > li strong {
    color:#006699;
}
table.dataTable tbody td {
  vertical-align: top;
}
#table_availability .form-control.text-right {
    padding:0 3px 0 0;
}
#table_availability input[type="checkbox"] {
    vertical-align: middle;
    margin-top: -9px;
}

.paddingTop20{
    padding-top: 20px;
}
.answer{
   padding-top: 10px; padding-left: 15px;
}
.container{
   background-color: white;  padding-left: 30px;  padding-bottom: 20px;
}

.back-saturday-sunday, tr.back-saturday-sunday {
    background-color:#B0C5FF;
}

.back-saturday-sunday:hover, .table-hover > tbody > tr.back-saturday-sunday:hover {
    background-color:#c7d6ff;
}

tr.chk-disabled-day, .chk-disabled-day {
    background-color: #FF9F9F;
}
.chk-disabled-day:hover, .table-hover > tbody > tr.chk-disabled-day:hover {
    background-color: #ffbebe;
}

.badge-common{
    font-size: 120%; font-weight: normal; padding:8px 16px; margin-right:15px; background-color: #aaa; margin-bottom:10px;
}
.padding-zero{
    padding:0;
}
.height-auto{
    height:125px; overflow-y: auto;
}
.height-auto-lg{
    height:200px; overflow-y: auto;
}
.list-group-item {
    padding: 10px !important;
}
li.header {
    display: list-item!important;
    padding: 7px 3px;
    color: #b8c7ce;
    border-left: 3px solid #3c8dbc;
}
td.closed{
    background-color:#f8d7da;
    border-color:#f5c6cb !important;
    color: #721c24 !important;
}

td.noConfigured{
    background-color:#fff3cd;
    border-color:#ffeeba !important;
    color: #856404 !important;
}
.nomargin{
    margin:0;
}

/* LOGIN **********************************************************************************************************/
.col-login-img {
	background-image: url(/images/login-image.jpg);
	background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    opacity: 0.2;
	height: 100%;
}
.col-login-color {
	height: 100%;
}
.main-wrapper {
	height: 100vh;
}
.col-login {
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	background-color: #fff;
}
.div-login{
	padding: 0 11vw;
}
.div-login .logo-login img{
	width:130px;
	margin-bottom:4vh;
}
.div-login .login-title{
	font-size:24px;
}
.div-login .login-subtitle{
	font-size:16px;
	color: #9d9d9d;
	margin-bottom:4vh;
}
.div-login .form-group{
	margin-bottom: 2vh;
}
.div-login .form-control{
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    height: 4rem;
    font-size: 16px;
    min-height: 25px;
}
.div-login h1{
    font-size:44px;
    margin-bottom:2vh;
    color:#000;
}
.div-login label{
    margin-bottom: 1vh;
    font-size:16px;
}
.div-login button{
    color: #fff;
    height: 4rem;
    font-size: 16px;
    text-transform: uppercase;
    margin-top: 50px;
    min-height: 25px;
    padding: 0px;
}
.row-rate h5, .row-rate-restriction h5{
    margin-top:1px; margin-bottom: 1px; width:max-content; margin-left:5px; border : 1px solid #ddd;
}
.row-rate .input-board, .row-rate .input-rate-quota, .row-rate-restriction .input-rate-minimum-stay, .row-rate-restriction .input-rate-maximum-stay, .row-rate-restriction .input-rate-release, .input-rate-release-max{
    max-width:60px; height:22px; padding:1px 5px; margin-bottom: 1px;
}

.collapse-more-options {
    border-top: 1px solid #ddd;
    margin-bottom: 1em;
    padding: 0;
}

.collapse-more-options > button {
    float: right;
    margin-top: -1px;
}

.collapse-more-options > p {
    margin: 0;
    float: left;
}

@media screen and (max-height: 600px) {
	.titles-login {
		display:none;
	}
}
@media screen and (max-width: 992px) {
	.col-login-color {
		display:none;
	}
}

.input-success {
    background: #008d4c;
}

.input-warning {
    background: #f39c12;
}

.input-danger {
    background: #d73925;
}

.input-group .input-success,
.input-group .input-warning,
.input-group .input-danger {
    color: #fff;
    border: 0;
    border-radius: 3px 0 0 3px;
}

.input-group .input-success:last-child,
.input-group .input-warning:last-child,
.input-group .input-danger:last-child {
    border-radius: 0 3px 3px 0;
}

/* From Bootstrap 4 */
.form-control-plaintext {
    display: block;
    width: 100%;
    padding-top: .375rem;
    padding-bottom: .375rem;
    margin-bottom: 0;
    line-height: 1.5;
    background-color: transparent;
    border: solid transparent;
        border-top-width: medium;
        border-right-width: medium;
        border-bottom-width: medium;
        border-left-width: medium;
    border-width: 1px 0;
}

.scroll-wrapper {
    width: 100%;
    height: 20px;
    overflow-x: scroll;
}

#planning-data th:first-child {min-width:250px;}
#planning-data td, #planning-data th { min-width: 60px; }
#planning-data .form-control {

    height: 22px;
    padding: 1px 2px 1px 0px;
    min-width: 28px;
}
#planning-data .input-group-btn:nth-child(2) > .btn {
    border-radius: 0;

}
#planning-data td:not(:first-child), #planning-data .filler {padding:2px;}
#planning-data .input-rate-closed-checkin, #planning-data .input-rate-closed-checkout {
    max-width:60px;
    text-align:right;
    display: block;
}
.delete-item{
    color:red;
    text-decoration: line-through;
}

/* Custom DataTables Center Processing */
div.dataTables_processing {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 60px;
    margin-left: -50%;
    margin-top: -25px;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
    font-size: 1.2em;
    background-color: white;
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(25%, rgba(255,255,255,0.9)), color-stop(75%, rgba(255,255,255,0.9)), color-stop(100%, rgba(255,255,255,0)));
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);
    background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);
    background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);
    background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);
}

/* Custom AdminLTE DataTables */
table.DTTT_selectable tbody tr {
	cursor: pointer;
}

div.DTTT .btn:hover {
	text-decoration: none !important;
}

ul.DTTT_dropdown.dropdown-menu {
  z-index: 2003;
}

ul.DTTT_dropdown.dropdown-menu a {
	color: #333 !important; /* needed only when demo_page.css is included */
}

ul.DTTT_dropdown.dropdown-menu li {
	position: relative;
}

ul.DTTT_dropdown.dropdown-menu li:hover a {
	background-color: #0088cc;
	color: white !important;
}

div.DTTT_collection_background {
	z-index: 2002;
}

/* TableTools information display */
div.DTTT_print_info {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 400px;
	height: 150px;
	margin-left: -200px;
	margin-top: -75px;
	text-align: center;
	color: #333;
	padding: 10px 30px;
	opacity: 0.95;

	background-color: white;
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-radius: 6px;

	-webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5);
}

div.DTTT_print_info h6 {
	font-weight: normal;
	font-size: 28px;
	line-height: 28px;
	margin: 1em;
}

div.DTTT_print_info p {
	font-size: 14px;
	line-height: 20px;
}

/*
 * FixedColumns styles
 */
div.DTFC_LeftHeadWrapper table,
div.DTFC_LeftFootWrapper table,
div.DTFC_RightHeadWrapper table,
div.DTFC_RightFootWrapper table,
table.DTFC_Cloned tr.even {
    background-color: white;
    margin-bottom: 0;
}

div.DTFC_RightHeadWrapper table ,
div.DTFC_LeftHeadWrapper table {
	border-bottom: none !important;
    margin-bottom: 0 !important;
    border-top-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

div.DTFC_RightHeadWrapper table thead tr:last-child th:first-child,
div.DTFC_RightHeadWrapper table thead tr:last-child td:first-child,
div.DTFC_LeftHeadWrapper table thead tr:last-child th:first-child,
div.DTFC_LeftHeadWrapper table thead tr:last-child td:first-child {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

div.DTFC_RightBodyWrapper table,
div.DTFC_LeftBodyWrapper table {
    border-top: none;
    margin: 0 !important;
}

div.DTFC_RightBodyWrapper tbody tr:first-child th,
div.DTFC_RightBodyWrapper tbody tr:first-child td,
div.DTFC_LeftBodyWrapper tbody tr:first-child th,
div.DTFC_LeftBodyWrapper tbody tr:first-child td {
    border-top: none;
}

div.DTFC_RightFootWrapper table,
div.DTFC_LeftFootWrapper table {
    border-top: none;
    margin-top: 0 !important;
}


div.DTFC_LeftBodyWrapper table.dataTable thead .sorting:after,
div.DTFC_LeftBodyWrapper table.dataTable thead .sorting_asc:after,
div.DTFC_LeftBodyWrapper table.dataTable thead .sorting_desc:after,
div.DTFC_RightBodyWrapper table.dataTable thead .sorting:after,
div.DTFC_RightBodyWrapper table.dataTable thead .sorting_asc:after,
div.DTFC_RightBodyWrapper table.dataTable thead .sorting_desc:after {
	display: none;
}

/*
 * FixedHeader styles
 */
div.FixedHeader_Cloned table {
	margin: 0 !important
}
/* END Custom AdminLTE DataTables */

/* Fix logo lg header */
.main-header .logo .logo-mini img{
    height: 30px;
    width: auto;
}
.main-header .logo .logo-lg img{
    margin-top: -3px;
    height:45px;
    width: auto;
}
.skin-blue .main-header .logo:hover {
    background-color: #efefef;
}
/* END Fix logo lg header */
/**
 * User Logo
 */
.user-logo{
    padding: 10px 0 10px 10px;
}
.user-logo .icon i{
    font-size: 250px;
    color: rgba(0,0,0,0.15);
    position: absolute;
    top:0;
    left:0px;
}
.user-logo .small-box-footer{
    position: relative;
    text-align: center;
    padding: 3px 0;
    color: #fff;
    color: rgba(255,255,255,0.8);
    display: block;
    z-index: 10;
    background: rgba(0,0,0,0.1);
    text-decoration: none;
}
/**
 * END User Logo
 */

 .content-wrapper, .right-side {
     background-color:#F2F2F2 !important;
}

 .box {
    box-shadow: none; /*0 8px 30px rgb(0 0 0 / 10%) !important;*/
    border-top:none !important;
    border-radius:10px !important;
    transition:0.5s;
 }

 .info-box {
    box-shadow:none;
    transition:0.5s;
    border-radius:10px !important;
 }

 .box:hover, .info-box:hover {
    box-shadow: 0 8px 30px rgb(0 0 0 / 15%) !important;
 }


 .main-header {
    box-shadow: 0 0 0 1px rgb(20 20 31 / 5%), 0 1px 3px 0 rgb(20 20 31 / 15%);
 }

@media screen and (max-width: 1024px) {
    .desktop {
        display:none;
    }
}

.alert-message {
    background-color: #e0e2e8;
    border-color: #e0e2e8;
    color:#344767;
    padding:1em;
    border-radius:0.25em !important;
    font-weight:bold;
    margin-bottom:1em;
}

.ui-autocomplete {
    z-index:9999;
    background-color:#fff;
    max-height:350px;
    min-height:350px;
}

.ui-autocomplete > li {
    font-size:14px !important;
}

.content-header>.breadcrumb {
    font-size:14px;
}

table, table.dataTable {
    border-radius:0.25em !important;
    border:1px solid #eee !important;
    border-collapse:unset !important;
}

table.table-bordered thead th, table.table-bordered thead td {
    background-color:#f4f6f9 !important;
    font-weight:bold;
}

.table>thead>tr>th {
    border-bottom: none;
}

/* Smartnotes icons */
table .icon-box{
    cursor: pointer;
}
table .icon-box:hover{
    background: #ccc;
}
table .icon-box.selected{
    background: var(--principal-color);
    color: white;
}
div:where(.swal2-container) div:where(.swal2-popup){
    font-size: inherit !important;
}


/** rounded ol with subelements **/
ol {
    counter-reset: li; /* Initiate a counter */
    list-style: none; /* Remove default numbering */
    *list-style: decimal; /* Keep using default numbering for IE6/7 */
    font: 15px 'trebuchet MS', 'lucida sans';
    padding: 0;
    margin-bottom: 0em;
    text-shadow: 0 1px 0 rgba(255,255,255,.5);
  }

  ol ol {
    margin: 0 0 0 2em; /* Add some left margin for inner lists */
  }

.rounded-list a{
    position: relative;
    display: block;
    padding: .4em .4em .4em 2em;
    *padding: .4em;
    margin: .5em 0;
    background: #ddd;
    color: #444;
    text-decoration: none;
    border-radius: .3em;
    transition: all .3s ease-out;
  }

  .rounded-list a:hover{
    background: #eee;
  }

  .rounded-list a:hover:before{
    /*transform: rotate(360deg);*/
  }

  .rounded-list a:before{
    content: counter(li);
    counter-increment: li;
    position: absolute;
    left: -1.3em;
    top: 50%;
    margin-top: -1.3em;
    background: #87ceeb;
    height: 2em;
    width: 2em;
    line-height: 2em;
    border: .3em solid #fff;
    text-align: center;
    font-weight: bold;
    border-radius: 2em;
    transition: all .3s ease-out;
  }

.custom-margin-left{
    margin-left: 15px;
}

.custom-select-all-column {
    display: flex;
    align-items: center;
}

.services-date-calendar{
    display: flex;
    gap: 15px;
    justify-content: center;
    align-items: center;
}