/* カラー変更
----------------------------------------------------------------------------------------- */


/* body */

#style2 {
    background: linear-gradient(-160deg, #b3bdb3, #aab5a2, #8d9679);
}



/* wrap */

#style2 .wrap {
    background: #f3f9f8;
}



/* header */

#style2 #header .config .conf_user a.conf_user_btn {
    background: #e9f2f1;
}

#style2 #header .config .conf_user a.conf_user_btn:hover {
    background: #c7e8e4;
}

#style2 #header .config .conf_user a span:after {
    color: #055e50;
}

#style2 #header .config .conf_mail a {
    background: #e9f2f1;
}

#style2 #header .config .conf_mail a:before {
    color: #055e50;
}

#style2 #header .config .conf_mail a:hover {
    background: #c7e8e4;
}

#style2 #header .config .conf_mail a span {
    background: #b94b6a;
}

#style2 .link-style {
    color: #586f77 !important;
}



/* メニュー開閉ボタン */

#style2 .sidenav_cont:before {
    color: #055e50;
}



/* パンくず */

#style2 .top-nav-wrap .pankuzu li {
    color: #055e50;
}

#style2 .top-nav-wrap .pankuzu li a {
    color: #055e50;
}

#style2 .top-nav-wrap .pankuzu li a:after {
    color: #055e50;
}



/* サイドメニュー */

#style2 .content_side {
    border-right: 1px solid #d2e3e8;
}

#style2 .content_side .side-menu li a {
    border-bottom: 1px solid #d2e3e8;
    color: #425954;
}

#style2 .content_side .side-menu li a span:after {
    color: #425954;
}

#style2 .content_side .side-menu li a:hover {}

#style2 .content_side .side-menu li a:hover span:after {
    color: #425954;
}

#style2 .content_side .side-menu li a.active {
    background: #1ba992;
    border-bottom: 1px solid #d2e3e8;
    color: #fff;
}

#style2 .content_side .side-menu li a.active span:before {
    border-color: transparent transparent transparent #1ba992;
    line-height: 0px;
    _border-color: #000000 #000000 #000000 #1ba992;
    _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
}

#style2 .content_side .side-menu li a.selected {
    background: #e5f0ef;
}

#style2 .content_side .side-menu.lv2 li a {
    background: #dfefed;
    border-bottom: 1px solid #d2e3e8;
}

#style2 .content_side .side-menu.lv2 li a:hover {
    background: #055e50;
    color: #fff;
}

#style2 .content_side .side-menu.lv2 li a:hover span:after {
    color: #fff;
}

#style2 .content_side .side-menu.lv2 li a span:before {
    background: #85989f;
    color: #fff !important;
}

#style2 .content_side .side-menu.lv2 li a.selected {
    background: #055e50;
    color: #fff;
}

#style2 .content_side .side-menu.lv2 li a.selected span:after {
    color: #fff;
}

#style2 .content_side .side-menu.lv3 li a {
    background: #e9f2f1;
}

#style2 .content_side .side-menu.lv3 li a:hover {
    background: #055e50;
    color: #fff;
}



/* タイトル */

#style2 .panel-title {
    color: #055e50;
}

#style2 .panel-title2 {
    color: #055e50;
}

#style2 .info-title {
    color: #055e50;
}



/* パネル */

#style2 .panel-head {
    background: #1ba992;
    border-bottom: none;
}

#style2 .panel-tools .btn.btn-link {
    color: #fff;
}



/* 件数 */

#style2 .panel-numb-title:before {
    content: "\f012";
    display: inline-block;
    padding-right: 6px;
    font-family: FontAwesome;
    font-weight: 300;
    height: auto;
    text-shadow: none;
}

#style2 .panel-body[class*="bg-"] {
    color: #055e50;
}

#style2 .panel-body[class*="bg-"] a {
    color: #055e50;
}

#style2 .panel-body.bg-g1 {
    background: #fff;
}

#style2 .panel-body.bg-g2 {
    background: #fff;
}

#style2 .panel-body.bg-b1 {
    background: #fff;
}

#style2 .panel-body.bg-b2 {
    background: #fff;
}



/* テーブル */

#style2 .table-data tr:nth-child(even) {
    background: #f6fbfa;
}

#style2 .table-data tr td {
    color: #a4a196;
}

#style2 .table-data .percent-down {
    color: #b94b6a;
}

#style2 .table-data .percent-up {
    color: #1ba992;
}



/* お問い合わせ件数 */

#style2 .panel-number {
    background: #f6fbfa;
}

#style2 .panel-number a {
    color: #055e50;
}

#style2 .panel-number a:hover {
    color: #1BA996;
}

#style2 .panel-number2 a:hover {
    color: #1BA996;
}




/* お知らせ */

#style2 .information a {
    background: #fff;
}

#style2 .information a:nth-child(even) {
    background: #f3f9f8;
}

#style2 .information a:hover {
    background: #f3f9f8;
    text-decoration: none;
}

#style2 .information dt {
    color: #1ba992;
}

#style2 .information dd span {
    color: #055e50;
}



/* footer */

#style2 #footer .inner {
    background: #1ba992;
}

#style2 #footer .page-top {
    background: #1ba992;
}

#style2 #footer .page-top:hover {
    background: #17927e;
    text-decoration: none;
}




/* サイトパーツ */


/* 基本パーツ */

#style2 .page-title {
    color: #055e50;
}

#style2 .page-title-sub {
    background: #1ba992;
    color: #fff;
    font-weight: 600;
}

#style2 .page-title-sub .side-cont dt {
    color: #055e50;
}

#style2 .page-title-sub .side-cont dt:after {
    color: #055e50;
}

#style2 .page-title-sub:after {
    border-color: #1ba992 transparent transparent transparent;
    line-height: 0px;
    _border-color: #000000 #000000 #000000 #1ba992;
    _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
}

#style2 .page-title-sub .side-cont label:after {
    color: #21a18c;
}

#style2 .page-title-sub .side-cont label select {
    background: #fff;
    color: #21a18c;
}

#style2 .confirmation-read {
    color: #b84b69;
}


/* ボタン関連 */

#style2 .link-btn {
    background: #1ba992;
    color: #fff;
}

#style2 .link-btn:hover {
    background: #21a18c;
    color: #fff;
}

#style2 .link-btn.next:link {
    color: #fff;
}

#style2 .link-btn-w {
    border: 1px solid #add5ce;
    background: #fff;
    color: #435259;
}




/* 一覧ナビ(ページャー、表示件数) */

#style2 .list-nav .list-pager li a {
    background: #fff;
    border: 1px solid #add5ce;
    color: #055e50;
}

#style2 .list-nav .list-pager li a.active {
    background: #1ba992;
    color: #fff;
}



/* スクロールバー */

#style2 .list-table::-webkit-scrollbar {
    background: #ddd;
}

#style2 .list-table::-webkit-scrollbar-piece {
    background: #eee;
}

#style2 .list-table::-webkit-scrollbar-piece:start {
    background: #eee;
}

#style2 .list-table::-webkit-scrollbar-thumb {
    background: #21a18c;
}

#style2 .list-table::-webkit-scrollbar-corner {
    background: #333;
}



#style2 .list-table tr:nth-child(even) {
    background: #f6fbfa;
}

#style2 .list-table thead tr th {
    background: #1ba992;
    border-bottom: 1px solid #add5ce;
    color: #fff;
}

#style2 .list-table thead tr th a {
    color: #fff;
}

#style2 .list-table thead tr th a:hover {
    color: #fff;
    opacity: 0.7;
}

#style2 .list-table table tbody tr td {}

#style2 .table-data tr th {
    border-bottom: 1px solid #e6e6e6;
}

#style2 .table-data tr td {
    border-bottom: 1px solid #e6e6e6;
    color: #425359;
}

#style2 .table-data .percent-up {
    color: #1ba992;
}

#style2 .table-data .percent-down {
    color: #b94b6a;
}





/* フォーム関連 */

#style2 input[type="text"],
#style2 input[type="password"] {
    background: #fff;
    border: 1px solid #add5ce;
}

#style2 input[type="submit"] {
    background: #1ba992;
    color: #fff;
}

#style2 input[type="checkbox"]+span {
    color: #055e50;
}

#style2 input[type="checkbox"]+span::before {
    border: 1px solid #add5ce;
    background: #fff;
}

#style2 input[type="checkbox"]:checked+span::before {
    background: #1ba992;
}

#style2 input[type="checkbox"]:checked+span::after {
    border-bottom: 3px solid #ffffff;
    border-right: 3px solid #ffffff;
}



#style2 .style_number {
    background: #fff;
    border: 1px solid #add5ce;
    color: #055e50;
}

#style2 .form-style dl {}

#style2 .form-style dl dt {}

#style2 .form-style dl dt .req {
    background: #b94b6a;
    color: #fff;
}

#style2 .form-style dl dd {}

#style2 .form-style dl dd .form-input {}

#style2 .form-style dl dd .detail {
    color: #999;
}





/* 各ページパーツ */


/* 販売登録 */

#style2 .reg-nav li a {
    background: #fff;
}

#style2 .reg-nav li a:hover {
    color: #1ba992;
}

#style2 .reg-nav li a.active {
    background: #1ba992;
    border-bottom: 1px solid #40a0c9;
    color: #fff;
}

#style2 .reg-nav li a.active:after {
    border-color: #1ba992 transparent transparent transparent;
    line-height: 0px;
    _border-color: #000000 #000000 #000000 #1ba992;
    _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
}





/* 見積シュミレータ */

#style2 .simu-pattern a {
    background: #e9f2f1;
    border: 1px solid #add5ce;
}

#style2 .simu-pattern a:hover {
    background: #1ba992;
}

#style2 .simu-pattern a.active {
    background: #1ba992;
}

#style2 .simu-pattern a h4 {
    color: #43545a;
}

#style2 .simu-pattern a:hover h4 {
    color: #fff;
}

#style2 .simu-pattern a.active h4 {
    background: #1ba992;
    color: #fff;
}

#style2 .list-table.simu-table table tr:nth-child(odd) td {
    background: #fff;
}

#style2 .list-table.simu-table table tr:nth-child(even) td {
    background: #f6fbfa;
}

#style2 .list-table.simu-table table td button.btn {
    background: #fff;
    border: 1px solid #add5ce;
    color: #055e50;
}

#style2 .list-table.simu-table table td button.btn.color-y-btn {
    background: #e7c807;
}

#style2 .list-table.simu-table table td button.btn.color-b-btn {
    background: #008ec2;
}

#style2 .list-table.simu-table table td button.btn.color-g-btn {
    background: #00aa92;
}

#style2 .sim-collapse {
    border: 1px solid #add5ce;
}

#style2 .list-table.simu-table table tr th {
    background: #1ba992;
    color: #fff;
}




/* モーダル内 */

#style2 .remodal .panel-head .remodal-close {
    position: absolute;
    top: -2px !important;
    right: -2px;
    left: auto !important;
    color: #fff;
    right: 0 !important;
}

#style2 .remodal .panel-body .page-title {
    background: #fff;
    color: #1ba992;
}

#style2 .remodal .panel-body .page-title:after {
    border-color: #fff transparent transparent transparent;
    line-height: 0px;
    _border-color: #000000 #000000 #000000 #fff;
    _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
}

#style2 .remodal .panel-body .page-title-sub {
    margin: 0;
    padding: 30px 0 25px;
    background: #fff;
    font-size: 18px;
    font-weight: 300;
    color: #1ba992;
}

#style2 .remodal .panel-body .page-title-sub:after {
    border-color: #fff transparent transparent transparent;
    line-height: 0px;
    _border-color: #000000 #000000 #000000 #fff;
    _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
}

#style2 .remodal .panel-body .form-group {
    background: #f5f5f5;
}

#style2 .remodal .panel-body .form-group .period dl dd input[type="text"] {
    background: #fff;
    border: 1px solid #add5ce;
}











/* カラー変更2
----------------------------------------------------------------------------------------- */


/* body */

#style3 {
    background: linear-gradient(-160deg, #bfc0b2, #ced4c7, #ad9f8d, #9d8373);
}



/* wrap */

#style3 .wrap {
    background: #3c4246;
}



/* header */

#style3 #header {
    background: #ededed;
}

#style3 #header .config .conf_user a.conf_user_btn {
    background: #3b3f42;
    color: #cdcbcb;
}

#style3 #header .config .conf_user a.conf_user_btn:hover {
    background: #50575d;
}

#style3 #header .config .conf_user a span:after {
    color: #53c5ef;
}

#style3 #header .config .conf_mail a {
    background: #3b3f42;
}

#style3 #header .config .conf_mail a:hover {
    background: #50575d;
}

#style3 #header .config .conf_mail a:before {
    text-shadow: 0px 0px 4px #000;
}

#style3 .top-nav-wrap {
    background: url(../images/common/bg_nav3.png) repeat;
    background-size: 2px;
}



/* メニュー開閉ボタン */

#style3 .sidenav_cont input {
    background: #e3e3e3;
}

#style3 .sidenav_cont:before {
    color: #3a80ae;
}



/* パンくず */

#style3 .top-nav-wrap .pankuzu li {
    color: #43545a;
}

#style3 .top-nav-wrap .pankuzu li a {
    color: #3a80ae;
}

#style3 .top-nav-wrap .pankuzu li a:after {
    color: #43545a;
}



/* テーマ変更ボタン */

#style3 .top-nav-wrap .style_nav:before {
    color: #425359;
}



/* サイドメニュー */

#style3 .content_side {
    border-right: none;
}

#style3 .content_side .side-menu li a {
    background: #2d3134;
    border-bottom: 1px solid #565d61;
    color: #cdcbcb;
}

#style3 .content_side .side-menu li:first-child a {
    border-top: none;
}

#style3 .content_side .side-menu li a:hover {
    background: #3a80ae;
    color: #fff;
}

#style3 .content_side .side-menu li a span:after {
    color: #85989f;
}

#style3 .content_side .side-menu li a:hover span:after {
    color: #fff;
}

#style3 .content_side .side-menu li a.active {
    background: #3a80ae;
    border-bottom: 1px solid #565d61;
    color: #fff;
}

#style3 .content_side .side-menu li a.active span:before {
    border-color: transparent transparent transparent #3a80ae;
    line-height: 0px;
    _border-color: #000000 #000000 #000000 #3a80ae;
    _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
}

#style3 .content_side .side-menu li a.selected {
    background: #1c4351;
}

#style3 .content_side .side-menu.lv2 li a {
    background: #1c4351;
}

#style3 .content_side .side-menu.lv2 li a:hover {
    background: #54c5ef;
    color: #fff;
}

#style3 .content_side .side-menu.lv2 li a:hover span:after {
    color: #fff;
}

#style3 .content_side .side-menu.lv2 li a span:before {}

#style3 .content_side .side-menu.lv2 li a.selected {
    background: #54c5ef;
    color: #fff;
}

#style3 .content_side .side-menu.lv2 li a.selected span:after {
    color: #fff;
}

#style3 .content_side .side-menu.lv3 li a {
    background: #1c4351;
    border-bottom: 1px solid #565d61;
    color: #cdcbcb;
}

#style3 .content_side .side-menu.lv3 li a:hover {
    background: #54c5ef;
    color: #fff;
}

#style3 .content_side .side-menu.lv3 li a.selected {
    background: #54c5ef;
    color: #fff;
}



/* タイトル */

#style3 .panel-title {
    color: #54c5ef;
}

#style3 .panel-title2 {
    color: #54c5ef;
}

#style3 .info-title {
    color: #53c5ef;
}

#style3 .today {
    color: #cdcbcb;
}



/* パネル */

#style3 .panel {
    background: #32373a;
}

#style3 .panel-head {
    background: #2d3134;
    border-bottom: 1px solid #6da3c3;
}

#style3 .panel-tools .btn.btn-link {
    color: #54c5ef;
}



/* 件数 */

#style3 .panel-body[class*="bg-"] {
    color: #54c5ef;
}

#style3 .panel-body[class*="bg-"] a {
    color: #54c5ef;
}

#style3 .panel-body.bg-g1 {
    background: #32373a;
}

#style3 .panel-body.bg-g2 {
    background: #32373a;
}

#style3 .panel-body.bg-b1 {
    background: #32373a;
}

#style3 .panel-body.bg-b2 {
    background: #32373a;
}



/* テーブル */

#style3 .table-data tr:nth-child(even) {
    background: #373c3f;
}

#style3 .table-data tr td {
    color: #cdcbcb;
    border-bottom: 1px solid #54c5ef;
}

#style3 .table-data .percent-down {
    color: #fd8675;
}

#style3 .table-data .percent-up {
    color: #53c5ef;
}



/* お問い合わせ件数 */

#style3 .panel-number {
    background: #3c4246;
}

#style3 .panel-number a {
    color: #54c5ef;
}

#style3 .panel-number a:hover {
    color: #208eb7;
}

#style3 .panel-number2 a:hover {
    color: #208eb7;
}



/* お知らせ */

#style3 .information a {
    border-bottom: none;
}

#style3 .information a:hover {
    background: #484846;
}

#style3 .information a:nth-child(even) {
    background: #3c4246;
}

#style3 .information a:hover {
    background: #3c4246;
    text-decoration: none;
}

#style3 .information dt {
    color: #7bbbdb;
}

#style3 .information dd {
    color: #cdcbcb;
}



/* footer */

#style3 #footer .inner {
    background: #2d3134;
}

#style3 #footer .page-top {
    background: #3a80ae;
}

#style3 #footer .page-top:hover {
    background: #54c5ef;
}







/* サイトパーツ */


/* 基本パーツ */

#style3 .page-title {
    color: #54c5ef;
}

#style3 .page-title-sub {
    background: #3a80ae;
    color: #fff;
    font-weight: 600;
}

#style3 .page-title-sub:after {
    border-color: #3a80ae transparent transparent transparent;
    line-height: 0px;
    _border-color: #000000 #000000 #000000 #3a80ae;
    _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
}

#style3 .page-title-sub .side-cont dt {
    color: #3a80ae;
}

#style3 .page-title-sub .side-cont dt:after {
    color: #3a80ae;
}

#style3 .page-title-sub .side-cont label:after {
    color: #fff;
}

#style3 .page-title-sub .side-cont label select {
    background: #32373a;
    color: #fff;
}

#style3 .col-md-12.ta-center {
    color: #cdcbcb;
}

#style3 .content_main.second {
    color: #cdcbcb;
}

#style3 .confirmation-read {
    color: #fe8674;
}


/* ボタン関連 */

#style3 .link-btn {
    background: #3a80ae;
    color: #fff;
}

#style3 .link-btn:hover {
    background: #51c2ec;
    color: #fff;
}

#style3 .link-btn.next:link {
    color: #fff;
}

#style3 .link-btn-w {
    border: 1px solid #6ca3c4;
    background: #3b3f42;
    color: #fff;
}

#style3 .link-btn-w.prev:before {
    color: #fff;
}

#style3 .link-style {
    color: #fff;
}





/* 一覧ナビ(ページャー、表示件数) */

#style3 .list-nav .list-pager li a {
    background: #32373a;
    border: 1px solid #3a80ae;
    color: #54c5ef;
}

#style3 .list-nav .list-pager li a.active {
    background: #3a80ae;
    color: #fff;
}



/* スクロールバー */

#style3 .list-table::-webkit-scrollbar {
    background: #ddd;
}

#style3 .list-table::-webkit-scrollbar-piece {
    background: #eee;
}

#style3 .list-table::-webkit-scrollbar-piece:start {
    background: #eee;
}

#style3 .list-table::-webkit-scrollbar-thumb {
    background: #3a80ae;
}

#style3 .list-table::-webkit-scrollbar-corner {
    background: #333;
}

#style3 .list-table tr:nth-child(even) {
    background: #3c4246;
}

#style3 .list-table thead tr th {
    background: #3a80ae;
    border-bottom: none;
    color: #fff;
}

#style3 .list-table thead tr th a {
    color: #fff;
}

#style3 .list-table thead tr th a:hover {
    color: #fff;
    opacity: 0.7;
}

#style3 .list-table table tbody tr td {
    border-bottom: none;
}

#style3 .table-data tr th {
    border-bottom: 1px solid #e6e6e6;
}

#style3 .table-data tr td {
    border-bottom: 1px solid #e6e6e6;
}





/* フォーム関連 */

#style3 input[type="text"],
#style3 input[type="password"] {
    background: #32373a;
    border: 1px solid #3a80ae;
    color: #fff
}

#style3 input[type="submit"] {
    background: #3a80ae;
    color: #fff;
}

#style3 input[type="checkbox"]+span {
    color: #54c5ef;
}

#style3 input[type="checkbox"]+span::before {
    border: none;
    background: #32373a;
}

#style3 input[type="checkbox"]:checked+span::before {
    background: #3a80ae;
}

#style3 input[type="checkbox"]:checked+span::after {
    border-bottom: 3px solid #cdcbcb;
    border-right: 3px solid #cdcbcb;
}



#style3 .style_number {
    background: #32373a;
    border: 1px solid #3a80ae;
    color: #54c5ef;
}

#style3 .form-style dl {}

#style3 .form-style dl dt {
    color: #54c5ef;
}

#style3 .form-style dl dt .req {
    background: #fd8675;
    color: #fff;
}

#style3 .form-style dl dd {}

#style3 .form-style dl dd .form-input {}

#style3 .form-style dl dd .detail {
    color: #999;
}





/* 各ページパーツ */


/* 販売登録 */

#style3 .reg-nav li a {
    background: #b2b9bd;
    color: #2d3134;
}

#style3 .reg-nav li a:hover {
    background: #51c2ec;
}

#style3 .reg-nav li a.active {
    background: #3a80ae;
    border: 1px solid #40a0c9;
    color: #fff;
}

#style3 .reg-nav li a.active:after {
    border-color: #3a80ae transparent transparent transparent;
    line-height: 0px;
    _border-color: #000000 #000000 #000000 #3a80ae;
    _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
}





/* 見積シュミレータ */

#style3 .simu-pattern a {
    background: #3c4246;
    border: 1px solid #3a80ae;
}

#style3 .simu-pattern a:hover {
    background: #3a80ae;
}

#style3 .simu-pattern a.active {
    background: #3a80ae;
}

#style3 .simu-pattern a h4 {
    color: #cdcbcb;
}

#style3 .simu-pattern a:hover h4 {
    color: #fff;
}

#style3 .simu-pattern a.active h4 {
    background: #3a80ae;
    color: #fff;
}

#style3 .list-table.simu-table table tr:nth-child(odd) td {
    background: #32373a;
}

#style3 .list-table.simu-table table tr:nth-child(even) td {
    background: #3c4246;
}

#style3 .list-table.simu-table table td button.btn {
    background: none;
    border: 1px solid #3a80ae;
    color: #54c5ef;
}

#style3 .list-table.simu-table table td button.btn.color-y-btn {
    background: #e7c807;
}

#style3 .list-table.simu-table table td button.btn.color-b-btn {
    background: #008ec2;
}

#style3 .list-table.simu-table table td button.btn.color-g-btn {
    background: #00aa92;
}

#style3 .list-table.simu-table table {
    border: solid 1px #3a80ae;
}



/* モーダル内 */

#style3 .remodal .panel-head .remodal-close {
    position: absolute;
    top: -2px !important;
    right: -2px;
    left: auto !important;
    color: #fff;
    right: 0 !important;
}

#style3 .remodal .panel-body .page-title {
    background: #32373a;
    color: #54c5ef
}

#style3 .remodal .panel-body .page-title:after {
    border-color: #32373a transparent transparent transparent;
    line-height: 0px;
    _border-color: #000000 #000000 #000000 #777;
    _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
}

#style3 .remodal .panel-body .page-title-sub {
    margin: 0;
    padding: 30px 0 25px;
    background: #32373a;
    font-size: 18px;
    font-weight: 600;
    color: #54c5ef
}

#style3 .remodal .panel-body .page-title-sub:after {
    border-color: #32373a transparent transparent transparent;
    line-height: 0px;
    _border-color: #000000 #000000 #000000 #fff;
    _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
}

#style3 .remodal .panel-body .form-group {
    background: #3c4246;
    color: #fff;
}

#style3 .remodal .panel-body .form-group dl dt {
    color: #fff;
}


#style3 .remodal .panel-body .form-group .period dl dd input[type="text"] {
    background: #32373a;
    border: 1px solid #c0d2db;
}

tr.bg_color_white {
    background-color: #ddd;
}