body {

  padding-top: 60px;

}

#response{
    text-align: center;
    font-size: 48px;
    padding-top: 20px;
    padding-bottom: 20px;
    font-weight: bold;
}

h1{

    font-size: 28px;

}

.table.dataTable.no-footer{

    border-bottom: none;

}



table.dataTable thead th, table.dataTable thead td{

    border-bottom: none;

}



.calendar.table>tbody>tr>td, .calendar.table>tbody>tr>th, .calendar.table>tfoot>tr>td, .calendar.table>tfoot>tr>th, .calendar.table>thead>tr>td, .calendar.table>thead>tr>th{

    border: 1px solid #C4D3E5;

}



#calendar_div{

    margin-top: 12px;

}

.monthly-calendar{

    font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;



}



.monthly-calendar thead{

  background-color: #EAEAEA;

    color: #333;

    font-weight: bold;

}



.monthly-calendar tbody{

    background-color: #fff;

    border-top: 2px solid #e6e6e6;

}

.monthly-calendar tbody td{


}



.table_container{

   border: 1px solid #efefef;

    padding: 0px;

    margin: 0px;

    -webkit-box-shadow: 0px 7px 16px -8px rgba(0,0,0,0.75);

    -moz-box-shadow: 0px 7px 16px -8px rgba(0,0,0,0.75);

    box-shadow: 0px 7px 16px -8px rgba(0,0,0,0.75);

}

.calendar-header{

    background: #3B4E87 !important;

    padding: 10px;

    margin-bottom: 0;

    border-bottom: 2px solid #2066A3;

    border-top-left-radius: 4px;

    border-top-right-radius: 4px;

    color: #fff;

    font-weight: bold;

}
.blank{
    background-color: #E4E8F3;
}

.calendar th{

    text-align: center;

}



.img-center {

    margin:0 auto;

        position: relative;

    display: inherit;

}



.dt-button{

    display: inline-block;

    padding: 6px 12px;

    margin-bottom: 0;

    font-size: 14px;

    font-weight: 400;

    line-height: 1.42857143;

    text-align: center;

    white-space: nowrap;

    vertical-align: middle;

    -ms-touch-action: manipulation;

    touch-action: manipulation;

    cursor: pointer;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    background-image: none;

    border: 1px solid transparent;

    border-radius: 4px;

}



.dt-buttons{

    width: auto;

    display: inline-block;

}



.dataTables_wrapper .dataTables_filter{



    text-align: right;

    position: relative;

    display: inline-block;

    width: auto;

}

.buttons-excel{



    color: #fff;

    background-color: #5cb85c;

    border-color: #4cae4c;



}



.buttons-csv{

    color: #333;

    background-color: #fff;

    border-color: #ccc;



}





.dataTables_filter input{

    display: inline-block;

    width: auto;

    height: 34px;

    padding: 6px 12px;

    font-size: 14px;

    line-height: 1.42857143;

    color: #555;

    background-color: #fff;

    background-image: none;

    border: 1px solid #ccc;

    border-radius: 4px;

    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);

    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);

    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;

    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;

    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;

}





.buttons-pdf{



color: #fff;

    background-color: #f0ad4e;

    border-color: #eea236;

}

.legend{

    display: inline-block;

    height: 20px;

    width: 20px;

    vertical-align: middle;

}

.tlegend .l_label{

    color: #000;

    padding-bottom: 10px;

}

.date_moved{

    background-color: yellow;

}

.closed{

    background-color: #FFCC00;

    font-weight: bold;

    color:#000;

}


.holiday{
   border:2px solid red !important;
}



.pay_date{

    color:#000;

    font-weight: bold;

    /*background-color: #428bca;*/

    border: 3px solid #00B0F0 !important;

}

.fund_due{

    font-weight: bold;

    color:#fff;

    background-color: #00B050;

}



.loading{

    display: none;

}

.show-mobile{

    display: none;

}



@media screen and (max-width:767px){



    body {

  padding-top: 60px;

}





    .show-mobile{ display: inline-block;}



    .responsive-stacked-table thead {

        display: none;

    }

    .responsive-stacked-table tr,

    .responsive-stacked-table th,

    .responsive-stacked-table td {

        display: block;

    }

    .responsive-stacked-table td {

        border-top: none;

    }

    #pay_day_list.responsive-stacked-table tr td:first-child {

        border-top: 1px solid #ddd;

        font-weight: bold;

    }

    #pay_day_list.responsive-stacked-table tr td:last-child {

        border-top: 1px solid #ddd;

        font-weight: bold;

    }





}



    .monthly-calendar{

        height: 350px;

    }







#logo{

    padding: 20px 0px 30px 0px;

    border-bottom: 2px solid #f0f0f0;

    background-color: #fff;

}

#copyright{
    padding: 20px 0px;
    margin-top: 20px;
    background-color: #f0f0f0;
}

.selectize-dropdown, .selectize-dropdown.form-control{
    height: 90vh !important;
}

.selectize-dropdown-content{
    max-height: 100% !important;
    height: 100% !important;
}


.show_excel{
    display: none;
}





 .closed-button{
    background-color: #FFCC00;
    font-weight: 700;
    color: #000;
    border: 3px solid #FFCC00 !important;
}

.pay_date-button {
    color: #000;
    font-weight: 700;
    border: 3px solid #00B0F0!important;
}

.holiday-button {
    border: 3px solid red!important;
}

.fund_due-button {
    background-color: #00B050;
    border: 3px solid #00B050!important;
}


ul.legend{

    display:inline;

}
.legend >li{
    display:inline;
    list-style: none;
    margin-right:30px;
    vertical-align:middle;
}

.legend  button{
 width: 30px; 
  background-color:#fff !important; 
  border: none; 
}