html,body{
  max-width: 100%; 
  margin: 0px;
  margin-bottom: 20px;
  /*font-family: 'Helvetica', 'Verdana', sans-serif;*/
  font-size: 15px;
  height:100%;
  overflow:auto;
}
h1{
  font-size: 30px;
}
.brand-img{
    padding-top: 15px;
    max-width: 153px;
}
.red-text{
    color:red;
}
.green-text{
    color: #8bc34a;
}
.grey-text{
    color: grey;
}
.bg-light-red {
    background-color: #fff2f2;
}
.bg-lightpink{
    background-color: lightcoral;
}
.text-center{
    text-align: center;
}

.btn-print-report{
    /* margin-bottom: 20px; */
    margin: 10px 0px;
}
.btn-print-report .btn-text{
    vertical-align: text-bottom;
    margin-right: 10px;    
}
.table>tbody>tr>td{
    padding: 4px;
}
.table tr#totals td:nth-last-child(1){
    border-right: 1px dashed darkgray;
}
.table>tbody>tr.top-gray-border>td{
    border-top: 1px solid gray;
}
.unit-report {
    border-right: 1px solid #b9b4b4;
}
.right-dashed-gray-border{
  border-right: 1px dashed darkgray;
}
#unit-collection-summary{
    max-width: 600px;
    margin: 0 auto;    
}
.unit-collection-summary table td + td,
.unit-collection-summary table th + th{
     border-right: 1px solid lightgrey; 
}
.unit-collection-summary td {
    white-space: unset !important;
}
#summary-table{
    overflow-x: auto;
}
.summary-title{
    margin-bottom: 5px;
}
.font20px{
    font-size: 20px;
}
.font17px{
    font-size: 17px;
}
.font14px{
    font-size: 14px;
}
.text-bold{
    font-weight: bold;
}
.text-normal{
    font-weight: normal;
}

.table-card-light{
  margin: 15px 0px;
  /* border: 2px solid lightgrey; */
  padding: 15px;
}

.bg-menu-color{
  background-color: #f9f9f9;
}
.row-eq-height{
    display: table !important;
}
.col-eq-height{
    vertical-align: top;
    display: table-cell;
    /* float: none; */
}
.col-eq-height .row{
    margin: 5px 0px;
}
.col-eq-height .btn{
    height:80px;
}
.nad-head{
    height: 40px;
}

.main-logo{
    position: relative;
}
.main-logo .ml-content{
    position: absolute;
    top: -20px;
    left: 0px;
    right: 0px;
}
.non-visible{
  visibility: hidden;
}
.btn.btn-default:active:focus,
.btn.btn-default:focus{
  outline-color: gray;
}

.month-data-list .row div{
    padding: 3px 9px;
}
.border-top-grey-1px{
    border-top: 1px solid grey;
}
.border-double-bottom-grey-1px{
    /* border-bottom: 1px; */
    border-color: grey;
    border-bottom-style: double;
}

.dispVal{
    border-radius: 3px;    
}

.dispValBalancePositive{
    color: green; /*#3c763d*/
    background-color: rgba(231, 243, 226, 1);
    border: 1px solid #c2e0c2;
}

.dispValBalanceNegative{
    color: red; /*#a94442*/
    background-color: rgba(242, 222, 222, 1);
    border: 1px solid #e0c2c2;
}

.mobileMonthView{
    margin: 10px 0px;
    padding: 15px 10px;
    background-color: #f9f9f9;
    border: 2px solid lightgray;
}

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

.month-data-list .row:nth-last-child(2){
    border-color: grey;
    border-bottom-style: double;
}
.tenant_balance_icon.hat{
    width: 45px;
}
.tenant_balance_icon.normal{
    width: 35px;
    margin: 6px;
}
.tenant_balance_icon:hover,
.tenant_balance_icon:active{
    cursor: pointer;
    -webkit-filter: drop-shadow(0px 0px 5px grey);
    filter: drop-shadow(0px 0px 5px grey);
}
@media (min-width: 768px){
    .table{
        border: 1px solid lightgrey;
    } 
}
@media print{
    @page
    {
         /* size: auto; */
        /* margin-bottom: 0mm; */
    }

    html, body{
        height: auto !important;
        margin: 3px;
        /* width: 100%; */
        /* margin-bottom: 5mm; */
    }
    .hidden-xs{
        display: block !important;
    }
    .visible-xs{
        display: none !important;
    }
    .table{
        border: 1px solid lightgrey;
    } 
     .table-card-light{
        /* border: none; */
        padding: 0px;
    } 

    .table>thead>tr>th {
        background-color: lightgray !important;
    }
    .table-striped>tbody>tr:nth-of-type(even) td{
        background-color: #f5f5f5 !important;
    }
    
    .table>tbody>tr>td,
    .table>tbody>tr>th,
    .table>tfoot>tr>td,
    .table>tfoot>tr>th{
        padding: 2px 4px;
    }
    .table>thead>tr>td,
    .table>thead>tr>th{
        padding: 4px;
    }
    .nad-head,
    .print-section,
    .no-print{
        display: none;
    }
}