.ngparaeditabletable-bar { display: flex; justify-content: flex-end; margin: 24px 0; gap: 12px; flex-wrap: wrap; } .ngparaeditabletable form { display: block; margin: 24px 0; width: 100%; box-sizing: border-box; } .ngparaeditabletable label { font: 16px Poppins,Verdana,Helvetica,sans-serif; color: #326984; letter-spacing: 0px; display: block; margin: 0 0 6px 0; box-sizing: border-box; } .ngparaeditabletable button, .ngparaeditabletable input[type=submit] { border-color: #0a0876; border-width: 1px; border-style: solid; padding: 10px 20px 10px 20px; background: #e4314e; font: 14px Poppins,Verdana,Helvetica,sans-serif; color: #ffffff; letter-spacing: 0.5px; text-transform: uppercase; border-radius: 4px; cursor: pointer; } .ngparaeditabletable button:focus, .ngparaeditabletable input[type=submit]:focus { border-color: #0a1822; background: #0a1822; box-shadow: 0px 0px 5px rgba(0,0,0,0.5); font-weight: normal; font-style: normal; text-transform: uppercase; color: #ffffff; outline: none; } .ngparaeditabletable button:hover:enabled, .ngparaeditabletable input[type=submit] button:hover:enabled { border-color: #0a1822; background: #0a1822; font-weight: normal; font-style: normal; text-transform: uppercase; color: #ffffff; } .ngparaeditabletable input { -webkit-appearance: none; } .ngparaeditabletable input[type=file] { border-color: #0a0876; border-width: 1px; border-style: solid; padding: 6px 12px 6px 12px; background: #ffffff; font: 16px Poppins,Verdana,Helvetica,sans-serif; color: #0a1822; letter-spacing: 0px; border-radius: 0px; display: block; width: 100%; margin: 0 0 12px 0; padding: 6px; box-sizing: border-box; } .ngparaeditabletable input[type=file]::file-selector-button { border-color: #0a0876; border-width: 1px; border-style: solid; padding: 10px 20px 10px 20px; background: #e4314e; font: 14px Poppins,Verdana,Helvetica,sans-serif; color: #ffffff; letter-spacing: 0.5px; text-transform: uppercase; border-radius: 4px; cursor: pointer; margin: 0 12px 0 0; } .ngparaeditabletable:focus::file-selector-button { border-color: #0a1822; background: #0a1822; box-shadow: 0px 0px 5px rgba(0,0,0,0.5); font-weight: normal; font-style: normal; text-transform: uppercase; color: #ffffff; outline: none; } .ngparaeditabletable button:disabled, .ngparaeditabletable input[type=submit]:disabled { opacity: 0.8; cursor: wait; } .ngparaeditabletable table { border-collapse: collapse; margin-bottom: 10px; min-width: 100%; } .ngparaeditabletable table td, .ngparaeditabletable table th { border-color: #0a0876; border-width: 1px; border-style: solid; padding: 6px 12px 6px 12px; background: #ffffff; line-height: 100%; text-align: left; vertical-align: top; font: 16px Poppins,Verdana,Helvetica,sans-serif; color: #0a1822; letter-spacing: 0px; width: var(--ngparaeditabletable-width); } .ngparaeditabletable.ngparaeditabletable-alt-rows table tbody tr:nth-child(even) td { background: #f0f0f0; } .ngparaeditabletable.ngparaeditabletable-alt-columns table tbody tr td:nth-child(even) { background: #f0f0f0; } .ngparaeditabletable table td a { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; } .ngparaeditabletable table td.header, .ngparaeditabletable table th.header, .ngparaeditabletable table tbody tr td.header:nth-child(even), .ngparaeditabletable table tbody tr:nth-child(even) td.header { border-color: #4f81bd; border-width: 1px; border-style: solid; padding: 6px 12px 6px 12px; background: #4f81bd; font: 16px Poppins,Verdana,Helvetica,sans-serif; color: #ffffff; letter-spacing: 0px; } @media (max-width: 767px) { .ngparaeditabletable-scroll .ngparaeditabletable-content { overflow: auto; } .ngparaeditabletable.ngparaeditabletable-pivot thead { display: none; } .ngparaeditabletable.ngparaeditabletable-pivot td { display: block; width: 100% !important; border-color: #0a0876; border-width: 1px; border-style: solid; border-top: none; box-sizing: border-box; text-align: left !important; } .ngparaeditabletable.ngparaeditabletable-pivot td:before { content: attr(data-header) ": "; font-style: italic; display: block; } .ngparaeditabletable.ngparaeditabletable-pivot tr { display: block; border: none; } .ngparaeditabletable.ngparaeditabletablepivot td:first-child { border-color: #4f81bd; border-width: 1px; border-style: solid; padding: 6px 12px 6px 12px; background: #4f81bd; font: 16px Poppins,Verdana,Helvetica,sans-serif; color: #ffffff; letter-spacing: 0px; } .ngparaeditabletable.ngparaeditabletable-pivot td:last-child { border-bottom: none; } .ngparaeditabletable.ngparaeditabletable-pivot table { border-bottom-color: #0a0876; border-bottom-width: 1px; border-bottom-style: solid; } .ngparaeditabletable.ngparaeditabletable-pivot td:first-child:before { content: ''; } }