.tairuhare {
  width: 50%;
}

.tairuhare_col,
.tairuhare_where {
  width: 12.5%;
}

.mikagehare {
  width: 40%;
}

.mikagehare_col,
.mikagehare_where,
.mikagehare_ref {
  width: 12%;
}

.mikasa,
.whitetile {
  width: 28%;
}

.mikasa_col,
.mikasa_where,
.whitetile_col,
.whitetile_where {
  width: 12%;
}

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

.input-group .form-control {
  z-index: 0 !important;
}

.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group {
  z-index: 0 !important;
}

#cg_checkimages input[type="radio"],
#cg_checkimages input[type="checkbox"] {
  visibility: hidden;
}

#cg_checkimages input:checked + label {
  border: 2px solid green;
  border-radius: 4px;
}

.imgtest {
  border: 1px solid #ddd; /* Gray border */
  border-radius: 4px; /* Rounded border */
  padding: 5px; /* Some padding */
  width: 18vw; /* Set a small width */
  height: 17vw; /* Set a small width */
}

/* Add a hover effect (blue shadow) */
.imgtest:hover {
  box-shadow: 0 0 2px 1px rgba(0, 140, 186, 0.5);
}

.messenger-message {
  z-index: 9999999 !important;
}

.panel-heading {
  text-align: center !important;
}

.impmsg {
  font-size: 15px !important;
}

.text-title {
  font-size: 15px !important;
  font-weight: normal !important;
}

tr td {
  border: 1px solid #e7e7e7;
  padding: 10px;
}

#instruction {
  background-color: pink;
}

#select {
  background-color: violet;
}

.h1,
h1 {
  font-size: 16px;
}

#h1_patselection {
  text-align: left !important;
  font-size: 16px;
}

legend {
  margin-bottom: 0px !important;
}

.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: 3px !important;*/
  padding-top: 2px !important;
  /*padding-left: 3px !important;*/
}

.form-control {
  height: 30px !important;
  padding: 5px 10px !important;
  font-size: 12px !important;
  line-height: 1.5 !important;
  border-radius: 3px !important;
}

.checkbox,
.radio {
  position: relative;
  display: block;
  font-size: 13px;
  margin-top: 2px !important;
  margin-bottom: 2px !important;
}

fieldset.scheduler-border {
  border: 1px solid #eaeaea !important;
  padding: 2px !important;
  margin: 0px !important;
  -webkit-box-shadow: 0px 0px 0px 0px #000;
  box-shadow: 0px 0px 0px 0px #000;
}

legend.scheduler-border {
  font-size: 15px !important;
  font-weight: normal !important;
  text-align: left !important;
  width: auto;
  padding: 0 10px;
  border-bottom: none;
  color: red;
}

.text-red {
  color: #f00 !important;
}

.icon-male {
  font-size: 15px !important;
}

.fa-phone-square {
  font-size: 25px !important;
  color: #0000ff !important;
}

.fa-address-card-o {
  font-size: 24px !important;
}

.emplistname {
  font-size: 24px !important;
}

.progttl {
  font-weight: bold !important;
  font-size: 10px !important;
}

.fa-bullhorn {
  font-size: 16px !important;
  color: #f00 !important;
}

#imgStatus {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  z-index: 500;
}

.plusbtn {
  position: relative !important;
  left: 0px !important;
  right: 0px !important;
}

.fa-plus-circle {
  font-size: 22px !important;
  color: #0000ff !important;
}

.vtop {
  vertical-align: text-top !important;
}

#scheduledlg .modal-dialog {
  width: 98%;
  height: 98%;
}

#commonbrowserdlg .modal-dialog {
  width: 75%;
  height: 98%;
}

.ui-jqgrid .frozen-bdiv {
  z-index: 9999 !important;
}

.tooltip-inner {
  text-align: left !important;
  background: #cccccc !important;
  color: #000000 !important;
  border: 1px solid #000000 !important;
}

.tooltip-arrow {
  border-top: 5px solid #f1f1f1;
}

/* Tooltip on bottom */
.tooltip-arrow {
  border-bottom: 5px solid #f1f1f1;
}

/* Tooltip on left */
.tooltip-arrow {
  border-left: 5px solid #f1f1f1;
}

/* Tooltip on right */
.tooltip-arrow {
  border-right: 5px solid #f1f1f1;
}

.clockpicker-popover {
  z-index: 99999999999 !important;
}

.datepicker {
  z-index: 99999999999 !important;
}

/*
body.modal-open {
overflow: hidden !important;
position: fixed;
}
*/
/*
.modal-open {
position: fixed;
width: 100%;
overflow: hidden;
}
*/
.nomove {
  overflow: hidden !important;
  position: fixed !important;
  width: 100% !important;
}

.icon-construction {
  font-size: 16px !important;
  color: #ff0000 !important;
}

.noinputback {
  background: #eee !important;
}

body {
  padding-bottom: 130px !important;
}

.ndlgpop .modal-dialog {
  width: 98%;
  height: 98%;
}

.form-control {
  /* text-align: center; */
}

.footer {
  position: fixed;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 60px;
  background-color: #f5f5f5;
  padding: 10px;
}

td .cg_text,
th .cg_text {
  font-size: 13px !important;
}

.cg_select {
  width: 100%;
  padding: 1px 12px !important;
  font-size: 12px !important;
}

.control-label {
  font-size: 13px;
  font-weight: normal;
  text-align: center;
}

.hareruyaone_col1,
.stonecraft_col1,
.tairuhare,
.mikagehare,
.mikasa,
.asuka,
.miyabi,
.whitetile {
  background: #3d71a7;
  text-align: center !important;
  color: #ffffff;
}

.hareruyaone_col2,
.stonecraft_col2,
.stonecraft_col3,
.stonecraft_col4,
.mikagehare_ref,
.mikasa_col,
.asuka_col,
.miyabi_col,
.tairuhare_col,
.whitetile_col,
.mikagehare_col,
.mikasa_where,
.asuka_where,
.miyabi_where,
.whitetile_where,
.mikagehare_where,
.tairuhare_where {
  background: #ffffff;
  text-align: center !important;
}

.patterndialog {
  font-size: 16px !important;
}

.h3_metalsiding,
.h3_wallart {
  background: #3d71a7;
  text-align: center !important;
  color: #ffffff;
}

.h3_metalsiding_col,
.h3_wallart_col {
  background: #ffffff;
  text-align: center !important;
}

.h3_metalsiding_where,
.h3_wallart_where {
  background: #ffffff;
  text-align: center !important;
}

.h3_paintcolorfloor2 {
  background: #3d71a7;
  text-align: center !important;
  color: #ffffff;
}

.h3_roofcolor {
  background: #3d71a7;
  text-align: center !important;
  color: #ffffff;
}

.h3_paintcolorfloor2_pattern,
.h3_paintcolorfloor2_col,
.h3_paintcolorfloor2_other,
.h3_roofcolor_col,
.h3_roofcolor_other,
.h3_othercolor_col {
  background: #ffffff;
  text-align: center !important;
}

.h3_othercolor {
  background: #3d71a7;
  text-align: center !important;
  color: #ffffff;
}

.navbar-nav {
  border-bottom: 2px solid #ddd;
  font-weight: bold;
}

.navbar-nav > li.active > a,
.navbar-nav > li.active > a:focus,
.navbar-nav > li.active > a:hover {
  border-width: 0;
}

.navbar-nav > li > a {
  border: none;
  color: #ffa2a2;
}

.navbar-nav > li.active > a,
.navbar-nav > li > a:hover {
  border: none;
  color: #4285f4 !important;
  background: transparent;
}

.navbar-nav > li > a::after {
  content: "";
  background: #4285f4;
  height: 2px;
  position: absolute;
  width: 100%;
  left: 0px;
  bottom: -1px;
  transition: all 250ms ease 0s;
  transform: scale(0);
}

.navbar-nav > li.active > a::after,
.navbar-nav > li:hover > a::after {
  transform: scale(1);
}

.tab-nav > li > a::after {
  background: #21527d none repeat scroll 0% 0%;
  color: #fff;
}

.tab-pane {
  padding: 15px 0;
}

.tab-content {
  padding: 20px;
}

.navbar-default {
  background-color: #e83e04 !important;
  border-color: #e83e04 !important;
  color: white;
}

.navbar-nav > li > a {
  margin-right: 10px !important;
  /* padding: 10px 20px !important; */
  color: white !important;
}

.navbar-nav {
  border-bottom: 2px solid #e83e04 !important;
  font-weight: bold;
}

.navbar-nav > li > a::after {
  background: #ffffff !important;
}

.navbar-nav > li.active > a,
.navbar-nav > li > a:hover {
  color: #ffffff !important;
}

.navbar-nav > li.active > a,
.navbar-nav > li.active > a:focus,
.navbar-nav > li.active > a:hover {
  background-color: #e83e04 !important;
}

.navbar-default .navbar-brand {
  color: #ffa2a2 !important;
  font-size: 2vw !important;
  border: 2px solid !important;
}

div.desc {
  bottom: 0px;
  width: 100%;
  background-color: #1f3c13;
  color: #fff;
  opacity: 0.5;
  border-radius: 0px 0px 5px 5px;
  filter: alpha(opacity=50);
}

.footer {
  background-color: #e83e04;
  box-shadow: 0 -5px 5px -5px #333;
  left: 0px;
  padding-left: 0px;
  padding-right: 0px;
}

.btn-success-flat {
  border-width: 2px;
  background-color: transparent;
  border-color: #4caf50;
  color: white;
}

.btn-success-flat:hover,
.btn-success-flat:focus {
  color: white;
  -webkit-box-shadow: inset 0px 0px 162px 151px rgba(71, 184, 75, 0.5);
  -moz-box-shadow: inset 0px 0px 162px 151px rgba(71, 184, 75, 0.5);
  box-shadow: inset 0px 0px 162px 151px rgba(71, 184, 75, 0.5);
  transition: all 200ms ease-in-out;
}

.btn-success-flat:active {
  color: white;
  -webkit-box-shadow: inset 0px 0px 162px 151px rgba(71, 184, 75, 1);
  -moz-box-shadow: inset 0px 0px 162px 151px rgba(71, 184, 75, 1);
  box-shadow: inset 0px 0px 162px 151px rgba(71, 184, 75, 1);
  transition: all 200ms ease-in-out;
}

.btn-warning-flat {
  border-width: 2px;
  background-color: transparent;
  border-color: #ff8a65;
  color: white;
}

.btn-warning-flat:hover,
.btn-warning-flat:focus {
  color: white;
  -webkit-box-shadow: inset 0px 0px 154px 144px rgba(240, 179, 57, 0.5);
  -moz-box-shadow: inset 0px 0px 154px 144px rgba(240, 179, 57, 0.5);
  box-shadow: inset 0px 0px 154px 144px rgba(240, 179, 57, 0.5);
  transition: all 200ms ease-in-out;
}

.btn-warning-flat:active {
  color: white;
  -webkit-box-shadow: inset 0px 0px 154px 144px rgba(240, 179, 57, 1);
  -moz-box-shadow: inset 0px 0px 154px 144px rgba(240, 179, 57, 1);
  box-shadow: inset 0px 0px 154px 144px rgba(240, 179, 57, 1);
  transition: all 200ms ease-in-out;
}

.btn-default-flat {
  border-width: 2px;
  background-color: transparent;
  border-color: rgba(225, 225, 225, 1);
  color: white;
}

.btn-default-flat:hover,
.btn-default-flat:focus {
  color: rgba(0, 0, 0, 1);
  -webkit-box-shadow: inset 0px 0px 154px 144px rgba(225, 225, 225, 0.5);
  -moz-box-shadow: inset 0px 0px 154px 144px rgba(225, 225, 225, 0.5);
  box-shadow: inset 0px 0px 154px 144px rgba(225, 225, 225, 0.5);
  transition: all 200ms ease-in-out;
}

.btn-default-flat:active {
  color: rgba(0, 0, 0, 1);
  -webkit-box-shadow: inset 0px 0px 154px 144px rgba(225, 225, 225, 1);
  -moz-box-shadow: inset 0px 0px 154px 144px rgba(225, 225, 225, 1);
  box-shadow: inset 0px 0px 154px 144px rgba(225, 225, 225, 1);
  transition: all 200ms ease-in-out;
}

.btn-primary-flat {
  border-width: 2px;
  background-color: transparent;
  border-color: #64b5f6;
  color: white;
}

.btn-primary-flat:hover,
.btn-primary-flat:focus {
  color: white;
  -webkit-box-shadow: inset 0px 0px 154px 144px rgba(33, 150, 243, 0.5);
  -moz-box-shadow: inset 0px 0px 154px 144px rgba(33, 150, 243, 0.5);
  box-shadow: inset 0px 0px 154px 144px rgba(33, 150, 243, 0.5);
  transition: all 200ms ease-in-out;
}

.btn-primary-flat:active {
  color: white;
  -webkit-box-shadow: inset 0px 0px 154px 144px rgba(33, 150, 243, 1);
  -moz-box-shadow: inset 0px 0px 154px 144px rgba(33, 150, 243, 1);
  box-shadow: inset 0px 0px 154px 144px rgba(33, 150, 243, 1);
  transition: all 200ms ease-in-out;
}

.panel-heading {
  padding: 1px 15px !important;
}

caption {
  padding-top: 1px !important;
  padding-bottom: 1px !important;
}