body {
    padding-top: 50px;
    padding-bottom: 20px;
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Set widths on the form inputs since otherwise they're 100% wide */
input,
select,
textarea {    
    max-width: 280px;    
}

/* Carousel */
.carousel-caption p {
    font-size: 20px;
    line-height: 1.4;
}

/* buttons and links extension to use brackets: [ click me ] */
.btn-bracketed::before {
    display:inline-block;
    content: "[";
    padding-right: 0.5em;
}
.btn-bracketed::after {
    display:inline-block;
    content: "]";
    padding-left: 0.5em;
}

/* Make .svg files in the carousel display properly in older browsers */
.carousel-inner .item img[src$=".svg"]
{
    width: 100%;
}

/* Hide/rearrange for smaller screens */
@media screen and (max-width: 767px) {
  /* Hide captions */
  .carousel-caption {
    display: none
  }
}

/* Override the default bootstrap behavior where horizontal description lists will truncate terms that are too long to fit in the left column */
.dl-horizontal dt {
    white-space: normal;
}

/*
.menu {
    float:left;
    width:25%
}

.contents {
    float:left;
    width:75%
}
*/

table.detailtable {
    table-layout: fixed;
    /*width: 100%;*/
    margin-bottom: 5px;
    /*width:1100px;*/
    width: 1320px;
}

table.detailtable tr th, table.detailtable tr td {    
    font-size: 12px; 
    text-align:right;   
    border-top: 1px solid #CCC;
    border-left: 1px solid #CCC;
    border-right: 1px solid #CCC;
    border-bottom: 1px solid #CCC;    
    padding: 7px;
    width:120px;
}


table.detailtable tr th {    
    text-align: center;
    /*background: #E6EAFF;*/
    width:120px;
}

/* 勤怠 */
table.detailtableattendance tr th {
    background: #CCFFFF;
}
/* 支給 */
table.detailtablepayment tr th {
    background: #CCFFFF;
}
/* 控除 */
table.detailtablededuction tr th {
    background: #CCFFFF;
}
/* 計算 */
table.detailtablecalculation tr th {
    background: #CCFFFF;
}
/* 内訳 */
table.detailtablebreakdown tr th {
    background: #CCFFFF;
}


table.mobiledetailtable {
    table-layout: fixed;    
    width: 100%;
    margin-bottom: 5px;
}

table.mobiledetailtable tr th, table.mobiledetailtable tr td {    
    font-size: 12px; 
    text-align:right;   
    border-top: 1px solid #CCC;
    border-left: 1px solid #CCC;
    border-right: 1px solid #CCC;
    border-bottom: 1px solid #CCC;    
    padding: 7px;
}

table.mobiledetailtable tr th {    
    text-align: center;
    background: #E6EAFF;
}


table.importsettingtable {
    table-layout: fixed;    
    margin-bottom: 5px;
}

table.importsettingtable tr th, table.importsettingtable tr td {    
    font-size: 12px; 
    text-align:right;   
    border-top: 1px solid #CCC;
    border-left: 1px solid #CCC;
    border-right: 1px solid #CCC;
    border-bottom: 1px solid #CCC;    
    padding: 7px;
}

table.importsettingtable tr th {    
    text-align: center;
    background: #E6EAFF;
}
table.importsettingtable select{
    font-size:9px;
    width:90px;
}
table.importsettingtable tr th input {
    font-size: 10px;
}
table.importsettingtable tr td input {
    font-size: 10px;
    width: 90px;
}

panel {
  width: 500px;
}
 
#panel > dt {
  border-bottom: solid 1px white;
  background-color: #00BCD4;
  color: white;
  cursor: pointer;
  padding: 10px;
  font-weight: bold;
}
 
#panel > dd {
  border: solid 1px Silver;
  margin: 0px;
  padding: 10px;
}


#loading {
    display: table;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #fff;
    opacity: 0.8;
}

    #loading .loadingMsg {
        display: table-cell;
        text-align: center;
        vertical-align: middle;
        padding-top: 140px;
        background-image: url("/images/gif-load.gif");
        background-repeat: no-repeat;
        background-position: center;
    }

.navbar-toggle {
    /* # 枠の色 */
    /*border-color: black;*/
    /* # 背景色 */
    background-color: white;
}

.icon-bar {
    /* # 三本線の変更 */
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0,0,0,1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}