.suricata h2 {
  width: 100%;
  border-left: solid 5px #3b9938;
  border-bottom: solid 1px #ccc;
  padding: 10px 0 10px 15px;
  margin: 10px 0;
}
.suricata .personal_info {
  border-left: dotted 1px #fff;
}
.suricata .nav > li > a:hover, .suricata .nav > li > a:focus {
  color: #fff;
  background-color: #8bcf91;
}
.suricata .nav .sub-category {
  background-color: #ebf2e6;
  border-right: solid 1px #ddd;
}
.suricata .nav .open > a, .suricata .nav .open > a:hover, .suricata .nav .open > a:focus {
  background-color: #f0f6da;
}
.suricata .nav-tabs > li > a {
  color: #333;
}
.suricata .navbar-default .navbar-nav > li > a:hover,
.suricata .navbar-default .navbar-nav .navbar-default .navbar-nav > li > a:focus {
  color: #fff;
  background: #8bcf91;
}
.suricata .navbar-default .navbar-nav > .active > a,
.suricata .navbar-default .navbar-nav .navbar-default .navbar-nav > .active > a:hover,
.suricata .navbar-default .navbar-nav .navbar-default .navbar-nav > .active > a:focus {
  color: #fff;
  background-color: #8bcf91;
}
.suricata .navbar {
  color: #fff;
  background-color: #1e90ff;
}
.suricata .search-field {
  background-color: #fafae4;
  border: solid 4px #8bcf91;
}
.suricata .table thead {
  background-color: #D8E4BC;
}
.suricata .table tfoot,
.suricata .table .goukei th,
.suricata .table .goukei td {
  background-color: #ffffcc;
  font-weight: bold;
  color: #000;
}
.suricata .btn-success:hover, .suricata .btn-success:focus, .suricata .btn-success:active {
  background-color: #005c00;
  border-color: #003b00;
}
.suricata .btn-success.disabled,
.suricata .btn-success.disabled:hover,
.suricata .btn-success.disabled:focus,
.suricata .btn-success.disabled:active,
.suricata .btn-success.disabled.active,
.suricata .btn-success[disabled],
.suricata .btn-success[disabled]:hover,
.suricata .btn-success[disabled]:focus,
.suricata .btn-success[disabled]:active,
.suricata .btn-success[disabled].active,
.suricata fieldset[disabled] .btn-success,
.suricata fieldset[disabled] .btn-success:hover,
.suricata fieldset[disabled] .btn-success:focus,
.suricata fieldset[disabled] .btn-success:active,
.suricata fieldset[disabled] .btn-success.active {
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.suricata .btn-success .badge {
  color: #5cb85c;
}
.suricata .btn-link:hover, .suricata .btn-link:focus {
  color: #2a6496;
}
.suricata .label-success {
  background-color: #5cb85c;
}
.suricata .label-success[href]:hover,
.suricata .label-success[href]:focus {
  background-color: #449d44;
}
.suricata .alert-info hr {
  border-top-color: #a6e1ec;
}
.suricata table th {
  background: #8bcf91;
}
.suricata table thead th {
  background: #b2de91;
}
.suricata table tbody th {
  background: #e4f6d9;
}
.suricata table th a {
  color: #000;
}
.suricata table > tfoot > tr > th,
.suricata table > tfoot > tr > td {
  color: #ed3d36;
  background: #ffdfdb;
}
.suricata #taskBox {
  border-color: #3b9938;
}

select.input-sm, .input-group-sm > select.form-control,
.input-group-sm > select.input-group-addon,
.input-group-sm > .input-group-btn > select.btn {
  height: 30px;
  line-height: 30px;
}

.input-sm, .input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

.suricata .menubar {
 background-color: #ccffcc;
 height: 20%;
}

.btn-menu1 {
  background-color: #87ceeb;
  white-space: normal;
}
.btn-menu2 {
  background-color: #00bfff;
  white-space: normal;
}
.btn-menu3 {
  background-color: #6495ed;
  white-space: normal;
}
.btn-menu4 {
  background-color: #1e90ff;
  color: #ffffff;
}
.btn-menu5 {
  background-color: #0000cd;
  color: #ffffff;
  white-space: normal;
}
.btn-menu6 {
  background-color: #00008b;
  color: #ffffff;
  white-space: normal;
}
.btn-menu7 {
  background-color: #F8ABA6;
  color: #ffffff;
  white-space: normal;
}
.menucategory {
  border: 2px #b0c4de solid;
}

.menutitle {
  height : 20px;
  background-color: #e0ffff;
  border-bottom: solid 2px #b0c4de;
}

.btn:hover {
  background-color: #59b1eb;
}

/* �e�L�X�g�{�b�N�X�w�i�F�����F�ɂȂ錏���p */
input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px white inset;
}

.label {
  display: inline;
  padding: .2em .6em .3em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: white;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25em;
}
.label[href]:hover, .label[href]:focus {
  color: white;
  text-decoration: none;
  cursor: pointer;
}
.label:empty {
  display: none;
}
.label-danger {
  background-color: #d9534f;
}
.label-danger[href]:hover, .label-danger[href]:focus {
  background-color: #c9302c;
}







.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  line-height: 1.428571429;
  text-decoration: none;
  background-color: white;
  border: 1px solid #dddddd;
  margin-left: -1px;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}
.pagination > li > a:hover, .pagination > li > a:focus,
.pagination > li > span:hover,
.pagination > li > span:focus {
  background-color: #eeeeee;
}
.pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus,
.pagination > .active > span,
.pagination > .active > span:hover,
.pagination > .active > span:focus {
  z-index: 2;
  color: white;
  background-color: #428bca;
  border-color: #428bca;
  cursor: default;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #999999;
  background-color: white;
  border-color: #dddddd;
  cursor: not-allowed;
}

.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-bottom-right-radius: 6px;
  border-top-right-radius: 6px;
}

.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}

.pager {
  padding-left: 0;
  margin: 20px 0;
  list-style: none;
  text-align: center;
}
.pager:before, .pager:after {
  content: " ";
  display: table;
}
.pager:after {
  clear: both;
}
.pager li {
  display: inline;
}
.pager li > a,
.pager li > span {
  display: inline-block;
  padding: 5px 14px;
  background-color: white;
  border: 1px solid #dddddd;
  border-radius: 15px;
}
.pager li > a:hover,
.pager li > a:focus {
  text-decoration: none;
  background-color: #eeeeee;
}
.pager .next > a,
.pager .next > span {
  float: right;
}
.pager .previous > a,
.pager .previous > span {
  float: left;
}
.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
  color: #999999;
  background-color: white;
  cursor: not-allowed;
}
.suricata .btn {
  font-size: calc(80% + 0.25vw)
}
.suricata .btn-sm {
  font-size: calc(60% + 0.25vw)
}

.suricata .modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
  min-height: 16.428571429px;
  background-color: #4169e1;    /* royalblue */
}
.suricata .modal-title {
  font-weight: bold;
  font-size: 140%;
  color: #fff;
  padding: 0 0 0 10px;
}
.suricata .modal-content {
  border: none !important;
  background: url(/assets/images/modal_bg.gif) repeat-x white;
}
.suricata .modal-content .modal-body p{
  width: 100%;
  padding: 10px;
  font-weight: bold;
  font-size: calc(100% + 0.10vw);
  display:block;
}
.suricata .modal-dialog {
  max-width: 800px
}
.suricata .modal-mg {
  max-width: 1200px
}
.suricata .modal-lg {
  max-width: 1600px
}

/* The switch - the box around the slider */
.suricata .switch {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 24px;
  float:left;
}

/* Hide default HTML checkbox */
.suricata .switch input {display:none;}

/* The slider */
.suricata .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.suricata .slider::before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

.suricata input.default:checked + .slider {
  background-color: #444;
}
.suricata input.primary:checked + .slider {
  background-color: #2196F3;
}
.suricata input.success:checked + .slider {
  background-color: #8bc34a;
}
.suricata input.info:checked + .slider {
  background-color: #3de0f5;
}
.suricata input.warning:checked + .slider {
  background-color: #FFC107;
}
.suricata input.danger:checked + .slider {
  background-color: #f44336;
}

.suricata input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

.suricata input:checked + .slider::before {
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
}

/* Rounded sliders */
.suricata .slider.round {
  border-radius: 34px;
}

.suricata .slider.round::before {
  border-radius: 50%;
}

.serviceClassification {
  font-size: calc(75% + 0.25vw);
  padding-right: 0px;
  padding-left: 0px;

}

input[type="date"] {
  border: 0;
  border:solid 1px #a9a9a9;
  height: 30px;
}

input[type="month"] {
  border: 0;
  border:solid 1px #a9a9a9;
  height: 30px;
}

.suricata .select-height {
  height: 30px;
}

.suricata textarea {
  height: 111px;
}

.suricata .textarea-st {
  height: 110px;
}

.suricata .textarea-md {
  height: 200px;
}

.suricata .textarea-mid {
  height: 170px;
}
.suricata .textarea-lg {
  height: 400px;
}

.suricata .border-upper {
  border-width: 3px 1px 1px 1px;
}
.suricata .border-lower {
  border-width: 1px 1px 3px 1px;
}
.suricata .bg-saturday {
  background-color: #e0ffff;
}

.suricata .bg-sunday {
  background-color: #ffebcd;
}

.suricata .bg-daymark {
  background-color: #90ee90;
}
.suricata .bg-match {
  background-color: #ffff00;
}
.suricata .bg-unmatch {
  background-color: #dc143c;
}

.suricata .text-underLine {
  text-decoration: underline;
}
.suricata input[type=radio] {
  display: none;
}
.suricata .ms-container {
    background: transparent url(/assets/images/switch.png) no-repeat 50% 50%;
    width: calc(100% + 0.25vw);
    height: 200px;
}

.suricata .cardtitle {
  font-size: calc(60% + 0.25vw)
}

.suricata .bg-table-record {
  background-color: #ccd2ff;
}

.suricata .bg-table-emptyRow{
  border-style: none;
  height: 8px;
}

.suricata .modal-text {
  font-size: 18px;
}
.card-body .col-sm-3{
  max-width: 24%
}

.suricata .displayNone {
  display: none;
}

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

.suricata .errDisp {
  height: 25vh;
  overflow-y: scroll;
}


.suricata .colWidth5 {
  width: 5%;
}
.suricata .colWidth20 {
  width: 20%;
}
.suricata .colWidth18 {
  width: 18%;
}
.suricata .colWidth9 {
  width: 9%;
}
.suricata .colWidth10 {
  width: 10%;
}
.suricata .colWidth30 {
  width: 30%;
}
.suricata .colWidth60 {
  width: 60%;
}
.suricata .colWidth13 {
  width: 13%;
}

.suricata .fontSmall {
  font-size: 13px;
}
.suricata .tableDoubleLine {
  border-top: double;
}
.suricata .tableColor {
  background: #b2de91;
}
.suricata .tableTitleColor {
  background-color: rgba(0, 0, 0, 0.05);
}
.suricata .tableBackColorWhite {
  background: #ffffff;
}
.suricata .tableBorderNone {
  border: none;
}
.suricata .tableTitleFont {
  font-size: 20px;
}
.suricata .sticky-top {
  transform:translate3d(0,0,0);
}

.suricata .textTurnBack {
  overflow-wrap: break-word;
  word-wrap: break-word;
}
.suricata .textFlex {
  display: flex;
}
.suricata .mentalHeight{
  height: calc(2.25rem + 2px);
}
.suricata .mentalTransition{
  transition: height 0.3s ease;
}
.suricata .mentalTable{
  table-layout: fixed;
}
.suricata .mentalWordBreak{
  word-break: break-all;
}

.select2-choices {
  min-height: 500px;
  max-height: 500px;
  overflow-y: auto;
}
.select2-results {
 max-height: 500px;
}
.select2-container--default .select2-selection--single {
	border: 1px solid #767676;
	border-radius: 2px;
	height: 32px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
	color: #000000;
	line-height: 30px;
}

.suricata .textPreline{
  white-space: pre-line;
}