/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Jan 21, 2021, 11:36:05 AM
    Author     : USER
*/
.acct-cb-img{
    width: 100% !important
}

.content-data table{
    width:100% !important
}
p.reminder-footer,p.note-footer{
    text-align: center;
    margin: 0;
    border: 1px solid lightgray;
}
p.reminder-footer a, p.note-footer a{
    font-weight: bold;
    padding: 5px 0 5px;
    background: #EEEEEE;
    display: block;
    color:#009cf9;
}
.reminder-row-hide,.note-row-hide{
    display:none !important;
}

.dropdown-content-body {
    max-height: 360px !important;
    overflow-y: auto !important;
}
/*.reminder-row-show{
    display:none !important;
}*/
@media (min-width: 768px){
    #emp-emp-messaging .modal-dialog,
    #member-reminder-modal .modal-dialog,
    #member-reminder-modal-edit .modal-dialog,
    #member-note-modal .modal-dialog,
    #member-note-modal-edit .modal-dialog,
    #send-client-email-modal .modal-dialog,
    #stt-info .modal-dialog,
    #employee-member-message .modal-dialog,
    #affiliate-member-message .modal-dialog,
    #note-edit-modal .modal-dialog,
    #message-edit-modal .modal-dialog,
    #member-note-modal .modal-dialog,
    #all-note-modal .modal-dialog,
    #client-member-message .modal-dialog,
    #member-reminder-modal-edit .modal-dialog, 
    #all-reminder-modal .modal-dialog, 
    #member-reminder-modal .modal-dialog, 
    #member-reminder-dashboard .modal-dialog,
    #reply-modal .modal-dialog,
    #modify-image .modal-dialog,
    #no-of-customer-modal .modal-dialog,
    #no-of-employee-modal .modal-dialog
    {
        width: 600px !important;
        margin: 30px auto !important;
    }
    
    #emp-emp-messaging .modal-header,
    #member-reminder-modal .modal-header,
    #member-reminder-modal-edit .modal-header,
    #member-note-modal .modal-header,
    #member-note-modal-edit .modal-header,
    #send-client-email-modal .modal-header,
    #stt-info .modal-header,
    #employee-member-message .modal-header,
    #affiliate-member-message .modal-header,
    #note-edit-modal .modal-header,
    #message-edit-modal .modal-header,
    #member-note-modal .modal-header,
    #all-note-modal .modal-header,
    #credit-report-content-modal .modal-header, 
    #no-of-employee-modal .modal-header,
    #credit-analyzer2 .modal-header, 
    #credit-analaysis .modal-header,
    #show-credit-report-modal .modal-header, 
    #client-member-message .modal-header, 
    #member-reminder-modal-edit .modal-header, 
    #all-reminder-modal .modal-header, 
    #member-reminder-dashboard .modal-header, 
    #member-reminder-modal .modal-header,
    #member-note-modal-edit .modal-header,
    #reply-modal .modal-header,
    #send-client-email-modal .modal-header,
    #no-of-employee-modal .modal-header,
    #no-of-customer-modal .modal-header,
    #certificate_list_modal .modal-header,
    #tshirt_list_modal .modal-header
    {
        background: #3c8dbc !important;
        color: white !important;
    }
    #stt-info .modal-content,
    #send-client-email-modal .modal-content,
    #reply-modal .modal-content,
    #no-of-employee-modal .modal-content,#client-member-message .modal-content, #member-reminder-modal-edit .modal-content, #all-reminder-modal .modal-content, #member-reminder-dashboard .modal-content, #member-reminder-modal .modal-content{
        width:100% !important;
    }
    
    .reminder-notification-list{} 
    .note-notification-list .media-right, .reminder-notification-list .media-right{
        padding:0;
        width: 47%;
        text-align: right;
    } 
    .note-notification-list .media-right span.media-annotation,
    .reminder-notification-list .media-right span.media-annotation{
        line-height: 3;
        padding-right: 10px;
        border: 1px solid silver;
        border-radius: 12px;
        padding: 2px 10px;
    } 
    
    .note-notification-list .media-right img, 
    .reminder-notification-list .media-right img{
        float: none;
    }
    
    
   
    
}
@media only screen and (max-width: 600px){
    
     .stt-pi-area ul li{
        width: 100% !important;
        margin-bottom: 10px !important;
        display: inline-block !important;
        text-align: center !important;
    }
    
    #emp-emp-messaging .modal-dialog,
    #member-reminder-modal .modal-dialog,
    #member-reminder-modal-edit .modal-dialog,
    #member-note-modal .modal-dialog,
    #member-note-modal-edit .modal-dialog,
    #send-client-email-modal .modal-dialog,
    #employee-member-message .modal-dialog,
    #stt-info .modal-dialog,
    #affiliate-member-message .modal-dialog,
    #note-edit-modal .modal-dialog, 
    #message-edit-modal .modal-dialog, 
    #member-note-modal .modal-dialog, 
    #all-note-modal .modal-dialog,
    #no-of-employee-modal .modal-dialog,
    #client-member-message .modal-dialog, 
    #member-reminder-modal-edit .modal-dialog, 
    #all-reminder-modal .modal-dialog, 
    #member-reminder-modal .modal-dialog, 
    #member-reminder-dashboard .modal-dialog,
    #reply-modal .modal-dialog
    {
        width: 100% !important;
        margin: 0 !important;
        padding: 10px !important;
    }
    
    #emp-emp-messaging .modal-header,
    #member-reminder-modal .modal-header,
    #member-reminder-modal-edit .modal-header,
    #member-note-modal .modal-header,
    #member-note-modal-edit .modal-header,
    #send-client-email-modal .modal-header,
    #stt-info .modal-header,
    #employee-member-message .modal-header,
    #affiliate-member-message .modal-header,
    #note-edit-modal .modal-header,
    #message-edit-modal .modal-header,
    #no-of-employee-modal .modal-header, 
    #credit-analyzer2 .modal-header,
    #credit-analaysis .modal-header,
    #show-credit-report-modal .modal-header,
    #client-member-message .modal-header, 
    #member-reminder-modal-edit .modal-header, 
    #all-reminder-modal .modal-header, 
    #member-reminder-dashboard .modal-header, 
    #member-reminder-modal .modal-header,
    #member-note-modal-edit .modal-header,
    #reply-modal .modal-header,
    #send-client-email-modal .modal-header
    {
        background: #3c8dbc !important;
        color: white !important;
    }
    
    #stt-info .modal-content,
    #reply-modal .modal-content,
    #send-client-email-modal .modal-content,
    #no-of-employee-modal .modal-content,#client-member-message .modal-content, #member-reminder-modal-edit .modal-content, #all-reminder-modal .modal-content, #member-reminder-dashboard .modal-content, #member-reminder-modal .modal-content{
        width:100% !important;
    }
    
    .width-350.dropdown-menu {
        min-width: 280px;
    }
    
    .media-left, .media-right, .media-body {
        text-align: left;
    }
    
    .reminder-notification-list{} 
    
    .note-notification-list .media-right,
    .reminder-notification-list .media-right{
        padding-left: 0;
        width: 24%;
        text-align: right;
    }
    
    .note-notification-list .media-right span.media-annotation,
    .reminder-notification-list .media-right span.media-annotation{
        
    }
    
    .note-notification-list .media-right img,
    .reminder-notification-list .media-right img{
        float: none;
    }
    
    
}


.reminder-due{
/*    background-color: yellow !important;*/
    color: green !important;
    padding: 5px !important;
}
    
    
.reminder-over{
/*    background-color: red !important;*/
    color: red !important;
    padding: 5px !important;
}