@charset "UTF-8";
.icons-sprite, .icons-ichat { background-image: url('../images/icons-s99f79f5ab4.png'); background-repeat: no-repeat; }

.icons-ichat { background-position: 0 0; }

.unreset address, .unreset blockquote, .unreset dd, .unreset dl, .unreset dt, .unreset fieldset, .unreset form, .unreset frame, .unreset frameset, .unreset h1, .unreset h2, .unreset h3, .unreset h4, .unreset h5, .unreset h6, .unreset noframes, .unreset ol, .unreset p, .unreset ul, .unreset center, .unreset dir, .unreset hr, .unreset menu, .unreset pre { display: block; }

.unreset li { display: list-item; }

.unreset head { display: none; }

.unreset table { display: table; }

.unreset tr { display: table-row; }

.unreset thead { display: table-header-group; }

.unreset tbody { display: table-row-group; }

.unreset tfoot { display: table-footer-group; }

.unreset col { display: table-column; }

.unreset colgroup { display: table-column-group; }

.unreset td, .unreset th { display: table-cell; }

.unreset caption { display: table-caption; }

.unreset th { font-weight: bolder; text-align: center; }

.unreset caption { text-align: center; }

.unreset body { margin: 8px; }

.unreset h1 { font-size: 2em; margin: 0.67em 0; }

.unreset h2 { font-size: 1.5em; margin: 0.75em 0; }

.unreset h3 { font-size: 1.17em; margin: 0.83em 0; }

.unreset h4, .unreset p, .unreset blockquote, .unreset ul, .unreset fieldset, .unreset form, .unreset ol, .unreset dl, .unreset dir, .unreset menu { margin: 1.12em 0; }

.unreset h5 { font-size: .83em; margin: 1.5em 0; }

.unreset h6 { font-size: .75em; margin: 1.67em 0; }

.unreset h1, .unreset h2, .unreset h3, .unreset h4, .unreset h5, .unreset h6, .unreset b, .unreset strong { font-weight: bolder; }

.unreset blockquote { margin-left: 40px; margin-right: 40px; }

.unreset i, .unreset cite, .unreset em, .unreset var, .unreset address { font-style: italic; }

.unreset pre, .unreset tt, .unreset code, .unreset kbd, .unreset samp { font-family: monospace; }

.unreset pre { white-space: pre; }

.unreset button, .unreset textarea, .unreset input, .unreset select { display: inline-block; }

.unreset big { font-size: 1.17em; }

.unreset small, .unreset sub, .unreset sup { font-size: 0.83em; }

.unreset sub { vertical-align: sub; }

.unreset sup { vertical-align: super; }

.unreset table { border: 1px solid; border-spacing: 2px; }

.unreset thead, .unreset tbody, .unreset tfoot { vertical-align: middle; }

.unreset th, .unreset tr { vertical-align: inherit; border: 1px solid; padding: 5; font-size: 100%; }

.unreset td { vertical-align: inherit; border: 1px solid; padding-left: 5px; font-size: 100%; }

.unreset s, .unreset strike, .unreset del { text-decoration: line-through; }

.unreset hr { border: 1px inset; }

.unreset ol, .unreset ul, .unreset dir, .unreset menu, .unreset dd { margin-left: 40px; }

.unreset ol { list-style-type: decimal; }

.unreset ol ul, .unreset ul ol, .unreset ul ul, .unreset ol ol { margin-top: 0; margin-bottom: 0; }

.unreset ul { list-style-type: disc; }

.unreset u, .unreset ins { text-decoration: underline; }

.unreset br:before { content: "\A"; white-space: pre-line; }

.unreset center { text-align: center; }

.unreset :link, .unreset :visited { text-decoration: underline; }

.unreset :focus { outline: thin dotted invert; }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; font-weight: normal; vertical-align: baseline; background: transparent; }

body { line-height: 1; }

ol, ul, li { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

/* remember to define a styles! */
:link, :visited { text-decoration: none; }

:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }

del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }

table tr td { vertical-align: middle; }

img { border: 0; }

a { color: inherit; }

input, button, textarea, select, optgroup, option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; }

/* padding */
*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

/*@purpose To enable resizing for IE */
/*@branch For IE6-Win, IE7-Win */
input, button, textarea, select { font-size: 100%; }

/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before, .clearfix:after { content: " "; display: table; }

.clearfix:after { clear: both; }

.clearfix { zoom: 1; }

/* other */
code, kbd, samp, tt { font-size: 100%; }

.sidebar .sidebar_action .sidebar_action_icon a, .sidebar .sidebar_menuLeft .sidebar_menu .sidebar_menu_list a, .sidebar .sidebar_menuLeft .sidebar_collapse li a, .sidebar .sidebar_menuLeft.open .sidebar_menu .sidebar_menu_list a, .sidebar .sidebar_menuLeft.open .sidebar_collapse li a, .sidebar .sidebar_menuRight .sidebar_history .sidebar_history_list a, section.content .content_header .content_header_right.pc ul li .action_icon a, section.content .content_header .content_header_right.mobile .language_list li a, section.content .content_header .action_icon a, .nav-tabs li a, .file_block ul .file_block_delete a, .file_block ul .file_block_download a, #chat .content_content .welcome .tip_list a, #chat .content_content .chat_user .action_icon a, #chat .content_citations .nav-tabs li a, #chat .content_input .hotword a, #chat .content_input .content_input_input .action_icon a, #chat .content_input .content_input_setting .select_number .action_icon a, #translate .content_translate .action_icon a, #comparison .content_comparison .action_icon a, .btn a { width: 100%; height: 100%; display: block; color: #1F2630; }

.table { display: table; border-spacing: 0.5rem; border-collapse: collapse; width: 100%; table-layout: fixed; }

/* animation-name: example; 動畫名稱 */
/* animation-duration: 4s; 動畫時間長度 */
/* animation-timing-function: linear; 動畫速度 */
/* animation-delay:2s; 動畫開始秒數'' */
/* animation-iteration-count: 3; 動畫循環次數 */
/* animation-direction: alternate; 動畫時間方向性 */
/* Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }

.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.slick-track { position: relative; left: 0; top: 0; display: block; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }

.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
[dir="rtl"] .slick-slide { float: right; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

.slick-arrow.slick-hidden { display: none; }

/* $slick-font-path: "./fonts/" !default; */
/* Slider */
.slick-loading .slick-list { background: #fff url("../images/ajax-loader.gif") center center no-repeat; }

/* Icons */
/* @if $slick-font-family == "slick" { @font-face { font-family: "slick"; src: slick-font-url("slick.eot"); src: slick-font-url("slick.eot?#iefix") format("embedded-opentype"), slick-font-url("slick.woff") format("woff"), slick-font-url("slick.ttf") format("truetype"), slick-font-url("slick.svg#slick") format("svg"); font-weight: normal; font-style: normal; }
} */
/* Arrows */
.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0px; font-size: 0px; cursor: pointer; background: transparent; color: transparent; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); padding: 0; border: none; outline: none; }
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { outline: none; background: transparent; color: transparent; }
.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; }
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; }
.slick-prev:before, .slick-next:before { font-family: "slick"; font-size: 20px; line-height: 1; color: white; opacity: 0.75; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.slick-prev { left: 0px; }
[dir="rtl"] .slick-prev { left: auto; right: -25px; }
.slick-prev:before { content: "←"; }
[dir="rtl"] .slick-prev:before { content: "→"; }

.slick-next { right: 0px; }
[dir="rtl"] .slick-next { left: -25px; right: auto; }
.slick-next:before { content: "→"; }
[dir="rtl"] .slick-next:before { content: "←"; }

/* Dots */
.slick-dotted.slick-slider { margin-bottom: 30px; }

.slick-dots { position: absolute; bottom: -25px; list-style: none; display: block; text-align: center; padding: 0; margin: 0; width: 100%; }
.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0 5px; padding: 0; cursor: pointer; }
.slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0px; font-size: 0px; color: transparent; padding: 5px; cursor: pointer; }
.slick-dots li button:hover, .slick-dots li button:focus { outline: none; }
.slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; }
.slick-dots li button:before { position: absolute; top: 0; left: 0; content: "•"; width: 20px; height: 20px; font-family: "slick"; font-size: 6px; line-height: 20px; text-align: center; color: black; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-dots li.slick-active button:before { color: black; opacity: 0.75; }

body { font: normal 14px/20px Verdana, "微軟正黑體", sans-serif; color: #1F2630; height: 100%; }

#wrapper { position: relative; }

.clear { clear: both; }

/* BOOTSTRAP */
body.modal-open { overflow: hidden; }

.bootstrap_default { /* padding:0px; */ /*  @extend %inline_block; float:none !important; */ }

.bootstrap_default.img img { width: 100%; }

/* TABLE */
.table .table_row { display: table-row; }
.table .table_cell { display: table-cell; vertical-align: middle; }

.line { border-top: 1px solid #B5B5B5; }

.text-align { text-align: right; }

.float-right { float: right; }

/* FONT */
.H1 { font-size: 32px; line-height: 48px; font-weight: 900; }

.H2 { font-size: 28px; line-height: 44px; font-weight: 900; }

.H4 { font-size: 26px; line-height: 40px; font-weight: 700; }

.H3 { font-size: 24px; line-height: 36px; font-weight: 700; }

.H5 { font-size: 22px; line-height: 32px; font-weight: 700; }

.H6 { font-size: 18px; line-height: 26px; font-weight: 700; }

.subtitle_lg { font-size: 16px; line-height: 24px; font-weight: 700; }

.subtitle_md { font-size: 14px; line-height: 20px; font-weight: 700; }

.body_lg { font-size: 16px; line-height: 24px; }

.body_md { font-size: 14px; line-height: 20px; }

.body_sm { font-size: 12px; line-height: 22px; }

/* LOADING */
.loading_dots { display: flex; align-items: center; gap: 4px; font-size: 20px; }
.loading_dots span { display: inline-block; width: 8px; height: 8px; background-color: #0E1A73; border-radius: 50%; animation: bounce 1.2s infinite; }
.loading_dots span:nth-child(1) { animation-delay: 0s; }
.loading_dots span:nth-child(2) { animation-delay: 0.4s; }
.loading_dots span:nth-child(3) { animation-delay: 0.8s; }

@keyframes bounce { 0%, 80%, 100% { transform: scale(0); opacity: 0.4; }
  40% { transform: scale(1); opacity: 1; } }
/* 語音LOADING */
.lds-spinner { /* change color here */ color: #E5EDFF; }

.lds-spinner, .lds-spinner div, .lds-spinner div:after { box-sizing: border-box; }

.lds-spinner { /*   color: currentColor; */ display: inline-block; position: relative; width: 20px; height: 20px; }

.lds-spinner div { transform-origin: 10px 10px; animation: lds-spinner 1.2s linear infinite; }

.lds-spinner div:after { content: " "; display: block; position: absolute; top: 0.8px; left: 9.2px; width: 1.6px; height: 4.4px; border-radius: 20%; background: currentColor; }

.lds-spinner div:nth-child(1) { transform: rotate(0deg); animation-delay: -1.1s; }

.lds-spinner div:nth-child(2) { transform: rotate(30deg); animation-delay: -1s; }

.lds-spinner div:nth-child(3) { transform: rotate(60deg); animation-delay: -0.9s; }

.lds-spinner div:nth-child(4) { transform: rotate(90deg); animation-delay: -0.8s; }

.lds-spinner div:nth-child(5) { transform: rotate(120deg); animation-delay: -0.7s; }

.lds-spinner div:nth-child(6) { transform: rotate(150deg); animation-delay: -0.6s; }

.lds-spinner div:nth-child(7) { transform: rotate(180deg); animation-delay: -0.5s; }

.lds-spinner div:nth-child(8) { transform: rotate(210deg); animation-delay: -0.4s; }

.lds-spinner div:nth-child(9) { transform: rotate(240deg); animation-delay: -0.3s; }

.lds-spinner div:nth-child(10) { transform: rotate(270deg); animation-delay: -0.2s; }

.lds-spinner div:nth-child(11) { transform: rotate(300deg); animation-delay: -0.1s; }

.lds-spinner div:nth-child(12) { transform: rotate(330deg); animation-delay: 0s; }

@keyframes lds-spinner { 0% { opacity: 1; }
  100% { opacity: 0; } }
/* INPUT */
.search_form { display: flex; align-items: center; }
.search_form > .vessel { width: 100%; display: inline-block; position: relative; }
.search_form label { display: none; }
.search_form input[type="text"] { border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; width: 100%; color: #1F2630; padding: 8px 8px; border: none; border: 1px #F4F4F4 solid; outline: none; }
.search_form input[type="text"]::-webkit-input-placeholder { color: #D4D4D4; }
.search_form input[type="text"]::-moz-placeholder { color: #D4D4D4; }
.search_form input[type="text"]:-ms-input-placeholder { color: #D4D4D4; }
.search_form input[type="text"]:-moz-placeholder { color: #D4D4D4; }
.search_form input[type="text"]:focus { border: 1px #E5EDFF solid; color: #1F2630; }
.search_form input[type="submit"] { background: url(../images/icons/Search.svg) no-repeat; background-size: 22px; width: 22px; height: 22px; position: absolute; top: 10px; right: 8px; border: none; box-shadow: none; cursor: pointer; }
.search_form input[type="submit"]:hover { opacity: 0.7; }

input[type="text"] { background: #fff; width: 100%; color: #1F2630; padding: 8px 8px; border: none; border: 1px #F4F4F4 solid; line-height: 24px; outline: none; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
input[type="text"]::-webkit-input-placeholder { color: #D4D4D4; }
input[type="text"]::-moz-placeholder { color: #D4D4D4; }
input[type="text"]:-ms-input-placeholder { color: #D4D4D4; }
input[type="text"]:-moz-placeholder { color: #D4D4D4; }
input[type="text"]:focus { border: 1px #E5EDFF solid; color: #1F2630; }

textarea { width: 100%; color: #1F2630; padding: 8px 12px; border: none; border: 1px #F4F4F4 solid; line-height: 24px; outline: none; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; resize: none; }
textarea::-webkit-input-placeholder { color: #D4D4D4; }
textarea::-moz-placeholder { color: #D4D4D4; }
textarea:-ms-input-placeholder { color: #D4D4D4; }
textarea:-moz-placeholder { color: #D4D4D4; }
textarea:focus { border: 1px #E5EDFF solid; color: #1F2630; }

input[type="number"] { background: #fff; width: 100%; color: #1F2630; padding: 8px 8px; border: none; border: 1px #F4F4F4 solid; line-height: 24px; outline: none; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
input[type="number"]::-webkit-input-placeholder { color: #E9E9EA; }
input[type="number"]::-moz-placeholder { color: #E9E9EA; }
input[type="number"]:-ms-input-placeholder { color: #E9E9EA; }
input[type="number"]:-moz-placeholder { color: #E9E9EA; }
input[type="number"]:focus { border: 1px #E5EDFF solid; color: #1F2630; }

input[type="password"] { background: #fff; width: 100%; color: #1F2630; padding: 8px 8px; border: none; border: 1px #F4F4F4 solid; line-height: 24px; outline: none; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
input[type="password"]::-webkit-input-placeholder { color: #E9E9EA; }
input[type="password"]::-moz-placeholder { color: #E9E9EA; }
input[type="password"]:-ms-input-placeholder { color: #E9E9EA; }
input[type="password"]:-moz-placeholder { color: #E9E9EA; }
input[type="password"]:focus { border: 1px #E5EDFF solid; color: #1F2630; }

input[type="checkbox"] { width: 16px; height: 16px; margin: 0px; accent-color: #E5EDFF; }

select { width: 100%; -moz-appearance: none; -moz-appearance: none; -webkit-appearance: none; appearance: none; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; width: 100%; padding: 12px 32px 12px 12px; cursor: pointer; border: 1px #E9E9EA solid; background: #fff url(../images/icons/CaretDown.svg) no-repeat center; background-position: right 8px center; }

.switch { width: 22px; height: 14px; margin-left: 4px; display: inline-block; position: relative; }
.switch input { width: 0; height: 0; opacity: 0; }
.switch .slider { background: #E9E9EA; -webkit-transition: .4s; transition: .4s; cursor: pointer; position: absolute; top: 0; left: 0; right: 0; bottom: 0; }

.slider:before { height: 12px; width: 12px; background-color: white; -webkit-transition: .4s; transition: .4s; position: absolute; content: ""; left: 1px; bottom: 1px; }

input:checked + .slider { background: #0E1A73; }

input:focus + .slider { box-shadow: 0 0 1px #E5EDFF; }

input:checked + .slider:before { -webkit-transform: translateX(8px); -ms-transform: translateX(8px); transform: translateX(8x); }

/* Rounded sliders */
.slider.round { border-radius: 999px; -moz-border-radius: 999px; -webkit-border-radius: 999px; }

.slider.round:before { border-radius: 999px; -moz-border-radius: 999px; -webkit-border-radius: 999px; }

body#login { background: #F4F4F4 !important; }
body#login #wrapper { height: 100vh; display: flex; }
body#login .login { min-width: 500px; background: #fff; padding: 80px 48px; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; margin: auto; text-align: center; }
body#login .login img { height: 36px; }

/* .sidebar.sidebar_close{flex:0 0 80px; padding:$padding_7 $padding_5 $padding_3 $padding_5;
		.logo{background:url(../images/logo02.png) no-repeat center; width:20px; height:20px; padding:$padding_5; background-size:20px;}
	.sidebar_menu{width:100%;
		.sidebar_menu_list{
			img{width:24px; margin:0px;}
			a{ padding:$padding_2 $padding_2; @include radius($radius:999px);
				span{display: none;}
			}
		}
	}
	.sidebar_collapse{
		li{
			a{
				img{@include transform($transform:rotate(180deg))}
			}
		}
	}
	.file_search{display:none;}
	.file_menu{display:none;}
} */
.sidebar { display: flex; align-items: flex-start; justify-content: space-between; flex-direction: row; height: 100vh; background: #FBFBFC; border-right: 1px #F4F4F4 solid; }
.sidebar > div { height: 100%; }
.sidebar .sidebar_action { width: 100%; display: inline-flex; align-items: center; }
.sidebar .sidebar_action .sidebar_action_icon { display: inline-block; margin-right: 8px; }
.sidebar .sidebar_action .sidebar_action_icon a { width: 28px; height: 28px; transition: all 1s; -webkit-transition: all 1s; -moz-transition: all 1s; padding: 4px; }
.sidebar .sidebar_action .sidebar_action_icon a:hover { transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; color: #E5EDFF; }
.sidebar .sidebar_action .sidebar_action_icon svg { width: 22px; height: 22px; }
.sidebar .sidebar_menuLeft { display: flex; flex-direction: column; align-items: center; background: #E5EDFF; padding: 24px 12px 24px 12px; }
.sidebar .sidebar_menuLeft .sidebar_menu { width: 100%; height: calc(100% - 40px); }
.sidebar .sidebar_menuLeft.open .logo {  display: block;  background: url(/src/assets/images/logo-ep4.png) no-repeat center;  width: 138px;  height: 46px;  background-size: 138px;}
.sidebar .sidebar_menuLeft .logo {  display: block;  background: url(/src/assets/images/logo-ep4.png) no-repeat center;  width: 80px;  height: 46px;  background-size: 80px;}
.sidebar .sidebar_menuLeft .sidebar_menu .sidebar_menu_list { margin-bottom: 4px; text-align: center; }
.sidebar .sidebar_menuLeft .sidebar_menu .sidebar_menu_list img { filter: grayscale(100%) brightness(0) invert(0); }
.sidebar .sidebar_menuLeft .sidebar_menu .sidebar_menu_list a { padding: 16px 8px; color: #0E1A73; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.sidebar .sidebar_menuLeft .sidebar_menu .sidebar_menu_list a span { display: block; }
.sidebar .sidebar_menuLeft .sidebar_menu .sidebar_menu_list a:hover { background: #0E1A73; color: #E5EDFF; }
.sidebar .sidebar_menuLeft .sidebar_menu .sidebar_menu_list a:hover img { width: 20px; filter: invert(100%) sepia(0%) saturate(14%) hue-rotate(210deg) brightness(103%) contrast(104%); }
.sidebar .sidebar_menuLeft .sidebar_menu .sidebar_menu_list.active img { width: 20px; filter: invert(100%) sepia(0%) saturate(14%) hue-rotate(210deg) brightness(103%) contrast(104%); }
.sidebar .sidebar_menuLeft .sidebar_menu .sidebar_menu_list.active a { background: #0E1A73; color: #E5EDFF; }
.sidebar .sidebar_menuLeft .sidebar_avatar { padding: 8px 0px; }
.sidebar .sidebar_menuLeft .sidebar_avatar .sidebar_avatar_img { width: 40px; height: 40px; background: #040917; font-size: 18px; line-height: 24px; font-weight: 900; border-radius: 999px; -moz-border-radius: 999px; -webkit-border-radius: 999px; color: #fff; text-align: center; padding: 8px 0px; }
.sidebar .sidebar_menuLeft .sidebar_avatar .sidebar_avatar_text { color: #0E1A73; }
.sidebar .sidebar_menuLeft .sidebar_collapse li { width: 40px; height: 40px; border-radius: 999px; -moz-border-radius: 999px; -webkit-border-radius: 999px; overflow: hidden; }
.sidebar .sidebar_menuLeft .sidebar_collapse li a { transition: all 1s; -webkit-transition: all 1s; -moz-transition: all 1s; background: #9abbee; padding: 12px 12px; }
.sidebar .sidebar_menuLeft .sidebar_collapse li a:hover { transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; background: #0E1A73; }
.sidebar .sidebar_menuLeft .sidebar_collapse li a:hover img { transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; filter: invert(100%) sepia(0%) saturate(14%) hue-rotate(210deg) brightness(103%) contrast(104%); }
.sidebar .sidebar_menuLeft.open { align-items: flex-start; }
.sidebar .sidebar_menuLeft.open .sidebar_menu { width: 200px; }
.sidebar .sidebar_menuLeft.open .sidebar_menu .sidebar_menu_list { margin-bottom: 4px; color: #fff; }
.sidebar .sidebar_menuLeft.open .sidebar_menu .sidebar_menu_list img { width: 18px; margin-right: 8px; }
.sidebar .sidebar_menuLeft.open .sidebar_menu .sidebar_menu_list a { display: flex; padding: 12px 16px; }
.sidebar .sidebar_menuLeft.open .sidebar_avatar { display: flex; align-items: center; gap: 8px; }
.sidebar .sidebar_menuLeft.open .sidebar_collapse li { width: 40px; height: 40px; border-radius: 999px; -moz-border-radius: 999px; -webkit-border-radius: 999px; overflow: hidden; }
.sidebar .sidebar_menuLeft.open .sidebar_collapse li a { transition: all 1s; -webkit-transition: all 1s; -moz-transition: all 1s; background: #9abbee; padding: 12px 12px; }
.sidebar .sidebar_menuLeft.open .sidebar_collapse li a:hover { transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; background: #0E1A73; }
.sidebar .sidebar_menuLeft.open .sidebar_collapse li a:hover img { transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; filter: invert(100%) sepia(0%) saturate(14%) hue-rotate(210deg) brightness(103%) contrast(104%); }
.sidebar .sidebar_menuRight { width: 100%; padding: 24px 12px 24px 12px; }
.sidebar .sidebar_menuRight .sidebar_history { width: 226px; max-height: 300px; padding-bottom: 16px; overflow-y: auto; }
.sidebar .sidebar_menuRight .sidebar_history .body_sm { padding: 4px 0px; margin-top: 8px; color: #686868; }
.sidebar .sidebar_menuRight .sidebar_history .sidebar_history_list a { display: flex; align-items: center; justify-content: space-between; padding: 8px 0px 8px 8px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.sidebar .sidebar_menuRight .sidebar_history .sidebar_history_list a:hover { transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; background: #0E1A73; color: #fff; }
.sidebar .sidebar_menuRight .sidebar_history .sidebar_history_list a:hover .sidebar_history_list_action { display: block; }
.sidebar .sidebar_menuRight .sidebar_history .sidebar_history_list span { padding: 4px; }
.sidebar .sidebar_menuRight .sidebar_history .sidebar_history_list span:hover { opacity: 0.6; }
.sidebar .sidebar_menuRight .sidebar_history .sidebar_history_list img { width: 18px; height: 18px; margin-bottom: -3px; filter: invert(100%) sepia(0%) saturate(14%) hue-rotate(210deg) brightness(103%) contrast(104%);}
.sidebar .sidebar_menuRight .sidebar_history .sidebar_history_list .sidebar_history_list_action { display: none; }
.sidebar .sidebar_menuRight .sidebar_history .sidebar_history_list.active img { filter: invert(100%) sepia(0%) saturate(14%) hue-rotate(210deg) brightness(103%) contrast(104%); }
.sidebar .sidebar_menuRight .sidebar_history .sidebar_history_list.active a { background: #0E1A73; color: #fff; }
.sidebar .sidebar_menuRight .history_search { display: flex; align-items: center; gap: 8px; padding: 0px 0px 8px 0px; }
.sidebar .sidebar_menuRight .history_search svg { width: 24px; width: 24px; }
.sidebar .sidebar_menuRight .file_search { padding: 16px 0px 8px 0px; border-top: 1px #F4F4F4 solid; }
.sidebar .sidebar_menuRight .file_menu { width: 226px; height: calc(100% - 374px); overflow-y: auto; /* 			.file_menu_list.active{
				a{
					img{  -moz-transform:rotate(90deg);
						  -webkit-transform:rotate(90deg);
						  -o-transform:rotate(90deg);
						  -ms-transform:rotate(90deg);
						  transform:rotate(90deg);
					}
				}
			} */ }
.sidebar .sidebar_menuRight .file_menu .file_menu_list { width: max-content; min-width: 100%; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; display: inline-flex; align-items: center; padding: 0px 32px 0px 8px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; position: relative; }
.sidebar .sidebar_menuRight .file_menu .file_menu_list a { transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; padding: 8px; }
.sidebar .sidebar_menuRight .file_menu .file_menu_list label img { margin-right: 4px; vertical-align: text-bottom; }
.sidebar .sidebar_menuRight .file_menu .file_menu_list .file_menu_action { transition: 2.5s; -webkit-transition: 2.5s; -moz-transition: 2.5s; display: none; padding: 4px; right: 4px; position: absolute; }
.sidebar .sidebar_menuRight .file_menu .file_menu_list .file_menu_action span { cursor: pointer; }
.sidebar .sidebar_menuRight .file_menu .file_menu_list .file_menu_action span img { width: 18px; height: 18px; }
.sidebar .sidebar_menuRight .file_menu .file_menu_list .file_menu_action span:hover { opacity: 0.6; }
.sidebar .sidebar_menuRight .file_menu .file_menu_list img { vertical-align: text-bottom; }
.sidebar .sidebar_menuRight .file_menu .file_menu_list:hover img {  filter:invert(100%) sepia(0%) saturate(14%) hue-rotate(210deg) brightness(103%) contrast(104%) }
.sidebar .sidebar_menuRight .file_menu .file_menu_list:hover { color:#E5EDFF; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; background: #0E1A73;}
.sidebar .sidebar_menuRight .file_menu .file_menu_list:hover .file_menu_action { display: block; transition: 2.5s; -webkit-transition: 2.5s; -moz-transition: 2.5s; }
.sidebar .sidebar_menuRight.sidebar_close { display: none; }
.sidebar .sidebar_collapse.sidebar_close li a img { transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); }

/* .sidebar{display:flex; align-items:flex-start; flex-direction:column; justify-content: space-between; flex-direction: column; flex:0 0 300px; width:300px; background:$color-thirdly-lighter; padding:$padding_7 $padding_6 $padding_3 $padding_6;  border-right:1px $color-thirdly-light solid; 
	>div{height:calc(100% - 64px);}
	>ul{margin-bottom:$padding_4;}
		.logo{display:block; background:url(../images/logo.png) no-repeat center; width:138px; height:20px; background-size:138px;}
	.sidebar_action{width:100%; display:inline-flex; align-items:center;
		.sidebar_action_icon{display:inline-block; margin-right:$padding_2;
			a{@extend %a; width:28px; height:28px; @include transition($transition:all 1s);  padding:$padding_1;
				&:hover{@include transition(0.5s); color:$color-primary;}
			}
			svg{width:22px; height:22px;}
		}
	}
	.sidebar_menu{width:100%;
		.sidebar_menu_list{margin-bottom:$padding_1;
			img{margin-right:$padding_2; vertical-align:sub;
			width:18px; height:18px; position: relative; left: -100px; border-right: 100px solid transparent; filter: drop-shadow(100px 0px 0 #1F2630);
			}
			a{@extend %a; padding:$padding_2 $padding_3; @include radius($radius:4px);
				&:hover{background:$color-primary-lighter;}
			}
		}
		.sidebar_menu_list.active{
			img{filter: invert(100%) sepia(0%) saturate(14%) hue-rotate(210deg) brightness(103%) contrast(104%);}
			a{background:$color-primary; color:#fff;}
		}
	}
	.sidebar_collapse{
		li{width:40px; height:40px; @include radius($radius:999px); overflow:hidden;
			a{@extend %a; @include transition($transition:all 1s);  background:$color-primary-lighter; padding:$padding_3 $padding_3; 
				&:hover{@include transition(0.5s); background:$color-primary;}
				&:hover img{@include transition(0.5s); filter: invert(100%) sepia(0%) saturate(14%) hue-rotate(210deg) brightness(103%) contrast(104%);}
			}
		}
	}
	.file_search{padding-top:$padding_4; border-top:1px $color-thirdly-light solid;}
} */
/* 		.file_menu{width:252px; height:calc(100% - 347px);  display:inline-flex; flex-direction: column; overflow:scroll;
			.file_menu_list{width:max-content; min-width: 100%; @include transition(0.5s);  display:inline-flex; align-items:center; padding:0px $padding_2; @include radius($radius:4px);
				a{@include transition(0.5s);  padding:$padding_2;}
				label{
					img{margin-right:$padding_1; vertical-align:text-bottom;}
				}
				img{vertical-align:text-bottom;}
				&:hover{@include transition(0.5s); background:$color-primary-lighter;}
			}
			.file_menu_list.active{
				a{
					img{  -moz-transform:rotate(90deg);
						  -webkit-transform:rotate(90deg);
						  -o-transform:rotate(90deg);
						  -ms-transform:rotate(90deg);
						  transform:rotate(90deg);
					}
				}
			}
		} */
/* CONTAINER */
#wrapper { display: flex; height: 100vh; }

section.content { width: 100%; padding: 32px 24px; }
section.content .content_header { width: 100%; display: inline-flex; justify-content: space-between; align-items: flex-start; }
section.content .content_header .content_header_left ul { display: inline-flex; align-items: center; }
section.content .content_header .content_header_left ul li:last-child { margin-right: 0px; }
section.content .content_header .content_header_left ul .action_icon { display: none; }
section.content .content_header .content_header_left ul .name { display: flex; gap: 8px; }
section.content .content_header .content_header_left ul .name svg { width: 22px; height: 22px; }
section.content .content_header .content_header_center { display: none; width: 100%; text-align: center; }
section.content .content_header .content_header_right.pc ul { display: inline-flex; align-items: center; }
section.content .content_header .content_header_right.pc ul li { margin-right: 8px; }
section.content .content_header .content_header_right.pc ul li:last-child { margin-right: 0px; }
section.content .content_header .content_header_right.pc ul li .action_icon { display: inline-block; }
section.content .content_header .content_header_right.pc ul li .action_icon a { width: 28px; height: 28px; transition: all 1s; -webkit-transition: all 1s; -moz-transition: all 1s; padding: 4px; }
section.content .content_header .content_header_right.pc ul li .action_icon a:hover { transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; color: #E5EDFF; }
section.content .content_header .content_header_right.pc ul li .action_icon svg { width: 22px; height: 22px; }
section.content .content_header .content_header_right.mobile { display: none; position: relative; }
section.content .content_header .content_header_right.mobile ul { display: inline-flex; align-items: center; }
section.content .content_header .content_header_right.mobile ul li { transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; }
section.content .content_header .content_header_right.mobile ul li:last-child { margin-right: 0px; }
section.content .content_header .content_header_right.mobile ul li:last-child:hover .language_list { transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; display: block; }
section.content .content_header .content_header_right.mobile .language_list { display: none; background: #fff; width: 90px; flex-direction: column; align-items: flex-start; border: 1px #E9E9EA solid; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; overflow: hidden; position: absolute; top: 32px; right: 0px; z-index: 999; }
section.content .content_header .content_header_right.mobile .language_list li { width: 100%; margin: 0px; border-bottom: 1px #E9E9EA solid; }
section.content .content_header .content_header_right.mobile .language_list li:last-child { border-bottom: none; }
section.content .content_header .content_header_right.mobile .language_list li a { transition: all 1s; -webkit-transition: all 1s; -moz-transition: all 1s; padding: 8px 16px; }
section.content .content_header .content_header_right.mobile .language_list li a:hover { transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; background: #0E1A73; }
section.content .content_header .action_icon a { width: 28px; height: 28px; transition: all 1s; -webkit-transition: all 1s; -moz-transition: all 1s; padding: 4px; }
section.content .content_header .action_icon a:hover { transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; color: #E5EDFF; }
section.content .content_header .action_icon svg { width: 22px; height: 22px; }

.nav-tabs li a { transition: all 1s; -webkit-transition: all 1s; -moz-transition: all 1s; padding: 12px 20px; border-bottom: 2px #fff solid; }
.nav-tabs li a:hover { transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; background: #FBFBFC; }
.nav-tabs li a.active { border-bottom: 2px #E5EDFF solid; color: #102044; }

.tab-pane { padding: 16px 0px; }

.file_upload { border: 1px #102044 dashed; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; text-align: center; padding: 48px 8px; }
.file_upload .file_upload_title a { color: #102044; text-decoration: underline; }
.file_upload .file_upload_description { color: #686868; }

.file_upload.small { padding: 48px 8px; }
.file_upload.small .file_upload_img { display: none; }

.file_block { margin-bottom: 8px; }
.file_block ul { background: #fff; width: 100%; display: inline-flex; align-items: center; border: 1px #E9E9EA solid; padding: 16px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.file_block ul .file_block_type { background: #fff; margin-right: 16px; padding: 8px; border: 1px #E9E9EA solid; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.file_block ul .file_block_type img { width: 24px; margin-bottom: -4px; }
.file_block ul .file_block_text { flex: 1; }
.file_block ul .file_block_text span { display: block; color: #747474; }
.file_block ul .file_block_delete a { transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; border: 1px #fff solid; padding: 8px 8px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.file_block ul .file_block_delete a img { width: 24px; margin-bottom: -6px; }
.file_block ul .file_block_delete a:hover { transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; border: 1px #B00020 solid; }
.file_block ul .file_block_download a { transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; border: 1px #0E1A73 solid; padding: 8px 8px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.file_block ul .file_block_download a img { width: 24px; margin-bottom: -6px; }
.file_block ul .file_block_download a:hover { transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; border: 1px #102044 solid; }
.file_block ul.active { background: #0E1A73; border: 0px; }
.file_block ul.done { border: 1px #E9E9EA solid; }
.file_block ul.error { border: 1px #B00020 solid; }
.file_block .file_block_errortext { color: #B00020; margin-top: 4px; }

.block_list_table { display: flex; align-items: center; justify-content: flex-start; align-items: stretch; border-bottom: 1px #D4D4D4 solid; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.block_list_table > li { padding: 8px 8px; border-right: 1px #D4D4D4 solid; }
.block_list_table > li:first-child { flex: 0 0 94px; border-left: 1px #D4D4D4 solid; }
.block_list_table > li:not(:first-child) { flex: 1; }
.block_list_table:first-child { border-top: 1px #D4D4D4 solid; }
.block_list_table:nth-child(odd) { background: #fff; }
.block_list_table:nth-child(even) { background: #FBFBFC; }
.block_list_table:hover { background: #E5EDFF; color: #102044; }

.block_list_table.title { background: #102044; color: #fff; }
.block_list_table.title li { font-weight: bold; }

/* CHAT */
#chat .content_wrapper { height: calc(100% - 114px); }
#chat .content_content { height: calc(100% - 48px); padding-top: 24px; overflow: auto; }
#chat .content_content .content_content_chat { height: calc(100% - 48px); overflow: scroll; }
#chat .content_content .content_content_citations { height: calc(100% - 48px); overflow: scroll; border-left: 1px #E9E9EA solid; }
#chat .content_content .welcome { height: 100%; display: inline-flex; align-items: flex-start; justify-content: center; flex-direction: column; }
#chat .content_content .welcome li { width: 100%; }
#chat .content_content .welcome .welcome_text { background: linear-gradient(90deg, #000103 0%, #102044 20%, #3d65be 40%); background-clip: text; -webkit-background-clip: text; color: transparent; font-size: 32px; line-height: 38px; font-weight: bold; text-align: center; margin-bottom: 24px; }
#chat .content_content .welcome .tip_list li { margin-bottom: 12px; }
#chat .content_content .welcome .tip_list a { transition: all 1s; -webkit-transition: all 1s; -moz-transition: all 1s; background: #FBFBFC; border: 1px #F4F4F4 solid; padding: 16px 12px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
#chat .content_content .welcome .tip_list a:hover { transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; background: #F4F4F4; }
#chat .content_content .chat_user { transition: all 1s; -webkit-transition: all 1s; -moz-transition: all 1s; width: 100%; display: inline-flex; justify-content: flex-end; margin-bottom: 24px; }
#chat .content_content .chat_user .action_icon { display: inline-block; margin-right: 8px; display: none; }
#chat .content_content .chat_user .action_icon a { width: 28px; height: 28px; transition: all 1s; -webkit-transition: all 1s; -moz-transition: all 1s; padding: 4px; }
#chat .content_content .chat_user .action_icon a:hover { transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; color: #102044; }
#chat .content_content .chat_user .action_icon svg { width: 22px; height: 22px; }
#chat .content_content .chat_user:hover .action_icon { transition: all 1s; -webkit-transition: all 1s; -moz-transition: all 1s; display: block; }
#chat .content_content .chat_user .chat_user_block { width: calc(100% - 36px); max-width: calc(560px - 36px); }
#chat .content_content .chat_user .chat_user_block .chat_user_chat { padding: 20px 16px; border: 1px #F4F4F4 solid; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
#chat .content_content .chat_user_edit { width: 100%; display: inline-flex; flex-direction: column; margin-bottom: 24px; align-items: flex-end; }
#chat .content_content .chat_user_edit .btn { display: inline-block; margin-top: 8px; }
#chat .content_content .chat_robet { width: 100%; display: inline-flex; justify-content: flex-start; }
#chat .content_content .chat_robet .chat_robet_avatar img { width: 24px; height: 24px; margin-right: 8px; border-radius: 999px; -moz-border-radius: 999px; -webkit-border-radius: 999px; }
#chat .content_content .chat_robet .chat_robet_block { background: #FBFBFC; padding: 20px 16px; border: 1px #F4F4F4 solid; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
#chat .content_content .chat_robet .chat_robet_citations { display: block; margin-top: 8px; }
#chat .content_content .chat_robet .chat_robet_citations a { display: inline-block; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; background: #DFE7FF; font-size: 12px; padding: 4px 12px; margin: 0px 4px 4px 0px; border-radius: 999px; -moz-border-radius: 999px; -webkit-border-radius: 999px; }
#chat .content_content .chat_robet .chat_robet_citations a:hover { transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; background: #85A1F3; }
#chat .content_content .chat_robet .chat_robet_citations a:last-child { margin-right: 0px; }
#chat .content_content .chat_robet .chat_robet_action { display: inline-flex; align-items: center; font-size: 12px; margin-top: 4px; }
#chat .content_content .chat_robet .chat_robet_action > li { display: inline-flex; align-items: center; }
#chat .content_content .chat_robet .chat_robet_action > li img { margin-bottom: -2px; }
#chat .content_content .chat_robet .chat_robet_action a { transition: all 1s; -webkit-transition: all 1s; -moz-transition: all 1s; padding: 8px; }
#chat .content_content .chat_robet .chat_robet_action a:hover { transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; background: #F4F4F4; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; }
#chat .content_content .chat_robet .chat_robet_action select { background: url(../images/icons/CaretDown.svg) no-repeat center; background-size: 12px; padding: 0px 8px; background-position: right 8px center; border: none; }
#chat .content_citations { border: 1px #D4D4D4 solid; padding: 32px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
#chat .content_citations .nav-tabs li a { transition: all 1s; -webkit-transition: all 1s; -moz-transition: all 1s; padding: 12px 20px; border-bottom: 2px #fff solid; }
#chat .content_citations .nav-tabs li a:hover { transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; background: #FBFBFC; }
#chat .content_citations .nav-tabs li a.active { border-bottom: 2px #102044 solid; color: #102044; }
#chat .content_citations .tab-pane { padding: 16px 0px; }
#chat .content_citations #content div { background: #FBFBFC; border: 1px #F4F4F4 solid; padding: 16px 24px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
#chat .content_citations #content span { display: block; font: bold 16px/24px Verdana, "微軟正黑體", sans-serif; margin-bottom: 8px; }
#chat .content_citations #process .routh { position: relative; }
#chat .content_citations #process .routh li:last-child { margin-bottom: 0px; }
#chat .content_citations #process .routh .routh-dot { padding: 0px 0px 16px 32px; position: relative; }
#chat .content_citations #process .routh .routh-dot .dot { width: 14px; height: 14px; background: #000F31; border-radius: 999px; -moz-border-radius: 999px; -webkit-border-radius: 999px; position: absolute; top: 4px; left: 4px; }
#chat .content_citations #process .routh .routh-line { width: 1px; height: 100%; background: #000F31; position: absolute; top: 6px; left: 11px; }
#chat .content_citations #process .routh .citations { margin-top: 4px; }
#chat .content_citations #process .routh .citations a { display: inline-block; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; background: #F4F4F4; font-size: 12px; padding: 4px 12px; margin-right: 4px; border-radius: 999px; -moz-border-radius: 999px; -webkit-border-radius: 999px; }
#chat .content_citations #process .routh .citations a:hover { transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; background: #DFE7FF; }
#chat .content_citations #process .routh .citations a:last-child { margin-right: 0px; }
#chat .content_citations #process .routh .code { height: 126px; overflow: scroll; background: #FBFBFC; border: 1px #F4F4F4 solid; padding: 24px 16px; margin-top: 4px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
#chat .content_citations #citation .citation_pdf_action { display: inline-flex; align-items: center; width: 100%; background: #FBFBFC; padding: 8px 8px; font-size: 12px; margin-top: 4px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
#chat .content_citations #citation .citation_pdf_action li { display: inline-flex; align-items: center; margin-right: 8px; }
#chat .content_citations #citation .citation_pdf_action li span { display: inline-block; }
#chat .content_citations #citation .citation_pdf_action .tip span { position: relative; /* 					  &:after {
					    content: "";
					    position: absolute;
					    width: 0;
					    height: 0;
					    border-width: 8px;
					    border-style: solid;
					    border-color: transparent #333 transparent transparent;
					  } */ }
#chat .content_citations #citation .citation_pdf_action .tip span:hover { cursor: pointer; }
#chat .content_citations #citation .citation_pdf_action .tip span:hover:before, #chat .content_citations #citation .citation_pdf_action .tip span:hover:after { opacity: 1; }
#chat .content_citations #citation .citation_pdf_action .tip span:before { content: attr(data-tooltip); background: #333; color: #fff; padding: 4px 8px; position: absolute; left: -12px; top: -38px; margin-left: 14px; white-space: pre; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
#chat .content_citations #citation .citation_pdf_action .tip span:before, #chat .content_citations #citation .citation_pdf_action .tip span:after { opacity: 0; transition: opacity 0.3s ease-out; -webkit-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; }
#chat .content_citations #citation .citation_pdf_action img { width: 20px; margin-bottom: -6px; }
#chat .content_citations #citation .citation_pdf_action a { transition: all 1s; -webkit-transition: all 1s; -moz-transition: all 1s; padding: 8px; }
#chat .content_citations #citation .citation_pdf_action a:hover { transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; background: #0E1A73; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
#chat .content_citations #citation .citation_pdf_action input[type="text"] { width: 44px; padding: 4px 4px; }
#chat .content_input { width: 100%; padding: 0px 0px 32px 0px; position: relative; }
#chat .content_input > ul { border: 1px #E9E9EA solid; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; overflow: hidden; }
#chat .content_input .hotword { background: #FBFBFC; width: 100%; height: 200px; border: 1px #E9E9EA solid; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; position: absolute; top: -200px; overflow: scroll; }
#chat .content_input .hotword a { transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; padding: 12px 12px; border-bottom: 1px #E9E9EA solid; }
#chat .content_input .hotword a:hover { transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; background: #0E1A73; }
#chat .content_input .content_input_input { display: inline-flex; align-items: flex-end; width: 100%; padding: 8px 16px; }
#chat .content_input .content_input_input li:nth-child(2) { flex-grow: 1; }
#chat .content_input .content_input_input .action_icon { display: inline-block; margin-bottom: 8px; }
#chat .content_input .content_input_input .action_icon a { width: 28px; height: 28px; transition: all 1s; -webkit-transition: all 1s; -moz-transition: all 1s; padding: 4px; }
#chat .content_input .content_input_input .action_icon a:hover { transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; color: #102044; }
#chat .content_input .content_input_input .action_icon svg { width: 20px; height: 20px; }
#chat .content_input .content_input_input input[type="text"] { width: 100%; border: none; }
#chat .content_input .content_input_input input[type="text"]:focus { border: none; }
#chat .content_input .content_input_input .content_input_textarea { margin-right: 4px; }
#chat .content_input .content_input_input .content_input_textarea textarea { width: 100%; border: none; }
#chat .content_input .content_input_input .content_input_textarea textarea:focus { border: none; }
#chat .content_input .content_input_input.disable { background: #E9E9EA; }
#chat .content_input .content_input_setting { display: inline-flex; align-items: center; font-size: 12px; width: 100%; background: #FBFBFC; padding: 4px 16px; border-top: 1px #E9E9EA solid; }
#chat .content_input .content_input_setting li { margin-right: 16px; }
#chat .content_input .content_input_setting li:last-child { margin-right: 0px; }
#chat .content_input .content_input_setting .select_switch { display: inline-flex; align-items: center; }
#chat .content_input .content_input_setting select { background: url(../images/icons/CaretDown.svg) no-repeat center; background-size: 12px; background-position: right 8px center; border: none; }
#chat .content_input .content_input_setting .select_number { display: inline-flex; align-items: center; }
#chat .content_input .content_input_setting .select_number .select_number_text { width: 24px; text-align: center; padding: 0px 4px; }
#chat .content_input .content_input_setting .select_number .action_icon { display: inline-block; }
#chat .content_input .content_input_setting .select_number .action_icon a { width: 24px; height: 24px; transition: all 1s; -webkit-transition: all 1s; -moz-transition: all 1s; padding: 4px; }
#chat .content_input .content_input_setting .select_number .action_icon a:hover { transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; color: #102044; }
#chat .content_input .content_input_setting .select_number .action_icon svg { width: 16px; height: 16px; }
#chat textarea:focus .content_input { border: 1px #000 solid; }

/* TRANSLATE */
#translate { /* 	.content_content{padding-top:$padding_6;} */ }
#translate .content_translate .content_translate_language { width: 100%; display: inline-flex; align-items: center; }
#translate .content_translate .content_translate_language .select_input { width: calc((100% - 30px) / 2); }
#translate .content_translate .content_translate_language .select_input select { width: 100%; }
#translate .content_translate .content_translate_language .select_input select[disabled] { background: #F4F4F4; color: #686868; cursor: not-allowed; }
#translate .content_translate .content_translate_input { border: 1px #F4F4F4 solid; padding: 24px 16px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
#translate .content_translate .content_translate_input textarea { margin-bottom: 8px; padding: 0px; border: none; }
#translate .content_translate .content_translate_input textarea:focus { border: none; }
#translate .content_translate .content_translate_result { height: 100%; min-height: 480px; background: #F4F4F4; padding: 24px 16px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
#translate .content_translate .content_translate_result .content_translate_text { height: calc(100% - 48px); margin-bottom: 8px; }
#translate .content_translate .action_icon { margin: 0px 12px; }
#translate .content_translate .action_icon a { transition: all 1s; -webkit-transition: all 1s; -moz-transition: all 1s; }
#translate .content_translate .action_icon a:hover { transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; color: #102044; }
#translate .content_translate .action_icon svg { width: 24px; height: 24px; }

/* IMAGETOTEXT */
#imagetotext .content_content { padding-top: 24px; }
#imagetotext .file_wrapper { background: #FBFBFC; padding: 16px 16px; margin-top: 24px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
#imagetotext .file_wrapper .file_wrapper_title { width: 100%; display: inline-flex; align-items: center; justify-content: space-between; margin-bottom: 8px; }
#imagetotext .file_wrapper .file_block { margin-bottom: 8px; }
#imagetotext .file_wrapper .btn_primary_small { width: fit-content; }
#imagetotext .imagetotext_block { background: #fff; width: 100%; display: inline-flex; align-items: center; border: 1px #E9E9EA solid; padding: 16px; margin-bottom: 8px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
#imagetotext .imagetotext_block .imagetotext_block_img { border: 1px #E9E9EA solid; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; overflow: hidden; }
#imagetotext .imagetotext_block .imagetotext_block_img img { width: 120px; margin-bottom: -6px; }
#imagetotext .imagetotext_block .imagetotext_block_text { display: inline-flex; align-items: center; margin: 0px 8px; flex: 1; background: #F4F4F4; padding: 16px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
#imagetotext .imagetotext_block .imagetotext_block_text p { height: 80px; overflow: scroll; margin-right: 8px; }
#imagetotext .imagetotext_block .imagetotext_block_action .btn_secondary_small a { margin-bottom: 8px; padding: 8px; }
#imagetotext .imagetotext_block .imagetotext_block_action .btn_secondary_small a img { margin-right: 0px; }
#imagetotext .imagetotext_block .imagetotext_block_action .btn_secondary_small:last-child a { margin-bottom: 0px; }
#imagetotext .imagetotext_block:last-child { margin-bottom: 0px; }

/* TEXTTOIMAGE */
#chat .texttoimage_block { width: 100%; background: #FBFBFC; border: 1px #E9E9EA solid; padding: 16px; margin-bottom: 24px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
#chat .texttoimage_block .texttoimage_block_img { border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; overflow: hidden; }
#chat .texttoimage_block .texttoimage_block_img img { width: 100%; margin-bottom: -6px; }
#chat .texttoimage_block .texttoimage_block_action { width: 100%; display: inline-flex; align-items: center; margin-top: 8px; }
#chat .texttoimage_block .texttoimage_block_action span { display: inline-block; width: 100%; }
#chat .texttoimage_block .texttoimage_block_action span a { width: calc(100% - 8px); }
#chat .texttoimage_block .texttoimage_block_action span:first-child a { margin-right: 8px; }
#chat .texttoimage_block .texttoimage_block_action span:last-child a { margin-left: 8px; }

.texttoimage_modal img { width: 100%; }

/* COMPARISON */
#comparison .content_wrapper { height: 100%; }
#comparison .content_content { height: calc(100% - 48px); padding-top: 24px; }
#comparison .content_content > div { height: 100%; }
#comparison .content_comparison { height: 100%; }
#comparison .content_comparison .row { height: 100%; }
#comparison .content_comparison .row > div { height: 100%; }
#comparison .content_comparison .H6 { margin-bottom: 12px; }
#comparison .content_comparison .file_upload { margin-bottom: 8px; }
#comparison .content_comparison .file_upload:last-child { margin-bottom: 0px; }
#comparison .content_comparison .file_block { margin-bottom: 8px; }
#comparison .content_comparison .file_block:last-child { margin-bottom: 0px; }
#comparison .content_comparison .content_comparison_result > ul { height: calc(100% - 48px); overflow-x: auto; background: #F4F4F4; padding: 24px 16px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
#comparison .content_comparison .content_comparison_result > ul .content_comparison_text { margin-bottom: 8px; }
#comparison .content_comparison .content_comparison_result > ul .content_comparison_text p { height: 100%; overflow-x: auto; }
#comparison .content_comparison .action_icon { margin: 0px 12px; }
#comparison .content_comparison .action_icon a { transition: all 1s; -webkit-transition: all 1s; -moz-transition: all 1s; }
#comparison .content_comparison .action_icon a:hover { transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; color: #102044; }
#comparison .content_comparison .action_icon svg { width: 24px; height: 24px; }

.modal-dialog .modal-content .modal-header { position: relative; border-bottom: none; padding: 32px 24px; }
.modal-dialog .modal-content .modal-header .modal-title { font-size: 24px; line-height: 32px; font-weight: bold; }
.modal-dialog .modal-content .modal-header button { position: absolute; right: 32px; top: 32px; opacity: 1; z-index: 999; cursor: pointer; }
.modal-dialog .modal-body { border-top: none; padding: 24px 24px; }
.modal-dialog .modal-footer { border-top: none; }
.modal-dialog .modal-footer .btn { margin-top: 0px; }

.modal-open .modal.left { z-index: 99999; }
.modal-open .modal.left .sidebar { display: flex !important; height: 100%; }
.modal-open .modal.left .modal-dialog { height: 100%; margin: auto; position: fixed; padding: 0px; -webkit-transform: translate3d(0%, 0, 0); -ms-transform: translate3d(0%, 0, 0); -o-transform: translate3d(0%, 0, 0); transform: translate3d(0%, 0, 0); }
.modal-open .modal.left .modal-content { height: 100%; overflow-y: auto; margin: 0px; padding: 0px; border: 0px; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; }
.modal-open .modal.left .modal-content .modal-body { padding: 0px; }

.modal.left.fade .modal-dialog { left: -300px; -webkit-transition: opacity 0.3s linear, right 0.3s ease-out; -moz-transition: opacity 0.3s linear, right 0.3s ease-out; -o-transition: opacity 0.3s linear, right 0.3s ease-out; transition: opacity 0.3s linear, right 0.3s ease-out; }

.modal.left.fade.show .modal-dialog { left: 0 !important; }

.btn { color: #fff; text-align: center; }
.btn a { width: 100%; color: #1F2630; margin: 0px auto 0px auto; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }

.btn_primary { text-align: center; }
.btn_primary a { display: block; background: #102044; color: #fff; padding: 12px 24px; }
.btn_primary a:hover { transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; background: #000F31; }

.btn_secondary { text-align: center; }
.btn_secondary a { display: block; background: #fff; border: 1px #E9E9EA solid; }
.btn_secondary a:hover { transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; border: 1px #102044 solid; }

.btn_primary_small { text-align: center; }
.btn_primary_small img { vertical-align: bottom; margin-right: 4px; }
.btn_primary_small a { display: block; background: #0047AB; color: #fff; padding: 10px 24px; }
.btn_primary_small a:hover { transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; background: #032d67; }

.btn_primary_small.disabled img { filter: invert(68%) sepia(17%) saturate(171%) hue-rotate(176deg) brightness(88%) contrast(92%); }
.btn_primary_small.disabled a { display: block; background: #F4F4F4; color: #686868; cursor: not-allowed; }

.btn_secondary_small { text-align: center; }
.btn_secondary_small img { width: 20px; vertical-align: bottom; margin-right: 4px; }
.btn_secondary_small a { display: block; background: #fff; border: 1px #E9E9EA solid; padding: 10px 24px; }
.btn_secondary_small a:hover { transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; border: 1px #102044 solid; }

.btn_secondary_small.disabled img { width: 20px; filter: invert(68%) sepia(17%) saturate(171%) hue-rotate(176deg) brightness(88%) contrast(92%); }
.btn_secondary_small.disabled a { display: block; background: #F4F4F4; color: #686868; cursor: not-allowed; }
.btn_secondary_small.disabled a:hover { transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; border: 1px #F4F4F4 solid; }

.btn_critical_small { text-align: center; }
.btn_critical_small img { vertical-align: bottom; margin-right: 4px; }
.btn_critical_small a { display: block; background: #fff; color: #B00020; border: 1px #B00020 solid; padding: 10px 24px; }
.btn_critical_small a:hover { transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; border: 1px #800017 solid; }

/* .red{color:$color-secondary !important;} */
.green { color: #102044; }

/*Styles for screen 1440px and lower*/
/*Styles for screen 1200px and lower*/
/*Styles for screen 1024px and lower*/
/*Styles for screen 1000px and lower*/
@media screen and (max-width: 1000px) { .sidebar { display: none !important; }
  section.content { width: 100%; }
  section.content .content_header .content_header_left ul li { margin-right: 8px; }
  section.content .content_header .content_header_left ul .action_icon { display: inline-block; }
  section.content .content_header .content_header_left ul .name { display: none; }
  section.content .content_header .content_header_center { display: block; }
  section.content .content_header .content_header_right.pc { display: none; }
  section.content .content_header .content_header_right.mobile { display: block; }
  section.content .content_header .content_header_right.mobile ul li { margin-right: 8px; }
  section.content .content_header .content_header_right.mobile ul .action_icon { display: inline-block; }
  /* TRANSLATE */
  #translate .content_translate .content_translate_result { margin-top: 16px; }
  /* IMAGETOTEXT */
  #imagetotext .imagetotext_block .imagetotext_block_text { flex-direction: column; }
  #imagetotext .imagetotext_block .imagetotext_block_text .imagetotext_block_action { display: inline-flex; align-items: center; width: 100%; }
  #imagetotext .imagetotext_block .imagetotext_block_text .imagetotext_block_action .btn_secondary_small { width: 100%; text-align: center; }
  #imagetotext .imagetotext_block .imagetotext_block_text .imagetotext_block_action .btn_secondary_small a { margin-top: 16px; margin-bottom: 0px; }
  #imagetotext .imagetotext_block .imagetotext_block_text .imagetotext_block_action .btn_secondary_small:first-child a { margin-right: 8px; }
  #imagetotext .imagetotext_block .imagetotext_block_text .imagetotext_block_action .btn_secondary_small:last-child a { margin-left: 8px; }
  /* COMPARISON */
  #comparison .content_comparison .content_comparison_result { margin-top: 16px; } }
/*Styles for screen 768px and lower*/
/*Styles for screen 680px and lower*/
@media screen and (max-width: 680px) { /* TRANSLATE */
  #translate .content_translate .content_translate_input .btn_primary_small { width: 100%; }
  #translate .content_translate .content_translate_result .btn_secondary_small { width: 100%; }
  #translate .btn_primary_small { width: 100%; }
  #translate .btn_secondary_small { width: 100%; }
  /* IMAGETOTEXT */
  #imagetotext .file_wrapper .file_wrapper_title { flex-direction: column; align-items: flex-start; }
  #imagetotext .file_wrapper .file_wrapper_title .subtitle_lg { width: 100%; }
  #imagetotext .file_wrapper .file_wrapper_title .btn_critical_small { margin-top: 8px; }
  #imagetotext .file_wrapper .btn_primary_small { width: 100%; }
  #imagetotext .imagetotext_block { flex-direction: column; }
  #imagetotext .imagetotext_block .imagetotext_block_img { width: 100%; text-align: center; margin-bottom: 8px; }
  #imagetotext .imagetotext_block .imagetotext_block_text { margin: 0px; }
  #imagetotext .imagetotext_block .imagetotext_block_text .imagetotext_block_action { flex-direction: column; }
  #imagetotext .imagetotext_block .imagetotext_block_text .imagetotext_block_action .btn_secondary_small:first-child a { margin: 12px 0px 8px; }
  #imagetotext .imagetotext_block .imagetotext_block_text .imagetotext_block_action .btn_secondary_small:last-child a { margin: 0px; }
  #imagetotext .imagetotext_block .imagetotext_block_text:last-child { margin-bottom: 0px; }
  /* TEXTTOIMAGE */
  #chat .texttoimage_block .texttoimage_block_action { flex-direction: column; }
  #chat .texttoimage_block .texttoimage_block_action span { display: inline-block; width: 100%; }
  #chat .texttoimage_block .texttoimage_block_action span a { width: 100%; }
  #chat .texttoimage_block .texttoimage_block_action span:first-child a { margin: 12px 0px 8px; }
  #chat .texttoimage_block .texttoimage_block_action span:last-child a { margin: 0px; }
  /* COMPARISON */
  #comparison .content_comparison .btn_primary_small { width: 100%; }
  #comparison .content_comparison .content_comparison_result .btn_secondary_small { width: 100%; } }
/*Styles for screen 480px and lower*/

/*# sourceMappingURL=common.css.map */