/* base-color : #374f6a; */
/* base-color2 : #2e445e */
/* accent-color : #243951 */

.mdl-layout__drawer-button i {
    color:black;
}

/* header */
.mdl-layout__header-row {
    background-color: #FFFFFF;
}

.mdl-layout__header-row  .logo-img-wrapper {
    background-size: contain;
    background-repeat: no-repeat;
}

.mdl-layout__header-row .logo-img {
    width: 159px;
    height: 48px;
    background-position: inherit;
    background-image:none;
    padding:0;
}

/* tabbar  */
header .mdl-layout__tab-bar-container {
    background-color: #374f6a;
}

header .mdl-layout__tab-bar {
    background-color: #374f6a;
    max-width: calc(1080px - 8px - 8px);
    margin: 0 auto;
    height: 48px;
}

/*
.mdl-layout.is-upgraded .mdl-layout__tab.is-active {
    background-color: #000055;
}
*/
.mdl-layout.is-upgraded .mdl-layout__tab.is-active::after {
    background: #243951;
}

/* navigation */
.mdl-layout__drawer header {
    background-color: #262626;
    height:64px;
    color: #dedede;
}
.demo-drawer.mdl-layout__drawer, .mdl-layout__drawer nav {
    background-color: #2d2d2d;
    color:#dedede;
}

.mdl-layout__drawer .mdl-navigation .mdl-navigation__link {
    color:#dedede;
}

.mdl-layout__drawer .mdl-navigation .mdl-navigation__link i {
    padding-left:20px;
}

.mdl-layout__drawer .mdl-navigation .mdl-navigation__link.is-active i {
    border-left:5px solid #374f6a;
    padding-left:15px;
}

.mdl-layout__drawer .mdl-navigation .mdl-navigation__link {
    padding-left:20px;
}

/* card module common */
.mdl-demo.mdl-demo .mdl-card__supporting-text h4 {
    border-left: 5px solid #212121;
    padding-left: 10px;
    min-height: 32px;
    height: auto;
}
.mdl-grid > .mdl-card > .mdl-card__supporting-text > h4 {
    height: 32px;
}
/* card module news */
.mdl-demo .section__circle-container > .section__circle-container__circle {
    background-color: #f0f0f0;
    color: #333333;
}


.mdl-demo .section__circle-container > .section__circle-container__circle.force-portal-personal {
    background-color:#374f6a;
    color: #ffffff;
}
.date-info {
    position: absolute;
    left: 0;
    top: 3px;
    color: gray;
}

.already-read::after {
    font-size: 80%;
    content: "既読";
    padding: 3px 5px;
    margin: 3px 0px 3px 0px;
    background: #808080;
    color: white;
    border-radius: 5px;
    line-height: 20px;
}
.still-unread::after {
    font-size: 80%;
    content: "未読";
    padding: 3px 5px;
    margin: 3px 0px 3px 0px;
    background: #ba2020;
    color: white;
    border-radius: 5px;
    line-height: 20px;
}
.updated-content::before {
    font-size: 80%;
    content: "更新";
    padding: 3px;
    margin: 0px 10px 0px 0px;
    background: #ba2020;
    color: white;
    border-radius: 5px;
}

.force-portal-news h5 {
    margin-bottom:5px;
}

.force-portal-read-more {
    position:absolute;
    right:0;
}

.force-portal-read-more a {
    color:#a0a0a0;
}

.force-portal-news .mdl-card__actions {
    text-align:center;
}

.force-portal-word-break {
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
}

/* card module table */
.force-portal-main-card table th {
    background-color:#2e445e;
    color:#ffffff;
    border: 1px solid white;
    vertical-align: middle;
    padding:0;
}

.force-portal-main-card table th.mdl-data-table__cell--non-numeric {
    text-align:center;
    padding:0;
}

.force-portal-main-card table tbody tr:nth-child(odd) {
    background-color:#ffffff;
    color:#000000;
}

table tbody tr:nth-child(even) {
    background-color:#f9f9f9;
    color:#000000;
}

.force-portal-main-card table tbody tr:nth-child(odd) th {
    background-color:#374f6a;

}

.mdl-data-table th, .mdl-data-table th a {
    background-color: inherit;
    color: inherit;
    padding: 0;
    line-height: 48px;
}

.mdl-data-table__cell--non-numeric.mdl-data-table__cell--non-numeric {
    text-align:center;
}

td.mdl-data-table__cell--non-numeric.mdl-data-table__cell--non-numeric {
    text-align:right;
}

.mdl-data-table th {
    border-top: 1px solid rgba(0,0,0,.12);
    border-bottom: 1px solid rgba(0,0,0,.12);
}


.mdl-card__supporting-text.mdl-grid {
    position:relative;
}

.mdl-card__supporting-text.force-portal-vertical-top {
    display:table;
}


.mdl-button--primary.mdl-button--primary.mdl-button--raised, .mdl-button--primary.mdl-button--primary.mdl-button--fab {
    color: #ffffff;
    background-color: #4b4b4b;
}

.mdl-button--accent.mdl-button--accent.mdl-button--raised, .mdl-button--accent.mdl-button--accent.mdl-button--fab {
    color:#ffffff;
    background-color: #9e3636;
}

.display_block {
    display: block;
}

.toggleheader {
    cursor: pointer;
    color: #00bcd4;
    text-decoration-line: underline;
    margin-bottom: 5px;
}
.toggleheader:after {
    content: ".";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
}

.portfolio-comment {
    margin-bottom: 10px;
}
.portfolio-operation-link, .portfolio-prev {
    text-align: left;
    float: left;
}
.portfolio-action-link, .portfolio-next {
    text-align: right;
}

.mdl-button--raised.mdl-button--colored {
    background-color: #374f6a;
    color: white;
}