Files
Learning-Hub/webroot/css/modal_custom.css
2026-06-29 14:51:56 +06:00

248 lines
7.5 KiB
CSS

/*
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;
}