@charset "utf-8";
/*==========================================
 Main
===========================================*/
body {
    font-size: 1.1em;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	position: relative;
	word-break : break-all;
	color:#212121;
}

#main_wrapper {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

/*==========================================
 Header
===========================================*/

.header-text {
    color: #9d9d9d;
}

/* Scantype Header */
.type-header {
 background:#1253A4!important;
 color:white;
	font-weight: bold;
}

/* group Header */
.group-header {
	background:#DDDDDD!important;
	font-weight: bold;
}

/*==========================================
 Footer
===========================================*/
footer {
    position: fixed;
    bottom: 0;
    width: 100%;
}

footer hr {
	margin-top: 8px;
	margin-bottom: 8px;

}
/*==========================================
 Link
===========================================*/

/*アンダーライン無し強制的にする*/
a:hover { text-decoration: none !important;}


/*==========================================
 Utility
===========================================*/

/* データの改行をHTMLでも改行するようにする　*/
.text_change_line{
	white-space: pre-wrap;
	word-wrap: break-word;
}

.bold{
	font-weight: bold;
}

.strong_string {
	background:#0071b9!important;
	color:white!important;
	padding:5px;
	border-radius: 5px;
}
/*==========================================
 フォーム設定
===========================================*/
.form-control{
	padding: 2px;
    font-size: 12px;
}


textarea.form-control  {
	height: 7em;
	line-height: 1.5em;
}

/*==========================================
 テーブル関連
===========================================*/

th {
	text-align:center;
	background:#eee;
	font-weight:initial!important;
}

table tr td button{
	display:inline-block;
	width:100%;
 	height:100%;
	text-decoration: none;
	color:#333;
}

table tr td a{

	display:inline-block;
	width:100%;
 	height:100%;
	text-decoration: none;
	color:#333;
}

table tr td a:hover{
	color:#333;
}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    vertical-align: middle;
}


.alt-table-responsive {
    width: 100%;
    overflow-y: hidden;
    overflow-x: auto;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -webkit-overflow-scrolling: touch;
}

.audit-history-detail {
	background: #f3fcf4;
	border-radius: 4px;
	padding: 8px 10px;
}

.audit-history-detail .table-responsive,
.audit-history-detail .panel,
.audit-history-detail .table {
	/* 前回診断情報エリアの背景色は外枠だけに適用し、表本体は通常の白背景を維持する */
	background: #fff;
}

.audit-history-detail > .panel {
	margin-bottom: 8px;
}

.table_information_title{
	margin:0px;
}

.tr_disable_product {
	font-style:oblique;
}
/*
インプット系
*/

input[type="radio"], input[type="checkbox"] {
    line-height: normal;
    height: 20px;

}

/**/

.center {
	text-align:center;
	vertical-align: middle;
}

.left {
	text-align:left;
	vertical-align: middle;
}

.right {
	text-align:right;
	vertical-align: middle;
}


.h1 .h2 .h3 h1 .h2 .h3 {
    margin-bottom: 10px;
    margin-top: 10px;
}

.space-clear {
	margin:initial!important;
	padding:initial!important;
}

.navbar-image-logo {
    float: left;
    padding: 5px 0px 5px 5px;
    font-size: 18px;
    line-height: 20px;
}

.navbar-logo {
    float: left;
    font-size: 18px;
    line-height: 20px;
}

.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: #add8e6;
}

.nav_pills_customize {
	margin-top: 5px;
}
.nav_pills_customize > li {
	background-color: #e5e5e5;
}

#header-title {
    margin-top: 10px;
}

.jumbotron {
    padding-top: 10px!important;
	padding-bottom: 10px!important;
    padding-left: 10px!important;
	padding-right: 10px!important;
	background:#EBEBEB !important;
	margin-top: 3px;
	margin-bottom: 15px;
}

.jumbotron h3 {
    font-size: 14px;
	margin-top: 3px;
	margin-bottom: 14px;

}

.jumbotron h2 {
    font-size: 18px;
	margin-top: 3px;
	margin-bottom: 15px;
}

.jumbotron h1 {
    font-size: 25px;
	margin-top: 3px;
	margin-bottom: 15px;
}

.jumbotron p {
    font-size: 14px;
	margin-top: 3px;
	margin-bottom: 3px;
}

.guidance {
    padding-top: 10px!important;
	padding-bottom: 10px!important;
   padding-left: 10px!important;
 /*	padding-right: 10px!important; */
	background:#5ba9e6!important;
	color:white;
	margin-top: 3px;
	margin-bottom: 15px;
	border-radius: 6px;
}

.sub-guidance {
	background:#e8f7e6!important;
    padding-top: 5px!important;
	padding-bottom: 5px!important;
    padding-left: 10px!important;
	padding-right: 5px!important;
	border-radius: 6px;

}

.guidance-sm {
    padding-top: 5px!important;
	padding-bottom: 5px!important;
    padding-left: 10px!important;
	padding-right: 5px!important;
	border-radius: 6px;
}
.guidance p {
    font-size: 14px;
	margin-top: 3px;
	margin-bottom: 3px;
}

/*
.guidance span {
	color: #ff0000;
}
*/
.errorlist {
	color: #f15054;

}

.navbar {
	margin-bottom: 0px;
}


.no-boder>tbody>tr>td, .no-boder>tbody>tr>th, .no-boder>tfoot>tr>td, .no-boder>tfoot>tr>th, .no-boder>thead>tr>td, .no-boder>thead>tr>th {
    border-style:None ;

}

/* PCフルスクリーン用 */
@media (min-width: 1200px){
	.extra_small-col {width: 2%;}
}

@media (min-width: 992px){
	.extra_small-col {width: 2%;}
}

@media (min-width: 750px){
	.extra_small-col {width: 2%;}
}

/* メインコンテナー　*/

@media (min-width: 1200px){
	body .container { width: 100%;
					padding-right:0px;
					}

}


@media (min-width: 750px){
	body .container { width: 100%;
					padding-right: 0px;
					}

}

body .container{
	margin-top:10px;
}

div.severity-box-chart {
    display: block;
    width: 100%;
    height: 2rem;
    overflow: hidden;
    text-align:center;
}

div.severity-box-chart ul {
    list-style-type: none;
    width: 100%;
    padding:0px;

}
div.severity-box-chart li {

	display: inline-block;

}

/*　脆弱性の検知結果の表現　*/
.severity-none {
 background:#ccc!important;
}

.INFO,
.A{
	background:#0071b9!important;
	color:white!important;
	border-radius: 5px;
}

.INFO_FONT,
.A_FONT{
	color:#0071b9!important;
}

.LOW,
.B {
	background:#4cae4c!important;
	border-radius: 5px;
	color:#333;
}

.LOW_FONT,
.B_FONT {
	color:#4cae4c!important;
}

.LOW_NUMBER{
	color:#4cae4c!important;
}

.MEDIUM,
.WARNING,
.MODERATE,
.C{
	background:#fdc431!important;
	border-radius: 5px;
	color:#333!important;
}
.MEDIUM_FONT,
.MODERATE_FONT,
.C_FONT{
	color:#fdc431!important;
}

.MEDIUM_NUMBER,
.MODERATE_NUMBER{
	color:#fdc431!important;
}

.HIGH,
.IMPORTANT,
.D{
	background:#f79838!important;
	color:white!important;
	border-radius: 5px;
}

.HIGH_FONT,
.IMPORTANT_FONT,
.D_FONT{
	color:#f79838!important;
}


.HIGH_NUMBER,
.IMPORTANT_NUMBER{
	color:#ee8315!important;
}

.CRITICAL,
.E,
.F{
	background:#d43f3a!important;
	color:white!important;
	border-radius: 5px;
}

.CRITICAL_FONT,
.E_FONT,
.F_FONT{
	color:#d43f3a!important;
}


.CRITICAL_NUMBER{
	color:#d43f3a!important;
}
.tag_red{
	background:#f94037!important;
	color:white!important;
	border-radius: 5px;
	padding: 3px;
	margin-right: 1px;

}
.tag_green{
	background:#4e8f00!important;
	color:#feffff!important;
	border-radius: 5px;
	padding: 3px;
	margin-right: 1px;
}
.tag_blue{
	background:#75d5ff!important;
	color:#000000!important;
	border-radius: 5px;
	padding: 3px;
	margin-right: 1px;
}
.tag_yellow{
	background:#fefb00!important;
	color:#000000!important;
	border-radius: 5px;
	padding: 3px;
	margin-right: 1px;
}

.tag_cve{
	background:#fec47b!important;
	color:#000000!important;
	border-radius: 5px;
	padding: 3px;
	margin-right: 1px;
}

.A{

}

.B {
}

.C {
}

.D {
}

.E {
}

.F {
}


.block {
	display:block;
}
.table_title{
	background:#357abd!important;
	color:white!important;
	border-radius: 5px;
}
tr.selectable {
	cursor:pointer;
}
tr.selectable:hover {
	color:#dd0000;
}

.table_sub_title{
	background:#5ba9e6!important;
	color:white!important;
	text-align:center;
}

/* 総合評価 */
.total-severity .comprehensive_evaluation {
	text-align:center;
	vertical-align: middle;
	border-radius: 5px;

}

.total-severity-block {
	text-align:center;
	font-size:200%;
	vertical-align: middle;
}


/* boostrapのProgresバーを使用 */
.progress {

    height: 20px;
    margin-bottom: auto;
    overflow: hidden;
	background-image: initial;
	box-shadow: initial;
    display: block;
    width: 100%;
    overflow: visible;
    text-align:center;

}

.progress-bar-default {
	background-color: #369ce9;
}
/*
	ボタン
*/

.btn-link {
    border: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.btn-result{
  background-image: linear-gradient(to bottom,#F9D3A0 0,#F9AF7F 100%);
  color: #333!important;
  border: none!important;
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important; /* !important tags aren't necessarily always bad */
}

.btn-result:hover, .btn-result:focus {

  background-image: linear-gradient(to bottom,#F9AF7F 0,#FCB57D 100%);
  color: #333!important;

}
.btn-result:active {
  background: #F9AF7F!important;
}


.btn-common {
/*  background-image: linear-gradient(to bottom,#337ab7 0,#265a88 100%); */
  background: #337ab7!important;
  color: white!important;
  border: none!important;
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important; /* !important tags aren't necessarily always bad */
  text-align:center;

}

.btn-common:active {
  background: #265a88!important;
}

.btn-common:hover, .btn-delete:focus {
  background: #265a88!important;
}
.btn-danger {
  background: #d9534f!important;
  color: white!important;
  border: none!important;
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important; /* !important tags aren't necessarily always bad */
}

.btn-danger:active {
  background: #d9534f!important;
}

.btn-warning {
  background: #f0ad4e!important;
  color: white!important;
  border: none!important;
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important; /* !important tags aren't necessarily always bad */
}

.btn-warning:active {
  background: #f0ad4e!important;
}

.btn-delete {
  background: #d9534f!important;
  color: white!important;
  border: none!important;
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important; /* !important tags aren't necessarily always bad */
  text-align:center;
}

.btn-delete:hover, .btn-delete:focus {
  background: #a91a12!important;
}
.btn-delete:active {
  background: #a91a12!important;
}
.btn-restart {
  background: #009966!important;
  color: #fefb00!important;
  border: none!important;
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important; /* !important tags aren't necessarily always bad */
  text-align:center;
  font-weight: bold;
}

.btn-pause {
  background: #009966!important;
  color: #ffffff!important;
  border: none!important;
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important; /* !important tags aren't necessarily always bad */
  text-align:center;
  font-weight: bold;
}

.btn-stop {
  background: #ff0000!important;
  color: #ffffff!important;
  border: none!important;
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important; /* !important tags aren't necessarily always bad */
  text-align:center;
  font-weight: bold;
}

.btn-external-search {
/*  background-image: linear-gradient(to bottom,#337ab7 0,#265a88 100%); */
  background: #77c3df!important;
  color: #474747!important;
  border-style: solid; border-width: 1px;
  border-color: #bce8f1!important;
  margin-top:1px;
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important; /* !important tags aren't necessarily always bad */
  text-align:center;
}

.btn-panel-common {
  background: #f0f0f0!important;
  color: black!important;
  border: none!important;
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important; /* !important tags aren't necessarily always bad */
}

.btn-panel-common:hover, .btn-panel-cocommon:focus {
  color: black!important;
}
.btn-panel-cocommon:active {
  background: #e6e6e6!important;
}

.btn-warning {
    color: #fff;
	background: #f0ad4e!important;
}

.btn-primary {
    color: #fff;
	background: #337ab7!important;
}

.btn-info {
    color: #fff;
	background: #337ab7!important;
}

.btn-search {
    color: #feffff;
	background: #77c3df!important;
}

.btn-url {
    color: #212121;
    background: #acd2dc!important;
    padding: 5px 10px;
}

.btn-display {
    color: #212121;
	background:#dff416eb!important;
}

.btn-hide {
    color: #fff;
	background:#f0ad4e!important;
	text-decoration: none;
}

.btn-disable {
    color: #b9b9b9;
    background: #61676e!important;
    padding: 5px 10px;
}
/*
ナビバー
*/

.navbar {
    min-height: auto;
    margin-bottom: 0px;
 }

.navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 10px;
}

/*
パネル
*/

.panel{
	margin-bottom:10px;
}
.panel_header{
    color: #032021!important;
    background-color: #0f898f!important;
    border-color: #bce8f1!important;
	background-image: -webkit-linear-gradient(top, #0f898f 0%, #c4e3f3 100%);
	background-image: -o-linear-gradient(top, #d9edf7 0%, #c4e3f3 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#d9edf7), to(#c4e3f3));
	background-image: linear-gradient(to bottom, #d9edf7 0%, #c4e3f3 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffc4e3f3', GradientType=0);
	background-repeat: repeat-x;

}
.static_panel{
	color:#004080;
	font-weight: bold;
	background-image: linear-gradient(to bottom,#E5E5E5 0,#F1ECEC 100%);

}

.static_panel:hover,
.static_panel:focus{
    text-decoration: none;
	background-image: linear-gradient(to bottom,#E5E5E5 0,#F1ECEC 100%);
}

.static_panel_blue{
	color:white!important;
	font-weight: bold;
	background: #77c3df!important;

}

.static_panel_blue:hover,
.static_panel_blue:focus{
    text-decoration: none!important;
	background: #77c3df!important;
}


/*
サイドメニュー
*/
div.sidemenu{
}

/*
 template box
*/

.tab-content{
	margin-bottom:15px;

}
.template-box-1 {
	background-image: linear-gradient(to left,#E1DFDF 0,#E1DFDF 100%);
    border: 2px solid #7f7f7f;
    margin:15px;
    padding: 5px;
    height:100px;
    width:150px;
	border-radius: 10px;
    vertical-align: middle;
	box-shadow : 0 2px 6px rgba(100, 100, 100, 0.3);
}
.template-box-add {
	background-image: linear-gradient(to bottom,#337ab7 0,#265a88 100%);
    border: 2px solid #7f7f7f;
    margin:15px;
    padding: 5px;
    height:100px;
    width:150px;
	border-radius: 10px;
    vertical-align: middle;
	box-shadow : 0 2px 6px rgba(100, 100, 100, 0.3);
	color: white!important;
	border: none!important;
}

.template-title{
    font-size: 1.8em;
	color: #4d4d4d;
	text-align:center;
    display: block;
	text-shadow: 2px 3px 3px rgba(0,0,0,0.2);
}

.template-gear{
    font-size: 23px;
	color: #7f7f7f;
	text-align:left;
}

.template-save{
    font-size: 23px;
	text-align:left;
}

.template-title-custom{
    font-size: 1.0em;
	color: #4d4d4d;
	text-align:center;
    display: block;
	text-shadow: 2px 3px 3px rgba(0,0,0,0.2);
    overflow: hidden;
}

.template-title-add{
	font-size: 1.8em;
	color: white;
	text-align:center;
    display: block;
	text-shadow: 2px 3px 3px rgba(0,0,0,0.2);
    overflow: hidden;
}


/*
文字の折り返し
*/
p.nomal{
 word-break: normal;
}

p.break{
  word-break: break-all;
}

p.keep{
  word-break: keep-all;
}

/*
各ページの見出し
*/

.h1 {
	position: relative;
	padding: 5px 5px 5px 42px;
	background: #77c3df;
	font-size: 20px;
	color: white;
	margin-left: -33px;
	line-height: 1.3;
	z-index:-1;
}

h1:before {
	position: absolute;
	content: '';
	left: -2px;
	top: -2px;
	border: none;
	border-left: solid 40px white;
	border-bottom: solid 79px transparent;
	z-index:-2
}

div.headline-1 {
/*	background-image: linear-gradient(to left,#E1DFDF 0,#E1DFDF 100%); */
	background: #77c3df;
/*    border: 2px solid #7f7f7f; */
	border-radius: 0 10px 10px 0;
    margin-bottom:15px;
    padding:10px 10px;
	border-radius: 10px;
    vertical-align: middle;
/*	box-shadow : 0 2px 6px rgba(100, 100, 100, 0.3); */
	font-size: 130%;
	color: white;
}
div.headline-2 {
/*	background-image: linear-gradient(to left,#eee 0,#E1DFDF 100%); */
	background: #77c3df;
/*   border: 1px solid #7f7f7f; */
    margin-top:10px;
    margin-bottom:10px;
    padding:8px;
	border-radius: 10px;
    vertical-align: middle;
	font-size: 110%;
	color: white;
}

div.headline-3 {
	background: #1d85e6;
    margin-top:10px;
    margin-bottom:10px;
    padding:8px;
	border-radius: 10px;
    vertical-align: middle;
	font-size: 110%;
	color: white;
}

.section_title {
	position: relative;
	padding: 5px 5px 5px 42px;
	background: #77c3df;
	font-size: 20px;
	color: white;
	margin-left: -25px;
	line-height: 1.3;
	z-index:-1;
	margin-bottom:20px;
}

.section_title:before {
	position: absolute;
	content: '';
	left: -2px;
	top: -2px;
	border: none;
	border-left: solid 40px white;
	border-bottom: solid 79px transparent;
	z-index:-2
}

.section_title_group {
	position: relative;
	padding: 5px 5px 5px 42px;
	background: #337ab7;
	font-size: 20px;
	color: white;
	margin-left: -25px;
	line-height: 1.3;
	z-index:-1;
	margin-bottom:20px;
}

.section_title_group:before {
	position: absolute;
	content: '';
	left: -2px;
	top: -2px;
	border: none;
	border-left: solid 40px white;
	border-bottom: solid 79px transparent;
	z-index:-2
}

/*
縦のタブカスタマイズ用
*/


li.sidemenu_tab {
	display:inline!important;
	margin-left:0px!important;
}

li.sidemenu_tab > a {
	font-size: 10px;
	margin-top:1px;
	color:#333;
    border: 1px solid #dbdbdb;
	border-radius: 5px;
	background-color: #eee;
	padding:5px 10px;
	text-align:left;
	line-height: 1.5;
}

li.mainmenu_tab {
	display:inline!important;
	margin-left:0px!important;
}
li.mainmenu_tab > a {
	color:#333;
    border: 1px solid #dbdbdb;
	padding:5px 10px;
	text-align:left;
	line-height: 1.5;
}

.list_selected{
	/*listのセレクト状態*/
	color:#ff2600!important;
}

.list_audit_selected{
	color:white!important;
	background:#ff4647!important;
}
/*#================= */

.parameter{
	display:block;
}
.parameter_url{
	background:#add8e6;
	color:white;
	border-radius: 5px;
}
.parameter_get{
	background:#0071b9;
	background:#eab449;
	color:white;
	border-radius: 5px;
}
.parameter_post{
	background:#406e8b;
	color:white;
	border-radius: 5px;
}

.detect_information{
	color:red;
    font-weight: bold;
}

.padding_5px {
    padding: 5px 5px !important;
}

.no-margin{
	margin:0!important;
}

.no-padding{
	padding:0;
}

.no-radius{
	border-radius:0;
}

.list-group {
	margin-top: 10px;
	margin-bottom: 10px;
}
.list-group-item {
    padding: 8px 10px !important;
}
.clearfix {
    display:block;
    clear:both;
}

.hide {
	display:none;
}
.upload_file{
	 margin-bottom: 0px;
	 font-weight: inherit;
}

.upload_file input{
	display:none;
 }
.upload_file span{
	 cursor:pointer;
}

pre{
	background:#e3faffbd;
	font-size: 10px;
	color:black;
	border-radius: 5px;
	margin: 0px;
	padding: 0px;
}

.description{
	white-space:pre-wrap;
}
/* 画面の余白を少なくする為*/
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
		padding-right: 10px;
		padding-left: 10px;
}
/* HTMLハイライトの背景を白に強制的にする*/
.highlight{
	background:#ffffff!important;
}

.white{
    color:white!important;
}

.red{
    color:red!important;
}
.command_result{
	background:black;
	color:#00ff00;
}

.refecense {
	font-weight: bold;
	color:#ffff00;
}

.refecense:hover,
.refecense:focus{
    text-decoration: none;
	color:#ffff00;
}


.site_name {
	font-size: 12px;
}

.tr_highlight{
}

.tr_highlight:hover,
.tr_highlight:focus{
    text-decoration: none!important;
	color:#ffff00!important;
}

.highlight-1{
	color:white!important;
	background:#3d5886!important;
}

.highlight-2{
	color:white!important;
	background:#4895e3!important;
}

.highlight-3{
	color: #001f2b !important;
	background: #91d6df!important;

}

.highlight-3:hover,
.highlight-3:focus{
	color:#fb0d20!important;
}

.highlight-4{
	color:black;
	background:#f3fcff!important;
}

.highlight-4:hover,
.highlight-4:focus{
	color:#fb0d20!important;
}

.highlight-5{
	color:black;
	background:#80ef7f!important;
}

.highlight-5:hover,
.highlight-5:focus{
	color:#fb0d20!important;
}



.clear-left-padding {
	padding-left:0px;
}

.clear-padding {
	padding:0px;
}


.current_page_navigation {
	display:block;
	background:#3d5886;
	color:#ffffff!important;
}

.current_page_navigation a {
	color:#f0fdee;
	text-decoration:none;
}

.current_page_navigation a:hover {
	color:#ff0000;
}

.current_page_navigation td {
	padding:3px;
}

.current_page_name{
	color:#2bf92f;
}

.warning{
	font-size:1.1em;
	color:#fb0756;
	display:inline;
}

.warning:hover,
.warning:focus{
    color:#fb0756;
    text-decoration: none;
    display:inline;
}

.warning_green{
	color:green;
	display:inline;
}

.warning_yellow{
	color:yellow;
	display:inline;
}

.warning_blue{
	color:blue;
	display:inline;
}

.reference_link{
	color:#fb0756;
	display:inline;
}

.reference_link:hover,
.reference_link:focus{
    color:#fb0756;
    text-decoration: none;
    display:inline;
}

.step{
	font-weight: bold;
    font-size: 14px;
	color:#ff0000;
}

.response_time_0{
}

.response_time_2{
	background:#ffd478!important;
	border-radius: 5px;
	color:#000000;
}

.response_time_5{
	background:#ff6666!important;
	border-radius: 5px;
	color:white;
}

.response_time_10{
	background:#ff2600!important;
	border-radius: 5px;
	color:white;
}

.status_1{
}
.status_2{
}
.status_3{
}
.status_4{
	background:#ff6666!important;
	border-radius: 5px;
	color:white;
}
.status_5{
	background:#ff6666!important;
	border-radius: 5px;
	color:white;
}
.status_6{

}
.status_7{
	background:#ff2600!important;
	border-radius: 5px;
	color:white;
}
.status_8{
	background:#ff6666!important;
	border-radius: 5px;
	color:white;
}

.status_9{
	background:#ff6666!important;
	border-radius: 5px;
	color:white;
}

.status_10{
	background:#ff6666!important;
	border-radius: 5px;
	color:white;
}

.status_code_200{
	background:#ffff66!important;
	border-radius: 5px;
	color:#000000;
}
.status_code_300{
	background:#99ffcc!important;
	border-radius: 5px;
	color:#000000;
}
.status_code_400{
	background:#ff6666!important;
	border-radius: 5px;
	color:white;
}
.status_code_500{
	background:#ff2600!important;
	border-radius: 5px;
	color:white;
}

.detect_highlight{
	background:#ff2600!important;
	border-radius: 5px;
	color:white;
}

.detect_highlight_str{
	font-weight:bold;
	color:#ff2600;
}

.detect_highlight_yellow{
	background:#fefb00!important;
	border-radius: 5px;
	color:black;
}

.detect_highlight_yellow_str{
	font-weight:bold;
	color:#fefb00;
}


/* resonse_body表示用のpre*/
.pre_response_body {
	white-space: pre-wrap!important ;
	border: none!important;
}

iframe#parentframe {
  width: 100%;
}

.code_2{
}
.code_3{
	background:#99ffcc!important;
	border-radius: 5px;
	color:#000000;
}
.code_4{
	background:#ff6666!important;
	border-radius: 5px;
	color:white;
}
.code_5{
	background:#ff2600!important;
	border-radius: 5px;
	color:white;
}

.pagination {
    margin-top: 3px;
    margin-bottom: 3px;
}


.pagination > li > a, .pagination > li > span {
    position: relative;
    float: left;
    padding: 1px 3px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: black;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}

.box_announce p {
    margin: 0;
    padding: 0;
}

.box_announce {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #95ccff;
    border-radius: 8px;
	text-decoration: none;
}

.box_announce .box-title {
    position: absolute;
    display: inline-block;
    top: -10px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 14px;
    background: #FFF;
    color: #006699;
    font-weight: bold;
    text-overflow: ellipsis;
    margin-bottom:3px;
}
.box_announce p {
    margin-top: 5px;
    padding-bottom: 3px;
    padding: 0;
    font-size: 12px;
}

.inline {
	display: inline;
}
.inline_description {
/* 画面内の補足説明用 */
    padding: 5px 10px;
    line-height: 1.5;
    border-radius: 3px;
}

.ajax_input_update {
	cursor : pointer;
}

.ajax_update_multi_click {
	cursor : pointer;
}
.pointer_on{
	cursor : pointer;
}

.memo_title {
    background: #99ffcc;
    font-weight: bold;
    color: #000000;
}

.memo {
    color: #ff2600;
}

.footer {
    padding: 5px 0;
}
.bg-dark {
    background: #111;
	color: #fff;
}

.footer .copyright {
    margin: 0;
	font-size: 0.9em;
}
.font-alt {
    font-family: "Roboto Condensed", sans-serif;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.module-custom-title{
position: relative;
letter-spacing: 4px;
text-align: center;
font-weight: 900;
font-size: 2.5rem;
color: #111;
}
.module-text{
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.module-custom-sub-title{
	position: relative;
	letter-spacing: 4px;
	text-align: center;
	font-weight: 900;
	font-size: 1.8rem;
	color: #ff2600;
}

.flash{
    animation: flashing 1.5s ease-out;
    animation-iteration-count: infinite;    /* 繰り返し回数 または infinite */
}

@keyframes flashing {
    0%   { opacity: 0.5; }
    50%  { opacity: 1;}
    100% { opacity: 0.5; }
}
/*===============
 tab
===============*/

.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: #5ba9e6;
  color: #fff;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #fff;
  background-color: #337ab7;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
  cursor: default;
}

.nav-tabs > li > a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
	background: #cccccc;
	color: #333333;

}
.nav > li > a {
    position: relative;
    display: block;
    padding: 5px 15px;
}

.method_get{
	color:#000000;
}
.method_post{
	color:#ff2600;
}
.listContent {
  margin: 0;
  padding: 0;
  list-style: none;
}

.listContent > li {
 	position: relative;
	background-image: url("../img/secualive/check.png");
	padding: 0.4em 6em 0.7em 0.2em;
	background-size: 30px;
	background-repeat: no-repeat;
	background-position: left 4px;
	line-height: 30px;
	padding-left: 5em;
}

.listContent > li.gear {
	background-image: url("../img/secualive/gear.png");
	background-size: 40px;
}

.listContent > li.download {
	background-image: url("../img/secualive/download.png");
	background-size: 40px;
}

.listContent > li.yen {
	background-image: url("../img/secualive/yen.png");
	background-size: 35px;
}

.listContent > li.scope {
	background-image: url("../img/secualive/scope.png");
	background-size: 20px;
	padding-top:0.0em;
	padding-left:2em;
	font-size: 2.0rem;
	font-weight: 900;
}



.listContent > li > strong {
	display: block;
	font-size: 2.5rem;
	font-weight: 900;
	color: #111;
	border-bottom: 3px solid #eee;
}

.listContent > ul {
	margin-top:1em;
	list-style: none;
}

.listContent > li div {
  margin-top: 0.2em;
}

.listContent > li i.fas {
  position: relative;
}

.listContent > li > .title {
  position: relative;
  text-align: left;
  font-weight: 900;
  color: #111;
  font-size: 2.5rem;
  display:block;
}
.listContent > li > .content {
  position: relative;
  text-align: left;
  font-size: 1.8rem;
  display:block;
  margin-bottom:1em;
}

.annotation{
	color:red;
	text-align:right;
	font-size: 1.2rem;
}

.image_border{
	border: 2px #5e5e5e solid;
}

/*
dl
*/

.term dl {
}

.term dt dt {
	 position: relative;
	 margin-left: 2em;
}


.term p{
	 position: relative;
	 margin-left: 1em;
}

.term dd{
	 position: relative;
	 margin-left: 1em;
}

.table_of_contents{
  background-color: #f2fafa;
  margin: 0px;
  padding-top: 15px;
}

.audit_plugin_summary > ul{
	margin:1px;
	padding-left:1px;
	text-align:left;
}
.audit_plugin_summary > ul li {
	margin:5px 0px 0px 0px;
	list-style: none;
}

/*
ポータル
*/

.site_tag{
	margin:0px 1px 0px 0px;
    padding:5px;
    border-radius: 10px;
    background: #0fa91c!important;
    color: white !important;
}

.tags > ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.tags > ul li {
  display: inline-block;
  padding: 0;
}
.tags > ul li a {
	text-decoration: none;
	color: initial;
	display: inline-block;
}
.tags > ul li span {
  position: relative;
  display: inline-block;
  height: 30px;
  line-height: 30px;
  padding: 0 0.6em 0 .75em;
  background-color: #dcdfe1;

/*  background-color: #3498db; */
  border-radius: 10px;
  color: #0d0c0c;
  font-size: 10px;
  text-decoration: none;
  -webkit-transition: .2s;
  transition: .2s;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;

}
/*
.tags > ul li a::before {
  position: absolute;
  top: 0;
  left: -15px;
  z-index: -1;
  content: '';
  width: 30px;
  height: 30px;
  background-color: #3498db;
  border-radius: 50%;
  -webkit-transition: .2s;
  transition: .2s;
}
.tags > ul li a::after {
  position: absolute;
  top: 50%;
  left: -6px;
  z-index: 2;
  display: block;
  content: '';
  width: 6px;
  height: 6px;
  margin-top: -3px;
  background-color: #fff;
  border-radius: 100%;
}

.tags > ul li span {
  display: block;
  max-width: 100px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
/*
.tags > ul li a:hover {
  background-color: #555;
  color: #fff;
}
.tags > ul li a:hover::before {
  background-color: #555;
}
*/

/*
	パネル
*/
.common_panel-header {
	font-size:1.5em;
	padding: 5px 15px;
	border-bottom: 1px solid transparent;
	border-bottom-color: transparent;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}

.common_panel-body {
	font-size:13px;
	padding: 15px;
}

.common_panel-footer {
    padding: 8px 15px 3px;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.common_panel-tag-language {
	background: #306cd9e8!important;
	color: white!important;
}

.common_panel-tag-japanese {
	background: #0b58eac4!important;
	color: white!important;
}

.common_panel-tag-other {
	background: #7cff7c!important;
	color: #110969;
}
.common_panel-tag-other_FONT {
	color: #7cff7c!important;
}

.common_panel-tag-all {
	background: #43f1ff!important;
}
.common_panel-tag-all_FONT {
	color: #43f1ff!important;
}

.common_panel-tag-warning {
	background: #ff2020!important;
	color: #f3fffc!important;
}
.common_panel-tag-warning_FONT {
	color: #ff2020!important;
}
.common_panel-tag-normal {
	background: #4bfff8!important;
	color: #000!important;
}
.common_panel-tag-normal_FONT {
	color: #4bfff8!important;
}

.audit-tag-101 {
	background: #99d5ff!important;
	color: #110969!important;
}
.audit-site-ip-tag {
	background: #4f84ff!important;
	color: #fff!important;
	font-size: 1.0em!important;
}
.audit-pagescan-tag {
	background: #125eff!important;
	color: #fff!important;
	font-size: 1.0em!important;
}
.audit-tag-102 {
	background: #ffeae0!important;
	color: #110969!important;
}
.audit-tag-103 {
	background: #ff675c!important;
	color: #f8fff8!important;
}
.audit-tag-201 {
	background: #94ff12!important;
	color: #110969!important;
}
.audit-tag-202 {
	background: #05fffb!important;
	color: #110969!important;
}
.audit-tag-203 {
	background: #ddd5ff!important;
	color: #000000!important;
}
.audit-tag-204 {
	background: #b7ffb3!important;
	color: #000000!important;
}
.tag-select {
	font-size: 2.0rem!important;
    font-weight: bold!important;
	height: 50px!important;
	line-height: 50px!important;

}

.tag-un-select {
	font-size: 1.5rem!important;
	height: 40px!important;
	line-height: 40px!important;
	background: #999999!important;

}


.sp-menu-title {
    position: relative;
    display: block;
    padding: 15px 15px;
    vertical-align: middle;
	font-size:15px;
}

/*
	立て用レスポンシブテーブル
*/
@media screen and (max-width: 768px) {
  .tbl-mobile {
    width: 100%;
  }
  .tbl-mobile .thead {
    display: none;
  }
  .tbl-mobile tr {
    width: 100%;
  }
  .tbl-mobile td {
    display: block;
    text-align: center;
    width: 100%;
  }
  .tbl-mobile td:first-child {
    background: #3d5886;
    color: #fff;
    font-weight: bold;
    text-align: center;
  }
  .tbl-mobile td:before {
    content: attr(data-label);
    float: left;
    font-weight: bold;
    margin-right: 10px;
	text-align:center;
  }
}

/*
テーブルのTDの色変更をキャンセルする
*/
@media screen and (max-width: 768px) {
	.cancel-first_td-mobile {
	   font-weight: normal;
	   color:#212121;
	 }
}
/*
ページトップボタン
*/
#page_top{
  width: 30px;
  height: 30px;
  position: fixed;
  right: 0;
  bottom: 50px;
  background: #3f98ef;
  opacity: 0.6;
  border-radius: 50%;
}
#page_top a{
  position: relative;
  display: block;
  width: 20px;
  height: 20px;
  text-decoration: none;
}
#page_top a::before{
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f102';
  font-size: 15px;
  color: #fff;
  position: absolute;
  width: 30px;
  height: 10px;
  top: -5px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}

/*================================
	FEED系
================================*/


.cvss_title{
 	font-size: 15px;
}
.cvss_score{
 	font-size: 18px;
}
.cvss_data_H ,
.cvss_data_High ,
.cvss_data_Important ,
.cvss_data_C,
.cvss_data_Critical ,
.cvss_data_N{
	color:red;
    font-weight: bold;

}
.cvss_data_High ,
.cvss_data_Critical {
	color:red;
    font-weight: bold;
 	font-size: 15px;

}

.feed_section{
    font-weight: bold;
 	font-size: 12px;
	padding-top: 10px !important;
	padding-bottom: 10px !important;
	padding-left: 10px !important;
	padding-right: 10px !important;
	background:#5ba9e6 !important;
	color:white;
	margin-top: 5px;
	margin-bottom: 10px;
	border-radius: 6px;
}

.feed_section_title{
    font-weight: bold;
 	font-size: 14px;
	padding-top: 10px !important;
	padding-bottom: 10px !important;
	padding-left: 10px !important;
	padding-right: 10px !important;
	background:#337ab7 !important;
	color:white;
	margin-top: 15px;
	margin-bottom: 15px;
	border-radius: 6px;
}

.feed_tr_title{
 	font-size: 12px;
 	color:#18514c;
	background:#c9e2f1;
}
.feed_new{
 	font-size: 12px;
 	color:red;
	font-weight: bold;
}
.feed_new_old{
 	font-size: 12px;
 	color:#ff00a7;
	font-weight: bold;
}
.feed_update{
 	font-size: 12px;
 	color:#039119;
	font-weight: bold;	
}

.feed_add{
 	font-size: 12px;
 	color:rgb(18, 141, 5);
	font-weight: bold;	
}

.feed_fix{
 	font-size: 12px;
 	color:#c6c1f4;
	font-weight: bold;	
}

.feed_new_title{
 	font-size: 12px;
 	color:#ffef06;
}

.feed_update_title {
    font-size: 12px;
    color: #ffef06;
}

.feed_description_title {
    font-size: 12px;
 	color:#18514c;
    background:#bfeba7;
	border: 1px solid transparent;
    border-radius: 4px;
    padding: 5px;
    margin: 5px 0px 5px 0px;
}

.feed_effect_title {
    font-size: 12px;
 	color:#18514c;
    background:#7bcfe6;
	border: 1px solid transparent;
    border-radius: 4px;
    padding: 5px;
    margin: 5px 0px 5px 0px;
}

.feed_related_title {
	/*@extend .feed_effect_title; */
    background:#8f97e7;
 	color:white;
}

.feed_running_on_title{
    font-size: 11px;
	background:#e4e7a1;
 	color:#151515;
}

.effect_version > ul{
	margin:1px;
	padding-left:1px;
	text-align:left;
}
.effect_version > ul li {
	margin:5px 0px 0px 0px;
	list-style: none;
}

.effect_column{
	background:#f4fff2!important;
}

.vendor_title{
	font-size: 12px;
 	color:#18514c;
}

.release_note {
    background: #ee9336 !important;
    color: white !important;
    border-radius: 5px;
}
.bold_title {
/*	background: #337ab7 !important; */
    color: #3d5886 !important;
	font-weight: bold;
	font-size: 2.0rem;
    padding-top: 5px!important;
	padding-bottom: 5px!important;
    padding-left: 10px!important;
	padding-right: 5px!important;
	margin-top: 5px;
/*	border-top: solid 2px black; */
	margin-bottom: 15px;
	border-bottom: solid 2px #337ab7;
}

.product_title {
/*	background: #337ab7 !important; */
    color: #3d5886 !important;
	font-weight: bold;
	font-size: 2.0rem;
    padding-top: 5px!important;
	padding-bottom: 5px!important;
    padding-left: 10px!important;
	padding-right: 5px!important;
	margin-top: 5px;
/*	border-top: solid 2px black; */
	margin-bottom: 15px;
	border: solid 3px #337ab7;
}

.product_title_small {
/*	background: #337ab7 !important; */
    color: #3d5886 !important;
	font-weight: bold;
	font-size: 1.7rem;
    padding-top: 5px!important;
	padding-bottom: 5px!important;
    padding-left: 5px!important;
	padding-right: 5px!important;
	margin-top: 15px;
/*	border-top: solid 2px black; */
	margin-bottom: 10px;
	border: solid 3px #337ab7;
}

.bold_title_medium {
	font-size: 1.8rem;
}
.bold_title_small {
	font-size: 1.2rem;
}
.group_title {
	background: #337ab7 !important;
	color: white;
	border-radius: 6px;
	font-size: 1.6rem;
    padding-top: 3px!important;
	padding-bottom: 3px!important;
    padding-left: 10px!important;
	padding-right: 5px!important;
	margin-top: 5px;
	margin-bottom: 5px;
}
.feed_title1 {
	background: #d93713;
    margin-bottom:10px;
    padding:8px;
	border-radius: 10px;
    vertical-align: middle;
	font-size: 120%;
	color: #feffff;
}

.feed_title2 {
	background: #9acffdc4;
    margin-bottom:10px;
    padding:2px;
    padding-left:10px;
	border-radius: 10px;
    vertical-align: middle;
	font-size: 120%;
	color: #014d10;
}

.level-select {
	font-size: 1.5rem!important;
    font-weight: bold!important;
	height: 35px!important;
	line-height: 35px!important;

}

.level-un-select {
	font-size: 1.2rem!important;
	height: 25px!important;
	line-height: 25px!important;

}
#vulnerability_select_level span{
	 cursor:pointer;
}
/*==========================================
 Datapicker
===========================================*/
.datepicker .table-condensed {
    width: 300px;
    height: 220px;
    font-size: 1em;
}

/*==========================================
 image
===========================================*/
.icon_warning {
	margin-right: 5px;
    width: 18px;
    height: 18px;

}
/*==========================================
 Loader
===========================================*/
#loading {
	 display: table;
	 width: 100%;
	 height: 100%;
	 position: fixed;
	 top: 0;
	 left: 0;
/*	 background-color: #fff; */
	 opacity: 1.0;
}
#loading .loadingMsg {
	 display: table-cell;
	 text-align: center;
	 vertical-align: middle;
	 padding-top: 140px;
	 background: url("../img/loading.gif") center center no-repeat;
}
/*=============*/
.line_emphasis{
	font-weight: bold;
}

/*==========================================
 Dashboard
===========================================*/
.panel_dashboard_header{
    color: #eef4ff!important;
    background-color: #42cc33!important;
    border-color: #bce8f1!important;
	background: #ea505f !important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffc4e3f3', GradientType=0);
	background-repeat: repeat-x;
}

.panel_dashboard_heading {
  padding: 5px 10px;
  border-bottom: 1px solid transparent;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}

.panel_dashboard_basic {
    border-color: #ff8c98;
}
.panel_dashboard_body {
	padding: 5px;
	color:#212121;
}

.panel_dashboard_default_font{
	font-size: 0.9em!important;
}
/*==========================================
Loading
===========================================*/

#nowLoading {
  display: table;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: transparent;
  opacity: 1.0;
}

#innerMsg {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  padding-top: 140px;
  z-index:100;
  background: url("../img/loading.gif") center center no-repeat;
}
/*==========================================
 Tooltip
===========================================*/

.popover {
    background-color: #fdf6e3;
    border: 1px solid #ccc;
    max-width: 300px;
    font-size: 14px;
}

.popover-title {
    background-color: #f5f5f5;
    color: #333;
    padding: 8px 12px;
    border-bottom: 1px solid #ccc;
    text-align: left;
}

.popover-content {
    color: #333;
    padding: 10px 12px;
    text-align: left;
}

.popover.top .arrow {
    border-top-color: #ccc;
}

/*==========================================
 table sorter利用時ヘッダー背景設定　これしないと背景色設定がなくなる
===========================================*/

.table-bordered > thead > tr > th, .table-bordered > thead > tr > td {
  border-bottom-width: 2px;
  background: #eee;
}