/* add more by Klinchaba */
.h1title {
    margin: 0px 0px 10px; 
    padding: 0px 0px 0px 15px; 
    border: 0px; 
    outline: 0px; 
    font-family: meiryo, メイリオ, 'ms pgothic', 'ms pゴシック', osaka, sans-serif; 
    font-stretch: inherit; 
    line-height: 33px; 
    font-size: 14.3999996185303px; 
    height: 33px; 
    color: rgb(51, 51, 51); 
    background: url("../images/ttl_maingif.gif") 0% 0% no-repeat;
}

.need {
    color: red;
}


table.register th {
    text-align: right!important;
    vertical-align: top;
    padding: 5px 4px 5px 0px !important;
    font-weight: bold;
    font-family: meiryo, メイリオ, 'ms pgothic', 'ms pゴシック', osaka, sans-serif; 
    font-size: 12px;
/*    width: 30% !important;*/
}

table.register td {
    text-align: left;
    font-family: meiryo, メイリオ, 'ms pgothic', 'ms pゴシック', osaka, sans-serif; 
    font-size: 12px;
    padding: 0px 0px 4px;
}
.addBtn {
    background: transparent url("../images/btn_add.jpg") no-repeat scroll left top;
}

.formBtn {
    margin-top: 15px;
    width: 162px;
    height: 36px;
    cursor: pointer;
    border: medium none;
}

#register-form .fieldgroup label.error {
    color: #FB3A3A;
    display: inline-block;
    margin: 4px 0 5px 125px;
    padding: 0;
    text-align: left;
    width: 220px;
}

/* Tooltips helpers */
.item .tooltip{ float:left; top:2px; left:7px; position:relative; z-index:2; }
.item .tooltip:hover{ z-index:3; }
.item .tooltip > span{ display:inline-block; width:15px; height:15px; line-height:15px; font-size:0.9em; font-weight:bold; text-align:center; color:#FFF; cursor:help; background-color:#00AEEF; position:relative; border-radius:10px; }
.item .tooltip .content{ opacity:0; width:200px; background-color:#333; color:#FFF; font-size:0.9em; position:absolute; top:0; left:20px; padding:8px; border-radius:6px; pointer-events:none; transition:0.2s cubic-bezier(0.1, 0.1, 0.25, 2); -webkit-transition:0.3s cubic-bezier(0.1, 0.2, 0.5, 2.2); -moz-transition:0.3s cubic-bezier(0.1, 0.2, 0.5, 2.2); }
.item .tooltip p{ padding:0; }
.item .tooltip.down .content{ left:auto; right:0; top:30px; }
.item .tooltip:hover .content{ opacity:1; left:36px; }
.item .tooltip .content b{ height:0; width:0; border-color:#333 #333 transparent transparent; border-style:solid; border-width:9px 7px; position:absolute; left:-14px; top:8px; }
.item .tooltip.down .content b{ left:auto; right:6px; top:-10px; border-width:5px; border-color:transparent #333 #333 transparent; }

/* alerts (when validation fails) */
.item .alert{ 
    float:left; 
    margin:0 0 0 20px; 
    padding:3px 10px; 
    font-size: 11px;
    color:red; 
    /*border-radius:3px 4px 4px 3px;*/ 
    /*background-color:#CE5454;*/ 
    /*max-width:170px;*/ 
    white-space:pre; 
    position:relative; 
    left:-15px; 
    opacity:0; 
    z-index:1; 
    transition:0.15s ease-out;
}
.item .alert::after{ 
    content:''; 
    display:block; 
    height:0; 
    width:0; 
    /*border-color:transparent #CE5454 transparent transparent;*/ 
    /*border-style:solid;*/ 
    /*border-width:11px 7px;*/ 
    position:absolute; 
    left:-13px; 
    top:1px; }
.item.bad .alert{ left:0; opacity:1; }


@keyframes shake{
    15%{ transform:translateX(-5px); }
    30%{ transform:translateX(5px); }
    45%{ transform:translateX(-3px); }
    60%{ transform:translateX(3px); }
    75%{ transform:translateX(2px); }
    100%{ transform:none; }
}
@-webkit-keyframes shake{
    25%{ -webkit-transform:translateX(-6px); }
    75%{ -webkit-transform:translateX(6px); }
}

form fieldset{ clear:both; margin:0 0 10px 0; }
form .item{ padding:5px 0; position:relative;  } /*height:2em; fixed form display*/
form .item.items{ height:auto; }
.item label, .item .label{ /*float:left;*/ cursor:pointer; }
.item label span, .item .label{ float:left; /*width:160px;*/ text-transform:capitalize; line-height:2em; }
.item input, .item textarea{ float:left; padding:3px 4px; /*width:210px; */-webkit-transition:0.2s; -moz-transition:0.2s; transition:0.2s; }
.item input[type=checkbox]{ width:auto; }

.label ~ label{ vertical-align:middle; margin:0.3em 1.2em 0 0; } 

.item input.short{ width:90px; }
.item input:focus:not([type="checkbox"]), .item textarea:focus{ box-shadow:0 0 4px #00AEEF; border:1px solid #00AEEF; }
.item textarea{  }
.item select{ float:left; width:220px; padding:2px 0; margin:0; border:1px solid #6C6C6C; text-transform:capitalize; }
.item select option{ padding:1px; }

.item > .extra{ float:left; font-size:0.9em; color:#999; line-height:2em; margin-left:13px; }

.item.multi .input{ float:left; }
.item.multi input{ float:left; margin-right:5px; width:35px; text-align:center; }
form .item.multi input:nth-last-child(-n+2){ margin:0; }
.item.items input{ border-top:5px solid #E1E1E1; margin:0 0 0 160px; }

.bad input, 
.bad select, 
.bad textarea{ border:1px solid #CE5454; box-shadow:0 0 4px -2px #CE5454; position:relative; left:0; -moz-animation:.7s 1 shake linear; -webkit-animation:0.7s 1 shake linear; }


/* mode2 - where the label's text is above the field and not next to it
--------------------------------------------------------------------------- */
.mode2 .item{ float:left; clear:left; margin-bottom:30px; height:auto; padding:0; zoom:1; }
.mode2 .item.bad{ margin-bottom:8px; }
.mode2 .item::before, .mode2 .item::after{ content:''; display:table; }
.mode2 .item::after{ clear:both; }
.mode2 .item label{  }
.mode2 .item label span{ float:none; display:block; line-height:inherit; }
.mode2 .item input, .item textarea{ width:250px; margin:0; }
.mode2 .item textarea{ width:350px; margin:0; }
.mode2 .item select{ width:260px; float:none; }
.mode2 .item.multi label{ float:none; }
.mode2 .item.multi input{ float:left; margin-right:5px; width:35px; text-align:center; }
.mode2 .item .tooltip{ left:auto; position:absolute; right:-22px; top:19px; }
.mode2 .item .alert::after{ display:none; }
.mode2 .item .alert{ float:none; clear:left; margin:0; padding:0 5px; border-radius:0 0 3px 3px; max-width:100%; height:22px; line-height:1.8em; }
.mode2 .item > .extra{ position:absolute; right:0; }


/*input, button, textarea {
+input, button, textarea {
 	padding: 7px 12px;
 	border-left: 1px solid #E7E7E7;
 	border-right: 1px solid #E7E7E7;
 	border-bottom: 1px solid #E7E7E7;
 	border-top: 3px solid #2433A7;
}*/
input, button, textarea {
	/*padding: 7px 12px;*/
	border: 1px solid #6C6C6C;
 }
 
 .greyout
{
    background-color: white;
    filter:alpha(opacity=50); /* IE */
    opacity: 0.5; /* Safari, Opera */
    -moz-opacity:0.50; /* FireFox */
    /*z-index: 20;*/
    /*height: 100%;*/
    /*width: 100%;*/
    background-repeat:no-repeat;
    background-position:center;
    /*position:absolute;*/
    /*top: 0px;*/
    /*left: 0px;*/
}

.ratio{
    position:relative;
    width: 100%;
    height: 0;
    /*padding-bottom: 50% ;  % of width, defines aspect ratio*/
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;  
}

//bootstrap overwrite
.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding-left: 20px;
    padding-right: 20px;
}
.carousel-control.left{
    /*right: auto;*/
    left: 0px;
    background-image: none;
}
.carousel-control.right{
    right: 0px;
    /*left: auto;*/
    background-image: none;
}

.overflow {
    overflow:hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    /*max-width: 258px;*/
    /*max-height: 41px;*/
    
}
/*.content-overflow {
    width: 10em; 
    height: 1.2em; 
    overflow: hidden; 
    text-overflow: ellipsis; 
    white-space: nowrap;
    text-align: justify;
    overflow-wrap: break-word;
}*/

#details_company { width: auto; height: 4.2em; overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical; 
}

#details_bi { width: auto; height: 4.2em; overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical; 
}

#details p { 
    height: 3.6em;
      
}
#company_name_display_home p {
    max-height: 2.8em;
}
#company_name_display_home {
    max-height: 2.8em; 
    width: auto; 
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical; 
}
.font8{
    font-size: 8px;
}

.v-align {
    display: inline-block;
    vertical-align: middle;
}

/* enable absolute positioning */
.inner-addon { 
    position: relative; 
}

/* style icon */
.inner-addon .glyphicon {
  position: absolute;
  padding: 10px;
  pointer-events: none;
  /*width: 100%*/
      
}

/* align icon */
.left-addon .glyphicon  { left:  0px;}
.right-addon .glyphicon { right: 0px;}

/* add padding  */
.left-addon input  { padding-left:  30px; }
.right-addon input { padding-right: 30px; }

.add-on .form-control:focus {
 box-shadow:none;
 -webkit-box-shadow:none; 
 border-color:#cccccc; 
}

label.checkbox, label.radio {
    vertical-align: top;
    line-height: 24px;
    margin: 2px 0;
    display: block;
    height: 24px;
}

#timeSlot_td, .timeSlot_td, .schedule_box{
    cursor: pointer; cursor: hand;
    border: 1px solid #E1E1E1;
}
body.modal-open { padding-right: 0px !important}
 
body.modal-open-noscroll {
  margin-right: 0!important;
  overflow: hidden;
}
.modal-open-noscroll .navbar-fixed-top, .modal-open .navbar-fixed-bottom {
  margin-right: 0!important;
}

.header_underline{
    /*padding-bottom: 20px;*/
    color: #0101DF;
    text-decoration: underline;
}

.header_underline:hover{
    color: #0101DF;
    text-decoration: none;
}

.img-thumbnail{ 
  
    clear:both;
    display:inline-block;
    width: none;
    width: 150px \9;
    max-height: none;
    height: 150px \9;
    object-fit: fill;
    padding:4px;
    line-height:1.42857143;
    background-color:#fff;
    border:1px solid #ddd;
    /*border-radius:4px;*/
    -webkit-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out
}
.top-page{ 
  
    clear:both;
    display: table-cell; 
    vertical-align: middle;
    float: none;
    width: 79px;
    width: 150px \9;
    max-height: 79px;
    height: 150px \9;
    max-height: 150px \9;
    background-color:#fff;
    border:1px solid #ddd;
    -webkit-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out;
    margin-top: auto;
    margin-bottom: auto;
}
.list-page{ 
  
    clear:both;
    display: table-cell; 
    width: 170px;
    max-height: 170px;
    width: 170px \9;
    height: 170px \9;
    max-height: 170px \9;
    vertical-align: middle;
    background-color:#fff;
    border:1px solid #ddd;
    -webkit-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out;
    margin-top: auto;
    margin-bottom: auto;
    float: none;
}
.img-top-page{
    max-width: 78px;
    max-height: 78px;
    max-width: 149px \9;
    max-height: 149px \9;
    display : table-cell;
    vertical-align : middle;
    float: none;
 }
.img-list-page{
    max-width: 165px;
    max-height: 165px;
    max-width: 165px \9;
    max-height: 165px \9;
    display : table-cell;
    vertical-align : middle;
    float: none;
}