|
|
|
|
|
|
| .prev{
|
| background-color: #e1ecf4;
|
| border-radius: 3px;
|
| border: 1px solid #7aa7c7;
|
| box-shadow: rgba(255, 255, 255, .7) 0 1px 0 0 inset;
|
| box-sizing: border-box;
|
| color: #39739d;
|
| cursor: pointer;
|
| display: inline-block;
|
| font-family: -apple-system,system-ui,"Segoe UI","Liberation Sans",sans-serif;
|
| font-size: 13px;
|
| font-weight: 400;
|
| line-height: 1.15385;
|
| margin: 0;
|
| outline: none;
|
| padding: 8px .8em;
|
| position: relative;
|
| text-align: center;
|
| text-decoration: none;
|
| user-select: none;
|
| -webkit-user-select: none;
|
| touch-action: manipulation;
|
| vertical-align: baseline;
|
| white-space: nowrap;
|
| }
|
| .prev:hover,
|
| .prev:focus {
|
| background-color: #b3d3ea;
|
| color: #2c5777;
|
| }
|
|
|
| .prev:focus {
|
| box-shadow: 0 0 0 4px rgba(0, 149, 255, .15);
|
| }
|
|
|
| .prev:active {
|
| background-color: #a0c7e4;
|
| box-shadow: none;
|
| color: #2c5777;
|
| }
|
|
|
|
|
|
|
|
|
|
|
| .next{
|
| background-color: #e1ecf4;
|
| border-radius: 3px;
|
| border: 1px solid #7aa7c7;
|
| box-shadow: rgba(255, 255, 255, .7) 0 1px 0 0 inset;
|
| box-sizing: border-box;
|
| color: #39739d;
|
| cursor: pointer;
|
| display: inline-block;
|
| font-family: -apple-system,system-ui,"Segoe UI","Liberation Sans",sans-serif;
|
| font-size: 13px;
|
| font-weight: 400;
|
| line-height: 1.15385;
|
| margin: 0;
|
| outline: none;
|
| padding: 8px .8em;
|
| position: relative;
|
| text-align: center;
|
| text-decoration: none;
|
| user-select: none;
|
| -webkit-user-select: none;
|
| touch-action: manipulation;
|
| vertical-align: baseline;
|
| white-space: nowrap;
|
| }
|
| .next:hover,
|
| .next:focus {
|
| background-color: #b3d3ea;
|
| color: #2c5777;
|
| }
|
|
|
| .next:focus {
|
| box-shadow: 0 0 0 4px rgba(0, 149, 255, .15);
|
| }
|
|
|
| .next:active {
|
| background-color: #a0c7e4;
|
| box-shadow: none;
|
| color: #2c5777;
|
| }
|
|
|
|
|
| .page-body-heaad{
|
| margin-left: 1%;
|
|
|
| padding: 10px;
|
|
|
| }
|
| #cropbox{
|
| border: 1px solid;
|
| }
|
|
|
| .add{
|
|
|
| width: 134px;
|
| height: 40px;
|
| border: 1px solid #00ADEE;
|
| border-radius: 20px;
|
| font-size: 1.125rem;
|
| font-weight: 550;
|
| margin: 1em 0em 2em 1em;
|
| flex-grow: 1;
|
| text-align: center;
|
| background: white;
|
| position: relative;
|
| left: 100px;
|
| }
|
|
|
|
|
| .add:disabled {
|
| pointer-events: none;
|
| }
|
|
|
| .col #add {
|
| color: #00ADEE;
|
|
|
| }
|
| .col #submit {
|
| color: white;
|
| background-color: #00ADEE;
|
| }
|
| .add:hover {
|
| color: #fff;
|
| box-shadow: rgba(0, 0, 0, 0.25) 0 8px 15px;
|
| transform: translateY(-2px);
|
| }
|
|
|
| .add:active {
|
| box-shadow: none;
|
| transform: translateY(0);
|
| }
|
|
|
| .submit{
|
| width: 134px;
|
| height: 40px;
|
| border: 1px solid #00ADEE;
|
| border-radius: 20px;
|
| font-size: 1.125rem;
|
| font-weight: 550;
|
| margin: 1em 0em 2em 1em;
|
| flex-grow: 1;
|
| text-align: center;
|
| background: white;
|
| position: relative;
|
| left: 100px;
|
| }
|
|
|
| .submit:disabled {
|
| pointer-events: none;
|
| }
|
|
|
| .submit:hover {
|
| color: #fff;
|
| box-shadow: rgba(0, 0, 0, 0.25) 0 8px 15px;
|
| transform: translateY(-2px);
|
| }
|
|
|
| .submit:active {
|
| box-shadow: none;
|
| transform: translateY(0);
|
| }
|
| .img-container {
|
| position: relative;
|
|
|
| }
|
|
|
| .tableCrop {
|
| transition: transform .5s;
|
| }
|
|
|
| .my-custom-scrollbar {
|
| position: relative;
|
| height: 370px;
|
| overflow: auto;
|
| }
|
| .table-wrapper-scroll-y {
|
| display: block;
|
| position: relative;
|
| top: 54px;
|
| left: -61px;
|
| }
|
|
|
| #edit{
|
| color: white;
|
| background-color: #00ADEE;
|
| position: relative;
|
| left: -12px;
|
| width: 61px;
|
| border-radius: 16px;
|
| }
|
| #delete{
|
| color: white;
|
| background-color: #00ADEE;
|
| width: 61px;
|
| border-radius: 16px;
|
| }
|
| .download{
|
| position: relative;
|
| left: 24cm;
|
| bottom: 2cm;
|
| color: white;
|
| background-color: #00ADEE;
|
| width: 202px;
|
| height: 46px;
|
| border-radius: 16px;
|
| }
|
| .container-highlight{
|
| background-color: #c2c2c2;
|
| position: relative;
|
| overflow: hidden;
|
| outline: 1px solid black;
|
| width: 679px;
|
| height: 900px;
|
| }
|
| |
