/*
 * Copyright (c) 2014. JUS Inc.
 */

/* ==========================================================================
   JUS D.I. Styles
   ========================================================================== */
@media screen {

    html, body {
        height: 100%;
    }

    /* Wrapper for page content to push down footer */
    #wrap {
        min-height: 100%;
        height: auto !important;
        /* Negative indent footer by it's height */
        margin: 0 auto -60px;
    }

}

@-ms-viewport {
    width: auto !important;
}

/* Set the fixed height of the footer here */
#push,
#footer {
    height: 60px;
}

#footer {
    background-color: #f5f5f5;
}

/* Lastly, apply responsive CSS fixes as necessary */
@media (max-width: 767px) {
    #footer {
        margin-left: -20px;
        margin-right: -20px;
        padding-left: 20px;
        padding-right: 20px;
    }
}

.navbar-fixed-top {
    position: static;
}

/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */

a[name] {
    padding-top: 90px;
    margin-top: -90px;
    display: inline-block; /* required for webkit browsers */
}

.container-fluid .credit {
    margin: 20px 0;
}

code {
    font-size: 80%;
}

.navbar .nav li a {
    font-weight: normal !important;
}

.navbar-inner .container-fluid {
    background-color: #eff8ff;

    padding-left: 5px;
    padding-right: 5px;
}

#mainMenu {
    padding-left: 0;
    padding-right: 0;
}

#mainMenu .nav {
    margin: 0;
}

#mainContainer {
    padding: 10px;
}

.base-container {
    margin: 10px;
}

h1, h2, h3, h4, h5, h6 {
    margin: 5px 0 10px 0;
}

a.caret-before {
    padding-right: 2px !important;
}
a.caret-after {
    padding-left: 5px !important;
}

.navbar .brand {
    padding: 5px 20px;
}

.navbar .nav .active > a {
    background-color: #c2e4f0 !important;
}

.nav .active + li.split-dropdown > a {
    background-color: #c2e4f0 !important;
}

table {
    max-width: none;
}

.table-striped tbody tr:nth-child(odd) td, .table-striped tbody tr:nth-child(odd) th {
    background-color: #ffffe4;
}

.table-bordered th {
    background-color: #eef5ff;
}

.section-header {
    padding-bottom: 5px;
    border-bottom: 1px solid #eeeeee;
    font-weight: normal;
}

.search-form {
    margin: 5px;
    padding: 5px;
    border: 1px solid #DDDDDD;
    background-color: #eef5ff;
}

.jus-info {
    border: 1px solid #DDDDDD;
    line-height: 150%;
    margin: 5px;
    padding: 5px 5px 5px 25px;
    font-size: 12px;
    font-style: normal;
    text-decoration: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    color: #A0522D;
    background: #F2F5F6 url(../images/alert.png) no-repeat 5px 5px;
}

td.mark, th.mark {
    width: 15px;
    text-align: center;
}

span.required {
    color: #b94a48;
}

div.main {
    margin-top: 10px;
}

th {
    white-space: nowrap;
}

i[class*=icon-].adjust-size {
    font-size: 14px;
}

i.jus-tooltip {
    font-size: 14px;
    color: #515151;
    cursor: pointer;
}

.tooltip-warning i {
    color: #c09853 !important;
}

.tooltip-error i {
    color: #b94a48 !important;
}

.accordion-heading i.jus-tooltip {
    text-decoration: none;
    margin-left: 5px;
}

.tooltip {
    font-size: 12px;
}

.tooltip > .tooltip-inner {
    text-align: left;
    max-width: 210px;
}

.search-scope-adoptions {
    margin: 10px 0 0 10px;
}

.search-scope-adoptions.disabled label {
    cursor: not-allowed;

    filter: alpha(opacity=60);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=60)";  /* ie 8 */
    -moz-opacity:0.6;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.6;              /* Safari 1.x */
    opacity:0.6;
    zoom:1;
}

@media print {
    .noprint {
        display: none;
    }
}

.nav>li>a:not(.caret-before):not(.dropdown-toggle){
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.nav>li>a.caret-before{
    padding-left: 10px !important;
}

.nav>li>a.dropdown-toggle{
    padding-right: 10px !important;
}

.company-logo {
    margin: 5px 0 5px 0;
}

div.alert > ul {
    margin-bottom: 0;
}

.accordion-heading {
    border-bottom: 1px solid #e5e5e5 !important;
}

.accordion-inner {
    border-top: 0 !important;
}

.accordion-caret .accordion-toggle:hover {
    text-decoration: none !important;
}

.accordion-caret .accordion-toggle:not(.collapsed):before {
    content: "\f106";
    font-family: FontAwesome;
    margin-right: 2px;
}
.accordion-caret .accordion-toggle.collapsed:before{
    content: "\f107";
    font-family: FontAwesome;
    margin-right: 2px;
}

/* ドロップダウンメニュー */
ul.right-end {
    right: 0;
    left: auto;
    text-align: left;
}

td.row-header {
    background-color: #F2F5F6 !important;
    vertical-align: middle;
    text-align: center;
}

/* iOS対応 */
.iOS div, .iOS p, .iOS span {
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.iOS a, .iOS input, .iOS label, .iOS button, .iOS textarea, .iOS select {
    -webkit-tap-highlight-color: initial;
}

.iOS .modal {
    position: absolute;
}

.modal-body {
    -webkit-overflow-scrolling: touch;
}

.ime-active {
    ime-mode: active;
}

.ime-inactive {
    ime-mode: inactive;
}

.ime-disabled {
    ime-mode: disabled;
}

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