@charset "UTF-8";
div#base {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;}
  div#header {
    width: 100%;
    /* height: 60px; FTH */
    height: 76px;
    /*overflow: hidden;*/}
  div#menu {
  	background: #2b2927;
    position: absolute;
    /* top: 60px; FTH */
    top: 76px;
    bottom: 0;
    width: 180px;
    overflow: auto;}
  div#navigator {
    position: absolute;
    /* top: 60px; FTH */
    top: 76px;
    left: 180px;
    right: 0;
    min-width: 10em;
    height: 36px;
    min-height: 10em;
    overflow: auto;}
  div#content2 {
  	background: #e7e8e7;
    position: absolute;
    /* top: 96px; FTH */
    top: 112px;
    left: 180px;
    right: 0;
    min-width: 10em;
    width: calc(100% - 180px);
    bottom: 3em;
    min-height: 10em;
    overflow: auto;
    padding-left: 18px;
    padding-top: 18px;}
  div#footer {
    position: absolute;
    left: 180px;
    bottom: 0;
    height: 3em;
    right: 0;
    overflow: auto;
    background: linear-gradient(45deg, #d3d3d3 25%, #c0c0c0 0, #c0c0c0 50%, #d3d3d3 0, #d3d3d3 75%, #c0c0c0 0);
    background-size: 8px 8px;
    padding-right: 24px;}
  div#ProfileMenu-Dropdown {
    z-index: 2000;}
  div#searchCondition {
    margin-right: 18px;
    margin-bottom: 18px;
    z-index: 1000;}
  div#searchCondition > div.searchResultsView {
    padding-bottom: 0;
    float: none;
    width: auto;}
  div.MainContentWidget-PostMainSection > div.MainContentWidget-MainSection-SearchResults {
    display: block;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-right: 40px;}
  div#SubSearchResult {
    padding-right: 18px;
    padding-bottom: 18px; }
  div#contentPopup {
    width: 100%;
    height: 100%;
    overflow: auto;
  	background: #e7e8e7;
    padding-top: 18px;
    padding-left: 18px; }
  div#contentPopup > div#BasicLayout-MainContent-VScrollView {
    float: left;
    clear: both;
    padding-right: 18px;
    padding-bottom: 18px; }
  div#contentPopup > div#BasicLayout-MainContent-VScrollView > div.MainContentWidget {
    padding: 0 !important; }
  td:not(.MFInput):not(.MFText)  {
    white-space: nowrap;}
  th {
    white-space: nowrap;}
  tr#mapaction_function2 > td {
    height: 1px; }

/* 最後のMainContentWidgetには下部パディングを設定する */
  div#BasicLayout-MainContent-VScrollView > div.MainContentWidget:last-child {
    padding-bottom: 18px;
  }

/* 共通ボタン表示領域のボタン配置空間 */
  div.footerButtonsSpace {
  	float: right;
  	margin-top:0.5em;
  }

/* 警戒色のボタン */
  button.WarningColorButton {
    width: 180px;
    height: 27px;
    border-width: medium;
    border-style: solid;
    border-radius: 3px;
    font-family: Arial,Helvetica Neue,Helvetica,sans-serif;
    font-weight: 700;
    background-color: #ffeb54;
  	border-color: #ffeb54 !important;
    color: #868b8f;
    cursor: pointer;}

  button.WarningColorButtonWidth80 {
    width: 80px;
    height: 27px;
    border-width: medium;
    border-style: solid;
    border-radius: 3px;
    font-family: Arial,Helvetica Neue,Helvetica,sans-serif;
    font-weight: 700;
    background-color: #ffeb54;
  	border-color: #ffeb54 !important;
    color: #868b8f;
    cursor: pointer;}

  div#footer button.WarningColorButton {
    position: absolute;
    top: 0.5em;
    left: 20px; }

  button.WarningColorButton:hover {
	background-color: #fff187;
  	border-color: #ffe83a;
  }

/* 左寄せにしたいときに使う */
  .AlignLeft {
    text-align: left !important;
  }

/* 中央寄せにしたいときに使う */
  .AlignCenter {
    text-align: center !important;
  }

/* 右寄せにしたいときに使う */
  .AlignRight {
    text-align: right !important;
  }

/* 下にマージンが欲しいときに使う */
  .WithBottomMargin {
    margin-bottom: 16px;
  }

/* 検索条件表示領域内のtableスタイル */
  table.TableInSearchCondition td {
    padding: 2px 4px; }

  table.TableInSearchCondition td a {
    margin-right: 8px; }

/* グループ設定のメッセージ */
  div.GroupSetMessage {
    font-size: 110%;
    font-weight: 500;
    line-height: 1.5em; }

/* テーブルの始まりと終わりを区切る罫線 */
  table:not(.NoBorder) > tbody > tr:first-child {
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: rgba(200, 200, 200, 1);
  }

  table:not(.NoBorder) > tbody > tr:last-child {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: rgba(200, 200, 200, 1);
  }

  table:not(.NoBorder) > tbody > tr:last-child {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: rgba(200, 200, 200, 1);
  }

  tfoot > tr.NotNewItem {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: rgba(200, 200, 200, 1);
}

  tfoot > tr:last-child {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: rgba(200, 200, 200, 1);
  }

/* 新規追加項目カラー */
  tfoot > tr:not(.NotNewItem) > td {
    background-color: #fffacd;
  }

/* アプリケーション・スケジュール設定 */
  table#ScheduleAddingTable {
    width: auto;
  }

  table#ScheduleAddingTable input[type=text] {
    min-width: 5em;
    width: 5em;
  }

/* デフォルトのテキスト入力欄の幅 */
td:not(.Onethird):not(.Narrow) input[type=text]:not(.SignInPage-ControlsLayout-InputField):not(.pagesize):not(.Onethird-size) {
    min-width: 15em;
    width: 80%
  }

  textarea {
    min-width: 15em;
	width: 80%
  }

/* 3分の1幅のテキスト入力欄 */
  .Onethird input[type=text] {
    min-width: 12em;
    width: 35%;
  }

  .Onethird textarea {
    min-width: 12em;
    width: 35%;
  }

/* テキスト入力欄を狭くしたいときに使う */
  .Narrow input[type=text] {
    min-width: 6em;
    width: 6em;
  }

  .Narrow textarea {
    min-width: 6em;
    width: 6em;
  }

/* テキスト入力欄を広くしたいときに使う */
  .Wide input[type=text] {
    width: 100%;
  }

  .Wide textarea {
    width: 100%;
  }

/* マッピングファンクション入力欄は幅を広く取りたい */
  .MFInput {
    min-width: 35%;
  }

  .MFInput input[type=text] {
    min-width: 20em;
	width: 100%;
  }

  .MFInput textarea {
    min-width: 20em;
	width: 100%;
  }

/* セクション情報表示領域中のテーブル間のマージン */
  div#Sectionlist > table + table {
    margin-top: 18px;
  }

  .Turnable {
    white-space: normal;
    width: auto;
  }

/* fieldView / fieldEdit のスタイル調整 */
/* LOGON_TIME */
  div.LogonTime .Title {
    margin-right: 0.6em;
  }

  div.LogonTime > label.SvgCheckbox ~ label.SvgCheckbox {
    margin-left: 0.3em;
  }

/* MANY_CHECKBOX */
  div.ManyCheckbox > label.SvgCheckbox ~ label.SvgCheckbox {
    margin-left: 0.6em;
  }

/* RADIO */
  div.Radio > label.SvgRadio ~ label.SvgRadio {
    margin-left: 0.6em;
  }

/* desc（メタリポジトリ項目の説明） */
/* 便利なので、↑以外にも使用する */
  div.desc {
    margin-top: 0.4em;
  }

/* ヘルパーアイコン */
/* ホバー時に色を変える */
  svg.helper path:hover {
    fill: #F9BF3B;
  }

/* 選択不可 */
  .Unselectable {
    background-color: #ddd !important;
  }

/* ポップアップのページ制御（旧版） */
  div#pagingPopup ul {
    display: inline;
  }

  div#pagingPopup ul li {
    display: inline;
  }

/* DateTimePickerアイコン 複数ブラウザ対応 暫定措置 */
  svg.DateTimePicker-DisplayPickerIconButton {
    margin-left: 3px;
  }

  svg.FutureDateTimePicker-DisplayPickerIconButton {
    margin-left: 3px;
  }

/* DateTimePicker入力欄の幅をDateTimePickerの幅と同じくらいにする */
  input.DateTimePicker-OutputField {
    width: 300px !important;
  }

  input.FutureDateTimePicker-OutputField {
    width: 300px !important;
  }

/* Excelエクスポートボタン 幅の調整 */
  button#ExcelExportButton {
    margin-left: 8px;
  }

/* 特定のアクションバーからmargin-topを取り除く */
  div#validation_tab > div.ActionBar:first-child {
    margin-top: 0px;
  }

  a.action:not(#ProfileLovPopup) {
  	margin-left: 6px;
  }

/* preタグの代替 */
  .pre {
    white-space: pre;
  }

/* CSVファイルのひな型をダウンロードするためのリンク用のdiv */
  div.DownloadAnchor {
    margin-top: 1em;
  }

/* グループ設定 条件タブ メタリポジトリ項目 設定値 パラメータ表示 */
  div.MetaFieldParam {
    margin-top: 0.2em;
  }

  div.MetaFieldParam .label {
    font-weight: bold;
  }

  .notice {
    color: red;
  }

  div.notice {
    margin: 0.4em 0em;
  }

/* パラメータシート出力 */
  table.PsVersion {
    width: 100%;
    border-left: 1px solid #eaebea;
    border-right: 1px solid #eaebea;
  }

  table.PsVersion tbody tr:nth-child(1) {
  	border-top: 3px solid #eaebea;
  }

  table.PsVersion tbody tr:nth-child(8n) {
  	border-bottom: 3px solid #eaebea;
  }

  table.PsVersion tfoot {
  	border-bottom: 3px solid #eaebea;
  }

  table.PsVersion td {
    width: auto;
    text-align: left;
    vertical-align: middle;
  }

  table.PsVersion td[rowspan='8']:nth-child(1) {
  	width: 5%;
  	text-align: center;
  }

  div.PsVersionInputNumber input {
    width: 40%;
  }

  div.PsVersionInputOperator textarea {
    width: 7em;
    height: 3em;
  }

  div.PsVersionInputComment textarea {
    height: 4.5em;
  }

/* ボタンの幅 */
  .Width150 {
    min-width: 150px;
    width: auto;
  }

/* エラーメッセージ & 警告メッセージ 暫定*/
  .red {
    color: red;
  }

  .blue {
    color: blue;
  }

  .orange {
    color: orange;
  }

  .green {
    color: green;
  }

/*
.LogoBody-top {
	background-image: url("/smps/images/synctrust-logo-top.svg");
    background-size: contain;
    background-repeat: no-repeat;
    height: 76px; 
    width: auto;
}

.LogoBody {
	background-image: url("/smps/images/synctrust-logo.svg");
    background-size: contain;
    background-repeat: no-repeat;
    height: 76px; 
    width: auto;
}
*/

.LogoBody-top {
    background-size: contain;
    background-repeat: no-repeat;
    height: 76px;
    width: auto;
}
.theme-red    .LogoBody-top { background-image: url("/smps/images/synctrust-logo-top-red.svg"); }
.theme-blue   .LogoBody-top { 
       /* background-image: url("/smps/images/synctrust-logo-top-blue.svg");  */
	background-image : url("/smps/images/logo_smp.png"); 
	background-repeat: no-repeat;
       background-position: center center;

}

.theme-blue   div#header {
	background-color: #0E5A7F;
	border-bottom:1px solid #999999;
}

.theme-orange .LogoBody-top { background-image: url("/smps/images/synctrust-logo-top-orange.svg"); }
.theme-gray   .LogoBody-top { background-image: url("/smps/images/synctrust-logo-top-gray.svg"); }
.theme-green  .LogoBody-top { background-image: url("/smps/images/synctrust-logo-top-green.svg"); }
.theme-purple .LogoBody-top { background-image: url("/smps/images/synctrust-logo-top-purple.svg"); }

.LogoBody {
    background-size: contain;
    background-repeat: no-repeat;
    height: 76px;
    width: auto;
}
.theme-red    .LogoBody { background-image: url("/smps/images/synctrust-logo-red.svg"); }
/* .theme-blue   .LogoBody { background-image: url("/smps/images/synctrust-logo-blue.svg"); } */
.theme-blue   .LogoBody { 
    background-image: url("/smps/images/logo_smp.png"); 
    width: 500px;
}

.theme-orange .LogoBody { background-image: url("/smps/images/synctrust-logo-orange.svg"); }
.theme-gray   .LogoBody { background-image: url("/smps/images/synctrust-logo-gray.svg"); }
.theme-green  .LogoBody { background-image: url("/smps/images/synctrust-logo-green.svg"); }
.theme-purple .LogoBody { background-image: url("/smps/images/synctrust-logo-purple.svg"); }

.radiofocus {
	outline: initial;
	box-shadow:initial;
	border-radius:initial;
}

.radiofocus:focus { 
	outline: 0;
	box-shadow: inset 1em 5em #e1f3fa;
	border-radius: 50%;
}

.boxfocus {
	outline: initial;
	box-shadow:initial;
	border-radius:initial;
}

.boxfocus:focus {
	outline: 0;
	box-shadow: inset 1em 5em #e1f3fa;
	border-radius: 5px;
}

.SearchResultsViewTable > tbody > tr > td.MFText {
    white-space: normal;
}

.pagesize {
	min-width: 70px;
    width: 3em;
    cursor: pointer;
}

.pagesize + ul {
	position: absolute;
    border: 2px solid #808080ab;
    min-width: 70px;
    width: 3em;
    border-radius: 5px;
    cursor: default;
    background: #fff;
}

.pagesize + ul > li {
	padding: 2px;
}

.pagesize + ul > li:hover {
	
	background: #4478FF;
}

/* loading */
#overlay{
  position: fixed;
  top: 0;
  z-index: 100;
  width: 100%;
  height:100%;
  display: none;
  background: rgba(0,0,0,0.6);
}
.cv-spinner {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.spinner {
  width: 60px;
  height: 60px;
  border: 8px #ddd solid;
  border-top: 8px #2e93e6 solid;
  border-radius: 50%;
  animation: sp-anime 0.8s infinite linear;
}
@keyframes sp-anime {
  100% {
    transform: rotate(360deg);
  }
}

/* todayButton*/
.SelectToday-Wrapper {
	margin: 10px;
}
.DateTimePicker-TopActionBar-SelectToday {
	color: #b01b1a;
}
.FutureSelectToday-Wrapper {
	margin: 10px;
}
.FutureDateTimePicker-TopActionBar-SelectToday {
	color: #b01b1a;
}

/* アカウント操作一覧画面のヘッダーと先頭列を固定 */
.metaAccountListHeader-checkbox {
	width: 40px !important;
	position: sticky;
	top: 0;
	left: 0;
	background: #e9e9e9 !important;
	z-index: 100;
}
.metaAccountListHeader-fixedColumn {
	position: sticky;
	top: 0;
	left: 0;
	background: #e9e9e9 !important;
	z-index: 100;
}
.metaAccountListHeader-normalColumn {
	position: sticky;
	top: 0;
	z-index: 99;
}
.metaAccountListRow-checkbox {
	position: sticky;
	left: 0;
	background: #f1f1f1;
	z-index: 99;
}
.metaAccountListRow-fixedColumn {
	position: sticky;
	left: 0;
	background: #f1f1f1; 
	z-index: 99;
}
.div-scrollbar {
	overflow: auto;
	height: 100%;
	width: 100%; 
	border: 1px solid #ccc;
}
.table-scrollbar {
	table-layout: auto;
	border-collapse: separate !important;
}
.left-40px {
	left: 40px !important;
}
.width-full {
	width: 100%;
}

.ProfileMenu-Card-Wrapper { 
    height: 76px; 
    padding: 20px 16px 12px  16px;
    border-bottom: 1px solid #999999; }
.ProfileMenu-AccountIdLabel-Wrapper { color:white;}
.AppHeaderWithProfileMenu { height: 76px; }
.ProfileMenu-Content { height: 76px; }
.ProfileMenu-ProfileIcon { margin-top:4px; }