.content-header {
    margin: 0px 30px 20px;
    border-bottom: 1px solid #f1f1f1;
}


.content-header > h1 {
    font-size: 20px !important;
    font-family: Meiryo,YuGothicM,YuGothic !important;
    color: #fff !important;
    background: rgb(132, 151, 176) !important;
    padding: 8px;
}

.card-container {
	padding-top: 10px;
    position: relative;
}

.card-inline {
	display: inline-flex;
}
.card-pf-title {
    font-size: 18px !important;
    font-weight: bold !important;
    font-family: Meiryo,YuGothicM,YuGothic;
}

.card-description {
    /*margin-bottom: 10px;*/
    max-width: 52%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: bold;
}

.card-contents {
	margin-bottom: 20px;
	margin-left: 20px;
}

.card-description-left {
    padding-left: 20px;
}

.progress-label-right {
    padding-right: 90px;
}

.buttonwrap {
    height: 100%;
    display: flex;
    align-items: center;
    /* justify-content: center; */
}

.estimatesbutton {
	/*
	width: 200px;
    margin: 0 20px;
    height: 45px;
    font-family: 'Roboto', sans-serif;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 2.5px;
    font-weight: 500;
    border: double;
    border-radius: 15px;
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease 0s;
    cursor: pointer;
    outline: none;
    vertical-align: middle;*/
    	width: 200px;
    margin: 3px 20px;
    height: 48px;
    font-family: 'Roboto', sans-serif;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 2.5px;
    font-weight: 500;
    border: double;
    border-radius: 35px;
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease 0s;
    cursor: pointer;
    outline: none;
    vertical-align: middle;
    background: #ccc;
    box-sizing: border-box;
    color: #fff;
    font-size: 14px;
    line-height: 1;
    text-align: center;
}
.estimatesbutton_active{
	background-color: #fda9a9 !important;
}
.estimatesbutton:hover {
    background-color: #fda9a9;
    box-shadow: 0px 15px 20px rgba(40, 45, 44, 0.4);
    color: #fff;
    /*transform: translateY(-7px);*/
}

.estimatesbutton:disabled {
    background-image: none;
    background-color: #ccc;
    border-color: #ccc;
}

.estimatesbutton:before {
    background-image: none;
    background-color: #ccc;
    border-color: #ccc;
}

.estimatesbutton:after {
    background-color: #fda9a9;
    box-shadow: 0px 15px 20px rgba(40, 45, 44, 0.4);
    color: #fff;
}
@media screen and (max-width: 768px) {
	div.application .bimsbutton{
    	width: 140px !important;
	}
}
.bimsbutton {
    width: 140px;
    height: 45px;
    font-family: 'Roboto', sans-serif;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 2.5px;
    font-weight: 500;
    color: #fff;
    background-color: #fda9a9;
    border: double;
    border-radius: 35px;
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease 0s;
    cursor: pointer;
    outline: none;
    vertical-align: middle;
}

.bimsbutton:hover {
    background-color: #fda9a9;
    box-shadow: 0px 15px 20px rgba(40, 45, 44, 0.4);
    color: #fff;
    transform: translateY(-7px);
}

.bimsbutton:disabled {
    background-image: none;
    background-color: #ccc;
    border-color: #ccc;
}
.bimsbutton_cancel_web {
    width: 140px;
    height: 45px;
    font-family: 'Roboto', sans-serif;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 2.5px;
    font-weight: 500;
    color: #4683db;
    background-color: #ffffff;
    border: double;
    border-radius: 15px;
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease 0s;
    cursor: pointer;
    outline: none;
    vertical-align: middle;
}

.bimsbutton_cancel_web:hover {
    background-color: #ffffff;
    box-shadow: 0px 15px 20px rgba(40, 45, 44, 0.4);
    color: #4683db;
    transform: translateY(-7px);
}

.bimsbutton_cancel {
    width: 140px;
    height: 45px;
    font-family: 'Roboto', sans-serif;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 2.5px;
    font-weight: 500;
    color: #fff;
    background-color: #777777;
    border: double;
    border-radius: 15px;
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease 0s;
    cursor: pointer;
    outline: none;
    vertical-align: middle;
}

.bimsbutton_cancel:hover {
    background-color: #777777;
    box-shadow: 0px 15px 20px rgba(40, 45, 44, 0.4);
    color: #fff;
    transform: translateY(-7px);
}

.claimsubmitbutton {
	width: 140px;
    height: 45px;
    font-family: 'Roboto', sans-serif;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 2.5px;
    font-weight: 500;
    color: #fff;
    background-color: #0d57a7;
    border: none;
    border-radius: 45px;
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease 0s;
    cursor: pointer;
    outline: none;
}
.claimsubmitbutton:hover {
	background-color: #0775e2;
    box-shadow: 0px 15px 20px rgba(40, 45, 44, 0.4);
    color: #fff;
    transform: translateY(-7px);
}
.claimapprovebutton {
	width: 140px;
    height: 45px;
    font-family: 'Roboto', sans-serif;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 2.5px;
    font-weight: 500;
    color: #fff;
    background-color: #0d57a7;
    border: none;
    border-radius: 45px;
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease 0s;
    cursor: pointer;
    outline: none;
}
.claimapprovebutton:hover{
	background-color: #0775e2;
    box-shadow: 0px 15px 20px rgba(40, 45, 44, 0.4);
    color: #fff;
    transform: translateY(-7px);
}
.claimapprovebutton:hover {
	background-color: #0775e2;
    box-shadow: 0px 15px 20px rgba(40, 45, 44, 0.4);
    color: #fff;
    transform: translateY(-7px);
}

.radio-inline__input>input {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
}

.radio-inline__input>span {
    display: inline-block;
    padding: 0.5rem 1rem;
    margin-right: 18px;
    border-radius: 3px;
    transition: all .2s;
}

.radio-inline__input>input:checked+span {
    background: #0d57a7;
    color: #fff;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.7);
}

.radio-inline__input>input:focus+span {
    outline-color: #4D90FE;
    outline-offset: -2px;
    outline-style: auto;
    outline-width: 5px;
}

/*Table　theadタグ*/
.table>thead {
    background-image: linear-gradient(to bottom,#eaf5fd 0,#aabecc 100%) !important;
}
/*Table ヘッダ*/
.table-view-pf-toolbar.toolbar-pf {
    background-color: #fdfbfb !important;
}

/*Table フッタ*/
.content-view-pf-pagination {
    background-color: #fdfbfb !important;
}

/*全体のバックグランドカラー*/
.cards-pf {
    background: #fdfbfb !important;
    font-family: Meiryo,YuGothicM,YuGothic;
}
/*body*/
body {
	color: #083d77 !important;
    font-size: 14px !important;
}

/*ヘッダ*/
.navbar-pf-vertical {
    /*background: #f6f6f6 !important;*/
    background: #fff !important;
    border-top: 1px solid #fdfbfb !important;
}

/*ナビ*/
.nav-pf-vertical {
    background: transparent !important;
    border-right: 1px solid #c3c3c3 !important;
}

/*ナビ・リストグループ*/
.nav-pf-vertical .list-group-item {
    border-color: #c3c3c3 !important;
    border-style: solid;
}

/*ナビ・リストグループ アクティブ*/
.nav-pf-vertical .list-group-item>a {
    background-color: transparent !important;
    color: #083d77 !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    border-color: #c3c3c3 !important;
}

/*ナビ・セカンド*/
.nav-pf-secondary-nav {
    background:  #fdfbfb !important;
    border: 1px solid #c3c3c3 !important;
}

/*ナビ・セカンド・ヘッダ*/
.nav-item-pf-header {
    color: #083d7791 !important;
    font-size: 16px !important;
    font-weight: 900 !important;
}

/*ナビ・サード*/
.nav-pf-tertiary-nav {
    background: transparent !important;
    border: 1px solid #c3c3c3 !important;
}

/*ナビ・アイコン*/
.navbar-pf-vertical .navbar-toggle .icon-bar {
    background: #757575 !important;
}

/*ヘッダーユーザー名*/
.navbar-pf-vertical .nav .nav-item-iconic {
    color: #757575 !important;
}

/*ヘッダーアイコン*/
.navbar-pf-vertical .nav .nav-item-iconic .caret, .navbar-pf-vertical .nav .nav-item-iconic .fa, .navbar-pf-vertical .nav .nav-item-iconic .pficon {
    color: #757575 !important;
}
.navbar-header-icon {
    max-height: 50px;
    padding: 5px;
    margin-right:20px !important;
}

/*ヘッダーロゴ*/
.navbar-pf-vertical .navbar-brand .navbar-brand-icon {
    max-height: 50px !important;
}

.navbar-pf,
.navbar-pf .navbar-utility>li>a,
.navbar-pf .navbar-utility>li>button,
.navbar-pf .navbar-header {
    background: #fff !important;
    border: none !important;
}
.navbar-pf .navbar-utility>li>a,
.navbar-pf .navbar-utility>li>button,
.navbar-pf .navbar-nav>li>a,
.navbar-pf .navbar-nav>li>a:focus,
.navbar-pf .navbar-nav>li>a:hover,
.navbar-pf .navbar-nav>li>button
.navbar-pf .navbar-nav>li>button:focus,
.navbar-pf .navbar-nav>li>button:hover {
    color: #777 !important;
}
.navbar-pf .navbar-toggle .icon-bar {
    background-color: #777 !important;
}

.h1, h1 {
    font-size: 20px !important;
    font-family: Meiryo,YuGothicM,YuGothic !important;
    color: #fff !important;
    background: rgb(88, 131, 187) !important;
    padding: 8px;
}

div.frame {
    background: #fff;
    border: solid 2px rgb(132, 151, 176);
    padding: 0 0 1rem 0;
    margin: 3rem 10rem;
}

div.frame > h1 {
    border: none;
    text-align: left;
    margin: -1px -1px 1rem -1px;
    padding: 0.2rem 1.0rem;
}
.refer-tr{
	border-bottom: 2px solid #fdf4f4;
}
.refer-table{
	width: 100%;
}
.name {
	color: rgb(122, 138, 160);
	font-weight: bold;
	background-color: #e1e8ef;
	padding: 5px;
}
.name-sub {
	color: rgb(122, 138, 160);
	font-weight: bold;
	background-color: #ecf0f5;
	padding: 5px;
}
.val {
	color: rgb(89, 89, 89);
	width: 50%;
	padding: 5px;
}
.val-full {
	color: rgb(89, 89, 89);
	width: 100%;
	padding: 5px;
}

.form-control {
	height: 35px !important;
    border-radius: 5px !important;
}

.ppolicy {
	box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.5) inset;
	margin: 0px 3%; 
	padding: 0px 2%;
	overflow: auto; 
	height: 20em; 
	background-color:#f1f1f1;
}

.inline-block {
	display: inline-block;
}

.link_underline {
	text-decoration: underline;
}