/* ロードモーダル */
#bzplId_initLoad, .modal-backdrop{opacity:0.9 !important; background-color:white !important;}

/* サイド(メイン)メニュー */
#sidebar-shortcuts-large > span{ width:80%; border:1px solid gray; text-align:left; padding: 3px;}
#sidebar-shortcuts-mini { font-size:1em; padding:3px;}
#sidebar-shortcuts-mini > span{ width:90%; border:1px solid gray; text-align:center; padding:0px; margin:0px; font-size:1.5em; line-height:1.5em;}
#bzplId_toTop{ padding-top:3px; padding-bottom:3px; border:1px solid grey}
.bzplCls_forbidden{ filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5;}

/* サブメニュー・パン屑・ページタイトル */
#bzplId_sectionTree .icon-item{
	color:#4D6878 !important; background-color:white !important; line-height:13px !important; font-size:13px !important; border: 0px !important; border-radius: 0px !important;
}
#bzplId_toggleNode{ display: none;} /* スマホで表示 */
@media only screen and (max-width: 480px) { /* bzplId_toggleNodeで使用 */
  .visible-xxs { display: inline-block !important;}
  .hidden-xxs { display: none !important;}
}
#bzplId_breadcrumb { background-color: #F3ECEC; margin: -8px -20px 10px -20px;} /* padding: 0px; 2016/09/28 */
#bzplId_breadcrumb_ul { padding:0px; margin:0px;} /* padding-left:0px; padding-top:2px; 2016/09/26 */
#bzplId_breadcrumb_ul h5{ color: grey;}
.bzplCls_breadItem{ padding-left:10px; line-height:40px;} /* 2016/09/28 add */
.bzplCls_breadItem .select2{ margin-top:-3px;} /* 2016/09/28 add */
#bzplId_sectionTree{
    background: white; position: absolute; display:none; width:350px; z-index:100; border:1px solid #6faed9; /* 2016/09/28 width:300px; */
    padding-bottom:5px; /* 2016/09/28 add */
} 
/* #bzplId_breadcrumb_ul>li{margin:0px; padding-right:0px;padding-left:4px; display:inline-block; line-height: 40px;} 2016/09/28 remove  */
/* #bzplId_selectNodes{ min-width:300px; 2016/09/28 remove }*/
/* #bzplId_sectionName{ width: 180px; vertical-align:top; font-size:100%; margin-top:3px; padding-top:2px; padding-bottom:0px; line-height:28px;} 2016/09/28 remove  */
#bzplId_pageHead{display:none; margin-bottom:12px;}

/*タブ*/
.bzplCls_tab > ul > li.active > a{ color:#478fca;}
.bzplCls_tab .tab-content{ padding-top:6px; padding-bottom:6px;}/* padding: 6px;  2016/09/26 */
.bzplCls_tab .tab-pane{ padding: 12px 20px;}
#bzplFrm_search.bzplCls_tab .tab-pane{ background-color:#edeff3; border-radius: 16px;}
#bzplId_foldTab{ padding: 0px;}

/* 詳細画面・編集制御・jQuery UIダイアログ */
.bzplCls_modal{ display:none;}
.ui-dialog-titlebar { padding-left:15px !important;}
.bzplCls_detailFoot { margin-top:10px;float:right;}
.bzplCls_switch{ display:none;} /*visibility:hidden; 2016/09/26 */
.bzplCls_read{ background-color: ivory;}

/* Select2 */
.bzplCls_select2 .select2-selection__choice{ margin-top:1px !important;} /*margin-top:5px; 2016/09/28 */
.bzplCls_select2 .select2-selection__rendered{ display:block !important;} /* 2016/09/28 add 余計な余白が出てしまうので必要 */

/* 入力部品全般 */
.bzplCls_modal .form-group{ margin-bottom: 0px;}
.bzplCls_formGroup{ 
    min-height:60px; /*60未満にすると崩れる IE10で60が必要*/
}
#bzplId_searchCont .bzplCls_formGroup{ min-height:65px;} /*60未満にすると崩れる。60未満だと応募検索条件欄で崩れる*/
.bzplTmpl_dynamic { min-height:65px;}
#bzplFrm_detail .bzplCls_formGroup{ margin-bottom:0px;}
#bzplFrm_detail .input-group{ padding-left:12px;}
.bzplCls_formGroup .control-label{ color:#576373;} /*color:gray; font-weight:700; */ /* padding-left:0px;padding-right:5px; 2016/09/26 */
#bzplFrm_detail .control-label{ padding-top:0px; line-height:20px;} /* line-height:30px; 2016/09/25 */ /*background-color:#F1F1F1;*/
/*スピナー*/
.bzplCls_formGroup .ui-spinner{ overflow:visible}
#bzplFrm_search .bzplCls_spinner input{ margin-left:0px !important; width:70px;}
.bzplCls_modal .bzplCls_spinner input{ margin-left:0px !important; max-width:150px !important;}
/* from～toがあるinputの区切りで使用 */
.bzplCls_inputGroupDiv1{ display:table-cell; vertical-align:middle;}


/* dataTablesのボタンや改ページ部品 */
.bzplCls_toolBar{ padding-bottom:2px; margin-right:10px;}
.bzplCls_toolBar .dt-button span{ color:#576373;} /*color:#4c8fbd;*/
.bzplCls_buttonCol{ padding-left:5px; padding-right:5px;}
.bzplCls_bar1{ margin-bottom:5px;}
.bzplCls_pageMenu{ margin-top: 15px;}

.bzplCls_borderWrap .dataTables_wrapper .row { background-color:white !important; padding-top: 0px !important;padding-bottom: 0px !important;} /*padding-top: 20px */
.bzplCls_borderWrap .dataTables_paginate { float:left !important; margin-top:5px;}
.bzplCls_borderWrap .dataTables_length { margin-top:10px; width: 120px;} /*margin-top:6px;*/
.bzplCls_borderWrap .dataTables_length select { width: 60px !important;}
.bzplCls_borderWrap .dataTables_info,
.bzplCls_borderWrap .dataTables_processing {
    margin-top: 7px;
}
.bzplCls_borderWrap .dataTable { background-color:#FFFFF0;} /*font-weight:bold;*/
.bzplCls_borderWrap .dataTable td.child td{ border:1px solid silver; background-color: #f9f9f9;}
.bzplCls_borderWrap .dataTable>thead>tr>th{
    background: #406080 !important;color:white !important;font-weight:normal !important; 
    /*background: #555555 !important;border: 1px solid grey !important; */
    /* background: linear-gradient(to bottom, rgba(76,76,76,1) 0%,rgba(89,89,89,1) 12%,rgba(102,102,102,1) 25%,rgba(71,71,71,1) 39%,rgba(44,44,44,1) 50%,rgba(0,0,0,1) 51%,rgba(17,17,17,1) 60%,rgba(43,43,43,1) 76%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%) !important; */
}
.bzplCls_borderWrap .dataTable td{
    padding: 4px; /* padding: 5px */
}
/* .dt-button-collection{ width:150px;}*/


/* 画面右上のパスワード有効期限切れ警告 */
@keyframes blink {75% { opacity: 0.0; }}
@-webkit-keyframes blink {75% { opacity: 0.0; }}
.bzplClss_headerNotice {animation: blink 3s step-end infinite;-webkit-animation: blink 3s step-end infinite;}

/* 2016/07/06 bizpla.cssから抜粋(重複)*/
.brandicon {
	position: relative;margin-top: -18px;margin-left: -10px;top: 6px;display: inline-block;
	background-image: url(/shared/img/bizpla_200.gif);width: 200px;height: 69px;vertical-align: middle;
}
.small-brandicon {
	display: inline-block;background-image: url(/shared/img/bizpla_80.gif);width: 80px;height: 28px;vertical-align: middle;
}
.footer-copyright{
	display: inline-block;line-height: 28px;font-size:0.9em;margin-top:5px;
}

/* FAQ画面 */
#bzplId_separate_tab .bzplCls_tabMenu{ margin-left:10px;}

/* manager管理者設定画面で使用 */
.bzplCls_inlineInput1{width:100px !important;}

/* .bzplCls_modalHead{ padding-top: 10px; padding: 10px;} .bzplCls_modalHead .close{ line-height: 0.6em;} .bzplCls_modalFoot{ padding:5px;}*/

/*#bzplId_widget_0 .widget-header {display:none !important;}*/

/*.bzplCls_overflow td{background-color:palevioletred !important;}*/
/*.bzplCls_noVacanty td{background-color:lightsalmon !important;} 面接日程が満席(枠無し）の場合 */
.bzplCls_pause{text-decoration:line-through !important;} /* 表示行がstatus=P(ause)の場合 */
.bzplCls_cancel{text-decoration:line-through red !important;} /* 表示行がstatus=C(ancel)の場合 */

/* dataTables内の入れ子のテーブル 応募詳細の面接日程一覧など*/
.bzplCls_plainTable td{
    white-space:normal !important;
}

/* プロトタイプ
.bzplCls_childRow{ background-color:#a0a0a0 !important;}
.bzplCls_childRow>td{ background-color:#a0a0a0 !important; border:0px !important;}
.bzplCls_childRow .row{background-color:#a0a0a0 !important;border:0px !important;padding-top:0px !important;}
.bzplCls_childDiv{background-color:#a0a0a0 !important;}
.bzplCls_childTalbe{background-color:#efefef !important;margin-bottom:15px !important;}
#bzplId_filter div{ margin-right: 10px;}
.bzplCls_formItem{ padding:5px; width:480px;}
.bzplCls_formBase{ width:70px; border:1px solid silver; background-color:#f5f5f5; padding:3px;border-radius:5px;margin-right:8px;}
.bzplCls_formLabelJa{ width:130px; }
.bzplCls_formLabelEn{ width: 90px; font-size: 0.9em;}
.bzplCls_formSpec{ width:100px;border:1px solid #7bb7e5; background-color:white; padding:3px; border-radius:5px;}
*/

/* https://xcellerant.net/2015/09/17/fixing-the-width-of-a-select-2-with-a-long-value-in-a-bootstrap-form-group-or-input-group/ */
.form-group .select2-container {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0;
  display: table;
  table-layout: fixed;
}

/* dropzoneの画像領域 */
.bzplCls_formGroup .dz-clickable{
    margin-left:15px; margin-right:15px;
}

/* 入力欄の文字を真黒にする */
input, textarea, input:disabled, select, .form-group input[disabled], .form-group input:disabled{
    color:black !important;
}
/*以下はIE限定のplaceholder対応*/
.form-group input:-ms-input-placeholder, .form-group textarea:-ms-input-placeholder{
    color:silver !important;
}

.bzplCls_formGroup .form-control-static{
    border: 1px solid silver !important;
    padding-left: 5px; background-color:#f5f5f5;
}

/*dataTablesの一番左端のチェックボックス*/
.bzplCls_dtChk{
    padding-left:10px !important;
}
.bzplCls_bold{
    font-weight:bold !important;
}
.bzplCls_inlineHr{
    border-top:1px solid silver ;margin-top:5px; margin-bottom:5px;
}
.bzplCls_dtBadge{
    font-size:10px !important;
}
.detailInfo_bottom{margin-bottom:0px;float: left;margin-left: 8px;}
@media screen and (max-width:1260px){
    .detailInfo_bottom{margin-bottom:5px;}
}
.scheduleHighLight{color:red!important;font-weight:bold!important;}
.scheduleHighLight span{color:red!important;}
.bootbox-confirm .bootbox-body{color:red;font-size:14px;padding:5px;font-weight:bold;background-color:yellow;display:inline-block;margin-top:15px;}
.bootbox-confirm .modal-footer{border-top-color:#fff!important;background-color:#fff!important;}
.bootbox-confirm .modal-footer button{margin-left:10px;margin-right:10px;width:120px;}
.untreatedmessages {
    padding-right: 7px;
    padding-left: 6px;
    text-shadow: none;
    font-size: 12px;
    padding-top: 1px;
    padding-bottom: 3px;
    font-weight: normal;
    line-height: 15px;
    background-color: #dd5a43!important;
    display: inline-block;
    min-width: 10px;
    color: #ffffff!important;
    vertical-align: baseline;
    white-space: nowrap;
    text-align: center;
    border-radius: 10px;
    top: 0;
    margin-left: 3px;
}
.untreatedmessages_grey {
    padding-right: 7px;
    padding-left: 6px;
    text-shadow: none;
    font-size: 12px;
    padding-top: 1px;
    padding-bottom: 3px;
    font-weight: normal;
    line-height: 15px;
    background-color: dimgray!important;
    display: inline-block;
    min-width: 10px;
    color: #ffffff!important;
    vertical-align: baseline;
    white-space: nowrap;
    text-align: center;
    border-radius: 10px;
    top: 0;
    margin-left: 3px;
}