/*
    CSでstyleを上書きする必要がある場合、このファイルに以下の順序で記述する
    ・タイプセレクタ
    ・PC
    ・SP
    ・クラス
 */

/* +++++++++++    PC    +++++++++++  */
@media screen and (min-width: 769px) {
    #page-wrapper {
        min-height: calc(100vh - 64px);
    }

    .col-sm-2 {
        flex: 0 0 26.666667%;
        max-width: 26.666667%;
    }
    .col-sm-10 {
        flex: 0 0 73.333333%;
        max-width: 73.333333%;
    }
}


/* +++++++++++    SP    +++++++++++  */
@media screen and (max-width: 768px) {
    #page-wrapper {
        min-height: calc(100vh - 60px);
    }

    .metismenu1-li:last-child {
        margin-top: 0;
    }

    .profArea-dropdown-menu {
        position: absolute;
        left: auto;
    }

    .wrapper-content {
        padding: 10px 0 96px;
    }
}


/* +++++++++++    PC/SP(992px)    +++++++++++  */
/* PC */
@media screen and (min-width: 993px), print {
    .sp-992 {
        display: none !important;
    }
}

/* SP  */
@media only screen and (max-width: 992px) {
    .sp-992 {
        display: block !important;
    }
    .pc-992 {
        display: none !important;
    }
}


/* +++++++++++    PC/SP(1080px)    +++++++++++  */
/* PC */
@media screen and (min-width: 1081px), print {
    .sp-1080 {
        display: none !important;
    }
}

/* SP  */
@media only screen and (max-width: 1080px) {
    .sp-1080 {
        display: block !important;
    }
    .pc-1080 {
        display: none !important;
    }
}


/* +++++++++++    attention/error    +++++++++++  */
.alert-warning {
    line-height: 1.5;
    color: #c43828;
}
.panel-danger {
    border-color: #ed5565;
    margin-top: 10px;
}


/* +++++++++++    border    +++++++++++  */
.border-top-imp {
    border-top: 1px solid #e7eaec !important;
}
.border-bottom-imp {
    border-bottom: 1px solid #e7eaec !important;
}


/* +++++++++++    breadcrumb    +++++++++++  */
.breadcrumb-spe {
    margin-bottom: 10px !important;
}


/* +++++++++++    button   +++++++++++  */
.btn {
    margin-bottom: 5px;
}
.btn-inline {
    font-size: 12px !important;
    margin-bottom: 0;
    padding: .275rem .55rem !important;
}
.btn-table-above {
    margin: 0 0 5px;
    float: right;
    vertical-align: bottom;
}
.btn-content-bottom {
    margin: 20px 0 -5px;
    text-align: center;
}


/* +++++++++++    color    +++++++++++  */
.key-color-only {
    color: #19b293;
}
.key-color-only-imp {
    color: #19b293 !important;
}
.key-color-bg {
    background: #19b293;
}
.key-color-bg-imp {
    background: #19b293 !important;
}
.key-color-bd {
    border-color: #19b293;
}
.key-color-bd-imp {
    border-color: #19b293 !important;
}
.key-color-bd-1 {
    border: 1px solid #19b293;
}
.key-color-bd-imp-1 {
    border: 1px solid #19b293 !important;
}


/* +++++++++++    cursor    +++++++++++  */
.cursor-default {
    cursor: default;
}
.cursor-pointer {
    cursor: pointer;
}


/* +++++++++++    datepicker    +++++++++++  */
.input-daterange input {
    text-align: left !important;
}


/* +++++++++++    display    +++++++++++  */
.d-table-cell {
    display: table-cell !important;
}


/* +++++++++++    dropdown    +++++++++++  */
.btn-group.dropdown-menu-inline .dropdown-menu {
    font-size: 14px;
    min-width: 200px;
}
.btn-group.dropdown-menu-inline .dropdown-menu > li > a {
    padding: 3px 20px 3px 10px;
}
.dropdown-menu-inline-container {
    z-index: 2013;
}


/* +++++++++++    file    +++++++++++  */
.fileinput-new {
    margin-bottom: 0 !important;
}


/* +++++++++++    font-size    +++++++++++  */
.font-size21 {
    font-size: 21px;
}
.font-size22 {
    font-size: 22px;
}
.font-size23 {
    font-size: 23px;
}
.font-size24 {
    font-size: 24px;
}
.font-size25 {
    font-size: 25px;
}
.font-size26 {
    font-size: 26px;
}
.font-size27 {
    font-size: 27px;
}
.font-size28 {
    font-size: 28px;
}
.font-size29 {
    font-size: 29px;
}
.font-size30 {
    font-size: 30px;
}
.font-size10-imp {
    font-size: 10px !important;
}
.font-size11-imp {
    font-size: 11px !important;
}
.font-size12-imp {
    font-size: 12px !important;
}
.font-size13-imp {
    font-size: 13px !important;
}
.font-size14-imp {
    font-size: 14px !important;
}
.font-size15-imp {
    font-size: 15px !important;
}
.font-size16-imp {
    font-size: 16px !important;
}
.font-size17-imp {
    font-size: 17px !important;
}
.font-size18-imp {
    font-size: 18px !important;
}
.font-size19-imp {
    font-size: 19px !important;
}
.font-size20-imp {
    font-size: 20px !important;
}
.font-size21-imp {
    font-size: 21px !important;
}
.font-size22-imp {
    font-size: 22px !important;
}
.font-size23-imp {
    font-size: 23px !important;
}
.font-size24-imp {
    font-size: 24px !important;
}
.font-size25-imp {
    font-size: 25px !important;
}
.font-size26-imp {
    font-size: 26px !important;
}
.font-size27-imp {
    font-size: 27px !important;
}
.font-size28-imp {
    font-size: 28px !important;
}
.font-size29-imp {
    font-size: 29px !important;
}
.font-size30-imp {
    font-size: 30px !important;
}


/* +++++++++++    footable    +++++++++++  */
/* stickyで背景色指定がないと重なった部分が透過してしまうためtdにも背景色を指定する */
.footable-odd td {
    background-color: #f7f7f7;
}
.footable-even td {
    background-color: #ffffff;
}
.pagination .footable-page.active a {
    background-color: #19b293 !important;
    border-color: #19b293 !important;
}


/* +++++++++++    form    +++++++++++  */
/* key-colorの白要素を増やして設定する */
.form-control:focus,
.single-line:focus,
input[type="date"]:focus,
input[type="time"]:focus {
    border-color: #54b29b;
}

input[type="date"],
input[type="time"] {
    border: 1px solid #e5e6e7;
    border-radius: 1px;
}
input[type="date"]:focus,
input[type="time"]:focus {
    outline: 0;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}
input[type="date"]:disabled,
input[type="time"]:disabled {
    background-color: #e9ecef;
}


/* +++++++++++    group    +++++++++++  */
.ibox-title-gp {
    padding: 15px 41px 0 20px;
}
.ibox-title h5 {
    padding: 0 0 15px;
}
.h6-gp {
    font-size: 16px;
    font-weight: 400;
}
.h7 {
    color: inherit;
    font-family: inherit;
    line-height: 1.2;
    margin-bottom: .5rem;
}
.h7-gp {
    border-left: 5px solid;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 2px;
    padding-left: 8px;
}

@media (max-width: 1080px) {
    .sec-box-th-gp {
        width: 30%;
    }
}


/* +++++++++++    h-tag    +++++++++++  */
@media (max-width: 768px) {
    .h2 {
        font-size: 16px;
    }
    .h5 {
        font-size: 16px !important;
    }
}
.h5.h6 {
    font-size: 16px !important;
}


/* +++++++++++    image    +++++++++++  */
img.square-border {
    border: 6px solid #FFFFFF;
}


/* +++++++++++    label    +++++++++++  */
label {
    margin-bottom: 0;
}


/* +++++++++++    ladda    +++++++++++  */
.ladda-button:hover {
    border-color: #19b293;
    background-color: #19b293
}

.ladda-button[disabled],
.ladda-button[data-loading] {
    border-color: #19b293;
}

.ladda-button[disabled],
.ladda-button[disabled]:hover,
.ladda-button[data-loading],
.ladda-button[data-loading]:hover {
    background-color: #19b293;
}


/* +++++++++++    link    +++++++++++  */
a.txt-link {
    text-decoration: underline !important;
}

a.txt-link:hover {
    text-decoration: none !important;
}


/* +++++++++++    list sample    +++++++++++  */
table .row {
    margin-left: 0 !important;
}

.row-right3 {
    float: right;
    padding: 0 0 0 15px;
    width: 70%;
}

.row-left3 {
    float: left;
    padding: 0 15px 0 15px;
    width: 25%;
}

.list_sample {
    margin: 0;
    padding: 0;
    border-right: 2px solid #efefef;
    border-bottom: 2px solid #efefef;
    list-style: none;
    letter-spacing: -.5rem;
}

.list_sample li {
    display: inline-block;
    padding: 8px 0;
    width: 50%;
    border-top: 2px solid #efefef;
    border-left: 2px solid #efefef;
    text-align: center;
    letter-spacing: normal;
    font-weight: bold;
    font-size: 1.6rem;
}


/* +++++++++++    margin    +++++++++++  */
.m-t-lm {
    margin-top: 25px;
}
.m-r-lm {
    margin-right: 25px;
}
.m-l-lm {
    margin-left: 25px;
}
.m-b-lm {
    margin-bottom: 25px;
}


/* +++++++++++    modal    +++++++++++  */
.modal {
    padding-right: 0 !important;
}
.modal-dialog {
    margin: 1.75rem auto;
}
.inmodal .modal-header {
    padding: 1rem;
}
.inmodal .modal-title {
    font-size: 20px;
}
.inmodal .modal-body {
    background: #ffffff;
}
.modal-body {
    padding: 15px 20px;
}
@media (max-width: 768px) {
    .modal-body {
        padding: 10px;
    }
}
.modal-body.modal-bottom-radius {
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
}
.modal-body.modal-body-search  {
    margin-bottom: 0 !important;
    padding: 0 !important;
}
.modal-body .ibox-content {
    border-top: none !important;
}
.close {
    font-size: 1.3rem;
}


/* +++++++++++    navbar    +++++++++++  */
#collapse-search-condition .panel-body {
    overflow: hidden;
}
.navbar-fixed-top {
    z-index: 2040;
}
.navbar .dropdown-menu {
    max-height: 500px;
    overflow-y: auto;
}
@media screen and (min-width: 769px) {
    .navbar-fixed-top {
        height: 64px;
    }
    .nav-tabs-li {
        width: 8vw !important;
        min-width: 91px !important;
        font-size: 14px !important;
        margin: 0 0 0 0.52vw !important;
    }
    .team_name {
        margin-top: auto;
        margin-bottom: auto;
    }
}
@media (max-width: 768px) {
    .navbar-fixed-top {
        height: 60px;
    }
    .nav1 {
        padding: 6px 10px 6px;
    }
}
.navbar-static-side1 {
    min-width: 17.5vw !important;
    z-index: 2020 !important;
}
.nav-link-fa::before {
    font-weight: 800;
}
:not(.active) > .nav-link-fa::before {
    color: #ffffff;
}
@media (max-width: 768px) {
    .profArea {
        width: auto;
    }
    .profile-element::after {
        bottom: 0;
        right: 0;
        top: 4px;
    }
}
@media (max-width: 768px) {
    .cs-side-menu-nav .tab-content .panel-body {
        padding-bottom: 100px !important;
    }
}
@media screen and (min-width: 769px) {
    .member_number {
        margin-left: 48px;
    }
    .profArea_inn_member_box {
        float: right;
        width: calc(100% - 76px);
    }
    .profArea_inn_member_box .member_number {
        margin-top: 17px;
    }
    .profArea_inn_member_box .member_number, .member_name {
        margin-left: 5px;
    }
}
@media (max-width: 768px) {
    .member_number, .member_name {
        float: right;
    }
    .profArea_inn_member_box {
        float: right;
        margin-top: 4px;
        width: calc(100% - 40px);
    }
}
.profile_element_img {
    height: 42px;
    width: 42px;
}
@media (max-width: 768px) {
    .profile_element_img {
        height: 32px;
        margin-right: 14px;
        width: 32px;
    }
    .dd_profile_element_img {
        height: 40px;
        width: 40px;
    }
}

.team_name {
    float:left;
    max-width: 500px;
    margin-left:20px;
}
@media (max-width: 1200px) {
    .team_name {
        max-width: 450px;
    }
}
.team_name_link {
    font-size:15px !important;
    letter-spacing:1px;
}
.team_name_link .team-name-link-content-name {
    display: inline-block !important;
    max-width: 480px;
    text-align: left;
}
.team_name_link .team-name-link-content-caret {
    display: inline-block !important;
    float: right;
    position: relative;
}
.team_name_link .team-name-link-content-caret .caret {
    position: absolute;
    top: 50%;
}
.dropdown-team_name {
    width: 650px;
    min-width: 0;
    margin-left:145px;
    padding:10px;
    top:60px;
}
@media (max-width: 768px) {
    .dropdown-team_name {
        width: auto;
        margin-left:80px;
        top:45px !important;
    }
}

.nav-tabs:not(.background-inherit) .nav-link:not(.active) {
    background: #e7e7e7;
}
@media screen and (min-width: 769px) {
    .nav-tabs > li:not(:first-child) {
        margin-left: 3px;
    }
}

/* +++++++++++    padding    +++++++++++  */
.p-w-xxs {
    padding: 0 5px;
}
.p-h-xxs {
    padding: 5px 0;
}
.p-r-none {
    padding-right: 0;
}
.p-r-xs {
    padding-right: 10px;
}
.p-l-none {
    padding-left: 0;
}
.p-l-xs {
    padding-left: 10px;
}


/* +++++++++++    Procedure    +++++++++++  */
@media (max-width: 768px) {
    .procedure-title {
        background-color: #f7f7f7;
    }
    .sec-procedure-box {
        min-height: 20px;
        padding: 0 0 10px !important;
    }
    .progress-single {
        background-color: #d7d7d7;
    }
    .sec-progress {
        margin-top: 6px;
        width: 55%;
    }
    .sec-tag-single {
        font-size: 11px !important;
        margin: auto;
        max-width: 50%;
        position: inherit;
    }
    .procedure-task {
        margin-bottom: 8px;
    }
}


/* +++++++++++    sec    +++++++++++  */
.sec {
    margin-bottom: 25px;
}


/* +++++++++++    spinner    +++++++++++  */
.sk-spinner-wave div {
    background-color: #19b293 !important;
}


/* +++++++++++    step    +++++++++++  */
@media (max-width: 768px) {
    .stepArea {
        font-size: 14px;
    }
    .stepArea .step-title {
        font-size: 16px;
    }
}


/* +++++++++++    table    +++++++++++  */
/* スクロール */
.table-responsive {
    white-space: nowrap;
}

.table-responsive > .table-bordered {
    border: 1px solid #EBEBEB;
}

.table-layout-fixed {
    table-layout: fixed;
}

@media (max-width: 768px) {
    .sec-box-th {
        font-size: 14px !important;
    }
}

.sec-box-th {
    padding: 12px 8px !important;
}
@media screen and (min-width: 769px) {
    .sec-box-td {
        height: 44px;
    }
}
@media (max-width: 768px) {
    .sec-box-th {
        min-height: 35px;
        padding: 8px !important;
    }
    .cs-display-table .sec-box-th {
        min-height: 35px;
        padding: 8px !important;
    }
    .sec-box-td {
        min-height: 35px;
    }
}
@media (max-width: 992px) {
    .cs-display-table-992 .sec-box-th {
        min-height: 35px;
        padding: 8px !important;
    }
    .sec-box-td {
        min-height: 35px;
    }
}
@media (max-width: 1080px) {
    .cs-display-table-1080 .sec-box-th {
        min-height: 35px;
        padding: 8px !important;
    }
    .sec-box-td {
        min-height: 35px;
    }
}


/* +++++++++++    tooltip    +++++++++++  */
.tooltip-inner {
    background-color: #000;
}


/* +++++++++++    vertical-align    +++++++++++  */
.va-top {
    vertical-align: top !important;
}


/* +++++++++++    user-select    +++++++++++  */
.user-select-none {
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}


/* +++++++++++    width    +++++++++++  */
.w-5 {
    width: 5% !important;
}
.w-10 {
    width: 10% !important;
}
.w-15 {
    width: 15% !important;
}
.w-20 {
    width: 20% !important;
}
.w-25 {
    width: 25% !important;
}
.w-30 {
    width: 30% !important;
}
.w-35 {
    width: 35% !important;
}
.w-40 {
    width: 40% !important;
}
.w-45 {
    width: 45% !important;
}
.w-50 {
    width: 50% !important;
}
.w-55 {
    width: 55% !important;
}
.w-60 {
    width: 60% !important;
}
.w-65 {
    width: 65% !important;
}
.w-70 {
    width: 70% !important;
}
.w-75 {
    width: 75% !important;
}
.w-80 {
    width: 80% !important;
}
.w-85 {
    width: 85% !important;
}
.w-90 {
    width: 90% !important;
}
.w-95 {
    width: 95% !important;
}

@media screen and (min-width: 1081px) {
    .w-5-search-pc {
        width: 5% !important;
    }
    .w-10-search-pc {
        width: 10% !important;
    }
    .w-15-search-pc {
        width: 15% !important;
    }
    .w-20-search-pc {
        width: 20% !important;
    }
    .w-25-search-pc {
        width: 25% !important;
    }
    .w-30-search-pc {
        width: 30% !important;
    }
    .w-35-search-pc {
        width: 35% !important;
    }
    .w-40-search-pc {
        width: 40% !important;
    }
    .w-45-search-pc {
        width: 45% !important;
    }
    .w-50-search-pc {
        width: 50% !important;
    }
    .w-55-search-pc {
        width: 55% !important;
    }
    .w-60-search-pc {
        width: 60% !important;
    }
    .w-65-search-pc {
        width: 65% !important;
    }
    .w-70-search-pc {
        width: 70% !important;
    }
    .w-75-search-pc {
        width: 75% !important;
    }
    .w-80-search-pc {
        width: 80% !important;
    }
    .w-85-search-pc {
        width: 85% !important;
    }
    .w-90-search-pc {
        width: 90% !important;
    }
    .w-95-search-pc {
        width: 95% !important;
    }
}


/* +++++++++++    word-break    +++++++++++  */
.wb-break-all {
    word-break: break-all;
}


/* +++++++++++    wrapper    +++++++++++  */
#page-wrapper {
    padding: 0 28px;
    width: calc(100% - 17.5vw);
}
@media (max-width: 768px) {
    #page-wrapper {
        padding: 0 5px;
    }
    .page-heading-spe {
        margin-left: -20px;
        margin-right: -20px;
    }
}
.wrapper-content {
    padding: 25px 0 0;
    z-index: 2000;
}

#wrapper-overlay {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2030;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: #ffffff;
    visibility: hidden;
    transition: .3s ease-in;
}
#wrapper-overlay[data-loading="true"] {
    opacity: 1;
    visibility: visible;
}
#wrapper-overlay-container[data-loading="true"] {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
}
#wrapper-overlay-container[data-loading="true"] > .sk-spinner{
    display: block;
    position: fixed;
    top:50%;
    width: 100%;
}


/* +++++++++++    w2ui    +++++++++++  */
.list-group-w2ui {
    margin-top: 20px !important;
}
.list-group-item-w2ui {
    padding: 15px 20px 10px 20px;
}
.list-group-txt-w2ui {
    line-height: 33px;
}