.content{
    min-height: 512px;
}

/* 全体的にテーブルの上下paddingを bootstrap 8pxから4pxに上書き修正 */

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding-top: 4px;
  padding-bottom: 4px;
}


/* ドロップダウンメニュー */
/*.angular-bootstrap-contextmenu > .dropdown-menu>li>a {
    color: white;
    background-color: #0073b7;
}
.angular-bootstrap-contextmenu > .dropdown-menu {
    background-color: #0073b7;
}*/

/* ドロップダウンのボーダーをはっきりと */
.dropdown-menu {
    box-shadow: none;
    border: 1px solid #ccc;
    border-color: #CCC;
    /*border-top-color: rgb(238, 238, 238);
    border-right-color: rgb(238, 238, 238);
    border-bottom-color: rgb(238, 238, 238);
    border-left-color: rgb(238, 238, 238);*/    
    border-top-color: #CCC;
    border-right-color: #CCC;
    border-bottom-color:#CCC;
    border-left-color:#CCC;

}


/* UI-Bootstra の typeahead dropdown に スクロールバー */
.scrollable-dropdown-menu .dropdown-menu {
    max-height: 300px;
    overflow-y: auto;
}

.form-control{
    font-weight: 400;
    color: #333;
}

/* table Hover */
.table-hover tbody tr:hover td {
    background: lightblue;
}

/* デフォルトボタン (active) の色変更 */
.btn-default.active, .btn-default:active, .open>.dropdown-toggle.btn-default {
    color: white;
    background-color: #0073b7;
    border-color: #adadad;
}

.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open>.dropdown-toggle.btn-default.focus, .open>.dropdown-toggle.btn-default:focus, .open>.dropdown-toggle.btn-default:hover {
    background-color: #0073b7;
    color: white;
    border-color: #8c8c8c;
}

/* OR条件検索のプルダウン */
.or_condition_select {
    text-align: right;
    width: 100%;
    background-color: #fff;
    font-size: 14px;
    border: none;
    height: 34px;
    padding: 6px 12px;
}

.or_condition_select_parent_div {
    width: 100%;
   
}

.or_condition_select_parent_div > div{
    border: 1px solid #ccc;
    width: 100%;
}

/*.dropdown-menu>li>a {
    color: red;
}*/

/* カレンダーの非アクティブのボタン */
.uib-datepicker .btn-default{
    /* background-color: #f4f4f4; */
    /* background-color: white; */
    background-color: white;
}

/* カレンダーのボタンは元の色 */
.input-group .btn-default.active, .input-group  .btn-default:active, .input-group  .open>.dropdown-toggle.btn-default {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}

/* カレンダーのボタン：青 */
/* .input-group .btn-info, .input-group .btn-danger, .input-group .btn-success {
    background-color: #0073b7;
    border-color: #e6e6e6;
} */

/* カレンダーのボタン：水色 */
/*.input-group .btn-info, .input-group .btn-danger, .input-group .btn-success {
    background-color: #00c0ef;
    border-color: #00acd6;
}*/

/* カレンダーのボタン：緑  */
/*.input-group .btn-info, .input-group .btn-danger, .input-group .btn-success {
    background-color: #00a65a;
    border-color: #008d4c;
}*/

/* カレンダーのボタン：クリアの赤を青  */
.input-group .btn-danger {
    background-color: #0073b7;
    border-color: #e6e6e6;
}

/* カレンダーの土曜・日曜（祝日） */
.day-sunday button span {
    background-color: mistyrose;
    border-radius: 32px;
    color: red;
}
.day-saturday button span {
    background-color: lightblue;
    border-radius: 32px;
    color: blue;
}

/* カレンダーの大きさ */
.uib-datepicker th,
.uib-datepicker button {
    font-size: large;
}

/* ng-tableのpaginationのマージン bootstrap の .pagination を上書き */
.ng-table-pagination{
    margin: 0 0;
}

/* table borderless */
.borderless table tbody td, .borderless th {
    border-top: 0px;
    border: none;
}

/* 一覧テーブルは改行禁止 */
.table-responsive td {
    white-space: nowrap;
}
.table-responsive th {
    white-space: nowrap;
}
/*.ng-table-header {
    white-space: nowrap;    
}*/

/* 枠無テーブル 詳細情報表示に利用 */
.tabie-detail-table .borderless>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {
    border-top: none;
    font-size: 15px;
}

.tabie-detail-table .table>tbody>tr>th {
    text-align:right !important; 
    width:40%;
}
/* テーブル　文字小さめ版 */
.table.sml-table>thead>tr>th, .table.sml-table>tbody>tr>th, .table.sml-table>tbody>tr>td, .table.sml-table>thead>tr>td, .table.sml-table>tfoot>tr>th, .table.sml-table>tfoot>tr>td {
    font-size: 12px;
}
/* タブ */
/*http://stackoverflow.com/questions/34977622/angularjs-ui-bootstrap-how-to-modify-uib-tab-css*/
/*http://stackoverflow.com/questions/27966914/how-to-fill-in-tab-backgrounds-for-the-ui-bootstrap-tab-directive*/
/*http://stackoverflow.com/questions/34977622/angularjs-ui-bootstrap-how-to-modify-uib-tab-css*/

.nav-tabs > li > a {
    color: #333;
    font-weight: 700;
    /*border-bottom: 5px solid #3c8dbc;*/
    margin-bottom: -1px !important;
}

.nav-tabs > li.active > a.ng-binding {
    /*border-top: 3px solid #3c8dbc;*/
    background-color: #3c8dbc;
    color: white;
    border: 1px solid #3c8dbc !important;
}

.nav-tabs > li{
  background-color:whitesmoke; 
  border-radius: 4px 4px 0 0;
  border: 1px solid #ddd !important;
}

.tab-content {
    padding: 8px;
}

/* TODO・問い合わせの残件あり時のタブ色 */
.taskRemain {
    /* background-color: #ffff33 !important; */
    background-color: gold !important;
}


.label {
    /*font-weight: 700;
	font-size: 75%;	*/
    font-weight: 400;
	font-size: 90%;	
}


.label .label-danger{
	font-size: 85%;	
}
.label .label-warning{
	font-size: 85%;	
}
.label .label-success{
	font-size: 85%;	
}
.label .label-info{
	font-size: 85%;	
}
.label .label-default{
	font-size: 85%;	
}

/* PlacefolderにFont Awesome */
input.font-awesome {
    font-family: FontAwesome;
    /*font-style: normal;
    font-weight: normal;
    text-decoration: inherit;*/
}

/*----------------------------------------*/

/* BOXのカラムの高さをそろえる */
/*.row-eq-height {
    display: flex;
    flex-wrap: wrap;
}*/

.row-eq-height .box{
    height: 100%;
}

/* modal の角丸 */
.modal-content {
    border-radius: 5px;
}

/* .box-header の ボタンとボタンの間隔を開ける */
.box-header button {
    margin-bottom: 0;
    margin-left: 5px;
}


/* テーブルホバー */
.table-hover tbody tr:hover td, .table-hover tbody tr:hover th {
  background-color: #cce3f0;
}


/*************************************************/
/* ここからはオリジナルクラス */

/* 行クリック */
.selectedRow {
    background-color: #99c7e2 !important;
    /*color: #eee;*/
}

/* 最後に表示した記録 */
.lastShowRow {
    /* background-color: #e8aee6 !important; */
    /* background-color: khaki !important; */
    background-color: #d4e8ae !important;
    
}

/* 行選択（チェックボックス） */
.checkedRow {
    background-color: khaki !important;
    /*color: #eee;*/
}

/* 商品・PAXキャンセル */
.canceled {
    color: #555 !important;
    background-color: #DDD !important;
    text-decoration: line-through;   
}

textarea {
    /* 備考・メモ欄にバックスラッシュでなく円マークを表示する対応*/
    font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif, "Open Sans", "Helvetica Neue", Helvetica, "Arial";
}

pre{
    /* 備考・メモ欄にバックスラッシュでなく円マークを表示する対応*/
    /* font-family: "Open Sans", "Helvetica Neue", Helvetica, "Arial", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; */
    font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif, "Open Sans", "Helvetica Neue", Helvetica, "Arial";

    /** 以下自動改行させるためのスタイル **/
    /* Mozilla */
    white-space: -moz-pre-wrap;

    /* Opera 4-6 */
    white-space: -pre-wrap;

    /* Opera 7 */
    white-space: -o-pre-wrap;

    /* CSS3 */
    white-space: pre-wrap;

    /* IE 5.5+ */
    word-wrap: break-word;
}

/* 入力必須の「*」マーク */
.required {
    /*color: #E00;*/
}
.required:after {
    /* color: #E00; */
    color: orange;
    font-size: small;
    font-weight: bold;    
    /* content: " *必須"; */
    content: "\a0*\5FC5\9808";    
}


.currency:after {
    /* ここから.label */
    display: inline;
    /* padding: .2em .6em .3em; */
    padding: .2em .4em .3em;
    /* font-size: 75%;
    font-weight: 700; */
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
    /* ここまで.label */

    /* color: #E00; */
    /* color: rgb(255, 216, 143); */
    /* color:white; */
    /* background-color: #dd4b39 !important; */
    /* font-size: small;
    font-weight: bold; */
    margin-left: 3px;
    font-weight: 400;
    font-size: 90%;
    /* content: "JPY"; */
    /* 等幅フォント */
    font-family: Consolas, 'Courier New', Courier, Monaco, monospace;
}


/* 色：01.ポップで楽しいイメージ
http://www.hp-stylelink.com/news/2013/07/20130708.php */

.currencyJPY:after {
    background-color: silver !important;
    content: "JPY";
}
.currencyUSD:after {
    background-color: #de9610 !important;
    content: "USD";
}
.currencyGBP:after {
    background-color: #56a764 !important;
    content: "GBP";
}
.currencyCAD:after {
    background-color: #a0c238 !important;
    content: "CAD";
}
.currencyCHF:after {
    background-color: #d16b16 !important;
    content: "CHF";
}
.currencySEK:after {
    background-color: #65ace4 !important;
    content: "SEK";
}
.currencyEUR:after {
    background-color: #d06d8c !important;
    content: "EUR";
}
.currencyHKD:after {
    background-color: #9460a0 !important;
    content: "HKD";
}

/* 外貨設定用 */
.currencySettingJPY:after {
    background-color: silver !important;
    content: attr(data-content);
}
.currencySettingUSD:after {
    background-color: #de9610 !important;
    content: attr(data-content);
}
.currencySettingGBP:after {
    background-color: #56a764 !important;
    content: attr(data-content);
}
.currencySettingCAD:after {
    background-color: #a0c238 !important;
    content: attr(data-content);
}
.currencySettingCHF:after {
    background-color: #d16b16 !important;
    content: attr(data-content);
}
.currencySettingSEK:after {
    background-color: #65ace4 !important;
    content: attr(data-content);
}
.currencySettingEUR:after {
    background-color: #d06d8c !important;
    content: attr(data-content);
}
.currencySettingHKD:after {
    background-color: #9460a0 !important;
    content: attr(data-content);
}
.currencySetting009:after {
    background-color: #ff0000 !important;
    content: attr(data-content);
}
.currencySetting010:after {
    /* background-color: #00ff00 !important; */
    background-color: #b7007c !important;
    content: attr(data-content);
}
.currencySetting011:after {
    background-color: #0000ff !important;
    content: attr(data-content);
}
.currencySetting012:after {
    background-color: #ff00ff !important;
    content: attr(data-content);
}
.currencySetting013:after {
    /* background-color: #00ffff !important; */
    background-color: #009b85 !important;
    content: attr(data-content);
}
.currencySetting014:after {
    background-color: #800000 !important;
    content: attr(data-content);
}
.currencySetting015:after {
    background-color: #008000 !important;
    content: attr(data-content);
}
.currencySetting016:after {
    background-color: #000080 !important;
    content: attr(data-content);
}
.currencySetting017:after {
    background-color: #808000 !important;
    content: attr(data-content);
}
.currencySetting018:after {
    background-color: #800080 !important;
    content: attr(data-content);
}
.currencySetting019:after {
    background-color: #008080 !important;
    content: attr(data-content);
}
.currencySetting020:after {
    background-color: #ff8000 !important;
    content: attr(data-content);
}
.currencySetting021:after {
    background-color: #ff0080 !important;
    content: attr(data-content);
}
.currencySetting022:after {
    /* background-color: #00ff80 !important; */
    background-color: #382284 !important;
    content: attr(data-content);
}
.currencySetting023:after {
    /* background-color: #80ff00 !important; */
    background-color: #e2c80f !important;
    content: attr(data-content);
}
.currencySetting024:after {
    background-color: #8000ff !important;
    content: attr(data-content);
}
.currencySetting025:after {
    background-color: #0080ff !important;
    content: attr(data-content);
}

/* サマリー表示（固定外貨用） */
.summaryCurrencyJPY:after {
    content: "(JPY)";
}
.summaryCurrencyUSD:after {
    content: "(USD)";
}
.summaryCurrencyGBP:after {
    content: "(GBP)";
}
.summaryCurrencyCAD:after {
    content: "(CAD)";
}
.summaryCurrencyCHF:after {
    content: "(CHF)";
}
.summaryCurrencySEK:after {
    content: "(SEK)";
}
.summaryCurrencyEUR:after {
    content: "(EUR)";
}
.summaryCurrencyHKD:after {
    content: "(HKD)";
}

/* サマリー表示（外貨設定用） */
.summaryCurrencySettingJPY:after {
    content: attr(data-content);
}
.summaryCurrencySettingUSD:after {
    content: attr(data-content);
}
.summaryCurrencySettingGBP:after {
    content: attr(data-content);
}
.summaryCurrencySettingCAD:after {
    content: attr(data-content);
}
.summaryCurrencySettingCHF:after {
    content: attr(data-content);
}
.summaryCurrencySettingSEK:after {
    content: attr(data-content);
}
.summaryCurrencySettingEUR:after {
    content: attr(data-content);
}
.summaryCurrencySettingHKD:after {
    content: attr(data-content);
}
.summaryCurrencySetting009:after {
    content: attr(data-content);
}
.summaryCurrencySetting010:after {
    content: attr(data-content);
}
.summaryCurrencySetting011:after {
    content: attr(data-content);
}
.summaryCurrencySetting012:after {
    content: attr(data-content);
}
.summaryCurrencySetting013:after {
    content: attr(data-content);
}
.summaryCurrencySetting014:after {
    content: attr(data-content);
}
.summaryCurrencySetting015:after {
    content: attr(data-content);
}
.summaryCurrencySetting016:after {
    content: attr(data-content);
}
.summaryCurrencySetting017:after {
    content: attr(data-content);
}
.summaryCurrencySetting018:after {
    content: attr(data-content);
}
.summaryCurrencySetting019:after {
    content: attr(data-content);
}
.summaryCurrencySetting020:after {
    content: attr(data-content);
}
.summaryCurrencySetting021:after {
    content: attr(data-content);
}
.summaryCurrencySetting022:after {
    content: attr(data-content);
}
.summaryCurrencySetting023:after {
    content: attr(data-content);
}
.summaryCurrencySetting024:after {
    content: attr(data-content);
}
.summaryCurrencySetting025:after {
    content: attr(data-content);
}
/* サマリー表示（スクロールバーを表示せず、自動で改行する） */
table.tableSummary {
    word-break: break-all;
}
td.summaryBookingItemsWidth {
    max-width: 150px;
}
td.summary-nowrap {
    white-space: nowrap;
}
.table.tableSummaryItem>thead>tr>th, .table.tableSummaryItem>tbody>tr>th, .table.tableSummaryItem>tfoot>tr>th {
    font-size: 12px;
    white-space: nowrap;
}
.table.tableSummaryItem>tbody>tr>td, .table.tableSummaryItem>thead>tr>td, .table.tableSummaryItem>tfoot>tr>td {
    font-size: 12px;
}

.label-invoice {
    background-color: #397cd8 !important;
}


/* 必須項目のテキストボックス */
.requiredInputText {
    /* background-color: #FFE4E1; */
    background-color: #FFF6e5 !important;
    /*border-color: red;*/
}
/* 読み取り専用のテキストボックス */
.readonlyInputText {
    background-color: #d2d6de !important;
}
/* popover用のサイズ上書き用（defalutだとmax-width:276;） popover用の属性でしかスタイルが付けられないから*/
.auto_calc-popover-width {
    max-width: 500px;
    width: 480px;   /* 固定 */
    min-height: 160px;
}

/* popover用のサイズ上書き用（日程表列表示制御popover用）*/
.itinerary_chart_detail_col-popover-width {
    max-width: 500px;
    max-height: 500px;
}

.no-gutter > [class*='col-'] {
    padding-right:0;
    padding-left:0;
}

.modal-xl {
    /*https://stackoverflow.com/questions/27147146/is-it-possible-to-give-the-size-of-the-modal-in-the-options*/
    width: 1200px;
}
.modal-el {
    width: 90%;
}



/* dropdownボタンの左枠を白線 */
.dropdown-toggle {
	border-left: 1px solid white;
}

/* 詳細画面のタブの全体サイズ */
/* .nav-tabs.nav-justified {
    width: 60%;
} */

/* .nav-tabs {
    width: 200px;
} */

/* 詳細画面のboxの bottomマージンを詰める */
 .tab-content .box {
    margin-bottom: 10px;
}
.tab-content .box-header {
    padding-bottom: 5px;
}
.tab-content .box-body {
    padding: 5px;
}
.tab-content table {
    margin-bottom: 5px;
} 

/* 詳細画面の+-ボタン */
.btn-collapse {
    margin-left: 20px;
}
/* 詳細画面の折りたたみ対象 */
/* .target-collapse {
} */
  
/* カレンダーと消しゴムアイコンの色は変えない */
.glyphicon-calendar {
    color:#333 !important;
}
.glyphicon-erase {
    color:#333 !important;
}

.text-list {
    /* color: darkorange; */
    color: darkgray;
}

.alert-info{
    color: #31708f !important;
    background-color: #d9edf7 !important;
    border-color: #bce8f1 !important;
    margin-bottom: 0 !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}
.modal-info ,.modal-info .modal-body{
    color: #31708f !important;
    background-color: #d9edf7 !important;
    border-color: #bce8f1 !important;
}
.modal-info .modal-header,.modal-info .modal-footer{
    color: #31708f !important;
    background-color: #99edf7 !important;
    border-color: #bce8f1 !important;
}

/* @media (max-width: 1370px) and (min-width: 1024px)
{
    .wrapper{
        font-size: 75%;
    }
    .tabie-detail-table .borderless>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {
        border-top: none;
        font-size: 11px;
    }
        
} */

/* -----------------------------------------------------------------------------
    パスポート期限

    - 【CSS】ツールチップをHTMLとCSSだけで簡単に作る
    - https://www.jungleocean.com/programming/190308tooltip-css#outline__3
-------------------------------------------------------------------------------- */

/* ppt-limit0 パスポート期限切れ ------------------------------------------- */
.ppt-limit{
    position: relative;
    cursor: pointer;
    display: inline-block;    
    /* background-color: lightpink;     */
}
.ppt-limit-tooltip {
    display: none;
    position: absolute;
    padding: 5px 10px 5px 10px;
    /* font-size: 12px; */
    line-height: 1.6em;
    color: #fff;
    border-radius: 5px;
    /* background: #dd4b39 ; */
    /* width: 100px; */
}
.ppt-limit-tooltip:before {
    /* content: ""; */
    position: absolute;
    top: 0%;
    right: 95%;
    /* border: 15px solid transparent; */
    /* border-top: 15px solid; */
    /* border-top: 15px solid #dd4b39; */
    margin-left: -15px;
    /* transform: rotateZ(90deg); */
}
.ppt-limit:hover .ppt-limit-tooltip{
    display: inline-block;
    top: -10px;
    left: 100px;
}
.ppt-limit0{
    content: "";
    background-color: #dd4b39;
    /* border: #dd4b39; */
    /* border: 15px solid transparent; */
    /* border-top: 15px solid #dd4b39; */
    /* transform: rotateZ(90deg); */
}
.ppt-limit3{
    content: "";
    background-color: #f39c12;
}
.ppt-limit6{
    content: "";
    background-color: #00c0ef;
}
.ppt-limit0:after{
    content: "期限切れ";
}
.ppt-limit3:after{
    content: "3カ月未満";
    /* #f39c12 */
    /* background: #f39c12 ;
    border-top: 15px solid #f39c12; */
}
.ppt-limit6:after{
    content: "6カ月未満";
    /* #00c0ef     */
}
/* ------------------------------------------------------------------------ */

/* input number の増減ボタンを非表示 */
.currency input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.currency input[type="number"] {
    -moz-appearance:textfield;
}
.animate-show {
  -webkit-transition:all linear 1s;
  transition:all linear 1s;
  opacity:1;
}
.animate-show.ng-hide-add,
.animate-show.ng-hide-remove {
  display:block!important;
}

/* modalをドラッグすると、背景灰色が２色になるのでnoneにする */
.modal {
  background : none; 
}

.take_in_update_col {
    background-color:mistyrose !important; 
}
.take_in_new_line {
    background-color:#CED8F6 !important; 
}

.booking_remarks_scroll {
    width: 100%;
    max-height: 160px;
    overflow-y: scroll;
}

.booking_remarks_no_scroll {
    width: 100%;
    height: 100%;
}

/*****************************************************/
/*************** TODO Pop用 toaster関連 ***************/
/*****************************************************/
.todoPopAllClear {
  width:100%;
  height: 100%;
  text-align:center;
}

.todoPop {
  display: table;
  width: 100%;
  padding: 0;
  margin: 0;
}
.todoPopLeft {
  width:90px;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  padding: 0;
}
.todoPopLeft > div{
  width:80%;
  font-weight: bold;
  border: solid 2px;
  border-radius: 5px;
}

.todoPopRight {
  display: table-cell;
  vertical-align: middle;
  padding: 0;
}

.todoPopHead {
  display: table;
  width:100%;
  padding: 0;
  margin: 0;
}

.todoPopTitle {
  display: table-cell;
  width:75%;
  font-weight: bold;
  font-size:16px;
  padding: 0;
}

.todoPopUpdateDate {
  display: table-cell;
  width:25%;
  text-align: right;
  padding: 0;
}

.todoPopDetail {
  display: table;
  width: 100%;
  padding: 0;
  margin: 0;
}

.todoPopDetailLeft {
  display: table-cell;
  vertical-align: top;
  padding: 0;
  width:60%;
}

.todoPopDetailRight {
  display: table-cell;
  vertical-align: top;
  padding: 0;
  width:40%;
}

.todoPopLinkButtonArea {
  display: table;
  width: 100%;
  padding: 0;
  margin: 0;
}
.todoPopLinkButton {
  display: table-cell;
  vertical-align: top;
  padding: 0;
}

.todoPopLinkButton > a {
  position: relative;
  display: inline-block;
  padding: 0.25em 0.5em;
  text-decoration: none;
  border-radius: 3px;
  color: black;
  background: white;
}

.todoPopLinkButton > a:hover{
  color: black;
  background: #a6a7a7;
}

.todoPopColIcon {
  width:15px;
  display: inline-block;
  _display: inline;
  color:rgb(245, 245, 156);
}

/*------------------------------------------------------*/
/*-------- 以下はtoaster.cssの上書きをしています。 --------*/
/*------------------------------------------------------*/
#toast-container > div {
  padding: 15px 15px 15px 15px !important;
}
@media all and (max-width: 240px) {
  #toast-container > div {
    padding: 8px 8px 8px 8px !important;
  }
}
@media all and (min-width: 241px) and (max-width: 480px) {
  #toast-container  > div {
    padding: 8px 8px 8px 8px !important;
  }
}
@media all and (min-width: 481px) and (max-width: 768px) {
  #toast-container > div {
    padding: 15px 15px 15px 15px !important;
  }
}

#toast-container.toast-bottom-right > div {
  width: 100%;
}

.toast-bottom-right {
  width: 30%;
  bottom: 10px;
  right: 20px;
}

/* 低め・ブランク・その他メニュー */
.toast-info {
  background-color: #5bc0de;
}
/* 通常 */
.toast-wait {
  background-color: #337ab7;
}
/* 高め */
.toast-success {
  background-color: #5cb85c;
}
/* 急いで */
.toast-warning {
  background-color: #f0ad4e;
}
/* 今すぐ */
.toast-error {
  background-color: #d9534f;
}

#toast-container > .toast-info ,
#toast-container > .toast-wait ,
#toast-container > .toast-success ,
#toast-container > .toast-warning ,
#toast-container > .toast-error
 {
  background-image: none !important;
}

/* 一覧表のボタンスクロール */
.scroll_table_button {
    display: inline-block;
    text-decoration: none;
    background: rgba(51,153,255,0.25);
    color: #FFF;
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 50%;
    text-align: center;
    vertical-align: middle;
    overflow: hidden;
}
.button-wrapper {
  /* wrapper の幅を内包する要素に合わせる。 */
  display: inline-block;
}

.button-wrapper .btn:disabled {
  /* マウスをホバーした際のイベント伝搬を止めないようにする。 */
  pointer-events: none;
}

.modal-common {
    /* IE11でポップアップが透過表示される問題対応 */
    display: block !important; 
}


/* tooltip */
.tooltip .tooltip-inner {
    /* background-color: #0073b7!important; */
    background-color: #f39c12!important;
}
.tooltip.top .tooltip-arrow {border-top-color: #f39c12!important;}
.tooltip.bottom .tooltip-arrow {border-bottom-color: #f39c12!important;}
.tooltip.left .tooltip-arrow {border-left-color: #f39c12!important;}
.tooltip.right .tooltip-arrow {border-right-color: #f39c12!important;}