modifications
@ -1,47 +1,204 @@
|
||||
.container-fluid{
|
||||
width: 100%;
|
||||
padding-right: 15px;
|
||||
padding-left: 15px;
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
top: 10px;
|
||||
position: relative;
|
||||
}
|
||||
.container-fluid2{
|
||||
width: 100%;
|
||||
padding-right: 15px;
|
||||
padding-left: 15px;
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
top: -1px;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
padding-right: 15px;
|
||||
padding-left: 15px;
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
top: 10px;
|
||||
position: relative;
|
||||
}
|
||||
.container-fluid2{
|
||||
width: 100%;
|
||||
padding-right: 15px;
|
||||
padding-left: 15px;
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
top: -1px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
@media print {
|
||||
.hide-on-print {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
.nav-link:hover {
|
||||
color: rgb(255, 0, 0);
|
||||
}
|
||||
// #zipFile:hover {
|
||||
// color: rgb(255, 0, 0);
|
||||
// cursor: pointer;
|
||||
// }
|
||||
|
||||
// .container-responsive {
|
||||
// min-height: 100vh;
|
||||
// position: relative;
|
||||
// }
|
||||
|
||||
// #footer {
|
||||
// background-color: #3a8379;
|
||||
// padding: 20px;
|
||||
// color: #ffffff;
|
||||
// position: absolute;
|
||||
// bottom: 0;
|
||||
// width: 100%;
|
||||
// }
|
||||
// --------------------------------------------------------------------------------------------
|
||||
thead{
|
||||
// background-color: #5faca1; color: aliceblue;
|
||||
padding: 5px;
|
||||
color: #505050;
|
||||
font-weight: 900;
|
||||
font-size: medium;
|
||||
background-color: #f0f0f0;
|
||||
font-family: nucleo;
|
||||
}
|
||||
|
||||
mat-table {
|
||||
padding-top: 10px !important;
|
||||
// table-layout: fixed;
|
||||
width: 100%;
|
||||
display: table;
|
||||
overflow-x: scroll;
|
||||
|
||||
.table td {
|
||||
word-break: break-word;
|
||||
.table-headers {
|
||||
padding: 5px;
|
||||
color: #505050;
|
||||
font-weight: 900;
|
||||
font-size: medium;
|
||||
background-color: #f0f0f0;
|
||||
font-family: nucleo;
|
||||
}
|
||||
.nav-link:hover {
|
||||
color: rgb(255, 0, 0);
|
||||
|
||||
.table-headers:hover {
|
||||
background-color: #ececec;
|
||||
color: #46AC9E;
|
||||
}
|
||||
#zipFile:hover {
|
||||
color: rgb(255, 0, 0);
|
||||
cursor: pointer;
|
||||
|
||||
.table-content {
|
||||
padding: 5px;
|
||||
overflow-wrap: inherit;
|
||||
font-family: nucleo;
|
||||
|
||||
}
|
||||
|
||||
.table-column {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.table td {
|
||||
word-break: break-word;
|
||||
padding: 5px;
|
||||
overflow-wrap: inherit;
|
||||
font-family: nucleo;
|
||||
}
|
||||
|
||||
.table th {
|
||||
font-family: texg;
|
||||
color: #353535;
|
||||
}
|
||||
|
||||
.tenderHeading{
|
||||
font-family: texg;
|
||||
color: #353535;
|
||||
}
|
||||
.printButton {
|
||||
float: right;
|
||||
margin-top: 5px;
|
||||
margin-bottom: 5px;
|
||||
background-color: white;
|
||||
color: #424242;
|
||||
height: 37px;
|
||||
border-radius: 9px;
|
||||
font-family: nucleo;
|
||||
// width: 17%;
|
||||
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
|
||||
|
||||
|
||||
// .container-responsive {
|
||||
// min-height: 100vh;
|
||||
// position: relative;
|
||||
// }
|
||||
|
||||
}
|
||||
|
||||
.printButton:hover {
|
||||
background-color: #ececec;
|
||||
color: #46AC9E;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.DownloadZipButton {
|
||||
float: right;
|
||||
margin-top: 5px;
|
||||
margin-bottom: 5px;
|
||||
background-color: white;
|
||||
color: #424242;
|
||||
height: 37px;
|
||||
border-radius: 9px;
|
||||
font-family: nucleo;
|
||||
// width: 17%;
|
||||
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
|
||||
|
||||
|
||||
// #footer {
|
||||
// background-color: #3a8379;
|
||||
// padding: 20px;
|
||||
// color: #ffffff;
|
||||
// position: absolute;
|
||||
// bottom: 0;
|
||||
// width: 100%;
|
||||
// }
|
||||
|
||||
}
|
||||
.DownloadZipButton:hover {
|
||||
background-color: #ececec;
|
||||
color: #46AC9E;
|
||||
}
|
||||
|
||||
.DownloadNoticeButton {
|
||||
// float: right;
|
||||
// margin-top: 5px;
|
||||
// margin-bottom: 5px;
|
||||
background-color: white;
|
||||
// color: #424242;
|
||||
color: #5faca1;
|
||||
height: 37px;
|
||||
border-radius: 9px;
|
||||
font-family: nucleo;
|
||||
// width: 17%;
|
||||
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
|
||||
|
||||
thead{
|
||||
background-color:#48746e; color: aliceblue;
|
||||
|
||||
|
||||
|
||||
}
|
||||
.DownloadNoticeButton:hover {
|
||||
background-color: #ececec;
|
||||
color: #303030;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 768px) {
|
||||
/* Adjust font size for smaller screens */
|
||||
.DownloadZipButton {
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 480px) {
|
||||
/* Further adjustments for even smaller screens */
|
||||
.DownloadZipButton {
|
||||
font-size: 12px;
|
||||
}
|
||||
}
|
||||
|
||||
@media print {
|
||||
|
||||
|
||||
.hide-on-print {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.some-element {
|
||||
border: 1px solid black !important;
|
||||
page-break-inside: avoid; /* Prevent element from breaking across pages */
|
||||
}
|
||||
}
|
||||
.some-element {
|
||||
border: 1px solid black !important;
|
||||
page-break-inside: avoid; /* Prevent element from breaking across pages */
|
||||
}
|
||||
@ -1,125 +1,396 @@
|
||||
h4 {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.header {
|
||||
padding: 20px;
|
||||
width: 100%;
|
||||
min-width: 350px;
|
||||
}
|
||||
|
||||
.header>h6>a {
|
||||
text-decoration: none;
|
||||
color: #262627;
|
||||
// .header {
|
||||
// margin-left: 4%;
|
||||
// margin-top: 20px;
|
||||
// }
|
||||
|
||||
// .header>h6{
|
||||
// a {
|
||||
// text-decoration: none;
|
||||
// color: #262627;
|
||||
// }
|
||||
|
||||
// a:hover {
|
||||
// text-decoration: underline;
|
||||
// cursor: pointer;
|
||||
// }
|
||||
// }
|
||||
|
||||
// mat-card{
|
||||
// min-width: 180px ;
|
||||
// // max-width: 20vw;
|
||||
// height: 200px;
|
||||
// display: inline-block;
|
||||
// }
|
||||
|
||||
// mat-card:hover{
|
||||
// cursor: pointer;
|
||||
// }
|
||||
|
||||
|
||||
// -----------------------------------------------------------------------------------
|
||||
|
||||
|
||||
|
||||
.nav-link:hover {
|
||||
color: red;
|
||||
}
|
||||
|
||||
|
||||
th,
|
||||
td {
|
||||
padding: 10px;
|
||||
// border: 1px solid #ccc;
|
||||
word-wrap: break-word;
|
||||
white-space: normal;
|
||||
|
||||
}
|
||||
|
||||
.h2 {
|
||||
font-family: sans-serif;
|
||||
font-size: 26px;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
|
||||
.table td {
|
||||
word-break: break-word;
|
||||
}
|
||||
|
||||
.table-break-word {
|
||||
word-break: break-word;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.top-bar {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-between;
|
||||
border: 1px solid #e3e3e3;
|
||||
width: 100%;
|
||||
margin: auto;
|
||||
padding: auto;
|
||||
}
|
||||
|
||||
.header {
|
||||
padding: 20px;
|
||||
width: 100%;
|
||||
min-width: 350px;
|
||||
}
|
||||
|
||||
.header>h6>a {
|
||||
text-decoration: none;
|
||||
color: #262627;
|
||||
}
|
||||
|
||||
.header>h6>a:hover {
|
||||
text-decoration: underline;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
mat-card {
|
||||
min-width: 350px;
|
||||
}
|
||||
|
||||
.top-left-float {
|
||||
display: flex;
|
||||
min-width: 282px;
|
||||
}
|
||||
|
||||
.top-right-float {
|
||||
display: flex;
|
||||
min-width: 161px;
|
||||
}
|
||||
|
||||
.top-left-float>button,
|
||||
.top-right-float>button {
|
||||
margin: 5px;
|
||||
height: 40px;
|
||||
}
|
||||
|
||||
mat-table {
|
||||
padding-top: 10px !important;
|
||||
// table-layout: fixed;
|
||||
width: 100%;
|
||||
display: table;
|
||||
overflow-x: scroll;
|
||||
|
||||
.table-headers {
|
||||
padding: 5px;
|
||||
color: #505050;
|
||||
font-weight: 900;
|
||||
font-size: medium;
|
||||
background-color: #f0f0f0;
|
||||
font-family: nucleo;
|
||||
}
|
||||
|
||||
.header>h6>a:hover {
|
||||
text-decoration: underline;
|
||||
cursor: pointer;
|
||||
|
||||
.table-headers:hover {
|
||||
background-color: #ececec;
|
||||
color: #46AC9E;
|
||||
}
|
||||
|
||||
|
||||
#section-to-print h6 {
|
||||
text-align: center;
|
||||
|
||||
.table-content {
|
||||
padding: 5px;
|
||||
overflow-wrap: inherit;
|
||||
font-family: nucleo;
|
||||
|
||||
}
|
||||
|
||||
table {
|
||||
|
||||
.table-column {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.table-container {
|
||||
width: calc(100vw - 50px);
|
||||
overflow-x: scroll;
|
||||
border: 1px solid grey;
|
||||
// height: 50vh;
|
||||
}
|
||||
|
||||
.col-header {
|
||||
color: #000000;
|
||||
font-weight: bolder;
|
||||
font-size: medium;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
input {
|
||||
border: none;
|
||||
border-bottom: 1px solid silver;
|
||||
}
|
||||
|
||||
:host ::ng-deep .mat-slide-toggle.mat-checked:not(.mat-disabled) {
|
||||
|
||||
.mat-slide-toggle-thumb {
|
||||
background-color: #46AC9E;
|
||||
padding: 5px;
|
||||
border: 1px solid #000000;
|
||||
}
|
||||
|
||||
.col-body {
|
||||
padding: 5px;
|
||||
text-align: center;
|
||||
border: 1px solid #000000;
|
||||
}
|
||||
|
||||
.col-footer {
|
||||
padding: 5px;
|
||||
text-align: center;
|
||||
font-weight: bolder;
|
||||
// border: 1px solid #000000;
|
||||
background-color: rgb(212, 212, 212);
|
||||
}
|
||||
|
||||
.row {
|
||||
margin: 5px;
|
||||
|
||||
.mat-slide-toggle-bar {
|
||||
background-color: skyblue;
|
||||
}
|
||||
|
||||
.container {
|
||||
margin: 5px;
|
||||
|
||||
}
|
||||
|
||||
// .dialog-body {
|
||||
// display: flex;
|
||||
// justify-content: center;
|
||||
// align-items: center;
|
||||
|
||||
// div {
|
||||
// width: 90%;
|
||||
// }
|
||||
// }
|
||||
|
||||
.dialog-actions {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
width: 97%;
|
||||
justify-content: space-between;
|
||||
|
||||
.btn-group-left {
|
||||
// min-width: 150px;
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
.hide {
|
||||
display: none;
|
||||
|
||||
.btn-group-right {
|
||||
// min-width: 95px;
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
mat-icon {
|
||||
vertical-align: middle;
|
||||
opacity: .6;
|
||||
}
|
||||
|
||||
.hide {
|
||||
display: none;
|
||||
}
|
||||
|
||||
:host ::ng-deep {
|
||||
.mat-form-field-infix {
|
||||
border-bottom: 0px solid white;
|
||||
}
|
||||
|
||||
:host ::ng-deep {
|
||||
.mat-sort-header-arrow {
|
||||
color: #000000;
|
||||
}
|
||||
|
||||
.mat-sort-header-container {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.mat-table {
|
||||
tr {
|
||||
|
||||
th,
|
||||
td {
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.mat-table {
|
||||
tr {
|
||||
|
||||
th,
|
||||
td {
|
||||
vertical-align: middle;
|
||||
}
|
||||
}
|
||||
}
|
||||
@media print{
|
||||
.header{
|
||||
display: none;
|
||||
}
|
||||
.row{
|
||||
display: none;
|
||||
}
|
||||
|
||||
* {
|
||||
font-size: 17px !important;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
.img-fluid {
|
||||
margin-right: 5px;
|
||||
max-height: 40px;
|
||||
}
|
||||
|
||||
// .navbar {
|
||||
// background-position: center;
|
||||
// }
|
||||
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.card {
|
||||
min-width: 600px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@media print {
|
||||
.buttonCard {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
||||
.backButton {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.printButton {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.select{
|
||||
padding: 10px;
|
||||
font-size: 16px;
|
||||
border-radius: 5px;
|
||||
background-color: #f2f2f2;
|
||||
border: none;
|
||||
box-shadow: none;
|
||||
.excelButton {
|
||||
display: none;
|
||||
}
|
||||
.select:focus {
|
||||
outline: none;
|
||||
box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
}
|
||||
|
||||
.mat-row:nth-child(even) {
|
||||
background-color: rgb(255, 255, 255);
|
||||
}
|
||||
|
||||
.mat-row:nth-child(odd) {
|
||||
background-color: rgb(241, 241, 241);
|
||||
}
|
||||
|
||||
.table-container {
|
||||
margin-top: 20px
|
||||
}
|
||||
|
||||
|
||||
.backButton {
|
||||
float: left;
|
||||
margin-top: 5px;
|
||||
margin-bottom: 5px;
|
||||
color: #424242;
|
||||
background-color: white;
|
||||
height: 37px;
|
||||
border-radius: 9px;
|
||||
font-family: nucleo;
|
||||
// width: 8%;
|
||||
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
|
||||
transform: translateY(5px);
|
||||
|
||||
}
|
||||
|
||||
.backButton:hover {
|
||||
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
|
||||
/* You can adjust the shadow values to your preference */
|
||||
}
|
||||
|
||||
.printButton {
|
||||
float: right;
|
||||
margin-top: 5px;
|
||||
margin-bottom: 5px;
|
||||
background-color: white;
|
||||
color: #424242;
|
||||
height: 37px;
|
||||
border-radius: 9px;
|
||||
font-family: nucleo;
|
||||
width: 8%;
|
||||
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
|
||||
|
||||
}
|
||||
|
||||
.printButton:hover {
|
||||
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
|
||||
/* You can adjust the shadow values to your preference */
|
||||
}
|
||||
|
||||
.excelButton {
|
||||
float: right;
|
||||
margin-top: 5px;
|
||||
margin-bottom: 5px;
|
||||
color: #424242;
|
||||
background-color: white;
|
||||
height: 37px;
|
||||
border-radius: 9px;
|
||||
font-family: nucleo;
|
||||
width: 8%;
|
||||
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
.excelButton:hover {
|
||||
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
|
||||
/* You can adjust the shadow values to your preference */
|
||||
}
|
||||
|
||||
.buttonCard {
|
||||
width: 100%;
|
||||
background-color: #ffffff;
|
||||
height: 50px;
|
||||
margin: 0px;
|
||||
padding: 0px 16px 0px 16px;
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.reportHeader {
|
||||
width: 100%;
|
||||
background-color: #ffffff;
|
||||
// height: 50px;
|
||||
margin: 5px 0px 0px 0px;
|
||||
}
|
||||
|
||||
.bidHeading {
|
||||
font-family: texg;
|
||||
color: #353535;
|
||||
}
|
||||
|
||||
.tenderInfo {
|
||||
font-family: texg;
|
||||
color: #353535;
|
||||
}
|
||||
|
||||
.subHead {
|
||||
font-family: texg;
|
||||
color: #353535;
|
||||
}
|
||||
|
||||
.subDetail {
|
||||
font-family: nucleo;
|
||||
color: #353535;
|
||||
}
|
||||
|
||||
.captchaFont {
|
||||
font-family: captcha;
|
||||
font-size: large;
|
||||
}
|
||||
|
||||
.captchaDiv {
|
||||
text-align: center;
|
||||
height: 100px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
|
||||
background-image: url('/assets/img/captchaback.jpeg');
|
||||
}
|
||||
|
||||
.captchaSubmit{
|
||||
float: right;
|
||||
margin-top: 5px;
|
||||
margin-bottom: 5px;
|
||||
color: #424242;
|
||||
background-color: white;
|
||||
height: 37px;
|
||||
border-radius: 9px;
|
||||
font-family: nucleo;
|
||||
// width: 8%;
|
||||
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
|
||||
margin-right: 5px;
|
||||
}
|
||||
.captchaSubmit:hover {
|
||||
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
|
||||
background-color: rgb(240, 240, 240);
|
||||
|
||||
/* You can adjust the shadow values to your preference */
|
||||
}
|
||||
|
||||
.rotate-icon {
|
||||
animation: rotate 1s infinite;
|
||||
}
|
||||
|
||||
@keyframes rotate {
|
||||
0% { transform: rotate(0deg); }
|
||||
100% { transform: rotate(360deg); }
|
||||
}
|
||||
|
After Width: | Height: | Size: 660 KiB |
|
After Width: | Height: | Size: 10 KiB |
|
Before Width: | Height: | Size: 24 KiB After Width: | Height: | Size: 24 KiB |
|
After Width: | Height: | Size: 35 KiB |
|
After Width: | Height: | Size: 542 KiB |
|
After Width: | Height: | Size: 70 KiB |
|
After Width: | Height: | Size: 67 KiB |
|
After Width: | Height: | Size: 68 KiB |
|
After Width: | Height: | Size: 3.4 MiB |
|
After Width: | Height: | Size: 3.2 MiB |
|
After Width: | Height: | Size: 3.2 MiB |
|
After Width: | Height: | Size: 201 KiB |
|
After Width: | Height: | Size: 1.3 MiB |
|
After Width: | Height: | Size: 21 KiB |
|
After Width: | Height: | Size: 41 KiB |
|
After Width: | Height: | Size: 40 KiB |
|
Before Width: | Height: | Size: 54 KiB After Width: | Height: | Size: 39 KiB |