.form-number {flex-direction: column;flex-wrap: nowrap;margin-bottom: 1rem;flex-grow: 1;max-width: calc(100% + 1rem); } .form-number .col {display: flex;flex-basis: auto; } .form-number > .col:first-child {min-height: 175px; } .form-number .card {display: flex;align-items: center;justify-content: center;border-radius: 0;background: var(--white);flex-grow: 1;padding: 0.9375rem;border: 0;max-width: 100%; } @media (max-width: 1099.98px) {.form-number .card {padding: 0.9375rem 0.3125rem;} } .form-number .card .card-body {padding: 0.1875rem; } .form-number .card .card-body.card-icon {display: flex;align-items: center;justify-content: center;flex-basis: 100%; } .form-number label {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align: center;max-width: 100%; } .form-number label.required {font-weight: normal !important; } .form-number label .star {display: none !important; } .form-number .mdi {display: flex;align-items: center;justify-content: center;width: 5.625rem;height: 5.625rem;font-size: 4.375rem;color: var(--color1); } .form-number .form-group {display: flex;flex-direction: row;margin: 0.5rem 0 0 0;flex-grow: 1; } .form-number .form-group .row {width: 100%;flex-wrap: nowrap; } .form-number .form-group .btn {padding: 0;font-size: 1.875rem;width: 2.5rem;height: 2.5rem;line-height: 1;flex-basis: 2.5rem;flex-shrink: 0;padding-top: 1px;border-radius: 0;align-items: center;justify-content: center; } .form-number .form-group .form-control {font-size: 1.25rem;font-weight: bold;padding: 0;height: 2.5rem;border: 0;text-align: center;background-color: #F6F6F7;color: black;-moz-appearance: textfield; } .form-number .form-group .form-control::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0; } .form-number .form-group .form-control ~ .btn {margin-left: 0.3125rem;margin-right: 0; } .form-number .custom-checkbox {position: absolute;right: 1rem;top: 0.75rem;margin: 0;padding: 0; } .form-number .custom-checkbox .custom-control-label::before {border-color: var(--card-border-color); } .form-number .custom-checkbox-lock .custom-control-label {cursor: pointer;display: none;top: -0.1875rem; } .form-number .custom-checkbox-lock .custom-control-label::before, .form-number .custom-checkbox-lock .custom-control-label::after {width: 1.5rem;height: 1.5rem; } .form-number .custom-checkbox-lock .custom-control-label::before {background-color: #fff; } .form-number .custom-checkbox-lock .custom-control-label::after {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath fill='%23a00000' d='M13,3A9,9 0 0,0 4,12H1L4.89,15.89L4.96,16.03L9,12H6A7,7 0 0,1 13,5A7,7 0 0,1 20,12A7,7 0 0,1 13,19C11.07,19 9.32,18.21 8.06,16.94L6.64,18.36C8.27,20 10.5,21 13,21A9,9 0 0,0 22,12A9,9 0 0,0 13,3Z'/%3e%3c/svg%3e") !important; } .form-number .custom-checkbox-lock .custom-control-label:focus {box-shadow: none; } .form-number .custom-checkbox-lock .custom-control-input {display: none; } .form-number .custom-checkbox-lock .custom-control-input:checked ~ .custom-control-label {display: block; } .form-number .custom-checkbox-lock .mdi {font-size: 1.5625rem !important;width: auto;height: 100%;line-height: 1.2; }