/***************
* COMMON
***************/
.hide,
[data-copy-base] {
    display: none !important;
}

.block {
    display: block !important;
}

.center {
    text-align: center !important;
}

.no-border {
    border: none;
}

.ellipsis-tooltip {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.tooltip-inner {
    max-width: 500px !important;
}

.contents-title i {
    margin-right: 5px;
    text-align: center;
    width: 1.25em;
}

.contents-main .margin-area {
    margin-bottom: 8px;
}
.contents-main nav > ul {
    margin-bottom: 0px;
}
.contents-main *:last-child {
    margin-bottom: 0px;
}

.subwindow-title {
    text-align: left;
}
.subwindow-title i {
    margin-right: 5px;
    text-align: center;
    width: 1.25em;
}

/***************
* ITEM
***************/
h4 {
    font-size: 18px;
}

h4.bigger {
    font-size: 19px;
}

a {
    background-color: transparent;
    color: #337ab7;
    text-decoration: none;
}

a:focus,
a:hover {
    color: #23527c;
    text-decoration: none;
    outline: 0;
}

/***************
* INPUT ITEM
***************/
form {
    display: inline;
}

.form-control {
    display: block;
    width: 100%;
    height: 29px;
    padding: inherit;
    background-image: none;
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 400;
    font-size: 12px;
    cursor: default;
}

button,
input,
select,
textarea {
    font-family: メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif !important;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

button:disabled,
input[type="button"]:disabled,
input[type="reset"]:disabled,
input[type="submit"]:disabled {
    cursor: auto;
}

input[type="text"],
input[type="email"],
input[type="number"],
input[type="date"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="password"],
select {
    height: 29px;
}

input[type="text"],
input[type="email"],
input[type="number"],
input[type="date"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="password"],
input[type="radio"],
input[type="checkbox"],
select,
textarea {
    border-radius: 0;
    color: rgb(102, 102, 102);
    background-color: #fff;
    border: 1px solid #c4c4c4;
    padding: 5px 4px;
    line-height: 1.2;
    font-size: 12px;
    font-family: inherit;
    box-shadow: none;
    transition-duration: 0.1s;
    outline: none;
}

select {
    padding: 2px 0 1px 2px;
    font-size: 12px;
}

/* SELECT2の上書き */
.select2-container--default .select2-selection--single{
    border: 1px solid #c4c4c4!important;
    border-radius:0!important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered{
    font-size:12px!important;
}

input[type="text"]:disabled,
input[type="text"].disabled,
input[type="email"]:disabled,
input[type="email"].disabled,
input[type="number"]:disabled,
input[type="number"].disabled,
input[type="date"]:disabled,
input[type="date"].disabled,
input[type="datetime-local"]:disabled,
input[type="datetime-local"].disabled,
input[type="month"]:disabled,
input[type="month"].disabled,
input[type="week"]:disabled,
input[type="week"].disabled,
input[type="time"]:disabled,
input[type="time"].disabled,
input[type="password"]:disabled,
input[type="password"].disabled,
input[type="radio"]:disabled,
input[type="radio"].disabled,
input[type="checkbox"]:disabled,
input[type="checkbox"].disabled,
select:disabled,
select.disabled,
textarea:disabled,
textarea.disabled {
    background-color: #e9ecef;
}

input[type="text"]:not(:disabled):not(.disabled):hover,
input[type="email"]:not(:disabled):not(.disabled):hover,
input[type="number"]:not(:disabled):not(.disabled):hover,
input[type="date"]:not(:disabled):not(.disabled):hover,
input[type="datetime-local"]:not(:disabled):not(.disabled):hover,
input[type="month"]:not(:disabled):not(.disabled):hover,
input[type="week"]:not(:disabled):not(.disabled):hover,
input[type="time"]:not(:disabled):not(.disabled):hover,
input[type="password"]:not(:disabled):not(.disabled):hover,
input[type="radio"]:not(:disabled):not(.disabled):hover,
input[type="checkbox"]:not(:disabled):not(.disabled):hover,
select:not(:disabled):not(.disabled):hover,
textarea:not(:disabled):not(.disabled):hover {
    color: rgb(102, 102, 102);
    border-color: #9b9b9b;
}

input[type="text"]:not(:disabled):not(.disabled):focus,
input[type="email"]:not(:disabled):not(.disabled):focus,
input[type="number"]:not(:disabled):not(.disabled):focus,
input[type="date"]:not(:disabled):not(.disabled):focus,
input[type="datetime-local"]:not(:disabled):not(.disabled):focus,
input[type="month"]:not(:disabled):not(.disabled):focus,
input[type="week"]:not(:disabled):not(.disabled):focus,
input[type="time"]:not(:disabled):not(.disabled):focus,
input[type="password"]:not(:disabled):not(.disabled):focus,
input[type="radio"]:not(:disabled):not(.disabled):focus,
input[type="checkbox"]:not(:disabled):not(.disabled):focus,
select:not(:disabled):not(.disabled):focus,
textarea:not(:disabled):not(.disabled):focus {
    color: rgb(102, 102, 102);
    border-color: #9b9b9b;
    box-shadow: 0 0 0.2rem 0.2rem rgba(148, 156, 157, 0.45);
}

input:focus-visible::-webkit-input-placeholder,
input::placeholder,
textarea:focus-visible::-webkit-input-placeholder,
textarea::placeholder,
select:focus-visible::-webkit-input-placeholder,
select:invalid {
    color: rgba(102, 102, 102, 0.5) !important;
}

/* エラー表示 */
.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: 0.25rem;
    font-size: 80%;
    color: rgb(227, 52, 47);
}

.invalid-tooltip {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: 0.25rem 0.5rem;
    margin-top: 0.1rem;
    font-size: 0.7875rem;
    line-height: 1.6;
    color: #fff;
    background-color: rgba(227, 52, 47, 0.9);
    border-radius: 0.25rem;
}

.is-invalid ~ .invalid-feedback,
.is-invalid ~ .invalid-tooltip {
    display: block;
}

input.is-invalid:not(:disabled):not(.disabled),
input.is-invalid:not(:disabled):not(.disabled):focus,
input.is-invalid:not(:disabled):not(.disabled):hover,
select.is-invalid:not(:disabled):not(.disabled),
select.is-invalid:not(:disabled):not(.disabled):focus,
select.is-invalid:not(:disabled):not(.disabled):hover,
textarea.is_invalid:not(:disabled):not(.disabled),
textarea.is-invalid:not(:disabled):not(.disabled):focus,
textarea.is-invalid:not(:disabled):not(.disabled):hover {
    border-color: rgb(227, 52, 47);
    padding-right: calc(1.6em + 0.75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23e3342f' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23e3342f' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(0.4em + 0.1875rem) center;
    background-size: calc(0.8em + 0.375rem) calc(0.8em + 0.375rem);
}

input.is-invalid:not(:disabled):not(.disabled):focus,
select.is-invalid:not(:disabled):not(.disabled):focus,
textarea.is-invalid:not(:disabled):not(.disabled):focus {
    border-color: rgb(227, 52, 47);
    box-shadow: 0 0 0.2rem 0.2rem rgba(227, 52, 47, 0.45);
}


select.is-invalid,
select.is-invalid:focus,
select.is-invalid:hover {
    background-position: right calc(0.4em + 0.75rem) center;
}

textarea.is_invalid,
textarea.is-invalid:focus,
textarea.is-invalid:hover {
    padding-right: calc(1.6em + 0.75rem);
    background-position: top calc(0.4em + 0.1875rem) right
        calc(0.4em + 0.1875rem);
}

/* ボタン基準 */
.btn {
    display: inline-block;
    position: relative;
    margin: 0;
    padding: 5px 9px 2px;
    color: #fff;
    border: 4px solid #fff;
    border-radius: 0;
    box-shadow: none;
    background-image: none;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.39;
    text-align: center;
    vertical-align: middle;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    cursor: pointer;
    touch-action: manipulation;
    transition: all 0.15s ease;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.btn:disabled,
.btn.disabled {
    color: #fff;
    opacity: 0.65;
}

.btn:not(:disabled, .disabled) {
    cursor: pointer;
}

.btn + .btn {
    margin-left: 5px;
}

/* ボタン大きさ */
.btn-xs {
    border: none;
    padding: 3.5px 7px 1px;
    height: max-content;
}
.btn-s {
    border-width: 2px;
    padding: 4px 7px 1px;
    height: max-content;
}

/* ボタン種類 */
.btn {
    color: #fff;
    background-color: rgb(148, 156, 157);
    border-color: rgb(148, 156, 157);
}
.btn:not(:disabled):not(.disabled):active,
.btn:not(:disabled):not(.disabled):hover {
    color: #fff;
    background-color: rgb(122, 132, 138);
    border-color: rgb(148, 156, 157);
}
.btn:not(:disabled):not(.disabled):active,
.btn:not(:disabled):not(.disabled):focus {
    color: #fff;
    box-shadow: 0 0 0.2rem 0.2rem rgba(148, 156, 157, 0.45);
}

.btn.btn-primary {
    color: #fff;
    background-color: rgb(66, 139, 202);
    border-color: rgb(66, 139, 202);
}
.btn.btn-primary:not(:disabled):not(.disabled):active,
.btn.btn-primary:not(:disabled):not(.disabled):hover {
    color: #fff;
    background-color: rgb(27, 106, 170);
    border-color: rgb(66, 139, 202);
}
.btn.btn-primary:not(:disabled):not(.disabled):active,
.btn.btn-primary:not(:disabled):not(.disabled):focus {
    color: #fff;
    box-shadow: 0 0 0.2rem 0.2rem rgba(66, 139, 202, 0.45);
}

.btn.btn-secondary {
    color: #fff;
    background-color: rgb(148, 156, 157);
    border-color: rgb(148, 156, 157);
}
.btn.btn-secondary:not(:disabled):not(.disabled):active,
.btn.btn-secondary:not(:disabled):not(.disabled):hover {
    color: #fff;
    background-color: rgb(122, 132, 138);
    border-color: rgb(148, 156, 157);
}
.btn.btn-secondary:not(:disabled):not(.disabled):active,
.btn.btn-secondary:not(:disabled):not(.disabled):focus {
    color: #fff;
    box-shadow: 0 0 0.2rem 0.2rem rgba(148, 156, 157, 0.45);
}

.btn.btn-success {
    color: #fff;
    background-color: rgb(135, 184, 127);
    border-color: rgb(135, 184, 127);
}
.btn.btn-success:not(:disabled):not(.disabled):active,
.btn.btn-success:not(:disabled):not(.disabled):hover {
    color: #fff;
    background-color: rgb(98, 155, 88);
    border-color: rgb(135, 184, 127);
}
.btn.btn-success:not(:disabled):not(.disabled):active,
.btn.btn-success:not(:disabled):not(.disabled):focus {
    color: #fff;
    box-shadow: 0 0 0.2rem 0.2rem rgba(135, 184, 127, 0.45);
}

.btn.btn-warning {
    color: #fff;
    background-color: rgb(255, 183, 82);
    border-color: rgb(255, 183, 82);
}
.btn.btn-warning:not(:disabled):not(.disabled):active,
.btn.btn-warning:not(:disabled):not(.disabled):hover {
    color: #fff;
    background-color: rgb(229, 151, 41);
    border-color: rgb(255, 183, 82);
}
.btn.btn-warning:not(:disabled):not(.disabled):active,
.btn.btn-warning:not(:disabled):not(.disabled):focus {
    color: #fff;
    box-shadow: 0 0 0.2rem 0.2rem rgba(255, 183, 82, 0.45);
}

.btn.btn-danger {
    color: #fff;
    background-color: rgb(198, 92, 66);
    border-color: rgb(198, 92, 66);
}
.btn.btn-danger:not(:disabled):not(.disabled):active,
.btn.btn-danger:not(:disabled):not(.disabled):hover {
    color: #fff;
    background-color: rgb(183, 70, 53);
    border-color: rgb(198, 92, 66);
}
.btn.btn-danger:not(:disabled):not(.disabled):active,
.btn.btn-danger:not(:disabled):not(.disabled):focus {
    color: #fff;
    box-shadow: 0 0 0.2rem 0.2rem rgba(198, 92, 66, 0.45);
}

button.transparent {
    background-color: rgba(255, 255, 255, 0);
    border-style: none;
    color: inherit;
    outline: none !important;
    padding: 0;
}

button.transparent:focus,
button.transparent:focus *,
button.transparent:hover,
button.transparent:hover * {
    font-weight: bold;
}

button:disabled {
    background-color: rgba(220, 220, 220, 1);
    border-color: rgba(220, 220, 220, 1);
    color: #666;
    outline: none !important;
    font-weight: normal;
}

/* subwindow */
.modal.custom-subwin .modal-dialog .modal-content {
    max-height: 100%;
    max-width: 100%;
}
.modal.custom-subwin .modal-dialog .modal-header {
    height: 50px;
}
.modal.custom-subwin .modal-dialog .modal-header.modal-header-backdrop {
    position: absolute;
    width: 100%;
    background-color: #000;
    border-bottom: 1px solid #000;
}
.modal.custom-subwin .modal-dialog .subwindow-title {
    text-align: left;
    width: calc(100% - 35px);
}
.modal.custom-subwin .modal-dialog .modal-body {
    flex: 0 0 auto;
    padding: 0;
}
.modal.custom-subwin .modal-dialog .frame-subwindow {
    min-height: 150px;
    min-width: 400px;
    /* max-height: calc(Window高さ - custom-subwinのpadding上下 - modal-header高さ) */
    max-height: calc(100vh - 15px - 15px - 50px);
    max-width: 100%;
    border: none;
    vertical-align: bottom;
    overflow: auto;
}
.modal-backdrop.custom-loading {
    opacity: 0;
    transition: none;
}

.modal.custom-subwin .frame-subwindow.size-s {
    width: 400px;
}
.modal.custom-subwin .frame-subwindow.size-m {
    width: 700px;
}
.modal.custom-subwin .frame-subwindow.size-l {
    width: 1000px;
}
.modal.custom-subwin .frame-subwindow.size-xl {
    width: 1200px;
}
.modal.custom-subwin .frame-subwindow.size-full {
    height: 100vh;
    width: 100vw;
}

/* table */
.table,
.table-hover tbody tr:hover {
    color: inherit;
}

.table.table-bordered {
    border-collapse: separate;
    border-spacing: 0;
    border: none;
}

.table th,
.table td {
    padding: 5px;
    background-clip: padding-box;
}

table .btn + .btn {
    margin-left: 1px;
}

table .cell-nowrap {
    white-space: nowrap;
}

table .cell-nowrap.cell-minimum {
    width: 0px;
}

.table thead th,
.table thead td {
    background-color: #edf3f4;
    color: inherit;
}
.table.header-sticky > thead {
    position: sticky;
    top: 0;
    z-index: 2;
}
.table.header-sticky > thead th.col-sticky,
.table.header-sticky > thead td.col-sticky {
    position: sticky;
    left: 0;
    z-index: 3;
}
.table.header-sticky > thead th.col-sticky-r,
.table.header-sticky > thead td.col-sticky-r {
    position: sticky;
    right: 0;
    z-index: 3;
}
.table tbody th.col-sticky,
.table tbody td.col-sticky {
    background-color: inherit;
    position: sticky;
    left: 0;
    z-index: 1;
}
.table tbody th.col-sticky-r,
.table tbody td.col-sticky-r {
    background-color: inherit;
    position: sticky;
    right: 0;
    z-index: 1;
}
.table tbody tr {
    background-color: #fff;
}

.table-striped tbody tr:nth-of-type(2n - 1) {
    background-color: #fff;
}
.table-striped tbody tr:nth-of-type(2n) {
    background-color: rgb(250, 250, 250);
}

.table-striped2 tbody tr:nth-of-type(4n - 3),
.table-striped2 tbody tr:nth-of-type(4n - 2) {
    background-color: #fff;
}
.table-striped2 tbody tr:nth-of-type(4n - 1),
.table-striped2 tbody tr:nth-of-type(4n) {
    background-color: rgb(250, 250, 250);
}

.table-striped3 tbody tr:nth-of-type(6n - 5),
.table-striped3 tbody tr:nth-of-type(6n - 4),
.table-striped3 tbody tr:nth-of-type(6n - 3) {
    background-color: #fff;
}
.table-striped3 tbody tr:nth-of-type(6n - 2),
.table-striped3 tbody tr:nth-of-type(6n - 1),
.table-striped3 tbody tr:nth-of-type(6n) {
    background-color: rgb(250, 250, 250);
}

.table-hover tbody tr:hover {
    background-color: rgb(240, 240, 240);
}

/* widget-box */
.widget-box {
    position: relative;
    width: 100%;
    box-shadow: none;
    padding: 6px;
    margin: 10px;
    background-color: #e2e2e2;
}

.widget-box .widget-body {
    border: 1px solid #ccc;
    background-color: #f7f7f7;
}

.widget-box .widget-body .widget-main {
    padding: 16px 36px;
    background: #f7f7f7;
}

.widget-box .widget-body .widget-main .widget-title {
    line-height: 28px;
    margin-bottom: 16px;
    margin-top: 18px;
    padding-bottom: 4px;
    color: #478fca !important;
    border-bottom: 1px solid #ccc;
}

.widget-box .widget-body .widget-main > div {
    margin-bottom: 11px;
}

.widget-main > .record,
.widget-main > .record-split *,
.widget-main > .record-right {
    vertical-align: middle;
}

.widget-main > .record-split {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
}
.widget-main > .record-split > * {
    display: inline-block;
}

.widget-main > .record-right {
    text-align: right;
    margin-top: 10px;
}
.widget-main > .record-right > * {
    display: inline-block;
}

/* box */
.condition-box {
    width: 100%;
    display: flex;
    align-items: flex-end;
    padding: 4px;
    background-color: #f5f5f5;
    border: 1px solid #e5e5e5;
}

.condition-box > .condition {
    flex: 1 1 100%;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
}

.condition-box > .condition > .item {
    flex: 1 0 300px;
    max-width: 100%;
    min-width: 300px;
    margin: 5px;
}

.condition-box > .condition > .item > input,
.condition-box > .condition > .item > select,
.condition-box > .condition > .item > textarea {
    width: 100%;
}

.condition-box > .condition > .item.label {
    display: flex;
}

.condition-box > .condition > .item > label {
    text-align: right;
    padding-right: 5px;
    width: 135px;
    padding-top: 6px;
}

.condition-box > .condition > .item > input[type="checkbox"]{
    width: 5%!important;
    vertical-align: middle;
}

.condition-box div[class^="executer"] {
    flex-direction: column;
    display: inline-flex;
    align-items: center;
}

.condition-box .executer {
    flex-direction: inherit!important;
    padding-bottom: 3px;
}

.condition-box div[class^="executer"] > * {
    margin-right: 5px;
    margin-left: 10px;
}

.condition-box .executersecondary > *:not(:last-child) {
    margin-bottom: 7px;
}

.condition-box .executertertiary > *:not(:last-child) {
    margin-bottom: 47px;
}

.condition-box .executerfourth > *:not(:last-child) {
    margin-bottom: 85px;
}

.executer-box {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;
}
.executer-box > * {
    display: flex;
    align-items: center;
}

.list-box {
    width: 100%;
    overflow: auto;
}

.input-group-box {
    width: 100%;
}

.input-group-box > .input-group-title {
    margin-bottom: 1px;
}

.input-group {
    display: flex;
    flex-flow: row wrap;
    font-size: 13px;
    border: 2px solid #ddd;
}

.input-group > * {
    box-shadow: 0 0 0 1px #f7fbff;
}

.input-group > .input-group {
    display: flex;
    flex-flow: row wrap;
    padding: 0;
    margin: 0;
    border: none;
    box-shadow: none;
}

.input-group > .input-group-subtitle,
.input-group > .input-group-option {
    width: 100%;
    padding: 4px 10px;
    display: flex;
    align-items: center;
}
.input-group > .input-group-subtitle i,
.input-group > .input-group-option i {
    margin-right: 5px;
    font-size: 15px;
}
.input-group > .input-group-subtitle {
    color: #336199;
    background-color: #e3f1f3;
}
.input-group > .input-group-option {
    color: #478fca;
    background-color: #f9f9f9;
}

.input-group > .separator,
.input-group > .separator-bar {
    width: 100%;
}

.input-group > .separator-bar {
    padding: 2px 10px;
    display: flex;
    align-items: center;
    color: #336199;
    background-color: #e3f1f3;
}

.input-group > .input-item-box {
    flex: 1 0 450px;
    max-width: 100%;
}

.input-group > .input-confirm-label {
    box-shadow: none;
    padding: 5px;
}

.input-item-box {
    display: flex;
    flex-flow: row nowrap;
}

.input-item-box label {
    margin: 0;
}

.input-item-box > .input-item-title {
    flex: 0 0 150px;
    padding: 11px 6px;
    color: #336199;
    background-color: #edf3f4;
    border-right: 5px solid #edf3f4;
    text-align: right;
}
.input-item-box > .input-item-title.required {
    border-right: 3px solid #f17676a2;
}

.input-item-box > .input-item {
    flex: 1;
    padding: 6px;
}

.input-item-box > .input-item > .input-confirm-label {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}

.input-item-box > .input-item-support {
    display: flex;
    align-items: center;
    padding: 0px 6px;
}

.input-item-box > .input-item > input,
.input-item-box > .input-item > select,
.input-item-box > .input-item > textarea {
    width: 100%;
}

/* .input-confirm-label label {
    white-space: pre;
} */

.input-item-box > .w-30 {
    flex: none;
    width: 30%;
}

.input-item-box > .w-50 {
    width: 50%;
}
  
div.filter_multi select {
    height: 30px;
}
  
div.filter_multi select {
    width: 100%;
}
  
/* div.filter_multi .ms-ctn {
    height: 29px;
} */

div.filter_multi .ms-sel-ctn {
    background: url(../../images/icon_search.png) no-repeat center left;
    padding-left: 32px;
    padding-bottom: 2px;
}
  
div.filter_multi .ms-sel-ctn input {
    margin-top: 0;
    margin-bottom: 0;
    height: 18px;
}
  
div.filter_multi .ms-sel-ctn .ms-sel-item {
    color: #444;
    background: #e8e8e8;
    border: 1px solid #b7babb;
    border-radius: 11px;
    padding: 0 10px;
}
  
div.filter_multi .btn-group {
    margin-top: 10px;
}

div.filter_multi .btn-group label {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}
  
div.filter_multi .btn-group a {
    display: inline-block;
    vertical-align: middle;
    border-radius: 30px;
    color: #fff;
    background: #2068cb;
    padding: 3px 30px;
    text-decoration: none;
    cursor: pointer;
}
  
div.filter_multi .btn-group a:hover {
    background: #175ab6;
}
  
div.filter_multi .btn-group a:active {
    position: relative;
    top:2px;
}

.espa-logo{
    padding-bottom: 3px;
    width: 50px;
    height: 32px;
    margin-right: 5px;
}