Files
Backend-Api/ServiceHost/wwwroot/AssetsClient/pages/Checkouts/css/PrintOne.css
2025-05-20 18:34:30 +03:30

376 lines
7.3 KiB
CSS

.modal .modal-dialog .modal-content {
background-color: white !important;
}
.modal-dialog {
max-width: 100%;
width: 22.4cm;
}
/* @page {
size: 7in 9.25in;
margin: 27mm 16mm 27mm 16mm;
}*/
@page {
size: A4;
margin: 0mm;
page-break-after: auto;
}
@media screen {
#printSection {
display: none;
}
}
.print * {
font-family: IranSans !important;
}
.print:last-child {
page-break-after: auto !important;
}
@media print {
body * {
visibility: hidden;
page-break-after: auto;
}
body {
background-color: #ffffff !important;
}
.container2, #printSection {
background-color: #ffffff !important;
}
html, body {
height: 100%;
margin: 0 !important;
padding: 0 !important;
overflow: hidden;
background-color: #ffffff !important;
-webkit-print-color-adjust: exact;
print-color-adjust: exact;
}
#printSection, #printSection * {
visibility: visible;
page-break-after: auto;
}
footer {
page-break-after: auto;
display: none;
}
header {
display: none;
}
#printSection {
position: absolute;
left: 0;
page-break-after: auto;
top: 0;
}
.head {
background-color: #cdcdcd !important;
-webkit-print-color-adjust: exact;
print-color-adjust: exact;
}
.week {
-webkit-print-color-adjust: exact;
print-color-adjust: exact;
}
.radio-info input[type="radio"]:checked + label::after {
background-color: black !important;
-webkit-print-color-adjust: exact;
print-color-adjust: exact;
}
.mt-30 {
margin: 30px 0 0 0 !important;
}
.restActive, .rest {
pointer-events: none;
font-size: 8px !important;
width: 46px !important;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
text-align: center;
}
}
.col-4, .col-3, .col-9,
.col-2, .col-10, .col-6,
.col-8, .col-5, .col-7,
.col-offset-1 {
float: right !important;
}
h5, h6 {
margin: 5px 0px !important;
}
body .modal {
font-size: 11px;
}
label .modal {
margin-bottom: 2px;
}
.radio {
display: inline-block;
margin-top: -10px !important;
}
.radio input[type=radio] {
position: unset !important;
}
textarea.form-control {
height: 100px !important;
}
.fontBold {
font-family: IranSans !important;
}
.fontNumber {
font-family: IranText !important;
}
.modal-body {
height: 99%;
}
.row {
margin-right: -10px !important;
margin-left: -10px !important;
}
div span.week {
/* border-radius: 5px;
padding: 2px 8px;
margin-right: 32px;
pointer-events: none;*/
}
#shanbeh, #yekshanbeh, #doshanbeh, #seshanbeh, #cheharshanbeh, #panjshanbeh, #jomeh {
width: 80px;
}
#Sh1, #Sh2, #Sh3, #Sh4, #Sh5, #Sh6, #Sh7, #Sh8 {
width: 80px;
margin-right: 21%;
border-radius: 15px;
font-size: 8px !important;
}
.week {
width: 48px !important;
border-radius: 5px;
padding: 1px !important;
font-size: 8px !important;
pointer-events: none;
-webkit-print-color-adjust: exact;
print-color-adjust: exact;
}
.time {
width: 8%;
text-align: center;
padding: 0px !important;
direction: ltr;
border-radius: 5px;
border: 1px solid #47c848 !important;
pointer-events: none;
-webkit-print-color-adjust: exact;
print-color-adjust: exact;
font-size: 8px !important;
}
.time2 {
width: 8%;
text-align: center;
direction: ltr;
border-radius: 5px;
border: 1px solid #47c848 !important;
pointer-events: none;
-webkit-print-color-adjust: exact;
print-color-adjust: exact;
font-size: 8px !important;
}
.fild {
border: 1px solid #878686 !important;
background-color: #f7f7f7 !important;
border-radius: 10px;
// margin: 5px 10px;
-webkit-print-color-adjust: exact;
print-color-adjust: exact;
}
.fild2 {
border: 1px solid #878686 !important;
background-color: #d9d9d9 !important;
border-radius: 10px;
padding: 10px 0 10px 0;
display: inline;
float: left;
width: 80%;
margin-left: 15px;
-webkit-print-color-adjust: exact;
print-color-adjust: exact;
}
.fild3 {
border: 1px solid #878686 !important;
background-color: #e7e7e7 !important;
border-radius: 10px;
display: inline;
float: left;
width: 100%;
-webkit-print-color-adjust: exact;
print-color-adjust: exact;
}
.call {
background-color: #d2dbd2 !important;
border-radius: 5px;
margin-bottom: 3px;
margin-left: 10px;
margin-right: 10px;
-webkit-print-color-adjust: exact;
print-color-adjust: exact;
}
.rest {
pointer-events: none;
font-size: 8px !important;
width: 49px !important;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
text-align: center;
}
.shiftDisplayNone {
display: none;
}
.fildeWeek {
height: 136px !important;
width: 48% !important;
display: inline-block;
border: 1px solid #cfcfcf !important;
background-color: #e7e5e5 !important;
border-radius: 12px 0px 12px 12px;
padding: 2px 15px !important;
-webkit-print-color-adjust: exact;
print-color-adjust: exact;
}
.fildeWeek .row {
height: 16px;
margin: 1px 0;
}
.weekName {
margin-bottom: -18px !important;
top: -18px;
position: relative;
margin-right: -16px;
padding-right: 5px !important;
font-size: 10px !important;
border-bottom: 0px;
color: #505458 !important;
background-color: #bdd1be !important;
border-radius: 15px 5px 0px 0px;
width: 57px;
-webkit-print-color-adjust: exact;
print-color-adjust: exact;
}
.btn-deactive {
background-color: #bbbbbb !important;
-webkit-print-color-adjust: exact;
}
.btn-active {
background-color: #3ac53c !important;
-webkit-print-color-adjust: exact;
}
.input-deactive {
background-color: #dbd8d8 !important;
-webkit-print-color-adjust: exact !important;
}
.trTable:nth-child(even) {
background-color: #F6F6F6 !important;
}
.headerInfo {
border-radius: 6px;
border: 1px solid #000000 !important;
}
.cusSpanTitle {
border-radius: 4px;
font-weight: bold;
background-color: #ebe6e6 !important;
-webkit-print-color-adjust: exact;
print-color-adjust: exact;
padding: 0 3px;
margin: auto 4px;
}
.table-container {
display: flex;
width: 100%;
justify-content: space-between;
}
.shiftWorkContainerMsg {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
border: 1px solid #D9D9D9 !important;
border-radius: 7px;
color: #1F1F1F !important;
font-size: 16px !important;
gap: 9px;
padding: 15px 21px;
max-width: 380px;
margin: auto;
}
.shiftTitle {
position: absolute;
top: -10px;
right: 5px;
padding: 2px 4px;
color: #000000 !important;
font-size: 12px !important;
background-color: #F6F6F6 !important;
}
.shiftTime {
display: flex;
align-items: center;
justify-content: center;
gap: 6px;
}