/* 共通 css */

/* 汎用エラーページ */

body.error
{
    background-color:#FAFFFA;
}

#error_page {
    margin-top:10%;
}

#error_page .error_container {
    width:600px;
    max-width:95%;
    margin-left:auto;
    margin-right:auto;
    background: #fff;
    padding: 25px 15px 25px 15px;
    border-radius: 3px;
    border: 1px solid #ccc;
    box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
    text-align:center;
    font-size:16px;
}

#error_page .error_description {
    display:inline-block;
    width:auto;
    text-align:left;
    margin-top:15px;
}

#error_page .error_buttons {
    margin-top:25px;
}


/* coreui カスタマイズ */

.c-main
{
    position:relative;
    /*padding-bottom:80px;*/
}

.background_logo_container
{
    display:block;
    position:absolute;
    bottom:10px;
    right:30px;
    opacity:0.5;
    text-align:right;
}

.background_logo_container img
{
    width:500px;
    max-width:80%;

}


.c-sidebar
{
    background-color:#03a9f4;
    margin-left:0!important;
    width:150px!important;
    transition:none!important;
}


.c-sidebar-nav-link:hover
{
    transition:none;
    background-color:rgba(0,0,0,0.3)!important;
}

.c-wrapper
{
    min-width:874px!important;
    margin-left:150px!important;
    overflow-x:auto!important;
}

.c-sidebar .c-sidebar-nav-link, .c-sidebar .c-sidebar-nav-dropdown-toggle
{
    color:#fff;
}

@media screen and (max-width:1023px) {
    .c-wrapper
    {
        margin-left:150px!important;
    }
    .c-sidebar
    {
        margin-left:0px!important;
    }
    
}

body
{
    overflow-x:auto!important;
}

select option:disabled
{
    color:#bbb!important;
}

::-webkit-calendar-picker-indicator {
    margin-left:0px;
}
/* bootstrap カスタマイズ */
.pagination {
    display: flex;
    padding-left: 0px;
    list-style: none;
    border-radius: 0.25rem;
    justify-content: center;
}

.btn-xs {
    padding: .30rem .4rem;
    font-size: .8rem;
    line-height: 1em;
    border-radius: .2rem;
}

.form-control {
    display: block;
    border: 1px solid;
    color: #4f4e5c;
    background-color: #fff;
    border-color: #9a9eab;
    border-radius: 0px;
}

/* 編集テーブル */
.edit-table th.item-title
{
    width:8em;
    white-space:nowrap;
    padding-left:1em;
    padding-right:1em;
    text-align:center;
}

.edit-table p.form-alert
{
    margin:0.5em 0 0 0;
    font-weight:bold;
    color:#f00;
}

.alert > p.form-alert
{
    margin:0;
}

.edit-table p.form-alert:before
{
    font-family:FontAwesome;
    content:"\f071";
    margin-right:0.2em;
}

.alert-container {
    display:block;
    padding:0.5em 0;
}

.alert-container .form-alert {
    position:relative;
    color:#F00;
    padding-left:1.25em;
    line-height:1.2em;
    margin-bottom:0.5em;
}

.alert-container .form-alert:before {
    position:absolute;
    left:0;
    font-family: FontAwesome;
    content: "\f071";
}



body.vc .c-body
{
    border-top:20px solid #2eb85c;
    
}

body.company .c-body
{
    border-top:20px solid #2eb85c;
    
}

body.company_invoice .c-body
{
    border-top:20px solid #e55353;
    
}

body.admin_user .c-body
{
    border-top:20px solid #321fdb;
    
}


input[type="checkbox"]:not(:checked) + * + .hide_if_not_checked
{
    display:none;
}

input[type="checkbox"]:not(:checked) + .hide_if_not_checked
{
    display:none;
}

input[type="checkbox"]:checked + * + * + .show_if_not_checked
{
    display:none;
}

input[type="checkbox"]:checked + * + .show_if_not_checked
{
    display:none;
}

input[type="checkbox"]:checked + .show_if_not_checked
{
    display:none;
}


.hide_if_not_immediate_parent > * + .hide_if_not_immediate
{
    display:none;
}


.each-form .alert {
    display:none;
}

.each-form.has-error .alert-container {
    display:block;
    padding:0.5em 0;
}

.each-form.has-error .alert-container .form-alert {
    position:relative;
    color:#F00;
    padding-left:1.25em;
    line-height:1.2em;
}

.each-form.has-error .alert-container .form-alert:before {
    position:absolute;
    left:0;
    font-family: FontAwesome;
    content: "\f071";
}

.each-form.has-error .alert-container.alert-center .form-alert:before {
    position:relative;
}



.document_list_table
{
    width:auto;
    max-width:100%;
    margin:20px auto;
    
    border:none;
    
}

.document_list_table td
{
    border:none;
    vertical-align:middle;
    text-align:left;
    padding:5px 15px 15px 15px;
}

.document_list_table td.file_icon
{
    width:64px;
    vertical-align:top;
    text-align:left;
    padding:0 0 15px 0;
}

.document_list_table td.file_icon a
{
    display:block;
    width:80px;
    height:80px;
    border:1px solid #cfcec5;
    background-color:#fffef8;
    
    padding:12px;
    
    transition:background 0.2s linear 0s;
    
}

.document_list_table td.file_icon a img
{
    width:56px;
}

.document_list_table td.file_icon a:hover
{
    background-color:#fffcdb;
}

.document_list_table td h5.file_title
{
    font-weight:bold;
    font-size:18px;
    
    
}

.document_list_table td h5.file_title a
{
    color:#333;
}


.document_list_table td p.description
{
    white-space:pre-wrap;
    line-height:1.6em;
}