@charset "utf-8";

/** 全DOM要素 */
*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

/** ページ全体 */
html, body {
    width: 100%;
    font-family: Helvetica, Arial, sans-serif;
}
body {
    overflow-x: hidden;
}

/** メニュー全体 */
nav.navbar {
    width: 50%;
    box-shadow: 5px 1px 5px rgb(0 0 0 / 30%);
    min-height: 35px;
    height: 35px;
    margin-bottom: 0;
}

/** メニューヘッダー */
.navbar-header{
  padding : 0 7px;
}
.navbar-brand {
  height : 35px;
  font-size: 16px;
  font-weight: 700;
  padding-top : 10px;
  padding-bottom : 5px;
  vertical-align : middle;
}
@media (min-width: 1170px) {
  .navbar > .container .navbar-brand,
  .navbar > .container-fluid .navbar-brand {
    margin-left: 20px;
  }
}


/** ハンバーガーメニュー表示ボタン領域 */
.header-mainmenu {
    float: left;
    width: 40px;
}

/** ハンバーガーメニュー表示ボタン位置 */
.ls-closed .bars:after, .ls-closed .bars:before {
    top: 3px;
    left: 15px;
}

/** ヘッダー左側 */
.header-left {
    padding-left: 5px;
}
.header-left div {
    float: left;
}

/** ヘッダー左側省庁ユーザ用（左右の比率変更） */
.header-shocho-left {
    width: 25% !important;
}

/** ユーザ情報ラベル(提出年度) */
.header-userinfo-label {
    color: white;
    font-weight: bold;
    padding: 10px 10px 0 0;
}

/** ユーザ情報ドロップダウン(提出年度以外) */
.header-userinfo-select:not(:nth-child(1)) {
    padding-left: 5px;
}

/** ユーザ情報ドロップダウン(提出年度、事業者、事業所) */
.header-userinfo-select select {
    background-color: #00BCD4 !important;
    color: #fff;
    border: 2px solid #ccc !important;
}

/** ユーザ情報ドロップダウン(提出年度、事業者、事業所) ホバー時 */
.header-userinfo-select select:hover {
    cursor : pointer;
    background-color: #fff !important;
    color: #000 !important;
}
.header-userinfo-select select[disabled] {
    cursor: not-allowed;
}

/** ヘッダー右側 */
.header-navbar-right {
    margin-left: 50%;
}
.header-right {
    text-align: right;
    padding-top: 6px;
}
.header-right > span {
    padding-left: 10px;
    color: #fff;
}

/** ヘッダー右側省庁ユーザ用（左右の比率変更） */
.header-shocho-right {
    margin-left: 25% !important;
    width: 75% !important;
}

/** 添付資料アップロードボタン表示領域 */
.header-right > span:nth-child(2) {
    padding-left: 30px;
}

/** ユーザ名 */
.header-right-username {
    position: relative;
    top: 3px;
}
@media screen and (max-width: 1595px) {
    .header-right-username-hide {
        display: none;
    }
    .header-right-pad-reset {
        padding-left: 10px !important;
    }
}
/** 最大ボタン数の時 */
@media screen and (max-width: 1774px) {
    .header-right-username-hide-maxbutton {
        display: none;
    }
    .header-right-pad-reset-maxbutton {
        padding-left: 10px !important;
    }
}
/** 最小ボタン数の時 */
@media screen and (max-width: 924px) {
    .header-right-username-hide-minbutton {
        display: none;
    }
}

/** ボタン描画領域 */
.header-right-button {
    width: auto;
    display: inline-block;
    position: relative;
}
/** ボタン */
.header-right-button button {
    padding-top: 0;
    height: 25px;
    z-index: 50;
}

/** ボタンアイコン */
.header-right-button button i {
    padding-top: 1px;
}

/** ボタンラベル */
.header-right-button button span {
    margin-top: 0;
}
@media screen and (max-width: 1108px) {
    .header-right-button-label-hide {
        display: none;
    }
}
/** 最大ボタン数の時 */
@media screen and (max-width: 1287px) {
    .header-right-button-label-hide-maxbutton {
        display: none;
    }
}

/** ボタンツールチップ */
.header-right-button-tooltip {
    position: absolute;
    bottom: -35px;
    padding: 4px;
    transition: 0.2s;
    display: none;
    font-size: 13px;
    border-radius: 5px;
    right: 40%;
    transform: translateX(50%);
}
.header-right-button-tooltip:after {
    content: "";
    position: absolute;
    top: -65%;
    right: 50%;
    transform: translateX(50%);
    border: 10px solid transparent;
    z-index: 10;
}
.header-right-button-tooltip span {
    padding: 10px;
    color: #FFF;
    font-size: 13px;
    white-space: nowrap;
}
.bg-pink:after {
    border-bottom-color: #E91E63;
}
/** 前画面に戻るボタンツールチップ */
.back-button-tooltip {
    background-color: #B6EBF2;
}
.back-button-tooltip span {
    color: #333 !important;
}
.back-button-tooltip:after {
    border-bottom-color: #B6EBF2;
}
@media screen and (max-width: 1108px) {
    .header-tooltip-show button:hover + .header-right-button-tooltip,
    .header-tooltip-show a:hover + .header-right-button-tooltip {
        display: block;
    }
}
/** 最大ボタン数の時 */
@media screen and (max-width: 1287px) {
    .header-tooltip-show-maxbutton button:hover + .header-right-button-tooltip,
    .header-tooltip-show-maxbutton a:hover + .header-right-button-tooltip {
        display: block;
    }
}

/** ページローダー */
form .page-loader-wrapper p {
    text-align: center;
}
/** ヘッダーの戻るボタン */
#headerBackButton {
    background-color: #B6EBF2 !important;
    color: #333 !important;
}