.highlight { background-color: yellow }

@media screen and (max-width: 767px) {
  .calendar-buttons-row {
    margin-top: 20px;
  }  
}
 
body.modal-open .datepicker {z-index:1200 !important;}
/*
table.dataTable thead .sorting, 
table.dataTable thead .sorting_asc, 
table.dataTable thead .sorting_desc {
    background : none;
}*/

.signatureBlock {
    width:250px;
    height:80px;
    padding:10px;
    border:1px solid #aaaaaa;  
    background-color: #f7ff76;  
    cursor: pointer;    
}
.signed {
    width:250px;
    height:80px;
    padding:10px;
    border:1px solid #aaaaaa;          
    background-color: #fff; 
}   
.signatureBlockNotUsed {
    width:250px;
    height:80px;
    padding:10px;
    border:1px solid #aaaaaa;  
    background-color: #ffa8a8;             
}
@media screen and (min-width: 768px) {
    #signature-pad {
        width: 600px;
        height: 130px;
    }
}
@media screen and (max-width: 767px) {
    #signature-pad {
        width: 500px;
        height: 130px;
    }
}
@media screen and (max-width: 550px) {
    #signature-pad {
        width: 440px;
        height: 130px;
    }
}
@media screen and (max-width: 470px) {
    #signature-pad {
        width: 380px;
        height: 130px;
    }
}
@media screen and (max-width: 400px) {
    #signature-pad {
        width: 280px;
        height: 130px;
    }
}

.tt-hint, .tt-input {
    color: #555;
}