/***********************************************************
* ①日報ページ
* https: //html-nippo.webservice-dev.com/report.php
***********************************************************/


/* サイドバーの背景緑色を変更したい */
.sidebar[data-color="green"]:after,
.bootstrap-navbar[data-color="green"]:after {
    background: #2c9a7a;
    background: -moz-linear-gradient(top, #2c9a7a 0%, rgb(44 154 122 / 0.5) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2c9a7a), color-stop(100%, rgb(44 154 122 / 0.5)));
    background: -webkit-linear-gradient(top, #2c9a7a 0%, rgb(44 154 122 / 0.5) 100%);
    background: -o-linear-gradient(top, #2c9a7a 0%, rgb(44 154 122 / 0.5) 100%);
    background: -ms-linear-gradient(top, #2c9a7a 0%, rgb(44 154 122 / 0.5) 100%);
    background: linear-gradient(to bottom, #2c9a7a 0%, rgb(44 154 122 / 0.5) 100%);
}

/* サイドバーのタイトル調整 */
.sidebar .logo a.logo-normal {
    padding-left: 20px;
}

/* サイドバーのフォント調整 */
.sidebar .logo .simple-text {
    font-size: 1rem;
    font-weight: 600;
}

.sidebar .sidebar-wrapper .nav .nav-link p {
    font-size: 14px;
}

.sidebar .nav .nav-item .nav-link i {
    margin-right: 10px;
}

/* ヘッダーの文字色変更 */
.navbar .navbar-brand {
    color: #333;
}

/* チェックボックス調整 */
.table .form-check .form-check-sign,
.table .form-check .form-check-sign:before,
.table .form-check .form-check-sign:after {
    margin-top: 0;
}

.form-check .form-check-sign::after {
    color: #2c9a7a;
    margin-left: -25px;
}

.form-check .form-check-sign::before {
    margin-left: -25px;
}

.form-check .form-check-sign::before,
.form-check .form-check-sign::after {
    font-size: 24px;
}

/* テキストリンク調整 */
a {
    color: #2c9a7a;
}

a:hover,
a:focus {
    color: #34b28f;
    opacity: 0.7;
}

/* ラベル調整 */
.card label {
    font-size: 0.875rem;
}

.card .card-category,
.card label {
    color: #333;
}

.mr-1 {
    margin-right: 0.75rem !important;
}

/* テーブル調整 */
.table > thead > tr > th {
    color: #333;
    font-size: 0.875rem;
    font-weight: 600;
}

.card .card-title {
    font-weight: 600;
}

.text-secondary {
    color: #333 !important;
}

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
    padding: 16px 8px;
}

.text-primary,
.text-primary:hover {
    color: #2c9a7a !important;
}

.table > thead > tr > th {
    font-size: 0.875rem;
}

.badge {
    font-size: 90%;
    padding: 0.28em 0.8em;
    width: 70px;
    /*追加*/
}

.text-primary,
.text-primary:hover {
    font-weight: 600;
    color: #2c9a7a !important;
}

.table-hover tbody tr:hover {
    background-color: rgba(252, 250, 222, 1);
}

.table-full-width {
    padding: 0 !important;
    /*padding: 15px !importantをとりたい*/
}

/* フォーム*/
.form-control {
    border: 1px solid #999;
    /* 枠線の色変更 */
    margin: 5px;
}

.form-control:focus {
    background-color: #f8f8f8;
    border: 2px solid #2c9a7a;
    transition: none;
    /* focusで緑のborder2pxと背景色追加 */
}

/* カレンダーのボタンの色変更 */
.btn.btn-outline {
    color: #333;
}

/* ボタンの色変更 */
.btn-info {
    border: 1px solid #2c9a7a;
    background-color: #2c9a7a;
}

/* ボタンのhover変更 */
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open > .btn-info.dropdown-toggle {
    background-color: #34b28f;
    border-color: #34b28f;
}

.table-full-width {
    margin-left: 0;
    margin-right: 0;
}

/***********************************************************
* ②プロジェクト追加ページ
* https: //html-nippo.webservice-dev.com/template/project.php
***********************************************************/

/* 見出し */
.card .card-title {
    color: #333;
    font-weight: 600;
}

/* フォームのデフォルト文字色変更*/
.form-control::placeholder {
    color: #999;
    /* 追加 */
}

/* 1行の高さ調整 */
.mt-2 {
    margin-top: 0.75rem !important;
}

.form-check {
    margin-bottom: 0.5rem;
    margin-top: 0.5rem;
}


/***********************************************************
 * ③プロジェクト工数ページ
 * https: //html-nippo.webservice-dev.com/actuals/project.php
 ***********************************************************/

.form-check-radio .form-check-sign::before {
    font-size: 24px;
}

.form-check-radio input[type="radio"] + .form-check-sign:after,
.form-check-radio input[type="radio"] {
    font-size: 24px;
}

.form-check .form-check-sign::after {
    color: #2c9a7a;
}

.DateInput_input {
    font-weight: 400;
}

/***********************************************************
* ④課題追加ページ
* https://html-nippo.webservice-dev.com/template/issue.php
***********************************************************/

.SingleDatePickerInput__withBorder {
    border-radius: 4px;
    border: 1px solid #999;
}