/* xs < 768 */
    @media screen and (max-width: 767px) {
        body {
            font-size: 0.75em;
        }

    }

    /* sm */
    @media screen and (min-width: 768px) {
        body {
            font-size: 1em;
        }
        
        
    }

    /* md */
    @media screen and (min-width: 992px) {
        body {
            font-size: 1.2em;
        }
       
       
    }

    /* lg */
/*        @media screen and (min-width: 1200px) {
        body {
            font-size: 1.3em;
        }
    }*/

     html, body {
        height: 100%;
    }
    
       
    .loanHeader{
        background-color: #d7dde4;
        margin-top: 5px;
        padding-bottom: 2px;
    }

    .loanBody{
        background-color: #f7f7f9;
    }
    
    .loanFooter{
        background-color: #d7dde4;
        margin-top: 5px;
    }
    
    .loanMenu{
        background-color: #4f5f6f !important;
    }
   
    .cardBody{
        padding: 0 !important;
        margin-top: 15px;
        margin-bottom: 15px;
        overflow: hidden;
        overflow-x: auto;
        white-space: nowrap;
    }
    
    #cardIndex{
        padding: 0 !important;
        margin-top: 15px;
        margin-bottom: 15px;
    }
   
    .menuItem{
        color: rgba(255, 255, 255, 0.5);
        font-size: 14px;
        height: 51px;
        margin: 5px -15px 5px -15px;
    }

    #menuHome{
        color: white; 
        background-color: #78bd2e;
        margin-left: -15px !important;
        margin-right: -15px !important;
        margin-top: 0 px !important;
        font-size: 14px;
        height: 51px;
    }
    
    .menuItemXs{
        color: rgba(255, 255, 255, 0.5) !important;
        font-size: 14px;
    }
    
       
    td{
        text-align: center;
        vertical-align: central;
    }
 .nisl_form_div {
     margin: 15px 0;
     display: inline-block;
     width: 100%;
     border: 1px solid #ddd;
     background: #fff;
     border-radius: 4px;
 }
 .nisl_form_div .form-group {
     display: inline-block;
     width: 50%;
     float: left;
     padding: 0 5px;
 }
 .nisl_form_div .btnss-div {
     padding: 0 5px;
 }
 .nisl_form_div h5 {
     margin-bottom: 0;
 }
 .nisl_form_div .card-block {
     display: inline-block;
     width: 100%;
     padding: 5px 15px;
 }
 .nisl_add_div {
     border: 1px solid #ddd;
     margin-bottom: 15px;
     max-height: 240px;
     overflow: auto;
 }
 .nisl_add_div table {
     margin-bottom: 0;
 }
 .nisl_add_div table thead th {
     background: #f7f7f9;
     border: 0;
     border-bottom: 1px solid #ddd;
     font-size: 14px;
     font-weight: 500;
     color: #333;
 }
 .nisl_add_div table tbody td {
     background: #fff;
     border: 0;
     font-size: 14px;
     text-align: left;
 }
 .nisl_add_div a {
     color: #458205;
     font-size: 15px;
     text-decoration: underline;
     font-weight: 500;
 }

.social:hover {
     -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
     -o-transform: scale(1.1);
 }
 .social {
     -webkit-transform: scale(0.8);
     /* Browser Variations: */
     
     -moz-transform: scale(0.8);
     -o-transform: scale(0.8);
     -webkit-transition-duration: 0.5s;
     -moz-transition-duration: 0.5s;
     -o-transition-duration: 0.5s;
 }