.saludation-counters {
    margin-bottom: 0.6em;
}

.saludation-counters > div {
    /* border:1px solid red; */
    margin-bottom: 0.9em;
}

.saludation-counters .small-box {
    height:100%;
    margin-bottom: 0;
    display: flex;
    flex-direction: column;
}

.saludation-counters .small-box > .inner {
    flex: 1 1 auto;
}


.spacer5 { height:5px; }
.destroy_form { display:inline-block; }
hr.menusep {border:0 none;border-bottom: 1px solid #4f5962;}
.flex-row { display:flex; align-items:center; }
.flex-row a { margin-left:7px; }

.budget_block {padding-top: 20px;padding-bottom: 20px;}
.budget_select {width: 170px;}

.quota_item_row.narrow {margin-left: 40px;margin-right: 50px;}


.one_quota { padding:1px 5px; margin-bottom:1px; }
.grayed { background-color:#ececec; }

.quota_item_row {margin: 5px 0;display:flex;justify-content: stretch;align-items:center;flex-wrap: wrap;}
.quota_item_row > div { margin-right:7px; }

.quota_item_row .quota_remove {font-size: 20px;}
.quota_item_row .quota_date { width: 80px; }
.quota_item_row .quota_concept { flex-grow: 1; }
.quota_item_row .quota_amount {width: 105px;margin-right: 0;}

.surplus_amount { font-weight:900; width:105px; text-align:center; }

.quota_readings {
    flex-basis:100%;
    flex-grow:1;
    margin-top: 0px;
    font-style:italic;
    font-size:15px;
    line-height: 1.3em;
}
.quota_readings ul {
    margin-bottom:0;
    padding-bottom:0;
}

label.radio { font-weight:normal !important; }
.quota_discount_form { margin-left:40px; }

span.star-required:after {color:#dc3545;content: '*';padding-left: 1px;padding-right: 4px;font-size: 1.2em;}

.nav-bar-bg-wrap nav {
    background-color: rgba(255, 255, 255, 0.94);
    border-bottom: 0;
}

.nav-bar-bg-wrap {
    background: #f4f4f4 no-repeat right/cover;
    height: 180px;
}

.content-wrapper {
   padding-top: 20px;
}

.brand-link { display:block; text-align:center; }
.brand-link img {width: 100%;max-height: 60px;display: block;height: auto;object-fit: contain;margin-bottom: 6px;}


.pickcondo_select2 select {
    max-width:100%;
}
.pickcondo_select2 .select2-container {
    margin:0 auto;;
}
.pick_condo {
    text-align:center;
    display:block;
    margin-bottom: 14px;
    background:#f4f4f4;
    padding:6px;
    border-radius:5px
}

.pick_condo:hover {
    background:#e4e4e4;
}

.pick_condo img.panorama {
    width: 150px;
    height: 110px;
    object-fit: cover;
    border-radius:5px
}

.pick_condo img.logo {
    width: 100%;
    height: 60px;
    object-fit:contain;
}

.pick_condo .name {
    color:black;
    font-size:17px;
}

.row.hover:hover { background-color:#eee; }
.text-gray { color: #a0a0a0; }
.full-width { width:100% !important; }



.fa-checkbox input[type=checkbox] {
    display:none;
}

.fa-checkbox input[type=checkbox] + span:after {
    font:normal normal 22px "Font Awesome 5 Free";
    content:'\f0c8';
}

.fa-checkbox input[type=checkbox]:checked + span:after {
    font-weight:900;
    content:'\f14a';
}

.sidebar .user-panel {
    display: flex !important;
    align-items: center;
}


.agency_name {
    text-align:center;
    /* padding-top:7px; */
}

.agency_name span {
    text-align:center;
    background-color:#626f7b;
    color:#ffffff;
    display:inline-block;
    padding:3px 5px;
    /* border-radius:5px; */
    /* line-height:1em; */
    width: 100%;
}

.main-sidebar .brand-text {
    white-space:normal;
}

.visibilityHidden { visibility: hidden; }
.g-post-body hr:first-child { display:none; }

/*for vuetify*/
html {
    font-size: initial;
    overflow-x: auto;
    text-rendering: initial;
    -webkit-font-smoothing: initial;
    -moz-osx-font-smoothing: initial;
    -webkit-tap-highlight-color: initial;
}

.card-like {
    margin: 0 0 1rem;
    padding: 2px 20px;
    background-color: #fff;
    background-clip: border-box;
    min-width: 0;
    border-radius: .25rem;
    border: 0 solid rgba(0,0,0,.125);
    box-shadow: 0 0 1px rgba(0,0,0,.125), 0 1px 3px rgba(0,0,0,.2);
}

.sums_top {
    border:1px solid rgba(0, 0, 0, 0.125);
    border-width:1px 0;
    padding:5px 0;
}

.sums_top > span {
    margin:0px 11px;
}

.login_options label { display: block; text-align: center; text-transform: uppercase; }
.login_options select { display: block; text-transform: uppercase; outline: none; margin: 0 auto 16px; border: 1px solid #e9ecef; padding: 4px 16px; }

.separator-submenu { border-bottom: 1px solid #868686; margin: 0 25px; }

.select2_wrap .select2-selection__arrow { top:5px !important; }
.select2_wrap .select2-selection__choice { color: black !important; background-color:#f5f5f5 !important; }
.select2_wrap .select2-selection { height:2.4em !important; border-color: #ced4da !important;}

#modal-alerts {
    background-color: rgba(0,0,0,0.75);
    position:fixed;
    width:100%;
    height:100%;
    left:0;
    top:0;
    z-index: 1050;
    display:flex;
    justify-content:center;
    align-items:center;
}

#modal-alerts .card { min-width:360px; }

td.move-template-alert .form-group { margin-bottom:0; }
td.move-template-alert .alert {
    margin: 4px 0 2px;
    font-size: 14px;
    padding: 2px 5px;
}

.no-cursor { cursor:default; }

.txt_lectura_anterior {
    /* white-space:nowrap; */
    border:1px solid #ccc;
    background:#fafafa;
    padding:5px 11px;
    border-radius:5px;
}

ul.orignotis {
    margin-left: 26px;
}

i.fa.notiuser {
    font-size: 38px;
    margin: 4px 9px 0 -6px;
    opacity: 0.5;
}

.knobs-legend {
    padding-top: 23px;
    color:#eee;
    text-transform:uppercase;
    font-size: 13px;
    line-height: 1.1em;
}

#saludation_calendar { margin-top:0;}
#saludation_calendar .fc-header-toolbar {display:flex;flex-wrap: wrap;justify-content: center;text-align: center;margin-bottom: 12px;padding: 0;}
#saludation_calendar .fc-header-toolbar .fc-center {order:0;flex: 2 2 100%;margin-bottom: 9px;}
#saludation_calendar .fc-header-toolbar .fc-left { order:1; flex:1 1 auto; }
#saludation_calendar .fc-header-toolbar .fc-right { order:1; flex:1 1 auto; }
#saludation_calendar a.goto { order:1; flex:1 1 auto; }

nav.main-header {flex:1 1 auto;}
.nav-reflow-wrap {display:flex;align-items:center;flex: 1 1 auto; }
.nav-buttons-wrap {margin-left: 10px;flex: 1 1 auto;text-align: right;}
.nav-buttons-wrap .btn { margin-top:1px; margin-bottom:1px; margin-right:3px; }
.nav-reflow-wrap  .navbar-nav {justify-content:flex-end !important;}

.budget-alert {padding: 0px 1ex;margin: 3px 1.2em 1px 0;}

@media screen and (max-width:767px) {
    nav.main-header { align-items:flex-start; }
    .nav-reflow-wrap {display: block;text-align: left;flex: 1 1 auto;}
    .nav-reflow-wrap form {margin-left: 0 !important;}
    .nav-reflow-wrap  .navbar-nav {justify-content: flex-start !important; }
    .nav-reflow-wrap  .navbar-nav li:first-child a { padding-left:0; }
    .nav-buttons-wrap {padding-top:6px;text-align: left;margin-left: 0;}
    .nav-buttons-wrap .btn { padding: 2px 5px; font-size:11px; }
}


.calendar-events-table {
    width:100%;
}


.calendar-events-table .dataTables_length label {
    width:80%;
    display:flex;
    align-items:center;
}

.calendar-events-table .dataTables_length label * {
    flex: 0  0 auto;
}

.calendar-events-table .dataTables_length label select {
    margin:0 1ex;
    width:5em;
}


.calendar-events-table .dataTables_filter label {
    display:flex;
    justify-content:flex-end;
    align-items:center;
}

.calendar-events-table .dataTables_filter label input {
    margin:0 1ex;
    width:14em;
}

.calendar-events-table .dataTables_wrapper{
    width:98%;
}

.nav-user-icon {
    color:#c2c7d0;
    font-size:28px;
    margin-right:1px;

}

.login-page {  background-size: cover; }

html { height: 100% !important; }
body { height:auto !important; }

.login-box { background: #e9ecef; padding: 20px; border-radius: 5px; opacity: 0.9; }

.total-border-top { border-top: 3px double black !important; }
.total-border-bottom { border-bottom: 3px double black !important; }