*{
    font-size: 14px;
}
.bg-primary,
.btn-primary{
    background-color: #164d89db !important;
}
.dropdown-item.active,
.dropdown-item:active {
    /* background-color: #17a2b8 !important; */
    background-color: #164d89db !important;
}
.content-header, .card-header{
    padding: 7px;
}
.form-control:focus {
    background-color: #f4f9ff;
}

.bg-success-light{
    background-color: #ccf7d6;
}
.bg_flashing {
    background: #fff7e2;
    animation: anim_flashing 500ms infinite;
}
.bg-focus-row{
    background-color: #eeffc1 !important;
}
.bg-main{
    /* background-color: #164d89db !important; */
    background-color: #164d89db !important;
}
.bg-main,
.bg-main>a {
    color: #fff !important;
}
.bg-blue-milk{ background-color: #164d89db !important;}
.bg-blue-milk,
.bg-blue-milk>a {
    color: #fff !important;
}
@keyframes anim_flashing {
    from {background-color: #fff7e2;}
    to {background-color: initial;}
}
.text_dot{
    border: none;
    border-bottom: 1px dotted;
    background: #f8f8f8 !important;
    border-radius: 0;
}
.nav-tabs .nav-item .nav-link{
    color: #495057;
}
.my-nav li {
    margin-top: 1px !important;
    margin-bottom: 1px !important;
}
.my-nav > li {
    margin-right: 5px !important;
}
.form-container {
    border-top: 3px solid #007bff;margin-top: 5px;
}
.border-staging{border-top:4px solid #007bff}
.border-local{border-top:4px solid #1679AB}
.border-red {border: 1px solid red}
.bor-ds-err{border: 3px dashed red !important;}
#toast-container>div{opacity: 1 !important;}
#toast-container .toast-message{white-space: pre-line;}
#toast-container > .toast.secondary {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}
#toast-container > .toast.secondary:hover {
    color: #fff;
    background-color: #5a6268;
    border-color: #545b62;
}
#toast-container .toast-message{white-space: pre-line;}
.swal2-container-custom {width: unset !important;max-width: 360px !important;}
#navbarCollapse {
    /*font-size: 14px;*/
}
#navbarCollapse a {
    padding: 5px 15px;
}
.main-header .nav-link {
    height: auto;
    position: unset;
}
.layout-navbar-fixed .wrapper .content-wrapper {
    margin-top: calc(3rem + 1px);
}
.navbar{padding: 0;}
.layout-top-nav .wrapper .main-header .brand-image {
    margin-top: 0;
}

.text-area{
    height: 75px !important;
    resize: none;
}

.text-blue-main{
    color:#164d89db !important
}
.breadcrumb-item, .breadcrumb-item a{
    font-size: 12px !important;
}
.breadcrumb-item.active{
    color: #164d89db !important;
    font-weight: bold;
}

table td.fit-content, table th.fit-content {
    white-space: nowrap;
    width: 1%;
}
.card-body.p-0 .table tbody>tr>td:first-of-type, .card-body.p-0 .table tbody>tr>th:first-of-type, .card-body.p-0 .table tfoot>tr>td:first-of-type, .card-body.p-0 .table tfoot>tr>th:first-of-type, .card-body.p-0 .table thead>tr>td:first-of-type, .card-body.p-0 .table thead>tr>th:first-of-type{
    padding-left: 0.3rem;
}
.card-body.p-0 .table tbody>tr>td:last-of-type, .card-body.p-0 .table tbody>tr>th:last-of-type, .card-body.p-0 .table tfoot>tr>td:last-of-type, .card-body.p-0 .table tfoot>tr>th:last-of-type, .card-body.p-0 .table thead>tr>td:last-of-type, .card-body.p-0 .table thead>tr>th:last-of-type{
    padding-right: 0.3rem;
}
.table.table-head-fixed thead tr:nth-child(2) th {
    background-color: #fff;
    border-bottom: 0;
    box-shadow: inset 0 1px 0 #dee2e6, inset 0 -1px 0 #dee2e6;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 10;
}

.tab-table-count{
    position: absolute;
    top: 0;
    right: 0;
}
.datepicker-sm input {
    padding: 3px 3px 3px 32px;
    font-size: .875rem;
}

.dp__input_invalid {
    box-shadow: unset;
    border-color: var(--danger);
}

.btn-info-important {
    color: #fff !important;
    background-color: var(--info) !important;
    border-color: var(--info) !important;
    box-shadow: none !important;
}
.btn-info-important:hover {
    color: #fff !important;
    background-color: var(--info) !important;
    border-color: var(--info) !important;
}
.btn-link-danger {
    font-weight: 400;
    color: var(--red-400);
    text-decoration: none;
}
.btn-link-danger:hover {
    color: var(--red-700);
}
.btn-link-primary {
    font-weight: 400;
    color: var(--primary);
    text-decoration: none;
}
.btn-link-primary:hover {
    color: var(--primary);
}
div.is-invalid {
    border: 1px solid var(--danger);
}
.toast {max-width: unset}
.main-footer { padding: 0.5rem; }
.icheck-main>input:first-child:checked+input[type=hidden]+label::before, .icheck-main>input:first-child:checked+label::before{
    background-color: var(--info);
    border-color: var(--info);
}
div[contenteditable="true"] {
    overflow-y: scroll;
    height: auto;
}
.input-group:not(.has-validation)>.form-datepicker:not(:last-child) input{
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.input-group>.form-datepicker{
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
    margin-bottom: 0;
}
.select2-container--open{max-width: 500px;}
.select2-container .select2-selection--single{
    height: 33.5px !important;
    border:1px solid #ced4da !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
    line-height: 24.5px !important;
}
.select2-container .select2-selection--single .select2-selection__rendered{
    padding-left: 0px !important;;
    padding-right: 20px !important;;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
    top: 4px !important;;
}
.select2-container--default.select2-container--focus .select2-selection--multiple{
    color: #495057 !important;
    background-color: #fff  !important;;
    border-color: #80bdff !important;;
    outline: 0 !important;;
    box-shadow: inset 0 0 0 transparent !important;;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice{
    color:#000;
}
td.icon-td > * {
    padding: .25rem !important;
}
td.icon-td > *:hover {
    background-color: rgb(0 0 0 / 5%);
    border-radius: 4px;
}
.table.table-center td {
    text-align: center;
}
.table.table-header-fit-content th {
    white-space: nowrap;
    width: 1%;
}
.custom-file-label::after {
    content: "ファイルを選択";
}
.box-select{
    border-style: dotted;
    border-width: thin;
    overflow: auto;
    overflow-x: hidden;
    padding: .375rem .75rem;
}
th.td-fit-content,td.td-fit-content {
    width: 1%;
    white-space: nowrap;
}
.toasts-top-right{
    z-index: 99999;
}
.white-space-pre-wrap{
    white-space: pre-wrap;
}

/*#=======*/
.login-page {
    /*background-image: url('/img/wall4.jpg');*/
    background-position: center;
    backdrop-filter: blur(8px);
    background-size: cover;
}
.login-card-body, .register-card-body{border-radius: 10px}
.login-bg {
    /*https://cssgradient.io/gradient-backgrounds/*/
    /*background-color: #1679ab;*/
    /*background-image: linear-gradient(160deg, #1679ab 0%, #5debd7 100%);*/
    background: radial-gradient(at center, #0283AA, #022936);
}
.sm input.dp__pointer.dp__input_readonly.dp__input.dp__input_icon_pad.dp__input_reg{
    padding: 3px 24px 3px 36px !important;
}
.sm input.dp__pointer.dp__input_readonly.dp__input.dp__input_reg{
    padding: 2px 24px 3px 13px !important;
}
.sm + input {
    padding-left: 23px !important;
    height: 28px;
}

/*#=======*/
 .autocomplete-plus .search-code {
     border: 1px solid #999;
     border-radius: 3px;
     background: #fff;
     z-index: 11;
     position: absolute;
     overflow: hidden;
     display: none;
 }
.autocomplete-plus .search-code .viewport {
    position: relative;
    height: 20rem;
    min-height: 7rem;
    overflow-y: scroll;
    padding: .5rem 0;
}
.autocomplete-plus .search-code .viewport ul,.search-box .search-result-list ul {
    list-style: none;
    padding: 0;
    margin: 0
}
.autocomplete-plus .search-code .viewport li,.search-box .search-result-list li {
    padding: .5rem 1rem;
    cursor: pointer
}

.autocomplete-plus .search-code .viewport li.hover {
    background: #ddd;
}
.autocomplete-plus .search-code .viewport li:hover{
    color: #fff;
    background-color: #0069d9;
}
.autocomplete-plus .search-code .viewport .result-item-code,.search-box .search-result-list .result-item-code {
    background: #fff;
    border-radius: 2px;
    border: 1px dotted #aaa;
    padding: .1rem .5rem;
    color: #000;
    display: inline-block;
    width: 86px;
    text-align: right;
}
.autocomplete-plus .search-code .viewport .result-item-code:hover,.search-box .search-result-list .result-item-code:hover {
    background: #fff;
}

/*#=======*/
.mail-content {
    font-family: 'Arial', sans-serif;
    white-space: pre-wrap;
}
a.disabled-link {
    pointer-events: none;
    opacity: 0.65;
}

/*#=======*/
.show-detail-icon {
    cursor: pointer;
    color: #007bff!important
}

.cursor-pointer{
    cursor: pointer;
}
.select-table tbody tr:hover {
    color: #fff;
    background-color: #0069d9;
}

/*#=======*/
.file-upload-container{

}
.file-upload-container .file-upload-attachment-selected {
    margin-bottom: 0.25rem;
}
.file-upload-container .file-upload-attachment-selected .input-selected {
    display: none;
}
.file-upload-container .file-upload-attachment-list{
    padding: 0.5rem 0.25rem;
}
.file-upload-container .file-upload-attachment-list .file-upload-attachment {
    background-color: rgba(0, 0, 0, .05);
    padding: 0.25rem;
}
.file-upload-container .file-upload-attachment-list .file-upload-attachment:hover {
    background-color: var(--yellow-light);
}
.file-upload-container .file-upload-attachment-list .file-upload-attachment:not(:last-child) {
    margin-bottom: 0.25rem;
}
.file-upload-container .file-upload-attachment-list .file-upload-attachment .uploaded-attachment {
    cursor: context-menu;
}
.file-upload-container .file-upload-attachment-list .file-upload-attachment .public-attachment {
    color: var(--primary);
    cursor:pointer;
}
.file-upload-container .file-upload-attachment-list .file-upload-attachment .attachment-size {
    font-weight: bold;
    cursor: context-menu;
}
.file-upload-container .file-upload-attachment-list .file-upload-attachment .input-attachment {
    display: none;
}
.file-upload-container .file-upload-attachment-list .file-upload-attachment .delete-icon {
    padding: 0.25rem;
}
/*#=======*/

.multiple-upload-modal .file-list-wrapper{
    margin-left: 1rem;
}
.multiple-upload-modal .file-list-wrapper .file-item.by_pass_upload .file-name{
    text-decoration: line-through;
}
.multiple-upload-modal .file-list-wrapper .file-item:hover .file-name{
    background-color: #ddd;
}
.multiple-upload-modal .file-list-wrapper .file-item.active .file-name{
    font-weight: bold;
}
.multiple-upload-modal .file-list-wrapper .file-item .file-name,.multiple-upload-modal .file-list-wrapper .file-item .file-status{
    padding: 0px 0.25rem;
    border-radius: .2rem !important;
}

.rotation-animation {
    animation: div-rotate 0.7s infinite steps(8);
    transform: translateZ(0);
    transform-origin: 50% 50%;
}
@keyframes div-rotate {
    0% { transform: rotate(  0deg)}
    100% { transform: rotate(360deg)}
}
.line-numbers {
    position: absolute;
    top: 0;
    text-align: right;
    counter-reset: line-number;
}
.line-numbers .line-number {
    position: relative;
    z-index: 3;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    height: 1.5rem;
    font-size: 1rem;
}
.line-numbers .line-number:before {
    counter-increment: line-number;
    content: counter(line-number);
}
/*#=======*/
.datepicker-input input{
    padding-left: 23px;
}
.datepicker-input .dp__icon.dp__input_icon.dp__input_icons {
    padding: 0 5px;
}

/*#=======*/
.swal2-error-popup {
    border: 0.25em solid #f27474;
    width: 400px;
}
.table.table-valign-bottom tbody>tr>td, .table.table-valign-bottom tbody>tr>th, .table.table-valign-bottom thead>tr>td, .table.table-valign-bottom thead>tr>th{vertical-align: bottom}
.swal2-html-container{max-height: 300px;}
table thead th {background-color:  #f8f9fa !important; border-bottom: none !important;}
.page-link{padding: .4rem .65rem; color: #164d89db;}
.page-item.active .page-link{background-color: #164d89db; color: #fff;}
.table-sm td, .table-sm th {padding: .4rem .3rem;}

.copy-text:hover{
    cursor:pointer;
    background-color: var(--yellow-100);
}

/*#=======*/
#custom-tabs {
    width: 100%;
    display: flex;
    border-left: 1px solid #ced4da;
}
#custom-tabs .nav-item {
    flex: auto;
}
#custom-tabs .nav-item .nav-link {
    line-height: 1;
    padding: .25rem .5rem;
    border-radius: 0px;
    border-bottom: 1px solid #ced4da;
    border-right: 1px solid #ced4da;
}
#custom-tabs .nav-item .nav-link.active {
    background-color: var(--yellow-light);
}
.search-option-container ul{
    width: 100%;
    display: flex;
}
.search-option-container .nav-item {
    flex: auto;
}
.search-option-container input, .search-option-container textarea {
    border-radius: .25rem .25rem 0 0;
}
.search-option-container li {
    border: 1px solid #ced4da;
    border-left-width: 0px;
    border-top: 0px;
    text-align: center;
}
.search-option-container li:first-child {
    border-radius: 0 0 0 .25rem;
    border-left-width: 1px;
}
.search-option-container li:last-child {
    border-radius: 0 0 .25rem 0;
}
.search-option-container li.active {
    background-color: var(--cyan-100);
}
.tr-bg-gray {
    background-color: #dddddd69 !important;
    color: black !important;
}
.border-orange{border-color: orange !important;}
.datepicker-input.border-diff{border: 1px solid orange !important; border-radius: 4px}
.group-search {
    border: 1px solid #dfdfdf;
    background-color: #fbfbfb;
}
.label-background-gray {
    background-color: #f1f1f1;
}
.vertical-bot{vertical-align: bottom !important;}
.my-progress {
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    line-height: 0;
    font-size: .75rem;
    background-color: #e9ecef;
    border-radius: 0.25rem;
    box-shadow: inset 0 0.1rem 0.1rem rgba(0, 0, 0, .1);
    position: relative;
}

.progress {
    position: relative;
}

.progress .progress-label,
.my-progress .progress-label {
    position: absolute;
    left: 50%;
    top: 50%;
    line-height: initial;
    transform: translate(-50%, -50%);
}

.border-radius-green {
    border: 1px solid #28a745;
    border-radius: 5px;
}

.border-width-1 {
    border-width: 1px !important;
}
.border-width-2 {
    border-width: 2px !important;
}
.border-width-3 {
    border-width: 3px !important;
}
.dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after{margin-left: .255em;}

[class^="col"] > label,
[class*=" col"] > label,
label.form-label,
.form-group > label,
.row > label {
    border-radius: 5px;
    background-color: #f2f4f5;
    color:#164d89db;
    /* color: #164d89db !important; */
    /* color: #001f3f !important; */
    padding-left: .5rem !important;
    padding-right: .5rem !important;
}
.navbar-light .navbar-nav .nav-link{color:#164d89db}
table th .border-0{border: 0 !important;}