.navfoot {
	position: relative;/*←相対位置*/
	bottom: 0; /*下に固定*/
	margin-top:auto;
	color:#000000; /* 2023.03.02 nagumo edit*/
	font-size: 15px;
}

.bpr-head {
	margin: auto 0 0 auto;
	margin: auto 0 0;
	text-align: right;
	font-size: 12px;
	color:#b46a38;
}

.bpr-head2 {
	margin: auto 0 0 auto;
	text-align: right;
	font-size: 12px;
	color:#b46a38;
}

.bpr-head2 img{
	width: 7%;
}


.bpr-foot {
	margin: auto 0 0 auto;
	text-align: right;
}

.tes-foot {
margin: auto 0 0 auto;
text-align: right;
}

.inArea {
	margin-top:200px;
}

.loginButton {
    width: 300px;
    height: 45px;
	color: #FFF;
	background-color: #517AE8;
}

.loginButton:hover {
    width: 300px;
    height: 45px;
	background-color: #3159a1 !important;
}

.loginButton:active {
    width: 300px;
    height: 45px;
	background-color: #3159a1 !important;
}

.bpr-textcl {
	color:#385db4;
}

.loginScreen {
	background-image: url("/img/kinoko2018.png");
	background-size: contain;
}

.loginHfBack{
	background-color: white;
}


.my-radio {
	position: relative;
	padding-left: 28px;
	cursor: pointer;
	user-select: none;
}

.head-LR-position{
width:100%;
display: flex;justify-content: space-between;
}

.head-R-position{
display: flex;justify-content: flex-end;
}

.head-C-position{
justify-content: center; /* 子要素を中央揃え */
position: relative;
}

.headLog{
height:100%;
object-fit: contain;
left:0;
position: absolute;
}

.sysName{
font-size: 28px;
position: absolute;
left:0;
margin-left:20px;
color:#7E1F5A;
font-weight: bold;
font-family: "ＭＳ ゴシック";
}

/* ヘッダバー ユーザー情報エリア */
.basicInfo{
	position:relative;
	border:1px solid #7e1f5a73;
	padding:3px;
	height: 40px;
	font-size: 16px;
	margin:5px 20px 3px 0px;
}

.basic_title {
	position:absolute;
	top: -12px;
	left: 10px;
	padding: 10px 5px;
	background-color:#ffffff;
	font-weight:bold;
	color:#7E1F5A;
	line-height: 1em;
}

.basic_name{
	/* margin-left: 0px; */
	padding: 5px 25px 5px 70px;
}

.signInfo{
margin: 0 30px ;
width:50%;
}

/* 常に表示する枠線の円 */
.radio-mark {
	position: absolute;
	top: 0; /* 上からの位置 */
	left: 0;
	height: 18px; /* 大きさ */
	width: 18px; /* 大きさ */
	border: solid 2px #d4dae2; /* 線 */
	border-radius: 50%;
	box-sizing: border-box;
}
/* 選択時に重ねる円 */
.radio-mark:after {
	content: "";
	position: absolute;
	background: #28a745;
	border-radius: 50%;
	top: 2px;
	bottom: 2px;
	left: 2px;
	right: 2px;
	opacity: 0; /* 透明にしておく */
}
/* 選択時に重ねた円の透明を解除 */
.my-radio input:checked + .radio-mark:after {
	opacity: 1;
}

/*---チェックボックス 色変更---*/
/* 常に表示する枠線の四角 */
.check-mark {
	position: absolute;
	top: 0; /* 上からの位置 */
	left: 0;
	height: 18px; /* 大きさ */
	width: 18px; /* 大きさ */
	border: solid 2px #d4dae2; /* 線 */
	background-color: #FFF; /* 背景の色変更 お好きな色を */
	box-sizing: border-box;
}
/* 選択時に重ねる四角 */
.check-mark:after {
	content: "";
	position: absolute;
	display: block;
	box-sizing: border-box;
	width: 18px;
	height: 9px;
	margin-top: -9px;
	top: 50%;
	left: 32x;
	transform: rotate(-45deg);
	border-bottom: 2px solid;
	border-left: 2px solid;
	border-color:  #28a745; /* チェックの色変更 お好きな色を */
}
/*---チェックボックス 色変更---*/

.areaLine {
	border-top: 1px solid #dee2e6;
}

.headStyle {
	border-bottom: 4px double #7E1F5A;
	/* STG専用 */
	/* background-color: rgb(134, 178, 253); */
}

.disabledivs {
	pointer-events: none;
}

.catalogMestyle{
	color:#ff0000;
	font-weight:bold;
	display:inline-block;
	width:500px;
	margin-top:0px;
}

.bulkStyle {
	margin-top:10px;
	margin-bottom:10px;
}

.bulkStyleKbn {
	margin-top:2px;
}

.btnfloadR {
	position: fixed; /* 要素の位置を固定する */
	right: 0; /* 基準の位置を画面の一番右に指定する */
	margin-right:20px;
}

.rowSepmiddle {
	margin-top: 5px;
	margin-bottom: 5px;
	width:90%;
	margin-left:0;
}

/* チェックボックス(検索エリア) */
/*全体*/
.rowChkbox {
	float:left;
}

/* 先頭項目 */
.fst-listchk {
	margin-left:50px;
	margin-right:5px;
	margin-top:10px;
}

/* 他項目 */
.thr-listchk {
	margin-left:30px;
	margin-right:5px;
	margin-top:10px;
}
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.btn-green{
padding: 0.5em;
margin: 10px 0;
display: block;
color: #fff !important;
background: #6FB83F;
text-decoration: none;
font-weight: bold;
font-size:16px;
border-radius: 3px;
text-align:center;
text-decoration:none !important;
}
.btn-green:before {
content: "";
display: inline-block;
width: 18px;
height: 18px;
margin: -3px 5px 0 0;
background: url("画像URL") no-repeat;
background-size: contain;
vertical-align: middle;
}
.btn-green:hover {
background: #6FB83F;
}
@media screen and (min-width: 768px){
a.btn-green{
	padding: 0.5em 2em;
	margin: 2px auto;
	font-size:16px;
	display:inline-block;
}
a.btn-green:before {
	margin: -3px 10px 0 0;
}
}

table.min{
width: 65%;
border-spacing: 0;
}

table.middle{
width: 70%;
border-spacing: 0;
}

table{
width: 92%;
border-spacing: 0;
}

table th{
text-align: center;
color:#ffffff;
background-image:linear-gradient(#97256A,#97256A) !important;
width: 0%;
padding: 10px 0;
}

table td{
text-align: center;
border-left: 1px solid #a8b7c5;
border-bottom: 1px solid #a8b7c5;
border-top:none;
width: 0%;
padding: 10px 0;
}

table td:last-child{
border-right: 1px solid #a8b7c5;
}

.csv-contents {
	display: flex;
	width: 80%;
	height: 80%;
	justify-content: center;
	padding-bottom: 10px;
	box-sizing: border-box;
}

.csv-contents-inner {
	display: flex;
	width: 80%;
	height: 80%;
	flex-direction: column;
	justify-content: center;
}

#csvFileSelector1 {
	display: none;
}
#csvFileSelector2 {
	display: none;
}
#csvFileSelector3 {
	display: none;
}
#csvFileSelector4 {
	display: none;
}
/* 2022.04.11 add*/
#csvFileSelector5 {
display: none;
}

.csvSelectorContainer {
	padding: 5px 10px;
	border: 0.5px solid #000000;
	background: #e8e7e7 !important;
	border-radius: 5px;
	cursor: pointer;
	transition: background-color 0.2s linear;
	width:200px;
}
.fileNameBox {
	font-size: 20px;
}
.custom-select{
	width: 70%;
	height: 70%;
	justify-content: center;

}

/* バリデーションメッセージのやつ */
.validateStyle{
	color:#ff0000;
	font-weight	:bold;
	margin :0;
}

/* エラー */
.errorStyle{
	border-color:#ff0000;
	box-shadow: 0 0 3px #ff0000;
}

/* 行間空けるクラス */
.rowHeight {
height:25px;
}

/* errorRowスタイル-TES版- */
.errRowLayout{
width:83%;
margin:5;
}

/* loading画像 */
.dspLoading{
/* wight:100%; */
/* hight:200px; */
background: url("/img/load/loading.gif");
background-repeat:no-repeat;
background-position:center;
}

/* tablesorter系 */
/* フィルター部分の背景の色を変える */
.tablesorter-default .tablesorter-filter-row td {
	background:#f1f3ff;
}
/* tablesorter系 */

/* ヘッダスクロール固定系 */
.tablesorter-default {
	width: 100% !important;
}

.btnarea{
	width: 92% !important;
}

thead,tfoot{
	position: sticky;
}

.scroll-box {
	position: relative;
	height: 645px;
	overflow-y: auto;
	overflow-x: hidden;
	top:0px;
}

thead.scrl, tbody.scrl {
	top:0;
	z-index: 1;
}

/* フッタ固定 */
tfoot.scrl {
	bottom:0;
}

tfoot th{
	background: #eee !important;
	height:55px !important;
	border: 0.5px solid #666 !important;
	color: #000 !important;
}
/* フィルター部分の背景の色を変える */
.tablesorter-default .tablesorter-filter-row td {
	background: #eee !important;
}

th.scrl, td.scrl {
	padding: 5px;
	border: 1px solid #a8b7c5;
	height: 45px;
}

.tablesorter-default thead .sorter-false {
	padding: 10px 4px 10px 4px;
}

.table_sticky{
	margin: 0 !important;
	width:92% !important;
}
/* tablesorter系 */

/* Gridレイアウト系 */
/* normal */
.grid-style{
display: grid; 
grid-template-columns: repeat(19, 1fr);
grid-template-rows:50px;
gap: 0px 0px;
}

/* ヘッダ系 */
.grid-style-head{
display: grid; 
grid-template-columns: repeat(19, 1fr);
grid-template-rows:40px;
gap: 0px 0px; 
}

/* ファイルアップロード用 */
.grid-file{
display: grid; 
grid-template-columns: repeat(19, 1fr);
grid-template-rows:450px;
gap: 0px 3px;
}

.single{
.gh { grid-column:1/6;  position :relative;	background-color:#97256A;color:#FFFFFF;border: #a8b7c5 solid 0.5px;}
.gd { grid-column:6/20;  position: relative; padding:5px; border: #a8b7c5 solid 0.5px;}
.gd-row { grid-column:1/20;  position: relative; padding:5px; border: #a8b7c5 solid 0.5px;}
.gh > span,.gh-s1 > span,.gh-s2 > span { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.gd > select { height: 40px; width: 70%;}

.gh-s1 { grid-column:1/4;  position: relative;	background-color:#97256A;color:#FFFFFF;border: #a8b7c5 solid 0.5px;}
.gh-s2 { grid-column:4/7;  position: relative;	background-color:#97256A;color:#FFFFFF;border: #a8b7c5 solid 0.5px;}
.gd-s1 { grid-column:1/4;  position: relative; padding:5px; border: #a8b7c5 solid 0.5px;}
.gd-s2 { grid-column:4/7;  position: relative; padding:5px; border: #a8b7c5 solid 0.5px;}
}

.search{
.gh { grid-column:1/5;  position: relative;	background-color:#97256A !important;color:#FFFFFF;border: #a8b7c5 solid 0.5px;}
.gh > span { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width:80%; font-size: 16px;}
.gd { grid-column:5/14;  position: relative; padding:1px; border: #a8b7c5 solid 0.5px;}
.gd-dtl {grid-column:5/19;  position: relative; padding:1px; border: #a8b7c5 solid 0.5px;}
.gd-dtl > span { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width:95%; font-size: 18px;}
.gd-cstm {grid-column:5/17;  position: relative; padding:1px; border: #a8b7c5 solid 0.5px;}
.gd-cstm-btn {grid-column:17/19;  position: relative; padding:1px; border: #a8b7c5 solid 0.5px;}
.gd-cstm-btn > button {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.gd-cstm > span { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width:95%; font-size: 18px;}
.gd-btn {grid-column:5/19;  position: absolute; padding:1px; }
.srchdate{width:180px;height:35px;} /*日付 テキストボックス*/
.srchinput_min {width:180px;height:35px;} /*テキストボックス(小)*/
.srchinput_middle {width:360px;height:35px;} /*テキストボックス(中)*/
.srchinput_large {width:100%;height:35px;} /*テキストボックス(大)*/
/*ボタンエリア*/
.btnArea{grid-column:14/19;  position: relative; padding:5px;}
.gd-dtl-min {grid-column:5/8;  position: relative; padding:1px; border: #a8b7c5 solid 0.5px;}
.gd-dtl-min > span { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width:95%; font-size: 18px;}

}

.tble{
	& .gh { background-color:#97256A;color:#FFFFFF;border: #a8b7c5 solid 0.5px;}
	.gh > span { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width:80%;}
	.gd > span { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width:80%;}
	.gd { padding:5px; border: #a8b7c5 solid 0.5px;}
	.col1 {grid-column:1/4;  position: relative; }
	.col2 {grid-column:4/7;  position: relative; }
	.col3 {grid-column:7/10;  position: relative; }
	.col4 {grid-column:10/13;  position: relative; }
	.col5 {grid-column:13/16;  position: relative; }
	.col6 {grid-column:16/19;  position: relative; }
}

.btn-grid {
	margin-top:1%;
	display: grid;
	grid-template-columns: repeat(var(--btn-grid-col), 1fr);
	gap: 0px 3px;
	.btncol{
		position: relative; padding:5px; 
		border: #a8b7c5 solid 0.5px;
	}
}

/*基本情報表示系*/
.defHead{
	td {
		text-align:left;
		padding: 8px 15px !important;
	}
	td > input {
		outline: none;
		border: none;
		background-color: white;
	}
}

.scrnbar-simple-a{
	font-weight: bold;
	text-align: left;
	margin-bottom: 10px;
	margin-top: 20px;
	padding: 4px 8px 4px 8px;
	border-left: 20px double #97256A;
	background-color: #F0D0E1 !important;
	width:95%;
	b { font-size: 24px;}
}

.scrnbar-simple-b{
	font-weight: bold;
	text-align: left;
	margin-bottom: 10px;
	margin-top: 20px;
	padding: 4px 8px 4px 8px;
	border-left: 20px double #97256A;
	background-color: #F0D0E1 !important;
	width:70%;
	b { font-size: 24px;}
}

.scrnbar-simple-c{
	font-weight: bold;
	text-align: left;
	margin-bottom: 10px;
	margin-top: 20px;
	padding: 4px 8px 4px 8px;
	border-left: 20px double #97256A;
	background-color: #F0D0E1 !important;
	width:80%;
	b { font-size: 24px;}
}

.scrnbar-simple-d{
	font-weight: bold;
	text-align: left;
	margin-bottom: 10px;
	margin-top: 20px;
	padding: 4px 8px 4px 8px;
	border-left: 20px double #97256A;
	background-color:#F0D0E1 !important;
	width:50%;
	b { font-size: 24px;}
}

.topicPath-a{
    margin-top: 2px;
    padding: 4px 8px 4px 8px;
	color:#97256A;
	width: 95%;
	position: absolute;
    top: 30px;
    right: 50px;
    text-align: right;
}

.topicPath-b{
    text-align: right;
    margin-top: 2px;
    padding: 4px 8px 4px 8px;
	color:#97256A;
	width: 70%;
	position: relative;
	bottom: 40px
}
.topicPath-c{
    text-align: right;
    margin-top: 2px;
    padding: 4px 8px 4px 8px;
	color:#97256A;
	width: 80%;
	position: relative;
	bottom: 40px
}

/* 新ボタン */
button.srch {
	border: 1px solid #ccc;
	background: #f1e767;
	background: -webkit-gradient(linear, left top, left bottom, from(#fdfbfb), to(#d8d9da));
	background: -webkit-linear-gradient(top, #fdfbfb 0%, #d8d9da 100%);
	background: linear-gradient(to bottom, #fdfbfb 0%, #d8d9da 100%);
	-webkit-box-shadow: inset 1px 1px 1px #fff;
	box-shadow: inset 1px 1px 1px #fff;
	border-radius:0.2rem;
	border-color: #000000;
	
}
button.srch:hover {
	background: -webkit-gradient(linear, left bottom, left top, from(#fdfbfb), to(#d8d9da));
	background: -webkit-linear-gradient(bottom, #fdfbfb 0%, #d8d9da 100%);
	background: linear-gradient(to top, #fdfbfb 0%, #d8d9da 100%);
	border-radius:0.2rem;
	border-color: #000000;
}
.btn_micro{width:80px; height:30px;}
.btn_min{width:100px; height:35px;}
.btn_middle{width:140px; height:35px;}
.btn_large{width:400px; height:40px;}

/* ----------------  検索条件アコーディオン  */
/* アコーディオン処理 */
.acd-check{
	display: none !important;
}

.acd-label{
	display: block;
	margin-bottom: 5px;
	margin-top: 5px;
	padding: 5px;
	position: relative;
	border-radius: 5px 5px 5px 5px;
	text-align: left;
	width:92%;
}

.kchk{
	color:black;
	background-color: rgb(242, 242, 242);
}

.acd-content{
	display: block;
	height: 0;
	opacity: 0;
	padding: 0 10px;
	transition: .5s;
	visibility: hidden;
	border-radius: 5px 5px 5px 5px;
}
.acd-check:checked + .acd-label + .acd-content{
	height: 100%;
	opacity: 1;
	padding: 10px;
	visibility: visible;
}


/* ----------------------- ボタン系 ----------------------- */
/* トランザクション系 */
.execbtn{
	width:320px !important;
	height:50px !important;
	color:#fff;
	background-color: #e99a69;
	font-weight: bold !important;
}

.execbtn:hover{
	width:320px !important;
	height:50px !important;
	color:#fff;
	background-color: #c67e51;
	font-weight: bold !important;
}

.execbtn:disabled{
	width:320px !important;
	height:50px !important;
	color:#000;
	background-color: #c4bcbc;
	border-color: #000;
}

.execbtn-min{
	width:150px !important;
	height:34px !important;
	color:#fff;
	background-color: #e99a69;
	font-weight: bold !important;
}

.execbtn-min:hover{
	width:150px !important;
	height:34px !important;
	color:#fff;
	background-color: #c67e51;
	font-weight: bold !important;
}

.execbtn-min:active{
	width:150px !important;
	height:34px !important;
	color:#fff;
	background-color: #c67e51 !important;
	font-weight: bold !important;
}

.execbtn-min:disabled{
	width:150px !important;
	height:34px !important;
	color:#000;
	background-color: #e8e8e8;
}


/* 画面遷移系 */
.bkbtn{
	width:200px !important;
	height:45px  !important;
	border-color: #7E1F5A !important;
	color:#7E1F5A !important;
	font-weight: bold !important;
}

.bkbtn:hover{
	width:200px !important;
	height:45px  !important;
	background-color: #7E1F5A !important;
	color:#FFFFFF !important;
	font-weight: bold !important;
}

/* メニュー系 */
.menu{
	margin-top:25px;
	margin-bottom:50px;
}

.menuBtn {
	width:800px !important;
	height:45px !important;
	text-align:left !important;
	span:first-child{
		margin-left:30%;
		font-weight: bold;
		font-size:1.25rem;
	}
	span:last-child{
		margin-left:5%;
		font-weight: bold;
		font-size:1.25rem;
	}
}

/* ログアウト 終了系 */
.outbtn{
	width:200px !important;
	height:45px  !important;
	border-color: #5d5d5d !important;
	background-color: #5d5d5d !important;
	color:#fff !important;
	font-weight: bold !important;
}

.outbtn:hover{
	width:200px !important;
	height:45px  !important;
	border-color: #2d2d2d !important;
	background-color: #2d2d2d !important;
	color:#fff !important;
	font-weight: bold !important;
}

.outbtn + .out{
	background: url(/img/icon/logout.png) no-repeat 20px center / 30px auto;
	span{padding-left: 10px;}
}

.btn-multist-none{
	color: #fff;
	background-color: #D698A6;
	border-color: #1a4695;
	margin-left: 0;
}

.btn-multist-none:hover {
	color: #fff;
	background-color: #87a0cb;
	border-color: #1a4695;
	transform: scale(1.1);
	margin-left: 0;
}

.btn-multist:disabled{
	color: #fff;
	background-color: #C0C0C0;
	border-color: #97256A;
}

.btn-del {
	color:#fff;
	background-color: #f03022;
	border-color: #f03022;
}

.btn-del:hover {
	color: #fff;
	background-color: #ff1100;
	border-color: #ff1100;
	transform: scale(1.1);
}

/* ZIPLANT ロゴ 新配置版 */
.ziplog{
    width:auto;     
	background-image: url(/img/icon/ZIPLANT_Centering01.png);
	background-size: cover;
	height:60px;
	width: 60px;
	margin-left: -100%;
	left: 100%;
	position: fixed;
	bottom: 0;
}

.maxlog{
	max-width: 60px;
	max-height: 60px;
}

.btn-multist{
	color:#fff;
	background-color:#d57cabcf;
}

.btn-multist:hover {
	color: #fff;
	background-color:#ad0b7d;
}

.gh.report{
	background-color:#4d3878;
}

.btn-multist.report{
	height:30px !important;
}

.main.report{
	width:80%;
}

select:focus
,input:focus
,textarea:focus{
	background-color:#ffff99;
	outline: 0;
}

.input_title_header {
	border-bottom: 2px solid #dabceb;
	font-size: 20px;
	width: 95%;
	height: 45px;
	line-height: auto;
	padding-top: 7px;
	text-align:left;
}

.pre_btn{
	display: grid; 
	grid-template-rows:60px;
	grid-template-columns: repeat(10, 1fr) !important;
    gap: 3px 3px;
    margin-top:3px;
    margin-bottom:3px;
    font-size: 20px;
    font-weight: normal;
	width:90% !important;
	margin-top:25px;
	border: solid 1px rgb(213, 213, 213);

	.cols {
		position: relative;
		border: solid 1px rgb(213, 213, 213);

	}
}

.tmp_btn{
	display: grid; 
	grid-template-rows:60px;
	grid-template-columns: repeat(8, 1fr) !important;
    gap: 3px 3px;
    margin-top:3px;
    margin-bottom:3px;
    font-size: 20px;
    font-weight: normal;
	width:90% !important;
	margin-top:25px;
	border: solid 1px rgb(213, 213, 213);

	.cols {
		position: relative;
		border: solid 1px rgb(213, 213, 213);
	}
}

/* -------------------------------- 済証発行履歴 -------------------------------- */
.g1-4{
    grid-column: 1/4;
    position: relative;
    background-color: #97256A;
    color: #fff;
    border: #a8b7c5 solid 0.5px;
}
.g1-4>span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80%;
    font-size: 16px;
}

.g4-8{
    grid-column: 4/8;
    position: relative;
    padding: 1px;
    border: #a8b7c5 solid 0.5px;
}

.g4-8>span {
    position: absolute;
    top: 17%;
    left: 1%;
    width: 80%;
    font-size: 16px;
}
/* -------------------------------- 済証発行履歴 -------------------------------- */

.g4-6 {
    grid-column: 4/6;
    position: relative;
    background-color:#97256A;
    color: #fff;
    border: #a8b7c5 solid 0.5px;
}

.g4-6>span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80%;
    font-size: 16px;
}

.g6-8 {
    grid-column: 6/8;
    position: relative;
    padding: 1px;
    border: #a8b7c5 solid 0.5px;
}

.gbtn {
    grid-column: 10/15;
    position: relative;
    padding: 5px;
}

.subt {
    font-size: 26px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.searchtext {
    width: 100%;
    height: 35px;
}
.searchtext-d {
    width: 100%;
    height: 37px;
    text-align: center;
}

.bodyArea {
    width: 96%;
}

.g4-7 {
    grid-column: 4/7;
    position: relative;
    background-color:#97256A;
    /* background-color: #3C3878; */
    color: #fff;
    border: #a8b7c5 solid 0.5px;
}

.g4-7>span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80%;
    font-size: 16px;
}

.g7-10 {
    grid-column: 7/9;
    position: relative;
    padding: 1px;
    border: #a8b7c5 solid 0.5px;
}

.g7-10>span {
    position: absolute;
    top: 17%;
    left: 3%;
    width: 80%;
    font-size: 16px;
}

.g10-15 {
    grid-column: 9/15;
    position: relative;
    padding: 1px;
    border: #a8b7c5 solid 0.5px;
}

.g10-15>span {
    position: absolute;
    top: 17%;
    left: 1%;
    width: 80%;
    font-size: 16px;
}


.g7-13 {
    grid-column: 7/15;
    position: relative;
    padding: 1px;
    border: #a8b7c5 solid 0.5px;
}

.g7-13>span {
    position: absolute;
    top: 17%;
    left: 1%;
    width: 80%;
    font-size: 16px;
}

.grid-table {
    display: grid;
    grid-template-columns: repeat(19, 60px);
    grid-template-rows: repeat(3, 40px);
    gap: 0px 0px;
}

.g4-6_2 {
    grid-column: 6/8;
    grid-row: 1/3;
    position: relative;
    background-color: #97256A;
    color: #fff;
    border: #a8b7c5 solid 0.5px;
}

.g4-6_1 {
    grid-column: 6/8;
    grid-row: 3;
    position: relative;
    border: #a8b7c5 solid 0.5px;
}

.g8-16 {
    grid-column: 8/16;
    grid-row: 1;
    position: relative;
    background-color: #97256A;
    color: #fff;
    border: #a8b7c5 solid 0.5px;
}

.g8-10 {
    grid-column: 8/10;
    grid-row: 2;
    position: relative;
    background-color: #97256A;
    color: #fff;
    border: #a8b7c5 solid 0.5px;
}

.g8-10_3 {
    grid-column: 8/10;
    grid-row: 3;
    position: relative;
    border: #a8b7c5 solid 0.5px;
}

.g10-12 {
    grid-column: 10/12;
    grid-row: 2;
    position: relative;
    background-color: #97256A;
    color: #fff;
    border: #a8b7c5 solid 0.5px;
}

.g10-12_3 {
    grid-column: 10/12;
    grid-row: 3;
    position: relative;
    border: #a8b7c5 solid 0.5px;
}

.g12-14 {
    grid-column: 12/14;
    grid-row: 2;
    position: relative;
    background-color: #97256A;
    color: #fff;
    border: #a8b7c5 solid 0.5px;
}

.g12-14_3 {
    grid-column: 12/14;
    grid-row: 3;
    position: relative;
    background-color: #FFCCCC;
    border: #a8b7c5 solid 0.5px;
}

.g14-16 {
    grid-column: 14/16;
    grid-row: 2;
    position: relative;
    background-color: #97256A;
    color: #fff;
    border: #a8b7c5 solid 0.5px;
}

.g14-16_3 {
    grid-column: 14/16;
    grid-row: 3;
    position: relative;
    background-color: #FFCCCC;
    border: #a8b7c5 solid 0.5px;
}

.gs>span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80%;
    font-size: 16px;
}

.dg6-8 {
    grid-column: 6/8;
    position: relative;
    background-color: #97256A;
    color: #fff;
    border: #a8b7c5 solid 0.5px;
}

.dg8-10 {
    grid-column: 8/10;
    position: relative;
    background-color: #97256A;
    color: #fff;
    border: #a8b7c5 solid 0.5px;
}

.dg10-12 {
    grid-column: 10/12;
    position: relative;
    background-color: #97256A;
    color: #fff;
    border: #a8b7c5 solid 0.5px;
}

.dg12-14 {
    grid-column: 12/14;
    position: relative;
    background-color:#97256A;
    /* background-color: #3C3878; */
    color: #fff;
    border: #a8b7c5 solid 0.5px;
}

.dg14-16 {
    grid-column: 14/16;
    position: relative;
    background-color:#97256A;
    color: #fff;
    border: #a8b7c5 solid 0.5px;
}

.dg16-18 {
    grid-column: 16/18;
    position: relative;
    background-color: #97256A;
    color: #fff;
    border: #a8b7c5 solid 0.5px;
}

.multi_row_style_a{
    background-color:#fff; color:#000000;
}

.multi_row_style_b{
    background-color:#FFCCCC; color:#000000;
}

/* -------------------------------- grid-layout -------------------------------- */

:root{
    --grid-head-color:white;
    --grid-detail-color:white; 
    --grid-head-tesc:rgb(187 187 222);
    --grid-detail-tesc: rgb(238 238 255);
    --grid-head-gyosei: rgb(186 208 186);
    --grid-detail-gyosei:rgb(232 241 233);
}

.grid-custom{
    display: grid; 
    grid-template-columns: repeat(6, 1fr);
    gap: 0px 0px; 
}

.gridone {
    grid-template-rows:50px 50px;
}

.gridsec {
    grid-template-rows:50px 50px 50px 50px 50px 50px;
}

.gridone > .grd1 {grid-row:1/3; margin-left:40px;}
.gridone > .grd2 {grid-column: 2/5; }
.gridone > .grd3 { grid-row: 2; grid-column: -6/-3; }

.gridsec > .grd1 {grid-row:1/7; margin-left:40px;}
.gridsec > .grd2 {grid-row: 1/3; }
.gridsec > .grd2-1 {grid-row: 1; grid-column:3/7; }
.gridsec > .grd2-2 {grid-row: 2; grid-column:3/7; }
.gridsec > .grd3 { grid-row: 3/5; }
.gridsec > .grd3-1 {grid-row: 3; grid-column:3/7; }
.gridsec > .grd3-2 {grid-row: 4; grid-column:3/7; }
.gridsec > .grd4 { grid-row: 5/7;  }
.gridsec > .grd4-1 {grid-row: 5; grid-column:3/7; }
.gridsec > .grd4-2 {grid-row: 6; grid-column:3/7; }


/* Grid共通レイアウト */
.g_input{
    border: none;
    outline: none;
    padding: 5px 10px;
    background-color: #ffffff;
    height:40px;
    margin-top: 3px;
}

.g_input_row{
    border: none;
    outline: none;
    padding: 5px 10px;
    background-color: #ffffff;
    height:35px;
    margin-top: 3px;
}


.g_preview{
    border: none;
    outline: none;
    padding: 5px 10px;
    background-color: #efeef9;
    height:40px;
    margin-top: 3px;
    font-weight: bold;
    pointer-events : none;
}


.g_preview_out{
    border: none;
    outline: none;
    padding: 5px 10px;
    background-color: #efefff;
    height:40px;
    margin-top: 3px;
    font-weight: bold;
    pointer-events : none;
    color: red;
}

.g_insize1{
    width:60px;
}

.g_insize2{
    width:100px;
}

.g_insize3{
    width:80%;
}

.g_insizemax{
    width:90%;
}

.g_tarea{
    resize: vertical;
    height:90px;
}

.g-colstyle{
    display: flex;
}

/* 項目名称エリア */
.g-head{
    background-color: #97256A!important;
    display: flex;
    text-align:left;
    padding: 12px 2px 2px 10px;
    font-weight: bold;
}

/* 項目明細（入力）エリア */
.g-dat {
    display: flex;
    padding: 2px 2px 2px 2px;
    background-color: var(--grid-detail-color) !important;
}

.g-dat > span {
    padding:10px 10px 10px 10px;  
}

.grid-customs{
    display: grid; 
    grid-template-columns: repeat(15, 1fr);
    gap: 0px 3px; 
}

/* 1行 */
.single {
    grid-template-rows:50px;
    margin-bottom: 3px;
    .g1 { grid-column:1/4; margin-left: 40px;}
    .g2 { grid-column:4/15;}
    .gd1{ grid-column:4/13;}
}

.tesc {
    .g-head{
        background-color: var(--grid-head-tesc) !important;
        display: flex;
        text-align:left;
        padding: 10px 2px 2px 10px;
        font-weight: bold;
        vertical-align:middle;
        font-size: 18px;
    }
    
    /* 項目明細（入力）エリア */
    .g-dat {
        display: flex;
        padding: 4px 2px 2px 2px;
        font-size: 18px;
        font-weight: normal;
        background-color: var(--grid-detail-tesc) !important;
    }
    .g_preview{
        background-color: var(--grid-detail-tesc) !important;
    }

    .g_preview_out{
        background-color: var(--grid-detail-tesc) !important;
    }
}

.gyosei {
    .g-head{
        background-color: var(--grid-head-gyosei) !important;
        display: flex;
        text-align:left;
        padding: 10px 2px 2px 10px;
        font-weight: bold;
        vertical-align:middle;
        font-size: 18px;
    }
    
    /* 項目明細（入力）エリア */
    .g-dat {
        display: flex;
        padding: 4px 2px 2px 2px;
        font-size: 18px;
        font-weight: normal;
        background-color: var(--grid-detail-gyosei) !important;
    }
    .g_preview{
        background-color: var(--grid-detail-gyosei) !important;
    }

    .g_preview_out{
        background-color: var(--grid-detail-gyosei) !important;
    }
}


/* 2行 */
.dual {
    margin-top: 3px;
    margin-bottom: 3px;
    grid-template-rows:50px 50px;
    .g1{grid-column:1/4; grid-row:1/3; margin-left: 40px;}
    .g2 {grid-column:4/15;  grid-row:1/3;}
    .g3 {grid-column:4/15;  grid-row:1; margin-bottom: 3px;}
    .g4 { grid-column:4/15;  grid-row:2;}

    .g2_pri {grid-column:4/15;  grid-row:1; margin-bottom: 3px;}
    .g3_pri {grid-column:4/15;  grid-row:2; }
}

/* 3行 */
.tri{
    grid-template-rows:50px 50px 50px;
    gap: 3px 3px;
    .g1 {
        grid-column:1/4; grid-row:1/5; margin-left: 40px; 
    }
    .g2,.g3,.g4{
        grid-column:4/15;
    }

    .long1{ grid-column:1/2; grid-row:1/5; margin-left: 40px; margin-bottom:3px;}
    .long1-1 {grid-column: 2/15; grid-row:1;}
    .long1-2 {grid-column: 2/15; grid-row:2;}
    .long1-3 {grid-column: 2/15; grid-row:3;}
    .long1-4 {grid-column: 2/15; grid-row:4; margin-bottom:3px;}

    .noneCheck{
        background-color:pink !important;
    }
}

/* 5行 */
.penta{
    grid-template-columns: repeat(15, 1fr) !important;
    grid-template-rows:50px 50px 50px 50px 50px;
    gap: 0px 3px;
    .g1 {
        grid-row:1/7; margin-left: 40px; 
        padding-top: 30px !important;
        padding-right: 15px;
        padding-left: 20px;
    }
    .g2{
        grid-column:2/4; grid-row:1/3; 
    }
    .g3,.g4,.g5{
        margin-top: 3px;
        grid-column:2/4;  
    }

    .g2-1 { grid-column: 4/5; }
    .g2-2 { grid-column: 4/15;} 
    .g2-3 { grid-column: 4/5;  grid-row: 2;margin-top: 3px;}
    .g2-4 { grid-column: 4/15; grid-row: 2; margin-top: 3px;}
    .g3-1 { grid-column: 4/15; grid-row: 3; margin-top: 3px;}
    .g4-1 { grid-column: 4/15; grid-row: 4;margin-top: 3px;}
    .g5-1 { grid-column: 4/15; grid-row: 5; margin-top: 3px;}

}

/* 審査画面custom */
.penta_cus{
    grid-template-columns: repeat(15, 1fr) !important;
    grid-template-rows:repeat(5,40px);
    gap: 3px 3px;
    font-size: 20px;
    margin-top:3px;
    margin-bottom:3px;
    font-weight: normal;
    .g1 {
        grid-row:1/7; margin-left: 40px; 
        grid-column: 1/3;
        place-content: center;
        padding-top: 30px !important;
        padding-right: 15px;
        padding-left: 20px;
    }
    .g1 > span { margin-top:70px; }
    .g-head{
        padding: 5px;
        background-color: var(--grid-head-gyosei) !important;
    }

    .g-dat{
        padding: 0px;
        vertical-align:middle;
        background-color: var(--grid-detail-gyosei) !important;
    }
        .g1-1 { grid-row:1;grid-column: 3/15;place-content: center; }
    .g2 {grid-row:2/4;grid-column: 3/4; place-content: center;}
        .g2-1 {grid-row:2; grid-column: 4/6;place-content: center;}
        .g2-2 {grid-row:2; grid-column: 6/8;place-content: center;}
        .g2-3 {grid-row:2; grid-column: 8/10;place-content: center;}
        .g2-4 {grid-row:2; grid-column: 10/13;place-content: center;}
        .g2-5 {grid-row:2; grid-column: 13/15;place-content: center;}
        .g2d-1 {grid-row:3; grid-column: 4/6;place-content: center;}
        .g2d-2 {grid-row:3; grid-column: 6/8;place-content: center;}
        .g2d-3 {grid-row:3; grid-column: 8/10;place-content: center;}
        .g2d-4 {grid-row:3; grid-column: 10/13;place-content: center;}
        .g2d-5 {grid-row:3; grid-column: 13/15;place-content: center;}
    .g3 {grid-row:4/6;grid-column: 3/4; place-content: center;}
        .g3-1 {grid-row:4; grid-column: 4/6;place-content: center;}
        .g3-2 {grid-row:4; grid-column: 6/8;place-content: center;}
        .g3-3 {grid-row:4; grid-column: 8/10;place-content: center;}
        .g3-4 {grid-row:4; grid-column: 10/13;place-content: center;}
        .g3-5 {grid-row:4; grid-column: 13/15;place-content: center;}
        .g3d-1 {grid-row:5; grid-column: 4/6;place-content: center;}
        .g3d-2 {grid-row:5; grid-column: 6/8;place-content: center;}
        .g3d-3 {grid-row:5; grid-column: 8/10;place-content: center;}
        .g3d-4 {grid-row:5; grid-column: 10/13;place-content: center;}
        .g3d-5 {grid-row:5; grid-column: 13/15;place-content: center;}

    .g2 > span, .g3 > span { margin-top:20px;}
}

/* 6行 */
.hexa {
    grid-template-columns: repeat(15, 1fr) !important;
    grid-template-rows:repeat(6,50px);
    gap: 0px 3px;
    margin-top:3px;
    margin-bottom:3px;
    .g1{
        grid-row:1/7; margin-left: 40px; 
        padding-top: 30px !important;
        padding-right: 15px;
        padding-left: 20px;
    }
    .g2 { grid-column:2/4; grid-row:1/3; }
    .g2-1 { grid-column: 4/15; grid-row: 1; }
    .g2-2 { grid-column: 4/15; grid-row: 2; margin-top:3px;}
    .g3 { grid-column:2/4; grid-row:3/5;  margin-top:3px;}
    .g3-1 { grid-column: 4/15; grid-row: 3; margin-top:3px;}
    .g3-2 { grid-column: 4/15; grid-row: 4; margin-top:3px;}
    .g4 { grid-column:2/4; grid-row:5/7;  margin-top:3px;}
    .g4-1 { grid-column: 4/15; grid-row: 5; margin-top:3px;}
    .g4-2 { grid-column: 4/15; grid-row: 6; margin-top:3px;}
}

/* 12行 */
.hexa_twice {
    grid-template-columns: repeat(15, 1fr) !important;
    grid-template-rows:repeat(10,50px);
    gap: 0px 3px;
    margin-top:3px;
    margin-bottom:3px;
    .g1{
        grid-row:1/13; margin-left: 40px; 
        padding-top: 30px !important;
        padding-right: 15px;
        padding-left: 20px;
    }
    .post{ width:100px; }
    .g2 { grid-column:2/4; grid-row:1/5; }
    .g2-1sub { grid-column: 4/5; grid-row: 1/4; }
    .g2-1 { grid-column: 5/15; grid-row: 1; }
    .g2-1-2 { grid-column: 5/15; grid-row: 2; margin-top: 3px;}
    .g2-1-3 { grid-column: 5/15; grid-row: 3; margin-top: 3px;}
    .g2-2sub { grid-column: 4/5; grid-row: 4/5; margin-top: 3px;}
    .g2-2 { grid-column: 5/15; grid-row: 4; margin-top:3px;}

    .g3 { grid-column:2/4; grid-row:5/9;  margin-top:3px;}
    .g3-1 { grid-column: 5/15; grid-row: 5; margin-top:3px;}
    .g3-1-2 { grid-column: 5/15; grid-row: 6; margin-top: 3px;}
    .g3-1-3 { grid-column: 5/15; grid-row: 7; margin-top: 3px;}
    .g3-1sub { grid-column: 4/5; grid-row: 5/8;margin-top:3px;}
    .g3-2 { grid-column: 5/15; grid-row: 8; margin-top:3px;}
    .g3-2sub { grid-column: 4/5; grid-row: 8; margin-top: 3px;}

    .g4 { grid-column:2/4; grid-row:9/11;  margin-top:3px;}
    .g4-1 { grid-column: 5/15; grid-row: 9; margin-top:3px;}
    .g4-1sub { grid-column: 4/5; grid-row: 9;margin-top:3px;}
    .g4-2 { grid-column: 5/15; grid-row: 10; margin-top:3px;}
    .g4-2sub { grid-column: 4/5; grid-row: 10; margin-top: 3px;}
}


.g_file{
    grid-template-columns: repeat(15, 1fr) !important;
    grid-template-rows:400px;
    gap: 0px 3px;
    .g1{
        grid-column: 1/4; margin-left: 40px; 
    }
    .g2 {
        grid-column: 4/15;
    }
}

.hepta {
    grid-template-columns: repeat(15, 1fr) !important;
    grid-template-rows:repeat(7,40px);
    gap: 3px 3px;
    margin-top:3px;
    margin-bottom:3px;
    font-size: 20px;
    font-weight: normal;

    .g-head{
        padding: 5px;
        background-color: var(--grid-head-tesc) !important;
    }

    .g-dat{
        padding: 0px;
        vertical-align:middle;
        background-color: var(--grid-detail-tesc) !important;
    }

    .g-head > span {
        margin-top:0px;
    }

    .g1{
        place-content: center;
        grid-row:1/8; margin-left: 40px; 
        grid-column: 1/3;
        padding-top: 30px !important;
        padding-right: 15px;
        padding-left: 15px;
    }
    .g1 > span {
        margin-top:110px;
    }
    .g1-1 { grid-row:1;grid-column: 3/15;place-content: center; }
    .g2 {grid-row:2/4;grid-column: 3/5; place-content: center;}
        .g2-1 {grid-row:2; grid-column: 5/7;place-content: center;}
        .g2-2 {grid-row:2; grid-column: 7/9;place-content: center;}
        .g2-3 {grid-row:2; grid-column: 9/13;place-content: center;}
        .g2-4 {grid-row:2; grid-column: 13/15;place-content: center;}
        .g2d-1 {grid-row:3; grid-column: 5/7;place-content: center;}
        .g2d-2 {grid-row:3; grid-column: 7/9;place-content: center;}
        .g2d-3 {grid-row:3; grid-column: 9/13;place-content: center;}
        .g2d-4 {grid-row:3; grid-column: 13/15;place-content: center;}
    .g3 {grid-row:4/6;grid-column: 3/5; place-content: center;}
        .g3-1 {grid-row:4; grid-column: 5/7;place-content: center;}
        .g3-2 {grid-row:4; grid-column: 7/9;place-content: center;}
        .g3-3 {grid-row:4; grid-column: 9/13;place-content: center;}
        .g3-4 {grid-row:4; grid-column: 13/15;place-content: center;}
        .g3d-1 {grid-row:5; grid-column: 5/7;place-content: center;}
        .g3d-2 {grid-row:5; grid-column: 7/9;place-content: center;}
        .g3d-3 {grid-row:5; grid-column: 9/13;place-content: center;}
        .g3d-4 {grid-row:5; grid-column: 13/15;place-content: center;}
    .g4 {grid-row:6/8;grid-column: 3/5; place-content: center;}
        .g4-1 {grid-row:6; grid-column: 5/7;place-content: center;}
        .g4-2 {grid-row:6; grid-column: 7/9;place-content: center;}
        .g4-3 {grid-row:6; grid-column: 9/13;place-content: center;}
        .g4-4 {grid-row:6; grid-column: 13/15;place-content: center;}
        .g4d-1 {grid-row:7; grid-column: 5/7;place-content: center;}
        .g4d-2 {grid-row:7; grid-column: 7/9;place-content: center;}
        .g4d-3 {grid-row:7; grid-column: 9/13;place-content: center;}
        .g4d-4 {grid-row:7; grid-column: 13/15;place-content: center;}

    .g2 > span,
    .g3 > span,
    .g4 > span { margin-top:20px;}
}

/* 検索系のグリッド */

/* 1行 */
.s_single {
    grid-template-rows:50px;
    margin-bottom: 3px;

    .insize1{
        width:200px;
    }
    .insizedate{
        width:150px;
    }
    
    /* 3ブロック */
    .g1 { grid-column:1/3; margin-left: 40px;}
    .g1d { grid-column:3/5;} 
    .g2 { grid-column:5/7;}
    .g2d { grid-column:7/9;}    .g3 { grid-column:9/11;}
    .g3d { grid-column:11/13;} 

    .g1frmto {grid-column:3/6;}  
    .g2h{grid-column: 6/8;}
    .g1frmtoL {grid-column:3/8;} 
    .g2frmto {grid-column:7/10;} 
    .g2large {grid-column:7/12;}
    

    .srch_sh{ grid-column: 12;}
    .srch{ grid-column: 14;}
    .g1fL { grid-column:1/3; margin-left: 40px;}
    .srchL{grid-column: 8/14;}

    .g-chk{
        grid-column: 15;
    }
}

/* 11行 */
.undeca {
    grid-template-columns: repeat(15, 1fr) !important;
    grid-template-rows:repeat(11,50px);
    gap: 0px 3px;
    .g1{
        grid-row:1/12; margin-left: 40px; 
        padding-top: 30px !important;
        padding-right: 15px;
        padding-left: 20px;
    }

    .g2 { grid-column: 2/4; grid-row:1/3;  }
    .g2-2 { grid-column: 4/15;} 
    .g2-4 { grid-column: 4/15; grid-row: 2; margin-top: 3px;}
    .g3-1 { grid-column: 4/15; grid-row: 3; margin-top: 3px;}
    .g4-1 { grid-column: 4/15; grid-row: 4;margin-top: 3px;}
    .g5-1 { grid-column: 4/15; grid-row: 5; margin-top: 3px;}
    .g6-1 { grid-column: 4/15; grid-row: 6;margin-top: 3px;}
    .g7-1 { grid-column: 4/15; grid-row: 7; margin-top: 3px;}
    .g8-1 { grid-column: 4/15; grid-row: 8; margin-top: 3px;}
    .g8-2 { grid-column: 4/15; grid-row: 9; margin-top: 3px;}
    .g8-3 { grid-column: 4/15; grid-row: 10; margin-top: 3px;}
    .g8-4 { grid-column: 4/15; grid-row: 11; margin-top: 3px;}

    .g3,.g4,.g5,.g6,.g7{
        margin-top: 3px;
        grid-column:2/4;  
    }

    .g8 {
        margin-top: 3px;
        grid-column: 2/4; grid-row:8/12; 
    }
    
}

/* -------------------------------- theme.default.min.tes.css -------------------------------- */

.tablesorter-default {
    font: 15px "メイリオ,ＭＳ ゴシック", Sans-serif;
    color: #333;
    background-color: #fff;
    border-spacing: 0;
    text-align: left;
    th { border: solid 1px silver !important; }
}

.tablesorter-default th, .tablesorter-default thead td {
    font-weight: 700;
    color: #000;
    background-color: #fff;
    border-collapse: collapse;
    border-bottom: #ccc 2px solid;
    padding: 0
}

.tablesorter-default tfoot td, .tablesorter-default tfoot th {
    border: 0
}

.tablesorter-default .header, .tablesorter-default .tablesorter-header {
    background-image:
        url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDI0IDE2Ij48cGF0aCBkPSJNMTUgOCAxIDggOCAwek0xNSA5IDEgOSA4IDE2eiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==)
        ,linear-gradient(#97256A,#97256A) !important; 
    background-position: center right;
    background-repeat: no-repeat;
    cursor: pointer;
    color: #ffffff;
}

.tablesorter-default thead .headerSortUp, .tablesorter-default thead .tablesorter-headerAsc, .tablesorter-default thead .tablesorter-headerSortUp {
    background-image: 
        url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDI0IDE2Ij48cGF0aCBkPSJNMTUgMTEgMSAxMSA4IDN6IiBmaWxsPSIjZmZmIi8+PC9zdmc+)
        ,linear-gradient(#97256A,#97256A) !important; 
    border-bottom: #000 2px solid
}

.tablesorter-default thead .headerSortDown, .tablesorter-default thead .tablesorter-headerDesc, .tablesorter-default thead .tablesorter-headerSortDown {
    background-image:  
        url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDI0IDE2Ij48cGF0aCBkPSJNMTUgNiAxIDYgOCAxM3oiIGZpbGw9IiNmZmYiLz48L3N2Zz4=)
        ,linear-gradient(#97256A,#97256A) !important; 
    border-bottom: #000 2px solid
}

.tablesorter-default thead .sorter-false {
    background-image:linear-gradient(#97256A,#97256A) !important;
    cursor: default;
    padding: 10px
}

.tablesorter-default tfoot .tablesorter-headerAsc, .tablesorter-default tfoot .tablesorter-headerDesc, .tablesorter-default tfoot .tablesorter-headerSortDown, .tablesorter-default tfoot .tablesorter-headerSortUp {
    border-top: #000 2px solid
}

.tablesorter-default td {
    border-bottom: #ccc 1px solid;
    padding: 6px;
}

.tablesorter-default tbody>tr.even:hover>td, .tablesorter-default tbody>tr.hover>td, .tablesorter-default tbody>tr.odd:hover>td, .tablesorter-default tbody>tr:hover>td {
    color: #000
}

.tablesorter-default .tablesorter-processing {
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-image: url(data:image/gif;base64,R0lGODlhFAAUAKEAAO7u7lpaWgAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQBCgACACwAAAAAFAAUAAACQZRvoIDtu1wLQUAlqKTVxqwhXIiBnDg6Y4eyx4lKW5XK7wrLeK3vbq8J2W4T4e1nMhpWrZCTt3xKZ8kgsggdJmUFACH5BAEKAAIALAcAAAALAAcAAAIUVB6ii7jajgCAuUmtovxtXnmdUAAAIfkEAQoAAgAsDQACAAcACwAAAhRUIpmHy/3gUVQAQO9NetuugCFWAAAh+QQBCgACACwNAAcABwALAAACE5QVcZjKbVo6ck2AF95m5/6BSwEAIfkEAQoAAgAsBwANAAsABwAAAhOUH3kr6QaAcSrGWe1VQl+mMUIBACH5BAEKAAIALAIADQALAAcAAAIUlICmh7ncTAgqijkruDiv7n2YUAAAIfkEAQoAAgAsAAAHAAcACwAAAhQUIGmHyedehIoqFXLKfPOAaZdWAAAh+QQFCgACACwAAAIABwALAAACFJQFcJiXb15zLYRl7cla8OtlGGgUADs=) !important
}

.tablesorter-default tr.odd>td {
    background-color: #dfdfdf
}

.tablesorter-default tr.even>td {
    background-color: #efefef
}

.tablesorter-default tr.odd td.primary {
    background-color: #bfbfbf
}

.tablesorter-default td.primary, .tablesorter-default tr.even td.primary {
    background-color: #d9d9d9
}

.tablesorter-default tr.odd td.secondary {
    background-color: #d9d9d9
}

.tablesorter-default td.secondary, .tablesorter-default tr.even td.secondary {
    background-color: #e6e6e6
}

.tablesorter-default tr.odd td.tertiary {
    background-color: #e6e6e6
}

.tablesorter-default td.tertiary, .tablesorter-default tr.even td.tertiary {
    background-color: #f2f2f2
}

.tablesorter-default>caption {
    background-color: #fff
}

.tablesorter-default .tablesorter-filter-row {
    background-color: #eee
}

.tablesorter-default .tablesorter-filter-row td {
    background-color: #eee;
    border-bottom: #ccc 1px solid;
    line-height: normal;
    text-align: center;
    -webkit-transition: line-height .1s ease;
    -moz-transition: line-height .1s ease;
    -o-transition: line-height .1s ease;
    transition: line-height .1s ease
}

.tablesorter-default .tablesorter-filter-row .disabled {
    opacity: .5;
    cursor: not-allowed
}

.tablesorter-default .tablesorter-filter-row.hideme td {
    padding: 2px;
    margin: 0;
    line-height: 0;
    cursor: pointer
}

.tablesorter-default .tablesorter-filter-row.hideme * {
    height: 1px;
    min-height: 0;
    border: 0;
    padding: 0;
    margin: 0;
    opacity: 0
}

.tablesorter-default input.tablesorter-filter, .tablesorter-default select.tablesorter-filter {
    width: 95%;
    height: auto;
    margin: 4px auto;
    padding: 4px;
    background-color: #fff;
    border: 1px solid #bbb;
    color: #333;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: height .1s ease;
    -moz-transition: height .1s ease;
    -o-transition: height .1s ease;
    transition: height .1s ease
}

.tablesorter .filtered {
    display: none
}

.tablesorter .tablesorter-errorRow td {
    text-align: center;
    cursor: pointer;
    background-color: #e6bf99
}