/* 
Created on: 17 Sep, 2014, 4:29:37 PM
Author: senthil
*/

.ti_tx,
.mi_tx,
.mer_tx {
	width: 100%;
	text-align: center;
	margin: 10px 0;
}

.time-picker .time,
.time-picker .mins,
.time-picker .meridian {
	width: 60px;
	float: left;
	margin: 0 10px;
	font-size: 20px;
	color: #2d2e2e;
	font-family: arial;
	font-weight: 700;
}

.prev,
.next {
	cursor: pointer;
	padding: 18px;
	width: 28%;
	border: 1px solid #ccc;
	margin: auto;
	background: url(../assets/images/arrow.png) no-repeat;
	border-radius: 5px;
}

.prev:hover,
.next:hover {
	background-color: #ccc;
}

.next {
	background-position: 50% 150%;
}

.prev {
	background-position: 50% -50%;
}

.time_pick {
	position: relative;
}

.timepicker_wrap {
	padding: 10px;
	border-radius: 5px;
	z-index: 998;
	display: none;
	box-shadow: 2px 2px 5px 0 rgba(50,50,50,0.35);
	background: #f6f6f6;
	border: 1px solid #ccc;
	right: left;
	min-width: 262px;
	position: absolute;
	top: 27px;
	right: 0;
}

.arrow_top {
	position: absolute;
	top: -10px;
	right: 20px;
	background: url(../assets/images/top_arr.png) no-repeat;
	width: 18px;
	height: 10px;
	z-index: 999;
}
input.timepicki-input {
	background: none repeat scroll 0 0 #FFFFFF;
    	border: 1px solid #CCCCCC;
    	border-radius: 5px 5px 5px 5px;
    	float: none;
    	margin: 0;
    	text-align: center;
    	width: 70%;
}
a.reset_time {
	float: left;
	margin-top: 5px;
	color: #000;
}

/*!
 * Bootstrap v3.3.5 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%
}

body {
	margin: 0
}

article, aside, details, figcaption, figure, footer, header, hgroup,
	main, menu, nav, section, summary {
	display: block
}

audio, canvas, progress, video {
	display: inline-block;
	vertical-align: baseline
}

audio:not ([controls] ){
	display: none;
	height: 0
}

[hidden], template {
	display: none
}

a {
	background-color: transparent
}

a:active, a:hover {
	outline: 0
}

abbr[title] {
	border-bottom: 1px dotted
}

b, strong {
	font-weight: 700
}

dfn {
	font-style: italic
}

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

mark {
	color: #000;
	background: #ff0
}

small {
	font-size: 80%
}

sub, sup {
	position: relative;
	font-size: 75%;
	line-height: 0;
	vertical-align: baseline
}

sup {
	top: -.5em
}

sub {
	bottom: -.25em
}

img {
	border: 0
}

svg:not (:root ){
	overflow: hidden
}

figure {
	margin: 1em 40px
}

hr {
	height: 0;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box
}

pre {
	overflow: auto
}

code, kbd, pre, samp {
	font-family: monospace, monospace;
	font-size: 1em
}

button, input, optgroup, select, textarea {
	margin: 0;
	font: inherit;
	color: inherit
}

button {
	overflow: visible
}

button, select {
	text-transform: none
}

button, html input[type=button], input[type=reset], input[type=submit] {
	-webkit-appearance: button;
	cursor: pointer
}

button[disabled], html input[disabled] {
	cursor: default
}

button::-moz-focus-inner, input::-moz-focus-inner {
	padding: 0;
	border: 0
}

input {
	line-height: normal
}

input[type=checkbox], input[type=radio] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button
	{
	height: auto
}

input[type=search] {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	-webkit-appearance: textfield
}

input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration
	{
	-webkit-appearance: none
}

fieldset {
	padding: .35em .625em .75em;
	margin: 0 2px;
	border: 1px solid silver
}

legend {
	padding: 0;
	border: 0
}

textarea {
	overflow: auto
}

optgroup {
	font-weight: 700
}

table {
	border-spacing: 0;
	border-collapse: collapse
}

td, th {
	padding: 0
}
	/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
	*, :after, :before {
		color: #000 !important;
		text-shadow: none !important;
		background: 0 0 !important;
		-webkit-box-shadow: none !important;
		box-shadow: none !important
	}
	a, a:visited {
		text-decoration: underline
	}
	a[href]:after {
		content: " (" attr(href) ")"
	}
	abbr[title]:after {
		content: " (" attr(title) ")"
	}
	a[href^="javascript:"]:after, a[href^="#"]:after {
		content: ""
	}
	blockquote, pre {
		border: 1px solid #999;
		page-break-inside: avoid
	}
	thead {
		display: table-header-group
	}
	img, tr {
		page-break-inside: avoid
	}
	img {
		max-width: 100% !important
	}
	h2, h3, p {
		orphans: 3;
		widows: 3
	}
	h2, h3 {
		page-break-after: avoid
	}
	.navbar {
		display: none
	}
	.btn>.caret, .dropup>.btn>.caret {
		border-top-color: #000 !important
	}
	.label {
		border: 1px solid #000
	}
	.table {
		border-collapse: collapse !important
	}
	.table td, .table th {
		background-color: #fff !important
	}
	.table-bordered td, .table-bordered th {
		border: 1px solid #ddd !important
	}
}

@font-face {
	font-family: 'Glyphicons Halflings';
	src: url(../fonts/glyphicons-halflings-regular.eot);
	src: url(../fonts/glyphicons-halflings-regular.eot?#iefix)
		format('embedded-opentype'),
		url(../fonts/glyphicons-halflings-regular.woff2) format('woff2'),
		url(../fonts/glyphicons-halflings-regular.woff) format('woff'),
		url(../fonts/glyphicons-halflings-regular.ttf) format('truetype'),
		url(../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular)
		format('svg')
}

.glyphicon {
	position: relative;
	top: 1px;
	display: inline-block;
	font-family: 'Glyphicons Halflings';
	font-style: normal;
	font-weight: 400;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.glyphicon-asterisk:before {
	content: "\2a"
}

.glyphicon-plus:before {
	content: "\2b"
}

.glyphicon-eur:before, .glyphicon-euro:before {
	content: "\20ac"
}

.glyphicon-minus:before {
	content: "\2212"
}

.glyphicon-cloud:before {
	content: "\2601"
}

.glyphicon-envelope:before {
	content: "\2709"
}

.glyphicon-pencil:before {
	content: "\270f"
}

.glyphicon-glass:before {
	content: "\e001"
}

.glyphicon-music:before {
	content: "\e002"
}

.glyphicon-search:before {
	content: "\e003"
}

.glyphicon-heart:before {
	content: "\e005"
}

.glyphicon-star:before {
	content: "\e006"
}

.glyphicon-star-empty:before {
	content: "\e007"
}

.glyphicon-user:before {
	content: "\e008"
}

.glyphicon-film:before {
	content: "\e009"
}

.glyphicon-th-large:before {
	content: "\e010"
}

.glyphicon-th:before {
	content: "\e011"
}

.glyphicon-th-list:before {
	content: "\e012"
}

.glyphicon-ok:before {
	content: "\e013"
}

.glyphicon-remove:before {
	content: "\e014"
}

.glyphicon-zoom-in:before {
	content: "\e015"
}

.glyphicon-zoom-out:before {
	content: "\e016"
}

.glyphicon-off:before {
	content: "\e017"
}

.glyphicon-signal:before {
	content: "\e018"
}

.glyphicon-cog:before {
	content: "\e019"
}

.glyphicon-trash:before {
	content: "\e020"
}

.glyphicon-home:before {
	content: "\e021"
}

.glyphicon-file:before {
	content: "\e022"
}

.glyphicon-time:before {
	content: "\e023"
}

.glyphicon-road:before {
	content: "\e024"
}

.glyphicon-download-alt:before {
	content: "\e025"
}

.glyphicon-download:before {
	content: "\e026"
}

.glyphicon-upload:before {
	content: "\e027"
}

.glyphicon-inbox:before {
	content: "\e028"
}

.glyphicon-play-circle:before {
	content: "\e029"
}

.glyphicon-repeat:before {
	content: "\e030"
}

.glyphicon-refresh:before {
	content: "\e031"
}

.glyphicon-list-alt:before {
	content: "\e032"
}

.glyphicon-lock:before {
	content: "\e033"
}

.glyphicon-flag:before {
	content: "\e034"
}

.glyphicon-headphones:before {
	content: "\e035"
}

.glyphicon-volume-off:before {
	content: "\e036"
}

.glyphicon-volume-down:before {
	content: "\e037"
}

.glyphicon-volume-up:before {
	content: "\e038"
}

.glyphicon-qrcode:before {
	content: "\e039"
}

.glyphicon-barcode:before {
	content: "\e040"
}

.glyphicon-tag:before {
	content: "\e041"
}

.glyphicon-tags:before {
	content: "\e042"
}

.glyphicon-book:before {
	content: "\e043"
}

.glyphicon-bookmark:before {
	content: "\e044"
}

.glyphicon-print:before {
	content: "\e045"
}

.glyphicon-camera:before {
	content: "\e046"
}

.glyphicon-font:before {
	content: "\e047"
}

.glyphicon-bold:before {
	content: "\e048"
}

.glyphicon-italic:before {
	content: "\e049"
}

.glyphicon-text-height:before {
	content: "\e050"
}

.glyphicon-text-width:before {
	content: "\e051"
}

.glyphicon-align-left:before {
	content: "\e052"
}

.glyphicon-align-center:before {
	content: "\e053"
}

.glyphicon-align-right:before {
	content: "\e054"
}

.glyphicon-align-justify:before {
	content: "\e055"
}

.glyphicon-list:before {
	content: "\e056"
}

.glyphicon-indent-left:before {
	content: "\e057"
}

.glyphicon-indent-right:before {
	content: "\e058"
}

.glyphicon-facetime-video:before {
	content: "\e059"
}

.glyphicon-picture:before {
	content: "\e060"
}

.glyphicon-map-marker:before {
	content: "\e062"
}

.glyphicon-adjust:before {
	content: "\e063"
}

.glyphicon-tint:before {
	content: "\e064"
}

.glyphicon-edit:before {
	content: "\e065"
}

.glyphicon-share:before {
	content: "\e066"
}

.glyphicon-check:before {
	content: "\e067"
}

.glyphicon-move:before {
	content: "\e068"
}

.glyphicon-step-backward:before {
	content: "\e069"
}

.glyphicon-fast-backward:before {
	content: "\e070"
}

.glyphicon-backward:before {
	content: "\e071"
}

.glyphicon-play:before {
	content: "\e072"
}

.glyphicon-pause:before {
	content: "\e073"
}

.glyphicon-stop:before {
	content: "\e074"
}

.glyphicon-forward:before {
	content: "\e075"
}

.glyphicon-fast-forward:before {
	content: "\e076"
}

.glyphicon-step-forward:before {
	content: "\e077"
}

.glyphicon-eject:before {
	content: "\e078"
}

.glyphicon-chevron-left:before {
	content: "\e079"
}

.glyphicon-chevron-right:before {
	content: "\e080"
}

.glyphicon-plus-sign:before {
	content: "\e081"
}

.glyphicon-minus-sign:before {
	content: "\e082"
}

.glyphicon-remove-sign:before {
	content: "\e083"
}

.glyphicon-ok-sign:before {
	content: "\e084"
}

.glyphicon-question-sign:before {
	content: "\e085"
}

.glyphicon-info-sign:before {
	content: "\e086"
}

.glyphicon-screenshot:before {
	content: "\e087"
}

.glyphicon-remove-circle:before {
	content: "\e088"
}

.glyphicon-ok-circle:before {
	content: "\e089"
}

.glyphicon-ban-circle:before {
	content: "\e090"
}

.glyphicon-arrow-left:before {
	content: "\e091"
}

.glyphicon-arrow-right:before {
	content: "\e092"
}

.glyphicon-arrow-up:before {
	content: "\e093"
}

.glyphicon-arrow-down:before {
	content: "\e094"
}

.glyphicon-share-alt:before {
	content: "\e095"
}

.glyphicon-resize-full:before {
	content: "\e096"
}

.glyphicon-resize-small:before {
	content: "\e097"
}

.glyphicon-exclamation-sign:before {
	content: "\e101"
}

.glyphicon-gift:before {
	content: "\e102"
}

.glyphicon-leaf:before {
	content: "\e103"
}

.glyphicon-fire:before {
	content: "\e104"
}

.glyphicon-eye-open:before {
	content: "\e105"
}

.glyphicon-eye-close:before {
	content: "\e106"
}

.glyphicon-warning-sign:before {
	content: "\e107"
}

.glyphicon-plane:before {
	content: "\e108"
}

.glyphicon-calendar:before {
	content: "\e109"
}

.glyphicon-random:before {
	content: "\e110"
}

.glyphicon-comment:before {
	content: "\e111"
}

.glyphicon-magnet:before {
	content: "\e112"
}

.glyphicon-chevron-up:before {
	content: "\e113"
}

.glyphicon-chevron-down:before {
	content: "\e114"
}

.glyphicon-retweet:before {
	content: "\e115"
}

.glyphicon-shopping-cart:before {
	content: "\e116"
}

.glyphicon-folder-close:before {
	content: "\e117"
}

.glyphicon-folder-open:before {
	content: "\e118"
}

.glyphicon-resize-vertical:before {
	content: "\e119"
}

.glyphicon-resize-horizontal:before {
	content: "\e120"
}

.glyphicon-hdd:before {
	content: "\e121"
}

.glyphicon-bullhorn:before {
	content: "\e122"
}

.glyphicon-bell:before {
	content: "\e123"
}

.glyphicon-certificate:before {
	content: "\e124"
}

.glyphicon-thumbs-up:before {
	content: "\e125"
}

.glyphicon-thumbs-down:before {
	content: "\e126"
}

.glyphicon-hand-right:before {
	content: "\e127"
}

.glyphicon-hand-left:before {
	content: "\e128"
}

.glyphicon-hand-up:before {
	content: "\e129"
}

.glyphicon-hand-down:before {
	content: "\e130"
}

.glyphicon-circle-arrow-right:before {
	content: "\e131"
}

.glyphicon-circle-arrow-left:before {
	content: "\e132"
}

.glyphicon-circle-arrow-up:before {
	content: "\e133"
}

.glyphicon-circle-arrow-down:before {
	content: "\e134"
}

.glyphicon-globe:before {
	content: "\e135"
}

.glyphicon-wrench:before {
	content: "\e136"
}

.glyphicon-tasks:before {
	content: "\e137"
}

.glyphicon-filter:before {
	content: "\e138"
}

.glyphicon-briefcase:before {
	content: "\e139"
}

.glyphicon-fullscreen:before {
	content: "\e140"
}

.glyphicon-dashboard:before {
	content: "\e141"
}

.glyphicon-paperclip:before {
	content: "\e142"
}

.glyphicon-heart-empty:before {
	content: "\e143"
}

.glyphicon-link:before {
	content: "\e144"
}

.glyphicon-phone:before {
	content: "\e145"
}

.glyphicon-pushpin:before {
	content: "\e146"
}

.glyphicon-usd:before {
	content: "\e148"
}

.glyphicon-gbp:before {
	content: "\e149"
}

.glyphicon-sort:before {
	content: "\e150"
}

.glyphicon-sort-by-alphabet:before {
	content: "\e151"
}

.glyphicon-sort-by-alphabet-alt:before {
	content: "\e152"
}

.glyphicon-sort-by-order:before {
	content: "\e153"
}

.glyphicon-sort-by-order-alt:before {
	content: "\e154"
}

.glyphicon-sort-by-attributes:before {
	content: "\e155"
}

.glyphicon-sort-by-attributes-alt:before {
	content: "\e156"
}

.glyphicon-unchecked:before {
	content: "\e157"
}

.glyphicon-expand:before {
	content: "\e158"
}

.glyphicon-collapse-down:before {
	content: "\e159"
}

.glyphicon-collapse-up:before {
	content: "\e160"
}

.glyphicon-log-in:before {
	content: "\e161"
}

.glyphicon-flash:before {
	content: "\e162"
}

.glyphicon-log-out:before {
	content: "\e163"
}

.glyphicon-new-window:before {
	content: "\e164"
}

.glyphicon-record:before {
	content: "\e165"
}

.glyphicon-save:before {
	content: "\e166"
}

.glyphicon-open:before {
	content: "\e167"
}

.glyphicon-saved:before {
	content: "\e168"
}

.glyphicon-import:before {
	content: "\e169"
}

.glyphicon-export:before {
	content: "\e170"
}

.glyphicon-send:before {
	content: "\e171"
}

.glyphicon-floppy-disk:before {
	content: "\e172"
}

.glyphicon-floppy-saved:before {
	content: "\e173"
}

.glyphicon-floppy-remove:before {
	content: "\e174"
}

.glyphicon-floppy-save:before {
	content: "\e175"
}

.glyphicon-floppy-open:before {
	content: "\e176"
}

.glyphicon-credit-card:before {
	content: "\e177"
}

.glyphicon-transfer:before {
	content: "\e178"
}

.glyphicon-cutlery:before {
	content: "\e179"
}

.glyphicon-header:before {
	content: "\e180"
}

.glyphicon-compressed:before {
	content: "\e181"
}

.glyphicon-earphone:before {
	content: "\e182"
}

.glyphicon-phone-alt:before {
	content: "\e183"
}

.glyphicon-tower:before {
	content: "\e184"
}

.glyphicon-stats:before {
	content: "\e185"
}

.glyphicon-sd-video:before {
	content: "\e186"
}

.glyphicon-hd-video:before {
	content: "\e187"
}

.glyphicon-subtitles:before {
	content: "\e188"
}

.glyphicon-sound-stereo:before {
	content: "\e189"
}

.glyphicon-sound-dolby:before {
	content: "\e190"
}

.glyphicon-sound-5-1:before {
	content: "\e191"
}

.glyphicon-sound-6-1:before {
	content: "\e192"
}

.glyphicon-sound-7-1:before {
	content: "\e193"
}

.glyphicon-copyright-mark:before {
	content: "\e194"
}

.glyphicon-registration-mark:before {
	content: "\e195"
}

.glyphicon-cloud-download:before {
	content: "\e197"
}

.glyphicon-cloud-upload:before {
	content: "\e198"
}

.glyphicon-tree-conifer:before {
	content: "\e199"
}

.glyphicon-tree-deciduous:before {
	content: "\e200"
}

.glyphicon-cd:before {
	content: "\e201"
}

.glyphicon-save-file:before {
	content: "\e202"
}

.glyphicon-open-file:before {
	content: "\e203"
}

.glyphicon-level-up:before {
	content: "\e204"
}

.glyphicon-copy:before {
	content: "\e205"
}

.glyphicon-paste:before {
	content: "\e206"
}

.glyphicon-alert:before {
	content: "\e209"
}

.glyphicon-equalizer:before {
	content: "\e210"
}

.glyphicon-king:before {
	content: "\e211"
}

.glyphicon-queen:before {
	content: "\e212"
}

.glyphicon-pawn:before {
	content: "\e213"
}

.glyphicon-bishop:before {
	content: "\e214"
}

.glyphicon-knight:before {
	content: "\e215"
}

.glyphicon-baby-formula:before {
	content: "\e216"
}

.glyphicon-tent:before {
	content: "\26fa"
}

.glyphicon-blackboard:before {
	content: "\e218"
}

.glyphicon-bed:before {
	content: "\e219"
}

.glyphicon-apple:before {
	content: "\f8ff"
}

.glyphicon-erase:before {
	content: "\e221"
}

.glyphicon-hourglass:before {
	content: "\231b"
}

.glyphicon-lamp:before {
	content: "\e223"
}

.glyphicon-duplicate:before {
	content: "\e224"
}

.glyphicon-piggy-bank:before {
	content: "\e225"
}

.glyphicon-scissors:before {
	content: "\e226"
}

.glyphicon-bitcoin:before {
	content: "\e227"
}

.glyphicon-btc:before {
	content: "\e227"
}

.glyphicon-xbt:before {
	content: "\e227"
}

.glyphicon-yen:before {
	content: "\00a5"
}

.glyphicon-jpy:before {
	content: "\00a5"
}

.glyphicon-ruble:before {
	content: "\20bd"
}

.glyphicon-rub:before {
	content: "\20bd"
}

.glyphicon-scale:before {
	content: "\e230"
}

.glyphicon-ice-lolly:before {
	content: "\e231"
}

.glyphicon-ice-lolly-tasted:before {
	content: "\e232"
}

.glyphicon-education:before {
	content: "\e233"
}

.glyphicon-option-horizontal:before {
	content: "\e234"
}

.glyphicon-option-vertical:before {
	content: "\e235"
}

.glyphicon-menu-hamburger:before {
	content: "\e236"
}

.glyphicon-modal-window:before {
	content: "\e237"
}

.glyphicon-oil:before {
	content: "\e238"
}

.glyphicon-grain:before {
	content: "\e239"
}

.glyphicon-sunglasses:before {
	content: "\e240"
}

.glyphicon-text-size:before {
	content: "\e241"
}

.glyphicon-text-color:before {
	content: "\e242"
}

.glyphicon-text-background:before {
	content: "\e243"
}

.glyphicon-object-align-top:before {
	content: "\e244"
}

.glyphicon-object-align-bottom:before {
	content: "\e245"
}

.glyphicon-object-align-horizontal:before {
	content: "\e246"
}

.glyphicon-object-align-left:before {
	content: "\e247"
}

.glyphicon-object-align-vertical:before {
	content: "\e248"
}

.glyphicon-object-align-right:before {
	content: "\e249"
}

.glyphicon-triangle-right:before {
	content: "\e250"
}

.glyphicon-triangle-left:before {
	content: "\e251"
}

.glyphicon-triangle-bottom:before {
	content: "\e252"
}

.glyphicon-triangle-top:before {
	content: "\e253"
}

.glyphicon-console:before {
	content: "\e254"
}

.glyphicon-superscript:before {
	content: "\e255"
}

.glyphicon-subscript:before {
	content: "\e256"
}

.glyphicon-menu-left:before {
	content: "\e257"
}

.glyphicon-menu-right:before {
	content: "\e258"
}

.glyphicon-menu-down:before {
	content: "\e259"
}

.glyphicon-menu-up:before {
	content: "\e260"
}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

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

html {
	font-size: 10px;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

body {
	font-family: "canto-font","Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 1.42857143;
	color: #333;
	background-color: #fff
}

button, input, select, textarea {
	font-family: inherit;
	font-size: inherit;
	line-height: inherit
}

a {
	color: #337ab7;
	text-decoration: none
}

a:focus, a:hover {
	color: #23527c;
	text-decoration: underline
}

a:focus {
	outline: thin dotted;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px
}

figure {
	margin: 0
}

img {
	vertical-align: middle
}

.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive,
	.thumbnail a>img, .thumbnail>img {
	display: block;
	max-width: 100%;
	height: auto
}

.img-rounded {
	border-radius: 6px
}

.img-thumbnail {
	display: inline-block;
	max-width: 100%;
	height: auto;
	padding: 4px;
	line-height: 1.42857143;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 4px;
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out
}

.img-circle {
	border-radius: 50%
}

hr {
	margin-top: 20px;
	margin-bottom: 20px;
	border: 0;
	border-top: 1px solid #eee
}

.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0
}

.sr-only-focusable:active, .sr-only-focusable:focus {
	position: static;
	width: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	clip: auto
}

[role=button] {
	cursor: pointer
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	font-family: inherit;
	font-weight: 500;
	line-height: 1.1;
	color: inherit
}

.h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, .h4 .small,
	.h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h1 .small, h1 small,
	h2 .small, h2 small, h3 .small, h3 small, h4 .small, h4 small, h5 .small,
	h5 small, h6 .small, h6 small {
	font-weight: 400;
	line-height: 1;
	color: #777
}

.h1, .h2, .h3, h1, h2, h3 {
	margin-top: 20px;
	margin-bottom: 10px
}

.h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, h1 .small,
	h1 small, h2 .small, h2 small, h3 .small, h3 small {
	font-size: 65%
}

.h4, .h5, .h6, h4, h5, h6 {
	margin-top: 10px;
	margin-bottom: 10px
}

.h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h4 .small,
	h4 small, h5 .small, h5 small, h6 .small, h6 small {
	font-size: 75%
}

.h1, h1 {
	font-size: 36px
}

.h2, h2 {
	font-size: 30px
}

.h3, h3 {
	font-size: 24px
}

.h4, h4 {
	font-size: 18px
}

.h5, h5 {
	font-size: 14px
}

.h6, h6 {
	font-size: 12px
}

p {
	margin: 0 0 10px
}

.lead {
	margin-bottom: 20px;
	font-size: 16px;
	font-weight: 300;
	line-height: 1.4
}

@media ( min-width :768px) {
	.lead {
		font-size: 21px
	}
}

.small, small {
	font-size: 85%
}

.mark, mark {
	padding: .2em;
	background-color: #fcf8e3
}

.text-left {
	text-align: left
}

.text-right {
	text-align: right
}

.text-center {
	text-align: center
}

.text-justify {
	text-align: justify
}

.text-nowrap {
	white-space: nowrap
}

.text-lowercase {
	text-transform: lowercase
}

.text-uppercase {
	text-transform: uppercase
}

.text-capitalize {
	text-transform: capitalize
}

.text-muted {
	color: #777
}

.text-primary {
	color: #337ab7
}

a.text-primary:focus, a.text-primary:hover {
	color: #286090
}

.text-success {
	color: #3c763d
}

a.text-success:focus, a.text-success:hover {
	color: #2b542c
}

.text-info {
	color: #31708f
}

a.text-info:focus, a.text-info:hover {
	color: #245269
}

.text-warning {
	color: #8a6d3b
}

a.text-warning:focus, a.text-warning:hover {
	color: #66512c
}

.text-danger {
	color: #a94442
}

a.text-danger:focus, a.text-danger:hover {
	color: #843534
}

.bg-primary {
	color: #fff;
	background-color: #337ab7
}

a.bg-primary:focus, a.bg-primary:hover {
	background-color: #286090
}

.bg-success {
	background-color: #dff0d8
}

a.bg-success:focus, a.bg-success:hover {
	background-color: #c1e2b3
}

.bg-info {
	background-color: #d9edf7
}

a.bg-info:focus, a.bg-info:hover {
	background-color: #afd9ee
}

.bg-warning {
	background-color: #fcf8e3
}

a.bg-warning:focus, a.bg-warning:hover {
	background-color: #f7ecb5
}

.bg-danger {
	background-color: #f2dede
}

a.bg-danger:focus, a.bg-danger:hover {
	background-color: #e4b9b9
}

.page-header {
	padding-bottom: 9px;
	margin: 40px 0 20px;
	border-bottom: 1px solid #eee
}

ol, ul {
	margin-top: 0;
	margin-bottom: 10px
}

ol ol, ol ul, ul ol, ul ul {
	margin-bottom: 0
}

.list-unstyled {
	padding-left: 0;
	list-style: none
}

.list-inline {
	padding-left: 0;
	margin-left: -5px;
	list-style: none
}

.list-inline>li {
	display: inline-block;
	padding-right: 5px;
	padding-left: 5px
}

dl {
	margin-top: 0;
	margin-bottom: 20px
}

dd, dt {
	line-height: 1.42857143
}

dt {
	font-weight: 700
}

dd {
	margin-left: 0
}

@media ( min-width :768px) {
	.dl-horizontal dt {
		float: left;
		width: 160px;
		overflow: hidden;
		clear: left;
		text-align: right;
		text-overflow: ellipsis;
		white-space: nowrap
	}
	.dl-horizontal dd {
		margin-left: 180px
	}
}

abbr[data-original-title], abbr[title] {
	cursor: help;
	border-bottom: 1px dotted #777
}

.initialism {
	font-size: 90%;
	text-transform: uppercase
}

blockquote {
	padding: 10px 20px;
	margin: 0 0 20px;
	font-size: 17.5px;
	border-left: 5px solid #eee
}

blockquote ol:last-child, blockquote p:last-child, blockquote ul:last-child
	{
	margin-bottom: 0
}

blockquote .small, blockquote footer, blockquote small {
	display: block;
	font-size: 80%;
	line-height: 1.42857143;
	color: #777
}

blockquote .small:before, blockquote footer:before, blockquote small:before
	{
	content: '\2014 \00A0'
}

.blockquote-reverse, blockquote.pull-right {
	padding-right: 15px;
	padding-left: 0;
	text-align: right;
	border-right: 5px solid #eee;
	border-left: 0
}

.blockquote-reverse .small:before, .blockquote-reverse footer:before,
	.blockquote-reverse small:before, blockquote.pull-right .small:before,
	blockquote.pull-right footer:before, blockquote.pull-right small:before
	{
	content: ''
}

.blockquote-reverse .small:after, .blockquote-reverse footer:after,
	.blockquote-reverse small:after, blockquote.pull-right .small:after,
	blockquote.pull-right footer:after, blockquote.pull-right small:after {
	content: '\00A0 \2014'
}

address {
	margin-bottom: 20px;
	font-style: normal;
	line-height: 1.42857143
}

code, kbd, pre, samp {
	font-family: Menlo, Monaco, Consolas, "Courier New", monospace
}

code {
	padding: 2px 4px;
	font-size: 90%;
	color: #c7254e;
	background-color: #f9f2f4;
	border-radius: 4px
}

kbd {
	padding: 2px 4px;
	font-size: 90%;
	color: #fff;
	background-color: #333;
	border-radius: 3px;
	-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25);
	box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25)
}

kbd kbd {
	padding: 0;
	font-size: 100%;
	font-weight: 700;
	-webkit-box-shadow: none;
	box-shadow: none
}

pre {
	display: block;
	padding: 9.5px;
	margin: 0 0 10px;
	font-size: 13px;
	line-height: 1.42857143;
	color: #333;
	word-break: break-all;
	word-wrap: break-word;
	background-color: #f5f5f5;
	border: 1px solid #ccc;
	border-radius: 4px
}

pre code {
	padding: 0;
	font-size: inherit;
	color: inherit;
	white-space: pre-wrap;
	background-color: transparent;
	border-radius: 0
}

.pre-scrollable {
	max-height: 340px;
	overflow-y: scroll
}

.container {
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto
}

@media ( min-width :768px) {
	.container {
		width: 750px
	}
}

@media ( min-width :992px) {
	.container {
		width: 970px
	}
}

@media ( min-width :1200px) {
	.container {
		width: 1170px
	}
}

.container-fluid {
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto
}

.row {
	margin-right: -15px;
	margin-left: -15px
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3,
	.col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9,
	.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3,
	.col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9,
	.col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3,
	.col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9,
	.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3,
	.col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px
}

.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3,
	.col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
	float: left
}

.col-xs-12 {
	width: 100%
}

.col-xs-11 {
	width: 91.66666667%
}

.col-xs-10 {
	width: 83.33333333%
}

.col-xs-9 {
	width: 75%
}

.col-xs-8 {
	width: 66.66666667%
}

.col-xs-7 {
	width: 58.33333333%
}

.col-xs-6 {
	width: 50%
}

.col-xs-5 {
	width: 41.66666667%
}

.col-xs-4 {
	width: 33.33333333%
}

.col-xs-3 {
	width: 25%
}

.col-xs-2 {
	width: 16.66666667%
}

.col-xs-1 {
	width: 8.33333333%
}

.col-xs-pull-12 {
	right: 100%
}

.col-xs-pull-11 {
	right: 91.66666667%
}

.col-xs-pull-10 {
	right: 83.33333333%
}

.col-xs-pull-9 {
	right: 75%
}

.col-xs-pull-8 {
	right: 66.66666667%
}

.col-xs-pull-7 {
	right: 58.33333333%
}

.col-xs-pull-6 {
	right: 50%
}

.col-xs-pull-5 {
	right: 41.66666667%
}

.col-xs-pull-4 {
	right: 33.33333333%
}

.col-xs-pull-3 {
	right: 25%
}

.col-xs-pull-2 {
	right: 16.66666667%
}

.col-xs-pull-1 {
	right: 8.33333333%
}

.col-xs-pull-0 {
	right: auto
}

.col-xs-push-12 {
	left: 100%
}

.col-xs-push-11 {
	left: 91.66666667%
}

.col-xs-push-10 {
	left: 83.33333333%
}

.col-xs-push-9 {
	left: 75%
}

.col-xs-push-8 {
	left: 66.66666667%
}

.col-xs-push-7 {
	left: 58.33333333%
}

.col-xs-push-6 {
	left: 50%
}

.col-xs-push-5 {
	left: 41.66666667%
}

.col-xs-push-4 {
	left: 33.33333333%
}

.col-xs-push-3 {
	left: 25%
}

.col-xs-push-2 {
	left: 16.66666667%
}

.col-xs-push-1 {
	left: 8.33333333%
}

.col-xs-push-0 {
	left: auto
}

.col-xs-offset-12 {
	margin-left: 100%
}

.col-xs-offset-11 {
	margin-left: 91.66666667%
}

.col-xs-offset-10 {
	margin-left: 83.33333333%
}

.col-xs-offset-9 {
	margin-left: 75%
}

.col-xs-offset-8 {
	margin-left: 66.66666667%
}

.col-xs-offset-7 {
	margin-left: 58.33333333%
}

.col-xs-offset-6 {
	margin-left: 50%
}

.col-xs-offset-5 {
	margin-left: 41.66666667%
}

.col-xs-offset-4 {
	margin-left: 33.33333333%
}

.col-xs-offset-3 {
	margin-left: 25%
}

.col-xs-offset-2 {
	margin-left: 16.66666667%
}

.col-xs-offset-1 {
	margin-left: 8.33333333%
}

.col-xs-offset-0 {
	margin-left: 0
}

@media ( min-width :768px) {
	.col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3,
		.col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 {
		float: left
	}
	.col-sm-12 {
		width: 100%
	}
	.col-sm-11 {
		width: 91.66666667%
	}
	.col-sm-10 {
		width: 83.33333333%
	}
	.col-sm-9 {
		width: 75%
	}
	.col-sm-8 {
		width: 66.66666667%
	}
	.col-sm-7 {
		width: 58.33333333%
	}
	.col-sm-6 {
		width: 50%
	}
	.col-sm-5 {
		width: 41.66666667%
	}
	.col-sm-4 {
		width: 33.33333333%
	}
	.col-sm-3 {
		width: 25%
	}
	.col-sm-2 {
		width: 16.66666667%
	}
	.col-sm-1 {
		width: 8.33333333%
	}
	.col-sm-pull-12 {
		right: 100%
	}
	.col-sm-pull-11 {
		right: 91.66666667%
	}
	.col-sm-pull-10 {
		right: 83.33333333%
	}
	.col-sm-pull-9 {
		right: 75%
	}
	.col-sm-pull-8 {
		right: 66.66666667%
	}
	.col-sm-pull-7 {
		right: 58.33333333%
	}
	.col-sm-pull-6 {
		right: 50%
	}
	.col-sm-pull-5 {
		right: 41.66666667%
	}
	.col-sm-pull-4 {
		right: 33.33333333%
	}
	.col-sm-pull-3 {
		right: 25%
	}
	.col-sm-pull-2 {
		right: 16.66666667%
	}
	.col-sm-pull-1 {
		right: 8.33333333%
	}
	.col-sm-pull-0 {
		right: auto
	}
	.col-sm-push-12 {
		left: 100%
	}
	.col-sm-push-11 {
		left: 91.66666667%
	}
	.col-sm-push-10 {
		left: 83.33333333%
	}
	.col-sm-push-9 {
		left: 75%
	}
	.col-sm-push-8 {
		left: 66.66666667%
	}
	.col-sm-push-7 {
		left: 58.33333333%
	}
	.col-sm-push-6 {
		left: 50%
	}
	.col-sm-push-5 {
		left: 41.66666667%
	}
	.col-sm-push-4 {
		left: 33.33333333%
	}
	.col-sm-push-3 {
		left: 25%
	}
	.col-sm-push-2 {
		left: 16.66666667%
	}
	.col-sm-push-1 {
		left: 8.33333333%
	}
	.col-sm-push-0 {
		left: auto
	}
	.col-sm-offset-12 {
		margin-left: 100%
	}
	.col-sm-offset-11 {
		margin-left: 91.66666667%
	}
	.col-sm-offset-10 {
		margin-left: 83.33333333%
	}
	.col-sm-offset-9 {
		margin-left: 75%
	}
	.col-sm-offset-8 {
		margin-left: 66.66666667%
	}
	.col-sm-offset-7 {
		margin-left: 58.33333333%
	}
	.col-sm-offset-6 {
		margin-left: 50%
	}
	.col-sm-offset-5 {
		margin-left: 41.66666667%
	}
	.col-sm-offset-4 {
		margin-left: 33.33333333%
	}
	.col-sm-offset-3 {
		margin-left: 25%
	}
	.col-sm-offset-2 {
		margin-left: 16.66666667%
	}
	.col-sm-offset-1 {
		margin-left: 8.33333333%
	}
	.col-sm-offset-0 {
		margin-left: 0
	}
}

@media ( min-width :992px) {
	.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3,
		.col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
		float: left
	}
	.col-md-12 {
		width: 100%
	}
	.col-md-11 {
		width: 91.66666667%
	}
	.col-md-10 {
		width: 83.33333333%
	}
	.col-md-9 {
		width: 75%
	}
	.col-md-8 {
		width: 66.66666667%
	}
	.col-md-7 {
		width: 58.33333333%
	}
	.col-md-6 {
		width: 50%
	}
	.col-md-5 {
		width: 41.66666667%
	}
	.col-md-4 {
		width: 33.33333333%
	}
	.col-md-3 {
		width: 25%
	}
	.col-md-2 {
		width: 16.66666667%
	}
	.col-md-1 {
		width: 8.33333333%
	}
	.col-md-pull-12 {
		right: 100%
	}
	.col-md-pull-11 {
		right: 91.66666667%
	}
	.col-md-pull-10 {
		right: 83.33333333%
	}
	.col-md-pull-9 {
		right: 75%
	}
	.col-md-pull-8 {
		right: 66.66666667%
	}
	.col-md-pull-7 {
		right: 58.33333333%
	}
	.col-md-pull-6 {
		right: 50%
	}
	.col-md-pull-5 {
		right: 41.66666667%
	}
	.col-md-pull-4 {
		right: 33.33333333%
	}
	.col-md-pull-3 {
		right: 25%
	}
	.col-md-pull-2 {
		right: 16.66666667%
	}
	.col-md-pull-1 {
		right: 8.33333333%
	}
	.col-md-pull-0 {
		right: auto
	}
	.col-md-push-12 {
		left: 100%
	}
	.col-md-push-11 {
		left: 91.66666667%
	}
	.col-md-push-10 {
		left: 83.33333333%
	}
	.col-md-push-9 {
		left: 75%
	}
	.col-md-push-8 {
		left: 66.66666667%
	}
	.col-md-push-7 {
		left: 58.33333333%
	}
	.col-md-push-6 {
		left: 50%
	}
	.col-md-push-5 {
		left: 41.66666667%
	}
	.col-md-push-4 {
		left: 33.33333333%
	}
	.col-md-push-3 {
		left: 25%
	}
	.col-md-push-2 {
		left: 16.66666667%
	}
	.col-md-push-1 {
		left: 8.33333333%
	}
	.col-md-push-0 {
		left: auto
	}
	.col-md-offset-12 {
		margin-left: 100%
	}
	.col-md-offset-11 {
		margin-left: 91.66666667%
	}
	.col-md-offset-10 {
		margin-left: 83.33333333%
	}
	.col-md-offset-9 {
		margin-left: 75%
	}
	.col-md-offset-8 {
		margin-left: 66.66666667%
	}
	.col-md-offset-7 {
		margin-left: 58.33333333%
	}
	.col-md-offset-6 {
		margin-left: 50%
	}
	.col-md-offset-5 {
		margin-left: 41.66666667%
	}
	.col-md-offset-4 {
		margin-left: 33.33333333%
	}
	.col-md-offset-3 {
		margin-left: 25%
	}
	.col-md-offset-2 {
		margin-left: 16.66666667%
	}
	.col-md-offset-1 {
		margin-left: 8.33333333%
	}
	.col-md-offset-0 {
		margin-left: 0
	}
}

@media ( min-width :1200px) {
	.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3,
		.col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9 {
		float: left
	}
	.col-lg-12 {
		width: 100%
	}
	.col-lg-11 {
		width: 91.66666667%
	}
	.col-lg-10 {
		width: 83.33333333%
	}
	.col-lg-9 {
		width: 75%
	}
	.col-lg-8 {
		width: 66.66666667%
	}
	.col-lg-7 {
		width: 58.33333333%
	}
	.col-lg-6 {
		width: 50%
	}
	.col-lg-5 {
		width: 41.66666667%
	}
	.col-lg-4 {
		width: 33.33333333%
	}
	.col-lg-3 {
		width: 25%
	}
	.col-lg-2 {
		width: 16.66666667%
	}
	.col-lg-1 {
		width: 8.33333333%
	}
	.col-lg-pull-12 {
		right: 100%
	}
	.col-lg-pull-11 {
		right: 91.66666667%
	}
	.col-lg-pull-10 {
		right: 83.33333333%
	}
	.col-lg-pull-9 {
		right: 75%
	}
	.col-lg-pull-8 {
		right: 66.66666667%
	}
	.col-lg-pull-7 {
		right: 58.33333333%
	}
	.col-lg-pull-6 {
		right: 50%
	}
	.col-lg-pull-5 {
		right: 41.66666667%
	}
	.col-lg-pull-4 {
		right: 33.33333333%
	}
	.col-lg-pull-3 {
		right: 25%
	}
	.col-lg-pull-2 {
		right: 16.66666667%
	}
	.col-lg-pull-1 {
		right: 8.33333333%
	}
	.col-lg-pull-0 {
		right: auto
	}
	.col-lg-push-12 {
		left: 100%
	}
	.col-lg-push-11 {
		left: 91.66666667%
	}
	.col-lg-push-10 {
		left: 83.33333333%
	}
	.col-lg-push-9 {
		left: 75%
	}
	.col-lg-push-8 {
		left: 66.66666667%
	}
	.col-lg-push-7 {
		left: 58.33333333%
	}
	.col-lg-push-6 {
		left: 50%
	}
	.col-lg-push-5 {
		left: 41.66666667%
	}
	.col-lg-push-4 {
		left: 33.33333333%
	}
	.col-lg-push-3 {
		left: 25%
	}
	.col-lg-push-2 {
		left: 16.66666667%
	}
	.col-lg-push-1 {
		left: 8.33333333%
	}
	.col-lg-push-0 {
		left: auto
	}
	.col-lg-offset-12 {
		margin-left: 100%
	}
	.col-lg-offset-11 {
		margin-left: 91.66666667%
	}
	.col-lg-offset-10 {
		margin-left: 83.33333333%
	}
	.col-lg-offset-9 {
		margin-left: 75%
	}
	.col-lg-offset-8 {
		margin-left: 66.66666667%
	}
	.col-lg-offset-7 {
		margin-left: 58.33333333%
	}
	.col-lg-offset-6 {
		margin-left: 50%
	}
	.col-lg-offset-5 {
		margin-left: 41.66666667%
	}
	.col-lg-offset-4 {
		margin-left: 33.33333333%
	}
	.col-lg-offset-3 {
		margin-left: 25%
	}
	.col-lg-offset-2 {
		margin-left: 16.66666667%
	}
	.col-lg-offset-1 {
		margin-left: 8.33333333%
	}
	.col-lg-offset-0 {
		margin-left: 0
	}
}

table {
	background-color: transparent
}

caption {
	padding-top: 8px;
	padding-bottom: 8px;
	color: #777;
	text-align: left
}

th {
	text-align: left
}

.table {
	width: 100%;
	max-width: 100%;
	margin-bottom: 20px
}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th,
	.table>thead>tr>td, .table>thead>tr>th {
	padding: 8px;
	line-height: 1.42857143;
	vertical-align: top;
	border-top: 1px solid #ddd
}

.table>thead>tr>th {
	vertical-align: bottom;
	border-bottom: 2px solid #ddd
}

.table>caption+thead>tr:first-child>td, .table>caption+thead>tr:first-child>th,
	.table>colgroup+thead>tr:first-child>td, .table>colgroup+thead>tr:first-child>th,
	.table>thead:first-child>tr:first-child>td, .table>thead:first-child>tr:first-child>th
	{
	border-top: 0
}

.table>tbody+tbody {
	border-top: 2px solid #ddd
}

.table .table {
	background-color: #fff
}

.table-condensed>tbody>tr>td, .table-condensed>tbody>tr>th,
	.table-condensed>tfoot>tr>td, .table-condensed>tfoot>tr>th,
	.table-condensed>thead>tr>td, .table-condensed>thead>tr>th {
	padding: 5px
}

.table-bordered {
	border: 1px solid #ddd
}

.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th,
	.table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th,
	.table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
	border: 1px solid #ddd
}

.table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
	border-bottom-width: 2px
}

.table-striped>tbody>tr:nth-of-type(odd) {
	background-color: #f9f9f9
}

.table-hover>tbody>tr:hover {
	background-color: #f5f5f5
}

table col[class*=col-] {
	position: static;
	display: table-column;
	float: none
}

table td[class*=col-], table th[class*=col-] {
	position: static;
	display: table-cell;
	float: none
}

.table>tbody>tr.active>td, .table>tbody>tr.active>th, .table>tbody>tr>td.active,
	.table>tbody>tr>th.active, .table>tfoot>tr.active>td, .table>tfoot>tr.active>th,
	.table>tfoot>tr>td.active, .table>tfoot>tr>th.active, .table>thead>tr.active>td,
	.table>thead>tr.active>th, .table>thead>tr>td.active, .table>thead>tr>th.active
	{
	background-color: #f5f5f5
}

.table-hover>tbody>tr.active:hover>td, .table-hover>tbody>tr.active:hover>th,
	.table-hover>tbody>tr:hover>.active, .table-hover>tbody>tr>td.active:hover,
	.table-hover>tbody>tr>th.active:hover {
	background-color: #e8e8e8
}

.table>tbody>tr.success>td, .table>tbody>tr.success>th, .table>tbody>tr>td.success,
	.table>tbody>tr>th.success, .table>tfoot>tr.success>td, .table>tfoot>tr.success>th,
	.table>tfoot>tr>td.success, .table>tfoot>tr>th.success, .table>thead>tr.success>td,
	.table>thead>tr.success>th, .table>thead>tr>td.success, .table>thead>tr>th.success
	{
	background-color: #dff0d8
}

.table-hover>tbody>tr.success:hover>td, .table-hover>tbody>tr.success:hover>th,
	.table-hover>tbody>tr:hover>.success, .table-hover>tbody>tr>td.success:hover,
	.table-hover>tbody>tr>th.success:hover {
	background-color: #d0e9c6
}

.table>tbody>tr.info>td, .table>tbody>tr.info>th, .table>tbody>tr>td.info,
	.table>tbody>tr>th.info, .table>tfoot>tr.info>td, .table>tfoot>tr.info>th,
	.table>tfoot>tr>td.info, .table>tfoot>tr>th.info, .table>thead>tr.info>td,
	.table>thead>tr.info>th, .table>thead>tr>td.info, .table>thead>tr>th.info
	{
	background-color: #d9edf7
}

.table-hover>tbody>tr.info:hover>td, .table-hover>tbody>tr.info:hover>th,
	.table-hover>tbody>tr:hover>.info, .table-hover>tbody>tr>td.info:hover,
	.table-hover>tbody>tr>th.info:hover {
	background-color: #c4e3f3
}

.table>tbody>tr.warning>td, .table>tbody>tr.warning>th, .table>tbody>tr>td.warning,
	.table>tbody>tr>th.warning, .table>tfoot>tr.warning>td, .table>tfoot>tr.warning>th,
	.table>tfoot>tr>td.warning, .table>tfoot>tr>th.warning, .table>thead>tr.warning>td,
	.table>thead>tr.warning>th, .table>thead>tr>td.warning, .table>thead>tr>th.warning
	{
	background-color: #fcf8e3
}

.table-hover>tbody>tr.warning:hover>td, .table-hover>tbody>tr.warning:hover>th,
	.table-hover>tbody>tr:hover>.warning, .table-hover>tbody>tr>td.warning:hover,
	.table-hover>tbody>tr>th.warning:hover {
	background-color: #faf2cc
}

.table>tbody>tr.danger>td, .table>tbody>tr.danger>th, .table>tbody>tr>td.danger,
	.table>tbody>tr>th.danger, .table>tfoot>tr.danger>td, .table>tfoot>tr.danger>th,
	.table>tfoot>tr>td.danger, .table>tfoot>tr>th.danger, .table>thead>tr.danger>td,
	.table>thead>tr.danger>th, .table>thead>tr>td.danger, .table>thead>tr>th.danger
	{
	background-color: #f2dede
}

.table-hover>tbody>tr.danger:hover>td, .table-hover>tbody>tr.danger:hover>th,
	.table-hover>tbody>tr:hover>.danger, .table-hover>tbody>tr>td.danger:hover,
	.table-hover>tbody>tr>th.danger:hover {
	background-color: #ebcccc
}

.table-responsive {
	min-height: .01%;
	overflow-x: auto
}

@media screen and (max-width:767px) {
	.table-responsive {
		width: 100%;
		margin-bottom: 15px;
		overflow-y: hidden;
		-ms-overflow-style: -ms-autohiding-scrollbar;
		border: 1px solid #ddd
	}
	.table-responsive>.table {
		margin-bottom: 0
	}
	.table-responsive>.table>tbody>tr>td, .table-responsive>.table>tbody>tr>th,
		.table-responsive>.table>tfoot>tr>td, .table-responsive>.table>tfoot>tr>th,
		.table-responsive>.table>thead>tr>td, .table-responsive>.table>thead>tr>th
		{
		white-space: nowrap
	}
	.table-responsive>.table-bordered {
		border: 0
	}
	.table-responsive>.table-bordered>tbody>tr>td:first-child,
		.table-responsive>.table-bordered>tbody>tr>th:first-child,
		.table-responsive>.table-bordered>tfoot>tr>td:first-child,
		.table-responsive>.table-bordered>tfoot>tr>th:first-child,
		.table-responsive>.table-bordered>thead>tr>td:first-child,
		.table-responsive>.table-bordered>thead>tr>th:first-child {
		border-left: 0
	}
	.table-responsive>.table-bordered>tbody>tr>td:last-child,
		.table-responsive>.table-bordered>tbody>tr>th:last-child,
		.table-responsive>.table-bordered>tfoot>tr>td:last-child,
		.table-responsive>.table-bordered>tfoot>tr>th:last-child,
		.table-responsive>.table-bordered>thead>tr>td:last-child,
		.table-responsive>.table-bordered>thead>tr>th:last-child {
		border-right: 0
	}
	.table-responsive>.table-bordered>tbody>tr:last-child>td,
		.table-responsive>.table-bordered>tbody>tr:last-child>th,
		.table-responsive>.table-bordered>tfoot>tr:last-child>td,
		.table-responsive>.table-bordered>tfoot>tr:last-child>th {
		border-bottom: 0
	}
}

fieldset {
	min-width: 0;
	padding: 0;
	margin: 0;
	border: 0
}

legend {
	display: block;
	width: 100%;
	padding: 0;
	margin-bottom: 20px;
	font-size: 21px;
	line-height: inherit;
	color: #333;
	border: 0;
	border-bottom: 1px solid #e5e5e5
}

label {
	display: inline-block;
	max-width: 100%;
	margin-bottom: 5px;
	font-weight: 700
}

input[type=search] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

input[type=checkbox], input[type=radio] {
	margin: 4px 0 0;
	margin-top: 1px\9;
	line-height: normal
}

input[type=file] {
	display: block
}

input[type=range] {
	display: block;
	width: 100%
}

select[multiple], select[size] {
	height: auto
}

input[type=file]:focus, input[type=checkbox]:focus, input[type=radio]:focus
	{
	outline: thin dotted;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px
}

output {
	display: block;
	padding-top: 7px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555
}

.form-control {
	display: block;
	width: 100%;
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow
		ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out
		.15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

.form-control:focus {
	border-color: #66afe9;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px
		rgba(102, 175, 233, .6);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px
		rgba(102, 175, 233, .6)
}

.form-control::-moz-placeholder {
	color: #999;
	opacity: 1
}

.form-control:-ms-input-placeholder {
	color: #999
}

.form-control::-webkit-input-placeholder {
	color: #999
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control
	{
	background-color: #eee;
	opacity: 1
}

.form-control[disabled], fieldset[disabled] .form-control {
	cursor: not-allowed
}

textarea.form-control {
	height: auto
}

input[type=search] {
	-webkit-appearance: none
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	input[type=date].form-control, input[type=time].form-control, input[type=datetime-local].form-control,
		input[type=month].form-control {
		line-height: 34px
	}
	.input-group-sm input[type=date], .input-group-sm input[type=time],
		.input-group-sm input[type=datetime-local], .input-group-sm input[type=month],
		input[type=date].input-sm, input[type=time].input-sm, input[type=datetime-local].input-sm,
		input[type=month].input-sm {
		line-height: 30px
	}
	.input-group-lg input[type=date], .input-group-lg input[type=time],
		.input-group-lg input[type=datetime-local], .input-group-lg input[type=month],
		input[type=date].input-lg, input[type=time].input-lg, input[type=datetime-local].input-lg,
		input[type=month].input-lg {
		line-height: 46px
	}
}

.form-group {
	margin-bottom: 15px
}

.checkbox, .radio {
	position: relative;
	display: block;
	margin-top: 10px;
	margin-bottom: 10px
}

.checkbox label, .radio label {
	min-height: 20px;
	padding-left: 20px;
	margin-bottom: 0;
	font-weight: 400;
	cursor: pointer
}

.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox],
	.radio input[type=radio], .radio-inline input[type=radio] {
	position: absolute;
	margin-top: 4px\9;
	margin-left: -20px
}

.checkbox+.checkbox, .radio+.radio {
	margin-top: -5px
}

.checkbox-inline, .radio-inline {
	position: relative;
	display: inline-block;
	padding-left: 20px;
	margin-bottom: 0;
	font-weight: 400;
	vertical-align: middle;
	cursor: pointer
}

.checkbox-inline+.checkbox-inline, .radio-inline+.radio-inline {
	margin-top: 0;
	margin-left: 10px
}

fieldset[disabled] input[type=checkbox], fieldset[disabled] input[type=radio],
	input[type=checkbox].disabled, input[type=checkbox][disabled], input[type=radio].disabled,
	input[type=radio][disabled] {
	cursor: not-allowed
}

.checkbox-inline.disabled, .radio-inline.disabled, fieldset[disabled] .checkbox-inline,
	fieldset[disabled] .radio-inline {
	cursor: not-allowed
}

.checkbox.disabled label, .radio.disabled label, fieldset[disabled] .checkbox label,
	fieldset[disabled] .radio label {
	cursor: not-allowed
}

.form-control-static {
	min-height: 34px;
	padding-top: 7px;
	padding-bottom: 7px;
	margin-bottom: 0
}

.form-control-static.input-lg, .form-control-static.input-sm {
	padding-right: 0;
	padding-left: 0
}

.input-sm {
	height: 30px;
	padding: 5px 10px;
	font-size: 12px;
	line-height: 1.5;
	border-radius: 3px
}

select.input-sm {
	height: 30px;
	line-height: 30px
}

select[multiple].input-sm, textarea.input-sm {
	height: auto
}

.form-group-sm .form-control {
	height: 30px;
	padding: 5px 10px;
	font-size: 12px;
	line-height: 1.5;
	border-radius: 3px
}

.form-group-sm select.form-control {
	height: 30px;
	line-height: 30px
}

.form-group-sm select[multiple].form-control, .form-group-sm textarea.form-control
	{
	height: auto
}

.form-group-sm .form-control-static {
	height: 30px;
	min-height: 32px;
	padding: 6px 10px;
	font-size: 12px;
	line-height: 1.5
}

.input-lg {
	height: 46px;
	padding: 10px 16px;
	font-size: 18px;
	line-height: 1.3333333;
	border-radius: 6px
}

select.input-lg {
	height: 46px;
	line-height: 46px
}

select[multiple].input-lg, textarea.input-lg {
	height: auto
}

.form-group-lg .form-control {
	height: 46px;
	padding: 10px 16px;
	font-size: 18px;
	line-height: 1.3333333;
	border-radius: 6px
}

.form-group-lg select.form-control {
	height: 46px;
	line-height: 46px
}

.form-group-lg select[multiple].form-control, .form-group-lg textarea.form-control
	{
	height: auto
}

.form-group-lg .form-control-static {
	height: 46px;
	min-height: 38px;
	padding: 11px 16px;
	font-size: 18px;
	line-height: 1.3333333
}

.has-feedback {
	position: relative
}

.has-feedback .form-control {
	padding-right: 42.5px
}

.form-control-feedback {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 2;
	display: block;
	width: 34px;
	height: 34px;
	line-height: 34px;
	text-align: center;
	pointer-events: none
}

.form-group-lg .form-control+.form-control-feedback, .input-group-lg+.form-control-feedback,
	.input-lg+.form-control-feedback {
	width: 46px;
	height: 46px;
	line-height: 46px
}

.form-group-sm .form-control+.form-control-feedback, .input-group-sm+.form-control-feedback,
	.input-sm+.form-control-feedback {
	width: 30px;
	height: 30px;
	line-height: 30px
}

.has-success .checkbox, .has-success .checkbox-inline, .has-success .control-label,
	.has-success .help-block, .has-success .radio, .has-success .radio-inline,
	.has-success.checkbox label, .has-success.checkbox-inline label,
	.has-success.radio label, .has-success.radio-inline label {
	color: #3c763d
}

.has-success .form-control {
	border-color: #3c763d;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}

.has-success .form-control:focus {
	border-color: #2b542c;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168
}

.has-success .input-group-addon {
	color: #3c763d;
	background-color: #dff0d8;
	border-color: #3c763d
}

.has-success .form-control-feedback {
	color: #3c763d
}

.has-warning .checkbox, .has-warning .checkbox-inline, .has-warning .control-label,
	.has-warning .help-block, .has-warning .radio, .has-warning .radio-inline,
	.has-warning.checkbox label, .has-warning.checkbox-inline label,
	.has-warning.radio label, .has-warning.radio-inline label {
	color: #8a6d3b
}

.has-warning .form-control {
	border-color: #8a6d3b;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}

.has-warning .form-control:focus {
	border-color: #66512c;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b
}

.has-warning .input-group-addon {
	color: #8a6d3b;
	background-color: #fcf8e3;
	border-color: #8a6d3b
}

.has-warning .form-control-feedback {
	color: #8a6d3b
}

.has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label,
	.has-error .help-block, .has-error .radio, .has-error .radio-inline,
	.has-error.checkbox label, .has-error.checkbox-inline label, .has-error.radio label,
	.has-error.radio-inline label {
	color: #a94442
}

.has-error .form-control {
	border-color: #a94442;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}

.has-error .form-control:focus {
	border-color: #843534;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483
}

.has-error .input-group-addon {
	color: #a94442;
	background-color: #f2dede;
	border-color: #a94442
}

.has-error .form-control-feedback {
	color: #a94442
}

.has-feedback label ~.form-control-feedback {
	top: 25px
}

.has-feedback label.sr-only ~.form-control-feedback {
	top: 0
}

.help-block {
	display: block;
	margin-top: 5px;
	margin-bottom: 10px;
	color: #737373
}

@media ( min-width :768px) {
	.form-inline .form-group {
		display: inline-block;
		margin-bottom: 0;
		vertical-align: middle
	}
	.form-inline .form-control {
		display: inline-block;
		width: auto;
		vertical-align: middle
	}
	.form-inline .form-control-static {
		display: inline-block
	}
	.form-inline .input-group {
		display: inline-table;
		vertical-align: middle
	}
	.form-inline .input-group .form-control, .form-inline .input-group .input-group-addon,
		.form-inline .input-group .input-group-btn {
		width: auto
	}
	.form-inline .input-group>.form-control {
		width: 100%
	}
	.form-inline .control-label {
		margin-bottom: 0;
		vertical-align: middle
	}
	.form-inline .checkbox, .form-inline .radio {
		display: inline-block;
		margin-top: 0;
		margin-bottom: 0;
		vertical-align: middle
	}
	.form-inline .checkbox label, .form-inline .radio label {
		padding-left: 0
	}
	.form-inline .checkbox input[type=checkbox], .form-inline .radio input[type=radio]
		{
		position: relative;
		margin-left: 0
	}
	.form-inline .has-feedback .form-control-feedback {
		top: 0
	}
}

.form-horizontal .checkbox, .form-horizontal .checkbox-inline,
	.form-horizontal .radio, .form-horizontal .radio-inline {
	padding-top: 7px;
	margin-top: 0;
	margin-bottom: 0
}

.form-horizontal .checkbox, .form-horizontal .radio {
	min-height: 27px
}

.form-horizontal .form-group {
	margin-right: -15px;
	margin-left: -15px
}

@media ( min-width :768px) {
	.form-horizontal .control-label {
		padding-top: 7px;
		margin-bottom: 0;
		text-align: right
	}
}

.form-horizontal .has-feedback .form-control-feedback {
	right: 15px
}

@media ( min-width :768px) {
	.form-horizontal .form-group-lg .control-label {
		padding-top: 14.33px;
		font-size: 18px
	}
}

@media ( min-width :768px) {
	.form-horizontal .form-group-sm .control-label {
		padding-top: 6px;
		font-size: 12px
	}
}

.btn {
	display: inline-block;
	padding: 6px 12px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 4px
}

.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus,
	.btn:active:focus, .btn:focus {
	outline: thin dotted;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px
}

.btn.focus, .btn:focus, .btn:hover {
	color: #333;
	text-decoration: none
}

.btn.active, .btn:active {
	background-image: none;
	outline: 0;
	-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}

.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
	cursor: not-allowed;
	filter: alpha(opacity = 65);
	-webkit-box-shadow: none;
	box-shadow: none;
	opacity: .65
}

a.btn.disabled, fieldset[disabled] a.btn {
	pointer-events: none
}

.btn-default {
	color: #333;
	background-color: #fff;
	border-color: #ccc
}

.btn-default.focus, .btn-default:focus {
	color: #333;
	background-color: #e6e6e6;
	border-color: #8c8c8c
}

.btn-default:hover {
	color: #333;
	background-color: #e6e6e6;
	border-color: #adadad
}

.btn-default.active, .btn-default:active, .open>.dropdown-toggle.btn-default
	{
	color: #333;
	background-color: #e6e6e6;
	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 {
	color: #333;
	background-color: #d4d4d4;
	border-color: #8c8c8c
}

.btn-default.active, .btn-default:active, .open>.dropdown-toggle.btn-default
	{
	background-image: none
}

.btn-default.disabled, .btn-default.disabled.active, .btn-default.disabled.focus,
	.btn-default.disabled:active, .btn-default.disabled:focus, .btn-default.disabled:hover,
	.btn-default[disabled], .btn-default[disabled].active, .btn-default[disabled].focus,
	.btn-default[disabled]:active, .btn-default[disabled]:focus,
	.btn-default[disabled]:hover, fieldset[disabled] .btn-default, fieldset[disabled] .btn-default.active,
	fieldset[disabled] .btn-default.focus, fieldset[disabled] .btn-default:active,
	fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:hover
	{
	background-color: #fff;
	border-color: #ccc
}

.btn-default .badge {
	color: #fff;
	background-color: #333
}

.btn-primary {
	color: #fff;
	background-color: #337ab7;
	border-color: #2e6da4
}

.btn-primary.focus, .btn-primary:focus {
	color: #fff;
	background-color: #286090;
	border-color: #122b40
}

.btn-primary:hover {
	color: #fff;
	background-color: #286090;
	border-color: #204d74
}

.btn-primary.active, .btn-primary:active, .open>.dropdown-toggle.btn-primary
	{
	color: #fff;
	background-color: #286090;
	border-color: #204d74
}

.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover,
	.btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover,
	.open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus,
	.open>.dropdown-toggle.btn-primary:hover {
	color: #fff;
	background-color: #204d74;
	border-color: #122b40
}

.btn-primary.active, .btn-primary:active, .open>.dropdown-toggle.btn-primary
	{
	background-image: none
}

.btn-primary.disabled, .btn-primary.disabled.active, .btn-primary.disabled.focus,
	.btn-primary.disabled:active, .btn-primary.disabled:focus, .btn-primary.disabled:hover,
	.btn-primary[disabled], .btn-primary[disabled].active, .btn-primary[disabled].focus,
	.btn-primary[disabled]:active, .btn-primary[disabled]:focus,
	.btn-primary[disabled]:hover, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary.active,
	fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:active,
	fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover
	{
	background-color: #337ab7;
	border-color: #2e6da4
}

.btn-primary .badge {
	color: #337ab7;
	background-color: #fff
}

.btn-success {
	color: #fff;
	background-color: #5cb85c;
	border-color: #4cae4c
}

.btn-success.focus, .btn-success:focus {
	color: #fff;
	background-color: #449d44;
	border-color: #255625
}

.btn-success:hover {
	color: #fff;
	background-color: #449d44;
	border-color: #398439
}

.btn-success.active, .btn-success:active, .open>.dropdown-toggle.btn-success
	{
	color: #fff;
	background-color: #449d44;
	border-color: #398439
}

.btn-success.active.focus, .btn-success.active:focus, .btn-success.active:hover,
	.btn-success:active.focus, .btn-success:active:focus, .btn-success:active:hover,
	.open>.dropdown-toggle.btn-success.focus, .open>.dropdown-toggle.btn-success:focus,
	.open>.dropdown-toggle.btn-success:hover {
	color: #fff;
	background-color: #398439;
	border-color: #255625
}

.btn-success.active, .btn-success:active, .open>.dropdown-toggle.btn-success
	{
	background-image: none
}

.btn-success.disabled, .btn-success.disabled.active, .btn-success.disabled.focus,
	.btn-success.disabled:active, .btn-success.disabled:focus, .btn-success.disabled:hover,
	.btn-success[disabled], .btn-success[disabled].active, .btn-success[disabled].focus,
	.btn-success[disabled]:active, .btn-success[disabled]:focus,
	.btn-success[disabled]:hover, fieldset[disabled] .btn-success, fieldset[disabled] .btn-success.active,
	fieldset[disabled] .btn-success.focus, fieldset[disabled] .btn-success:active,
	fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success:hover
	{
	background-color: #5cb85c;
	border-color: #4cae4c
}

.btn-success .badge {
	color: #5cb85c;
	background-color: #fff
}

.btn-info {
	color: #fff;
	background-color: #5bc0de;
	border-color: #46b8da
}

.btn-info.focus, .btn-info:focus {
	color: #fff;
	background-color: #31b0d5;
	border-color: #1b6d85
}

.btn-info:hover {
	color: #fff;
	background-color: #31b0d5;
	border-color: #269abc
}

.btn-info.active, .btn-info:active, .open>.dropdown-toggle.btn-info {
	color: #fff;
	background-color: #31b0d5;
	border-color: #269abc
}

.btn-info.active.focus, .btn-info.active:focus, .btn-info.active:hover,
	.btn-info:active.focus, .btn-info:active:focus, .btn-info:active:hover,
	.open>.dropdown-toggle.btn-info.focus, .open>.dropdown-toggle.btn-info:focus,
	.open>.dropdown-toggle.btn-info:hover {
	color: #fff;
	background-color: #269abc;
	border-color: #1b6d85
}

.btn-info.active, .btn-info:active, .open>.dropdown-toggle.btn-info {
	background-image: none
}

.btn-info.disabled, .btn-info.disabled.active, .btn-info.disabled.focus,
	.btn-info.disabled:active, .btn-info.disabled:focus, .btn-info.disabled:hover,
	.btn-info[disabled], .btn-info[disabled].active, .btn-info[disabled].focus,
	.btn-info[disabled]:active, .btn-info[disabled]:focus, .btn-info[disabled]:hover,
	fieldset[disabled] .btn-info, fieldset[disabled] .btn-info.active,
	fieldset[disabled] .btn-info.focus, fieldset[disabled] .btn-info:active,
	fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info:hover
	{
	background-color: #5bc0de;
	border-color: #46b8da
}

.btn-info .badge {
	color: #5bc0de;
	background-color: #fff
}

.btn-warning {
	color: #fff;
	background-color: #f0ad4e;
	border-color: #eea236
}

.btn-warning.focus, .btn-warning:focus {
	color: #fff;
	background-color: #ec971f;
	border-color: #985f0d
}

.btn-warning:hover {
	color: #fff;
	background-color: #ec971f;
	border-color: #d58512
}

.btn-warning.active, .btn-warning:active, .open>.dropdown-toggle.btn-warning
	{
	color: #fff;
	background-color: #ec971f;
	border-color: #d58512
}

.btn-warning.active.focus, .btn-warning.active:focus, .btn-warning.active:hover,
	.btn-warning:active.focus, .btn-warning:active:focus, .btn-warning:active:hover,
	.open>.dropdown-toggle.btn-warning.focus, .open>.dropdown-toggle.btn-warning:focus,
	.open>.dropdown-toggle.btn-warning:hover {
	color: #fff;
	background-color: #d58512;
	border-color: #985f0d
}

.btn-warning.active, .btn-warning:active, .open>.dropdown-toggle.btn-warning
	{
	background-image: none
}

.btn-warning.disabled, .btn-warning.disabled.active, .btn-warning.disabled.focus,
	.btn-warning.disabled:active, .btn-warning.disabled:focus, .btn-warning.disabled:hover,
	.btn-warning[disabled], .btn-warning[disabled].active, .btn-warning[disabled].focus,
	.btn-warning[disabled]:active, .btn-warning[disabled]:focus,
	.btn-warning[disabled]:hover, fieldset[disabled] .btn-warning, fieldset[disabled] .btn-warning.active,
	fieldset[disabled] .btn-warning.focus, fieldset[disabled] .btn-warning:active,
	fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning:hover
	{
	background-color: #f0ad4e;
	border-color: #eea236
}

.btn-warning .badge {
	color: #f0ad4e;
	background-color: #fff
}

.btn-danger {
	color: #fff;
	background-color: #d9534f;
	border-color: #d43f3a
}

.btn-danger.focus, .btn-danger:focus {
	color: #fff;
	background-color: #c9302c;
	border-color: #761c19
}

.btn-danger:hover {
	color: #fff;
	background-color: #c9302c;
	border-color: #ac2925
}

.btn-danger.active, .btn-danger:active, .open>.dropdown-toggle.btn-danger
	{
	color: #fff;
	background-color: #c9302c;
	border-color: #ac2925
}

.btn-danger.active.focus, .btn-danger.active:focus, .btn-danger.active:hover,
	.btn-danger:active.focus, .btn-danger:active:focus, .btn-danger:active:hover,
	.open>.dropdown-toggle.btn-danger.focus, .open>.dropdown-toggle.btn-danger:focus,
	.open>.dropdown-toggle.btn-danger:hover {
	color: #fff;
	background-color: #ac2925;
	border-color: #761c19
}

.btn-danger.active, .btn-danger:active, .open>.dropdown-toggle.btn-danger
	{
	background-image: none
}

.btn-danger.disabled, .btn-danger.disabled.active, .btn-danger.disabled.focus,
	.btn-danger.disabled:active, .btn-danger.disabled:focus, .btn-danger.disabled:hover,
	.btn-danger[disabled], .btn-danger[disabled].active, .btn-danger[disabled].focus,
	.btn-danger[disabled]:active, .btn-danger[disabled]:focus, .btn-danger[disabled]:hover,
	fieldset[disabled] .btn-danger, fieldset[disabled] .btn-danger.active,
	fieldset[disabled] .btn-danger.focus, fieldset[disabled] .btn-danger:active,
	fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger:hover
	{
	background-color: #d9534f;
	border-color: #d43f3a
}

.btn-danger .badge {
	color: #d9534f;
	background-color: #fff
}

.btn-link {
	font-weight: 400;
	color: #337ab7;
	border-radius: 0
}

.btn-link, .btn-link.active, .btn-link:active, .btn-link[disabled],
	fieldset[disabled] .btn-link {
	background-color: transparent;
	-webkit-box-shadow: none;
	box-shadow: none
}

.btn-link, .btn-link:active, .btn-link:focus, .btn-link:hover {
	border-color: transparent
}

.btn-link:focus, .btn-link:hover {
	color: #23527c;
	text-decoration: underline;
	background-color: transparent
}

.btn-link[disabled]:focus, .btn-link[disabled]:hover, fieldset[disabled] .btn-link:focus,
	fieldset[disabled] .btn-link:hover {
	color: #777;
	text-decoration: none
}

.btn-group-lg>.btn, .btn-lg {
	padding: 10px 16px;
	font-size: 18px;
	line-height: 1.3333333;
	border-radius: 6px
}

.btn-group-sm>.btn, .btn-sm {
	padding: 5px 10px;
	font-size: 12px;
	line-height: 1.5;
	border-radius: 3px
}

.btn-group-xs>.btn, .btn-xs {
	padding: 1px 5px;
	font-size: 12px;
	line-height: 1.5;
	border-radius: 3px
}

.btn-block {
	display: block;
	width: 100%
}

.btn-block+.btn-block {
	margin-top: 5px
}

input[type=button].btn-block, input[type=reset].btn-block, input[type=submit].btn-block
	{
	width: 100%
}

.fade {
	opacity: 0;
	-webkit-transition: opacity .15s linear;
	-o-transition: opacity .15s linear;
	transition: opacity .15s linear
}

.fade.in {
	opacity: 1
}

.collapse {
	display: none
}

.collapse.in {
	display: block
}

tr.collapse.in {
	display: table-row
}

tbody.collapse.in {
	display: table-row-group
}

.collapsing {
	position: relative;
	height: 0;
	overflow: hidden;
	-webkit-transition-timing-function: ease;
	-o-transition-timing-function: ease;
	transition-timing-function: ease;
	-webkit-transition-duration: .35s;
	-o-transition-duration: .35s;
	transition-duration: .35s;
	-webkit-transition-property: height, visibility;
	-o-transition-property: height, visibility;
	transition-property: height, visibility
}

.caret {
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: 2px;
	vertical-align: middle;
	border-top: 4px dashed;
	border-top: 4px solid\9;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent
}

.dropdown, .dropup {
	position: relative
}

.dropdown-toggle:focus {
	outline: 0
}

.dropdown-menu {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;
	display: none;
	float: left;
	min-width: 160px;
	padding: 5px 0;
	margin: 2px 0 0;
	font-size: 14px;
	text-align: left;
	list-style: none;
	background-color: #fff;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: 1px solid #ccc;
	border: 1px solid rgba(0, 0, 0, .15);
	border-radius: 4px;
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
	box-shadow: 0 6px 12px rgba(0, 0, 0, .175)
}

.dropdown-menu.pull-right {
	right: 0;
	left: auto
}

.dropdown-menu .divider {
	height: 1px;
	margin: 9px 0;
	overflow: hidden;
	background-color: #e5e5e5
}

.dropdown-menu>li>a {
	display: block;
	padding: 3px 20px;
	clear: both;
	font-weight: 400;
	line-height: 1.42857143;
	color: #333;
	white-space: nowrap
}

.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
	color: #262626;
	text-decoration: none;
	background-color: #f5f5f5
}

.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover
	{
	color: #fff;
	text-decoration: none;
	background-color: #337ab7;
	outline: 0
}

.dropdown-menu>.disabled>a, .dropdown-menu>.disabled>a:focus,
	.dropdown-menu>.disabled>a:hover {
	color: #777
}

.dropdown-menu>.disabled>a:focus, .dropdown-menu>.disabled>a:hover {
	text-decoration: none;
	cursor: not-allowed;
	background-color: transparent;
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false)
}

.open>.dropdown-menu {
	display: block
}

.open>a {
	outline: 0
}

.dropdown-menu-right {
	right: 0;
	left: auto
}

.dropdown-menu-left {
	right: auto;
	left: 0
}

.dropdown-header {
	display: block;
	padding: 3px 20px;
	font-size: 12px;
	line-height: 1.42857143;
	color: #777;
	white-space: nowrap
}

.dropdown-backdrop {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 990
}

.pull-right>.dropdown-menu {
	right: 0;
	left: auto
}

.dropup .caret, .navbar-fixed-bottom .dropdown .caret {
	content: "";
	border-top: 0;
	border-bottom: 4px dashed;
	border-bottom: 4px solid\9
}

.dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu {
	top: auto;
	bottom: 100%;
	margin-bottom: 2px
}

@media ( min-width :768px) {
	.navbar-right .dropdown-menu {
		right: 0;
		left: auto
	}
	.navbar-right .dropdown-menu-left {
		right: auto;
		left: 0
	}
}

.btn-group, .btn-group-vertical {
	position: relative;
	display: inline-block;
	vertical-align: middle
}

.btn-group-vertical>.btn, .btn-group>.btn {
	position: relative;
	float: left
}

.btn-group-vertical>.btn.active, .btn-group-vertical>.btn:active,
	.btn-group-vertical>.btn:focus, .btn-group-vertical>.btn:hover,
	.btn-group>.btn.active, .btn-group>.btn:active, .btn-group>.btn:focus,
	.btn-group>.btn:hover {
	z-index: 2
}

.btn-group .btn+.btn, .btn-group .btn+.btn-group, .btn-group .btn-group+.btn,
	.btn-group .btn-group+.btn-group {
	margin-left: -1px
}

.btn-toolbar {
	margin-left: -5px
}

.btn-toolbar .btn, .btn-toolbar .btn-group, .btn-toolbar .input-group {
	float: left
}

.btn-toolbar>.btn, .btn-toolbar>.btn-group, .btn-toolbar>.input-group {
	margin-left: 5px
}

.btn-group>.btn:not (:first-child ):not (:last-child ):not (.dropdown-toggle
	){
	border-radius: 0
}

.btn-group>.btn:first-child {
	margin-left: 0
}

.btn-group>.btn:first-child:not (:last-child ):not (.dropdown-toggle ){
	border-top-right-radius: 0;
	border-bottom-right-radius: 0
}

.btn-group>.btn:last-child:not (:first-child ), .btn-group>.dropdown-toggle:not
	(:first-child ){
	border-top-left-radius: 0;
	border-bottom-left-radius: 0
}

.btn-group>.btn-group {
	float: left
}

.btn-group>.btn-group:not (:first-child ):not (:last-child )>.btn {
	border-radius: 0
}

.btn-group>.btn-group:first-child:not (:last-child )>.btn:last-child,
	.btn-group>.btn-group:first-child:not (:last-child )>.dropdown-toggle {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0
}

.btn-group>.btn-group:last-child:not (:first-child )>.btn:first-child {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0
}

.btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle {
	outline: 0
}

.btn-group>.btn+.dropdown-toggle {
	padding-right: 8px;
	padding-left: 8px
}

.btn-group>.btn-lg+.dropdown-toggle {
	padding-right: 12px;
	padding-left: 12px
}

.btn-group.open .dropdown-toggle {
	-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}

.btn-group.open .dropdown-toggle.btn-link {
	-webkit-box-shadow: none;
	box-shadow: none
}

.btn .caret {
	margin-left: 0
}

.btn-lg .caret {
	border-width: 5px 5px 0;
	border-bottom-width: 0
}

.dropup .btn-lg .caret {
	border-width: 0 5px 5px
}

.btn-group-vertical>.btn, .btn-group-vertical>.btn-group,
	.btn-group-vertical>.btn-group>.btn {
	display: block;
	float: none;
	width: 100%;
	max-width: 100%
}

.btn-group-vertical>.btn-group>.btn {
	float: none
}

.btn-group-vertical>.btn+.btn, .btn-group-vertical>.btn+.btn-group,
	.btn-group-vertical>.btn-group+.btn, .btn-group-vertical>.btn-group+.btn-group
	{
	margin-top: -1px;
	margin-left: 0
}

.btn-group-vertical>.btn:not (:first-child ):not (:last-child ){
	border-radius: 0
}

.btn-group-vertical>.btn:first-child:not (:last-child ){
	border-top-right-radius: 4px;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0
}

.btn-group-vertical>.btn:last-child:not (:first-child ){
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-bottom-left-radius: 4px
}

.btn-group-vertical>.btn-group:not (:first-child ):not (:last-child )>.btn
	{
	border-radius: 0
}

.btn-group-vertical>.btn-group:first-child:not (:last-child )>.btn:last-child,
	.btn-group-vertical>.btn-group:first-child:not (:last-child )>.dropdown-toggle
	{
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0
}

.btn-group-vertical>.btn-group:last-child:not (:first-child )>.btn:first-child
	{
	border-top-left-radius: 0;
	border-top-right-radius: 0
}

.btn-group-justified {
	display: table;
	width: 100%;
	table-layout: fixed;
	border-collapse: separate
}

.btn-group-justified>.btn, .btn-group-justified>.btn-group {
	display: table-cell;
	float: none;
	width: 1%
}

.btn-group-justified>.btn-group .btn {
	width: 100%
}

.btn-group-justified>.btn-group .dropdown-menu {
	left: auto
}

[data-toggle=buttons]>.btn input[type=checkbox], [data-toggle=buttons]>.btn input[type=radio],
	[data-toggle=buttons]>.btn-group>.btn input[type=checkbox], [data-toggle=buttons]>.btn-group>.btn input[type=radio]
	{
	position: absolute;
	clip: rect(0, 0, 0, 0);
	pointer-events: none
}

.input-group {
	position: relative;
	display: table;
	border-collapse: separate
}

.input-group[class*=col-] {
	float: none;
	padding-right: 0;
	padding-left: 0
}

.input-group .form-control {
	position: relative;
	z-index: 2;
	float: left;
	width: 100%;
	margin-bottom: 0
}

.input-group-lg>.form-control, .input-group-lg>.input-group-addon,
	.input-group-lg>.input-group-btn>.btn {
	height: 46px;
	padding: 10px 16px;
	font-size: 18px;
	line-height: 1.3333333;
	border-radius: 6px
}

select.input-group-lg>.form-control, select.input-group-lg>.input-group-addon,
	select.input-group-lg>.input-group-btn>.btn {
	height: 46px;
	line-height: 46px
}

select[multiple].input-group-lg>.form-control, select[multiple].input-group-lg>.input-group-addon,
	select[multiple].input-group-lg>.input-group-btn>.btn, textarea.input-group-lg>.form-control,
	textarea.input-group-lg>.input-group-addon, textarea.input-group-lg>.input-group-btn>.btn
	{
	height: auto
}

.input-group-sm>.form-control, .input-group-sm>.input-group-addon,
	.input-group-sm>.input-group-btn>.btn {
	height: 30px;
	padding: 5px 10px;
	font-size: 12px;
	line-height: 1.5;
	border-radius: 3px
}

select.input-group-sm>.form-control, select.input-group-sm>.input-group-addon,
	select.input-group-sm>.input-group-btn>.btn {
	height: 30px;
	line-height: 30px
}

select[multiple].input-group-sm>.form-control, select[multiple].input-group-sm>.input-group-addon,
	select[multiple].input-group-sm>.input-group-btn>.btn, textarea.input-group-sm>.form-control,
	textarea.input-group-sm>.input-group-addon, textarea.input-group-sm>.input-group-btn>.btn
	{
	height: auto
}

.input-group .form-control, .input-group-addon, .input-group-btn {
	display: table-cell
}

.input-group .form-control:not (:first-child ):not (:last-child ),
	.input-group-addon:not (:first-child ):not (:last-child ),
	.input-group-btn:not (:first-child ):not (:last-child ){
	border-radius: 0
}

.input-group-addon, .input-group-btn {
	width: 1%;
	white-space: nowrap;
	vertical-align: middle
}

.input-group-addon {
	padding: 6px 12px;
	font-size: 14px;
	font-weight: 400;
	line-height: 1;
	color: #555;
	text-align: center;
	background-color: #eee;
	border: 1px solid #ccc;
	border-radius: 4px
}

.input-group-addon.input-sm {
	padding: 5px 10px;
	font-size: 12px;
	border-radius: 3px
}

.input-group-addon.input-lg {
	padding: 10px 16px;
	font-size: 18px;
	border-radius: 6px
}

.input-group-addon input[type=checkbox], .input-group-addon input[type=radio]
	{
	margin-top: 0
}

.input-group .form-control:first-child, .input-group-addon:first-child,
	.input-group-btn:first-child>.btn, .input-group-btn:first-child>.btn-group>.btn,
	.input-group-btn:first-child>.dropdown-toggle, .input-group-btn:last-child>.btn-group:not
	(:last-child )>.btn, .input-group-btn:last-child>.btn:not (:last-child
	):not (.dropdown-toggle ){
	border-top-right-radius: 0;
	border-bottom-right-radius: 0
}

.input-group-addon:first-child {
	border-right: 0
}

.input-group .form-control:last-child, .input-group-addon:last-child,
	.input-group-btn:first-child>.btn-group:not (:first-child )>.btn,
	.input-group-btn:first-child>.btn:not (:first-child ), .input-group-btn:last-child>.btn,
	.input-group-btn:last-child>.btn-group>.btn, .input-group-btn:last-child>.dropdown-toggle
	{
	border-top-left-radius: 0;
	border-bottom-left-radius: 0
}

.input-group-addon:last-child {
	border-left: 0
}

.input-group-btn {
	position: relative;
	font-size: 0;
	white-space: nowrap
}

.input-group-btn>.btn {
	position: relative
}

.input-group-btn>.btn+.btn {
	margin-left: -1px
}

.input-group-btn>.btn:active, .input-group-btn>.btn:focus,
	.input-group-btn>.btn:hover {
	z-index: 2
}

.input-group-btn:first-child>.btn, .input-group-btn:first-child>.btn-group
	{
	margin-right: -1px
}

.input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group
	{
	z-index: 2;
	margin-left: -1px
}

.nav {
	padding-left: 0;
	margin-bottom: 0;
	list-style: none
}

.nav>li {
	position: relative;
	display: block
}

.nav>li>a {
	position: relative;
	display: block;
	padding: 10px 15px
}

.nav>li>a:focus, .nav>li>a:hover {
	text-decoration: none;
	background-color: #eee
}

.nav>li.disabled>a {
	color: #777
}

.nav>li.disabled>a:focus, .nav>li.disabled>a:hover {
	color: #777;
	text-decoration: none;
	cursor: not-allowed;
	background-color: transparent
}

.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
	background-color: #eee;
	border-color: #337ab7
}

.nav .nav-divider {
	height: 1px;
	margin: 9px 0;
	overflow: hidden;
	background-color: #e5e5e5
}

.nav>li>a>img {
	max-width: none
}

.nav-tabs {
	border-bottom: 1px solid #ddd
}

.nav-tabs>li {
	float: left;
	margin-bottom: -1px
}

.nav-tabs>li>a {
	margin-right: 2px;
	line-height: 1.42857143;
	border: 1px solid transparent;
	border-radius: 4px 4px 0 0
}

.nav-tabs>li>a:hover {
	border-color: #eee #eee #ddd
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover
	{
	color: #555;
	cursor: default;
	background-color: #fff;
	border: 1px solid #ddd;
	border-bottom-color: transparent
}

.nav-tabs.nav-justified {
	width: 100%;
	border-bottom: 0
}

.nav-tabs.nav-justified>li {
	float: none
}

.nav-tabs.nav-justified>li>a {
	margin-bottom: 5px;
	text-align: center
}

.nav-tabs.nav-justified>.dropdown .dropdown-menu {
	top: auto;
	left: auto
}

@media ( min-width :768px) {
	.nav-tabs.nav-justified>li {
		display: table-cell;
		width: 1%
	}
	.nav-tabs.nav-justified>li>a {
		margin-bottom: 0
	}
}

.nav-tabs.nav-justified>li>a {
	margin-right: 0;
	border-radius: 4px
}

.nav-tabs.nav-justified>.active>a, .nav-tabs.nav-justified>.active>a:focus,
	.nav-tabs.nav-justified>.active>a:hover {
	border: 1px solid #ddd
}

@media ( min-width :768px) {
	.nav-tabs.nav-justified>li>a {
		border-bottom: 1px solid #ddd;
		border-radius: 4px 4px 0 0
	}
	.nav-tabs.nav-justified>.active>a, .nav-tabs.nav-justified>.active>a:focus,
		.nav-tabs.nav-justified>.active>a:hover {
		border-bottom-color: #fff
	}
}

.nav-pills>li {
	float: left
}

.nav-pills>li>a {
	border-radius: 4px
}

.nav-pills>li+li {
	margin-left: 2px
}

.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover
	{
	color: #fff;
	background-color: #337ab7
}

.nav-stacked>li {
	float: none
}

.nav-stacked>li+li {
	margin-top: 2px;
	margin-left: 0
}

.nav-justified {
	width: 100%
}

.nav-justified>li {
	float: none
}

.nav-justified>li>a {
	margin-bottom: 5px;
	text-align: center
}

.nav-justified>.dropdown .dropdown-menu {
	top: auto;
	left: auto
}

@media ( min-width :768px) {
	.nav-justified>li {
		display: table-cell;
		width: 1%
	}
	.nav-justified>li>a {
		margin-bottom: 0
	}
}

.nav-tabs-justified {
	border-bottom: 0
}

.nav-tabs-justified>li>a {
	margin-right: 0;
	border-radius: 4px
}

.nav-tabs-justified>.active>a, .nav-tabs-justified>.active>a:focus,
	.nav-tabs-justified>.active>a:hover {
	border: 1px solid #ddd
}

@media ( min-width :768px) {
	.nav-tabs-justified>li>a {
		border-bottom: 1px solid #ddd;
		border-radius: 4px 4px 0 0
	}
	.nav-tabs-justified>.active>a, .nav-tabs-justified>.active>a:focus,
		.nav-tabs-justified>.active>a:hover {
		border-bottom-color: #fff
	}
}

.tab-content>.tab-pane {
	display: none
}

.tab-content>.active {
	display: block
}

.nav-tabs .dropdown-menu {
	margin-top: -1px;
	border-top-left-radius: 0;
	border-top-right-radius: 0
}

.navbar {
	position: relative;
	min-height: 50px;
	margin-bottom: 20px;
	border: 1px solid transparent
}

@media ( min-width :768px) {
	.navbar {
		border-radius: 4px
	}
}

@media ( min-width :768px) {
	.navbar-header {
		float: left
	}
}

.navbar-collapse {
	padding-right: 15px;
	padding-left: 15px;
	overflow-x: visible;
	-webkit-overflow-scrolling: touch;
	border-top: 1px solid transparent;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1)
}

.navbar-collapse.in {
	overflow-y: auto
}

@media ( min-width :768px) {
	.navbar-collapse {
		width: auto;
		border-top: 0;
		-webkit-box-shadow: none;
		box-shadow: none
	}
	.navbar-collapse.collapse {
		display: block !important;
		height: auto !important;
		padding-bottom: 0;
		overflow: visible !important
	}
	.navbar-collapse.in {
		overflow-y: visible
	}
	.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse,
		.navbar-static-top .navbar-collapse {
		padding-right: 0;
		padding-left: 0
	}
}

.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse
	{
	max-height: 340px
}

@media ( max-device-width :480px) and (orientation:landscape) {
	.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse
		{
		max-height: 200px
	}
}

.container-fluid>.navbar-collapse, .container-fluid>.navbar-header,
	.container>.navbar-collapse, .container>.navbar-header {
	margin-right: -15px;
	margin-left: -15px
}

@media ( min-width :768px) {
	.container-fluid>.navbar-collapse, .container-fluid>.navbar-header,
		.container>.navbar-collapse, .container>.navbar-header {
		margin-right: 0;
		margin-left: 0
	}
}

.navbar-static-top {
	z-index: 1000;
	border-width: 0 0 1px
}

@media ( min-width :768px) {
	.navbar-static-top {
		border-radius: 0
	}
}

.navbar-fixed-bottom, .navbar-fixed-top {
	position: fixed;
	right: 0;
	left: 0;
	z-index: 1030
}

@media ( min-width :768px) {
	.navbar-fixed-bottom, .navbar-fixed-top {
		border-radius: 0
	}
}

.navbar-fixed-top {
	top: 0;
	border-width: 0 0 1px
}

.navbar-fixed-bottom {
	bottom: 0;
	margin-bottom: 0;
	border-width: 1px 0 0
}

.navbar-brand {
	float: left;
	height: 50px;
	padding: 15px 15px;
	font-size: 18px;
	line-height: 20px
}

.navbar-brand:focus, .navbar-brand:hover {
	text-decoration: none
}

.navbar-brand>img {
	display: block
}

@media ( min-width :768px) {
	.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand
		{
		margin-left: -15px
	}
}

.navbar-toggle {
	position: relative;
	float: right;
	padding: 9px 10px;
	margin-top: 8px;
	margin-right: 15px;
	margin-bottom: 8px;
	background-color: transparent;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 4px
}

.navbar-toggle:focus {
	outline: 0
}

.navbar-toggle .icon-bar {
	display: block;
	width: 22px;
	height: 2px;
	border-radius: 1px
}

.navbar-toggle .icon-bar+.icon-bar {
	margin-top: 4px
}

@media ( min-width :768px) {
	.navbar-toggle {
		display: none
	}
}

.navbar-nav {
	margin: 7.5px -15px
}

.navbar-nav>li>a {
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 20px
}

@media ( max-width :767px) {
	.navbar-nav .open .dropdown-menu {
		position: static;
		float: none;
		width: auto;
		margin-top: 0;
		background-color: transparent;
		border: 0;
		-webkit-box-shadow: none;
		box-shadow: none
	}
	.navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu>li>a
		{
		padding: 5px 15px 5px 25px
	}
	.navbar-nav .open .dropdown-menu>li>a {
		line-height: 20px
	}
	.navbar-nav .open .dropdown-menu>li>a:focus, .navbar-nav .open .dropdown-menu>li>a:hover
		{
		background-image: none
	}
}

@media ( min-width :768px) {
	.navbar-nav {
		float: left;
		margin: 0
	}
	.navbar-nav>li {
		float: left
	}
	.navbar-nav>li>a {
		padding-top: 15px;
		padding-bottom: 15px
	}
}

.navbar-form {
	padding: 10px 15px;
	margin-top: 8px;
	margin-right: -15px;
	margin-bottom: 8px;
	margin-left: -15px;
	border-top: 1px solid transparent;
	border-bottom: 1px solid transparent;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0
		rgba(255, 255, 255, .1);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0
		rgba(255, 255, 255, .1)
}

@media ( min-width :768px) {
	.navbar-form .form-group {
		display: inline-block;
		margin-bottom: 0;
		vertical-align: middle
	}
	.navbar-form .form-control {
		display: inline-block;
		width: auto;
		vertical-align: middle
	}
	.navbar-form .form-control-static {
		display: inline-block
	}
	.navbar-form .input-group {
		display: inline-table;
		vertical-align: middle
	}
	.navbar-form .input-group .form-control, .navbar-form .input-group .input-group-addon,
		.navbar-form .input-group .input-group-btn {
		width: auto
	}
	.navbar-form .input-group>.form-control {
		width: 100%
	}
	.navbar-form .control-label {
		margin-bottom: 0;
		vertical-align: middle
	}
	.navbar-form .checkbox, .navbar-form .radio {
		display: inline-block;
		margin-top: 0;
		margin-bottom: 0;
		vertical-align: middle
	}
	.navbar-form .checkbox label, .navbar-form .radio label {
		padding-left: 0
	}
	.navbar-form .checkbox input[type=checkbox], .navbar-form .radio input[type=radio]
		{
		position: relative;
		margin-left: 0
	}
	.navbar-form .has-feedback .form-control-feedback {
		top: 0
	}
}

@media ( max-width :767px) {
	.navbar-form .form-group {
		margin-bottom: 5px
	}
	.navbar-form .form-group:last-child {
		margin-bottom: 0
	}
}

@media ( min-width :768px) {
	.navbar-form {
		width: auto;
		padding-top: 0;
		padding-bottom: 0;
		margin-right: 0;
		margin-left: 0;
		border: 0;
		-webkit-box-shadow: none;
		box-shadow: none
	}
}

.navbar-nav>li>.dropdown-menu {
	margin-top: 0;
	border-top-left-radius: 0;
	border-top-right-radius: 0
}

.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu {
	margin-bottom: 0;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0
}

.navbar-btn {
	margin-top: 8px;
	margin-bottom: 8px
}

.navbar-btn.btn-sm {
	margin-top: 10px;
	margin-bottom: 10px
}

.navbar-btn.btn-xs {
	margin-top: 14px;
	margin-bottom: 14px
}

.navbar-text {
	margin-top: 15px;
	margin-bottom: 15px
}

@media ( min-width :768px) {
	.navbar-text {
		float: left;
		margin-right: 15px;
		margin-left: 15px
	}
}

@media ( min-width :768px) {
	.navbar-left {
		float: left !important
	}
	.navbar-right {
		float: right !important;
		margin-right: -15px
	}
	.navbar-right ~.navbar-right {
		margin-right: 0
	}
}

.navbar-default {
	background-color: #f8f8f8;
	border-color: #e7e7e7
}

.navbar-default .navbar-brand {
	color: #777
}

.navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover
	{
	color: #5e5e5e;
	background-color: transparent
}

.navbar-default .navbar-text {
	color: #777
}

.navbar-default .navbar-nav>li>a {
	color: #777
}

.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover
	{
	color: #333;
	background-color: transparent
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus,
	.navbar-default .navbar-nav>.active>a:hover {
	color: #555;
	background-color: #e7e7e7
}

.navbar-default .navbar-nav>.disabled>a, .navbar-default .navbar-nav>.disabled>a:focus,
	.navbar-default .navbar-nav>.disabled>a:hover {
	color: #ccc;
	background-color: transparent
}

.navbar-default .navbar-toggle {
	border-color: #ddd
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover
	{
	background-color: #ddd
}

.navbar-default .navbar-toggle .icon-bar {
	background-color: #888
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
	border-color: #e7e7e7
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus,
	.navbar-default .navbar-nav>.open>a:hover {
	color: #555;
	background-color: #e7e7e7
}

@media ( max-width :767px) {
	.navbar-default .navbar-nav .open .dropdown-menu>li>a {
		color: #777
	}
	.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,
		.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
		color: #333;
		background-color: transparent
	}
	.navbar-default .navbar-nav .open .dropdown-menu>.active>a,
		.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,
		.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover {
		color: #555;
		background-color: #e7e7e7
	}
	.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,
		.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus,
		.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover {
		color: #ccc;
		background-color: transparent
	}
}

.navbar-default .navbar-link {
	color: #777
}

.navbar-default .navbar-link:hover {
	color: #333
}

.navbar-default .btn-link {
	color: #777
}

.navbar-default .btn-link:focus, .navbar-default .btn-link:hover {
	color: #333
}

.navbar-default .btn-link[disabled]:focus, .navbar-default .btn-link[disabled]:hover,
	fieldset[disabled] .navbar-default .btn-link:focus, fieldset[disabled] .navbar-default .btn-link:hover
	{
	color: #ccc
}

.navbar-inverse {
	background-color: #222;
	border-color: #080808
}

.navbar-inverse .navbar-brand {
	color: #9d9d9d
}

.navbar-inverse .navbar-brand:focus, .navbar-inverse .navbar-brand:hover
	{
	color: #fff;
	background-color: transparent
}

.navbar-inverse .navbar-text {
	color: #9d9d9d
}

.navbar-inverse .navbar-nav>li>a {
	color: #9d9d9d
}

.navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover
	{
	color: #fff;
	background-color: transparent
}

.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus,
	.navbar-inverse .navbar-nav>.active>a:hover {
	color: #fff;
	background-color: #080808
}

.navbar-inverse .navbar-nav>.disabled>a, .navbar-inverse .navbar-nav>.disabled>a:focus,
	.navbar-inverse .navbar-nav>.disabled>a:hover {
	color: #444;
	background-color: transparent
}

.navbar-inverse .navbar-toggle {
	border-color: #333
}

.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover
	{
	background-color: #333
}

.navbar-inverse .navbar-toggle .icon-bar {
	background-color: #fff
}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
	border-color: #101010
}

.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus,
	.navbar-inverse .navbar-nav>.open>a:hover {
	color: #fff;
	background-color: #080808
}

@media ( max-width :767px) {
	.navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header {
		border-color: #080808
	}
	.navbar-inverse .navbar-nav .open .dropdown-menu .divider {
		background-color: #080808
	}
	.navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
		color: #9d9d9d
	}
	.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus,
		.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover {
		color: #fff;
		background-color: transparent
	}
	.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,
		.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus,
		.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover {
		color: #fff;
		background-color: #080808
	}
	.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,
		.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus,
		.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover {
		color: #444;
		background-color: transparent
	}
}

.navbar-inverse .navbar-link {
	color: #9d9d9d
}

.navbar-inverse .navbar-link:hover {
	color: #fff
}

.navbar-inverse .btn-link {
	color: #9d9d9d
}

.navbar-inverse .btn-link:focus, .navbar-inverse .btn-link:hover {
	color: #fff
}

.navbar-inverse .btn-link[disabled]:focus, .navbar-inverse .btn-link[disabled]:hover,
	fieldset[disabled] .navbar-inverse .btn-link:focus, fieldset[disabled] .navbar-inverse .btn-link:hover
	{
	color: #444
}

.breadcrumb {
	padding: 8px 15px;
	margin-bottom: 20px;
	list-style: none;
	background-color: #f5f5f5;
	border-radius: 4px
}

.breadcrumb>li {
	display: inline-block
}

.breadcrumb>li+li:before {
	padding: 0 5px;
	color: #ccc;
	content: "/\00a0"
}

.breadcrumb>.active {
	color: #777
}

.pagination {
	display: inline-block;
	padding-left: 0;
	margin: 20px 0;
	border-radius: 4px
}

.pagination>li {
	display: inline
}

.pagination>li>a, .pagination>li>span {
	position: relative;
	float: left;
	padding: 6px 12px;
	margin-left: -1px;
	line-height: 1.42857143;
	color: #337ab7;
	text-decoration: none;
	background-color: #fff;
	border: 1px solid #ddd
}

.pagination>li:first-child>a, .pagination>li:first-child>span {
	margin-left: 0;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px
}

.pagination>li:last-child>a, .pagination>li:last-child>span {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px
}

.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus,
	.pagination>li>span:hover {
	z-index: 3;
	color: #23527c;
	background-color: #eee;
	border-color: #ddd
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover,
	.pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover
	{
	z-index: 2;
	color: #fff;
	cursor: default;
	background-color: #337ab7;
	border-color: #337ab7
}

.pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover,
	.pagination>.disabled>span, .pagination>.disabled>span:focus,
	.pagination>.disabled>span:hover {
	color: #777;
	cursor: not-allowed;
	background-color: #fff;
	border-color: #ddd
}

.pagination-lg>li>a, .pagination-lg>li>span {
	padding: 10px 16px;
	font-size: 18px;
	line-height: 1.3333333
}

.pagination-lg>li:first-child>a, .pagination-lg>li:first-child>span {
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px
}

.pagination-lg>li:last-child>a, .pagination-lg>li:last-child>span {
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px
}

.pagination-sm>li>a, .pagination-sm>li>span {
	padding: 5px 10px;
	font-size: 12px;
	line-height: 1.5
}

.pagination-sm>li:first-child>a, .pagination-sm>li:first-child>span {
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px
}

.pagination-sm>li:last-child>a, .pagination-sm>li:last-child>span {
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px
}

.pager {
	padding-left: 0;
	margin: 20px 0;
	text-align: center;
	list-style: none
}

.pager li {
	display: inline
}

.pager li>a, .pager li>span {
	display: inline-block;
	padding: 5px 14px;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 15px
}

.pager li>a:focus, .pager li>a:hover {
	text-decoration: none;
	background-color: #eee
}

.pager .next>a, .pager .next>span {
	float: right
}

.pager .previous>a, .pager .previous>span {
	float: left
}

.pager .disabled>a, .pager .disabled>a:focus, .pager .disabled>a:hover,
	.pager .disabled>span {
	color: #777;
	cursor: not-allowed;
	background-color: #fff
}

.label {
	display: inline;
	padding: .2em .6em .3em;
	font-size: 75%;
	font-weight: 700;
	line-height: 1;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: .25em
}

a.label:focus, a.label:hover {
	color: #fff;
	text-decoration: none;
	cursor: pointer
}

.label:empty {
	display: none
}

.btn .label {
	position: relative;
	top: -1px
}

.label-default {
	background-color: #777
}

.label-default[href]:focus, .label-default[href]:hover {
	background-color: #5e5e5e
}

.label-primary {
	background-color: #337ab7
}

.label-primary[href]:focus, .label-primary[href]:hover {
	background-color: #286090
}

.label-success {
	background-color: #5cb85c
}

.label-success[href]:focus, .label-success[href]:hover {
	background-color: #449d44
}

.label-info {
	background-color: #5bc0de
}

.label-info[href]:focus, .label-info[href]:hover {
	background-color: #31b0d5
}

.label-warning {
	background-color: #f0ad4e
}

.label-warning[href]:focus, .label-warning[href]:hover {
	background-color: #ec971f
}

.label-danger {
	background-color: #d9534f
}

.label-danger[href]:focus, .label-danger[href]:hover {
	background-color: #c9302c
}

.badge {
	display: inline-block;
	min-width: 10px;
	padding: 3px 7px;
	font-size: 12px;
	font-weight: 700;
	line-height: 1;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	background-color: #777;
	border-radius: 10px
}

.badge:empty {
	display: none
}

.btn .badge {
	position: relative;
	top: -1px
}

.btn-group-xs>.btn .badge, .btn-xs .badge {
	top: 0;
	padding: 1px 5px
}

a.badge:focus, a.badge:hover {
	color: #fff;
	text-decoration: none;
	cursor: pointer
}

.list-group-item.active>.badge, .nav-pills>.active>a>.badge {
	color: #337ab7;
	background-color: #fff
}

.list-group-item>.badge {
	float: right
}

.list-group-item>.badge+.badge {
	margin-right: 5px
}

.nav-pills>li>a>.badge {
	margin-left: 3px
}

.jumbotron {
	padding-top: 30px;
	padding-bottom: 30px;
	margin-bottom: 30px;
	color: inherit;
	background-color: #eee
}

.jumbotron .h1, .jumbotron h1 {
	color: inherit
}

.jumbotron p {
	margin-bottom: 15px;
	font-size: 21px;
	font-weight: 200
}

.jumbotron>hr {
	border-top-color: #d5d5d5
}

.container .jumbotron, .container-fluid .jumbotron {
	border-radius: 6px
}

.jumbotron .container {
	max-width: 100%
}

@media screen and (min-width:768px) {
	.jumbotron {
		padding-top: 48px;
		padding-bottom: 48px
	}
	.container .jumbotron, .container-fluid .jumbotron {
		padding-right: 60px;
		padding-left: 60px
	}
	.jumbotron .h1, .jumbotron h1 {
		font-size: 63px
	}
}

.thumbnail {
	display: block;
	padding: 4px;
	margin-bottom: 20px;
	line-height: 1.42857143;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 4px;
	-webkit-transition: border .2s ease-in-out;
	-o-transition: border .2s ease-in-out;
	transition: border .2s ease-in-out
}

.thumbnail a>img, .thumbnail>img {
	margin-right: auto;
	margin-left: auto
}

a.thumbnail.active, a.thumbnail:focus, a.thumbnail:hover {
	border-color: #337ab7
}

.thumbnail .caption {
	padding: 9px;
	color: #333
}

.alert {
	padding: 15px;
	margin-bottom: 20px;
	border: 1px solid transparent;
	border-radius: 4px
}

.alert h4 {
	margin-top: 0;
	color: inherit
}

.alert .alert-link {
	font-weight: 700
}

.alert>p, .alert>ul {
	margin-bottom: 0
}

.alert>p+p {
	margin-top: 5px
}

.alert-dismissable, .alert-dismissible {
	padding-right: 35px
}

.alert-dismissable .close, .alert-dismissible .close {
	position: relative;
	top: -2px;
	right: -21px;
	color: inherit
}

.alert-success {
	color: #3c763d;
	background-color: #dff0d8;
	border-color: #d6e9c6
}

.alert-success hr {
	border-top-color: #c9e2b3
}

.alert-success .alert-link {
	color: #2b542c
}

.alert-info {
	color: #31708f;
	background-color: #d9edf7;
	border-color: #bce8f1
}

.alert-info hr {
	border-top-color: #a6e1ec
}

.alert-info .alert-link {
	color: #245269
}

.alert-warning {
	color: #8a6d3b;
	background-color: #fcf8e3;
	border-color: #faebcc
}

.alert-warning hr {
	border-top-color: #f7e1b5
}

.alert-warning .alert-link {
	color: #66512c
}

.alert-danger {
	color: #a94442;
	background-color: #f2dede;
	border-color: #ebccd1
}

.alert-danger hr {
	border-top-color: #e4b9c0
}

.alert-danger .alert-link {
	color: #843534
}

@
-webkit-keyframes progress-bar-stripes {
	from {background-position: 40px 0
}

to {
	background-position: 0 0
}

}
@
-o-keyframes progress-bar-stripes {
	from {background-position: 40px 0
}

to {
	background-position: 0 0
}

}
@
keyframes progress-bar-stripes {
	from {background-position: 40px 0
}

to {
	background-position: 0 0
}

}
.progress {
	height: 20px;
	margin-bottom: 20px;
	overflow: hidden;
	background-color: #f5f5f5;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1)
}

.progress-bar {
	float: left;
	width: 0;
	height: 100%;
	font-size: 12px;
	line-height: 20px;
	color: #fff;
	text-align: center;
	background-color: #337ab7;
	-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
	box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
	-webkit-transition: width .6s ease;
	-o-transition: width .6s ease;
	transition: width .6s ease
}

.progress-bar-striped, .progress-striped .progress-bar {
	background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15)
		25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%,
		rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
	background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%,
		transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%,
		rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%,
		transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%,
		rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
	-webkit-background-size: 40px 40px;
	background-size: 40px 40px
}

.progress-bar.active, .progress.active .progress-bar {
	-webkit-animation: progress-bar-stripes 2s linear infinite;
	-o-animation: progress-bar-stripes 2s linear infinite;
	animation: progress-bar-stripes 2s linear infinite
}

.progress-bar-success {
	background-color: #5cb85c
}

.progress-striped .progress-bar-success {
	background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15)
		25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%,
		rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
	background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%,
		transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%,
		rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%,
		transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%,
		rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
}

.progress-bar-info {
	background-color: #5bc0de
}

.progress-striped .progress-bar-info {
	background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15)
		25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%,
		rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
	background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%,
		transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%,
		rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%,
		transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%,
		rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
}

.progress-bar-warning {
	background-color: #f0ad4e
}

.progress-striped .progress-bar-warning {
	background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15)
		25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%,
		rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
	background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%,
		transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%,
		rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%,
		transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%,
		rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
}

.progress-bar-danger {
	background-color: #d9534f
}

.progress-striped .progress-bar-danger {
	background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15)
		25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%,
		rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
	background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%,
		transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%,
		rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%,
		transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%,
		rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
}

.media {
	margin-top: 15px
}

.media:first-child {
	margin-top: 0
}

.media, .media-body {
	overflow: hidden;
	zoom: 1
}

.media-body {
	width: 10000px
}

.media-object {
	display: block
}

.media-object.img-thumbnail {
	max-width: none
}

.media-right, .media>.pull-right {
	padding-left: 10px
}

.media-left, .media>.pull-left {
	padding-right: 10px
}

.media-body, .media-left, .media-right {
	display: table-cell;
	vertical-align: top
}

.media-middle {
	vertical-align: middle
}

.media-bottom {
	vertical-align: bottom
}

.media-heading {
	margin-top: 0;
	margin-bottom: 5px
}

.media-list {
	padding-left: 0;
	list-style: none
}

.list-group {
	padding-left: 0;
	margin-bottom: 20px
}

.list-group-item {
	position: relative;
	display: block;
	padding: 10px 15px;
	margin-bottom: -1px;
	background-color: #fff;
	border: 1px solid #ddd
}

.list-group-item:first-child {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px
}

.list-group-item:last-child {
	margin-bottom: 0;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px
}

a.list-group-item, button.list-group-item {
	color: #555
}

a.list-group-item .list-group-item-heading, button.list-group-item .list-group-item-heading
	{
	color: #333
}

a.list-group-item:focus, a.list-group-item:hover, button.list-group-item:focus,
	button.list-group-item:hover {
	color: #555;
	text-decoration: none;
	background-color: #f5f5f5
}

button.list-group-item {
	width: 100%;
	text-align: left
}

.list-group-item.disabled, .list-group-item.disabled:focus,
	.list-group-item.disabled:hover {
	color: #777;
	cursor: not-allowed;
	background-color: #eee
}

.list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading,
	.list-group-item.disabled:hover .list-group-item-heading {
	color: inherit
}

.list-group-item.disabled .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text,
	.list-group-item.disabled:hover .list-group-item-text {
	color: #777
}

.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover
	{
	z-index: 2;
	color: #fff;
	background-color: #337ab7;
	border-color: #337ab7
}

.list-group-item.active .list-group-item-heading, .list-group-item.active .list-group-item-heading>.small,
	.list-group-item.active .list-group-item-heading>small,
	.list-group-item.active:focus .list-group-item-heading,
	.list-group-item.active:focus .list-group-item-heading>.small,
	.list-group-item.active:focus .list-group-item-heading>small,
	.list-group-item.active:hover .list-group-item-heading,
	.list-group-item.active:hover .list-group-item-heading>.small,
	.list-group-item.active:hover .list-group-item-heading>small {
	color: inherit
}

.list-group-item.active .list-group-item-text, .list-group-item.active:focus .list-group-item-text,
	.list-group-item.active:hover .list-group-item-text {
	color: #c7ddef
}

.list-group-item-success {
	color: #3c763d;
	background-color: #dff0d8
}

a.list-group-item-success, button.list-group-item-success {
	color: #3c763d
}

a.list-group-item-success .list-group-item-heading, button.list-group-item-success .list-group-item-heading
	{
	color: inherit
}

a.list-group-item-success:focus, a.list-group-item-success:hover, button.list-group-item-success:focus,
	button.list-group-item-success:hover {
	color: #3c763d;
	background-color: #d0e9c6
}

a.list-group-item-success.active, a.list-group-item-success.active:focus,
	a.list-group-item-success.active:hover, button.list-group-item-success.active,
	button.list-group-item-success.active:focus, button.list-group-item-success.active:hover
	{
	color: #fff;
	background-color: #3c763d;
	border-color: #3c763d
}

.list-group-item-info {
	color: #31708f;
	background-color: #d9edf7
}

a.list-group-item-info, button.list-group-item-info {
	color: #31708f
}

a.list-group-item-info .list-group-item-heading, button.list-group-item-info .list-group-item-heading
	{
	color: inherit
}

a.list-group-item-info:focus, a.list-group-item-info:hover, button.list-group-item-info:focus,
	button.list-group-item-info:hover {
	color: #31708f;
	background-color: #c4e3f3
}

a.list-group-item-info.active, a.list-group-item-info.active:focus, a.list-group-item-info.active:hover,
	button.list-group-item-info.active, button.list-group-item-info.active:focus,
	button.list-group-item-info.active:hover {
	color: #fff;
	background-color: #31708f;
	border-color: #31708f
}

.list-group-item-warning {
	color: #8a6d3b;
	background-color: #fcf8e3
}

a.list-group-item-warning, button.list-group-item-warning {
	color: #8a6d3b
}

a.list-group-item-warning .list-group-item-heading, button.list-group-item-warning .list-group-item-heading
	{
	color: inherit
}

a.list-group-item-warning:focus, a.list-group-item-warning:hover, button.list-group-item-warning:focus,
	button.list-group-item-warning:hover {
	color: #8a6d3b;
	background-color: #faf2cc
}

a.list-group-item-warning.active, a.list-group-item-warning.active:focus,
	a.list-group-item-warning.active:hover, button.list-group-item-warning.active,
	button.list-group-item-warning.active:focus, button.list-group-item-warning.active:hover
	{
	color: #fff;
	background-color: #8a6d3b;
	border-color: #8a6d3b
}

.list-group-item-danger {
	color: #a94442;
	background-color: #f2dede
}

a.list-group-item-danger, button.list-group-item-danger {
	color: #a94442
}

a.list-group-item-danger .list-group-item-heading, button.list-group-item-danger .list-group-item-heading
	{
	color: inherit
}

a.list-group-item-danger:focus, a.list-group-item-danger:hover, button.list-group-item-danger:focus,
	button.list-group-item-danger:hover {
	color: #a94442;
	background-color: #ebcccc
}

a.list-group-item-danger.active, a.list-group-item-danger.active:focus,
	a.list-group-item-danger.active:hover, button.list-group-item-danger.active,
	button.list-group-item-danger.active:focus, button.list-group-item-danger.active:hover
	{
	color: #fff;
	background-color: #a94442;
	border-color: #a94442
}

.list-group-item-heading {
	margin-top: 0;
	margin-bottom: 5px
}

.list-group-item-text {
	margin-bottom: 0;
	line-height: 1.3
}

.panel {
	margin-bottom: 20px;
	background-color: #fff;
	border: 1px solid transparent;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
	box-shadow: 0 1px 1px rgba(0, 0, 0, .05)
}

.panel-body {
	padding: 15px 0px;
}

.panel-heading {
	padding: 10px 15px;
	border-bottom: 1px solid transparent;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px
}

.panel-heading>.dropdown .dropdown-toggle {
	color: inherit
}

.panel-title {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 16px;
	color: inherit
}

.panel-title>.small, .panel-title>.small>a, .panel-title>a, .panel-title>small,
	.panel-title>small>a {
	color: inherit
}

.panel-footer {
	padding: 10px 15px;
	background-color: #f5f5f5;
	border-top: 1px solid #ddd;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px
}

.panel>.list-group, .panel>.panel-collapse>.list-group {
	margin-bottom: 0
}

.panel>.list-group .list-group-item, .panel>.panel-collapse>.list-group .list-group-item
	{
	border-width: 1px 0;
	border-radius: 0
}

.panel>.list-group:first-child .list-group-item:first-child, .panel>.panel-collapse>.list-group:first-child .list-group-item:first-child
	{
	border-top: 0;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px
}

.panel>.list-group:last-child .list-group-item:last-child, .panel>.panel-collapse>.list-group:last-child .list-group-item:last-child
	{
	border-bottom: 0;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px
}

.panel>.panel-heading+.panel-collapse>.list-group .list-group-item:first-child
	{
	border-top-left-radius: 0;
	border-top-right-radius: 0
}

.panel-heading+.list-group .list-group-item:first-child {
	border-top-width: 0
}

.list-group+.panel-footer {
	border-top-width: 0
}

.panel>.panel-collapse>.table, .panel>.table, .panel>.table-responsive>.table
	{
	margin-bottom: 0
}

.panel>.panel-collapse>.table caption, .panel>.table caption, .panel>.table-responsive>.table caption
	{
	padding-right: 15px;
	padding-left: 15px
}

.panel>.table-responsive:first-child>.table:first-child, .panel>.table:first-child
	{
	border-top-left-radius: 3px;
	border-top-right-radius: 3px
}

.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child,
	.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,
	.panel>.table:first-child>tbody:first-child>tr:first-child, .panel>.table:first-child>thead:first-child>tr:first-child
	{
	border-top-left-radius: 3px;
	border-top-right-radius: 3px
}

.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,
	.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child,
	.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,
	.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,
	.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,
	.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,
	.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,
	.panel>.table:first-child>thead:first-child>tr:first-child th:first-child
	{
	border-top-left-radius: 3px
}

.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,
	.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child,
	.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,
	.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,
	.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,
	.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,
	.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,
	.panel>.table:first-child>thead:first-child>tr:first-child th:last-child
	{
	border-top-right-radius: 3px
}

.panel>.table-responsive:last-child>.table:last-child, .panel>.table:last-child
	{
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px
}

.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,
	.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child,
	.panel>.table:last-child>tbody:last-child>tr:last-child, .panel>.table:last-child>tfoot:last-child>tr:last-child
	{
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px
}

.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,
	.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,
	.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,
	.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child,
	.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,
	.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,
	.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,
	.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child
	{
	border-bottom-left-radius: 3px
}

.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,
	.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,
	.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,
	.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child,
	.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,
	.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,
	.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,
	.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child {
	border-bottom-right-radius: 3px
}

.panel>.panel-body+.table, .panel>.panel-body+.table-responsive, .panel>.table+.panel-body,
	.panel>.table-responsive+.panel-body {
	border-top: 1px solid #ddd
}

.panel>.table>tbody:first-child>tr:first-child td, .panel>.table>tbody:first-child>tr:first-child th
	{
	border-top: 0
}

.panel>.table-bordered, .panel>.table-responsive>.table-bordered {
	border: 0
}

.panel>.table-bordered>tbody>tr>td:first-child, .panel>.table-bordered>tbody>tr>th:first-child,
	.panel>.table-bordered>tfoot>tr>td:first-child, .panel>.table-bordered>tfoot>tr>th:first-child,
	.panel>.table-bordered>thead>tr>td:first-child, .panel>.table-bordered>thead>tr>th:first-child,
	.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,
	.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,
	.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child,
	.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,
	.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,
	.panel>.table-responsive>.table-bordered>thead>tr>th:first-child {
	border-left: 0
}

.panel>.table-bordered>tbody>tr>td:last-child, .panel>.table-bordered>tbody>tr>th:last-child,
	.panel>.table-bordered>tfoot>tr>td:last-child, .panel>.table-bordered>tfoot>tr>th:last-child,
	.panel>.table-bordered>thead>tr>td:last-child, .panel>.table-bordered>thead>tr>th:last-child,
	.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child, .panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,
	.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child, .panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,
	.panel>.table-responsive>.table-bordered>thead>tr>td:last-child, .panel>.table-responsive>.table-bordered>thead>tr>th:last-child
	{
	border-right: 0
}

.panel>.table-bordered>tbody>tr:first-child>td, .panel>.table-bordered>tbody>tr:first-child>th,
	.panel>.table-bordered>thead>tr:first-child>td, .panel>.table-bordered>thead>tr:first-child>th,
	.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,
	.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th,
	.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,
	.panel>.table-responsive>.table-bordered>thead>tr:first-child>th {
	border-bottom: 0
}

.panel>.table-bordered>tbody>tr:last-child>td, .panel>.table-bordered>tbody>tr:last-child>th,
	.panel>.table-bordered>tfoot>tr:last-child>td, .panel>.table-bordered>tfoot>tr:last-child>th,
	.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td, .panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,
	.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td, .panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th
	{
	border-bottom: 0
}

.panel>.table-responsive {
	margin-bottom: 0;
	border: 0
}

.panel-group {
	margin-bottom: 20px
}

.panel-group .panel {
	margin-bottom: 0;
	border-radius: 4px
}

.panel-group .panel+.panel {
	margin-top: 5px
}

.panel-group .panel-heading {
	border-bottom: 0
}

.panel-group .panel-heading+.panel-collapse>.list-group, .panel-group .panel-heading+.panel-collapse>.panel-body
	{
	border-top: 1px solid #ddd
}

.panel-group .panel-footer {
	border-top: 0
}

.panel-group .panel-footer+.panel-collapse .panel-body {
	border-bottom: 1px solid #ddd
}

.panel-default {
	border-color: #ddd
}

.panel-default>.panel-heading {
	color: #333;
	background-color: #f5f5f5;
	border-color: #ddd
}

.panel-default>.panel-heading+.panel-collapse>.panel-body {
	border-top-color: #ddd
}

.panel-default>.panel-heading .badge {
	color: #f5f5f5;
	background-color: #333
}

.panel-default>.panel-footer+.panel-collapse>.panel-body {
	border-bottom-color: #ddd
}

.panel-primary {
	border-color: #337ab7
}

.panel-primary>.panel-heading {
	color: #fff;
	background-color: #337ab7;
	border-color: #337ab7
}

.panel-primary>.panel-heading+.panel-collapse>.panel-body {
	border-top-color: #337ab7
}

.panel-primary>.panel-heading .badge {
	color: #337ab7;
	background-color: #fff
}

.panel-primary>.panel-footer+.panel-collapse>.panel-body {
	border-bottom-color: #337ab7
}

.panel-success {
	border-color: #d6e9c6
}

.panel-success>.panel-heading {
	color: #3c763d;
	background-color: #dff0d8;
	border-color: #d6e9c6
}

.panel-success>.panel-heading+.panel-collapse>.panel-body {
	border-top-color: #d6e9c6
}

.panel-success>.panel-heading .badge {
	color: #dff0d8;
	background-color: #3c763d
}

.panel-success>.panel-footer+.panel-collapse>.panel-body {
	border-bottom-color: #d6e9c6
}

.panel-info {
	border-color: #bce8f1
}

.panel-info>.panel-heading {
	color: #31708f;
	background-color: #d9edf7;
	border-color: #bce8f1
}

.panel-info>.panel-heading+.panel-collapse>.panel-body {
	border-top-color: #bce8f1
}

.panel-info>.panel-heading .badge {
	color: #d9edf7;
	background-color: #31708f
}

.panel-info>.panel-footer+.panel-collapse>.panel-body {
	border-bottom-color: #bce8f1
}

.panel-warning {
	border-color: #faebcc
}

.panel-warning>.panel-heading {
	color: #8a6d3b;
	background-color: #fcf8e3;
	border-color: #faebcc
}

.panel-warning>.panel-heading+.panel-collapse>.panel-body {
	border-top-color: #faebcc
}

.panel-warning>.panel-heading .badge {
	color: #fcf8e3;
	background-color: #8a6d3b
}

.panel-warning>.panel-footer+.panel-collapse>.panel-body {
	border-bottom-color: #faebcc
}

.panel-danger {
	border-color: #ebccd1
}

.panel-danger>.panel-heading {
	color: #a94442;
	background-color: #f2dede;
	border-color: #ebccd1
}

.panel-danger>.panel-heading+.panel-collapse>.panel-body {
	border-top-color: #ebccd1
}

.panel-danger>.panel-heading .badge {
	color: #f2dede;
	background-color: #a94442
}

.panel-danger>.panel-footer+.panel-collapse>.panel-body {
	border-bottom-color: #ebccd1
}

.embed-responsive {
	position: relative;
	display: block;
	height: 0;
	padding: 0;
	overflow: hidden
}

.embed-responsive .embed-responsive-item, .embed-responsive embed,
	.embed-responsive iframe, .embed-responsive object, .embed-responsive video
	{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0
}

.embed-responsive-16by9 {
	padding-bottom: 56.25%
}

.embed-responsive-4by3 {
	padding-bottom: 75%
}

.well {
	min-height: 20px;
	padding: 19px;
	margin-bottom: 20px;
	background-color: #f5f5f5;
	border: 1px solid #e3e3e3;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05)
}

.well blockquote {
	border-color: #ddd;
	border-color: rgba(0, 0, 0, .15)
}

.well-lg {
	padding: 24px;
	border-radius: 6px
}

.well-sm {
	padding: 9px;
	border-radius: 3px
}

.close {
	float: right;
	font-size: 21px;
	font-weight: 700;
	line-height: 1;
	color: #000;
	text-shadow: 0 1px 0 #fff;
	filter: alpha(opacity = 20);
	opacity: .2
}

.close:focus, .close:hover {
	color: #000;
	text-decoration: none;
	cursor: pointer;
	filter: alpha(opacity = 50);
	opacity: .5
}

button.close {
	-webkit-appearance: none;
	padding: 0;
	cursor: pointer;
	background: 0 0;
	border: 0
}

.modal-open {
	overflow: hidden
}

.modal {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1050;
	display: none;
	overflow: hidden;
	-webkit-overflow-scrolling: touch;
	outline: 0
}

.modal.fade .modal-dialog {
	-webkit-transition: -webkit-transform .3s ease-out;
	-o-transition: -o-transform .3s ease-out;
	transition: transform .3s ease-out;
	-webkit-transform: translate(0, -25%);
	-ms-transform: translate(0, -25%);
	-o-transform: translate(0, -25%);
	transform: translate(0, -25%)
}

.modal.in .modal-dialog {
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	transform: translate(0, 0)
}

.modal-open .modal {
	overflow-x: hidden;
	overflow-y: auto
}

.modal-dialog {
	position: relative;
	width: auto;
	margin: 10px
}

.modal-content {
	position: relative;
	background-color: #fff;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: 1px solid #999;
	border: 1px solid rgba(0, 0, 0, .2);
	border-radius: 6px;
	outline: 0;
	-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
	box-shadow: 0 3px 9px rgba(0, 0, 0, .5)
}

.modal-backdrop {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1040;
	background-color: #000
}

.modal-backdrop.fade {
	filter: alpha(opacity = 0);
	opacity: 0
}

.modal-backdrop.in {
	filter: alpha(opacity = 50);
	opacity: .5
}

.modal-header {
	min-height: 16.43px;
	padding: 15px;
	border-bottom: 1px solid #e5e5e5
}

.modal-header .close {
	margin-top: -2px
}

.modal-title {
	margin: 0;
	line-height: 1.42857143
}

.modal-body {
	position: relative;
	padding: 15px
}

.modal-footer {
	padding: 15px;
	text-align: right;
	border-top: 1px solid #e5e5e5
}

.modal-footer .btn+.btn {
	margin-bottom: 0;
	margin-left: 5px
}

.modal-footer .btn-group .btn+.btn {
	margin-left: -1px
}

.modal-footer .btn-block+.btn-block {
	margin-left: 0
}

.modal-scrollbar-measure {
	position: absolute;
	top: -9999px;
	width: 50px;
	height: 50px;
	overflow: scroll
}

@media ( min-width :768px) {
	.modal-dialog {
		width: 600px;
		margin: 30px auto
	}
	.modal-content {
		-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
		box-shadow: 0 5px 15px rgba(0, 0, 0, .5)
	}
	.modal-sm {
		width: 300px
	}
}

@media ( min-width :992px) {
	.modal-lg {
		width: 900px
	}
}

.tooltip {
	position: absolute;
	z-index: 1070;
	display: block;
	font-family: "canto-font","Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.42857143;
	text-align: left;
	text-align: start;
	text-decoration: none;
	text-shadow: none;
	text-transform: none;
	letter-spacing: normal;
	word-break: normal;
	word-spacing: normal;
	word-wrap: normal;
	white-space: normal;
	filter: alpha(opacity = 0);
	opacity: 0;
	line-break: auto
}

.tooltip.in {
	filter: alpha(opacity = 90);
	opacity: .9
}

.tooltip.top {
	padding: 5px 0;
	margin-top: -3px
}

.tooltip.right {
	padding: 0 5px;
	margin-left: 3px
}

.tooltip.bottom {
	padding: 5px 0;
	margin-top: 3px
}

.tooltip.left {
	padding: 0 5px;
	margin-left: -3px
}

.tooltip-inner {
	max-width: 200px;
	padding: 3px 8px;
	color: #fff;
	text-align: center;
	background-color: #000;
	border-radius: 4px
}

.tooltip-arrow {
	position: absolute;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid
}

.tooltip.top .tooltip-arrow {
	bottom: 0;
	left: 50%;
	margin-left: -5px;
	border-width: 5px 5px 0;
	border-top-color: #000
}

.tooltip.top-left .tooltip-arrow {
	right: 5px;
	bottom: 0;
	margin-bottom: -5px;
	border-width: 5px 5px 0;
	border-top-color: #000
}

.tooltip.top-right .tooltip-arrow {
	bottom: 0;
	left: 5px;
	margin-bottom: -5px;
	border-width: 5px 5px 0;
	border-top-color: #000
}

.tooltip.right .tooltip-arrow {
	top: 50%;
	left: 0;
	margin-top: -5px;
	border-width: 5px 5px 5px 0;
	border-right-color: #000
}

.tooltip.left .tooltip-arrow {
	top: 50%;
	right: 0;
	margin-top: -5px;
	border-width: 5px 0 5px 5px;
	border-left-color: #000
}

.tooltip.bottom .tooltip-arrow {
	top: 0;
	left: 50%;
	margin-left: -5px;
	border-width: 0 5px 5px;
	border-bottom-color: #000
}

.tooltip.bottom-left .tooltip-arrow {
	top: 0;
	right: 5px;
	margin-top: -5px;
	border-width: 0 5px 5px;
	border-bottom-color: #000
}

.tooltip.bottom-right .tooltip-arrow {
	top: 0;
	left: 5px;
	margin-top: -5px;
	border-width: 0 5px 5px;
	border-bottom-color: #000
}

.popover {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1060;
	display: none;
	max-width: 276px;
	padding: 1px;
	font-family: "canto-font","Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.42857143;
	text-align: left;
	text-align: start;
	text-decoration: none;
	text-shadow: none;
	text-transform: none;
	letter-spacing: normal;
	word-break: normal;
	word-spacing: normal;
	word-wrap: normal;
	white-space: normal;
	background-color: #fff;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: 1px solid #ccc;
	border: 1px solid rgba(0, 0, 0, .2);
	border-radius: 6px;
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
	box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
	line-break: auto
}

.popover.top {
	margin-top: -10px
}

.popover.right {
	margin-left: 10px
}

.popover.bottom {
	margin-top: 10px
}

.popover.left {
	margin-left: -10px
}

.popover-title {
	padding: 8px 14px;
	margin: 0;
	font-size: 14px;
	background-color: #f7f7f7;
	border-bottom: 1px solid #ebebeb;
	border-radius: 5px 5px 0 0
}

.popover-content {
	padding: 9px 14px
}

.popover>.arrow, .popover>.arrow:after {
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid
}

.popover>.arrow {
	border-width: 11px
}

.popover>.arrow:after {
	content: "";
	border-width: 10px
}

.popover.top>.arrow {
	bottom: -11px;
	left: 50%;
	margin-left: -11px;
	border-top-color: #999;
	border-top-color: rgba(0, 0, 0, .25);
	border-bottom-width: 0
}

.popover.top>.arrow:after {
	bottom: 1px;
	margin-left: -10px;
	content: " ";
	border-top-color: #fff;
	border-bottom-width: 0
}

.popover.right>.arrow {
	top: 50%;
	left: -11px;
	margin-top: -11px;
	border-right-color: #999;
	border-right-color: rgba(0, 0, 0, .25);
	border-left-width: 0
}

.popover.right>.arrow:after {
	bottom: -10px;
	left: 1px;
	content: " ";
	border-right-color: #fff;
	border-left-width: 0
}

.popover.bottom>.arrow {
	top: -11px;
	left: 50%;
	margin-left: -11px;
	border-top-width: 0;
	border-bottom-color: #999;
	border-bottom-color: rgba(0, 0, 0, .25)
}

.popover.bottom>.arrow:after {
	top: 1px;
	margin-left: -10px;
	content: " ";
	border-top-width: 0;
	border-bottom-color: #fff
}

.popover.left>.arrow {
	top: 50%;
	right: -11px;
	margin-top: -11px;
	border-right-width: 0;
	border-left-color: #999;
	border-left-color: rgba(0, 0, 0, .25)
}

.popover.left>.arrow:after {
	right: 1px;
	bottom: -10px;
	content: " ";
	border-right-width: 0;
	border-left-color: #fff
}

.carousel {
	position: relative
}

.carousel-inner {
	position: relative;
	width: 100%;
	overflow: hidden
}

.carousel-inner>.item {
	position: relative;
	display: none;
	-webkit-transition: .6s ease-in-out left;
	-o-transition: .6s ease-in-out left;
	transition: .6s ease-in-out left
}

.carousel-inner>.item>a>img, .carousel-inner>.item>img {
	line-height: 1
}

@media all and (transform-3d) , ( -webkit-transform-3d ) {
	.carousel-inner>.item {
		-webkit-transition: -webkit-transform .6s ease-in-out;
		-o-transition: -o-transform .6s ease-in-out;
		transition: transform .6s ease-in-out;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-webkit-perspective: 1000px;
		perspective: 1000px
	}
	.carousel-inner>.item.active.right, .carousel-inner>.item.next {
		left: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}
	.carousel-inner>.item.active.left, .carousel-inner>.item.prev {
		left: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0)
	}
	.carousel-inner>.item.active, .carousel-inner>.item.next.left,
		.carousel-inner>.item.prev.right {
		left: 0;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

.carousel-inner>.active, .carousel-inner>.next, .carousel-inner>.prev {
	display: block
}

.carousel-inner>.active {
	left: 0
}

.carousel-inner>.next, .carousel-inner>.prev {
	position: absolute;
	top: 0;
	width: 100%
}

.carousel-inner>.next {
	left: 100%
}

.carousel-inner>.prev {
	left: -100%
}

.carousel-inner>.next.left, .carousel-inner>.prev.right {
	left: 0
}

.carousel-inner>.active.left {
	left: -100%
}

.carousel-inner>.active.right {
	left: 100%
}

.carousel-control {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 15%;
	font-size: 20px;
	color: #fff;
	text-align: center;
	text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
	filter: alpha(opacity = 50);
	opacity: .5
}

.carousel-control.left {
	background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0,
		rgba(0, 0, 0, .0001) 100%);
	background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5) 0,
		rgba(0, 0, 0, .0001) 100%);
	background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)),
		to(rgba(0, 0, 0, .0001)));
	background-image: linear-gradient(to right, rgba(0, 0, 0, .5) 0,
		rgba(0, 0, 0, .0001) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000',
		endColorstr='#00000000', GradientType=1);
	background-repeat: repeat-x
}

.carousel-control.right {
	right: 0;
	left: auto;
	background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0,
		rgba(0, 0, 0, .5) 100%);
	background-image: -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0,
		rgba(0, 0, 0, .5) 100%);
	background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)),
		to(rgba(0, 0, 0, .5)));
	background-image: linear-gradient(to right, rgba(0, 0, 0, .0001) 0,
		rgba(0, 0, 0, .5) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',
		endColorstr='#80000000', GradientType=1);
	background-repeat: repeat-x
}

.carousel-control:focus, .carousel-control:hover {
	color: #fff;
	text-decoration: none;
	filter: alpha(opacity = 90);
	outline: 0;
	opacity: .9
}

.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right,
	.carousel-control .icon-next, .carousel-control .icon-prev {
	position: absolute;
	top: 50%;
	z-index: 5;
	display: inline-block;
	margin-top: -10px
}

.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev
	{
	left: 50%;
	margin-left: -10px
}

.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next
	{
	right: 50%;
	margin-right: -10px
}

.carousel-control .icon-next, .carousel-control .icon-prev {
	width: 20px;
	height: 20px;
	font-family: serif;
	line-height: 1
}

.carousel-control .icon-prev:before {
	content: '\2039'
}

.carousel-control .icon-next:before {
	content: '\203a'
}

.carousel-indicators {
	position: absolute;
	bottom: 10px;
	left: 50%;
	z-index: 15;
	width: 60%;
	padding-left: 0;
	margin-left: -30%;
	text-align: center;
	list-style: none
}

.carousel-indicators li {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 1px;
	text-indent: -999px;
	cursor: pointer;
	background-color: #000\9;
	background-color: rgba(0, 0, 0, 0);
	border: 1px solid #fff;
	border-radius: 10px
}

.carousel-indicators .active {
	width: 12px;
	height: 12px;
	margin: 0;
	background-color: #fff
}

.carousel-caption {
	position: absolute;
	right: 15%;
	bottom: 20px;
	left: 15%;
	z-index: 10;
	padding-top: 20px;
	padding-bottom: 20px;
	color: #fff;
	text-align: center;
	text-shadow: 0 1px 2px rgba(0, 0, 0, .6)
}

.carousel-caption .btn {
	text-shadow: none
}

@media screen and (min-width:768px) {
	.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right,
		.carousel-control .icon-next, .carousel-control .icon-prev {
		width: 30px;
		height: 30px;
		margin-top: -15px;
		font-size: 30px
	}
	.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev
		{
		margin-left: -15px
	}
	.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next
		{
		margin-right: -15px
	}
	.carousel-caption {
		right: 20%;
		left: 20%;
		padding-bottom: 30px
	}
	.carousel-indicators {
		bottom: 20px
	}
}

.btn-group-vertical>.btn-group:after, .btn-group-vertical>.btn-group:before,
	.btn-toolbar:after, .btn-toolbar:before, .clearfix:after, .clearfix:before,
	.container-fluid:after, .container-fluid:before, .container:after,
	.container:before, .dl-horizontal dd:after, .dl-horizontal dd:before,
	.form-horizontal .form-group:after, .form-horizontal .form-group:before,
	.modal-footer:after, .modal-footer:before, .nav:after, .nav:before,
	.navbar-collapse:after, .navbar-collapse:before, .navbar-header:after,
	.navbar-header:before, .navbar:after, .navbar:before, .pager:after,
	.pager:before, .panel-body:after, .panel-body:before, .row:after, .row:before
	{
	display: table;
	content: " "
}

.btn-group-vertical>.btn-group:after, .btn-toolbar:after, .clearfix:after,
	.container-fluid:after, .container:after, .dl-horizontal dd:after,
	.form-horizontal .form-group:after, .modal-footer:after, .nav:after,
	.navbar-collapse:after, .navbar-header:after, .navbar:after, .pager:after,
	.panel-body:after, .row:after {
	clear: both
}

.center-block {
	display: block;
	margin-right: auto;
	margin-left: auto
}

.pull-right {
	float: right !important
}

.pull-left {
	float: left !important
}

.hide {
	display: none !important
}

.show {
	display: block !important
}

.invisible {
	visibility: hidden
}

.text-hide {
	font: 0/0 a;
	color: transparent;
	text-shadow: none;
	background-color: transparent;
	border: 0
}

.hidden {
	display: none !important
}

.affix {
	position: fixed
}

@
-ms-viewport {
	width: device-width
}

.visible-lg, .visible-md, .visible-sm, .visible-xs {
	display: none !important
}

.visible-lg-block, .visible-lg-inline, .visible-lg-inline-block,
	.visible-md-block, .visible-md-inline, .visible-md-inline-block,
	.visible-sm-block, .visible-sm-inline, .visible-sm-inline-block,
	.visible-xs-block, .visible-xs-inline, .visible-xs-inline-block {
	display: none !important
}

@media ( max-width :767px) {
	.visible-xs {
		display: block !important
	}
	table.visible-xs {
		display: table !important
	}
	tr.visible-xs {
		display: table-row !important
	}
	td.visible-xs, th.visible-xs {
		display: table-cell !important
	}
}

@media ( max-width :767px) {
	.visible-xs-block {
		display: block !important
	}
}

@media ( max-width :767px) {
	.visible-xs-inline {
		display: inline !important
	}
}

@media ( max-width :767px) {
	.visible-xs-inline-block {
		display: inline-block !important
	}
}

@media ( min-width :768px) and (max-width:991px) {
	.visible-sm {
		display: block !important
	}
	table.visible-sm {
		display: table !important
	}
	tr.visible-sm {
		display: table-row !important
	}
	td.visible-sm, th.visible-sm {
		display: table-cell !important
	}
}

@media ( min-width :768px) and (max-width:991px) {
	.visible-sm-block {
		display: block !important
	}
}

@media ( min-width :768px) and (max-width:991px) {
	.visible-sm-inline {
		display: inline !important
	}
}

@media ( min-width :768px) and (max-width:991px) {
	.visible-sm-inline-block {
		display: inline-block !important
	}
}

@media ( min-width :992px) and (max-width:1199px) {
	.visible-md {
		display: block !important
	}
	table.visible-md {
		display: table !important
	}
	tr.visible-md {
		display: table-row !important
	}
	td.visible-md, th.visible-md {
		display: table-cell !important
	}
}

@media ( min-width :992px) and (max-width:1199px) {
	.visible-md-block {
		display: block !important
	}
}

@media ( min-width :992px) and (max-width:1199px) {
	.visible-md-inline {
		display: inline !important
	}
}

@media ( min-width :992px) and (max-width:1199px) {
	.visible-md-inline-block {
		display: inline-block !important
	}
}

@media ( min-width :1200px) {
	.visible-lg {
		display: block !important
	}
	table.visible-lg {
		display: table !important
	}
	tr.visible-lg {
		display: table-row !important
	}
	td.visible-lg, th.visible-lg {
		display: table-cell !important
	}
}

@media ( min-width :1200px) {
	.visible-lg-block {
		display: block !important
	}
}

@media ( min-width :1200px) {
	.visible-lg-inline {
		display: inline !important
	}
}

@media ( min-width :1200px) {
	.visible-lg-inline-block {
		display: inline-block !important
	}
}

@media ( max-width :767px) {
	.hidden-xs {
		display: none !important
	}
}

@media ( min-width :768px) and (max-width:991px) {
	.hidden-sm {
		display: none !important
	}
}

@media ( min-width :992px) and (max-width:1199px) {
	.hidden-md {
		display: none !important
	}
}

@media ( min-width :1200px) {
	.hidden-lg {
		display: none !important
	}
}

.visible-print {
	display: none !important
}

@media print {
	.visible-print {
		display: block !important
	}
	table.visible-print {
		display: table !important
	}
	tr.visible-print {
		display: table-row !important
	}
	td.visible-print, th.visible-print {
		display: table-cell !important
	}
}

.visible-print-block {
	display: none !important
}

@media print {
	.visible-print-block {
		display: block !important
	}
}

.visible-print-inline {
	display: none !important
}

@media print {
	.visible-print-inline {
		display: inline !important
	}
}

.visible-print-inline-block {
	display: none !important
}

@media print {
	.visible-print-inline-block {
		display: inline-block !important
	}
}

@media print {
	.hidden-print {
		display: none !important
	}
}
/*! jQuery UI - v1.13.1 - 2022-03-01
* http://jqueryui.com
* Includes: draggable.css, core.css, autocomplete.css, menu.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif
* Copyright jQuery Foundation and other contributors; Licensed MIT */

.ui-draggable-handle {
	-ms-touch-action: none;
	touch-action: none;
}
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	-ms-filter: "alpha(opacity=0)"; /* support: IE8 */
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
	pointer-events: none;
}


/* Icons
----------------------------------*/
.ui-icon {
	display: inline-block;
	vertical-align: middle;
	margin-top: -.25em;
	position: relative;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}

.ui-widget-icon-block {
	left: 50%;
	margin-left: -8px;
	display: block;
}

/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
}
.ui-menu {
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
	outline: 0;
}
.ui-menu .ui-menu {
	position: absolute;
}
.ui-menu .ui-menu-item {
	margin: 0;
	cursor: pointer;
	/* support: IE10, see #8844 */
	list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}
.ui-menu .ui-menu-item-wrapper {
	position: relative;
	padding: 0px 1em 0px .4em;
	line-height: 32px;
}
.ui-menu .ui-menu-divider {
	margin: 5px 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
	margin: -1px;
}

/* icon support */
.ui-menu-icons {
	position: relative;
}
.ui-menu-icons .ui-menu-item-wrapper {
	padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
	position: absolute;
	top: 0;
	bottom: 0;
	left: .2em;
	margin: auto 0;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
	left: auto;
	right: 0;
}
.ui-button {
	padding: .4em 1em;
	display: inline-block;
	position: relative;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
  
	/* Support: IE <= 11 */
	overflow: visible;
 }
  
 .ui-button,
 .ui-button:link,
 .ui-button:visited,
 .ui-button:hover,
 .ui-button:active {
	text-decoration: none;
 }
  
 /* to make room for the icon, a width needs to be set here */
 .ui-button-icon-only {
	width: 2em;
	box-sizing: border-box;
	text-indent: -9999px;
	white-space: nowrap;
 }
  
 /* no icon support for input elements */
 input.ui-button.ui-button-icon-only {
	text-indent: 0;
 }
  
 /* button icon element(s) */
 .ui-button-icon-only .ui-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -8px;
	margin-left: -8px;
 }
  
 .ui-button.ui-icon-notext .ui-icon {
	padding: 0;
	width: 2.1em;
	height: 2.1em;
	text-indent: -9999px;
	white-space: nowrap;
  
 }
  
 input.ui-button.ui-icon-notext .ui-icon {
	width: auto;
	height: auto;
	text-indent: 0;
	white-space: normal;
	padding: .4em 1em;
 }
  
 /* workarounds */
 /* Support: Firefox 5 - 40 */
 input.ui-button::-moz-focus-inner,
 button.ui-button::-moz-focus-inner {
	border: 0;
	padding: 0;
 }
 .ui-controlgroup {
	vertical-align: middle;
	display: inline-block;
 }
 .ui-controlgroup > .ui-controlgroup-item {
	float: left;
	margin-left: 0;
	margin-right: 0;
 }
 .ui-controlgroup > .ui-controlgroup-item:focus,
 .ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
	z-index: 9999;
 }
 .ui-controlgroup-vertical > .ui-controlgroup-item {
	display: block;
	float: none;
	width: 100%;
	margin-top: 0;
	margin-bottom: 0;
	text-align: left;
 }
 .ui-controlgroup-vertical .ui-controlgroup-item {
	box-sizing: border-box;
 }
 .ui-controlgroup .ui-controlgroup-label {
	padding: .4em 1em;
 }
 .ui-controlgroup .ui-controlgroup-label span {
	font-size: 80%;
 }
 .ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
	border-left: none;
 }
 .ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
	border-top: none;
 }
 .ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
	border-right: none;
 }
 .ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
	border-bottom: none;
 }
  
 /* Spinner specific style fixes */
 .ui-controlgroup-vertical .ui-spinner-input {
  
	/* Support: IE8 only, Android < 4.4 only */
	width: 75%;
	width: calc( 100% - 2.4em );
 }
 .ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
	border-top-style: solid;
 }
  
 .ui-checkboxradio-label .ui-icon-background {
	box-shadow: inset 1px 1px 1px #ccc;
	border-radius: .12em;
	border: none;
 }
 .ui-checkboxradio-radio-label .ui-icon-background {
	width: 16px;
	height: 16px;
	border-radius: 1em;
	overflow: visible;
	border: none;
 }
 .ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
 .ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
	background-image: none;
	width: 8px;
	height: 8px;
	border-width: 4px;
	border-style: solid;
 }
 .ui-checkboxradio-disabled {
	pointer-events: none;
 }
/* Component containers
----------------------------------*/
.ui-widget {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
}
.ui-widget.ui-widget-content {
	border: 1px solid #c5c5c5;
}
.ui-widget-content {
	border: 1px solid #dddddd;
	background: #ffffff;
	color: #333333;
}
.ui-widget-content a {
	color: #333333;
}
.ui-widget-header {
	border: 1px solid #dddddd;
	background: #e9e9e9;
	color: #333333;
	font-weight: bold;
}
.ui-widget-header a {
	color: #333333;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,

/* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
	border: 1px solid #c5c5c5;
	background: #f6f6f6;
	font-weight: normal;
	color: #454545;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
	color: #454545;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
	border: 1px solid #cccccc;
	background: #ededed;
	font-weight: normal;
	color: #2b2b2b;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
	color: #2b2b2b;
	text-decoration: none;
}

.ui-visual-focus {
	box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	border: 1px solid #ccc;
	background: #c5c5c5;
	font-weight: normal;
	color: #ffffff;
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
	border: #ccc;
	background-color: #ffffff;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #ffffff;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #dad55e;
	background: #fffa90;
	color: #777620;
}
.ui-state-checked {
	border: 1px solid #dad55e;
	background: #fffa90;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #777620;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #f1a899;
	background: #fddfdf;
	color: #5f3f3f;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #5f3f3f;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #5f3f3f;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	-ms-filter: "alpha(opacity=70)"; /* support: IE8 */
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	-ms-filter: "alpha(opacity=35)"; /* support: IE8 */
	background-image: none;
}
.ui-state-disabled .ui-icon {
	-ms-filter: "alpha(opacity=35)"; /* support: IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url("images/ui-icons_444444_256x240.png");
}
.ui-widget-header .ui-icon {
	background-image: url("images/ui-icons_444444_256x240.png");
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
	background-image: url("images/ui-icons_555555_256x240.png");
}
.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
	background-image: url("images/ui-icons_ffffff_256x240.png");
}
.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
	background-image: url("images/ui-icons_777620_256x240.png");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url("images/ui-icons_cc0000_256x240.png");
}
.ui-button .ui-icon {
	background-image: url("images/ui-icons_777777_256x240.png");
}

/* positioning */
/* Three classes needed to override `.ui-button:hover .ui-icon` */
.ui-icon-blank.ui-icon-blank.ui-icon-blank {
	background-image: none;
}
.ui-icon-caret-1-n { background-position: 0 0; }
.ui-icon-caret-1-ne { background-position: -16px 0; }
.ui-icon-caret-1-e { background-position: -32px 0; }
.ui-icon-caret-1-se { background-position: -48px 0; }
.ui-icon-caret-1-s { background-position: -65px 0; }
.ui-icon-caret-1-sw { background-position: -80px 0; }
.ui-icon-caret-1-w { background-position: -96px 0; }
.ui-icon-caret-1-nw { background-position: -112px 0; }
.ui-icon-caret-2-n-s { background-position: -128px 0; }
.ui-icon-caret-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -65px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -65px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 1px -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 3px;
}

/* Overlays */
.ui-widget-overlay {
	background: #aaaaaa;
	opacity: .3;
	-ms-filter: Alpha(Opacity=30); /* support: IE8 */
}
.ui-widget-shadow {
	-webkit-box-shadow: 0px 0px 5px #666666;
	box-shadow: 0px 0px 5px #666666;
}

@charset "UTF-8";
@font-face {
  font-family: 'canto-font';
  src: url('Roboto-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'canto-font';
  src: url('Roboto-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'canto-font';
  src: url('Roboto-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'canto-font';
  src: url('Roboto-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'canto-font';
  src: url('Roboto-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
.ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.icon {
  background-image: url(img/icons.png);
  background-repeat: no-repeat;
  cursor: pointer;
}
a {
  text-decoration: none;
}
ul {
  list-style-type: none;
}
.bigNavBtn {
  display: none;
  position: absolute;
  height: 102px;
  width: 20px;
  background-color: rgba(0, 0, 0, 0.2);
  text-align: center;
  cursor: pointer;
  z-index: 2;
}
.bigNavBtnIcon {
  width: 20px;
  height: 30px;
  margin: 0 auto;
  top: 55px;
  position: relative;
  opacity: 0.5;
}
.keywordTag {
  color: #474747;
  font-size: 12px;
}
.scrollbarforIE {
  scrollbar-base-color: #C0C0C0;
  scrollbar-face-color: #626262;
  scrollbar-3dlight-color: #C0C0C0;
  scrollbar-highlight-color: #C0C0C0;
  scrollbar-track-color: #dddddd;
  scrollbar-arrow-color: black;
  scrollbar-shadow-color: #C0C0C0;
  scrollbar-dark-shadow-color: #C0C0C0;
}
.detailTitle {
  font-size: 22px;
  color: #ffffff;
  font-weight: 300;
}
.detailInfoPreview {
  background: #f9f9f9;
  border: 1px solid #d0d0d0;
}
.detailSubTitle {
  color: #474747;
  font-weight: 700;
  font-size: 14px;
}
.detailAddKeyword {
  font-size: 13px;
  color: #474747;
  background-color: #f9f9f9;
}
.detailAddTag {
  font-size: 13px;
  color: inhert;
  background-color: inhert;
}
.detailAddTagPlaceHolder {
  color: #999999 !important;
}
.detailDescInput {
  font-weight: 300;
  color: #474747;
  font-size: 13px;
  background: none;
}
.detailSelectedAlbum {
  font-size: 14px;
  color: #4b4b4b;
}
.detailField {
  color: #474747;
  font-size: 12px;
  font-weight: 600;
}
.detailFieldValue {
  color: #474747;
  font-size: 12px;
  font-weight: 300;
}
.detailCommentPlaceHolder {
  color: #999999 !important;
}
.detailCommentInput {
  font-weight: 300;
  font-size: 14px;
  background: #f9f9f9;
}
.detailCommentUser {
  font-size: 14px;
  font-weight: 600;
  color: #474747;
}
.detailCommentTime {
  font-size: 12px;
  color: #474747;
  font-weight: 300;
}
.detailCommentText {
  font-size: 13px;
  color: #474747;
  font-weight: 300;
}
/* User Profile */
.userProfileTitle {
  font-size: 18px;
  color: #4b4b4b;
}
.userProfileField {
  font-size: 13px;
  color: #4b4b4b;
}
.userProfileFieldInput {
  font-size: 12px;
  color: #4b4b4b;
  border-color: #cbcbcb;
  background: none;
}
.userProfileFieldtextArea {
  color: #4b4b4b;
  font-size: 12px;
  background: none;
  border-color: #cbcbcb;
}
.useProfileUploadPhoto {
  font-size: 14px;
  color: #474747;
}
.orangeBtn {
  background-color: #ff5800;
  color: #ffffff;
  height: 29px;
  line-height: 29px;
  vertical-align: middle;
  font-size: 16px;
  kerning: 0;
  text-align: center;
  padding: 0px 20px;
}
.orangeBtn:hover {
  background-color: #de5814;
}
.orangeBtn:active {
  background-color: #c85814;
}
.cancelBtn {
  background-color: #d9d9d9;
  color: #ffffff;
  height: 29px;
  line-height: 29px;
  vertical-align: middle;
  font-size: 16px;
  kerning: 0;
  text-align: center;
  padding: 0px 20px;
}
.cancelBtn:hover {
  background-color: #c8c8c8;
}
.cancelBtn:active {
  background-color: #b4b4b4;
}
.invalid-tips {
  border-radius: 5px;
  text-align: left;
  margin: 0 auto 10px;
  position: relative;
  padding: 16px 24px;
  overflow: auto;
  white-space: normal;
  color: #ffffff;
  font-weight: 300;
  font-size: 14px;
}
.user-select-none {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
/* container detail */
.containerTitle {
  font-weight: 300;
  font-size: 30px;
  background-color: transparent;
  border: 1px solid #cccccc;
}
.containerCountNum {
  font-weight: 500;
  font-size: 32px;
}
.containerCountType {
  font-weight: 500;
  font-size: 32px;
}
.containerFieldName {
  font-weight: 600;
  font-size: 12px;
}
.containerFieldValue {
  font-weight: 300;
  font-size: 12px;
}
.containerSubTitle {
  color: #474747;
  font-weight: 700;
  font-size: 14px;
}
.containerDescription {
  font-weight: 300;
  font-size: 13px;
}
.containerRelationship {
  background-color: #525252;
}
.containerFolderBtn {
  color: #ffffff;
  font-size: 16px;
  background-color: #ec5f0a;
}
.containerDataGrid {
  border: 1px solid #cccccc;
  background: #f1f1f1;
  font-size: 12px;
}
.containerDataGridTr {
  font-size: 12px;
  border-bottom: 1px solid #9b9b9b;
}
.containerDataGridTh {
  background: #d4d4d4;
  color: #4b4b4b;
  font-size: 12px;
}
.permissionArrow {
  background: #A1A1A1;
  font-size: 16px;
}
.divide-line {
  width: 100%;
  height: 1px;
  border-top: 1px solid #00abde;
  margin: 6px 0px;
}
/* Include this file in your html if you are using the CSP mode. */
[ng\:cloak],
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak,
.ng-hide:not(.ng-hide-animate) {
  display: none !important;
}
ng\:form {
  display: block;
}
.ng-animate-shim {
  visibility: hidden;
}
.ng-anchor {
  position: absolute;
}
/* Include this file in your html if you are using the CSP mode. */
.ng-animate.item:not(.left):not(.right) {
  -webkit-transition: 0s ease-in-out left;
  transition: 0s ease-in-out left;
}
.favorite .dropdown-menu {
  max-height: 200px;
  overflow-y: auto;
  width: 450px;
}
.album ul.contents li {
  float: left;
  margin: 10px;
  line-height: 100px;
  height: 100px;
  overflow: hidden;
}
#customView {
  height: 100%;
}
.custom-view {
  overflow-y: auto;
  height: 100%;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 100%;
  padding-top: 50px;
}
.custom-view .c-v-album-name {
  display: flex;
  margin-top: 60px;
  flex-direction: column;
  margin-bottom: 20px;
}
.custom-view .c-v-album-name .c-v-n-display {
  font-size: 40px;
  line-height: 1.2;
  margin-bottom: 20px;
}
.custom-view .c-v-ary {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  padding-left: 20px;
  position: relative;
}
.custom-view .hover-empty {
  border: 1px solid;
}
.custom-view .content-left {
  justify-content: flex-start;
}
.custom-view .content-left .ge-pre {
  position: absolute!important;
}
.custom-view .content-center {
  justify-content: center!important;
}
.custom-view .imgLayout {
  display: flex;
  flex-wrap: wrap;
  margin: 10px auto 40px;
}
.custom-view .imgLayout .c-v-item {
  margin-right: 0px;
  margin-bottom: 20px;
  list-style: none;
}
.custom-view .imgLayout .c-v-item:hover .chooseBtn {
  visibility: visible;
}
.custom-view .imgLayout .c-v-item.selected .chooseBtn {
  visibility: visible;
}
.custom-view .imgLayout .thumb {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
}
.custom-view .imgLayout .thumb .thumb-img {
  width: 100%;
  max-height: 100%;
}
.custom-view .imgLayout .chooseBtn1 {
  display: flex;
  flex-direction: row-reverse;
  height: 30px;
  padding: 5px 5px 0px 0px;
  visibility: hidden;
}
.custom-view .imgLayout .chooseBtn1 > div:first-child {
  z-index: 20;
  font-size: 26px;
}
.custom-view .imgLayout .chooseBtn1 .bg {
  width: 24px;
  height: 25px;
  transform: translateX(25px);
  z-index: 10;
  border-radius: 50%;
}
.custom-view .imgLayout .ge-pre {
  position: absolute;
  left: 0px;
}
.custom-view .imgLayout .view-separator {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  opacity: 1;
  cursor: default;
  background-color: transparent;
}
.custom-view .imgLayout .view-separator.can-edit:hover {
  cursor: col-resize;
}
.custom-view .imgLayout .view-separator.can-edit:hover .s-line,
.custom-view .imgLayout .view-separator.can-edit:hover .s-plus {
  opacity: 1;
}
.custom-view .imgLayout .view-separator.drop-hover .s-line,
.custom-view .imgLayout .view-separator.drop-hover .s-plus {
  opacity: 1;
}
.custom-view .imgLayout .view-separator.ge-pre:hover {
  cursor: default;
}
.custom-view .imgLayout .view-separator.ge-pre:hover .s-line,
.custom-view .imgLayout .view-separator.ge-pre:hover .s-plus {
  opacity: 0;
}
.custom-view .imgLayout .view-separator .s-line {
  width: 2px;
  height: 100%;
  display: flex;
  opacity: 0;
}
.custom-view .imgLayout .view-separator .s-plus {
  border-radius: 50%;
  position: absolute;
  width: 18px;
  height: 18px;
  background-color: #c1c1c1;
  color: #303030;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  font-size: 18px;
  opacity: 0;
}
.custom-view .imgLayout .c-v-header {
  width: 100%;
  margin-bottom: 15px;
}
.custom-view .imgLayout .c-v-header .c-v-t-btn:hover button {
  opacity: 1;
  transition: opacity 0.5s;
}
.custom-view .imgLayout .c-v-header button {
  border-radius: 15px;
  padding: 0 20px;
  opacity: 0;
  margin-left: 0px;
}
.custom-view .imgLayout .c-v-header .c-v-h-area {
  display: flex;
  flex-direction: column;
  width: 60%;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
}
.custom-view .imgLayout .c-v-header .c-v-h-name {
  width: 100%;
  text-align: center;
  line-height: 20px;
  padding: 10px;
  outline: none;
}
.custom-view .imgLayout .c-v-header .c-v-t-edit .c-v-h-name:hover {
  border-bottom: 1px solid;
}
.custom-view .imgLayout .c-v-header .c-v-t-edit .c-v-h-name:focus {
  margin-top: 10px;
}
.custom-view .imgLayout .c-v-header .c-v-on-edit .c-v-h-name {
  border-bottom: 1px solid;
}
.custom-view .imgLayout .c-v-header .c-edit {
  border-bottom: 1px solid;
}
.custom-view .imgLayout .c-v-header .c-v-h-first {
  font-size: 25px;
  font-weight: 600;
}
.custom-view .imgLayout .c-v-header .c-v-t-save {
  padding: 10px 0px;
  display: flex;
  width: 60%;
  margin: 5px auto;
  justify-content: space-between;
}
.custom-view .imgLayout .c-v-header .c-v-t-save button {
  opacity: 1;
}
.custom-view .c-v-option.hide-op .c-v-o-top {
  justify-content: center;
}
.custom-view .c-v-option {
  position: absolute;
  bottom: 6px;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 5px;
  z-index: 10;
}
.custom-view .c-v-option .c-v-o-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 40px;
}
.custom-view .c-v-option .c-v-o-top .c-v-o-view {
  margin-left: 15px;
  display: flex;
  align-items: center;
}
.custom-view .c-v-option .c-v-o-top .c-v-o-view span {
  margin-right: 10px;
}
.custom-view .c-v-option .c-v-o-top .c-v-o-view div {
  margin-right: 6px;
  width: 28px;
  height: 28px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  padding-right: 1px;
}
.custom-view .c-v-option .c-v-o-top > div:nth-child(even) {
  border-left: 1px solid;
}
.custom-view .c-v-option .c-v-o-top .c-v-o-up {
  height: 38px;
  display: flex;
  align-items: center;
  width: 40px;
  justify-content: center;
}
.custom-view .c-v-option .c-v-o-top .c-v-o-up .c-v-u-btn {
  width: 25px;
  height: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.custom-view .c-v-option .c-v-o-content {
  border-top: 1px solid;
  display: flex;
  flex-direction: column;
  padding: 5px 10px 20px;
}
.custom-view .c-v-option .c-v-o-content > div {
  display: flex;
  height: 32px;
  align-items: center;
}
.custom-view .c-v-option .c-v-o-content span {
  margin-right: 5px;
  flex-shrink: 0;
  font-weight: 400;
}
.custom-view .c-v-option .c-v-o-content input {
  background-color: transparent;
  border: 0;
  border-bottom: 1px solid;
  border-radius: 0px;
  padding-left: 5px;
}
.custom-view .c-v-option .c-v-o-content .c-v-c-re {
  margin-top: 10px;
}
.custom-view .c-v-option .c-v-o-content .c-v-r-name {
  height: 32px;
  display: flex;
  align-items: center;
  border: 1px solid;
  border-radius: 6px 0 0 6px;
  padding: 0 20px 0px 10px;
}
.custom-view .c-v-option .c-v-o-content .c-v-r-op {
  height: 32px;
  display: flex;
  align-items: center;
  width: 32px;
  justify-content: center;
  border: 1px solid;
  border-left: 0px;
  border-radius: 0 6px 6px 0;
}
.custom-view .c-v-option .c-v-o-content .c-v-r-select {
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: left;
  bottom: 50px;
  align-items: flex-start;
  padding: 5px 1px;
}
.custom-view .c-v-option .c-v-o-content .c-v-r-select > div {
  padding: 5px 10px;
  width: 100%;
  display: flex;
}
.custom-view .c-v-option .c-v-o-content .c-v-o-asd > div {
  display: flex;
  justify-content: space-between;
  width: 170px;
  padding-left: 15px;
}
.custom-view .c-v-option .c-v-o-content .c-v-o-asd > div > div {
  display: flex;
  border: 1px solid;
  padding: 1px 12px;
  border-radius: 15px;
  height: 28px;
  align-items: center;
}
#draggingContainer .approve-status,
#draggingContainer .chooseBtn {
  display: none;
}
.view-pagination {
  position: absolute;
  bottom: 6px;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 5px;
  z-index: 10;
}
.view-pagination div {
  display: flex;
  justify-content: center;
  align-items: center;
}
.view-pagination .pagination {
  padding: 8px 20px;
  border-radius: 25px;
  margin: 0px;
}
.view-pagination .pagination-prev {
  margin-right: 10px;
}
.view-pagination .pagination-next {
  margin-left: 10px;
}
.view-pagination .pagination-page {
  width: 25px;
  height: 25px;
  margin: 0 5px;
  border-radius: 50%;
}
.view-pagination .disabled {
  background-color: transparent !important;
  cursor: default;
}
.view-pagination .disabled span {
  background-color: transparent;
}
.view-pagination .disabled span:hover {
  background-color: transparent;
}
.asset-request-page {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
  border-radius: 20px;
}
.related-area .r-small {
  position: absolute;
  bottom: 30px;
  z-index: 5;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 36px;
  border-radius: 0 15px 15px 0;
  background-color: #303030;
}
.related-area .r-view {
  position: absolute;
  bottom: 0;
  z-index: 10;
  top: 60%;
  right: 10px;
  left: 0;
  background-color: rgba(16, 16, 16, 0.85);
  border-radius: 8px;
}
.related-area .r-view .r-v-header {
  height: 50px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 15px;
  border-bottom: 1px solid white;
}
.related-area .r-view .rvh-empty {
  position: relative;
  top: 40%;
  font-size: 18px;
  color: #999;
}
.related-area .r-view .rvh-num {
  font-weight: 400;
  color: white;
}
.related-area .r-view .rvh-dropdown {
  position: relative;
}
.related-area .r-view .rvh-dropdown .input-circle {
  float: left;
}
.related-area .r-view .rvh-dropdown input {
  outline: none;
  width: 250px;
  height: 32px;
  border: 1px solid #dddddd;
  border-radius: 25px;
  padding: 4px 3px 3px .7em;
  margin: 0 auto;
  background-color: #fff;
  color: #7d7d7d;
}
.related-area .r-view .rvh-dropdown input:hover {
  cursor: pointer;
}
.related-area .r-view .rvh-dropdown ul {
  line-height: 30px;
  text-align: left;
}
.related-area .r-view .rvh-dropdown ul li {
  color: #000 !important;
}
.related-area .r-view .rvh-dropdown ul li:hover {
  color: #7d7d7d !important;
}
.related-area .r-view .rvh-dropdown .dropdown-icon:after {
  background-color: #303030;
  color: #c1c1c1;
  top: -28px;
}
.related-area .r-view .rvh-dropdown span {
  color: #ffffff;
  display: inline-block;
  padding: 9px;
}
.related-area .r-view .rvh-option {
  width: 250px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.related-area .r-view .rvh-option .view {
  border-radius: 50%;
  background-color: #222;
  color: white;
}
.related-area .r-view .rvh-option span {
  margin-right: 15px;
  color: white;
}
.related-area .r-view .rvh-option span:last-child {
  margin-right: 5px;
}
.related-area .r-view .rvh-option div {
  width: 35px;
  height: 35px;
  color: #7d7d7d;
}
.related-area .r-view .rvh-option div:nth-child(3) {
  margin-right: 10px;
}
.related-area .r-view .down {
  margin-right: 20px!important;
  margin-left: 5px;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid white;
}
.related-area .r-v-data {
  overflow-y: auto;
  height: calc(100% - 50px);
}
.related-area .rv-list {
  display: flex;
  flex-direction: column;
  color: white;
}
.related-area .rv-list div {
  display: flex;
}
.related-area .rv-list > div {
  flex-direction: row;
  align-items: center;
  height: 60px;
  margin: 0 5px 0 15px;
}
.related-area .rv-list .rvl0 {
  flex-basis: 50px;
  align-items: center;
  justify-content: center;
}
.related-area .rv-list .rvl0 span {
  font-size: 22px;
}
.related-area .rv-list .rvl1 {
  flex-basis: 110px;
  align-items: center;
  justify-content: center;
}
.related-area .rv-list .rvl1 .thumb-h {
  max-width: 80px;
  max-height: 50px;
}
.related-area .rv-list .rvl2 {
  flex-grow: 1;
  width: 0;
  overflow: hidden;
}
.related-area .rv-list .rvl3 {
  flex-basis: 110px;
  padding-left: 10px;
}
.related-area .ml-10 {
  margin-left: 10px;
}
.related-area .rv-view {
  flex-direction: row;
  justify-content: flex-start;
  display: flex;
  flex-wrap: wrap;
  margin-top: 10px;
}
.related-area .rv-view > div {
  margin-left: 15px;
  margin-bottom: 15px;
  border-radius: 10px;
  overflow: hidden;
  position: relative;
}
.related-area .rv-view > div .thumb-h {
  max-width: unset;
}
.related-area .rv-mars {
  flex-direction: row;
  justify-content: flex-start;
  display: flex;
  flex-wrap: wrap;
  margin-top: 10px;
}
.related-area .rv-mars > div {
  margin-left: 15px;
  margin-bottom: 15px;
  border-radius: 10px;
  overflow: hidden;
  position: relative;
}
.related-area .chk {
  position: absolute;
  right: 10px;
  top: 10px;
  font-size: 22px;
  background-color: #ccc5c5;
  border-radius: 50%;
  color: #303030;
}
.related-area .rv-cover {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.4);
  display: flex;
  align-items: flex-end;
  padding: 5px;
  line-height: normal;
  color: white;
  word-break: break-all;
  text-align: left;
}
.related-area .rvl-header {
  border-bottom: 1px solid white;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.flex-center .related-file-item-stick {
  display: block;
  position: absolute;
  background-color: #000000;
  margin: 5px;
  padding: 2px 8px;
  color: #999999;
  border-radius: 14px;
  top: 0;
  left: 0;
}
#_pendo-badge_-SfEGjLUU9b2xA-u3-GXs3SJ0yI {
  display: none !important;
}
.bottom {
  width: 100%;
  min-width: 1000px;
  z-index: 9;
  height: 70px;
  overflow: visible;
  position: absolute;
  bottom: 0px;
  zoom: 1;
  background: #525252;
  text-align: center;
}
.bottom .bottom-left {
  padding-top: 1px;
  position: absolute;
  left: 0px;
  line-height: 69px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.bottom .bottom-left .operation-group {
  display: inline-block;
  vertical-align: middle;
  margin-left: 15px;
  float: left;
}
.bottom .bottom-left .operation-group .select-mode {
  color: #fff;
  font-size: 14px;
  cursor: pointer;
  vertical-align: middle;
}
.bottom .bottom-left .operation-group .select-options {
  color: #fff;
  display: inline-block;
}
.bottom .bottom-left .operation-group .select-options section {
  display: inline;
}
.bottom .bottom-left .operation-group .select-options span {
  font-size: 14px;
  cursor: pointer;
  margin-right: 15px;
  height: 20px;
  line-height: 20px;
}
.bottom .bottom-left .operation-group .select-options span.keyword-icon {
  width: 25px;
  height: 25px;
  background-image: url(img/icons.png);
  background-repeat: no-repeat;
  cursor: pointer;
  background-position: -361px -224px;
}
.bottom .bottom-left .operation-group .select-options span.tag-icon {
  width: 25px;
  height: 25px;
  background-image: url(img/icons.png);
  background-repeat: no-repeat;
  cursor: pointer;
  background-position: -506px -208px;
}
.bottom .bottom-left .operation-group .select-options span.icon-share {
  width: 25px;
  height: 25px;
  font-size: 18px;
  margin-top: 3px;
  text-align: left;
}
.bottom .bottom-left .operation-group .select-options span.trash-icon {
  width: 15px;
  height: 20px;
  background-image: url(img/icons.png);
  background-repeat: no-repeat;
  cursor: pointer;
  background-position: -396px -227px;
}
.bottom .bottom-left .operation-group .select-options span.icon-icn_reload_01 {
  width: 25px;
  height: 25px;
  font-size: 18px;
  margin-top: 3px;
  text-align: left;
}
.bottom .bottom-left .operation-group .select-options span.icon-remove {
  width: 25px;
  height: 25px;
  font-size: 18px;
  margin-top: 3px;
  text-align: left;
}
.bottom .bottom-left .operation-group .select-options span.icon-icn_delete {
  width: 25px;
  height: 25px;
  font-size: 18px;
  margin-top: 0px;
  text-align: left;
}
.bottom .bottom-left .operation-group .select-options span.icon-edit {
  width: 25px;
  height: 25px;
  font-size: 18px;
  margin-top: 3px;
  text-align: left;
}
.bottom .bottom-left .operation-group .select-options div.icon-more {
  width: 25px;
  height: 38px;
  font-size: 18px;
  margin-top: 6px;
  text-align: left;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 15px;
  line-height: 38px;
}
.bottom .bottom-left .operation-group .select-options {
  display: inline;
  overflow: hidden;
  color: #fff;
}
.bottom .bottom-left .operation-group .select-options span {
  display: inline-block;
  vertical-align: middle;
}
.bottom .bottom-left .add-album div {
  cursor: pointer;
}
.bottom .bottom-center {
  height: 59px;
  margin: 0 auto;
  padding-top: 11px;
  width: 700px;
}
.bottom .bottom-info {
  width: 500px;
  margin: 0 auto;
  padding-top: 35px;
}
.bottom .bottom-info .info {
  display: inline-block;
  width: 60px;
  height: 35px;
  line-height: 35px;
  cursor: pointer;
  background-color: #adadad;
  color: #ffffff;
  opacity: 0.6;
  font-size: 32px;
}
.bottom .bottom-info .info:hover {
  opacity: 1;
}
.bottom .bottom-center .item {
  display: inline-block;
  margin: 0 10px;
}
.bottom .bottom-center .item .num {
  font-weight: 300;
  font-size: 32px;
  line-height: 32px;
  color: #ffffff;
}
.bottom .bottom-center .item .text {
  font-size: 15px;
  line-height: 17px;
  color: #ffffff;
}
.bottom .bottom-right {
  position: absolute;
  padding-top: 2px;
  height: 43px;
  line-height: 66px;
  text-align: center;
  top: 0px;
  right: 0px;
  bottom: 0px;
  color: #ffffff;
}
.bottom .bottom-right .area-module {
  height: 67px;
  border-left: solid 1px #5d5d5d;
  padding: 0px 20px;
  display: inline-block;
  vertical-align: text-bottom;
}
.bottom .bottom-right .area-module.view-index span {
  margin-right: 4px;
  vertical-align: bottom;
  cursor: pointer;
  vertical-align: text-bottom;
}
.bottom .bottom-right .area-module div {
  display: inline;
  font-size: 18px;
  cursor: pointer;
  vertical-align: text-bottom;
}
.bottom .bottom-right .area-module div span {
  line-height: 69px;
}
.bottom .bottom-right .area-module .upload-btn {
  font-size: 18px;
  cursor: pointer;
  line-height: 69px;
}
.bottom .bottom-right .area-module .align-bottom {
  line-height: 18px;
  vertical-align: text-bottom;
}
.bottom .bottom-right .area-module .list-mode {
  width: 22px;
  height: 22px;
  background-position: -259px -296px !important;
  margin-right: 8px;
  vertical-align: bottom;
}
.bottom .bottom-right .area-module .list-mode.active {
  background-position: -284px -296px !important;
}
.bottom .bottom-right .area-module .thumbnail-mode {
  width: 22px;
  height: 22px;
  background-position: -309px -296px !important;
  vertical-align: bottom;
}
.bottom .bottom-right .area-module .thumbnail-mode.active {
  background-position: -334px -296px !important;
}
.mock-action-menu-item-hover {
  background-color: #ecebeb !important;
}
.icon-more .multi-action-menu {
  position: absolute;
  bottom: 45px;
  display: none;
}
.icon-more .multi-action-menu .item {
  min-width: 180px;
  background-color: #fff;
  height: 32px;
  border-bottom: 1px solid #ccc;
  line-height: 32px;
  color: #525252;
  white-space: nowrap;
}
.icon-more .multi-action-menu .item:hover {
  background-color: #ecebeb;
}
.icon-more .multi-action-menu .item div {
  display: inline-block;
  line-height: 32px;
  color: #525252;
}
.icon-more .multi-action-menu .item div.text-icon {
  font-size: 22px;
  vertical-align: middle;
  padding: 0 5px;
}
.icon-more .multi-action-menu .item div.text {
  font-family: 'canto-font';
  font-size: 14px;
  font-weight: 300;
  vertical-align: middle;
  margin-left: -5px;
  margin-right: 10px;
}
/* container-detail */
.container-bottom {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  z-index: 10;
}
.top-bar {
  width: 100%;
  height: 34px;
  line-height: 34px;
  text-align: center;
  vertical-align: middle;
  position: absolute;
  z-index: 20;
}
.top-bar .actions-area {
  position: absolute;
  margin-left: 18px;
  font-size: 16px;
}
.top-bar a {
  opacity: 0.8;
  line-height: 34px;
  cursor: pointer;
  color: #ffffff;
  margin-right: 5px;
}
.top-bar a:hover {
  opacity: 1;
  text-decoration: none;
  color: #525252;
}
.top-bar span {
  opacity: 0.8;
  line-height: 34px;
  color: #ffffff;
}
.top-bar .title-edit {
  width: 600px;
  height: 32px;
  display: inline-block;
  kerning: 0;
  margin-top: 1px;
  text-align: left;
  position: relative;
}
.top-bar .title-edit .title {
  position: absolute;
  width: 565px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  kerning: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  border: none;
  border-radius: 0;
  margin: 0px;
  padding: 0px 30px 0px 5px;
  outline: none;
  display: inline-block;
  font-weight: 300;
  font-size: 22px;
}
.top-bar .title-edit .edit-pencil {
  position: absolute;
  right: 5px;
  cursor: pointer;
  color: #474747;
  opacity: 0.3;
  font-size: 18px;
}
.top-bar .title-edit .title-loading {
  position: absolute;
  right: 5px;
  top: 8px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  display: inline-block;
  background-image: url('img/spinner.gif');
  background-repeat: no-repeat;
}
.top-bar .title-edit .invalid-tips {
  top: 35px;
  line-height: 1;
  display: block;
}
.top-bar .titleEditHover:hover,
.top-bar .titleEditStatus {
  background-color: #f2f2f2;
}
.top-bar .titleEditHover:hover .title,
.top-bar .titleEditStatus .title {
  color: #474747;
}
.top-bar .titleEditHover:hover .edit-pencil,
.top-bar .titleEditStatus .edit-pencil {
  opacity: 1;
}
.top-bar .close-btn {
  position: absolute;
  right: 30px;
  font-size: 20px;
  cursor: pointer;
  opacity: 0.8;
  line-height: 34px;
  display: inline;
}
.top-bar .close-btn:active {
  opacity: 1;
}
.container-detail {
  position: absolute;
  margin-top: 34px;
  zoom: 1;
  overflow-y: auto;
  z-index: 15;
  scrollbar-base-color: #C0C0C0;
  scrollbar-face-color: #626262;
  scrollbar-3dlight-color: #C0C0C0;
  scrollbar-highlight-color: #C0C0C0;
  scrollbar-track-color: #dddddd;
  scrollbar-arrow-color: black;
  scrollbar-shadow-color: #C0C0C0;
  scrollbar-dark-shadow-color: #C0C0C0;
}
.container-detail .sub-title {
  margin-bottom: 5px;
  color: #474747;
  font-weight: 700;
  font-size: 14px;
  margin-left: 20px;
}
.container-detail .sub-title__desc {
  margin: -10px 20px;
}
.container-detail .sub-title__sub-desc {
  margin: 20px 20px -5px;
  font-style: italic;
}
.container-detail .user-selector {
  margin-left: 15px;
}
.container-detail .folder {
  font-size: 250px;
  color: #c1c1c1;
}
.container-detail .cover-bg {
  margin-left: -251px;
  width: 252px;
  margin-top: 74px;
  height: 160px;
  border-radius: 0 25px 25px 25px;
}
.container-detail .cover-set {
  height: 30px;
  margin-bottom: 30px;
}
.container-detail .cover-set .file {
  margin-left: -500px;
  height: 1px;
}
.container-detail button {
  border-radius: 25px;
  min-width: 80px;
}
.container-detail .box {
  border-width: 1px;
  border-style: solid;
  border-radius: 5px;
  padding-top: 20px;
  margin-bottom: 20px;
}
.container-detail .gray-line {
  width: 100%;
  height: 1px;
  border-top: 1px solid #bcbcbc;
  border-bottom: none;
  margin-top: 22px;
  margin-bottom: 0px;
}
.container-detail .container-keyphoto {
  width: 100%;
  height: 350px;
  vertical-align: middle;
  overflow: hidden;
  text-align: center;
  border-radius: 5px;
  position: relative;
  z-index: -1;
}
.container-detail .container-keyphoto .preview-keyphoto {
  overflow: hidden;
  margin-top: -240px;
  width: 220px;
  height: 220px;
  margin-left: calc(50% - 110px);
}
.container-detail .container-keyphoto .keyphoto-border {
  width: 260px;
  margin-top: 20px;
}
.container-detail .container-keyphoto .loading-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.container-detail .container-thumbnail {
  width: 100%;
  height: 300px;
  line-height: 262px;
  text-align: center;
  vertical-align: middle;
  font-weight: 300;
  font-size: 30px;
  background-color: transparent;
  border: 1px solid #cccccc;
  border-radius: 5px;
  background-color: black;
}
.container-detail .container-thumbnail .new-detail-thumb-img {
  font-size: 60px;
}
.container-detail .thumb-img {
  max-width: none !important;
  vertical-align: middle;
  cursor: default;
}
.container-detail .left-info {
  float: left;
  padding: 20px;
  z-index: 5;
  padding-top: 0px;
}
.container-detail .left-info .container-thumbnail {
  z-index: 10;
  position: relative;
}
.container-detail .left-info .f-border {
  position: absolute;
  top: 10px;
  height: 20px;
  line-height: 20px;
  right: 30px;
  display: flex;
}
.container-detail .left-info .f-border .f-b-info {
  font-weight: 700;
  font-size: 15px;
  margin-right: 8px;
}
.container-detail .left-info .f-border .f-b-icon {
  display: flex;
  align-items: center;
  justify-content: center;
}
.container-detail .left-info .actions-area {
  margin-top: -50px;
  text-align: right;
  padding-right: 30px;
  height: 50px;
  z-index: 20;
  position: relative;
}
.container-detail .left-info .actions-area a,
.container-detail .left-info .actions-area span {
  text-decoration: none;
  font-size: 18px;
  margin-left: 10px;
  color: white;
}
.container-detail .left-info .count {
  margin-bottom: 20px;
}
.container-detail .left-info .count .num {
  font-weight: 500;
  font-size: 32px;
  text-align: left;
  margin-bottom: 20px;
}
.container-detail .left-info .count .type {
  font-weight: 500;
  font-size: 32px;
  text-align: left;
  margin-bottom: 20px;
}
.container-detail .left-info .count .size {
  font-weight: 500;
  font-size: 32px;
  text-align: left;
  margin-bottom: 20px;
  margin-left: 30px;
}
.container-detail .left-info .field dt,
.container-detail .left-info .field dd {
  display: inline-block;
}
.container-detail .left-info .field .field-name {
  font-weight: 600;
  font-size: 12px;
  text-align: left;
  padding-bottom: 5px;
  padding-right: 5px;
}
.container-detail .left-info .field .field-value {
  font-weight: 300;
  font-size: 12px;
  text-align: left;
  padding-bottom: 5px;
}
.container-detail .left-info .field .field-copy {
  margin-left: 5px;
}
.container-detail .left-info .field .field-copy-msg {
  margin-left: 10px;
}
.container-detail hr {
  border-top: 1px solid #ccc;
}
.container-detail .box-content {
  padding: 20px 20px 40px;
}
.container-detail .box-content.input-box-up {
  padding-bottom: 0px;
}
.container-detail .comments-in-folder-detail {
  position: relative;
}
.container-detail .comments-in-folder-detail user-selector {
  position: absolute;
  float: left;
  width: 100%;
  left: -15px;
  top: 165px;
}
.container-detail .middle-info {
  float: left;
}
.container-detail .middle-info .sub-title {
  margin-left: 20px;
}
.container-detail .middle-info .edit-btn {
  margin-right: 20px;
}
.container-detail .middle-info .comment textarea {
  border: none;
  background-color: transparent;
}
.container-detail .download-num {
  float: right;
}
.container-detail .download-num .num {
  float: left;
  margin-top: 5px;
  font-weight: 300;
  font-size: 12px;
}
.container-detail .desc-text-area {
  height: 130px;
  resize: none;
  box-shadow: none;
  border: none;
  background: none;
  border-radius: 0px;
  padding: 1px;
  margin-top: 5px;
  margin-left: 5px;
  font-weight: 300;
  font-size: 13px;
  scrollbar-base-color: #C0C0C0;
  scrollbar-face-color: #626262;
  scrollbar-3dlight-color: #C0C0C0;
  scrollbar-highlight-color: #C0C0C0;
  scrollbar-track-color: #dddddd;
  scrollbar-arrow-color: black;
  scrollbar-shadow-color: #C0C0C0;
  scrollbar-dark-shadow-color: #C0C0C0;
}
.container-detail .desc-text-area:disabled {
  cursor: default;
}
.container-detail .desc-placeholder-area {
  overflow-y: auto;
  white-space: pre-wrap;
  margin: 5px 0 10px 5px;
  padding: 1px 1px 1px 10px;
  letter-spacing: normal;
  word-spacing: normal;
  text-transform: none;
  text-indent: 0px;
  text-shadow: none;
  display: inline-block;
  text-align: start;
  word-wrap: break-word;
}
.container-detail .desc-text-area::-webkit-scrollbar-thumb {
  background-color: #fa531c;
  height: 50px;
  outline-offset: -2px;
}
.container-detail .desc-text-area::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.container-detail .desc-text-area::-webkit-scrollbar-track-piece {
  background-color: #dddddd;
  -webkit-border-radius: 0;
}
.container-detail .edit-btn {
  float: right;
  font-size: 18px;
  cursor: pointer;
}
.container-detail .edit-btn:hover {
  opacity: 1;
}
.container-detail .right-info {
  float: right;
  padding: 0px;
  padding-left: 10px;
  padding-right: 20px;
  z-index: 5;
}
.container-detail .copyTag-btn {
  float: right;
  margin-right: 20px;
  cursor: pointer;
}
.container-detail .copyTag-info {
  float: right;
  margin-right: 10px;
  font-size: 14px;
  font-weight: normal!important;
}
.container-detail .keyword {
  position: relative;
  height: 32px;
}
.container-detail .keyword select {
  display: inline-block;
  border-width: 1px;
  border-style: solid;
  padding: 4px 3px 3px .7em !important;
  margin: 0;
  font: inherit;
  outline: none;
  /* remove focus ring from Webkit */
  line-height: 1.2;
  height: 32px;
  width: 100%;
  -webkit-appearance: none;
  /* remove the strong OSX influence from Webkit */
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
}
.container-detail .keyword option {
  font-weight: normal;
  font-size: 15px;
  color: #626262;
  color: #4a4a4a;
}
.container-detail .keyword .select-edit {
  width: calc(100% - 31px);
}
.container-detail .keyword:after {
  font-family: 'icomoon' !important;
  content: "\e908";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  font-size: 60%;
  line-height: 30px;
  padding: 0 7px;
  border-top: 1px solid ;
  border-right: 1px solid ;
  border-bottom: 1px solid ;
  pointer-events: none;
  -webkit-border-radius: 0 25px 25px 0;
  -moz-border-radius: 0 25px 25px 0;
  border-radius: 0 25px 25px 0;
  font-size: 18px;
  color: inherit;
}
.container-detail .input-box {
  line-height: 32px;
  height: auto;
}
.container-detail .input-box .keyword-input {
  height: 32px;
  float: left;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  box-shadow: none;
  padding: 5px 0px;
  margin: 0px;
  width: 280px;
  font-size: 13px;
  color: #474747;
  background-color: #f9f9f9;
  overflow: hidden;
  cursor: pointer;
  margin-right: 2px;
  outline: none;
  border: none;
}
.container-detail .input-box .tag-input {
  height: 32px;
  float: left;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  box-shadow: none;
  padding: 0px;
  margin: 0px;
  text-indent: 10px;
  width: 100%;
  outline: none;
  font-size: 13px;
  color: inhert;
  background-color: inhert;
}
.container-detail .input-box .tag-input::-webkit-input-placeholder {
  color: #999999 !important;
}
.container-detail .container-box {
  display: block;
  width: 100%;
  overflow-x: hidden;
  overflow-y: hidden;
  min-height: 23px;
  padding-top: 5px;
}
.container-detail .container-box.fixedHeight {
  height: 62px;
}
.container-detail .shrink {
  transform: rotate(180deg);
}
.container-detail .tag-keyword-box {
  float: left;
  margin: 5px 0px 0px 3px;
  padding: 0px 18px;
  font-size: 14px;
  color: #474747;
  overflow-y: hidden;
  border: solid 1px #E8E8E8;
  border-radius: 26px;
  line-height: 20px;
  font-weight: 500;
  position: relative;
  padding-right: 26px;
  padding-left: 10px;
}
.container-detail .tag-keyword-box:hover {
  background: #f2f2f2;
}
.container-detail .tag-keyword-box .text {
  float: left;
  width: auto;
  overflow-y: hidden;
}
.container-detail .tag-keyword-box .tag-keyword-del-btn {
  line-height: 20px;
  font-weight: 600;
  cursor: pointer;
  position: absolute;
  font-size: 16px;
  margin-left: 5px;
}
.container-detail .add-btn {
  width: 32px;
  height: 32px;
  background: none;
  box-shadow: none;
  border: none;
  text-decoration: none;
  float: right;
  font-size: 28px;
  color: #474747;
  outline: none;
  font-weight: 300;
}
.container-detail .add-btn:hover {
  background-color: #cacaca;
  color: #ffffff;
}
.container-detail .add-btn:active {
  background-color: #545454;
  color: #ffffff;
}
.container-detail .relationship-area {
  width: 100%;
  height: 230px;
  line-height: 230px;
  vertical-align: middle;
  text-align: center;
  margin-top: 6px;
  background-color: #525252;
}
.container-detail .relationship-area .btn-box {
  height: 30px;
  line-height: 30px;
  position: absolute;
  margin-top: -50px;
}
.container-detail .relationship-area .btn-box .folder-btn {
  height: 30px;
  line-height: 30px;
  padding-left: 10px;
  padding-right: 10px;
  vertical-align: middle;
  text-align: center;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  box-shadow: none;
  border: none;
  color: #ffffff;
  font-size: 16px;
  background-color: #ec5f0a;
}
.container-detail .curated-select > div {
  margin-bottom: 5px;
}
.container-detail .curated-selected {
  padding: 8px 10px;
  display: flex;
}
.container-detail .curated-selected .c-name {
  flex-grow: 1;
  font-weight: 600;
  font-size: 12px;
  padding-left: 5px;
}
.container-detail .permission-bar {
  display: inline-block;
  width: 100%;
  margin-bottom: 10px;
}
.container-detail .permission-bar .protected-checkbox {
  margin: 0px;
  height: 11px;
  cursor: pointer;
}
.container-detail .permission-bar .protected-checkbox:focus {
  outline: 1px solid #a6c8ff!important;
}
.container-detail .permission-bar .text {
  font-weight: 600;
  font-size: 12px;
  font-weight: 400;
  font-size: 14px;
}
.container-detail .permission-bar .text + span {
  display: block;
  font-size: 12px;
  margin-left: 16px;
}
.container-detail .permission-bar .save-btn {
  float: right;
  width: 25px;
  height: 25px;
  cursor: pointer;
  background-position: -451px -242px;
  margin-top: 4px;
}
.container-detail .permission-datagrid {
  float: left;
  margin-bottom: 10px;
  font-size: 12px;
}
.container-detail .permission-datagrid .grid-th {
  height: 30px;
  background: #d4d4d4;
  color: #4b4b4b;
  font-size: 12px;
}
.container-detail .permission-datagrid .td-delete-btn {
  width: 14px;
  height: 14px;
  cursor: pointer;
  visibility: hidden;
  background: transparent;
  color: #474747;
  font-size: 14px;
  text-align: center;
  line-height: 14px;
}
.container-detail .permission-datagrid .grid-tr {
  height: 30px;
  font-size: 12px;
}
.container-detail .permission-datagrid .grid-tr .td-delete-btn {
  visibility: visible;
}
.container-detail .permission-datagrid .grid-border-none {
  height: 30px;
  font-size: 12px;
  border-bottom: 1px solid #9b9b9b;
  border-style: none;
}
.container-detail .permission-datagrid .grid-border-none:hover .td-delete-btn {
  visibility: visible;
}
.container-detail .permission-datagrid .user-name {
  padding-left: 10px;
  font-weight: 600;
  font-size: 12px;
}
.container-detail .permission-datagrid .tr-checkbox {
  width: 20px;
  text-align: center;
}
.container-detail .permission-datagrid .tr-checkbox input[type="checkbox"][disabled] {
  cursor: default;
}
.container-detail .permission-datagrid .td-operate {
  width: 20px;
  text-align: center;
}
.container-detail .permission-datagrid .group-user-icon {
  width: 20px;
  font-size: 14px;
}
.container-detail .footer {
  color: #ffffff;
  font-size: 16px;
  text-align: left;
  background-color: #939393;
  min-height: 32px;
  line-height: 32px;
  text-indent: 10px;
}
.container-detail .bottom-area {
  position: fixed;
  bottom: 0px;
  z-index: 0;
  width: 100%;
  height: 35px;
  margin: 0 auto;
  text-align: center;
  left: 0px;
}
.container-detail .bottom-area .up-btn {
  margin: 0px auto;
  width: 60px;
  height: 35px;
  line-height: 35px;
  cursor: pointer;
  background-color: #adadad;
  opacity: 0.6;
  font-size: 32px;
  color: #ffffff;
}
.container-detail .bottom-area .up-btn:hover {
  opacity: 1;
}
.container-detail .permission-bar .save-btn,
.container-detail .td-delete-btn {
  background-image: url(img/icons.png);
  background-repeat: no-repeat;
}
.container-detail select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.container-detail .portal-detail {
  padding: 0 20px 0;
  margin-bottom: 20px;
  max-height: 225px;
  overflow-y: auto;
}
.container-detail .portal-detail .portal-item {
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 14px;
  display: block;
  color: inherit;
  text-decoration: none;
}
.container-detail .portal-detail .portal-item .portal-title {
  display: inline-block;
}
.container-detail::-webkit-scrollbar-thumb {
  background-color: #626262;
  height: 50px;
  outline-offset: -2px;
}
.container-detail::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.container-detail::-webkit-scrollbar-track-piece {
  background-color: #dddddd;
  -webkit-border-radius: 0;
}
.uploadlink-detail > div {
  height: 100%;
}
.uploadlink-detail .upload-detail-layout {
  height: 100%;
}
.uploadlink-detail.settings-common {
  height: auto;
  bottom: 0;
  padding-bottom: 10px;
  z-index: 10;
}
.uploadlink-detail.settings-common .upload-header-bar {
  right: 40px;
  top: 40px;
}
.uploadlink-detail .b-save {
  right: 65px!important;
}
.uploadlink-detail .b-close {
  font-weight: 600;
}
.uploadlink-detail .tab-content {
  right: 40px;
  left: 40px;
  width: auto!important;
}
.uploadlink-detail .upload-content-title {
  display: none;
}
.uploadlink-detail .search-table {
  margin-bottom: 10px;
}
.uploadlink-detail .search-table tr,
.uploadlink-detail .search-table td,
.uploadlink-detail .search-table thead {
  border: 0!important;
}
.uploadlink-detail table {
  table-layout: fixed;
  margin-bottom: 0px;
}
.uploadlink-detail th {
  text-transform: capitalize;
  padding-left: 0!important;
  font-weight: normal!important;
  border: 0;
}
.uploadlink-detail td {
  padding-left: 0!important;
  font-weight: normal !important;
  border: 0px!important;
  padding-top: 10px!important;
  padding-bottom: 0px!important;
}
.uploadlink-detail tr {
  border: 0px!important;
}
.uploadlink-detail thead {
  border-bottom: 1px solid;
}
.uploadlink-detail #uploadlinkDiv {
  width: 100%;
  padding: 35px 20px;
  overflow-y: auto;
  height: 100%;
}
.uploadlink-detail #uploadlinkDiv .box {
  border-width: 1px;
  border-style: solid;
  border-radius: 5px;
  padding-top: 20px;
  margin-bottom: 30px;
}
.uploadlink-detail #uploadlinkDiv .box .r-btn {
  margin-top: -8px;
  margin-right: 30px;
  float: right;
}
.uploadlink-detail #uploadlinkDiv .box-content {
  padding: 0 20px 20px;
}
.uploadlink-detail #uploadlinkDiv .box-content .upload-section-title,
.uploadlink-detail #uploadlinkDiv .box-content .list-header,
.uploadlink-detail #uploadlinkDiv .box-content .upload-notified-all {
  display: none;
}
.uploadlink-detail #uploadlinkDiv .box-content .upload-section .section:nth-child(0),
.uploadlink-detail #uploadlinkDiv .box-content .upload-section .section:nth-child(1),
.uploadlink-detail #uploadlinkDiv .box-content .upload-section .section:nth-child(2),
.uploadlink-detail #uploadlinkDiv .box-content .upload-section .section:nth-child(3),
.uploadlink-detail #uploadlinkDiv .box-content .upload-section .section:nth-child(4) {
  display: none;
}
.uploadlink-detail #uploadlinkDiv .box-content .upload-section .circle-button {
  background: none;
}
.uploadlink-detail #uploadlinkDiv .F3,
.uploadlink-detail #uploadlinkDiv td {
  color: inherit!important;
}
.uploadlink-detail input,
.uploadlink-detail textarea {
  width: 100%;
  background-color: inherit!important;
}
.uploadlink-detail .action-col {
  text-align: right;
}
.container-dialog .modal-dialog {
  width: 720px;
}
.container-dialog .input_Content {
  display: flex;
  align-items: flex-end;
}
.container-dialog .input_Content .col_item1 {
  padding-right: 20px;
  width: 400px;
  flex-grow: 0;
  flex-shrink: 0;
}
.container-dialog .input_Content .col_item2 {
  width: 170px;
  padding-right: 20px;
}
.container-dialog .input_Content button {
  margin-right: 3px;
}
.container-dialog input {
  height: 32px;
}
.container-dialog button.btn-default {
  line-height: 16px!important;
  flex-shrink: 0;
  margin-left: auto;
}
.container-dialog .content-list {
  margin-top: 20px;
}
.container-dialog .content-list .sc-item {
  padding-bottom: 10px;
  line-height: 1.2;
}
.container-dialog .content-list .sc-list {
  border-top: 1px solid;
  overflow-y: auto;
  padding-top: 10px;
  max-height: 290px;
}
.container-dialog .content-list .sc-list div {
  align-items: flex-start;
}
.container-dialog .content-list .row-item1 {
  width: 401px;
  padding-left: 10px;
  word-break: break-word;
  padding-right: 30px;
}
.container-dialog .content-list .custom-tooltip-icon {
  display: inline-block;
  position: relative;
  cursor: pointer;
  margin-left: 4px;
  font-size: 16px;
  vertical-align: middle;
}
.container-dialog .content-list .tooltip.custom-warning-tooltip {
  top: unset !important;
  left: auto !important;
  bottom: 26px;
  transform: translateY(-58px) translateX(-213px) !important;
  z-index: 9999 !important;
  max-width: none !important;
  width: auto !important;
  /* Allow dynamic width */
}
.container-dialog .content-list .tooltip.custom-warning-tooltip .tooltip-inner {
  background-color: #1E2B40 !important;
  color: #fff !important;
  font-family: 'Roboto', sans-serif !important;
  font-size: 14px !important;
  width: 500px !important;
  min-width: 500px !important;
  max-width: 500px !important;
  padding: 2px 8px !important;
  line-height: 18px;
  border-radius: 4px !important;
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15);
  text-align: left !important;
  white-space: normal !important;
  overflow-wrap: break-word !important;
  word-break: break-word !important;
  opacity: 0.9 !important;
  height: auto !important;
  max-height: 40px !important;
}
.container-dialog .content-list .modal-content,
.container-dialog .content-list .modal-body {
  overflow: visible !important;
}
.container-dialog .content-list .icon1 {
  margin-left: auto;
  margin-right: 10px;
}
.container-dialog .content-list .icon2 {
  margin-right: 3px;
}
.container-dialog .content-list .no_remove {
  width: 16px;
}
.container-dialog .content-list .edit-sec {
  padding: 5px 0px 5px 10px;
  display: flex;
  align-items: center!important;
}
.container-dialog .content-list .edit-sec.no-save .icon1 {
  display: none;
}
.container-dialog .content-list .edit-sec.no-save .icon2 {
  margin-left: auto;
}
.container-dialog .content-list .edit-name {
  width: 371px;
  margin-right: 20px;
}
.container-dialog .content-list .edit-lang {
  width: 150px;
}
@keyframes related-files-animation-hide {
  0% {
    margin-top: 0;
    opacity: 0.8;
  }
  100% {
    margin-top: 65px;
    opacity: 0;
  }
}
@keyframes related-files-animation-show {
  0% {
    margin-top: 65px;
    opacity: 0.8;
  }
  100% {
    margin-top: 0;
    opacity: 0.8;
  }
}
.redColor {
  color: red!important;
}
.preview-watermark {
  position: absolute;
  opacity: 0.5;
  height: auto;
}
.preview-watermark.img-pos-1 {
  top: 0;
  left: 0;
}
.preview-watermark.img-pos-2 {
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
}
.preview-watermark.img-pos-3 {
  top: 0;
  right: 0;
}
.preview-watermark.img-pos-4 {
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
}
.preview-watermark.img-pos-5 {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
.preview-watermark.img-pos-6 {
  top: 50%;
  right: 0;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
}
.preview-watermark.img-pos-7 {
  bottom: 0;
  left: 0;
}
.preview-watermark.img-pos-8 {
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
}
.preview-watermark.img-pos-9 {
  bottom: 0;
  right: 0;
}
.preview-watermark.single-text {
  display: inline-block;
  overflow: hidden;
  height: 100%;
  position: relative;
  opacity: 1;
}
.preview-watermark.multi-text {
  display: inline-block;
  overflow: hidden;
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  position: relative;
}
.bar::-webkit-scrollbar-thumb {
  background-color: #626262;
  height: 50px;
  outline-offset: -2px;
}
.bar::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.bar::-webkit-scrollbar-track-piece {
  background-color: #dddddd;
  -webkit-border-radius: 0;
}
.detail-dialog1 {
  top: 145px!important;
  position: fixed!important;
}
.detail-dialog {
  width: 100%;
  height: 100%;
  min-width: 1280px;
  position: absolute;
  zoom: 1;
  overflow: hidden;
  z-index: 12;
}
.detail-dialog .modal-footer button {
  min-width: 87px;
}
.detail-dialog .modal-body .album-container button {
  padding-top: 0px;
}
.detail-dialog .modal-body .album-container br {
  display: none;
}
.detail-dialog .modal-body .comment-section .user-selector-items {
  max-height: 250px;
  overflow-y: auto;
  padding-right: 10px;
  width: 245px;
}
.detail-dialog .modal-body .comment-section .user-selector-items::-webkit-scrollbar-thumb {
  background-color: #626262;
  height: 50px;
  outline-offset: -2px;
}
.detail-dialog .modal-body .comment-section .user-selector-items::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.detail-dialog .modal-body .comment-section .user-selector-items::-webkit-scrollbar-track-piece {
  background-color: #dddddd;
  -webkit-border-radius: 0;
}
.detail-dialog .modal-body .comment-section #content-comment-box {
  height: auto;
  margin-top: 20px;
  max-height: none;
  overflow-y: inherit;
}
.detail-dialog .modal-body .comment-section #content-comment-box::-webkit-scrollbar-thumb {
  background-color: #626262;
  height: 50px;
  outline-offset: -2px;
}
.detail-dialog .modal-body .comment-section #content-comment-box::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.detail-dialog .modal-body .comment-section #content-comment-box::-webkit-scrollbar-track-piece {
  background-color: #dddddd;
  -webkit-border-radius: 0;
}
.detail-dialog .modal-body .content-detail {
  width: 100%;
  position: relative;
}
.detail-dialog .modal-body .content-detail .tag,
.detail-dialog .modal-body .content-detail .smart-title {
  display: none;
}
.detail-dialog .modal-body .content-detail .content {
  width: 100%;
  position: relative;
}
.detail-dialog .modal-body .content-detail .content .info-area {
  width: 100%;
  position: relative;
}
.detail-dialog .modal-body .content-detail .content .info-area .content-area {
  padding: 0px;
}
.detail-dialog .modal-body .content-detail .content .info-area .content-area .nos {
  display: inherit;
}
.detail-dialog .modal-body .content-detail .content .info-area .content-area > section,
.detail-dialog .modal-body .content-detail .content .info-area .content-area > div {
  margin-top: 0px;
  border: none;
  overflow: hidden;
}
.detail-dialog .modal-body .content-detail .content .info-area .content-area > section .second-title,
.detail-dialog .modal-body .content-detail .content .info-area .content-area > div .second-title {
  display: none;
}
.detail-dialog .modal-body .content-detail .content .info-area .content-area > section .second-content,
.detail-dialog .modal-body .content-detail .content .info-area .content-area > div .second-content {
  padding: 0px;
}
.detail-dialog .modal-body .content-detail .content .info-area .new-content .in-this-album {
  max-height: none;
  overflow-y: inherit;
}
.detail-dialog .opacity03-btn {
  cursor: pointer;
}
.detail-dialog #new-preview-container {
  position: absolute;
  width: 100%;
  top: 60px;
  height: calc(100vh - 120px);
  margin: 0;
  border: none;
  transition: height ease .2s;
}
.detail-dialog #new-preview-container.-related {
  height: calc(100vh - 267px);
}
.detail-dialog #new-preview-ui {
  position: relative;
  width: 100%;
  height: 100%;
}
.detail-dialog #new-preview-ui .mat-slider-ticks-container {
  background-color: #c0c0c0 !important;
}
.detail-dialog #new-preview-ui .mat-slider-thumb {
  background-color: #ff4081 !important;
}
.detail-dialog .content-top-bar {
  width: 100%;
  text-align: left;
  vertical-align: middle;
  background-color: inherit;
  z-index: 20;
  border-bottom: 1px solid;
  height: 60px;
  line-height: 61px;
  padding-top: 9px;
  padding-left: 20px;
}
.detail-dialog .content-top-bar .title-edit .title-loading {
  top: 8px;
}
.detail-dialog .content-top-bar .actions-area {
  position: absolute;
  margin-left: 18px;
  font-size: 16px;
  line-height: 37px;
}
.detail-dialog .content-top-bar .actions-area .left-a {
  position: absolute;
  top: 3px;
  left: 0px;
}
.detail-dialog .content-top-bar .actions-area .a-op {
  margin-left: 52px;
}
.detail-dialog .content-top-bar a,
.detail-dialog .content-top-bar span {
  opacity: 1;
  line-height: 34px;
  cursor: pointer;
  color: black;
  font-size: 28px;
  font-weight: 600;
}
.detail-dialog .content-top-bar a:hover,
.detail-dialog .content-top-bar span:hover {
  opacity: 1;
  text-decoration: none;
  color: #525252;
}
.detail-dialog .content-top-bar span {
  opacity: 1;
  line-height: 34px;
  color: #ffffff;
  font-weight: 400;
}
.detail-dialog .content-top-bar .pointer {
  cursor: pointer;
}
.detail-dialog .content-top-bar .number-text {
  padding: 0px 5px 0px 0px;
}
.detail-dialog .content-top-bar .copy-to-indesign-over {
  color: #525252 !important;
}
.detail-dialog .title-edit {
  width: 1000px;
  height: 32px;
  display: inline-block;
  kerning: 0;
  margin-top: 5px;
  text-align: left;
  position: relative;
}
.detail-dialog .title-edit .title {
  position: absolute;
  width: 100%;
  height: 32px;
  line-height: 28px;
  text-align: left;
  kerning: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  border-radius: 0;
  margin: 0px;
  padding: 0px 0px 0px 5px;
  outline: none;
  display: inline-block;
  font-size: 28px;
}
.detail-dialog .title-edit input.title {
  font-size: 20px;
  line-height: 20px;
}
.detail-dialog .title-edit .edit-pencil {
  position: absolute;
  cursor: pointer;
  right: 5px;
  color: #474747;
  opacity: 0.3;
  font-size: 18px;
}
.detail-dialog .title-edit .title-loading {
  position: absolute;
  right: 5px;
  top: 22px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  display: inline-block;
  background-image: url('img/spinner.gif');
  background-repeat: no-repeat;
}
.detail-dialog .title-edit .invalid-tips {
  top: 35px;
  line-height: 1;
  display: block;
}
.detail-dialog .titleEditHover:hover,
.detail-dialog .titleEditStatus {
  background-color: #C1C1C1;
}
.detail-dialog .titleEditHover:hover .edit-pencil,
.detail-dialog .titleEditStatus .edit-pencil {
  opacity: 1;
}
.detail-dialog input[type="text"] {
  height: 32px;
  width: 100%;
}
.detail-dialog .download-text {
  position: absolute;
  left: 25px;
  kerning: 0;
  display: inline-block;
  font-weight: lighter;
  font-size: 32px;
  color: #009feb;
  font-size: 18px;
}
.detail-dialog .close-btn {
  position: absolute;
  right: 28px;
  color: black;
  opacity: 1;
  display: inline;
  border-radius: 5em;
  width: 32px;
  height: 32px;
  background-color: rgba(0, 0, 0, 0.1);
  cursor: pointer;
  display: inline-block;
  text-align: center;
  line-height: 32px;
  font-size: 18px!important;
  margin-top: 5px;
  font-weight: 400;
}
.detail-dialog .close-btn:active {
  opacity: 1;
}
.detail-dialog .bottom-area {
  position: absolute;
  z-index: 5;
  width: 100%;
  bottom: 0px;
  margin: 0 auto;
}
.detail-dialog .bottom-area .label-down {
  display: block;
}
.detail-dialog .bottom-area .down-btn {
  width: 60px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-color: #474747;
  margin: 0px auto;
  color: #f2f2f2;
  font-size: 32px;
}
.detail-dialog .bottom-area .down-btn:hover {
  background-color: #646464;
}
.detail-dialog .statistical {
  border-bottom: 1px solid;
  border-color: inherit;
  float: left;
}
.detail-dialog .statistical > span {
  display: block;
  font-size: 24px;
  color: inherit;
}
.detail-dialog .statistical:last-child {
  border-bottom: 0px;
}
.detail-dialog .statistical-p {
  margin-right: 5px;
  border-radius: 5em;
  width: 32px;
  height: 32px;
  cursor: pointer;
  display: inline-block;
  text-align: center;
  line-height: 33px!important;
  font-size: 20px!important;
  margin-top: 5px;
}
.detail-dialog .statistical-p .mdc-icon {
  width: 20px;
  height: 20px;
}
.hotspots {
  width: 40px;
  height: 40px;
  position: absolute;
  background-repeat: no-repeat;
}
.hotspots .hotspot {
  position: relative;
  border-radius: 50%;
  background: #FF4070;
  opacity: 0.65;
  transition: opacity 0.5s;
  cursor: move;
  font-size: 14px;
  z-index: 9;
  color: #ffffff;
  line-height: 40px;
  font-weight: bold;
}
.hotspots .hotspot:hover,
.hotspots .hotspot:active {
  opacity: 0.95;
}
.comments-mentions {
  cursor: default;
  position: absolute;
  z-index: 10;
  text-align: left;
  left: -22px;
  top: 55px;
  width: 400px;
  background: #fefefe;
  border-radius: 5px;
  padding: 5px 8px;
  box-sizing: border-box;
  box-shadow: 0 0 0 1px rgba(50, 65, 95, 0.12), 0 0 8px rgba(51, 60, 78, 0.07);
  margin-left: 0;
  margin-top: 0;
  opacity: 0;
  line-height: 1;
}
.comments-mentions .comments-dropdown {
  position: absolute;
  left: 34px;
  top: -13px;
  font-size: 20px;
  transform: rotate(180deg);
}
.comments-mentions.cvst-bottom-left {
  left: 62px;
  transform: translateX(-100%);
}
.comments-mentions.cvst-bottom-left .comments-dropdown {
  left: auto;
  right: 34px;
}
.comments-mentions.cvst-left-bottom {
  left: auto;
  transform: translateX(-100%);
  margin-left: -15px;
  top: -20px;
}
.comments-mentions.cvst-left-bottom .comments-dropdown {
  top: 34px;
  left: auto;
  transform: rotate(90deg);
}
.comments-mentions.cvst-top-right {
  transform: translateY(-100%);
  left: -22px;
  top: -15px;
}
.comments-mentions.cvst-top-right .comments-dropdown {
  top: auto;
  transform: rotate(0deg);
  left: 34px;
  bottom: -13px;
}
.comments-mentions.cvst-right-bottom {
  left: auto;
  margin-left: 55px;
  top: -20px;
}
.comments-mentions.cvst-right-bottom .comments-dropdown {
  top: 34px;
  transform: rotate(-90deg);
}
.comments-mentions.cvst-right-top {
  left: auto;
  margin-left: 55px;
  margin-top: 60px;
  top: 0;
  transform: translateY(-100%);
}
.comments-mentions.cvst-right-top .comments-dropdown {
  top: auto;
  bottom: 34px;
  transform: rotate(-90deg);
}
.comments-mentions.cvst-left-top {
  left: auto;
  margin-left: -15px;
  top: 60px;
  transform: translate3d(-100%, -100%, 0);
}
.comments-mentions.cvst-left-top .comments-dropdown {
  top: auto;
  bottom: 34px;
  left: auto;
  transform: rotate(90deg);
}
.comments-mentions.cvst-top-left {
  transform: translate3d(-100%, -100%, 0);
  left: 60px;
  top: -15px;
}
.comments-mentions.cvst-top-left .comments-dropdown {
  top: auto;
  transform: rotate(0deg);
  left: auto;
  right: 34px;
  bottom: -13px;
}
.comments-mentions div,
.comments-mentions header,
.comments-mentions footer {
  line-height: normal;
}
.comments-mentions::after {
  top: -17px;
  border-bottom-color: rgba(50, 65, 95, 0.12);
  z-index: 1;
}
.comments-mentions header {
  margin-bottom: 8px;
  float: left;
  clear: both;
  width: 100%;
  padding: 19px 5px 0 18px;
  box-sizing: border-box;
}
.comments-mentions header .text {
  float: left;
}
.comments-mentions header .button-close {
  position: relative;
  z-index: 100;
  font-size: 14px;
  font-weight: 400;
  opacity: 1;
  padding: 0 12px;
  float: right;
  border: none;
  background: transparent;
  outline: none;
}
.comments-mentions footer {
  padding: 0 15px 10px;
}
.comments-mentions footer .btn {
  float: right;
  height: 32px;
  border: 1px solid transparent;
  font-weight: bold;
  font-size: 14px;
  border-radius: 25px;
  max-width: 300px;
  min-width: 70px;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 18px;
}
.comments-mentions #imgSpot-comment-box {
  margin: 0;
  margin-top: 10px;
  padding: 0 15px;
  max-width: 420px;
  max-height: 330px;
  overflow-y: auto;
}
.comments-mentions #imgSpot-comment-box > div {
  padding: 5px 0;
}
.comments-mentions #imgSpot-comment-box .comment-content .comment-top {
  width: 100%;
  height: auto;
  margin-bottom: 2px;
  padding-top: 5px;
}
.comments-mentions #imgSpot-comment-box .comment-content .comment-edit-area {
  margin-top: 15px;
}
.comments-mentions #imgSpot-comment-box .comment-content .icon-group {
  visibility: hidden;
  float: right;
}
.comments-mentions #imgSpot-comment-box .comment-content .icon-group .icon-icn_pencil_01 {
  float: none;
  margin-right: 5px;
}
.comments-mentions #imgSpot-comment-box .comment-content .icon-group i {
  font-size: 16px;
}
.comments-mentions #imgSpot-comment-box .comment-content:hover .icon-group {
  visibility: visible;
}
.comments-mentions #imgSpot-comment-box .comment-content .icon-s-Comment-22:before {
  line-height: 32px;
}
.comments-mentions #imgSpot-comment-box .comment-content .time {
  font-weight: 300;
  float: left;
  margin-left: 0px;
  margin-top: 0px;
  font-size: 14px;
  line-height: 22px;
}
.comments-mentions #imgSpot-comment-box .avatar {
  width: 32px;
  height: 32px;
}
.comments-mentions .post-new-comment {
  margin: 15px 15px 0;
  position: relative;
}
.comments-mentions .post-new-comment textarea {
  width: 100%;
  resize: none;
  border-radius: 3px !important;
  min-height: 70px;
}
.comments-mentions .post-new-comment .comment-teaser {
  border: 1px solid #e8eaf0;
  border-radius: 3px;
  color: #a0a8b7;
  cursor: pointer;
  font-size: 13px;
  height: 40px;
  line-height: 40px;
  overflow: hidden;
  text-indent: 15px;
  background: #fff;
  margin-bottom: 25px;
}
.comments-mentions .post-new-comment .user-selector {
  bottom: -150px;
}
.comments-mentions .comment-time {
  margin: 0 18px;
}
.comments-mentions .comment-time .current-time {
  display: inline-block;
  margin-right: 15px;
}
.comments-mentions .comment-time .current-time span {
  margin-left: 5px;
}
.comments-mentions .comment-time .duration {
  display: inline-block;
}
.comments-mentions .comment-time .duration input {
  width: 70px;
  margin-left: 5px;
  margin-bottom: 0;
}
.comments-mentions .comment-time .duration span {
  margin-left: 5px;
}
.comments-mentions .comment-time .icon-date-group {
  float: right;
  visibility: hidden;
  font-size: 16px;
}
.comments-mentions .comment-time:hover .icon-date-group {
  visibility: visible;
}
.video-comments {
  background-color: rgba(64, 64, 64, 0.5);
}
.video-comments .video-text-color {
  color: white !important;
}
.content-detail {
  position: absolute;
  zoom: 1;
}
.content-detail .read-pdf-action {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -21px;
  margin-top: -21px;
  color: #dddddd;
  font-size: 40px;
  text-decoration: none;
  opacity: 0.6 !important;
  background-color: rgba(0, 0, 0, 0.5);
  padding: 3px 0px;
}
.content-detail .read-pdf-action:hover {
  color: #ffffff;
}
.content-detail .content {
  position: absolute;
}
.content-detail .preview-area {
  width: 100%;
  position: absolute;
  vertical-align: middle;
  text-align: center;
  height: 100%;
}
.content-detail .preview-area .full-screen-video-wrapper > video {
  width: 100%;
  height: 100%;
  vertical-align: middle;
  max-height: 100vh;
}
.content-detail .preview-area .full-screen-video-with-watermark {
  position: absolute;
  height: 2em;
  width: 2em;
  right: 58px;
  bottom: 33px;
  opacity: 0;
}
.content-detail #preview-container {
  background-color: black;
  padding: 0px;
  border: none;
  margin-top: 0px;
}
.content-detail #preview-div > img {
  cursor: initial;
}
.content-detail #detailInfo {
  overflow-y: auto;
  height: calc(100% - 53px);
}
.content-detail #detailInfo .content-area > section,
.content-detail #detailInfo .content-area > div {
  min-height: 185px;
  border-radius: 8px;
}
.content-detail #detailInfo.try {
  height: calc(100% - 103px);
}
.content-detail .nav-content {
  position: absolute;
  top: 50%;
  width: 20px;
  height: 102px;
  line-height: 102px;
  text-align: center;
  font-size: 18px;
  color: #ffffff;
  opacity: 0.6;
  margin-top: -51px;
  font-weight: 600;
  z-index: 10;
}
.content-detail .nav-content:hover {
  color: #ffffff;
  background: #a3a3a3;
  opacity: 0.8;
}
.content-detail .nav-in-detail {
  color: #474747;
}
.content-detail .up-area {
  position: absolute;
  width: 100%;
  line-height: 35px;
  z-index: 10;
}
.content-detail .up-btn {
  width: 60px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  margin: 0px auto;
  background-color: #474747;
  color: #f2f2f2;
  font-size: 32px;
}
.content-detail .up-btn:hover {
  background-color: #646464;
}
.content-detail .info-area {
  position: absolute;
  overflow-y: hidden;
  margin-top: 0px;
  margin-right: 0px;
  margin-left: 0px;
  padding-left: 0px;
  padding-right: 0px;
}
.content-detail .info-area .middle-item {
  margin: 8px 9px 0px 9px!important;
}
.content-detail .info-area .try-now {
  display: none;
}
.content-detail .info-area.show-try-now .try-now {
  height: 50px;
  border: 1px solid #E9E9E9;
  background-color: #F1F8FF;
  display: flex;
  align-items: center;
  padding-left: 30px;
  justify-items: left;
  padding-right: 34px;
}
.content-detail .info-area.show-try-now .try-now .desc {
  margin: 8px;
  font-size: 15px;
  font-weight: 300;
}
.content-detail .info-area.show-try-now .try-now button {
  height: 30px;
  border-radius: 15px;
  padding: 0px 17px;
  background-color: #000000;
  color: white;
  font-size: 14px;
  font-weight: 700;
}
.content-detail .info-area.show-try-now .try-now .close-try {
  margin-left: auto;
  color: #303030;
  font-weight: 600;
  font-size: 15px;
}
.content-detail .info-area.show-try-now #new-preview-container {
  height: calc(100vh - 170px);
}
.content-detail .info-area.show-try-now #new-preview-container.-related {
  height: calc(100vh - 317px);
}
.content-detail .info-area #detailPreview .content-area {
  padding-bottom: 0px;
  padding-right: 0px;
  padding-left: 0px;
  border-color: inherit;
  height: 100%;
  background: #000000;
}
.content-detail .info-area #detailPreview .content-area .second-title {
  border: none;
  margin-bottom: 0px;
}
.content-detail .info-area #detailPreview .content-area .new-pad {
  margin-left: 20px;
  margin-right: 20px;
}
.content-detail .info-area #detailPreview .content-area.col-xs-12 {
  padding-right: 0px;
}
.content-detail .info-area #detailPreview .content-area.col-xs-12 .preview-area {
  width: 100%;
}
.content-detail .info-area #detailPreview .preview-area {
  border: none;
  margin-top: 0px;
}
.content-detail .info-area #detailPreview .load-cover {
  background-color: black;
  z-index: 30;
}
.content-detail .info-area #detailPreview .layout-area .title-edit1 {
  padding-left: 0px;
  padding-right: 0px;
}
.content-detail .info-area #detailPreview .layout-area .title-edit1 .t-e-form {
  padding: 20px 0;
  display: flex;
  flex-grow: 1;
  align-items: center;
}
.content-detail .info-area #detailPreview .layout-area .title-edit1 .circle-button {
  flex-shrink: 0;
}
.content-detail .info-area #detailPreview .layout-area .title-edit1 form {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
}
.content-detail .info-area #detailPreview .layout-area .title-edit1 .invalid-tips1 {
  display: flex;
  align-items: center;
  padding: 10px;
  border-radius: 5px;
}
.content-detail .info-area #detailPreview .layout-area .title-edit1 .title {
  font-weight: bold;
  font-size: 20px;
  line-height: 30px;
}
.content-detail .info-area #detailPreview .layout-area .l-a-part {
  display: flex;
  flex-direction: column;
  padding: 0px;
  padding-bottom: 60px;
}
.content-detail .info-area #detailPreview .layout-area .l-a-part .part-item {
  border-top: 1px solid;
  border-color: inherit;
  padding: 20px 15px;
  display: flex;
  flex-direction: column;
}
.content-detail .info-area #detailPreview .layout-area .l-a-part .part-item:last-child {
  border-bottom: 1px solid;
  border-color: inherit;
}
.content-detail .info-area #detailPreview .layout-area .l-a-part .part-item .p-i-title {
  display: flex;
  justify-content: space-between;
  font-weight: bold;
  font-size: 14px;
}
.content-detail .info-area #detailPreview .layout-area .l-a-part .part-item .p-i-title .icon-s-Arrow2_16 {
  margin: 0px;
}
.content-detail .info-area #detailPreview .layout-area .l-a-part .part-item .p-i-content {
  text-align: left;
  margin-top: 30px;
}
.content-detail .info-area #detailPreview .layout-area .l-a-part .part-item .p-i-content section > .sub-title,
.content-detail .info-area #detailPreview .layout-area .l-a-part .part-item .p-i-content section > .second-title {
  display: none;
}
.content-detail .info-area #detailPreview .layout-area .l-a-part .part-item .p-i-content section > .second-additional-button .btn-default {
  float: right;
  margin-top: -3.8em;
  margin-right: 3em;
}
.content-detail .info-area #detailPreview .layout-area .l-a-part .part-item .p-i-content span {
  color: inherit;
}
.content-detail .info-area #detailPreview .layout-area .l-a-part .part-item .p-i-content section.info-desc,
.content-detail .info-area #detailPreview .layout-area .l-a-part .part-item .p-i-content .min-h {
  min-height: 100px;
}
.content-detail .info-area #detailPreview .layout-area .l-a-part .part-item .p-i-content .nos {
  display: inline;
}
.content-detail .info-area #detailPreview .layout-area .l-a-part .part-item .p-i-content .head-bar {
  margin-bottom: 20px;
  display: block;
}
.content-detail .info-area #detailPreview .layout-area .l-a-part .part-item .p-i-content span.operate {
  border: none!important;
}
.content-detail .info-area #detailPreview .layout-area .l-a-part .part-item .p-i-content .username {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
}
.content-detail .info-area #detailPreview .layout-area .l-a-part .part-item .p-i-content .related {
  color: #9ad230;
}
.content-detail .info-area #detailPreview .layout-area .l-a-part.p-content-end .part-item:last-child {
  position: relative;
}
.content-detail .info-area #detailPreview .layout-area .l-a-part.p-content-end .part-item:last-child:after {
  content: attr(data-end);
  position: absolute;
  left: 45%;
  text-align: center;
  bottom: -10px;
  background-color: inherit;
  min-width: 45px;
  padding: 0 8px;
}
.content-detail .info-area .new-content {
  height: 100%;
  padding-left: 0px;
  padding-right: 0px;
  background-color: inherit;
  border-color: inherit;
}
.content-detail .info-area .new-content .p05 {
  padding: 0 0.5em;
}
.content-detail .info-area .new-content .upload-close {
  color: #fff;
  font-size: 22px;
  position: absolute;
  right: 100px;
  top: 20px;
}
.content-detail .info-area .new-content > .col-ight {
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  padding-right: 20px;
}
.content-detail .info-area .new-content > .col-ight::-webkit-scrollbar-thumb {
  background-color: #626262;
  height: 50px;
  outline-offset: -2px;
}
.content-detail .info-area .new-content > .col-ight::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.content-detail .info-area .new-content > .col-ight::-webkit-scrollbar-track-piece {
  background-color: #dddddd;
  -webkit-border-radius: 0;
}
.content-detail .info-area .new-content .smart-title {
  border-top: 1px solid;
  padding-top: 15px;
  font-weight: bold;
}
.content-detail .info-area .new-content .CDG-watermark {
  line-height: 1.4;
}
.content-detail .info-area .new-content .CDG-watermark .plus {
  margin-left: 50%;
  margin-top: 8px;
  cursor: auto;
}
.content-detail .info-area .new-content .CDG-watermark .btn-add {
  margin-top: 15px;
  max-width: 100%;
}
.content-detail .info-area .new-content .CDG-watermark .keyword-box:nth-child(odd) {
  width: 49%;
  margin-right: 1%;
}
.content-detail .info-area .new-content .CDG-watermark .keyword-box {
  width: 50%;
  max-width: 100%;
}
.content-detail .info-area .new-content .CDG-watermark .keyword-box .text {
  width: auto;
  max-width: calc(100% - 18px);
}
.content-detail .info-area .new-content .preview-operation-container {
  position: relative;
  margin: 0px !important;
  height: 207px;
  width: 100%;
  border: 0 !important;
  top: calc(100% - 267px);
}
.content-detail .info-area .new-content .preview-operation-container .icon-icn_close_x_01 {
  position: absolute;
  top: 8;
  right: 0px;
  color: white;
  z-index: 999;
  width: 24px;
  height: 24px;
  line-height: 28px;
  text-align: center;
}
.content-detail .info-area .new-content .preview-operation-container .related-files-container {
  height: 207px;
  width: 100%;
  position: absolute;
  top: 0px;
}
.content-detail .info-area .new-content .preview-operation-container .related-files-container .related-files-empty {
  position: relative;
  top: 40%;
  font-size: 18px;
  text-align: center;
  color: #999;
}
.content-detail .info-area .new-content .preview-operation-container .related-files-container .related-group-nav {
  color: #ffffff;
  height: 30px;
  line-height: 30px;
  width: 20px;
  text-align: center;
  margin: 0 5px;
}
.content-detail .info-area .new-content .preview-operation-container .related-files-container .related-group-nav:hover {
  background-color: #303030;
}
.content-detail .info-area .new-content .preview-operation-container .related-files-container .related-group-list {
  display: flex;
  justify-content: left;
  border-bottom: solid 1px #333;
  margin: 0 30px 0 0;
  white-space: nowrap;
  overflow: hidden;
  user-select: none;
}
.content-detail .info-area .new-content .preview-operation-container .related-files-container .related-group-list .related-customize-group {
  display: inline-flex;
  overflow: hidden;
}
.content-detail .info-area .new-content .preview-operation-container .related-files-container .related-group-list .related-customize-group-inner {
  position: relative;
}
.content-detail .info-area .new-content .preview-operation-container .related-files-container .related-group-list .related-group-item {
  display: inline-block;
  margin: 0 15px;
  color: #999999;
  line-height: 30px;
  font-size: 16px;
  cursor: pointer;
}
.content-detail .info-area .new-content .preview-operation-container .related-files-container .related-group-list .__selected {
  font-weight: bold;
  color: #ccc;
  font-size: 18px;
  border-bottom: solid 2px #f00;
  cursor: default;
}
.content-detail .info-area .new-content .preview-operation-container .related-files-container .related-files-list {
  height: calc(100% - 33px);
  padding: 12px 24px 0;
  position: relative;
  background-color: rgba(16, 16, 16, 0.6);
}
.content-detail .info-area .new-content .preview-operation-container .related-files-container .related-files-list.show-list {
  opacity: 1;
}
.content-detail .info-area .new-content .preview-operation-container .related-files-container .related-files-list.show-list img {
  cursor: pointer;
}
.content-detail .info-area .new-content .preview-operation-container .related-files-container .related-files-list.hidden-list {
  opacity: 0;
}
.content-detail .info-area .new-content .preview-operation-container .related-files-container .related-files-list.hidden-list img {
  cursor: default;
}
.content-detail .info-area .new-content .preview-operation-container .related-files-container .related-files-list.show-list.show-animation {
  animation: related-files-animation-show 1s;
  -webkit-animation: related-files-animation-show 1s;
  -moz-animation: related-files-animation-show 1s;
  -o-animation: related-files-animation-show 1s;
}
.content-detail .info-area .new-content .preview-operation-container .related-files-container .related-files-list.hidden-list.show-animation {
  animation: related-files-animation-hide 1s;
  -webkit-animation: related-files-animation-hide 1s;
  -moz-animation: related-files-animation-hide 1s;
  -o-animation: related-files-animation-hide 1s;
}
.content-detail .info-area .new-content .preview-operation-container .related-files-container .nav-page {
  position: absolute;
  height: 146px;
  width: 24px;
  color: white;
  background-color: #000;
  z-index: 10;
}
.content-detail .info-area .new-content .preview-operation-container .related-files-container .nav-page:before {
  font-weight: bold;
  line-height: 144px;
  text-align: center;
  display: block;
}
.content-detail .info-area .new-content .preview-operation-container .related-files-container .nav-page:hover {
  background-color: #303030;
}
.content-detail .info-area .new-content .preview-operation-container .related-files-container .nav-page.nav-page-previous {
  left: 0;
}
.content-detail .info-area .new-content .preview-operation-container .related-files-container .nav-page.nav-page-previous:before {
  content: "\e960";
}
.content-detail .info-area .new-content .preview-operation-container .related-files-container .nav-page.nav-page-next {
  right: 0;
}
.content-detail .info-area .new-content .preview-operation-container .related-files-container .nav-page.nav-page-next:before {
  content: "\e95f";
}
.content-detail .info-area .new-content .preview-operation-container .related-files-container .related-file-thumbnail-list,
.content-detail .info-area .new-content .preview-operation-container .related-files-container .related-file-thumbnail-video-list {
  white-space: nowrap;
  overflow: hidden;
  height: 100%;
  margin-top: 2px;
}
.content-detail .info-area .new-content .preview-operation-container .related-files-container .related-file-item {
  width: 144px;
  height: 144px;
  margin: 0 5px;
  display: inline-block;
  border: solid 3px transparent;
}
.content-detail .info-area .new-content .preview-operation-container .related-files-container .related-file-item-stick {
  position: absolute;
  background-color: #000000;
  margin: 5px;
  padding: 2px 8px;
  color: #999999;
  border-radius: 14px;
}
.content-detail .info-area .new-content .preview-operation-container .related-files-container .related-file-item.video-related-file-item {
  height: 142px;
  border: 1px solid #7E8AA5;
}
.content-detail .info-area .new-content .preview-operation-container .related-files-container .related-file-item.selected-video-clip {
  height: 144px;
  border: solid 3px #FFFFFF;
}
.content-detail .info-area .new-content .preview-operation-container .related-files-container .related-file-thumb {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.content-detail .info-area .new-content .preview-operation-container .related-files-container .related-file-thumb .thumb-img {
  max-width: none !important;
  cursor: pointer;
  background: url(img/preview_bk_image.png);
}
.content-detail .info-area .new-content .preview-operation-container .related-files-container .video-thumb {
  background-color: #1b2e40;
  position: relative;
  color: #fff !important;
  padding: 0;
}
.content-detail .info-area .new-content .preview-operation-container .related-files-container .video-thumb:first-child {
  padding: 0;
}
.content-detail .info-area .new-content .preview-operation-container .related-files-container .video-thumb .video-spec {
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-size: 13px;
  color: #fff;
  padding-left: 15px;
  display: inline-block;
}
.content-detail .info-area .new-content .preview-operation-container .related-files-container .video-thumb .video-spec .strong-text {
  font-weight: 800;
}
.content-detail .info-area .new-content .preview-operation-container .related-files-container .video-thumb .video-spec.first-video-spec {
  padding-top: 10px;
}
.content-detail .info-area .new-content .preview-operation-container .related-files-container .video-thumb .video-thumb-wrapper {
  text-decoration: none;
}
.content-detail .info-area .new-content .preview-operation-container .related-files-container .video-thumb .video-thumb-wrapper .framegrabber-videoImage {
  display: inline-block;
  width: 144px;
  height: 82px;
}
.content-detail .info-area .new-content .preview-operation-container .related-files-container .video-thumb .video-thumb-wrapper .framegrabber-videoImage img {
  display: inline-block;
  padding-left: 40px;
  padding-top: 30px;
}
.content-detail .info-area .new-content .preview-operation-container .related-files-container .video-thumb .video-thumb-wrapper .best-match-wrapper {
  position: absolute;
  left: 10px;
  top: 5px;
  text-shadow: 2px 2px #000;
  display: flex;
  align-items: center;
  gap: 4px;
}
.content-detail .info-area .new-content .preview-operation-container .related-files-container .video-thumb .video-thumb-wrapper .best-match-wrapper .star-text {
  color: #fff;
  font-size: 10px;
  text-transform: uppercase;
  font-weight: normal;
  font-family: 'Roboto', sans-serif;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  max-width: 110px;
  line-height: 1.2;
  text-align: center;
}
.content-detail .info-area .new-content .related-file-toggle {
  z-index: 9999;
  background: #828282;
  position: absolute;
  border-bottom-right-radius: 15px;
  border-top-right-radius: 15px;
  color: white;
  width: 36px;
  height: 30px;
  bottom: 1em;
}
.content-detail .info-area .new-content .related-file-toggle > .icon-s-Arrow1_16 {
  line-height: 30px;
  padding: 0 8px;
}
.content-detail .info-area .new-content #actions-area {
  background-color: #000000;
  position: relative;
  height: 60px;
  width: 100%;
  padding: 0px 20px;
  border: none;
  top: 0px;
  margin-top: 0px;
}
.content-detail .info-area .new-content #actions-area .back-content {
  font-size: 20px;
  color: white;
  margin-right: 30px;
  margin-top: 20px;
}
.content-detail .info-area .new-content #actions-area .operate-left,
.content-detail .info-area .new-content #actions-area .operate-right {
  height: 100%;
  padding-top: 10px;
}
.content-detail .info-area .new-content #actions-area .operate-left span,
.content-detail .info-area .new-content #actions-area .operate-right span {
  color: white;
  text-decoration: none;
}
.content-detail .info-area .new-content #actions-area .operate-left .gray-action-icon,
.content-detail .info-area .new-content #actions-area .operate-right .gray-action-icon {
  color: gray;
}
.content-detail .info-area .new-content #actions-area .operate-right .statistical-p {
  margin-right: 0;
  margin-left: 5px;
}
.content-detail .info-area .new-content #actions-area .operate-right .statistical-p.indesign-edit-btn {
  display: inline-block;
  min-width: 88px;
  width: auto;
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
  padding: 7px 16px;
  margin-left: 8px;
  font-size: 16px;
  border-radius: 25px;
  line-height: 19px !important;
  font-weight: bold;
}
.content-detail .info-area .new-content #actions-area .icon-s-Comment-22,
.content-detail .info-area .new-content #actions-area .icon-s-Subtitle {
  position: relative;
}
.content-detail .info-area .new-content .goto {
  color: rgba(196, 196, 196, 0.8);
  font-size: 20px;
  position: absolute;
  width: 60px;
  border: none!important;
  height: 60px;
  background-color: rgba(64, 64, 64, 0.5);
  border-radius: 30px;
  padding: 20px!important;
  left: 30px;
  cursor: pointer;
  top: calc(50% - 70px);
  z-index: 999;
}
.content-detail .info-area .new-content .goto:hover {
  color: #ffffff;
  background-color: rgba(48, 48, 48, 0.9);
}
.content-detail .info-area .new-content .forward-button {
  right: 30px;
  left: auto;
}
.content-detail .info-area .new-content .h-55 {
  height: 55px;
}
.content-detail .info-area .new-content .name {
  text-align: center;
  padding-bottom: 5px;
  width: 100%;
}
.content-detail .info-area .new-content .tips {
  font-size: 16px;
}
.content-detail .info-area .new-content .field:last-child {
  margin-bottom: 20px;
}
.content-detail .info-area .new-content .field {
  font-weight: bold;
  font-size: 12px;
  color: #9b9b9b;
  padding: 0px;
}
.content-detail .info-area .new-content .field dt,
.content-detail .info-area .new-content .field dd {
  display: inline-block;
}
.content-detail .info-area .new-content .field dt span:not(.delete-keyword-tag-btn),
.content-detail .info-area .new-content .field dd span:not(.delete-keyword-tag-btn) {
  padding-top: 3px;
  padding-left: 4px;
}
.content-detail .info-area .new-content .field dd:first-child {
  max-width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-weight: bold;
  font-size: 12px;
  color: #9b9b9b;
}
.content-detail .info-area .new-content .field .value {
  width: 100%;
  word-break: break-all;
  cursor: default;
  font-weight: normal;
  font-size: 15px;
  color: #626262;
  color: #4a4a4a;
  margin-bottom: 15px;
}
.content-detail .info-area .new-content .field .value.multi-choice {
  margin-bottom: 15px;
}
.content-detail .info-area .new-content .field .value.multi-choice ~ dd {
  margin-top: -12px;
}
.content-detail .info-area .new-content .field .value input {
  padding: 0 10px;
  margin: 0;
}
.content-detail .info-area .new-content .field .value input[type='number'] {
  width: 100%;
}
.content-detail .info-area .new-content .field .value input[type='text'] {
  width: 100%;
}
.content-detail .info-area .new-content .field .value input[type='date'] {
  width: 100%;
}
.content-detail .info-area .new-content .sub-title {
  line-height: 20px;
  display: inline-block;
  margin-bottom: 2px;
  font-weight: bold;
  font-size: 14px;
  color: #4A4A4A;
  color: #4a4a4a;
  margin-top: 5px;
}
.content-detail .info-area .new-content .sub-title.status-approved-by {
  margin: 1.5em 0 0;
}
.content-detail .info-area .new-content .circle-button {
  margin-right: 10px;
  border-radius: 5em;
  width: 32px;
  height: 32px;
  background-color: rgba(0, 0, 0, 0.1);
  cursor: pointer;
  display: inline-block;
  text-align: center;
  line-height: 33px!important;
  font-size: 16px!important;
  margin-top: 0px;
  color: #4a4a4a;
}
.content-detail .info-area .new-content .pull-right-tag {
  margin-right: 10px;
  font-weight: normal!important;
}
.content-detail .info-area .new-content .img-rotate-area {
  right: 15px;
}
.content-detail .info-area .new-content .img-rotate-area span {
  margin-top: 0px;
  color: #4a4a4a;
  text-decoration: none;
}
.content-detail .info-area .new-content .title-edit {
  width: 100%;
  height: 63px;
}
.content-detail .info-area .new-content .title-edit form {
  width: calc(100% - 50px);
}
.content-detail .info-area .new-content .title-edit .title {
  font-weight: bold;
  font-size: 20px;
  text-align: left;
  width: calc(100% - 80px);
}
.content-detail .info-area .new-content .desc-title {
  font-size: 18px;
  margin-left: 5px;
}
.content-detail .info-area .new-content .desc-edit.descedit {
  padding-left: 62px;
  padding-top: 20px;
}
.content-detail .info-area .new-content .margin-1-20 {
  margin-top: 10px;
}
.content-detail .info-area .new-content .content-area {
  padding-bottom: 20px;
  padding-right: 20px;
  padding-left: 20px;
  border-color: inherit;
}
.content-detail .info-area .new-content .content-area > section,
.content-detail .info-area .new-content .content-area > div {
  margin-top: 40px;
  border: 1px solid ;
  border-color: inherit;
}
.content-detail .info-area .new-content .content-area > section:after,
.content-detail .info-area .new-content .content-area > div:after {
  display: block;
  clear: both;
  content: "";
  visibility: hidden;
  height: 0;
}
.content-detail .info-area .new-content .content-area > div.info-desc {
  border: none;
  padding-top: 0px;
  margin-top: 0px;
}
.content-detail .info-area .new-content .content-area > div.info-desc .operate {
  border-bottom: 1px solid ;
  height: 60px;
}
.content-detail .info-area .new-content .content-area .fixed {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 100;
  display: flex;
  justify-content: space-between;
}
.content-detail .info-area .new-content .content-area .fixed .img-rotate-area {
  position: static;
}
.content-detail .info-area .new-content .content-area > div.info-desc.top60 {
  padding-top: 60px;
  height: 100vh;
  box-sizing: border-box;
}
.content-detail .info-area .new-content .content-area .nos {
  display: none;
}
.content-detail .info-area .new-content .content-area .second-additional-button {
  z-index: 1;
  position: relative;
}
.content-detail .info-area .new-content .content-area .second-additional-button .btn-default {
  float: right;
  margin-top: -4.5em;
  margin-right: 1em;
}
.content-detail .info-area .new-content .delete-keyword-tag-btn {
  line-height: 20px;
  cursor: pointer;
  float: right;
  font-size: 16px;
}
.content-detail .info-area .new-content .more {
  height: 20px;
  display: inline;
  color: #474747;
  line-height: 16px;
  vertical-align: middle;
  float: right;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  margin-top: 3px;
}
.content-detail .info-area .new-content .more span {
  font-size: 16px;
}
.content-detail .info-area .new-content .more:hover {
  opacity: 1;
}
.content-detail .info-area .new-content .more .dot:after {
  content: '\2807';
  font-size: 20px;
  color: inherit;
}
.content-detail .info-area .new-content .delete-btn {
  width: 18px;
  height: 18px;
  float: right;
  margin-left: -18px;
  cursor: pointer;
  visibility: hidden;
}
.content-detail .info-area .new-content .second-title {
  padding: 12px 15px 15px 15px;
  border-bottom: 1px solid;
  border-color: inherit;
  width: 100%;
  margin-bottom: 20px;
  position: relative;
}
.content-detail .info-area .new-content .second-content {
  padding: 0 15px;
}
.content-detail .info-area .new-content .second-content.smart-tag {
  padding-bottom: 15px;
}
.content-detail .info-area .new-content .second-content.status-content {
  padding-bottom: 1.5em;
}
.content-detail .info-area .new-content .info-preview {
  height: 256px;
  line-height: 256px;
  text-align: center;
  vertical-align: middle;
  background: #f9f9f9;
  border: 1px solid #d0d0d0;
  width: 100%;
  overflow: hidden;
}
.content-detail .info-area .new-content .info-preview .small-preview {
  width: 100%;
  height: 256px;
  text-align: center;
  vertical-align: middle;
}
.content-detail .info-area .new-content .info-preview .small-preview .operate-group {
  width: 63px;
  height: 100%;
  float: left;
}
.content-detail .info-area .new-content .info-preview .small-preview .operate-group .statistical {
  height: 63px;
  width: 63px;
  padding: 20px;
}
.content-detail .info-area .new-content .info-preview .small-preview .operate-group a:hover {
  text-decoration: none;
  cursor: pointer;
}
.content-detail .info-area .new-content .info-preview .small-preview .operate-group4 {
  width: 63px;
}
.content-detail .info-area .new-content .info-preview .small-preview .operate-group4 .statistical {
  height: 63px;
  width: 63px;
  padding: 20px;
}
.content-detail .info-area .new-content .info-preview .small-preview .operate-group5 {
  width: 50px;
}
.content-detail .info-area .new-content .info-preview .small-preview .operate-group5 .statistical {
  height: 50px;
  width: 50px;
  padding: 13px;
}
.content-detail .info-area .new-content .info-preview .small-preview .preview-part5 {
  width: calc(100% - 50px);
}
.content-detail .info-area .new-content .info-preview .small-preview .preview-part4 {
  width: calc(100% - 63px);
}
.content-detail .info-area .new-content .info-preview .small-preview .preview-part {
  height: 100%;
  float: left;
  background-color: black;
  position: relative;
}
.content-detail .info-area .new-content .info-preview .small-preview .preview-part .small-full-screen-video-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.content-detail .info-area .new-content .info-preview .small-preview .preview-part .small-full-screen-video-wrapper .full-screen-video-with-watermark {
  position: absolute;
  height: 4em;
  width: 30%;
  right: 0px;
  bottom: 15px;
  opacity: 0;
}
.content-detail .info-area .new-content .info-preview .small-preview .preview-part .small-full-screen-video-wrapper .preview-watermark {
  position: absolute;
  opacity: 0.5;
  height: auto;
}
.content-detail .info-area .new-content .info-preview .small-preview .preview-part .small-full-screen-video-wrapper .preview-watermark.single-text {
  display: inline-block;
  overflow: hidden;
  height: 100%;
  position: relative;
  opacity: 1;
}
.content-detail .info-area .new-content .info-preview .small-preview .width-100 {
  width: 100%;
}
.content-detail .info-area .new-content .info-preview .loading-bg {
  background-color: #474747;
  border-radius: 10px;
  padding: 5px;
}
.content-detail .info-area .new-content .info-preview img {
  max-height: 100%;
  margin-top: -3px;
}
.content-detail .info-area .new-content .info-preview video {
  width: 100%;
  height: 100%;
  vertical-align: middle;
}
.content-detail .info-area .new-content .info-preview audio {
  max-width: 100%;
  text-align: center;
  vertical-align: middle;
}
.content-detail .info-area .new-content .keyword {
  position: relative;
  height: 32px;
}
.content-detail .info-area .new-content .keyword select {
  display: inline-block;
  border: 1px solid ;
  padding: 4px 3px 3px .7em !important;
  margin: 0;
  font: inherit;
  outline: none;
  line-height: 1.2;
  background: #f8f8f8;
  height: 32px;
  width: 100%;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
}
.content-detail .info-area .new-content .keyword option {
  font-weight: normal;
  font-size: 15px;
  color: #626262;
  color: #4a4a4a;
  color: inherit;
}
.content-detail .info-area .new-content .keyword .select-edit {
  width: calc(100% - 31px);
}
.content-detail .info-area .new-content .keyword:after {
  font-family: 'icomoon' !important;
  content: "\e908";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  font-size: 60%;
  line-height: 30px;
  padding: 0 7px;
  background-color: inherit;
  border-top: 1px solid ;
  border-right: 1px solid ;
  border-bottom: 1px solid ;
  pointer-events: none;
  -webkit-border-radius: 0 25px 25px 0;
  -moz-border-radius: 0 25px 25px 0;
  border-radius: 0 25px 25px 0;
  font-size: 18px;
  border-color: inherit ;
  color: inherit ;
}
.content-detail .info-area .new-content .approval-status select {
  padding-left: 2.5em!important;
}
.content-detail .info-area .new-content .approval-status:before {
  font-family: 'icomoon' !important;
  content: "\e91e";
  position: absolute;
  top: 33px;
  left: 23px;
  bottom: 0;
  z-index: 1;
  line-height: 20px;
  background: inherit;
  padding-left: 0px;
  font-size: 20px;
  color: #7ED320;
  border-radius: 20px;
  width: 20px;
  height: 20px;
  pointer-events: none;
}
.content-detail .info-area .new-content .approval-expired {
  position: absolute;
  bottom: 5px;
  left: 30px;
  pointer-events: none;
}
.content-detail .info-area .new-content .approval-status-e select {
  padding-left: 2.5em!important;
}
.content-detail .info-area .new-content .approval-status-e:before {
  content: "     Expired";
  position: absolute;
  top: 26px;
  left: 20px;
  bottom: 0;
  line-height: 20px;
  background: inherit;
  padding-left: 0 px;
  width: 20px;
  height: 20px;
  margin-top: 6px;
  margin-left: 8px;
  pointer-events: none;
  font-weight: normal;
  font-size: 15px;
  color: #626262;
  color: #4a4a4a;
  z-index: 20;
}
.content-detail .info-area .new-content .keyword-add-btn {
  border-radius: 5em;
  font-size: 15px;
  width: 21px;
  height: 21px;
  background-color: rgba(0, 0, 0, 0.1);
  cursor: pointer;
  display: inline-block;
  text-align: center;
  line-height: 20px;
  color: black;
  margin-top: 4px;
  margin-left: 10px;
}
.content-detail .info-area .new-content .status {
  margin-top: 7px;
}
.content-detail .info-area .new-content .m20 {
  margin-top: 20px;
}
.content-detail .info-area .new-content .Expiration-Date {
  margin-top: 7px;
}
.content-detail .info-area .new-content .Expiration-Date input {
  height: 32px;
  width: 100%;
  border-radius: 20px;
  padding-left: 10px;
  background: transparent;
  font-weight: normal;
  font-size: 15px;
  color: #626262;
  color: #4a4a4a;
  margin-bottom: 0px;
}
.content-detail .info-area .new-content .Expiration-Date span {
  color: inherit;
}
.content-detail .info-area .new-content .Expiration-Date .date-text {
  margin: 10px 0 0 10px;
  font-weight: normal;
  font-size: 15px;
}
.content-detail .info-area .new-content .Expiration-Date .status-exp-date,
.content-detail .info-area .new-content .Expiration-Date .status-exp-time {
  width: 50%;
}
.content-detail .info-area .new-content .Approver-Name span {
  font-weight: normal;
  text-transform: capitalize;
}
.content-detail .info-area .new-content .input-box {
  width: 100%;
  height: 34px;
  line-height: 32px;
}
.content-detail .info-area .new-content .input-box .content-keyword-input {
  height: 32px;
  float: left;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  box-shadow: none;
  padding: 5px 0px;
  margin: 0px;
  width: 100%;
  font-size: 13px;
  color: #474747;
  background-color: #f9f9f9;
  overflow: hidden;
  cursor: pointer;
  margin-right: 2px;
  outline: none;
  border: none;
}
.content-detail .info-area .new-content .input-box .keyword-input-list {
  width: 234px;
  display: block;
  visibility: visible;
  list-style: none;
  font-size: 13px;
  color: #474747;
  background-color: #f9f9f9;
}
.content-detail .info-area .new-content .input-box .tag-input {
  height: 32px;
  float: left;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  box-shadow: none;
  border: none;
  padding: 0px;
  margin: 0px;
  text-indent: 10px;
  width: 320px;
  font-size: 13px;
  color: inhert;
  background-color: inhert;
}
.content-detail .info-area .new-content .input-box .tag-input::-webkit-input-placeholder {
  color: #999999 !important;
}
.content-detail .info-area .new-content .input-box .detail-input-tag {
  width: 100%;
  border-radius: 20px;
  border: 1px solid ;
}
.content-detail .info-area .new-content .input-box .add-btn {
  font-weight: 300;
  font-size: 28px;
  width: 32px;
  height: 32px;
  color: #474747;
  background: none;
  box-shadow: none;
  border: none;
  text-decoration: none;
  float: left;
  cursor: pointer;
  outline: none;
  position: absolute;
}
.content-detail .info-area .new-content .input-box .add-btn:hover {
  background-color: #cacaca;
  color: #ffffff;
}
.content-detail .info-area .new-content .input-box .add-btn:active {
  background-color: #545454;
  color: #ffffff;
}
.content-detail .info-area .new-content .min-h {
  min-height: 185px;
}
.content-detail .info-area .new-content .container-box {
  display: block;
  width: 100%;
  overflow-x: hidden;
  overflow-y: hidden;
  min-height: 23px;
  padding-top: 8px;
  margin-bottom: 10px;
}
.content-detail .info-area .new-content .container-box.fixedHeight {
  height: 75px;
}
.content-detail .info-area .new-content .editable-label {
  position: relative;
  overflow: hidden;
}
.content-detail .info-area .new-content .editable-label .add-label {
  width: 110px;
  margin-bottom: 10px;
  line-height: 20px;
  text-align: center;
  padding: 5px 15px;
  border-radius: 25px;
  cursor: pointer;
}
.content-detail .info-area .new-content .editable-stars {
  position: relative;
}
.content-detail .info-area .new-content .editable-stars span {
  letter-space: 4px;
  font-size: 20px;
  font-weight: bold;
}
.content-detail .info-area .new-content .editable-stars .clear {
  position: absolute;
  top: 3px;
  right: 2px;
  width: 20px;
  height: 20px;
  font-size: 16px;
  border-radius: 10px;
  text-align: center;
}
.content-detail .info-area .new-content .label-list-wrap {
  overflow: hidden;
}
.content-detail .info-area .new-content .label-list {
  display: inline-block;
  float: left;
  width: calc(33% - 12px);
  height: 80px;
  line-height: 25px;
  margin: 10px 13px 10px 0;
  border-radius: 4px;
  border: #ccc 1px solid;
  text-align: center;
  position: relative;
}
.content-detail .info-area .new-content .label-list:nth-child(3n + 3) {
  margin-right: 0;
}
.content-detail .info-area .new-content .label-list .colorBg {
  position: absolute;
  top: 8px;
  left: 8px;
  right: 8px;
  bottom: 25px;
  vertical-align: middle;
}
.content-detail .info-area .new-content .label-list .text {
  position: absolute;
  bottom: 0;
  left: 8px;
  right: 8px;
  text-align: left;
  padding: 0 !important;
}
.content-detail .info-area .new-content .label-list .del-btn {
  position: absolute;
  right: -10px;
  top: -10px;
  width: 20px;
  height: 20px;
  border-radius: 10px;
  line-height: 20px;
  text-align: center;
  font-size: 14px;
  padding: 0;
}
.content-detail .info-area .new-content .keyword-box {
  float: left;
  margin: 8px 0px 0px 0px;
  padding: 0px 6px;
  font-size: 12px;
  color: #474747;
  overflow-y: hidden;
  border: solid 1px #ccc;
  border-radius: 26px;
  line-height: 20px;
  width: calc(100% / 3 - 7px);
}
.content-detail .info-area .new-content .keyword-box:hover {
  background: #f2f2f2;
}
.content-detail .info-area .new-content .keyword-box .text {
  float: left;
  overflow-y: hidden;
  width: calc(100% - 18px);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-weight: normal;
  font-size: 14px;
  /*have different color*/
  color: #4a4a4a;
  font-weight: 500;
  text-align: center;
}
.content-detail .info-area .new-content .auto-expand-box {
  float: left;
  margin: 8px 8px 0px 0px;
  padding: 0px 6px;
  font-size: 12px;
  overflow-y: hidden;
  border: solid 1px #ccc;
  border-radius: 26px;
  line-height: 20px;
  width: auto;
  max-width: 100%;
  min-width: 60px;
  position: relative;
}
.content-detail .info-area .new-content .auto-expand-box .show-highlight {
  float: left;
  padding-right: .2em;
  line-height: 18px;
  font-size: 16px;
  padding-top: 1px;
}
.content-detail .info-area .new-content .auto-expand-box .show-highlight.-active-highlight {
  color: red;
}
.content-detail .info-area .new-content .auto-expand-box:hover {
  background: #f2f2f2;
}
.content-detail .info-area .new-content .auto-expand-box .text {
  max-width: 100%;
  float: left;
  overflow-y: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-weight: normal;
  font-size: 14px;
  /*have different color*/
  color: #4a4a4a;
  font-weight: 500;
  text-align: center;
}
.content-detail .info-area .new-content .auto-expand-box .text:only-child {
  width: 100%;
}
.content-detail .info-area .new-content .auto-expand-box span {
  position: absolute;
  right: 5px;
}
.content-detail .info-area .new-content .pr-26 {
  padding-right: 26px;
  padding-left: 10px;
}
.content-detail .info-area .new-content .tag-box {
  float: left;
  margin: 8px 0px 0px 0px;
  padding: 0px 6px;
  font-weight: normal;
  font-size: 15px;
  color: #626262;
  color: #4a4a4a;
  overflow-y: hidden;
  border: solid 1px #ccc;
  border-radius: 26px;
  line-height: 20px;
  width: calc(100% / 3 - 7px);
}
.content-detail .info-area .new-content .tag-box:hover {
  background: #f2f2f2;
}
.content-detail .info-area .new-content .tag-box .text {
  float: left;
  overflow-y: hidden;
  width: calc(100% - 18px);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
}
.content-detail .info-area .new-content .historyItem {
  height: 86px;
}
.content-detail .info-area .new-content .historyItem .history-content {
  background-color: #ebebeb;
  height: 90%;
  overflow-x: hidden;
  overflow-y: hidden;
}
.content-detail .info-area .new-content .historyItem .history-content .historyThumbnail {
  width: 70px;
  float: left;
  margin-left: 10px;
  margin-top: 10px;
  height: 70px;
  max-height: 70px;
  max-width: 70px;
  text-align: center;
  vertical-align: middle;
}
.content-detail .info-area .new-content .historyItem .history-content .version-detail {
  position: relative;
  left: 5px;
  text-align: left;
  float: left;
}
.content-detail .info-area .new-content .historyItem .history-content .version-detail > div {
  height: 20px;
  top: 5px;
  position: relative;
}
.content-detail .info-area .new-content .historyItem .history-content .hoverToolbar {
  background-color: rgba(74, 192, 237, 0.95);
  height: 30px;
  margin-top: -34px;
  position: relative;
  width: 85%;
  float: left;
  clear: left;
}
.content-detail .info-area .new-content .historyItem .history-content .hoverToolbar .history-actions-icon {
  height: 20px;
  width: 20px;
  margin-right: 33px;
  float: left;
  margin-top: 3px;
}
.content-detail .info-area .new-content .tag-box:hover .delete-keyword-tag-btn {
  visibility: visible;
}
.content-detail .info-area .new-content .title_pencil {
  float: right;
  font-size: 18px;
  cursor: pointer;
  margin-top: 6px;
}
.content-detail .info-area .new-content .document-fullscreen {
  font-size: 16px;
  float: right;
  line-height: 20px;
  margin-top: 5px;
  margin-left: 12px;
}
.content-detail .info-area .new-content .info-desc {
  min-height: 185px;
}
.content-detail .info-area .new-content .info-desc > div:first-child {
  padding: 15px;
}
.content-detail .info-area .new-content .info-desc > div {
  padding: 0 5px 0 15px;
}
.content-detail .info-area .new-content .info-desc > div:last-child {
  padding-bottom: 10px;
  text-align: right;
}
.content-detail .info-area .new-content .info-desc > div:last-child span {
  color: #ddd;
}
.content-detail .info-area .new-content .info-desc > div:last-child .icon-remove {
  color: #000;
  padding: 0 .5em;
}
.content-detail .info-area .new-content .info-desc .r-part {
  border-top: 1px solid;
  padding: 20px 0px;
}
.content-detail .info-area .new-content .info-desc .r-part-p {
  padding-top: 0px;
}
.content-detail .info-area .new-content .info-desc .part-title {
  padding: 10px 15px;
  border-radius: 20px;
  margin-bottom: 10px;
  margin-right: 10px;
  cursor: pointer;
}
.content-detail .info-area .new-content .info-desc .desc-input {
  width: 410px;
  max-width: 100%;
  margin-top: 0px;
  margin-bottom: 6px;
  resize: none;
  box-shadow: none;
  border: none;
  border-radius: 0px;
  word-wrap: break-word;
  white-space: pre-wrap;
  scrollbar-base-color: #C0C0C0;
  scrollbar-face-color: #626262;
  scrollbar-3dlight-color: #C0C0C0;
  scrollbar-highlight-color: #C0C0C0;
  scrollbar-track-color: #dddddd;
  scrollbar-arrow-color: black;
  scrollbar-shadow-color: #C0C0C0;
  scrollbar-dark-shadow-color: #C0C0C0;
  line-height: 22px;
  text-align: left;
  padding-left: 0px;
  display: none;
}
.content-detail .info-area .new-content .info-desc .desc-input.clamp {
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}
.content-detail .info-area .new-content .info-desc .desc-input.clampTerm {
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 10;
  -webkit-box-orient: vertical;
}
.content-detail .info-area .new-content .info-desc .icon-s-Arrow2_16 {
  margin-top: 0px;
}
.content-detail .info-area .new-content .info-desc .desc-input-h {
  height: auto!important;
}
.content-detail .info-area .new-content .info-desc .desc-input-p1 {
  position: relative;
  overflow: hidden;
}
.content-detail .info-area .new-content .info-desc .desc-input-p1:after {
  content: "...";
  font-weight: bold;
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 0 10px 0px 35px;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), #f9f9f9 50%);
}
.content-detail .info-area .new-content .info-desc .desc-input:disabled {
  cursor: default;
}
.content-detail .info-area .new-content .info-desc .desc-input::-webkit-scrollbar-thumb {
  background-color: #626262;
  height: 50px;
  outline-offset: -2px;
}
.content-detail .info-area .new-content .info-desc .desc-input::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.content-detail .info-area .new-content .info-desc .desc-input::-webkit-scrollbar-track-piece {
  background-color: #dddddd;
  -webkit-border-radius: 0;
}
.content-detail .info-area .new-content .doc-text-layout {
  height: 105px;
  margin-bottom: 6px;
}
.content-detail .info-area .new-content .doc-text-layout #video-sub-text-content,
.content-detail .info-area .new-content .doc-text-layout #document-text-content {
  overflow-y: scroll;
}
.content-detail .info-area .new-content .doc-text-section.full-screen-doctext,
.content-detail .info-area .new-content .video-subtitle-section.full-screen-doctext {
  height: calc(100% - 30px);
}
.content-detail .info-area .new-content .doc-text-section.full-screen-doctext .doc-text-layout.full-screen-layout,
.content-detail .info-area .new-content .video-subtitle-section.full-screen-doctext .doc-text-layout.full-screen-layout {
  height: calc(100% - 80px);
  padding-bottom: 10px;
}
.content-detail .info-area .new-content .doc-text-section .language-changed button,
.content-detail .info-area .new-content .video-subtitle-section .language-changed button {
  font-weight: bold;
  padding-top: 1px;
  padding-bottom: 1px;
}
.content-detail .info-area .new-content .doc-text-section .subtitle-download,
.content-detail .info-area .new-content .video-subtitle-section .subtitle-download {
  float: right;
  margin-right: 15px;
  border: 1px solid transparent;
  border-radius: 25px;
  font-weight: bold;
  font-size: 14px;
  margin-left: 0;
}
.content-detail .info-area .new-content .doc-text-section .doc-text,
.content-detail .info-area .new-content .video-subtitle-section .doc-text {
  width: 100%;
  margin-top: 0px;
  margin-bottom: 6px;
  resize: none;
  box-shadow: none;
  border: none;
  border-radius: 0px;
  word-wrap: break-word;
  white-space: pre-wrap;
  scrollbar-base-color: #C0C0C0;
  scrollbar-face-color: #626262;
  scrollbar-3dlight-color: #C0C0C0;
  scrollbar-highlight-color: #C0C0C0;
  scrollbar-track-color: #dddddd;
  scrollbar-arrow-color: black;
  scrollbar-shadow-color: #C0C0C0;
  scrollbar-dark-shadow-color: #C0C0C0;
  line-height: 21px;
  text-align: left;
  padding-left: 15px;
  padding-right: 15px;
  height: 100%;
}
.content-detail .info-area .new-content .doc-text-section .doc-text.clamp,
.content-detail .info-area .new-content .video-subtitle-section .doc-text.clamp {
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}
.content-detail .info-area .new-content .doc-text-section .doc-text.full-screen-model,
.content-detail .info-area .new-content .video-subtitle-section .doc-text.full-screen-model {
  overflow-y: auto;
}
.content-detail .info-area .new-content .doc-text-section .reset-doc,
.content-detail .info-area .new-content .video-subtitle-section .reset-doc {
  float: right;
  margin-right: 18px;
  font-size: 25px;
  margin-top: 3px;
  font-weight: 900;
  transform: rotateY(180deg);
}
.content-detail .info-area .new-content .in-this-album {
  float: left;
  margin-bottom: 10px;
  overflow-y: auto;
  width: 100%;
  max-height: 175px;
}
.content-detail .info-area .new-content .btn {
  height: 32px;
  border: 1px solid transparent;
  font-weight: bold;
  font-size: 14px;
  border-radius: 25px;
  max-width: 300px;
  min-width: 70px;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 18px;
}
.content-detail .info-area .new-content .album-container {
  float: left;
  overflow: hidden;
  width: 100%;
}
.content-detail .info-area .new-content .album-container .keywords-container {
  padding-top: 0;
}
.content-detail .info-area .new-content .album-container .album-box {
  width: 72px;
  height: 72px;
  float: left;
  overflow: hidden;
}
.content-detail .info-area .new-content .album-container .album {
  position: relative;
  cursor: pointer;
  width: 72px;
  height: 72px;
}
.content-detail .info-area .new-content .album-container .album-delete {
  position: absolute;
  cursor: pointer;
  width: 72px;
  height: 72px;
  line-height: 72px;
  text-align: center;
  vertical-align: middle;
}
.content-detail .info-area .new-content .album-container .delete-btn {
  position: absolute;
  right: 0px;
  cursor: pointer;
  visibility: hidden;
  margin: 2px;
}
.content-detail .info-area .new-content .album-container .album-box:hover .delete-btn {
  visibility: visible;
}
.content-detail .info-area .new-content .album-container .album-image {
  position: absolute;
  height: none !important;
  max-width: none !important;
}
.content-detail .info-area .new-content .album-container .assign-btn {
  float: left;
  width: 72px;
  height: 72px;
  line-height: 72px;
  text-align: center;
  vertical-align: middle;
  font-size: 40px;
  color: #ffffff;
  background: #cacaca;
  font-weight: 300;
  cursor: pointer;
}
.content-detail .info-area .new-content .album-container .assign-btn:hover {
  background: #545454;
  color: #fffff;
}
.content-detail .info-area .new-content .album-container .assign-btn:active {
  background: #474747;
}
.content-detail .info-area .new-content .in-this-album::-webkit-scrollbar-thumb {
  background-color: #626262;
  height: 50px;
  outline-offset: -2px;
}
.content-detail .info-area .new-content .in-this-album::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.content-detail .info-area .new-content .in-this-album::-webkit-scrollbar-track-piece {
  background-color: #dddddd;
  -webkit-border-radius: 0;
}
.content-detail .info-area .new-content .selected-album {
  float: left;
  width: 100%;
  min-height: 20px;
  font-size: 14px;
  color: #4b4b4b;
  text-align: center;
  word-wrap: break-word;
}
.content-detail .info-area .new-content .comment-section .photo {
  width: 32px;
  height: 32px;
  border-radius: 25px;
  float: left;
}
.content-detail .info-area .new-content .comment-div {
  display: inline-block;
  padding-right: 0px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
  position: relative;
  margin-left: 20px;
  width: calc(100% - 54px);
  border-radius: 15px;
  border: 1px solid ;
}
.content-detail .info-area .new-content .comment-div.first-level {
  margin-left: 0;
  width: 100%;
}
.content-detail .info-area .new-content .comment-div textarea {
  font-weight: normal;
  font-size: 15px;
  color: #626262;
  color: #4a4a4a;
  width: calc(100% - 60px);
  height: 58px;
  margin-bottom: 0px;
  border: 0px;
  background: transparent;
  padding: 0px;
  resize: none;
  min-height: 58px;
  margin-left: 0px;
  border-radius: 0px!important;
  padding-left: 0px!important;
  line-height: 22px!important;
}
.content-detail .info-area .new-content .comment-div .c-icon {
  width: 32px;
  height: 32px;
  border-radius: 15px;
  background: #E5E5E5;
  font-size: 16px;
  line-height: 32px;
  display: inline-block;
  text-align: center;
  position: absolute;
  top: 20px;
  right: 15px;
}
.content-detail .info-area .new-content .email-suggestion-list {
  position: relative;
  top: -12px;
  max-height: 100px;
}
.content-detail .info-area .new-content .user-tip {
  padding-left: 69px;
}
.content-detail .info-area .new-content .pop-layer {
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  margin-top: 1px;
  min-width: 200px;
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 12000;
}
.content-detail .info-area .new-content .user-list li {
  list-style: none;
}
.content-detail .info-area .new-content .user-list-item.active > a {
  text-decoration: none;
  background-color: #3b73af;
  color: #ffffff !important;
}
.content-detail .info-area .new-content .user-list-item.active > a:hover {
  text-decoration: none;
}
.content-detail .info-area .new-content .user-list .user-list-item-link.user-iconised-link {
  background-position: 10px 0px;
  background-repeat: no-repeat;
  -moz-background-size: 16px;
  background-size: 16px;
  color: #333333;
}
.content-detail .info-area .new-content .comment-input::-webkit-input-placeholder {
  color: #999999 !important;
}
.content-detail .info-area .new-content .comment-input::-webkit-scrollbar-thumb {
  background-color: #626262;
  height: 50px;
  outline-offset: -2px;
}
.content-detail .info-area .new-content .comment-input::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.content-detail .info-area .new-content .comment-input::-webkit-scrollbar-track-piece {
  background-color: #dddddd;
  -webkit-border-radius: 0;
}
.content-detail .info-area .new-content .comments-box {
  width: 100%;
  margin-top: 20px;
  margin-bottom: 15px;
  float: left;
  padding: 0px 20px;
}
.content-detail .info-area .new-content .comments-box ul[ng-init] {
  padding-left: 40px;
}
.content-detail .info-area .new-content .comment {
  float: left;
  width: 100%;
  margin: 2px 0px;
  padding: 0px;
}
.content-detail .info-area .new-content .comment .avatar {
  width: 32px;
  height: 32px;
  float: left;
  border-radius: 20px;
  -webkit-border-radius: 20px;
}
.content-detail .info-area .new-content .comment .comment-content {
  margin-left: 40px;
  /*span{
                        float: left;
                        line-height: 18px;
                        margin-right: 5px;
                    }*/
}
.content-detail .info-area .new-content .comment .comment-content .comment-top {
  width: 100%;
  height: auto;
  margin-bottom: 2px;
  padding-top: 5px;
}
.content-detail .info-area .new-content .comment .comment-content .comment-top:after {
  display: block;
  clear: both;
  content: "";
  visibility: hidden;
  height: 0;
}
.content-detail .info-area .new-content .comment .comment-content .comment-top .icon-s-Comment-22 {
  float: right;
  font-size: 22px;
  cursor: default;
}
.content-detail .info-area .new-content .comment .comment-content .commentEditBorder {
  border: 1px solid #dddddd;
  background-color: #f0f0f0;
}
.content-detail .info-area .new-content .comment .comment-content .comment-bottom {
  display: block;
  border-radius: 0px;
  padding: 5px 0px 6px;
  min-height: 20px;
  font-size: 13px;
  color: #474747;
  font-weight: 300;
}
.content-detail .info-area .new-content .comment .comment-content .comment-bottom:hover {
  background-color: transparent;
}
.content-detail .info-area .new-content .comment .comment-content .comment-edit-area {
  width: 100%;
  resize: none;
  min-height: 22px;
  border: none;
  border-radius: 0px;
  padding: 0px;
  background: none;
  cursor: default;
  word-break: normal;
  word-wrap: break-word;
  white-space: pre-wrap;
  color: black;
  text-decoration: blink;
  line-height: 22px;
  float: left;
  font-weight: normal;
  font-size: 15px;
  color: #626262;
  color: #4a4a4a;
}
.content-detail .info-area .new-content .comment .comment-content .username {
  font-size: 14px;
  font-weight: 600;
  color: #474747;
  float: left;
  text-decoration: none;
  line-height: 22px;
}
.content-detail .info-area .new-content .comment .comment-content .time {
  font-size: 12px;
  color: #474747;
  font-weight: 300;
  float: left;
  margin-left: 0px;
  margin-top: 0px;
  font-size: 14px;
  line-height: 22px;
}
.content-detail .info-area .new-content .comment .comment-content .version {
  font-size: 14px;
  font-weight: 600;
  color: #474747;
  text-align: left;
  min-height: 22px;
  line-height: 22px;
  float: left;
  cursor: default;
  width: 100%;
}
.content-detail .info-area .new-content .comment .comment-content .to-name {
  float: none;
  color: black;
  font-weight: 500;
}
.content-detail .info-area .new-content .comment .comment-content .operate {
  font-size: 14px;
  margin-left: 0px;
  cursor: pointer;
}
.content-detail .info-area .new-content .comment .toggle-replies {
  display: inline-block;
  margin-bottom: 10px;
}
.content-detail .info-area .new-content .comment .toggle-replies > span {
  margin: 0;
  float: none;
  font-weight: normal;
}
.content-detail .info-area .new-content .comment .toggle-replies > i {
  margin-left: 5px;
  float: none;
  font-size: 12px;
  margin: 0;
}
.content-detail .info-area .new-content .icon-s-Arrow2_16,
.content-detail .info-area .new-content .icon-icn_flight_arrow_up_01 {
  margin: 0 8px;
  float: right;
}
.content-detail .info-area .new-content .shrink {
  transform: rotate(180deg);
}
.content-detail .scrollbar::-webkit-scrollbar-thumb {
  background-color: #626262;
  height: 50px;
  outline-offset: -2px;
}
.content-detail .scrollbar::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.content-detail .scrollbar::-webkit-scrollbar-track-piece {
  background-color: #dddddd;
  -webkit-border-radius: 0;
}
.conversion-full-screen-video-wrapper {
  position: relative;
}
.conversion-full-screen-video-wrapper.change-tooltip {
  height: 100%;
  width: 100%;
}
.conversion-full-screen-video-wrapper > video {
  width: 100%;
  height: 100%;
}
.conversion-full-screen-video-wrapper .full-screen-video-with-watermark {
  position: absolute;
  height: 2em;
  width: 2em;
  right: 58px;
  bottom: 33px;
  opacity: 0;
}
.user-list-item.active > a {
  text-decoration: none;
  background-color: #3b73af;
  color: #ffffff !important;
}
.opacity03-btn {
  opacity: 0.3;
  cursor: pointer;
}
.opacity03-btn:hover {
  opacity: 1;
}
.user-list-item.active > a:hover {
  text-decoration: none;
}
.comment-input {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  font-size: 16px;
  min-height: 70px;
  margin-top: 0px;
  margin-bottom: 10px;
  resize: none;
  box-shadow: none;
  border: 1px solid #dddddd;
  border-radius: 0px;
  scrollbar-base-color: #C0C0C0;
  scrollbar-face-color: #626262;
  scrollbar-3dlight-color: #C0C0C0;
  scrollbar-highlight-color: #C0C0C0;
  scrollbar-track-color: #dddddd;
  scrollbar-arrow-color: black;
  scrollbar-shadow-color: #C0C0C0;
  scrollbar-dark-shadow-color: #C0C0C0;
}
.user-list .user-list-item-link.user-iconised-link {
  background-position: 10px 0px;
  background-repeat: no-repeat;
  -moz-background-size: 16px;
  background-size: 16px;
  color: #333333;
}
.comment-input::-webkit-input-placeholder {
  color: #999999 !important;
}
.comment-input::-webkit-scrollbar-thumb {
  background-color: #626262;
  height: 50px;
  outline-offset: -2px;
}
.comment-input::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.comment-input::-webkit-scrollbar-track-piece {
  background-color: #dddddd;
  -webkit-border-radius: 0;
}
.comments-box {
  width: 100%;
  margin-bottom: 35px;
  float: left;
  padding: 0px 20px;
}
.comment {
  float: left;
  width: 100%;
  margin: 2px 0px;
  padding: 0px;
}
.comment .avatar {
  width: 40px;
  height: 40px;
  float: left;
  border-radius: 20px;
  -webkit-border-radius: 20px;
}
.comment .comment-content {
  margin-left: 40px;
  /*span{
            float: right;
            line-height: 18px;
            margin-left: 5px;
        }*/
}
.comment .comment-content .comment-top {
  width: 100%;
  height: 18px;
  margin-bottom: 2px;
}
.comment .comment-content .commentEditBorder {
  border: 1px solid #dddddd;
  background-color: #f0f0f0;
}
.comment .comment-content .comment-bottom {
  display: block;
  border-radius: 0px;
  padding: 5px 5px 6px;
  min-height: 20px;
  font-weight: normal;
  font-size: 14px;
  /*have different color*/
}
.comment .comment-content .comment-bottom:hover {
  background-color: #f0f0f0;
}
.comment .comment-content .comment-edit-area {
  width: 100%;
  resize: none;
  min-height: 22px;
  border: none;
  border-radius: 0px;
  padding: 0px;
  background: none;
  cursor: default;
  font-size: 13px;
  word-break: normal;
  word-wrap: break-word;
  white-space: pre-wrap;
}
.comment .comment-content .username {
  float: left;
  text-decoration: none;
  font-weight: bold;
  font-size: 16px;
  color: #4a4a4a;
}
.comment .comment-content .time {
  float: right;
  margin-left: 8px;
  margin-top: 2px;
  font-weight: normal;
  font-size: 14px;
  /*have different color*/
  color: #9b9b9b;
}
.comment .comment-content .to-name {
  float: none;
  color: black;
  font-weight: 500;
}
.pop-layer {
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  margin-top: 1px;
  min-width: 200px;
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 12000;
}
.email-suggestion-list {
  position: relative;
  top: -12px;
  max-height: 100px;
}
.albums.detail-dialog1 .modal-body {
  height: auto;
}
.albums.detail-dialog1 .modal-body .container-box {
  margin: 0;
}
.additional-wf-assign-to-album #treehierarchy li {
  color: #666666;
}
/* Assign Dialog */
.assign-to-album {
  padding: 20px;
  margin: auto;
}
.assign-to-album .modal-footer {
  padding-left: 30px;
}
.assign-to-album .modal-footer span {
  float: left;
  margin-top: 5px;
  font-size: 16px;
}
.assign-to-album .scroll {
  width: 100%;
  height: 10px;
  background: #dddddd;
  position: relative;
}
.assign-to-album .scroll .ui-slider-handle {
  position: absolute;
  left: 0px;
  z-index: 2;
  width: 80px;
  height: 10px;
  cursor: pointer;
  background-color: #fa531c;
}
.assign-to-album .title {
  position: relative;
  float: left;
  font-weight: 300;
  font-size: 26px;
  color: #5f6060;
}
.assign-to-album .close {
  position: absolute;
  top: -11px;
  right: -11px;
  width: 25px;
  height: 25px;
  background-position: -258px -75px;
  opacity: 0.8;
}
.assign-to-album .close:hover,
.assign-to-album .close:active {
  opacity: 1;
}
.assign-to-album .search-input-area {
  margin: -30px;
  height: 50px;
  width: calc(100% + 60px);
  float: left;
  clear: both;
  padding: 9px 30px;
  border-bottom: 1px solid #ddd;
}
.assign-to-album .search-input-area span {
  font-size: 16px;
  left: 30px;
  top: 9px;
}
.assign-to-album .search-input {
  float: left;
  height: 32px;
  width: 100%;
  font-size: 14px;
  color: #999999;
  padding: 0 15px !important;
  margin: 0 !important;
  border-radius: 20px;
  border: 1px solid ;
}
.assign-to-album .search-btn {
  float: left;
  height: 32px;
  width: 32px;
  position: relative;
  left: -32px;
  cursor: pointer;
  line-height: 32px;
  text-align: center;
  color: #cccccc;
}
.assign-to-album .search-btn .add {
  width: 16px;
  height: 16px;
  margin: 8px auto;
  background-position: -209px -240px;
}
.assign-to-album .album-path {
  float: left;
  font-size: 16px;
  color: #111111;
  text-align: left;
  line-height: 32px;
  position: relative;
  left: -10px;
  width: 450px;
}
.assign-to-album .contents {
  position: relative;
  width: 100%;
  height: 100%;
  list-style-type: none;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-base-color: #C0C0C0;
  scrollbar-face-color: #626262;
  scrollbar-3dlight-color: #C0C0C0;
  scrollbar-highlight-color: #C0C0C0;
  scrollbar-track-color: #dddddd;
  scrollbar-arrow-color: black;
  scrollbar-shadow-color: #C0C0C0;
  scrollbar-dark-shadow-color: #C0C0C0;
}
.assign-to-album .contents::-webkit-scrollbar-thumb {
  background-color: #626262;
}
.assign-to-album .contents::-webkit-scrollbar-track-piece {
  background-color: #dddddd;
  -webkit-border-radius: 0;
}
.assign-to-album .contents::-webkit-scrollbar {
  height: 10px;
}
.assign-to-album .container {
  margin: 0px;
  overflow: hidden;
}
.assign-to-album .container img.frame {
  width: inherit;
  z-index: -1;
  position: relative;
  top: -307px;
}
.assign-to-album .album-item {
  float: left;
  width: 276px;
  height: 308px;
  border: 1px solid white;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.assign-to-album .album-item:hover {
  cursor: pointer;
}
.assign-to-album .album-item:hover .desc {
  background-color: #fa531c;
}
.assign-to-album .album-item:hover .hover {
  display: block;
}
.assign-to-album .default-album-img {
  width: 166px;
  height: 132px;
  background-image: url(img/album.png);
  margin: 54px auto;
}
.assign-to-album .desc {
  float: left;
  height: 32px;
  width: 280px;
  background-color: grey;
  font-size: 16px;
  color: #ffffff;
  text-align: left;
  line-height: 32px;
  padding-left: 6px;
}
.assign-to-album .hover {
  position: relative;
  display: none;
  left: 0px;
  width: 275px;
  height: 274px;
  background-color: rgba(0, 0, 0, 0.5);
}
.assign-to-album .hover .add {
  width: 16px;
  height: 16px;
  margin: 0px auto;
  background-position: -210px -242px;
  top: 50%;
  position: relative;
}
.assign-to-album .thumb-img {
  height: none !important;
  max-width: none !important;
}
.assign-to-album .desc-selected {
  background-color: #fa531c;
}
.assign-to-album .contents {
  overflow-x: hidden;
  overflow-y: auto;
}
.assign-to-album .root-text {
  height: 40px;
}
.assign-to-album .sch-box {
  margin-bottom: 0px;
  margin-right: 10px;
  width: 230px;
  padding-left: 10px;
  line-height: 15px;
  font-size: 15px;
  font-weight: 300;
  height: 32px;
  font-family: 'icomoon', 'canto-font';
}
.assign-to-album .search-folder .sch-list {
  right: auto;
  top: auto;
  bottom: 45px;
  left: 20px;
}
.assign-to-album .search-folder .sch-list span {
  margin-top: 0px;
  line-height: 30px;
}
.assign-to-album .sch-list {
  width: 250px;
  max-height: 210px;
  border: 1px solid #2a2a2a;
  position: absolute;
  right: 0px;
  top: 35px;
  z-index: 20;
  background-color: #eee;
  color: #4a4a4a;
  font-weight: 400;
  display: flex;
  flex-direction: column;
  margin-right: 10px;
  overflow-y: auto;
}
.assign-to-album .sch-list div {
  display: flex;
  padding: 0 10px;
  width: 100%;
  align-items: center;
}
.assign-to-album .sch-list div:hover {
  background-color: #acacac;
}
.assign-to-album .sch-list .icn {
  margin-right: 5px;
}
.assign-to-album .sch-list .center {
  justify-content: center;
}
.assign-to-album .sch-list .active {
  background-color: #acacac;
}
.assign-to-album .modal-footer.new-footer {
  height: 100px;
  padding-top: 15px;
}
.assign-to-album .modal-footer.new-footer input {
  width: calc(100% - 120px);
}
.assign-to-album .albums {
  width: 100%;
  height: 300px;
  overflow: hidden;
  float: left;
  clear: both;
}
.assign-to-album .moveToMainLibrary {
  width: 100%;
  height: 300px;
  overflow: hidden;
  float: left;
  clear: both;
  margin-top: 0px;
}
.assign-to-album .custom {
  width: 100%;
  height: 320px;
  overflow: hidden;
  margin-top: -10px;
  margin-left: -5px;
  float: left;
  clear: both;
}
.assign-to-album .custom .name {
  cursor: pointer;
}
.assign-to-album .point {
  border-radius: 10px;
  height: 10px;
  width: 10px;
  position: absolute;
  left: 12px;
  top: 15px;
}
.assign-to-album .library {
  margin-left: 10px;
}
.assign-to-album .icon-s-Checkbox1_16,
.assign-to-album .icon-s-Checkbox2_16 {
  position: absolute;
  left: 12px;
  font-size: 15px;
  top: 12px;
}
.assign-to-album .btn-parent {
  min-width: 75px;
}
.assign-to-album .normal-text {
  font-weight: 400;
}
.add-to-workflow {
  padding: 20px;
  margin: auto;
}
.add-to-workflow .modal-footer {
  padding-left: 30px;
}
.add-to-workflow .modal-footer span {
  float: left;
  margin-top: 5px;
  font-size: 16px;
}
.add-to-workflow .scroll {
  width: 100%;
  height: 10px;
  background: #dddddd;
  position: relative;
}
.add-to-workflow .scroll .ui-slider-handle {
  position: absolute;
  left: 0px;
  z-index: 2;
  width: 80px;
  height: 10px;
  cursor: pointer;
  background-color: #fa531c;
}
.add-to-workflow .title {
  position: relative;
  float: left;
  font-weight: 300;
  font-size: 26px;
  color: #5f6060;
}
.add-to-workflow .close {
  position: absolute;
  top: -11px;
  right: -11px;
  width: 25px;
  height: 25px;
  background-position: -258px -75px;
  opacity: 0.8;
}
.add-to-workflow .close:hover,
.add-to-workflow .close:active {
  opacity: 1;
}
.add-to-workflow .search-input-area {
  margin: -30px;
  height: 50px;
  width: calc(100% + 60px);
  float: left;
  clear: both;
  padding: 9px 30px;
  border-bottom: 1px solid #ddd;
}
.add-to-workflow .search-input-area span {
  font-size: 16px;
  left: 30px;
  top: 9px;
}
.add-to-workflow .search-input {
  float: left;
  height: 32px;
  width: 100%;
  font-size: 14px;
  color: #999999;
  padding: 0 15px !important;
  margin: 0 !important;
  border-radius: 20px;
  border: 1px solid ;
}
.add-to-workflow .search-btn {
  float: left;
  height: 32px;
  width: 32px;
  position: relative;
  left: -32px;
  cursor: pointer;
  line-height: 32px;
  text-align: center;
  color: #cccccc;
}
.add-to-workflow .search-btn .add {
  width: 16px;
  height: 16px;
  margin: 8px auto;
  background-position: -209px -240px;
}
.add-to-workflow .album-path {
  float: left;
  font-size: 16px;
  color: #111111;
  text-align: left;
  line-height: 32px;
  position: relative;
  left: -10px;
  width: 450px;
}
.add-to-workflow .contents {
  position: relative;
  width: 100%;
  height: 100%;
  list-style-type: none;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-base-color: #C0C0C0;
  scrollbar-face-color: #626262;
  scrollbar-3dlight-color: #C0C0C0;
  scrollbar-highlight-color: #C0C0C0;
  scrollbar-track-color: #dddddd;
  scrollbar-arrow-color: black;
  scrollbar-shadow-color: #C0C0C0;
  scrollbar-dark-shadow-color: #C0C0C0;
}
.add-to-workflow .contents::-webkit-scrollbar-thumb {
  background-color: #626262;
}
.add-to-workflow .contents::-webkit-scrollbar-track-piece {
  background-color: #dddddd;
  -webkit-border-radius: 0;
}
.add-to-workflow .contents::-webkit-scrollbar {
  height: 10px;
}
.add-to-workflow .container {
  margin: 0px;
  overflow: hidden;
}
.add-to-workflow .container img.frame {
  width: inherit;
  z-index: -1;
  position: relative;
  top: -307px;
}
.add-to-workflow .album-item {
  float: left;
  width: 276px;
  height: 308px;
  border: 1px solid white;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.add-to-workflow .album-item:hover {
  cursor: pointer;
}
.add-to-workflow .album-item:hover .desc {
  background-color: #fa531c;
}
.add-to-workflow .album-item:hover .hover {
  display: block;
}
.add-to-workflow .default-album-img {
  width: 166px;
  height: 132px;
  background-image: url(img/album.png);
  margin: 54px auto;
}
.add-to-workflow .desc {
  float: left;
  height: 32px;
  width: 280px;
  background-color: grey;
  font-size: 16px;
  color: #ffffff;
  text-align: left;
  line-height: 32px;
  padding-left: 6px;
}
.add-to-workflow .hover {
  position: relative;
  display: none;
  left: 0px;
  width: 275px;
  height: 274px;
  background-color: rgba(0, 0, 0, 0.5);
}
.add-to-workflow .hover .add {
  width: 16px;
  height: 16px;
  margin: 0px auto;
  background-position: -210px -242px;
  top: 50%;
  position: relative;
}
.add-to-workflow .thumb-img {
  height: none !important;
  max-width: none !important;
}
.add-to-workflow .desc-selected {
  background-color: #fa531c;
}
.add-to-workflow .contents {
  overflow-x: hidden;
  overflow-y: auto;
}
.add-to-workflow .modal-body .albums-block-wrapper {
  border: 1px solid #ddd;
  border-radius: 5px;
  margin-left: 25px;
  margin-top: 5px;
}
.add-to-workflow .modal-body .albums-block {
  margin: 10px 15px 10px 0;
  max-height: 78px;
  overflow-y: auto;
}
.add-to-workflow .modal-body .albums-block .album-items {
  display: flex;
  justify-content: space-between;
}
.add-to-workflow .modal-body .albums-block .album-items .album-display-name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #555;
  font-weight: bold;
  margin-left: 15px;
  line-height: 26px;
}
.add-to-workflow .modal-body .albums-block .album-items .icon-s-Delete_16 {
  line-height: 24px;
}
.add-to-workflow .modal-body .add-workflow-list {
  font-weight: 400;
}
.add-to-workflow .modal-body .add-workflow-list .header-section {
  display: flex;
}
.add-to-workflow .modal-body .add-workflow-list .header-section .left {
  width: 84%;
}
.add-to-workflow .modal-body .add-workflow-list .workflows .workflow {
  min-height: 0;
}
.add-to-workflow .modal-body .add-workflow-list .workflows .workflow .workflow-header {
  display: flex;
  margin: 10px 0;
  border: 1px solid #e0e0e0;
  border-radius: 20px;
  background: #e0e0e0;
}
.add-to-workflow .modal-body .add-workflow-list .workflows .workflow .workflow-header .left {
  width: 84%;
  padding-left: 20px;
}
.add-to-workflow .modal-body .add-workflow-list .workflows .workflow .workflow-header .left .default-check {
  margin-left: 5px;
  margin-right: 5px;
}
.add-to-workflow .modal-body .add-workflow-list .workflows .workflow .workflow-header .left .workflowName {
  font-weight: 500;
}
.add-to-workflow .modal-body .add-workflow-list .workflows .workflow .tasks {
  display: flex;
}
.add-to-workflow .modal-body .add-workflow-list .workflows .workflow .tasks .left {
  padding-left: 40px;
  width: 84%;
}
.add-to-workflow .modal-body .add-workflow-list .workflows .workflow .tasks .left .task-check {
  position: unset;
  margin-left: 6px;
  margin-right: 5px;
  vertical-align: middle;
}
.add-to-workflow .modal-body .albums-remove-other {
  font-weight: bold;
  margin-left: 42px;
}
.add-to-workflow .modal-body .albums-remove-other._disabled {
  color: #a3a3a3;
  cursor: not-allowed;
}
.add-to-workflow .modal-body .albums-remove-other._disabled ._disabled {
  cursor: not-allowed;
}
.add-to-workflow .modal-body .albums-remove-other.check-readonly {
  color: #a3a3a3;
  cursor: not-allowed;
}
.add-to-workflow .modal-body .albums-remove-other .checkbox-icon {
  position: unset;
  margin-right: 5px;
}
.add-to-workflow .modal-body .albums-remove-other .waring-tooltip {
  width: 250px;
  text-align: left;
}
.add-to-workflow .modal-body .albums-remove-other .waring-tooltip .tooltip-inner {
  max-width: 250px;
}
.add-to-workflow .modal-footer {
  height: 100px;
  padding-top: 15px;
  display: flex;
  justify-content: flex-end;
  text-align: right;
}
.add-to-workflow .modal-footer div {
  margin: 0;
  padding: 7px;
  font-weight: bold;
  color: darkgray;
  font-size: 16px;
}
.add-to-workflow .modal-footer button {
  margin-left: 30px;
}
.add-to-workflow .icon-s-Checkbox1_16,
.add-to-workflow .icon-s-Checkbox2_16 {
  position: absolute;
  left: 12px;
  font-size: 15px;
  top: 12px;
}
.add-to-workflow .btn-parent {
  min-width: 75px;
}
.assign-dialog {
  padding: 20px;
  margin: auto;
}
.assign-dialog .modal-footer {
  padding-left: 30px;
}
.assign-dialog .modal-footer span {
  float: left;
  margin-top: 5px;
  font-size: 16px;
}
.assign-dialog .scroll {
  width: 100%;
  height: 10px;
  background: #dddddd;
  position: relative;
}
.assign-dialog .scroll .ui-slider-handle {
  position: absolute;
  left: 0px;
  z-index: 2;
  width: 80px;
  height: 10px;
  cursor: pointer;
  background-color: #fa531c;
}
.assign-dialog .title {
  position: relative;
  float: left;
  font-weight: 300;
  font-size: 26px;
  color: #5f6060;
}
.assign-dialog .close {
  position: absolute;
  top: -11px;
  right: -11px;
  width: 25px;
  height: 25px;
  background-position: -258px -75px;
  opacity: 0.8;
}
.assign-dialog .close:hover,
.assign-dialog .close:active {
  opacity: 1;
}
.assign-dialog .search-input-area {
  margin: -30px;
  height: 50px;
  width: calc(100% + 60px);
  float: left;
  clear: both;
  padding: 9px 30px;
  border-bottom: 1px solid #ddd;
}
.assign-dialog .search-input-area span {
  font-size: 16px;
  left: 30px;
  top: 9px;
}
.assign-dialog .search-input {
  float: left;
  height: 32px;
  width: 100%;
  font-size: 14px;
  color: #999999;
  padding: 0 15px !important;
  margin: 0 !important;
  border-radius: 20px;
  border: 1px solid ;
}
.assign-dialog .search-btn {
  float: left;
  height: 32px;
  width: 32px;
  position: relative;
  left: -32px;
  cursor: pointer;
  line-height: 32px;
  text-align: center;
  color: #cccccc;
}
.assign-dialog .search-btn .add {
  width: 16px;
  height: 16px;
  margin: 8px auto;
  background-position: -209px -240px;
}
.assign-dialog .album-path {
  float: left;
  font-size: 16px;
  color: #111111;
  text-align: left;
  line-height: 32px;
  position: relative;
  left: -10px;
  width: 450px;
}
.assign-dialog .contents {
  position: relative;
  width: 100%;
  height: 100%;
  list-style-type: none;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-base-color: #C0C0C0;
  scrollbar-face-color: #626262;
  scrollbar-3dlight-color: #C0C0C0;
  scrollbar-highlight-color: #C0C0C0;
  scrollbar-track-color: #dddddd;
  scrollbar-arrow-color: black;
  scrollbar-shadow-color: #C0C0C0;
  scrollbar-dark-shadow-color: #C0C0C0;
}
.assign-dialog .contents::-webkit-scrollbar-thumb {
  background-color: #626262;
}
.assign-dialog .contents::-webkit-scrollbar-track-piece {
  background-color: #dddddd;
  -webkit-border-radius: 0;
}
.assign-dialog .contents::-webkit-scrollbar {
  height: 10px;
}
.assign-dialog .container {
  margin: 0px;
  overflow: hidden;
}
.assign-dialog .container img.frame {
  width: inherit;
  z-index: -1;
  position: relative;
  top: -307px;
}
.assign-dialog .album-item {
  float: left;
  width: 276px;
  height: 308px;
  border: 1px solid white;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.assign-dialog .album-item:hover {
  cursor: pointer;
}
.assign-dialog .album-item:hover .desc {
  background-color: #fa531c;
}
.assign-dialog .album-item:hover .hover {
  display: block;
}
.assign-dialog .default-album-img {
  width: 166px;
  height: 132px;
  background-image: url(img/album.png);
  margin: 54px auto;
}
.assign-dialog .desc {
  float: left;
  height: 32px;
  width: 280px;
  background-color: grey;
  font-size: 16px;
  color: #ffffff;
  text-align: left;
  line-height: 32px;
  padding-left: 6px;
}
.assign-dialog .hover {
  position: relative;
  display: none;
  left: 0px;
  width: 275px;
  height: 274px;
  background-color: rgba(0, 0, 0, 0.5);
}
.assign-dialog .hover .add {
  width: 16px;
  height: 16px;
  margin: 0px auto;
  background-position: -210px -242px;
  top: 50%;
  position: relative;
}
.assign-dialog .thumb-img {
  height: none !important;
  max-width: none !important;
}
.assign-dialog .desc-selected {
  background-color: #fa531c;
}
/* Assign Dialog end */
/* Property Dialog */
.property-dialog {
  padding: 25px 20px 0px;
}
.property-dialog .modal-content {
  padding-top: 15px;
}
.property-dialog .title {
  text-align: center;
  color: #6f7070;
  font-size: 26px;
  margin-bottom: 15px;
}
.property-dialog .divide-line {
  margin: 10px 0px;
}
.property-dialog .close {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 25px;
  height: 25px;
  background-position: -258px -75px;
}
.property-dialog .property-table {
  width: 100%;
  border: 1px solid #c3c3c3;
  overflow: hidden;
}
.property-dialog .property-table .column-title {
  width: 50%;
  background-color: #c3c3c3;
  height: 33px;
  font-size: 13px;
  line-height: 33px;
  float: left;
  text-align: center;
  font-weight: 700;
}
.property-dialog .property-table .property-content {
  width: 100%;
  max-height: 280px;
  overflow: auto;
  scrollbar-base-color: #C0C0C0;
  scrollbar-face-color: #626262;
  scrollbar-3dlight-color: #C0C0C0;
  scrollbar-highlight-color: #C0C0C0;
  scrollbar-track-color: #dddddd;
  scrollbar-arrow-color: black;
  scrollbar-shadow-color: #C0C0C0;
  scrollbar-dark-shadow-color: #C0C0C0;
}
.property-dialog .property-table .property-content::-webkit-scrollbar-thumb {
  background-color: #626262;
}
.property-dialog .property-table .property-content::-webkit-scrollbar-track-piece {
  background-color: #dddddd;
  -webkit-border-radius: 0;
}
.property-dialog .property-table .property-content::-webkit-scrollbar {
  width: 5px;
}
.property-dialog .property-table .property-content dt,
.property-dialog .property-table .property-content dd {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #6f7070;
  width: 50%;
  display: inline-block;
  float: left;
  height: 20px;
  font-size: 12px;
  padding: 0 5px;
  border-top: 1px solid #dddddd;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.property-dialog .property-table .property-content dt {
  border-right: 1px solid #dddddd;
}
.property-dialog .btn-group {
  margin-top: 16px;
  text-align: center;
  width: 100%;
}
.m-15 {
  margin-bottom: 15px;
}
/* Property Dialog end */
section.version-section {
  position: relative;
  padding-bottom: 56px;
}
section.related-section {
  position: relative;
  padding-bottom: 20px;
}
section.related-section .input-circle {
  padding: 0 15px;
}
section.related-section .input-circle .dropdown-icon:after {
  top: -38px;
}
section.related-section .second-content {
  margin-top: 20px;
  max-height: 216px;
  overflow-y: auto;
}
section.detail-section,
section.custome-field-section {
  padding-bottom: 20px;
}
section.detail-section .content-cf,
section.custome-field-section .content-cf {
  border: 1px solid;
  padding: 10px 20px;
  margin-bottom: 30px;
}
section.detail-section .content-cf .content-cf-head,
section.custome-field-section .content-cf .content-cf-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
section.detail-section .content-cf .content-cf-head.content-cf-h-expand,
section.custome-field-section .content-cf .content-cf-head.content-cf-h-expand {
  margin-bottom: 15px;
}
section.detail-section .content-cf .content-cf-head .sc-name,
section.custome-field-section .content-cf .content-cf-head .sc-name {
  font-weight: bold;
}
section.detail-section .content-cf .content-cf-head .icon-s-Arrow2_16,
section.custome-field-section .content-cf .content-cf-head .icon-s-Arrow2_16 {
  margin: 0px!important;
}
section.detail-section .content-cf .select-wrap,
section.custome-field-section .content-cf .select-wrap {
  max-width: 100%;
}
section.detail-section .itemErrorMsg,
section.custome-field-section .itemErrorMsg {
  font-size: 14px;
  color: #ff0000;
  line-height: 1;
  margin-bottom: 5px;
}
section.detail-section .input-circle,
section.custome-field-section .input-circle {
  margin-bottom: 20px;
  position: relative;
}
section.detail-section .input-circle input,
section.custome-field-section .input-circle input {
  margin-bottom: 0;
}
section.detail-section .input-circle input.url-input,
section.custome-field-section .input-circle input.url-input {
  padding-right: 30px;
}
section.detail-section .input-circle textarea,
section.custome-field-section .input-circle textarea {
  margin-bottom: 0;
}
section.detail-section .input-circle .add-url-btn,
section.custome-field-section .input-circle .add-url-btn {
  width: 22px;
  height: 22px;
  position: absolute;
  right: 5px;
  top: 5px;
  border: none;
  box-shadow: none;
  font-weight: 400;
  font-size: 20px;
  line-height: 22px;
  text-decoration: none;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  background-color: transparent;
}
section.detail-section .input-circle .url-item,
section.custome-field-section .input-circle .url-item {
  margin: 8px 0px 0px 0px;
  font-size: 12px;
  overflow-y: hidden;
  border-radius: 26px;
  line-height: 20px;
  padding: 3px 8px;
}
section.detail-section .input-circle .url-item .url-text,
section.custome-field-section .input-circle .url-item .url-text {
  float: left;
  overflow-y: hidden;
  width: calc(100% - 18px);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-size: 14px;
  font-weight: 500;
  padding-left: 8px;
  cursor: pointer;
}
section.detail-section .input-circle .url-item span,
section.custome-field-section .input-circle .url-item span {
  line-height: 20px;
  font-weight: 600;
  cursor: pointer;
  float: right;
  font-size: 16px;
}
section.detail-section .input-circle .url-warning,
section.custome-field-section .input-circle .url-warning {
  margin: 8px 15px 10px;
}
section.detail-section .input-circle .multi-item,
section.custome-field-section .input-circle .multi-item {
  overflow: hidden;
}
section.detail-section .input-circle .multi-item .radio-item,
section.custome-field-section .input-circle .multi-item .radio-item {
  display: inline-block;
  margin-bottom: 10px;
}
section.detail-section .input-circle .multi-item .radio-item span,
section.custome-field-section .input-circle .multi-item .radio-item span {
  color: unset;
}
section.detail-section .input-circle .multi-item .radio-item .radio-text,
section.custome-field-section .input-circle .multi-item .radio-item .radio-text {
  margin-left: 5px;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 75%;
  vertical-align: sub;
}
section.detail-section .input-circle .div-3,
section.custome-field-section .input-circle .div-3 {
  max-height: 50px;
}
section.detail-section .input-circle .div-3 .radio-item,
section.custome-field-section .input-circle .div-3 .radio-item {
  width: 33.3%;
}
section.detail-section .input-circle .div-2,
section.custome-field-section .input-circle .div-2 {
  max-height: 80px;
}
section.detail-section .input-circle .div-2 .radio-item,
section.custome-field-section .input-circle .div-2 .radio-item {
  width: 50%;
}
section.detail-section .input-circle .div-1,
section.custome-field-section .input-circle .div-1 {
  max-height: 160px;
}
section.detail-section .input-circle .div-1 .radio-item,
section.custome-field-section .input-circle .div-1 .radio-item {
  width: 100%;
}
section.detail-section .item-title,
section.custome-field-section .item-title {
  font-size: 14px;
  font-weight: 700;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  margin-bottom: 10px;
  line-height: 20px;
}
section.detail-section .only-read,
section.custome-field-section .only-read {
  cursor: default;
}
section.detail-section .bind-click,
section.custome-field-section .bind-click {
  cursor: pointer;
}
section.detail-section textarea,
section.custome-field-section textarea {
  width: 100%;
  resize: none;
}
section.detail-section .select-readonly .select-wrap:after,
section.custome-field-section .select-readonly .select-wrap:after {
  display: none;
}
section.comment-section i.fullscreen {
  font-size: 16px;
  float: right;
  line-height: 20px;
  margin-top: 5px;
}
section.comment-section .comments-box {
  max-height: 300px;
  overflow-y: auto;
}
section.comment-section.resize-to-full {
  height: auto;
  width: 100%;
  margin-bottom: 30px;
}
section.comment-section.resize-to-full #content-comment-box {
  max-height: none;
}
.albums-section .keywords-container > .keyword-box {
  float: none !important;
  width: 100% !important;
}
.workflow-section .nos {
  margin-bottom: 10px;
}
.workflow-section .history-icon {
  margin-right: 5px;
  line-height: 32px;
  font-size: 16px;
  font-weight: 600;
}
.workflow-section .workflow-list .panel-heading {
  padding: 0 10px;
  cursor: pointer;
}
.workflow-section .workflow-list .panel-heading .accordion-toggle {
  text-decoration: none;
}
.workflow-section .workflow-list .panel-heading .sub-title-bar {
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
}
.workflow-section .workflow-list .panel-heading .sub-title-bar .workflow-list-title {
  width: 100%;
}
.workflow-section .workflow-list .panel-heading .sub-title-bar .workflow-list-title tbody {
  display: flex;
}
.workflow-section .workflow-list .panel-heading .sub-title-bar .workflow-list-title tbody .workflows {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  font-weight: 400;
  width: 100%;
  font-size: 15px;
}
.workflow-section .workflow-list .panel-heading .sub-title-bar .workflow-list-title tbody .workflows td {
  width: 30%;
  padding-bottom: 10px;
}
.workflow-section .workflow-list .panel-heading .sub-title-bar .workflow-list-title tbody .in-hand-icon {
  display: inline-block;
  height: 50px;
  width: 5px;
  margin-right: 5px;
}
.workflow-section .workflow-list .panel-collapse {
  padding: 0 10px;
}
.workflow-section .workflow-list .panel-collapse .panel-body {
  background: #F5F5F5;
  padding: 0;
  border: none;
}
.workflow-section .workflow-list .panel-collapse .panel-body .task-list table {
  margin-bottom: 0;
}
.workflow-section .workflow-list .panel-collapse .panel-body .task-list table .task-header {
  padding: 0 10px;
  display: flex;
  justify-content: space-around;
  font-weight: 600;
}
.workflow-section .workflow-list .panel-collapse .panel-body .task-list table .task-header td {
  border: none;
  border-bottom: 1px solid;
  border-color: inherit;
  padding: 8px 0;
}
.workflow-section .workflow-list .panel-collapse .panel-body .task-list table .task-tr {
  cursor: pointer;
}
.workflow-section .workflow-list .panel-collapse .panel-body .task-list table .task-tr .task-td {
  padding: 0 10px;
  border: none;
}
.workflow-section .workflow-list .panel-collapse .panel-body .task-list table .task-tr .task-td a {
  color: inherit;
  text-decoration: none;
}
.workflow-section .workflow-list .panel-collapse .panel-body .task-list table .task-tr .task-td a .table {
  margin: 0;
}
.workflow-section .workflow-list .panel-collapse .panel-body .task-list table .task-tr .task-td a .table .task-list {
  display: flex;
  justify-content: space-around;
}
.workflow-section .workflow-list .panel-collapse .panel-body .task-list table .task-tr .task-td a .table .task-list td {
  padding: 8px 0;
  border: none;
}
.workflow-section .workflow-list .panel-collapse .panel-body .task-list table .task-tr .task-td a .table .task-list td .task-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  width: calc(95%);
}
.workflow-section .workflow-list .panel-collapse .panel-body .task-list table .task-tr .task-td a .table .task-list td .icon-s-w-reject {
  margin-left: 5px;
  margin-right: 5px;
}
.workflow-section .workflow-list .panel-collapse .panel-body .task-list table .task-tr .task-td a .table .task-list .actions span {
  margin-left: 12px;
}
.workflow-section .workflow-list .panel-collapse .panel-body .task-list table .task-tr .task-td a .table .task-active {
  font-weight: 500;
}
/* document section start */
.document .doc-section .second-content {
  max-height: 250px;
}
.document .doc-section .doc-btn {
  display: inline;
}
.doc-section {
  padding-bottom: 20px;
}
.doc-section .second-content {
  max-height: 310px;
  overflow-y: auto;
  padding: 0 15px 15px!important;
}
.doc-section .doc-btn {
  display: none;
  padding-top: 0px;
  margin: 0 0px 10px 15px;
}
.doc-section div.thd {
  height: 30px;
  padding-top: 0px;
  padding-bottom: 15px;
}
.doc-section .tbdy {
  display: -webkit-flex;
  /* Safari */
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  height: 75px;
  padding-bottom: 10px;
  padding-top: 10px;
  position: relative;
}
.doc-section .tbdy span {
  flex: 0 0 auto;
}
.doc-section .tbdy span a {
  cursor: pointer;
}
.doc-section .tbdy .doc-pre {
  flex-basis: 60px;
  text-align: center;
  margin-right: 10px;
}
.doc-section .tbdy .doc-pre img {
  height: 50px;
}
.doc-section .tbdy .doc-data {
  flex-basis: 110px;
  text-align: right;
}
.doc-section .tbdy .doc-opt {
  flex-basis: 60px;
  text-align: left;
  height: 25px;
}
.doc-section .tbdy .doc-opt .f-icn {
  font-size: 18px;
  margin-left: 10px;
}
.doc-section .tbdy .fc-content {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
}
.doc-section .tbdy .fc-content .fc-name {
  flex: 1 1 auto;
  line-height: 20px;
  max-width: 430px;
}
.doc-section .tbdy .doc-name {
  flex: 1 1 auto;
}
.doc-section .tbdy .circle-button {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  text-align: center;
  font-size: 16px!important;
  line-height: 33px!important;
  background-color: rgba(0, 0, 0, 0.1);
  margin-right: 10px;
}
.doc-section .tbdy .doc-ok {
  margin-left: 10px;
  background-color: #9ad230!important;
  color: #fff!important;
}
.doc-section .tbdy .f-rename {
  margin-bottom: 0px;
  height: 32px;
  width: 100%;
}
.doc-section .tbdy:last-child {
  border-bottom: 0px;
}
.doc-section .circle1 {
  border-radius: 50%;
}
/* document section end */
.comments-indicator {
  height: 5px;
  width: 5px;
  background: #FF4070;
  box-shadow: 0 0 0 2px #f9f9fb;
  border-radius: 100%;
  position: absolute;
  top: 10px;
  right: 10px;
  text-indent: -9999px;
  z-index: 3;
  margin: -4px -4px 0 0;
  display: block;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
/* Associated Products style start*/
.associated-products {
  font-family: 'Roboto', sans-serif;
}
.associated-products .asset-detail-section {
  padding: 0px 8px 10px 28px;
}
.associated-products .asset-preview {
  padding-left: 14px;
}
.associated-products .container {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.associated-products .text-details {
  flex: 4;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.25px;
  text-align: left;
}
.associated-products .text-details a {
  text-decoration: underline;
  /* Ensures the link is underlined */
}
.associated-products .icon {
  flex: 1;
  text-align: right;
}
.associated-products img {
  max-width: 100px;
  height: auto;
}
.associated-products a {
  color: #1976D2;
}
.associated-products .product-search .container {
  max-width: 500px;
  margin: 0 auto;
  background-color: #fff;
  padding: 20px;
  border-radius: 8px;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
}
.associated-products .product-search .selected-assets-text {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.25px;
  padding-bottom: 16px;
}
.associated-products .product-search .dropdown-container {
  position: relative;
  padding-top: 8px;
  padding-right: 16px;
}
.associated-products .product-search .dropdown-input-wrapper {
  position: relative;
}
.associated-products .product-search .floating-label {
  position: absolute;
  left: 10px;
  top: 5px;
  background-color: #fff;
  padding: 0 4px;
  pointer-events: none;
  font-family: 'Roboto', sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0.4px;
  text-align: left;
}
.associated-products .product-search .dropdown-input:focus + .floating-label,
.associated-products .product-search .dropdown-input:not(:placeholder-shown) + .floating-label {
  color: #333;
}
.associated-products .product-search .dropdown-input {
  width: 100%;
  padding: 24px 35px 8px 14px;
  font-size: 16px;
  border: 1px solid #ccc;
  border-radius: 5px;
  background-color: #fff;
  box-sizing: border-box;
  height: 48px;
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.25px;
  text-align: left;
  margin-bottom: 0px;
}
.associated-products .product-search .dialog-dropdown-container {
  height: 80px;
  padding: 0px 32px;
  gap: 16px;
  border-radius: 4px 0px 0px 0px;
  opacity: 0px;
}
.associated-products .product-search .dialog-dropdown-container .dialog-dropdown-list {
  position: absolute;
  border: 1px solid #ccc;
  border-top: none;
  overflow-y: auto;
  background-color: #fff;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  z-index: 10;
  width: 85%;
}
.associated-products .product-search .dialog-dropdown-container .dialog-dropdown-list::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.associated-products .product-search .dialog-dropdown-container .dialog-dropdown-list::-webkit-scrollbar-track {
  background-color: #FFFFFF;
  border-radius: 15px;
  box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.1);
}
.associated-products .product-search .dialog-dropdown-container .dialog-dropdown-list::-webkit-scrollbar-thumb {
  background-color: #e0e0e0;
  border-radius: 15px;
}
.associated-products .product-search .dialog-dropdown-container .dialog-dropdown-list::-webkit-scrollbar-thumb:hover {
  background-color: #555;
}
.associated-products .product-search .dialog-dropdown-container-with-warning {
  height: 96px;
  padding: 0px 32px;
  gap: 16px;
  border-radius: 4px 0px 0px 0px;
  opacity: 0px;
  margin-bottom: 16px;
}
.associated-products .product-search .dialog-dropdown-container-with-warning .dialog-dropdown-list {
  position: absolute;
  border: 1px solid #ccc;
  border-top: none;
  overflow-y: auto;
  background-color: #fff;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  z-index: 10;
  width: 85%;
}
.associated-products .product-search .dialog-dropdown-container-with-warning .dialog-dropdown-list::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.associated-products .product-search .dialog-dropdown-container-with-warning .dialog-dropdown-list::-webkit-scrollbar-track {
  background-color: #FFFFFF;
  border-radius: 15px;
  box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.1);
}
.associated-products .product-search .dialog-dropdown-container-with-warning .dialog-dropdown-list::-webkit-scrollbar-thumb {
  background-color: #e0e0e0;
  border-radius: 15px;
}
.associated-products .product-search .dialog-dropdown-container-with-warning .dialog-dropdown-list::-webkit-scrollbar-thumb:hover {
  background-color: #555;
}
.associated-products .product-search .search-icon {
  position: absolute;
  right: 10px;
  top: 45%;
  transform: translateY(-50%);
  width: 18px;
  height: 18px;
  cursor: pointer;
}
.associated-products .product-search .remove-padding {
  right: auto !important;
}
.associated-products .product-search .dropdown-list {
  position: absolute;
  top: 78px;
  border: 1px solid #ccc;
  border-top: none;
  overflow-y: auto;
  background-color: #fff;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  z-index: 10;
  width: 96%;
  transition: height 0.2s;
  /* Smooth fade-in and height transition */
}
.associated-products .product-search .dropdown-list.show {
  display: block;
}
.associated-products .product-search .dropdown-list::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.associated-products .product-search .dropdown-list::-webkit-scrollbar-track {
  background-color: #FFFFFF;
  border-radius: 15px;
  box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.1);
}
.associated-products .product-search .dropdown-list::-webkit-scrollbar-thumb {
  background-color: #e0e0e0;
  border-radius: 15px;
}
.associated-products .product-search .dropdown-list::-webkit-scrollbar-thumb:hover {
  background-color: #555;
}
.associated-products .product-search .one-line {
  padding: 5px 24px 4px 24px;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-height: 40px;
  line-height: 24px;
  color: #000000;
}
.associated-products .product-search .two-lines {
  padding: 5px 24px 4px 24px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  line-height: 24px;
  max-height: 64px;
}
.associated-products .product-search .dropdown-item {
  cursor: pointer;
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  word-break: break-word;
  line-height: 24px;
  font-size: 16px;
  transition: none;
}
.associated-products .product-search .dropdown-item.one-line:hover {
  white-space: nowrap;
}
.associated-products .product-search .tooltip {
  visibility: hidden;
}
.associated-products .product-search .dropdown-item:hover .tooltip {
  visibility: visible;
}
.associated-products .product-search .dropdown-item:hover {
  background-color: #f1f1f1;
  font-weight: 700;
  font-size: 16px;
}
.associated-products .product-search .selected-option {
  font-weight: bold;
  color: #4CAF50;
  margin-top: 10px;
}
.associated-products .product-search .btn-container {
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  padding-right: 16px;
}
.associated-products .product-search .btn-container .btn {
  border: none;
  width: 50px;
  min-width: 50px;
  height: 24px;
  padding: 4px;
  font-weight: 500;
  font-size: 12px;
  border-radius: 4px;
  line-height: 16px;
  letter-spacing: 1.25px;
}
.associated-products .product-search .btn-container .save-btn {
  background-color: #1A767A;
  color: white;
}
.associated-products .product-search .btn-container .cancel-btn {
  color: #1A767A;
  background-color: white;
}
.associated-products .product-search .btn-container .btn:enabled {
  cursor: pointer;
}
.associated-products .product-search .btn-container .btn:disabled {
  background-color: #EBEDF0;
  color: #677593;
}
.associated-products .product-search .btn-layout {
  margin-top: 8px;
}
.details-without-search-box {
  min-height: 0px !important;
  padding-bottom: 20px;
}
.details-with-search-box {
  min-height: auto;
}
.dialog-dropdown-label {
  font-family: 'Roboto', sans-serif;
  font-size: 20px !important;
  font-weight: 600 !important;
  line-height: 24px;
  letter-spacing: 0.15px;
}
.dialog-modal-header {
  overflow: hidden;
  word-wrap: break-word;
  word-break: break-all;
  border: none;
  text-align: left;
  padding: 20px 75px 20px 20px;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  background-color: white;
  text-align: center;
}
.dialog-btn-container {
  height: 68px;
  border-top: 1px solid #EBEDF0;
  padding: 16px 0px;
}
.dialog-btn-container .btn {
  height: 36px !important;
  width: 62px !important;
  margin-left: 10px;
}
.add-product-dialog .modal-dialog {
  width: 430px;
  height: 220px;
  border-radius: 4px;
  margin-top: 150px;
}
/* version history Dialog style start */
.version-list {
  clear: left;
  font-size: 13px;
  max-height: 220px;
  overflow-y: auto;
  overflow-x: hidden;
}
.version-list .version-item .ver-num {
  float: left;
  clear: left;
  width: 15px;
  margin-right: 10px;
}
.version-list .version-item .ver-info {
  float: left;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  line-height: 25px;
  font-weight: normal;
  font-size: 15px;
  color: #626262;
  color: #4a4a4a;
}
.version-list .version-item .ver-time {
  width: 100%;
  float: left;
  line-height: 20px;
  font-weight: normal;
  font-size: 14px;
  /*have different color*/
  color: #9b9b9b;
}
.version-list .table {
  font-size: 15px;
  table-layout: fixed;
  margin-bottom: 0;
}
.version-list .table .row-browse {
  height: 70px;
}
.version-list .table .row-browse td {
  border: none;
}
.version-list .table .row-upload td {
  border: none;
  position: relative;
}
.version-list .table .row-upload td .progress {
  height: 5px;
  width: 90%;
  margin-bottom: 0;
  margin-right: 5px;
  display: inline-block;
  margin-bottom: 3px;
}
.version-list .table .row-upload td .progress .progress-bar {
  background: #9ad230;
}
.version-list .table .row-upload td .process-icon img {
  width: 15px;
}
.version-list .table tr {
  border-bottom: 1px solid #ddd;
}
.version-list .table tr.no-border td {
  border: none;
}
.version-list .table tr td {
  vertical-align: middle;
  border-top: 0;
}
.version-list .table tr td .row1 {
  height: 65px;
}
.version-list .table tr td .row2 {
  height: 32px;
  margin-top: 10px;
}
.version-list .table tr td .circle-button {
  -webkit-border-radius: 5em;
  -moz-border-radius: 5em;
  border-radius: 5em;
  width: 32px;
  height: 32px;
  background-color: rgba(0, 0, 0, 0.1);
  cursor: pointer;
  display: inline-block;
  text-align: center;
  line-height: 32px;
  color: #fff;
  color: #000;
  font-size: 16px;
}
.version-list .table tr td .circle-button:hover {
  background-color: rgba(0, 0, 0, 0.2);
}
.version-list .table tr td .circle-button.icon-download,
.version-list .table tr td .circle-button.icon-remove {
  height: 28px;
  width: 28px;
  line-height: 28px !important;
}
.version-list .table tr td .comment-container {
  height: 32px;
  line-height: 32px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.version-list .table tr td .uploading-comment-edit-container {
  position: absolute;
  top: 38px;
  width: 150%;
  min-width: 170px;
}
.version-list .table tr td .uploading-comment-edit-container .input-comment {
  padding-right: 15px;
  line-height: 22px;
  border-radius: 25px;
  width: 60%;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.version-list .table tr td .uploading-comment-edit-container button {
  height: 32px;
  line-height: 32px !important;
  padding: 0 10px;
  background: #9a9a9a;
  margin-left: -20px;
  border-radius: 25px;
}
.version-list .table tr td .comment-edit-container {
  position: absolute;
  width: calc(100% + 60px);
  bottom: 8px;
  min-width: 170px;
}
.version-list .table tr td .comment-edit-container .input-comment {
  line-height: 22px;
  border-radius: 25px;
  width: calc(100% - 60px);
}
.version-list .table tr td .comment-edit-container .icon-s-Ok1_16 {
  background-color: #9ad230;
  color: #fff;
  margin-left: 5px;
}
.version-list .table tr td .comment-edit-container .icon-s-Ok1_16:hover {
  background-color: #9ad230;
}
.version-list .table tr .cell-select {
  color: #9B9B9B;
}
.version-list .table tr .cell-select .icon-s-Ok1_16 {
  color: #9ad230;
}
.version-list .table tr .cell-img .img-container {
  text-align: center;
  margin-bottom: 20px;
  position: relative;
}
.version-list .table tr .cell-img .img-container .img-responsiable {
  display: inline-block;
  max-height: 100%;
  width: auto;
}
.version-list .table tr .cell-img .img-container .lock-icon {
  position: absolute;
  left: 7px;
  top: 5px;
  color: white !important;
  padding: 3px;
  background-color: #666;
  border-radius: 3px;
  font-size: 12px;
}
.version-list .table tr .cell-img .icon-s-Edit_16 {
  border-radius: initial;
  background: inherit;
}
.version-list .table tr .cell-img .icon-s-Edit_16:hover {
  background-color: initial;
}
.version-list .table tr .cell-img .process-container {
  text-align: center;
}
.version-list .table tr .cell-img .process-container .process-square {
  display: inline-block;
  background-color: black;
  height: 50px;
  width: 90%;
}
.version-list .table tr .cell-info {
  position: relative;
}
.version-list .table tr .cell-info .version-num {
  line-height: 28px;
}
.version-list .table tr .cell-info .upload-info {
  max-width: 100%;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-right: 5px;
  font-weight: 400;
}
.version-list .table tr .cell-info .date-section {
  font-weight: 400;
}
.version-list .table tr .cell-info .text-line {
  width: 145%;
}
.version-list .table .cell-operation {
  padding-left: 0;
  padding-right: 0;
  vertical-align: initial;
}
.version-list .table .cell-operation .action-buttons {
  position: relative;
  min-height: 28px;
  text-align: right;
}
.version-list .table .cell-operation .action-buttons .icon-remove {
  margin-right: 0;
}
.version-list .table .cell-operation .action-buttons .version-action-list {
  position: fixed;
  z-index: 999;
  text-align: left;
  border: #c1c1c1 1px solid;
  border-radius: 4px;
  background: #f2f5fa;
  overflow: hidden;
  padding: 7px 0;
  width: 164px;
}
.version-list .table .cell-operation .action-buttons .version-action-list .action-item {
  padding: 4px 16px;
}
#detailPreview .related-section .related-files-actions,
#detailPreview .related-section .related-files-action {
  margin-bottom: 15px;
}
#detailPreview .related-section .related-files-actions .related-files,
#detailPreview .related-section .related-files-action .related-files {
  display: flex;
  flex-direction: row;
  margin-left: 15px;
}
#detailPreview .related-section .related-files-actions .related-files .add-files,
#detailPreview .related-section .related-files-action .related-files .add-files {
  order: 1;
}
#detailInfo .related-section {
  max-height: 330px;
}
#detailInfo .related-section .related-files {
  padding: 0 15px;
}
#detailInfo .related-section .related-files-actions .input-circle {
  width: calc(100% - 70px);
}
#detailInfo .related-section .related-files-actions .related-files {
  position: absolute;
  right: 15px;
}
#detailInfo .related-section .related-files-action {
  position: absolute;
  right: 15px;
  top: 9%;
}
#detailInfo .related-section .second-content {
  margin: 20px 15px 15px;
  max-height: 140px;
}
.related-section .related-files {
  display: flex;
  justify-content: flex-end;
}
.related-section .related-files .unrelated-all {
  width: 22px;
  height: 22px;
  line-height: 30px;
  background: #ddd;
  border-radius: 15px;
  font-size: 20px;
  padding: 5px;
  cursor: pointer;
  margin-right: 10px;
}
.related-section .related-files-actions,
.related-section .related-files-action {
  margin-bottom: 10px;
}
.related-section .related-files-actions .related-files,
.related-section .related-files-action .related-files {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  margin-top: 15px;
}
.related-section .related-files-actions .related-files .add-files,
.related-section .related-files-action .related-files .add-files {
  margin-left: 15px;
  margin-top: -5px;
}
.related-section .related-files-actions .related-files .add-files .add-new,
.related-section .related-files-action .related-files .add-files .add-new {
  font-size: 16px;
  padding: 6px 12px;
  font-weight: 600;
  border-radius: 25px;
}
.related-section .related-files-actions .input-circle,
.related-section .related-files-action .input-circle {
  width: calc(100% - 50px);
  display: inline-block;
}
.related-section .related-files-actions input:hover,
.related-section .related-files-action input:hover {
  cursor: pointer;
}
.related-section .related-files-actions .icon-s-Edit_16,
.related-section .related-files-action .icon-s-Edit_16,
.related-section .related-files-actions .icon-add,
.related-section .related-files-action .icon-add {
  display: inline-block;
  font-size: 16px;
}
.related-section .related-files-actions .icon-s-Edit_16,
.related-section .related-files-action .icon-s-Edit_16 {
  margin-right: 10px;
}
.related-section .related-files-actions .second-additional-button span,
.related-section .related-files-action .second-additional-button span {
  width: 22px;
  height: 22px;
  background: #ddd;
  border-radius: 15px;
  font-size: 20px;
  padding: 5px;
  cursor: pointer;
}
.related-section li {
  position: relative;
  font-size: 14px;
  margin-bottom: 12px;
  height: 35px;
  line-height: 35px;
}
.related-section li .cell-text {
  display: inline-block;
  height: 62px;
  line-height: 62px;
  padding-bottom: 12px;
  vertical-align: middle;
  font-size: 14px;
  text-align: center;
}
.related-section li .cell-text img {
  cursor: pointer;
}
.related-section li .cell-text .related {
  color: #9ad230;
  font-size: 15px;
}
.related-section li .cell-text.relateBtn span {
  width: 22px;
  height: 22px;
  background: #ddd;
  border-radius: 15px;
  font-size: 20px;
  padding: 5px;
  cursor: pointer;
}
.related-section li .relateImg {
  width: 8.7719%;
}
.related-section li .thumb-h {
  max-height: 35px;
}
.related-section li .relateName {
  width: 70%;
  text-align: left;
  font-weight: bold;
  text-indent: 1em;
  cursor: pointer;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.related-section li .relateStat {
  width: 26.3157%;
}
.related-section li .relateBtn {
  width: 17.5438%;
  font-size: 22px;
}
.footer-btn-group {
  background-color: transparent;
  border: none;
  text-align: right;
  box-shadow: none;
  padding: 12px 15px 15px 15px;
  height: 56px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}
.footer-btn-group button {
  border-radius: 25px;
}
button.upload-new {
  font-size: 16px;
  line-height: 16px !important;
  margin: 0;
  padding: 7px 16px;
  border: 1px solid transparent;
  border-radius: 25px;
  font-weight: bold;
  float: right;
}
.dialog-action a {
  color: #DEDEDE !important;
}
.dialog-action a:hover {
  color: #474747 !important;
}
/* versions style end */
/* rotation & full screen style start */
.img-rotate-area {
  position: absolute;
  right: 68px;
  display: inline-block;
  font-size: 18px;
  line-height: 30px;
}
.img-rotate-area .forward-button {
  transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
}
.mr-12 {
  margin-right: 12px !important;
}
.mr-0 {
  margin-right: 0px !important;
}
.open-trynow {
  top: 50px !important;
}
.img-rotate-area span {
  margin-left: 0px;
  border-radius: 5em;
  width: 32px;
  height: 32px;
  background-color: rgba(0, 0, 0, 0.1);
  cursor: pointer;
  display: inline-block;
  text-align: center;
  line-height: 33px!important;
  font-size: 18px!important;
  margin-top: 5px;
}
.img-rotate-left {
  transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  /* IE 9 */
  -moz-transform: rotate(270deg);
  /* Firefox */
  -webkit-transform: rotate(270deg);
  /* Safari and Chrome */
  -o-transform: rotate(270deg);
  /* Opera */
}
.img-rotate-right {
  transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  /* IE 9 */
  -moz-transform: rotate(90deg);
  /* Firefox */
  -webkit-transform: rotate(90deg);
  /* Safari and Chrome */
  -o-transform: rotate(90deg);
  /* Opera */
}
.img-rotate-inverted {
  transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  /* IE 9 */
  -moz-transform: rotate(180deg);
  /* Firefox */
  -webkit-transform: rotate(180deg);
  /* Safari and Chrome */
  -o-transform: rotate(180deg);
  /* Opera */
}
#detail-imgRotate-confirm,
#detail-set-video-frame-confirm {
  position: absolute;
  top: 70px;
  padding: 5px 10px 5px 15px;
  z-index: 20;
  background-color: #ffffff;
}
#detail-imgRotate-confirm span,
#detail-set-video-frame-confirm span {
  color: #474747;
}
#full-preview-container .full-screen-nav {
  position: absolute;
  top: 50%;
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  font-size: 0px;
  color: rgba(196, 196, 196, 0.8);
  margin-top: -40px;
  font-weight: 600;
  z-index: 10;
  background-color: rgba(64, 64, 64, 0.5);
  font-size: 20px;
  border-radius: 50%;
}
#full-preview-container .full-screen-nav:hover {
  color: #ffffff;
  background-color: rgba(48, 48, 48, 0.9);
}
/* rotation & full screen style end */
/* start content detail's font*/
.C-K1 {
  color: #4a4a4a;
}
.C-K2 {
  color: #9b9b9b;
}
.C-F1 {
  font-weight: lighter;
  font-size: 32px;
  color: #009feb;
}
.C-F3 {
  font-weight: normal;
  font-size: 15px;
  color: #626262;
  color: #4a4a4a;
}
.C-F4 {
  font-weight: bold;
  font-size: 16px;
  color: #4a4a4a;
}
.C-F5 {
  font-weight: normal;
  font-size: 14px;
  /*have different color*/
}
.C-F6 {
  font-weight: bold;
  font-size: 14px;
  color: #4A4A4A;
  color: #4a4a4a;
}
.C-F7 {
  font-weight: bold;
  font-size: 12px;
  color: #9b9b9b;
}
/* end content detail's font*/
/*******treeview start ************/
#assignToAlbum ul {
  margin: 0;
  padding: 0;
  list-style: none;
  border: none;
  overflow: visible;
}
#assignToAlbum li {
  position: relative;
  padding: 4px 0 0 0px;
  line-height: 20px;
  font-size: 20px;
  color: #666;
  white-space: nowrap;
}
#assignToAlbum li > div {
  border-radius: 14px;
}
#assignToAlbum li span {
  font-size: 14px;
  vertical-align: bottom;
  max-width: 100px;
  display: inline-block;
  line-height: 32px;
}
#assignToAlbum .select-album {
  background: #E9F1F5;
}
#assignToAlbum li i,
#assignToAlbum li span {
  cursor: pointer;
  max-width: 260px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
  vertical-align: middle;
}
#assignToAlbum li.drop-hover,
.drop-hover {
  background-color: rgba(0, 0, 0, 0.1);
}
#assignToAlbum li.selected {
  background-color: rgba(0, 0, 0, 0.1);
}
#assignToAlbum li span.selected {
  color: #535353;
  background-color: rgba(0, 0, 0, 0.1);
}
/*******treeview end   ************/
/*******rename dialog   **********/
.rename-dialog .modal-dialog {
  width: 470px;
  margin: 100px auto;
}
.rename-dialog .modal-dialog input {
  width: 100%;
}
.rename-dialog .modal-dialog textarea {
  width: 100%;
  resize: none;
}
.rename-dialog .modal-dialog .modal-body {
  min-height: 105px;
}
.rename-dialog .modal-dialog button {
  min-width: 90px;
}
/*******end rename dialog *************/
/*******start imageDirectUrl  *************/
.imageDirectUrl {
  padding: 0px 20px;
  text-align: center;
  padding-bottom: 20px;
}
.imageDirectUrl a {
  float: left;
  cursor: pointer;
  width: 100%;
  word-wrap: break-word;
  text-align: left;
}
.imageDirectUrl .pre {
  margin-top: 45px;
}
.imageDirectUrl .pre1 {
  margin-top: 20px;
}
.imageDirectUrl .pre2 {
  margin-top: 10px;
}
.imageDirectUrl .copied {
  margin-right: 20px;
  margin-top: 8px;
}
/*******end imageDirectUrl  *************/
/******* drm dialog *******************/
.detail-dialog1 .modal-body {
  height: 340px;
}
/******* drm dialog *******************/
/*For comment dialog in detail and preview*/
.comment.detail-dialog .modal-body .content-detail .content .info-area .content-area > section {
  min-height: 300px;
}
/*For comment dialog in detail and preview*/
/******Usage History******/
.usage-history .title-row {
  padding-bottom: 10px;
  margin-left: 0;
  margin-right: 0;
  border-bottom: 1px solid #ccc;
}
.usage-history .title-row .option-title {
  cursor: pointer;
}
.usage-history .info-row {
  margin-left: 0;
  margin-right: 0;
}
.usage-history .info-row > div {
  padding-bottom: 12px;
  padding-top: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.usage-history .usage-history-detail {
  max-height: 325px;
  overflow-x: hidden;
  overflow-y: auto;
}
.usage-history .ac-g-title {
  display: flex;
}
.usage-history .ac-g-title .ac-g-cont {
  max-width: calc(100% - 15px);
}
/*******Activity*******/
.content-activity .activity-item-layout {
  margin: 0;
}
.content-activity .activity-item-layout [class*='col-xs-'] {
  padding-left: 0;
  text-align: center;
}
.content-activity .ac-g-title {
  display: flex;
}
.content-activity .ac-g-title .ac-g-cont {
  max-width: calc(100% - 15px);
}
.content-activity .activity-item {
  text-align: center;
  border-radius: 5px;
  cursor: pointer;
  margin: auto;
  position: relative;
  display: inline-block;
  padding: 10px 5px;
}
.content-activity .activity-item._selected {
  border: 1px solid;
}
.content-activity .activity-item._selected .selected-triangle {
  position: absolute;
  font-size: 18px;
  left: 50%;
  transform: translateX(-50%);
  bottom: -13px;
}
.content-activity .activity-item .item-icon {
  width: 30px;
  position: absolute;
}
.content-activity .activity-item .item-icon span {
  font-size: 28px;
}
.content-activity .activity-item .item-number {
  margin-left: 35px;
  display: inline-block;
}
.content-activity .activity-item .item-number div {
  font-weight: 700;
  font-size: 18px;
  margin-bottom: 3px;
}
.content-activity .activity-item-content .title-row {
  padding-bottom: 10px;
  margin: 30px 0 5px;
  border-bottom: 1px solid #ccc;
}
.content-activity .activity-item-content .title-row .option-title {
  color: #626262;
  cursor: pointer;
}
.content-activity .activity-item-content .title-row [class*='col-xs-'] {
  padding-left: 0;
}
.content-activity .activity-item-content .title-row [class*='col-xs-']:first-child {
  padding-left: 15px;
  padding-right: 0;
}
.content-activity .activity-item-content .shares-content {
  max-height: 325px;
  overflow-x: hidden;
  overflow-y: auto;
}
.content-activity .activity-item-content .shares-content [class*='col-xs-'] {
  padding-left: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.content-activity .activity-item-content .shares-content [class*='col-xs-']:first-child {
  padding-left: 15px;
}
.content-activity .activity-item-content .content-title {
  margin-left: 0;
  margin-right: 0;
}
.content-activity .activity-item-content .item-right {
  text-align: right;
  justify-content: flex-end;
}
/* Activity Dialog */
.activity-detail-dialog {
  padding: 25px 20px 0px;
}
.activity-detail-dialog .activity-detail-table {
  width: 100%;
  border: 1px solid #dddddd;
  overflow: hidden;
}
.activity-detail-dialog .activity-detail-table .row {
  margin-left: 0;
  margin-right: 0;
}
.activity-detail-dialog .activity-detail-table .activity-detail-header div {
  background-color: #dddddd;
  height: 33px;
  font-size: 13px;
  line-height: 33px;
  text-align: center;
  font-weight: 700;
}
.activity-detail-dialog .activity-detail-table .activity-detail-content {
  width: 100%;
  max-height: 280px;
  overflow-y: auto;
  overflow-x: hidden;
}
.activity-detail-dialog .activity-detail-table .activity-detail-content::-webkit-scrollbar {
  width: 5px;
}
.activity-detail-dialog .activity-detail-table .activity-detail-content div[class*='col-xs'] {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #6f7070;
  font-size: 12px;
  padding: 0 5px;
  border-top: 1px solid #dddddd;
  border-left: 1px solid #dddddd;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.activity-detail-dialog .activity-detail-table .activity-detail-content div[class*='col-xs']:last-child {
  border-right: 1px solid #dddddd;
}
.activity-detail-dialog .activity-detail-table .activity-detail-content .row:last-child div[class*='col-xs'] {
  border-bottom: 1px solid #dddddd;
}
/*workflow dialog*/
.workflow-history-dialog {
  padding: 25px 20px 0px;
}
.workflow-history-dialog .modal-content {
  padding-top: 15px;
}
.workflow-history-dialog.modal .modal-dialog {
  width: calc(100% - 100px);
  height: calc(100% - 250px);
}
.workflow-history-dialog.modal .modal-dialog .modal-body {
  min-height: 300px;
  max-height: 520px;
}
.workflow-history-dialog .warn-header {
  display: inline-block;
  font-size: 12px;
}
.workflow-history-dialog .warn-header .waring-icon {
  margin-left: 10px;
}
.workflow-history-dialog .workflow-header > div {
  text-align: left !important;
  padding-left: 6px !important;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.workflow-history-dialog .activity-detail-content .row > div {
  min-height: 32px;
  border-left: none !important;
}
.workflow-history-dialog .activity-detail-content .row > div .content-path {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
/*Translated dialog*/
.language-changed {
  float: right;
  margin-right: 15px;
}
.language-changed .language-btn {
  margin-left: 0;
  border-radius: 25px;
  margin-bottom: 6px;
}
.language-changed ul {
  border: 1px solid #cccccc;
  border-radius: 8px;
  position: absolute;
  opacity: 1;
  z-index: 1000;
}
.language-changed ul li {
  padding: 10px;
  cursor: pointer;
  border-bottom: 1px solid #cccccc;
}
.language-changed ul li:last-child {
  border-bottom: none;
}
.translated-dialog,
.edit-document-text {
  height: auto;
  margin: auto;
  top: 0px!important;
}
.translated-dialog .modal-dialog,
.edit-document-text .modal-dialog {
  width: calc(100% - 60px) !important;
  height: calc(100% - 30px) !important;
  margin: 0 30px !important;
}
.translated-dialog .modal-dialog .modal-body,
.edit-document-text .modal-dialog .modal-body {
  max-height: none;
  padding-left: 1px;
  height: calc(100% - 115px);
  padding: 0 0 0 50px !important;
  overflow: hidden;
}
.translated-dialog .modal-dialog .modal-body .row,
.edit-document-text .modal-dialog .modal-body .row,
.translated-dialog .modal-dialog .modal-body .col-xs-6,
.edit-document-text .modal-dialog .modal-body .col-xs-6 {
  height: 100%;
}
.translated-dialog .modal-dialog .modal-body .row .text-title,
.edit-document-text .modal-dialog .modal-body .row .text-title,
.translated-dialog .modal-dialog .modal-body .col-xs-6 .text-title,
.edit-document-text .modal-dialog .modal-body .col-xs-6 .text-title {
  font-size: 18px;
  font-weight: 900;
}
.translated-dialog .modal-dialog .modal-body .col-xs-6,
.edit-document-text .modal-dialog .modal-body .col-xs-6 {
  padding-top: 35px;
}
.translated-dialog .modal-dialog .modal-body textarea,
.edit-document-text .modal-dialog .modal-body textarea {
  overflow-x: hidden;
  overflow-y: auto;
  height: calc(100% - 32px);
  width: 100%;
  border: none;
  resize: none;
  border-radius: 0;
}
.translated-dialog .modal-dialog .modal-body .with-gray-bg,
.edit-document-text .modal-dialog .modal-body .with-gray-bg {
  background-color: #f2f2f2;
  padding-right: 70px;
}
.translated-dialog .modal-dialog .modal-body .with-gray-bg textarea,
.edit-document-text .modal-dialog .modal-body .with-gray-bg textarea {
  background-color: #f2f2f2;
}
.translated-dialog .modal-content,
.edit-document-text .modal-content {
  height: 100%;
}
.mult-lay3 {
  width: calc(100% / 3 - 7px)!important;
}
.mult-lay2 {
  width: calc(100% / 2 - 7px)!important;
}
.mult-lay1 {
  width: 100%!important;
}
.mult-lay-mar10 {
  margin-right: 10px!important;
}
.mult-lay-mar0 {
  margin-right: 0px!important;
}
.m10 {
  margin: 10px 0px;
}
.icon-s-Uncheck {
  color: #ccc!important;
  cursor: not-allowed !important;
}
.category-relate .item1 {
  display: flex;
  align-items: center;
  height: 60px;
}
.category-relate .item1 .chk {
  margin-right: 20px;
}
.category-relate .item2 {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  padding-left: 80px;
}
.category-relate .p60.item2 {
  padding-left: 60px;
}
.category-relate .img-thum {
  height: 50px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-right: 10px;
  flex-basis: 50px;
  flex-shrink: 0;
  overflow: hidden;
  flex-grow: 0;
  align-items: center;
}
.category-relate .img-thum .category {
  font-size: 30px;
}
.category-relate .img-thum img {
  object-fit: contain;
  max-height: 100%;
}
.category-relate .f-name {
  flex-grow: 1;
  text-align: left;
}
.category-relate .expand {
  margin: 0!important;
}
.category-relate .member-file {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  max-width: 100%;
}
.relate-opn {
  position: absolute;
  top: 0px;
  height: 55px;
  padding: 15px;
  left: 0;
  right: 0px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.relate-opn .add {
  font-size: 16px;
  margin-right: 15px;
  font-weight: bold;
}
.p-i-content .relate-opn {
  top: -70px;
  right: 10px;
  left: 100px;
}
.line-breaking {
  display: block;
  margin-top: 20px;
  margin-left: 22px;
  margin-bottom: -15px;
  font-weight: normal;
  font-size: 14px;
  color: #4A4A4A;
  opacity: 0.8;
}
.copy-tags {
  flex: 1;
  margin-right: 20px;
}
.mouse-status {
  cursor: auto!important;
}
#actions-area .disabled.no-bg {
  background-color: transparent !important;
}
html.a-fullscreen .video-layout .a-canvas {
  position: relative !important;
}
html.a-fullscreen .image-layout .a-canvas {
  position: relative !important;
}
.mat-slider-horizontal .mat-slider-thumb-container {
  height: 0.1px !important;
}
.mat-slider-horizontal .mat-slider-wrapper {
  left: 0 !important;
  right: 0 !important;
}
.content-detail2 {
  position: absolute;
  zoom: 1;
  overflow: hidden;
  z-index: 9;
  width: 100%;
  height: 100%;
  min-width: 1280px;
  background: #F9F9F9;
}
.content-detail2 .opacity03-btn {
  opacity: 0.3;
  cursor: pointer;
}
.content-detail2 .opacity03-btn:hover {
  opacity: 1;
}
.content-detail2 .detail-top-bar {
  width: 100%;
  height: 34px;
  line-height: 34px;
  text-align: center;
  vertical-align: middle;
  background-color: #B3B3B3;
  position: absolute;
  z-index: 20;
}
.content-detail2 .detail-top-bar .actions-area {
  position: absolute;
  margin-left: 18px;
  font-size: 16px;
}
.content-detail2 .detail-top-bar a {
  opacity: 0.8;
  line-height: 34px;
  cursor: pointer;
  color: #ffffff;
}
.content-detail2 .detail-top-bar a:hover {
  opacity: 1;
  text-decoration: none;
  color: #525252;
}
.content-detail2 .detail-top-bar span {
  opacity: 0.8;
  line-height: 34px;
  color: #ffffff;
}
.content-detail2 .detail-top-bar .statistical {
  display: inline;
}
.content-detail2 .detail-top-bar .number-text {
  padding: 0px 5px 0px 0px;
}
.content-detail2 .detail-top-bar .actions-right-area {
  position: absolute;
  right: 45px;
  display: inline-block;
  font-size: 16px;
  line-height: 34px;
  text-align: right;
}
.content-detail2 .detail-top-bar .actions-right-area span {
  margin-right: 10px;
  cursor: pointer;
}
.content-detail2 .detail-top-bar .actions-right-area .collapse-divide-line {
  position: absolute;
  height: 34px;
  width: 0px;
  border-left: solid 1px #999999;
  display: inline;
  top: 0px;
}
.content-detail2 .detail-top-bar .collapse-btn {
  font-size: 18px;
  margin-right: 0px !important;
  margin-left: 10px;
}
.content-detail2 .detail-top-bar .close-btn {
  position: absolute;
  right: 11px;
  font-size: 20px;
  cursor: pointer;
  color: #ffffff;
  opacity: 1;
  line-height: 34px;
  display: inline;
}
.content-detail2 .detail-top-bar .close-btn:active {
  opacity: 1;
}
.content-detail2 .detail-top-bar .rotate-image-confirm {
  position: absolute;
  right: 55px;
  top: 34px;
  padding: 5px 10px 5px 10px;
  z-index: 20;
  background-color: #ffffff;
}
.content-detail2 .detail-top-bar .rotate-image-confirm span {
  color: #474747;
}
.content-detail2 .title-edit {
  width: 600px;
  height: 32px;
  display: inline-block;
  kerning: 0;
  margin-top: 1px;
  text-align: left;
  position: relative;
}
.content-detail2 .title-edit .title {
  position: absolute;
  width: 565px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  kerning: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  border: none;
  border-radius: 0;
  margin: 0px;
  padding: 0px 30px 0px 5px;
  outline: none;
  display: inline-block;
  font-size: 22px;
  color: #ffffff;
  font-weight: 300;
}
.content-detail2 .title-edit .edit-pencil {
  position: absolute;
  cursor: pointer;
  right: 5px;
  color: #474747;
  opacity: 0.3;
  font-size: 18px;
}
.content-detail2 .title-edit .title-loading {
  position: absolute;
  right: 5px;
  top: 8px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  display: inline-block;
  background-image: url('img/spinner.gif');
  background-repeat: no-repeat;
}
.content-detail2 .title-edit .invalid-tips {
  top: 35px;
  line-height: 1;
  display: block;
}
.content-detail2 .titleEditHover:hover,
.content-detail2 .titleEditStatus {
  background-color: #f2f2f2;
}
.content-detail2 .titleEditHover:hover .title,
.content-detail2 .titleEditStatus .title {
  color: #474747 !important;
}
.content-detail2 .titleEditHover:hover .edit-pencil,
.content-detail2 .titleEditStatus .edit-pencil {
  opacity: 1;
}
.content-detail2 .nav-preview {
  position: absolute;
  top: 50%;
}
.content-detail2 .detail-msg {
  width: 100%;
  height: 100%;
}
.content-detail2 .preview-area {
  position: absolute;
  left: 0px;
  overflow: hidden;
  width: 33%;
  height: 100%;
  background: #000000;
  text-align: center;
  margin-top: 34px;
  z-index: 2;
}
.content-detail2 .preview-area img,
.content-detail2 .preview-area video {
  width: auto;
  height: auto;
  margin-top: -3px;
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}
.content-detail2 .preview-area audio {
  width: 80%;
}
.content-detail2 .preview-area .preview-action {
  position: absolute;
  display: block;
  height: 36px;
  line-height: 36px;
  bottom: 15px;
  width: 100%;
}
.content-detail2 .preview-area .circle-bg {
  float: left;
  width: 30px;
  height: 30px;
  line-height: 30px;
  background: #ff5a00;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
  margin-left: 15px;
  font-weight: 700;
}
.content-detail2 .preview-area .circle-bg span {
  opacity: 0.5;
}
.content-detail2 .preview-area .circle-bg span:hover {
  opacity: 1;
}
.content-detail2 .preview-area .approve-bg,
.content-detail2 .preview-area .restrict-bg {
  float: left;
  width: 30px;
  height: 30px;
  line-height: 30px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
  margin-left: 15px;
  font-weight: 700;
  color: #ffffff;
}
.content-detail2 .preview-area .approve-bg {
  background: #4BB647;
}
.content-detail2 .preview-area .approve-bg:hover {
  width: 24px;
  height: 24px;
  line-height: 24px;
  border: 3px solid #4BB647;
  background: #ffffff;
  -moz-border-radius: 24px;
  -webkit-border-radius: 24px;
  border-radius: 24px;
  color: #4BB647;
}
.content-detail2 .preview-area .restrict-bg {
  background: #EC1C23;
}
.content-detail2 .preview-area .restrict-bg:hover {
  width: 24px;
  height: 24px;
  line-height: 24px;
  border: 3px solid #EC1C23;
  background: #ffffff;
  -moz-border-radius: 24px;
  -webkit-border-radius: 24px;
  border-radius: 24px;
  color: #EC1C23;
}
.content-detail2 .preview-area .circle-border {
  float: left;
  width: 24px;
  height: 24px;
  line-height: 24px;
  border: 3px solid;
  background: #ffffff;
  -moz-border-radius: 24px;
  -webkit-border-radius: 24px;
  border-radius: 24px;
  margin-left: 15px;
}
.content-detail2 .preview-area .rf {
  float: right;
  margin-left: 0px;
  margin-right: 15px;
}
.content-detail2 .preview-area .read-pdf-action {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  color: #dddddd;
  font-size: 40px;
  text-decoration: none;
  opacity: 0.6 !important;
  background-color: rgba(0, 0, 0, 0.5);
  padding: 3px 0px;
}
.content-detail2 .preview-area .read-pdf-action:hover {
  color: #ffffff;
}
.content-detail2 .msg-area {
  position: absolute;
  right: 0px;
  width: 67%;
  height: 100%;
  margin-top: 34px;
  padding: 10px 0px;
}
.content-detail2 .msg-area .col1 {
  float: left;
  left: 0px;
  width: 50%;
  height: 100%;
  margin-left: 20px;
  margin-right: 10px;
}
.content-detail2 .msg-area .col2 {
  float: right;
  right: 0px;
  width: 50%;
  height: 100%;
  padding-left: 10px;
  padding-right: 20px;
}
.content-detail2 .msg-area .sub-title {
  height: 20px;
  line-height: 20px;
  display: inline-block;
  margin-bottom: 5px;
  color: #474747;
  font-weight: 700;
  font-size: 14px;
}
.content-detail2 .msg-area .desc-input {
  width: 96%;
  min-height: 110px;
  height: 110px;
  margin-top: 0px;
  margin-bottom: 12px;
  resize: none;
  box-shadow: none;
  border: 1px solid #dddddd;
  border-radius: 0px;
  padding: 5px 5px 6px;
  word-wrap: break-word;
  white-space: pre-wrap;
  font-weight: 300;
  color: #474747;
  font-size: 13px;
  background: none;
  scrollbar-base-color: #C0C0C0;
  scrollbar-face-color: #626262;
  scrollbar-3dlight-color: #C0C0C0;
  scrollbar-highlight-color: #C0C0C0;
  scrollbar-track-color: #dddddd;
  scrollbar-arrow-color: black;
  scrollbar-shadow-color: #C0C0C0;
  scrollbar-dark-shadow-color: #C0C0C0;
}
.content-detail2 .msg-area .desc-input:disabled {
  cursor: default;
}
.content-detail2 .msg-area .desc-input::-webkit-scrollbar-thumb {
  background-color: #626262;
  height: 50px;
  outline-offset: -2px;
}
.content-detail2 .msg-area .desc-input::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.content-detail2 .msg-area .desc-input::-webkit-scrollbar-track-piece {
  background-color: #dddddd;
  -webkit-border-radius: 0;
}
.content-detail2 .msg-area .icon-icn_pencil_01 {
  float: right;
  font-size: 18px;
  cursor: pointer;
}
.content-detail2 .msg-area .comment-input {
  width: 98%;
  font-size: 16px;
  min-height: 70px;
  margin-top: 0px;
  margin-bottom: 10px;
  resize: none;
  box-shadow: none;
  border: 1px solid #dddddd;
  border-radius: 0px;
  padding: 5px;
  font-weight: 300;
  font-size: 14px;
  background: #f9f9f9;
  scrollbar-base-color: #C0C0C0;
  scrollbar-face-color: #626262;
  scrollbar-3dlight-color: #C0C0C0;
  scrollbar-highlight-color: #C0C0C0;
  scrollbar-track-color: #dddddd;
  scrollbar-arrow-color: black;
  scrollbar-shadow-color: #C0C0C0;
  scrollbar-dark-shadow-color: #C0C0C0;
}
.content-detail2 .msg-area .email-suggestion-list {
  position: relative;
  top: -12px;
  max-height: 100px;
  width: 98%;
}
.content-detail2 .msg-area .pop-layer {
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  margin-top: 1px;
  min-width: 200px;
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 12000;
}
.content-detail2 .msg-area .user-list li {
  list-style: none;
}
.content-detail2 .msg-area .user-list-item.active > a {
  text-decoration: none;
  background-color: #3b73af;
  color: #ffffff !important;
}
.content-detail2 .msg-area .user-list-item.active > a:hover {
  text-decoration: none;
}
.content-detail2 .msg-area .user-list .user-list-item-link.user-iconised-link {
  background-position: 10px 0px;
  background-repeat: no-repeat;
  -moz-background-size: 16px;
  background-size: 16px;
  color: #333333;
}
.content-detail2 .msg-area .comment-input::-webkit-input-placeholder {
  color: #999999 !important;
}
.content-detail2 .msg-area .comment-input::-webkit-scrollbar-thumb {
  background-color: #626262;
  height: 50px;
  outline-offset: -2px;
}
.content-detail2 .msg-area .comment-input::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.content-detail2 .msg-area .comment-input::-webkit-scrollbar-track-piece {
  background-color: #dddddd;
  -webkit-border-radius: 0;
}
.content-detail2 .msg-area .comments-box {
  width: 98%;
  margin-bottom: 35px;
  float: left;
  overflow-y: auto;
  scrollbar-base-color: #C0C0C0;
  scrollbar-face-color: #626262;
  scrollbar-3dlight-color: #C0C0C0;
  scrollbar-highlight-color: #C0C0C0;
  scrollbar-track-color: #dddddd;
  scrollbar-arrow-color: black;
  scrollbar-shadow-color: #C0C0C0;
  scrollbar-dark-shadow-color: #C0C0C0;
}
.content-detail2 .msg-area .comments-box::-webkit-input-placeholder {
  color: #999999 !important;
}
.content-detail2 .msg-area .comments-box::-webkit-scrollbar-thumb {
  background-color: #626262;
  height: 50px;
  outline-offset: -2px;
}
.content-detail2 .msg-area .comments-box::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.content-detail2 .msg-area .comments-box::-webkit-scrollbar-track-piece {
  background-color: #dddddd;
  -webkit-border-radius: 0;
}
.content-detail2 .msg-area .comment {
  float: left;
  width: 100%;
  margin: 2px 0px;
  padding: 0px;
}
.content-detail2 .msg-area .comment .avatar {
  width: 40px;
  height: 40px;
  float: left;
  border-radius: 20px;
  -webkit-border-radius: 20px;
}
.content-detail2 .msg-area .comment .comment-content {
  padding-left: 10px;
  margin-left: 40px;
  margin-right: 5px;
}
.content-detail2 .msg-area .comment .comment-content .comment-top {
  width: 100%;
  height: 18px;
  margin-bottom: 2px;
}
.content-detail2 .msg-area .comment .comment-content .commentEditBorder {
  border: 1px solid #dddddd;
  background-color: #f0f0f0;
}
.content-detail2 .msg-area .comment .comment-content .comment-bottom {
  display: block;
  border-radius: 0px;
  padding: 5px 5px 6px;
  min-height: 20px;
  font-size: 13px;
  color: #474747;
  font-weight: 300;
}
.content-detail2 .msg-area .comment .comment-content .comment-bottom:hover {
  background-color: #f0f0f0;
}
.content-detail2 .msg-area .comment .comment-content .comment-edit-area {
  width: 100%;
  resize: none;
  min-height: 22px;
  border: none;
  border-radius: 0px;
  padding: 0px;
  background: none;
  cursor: default;
  font-size: 13px;
  word-break: normal;
  word-wrap: break-word;
}
.content-detail2 .msg-area .comment .comment-content .username {
  font-size: 14px;
  font-weight: 600;
  color: #474747;
  float: left;
  text-decoration: none;
}
.content-detail2 .msg-area .comment .comment-content .time {
  font-size: 12px;
  color: #474747;
  font-weight: 300;
  float: right;
  margin-left: 8px;
}
.content-detail2 .msg-area .comment .comment-content span {
  float: right;
  line-height: 18px;
  margin-left: 5px;
}
.content-detail2 .msg-area .comment .comment-content span.to-name {
  float: none;
  color: black;
  font-weight: 600;
}
.content-detail2 .msg-area .in-this-album {
  float: left;
  height: 82px;
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
}
.content-detail2 .msg-area .album-container {
  background: #e2e1e1;
  float: left;
  overflow: hidden;
  min-height: 72px;
  width: 100%;
}
.content-detail2 .msg-area .album-container .album-box {
  width: 72px;
  height: 72px;
  float: left;
  overflow: hidden;
}
.content-detail2 .msg-area .album-container .album {
  position: relative;
  cursor: pointer;
  width: 72px;
  height: 72px;
}
.content-detail2 .msg-area .album-container .album-delete {
  position: absolute;
  cursor: pointer;
  width: 72px;
  height: 72px;
  line-height: 72px;
  text-align: center;
  vertical-align: middle;
}
.content-detail2 .msg-area .album-container .delete-btn {
  position: absolute;
  right: 0px;
  cursor: pointer;
  visibility: hidden;
  margin: 2px;
}
.content-detail2 .msg-area .album-container .album-box:hover .delete-btn {
  visibility: visible;
}
.content-detail2 .msg-area .album-container .album-image {
  position: absolute;
  height: none !important;
  max-width: none !important;
}
.content-detail2 .msg-area .album-container .assign-btn {
  float: left;
  width: 72px;
  height: 72px;
  line-height: 72px;
  text-align: center;
  vertical-align: middle;
  font-size: 40px;
  color: #ffffff;
  background: #cacaca;
  font-weight: 300;
  cursor: pointer;
}
.content-detail2 .msg-area .album-container .assign-btn:hover {
  background: #545454;
  color: #fffff;
}
.content-detail2 .msg-area .album-container .assign-btn:active {
  background: #474747;
}
.content-detail2 .msg-area .in-this-album::-webkit-scrollbar-thumb {
  background-color: #626262;
  height: 50px;
  outline-offset: -2px;
}
.content-detail2 .msg-area .in-this-album::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.content-detail2 .msg-area .in-this-album::-webkit-scrollbar-track-piece {
  background-color: #dddddd;
  -webkit-border-radius: 0;
}
.content-detail2 .msg-area .selected-album {
  float: left;
  width: 100%;
  min-height: 20px;
  font-size: 14px;
  color: #4b4b4b;
  text-align: center;
  word-wrap: break-word;
}
.content-detail2 .msg-area .marginTop10 {
  margin-top: 10px;
}
.content-detail2 .msg-area .fieldMinHeight {
  min-height: 80px;
  height: 80px;
  overflow-y: auto;
  scrollbar-base-color: #C0C0C0;
  scrollbar-face-color: #626262;
  scrollbar-3dlight-color: #C0C0C0;
  scrollbar-highlight-color: #C0C0C0;
  scrollbar-track-color: #dddddd;
  scrollbar-arrow-color: black;
  scrollbar-shadow-color: #C0C0C0;
  scrollbar-dark-shadow-color: #C0C0C0;
}
.content-detail2 .msg-area .fieldMinHeight::-webkit-input-placeholder {
  color: #999999 !important;
}
.content-detail2 .msg-area .fieldMinHeight::-webkit-scrollbar-thumb {
  background-color: #626262;
  height: 20px;
  outline-offset: -2px;
}
.content-detail2 .msg-area .fieldMinHeight::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.content-detail2 .msg-area .fieldMinHeight::-webkit-scrollbar-track-piece {
  background-color: #dddddd;
  -webkit-border-radius: 0;
}
.content-detail2 .msg-area .field {
  color: #474747;
  font-size: 12px;
  font-weight: 600;
  padding: 0px;
}
.content-detail2 .msg-area .field dt,
.content-detail2 .msg-area .field dd {
  display: inline-block;
}
.content-detail2 .msg-area .field .value {
  word-break: break-all;
  color: #474747;
  font-size: 12px;
  font-weight: 300;
}
.content-detail2 .msg-area .field .value input {
  padding: 0;
  margin: 0;
}
.content-detail2 .msg-area .field .value input[type='number'] {
  width: 100px;
}
.content-detail2 .msg-area .field .value input[type='text'] {
  width: 100px;
}
.content-detail2 .msg-area .field .value input[type='date'] {
  width: 130px;
}
.content-detail2 .msg-area .sub-title {
  height: 20px;
  line-height: 20px;
  display: inline-block;
  margin-bottom: 5px;
  color: #474747;
  font-weight: 700;
  font-size: 14px;
}
.content-detail2 .msg-area .select-arrow {
  display: inline;
  float: right;
  margin-top: -18px;
  margin: -26px 36px 0px 0px;
  font-size: 12px;
}
.content-detail2 .msg-area .input-box {
  border: 1px solid #cccccc;
  width: 98%;
  height: 32px;
  line-height: 32px;
}
.content-detail2 .msg-area .input-box .content-keyword-input {
  width: 90%;
  height: 32px;
  float: left;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  box-shadow: none;
  padding: 5px 0px;
  margin: 0px;
  font-size: 13px;
  color: #474747;
  background-color: #f9f9f9;
  overflow: hidden;
  cursor: pointer;
  margin-right: 2px;
  outline: none;
  border: none;
}
.content-detail2 .msg-area .input-box .keyword-input-list {
  width: 234px;
  display: block;
  visibility: visible;
  list-style: none;
  font-size: 13px;
  color: #474747;
  background-color: #f9f9f9;
}
.content-detail2 .msg-area .input-box .tag-input {
  height: 32px;
  float: left;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  box-shadow: none;
  border: none;
  padding: 0px;
  margin: 0px;
  text-indent: 10px;
  width: 320px;
  font-size: 13px;
  color: inhert;
  background-color: inhert;
}
.content-detail2 .msg-area .input-box .tag-input::-webkit-input-placeholder {
  color: #999999 !important;
}
.content-detail2 .msg-area .input-box .add-btn {
  font-weight: 300;
  font-size: 28px;
  width: 32px;
  height: 32px;
  color: #474747;
  background: none;
  box-shadow: none;
  border: none;
  text-decoration: none;
  float: right;
  cursor: pointer;
  outline: none;
}
.content-detail2 .msg-area .input-box .add-btn:hover {
  background-color: #cacaca;
  color: #ffffff;
}
.content-detail2 .msg-area .input-box .add-btn:active {
  background-color: #545454;
  color: #ffffff;
}
.content-detail2 .msg-area .container-box {
  display: block;
  width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  min-height: 55px;
  margin-top: 3px;
  padding-top: 5px;
  scrollbar-base-color: #C0C0C0;
  scrollbar-face-color: #626262;
  scrollbar-3dlight-color: #C0C0C0;
  scrollbar-highlight-color: #C0C0C0;
  scrollbar-track-color: #dddddd;
  scrollbar-arrow-color: black;
  scrollbar-shadow-color: #C0C0C0;
  scrollbar-dark-shadow-color: #C0C0C0;
}
.content-detail2 .msg-area .container-box::-webkit-input-placeholder {
  color: #999999 !important;
}
.content-detail2 .msg-area .container-box::-webkit-scrollbar-thumb {
  background-color: #626262;
  height: 20px;
  outline-offset: -2px;
}
.content-detail2 .msg-area .container-box::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.content-detail2 .msg-area .container-box::-webkit-scrollbar-track-piece {
  background-color: #dddddd;
  -webkit-border-radius: 0;
}
.content-detail2 .msg-area .keyword-box {
  float: left;
  margin: 5px 0px 0px 3px;
  padding: 0px 13px;
  font-size: 12px;
  color: #474747;
  overflow-y: hidden;
  border: solid 1px #E8E8E8;
  border-radius: 6px;
  line-height: 20px;
}
.content-detail2 .msg-area .keyword-box:hover {
  background: #f2f2f2;
}
.content-detail2 .msg-area .keyword-box .text {
  float: left;
  width: auto;
  overflow-y: hidden;
}
.content-detail2 .msg-area .keyword-box:hover .delete-keyword-tag-btn {
  visibility: visible;
}
.content-detail2 .msg-area .tag-box {
  float: left;
  margin: 5px 0px 0px 3px;
  padding: 0px 13px;
  font-size: 12px;
  color: #474747;
  overflow-y: hidden;
  border: solid 1px #E8E8E8;
  border-radius: 6px;
  line-height: 20px;
}
.content-detail2 .msg-area .tag-box:hover {
  background: #f2f2f2;
}
.content-detail2 .msg-area .tag-box .text {
  float: left;
  width: auto;
  overflow-y: hidden;
}
.content-detail2 .msg-area .delete-keyword-tag-btn {
  line-height: 20px;
  font-weight: 600;
  position: absolute;
  cursor: pointer;
  visibility: hidden;
}
.content-detail2 .msg-area .keyword-box:hover .delete-keyword-tag-btn {
  visibility: visible;
}
.content-detail2 .msg-area .tag-box:hover .delete-keyword-tag-btn {
  visibility: visible;
}
.content-detail2 .nav-area {
  position: absolute;
  top: 50%;
  width: 20px;
  height: 102px;
  line-height: 102px;
  text-align: center;
  font-size: 18px;
  color: #474747;
  opacity: 0.6;
  margin-top: -51px;
  font-weight: 600;
  z-index: 10;
}
.content-detail2 .nav-area:hover {
  color: #ffffff;
  background: #a3a3a3;
  opacity: 0.8;
}
.content-detail2 .nav-previous {
  left: 0px;
}
.content-detail2 .nav-next {
  right: 0px;
}
.full-screen {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 25;
  text-align: center;
  width: 0px;
  height: 0px;
  display: inline-block;
  background-color: black;
}
.full-screen .exit-full-screen {
  position: absolute;
  right: 10px;
  top: 10px;
  background-color: #ffffff;
  width: 30px;
  line-height: 30px;
  cursor: pointer;
}
/* rotation & full screen style start */
.img-rotate-left {
  transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  /* IE 9 */
  -moz-transform: rotate(270deg);
  /* Firefox */
  -webkit-transform: rotate(270deg);
  /* Safari and Chrome */
  -o-transform: rotate(270deg);
  /* Opera */
}
.img-rotate-right {
  transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  /* IE 9 */
  -moz-transform: rotate(90deg);
  /* Firefox */
  -webkit-transform: rotate(90deg);
  /* Safari and Chrome */
  -o-transform: rotate(90deg);
  /* Opera */
}
.img-rotate-inverted {
  transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  /* IE 9 */
  -moz-transform: rotate(180deg);
  /* Firefox */
  -webkit-transform: rotate(180deg);
  /* Safari and Chrome */
  -o-transform: rotate(180deg);
  /* Opera */
}
/* Related Files dialog start*/
.related-files-dialog .modal-body {
  overflow-y: hidden;
  height: 360px;
}
.related-files-dialog .container li {
  position: relative;
  font-size: 0;
  margin-top: 12px;
  height: 62px;
  line-height: 62px;
}
.related-files-dialog .container li .cell-text {
  border-bottom: #ccc 1px solid;
  display: inline-block;
  height: 62px;
  line-height: 62px;
  padding-bottom: 12px;
  vertical-align: middle;
  font-size: 14px;
  text-align: center;
}
.related-files-dialog .container li .cell-text img {
  cursor: pointer;
}
.related-files-dialog .container li .cell-text .related {
  color: #9ad230;
  padding-right: 20px;
  position: relative;
}
.related-files-dialog .container li .cell-text .related:after {
  content: "\e906";
  font-family: 'icomoon' !important;
  width: 14px;
  height: 14px;
  line-height: 20px;
  position: absolute;
  right: 0;
  top: 0;
}
.related-files-dialog .container li .cell-text.relateBtn span {
  width: 22px;
  height: 22px;
  background: #ddd;
  border-radius: 15px;
  font-size: 20px;
  padding: 5px;
  cursor: pointer;
}
.related-files-dialog .container li .relateImg {
  width: 8.7719%;
}
.related-files-dialog .container li .thumb-h {
  max-height: 60px;
}
.related-files-dialog .container li .relateName {
  width: 47.3684%;
  text-align: left;
  font-weight: bold;
  text-indent: 1em;
  cursor: pointer;
}
.related-files-dialog .container li .relateStat {
  width: 26.3157%;
}
.related-files-dialog .container li .relateBtn {
  width: 17.5438%;
  font-size: 22px;
}
/* Related Files dialog end*/
img.item {
  margin-right: 3em;
  margin-bottom: 2em;
  background-color: white;
  padding: 2em;
  max-width: 600px;
  max-height: 400px;
  vertical-align: middle;
}
div.preview {
  border: 1px solid black;
  width: 1024px;
  height: 738px;
  text-align: center;
  position: absolute;
  left: 0px;
}
div.preview .title {
  position: relative;
  width: 1024px;
  height: 60px;
  font-size: 1.5em;
  vertical-align: middle;
  padding-top: 20px;
}
div.preview .content {
  width: 1024px;
  height: 610px;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
  line-height: 610px;
  overflow: hidden;
  background: #ffffff;
  position: absolute;
}
div.preview .top {
  height: 80px;
  width: 1024px;
  vertical-align: middle;
  position: absolute;
  margin: 0 auto;
  top: 0px;
  background: #0000ff;
}
div.preview .bottom {
  height: 40px;
  width: 1024px;
  vertical-align: middle;
  position: absolute;
  margin: 0 auto;
  bottom: 0px;
  background: #ffffff;
}
div.preview .info {
  border-bottom: 1px solid black;
  width: 1024px;
  height: 610px;
  position: absolute;
  left: 0px;
  top: 50px;
  padding-top: 30px;
  margin: 0 auto;
  overflow: hidden;
  background: #ffffff;
}
div.leftInfo {
  border-top: 1px solid black;
  width: 504px;
  height: 560px;
  padding-right: 20px;
  padding-left: 100px;
  padding-top: 50px;
  float: left;
  text-align: left;
}
div.rightInfo {
  border-top: 1px solid black;
  width: 300px;
  height: 560px;
  padding-top: 50px;
  text-align: left;
  padding-right: 100px;
  float: right;
}
div.leftInfo > table {
  width: 570px;
}
.fieldTitle {
  color: #998E7B;
  padding-left: 10px;
  padding-right: 10px;
  text-align: right;
  width: 50px;
}
div.rightInfo td {
  text-align: center;
}
ul.field {
  clear: both;
  margin: 0;
  padding: 0;
  list-style: none;
}
ul.field > li {
  display: block;
  width: 570px;
  vertical-align: top;
}
ul.field > li > span {
  font-weight: bold;
  font-size: 1.2em;
  color: #998E7B;
}
.fieldTitle {
  color: #998E7B;
  padding-right: 10px;
  text-align: right;
  width: 50px;
}
/** Folder **/
div.list {
  width: 1024px;
  height: 738px;
  text-align: center;
  border: 1px solid black;
}
div.albumList {
  width: 1024px;
  height: 650px;
  position: absolute;
  text-align: center;
  overflow: hidden;
}
div.bottomInfo {
  width: 1024px;
  height: 300px;
  bottom: 59px;
  position: absolute;
  text-align: center;
  display: none;
  background: #ffffff;
}
div.bottomInfo .content {
  border-top: 1px solid black;
  width: 1024px;
  height: 270px;
  position: absolute;
  bottom: 0px;
}
div.bottomInfo .logo {
  width: 160px;
  height: 160px;
  float: left;
  margin-left: 100px;
  margin-top: 60px;
}
div.bottomInfo .desc {
  width: 650px;
  height: 190px;
  float: right;
  text-align: left;
  margin-right: 100px;
  margin-top: 60px;
  word-wrap: break-word;
  overflow: hidden;
}
div.bottomToolbar {
  border-top: 1px solid #000000;
  width: 1024px;
  height: 37px;
  bottom: 12px;
  position: absolute;
  padding-top: 8px;
  background: #ffffff;
}
div.listItem {
  border-top: 1px solid #EAEAEA;
  border-bottom: 1px solid #EAEAEA;
  width: 520px;
  height: 160px;
  padding-top: 10px;
  background: #F9F9F9;
  margin-top: 5px;
  margin-bottom: 5px;
}
div.listItem .itemLogo {
  width: 120px;
  height: 120px;
  padding-top: 10px;
}
div.listItem > ul {
  clear: both;
  margin: 0;
  padding: 0;
  list-style: none;
}
div.listItem > ul > li {
  display: inline-block;
  vertical-align: top;
}
div.listItem .name {
  width: 380px;
  font-size: 1.5em;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 8px;
}
div.listItem .desc {
  width: 380px;
  height: 40px;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 8px;
}
div.listItem .content {
  width: 380px;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}
.contentList {
  position: relative;
  width: 1024px;
  height: 600px;
  overflow-x: scroll;
}
.globalTooltip {
  position: absolute;
  min-height: 18px;
  max-width: 300px;
  font-size: 14px;
  color: #4b4b4b;
  border: 1px solid #196886;
  z-index: 9999;
  padding: 3px 5px;
  background: #f9f9f9;
  word-wrap: break-word;
}
#toolTip-DMC_ToolTip_Search_AI {
  padding: 10px 10px;
  background: #79818c;
  border-radius: 3px;
  line-height: 21px;
  border: 0px;
  font-size: 16px;
  color: #fff;
}
.filter {
  position: absolute;
  top: 0;
  right: 0;
  overflow: hidden;
  zoom: 1;
  margin: 0;
  width: 313px;
  line-height: 100%;
  height: 100%;
  border-left: #ccc 1px solid;
  background: #EFEFEF;
}
.filter .date-input {
  width: 130px;
  margin: 0;
  vertical-align: middle;
}
.filter .date-input::-webkit-input-placeholder {
  color: inherit !important;
}
.filter .date-input:-moz-placeholder {
  color: inherit !important;
}
.filter .date-input::-moz-placeholder {
  color: inherit !important;
}
.filter .date-input:-ms-input-placeholder {
  color: inherit !important;
}
.filter .date-input ~ span.icon-s-Date_16 {
  position: relative;
  top: 2px;
  right: 0;
  z-index: 5;
}
.filter .date-btn {
  background: none;
  border: 0;
  margin-top: 6px;
}
.filter .delete-date input {
  height: 32px;
}
.filter .panel-right {
  float: right;
  width: 313px;
  overflow-y: hidden;
  overflow-x: hidden;
  height: 100%;
}
.filter .panel-right .filter-content {
  width: 100%;
  height: calc(100% - 55px);
  overflow-y: auto;
  overflow-x: hidden;
}
.filter .panel-right::-webkit-scrollbar-thumb {
  background-color: #fa531c;
  height: 50px;
  outline-offset: -2px;
}
.filter .panel-right::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.filter .panel-right::-webkit-scrollbar-track-piece {
  background-color: #dddddd;
  -webkit-border-radius: 0;
}
.filter .panel-left {
  position: relative;
  left: 313px;
  width: 48px;
}
.filter .icon {
  width: 48px;
  height: 39px;
  background-position: -193px -73px;
  background-image: url(img/icons.png);
  background-repeat: no-repeat;
  visibility: hidden;
}
.filter .title-bar {
  width: 100%;
  height: 55px;
  line-height: 50px;
  padding: 0 15px;
  border-bottom: #ccc 1px solid;
  background: #FFF;
}
.filter .filter-bubble {
  width: 100%;
  height: auto;
  padding: 5px 5px 15px 15px;
  border-bottom: #ccc 1px solid;
  background: #FFF;
}
.filter .filter-bubble .filter-more-btn {
  text-align: right;
}
.filter .filter-bubble .filter-more-btn span {
  display: inline-block;
  margin-top: 5px;
}
.filter .bubble-item {
  display: inline-block;
  max-width: 100%;
  margin: 5px 5px 0 0;
  padding: 5px 12px 3px;
  border-radius: 12px;
}
.filter .bubble-item .bubble-value {
  max-width: 91%;
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.filter .bubble-item .close-icon {
  margin-left: 8px;
  font-weight: 700;
  float: right;
}
.filter .space5-bar {
  width: 100%;
  height: 5px;
}
.filter .sub-title-bar {
  width: 100%;
  height: 48px;
  padding: 10px 20px;
  line-height: 28px;
  border-bottom: solid 1px #BCBCBC;
  vertical-align: middle;
}
.filter .borderTopNone {
  border: none !important;
}
.filter .sub-title-text {
  max-width: 219px;
  height: 28px;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  line-height: 28px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #4A4A4A;
  cursor: pointer;
  vertical-align: middle;
}
.filter .close-arrow {
  float: left;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.filter .close-arrow .close-text {
  font-size: 14px;
  color: #848484;
  cursor: pointer;
  font-weight: bold;
}
.filter .clear-all {
  float: right;
}
.filter .selected-count {
  font-size: 14px;
  font-weight: bold;
}
.filter .clear-text {
  font-size: 14px;
  font-weight: bold;
  color: #848484;
  float: right;
  cursor: pointer;
}
.filter .clear-part {
  float: right;
  opacity: 0.8;
}
.filter .clear-part-text {
  float: right;
  font-size: 14px;
  font-weight: bold;
  color: #848484;
  cursor: pointer;
  padding-right: 5px;
}
.filter .clear-part:hover {
  opacity: 1;
}
.filter .clear-part:hover .clear-part-text {
  visibility: visible;
}
.filter .dropdown-part {
  float: right;
  margin: 2px 16px;
  font-size: 16px;
  font-weight: bold;
  position: relative;
}
.filter .dropdown-part .dropdown-part-list {
  display: none;
  background: #fcfcfc;
  border: #ccc 1px solid;
  border-radius: 5px;
  font-size: 14px;
  font-weight: bold;
  color: #848484;
  cursor: pointer;
  position: absolute;
  top: 26px;
  right: -28px;
  z-index: 8;
}
.filter .dropdown-part .dropdown-part-list li {
  width: 85px;
  padding: 6px 10px;
  line-height: 15px;
  border-bottom: 1px solid #ccc;
}
.filter .dropdown-part .dropdown-part-list li:last-child {
  border-bottom: none;
}
.filter .dropdown-part .dropdown-part-list li > span {
  display: inline-block;
}
.filter .dropdown-part .dropdown-part-list li > span:first-child {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #fcfcfc;
  margin-right: 10px;
  text-align: center;
}
.filter .dropdown-part .dropdown-part-list li > span:first-child.selected {
  background: #666;
}
.filter .dropdown-part.show {
  opacity: 1;
}
.filter .dropdown-part.show .dropdown-part-list {
  display: block;
}
.filter .sub-title-tip {
  width: 100%;
  padding: 2px 20px;
  color: #9A9A9A;
  font-size: 14px;
  display: none;
}
.filter .choice-option {
  width: 100%;
  height: 24px;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.filter .custom-input {
  width: 100%;
  height: 32px;
  border: 0;
}
.filter .custom-input::-webkit-input-placeholder {
  color: inherit !important;
}
.filter .custom-input:-moz-placeholder {
  color: inherit !important;
}
.filter .custom-input::-moz-placeholder {
  color: inherit !important;
}
.filter .custom-input:-ms-input-placeholder {
  color: inherit !important;
}
.filter .normal-input {
  width: 100%;
  height: 32px;
}
.filter .normal-input::-webkit-input-placeholder {
  color: inherit !important;
}
.filter .normal-input:-moz-placeholder {
  color: inherit !important;
}
.filter .normal-input::-moz-placeholder {
  color: inherit !important;
}
.filter .normal-input:-ms-input-placeholder {
  color: inherit !important;
}
.filter .option-list {
  width: 100%;
  overflow: hidden;
}
.filter .option-list li {
  width: auto;
  height: 22px;
  line-height: 14px;
  float: left;
  margin: 5px 5px 0 0;
  padding: 4px 15px;
  font-weight: bold;
  border-radius: 15px;
  cursor: pointer;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.filter .option-list li.text {
  width: 100%;
}
.filter .panel-body {
  padding: 0;
  border: 0 !important;
  position: relative;
}
.filter .typeTitle {
  margin: 20px 0 10px 20px;
  font-size: 16px;
}
.filter .left-arrow {
  cursor: pointer;
  font-size: 20px;
}
.filter .x-text {
  width: 18px;
  height: 27px;
  line-height: 27px;
  float: right;
  margin-right: 7px;
  margin-top: 6px;
  cursor: pointer;
}
.filter .sub-x-text {
  width: 18px;
  height: 20px;
  line-height: 20px;
  float: right;
  margin-top: 4px;
  cursor: pointer;
  text-align: center;
}
.filter .type-items {
  width: 380px;
  line-height: 40px;
  margin-top: 15px;
  margin-bottom: 10px;
  margin-right: -47px;
  margin-left: -10px;
  padding-left: 10px;
  padding-right: 10px;
  vertical-align: middle;
  text-align: center;
  font-size: 0;
}
.filter .type-items label.f-16 {
  font-size: 16px;
}
.filter .type-items .type {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  color: #c5c5c5;
  margin-right: 55px;
  padding: 1px;
  border: #c5c5c5 2px solid;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  width: 30px;
  height: 30px;
  line-height: 26px;
}
.filter .type-items .type.secondaryColor {
  color: white;
}
.filter .square-border {
  position: relative;
  display: inline-block;
  text-align: center;
  font-size: 12px;
  margin-left: -13px;
}
.filter .type-items .enabled {
  color: #474747;
  cursor: pointer;
  border-color: #474747;
}
.filter .type-options {
  display: block;
  vertical-align: middle;
  margin: 15px 20px;
}
.filter .type-options.orientation-area {
  margin-top: 20px;
}
.filter .type-options .image-size {
  width: 100%;
  overflow: hidden;
}
.filter .type-options .size-warp {
  width: 130px;
  float: left;
}
.filter .type-options .size-warp input {
  width: 120px;
  height: 28px;
  margin-top: 8px;
  border-radius: 14px;
  border: #ccc 1px solid;
}
.filter .type-options .size-warp-btn {
  width: 30px;
  float: left;
  margin-top: 23px;
}
.filter .type-options .size-warp-btn button {
  height: 28px;
  border-radius: 50%;
  border: none;
  padding: 0 5px;
}
.filter .displayNone {
  display: none;
}
.filter .options-title-bar {
  margin-top: 10px;
  height: 28px;
  line-height: 28px;
  vertical-align: middle;
}
.filter .options-title-text {
  float: left;
  font-size: 14px;
  font-weight: 700;
  color: #606060;
  vertical-align: middle;
}
.filter .options-slider-area {
  width: 290px;
  position: relative;
  padding-left: 10px;
  padding-right: 10px;
  margin-left: -12px;
}
.filter .orientation-area {
  width: 100%;
  display: inline-block;
  margin-bottom: 10px;
  margin-left: -7px;
}
.filter .orientation-option {
  font-size: 12px;
  width: auto;
  color: #636363;
  float: left;
  margin: 5px 0px 0px 3px;
  padding: 0px 10px;
  border: solid 1px #E8E8E8;
  border-radius: 6px;
  background: none;
  line-height: 20px;
  cursor: pointer;
}
.filter .image-landscape {
  width: 12px;
  height: 8px;
  background: #848484;
  display: inline-block;
  margin-right: 5px;
}
.filter .image-portrait {
  width: 8px;
  height: 12px;
  background: #848484;
  display: inline-block;
  margin-right: 5px;
}
.filter .image-square {
  width: 10px;
  height: 10px;
  background: #848484;
  display: inline-block;
  margin-right: 5px;
}
.filter .keywords {
  display: inline-block;
  min-height: 64px;
  padding: 15px 10px;
}
.filter .keywords .text {
  width: auto;
  float: left;
  margin: 5px 5px 0 0;
  padding: 4px 12px;
  border-radius: 12px;
  cursor: pointer;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.filter .keywords .text:hover {
  background: #f2f2f2;
}
.filter .keywords .text:active {
  color: #FFF;
  background-color: #9B9B9B !important;
}
.filter .keywords .keyword-select {
  background: #79BDFC !important;
  border-color: #BBD3EB;
  color: #333;
}
.filter .tags {
  display: inline-block;
  min-height: 64px;
  padding: 15px 10px;
}
.filter .input-box {
  line-height: 32px;
  width: 280px;
  height: 34px;
  margin: 6px 0px;
  border: solid 1px #E2E2E2;
  background-color: transparent;
  position: relative;
  border-radius: 18px;
  -webkit-border-radius: 18px;
}
.filter .content-box {
  float: left;
  overflow: hidden;
  width: 310px;
  margin: 0 10px;
  padding-left: 10px;
  padding-right: 10px;
  margin-left: -8px;
}
.filter .add-input {
  font-size: 14px;
  width: 276px;
  height: 32px;
  float: left;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  background-color: transparent;
  color: #636363;
  box-shadow: none;
  border: none;
  padding: 0px;
  margin: 0px;
  text-indent: 12px;
}
.filter .add-input::-webkit-input-placeholder {
  color: inherit !important;
}
.filter .add-input:-moz-placeholder {
  color: inherit !important;
}
.filter .add-input::-moz-placeholder {
  color: inherit !important;
}
.filter .add-input:-ms-input-placeholder {
  color: inherit !important;
}
.filter .btn-add1 {
  width: 22px;
  height: 22px;
  position: absolute;
  right: 5px;
  top: 5px;
  border: none;
  box-shadow: none;
  font-weight: 500;
  font-size: 20px;
  line-height: 22px;
  color: #4A4A4A;
  text-decoration: none;
  background: none;
  border-radius: 50%;
  -webkit-border-radius: 50%;
}
.filter .btn-add1.disabled {
  opacity: 0.5;
  cursor: default;
  background: none!important;
}
.filter .btn-add {
  width: 22px;
  height: 22px;
  position: absolute;
  right: 5px;
  top: 5px;
  border: none;
  box-shadow: none;
  font-weight: bold;
  font-size: 16px;
  line-height: 22px;
  color: #4A4A4A;
  text-decoration: none;
  background: #EEF0F1;
  border-radius: 50%;
  -webkit-border-radius: 50%;
}
.filter .btn-add.disabled {
  opacity: 0.5;
  cursor: default;
}
.btn-add:hover,
.btn-add:focus {
  background-color: #dbdbdb;
}
.btn-add:active {
  color: #ffffff;
  background-color: #848484;
}
.filter .tags .text {
  width: auto;
  float: left;
  margin: 5px 5px 0 0;
  padding: 4px 12px;
  background-color: #E0E0E0;
  color: #6D6D6D;
  border-radius: 12px;
  cursor: pointer;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.filter .tags .text:hover {
  background: #f2f2f2;
}
.filter .tags .text:active {
  color: #ffffff;
  background-color: #9B9B9B !important;
}
.filter .tags .tag-select {
  background: #79BDFC !important;
  border-color: #BBD3EB;
  color: #333;
}
.filter .status {
  overflow: hidden;
  padding: 15px 10px;
}
.filter .st-name {
  width: calc(100% - 30px);
}
span.checkboxWarp {
  display: inline-block;
  min-width: 40%;
}
div.checkboxWarp {
  margin-bottom: 8px;
}
div.checkboxWarp:last-child {
  margin: 0;
}
div.checkboxWarp span {
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  margin-right: 4px;
}
div.checkboxWarp span.checkbox-msg {
  width: 120px;
  margin-left: 10px;
}
div.checkboxWarp span.checkbox-msg ~ span {
  margin-left: 10px;
}
div.checkboxWarp label {
  display: inline-block;
  vertical-align: middle;
  color: #4A4A4A;
}
div.checkboxWarp img {
  width: 36px;
  height: 36px;
  display: inline-block;
  vertical-align: middle;
  margin: 0 4px;
  border-radius: 18px;
  -webkit-border-radius: 18px;
}
.filter .peoples-items {
  padding: 15px 10px;
  list-style-type: none;
  display: block;
  overflow-x: auto;
  scrollbar-base-color: #C0C0C0;
  scrollbar-face-color: #626262;
  scrollbar-3dlight-color: #C0C0C0;
  scrollbar-highlight-color: #C0C0C0;
  scrollbar-track-color: #dddddd;
  scrollbar-arrow-color: black;
  scrollbar-shadow-color: #C0C0C0;
  scrollbar-dark-shadow-color: #C0C0C0;
}
.filter .peoples-items ul.user-selector-items li {
  padding: 0;
}
.filter .peoples-items .user-selector {
  bottom: auto;
  left: auto;
  width: calc(100% - 40px);
}
.filter .peoples-items::-webkit-scrollbar-thumb {
  background-color: #626262;
  height: 50px;
  outline-offset: -2px;
}
.filter .peoples-items::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.filter .peoples-items::-webkit-scrollbar-track-piece {
  background-color: #dddddd;
  -webkit-border-radius: 0;
}
.filter .peoples-items ul {
  margin: 0px;
  position: relative;
  list-style-type: none;
  padding-bottom: 15px;
}
.filter .peoples-items .content {
  float: left;
  width: 57px;
  height: 57px;
  border-radius: 29px;
  -webkit-border-radius: 29px;
}
.filter .peoples-items .content .chooseBtn {
  display: none;
  width: 20px;
  height: 20px;
  position: absolute;
  right: 2px;
  top: 2px;
  z-index: 8;
  opacity: 0.9;
}
.filter .peoples-items .content .chooseBtn .icon-icn_checkmark_circle_01 {
  font-size: 20px;
  line-height: 20px;
  position: absolute;
  z-index: 8;
}
.filter .peoples-items .content .chooseBtn .bg {
  z-index: 7;
  border-radius: 9px;
  position: absolute;
  right: 1px;
  top: 1px;
  background-color: #fff;
  width: 18px;
  height: 18px;
}
.filter .peoples-items .content .chooseBtn.selected {
  display: block;
}
.filter .peoples-items .content:hover {
  cursor: pointer;
}
.filter .peoples-items .content .hover {
  position: relative;
  left: 0px;
  width: 57px;
  height: 57px;
}
.filter .slider-area {
  width: 100%;
  line-height: 30px;
  position: relative;
  padding-right: 10px;
  padding-left: 10px;
  padding-top: 15px;
  padding-bottom: 15px;
}
.filter .slider-area ._clear {
  clear: both;
}
.filter .slider-area .btn-no-value {
  border-radius: 17px;
  margin-top: .5em;
  margin-left: 0;
  font-size: 14px;
  font-weight: bold;
}
.filter .slider-area .btn-no-value.btn-default.color7Bg {
  opacity: 0.5;
}
.filter .slider-area .star-box {
  display: inline-block;
  width: 49%;
  height: 35px;
  line-height: 30px;
  margin: 5px 0;
}
.filter .slider-area .star-box > span {
  display: inline-block;
  width: 20pox;
  height: 20px;
  vertical-align: middle;
  font-size: 16px;
}
.filter .slider-area .star-wrap {
  padding: 0 10px;
  border: solid 1px #E2E2E2;
  border-radius: 16px;
  margin-left: 5px;
  font-size: 12px;
  letter-spacing: -1px;
  vertical-align: middle;
}
.filter .slider-area .label-wrap {
  width: 50%;
  height: 70px;
  display: inline-block;
}
.filter .slider-area .label-wrap .label-checkbox {
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: middle;
  font-size: 16px;
}
.filter .slider-area .label-wrap .label-box {
  display: inline-block;
  position: relative;
  width: 110px;
  height: 65px;
  vertical-align: middle;
  border: #ccc 1px solid;
  border-radius: 6px;
}
.filter .slider-area .label-wrap .label-color {
  position: absolute;
  top: 6px;
  left: 6px;
  right: 6px;
  bottom: 20px;
}
.filter .slider-area .label-wrap .label-text {
  position: absolute;
  left: 6px;
  right: 6px;
  bottom: 0;
  line-height: 20px;
  font-weight: normal;
  text-align: left;
}
.filter .slider-area .label-suggest-color {
  display: block;
  float: left;
  width: 18px;
  height: 18px;
  margin-right: 10px;
}
.filter .slider-area .label-input {
  margin-bottom: 12px;
}
.filter rzslider {
  height: 16px;
  position: relative;
  line-height: 100%;
  margin: 10px 0 15px 0;
}
.filter rzslider span.bar {
  position: absolute;
  top: -6px;
  height: 10px;
  border-radius: 8px;
  background: gray;
  -webkit-border-radius: 8px;
}
.filter rzslider span.bar.selection {
  top: -6px;
  height: 10px;
  background: #79BDFC;
}
.filter rzslider span.pointer {
  top: -11px;
  width: 20px;
  height: 20px;
  background-color: #FFF;
  box-shadow: 0 0 6px #848484;
}
.filter rzslider span.pointer:hover {
  box-shadow: 0 0 6px #333;
}
.filter rzslider span.pointer:active {
  box-shadow: 0 0 6px #666;
}
.filter rzslider span.pointer:after {
  top: 3px;
  left: 3px;
  display: none;
}
.filter rzslider span.bubble.limit {
  color: #646464;
  display: none;
}
.filter rzslider span.bubble {
  top: 15px;
  color: #4A4A4A;
  font-size: 16px;
  text-align: center;
  font-weight: 400;
  margin-left: -3px;
}
.filter rzslider span.unit {
  color: #4a4a4a;
  font-size: 12px;
  top: 30px;
}
.filter .size-range-rzslider {
  padding-left: 20px;
}
.filter .size-range-rzslider rzslider span.bar {
  width: 250px !important;
}
.filter .size-range-rzslider rzslider span.pointer + .pointer {
  left: 250px !important;
}
.filter .size-range-rzslider rzslider span.right-bubble-value {
  left: 220px !important;
}
.filter .subTitleBarBg {
  background: #E5E5E5;
}
.filter .arrow-area {
  text-align: center;
  line-height: 28px;
  font-size: 14px;
  font-style: normal;
  vertical-align: middle;
  cursor: pointer;
}
.filter .sub-type {
  float: left;
  display: inline-block;
  cursor: default;
  font-size: 18px;
  margin: 0px 0px 0px 28px;
  line-height: 28px;
  vertical-align: middle;
}
.filter .panel-group a {
  cursor: default;
  text-decoration: none;
}
.filter .panel-group a:hover {
  color: #333333;
  text-decoration: none;
}
.filter .panel-group {
  border: none;
  margin: 0;
}
.filter .panel-group .panel {
  border: none;
  margin: 0px;
  box-shadow: none;
  background: transparent;
}
.filter .panel-heading {
  padding: 0;
  box-shadow: none;
  border-radius: 0;
}
.filter .overflowParent {
  overflow: visible;
}
.keywords-warp,
.tags-warp {
  float: left;
  width: 50%;
  padding: 2px 10px;
  font-size: 14px;
  font-weight: bold;
}
.filter .dropdown-menu > .active > a,
.filter .dropdown-menu > .active > a:focus,
.filter .dropdown-menu > .active > a:hover {
  background-color: #E0E0E0;
}
.filter .people-more {
  width: 100%;
  text-align: right;
}
.filter .facial-recognition-items {
  overflow: hidden;
}
.filter .facial-recognition-items li {
  width: 100%;
  height: 30px;
  margin-top: 10px;
  position: relative;
}
.filter .facial-recognition-items li .facial-avatar {
  display: inline-block;
  width: 30px;
  height: 30px;
  margin: 0 5px;
  border: 0;
  border-radius: 15px;
  vertical-align: middle;
  overflow: hidden;
}
.filter .facial-recognition-items li .count {
  float: right;
  line-height: 30px;
}
.filter .facial-recognition-items li .facial-name {
  position: absolute;
  left: 60px;
  right: 30px;
  top: 0;
  overflow: hidden;
  line-height: 30px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dp24 {
  font-size: 24px!important;
  fill: none;
}
.dp20 {
  font-size: 20px!important;
  fill: none;
}
.dp20.icon-onedrive_folder_open,
.dp20.icon-sharepoint_folder,
.dp20.icon-sharepoint_folder_open,
.dp20.icon-onedrive_folder {
  width: 20px;
  display: inline-block;
}
.dp18,
.fs18 {
  font-size: 18px!important;
}
.dp14 {
  font-size: 14px!important;
}
.dp48 {
  font-size: 48px!important;
}
.library ul.smartalbums {
  position: relative;
  width: 1024px;
  height: 100px;
}
.library ul.smartalbums li {
  float: left;
  width: 80px;
  margin: 10px;
}
.library ul.folders {
  position: relative;
  width: 1024px;
  height: 300px;
  overflow-x: scroll;
}
.login-container {
  margin-left: 0px;
  top: 0px !important;
  width: 100%;
  background-size: cover;
  background-position: 50% 50%;
  left: 0px;
  right: 0px;
  bottom: 0px;
  position: absolute;
  z-index: 1051;
}
.login-container .defaultColor {
  color: #7d7d7d;
}
.login-container .modal-dialog {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  border: none;
}
.login-container .modal-dialog .modal-content {
  height: 100%;
}
.login-container .modal-dialog .TENANT_LOGIN_BGIMAGE {
  background-size: cover;
  background-position: 50% 50%;
}
.login-container .newTop {
  background-color: #f5f5f5;
}
.login-container .top {
  width: 100%;
  height: 69px;
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
}
.login-container .top .logo {
  display: inline-block;
  margin-left: 4px;
  margin-top: 3px;
  height: 66px;
}
.login-container .top .logo img {
  image-rendering: -webkit-optimize-contrast;
  transform: translateZ(0);
  height: 54px;
  object-fit: contain;
  max-width: 264px;
}
.login-container .top .text1 {
  font-size: 18px;
  font-weight: 400;
  text-align: left;
  vertical-align: middle;
  padding-left: 2px;
  width: 600px;
  display: inline-block;
}
.login-container .top .text2 {
  font-size: 12px;
  text-align: left;
}
.login-container .nectar-video-wrap {
  position: absolute;
  top: 0;
  left: 0;
  padding-bottom: 0;
  overflow: hidden;
  z-index: -1;
}
.login-container .login-error {
  top: 50vh;
  margin-top: -260px;
  text-align: center;
  position: absolute;
  width: 100%;
}
.login-container .login-error span {
  line-height: 40px;
  font-weight: 400;
  font-size: 16px;
  position: relative;
  padding: 10px 24px;
}
.login-container .custom-login {
  height: auto!important;
}
.login-container .login-form {
  position: absolute;
  top: 50vh;
  left: 50vw;
  margin-top: -210px;
  margin-left: -249px;
  width: 498px;
  height: 420px;
}
.login-container .login-form.login-form-box {
  background-color: rgba(68, 68, 68, 0.6);
  border-radius: 70px;
}
.login-container .login-form .login-language {
  position: absolute;
  top: 10px;
  right: 40px;
}
.login-container .login-form .login-language .language-select {
  border-radius: 5px;
  background: none;
}
.login-container .login-form .login-language .effect-language > option {
  background-color: rgba(68, 68, 68, 0.6);
}
.login-container .login-form .login-header {
  padding: 40px 39px 40px;
  min-height: 72px;
}
.login-container .login-form .login-header .title {
  width: 100%;
  text-align: center;
  line-height: 48px;
  display: inline-block;
  word-break: break-word;
  font-weight: 500;
}
.login-container .login-form .login-header .div-break {
  word-wrap: break-word;
  word-break: normal;
}
.login-container .login-form .login-header .title-h1 {
  font-size: 26px;
  line-height: 48px;
}
.login-container .login-form .login-header .title-h2 {
  font-size: 22px;
  line-height: 34px;
}
.login-container .login-form .login-header .title-h3 {
  font-size: 18px;
  line-height: 28px;
}
.login-container .login-form .login-header .need {
  display: inline-block;
  font-size: 12px;
  color: #303a45;
  float: right;
}
.login-container .login-form .login-body {
  margin: 0 auto;
  text-align: center;
}
.login-container .login-form .login-body input.username,
.login-container .login-form .login-body input.password {
  width: 398px;
  height: 48px;
  border: 0;
  border-bottom: 1px solid #fefefe;
  color: #fefefe;
  background-color: transparent !important;
  margin-bottom: 0px !important;
  font-size: 16px;
  line-height: 24px;
  border-radius: 0px;
  text-align: center;
}
.login-container .login-form .login-body input.username:-webkit-autofill,
.login-container .login-form .login-body input.password:-webkit-autofill,
.login-container .login-form .login-body input.username:-webkit-autofill:hover,
.login-container .login-form .login-body input.password:-webkit-autofill:hover,
.login-container .login-form .login-body input.username:-webkit-autofill:focus,
.login-container .login-form .login-body input.password:-webkit-autofill:focus,
.login-container .login-form .login-body input.username:-webkit-autofill:active,
.login-container .login-form .login-body input.password:-webkit-autofill:active {
  -webkit-transition-delay: 9999s;
  -webkit-transition: color 9999s ease-out, background-color 9999s ease-out;
}
.login-container .login-form .login-body input.username::-webkit-input-placeholder,
.login-container .login-form .login-body input.password::-webkit-input-placeholder {
  color: #fefefe;
}
.login-container .login-form .login-body input.username:-moz-placeholder,
.login-container .login-form .login-body input.password:-moz-placeholder {
  color: #fefefe;
  opacity: 1;
}
.login-container .login-form .login-body input.username::-moz-placeholder,
.login-container .login-form .login-body input.password::-moz-placeholder {
  color: #fefefe;
  opacity: 1;
}
.login-container .login-form .login-body input.username:-ms-input-placeholder,
.login-container .login-form .login-body input.password:-ms-input-placeholder {
  color: #fefefe;
}
.login-container .login-form .login-body input.username:focus::-webkit-input-placeholder,
.login-container .login-form .login-body input.password:focus::-webkit-input-placeholder {
  color: transparent;
}
.login-container .login-form .login-body input.username:focus:-moz-placeholder,
.login-container .login-form .login-body input.password:focus:-moz-placeholder {
  color: transparent;
  opacity: 1;
}
.login-container .login-form .login-body input.username:focus::-moz-placeholder,
.login-container .login-form .login-body input.password:focus::-moz-placeholder {
  color: transparent;
  opacity: 1;
}
.login-container .login-form .login-body input.username:focus:-ms-input-placeholder,
.login-container .login-form .login-body input.password:focus:-ms-input-placeholder {
  color: transparent;
}
.login-container .login-form .login-body input.password {
  margin-top: 25px;
}
.login-container .login-form .login-body .login-checkbox-area {
  overflow: hidden;
  margin: 20px 69px;
}
.login-container .login-form .login-body .login-checkbox-area .forget {
  float: right;
  font-size: 12px;
  cursor: pointer;
  line-height: 21px;
  font-weight: 500;
}
.login-container .login-form .login-body .login-checkbox-area .rememberme-cbox {
  float: left;
  cursor: pointer;
  width: 21px;
  height: 21px;
  margin: 1px;
  font-size: 18px;
}
.login-container .login-form .login-body .login-checkbox-area .rememberme-text {
  line-height: 21px;
  float: left;
  font-size: 12px;
  padding-left: 6px;
  cursor: pointer;
  font-weight: 500;
}
.login-container .login-form .login-footer-1,
.login-container .login-form .login-footer-2 {
  margin: 20px 0px;
  padding: 0px 39px;
}
.login-container .login-form .login-footer-1 .login-btn-area .login-btn,
.login-container .login-form .login-footer-2 .login-btn-area .login-btn {
  display: block;
  border: none;
  background-color: #faa71e;
  height: 40px;
  line-height: 40px;
  font-size: 20px;
  font-weight: 400;
  border-radius: 20px;
  text-align: center;
  cursor: pointer;
  margin: 2px auto;
  padding: 0 30px;
  width: 250px;
}
.login-container .login-form .login-footer-1 .forget,
.login-container .login-form .login-footer-2 .forget {
  float: right;
  font-size: 12px;
  cursor: pointer;
  line-height: 21px;
  font-weight: 500;
}
.login-container .login-form .login-footer-1 .help,
.login-container .login-form .login-footer-2 .help {
  font-weight: 300;
  font-size: 18px;
  color: #c6c6c6;
  top: 60px;
  position: relative;
  cursor: pointer;
}
.login-container .login-form .login-footer-1 .btn-login,
.login-container .login-form .login-footer-2 .btn-login {
  width: 250px;
  margin: 20px auto;
  padding: 0px 20px;
  font-size: 20px;
  line-height: 40px;
  font-weight: 400;
  border-radius: 20px;
  text-align: center;
  background-color: #e0e0e0;
  color: #303030;
}
.login-container .login-form .login-footer-1 .btn-link,
.login-container .login-form .login-footer-2 .btn-link {
  margin-top: 0px;
  font-size: 12px;
  cursor: pointer;
  text-align: center;
}
.login-container .login-form .login-footer-1 .register,
.login-container .login-form .login-footer-2 .register {
  margin-top: 20px;
  font-size: 16px;
  cursor: pointer;
  text-align: center;
}
.login-container .login-form .login-footer-2 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: calc(100% - 128px);
  margin-top: 0;
}
.login-container .login-form .sso-login-btns {
  position: static;
}
.login-container .login-form .sso-login-btns .sso-login-menu {
  position: absolute;
  background-color: #e0e0e0;
  color: #303030;
  border-radius: 5px;
  left: 124px;
  width: 250px;
  padding: 10px 0;
  z-index: 999999;
  max-height: 163px;
  min-height: 50px;
  overflow-y: auto;
  overflow-x: hidden;
}
.login-container .login-form .sso-login-btns .sso-login-menu .sso-item {
  padding: 7px 15px 5px;
  text-align: center;
  font-weight: 600;
}
.login-container .login-form .sso-login-btns .sso-login-menu .sso-item:hover {
  background: #b5b5b5;
}
.login-container .footer {
  width: 100%;
  position: absolute;
  right: 0;
  bottom: 10px;
  color: #FEFEFE;
  font-size: 14px;
  font-weight: 500;
  text-shadow: 1px 1px 0 #444;
  text-align: center;
}
.login-container .footer a {
  color: #FEFEFE;
  text-decoration: underline;
}
.login-container .mask {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: -1;
  background: rgba(68, 68, 68, 0.6);
}
.login-container .light input,
.login-container .light select,
.login-container .light .login-form,
.login-container .light .top {
  color: #FCFCFC !important;
  border-color: #FCFCFC !important;
}
.login-container .light input::-webkit-input-placeholder,
.login-container .light select::-webkit-input-placeholder,
.login-container .light .login-form::-webkit-input-placeholder,
.login-container .light .top::-webkit-input-placeholder {
  color: #FCFCFC;
}
.login-container .light input:-moz-placeholder,
.login-container .light select:-moz-placeholder,
.login-container .light .login-form:-moz-placeholder,
.login-container .light .top:-moz-placeholder {
  color: #FCFCFC;
}
.login-container .light input::-moz-placeholder,
.login-container .light select::-moz-placeholder,
.login-container .light .login-form::-moz-placeholder,
.login-container .light .top::-moz-placeholder {
  color: #FCFCFC;
}
.login-container .light input:-ms-input-placeholder,
.login-container .light select:-ms-input-placeholder,
.login-container .light .login-form:-ms-input-placeholder,
.login-container .light .top:-ms-input-placeholder {
  color: #FCFCFC;
}
.login-container .dark input,
.login-container .dark select,
.login-container .dark .login-form,
.login-container .dark .top {
  color: #131313 !important;
  border-color: #131313 !important;
}
.login-container .dark input::-webkit-input-placeholder,
.login-container .dark select::-webkit-input-placeholder,
.login-container .dark .login-form::-webkit-input-placeholder,
.login-container .dark .top::-webkit-input-placeholder {
  color: #131313 !important;
}
.login-container .dark input:-moz-placeholder,
.login-container .dark select:-moz-placeholder,
.login-container .dark .login-form:-moz-placeholder,
.login-container .dark .top:-moz-placeholder {
  color: #131313 !important;
}
.login-container .dark input::-moz-placeholder,
.login-container .dark select::-moz-placeholder,
.login-container .dark .login-form::-moz-placeholder,
.login-container .dark .top::-moz-placeholder {
  color: #131313 !important;
}
.login-container .dark input:-ms-input-placeholder,
.login-container .dark select:-ms-input-placeholder,
.login-container .dark .login-form:-ms-input-placeholder,
.login-container .dark .top:-ms-input-placeholder {
  color: #131313 !important;
}
.register-now-dialog input[type="text"] {
  width: 100%;
  padding-left: 20px;
  border-radius: 20px;
}
.register-now-dialog textarea {
  width: 100%;
  resize: none;
}
.register-now-dialog .registerMail {
  width: 100%;
  margin-bottom: 10px;
  border-radius: 20px;
  border: #ccc 1px solid;
  overflow: hidden;
}
.register-now-dialog .registerMail span {
  width: 45%;
  float: right;
}
.register-now-dialog .registerMail .select-wrap {
  width: 230px;
  float: right;
}
.register-now-dialog .registerMail input {
  margin: 0;
  padding-left: 20px;
  border-radius: 20px;
  border: 0;
}
.register-now-dialog .invitation {
  width: 100% !important;
}
.register-now-dialog .modal-footer {
  padding: 15px 30px;
}
.register-now-dialog .row {
  margin: 0 -30px;
}
.captcha-layout {
  padding-top: 5px;
  margin-left: -15px;
}
.error-warning {
  display: inline-block;
  margin-top: 5px;
  color: #ff0000;
  font-weight: normal;
}
.captcha-item {
  margin-bottom: 5px;
}
.captcha-item .error-msg {
  color: #ff0000;
  font-weight: normal;
  margin-left: 10px;
}
.captcha-item.captcha-input input {
  border-radius: 20px;
  margin-bottom: 0;
  width: 35%;
}
.captcha-item .change-captcha span {
  font-weight: normal;
  color: blue;
  text-decoration: underline;
}
.captcha-item.captcha-image {
  margin-left: 20px;
}
.register-submit-btn:focus {
  outline: black 1px dotted;
}
.register-use-code {
  float: left;
  margin-top: 10px;
}
.register-now-form {
  margin-bottom: 30px;
}
.register-now-form span.color8.icon-s-Date_16 {
  position: absolute;
  top: 2.3em;
}
.register-now-form .keyword-box {
  float: left;
  margin: 8px .5em 0 0;
  padding: 0px 6px;
  font-size: 16px;
  color: #474747;
  overflow-y: hidden;
  border: solid 1px #ccc;
  border-radius: 26px;
  line-height: 1.5em;
  width: 48%;
}
.register-now-form .keyword-box:hover {
  background: #f2f2f2;
}
.register-now-form .keyword-box [class^="icon-s-"],
.register-now-form .keyword-box [class*=" icon-s-"] {
  line-height: 1.5em;
  font-size: 16px;
}
.register-now-form .keyword-box .text {
  float: left;
  overflow-y: hidden;
  width: calc(100% - 18px);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-weight: normal;
  font-size: 14px;
  /*have different color*/
  color: #4a4a4a;
  font-weight: 500;
  text-align: center;
  font-size: 16px;
}
.register-now-form .item-title .-mandatory:after {
  content: ' *';
  color: red;
}
.register-now-form .input-circle.-choice {
  margin: 0 0 20px 0;
}
.register-now-form .input-circle.-choice input {
  margin-bottom: 0;
}
.logo-fit {
  max-width: 264px;
  object-fit: contain;
}
.modal-dialog {
  width: 646px;
  margin: 30px auto;
  border: none;
}
.modal-dialog .modal-content {
  border-radius: 6px;
  padding: 0 !important;
  border: 0;
}
.modal-dialog .modal-close-icon {
  position: absolute;
  font-size: 18px;
  top: 18px;
  right: 20px;
  color: inherit;
  webkit-border-radius: 22px;
  -moz-border-radius: 22px;
  -khtml-border-radius: 22px;
  cursor: pointer;
  width: 22px;
  height: 22px;
  line-height: 22px !important;
}
.modal-dialog .modal-header {
  overflow: hidden;
  word-wrap: break-word;
  word-break: break-all;
  border: none;
  text-align: left;
  padding: 20px 75px 20px 20px;
  border-bottom: 1px solid #ddd;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.modal-dialog .modal-header .title-hide {
  display: block !important;
}
.modal-dialog .modal-header h3 {
  display: inline;
  font-size: 16px;
}
.modal-dialog .modal-header .select_language {
  height: 32px;
  width: 150px;
  display: inline-block;
  position: absolute;
  right: 60px;
  top: 12px;
}
.modal-dialog .confirm-checkbox {
  overflow: visible;
}
.modal-dialog .modal-body {
  min-height: 175px;
  max-height: 450px;
  padding: 20px !important;
  font-size: 16px;
  font-weight: 600;
  line-height: 30px;
  border: 0 !important;
  scrollbar-base-color: #C0C0C0;
  scrollbar-face-color: #626262;
  scrollbar-3dlight-color: #C0C0C0;
  scrollbar-highlight-color: #C0C0C0;
  scrollbar-track-color: #dddddd;
  scrollbar-arrow-color: black;
  scrollbar-shadow-color: #C0C0C0;
  scrollbar-dark-shadow-color: #C0C0C0;
}
.modal-dialog .modal-body::-webkit-scrollbar-thumb {
  background-color: #626262;
}
.modal-dialog .modal-body::-webkit-scrollbar-track-piece {
  background-color: #dddddd;
  -webkit-border-radius: 0;
}
.modal-dialog .modal-body::-webkit-scrollbar {
  width: 10px;
}
.modal-dialog .modal-body .confirm-msg {
  margin-top: 0px;
  text-overflow: ellipsis;
  white-space: pre-wrap;
  min-height: 175px;
  max-height: 300px;
  overflow-y: auto;
}
.modal-dialog .modal-body .checkbox-container {
  position: relative;
  top: 68px;
  width: 60%;
}
.modal-dialog .modal-body .confirm-customField {
  font-weight: normal;
}
.modal-dialog .modal-body .field {
  text-align: initial;
}
.modal-dialog .modal-body .modal-assign-checkbox {
  padding-left: 0;
  position: absolute;
  bottom: 0;
}
.modal-dialog .modal-body .detail-section,
.modal-dialog .modal-body .custome-field-section {
  padding-bottom: 0;
}
.modal-dialog .modal-body .detail-section .second-content,
.modal-dialog .modal-body .custome-field-section .second-content {
  max-height: none;
  overflow: inherit;
}
.modal-dialog .modal-body .detail-section .only-read,
.modal-dialog .modal-body .custome-field-section .only-read {
  cursor: default;
}
.modal-dialog .modal-body .detail-section .bind-click,
.modal-dialog .modal-body .custome-field-section .bind-click {
  cursor: pointer;
}
.modal-dialog .modal-body .detail-section textarea,
.modal-dialog .modal-body .custome-field-section textarea {
  width: 100%;
  resize: none;
}
.modal-dialog .modal-body .detail-section .F3,
.modal-dialog .modal-body .custome-field-section .F3 {
  display: inline-block;
  width: 268px;
  line-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.modal-dialog .modal-footer {
  background-color: transparent;
  border: none;
  text-align: right;
  box-shadow: none;
  padding: 12px 20px 12px 20px;
  height: 56px;
}
.modal-dialog .modal-footer .btn-status {
  float: left;
  font-size: 16px;
  font-weight: bold;
}
.modal-dialog button {
  padding: 7px 16px;
  border: 1px solid transparent;
  border-radius: 25px;
  line-height: inherit !important;
  font-weight: bold;
  font-size: 14px;
  color: #4A4A4A;
}
.modal.fade.in {
  top: 80px;
  overflow-x: auto;
}
/* style used by upload finish dialog. */
.upload-result-dialog {
  margin: auto;
}
.upload-result-dialog .modal-dialog {
  width: 548px;
}
#upload-container {
  text-align: center;
}
.upload-all-success {
  height: auto;
}
.upload-has-failure {
  height: auto;
}
.upload-has-failure ul.failedFileList {
  width: 510px;
  height: 120px;
  margin: 3px auto;
  text-align: left;
  line-height: 20px;
  border: #ccc 1px solid;
  border-radius: 5px;
  padding: 4px 15px;
  overflow-y: auto;
}
.resultmessage {
  font-size: 17px;
  color: #434343;
}
.cancelled-message {
  margin-bottom: 10px;
  font-size: 17px;
  color: #434343;
}
.view-myupload {
  font-size: 16px;
  font-color: #00a1ce;
}
.button-area {
  position: relative;
  top: 5px;
}
.button-addmore {
  width: 93px;
  position: relative;
  top: -29px;
  left: 116px;
}
.upload-failed-message {
  text-align: left;
  margin-left: 48px;
}
/* style used by admin dialog. */
/*end admin dialog*/
.batchremove-dialog {
  margin: auto;
}
.batchremove-dialog .list-area {
  padding: 0px 15px;
  max-height: 90px;
  overflow-y: auto;
}
.batchassign-dialog,
.batchremove-dialog,
.batchtag-dialog {
  padding: 25px 20px 0px 20px;
  margin: auto;
}
.batchassign-dialog .title,
.batchremove-dialog .title,
.batchtag-dialog .title {
  text-align: center;
  margin: 0 auto 15px;
  font-size: 22px;
  line-height: 22px;
  color: #434343;
  margin-top: 10px;
}
.batchassign-dialog .operating-title,
.batchremove-dialog .operating-title,
.batchtag-dialog .operating-title {
  text-align: center;
  margin: 0 auto;
  font-size: 22px;
  line-height: 22px;
  color: #434343;
  padding: 10px 0px 25px;
}
.batchassign-dialog .footer,
.batchremove-dialog .footer,
.batchtag-dialog .footer {
  text-align: center;
  margin: 15px 0px 25px;
}
.batchassign-dialog .retry-list,
.batchremove-dialog .retry-list,
.batchtag-dialog .retry-list {
  max-height: 360px;
  overflow-y: auto;
}
.batchassign-dialog .retry-list .name,
.batchremove-dialog .retry-list .name,
.batchtag-dialog .retry-list .name {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 50%;
  margin-bottom: 5px;
}
.batchassign-dialog .retry-list .reason,
.batchremove-dialog .retry-list .reason,
.batchtag-dialog .retry-list .reason {
  word-break: break-word;
  margin-bottom: 12px;
}
.batchkeyword-dialog .container-box,
.batchtag-dialog .container-box {
  display: block;
  width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  min-height: 23px;
}
.batchkeyword-dialog .container-box .delete-btn,
.batchtag-dialog .container-box .delete-btn {
  line-height: 20px;
  font-weight: 600;
  cursor: pointer;
  visibility: hidden;
  position: absolute;
}
.batchkeyword-dialog .sub-title,
.batchtag-dialog .sub-title {
  margin-bottom: 5px;
  color: #474747;
  font-weight: 700;
  font-size: 14px;
}
.batchkeyword-dialog .input-box,
.batchtag-dialog .input-box {
  line-height: 32px;
  height: 32px;
  border: 1px solid #CCCCCC;
}
.batchkeyword-dialog .keyword-box,
.batchtag-dialog .keyword-box {
  float: left;
  margin: 5px 0px 0px 3px;
  padding: 0px 13px;
  font-size: 12px;
  color: #474747;
  overflow-y: hidden;
  border: solid 1px #E8E8E8;
  border-radius: 6px;
  line-height: 20px;
}
.batchkeyword-dialog .keyword-box:hover,
.batchtag-dialog .keyword-box:hover {
  background: #f2f2f2;
}
.batchkeyword-dialog .keyword-box .text,
.batchtag-dialog .keyword-box .text {
  float: left;
  width: auto;
  overflow-y: hidden;
}
.batchkeyword-dialog .keyword-box:hover .delete-btn,
.batchtag-dialog .keyword-box:hover .delete-btn {
  visibility: visible;
}
.batchkeyword-dialog .keyword-input,
.batchtag-dialog .keyword-input {
  border: none;
  border-radius: 0px;
  width: 100%;
  line-height: 32px;
  height: 32px;
}
.batchkeyword-dialog .tag-input,
.batchtag-dialog .tag-input {
  height: 30px;
  float: left;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  box-shadow: none;
  border: none;
  padding: 0px;
  margin: 0px;
  text-indent: 10px;
  width: 400px;
  background: none;
  font-size: 13px;
  color: #474747;
}
.batchkeyword-dialog .tag-input::-webkit-input-placeholder,
.batchtag-dialog .tag-input::-webkit-input-placeholder {
  color: #999999 !important;
}
.batchkeyword-dialog .tag-box,
.batchtag-dialog .tag-box {
  float: left;
  margin: 5px 0px 0px 3px;
  padding: 0px 13px;
  font-size: 12px;
  color: #474747;
  overflow-y: hidden;
  border: solid 1px #E8E8E8;
  border-radius: 6px;
  line-height: 20px;
}
.batchkeyword-dialog .tag-box:hover,
.batchtag-dialog .tag-box:hover {
  background: #f2f2f2;
}
.batchkeyword-dialog .tag-box .text,
.batchtag-dialog .tag-box .text {
  float: left;
  width: auto;
  overflow-y: hidden;
}
.batchkeyword-dialog .tag-box:hover .delete-btn,
.batchtag-dialog .tag-box:hover .delete-btn {
  visibility: visible;
}
.batchkeyword-dialog .add-btn,
.batchtag-dialog .add-btn {
  width: 32px;
  height: 32px;
  background: none;
  box-shadow: none;
  border: none;
  text-decoration: none;
  float: right;
  font-size: 28px;
  color: #474747;
  outline: none;
  font-weight: 300;
}
.batchkeyword-dialog .add-btn:hover,
.batchtag-dialog .add-btn:hover {
  background-color: #cacaca;
  color: #ffffff;
}
.batchkeyword-dialog .add-btn:active,
.batchtag-dialog .add-btn:active {
  background-color: #545454;
  color: #ffffff;
}
.batchkeyword-dialog .add-btn:focus,
.batchtag-dialog .add-btn:focus {
  background-color: #787878;
}
.batchkeyword-dialog .add-btn:active,
.batchtag-dialog .add-btn:active {
  background-color: #585858;
}
.redirect-dialog {
  margin: auto;
}
.redirect-dialog .modal-dialog {
  width: 534px;
}
.redirect-dialog .modal-dialog .t-e-form {
  display: flex;
  margin-top: 10px;
  font-weight: lighter;
}
.redirect-dialog .modal-dialog .t-e-form label {
  margin-bottom: 0;
  white-space: nowrap;
}
.redirect-dialog .modal-dialog .circle-button {
  display: inline-block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  color: #303030;
  background-color: #e0e0e0;
  border-radius: 15px;
  cursor: default;
}
.redirect-dialog .modal-dialog .single-line-text {
  width: 100%;
}
.redirect-dialog .modal-dialog .normal-line-text {
  width: 100% !important;
  margin-left: 10px;
}
.redirect-dialog .modal-dialog .list-header {
  margin: 15px 10px;
  height: 30px;
}
.redirect-dialog .modal-dialog .list-header .primary {
  display: inline-block;
  width: 100px;
}
.redirect-dialog .modal-dialog .list-header .primary .span {
  line-height: 30px;
}
.redirect-dialog .modal-dialog .list-header .files-head {
  position: relative;
  left: 45px;
}
.redirect-dialog .modal-dialog .list-content {
  height: 300px;
  border-radius: 10px;
  border: 1px solid #ddd;
  margin-top: 20px;
}
.redirect-dialog .modal-dialog .list-content ul {
  height: 238px;
  overflow-y: auto;
}
.redirect-dialog .modal-dialog .table-row {
  padding: 10px 0 10px 0;
  line-height: 20px;
}
.redirect-dialog .modal-dialog .table-row span {
  display: inline-block;
  vertical-align: middle;
  padding: 0 10px;
}
.redirect-dialog .modal-dialog .table-row .image {
  width: 100px;
  text-align: left;
}
.redirect-dialog .modal-dialog .table-row .image img {
  max-height: 40px;
  min-height: 10px;
  min-width: 10px;
}
.redirect-dialog .modal-dialog .table-row .displayName {
  width: 320px;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
}
.redirect-dialog .msg {
  word-wrap: break-word;
  width: 100%;
  overflow: hidden;
  white-space: pre-wrap;
}
.redirect-dialog .modal-dialog {
  width: 600px!important;
}
.redirect-dialog .modal-body {
  line-height: 22px;
  text-align: center;
}
.related-dialog .edit-list-header {
  margin: 0 !important;
  border-bottom: 1px solid;
  padding: 15px 10px;
  box-sizing: content-box;
}
.related-dialog .input-circle input {
  width: 100%;
  font-weight: normal;
}
.related-dialog .input-circle .dropdown-icon {
  position: relative;
  top: -40px;
}
.related-dialog .input-circle .ui-menu-item {
  font-size: 14px;
  font-weight: normal;
}
.related-dialog div.tab-content {
  border: 0px;
}
.related-dialog div.tab-content.div-with-form {
  border: 1px solid;
  border-top: 0px;
}
.related-dialog div.tab-content .list-header .select-all {
  display: inline-block;
  height: 81px;
  line-height: 81px;
  margin-left: 20px;
}
.related-dialog div.tab-content .list-header .list-search {
  display: inline-block;
  position: absolute;
  right: 0;
  margin-right: 20px;
}
.related-dialog div.tab-content .list-header .list-search input {
  width: 400px;
}
.related-dialog div.tab-content .list-header .list-search .icon-search {
  position: absolute;
  top: 33px;
  right: 35px;
}
.message-dialog {
  margin: auto;
}
.message-dialog .modal-dialog {
  width: 534px;
}
.message-dialog .modal-dialog .t-e-form {
  display: flex;
  margin-top: 10px;
  font-weight: lighter;
}
.message-dialog .modal-dialog .t-e-form label {
  margin-bottom: 0;
  white-space: nowrap;
}
.message-dialog .modal-dialog .circle-button {
  display: inline-block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  color: #303030;
  background-color: #e0e0e0;
  border-radius: 15px;
  cursor: default;
}
.message-dialog .modal-dialog .single-line-text {
  width: 100%;
}
.message-dialog .modal-dialog .normal-line-text {
  width: 100% !important;
  margin-left: 10px;
}
.message-dialog .modal-dialog .list-header {
  margin: 15px 10px;
  height: 30px;
}
.message-dialog .modal-dialog .list-header .primary {
  display: inline-block;
  width: 100px;
}
.message-dialog .modal-dialog .list-header .primary .span {
  line-height: 30px;
}
.message-dialog .modal-dialog .list-header .files-head {
  position: relative;
  left: 45px;
}
.message-dialog .modal-dialog .list-content {
  height: 300px;
  border-radius: 10px;
  border: 1px solid #ddd;
  margin-top: 20px;
}
.message-dialog .modal-dialog .list-content ul {
  height: 238px;
  overflow-y: auto;
}
.message-dialog .modal-dialog .table-row {
  padding: 10px 0 10px 0;
  line-height: 20px;
}
.message-dialog .modal-dialog .table-row span {
  display: inline-block;
  vertical-align: middle;
  padding: 0 10px;
}
.message-dialog .modal-dialog .table-row .image {
  width: 100px;
  text-align: left;
}
.message-dialog .modal-dialog .table-row .image img {
  max-height: 40px;
  min-height: 10px;
  min-width: 10px;
}
.message-dialog .modal-dialog .table-row .displayName {
  width: 320px;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
}
.message-dialog .msg {
  word-wrap: break-word;
  width: 100%;
  overflow: hidden;
  white-space: pre-wrap;
}
.confirm-dialog {
  padding: 25px 20px 0px 20px;
  margin: auto;
}
.confirm-dialog .confirm-msg {
  word-wrap: break-word;
  width: 100%;
  overflow: hidden;
  margin-top: 15px;
}
.add-dialog {
  margin: auto;
}
.add-dialog.upload-link-resend .modal-dialog {
  width: 646px;
}
.add-dialog .modal-dialog {
  width: 520px;
  margin-top: 20px;
}
.add-dialog .modal-dialog .modal-body {
  overflow: hidden;
}
.add-dialog .folder-name {
  width: 100%;
}
.add-dialog .folder-descn {
  width: 100%;
  height: 150px;
}
.modal-header.aboutus {
  padding: 0!important;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.aboutus-dialog {
  margin: auto;
}
.aboutus-dialog .modal-dialog {
  width: 534px;
}
.aboutus-dialog .logo-area {
  padding: 10px 15px;
}
.aboutus-dialog .tenant-logo {
  display: block;
  height: 45px;
}
.aboutus-dialog .aboutus-version {
  margin-top: 5px;
  margin-left: 10px;
  text-align: right;
  color: white;
}
.aboutus-dialog .about-hide {
  visibility: hidden;
}
.aboutus-dialog .about-name {
  font-size: 18px;
  text-align: left;
  display: block;
  padding: 10px 0px 5px;
}
.aboutus-dialog .about-version-help {
  display: block;
  height: 25px;
  line-height: 25px;
  vertical-align: middle;
}
.aboutus-dialog .about-version {
  float: left;
  font-size: 14px;
}
.aboutus-dialog .about-desc {
  height: 160px;
  font-size: 14px;
  line-height: 22px;
  margin-top: 10px;
  font-weight: 300;
  overflow-y: auto;
  scrollbar-base-color: #C0C0C0;
  scrollbar-face-color: #626262;
  scrollbar-3dlight-color: #C0C0C0;
  scrollbar-highlight-color: #C0C0C0;
  scrollbar-track-color: #dddddd;
  scrollbar-arrow-color: black;
  scrollbar-shadow-color: #C0C0C0;
  scrollbar-dark-shadow-color: #C0C0C0;
}
.aboutus-dialog .about-desc::-webkit-scrollbar-thumb {
  background-color: #626262;
  height: 50px;
  outline-offset: -2px;
}
.aboutus-dialog .about-desc::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.aboutus-dialog .about-desc::-webkit-scrollbar-track-piece {
  background-color: #dddddd;
  -webkit-border-radius: 0;
}
.cropimage-dialog {
  height: auto;
  margin: auto;
}
.cropimage-dialog .modal-dialog {
  width: 604px;
}
.cropimage-dialog .title-area {
  height: 85px;
}
.cropimage-dialog .crop-preview {
  width: 69px;
  height: 69px;
  border: 1px solid #333333;
  margin: 0px 8px 10px 0px;
  float: left;
  overflow: hidden;
}
.cropimage-dialog .m-5 {
  margin-top: 5px;
}
.cropimage-dialog .m-10 {
  margin: 5px 10px;
}
.cropimage-dialog .img-preview {
  max-width: none;
  margin: 0px auto;
}
.cropimage-dialog .crop-prompt {
  font-size: 18px;
  text-align: left;
  padding: 0px 0px 10px 0px;
  word-break: normal;
  white-space: normal;
}
.cropimage-dialog .upload-area {
  width: 500px;
  height: 120px;
  line-height: 120px;
  margin: 0px auto;
  text-align: center;
  vertical-align: middle;
}
.cropimage-dialog .upload-area .upload-text {
  text-align: center;
  text-decoration: underline;
  cursor: pointer;
  font-size: 14px;
  color: #474747;
}
.cropimage-dialog .upload-area .upload-suggested {
  text-align: center;
  font-size: 14px;
  color: #474747;
}
.cropimage-dialog .allow-area {
  width: 500px;
  margin: 0px auto;
}
.cropimage-dialog .suggest-size {
  font-size: 11px;
}
.cropimage-dialog .image-crop-size {
  text-align: left;
  font-size: 13px;
}
.image-selection-dialog .origin-container {
  max-height: 400px;
  text-align: center;
}
.image-selection-dialog .suggest-text {
  height: 32px;
  line-height: 32px;
}
.search-selection-dialog .select-content .select-all-search {
  display: flex;
  padding-top: 10px;
}
.search-selection-dialog .select-content .select-all-search .select-all {
  width: 50%;
  padding-left: 10px;
}
.search-selection-dialog .select-content .select-all-search .search {
  width: 50%;
  margin-right: 30px;
}
.search-selection-dialog .select-content .select-all-search .search input {
  width: 100%;
  padding: 4px 10px;
  margin-bottom: 10px;
  margin: 0;
}
.jcrop-holder {
  margin: 0px auto;
}
.message-box-dialog {
  margin: auto;
}
.message-box-dialog .modal-dialog {
  width: 824px;
}
.message-box-dialog.settings-window .modal-dialog {
  width: 824px;
}
.version-history-dialog .head-bar {
  padding: 20px 30px;
  font-size: 15px;
  font-weight: bold;
  text-align: right;
}
.version-history-dialog .head-bar span {
  float: left;
  padding-top: 6px;
}
.version-history-dialog .head-bar button {
  font-size: 16px;
  line-height: 16px !important;
  margin: 0;
  padding: 7px 10px;
  background: #9a9a9a;
}
.version-history-dialog .modal-body {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  max-height: 400px;
}
.version-history-dialog .modal-body [ng-click] {
  cursor: pointer;
}
.version-history-dialog .modal-body .table {
  border-bottom: 1px solid #ddd;
  font-size: 15px;
  table-layout: fixed;
}
.version-history-dialog .modal-body .table .row-browse {
  height: 70px;
}
.version-history-dialog .modal-body .table .row-browse td {
  border: none;
}
.version-history-dialog .modal-body .table .row-browse td button {
  font-size: 16px;
  line-height: 16px !important;
  margin: 0;
  padding: 7px 10px;
  background: #9a9a9a;
}
.version-history-dialog .modal-body .table .row-upload td {
  border: none;
  position: relative;
}
.version-history-dialog .modal-body .table .row-upload td .progress {
  height: 5px;
  width: 400px;
  margin-bottom: 0;
  margin-right: 25px;
  display: inline-block;
  margin-bottom: 3px;
}
.version-history-dialog .modal-body .table .row-upload td .progress .progress-bar {
  background: #9ad230;
}
.version-history-dialog .modal-body .table .row-upload td .process-icon img {
  width: 15px;
}
.version-history-dialog .modal-body .table tr.no-border td {
  border: none;
}
.version-history-dialog .modal-body .table tr td {
  vertical-align: middle;
}
.version-history-dialog .modal-body .table tr td .row1 {
  height: 50px;
}
.version-history-dialog .modal-body .table tr td .row2 {
  height: 32px;
  margin-top: 10px;
}
.version-history-dialog .modal-body .table tr td .circle-button {
  -webkit-border-radius: 5em;
  -moz-border-radius: 5em;
  border-radius: 5em;
  width: 32px;
  height: 32px;
  background-color: rgba(0, 0, 0, 0.1);
  cursor: pointer;
  display: inline-block;
  text-align: center;
  line-height: 32px;
  color: #fff;
  color: #000;
  font-size: 16px;
}
.version-history-dialog .modal-body .table tr td .circle-button:hover {
  background-color: rgba(0, 0, 0, 0.2);
}
.version-history-dialog .modal-body .table tr td .comment-container {
  height: 32px;
  line-height: 32px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.version-history-dialog .modal-body .table tr td .uploading-comment-edit-container {
  position: relative;
  top: 10px;
}
.version-history-dialog .modal-body .table tr td .uploading-comment-edit-container .input-comment {
  padding-right: 35px;
  line-height: 22px;
  border-radius: 25px;
  width: 420px;
}
.version-history-dialog .modal-body .table tr td .uploading-comment-edit-container button {
  position: absolute;
  top: 0;
  left: 380px;
  height: 32px;
  line-height: 32px !important;
  padding: 0 10px;
  background: #9a9a9a;
}
.version-history-dialog .modal-body .table tr td .comment-edit-container {
  position: absolute;
}
.version-history-dialog .modal-body .table tr td .comment-edit-container .input-comment {
  line-height: 22px;
  border-radius: 25px;
  width: 420px;
}
.version-history-dialog .modal-body .table tr td .comment-edit-container .icon-s-Ok1_16 {
  background-color: #9ad230;
  color: #fff;
  margin-left: 5px;
}
.version-history-dialog .modal-body .table tr td .comment-edit-container .icon-s-Ok1_16:hover {
  background-color: #9ad230;
}
.version-history-dialog .modal-body .table tr .cell-select {
  color: #9B9B9B;
}
.version-history-dialog .modal-body .table tr .cell-select .icon-s-Ok1_16 {
  color: #9ad230;
}
.version-history-dialog .modal-body .table tr .cell-img {
  width: 10%;
}
.version-history-dialog .modal-body .table tr .cell-img .img-container {
  overflow: hidden;
}
.version-history-dialog .modal-body .table tr .cell-img .img-container img {
  max-width: none;
  max-height: none;
}
.version-history-dialog .modal-body .table tr .cell-img .icon-s-Edit_16 {
  border-radius: initial;
  background: inherit;
}
.version-history-dialog .modal-body .table tr .cell-img .icon-s-Edit_16:hover {
  background-color: initial;
}
.version-history-dialog .modal-body .table tr .cell-info .upload-info {
  width: 220px;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  float: left;
  margin-right: 5px;
}
.message-box-dialog .modal-body {
  padding: 0;
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-base-color: #C0C0C0;
  scrollbar-face-color: #626262;
  scrollbar-3dlight-color: #C0C0C0;
  scrollbar-highlight-color: #C0C0C0;
  scrollbar-track-color: #dddddd;
  scrollbar-arrow-color: black;
  scrollbar-shadow-color: #C0C0C0;
  scrollbar-dark-shadow-color: #C0C0C0;
  width: 100%;
  height: 100%;
  max-height: 400px;
  min-height: 40px;
}
.message-box-dialog .modal-body::-webkit-scrollbar-thumb {
  background-color: #626262;
}
.message-box-dialog .modal-body::-webkit-scrollbar-track-piece {
  background-color: #dddddd;
  -webkit-border-radius: 0;
}
.message-box-dialog .modal-body::-webkit-scrollbar {
  width: 10px;
}
.message-box-dialog .modal-body .empty {
  margin: 0 auto;
  text-align: center;
  line-height: 50px;
  font-size: 14px;
  margin-top: 10px;
}
.message-box-dialog .container {
  margin: 10px 0 0 0;
  width: 100%;
  overflow: hidden;
}
.message-box-dialog .msg-item {
  height: 75px;
  line-height: 75px;
  position: relative;
  border-radius: 10px;
}
.message-box-dialog .msg-item div {
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-left: 10px;
  height: 75px;
  line-height: 75px;
}
.message-box-dialog .msg-item .thumb-column {
  position: absolute;
  width: 69px;
  height: 69px;
  padding: 0px;
  margin-left: 10px;
  line-height: 69px;
  overflow: hidden;
  top: 3px;
  cursor: pointer;
}
.message-box-dialog .msg-item .thumb-column.no-click {
  cursor: default;
}
.message-box-dialog .msg-item .thumb-column .thumb-img {
  max-width: none !important;
  cursor: pointer;
  vertical-align: baseline;
}
.message-box-dialog .msg-item .thumb-column .thumb-area {
  position: absolute;
  left: 0px;
  width: 53px;
  height: 53px;
  overflow: hidden;
  padding: 0px;
  margin: 8px;
  text-overflow: clip;
  color: black;
  padding-left: 1px;
  text-align: center;
}
.message-box-dialog .msg-item .thumb-column .thumb-keyphoto {
  position: absolute;
  width: 69px;
  height: 69px;
  padding: 0px;
  left: 0px;
}
.message-box-dialog .msg-item .thumb-column .album-default {
  font-size: 25px;
  display: block;
  margin-top: 12px;
}
.message-box-dialog .msg-item .thumb-column .album-default.no-click {
  cursor: default;
}
.message-box-dialog .msg-item .thumb-column .icon-info {
  color: #f78512;
}
.message-box-dialog .msg-item .msg {
  width: 540px;
  margin-left: 80px;
}
.message-box-dialog .msg-item .msg a {
  color: inherit;
  text-decoration: none;
  cursor: pointer;
}
.message-box-dialog .msg-item .msg a {
  float: left;
  width: 100%;
  height: 22px;
  line-height: 22px;
  margin: 0px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.message-box-dialog .msg-item .msg .action-by-user {
  float: left;
  height: 22px;
  line-height: 22px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 380px;
}
.message-box-dialog .msg-item .msg #action-for-group {
  width: 70%;
}
.message-box-dialog .msg-item .msg .change-time {
  float: right;
  height: 22px;
  line-height: 22px;
}
.message-box-dialog .msg-item .msg .name-span {
  font-weight: 600;
  margin-top: 12px;
}
.message-box-dialog .msg-item .msg .name-span.no-click {
  cursor: default;
}
.message-box-dialog .msg-item .sender-area {
  width: 60px;
  float: right;
}
.message-box-dialog .msg-item .sender-area .sender-avatar {
  border-radius: 26.5px;
  -webkit-border-radius: 26.5px;
  height: 40px;
  width: 40px;
  margin-bottom: 2px;
}
.message-box-dialog .msg-item .action {
  width: 40px;
  float: right;
  line-height: 75px;
  cursor: pointer;
  text-align: center;
  font-size: 16px;
}
.switch-view-window-dialog {
  margin: auto;
}
.switch-view-window-dialog .modal-dialog {
  width: max-content;
}
.switch-view-window-dialog .modal-dialog .msg-item {
  height: 75px;
  line-height: 75px;
  position: relative;
}
.switch-view-window-dialog .modal-dialog .msg-item div {
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-left: 10px;
  height: 75px;
  line-height: 75px;
}
.switch-view-window-dialog .modal-dialog .msg-item .title-font {
  font-size: 16px;
}
.switch-view-window-dialog .modal-dialog .msg-item .thumb-column {
  position: absolute;
  height: 69px;
  padding: 0px;
  margin-left: 21px;
  line-height: 69px;
  overflow: hidden;
  top: 3px;
}
.switch-view-window-dialog .modal-dialog .msg-item .thumb-column .thumb-img {
  max-height: none !important;
  max-width: none !important;
  cursor: pointer;
  vertical-align: baseline;
  width: 100%;
  height: 100%;
}
.switch-view-window-dialog .modal-dialog .msg-item .thumb-column .thumb-area {
  position: absolute;
  left: 0px;
  width: 53px;
  height: 53px;
  overflow: hidden;
  padding: 0px;
  margin: 8px;
  text-overflow: clip;
}
.switch-view-window-dialog .modal-dialog .msg-item .thumb-column .thumb-keyphoto {
  position: absolute;
  width: 69px;
  height: 69px;
  padding: 0px;
  left: 0px;
}
.switch-view-window-dialog .modal-dialog .msg-item .thumb-column .album-default {
  font-size: 52px;
}
.switch-view-window-dialog .modal-body {
  overflow: hidden;
}
.switch-view-window-dialog .modal-body-width-1 {
  width: 306px;
}
.switch-view-window-dialog .modal-body-width-2 {
  width: 572px;
}
.switch-view-window-dialog .modal-body-width-3 {
  width: 838px;
}
.switch-view-window-dialog .view-icon {
  font-size: 28px;
  padding-left: 10px;
}
.switch-view-window-dialog .view-item {
  height: 40px;
  line-height: 40px;
  margin-left: 0px !important;
  border-radius: 5px !important;
}
.switch-view-window-dialog .view-item .cell-text {
  height: 40px;
  line-height: 40px;
}
.switch-view-window-dialog .current-view {
  color: #cdcdcd !important;
}
.switch-view-window-dialog .current-view:hover {
  color: #cdcdcd !important;
  cursor: text !important;
  background-color: white !important;
}
.switch-view-window-dialog .goto-sections .section {
  float: left;
  width: 266px;
  height: 300px;
  padding: 0 20px;
}
.switch-view-window-dialog .goto-sections .section span {
  display: inline-block;
  width: 100%;
  height: 100%;
  border: 1px solid #ccc;
  text-align: center;
  line-height: 300px;
  font-size: 64px;
  opacity: 0.5;
}
.switch-view-window-dialog .goto-sections .section span.selected {
  opacity: 1;
}
.switch-view-window-dialog .goto-sections .section .section-label {
  position: relative;
  top: -110px;
  text-align: center;
  font-weight: 600;
}
.grey-top-bottom-modal {
  overflow: hidden;
  margin: auto;
  color: #474747;
}
.grey-top-bottom-modal .modal-dialog {
  width: 776px;
}
.grey-top-bottom-modal .modal-header {
  height: 51px;
  line-height: 51px;
  background: #F2F2F2;
  font-size: 28px;
  padding: 0px  20px !important;
}
.grey-top-bottom-modal .modal-body {
  max-height: 531px !important;
  padding: 0px !important;
  background: #F8F8F8;
}
.grey-top-bottom-modal .modal-footer {
  padding: 0px !important;
  height: 46px;
  line-height: 46px;
  background: #F2F2F2;
  border-radius: 0px;
}
.grey-top-bottom-modal .close-btn {
  position: absolute;
  font-size: 16px;
  top: -11px;
  right: -11px;
  color: #ffffff;
  background-color: rgba(0, 0, 0, 0.5);
  border-width: 1px;
  border-style: solid;
  border-color: rgba(255, 255, 255, 0.6);
  border-radius: 22px;
  webkit-border-radius: 22px;
  -moz-border-radius: 22px;
  -khtml-border-radius: 22px;
  cursor: pointer;
  width: 22px;
  height: 22px;
  line-height: 22px;
}
.collection-links {
  height: auto;
  margin: auto;
  top: 0px!important;
}
.collection-links .modal-content {
  height: 100%;
}
.collection-links.modal .modal-dialog {
  width: calc(80% - 60px);
  height: calc(100% - 30px);
  margin: 0 auto;
  min-width: 1310px;
}
.collection-links .modal-body {
  max-height: none;
  padding-left: 1px;
  height: calc(100% - 115px);
  padding: 0px !important;
}
.collection-links .modal-body #newAdvance {
  height: 100%;
  overflow: hidden;
  background-color: black;
}
.content-conversion-dialog {
  height: auto;
  margin: auto;
  top: 0px!important;
}
.content-conversion-dialog .modal-content {
  height: 100%;
}
.content-conversion-dialog.modal .modal-dialog {
  width: calc(100% - 60px);
  height: calc(100% - 30px);
  margin: 0 30px;
  min-width: 1050px;
}
.content-conversion-dialog .modal-body {
  max-height: none;
  padding-left: 1px;
  height: calc(100% - 115px);
  padding: 0px !important;
}
.content-conversion-dialog .modal-body #newAdvance {
  height: 100%;
  overflow: hidden;
  background-color: black;
}
.content-conversion-dialog .selected {
  min-width: 50px!important;
}
.content-conversion-dialog .groupOp {
  padding-top: 0px;
  float: left;
  margin-left: 8px;
}
.content-conversion-dialog .groupOp .group {
  border-radius: 16px;
}
.content-conversion-dialog .groupOp .group:first-child {
  margin-left: 0px;
}
.content-conversion-dialog .groupOp .option {
  height: 32px;
  border-radius: 16px;
  padding: 8px 12px;
  font-weight: bold;
  min-width: 40px;
  text-align: center;
}
.content-conversion-dialog .cmykMode {
  display: flex;
  align-items: center;
}
.content-conversion-dialog .cmykMode .cmyk-name {
  margin: 0 15px 0 5px;
  font-weight: 500;
}
.content-conversion-dialog .resu-btn {
  display: flex;
}
.content-conversion-dialog .resu-btn > div {
  margin: 0 5px;
}
.content-conversion-dialog .resu-btn .dpi {
  margin-right: 0px;
  margin-left: 0px;
}
.content-conversion-dialog .resu-btn .dpi .bottom-bar1 {
  width: 85px;
}
.content-conversion-dialog .adBottom {
  float: left;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.content-conversion-dialog .adBottom input {
  width: 70px;
  padding-left: 10px;
  height: 32px;
  margin-bottom: 0px;
}
.content-conversion-dialog .right-btns {
  margin-left: auto;
}
.content-conversion-dialog .crop-option1 {
  float: left;
  padding-top: 0px;
  margin-left: 10px;
}
.content-conversion-dialog .crop-option1 .icon-icn_flight_arrow_down_01 {
  float: right;
  line-height: 26px;
  margin-right: 10px;
}
.content-conversion-dialog .crop-option1 .auto-cropper-ul {
  position: absolute;
  bottom: 47px;
  background-color: #fff;
  min-width: 125px;
  vertical-align: middle;
  text-align: left;
  border-radius: .25rem;
  border: 1px solid #ddd;
  padding-top: 1px;
}
.content-conversion-dialog .crop-option1 .auto-cropper-ul li {
  cursor: pointer;
  height: 30px;
  line-height: 16px;
  margin-top: 0 !important;
  padding: 8px 12px 0px 12px;
}
.content-conversion-dialog .crop-option1 .auto-cropper-ul li.bold {
  font-weight: bold;
}
.content-conversion-dialog .crop-option1 .auto-cropper-ul li:hover {
  color: #1d1e1f;
  text-decoration: none;
  background-color: #f7f7f9;
}
.content-conversion-dialog .crop-option1 .auto-cropper-ul li:last-child {
  border: none;
}
.content-conversion-dialog .crop-option1 .auto-cropper-icon169 {
  border: solid 1px #bbbbbb;
  width: 115px;
  height: 32px;
  display: inline-block;
  float: left;
  position: relative;
  line-height: 30px;
  text-align: left;
  border-radius: 16px;
  padding-left: 8px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.content-conversion-dialog .crop-option1 .ratio-title {
  line-height: 32px;
}
.content-conversion-dialog .crop-option1 .ratio {
  height: 32px;
  display: inline-block;
  border-radius: 16px;
  background-color: #f5f5f5;
  padding: 8px 12px;
  margin-left: 10px;
  font-weight: bold;
  min-width: 40px;
  text-align: center;
}
.content-conversion-dialog .crop-option1 .ratio span {
  font-weight: bold;
  text-align: center;
}
.content-conversion-dialog .modal-footer {
  padding: 10px 15px 15px;
  overflow-x: auto;
  overflow-y: hidden;
}
.content-conversion-dialog .modal-footer .down-foot {
  min-width: 934px;
  display: flex;
  justify-content: space-between;
}
.content-conversion-dialog .modal-footer .down-foot > div:first-child {
  flex-grow: 1;
}
.content-conversion-dialog .dropUp {
  width: 26px;
  height: 26px;
  float: right;
  background-color: red;
  border-radius: 50%;
  position: absolute;
  top: 2px;
  right: 5px;
  text-align: center;
}
.content-conversion-dialog .dropUp::after {
  display: inline-block;
  margin-left: 0.1em;
  vertical-align: middle;
  content: "";
  border-right: 0.3em solid transparent;
  border-left: 0.3em solid transparent;
  border-top: 0;
  border-bottom: 0.3em solid;
  margin-top: -0.5em;
}
.content-conversion-dialog .advanced-option {
  float: right;
  cursor: pointer;
}
.content-conversion-dialog .advanced-option:hover {
  color: #FF5500;
}
.content-conversion-dialog div.preview-image-area-normal-option {
  margin: 0px;
}
.content-conversion-dialog .preview-image-area {
  width: calc(100% - 400px);
  height: 100%;
  background: url('../assets/img/preview_bk_image.png');
  overflow: hidden;
  text-align: center;
  margin: 0 auto;
}
.content-conversion-dialog .preview-image-area .conv-img {
  max-width: 100%;
  max-height: 100%;
  overflow: hidden;
}
.content-conversion-dialog .preview-image-area .conv-img .cropper-container .watermark-img {
  position: absolute;
  opacity: 0.5;
  width: 70%;
  height: auto;
}
.content-conversion-dialog .preview-image-area .conv-img .cropper-container .watermark-img.img-pos-1 {
  top: 0;
  left: 0;
}
.content-conversion-dialog .preview-image-area .conv-img .cropper-container .watermark-img.img-pos-2 {
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
}
.content-conversion-dialog .preview-image-area .conv-img .cropper-container .watermark-img.img-pos-3 {
  top: 0;
  right: 0;
}
.content-conversion-dialog .preview-image-area .conv-img .cropper-container .watermark-img.img-pos-4 {
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
}
.content-conversion-dialog .preview-image-area .conv-img .cropper-container .watermark-img.img-pos-5 {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
.content-conversion-dialog .preview-image-area .conv-img .cropper-container .watermark-img.img-pos-6 {
  top: 50%;
  right: 0;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
}
.content-conversion-dialog .preview-image-area .conv-img .cropper-container .watermark-img.img-pos-7 {
  bottom: 0;
  left: 0;
}
.content-conversion-dialog .preview-image-area .conv-img .cropper-container .watermark-img.img-pos-8 {
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
}
.content-conversion-dialog .preview-image-area .conv-img .cropper-container .watermark-img.img-pos-9 {
  bottom: 0;
  right: 0;
}
.content-conversion-dialog .mb10 {
  margin-bottom: 10px;
}
.content-conversion-dialog .mt10 {
  margin-top: 10px;
}
.content-conversion-dialog .compress-preview-section {
  width: 360px;
  height: 500px;
  margin-top: 10px;
  position: relative;
}
.content-conversion-dialog .compress-preview-section img {
  max-width: 360px;
  max-height: 500px;
}
.content-conversion-dialog .compress-preview-section .select-box {
  border: 2px solid red;
  position: absolute;
  cursor: all-scroll;
}
.content-conversion-dialog .dimension-item {
  margin-top: 30px;
}
.content-conversion-dialog .dimension-item .dimension-value {
  font-weight: normal;
}
.content-conversion-dialog .conv-action {
  position: absolute;
  width: 400px;
  height: 100%;
  top: 0px;
  right: 0px;
  padding-top: 20px;
  padding-left: 20px;
  background-color: white;
  text-align: center;
  overflow-y: auto;
  scrollbar-base-color: #C0C0C0;
  scrollbar-face-color: #626262;
  scrollbar-3dlight-color: #C0C0C0;
  scrollbar-highlight-color: #C0C0C0;
  scrollbar-track-color: #dddddd;
  scrollbar-arrow-color: black;
  scrollbar-shadow-color: #C0C0C0;
  scrollbar-dark-shadow-color: #C0C0C0;
}
.content-conversion-dialog .conv-action .conv-btn {
  width: 200px;
  text-align: center;
  cursor: pointer;
  margin-top: 20px;
}
.content-conversion-dialog .conv-action ._type-ctrl {
  display: block;
  text-align: left;
  margin-bottom: 1em;
}
.content-conversion-dialog .conv-action ._type-ctrl input[type='radio'] {
  display: inline-block;
  margin-left: -1.3em;
  opacity: 0;
  cursor: pointer;
}
.content-conversion-dialog .conv-action ._type-ctrl i {
  padding-right: .5em;
}
.content-conversion-dialog .conv-action ._checkbox-ctrl {
  display: block;
  text-align: left;
  margin-bottom: 1em;
  font-weight: normal;
  padding-left: 1.5em;
  cursor: pointer;
}
.content-conversion-dialog .conv-action ._checkbox-ctrl input[type='checkbox'] {
  opacity: 0;
  margin-left: -1em;
}
.content-conversion-dialog .conv-action ._subtitle-lang-select {
  margin-top: -1em;
  display: block;
  width: 80%;
}
.content-conversion-dialog .conv-action ._subtitle-lang-select > .select-wrap {
  width: auto !important;
  margin: -1em 0 1em 1.5em;
}
.content-conversion-dialog .conv-action .image-property {
  margin-top: 10px;
  text-align: left;
  font-size: 14px;
}
.content-conversion-dialog .conv-action .image-property .cursor-pointer {
  cursor: pointer;
}
.content-conversion-dialog .conv-action .image-property section {
  height: 65px;
  margin-bottom: 20px;
}
.content-conversion-dialog .conv-action .image-property .label-field {
  height: 20px;
  line-height: 20px;
  display: inline-block;
  margin-bottom: 5px;
  color: #474747;
  font-weight: 700;
  font-size: 14px;
}
.content-conversion-dialog .conv-action .image-property ul {
  margin-bottom: 10px;
}
.content-conversion-dialog .conv-action .image-property ul li {
  margin-top: 5px;
  cursor: pointer;
}
.content-conversion-dialog .conv-action .image-property ul li .disabled {
  color: #BBB;
}
.content-conversion-dialog .conv-action::-webkit-scrollbar-thumb {
  background-color: #626262;
  height: 50px;
  outline-offset: -2px;
}
.content-conversion-dialog .conv-action::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.content-conversion-dialog .conv-action::-webkit-scrollbar-track-piece {
  background-color: #dddddd;
  -webkit-border-radius: 0;
}
.content-conversion-dialog .setPx1 {
  text-transform: lowercase;
  display: inline-block;
  font-weight: bold;
  font-size: 12px;
}
.content-conversion-dialog .setPx1:first-letter {
  text-transform: uppercase;
}
.content-conversion-dialog .setPx2 {
  display: inline-block;
  font-weight: bold;
  font-size: 12px;
}
.content-conversion-dialog .setPx {
  padding-top: 0px;
}
.content-conversion-dialog .zoomFont {
  height: 20px;
  line-height: 20px;
}
.content-conversion-dialog .bottom-bar1 {
  text-align: left;
  width: 100px;
  overflow: hidden;
  line-height: 30px;
}
.content-conversion-dialog .bottom-bar1 .zoom-icon {
  font-weight: bold;
  font-size: 18px;
}
.content-conversion-dialog .bottom-bar {
  text-align: left;
  width: 250px;
  overflow: hidden;
  line-height: 10px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -ms-user-select: none;
}
.content-conversion-dialog .bottom-bar .zoom-slider {
  height: 20px;
  display: inline-block;
}
.content-conversion-dialog .bottom-bar .zoom-slider .zoom-icon {
  cursor: pointer;
  font-size: 25px;
  font-weight: 600;
  top: 2px;
  position: relative;
}
.content-conversion-dialog .bottom-bar .zoom-slider .slider {
  top: -5px;
  height: 2px;
  width: 165px;
  border-radius: 0;
  background: #838383;
  display: inline-block;
  margin-left: 10px;
  margin-right: 10px;
}
.content-conversion-dialog .bottom-bar .zoom-slider .slider a {
  left: 66%;
  border-radius: 200px;
  border-width: 0px;
  width: 14px;
  height: 14px;
  background: #838383;
  outline: none;
  margin-top: -2px;
}
.content-conversion-dialog .crop-option .cropper-btn {
  display: inline-block;
  line-height: 30px;
}
.content-conversion-dialog .crop-option .cropper-btn .cropper-icon-primary {
  color: #C6C4C4;
  padding-top: 15px;
  cursor: pointer;
  font-size: 18px;
  vertical-align: middle;
}
.content-conversion-dialog .crop-option .cropper-btn .cropper-icon-second {
  cursor: pointer;
  color: #474747;
  padding-top: 15px;
  font-size: 18px;
  vertical-align: middle;
}
.content-conversion-dialog .crop-option .auto-cropper-ul {
  position: absolute;
  bottom: 37px;
  background-color: #EBEBEB;
  width: 65px;
  vertical-align: middle;
  text-align: center;
}
.content-conversion-dialog .crop-option .auto-cropper-ul li {
  cursor: pointer;
  height: 25px;
  line-height: 16px;
  margin-top: 0 !important;
  padding-top: 5px;
  border-bottom: 1px solid #ccc;
}
.content-conversion-dialog .crop-option .auto-cropper-ul li.bold {
  font-weight: bold;
}
.content-conversion-dialog .crop-option .auto-cropper-ul li:last-child {
  border: none;
}
.content-conversion-dialog .crop-option .auto-cropper-icon169 {
  border: solid 1px #bbbbbb;
  width: 65px;
  height: 16px;
  display: inline-block;
  float: left;
  position: relative;
  line-height: 16px;
  text-align: center;
  background-color: #eee;
}
.content-conversion-dialog .crop-option .size-input {
  width: 45px;
  height: 20px;
  padding: 2px 4px;
  border-radius: 0;
  display: inline-block;
  margin-bottom: 5px;
  line-height: 16px;
  vertical-align: center;
  -webkit-appearance: none !important;
  -moz-appearance: textfield;
}
.content-conversion-dialog .img-property-area {
  text-align: left;
}
.content-conversion-dialog .img-property-area .img-property-item {
  padding: 5px 0;
}
.content-conversion-dialog .terms-check {
  padding-bottom: 5px;
}
.content-conversion-dialog .terms-check .terms-checkbox {
  cursor: pointer;
}
.content-conversion-dialog .terms-check a {
  cursor: pointer;
}
.content-conversion-dialog .edit-text {
  font-size: 14px;
  color: #000;
  font-weight: 400;
}
.content-conversion-dialog .time-adjust-button-group {
  display: none;
  margin: 0 5px;
}
.content-conversion-dialog .time-adjust-button-group span {
  display: block;
  height: 5px;
  cursor: pointer;
}
.content-conversion-dialog .cutter-label {
  font-weight: bold;
}
.content-conversion-dialog .clip-length-text {
  font-size: 20px;
  margin-top: 20px;
}
.content-conversion-dialog .relate-file {
  margin-right: 60px;
}
.content-conversion-dialog .relate-file .releate-ckb {
  margin-right: 5px;
}
.compare-dialog {
  height: auto;
  margin: auto;
  top: 0px!important;
}
.compare-dialog .modal-content {
  height: 100%;
}
.compare-dialog.modal .modal-dialog {
  width: calc(100% - 60px);
  height: calc(100% - 30px);
  margin: 0 30px;
}
.compare-dialog .modal-body {
  max-height: none;
  padding-left: 1px;
  height: calc(100% - 115px);
  padding: 0px !important;
}
.compare-dialog .modal-body .content {
  height: 100%;
  overflow: hidden;
}
.compare-dialog .modal-body .content .image-container {
  margin-top: 20px;
  height: calc(100% - 20px);
  text-align: center;
}
.compare-dialog .modal-body .content .image-container .image-container-compare {
  display: inline-block;
  width: 40%;
  vertical-align: top;
  height: 100%;
  position: relative;
}
.compare-dialog .modal-body .content .image-container .image-container-compare .compare-info {
  text-align: left;
  margin-bottom: 15px;
}
.compare-dialog .modal-body .content .image-container .image-container-compare .compare-image {
  width: 100%;
  height: 90%;
  background: url(../assets/img/preview_bk_image.png);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.compare-dialog .modal-body .content .image-container .image-container-compare .zoom-action {
  position: absolute;
  bottom: 30px;
  right: 25px;
  padding: 3px;
  background-color: rgba(3, 3, 3, 0.5);
  border-radius: 5px;
  cursor: pointer;
}
.compare-dialog .modal-body .content .image-container .image-container-compare .zoom-action .action {
  width: 20px;
  height: 20px;
  z-index: 1;
  background: #eee;
  color: #2d2d2d;
  font-size: 15px;
  line-height: 20px;
  margin: 2px;
  border-radius: 2px;
}
.compare-dialog .modal-body .content .image-container .image-container-compare .zoom-action .inactive {
  background: #999;
}
.compare-dialog .modal-body .content .image-container .compared-image {
  width: 100%;
  height: 100%;
}
.integrations-tree-dialog {
  background-repeat: no-repeat;
  background-position: bottom right;
}
.integrations-tree-dialog .tree-prompt {
  word-wrap: break-word;
  word-break: normal;
  text-align: left;
}
.integrations-tree-dialog .modal-body {
  overflow: auto;
  padding: 5px 0px;
  max-height: 320px;
  scrollbar-base-color: #C0C0C0;
  scrollbar-face-color: #626262;
  scrollbar-3dlight-color: #C0C0C0;
  scrollbar-highlight-color: #C0C0C0;
  scrollbar-track-color: #dddddd;
  scrollbar-arrow-color: black;
  scrollbar-shadow-color: #C0C0C0;
  scrollbar-dark-shadow-color: #C0C0C0;
}
.integrations-tree-dialog .modal-body::-webkit-scrollbar-thumb {
  background-color: #626262;
}
.integrations-tree-dialog .modal-body::-webkit-scrollbar-track-piece {
  background-color: #dddddd;
  -webkit-border-radius: 0;
}
.integrations-tree-dialog .modal-body::-webkit-scrollbar {
  width: 10px;
}
.integrations-tree-dialog .modal-body::-webkit-scrollbar-thumb {
  background-color: #626262;
}
.integrations-tree-dialog .modal-body::-webkit-scrollbar-track-piece {
  background-color: #dddddd;
  -webkit-border-radius: 0;
}
.integrations-tree-dialog .modal-body::-webkit-scrollbar {
  height: 10px;
}
.fetching-structure-dialog {
  background-repeat: no-repeat;
  background-position: bottom right;
  margin: auto;
}
.fetching-structure-dialog .fetching-text {
  text-align: center;
  font-size: 16px;
  display: block;
}
.fetching-structure-dialog .modal-body {
  height: 200px;
  padding: 30px;
}
.fetching-structure-dialog .fetching-loading {
  margin-left: -30px;
  margin-top: 30px;
}
.googleDrive-connect-dialog {
  background-repeat: no-repeat;
  background-position: bottom right;
}
.googleDrive-connect-dialog .google-drive-btn {
  margin-top: 50px;
  text-align: center;
}
.googleDrive-connect-dialog .google-drive-btn span {
  height: 50px;
  width: 191px;
  background-image: url(img/btn_google_signin.png);
  background-repeat: no-repeat;
  display: inline-block;
}
.exceed-storage-dialog {
  background-repeat: no-repeat;
  background-position: bottom right;
  margin-left: -302px;
}
.exceed-storage-dialog .storage-head {
  font-size: 16px;
  font-weight: 600;
  margin: 15px;
}
.exceed-storage-dialog .modal-body {
  overflow: hidden;
}
.cold-storage-dialog {
  margin: auto;
}
.cold-storage-dialog .modal-dialog {
  width: 644px;
}
.cold-storage-dialog .storage-head {
  font-size: 18px;
  font-weight: 600;
}
.cold-storage-dialog .tip-no-margin {
  text-align: left;
  line-height: 22px;
}
.cold-storage-dialog .storage-tip {
  text-align: left;
  line-height: 22px;
  margin: 0px 15px 15px 15px;
}
.cold-storage-dialog .user-email {
  color: #ff0000;
  font-weight: 700;
}
.cold-storage-dialog .move-filed {
  text-align: left;
  line-height: 22px;
  margin: 0px 15px;
}
.cold-storage-dialog ul {
  list-style-type: disc;
  margin: 15px 35px;
}
.cold-storage-dialog ul li {
  text-align: initial;
}
.cold-storage-dialog .modal-body {
  overflow: hidden;
}
.batch-download-option {
  text-align: left;
}
.batch-download-option .cursor-pointer {
  cursor: pointer;
}
.batch-download-option ul {
  margin-bottom: 10px;
}
.batch-download-option ul li {
  margin-top: 5px;
  cursor: pointer;
}
.batch-download-option ul li .disabled {
  color: #BBB;
}
.batch-download-option .m-20 {
  margin-right: 20px;
}
.batch-download-option .mt-20 {
  margin-top: 20px;
}
.batch-download-option .mt-10 {
  margin-top: 10px;
}
.batch-download-option input {
  width: 80px;
}
.batch-download-option .resize {
  display: inline;
}
.batch-download-option .quality-slider-area {
  width: 550px;
  padding-top: 10px;
}
.batch-download-option .quality-slider-area rzslider {
  width: 390px;
}
.batch-download-option .quality-slider-area .quality-input {
  width: 90px;
  height: 32px;
}
.batch-download-option .sec-type {
  display: flex;
}
.batch-download-option .sec-type > div {
  width: 100px;
  margin-right: 50px;
}
.batch-download-option .sec-type .t-fild {
  font-weight: 500;
}
.required-address {
  padding: 20px;
}
.required-address p {
  padding-top: 20px;
  font-size: 16px;
  font-weight: bold;
}
.required-address input {
  width: 522px;
  padding-left: 10px;
}
/* terms and conditions dialog start*/
.terms-conditions-dialog .content {
  padding-top: 10px;
}
.terms-conditions-dialog .content .term-tip {
  float: left;
  width: 100%;
  line-height: 18px;
  padding-top: 20px;
}
.terms-conditions-dialog .content .term-tip .link {
  font-size: 18px;
}
.terms-conditions-dialog .content .file-info {
  width: 100%;
  overflow: hidden;
  word-break: normal;
  text-overflow: ellipsis;
  text-align: center;
  height: 250px;
}
.terms-conditions-dialog .content .file-info .file-list {
  width: 100%;
  height: 100%;
  overflow-y: auto;
}
.terms-conditions-dialog .content .terms-checkbox {
  cursor: pointer;
  font-size: 16px;
}
.terms .termsTitle {
  text-align: center;
  font-size: 18px;
  font-weight: normal;
}
.terms .termsContent {
  text-align: left;
  font-size: 16px;
  font-weight: normal;
  white-space: pre-wrap;
}
/*styles for confirm upload files extension dialog*/
.upload-files-extension-dialog .modal-dialog {
  width: 550px;
}
.upload-files-extension-dialog .modal-body {
  padding: 15px;
}
.upload-files-extension-dialog .content-part {
  width: 420px;
  margin: 0 auto;
}
.upload-files-extension-dialog .content-part .files-list {
  margin-top: 10px;
  border-radius: 10px;
  border: solid 1px #CCCCCC;
  padding: 5px 15px;
  min-height: 100px;
}
.upload-files-extension-dialog .content-part .files-list ul li {
  font-size: 14px;
  font-weight: bold;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
/* terms and conditions dialog end*/
.dig-eye {
  height: 92px;
  margin: -112px 1px 0px -19px;
  transition: margin-top 0.5s ease-in;
  -webkit-transition: margin-top 0.5s ease-in;
  -moz-transition: margin-top 0.5s ease-in;
  -ms-transition: margin-top 0.5s ease-in;
  padding: 20px;
  position: absolute;
  z-index: 100;
}
div.dig-eye-close {
  margin-top: -22px;
}
/* for image compress compare*/
.compress-compare-section {
  position: relative;
  margin: 5% 0;
  background: #fff;
  height: calc(90% - 66px);
  font-size: 0;
}
.compress-compare-section .compare-box {
  position: relative;
  display: inline-block;
  width: 50%;
  height: 100%;
  padding: 15px;
}
.compress-compare-section .compare-title {
  font-size: 15px;
}
.compress-compare-section .compare-title .name {
  font-weight: normal;
}
.compress-compare-section .compare-img {
  position: relative;
  width: 100%;
  height: 95%;
  background: url(../assets/img/preview_bk_image.png);
  overflow: hidden;
}
.compress-compare-section .compare-img img {
  position: relative;
  max-width: none;
  display: block;
  cursor: all-scroll;
}
.compress-compare-section .zoom-action {
  position: absolute;
  bottom: 30px;
  right: 25px;
  padding: 3px;
  background-color: rgba(3, 3, 3, 0.5);
  border-radius: 5px;
  cursor: pointer;
}
.compress-compare-section .zoom-action .action {
  width: 20px;
  height: 20px;
  z-index: 1;
  background: #eee;
  color: #2d2d2d;
  font-size: 15px;
  line-height: 20px;
  margin: 2px;
  border-radius: 2px;
}
.compress-compare-section .zoom-action .action:hover {
  background: #fff;
}
.compress-compare-section .zoom-action .action.inactive {
  background: #999;
}
.compress-compare-section .zoom-action .action.inactive:hover {
  background: #999;
}
.quality-slider-area {
  width: 300px;
  margin-top: 20px;
}
.quality-slider-area .label-field {
  margin-bottom: 10px;
}
.quality-slider-area .adjust-button {
  width: 20px;
  display: inline-block;
  height: 20px;
  border-radius: 100%;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
}
.quality-slider-area .minus {
  line-height: 18px;
  font-size: 30px;
  font-weight: normal;
}
.quality-slider-area .add {
  line-height: 20px;
  font-size: 20px;
  font-weight: normal;
}
.quality-slider-area rzslider {
  width: 200px;
  display: inline-block;
  margin: 10px 0;
}
.quality-slider-area rzslider span.bar {
  height: 5px;
  border-radius: 5px;
  background-color: #ccc;
}
.quality-slider-area rzslider span.pointer {
  left: 112px;
  width: 17px;
  height: 17px;
  top: -6px;
  background-color: #fff;
  box-shadow: 0 0 5px #777;
}
.quality-slider-area rzslider span.pointer:after {
  width: 0;
  height: 0;
}
.quality-slider-area .quality-input {
  display: inline-block;
  width: 35px;
  padding: 0;
  text-align: center;
  line-height: 23px;
  margin-left: 10px;
  height: 23px;
}
.facial-dialog .d-p-confirm {
  display: flex;
  flex-direction: column;
}
.facial-dialog .d-p-confirm .d-p-col1 {
  display: flex;
  align-content: center;
}
.facial-dialog .d-p-confirm .d-p-col1 .d-p-de {
  display: flex;
  align-items: center;
  margin-left: 20px;
}
.facial-dialog .d-p-confirm .rename-to {
  margin: 0px 40px;
  margin-bottom: 30px;
  font-size: 20px;
}
.facial-dialog .d-p-confirm .d-p-col0 {
  justify-content: center;
  margin-bottom: 10px;
  margin-top: 10px;
  align-items: center;
  display: flex;
  align-content: center;
}
.facial-dialog .d-p-confirm .d-p-col0 .d-p-av {
  width: 80px;
  height: 120px;
  flex-direction: column;
}
.facial-dialog .d-p-confirm .d-p-col0 .name {
  max-width: 100%;
}
.facial-dialog .d-p-confirm .d-p-av {
  width: 70px;
  height: 70px;
  align-items: center;
  display: flex;
  justify-content: center;
}
.facial-dialog .d-p-confirm .d-p-av img {
  border-radius: 50%;
}
.facial-dialog .d-p-confirm .d-p-col2.dup-sec {
  padding-left: 50px;
}
.facial-dialog .d-p-confirm .d-p-col2 {
  padding-left: 90px;
  padding-top: 10px;
}
.facial-dialog .d-p-confirm .d-p-col2 .d-p-ck1 {
  display: flex;
  flex-direction: row;
}
.facial-dialog .d-p-confirm .d-p-col2 .d-p-ck2 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  margin-top: 15px;
}
.facial-dialog .d-p-confirm .d-p-col2 .d-p-ck2 .d-p-no {
  display: flex;
  flex-direction: column;
}
.facial-dialog .d-p-confirm .d-p-col2 .d-p-ck2 .d-p-no .d-p-sp2 {
  margin-top: 5px;
}
.facial-dialog .d-p-confirm .d-p-col2 .d-p-ck2 .d-p-no input {
  margin-top: 15px;
  width: 300px;
}
.facial-dialog .d-p-confirm .d-p-col2 i {
  line-height: 30px;
  margin-right: 10px;
}
.select-category .ca-list {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.select-category .ca-list .c-icon {
  flex-grow: 0;
  font-size: 16px;
  font-weight: bold;
  margin: 0px 0px 0px 20px;
}
.select-category .ca-list .name {
  margin: 0px 10px;
  flex-grow: 1;
}
.select-category .ca-list .num {
  width: 60px;
  text-align: right;
}
.modal-body.embedded-script {
  padding-bottom: 0 !important;
}
.modal-body.embedded-script input {
  max-width: 100px;
  margin: 0 .4em;
}
.modal-body.embedded-script .copy-script {
  display: block;
  width: 100%;
  height: 8em;
  line-height: 1.5em;
  white-space: pre;
  font-family: 'Courier New', Courier, monospace;
  font-weight: normal;
  font-size: 12px;
  resize: none;
}
.modal-body.embedded-script .btn-parent {
  padding: 0 16px;
  float: right;
}
.modal-body.embedded-script .select-wrap {
  display: inline-block;
  width: 100px;
}
.modal-body.embedded-script .copied {
  font-weight: normal;
}
.modal-body.embedded-script .embed-video-options ._section-title {
  width: 8em;
  display: inline-block;
}
.modal-body.embedded-script .embed-video-options ._section-padding {
  padding: 0 0 0 8.3em;
}
.modal-body.embedded-script .embed-video-options .embed-subtitle-layout {
  margin-left: 8em;
  padding-left: 5px;
  margin-top: 17px;
}
.modal-body.embedded-script .embed-video-options .embed-subtitle-layout .embed-subtitle-check {
  display: block;
}
.modal-body.embedded-script .embed-video-options .embed-subtitle-layout .select-wrap {
  width: 265px;
}
.modal-footer .btn-parent[disabled] {
  color: #fff !important;
}
.modal-footer .model-width {
  width: 100px;
}
.portalVideoPlay-dialog {
  top: 50px !important;
}
.portalVideoPlay-dialog .modal-dialog {
  width: calc(100% - 250px);
  height: calc(100% - 100px);
}
.portalVideoPlay-dialog .modal-dialog .modal-content {
  height: 100%;
  background-color: transparent !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
}
.portalVideoPlay-dialog .modal-dialog .modal-content .close-icon-pos {
  color: #fff;
  vertical-align: top;
  position: relative;
  top: 0;
  right: 0;
  margin-left: 10px;
}
.portalVideoPlay-dialog .modal-dialog .modal-content .modal-body {
  height: 100%;
  max-height: 100%;
  padding: 0 !important;
  overflow: hidden;
}
.copy-to-workspace-dialog .modal-body {
  height: 400px;
}
.myupload ul.contents li {
  float: left;
  margin: 10px;
  line-height: 100px;
  height: 100px;
  display: block;
}
.myupload .content {
  position: absolute;
  width: 380px;
  display: block;
}
.myupload .info {
  position: absolute;
  top: 0px;
  left: 110px;
  width: 270px;
  height: 110px;
}
.annotations-layer ._comment-editor textarea {
  border-radius: 5px !important;
  margin-bottom: 0;
}
.annotations-layer ._inline-editor {
  border-radius: 5px !important;
  padding: .5em !important;
}
.annotations-layer .anno-card ._content ._duration-info label {
  font-weight: normal;
}
.annotations-layer .anno-card ._content ._duration-info.-edit input {
  margin-left: .5em;
  width: 60px !important;
}
.video-layout .video-ctrl .icon-s-Subtitle {
  display: inline-block;
  height: 48px;
  padding: 12px 0 !important;
}
.smartalbum .thumbnail-list .container li {
  position: relative;
  float: left;
  display: block;
  margin: 0 18px 18px 0;
  outline-color: red;
  -webkit-transition: all 1s;
  transition: all 1s;
}
.masonry {
  height: 100%;
}
.smartalbum .thumbnail-list .container.imgLayout {
  width: 100%;
}
.smartalbum .thumbnail-list .container.imgLayout li {
  position: absolute;
  display: inline-block;
  -webkit-transition: all 1s;
  transition: all 1s;
  border-radius: 5px;
  margin: 0 8px 8px 0;
  overflow: hidden;
  background: transparent;
  vertical-align: middle;
  outline-color: red;
}
.smartalbum .thumbnail-list .container.imgLayout li:before {
  content: '';
}
.smartalbum .thumbnail-list .container.imgLayout .image {
  height: 100%;
}
.smartalbum .thumbnail-list .container.imgLayout .image.-portrait {
  height: auto;
  width: 100%;
}
.smartalbum .thumbnail-list .container.imgLayout .album-keyphoto-bg {
  width: 100%;
  height: 100%;
}
.smartalbum .thumbnail-list .container.imgLayout .album-keyphoto-frame {
  width: 83%;
  height: 83%;
  margin: 9% 1px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.smartalbum .thumbnail-list .container.imgLayout .album-keyphoto-frame img {
  height: 100%;
  vertical-align: initial;
}
.smartalbum .thumbnail-list .container.imgLayout .album-keyphoto-frame img.-portrait {
  height: auto;
  width: 100%;
}
.smartalbum .container li.fullRow {
  border: none!important;
  width: 100%;
  text-align: left;
  height: 20px;
  margin: 15px 0 10px!important;
  font-weight: bold;
  color: #9BA5B1;
  text-transform: capitalize;
}
.smartalbum .container li {
  border-radius: 4px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  overflow: hidden;
}
.smartalbum .container li .unassigned {
  position: absolute;
  top: 25%;
  text-align: center;
  width: 100%;
  z-index: 1;
  color: #808080;
  cursor: pointer;
  font-weight: bold;
}
.smartalbum .container li .upload-area {
  width: 100%;
  height: 100%;
}
.smartalbum .container li .upload-area .upload-text {
  visibility: hidden;
  position: absolute;
  width: 100%;
  top: 65%;
  color: #7f7f7f;
}
.smartalbum .container li .upload-area .upload-btn {
  text-align: center;
  width: 100%;
  height: 100%;
  font-size: 40px;
  font-weight: 300;
  z-index: 1;
  color: #999999;
  background: #F2F2F2;
  box-shadow: none;
  border: none;
  text-decoration: none;
  outline: none;
  cursor: pointer;
  visibility: visible;
}
.smartalbum .container li .upload-area .upload-btn:hover {
  background: #cccccc;
}
.smartalbum .container li .upload-area:hover .upload-text {
  visibility: visible;
}
.smartalbum .container li .album-keyphoto-frame {
  position: absolute;
  top: 0px;
  width: 84%;
  height: 84%;
  overflow: hidden;
  margin: 8%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.smartalbum .container li .deleteIcon {
  background-image: url(img/icons.png);
  background-repeat: no-repeat;
  cursor: pointer;
  width: 30px;
  height: 30px;
  position: absolute;
  right: 10px;
  top: 10px;
  background-position: -390px -36px;
  z-index: 10;
}
.smartalbum .container li:hover .chooseBtn {
  visibility: visible;
}
.smartalbum .container li .chooseBtn {
  width: 26px;
  height: 26px;
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 5;
  opacity: 0.9;
  visibility: hidden;
  color: #666666;
  cursor: pointer;
}
.smartalbum .container li .chooseBtn.right40 {
  right: 42px !important;
}
.smartalbum .container li .chooseBtn .icon-icn_checkmark_circle_01,
.smartalbum .container li .chooseBtn .icon-s-UnselectedCheck_32 {
  position: absolute;
  z-index: 8;
  font-size: 26px;
  line-height: 26px;
}
.smartalbum .container li .chooseBtn .bg {
  z-index: 7;
  border-radius: 12px;
  position: absolute;
  right: 2px;
  top: 2px;
  background-color: #fff;
  width: 22px;
  height: 22px;
}
.smartalbum .container li .chooseBtn.selectMode {
  visibility: visible;
}
.smartalbum .container li .colorB {
  color: black!important;
  background-color: #bbb!important;
}
.smartalbum .container li .icon-schemeBase {
  font-size: 16px;
  text-align: center;
  position: absolute;
  left: 10px;
  top: 10px;
  z-index: 2;
}
.smartalbum .container li .icon-schemeIcon {
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  color: #fff;
  background-color: #666;
  border-radius: 4px;
  opacity: 0.9;
}
.smartalbum .container li .icon-schemeIcon.image:before {
  content: "\63";
}
.smartalbum .container li .icon-schemeIcon.video:before {
  content: "\65";
}
.smartalbum .container li .icon-schemeIcon.audio:before {
  content: "\64";
}
.smartalbum .container li .icon-schemeIcon.document:before {
  content: "\6b";
}
.smartalbum .container li .icon-schemeIcon.presentation:before {
  content: "\74";
}
.smartalbum .container li .icon-schemeIcon.other:before {
  content: "\6a";
}
.smartalbum .container li .icon-schemeIcon.icon-s-cantologo {
  color: orange;
  background-color: white;
  border: solid 1px #666;
}
.smartalbum .container li .icon-schemeIcon.video-clip-icon {
  width: auto;
  padding-left: .2rem;
  padding-right: .2rem;
}
#icon-count {
  font-family: 'Roboto', sans-serif !important;
}
.smartalbum .main-combine {
  min-width: 1280px;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  overflow: hidden;
}
.smartalbum ul.contents li {
  float: left;
  margin: 10px;
  line-height: 100px;
  height: 100px;
}
.smartalbum .masonry-image-placeholder {
  position: absolute;
  width: 100%;
  height: 100%;
}
.smartalbum .thumb {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  cursor: pointer;
}
.smartalbum .thumb.noClick {
  cursor: default;
}
.smartalbum .thumb:hover .thumb-ilmn {
  opacity: 1;
}
.thumb-img-bg {
  background: url(img/preview_bk_image.png);
}
.smartalbum .thumb .thumb-img {
  max-width: none !important;
  cursor: pointer;
}
.smartalbum .thumb .thumb-img .image {
  margin-left: 0px;
  margin-top: 0px;
  height: 100%;
  width: 100%;
}
.smartalbum .thumb .thumb-avatar {
  max-width: none !important;
  max-height: 367px;
  cursor: pointer;
}
.smartalbum .scrollbar .ui-slider-handle {
  display: none;
  position: absolute;
  z-index: 2;
  width: 80px;
  height: 10px;
  left: 0%;
  cursor: pointer;
  background-color: #fa531c;
}
.smartalbum .thumb-ilm,
.smartalbum .thumb-ilm-share,
.smartalbum .thumb-ilm-people {
  background: rgba(0, 0, 0, 0.4);
  position: absolute;
  height: 0;
  right: 0;
  bottom: 0px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  color: #fff;
  line-height: 100%;
  white-space: nowrap;
  width: 100%;
  -webkit-transition: bottom cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
  transition: bottom cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
}
.smartalbum .thumb-ilm.nodisplay,
.smartalbum .thumb-ilm-share.nodisplay,
.smartalbum .thumb-ilm-people.nodisplay {
  height: 0px;
}
.smartalbum .thumb-ilm.showIcons,
.smartalbum .thumb-ilm-share.showIcons,
.smartalbum .thumb-ilm-people.showIcons {
  bottom: 32px;
  height: 100%;
}
.smartalbum .thumb-ilm.showIcons .thumb-ilmn,
.smartalbum .thumb-ilm-share.showIcons .thumb-ilmn,
.smartalbum .thumb-ilm-people.showIcons .thumb-ilmn {
  word-break: break-all !important;
  white-space: normal !important;
  line-height: 22px;
}
.smartalbum .thumb-ilm.showIcons .isotopeDetailed,
.smartalbum .thumb-ilm-share.showIcons .isotopeDetailed,
.smartalbum .thumb-ilm-people.showIcons .isotopeDetailed {
  opacity: 1;
}
.smartalbum .thumb-ilm.showName,
.smartalbum .thumb-ilm-share.showName,
.smartalbum .thumb-ilm-people.showName {
  height: 32px;
}
.smartalbum .thumb-ilm.showName .thumb-ilmn,
.smartalbum .thumb-ilm-share.showName .thumb-ilmn,
.smartalbum .thumb-ilm-people.showName .thumb-ilmn {
  opacity: 0.7;
}
.smartalbum .thumb-ilm.showName.showIcons,
.smartalbum .thumb-ilm-share.showName.showIcons,
.smartalbum .thumb-ilm-people.showName.showIcons {
  height: 100%;
}
.smartalbum .thumb-ilmbg {
  position: absolute;
  overflow: visible;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: left;
  color: rgba(255, 255, 255, 0.75);
  padding: 0;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: color .3s,bottom .3s;
  -moz-transition: color .3s,bottom .3s;
  transition: color .3s,bottom .3s;
}
.smartalbum .thumb-ilmbg .isotopeDetailed {
  overflow: visible;
  position: absolute;
  padding-top: 2px;
  opacity: 0;
  width: 100%;
  height: 32px;
  -webkit-transition: opacity .3s;
  -moz-transition: opacity .3s;
  transition: opacity .3s;
  background: rgba(0, 0, 0, 0.4);
}
.smartalbum .thumb-ilmbg .isotopeDetailed .counters {
  padding: 8px 5px 20px;
  overflow: auto;
  zoom: 1;
  clear: both;
  font-weight: 600;
}
.smartalbum .thumb-ilmbg .isotopeDetailed .counters a,
.smartalbum .thumb-ilmbg .isotopeDetailed .counters span {
  float: left;
  font-size: 16px;
  width: auto;
  height: 20px;
  min-width: 18px;
  margin: 0 4px;
  color: #FFF;
  opacity: .8;
}
.smartalbum .thumb-ilmbg .isotopeDetailed .counters a:hover,
.smartalbum .thumb-ilmbg .isotopeDetailed .counters span:hover {
  opacity: 1;
  text-decoration: none;
}
.smartalbum .thumb-ilmbg .isotopeDetailed .counters a.icon-remove,
.smartalbum .thumb-ilmbg .isotopeDetailed .counters span.icon-remove {
  float: right;
  margin-right: 0px;
}
.smartalbum .thumb-ilmbg .isotopeDetailed .counters a.icon-icn_remove,
.smartalbum .thumb-ilmbg .isotopeDetailed .counters span.icon-icn_remove {
  float: right;
}
.smartalbum .thumb-ilmbg .isotopeDetailed .counters a.icon-icn_delete,
.smartalbum .thumb-ilmbg .isotopeDetailed .counters span.icon-icn_delete {
  float: right;
}
.smartalbum .thumb-ilmbg .isotopeDetailed .counters a:first-child,
.smartalbum .thumb-ilmbg .isotopeDetailed .counters span:first-child {
  margin-left: 0px;
}
.smartalbum .thumb-ilmbg .isotopeDetailed .dotted {
  position: relative;
}
.smartalbum .thumb-ilmbg .isotopeDetailed .dotted:after {
  top: 0;
  bottom: auto;
  content: '';
  position: absolute;
  width: 100%;
  height: 1px;
  left: 0;
  bottom: 0;
  background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 66%, rgba(255, 255, 255, 0.3) 33%);
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 66%, rgba(255, 255, 255, 0.3) 33%);
  background-image: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 66%, rgba(255, 255, 255, 0.3) 33%);
  background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0) 66%, rgba(255, 255, 255, 0.3) 33%);
  background-image: linear-gradient(left, rgba(255, 255, 255, 0) 66%, rgba(255, 255, 255, 0.3) 33%);
  background-size: 6px 3px;
  background-position: 0 0,3px 3px;
}
.smartalbum .thumb-ilmn {
  overflow: visible;
  text-shadow: rgba(0, 0, 0, 0.5) 0 0 5px;
  padding-left: 10px;
  padding-right: 10px;
  text-align: left;
  height: 100%;
  bottom: 0;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
  color: #ffffff;
  line-height: 32px;
  opacity: 0;
  font-weight: 600;
}
.smartalbum .thumb-ilmicon {
  position: absolute;
  right: 0px;
  height: 100%;
  bottom: 0;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.smartalbum .thumb-ilmicon .icon {
  width: 20px;
  height: 20px;
  margin: 8px 5px 0px 0px;
  float: right;
  background-image: url(img/icons.png);
  background-repeat: no-repeat;
}
.smartalbum .thumb-ilmicon .icon.fav {
  background-position: 0px -256px;
}
.smartalbum .thumb-ilmicon .icon.fav.active {
  background-position: 0px -281px;
}
.smartalbum .thumb-ilmicon .icon.add {
  background-position: -25px -256px;
}
.smartalbum .thumb-ilmicon .icon.download {
  background-position: -50px -256px;
}
.smartalbum .thumb-ilmicon .icon.download:hover {
  background-position: -50px -281px;
}
.smartalbum .thumb-ilmicon .icon.enter {
  background-position: -75px -256px;
}
.smartalbum .album-icon-album {
  background-image: url(img/icons.png);
  background-repeat: no-repeat;
  background-position: -107px -65px;
  margin: 3px 0px 3px 10px;
  float: left;
  width: 25px;
  height: 25px;
}
.smartalbum .album-icon-folder {
  background-image: url(img/icons.png);
  opacity: 0.7;
  background-repeat: no-repeat;
  background-position: -70px -72px;
  margin: 3px 0px 3px 10px;
  float: left;
  width: 25px;
  height: 25px;
}
.smartalbum .album-download-icon {
  background-image: url(img/icons.png);
  background-repeat: no-repeat;
  background-position: -50px -248px;
  float: right;
  width: 25px;
  height: 25px;
}
.smartalbum .album-download-icon.active {
  background-position: -50px -273px !important;
}
.smartalbum .default-album-img {
  width: 166px;
  height: 132px;
  background-image: url(img/album.png);
  top: 50%;
  left: 50%;
  margin-top: -82px;
  position: absolute;
  margin-left: -83px;
}
.smartalbum .default-folder-img {
  width: 140px;
  height: 146px;
  background-image: url(img/folder.png);
  top: 50%;
  left: 50%;
  margin-top: -89px;
  position: absolute;
  margin-left: -70px;
}
.smartalbum .ablum-folder-opactity70 {
  position: relative;
  top: calc(50% - 105px);
}
.smartalbum .viewIndex0Size {
  top: calc(50% - 70px);
  font-size: 110px;
}
.smartalbum .viewIndex1Size {
  top: calc(50% - 80px);
  font-size: 160px;
}
.smartalbum .viewIndex2Size {
  top: calc(50% - 115px);
  font-size: 230px;
}
.smartalbum .c-border {
  border: 4px solid;
}
.smartalbum .cover-bg {
  position: absolute;
  border-color: inherit;
}
.smartalbum .folderCover0Size {
  left: -1px;
  width: 112px;
  top: 29px;
  height: 71px;
  border-radius: 0px 11px 11px 11px;
  font-size: 12px;
}
.smartalbum .folderCover1Size {
  left: -1px;
  width: 162px;
  top: 42px;
  height: 103px;
  border-radius: 0 16px 16px 16px;
  font-size: 12px;
}
.smartalbum .folderCover2Size {
  left: -1px;
  width: 232px;
  top: 62px;
  height: 147px;
  border-radius: 0 23px 23px 23px;
  font-size: 12px;
}
.noresult {
  position: absolute;
  font-size: 18px;
  line-height: 1.5em;
  width: 400px;
  margin-left: -200px;
  margin-top: -60px;
  left: 50%;
  top: 50%;
  text-align: center;
  z-index: 1;
}
.noresult .uploadlink-title {
  position: fixed;
  top: 66px;
  left: 0px;
  height: 54px;
  border-bottom: 1px solid;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 24px;
  font-weight: 400;
}
.noresult .operations {
  margin: 25px 0;
  font-weight: 600;
}
.noresult .op-center {
  width: 250px;
  margin: 25px auto;
}
.noresult .op-center button.btn-parent {
  margin-left: 0px;
  min-width: 130px;
}
.noresult .import-file {
  vertical-align: top;
  height: 34px;
  margin-top: 15px;
}
.noresult button {
  border-radius: 25px;
}
.drag-upload-msg {
  font-size: 14px;
  display: block;
  margin-top: 10px;
}
.loadingBg {
  background-image: url(img/cantoloading.gif);
}
.loading {
  position: absolute;
  width: 60px;
  height: 60px;
  margin-left: -35px;
  margin-top: -35px;
  left: 50%;
  top: 50%;
  text-align: center;
  background-image: url(img/cantoloading.gif);
  background-position: center center;
  background-repeat: no-repeat;
  background-color: #474747;
  border-radius: 10px;
  padding: 5px;
  z-index: 10;
}
.smartalbum .center-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.5);
  color: #000;
  font-size: 24px;
  line-height: 41px;
  margin: -20px 0 0 -20px;
  text-align: center;
}
.thumbnail-ul {
  margin-right: -18px;
  display: inline-block;
}
.smartalbum-margin-top {
  margin-top: 20px!important;
}
.tagsinput {
  background: white;
  border: 2px solid #1abc9c;
  border-radius: 6px;
  height: 100px;
  padding: 6px 1px 1px 6px;
  overflow-y: auto;
  text-align: left;
}
.tagsinput .tag {
  border-radius: 4px;
  background: #1abc9c;
  color: white;
  cursor: pointer;
  margin-right: 5px;
  margin-bottom: 5px;
  overflow: hidden;
  padding: 6px 13px 6px 19px;
  position: relative;
  vertical-align: middle;
  display: inline-block;
  zoom: 1;
  *display: inline;
  -webkit-transition: 0.14s linear;
  -moz-transition: 0.14s linear;
  -o-transition: 0.14s linear;
  transition: 0.14s linear;
  -webkit-backface-visibility: hidden;
}
.tagsinput .tag:hover {
  background-color: #16a085;
  padding-left: 12px;
  padding-right: 20px;
}
.tagsinput .tag:hover .tagsinput-remove-link {
  color: white;
  opacity: 1;
  display: block\9;
}
.tagsinput input {
  background: transparent;
  border: none;
  color: #34495e;
  font-family: "Lato", sans-serif;
  font-size: 14px;
  margin: 0px;
  padding: 0 0 0 5px;
  outline: 0;
  margin-right: 5px;
  margin-bottom: 5px;
  width: 12px;
}
.tagsinput-remove-link {
  bottom: 0;
  color: white;
  cursor: pointer;
  font-size: 12px;
  opacity: 0;
  padding: 9px 7px 3px 0;
  position: absolute;
  right: 0;
  text-align: right;
  text-decoration: none;
  top: 0;
  width: 100%;
  z-index: 2;
  display: none\9;
}
.tagsinput-remove-link:before {
  color: white;
}
.tagsinput-add-container {
  vertical-align: middle;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.tagsinput-add {
  background-color: #bbc3cb;
  border-radius: 3px;
  color: white;
  cursor: pointer;
  margin-bottom: 5px;
  padding: 6px 9px;
  display: inline-block;
  zoom: 1;
  *display: inline;
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
  -webkit-backface-visibility: hidden;
}
.tagsinput-add:hover {
  background-color: #1abc9c;
}
.tagParent {
  float: left;
  overflow-y: auto;
}
.enterTags {
  float: left;
  background: #1ABC9C;
  border: 2px solid #1abc9c;
  border-radius: 6px;
  height: 30px;
  padding: 6px 1px 1px 6px;
  overflow-y: auto;
  text-align: left;
  margin: 2px;
  width: auto;
  min-width: 80px;
}
.tagContent {
  float: left;
  margin-right: 20px;
}
.deleteTag {
  float: right;
  background-color: transparent;
  color: white;
  font-weight: bold;
  margin-right: 5px;
  right: 2px;
}
.enterInput {
  border: 1px solid transparent;
  background-color: transparent;
  width: 180px;
  height: 30px;
  padding: 6px 1px 1px 6px;
  margin-top: 3px;
}
.nav {
  position: absolute;
  display: block;
  width: 100%;
  min-width: 1280px;
  zoom: 1;
  margin: 0;
  background: rgba(0, 169, 221, 0);
}
.nav .title-area {
  height: 69px;
  text-align: center;
}
.nav .result {
  font-weight: 400;
}
.nav .nav-area {
  display: flex;
  text-align: center;
  position: relative;
  z-index: 5;
  flex-direction: column;
  align-items: flex-start;
}
.nav .nav-area .uploadlink-title {
  height: 54px;
  border-bottom: 1px solid;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 24px;
  font-weight: 400;
}
.nav .nav-area p {
  margin-bottom: 0px;
  margin-left: 15px;
}
.nav .nav-area .has-lib-banner-total .showTotalAndView {
  top: 0;
}
.nav .nav-area .showTotalAndView {
  position: absolute;
  width: 21.5rem;
  top: 2.4rem;
  left: -1.8rem;
}
.nav .nav-area .folder-tree {
  padding-top: 5px;
  height: 55px;
  margin: 0;
}
.nav .nav-area .folder-tree span.icon-s-folder-01 {
  font-size: 23px!important;
  margin-left: 15px;
}
.nav .nav-area div.file-num {
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  margin: 0px;
}
.nav .nav-area .view-size-button-line {
  position: absolute;
  top: 26px;
  height: 2px;
  background: #9ca4b1;
  width: 100%;
  margin: 0;
  border: 0;
}
.nav .nav-area .view-size-button {
  display: inline-block;
  background: #9ca4b1;
  vertical-align: middle;
  border-radius: 20%;
  margin: 0 4px;
  border: 1px solid;
  z-index: 1;
  position: relative;
  cursor: pointer;
  margin-top: -1px;
}
.nav .nav-area .view-size-button.view-size-button-small {
  width: 11px;
  height: 11px;
}
.nav .nav-area .view-size-button.view-size-button-medium {
  width: 15px;
  height: 15px;
}
.nav .nav-area .view-size-button.view-size-button-large {
  width: 21px;
  height: 21px;
}
.nav .nav-area .view-size-button.view-size-button-active {
  border-radius: 50%;
}
.nav .nav-area .sort-dropdown {
  display: inline-block;
  position: relative;
}
.nav .nav-area .sort-dropdown [class^="icon-"] {
  margin-right: 10px;
  font-size: 20px!important;
}
.nav .nav-area .sort-dropdown span {
  vertical-align: middle;
}
.nav .nav-area .sort-dropdown .sort-dropdown-btn {
  cursor: pointer;
}
.nav .nav-area .sort-dropdown .sort-dropdown-option {
  position: absolute;
  white-space: nowrap;
  text-align: left;
  background: #f2f5fa;
  border-radius: 5px;
  border: 1px solid;
  line-height: 1;
  padding: 5px;
  top: 45px;
  display: none;
}
.nav .nav-area .sort-dropdown .sort-dropdown-option li {
  padding: 5px;
}
.nav .nav-area .sort-dropdown .sort-dropdown-option li span {
  cursor: pointer;
}
.nav .nav-area .sort-dropdown .sort-dropdown-option li hr {
  margin: 0;
  margin-left: 28px;
}
.nav .nav-area .arrow-btn-group {
  display: inline-block;
  vertical-align: middle;
}
.nav .nav-area .arrow-btn-group span {
  display: block;
  margin: 3px;
  cursor: pointer;
}
.nav .nav-area .arrow-btn-group span.arrow-up {
  border-right: 4px solid transparent;
  border-bottom: 5px solid;
  border-left: 4px solid transparent;
}
.nav .nav-area .arrow-btn-group span.arrow-down {
  border-right: 4px solid transparent;
  border-top: 5px solid;
  border-left: 4px solid transparent;
}
.nav .nav-area .na-top {
  width: 99%;
  border-bottom: 1px solid;
  display: flex;
  line-height: 54px;
  text-align: center;
  justify-content: space-between;
}
.nav .nav-area .na-top > div {
  font-weight: 600;
  vertical-align: top;
  position: relative;
}
.nav .nav-area .na-top > div [class^="icon-"] {
  cursor: pointer;
  font-size: 20px;
}
.nav .nav-area .na-top > div button {
  min-width: 145px;
  height: 34px;
  line-height: 34px;
  border-radius: 17px;
  margin: 0 0 0 4px;
  vertical-align: middle;
}
.nav .nav-area .na-top > div .circle-btn {
  width: 33px;
  height: 33px;
  line-height: 27px;
  border-radius: 50%;
  display: inline-block;
  text-align: center;
  padding-top: 4px;
  vertical-align: middle;
}
.nav .nav-area .na-top > div .search-result {
  width: 100%;
}
.nav .nav-area .na-top > div .icon-s-Edit-20 {
  padding-left: 3px;
}
.nav .nav-area .na-top .arrow-down {
  border-right: 4px solid transparent;
  border-top: 5px solid;
  border-left: 4px solid transparent;
}
.nav .nav-area .na-top .smart-album {
  height: 54px;
  padding-right: 7px;
}
.nav .nav-area .na-top .smart-album span {
  position: relative;
  top: 52%;
  transform: translateY(-50%);
  display: inline-block;
}
.nav .nav-area .na-top .smart-album .arrow-down {
  top: 3%;
  margin-left: 5px;
}
.nav .nav-area .na-top .sma-icon {
  font-size: 20px;
  top: 28%!important;
  margin-right: 5px;
}
.nav .nav-area .na-top .sa-dropdown {
  position: absolute;
  background-color: white;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  padding: 5px 0px;
  color: #1B2E40;
  font-size: 16px;
  margin-top: -5px;
  right: 0px;
  box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 1px 18px 0px rgba(0, 0, 0, 0.122);
  box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.141);
}
.nav .nav-area .na-top .sa-dropdown div {
  height: 40px;
  padding: 0px 40px 0 24px;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.nav .nav-area .na-top .sa-dropdown div [class^="icon-"] {
  margin-right: 10px;
  color: #40566B;
}
.nav .nav-area .na-top .sa-dropdown div span.selected {
  color: #1A767A;
}
.nav .nav-area .na-next {
  display: flex;
  padding-left: 10px;
  padding-top: 16px;
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 10px;
  width: 100%;
}
.nav .nav-area .na-next p {
  margin-left: 0px;
}
.nav .nav-area .na-next .p24 {
  padding-right: 24px;
}
.nav .nav-area .na-next.ellipsis-search {
  padding-top: 10px;
}
.nav .nav-area .na-next.ellipsis-search .ellipsis {
  margin-top: 0px;
}
.nav .nav-area .left-section {
  margin: 0;
}
.nav .nav-area .center-section {
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.nav .nav-area .right-section {
  min-width: 320px;
  text-overflow: clip;
  white-space: nowrap;
  text-align: right;
}
.nav .nav-area .right-section > div {
  display: inline-block;
  margin-right: 9px;
  position: relative;
}
.nav .nav-area .right-section .top-right-btn {
  margin-left: -0.8rem;
}
.nav .nav-area .right-section .icon-s-Face.disabled,
.nav .nav-area .right-section .icon-s-Name-16.disabled {
  background-color: transparent !important;
}
.nav .nav-area .right-section .icon-s-Face.disabled:hover,
.nav .nav-area .right-section .icon-s-Name-16.disabled:hover {
  background-color: transparent !important;
  color: #C1C1C1 !important;
}
.nav .nav-area .right-section .icon-filter2 {
  margin-right: 12px;
}
.nav .nav-area .search-result {
  margin-left: 15px;
  line-height: 35px;
  margin-top: 10px;
}
.nav .ai-search {
  line-height: 25px;
  display: flex;
}
.nav .ai-search .icon {
  font-size: 25px;
  color: #1a767a;
}
.nav .ai-search .desc {
  font-size: 14px;
  margin-left: 5px;
  font-weight: 500;
}
.nav .ai-search .line {
  font-size: 25px;
  margin: 0 8px;
  border-right: 1px solid #40566B;
}
.nav .nav-logo {
  position: absolute;
  left: 10px;
  height: 57px;
  margin-top: 12px;
}
.nav .profile {
  position: absolute;
  display: inline-block;
  right: 0px;
  height: 69px;
  bottom: 52px;
}
.nav .profile .photo {
  float: right;
  height: 69px;
  width: 69px;
  border-radius: 35px;
  -webkit-border-radius: 35px;
  margin: 4px 4px 0px 0px;
  overflow: hidden;
}
.nav .profile .photo .photo-avatar {
  height: 69px;
}
.nav .profile .userName {
  position: absolute;
  font-weight: 600;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-top: 13px;
}
.nav .profile .name {
  position: absolute;
  bottom: 0px;
  right: 80px;
  width: 300px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.nav .profile .pub_name {
  bottom: 15px !important;
  right: 12px !important;
}
.nav .profile .main_tenant {
  margin-bottom: 20px !important;
}
.nav .profile .pub_portal_name {
  font-size: 18px !important;
  margin-bottom: -12px !important;
  height: 35px;
}
.nav .profile .pname {
  font-weight: 600;
  font-size: 14px;
  color: #ffffff;
  text-align: right;
  font-stretch: condensed;
}
.nav .profile .sname {
  font-size: 11px;
  color: #ffffff;
  text-align: right;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.nav .partial-approve-btn {
  position: relative;
  top: -4px;
  display: inline-block;
  border: 1px solid transparent;
  padding-left: 18px;
  padding-right: 18px;
  min-width: auto !important;
  line-height: 31px !important;
}
.nav .nav_operate {
  width: 30px;
  height: 22px;
  background-color: transparent;
  text-decoration: none;
  border: 0;
  box-shadow: none;
  outline: none;
  cursor: pointer;
}
.nav .nav-search {
  position: absolute;
  font-weight: 300;
  font-size: 20px;
  color: #f6f6f6;
  bottom: 0px;
  left: 8px;
  height: 31px;
  z-index: 2;
}
.nav .nav-search .search-text {
  float: left;
  margin: 0px 0px 12px 25px;
  cursor: pointer;
}
.nav .nav-search button {
  display: inline-block;
  font-size: 18px;
  opacity: 0.5;
}
.nav .nav-search button.active {
  opacity: 1;
}
.nav .nav-search button:disabled {
  color: grey !important;
}
.nav .nav-search .nav-search-input {
  width: 257px;
  left: 77px;
  height: 35px;
  position: absolute;
  bottom: 0px;
}
.nav .nav-search .nav-search-input.nav-search-input-left {
  left: 0px;
}
.nav .nav-search .nav-search-input .keyword {
  font-weight: 300;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #fff;
  border-radius: 15px !important;
  font-size: 16px;
  height: 30px;
  width: 257px;
  color: #ffffff;
  padding: 0px 10px 0px 30px;
  margin: 0 !important;
  box-shadow: none;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  opacity: 0.6;
  line-height: normal;
}
.nav .nav-search .nav-search-input .keyword :-ms-input-placeholder {
  line-height: 28px;
}
.nav .nav-search .nav-search-input .keyword:hover {
  background-color: rgba(255, 255, 255, 0.4);
}
.nav .nav-search .nav-search-input .keywordForTrashBin {
  font-weight: 300;
  background-color: rgba(0, 0, 0, 0);
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  border-bottom: 0px;
  border-radius: 0px !important;
  font-size: 16px;
  height: 35px;
  width: 184px;
  color: #ffffff;
  padding: 0px 30px 0px 10px;
  margin: 0 !important;
  box-shadow: none;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  opacity: 0.6;
}
.nav .nav-search .nav-search-input .keyword::-webkit-input-placeholder {
  color: #30a7db;
}
.nav .nav-search .nav-search-input .clickable.icon-search {
  position: absolute;
  top: 7px;
  left: 10px;
  font-size: 16px;
  cursor: pointer;
  opacity: 0.8;
}
.nav .nav-center .nav-album {
  position: relative;
  display: inline-block;
  cursor: pointer;
  width: 30px;
  height: 30px;
  bottom: 6px;
  background-position: -68px -70px !important;
  opacity: 0.5;
}
.nav .nav-center .nav-album:hover {
  background-position: -68px -70px !important;
  opacity: 1;
}
.nav .nav-center .nav-album.active {
  background-position: -68px -70px !important;
  opacity: 1;
}
.nav .nav-center .nav-album a {
  font-weight: 300;
  font-size: 16px;
  color: #90daf1;
}
.nav .nav-center {
  margin: 0 auto;
  width: 600px;
  /*margin: 0 230px; width: 500px; */
  text-align: center;
}
.nav .nav-title {
  font-weight: 300;
  font-size: 26px;
  color: #ffffff;
  line-height: 69px;
  display: inline-block;
  margin: 0px auto;
}
.nav .bread-crumbs {
  color: #ffffff;
}
.nav .nav-items {
  display: inline-block;
  margin: 0 auto;
  margin-top: 21px;
}
.nav .nav-items div {
  font-size: 20px;
  width: 38px;
  height: 20px;
  opacity: 0.5;
  cursor: pointer;
  display: inline-block;
}
.nav .nav-items div:hover,
.nav .nav-items div.active {
  opacity: 1;
}
.nav .nav-my {
  position: absolute;
  display: inline-block;
  font-size: 20px;
  right: 15px;
  margin-top: 21px;
}
.nav .nav-my .myupload-cloud {
  font-size: 22px;
  margin-top: -2px;
}
.nav .nav-my div {
  display: inline-block;
  cursor: pointer;
  margin: 0 5px;
  opacity: 0.5;
}
.nav .nav-my div:hover,
.nav .nav-my div.active {
  opacity: 1;
}
.nav .nav-my .notification-area {
  opacity: 1;
}
.nav .nav-my .notification-area .messageCnt {
  position: relative;
  top: -5px;
  display: inline-block;
  padding: 0 5px;
  opacity: 1;
  font-size: 11px;
  line-height: 15px;
  font-weight: 600;
  color: #fff;
  background-color: #F20034;
  border-radius: 10px;
}
.nav .nav-my .notification-area .icon-icn_bell_02 {
  opacity: 0.5;
}
.nav .nav-my .notification-area .icon-icn_bell_02:hover,
.nav .nav-my .notification-area .icon-icn_bell_02.active {
  opacity: 1;
}
.nav .nav-right .profile {
  position: absolute;
  top: 0px;
  right: 0px;
  height: 69px;
}
.nav .nav-right .profile .photo {
  float: right;
  height: 69px;
  border-radius: 35px;
  -webkit-border-radius: 35px;
  margin: 4px 4px 0px 0px;
  overflow: hidden;
}
.nav .nav-right .profile .photo .photo-avatar {
  height: 69px;
}
.nav .nav-right .profile .userName {
  font-weight: 600;
  right: 80px;
  position: absolute;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  top: 13px;
}
.nav .nav-right .profile .main_tenant {
  margin-bottom: 20px !important;
}
.nav .nav-right .profile .pname {
  font-weight: 600;
  font-size: 14px;
  color: #ffffff;
  text-align: right;
  font-stretch: condensed;
}
.nav .nav-right .profile .pub_portal_name {
  font-size: 18px !important;
  margin-bottom: -12px !important;
  height: 35px;
}
.nav .nav-right .logout {
  line-height: 51px;
  font-size: 12px;
  text-align: center;
  color: #ffffff;
  background-color: rgba(0, 110, 145, 0);
  cursor: pointer;
}
.nav .nav-right .logout-icon {
  position: relative;
  top: 6px;
  left: 12px;
  width: 30px;
  height: 30px;
  background-image: url(img/icons.png);
  background-position: -138px -28px;
  background-repeat: no-repeat;
}
.nav .nav-right .aboutus-icon {
  position: relative;
  top: 6px;
  left: 12px;
  width: 25px;
  height: 30px;
  background-image: url(img/icons.png);
  background-position: -230px -66px;
  background-repeat: no-repeat;
}
.nav .nav-right .peoples-icon {
  position: relative;
  top: 15px;
  left: 15px;
  width: 25px;
  height: 30px;
  background-image: url(img/icons.png);
  background-position: -232px -37px;
  background-repeat: no-repeat;
}
.nav .nav-right .user-profile-icon {
  position: relative;
  top: 12px;
  left: 15px;
  width: 30px;
  height: 30px;
  background-image: url(img/icons.png);
  background-position: -34px -70px;
  background-repeat: no-repeat;
}
.nav .nav-right .admin-icon {
  position: relative;
  top: 9px;
  left: 15px;
  width: 30px;
  height: 30px;
  background-image: url(img/icons.png);
  background-position: -169px -30px;
  background-repeat: no-repeat;
}
.nav .nav-right .profile-text {
  position: relative;
  top: -12px;
  left: 56px;
}
.nav .nav-right .admin-text {
  position: relative;
  top: -12px;
  left: 56px;
}
.nav .nav-right .logout-text {
  position: relative;
  top: -15px;
  left: 56px;
}
.nav .drop-tip-layer {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  display: block;
  z-index: 9999;
  text-align: center;
}
.nav .drop-tip-layer .drop-tips {
  position: relative;
  top: 30%;
  text-align: center;
  display: inline-block;
  padding: 15px 30px;
}
.external-drop-indicator {
  position: fixed;
  background-color: #060;
  z-index: 1000;
}
.external-drop-indicator.left {
  bottom: 6px;
  left: 0px;
  width: 6px;
  height: 100%;
}
.external-drop-indicator.right {
  top: 6px;
  right: 0px;
  width: 6px;
  height: 100%;
}
.external-drop-indicator.top {
  top: 0px;
  left: 6px;
  width: 100%;
  height: 6px;
}
.external-drop-indicator.bottom {
  bottom: 0px;
  right: 6px;
  width: 100%;
  height: 6px;
}
.album-dragover {
  border: dashed !important;
}
.uploader-indicator {
  height: 70px;
  width: 550px;
  position: fixed;
  bottom: 0px;
  margin-left: -275px;
  left: 50%;
  background-color: #101010;
  z-index: 1000;
  font-size: 12px;
}
.uploader-indicator .progress-container {
  background-color: #dddddd;
  width: 77%;
  height: 14px;
  margin-left: 90px;
  cursor: pointer;
}
.uploader-indicator .progress-container .progress-bar-upload {
  height: 100%;
  width: 0px;
}
.uploader-indicator .progress-container .tip {
  margin-top: -15px;
  padding-left: 5px;
}
.uploader-indicator .process-icon {
  width: 15px;
  margin-top: -16px;
  position: fixed;
  margin-left: 519px;
  color: white;
}
.uploader-indicator .lable {
  color: #FFFFFF;
  float: left;
  width: 80px;
  padding-left: 10px;
}
.uploader-indicator .title {
  text-align: right;
}
.uploader-indicator .progress-info {
  margin-top: 5px;
  margin-bottom: 4px;
  color: white;
  text-align: center;
}
.uploader-indicator .detail-button {
  margin-top: 5px;
  margin-left: 155px;
  font-size: 12px;
  line-height: 15px;
  padding-left: 10px;
  padding-right: 10px;
}
.uploader-indicator .cancel-button {
  position: relative;
  float: right;
  margin-right: 3px;
  width: 12px;
  height: 20px;
  margin-top: -3px;
  cursor: pointer;
  background-image: url(img/icons.png);
  background-repeat: no-repeat;
  background-position: -263px -126px;
}
.search-type-filters-list {
  width: 80%;
  height: 51px;
  margin: 5px auto;
  padding-bottom: 15px;
  line-height: 36px;
  display: -moz-box;
  display: -webkit-box;
  display: box;
  display: -ms-flexbox;
}
.search-type-filters-list .search-type-filters-list-item {
  background: #DFE8F1;
  cursor: pointer;
  -moz-box-flex: 1;
  -webkit-box-flex: 1;
  box-flex: 1;
  -ms-flex: 1;
}
.search-type-filters-list .search-type-filters-list-item:first-child {
  border-top-left-radius: 18px;
  border-bottom-left-radius: 18px;
}
.search-type-filters-list .search-type-filters-list-item:last-child {
  border-top-right-radius: 18px;
  border-bottom-right-radius: 18px;
}
.search-type-filters-list .search-type-filters-list-item span {
  display: inline-block;
  width: 100%;
}
.search-type-filters-list .search-type-filters-list-item span.high-light {
  background: #5A6A7F;
  border-radius: 18px;
  color: #fff;
}
.help-change-logo .modal-content {
  background-color: #FFFFFF;
}
#pageTopNavEmpty {
  padding-top: 15px;
}
.imprint-link {
  width: 100%;
  height: 30px;
  border-top: 1px solid;
  bottom: 0px;
  z-index: 10;
  position: absolute;
  display: none;
  justify-content: center;
  align-items: center;
}
.imprint-link a {
  color: unset;
  font-weight: 400;
}
.imprint-link1 {
  width: calc(100% + 40px);
  height: 30px;
  line-height: 30px;
  border-top: 1px solid;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: -40px;
}
.imprint-link1 a {
  color: unset;
  font-weight: 400;
}
.hasImprint .imprint-link {
  display: flex;
}
.hasImprint .view-pagination {
  bottom: 36px;
}
.hasImprint .hotkeyControl_mainView {
  padding-bottom: 30px;
}
.staticSearchPlaceHolder {
  color: #40566B;
}
.staticSearchPlaceHolder::before {
  color: #40566B;
}
.ML1 {
  color: #1b2e40 !important;
}
.ML1Bg {
  background-color: #fff!important;
}
.ML1Hover:hover {
  color: #1b2e40 !important;
}
.ML1BgHover:hover {
  background-color: #f5f7fa !important;
}
.ML1Border {
  border-color: #c1c1c1 !important;
}
.ribbon {
  height: 66px;
  line-height: 66px;
  position: relative;
  z-index: 11;
}
.ribbon .ribbon-left {
  position: absolute;
  left: 0;
  top: 0;
  height: 66px;
}
.ribbon .ribbon-left > div {
  display: inline-block;
  float: left;
  height: 66px;
  padding: 0 23px 0 22px;
}
.ribbon .ribbon-left > div.portal-name {
  padding: 0 10px 0 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 16px;
}
.ribbon .ribbon-left > span {
  cursor: default;
}
.ribbon .ribbon-left .treeview-btn-container {
  padding-left: 26px;
  padding-right: 0px;
}
.ribbon .ribbon-left .top-left-btn {
  float: left;
  display: inline-block;
  line-height: 66px;
  font-size: 22px;
}
.ribbon .ribbon-left .top-library-field {
  font-size: 16px;
  font-weight: 600;
  margin-left: 20px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
  width: calc(100% - 60px);
}
.ribbon .ribbon-left .logo img {
  height: 54px;
  image-rendering: -webkit-optimize-contrast;
  transform: translateZ(0);
  max-width: 264px;
  object-fit: contain;
}
.ribbon .ribbon-center {
  text-align: center;
  height: 66px;
  width: 100%;
  overflow: hidden;
  border-bottom: 1px solid transparent;
}
.ribbon .ribbon-center .smartalbum-items {
  padding-top: 8px;
}
.ribbon .ribbon-center .smartalbum-items span {
  width: 32px;
  height: 32px;
  display: inline-block;
  border: 2px solid;
  border-radius: 16px;
  line-height: 28px;
  margin: 0 10px;
  font-size: 28px;
  cursor: pointer;
}
.ribbon .ribbon-center .smartalbum-items span.secondaryColorText {
  border: 0;
  background: #fff;
  line-height: 32px;
}
.ribbon .ribbon-center #uploadDragTarget {
  margin: 0 auto;
}
.ribbon .down-menu.ML1Bg {
  position: absolute;
  height: auto;
  top: 50px;
  border: #c1c1c1 1px solid;
  border-radius: 4px;
}
.ribbon .down-menu.ML1Bg div {
  display: flex;
  height: 40px;
  padding: 0 15px;
  align-items: center;
}
.ribbon .ribbon-right {
  position: absolute;
  right: 0;
  top: 0;
  height: 66px;
}
.ribbon .ribbon-right .ribbon-more {
  display: flex;
  height: 100%;
  align-items: center;
}
.ribbon .ribbon-right .ribbon-more .unread-count {
  margin-top: -7px;
}
.ribbon .ribbon-right .ribbon-more .rm-dot {
  font-size: 24px;
  margin-top: 3px;
}
.ribbon .ribbon-right > div {
  display: inline-block;
  float: right;
  height: 66px;
  margin: 0 10px;
  position: relative;
  min-width: 52px;
}
.ribbon .ribbon-right .circle-btn {
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 15px;
  display: inline-block;
  font-size: 14px;
  margin-right: 30px;
  text-align: center;
}
.ribbon .ribbon-right .user-actions-menu.nav-popup-container {
  right: 12px;
}
.ribbon .ribbon-right .nav-popup-container {
  position: absolute;
  top: 65px;
  right: 65px;
  display: none;
  z-index: 1000;
}
.ribbon .ribbon-right .nav-popup-container .nav-popup-box {
  background: #fff;
  position: absolute;
  top: 0px;
  right: 0;
  background: #f2f5fa;
  overflow: hidden;
  background-color: #ffffff;
  color: #1b2e40;
  transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  border-radius: 4px;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 5px -3px, rgba(0, 0, 0, 0.14) 0px 8px 10px 1px, rgba(0, 0, 0, 0.12) 0px 3px 14px 2px;
  padding: 8px 0px;
}
.ribbon .ribbon-right .nav-popup-container .nav-popup-box.r-20 {
  right: -20px;
}
.ribbon .ribbon-right .nav-popup-container .nav-popup-box .nav-popup-item {
  display: inline-block;
  width: 100%;
  height: 40px;
  text-align: left;
  overflow: hidden;
  line-height: 1;
  float: left;
  font-weight: 400;
  cursor: pointer;
  padding: 10px 24px 0;
  font-size: 1rem;
}
.ribbon .ribbon-right .nav-popup-container .nav-popup-box .nav-popup-item [class^="icon-"] {
  font-size: 40px;
  margin: 14px 0 10px 0;
  display: none;
}
.ribbon .ribbon-right .nav-popup-container .nav-popup-box .nav-popup-item a {
  display: block;
  color: inherit;
  text-decoration: none;
  display: inline-block;
  width: 100%;
  height: 100%;
}
.ribbon .ribbon-right .nav-popup-container .nav-popup-box .nav-popup-item .nav-popup-item-label {
  line-height: 18px;
}
.ribbon .ribbon-right .ribbon-avatar {
  position: relative;
  margin: unset;
}
.ribbon .ribbon-right .ribbon-avatar.min70 {
  min-width: 70px;
}
.ribbon .ribbon-right .ribbon-avatar .three-dot {
  position: absolute;
  height: 66px;
  left: 10px;
}
.ribbon .ribbon-right .ribbon-avatar .dot-more {
  display: inline-block;
  padding-top: 5px;
}
.ribbon .ribbon-right .ribbon-avatar .img-circle {
  position: absolute;
  width: 40px;
  height: 40px;
  right: 10px;
  top: 13px;
}
.ribbon .ribbon-search1 {
  margin-left: 325px;
  margin-right: 44px;
  margin-top: 15px;
  border: 1px solid #c1c6d0;
  height: 38px;
  display: flex;
  padding: 0 20px;
  background: #fff;
  border-radius: 18px;
  align-items: center;
  flex-grow: 1;
}
.ribbon .ribbon-search1 input {
  background-color: #fff;
  border: 0px;
  color: #1b2e40;
  font-weight: 400;
  font-size: 16px;
  padding: 1px;
  margin: 0px;
  flex-grow: 1;
}
.ribbon .ribbon-search1 input::placeholder {
  color: #677593;
  font-size: 16px;
}
.ribbon .ribbon-search1 input::-ms-clear {
  display: none;
}
.ribbon .ribbon-search1 input::-ms-reveal {
  display: none;
}
.ribbon .ribbon-search1.nav-center {
  margin-right: 370px;
}
.ribbon .ribbon-search1 .tune {
  font-size: 20px;
  color: #c1c6d0;
}
.ribbon .ribbon-search1 .no-tune {
  cursor: default!important;
}
.ribbon .ribbon-search1 .nav-search-global {
  margin-left: -320px;
  right: auto;
}
.ribbon .ribbon-search input {
  height: 30px;
  line-height: 30px;
  width: 255px;
  color: #fff;
  border: 0;
  vertical-align: middle;
  margin-top: 7px;
  padding-right: 12%;
}
.ribbon .ribbon-search .ribbon-search-btn {
  position: absolute;
  right: 10px;
  top: 26px;
}
.ribbon .nav-search-global.ng-hide-add,
.ribbon .nav-search-global.ng-hide-remove {
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
  transition: all linear 0.3s;
  display: block!important;
}
.ribbon .nav-search-global.ng-hide-add.ng-hide-add-active,
.ribbon .nav-search-global.ng-hide-remove {
  height: 0px;
}
.ribbon .nav-search-global.ng-hide-add,
.ribbon .nav-search-global.ng-hide-remove.ng-hide-remove-active {
  height: 60px;
}
.ribbon .nav-search-global {
  position: absolute;
  top: 50px;
  right: 0px;
  width: 320px;
  border: 1px solid #fff;
  padding-top: 8px;
  text-align: left;
  padding-bottom: 8px;
  line-height: 17px;
  border-radius: 4px;
}
.ribbon .nav-search-global .fav-filter {
  margin: 1em 0 0 0;
}
.ribbon .nav-search-global .fav-filter.pull-left {
  clear: left;
}
.ribbon .nav-search-global .fav-filter-save {
  font-weight: bold;
  border: none;
  margin: 1em 1em 0 0;
}
.ribbon .nav-search-global .saved-filter-list {
  clear: both;
  padding: .5em 0 0;
}
.ribbon .nav-search-global .saved-filter {
  background-color: white;
  margin: .3em .6em;
  padding: 0 .6em;
  border: 1px solid silver;
  border-radius: 10px;
  color: #000;
}
.ribbon .nav-search-global .saved-filter-name {
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  width: 80%;
  white-space: nowrap;
}
.ribbon .nav-search-global .remove-filter {
  display: block;
  float: right;
  padding: .15em 0 0 0;
  font-weight: bold;
}
.ribbon .nav-search-global .icon-radio-checked {
  opacity: 1;
}
.ribbon .nav-search-global .search-title {
  font-size: 13px;
  font-weight: 700;
  opacity: 0.8;
  margin-left: 10px;
}
.ribbon .nav-search-global .search-location-item {
  font-size: 13px;
  margin: 6px 10px 10px 10px;
  line-height: 18px;
  display: block;
  white-space: nowrap;
}
.ribbon .nav-search-global .search-location-item input[type='radio'] {
  margin-bottom: 5px;
}
.ribbon .nav-search-global .search-location-item .item-title {
  opacity: 0.8;
  display: inline-block;
  zoom: 1;
  margin: 0px;
  cursor: default;
}
.ribbon .nav-search-global .search-location-item .search-radio {
  opacity: 0.8;
  cursor: pointer;
  display: inline-block;
  zoom: 1;
  padding-left: 1px;
}
.ribbon .nav-search-global .search-location-item .search-radio:hover {
  opacity: 1;
}
.ribbon .nav-search-global .search-location-item li {
  float: left;
  width: 45%;
  margin: 3px 0px;
  display: inline-block;
}
.ribbon .nav-search-global .search-location-item li .capability-name {
  opacity: 0.8;
  display: inline-block;
  zoom: 1;
}
.ribbon .left-nav-bar {
  position: absolute;
  overflow-x: hidden;
  overflow-y: hidden;
  left: 0;
  width: 420px;
  border: #c1c1c1 1px solid;
  border-radius: 4px;
  background: #ffffff;
  z-index: 1000;
  color: #4d4d4d;
}
.ribbon .left-nav-bar-item {
  height: 40px;
  cursor: pointer;
  padding-right: 10px;
  padding-left: 13px;
  line-height: 40px;
}
.ribbon .left-nav-bar-item:hover {
  background-color: #e0e0e0;
}
.ribbon .left-nav-bar-item:hover .left-nav-bar-item-time {
  display: none;
}
.ribbon .left-nav-bar-item:hover .left-nav-bar-item-close {
  display: block;
}
.ribbon .left-nav-bar-item-title {
  display: inline-block;
  width: 335px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ribbon .left-nav-bar-item-time {
  float: right;
}
.ribbon .left-nav-bar-item-close {
  float: right;
  display: none;
  line-height: 40px;
}
.ribbon .secondaryColorScrollbar {
  scrollbar-face-color: #626262 !important;
}
.ribbon .secondaryColorScrollbar::-webkit-scrollbar-thumb {
  background-color: #626262 !important;
}
.ribbon .has-new {
  position: relative;
}
.ribbon .has-new:after {
  content: ' ';
  width: 10px;
  height: 10px;
  background: #f00;
  display: inline-block;
  border-radius: 5px;
  position: absolute;
  right: -8px;
  top: -8px;
}
.ribbon .unread-count {
  height: 25px;
  width: 25px;
  display: inline-block;
  background-color: #FF4070;
  line-height: 1;
  border-radius: 50%;
  font-size: 10px;
  color: #ffffff;
  margin-top: -9px;
  font-weight: 600;
  position: relative;
  bottom: 15px;
  right: 5px;
  text-align: center;
  padding-top: 6px;
}
.ribbon .has-new2 {
  position: relative;
  display: inline-block;
}
.ribbon .has-new2:after {
  content: ' ';
  width: 8px;
  height: 8px;
  background: #f00;
  display: inline-block;
  border-radius: 4px;
  position: absolute;
  right: -15px;
  top: 4px;
}
.ribbon .trans-line {
  background-color: transparent;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 99;
}
.ribbon .trans-line-top {
  width: 200px;
  height: 2px;
}
.ribbon .trans-line-right {
  width: 2px;
  height: 66px;
}
.ribbon .public-portal-lang {
  width: 40px;
}
.ribbon .public-portal-lang .lang-btn {
  display: inline-block;
  height: 22px;
  width: 22px;
  vertical-align: middle;
  line-height: 22px;
  text-align: center;
  border-radius: 20%;
  font-size: 12px;
  font-weight: 400;
  color: black;
  margin-top: -3px;
  margin-right: 2px;
}
.ribbon .public-portal-lang .lang-icon {
  font-size: 12px;
  color: black;
}
.new-ui-bar {
  height: 50px;
  line-height: 50px;
  font-size: 14px;
  color: #1B2E40;
  background: #fff !important;
  z-index: 10;
}
.new-ui-bar .ribbon-left {
  padding-left: 20px;
}
.new-ui-bar .ribbon-left .new-btn {
  background: #40566B;
  color: #fff;
  padding: 5px;
  border-radius: 5px;
  margin-right: 10px;
}
.new-ui-bar .ribbon-right {
  padding-right: 20px;
}
.new-ui-bar .ribbon-right a {
  color: #1A767A;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 1.25px;
}
.new-ui-bar .ribbon-left,
.new-ui-bar .ribbon-right,
.new-ui-bar .ribbon-center {
  z-index: 10;
}
.new-ui-bar .new-library-message {
  width: 930px;
  display: inline-table;
  line-height: 20px;
  vertical-align: middle;
}
.search-suggestion-list {
  background-image: none;
  line-height: 16px;
  padding: 5px 0;
  position: absolute;
  border-radius: 5px;
  border: 1px solid #ccc;
  font-family: 'canto-font';
  font-size: 14px;
}
.search-suggestion-list li {
  padding: 0 10px;
}
.search-suggestion-list li.ui-state-focus {
  background: #fff;
  border: 1px solid #f5f5f5;
}
.modal-body.save-filter-dialog {
  height: auto;
  min-height: unset;
}
.modal-body .save-filter-name {
  width: 100%;
}
.modal-body .save-with-album {
  margin: .5em 0;
}
.app-new {
  display: flex;
}
.app-new button {
  color: unset;
  font-family: unset;
  border-radius: 4px!important;
}
.app-new svg {
  color: unset;
}
.app-new react-app-switch {
  margin-right: 12px;
}
.app-new react-notification-button {
  margin-left: 12px;
}
.app-new react-avatar-menu {
  margin: 0 12px;
}
.app-new .app-switcher {
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
}
.app-new .app-switcher .MuiAvatar-img {
  background-color: #EBEDF0 !important;
}
.app-new .third > * {
  display: none;
}
.app-new .third > *:last-child {
  display: block;
}
.MuiPaper-root p {
  font-family: 'canto-font' !important;
}
.sw-title {
  padding: 24px 20px 24px 20px;
}
.upload-info-box {
  position: fixed;
  bottom: 85px;
  right: 20px;
  z-index: 1000;
  width: 770px;
}
.upload-info-box.box-collapse .modal-content {
  height: 57px;
}
.upload-info-box .process-message {
  font-size: 13px;
  font-style: italic;
  margin-top: 8px;
}
.upload-info-box .process-status {
  margin-top: 10px;
}
.upload-info-box .upload-complete-processing {
  font-size: 12px;
  font-weight: normal;
}
.upload-info-box.box-hide {
  width: auto;
}
.upload-info-box.box-hide .modal-content {
  display: none;
}
.upload-info-box .item-hide {
  display: none;
}
.upload-info-box .item-show {
  display: block;
}
.upload-info-box.upper-index {
  z-index: 1001 !important;
}
.upload-info-box .modal-content {
  overflow: hidden;
}
.upload-info-box .modal-content .modal-header {
  padding: 20px 18px;
}
.upload-info-box .modal-content .modal-header h4 {
  font-size: 16px;
  font-weight: 600;
}
.upload-info-box .modal-content .modal-header .modal-collapse-icon {
  position: absolute;
  top: 22px;
  right: 70px;
  font-size: 18px;
  cursor: pointer;
}
.upload-info-box .modal-content .modal-header .modal-close-icon {
  top: 20px;
  right: 20px;
}
.upload-info-box .modal-content .modal-body {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  padding: 10px 18px !important;
  min-height: 0px;
  font-size: 14px;
  font-weight: 600;
}
.upload-info-box .modal-content .modal-body .table {
  margin: 0;
}
.upload-info-box .modal-content .modal-body .table td {
  border: 0;
}
.upload-info-box .modal-content .modal-body .table td .progress {
  height: 5px;
  margin: 5px 0 0 0;
}
.upload-info-box .modal-content .modal-body .table td .file-icon {
  width: 45px;
  height: 40px;
  border-radius: 4px;
  background: url(/static/assets/img/CommonSymbolIcons.png);
  text-align: center;
  font-size: 14px;
  line-height: 40px;
  color: transparent;
  overflow: hidden;
}
.upload-info-box .modal-content .modal-body .table td .file-icon.file-icon-pdf {
  background-position: 0 0;
}
.upload-info-box .modal-content .modal-body .table td .file-icon.file-icon-psd {
  background-position: -50px 0;
}
.upload-info-box .modal-content .modal-body .table td .file-icon.file-icon-video {
  background-position: 0 -50px;
}
.upload-info-box .modal-content .modal-body .table td .file-icon.file-icon-ai {
  background-position: -50px -50px;
}
.upload-info-box .modal-content .modal-body .table td .file-icon.file-icon-audio {
  background-position: 0 -100px;
}
.upload-info-box .modal-content .modal-body .table td .file-icon.file-icon-innd {
  background-position: -50px -100px;
}
.upload-info-box .modal-content .modal-body .table td .file-icon.file-icon-image {
  background-position: 0 -150px;
}
.upload-info-box .modal-content .modal-body .table td .file-icon.file-icon-txt {
  background-position: -50px -150px;
}
.upload-info-box .modal-content .modal-body .table td .file-icon.file-icon-word {
  background-position: 0 -200px;
}
.upload-info-box .modal-content .modal-body .table td .file-icon.file-icon-unknown {
  background-position: -50px -200px;
}
.upload-info-box .modal-content .modal-body .table td .file-icon.file-icon-excel {
  background-position: 0 -250px;
}
.upload-info-box .modal-content .modal-body .table td .file-icon.file-icon-eps {
  background-position: -50px -250px;
}
.upload-info-box .modal-content .modal-body .table td .file-icon.file-icon-ppt {
  background-position: 0 -300px;
}
.upload-info-box .modal-content .modal-body .table td .file-icon.file-icon-zip {
  background-position: -50px -300px;
}
.upload-info-box .modal-content .modal-body .table td .file-icon.file-icon-empty {
  background-position: 0 -350px;
  color: #fff;
}
.upload-info-box .modal-content .modal-body .table td button {
  font-size: 14px;
  padding: 7px 12px;
  width: 100%;
}
.upload-info-box .modal-content .modal-body .table td:first-child {
  width: 45px;
}
.upload-info-box .modal-content .modal-body .table td:last-child {
  width: 120px;
  text-align: right;
}
.upload-info-box .modal-content .modal-body .table td:last-child .status-success {
  height: 28px;
  width: 28px;
  display: inline-block;
  line-height: 28px;
  text-align: center;
  border-radius: 14px;
  background-color: #9ad230;
  color: #ffffff;
}
.upload-info-box .modal-content .modal-body .table td:last-child .status-fail {
  font-size: 14px;
  height: 28px;
  width: 28px;
  display: inline-block;
  line-height: 28px;
  text-align: center;
  border-radius: 14px;
}
.upload-info-box .modal-restore-icon {
  cursor: pointer;
  float: right;
  width: 36px;
  height: 36px;
  border-radius: 18px;
  text-align: center;
  line-height: 36px;
  font-size: 18px;
}
.progress .progress-bar {
  background-color: #9ad230;
}
.import-progress-box {
  position: fixed;
  bottom: 85px;
  right: 20px;
  z-index: 1000;
  width: 770px;
}
.import-progress-box.box-hide {
  width: auto;
}
.import-progress-box.box-hide .modal-content {
  display: none;
}
.import-progress-box .process-message {
  font-size: 13px;
  font-style: italic;
  margin-top: 8px;
}
.import-progress-box .item-hide {
  display: none;
}
.import-progress-box .item-show {
  display: block;
}
.import-progress-box.upper-index {
  z-index: 1001 !important;
}
.import-progress-box .modal-content {
  overflow: hidden;
}
.import-progress-box .modal-content .modal-header {
  padding: 20px 18px;
}
.import-progress-box .modal-content .modal-header h4 {
  font-size: 16px;
  font-weight: 600;
}
.import-progress-box .modal-content .modal-header .modal-collapse-icon {
  position: absolute;
  top: 22px;
  right: 70px;
  font-size: 18px;
  cursor: pointer;
}
.import-progress-box .modal-content .modal-header .modal-close-icon {
  top: 20px;
  right: 20px;
}
.import-progress-box .modal-content .modal-body {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  padding: 0 !important;
  min-height: 0px;
  max-height: 250px;
  font-size: 14px;
  font-weight: 600;
  margin: 0;
  border: 0;
}
.import-progress-box .modal-content .modal-body li {
  border-top: solid 1px #f5f5f5;
  padding: 15px 20px;
}
.import-progress-box .modal-content .modal-body li textarea {
  width: 100%;
  height: 130px;
  resize: none;
  border-radius: 5px !important;
  max-height: 280px;
  margin-bottom: 0;
}
.import-progress-box .modal-content .modal-body .duration {
  font-weight: normal;
  font-size: 14px;
  line-height: 15px;
}
.import-progress-box .modal-content .modal-body .duration div {
  display: inline-block;
  width: 175px;
}
.import-progress-box .modal-content .modal-body .duration span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
}
.import-progress-box .modal-content .modal-body .progress {
  height: 5px;
  width: 660px;
  display: inline-block;
  margin: 5px 0 0 0;
}
.import-progress-box .modal-content .modal-body .progress .progress-bar {
  background-color: #9ad230;
}
.import-progress-box .modal-content .modal-body .status-success {
  height: 28px;
  width: 28px;
  display: inline-block;
  line-height: 28px;
  text-align: center;
  border-radius: 14px;
  margin-left: 15px;
  background-color: #9ad230;
  color: #ffffff;
}
.import-progress-box .modal-content .modal-body .progress-rate {
  float: right;
  font-size: 20px;
}
.import-progress-box .modal-content .modal-body .summary-info .summary {
  line-height: 20px;
  text-align: left;
  font-size: 14px;
  margin-bottom: 8px;
}
.import-progress-box .modal-content .modal-body .summary-info .summary div {
  display: inline-block;
  width: 175px;
  font-weight: normal;
}
.import-progress-box .modal-content .modal-body .summary-info .summary .summary-title {
  color: #7d7d7d;
}
.import-progress-box .modal-content .modal-body .summary-info .summary .summary-content {
  font-weight: bold;
}
.import-progress-box .modal-restore-icon {
  cursor: pointer;
  float: right;
  width: 36px;
  height: 36px;
  border-radius: 18px;
  text-align: center;
  line-height: 36px;
  font-size: 18px;
}
/* User Profile */
.user-profile {
  background: #fff;
  padding-top: 66px;
  position: absolute;
  z-index: 990;
  min-width: 1280px;
  width: 100%;
  height: 100%;
  /**flex layout**/
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  flex-flow: column nowrap;
  -webkit-flex-flow: column nowrap;
  -ms-flex-flow: column nowrap;
  /*****user profile******/
  /*********slack*********/
  /********* Notification preference*********/
  /*********email notification*********/
}
.user-profile .tip-container {
  padding: 15px 30px;
}
.user-profile .profile-container {
  padding: 15px;
  overflow-y: auto;
  position: relative;
  /**flex layout**/
  flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
}
.user-profile .invalid-tips {
  position: relative;
  border-radius: 24px;
  -webkit-border-radius: 24px;
  padding-left: 55px;
  font-size: 16px;
  background: #D0021B;
}
.user-profile .invalid-tips > span {
  width: 34px;
  height: 34px;
  position: absolute;
  left: 7px;
  top: 7px;
  background: #D0021B;
  border-radius: 17px;
  -webkit-border-radius: 17px;
  background: #fff;
  text-align: center;
  color: #D0021B;
  font-size: 16px;
  font-weight: bold;
  line-height: 35px;
}
.user-profile .invalid-tips > i {
  width: 14px;
  height: 14px;
  position: absolute;
  right: 20px;
  top: 17px;
  color: #fff;
  font-size: 14px;
  cursor: pointer;
}
.user-profile .invalid-tips > p {
  display: inline;
}
.user-profile .invalid-tips.success-tips {
  background: #9AD230;
}
.user-profile .invalid-tips.success-tips span {
  color: #9AD230;
}
.user-profile .tab-nav {
  border-radius: 20px;
  background-color: #DFE8F1;
  height: 35px;
  font-weight: 600;
  margin-top: 15px;
}
.user-profile .tab-item {
  width: 33.3%;
  border-radius: 20px;
  text-align: center;
  padding: 10px 10px;
  height: 100%;
}
.user-profile .avatar-container {
  margin-top: 30px;
  overflow: hidden;
  text-align: center;
  margin-bottom: 15px;
}
.user-profile .avatar {
  height: 100px;
  width: 100px;
  text-align: center;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  cursor: pointer;
}
.user-profile .part-container {
  padding-top: 15px;
}
.user-profile .user-name {
  margin-top: 15px;
  font-weight: 600;
}
.user-profile .field {
  font-weight: bold;
  margin-bottom: 5px;
  max-width: 100%;
  display: inline-block;
}
.user-profile .inline-field {
  margin-bottom: 0;
}
.user-profile .field-input {
  height: 40px;
  padding: 2px 15px;
  margin: 0px;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  box-shadow: none;
  font-size: 14px;
}
.user-profile .field-input[disabled] {
  border-radius: 0;
  border: none;
  cursor: default;
  background: transparent;
  padding: 0;
}
.user-profile .full-input {
  width: 100%;
}
.user-profile .trancate-content {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  line-height: 32px;
}
.user-profile .position-desc {
  height: 32px;
  padding: 2px 15px;
  width: 50%;
  display: inline-block;
  margin: 0 1em;
  text-align: center;
}
.user-profile .prod-info-agree {
  margin-bottom: 1em;
}
.user-profile .prod-info-agree span,
.user-profile .prod-info-agree a {
  display: block;
  float: left;
  padding-right: .5em;
}
.user-profile .text-rl {
  text-align: right;
}
.user-profile .split-bar {
  margin: 15px 0;
  color: #999;
  font-weight: bold;
  border-bottom: #ccc 1px solid;
}
.user-profile button.btn-parent {
  min-width: 90px;
  height: 32px;
  margin: 10px 0 0;
  border-radius: 16px;
  -webkit-border-radius: 15px;
  font-size: 14px;
  font-weight: bold;
}
.user-profile .select-wrap {
  display: inline-block;
  width: 130px;
}
.user-profile .subTitle {
  margin: 20px 0 10px;
  padding: 10px 0;
  color: #999;
  font-weight: bold;
  border-bottom: #ccc 1px solid;
}
.user-profile .subTitle.no-bottom-line {
  border-bottom: none;
  margin-top: 15px;
}
.user-profile .slack-part-container {
  margin: 10px 0;
}
.user-profile .con-left {
  float: left;
  width: calc(100% - 90px);
  padding: 10px 0;
}
.user-profile .con-left span {
  font-weight: bold;
  font-size: 14px;
  color: #4A4A4A;
}
.user-profile .con-left a {
  line-height: 30px;
  text-decoration: underline;
}
.user-profile .con-left a:hover {
  cursor: pointer;
}
.user-profile .con-right {
  float: left;
}
.user-profile .con-right .onoffswitch-label {
  margin-bottom: 0px;
}
.user-profile .notification-item {
  margin-top: 20px;
  margin-right: 50px;
  position: relative;
  border-bottom: 1px solid #ccc;
  height: 62px;
}
.user-profile .notificate-type {
  display: inline-block;
  position: absolute;
  right: 0;
}
.user-profile .notificate-type .notificate-immediate {
  margin-bottom: 15px;
  display: block;
}
.user-profile .notificate-type.btn-disabled,
.user-profile .notificate-type ._disabled {
  color: #cccccc;
  cursor: default;
}
.user-profile .email-notification-date {
  font-weight: normal;
  margin-top: 15px;
  margin-left: 17px;
}
.user-profile .email-notification-on {
  margin-bottom: 15px;
}
.user-profile .email-notification-week-list {
  position: relative;
}
.user-profile .email-notification-week-list .checkbox-layout {
  margin-right: 9px;
  width: 10%;
  display: inline-block;
}
.user-profile .email-notification-week-list .option-title {
  margin-right: 8px;
}
.user-profile .error-msg {
  color: red;
  float: right;
  font-weight: 600;
}
.user-profile .required-field {
  float: left;
}
.user-profile .required-icon {
  font-weight: normal;
}
.user-profile::-webkit-scrollbar-thumb {
  background-color: #626262;
  height: 50px;
  outline-offset: -2px;
}
.user-profile::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.user-profile::-webkit-scrollbar-track-piece {
  background-color: #dddddd;
  -webkit-border-radius: 0;
}
.profile-bottom {
  margin-bottom: 60px;
}
/* jquery.Jcrop.css v0.9.12 - MIT License */
/*
  The outer-most container in a typical Jcrop instance
  If you are having difficulty with formatting related to styles
  on a parent element, place any fixes here or in a like selector

  You can also style this element if you want to add a border, etc
  A better method for styling can be seen below with .jcrop-light
  (Add a class to the holder and style elements for that extended class)
*/
.jcrop-holder {
  direction: ltr;
  text-align: left;
}
/* Selection Border */
.jcrop-vline,
.jcrop-hline {
  font-size: 0;
  position: absolute;
}
.jcrop-vline {
  height: 100%;
  width: 1px !important;
}
.jcrop-vline.right {
  right: 0;
}
.jcrop-hline {
  height: 1px !important;
  width: 100%;
}
.jcrop-hline.bottom {
  bottom: 0;
}
/* Invisible click targets */
.jcrop-tracker {
  height: 100%;
  width: 100%;
  /* "turn off" link highlight */
  -webkit-tap-highlight-color: transparent;
  /* disable callout, image save panel */
  -webkit-touch-callout: none;
  /* disable cut copy paste */
  -webkit-user-select: none;
}
/* Selection Handles */
.jcrop-handle {
  background-color: #333333;
  border: 1px #eeeeee solid;
  width: 7px;
  height: 7px;
  font-size: 1px;
}
.jcrop-handle.ord-n {
  left: 50%;
  margin-left: -4px;
  margin-top: -4px;
  top: 0;
}
.jcrop-handle.ord-s {
  bottom: 0;
  left: 50%;
  margin-bottom: -4px;
  margin-left: -4px;
}
.jcrop-handle.ord-e {
  margin-right: -4px;
  margin-top: -4px;
  right: 0;
  top: 50%;
}
.jcrop-handle.ord-w {
  left: 0;
  margin-left: -4px;
  margin-top: -4px;
  top: 50%;
}
.jcrop-handle.ord-nw {
  left: 0;
  margin-left: -4px;
  margin-top: -4px;
  top: 0;
}
.jcrop-handle.ord-ne {
  margin-right: -4px;
  margin-top: -4px;
  right: 0;
  top: 0;
}
.jcrop-handle.ord-se {
  bottom: 0;
  margin-bottom: -4px;
  margin-right: -4px;
  right: 0;
}
.jcrop-handle.ord-sw {
  bottom: 0;
  left: 0;
  margin-bottom: -4px;
  margin-left: -4px;
}
/* Dragbars */
.jcrop-dragbar.ord-n,
.jcrop-dragbar.ord-s {
  height: 7px;
  width: 100%;
}
.jcrop-dragbar.ord-e,
.jcrop-dragbar.ord-w {
  height: 100%;
  width: 7px;
}
.jcrop-dragbar.ord-n {
  margin-top: -4px;
}
.jcrop-dragbar.ord-s {
  bottom: 0;
  margin-bottom: -4px;
}
.jcrop-dragbar.ord-e {
  margin-right: -4px;
  right: 0;
}
.jcrop-dragbar.ord-w {
  margin-left: -4px;
}
/* The "jcrop-light" class/extension */
.jcrop-light .jcrop-vline,
.jcrop-light .jcrop-hline {
  background: #ffffff;
  filter: alpha(opacity=70) !important;
  opacity: .70!important;
}
.jcrop-light .jcrop-handle {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background-color: #000000;
  border-color: #ffffff;
  border-radius: 3px;
}
/* The "jcrop-dark" class/extension */
.jcrop-dark .jcrop-vline,
.jcrop-dark .jcrop-hline {
  background: #000000;
  filter: alpha(opacity=70) !important;
  opacity: 0.7 !important;
}
.jcrop-dark .jcrop-handle {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background-color: #ffffff;
  border-color: #000000;
  border-radius: 3px;
}
/* Simple macro to turn off the antlines */
.solid-line .jcrop-vline,
.solid-line .jcrop-hline {
  background: #ffffff;
}
/* Fix for twitter bootstrap et al. */
.jcrop-holder img,
img.jcrop-preview {
  max-width: none;
}
/*! gridster.js - v0.5.6 - 2014-09-25
* http://gridster.net/
* Copyright (c) 2014 ducksboard; Licensed MIT */
.gridster1 {
  position: relative;
}
.gridster1 > * {
  margin: 0 auto;
  -webkit-transition: height .4s, width .4s;
  -moz-transition: height .4s, width .4s;
  -o-transition: height .4s, width .4s;
  -ms-transition: height .4s, width .4s;
  transition: height .4s, width .4s;
}
.gridster1 .gs-w {
  z-index: 2;
  position: absolute;
}
.ready .gs-w:not(.preview-holder) {
  -webkit-transition: opacity .3s, left .3s, top .3s;
  -moz-transition: opacity .3s, left .3s, top .3s;
  -o-transition: opacity .3s, left .3s, top .3s;
  transition: opacity .3s, left .3s, top .3s;
}
.ready .gs-w:not(.preview-holder),
.ready .resize-preview-holder {
  -webkit-transition: opacity .3s, left .3s, top .3s, width .3s, height .3s;
  -moz-transition: opacity .3s, left .3s, top .3s, width .3s, height .3s;
  -o-transition: opacity .3s, left .3s, top .3s, width .3s, height .3s;
  transition: opacity .3s, left .3s, top .3s, width .3s, height .3s;
}
.gridster1 .preview-holder {
  z-index: 1;
  position: absolute;
  background-color: #fff;
  border-color: #fff;
  opacity: 0.3;
}
.gridster1 .player-revert {
  z-index: 10!important;
  -webkit-transition: left .3s, top .3s!important;
  -moz-transition: left .3s, top .3s!important;
  -o-transition: left .3s, top .3s!important;
  transition: left .3s, top .3s!important;
}
.gridster1 .dragging,
.gridster1 .resizing {
  z-index: 10!important;
  -webkit-transition: all 0s !important;
  -moz-transition: all 0s !important;
  -o-transition: all 0s !important;
  transition: all 0s !important;
}
.gs-resize-handle {
  position: absolute;
  z-index: 1;
}
.gs-resize-handle-both {
  width: 20px;
  height: 20px;
  bottom: -8px;
  right: -8px;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pg08IS0tIEdlbmVyYXRvcjogQWRvYmUgRmlyZXdvcmtzIENTNiwgRXhwb3J0IFNWRyBFeHRlbnNpb24gYnkgQWFyb24gQmVhbGwgKGh0dHA6Ly9maXJld29ya3MuYWJlYWxsLmNvbSkgLiBWZXJzaW9uOiAwLjYuMSAgLS0+DTwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DTxzdmcgaWQ9IlVudGl0bGVkLVBhZ2UlMjAxIiB2aWV3Qm94PSIwIDAgNiA2IiBzdHlsZT0iYmFja2dyb3VuZC1jb2xvcjojZmZmZmZmMDAiIHZlcnNpb249IjEuMSINCXhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiDQl4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjZweCIgaGVpZ2h0PSI2cHgiDT4NCTxnIG9wYWNpdHk9IjAuMzAyIj4NCQk8cGF0aCBkPSJNIDYgNiBMIDAgNiBMIDAgNC4yIEwgNCA0LjIgTCA0LjIgNC4yIEwgNC4yIDAgTCA2IDAgTCA2IDYgTCA2IDYgWiIgZmlsbD0iIzAwMDAwMCIvPg0JPC9nPg08L3N2Zz4=');
  background-position: top left;
  background-repeat: no-repeat;
  cursor: se-resize;
  z-index: 20;
}
.gs-resize-handle-x {
  top: 0;
  bottom: 13px;
  right: -5px;
  width: 10px;
  cursor: e-resize;
}
.gs-resize-handle-y {
  left: 0;
  right: 13px;
  bottom: -5px;
  height: 10px;
  cursor: s-resize;
}
.gs-w:hover .gs-resize-handle,
.resizing .gs-resize-handle {
  opacity: 1;
}
.gs-resize-handle,
.gs-w.dragging .gs-resize-handle {
  opacity: 0;
}
.gs-resize-disabled .gs-resize-handle {
  display: none!important;
}
[data-max-sizex="1"] .gs-resize-handle-x,
[data-max-sizey="1"] .gs-resize-handle-y,
[data-max-sizey="1"][data-max-sizex="1"] .gs-resize-handle {
  display: none !important;
}
/* Uncomment this if you set helper : "clone" in draggable options */
/*.gridster1 .player {
  opacity:0;
}
*/
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .treeview .treeview-icon {
    bottom: 10px !important;
  }
}
.treeview {
  overflow: hidden;
  zoom: 1;
  margin: 0;
  width: 300px;
  height: 100%;
  line-height: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  border-right: 1px solid;
}
.treeview .treeview-container {
  height: 100%;
  width: 100%;
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.treeview .treeview-container .tree-filter {
  width: 100%;
  height: 54px;
  line-height: 55px;
  position: relative;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.treeview .treeview-container .tree-filter .add-operation {
  position: absolute;
  display: inline-block;
  height: 53px;
  line-height: 53px;
  width: 34px;
}
.treeview .treeview-container .tree-filter .add-operation .add-folder-album {
  position: absolute;
  top: 0px;
  left: 38px;
  z-index: 2;
  width: 0px;
  height: 53px;
  background: #ffffff;
  overflow: hidden;
}
.treeview .treeview-container .tree-filter .add-operation .operation-group {
  display: inline-block;
  vertical-align: middle;
  margin-right: 15px;
  float: left;
  font-size: 14px;
}
.treeview .treeview-container .tree-filter .add-operation .operation-group span {
  display: inline;
  font-size: 14px;
  margin: 0px;
}
.treeview .treeview-container .tree-filter .add-operation .operation-group .operation-icon {
  font-size: 22px;
}
.treeview .treeview-container .tree-filter .add-operation:hover {
  width: 340px;
}
.treeview .treeview-container .tree-filter .add-operation.disabled {
  opacity: 0.2;
}
.treeview .treeview-container .tree-filter .plus {
  cursor: pointer;
  pointer-events: auto;
  font-size: 20px;
  margin-left: 8px;
}
.treeview .treeview-container .tree-filter input {
  width: calc(100% - 20px);
  height: 34px;
  padding: 0 10px;
  margin: 0 0 0 10px;
  border-radius: 25px !important;
  line-height: 20px !important;
}
.treeview .treeview-container .tree-filter .icon-search {
  POSITION: absolute;
  right: 20px;
  top: 20px;
  font-size: 14px;
}
.treeview .treeview-container .tree-filter .hidePlusWidth {
  width: 240px;
}
.treeview .treeview-container .tree-filter span {
  display: inline-block !important;
  font-size: 22px;
  vertical-align: middle;
  margin-left: 6px;
  cursor: pointer;
}
.treeview .treeview-container .tree-filter .icon-icn_reload_alt_01 {
  font-size: 18px;
}
.treeview .treeview-container .tree-filter .icon-icn_flight_album_assign_01,
.treeview .treeview-container .tree-filter .icon-move {
  opacity: 0.2;
}
.treeview .treeview-container .tree-filter .icon-icn_flight_album_assign_01.show,
.treeview .treeview-container .tree-filter .icon-move.show {
  opacity: 1;
}
.treeview .treeview-container .portal-name {
  margin-top: 22px;
  font-weight: 600;
  font-size: 16px;
  padding-left: 20px;
  line-height: 20px;
}
.treeview .treeview-container .sort-area {
  padding: 0px;
}
.treeview .treeview-container .sort-area .sort-top {
  height: 55px;
  padding: 0px 10px;
  border-bottom: 1px solid;
}
.treeview .treeview-container .sort-area .sort-top div {
  float: left;
  text-align: center;
  height: 100%;
  padding: 18px 10px;
}
.treeview .treeview-container .sort-area .sort-top div span {
  cursor: pointer;
  font-size: 20px;
}
.treeview .treeview-container .sort-area .sort-top:after {
  content: '';
  display: block;
  clear: left;
}
.treeview .treeview-container .sort-area .sort-second {
  padding: 10px 10px 0px 10px;
  padding-bottom: 0px;
  font-weight: 600;
}
.treeview .treeview-container .sort-area .sort-second > div {
  border-radius: 20px;
  background-color: #DFE8F1;
  height: 27px;
}
.treeview .treeview-container .sort-area .sort-second .second1 > div {
  width: 50%;
  border-radius: 20px;
  text-align: center;
  padding: 8px 10px;
  height: 100%;
}
.treeview .treeview-container .sort-area .sort-second .second1 > div span {
  cursor: pointer;
}
.treeview .treeview-container .sort-area .sort-second .second2 > div {
  border-radius: 20px;
  text-align: center;
  padding: 8px 10px;
  color: #fff;
  cursor: pointer;
  height: 100%;
}
.treeview .treeview-container .sort-area:after {
  content: '';
  display: block;
  clear: left;
}
.treeview .treeview-container .tree-op {
  height: 32px;
  width: calc(100% - 20px);
  margin-left: 10px;
  margin-bottom: 10px;
  margin-top: 10px;
}
.treeview .treeview-container .tree-op .pull-left span,
.treeview .treeview-container .tree-op .pull-right span {
  font-size: 18px;
  display: inline-block;
  height: 32px;
  width: 32px;
  border-radius: 50%;
  text-align: center;
  line-height: 32px;
}
.treeview .treeview-container .tree-op .pull-left {
  margin-right: 7px;
}
.treeview .treeview-container .tree-breadscrumbs {
  position: relative;
  font-size: 14px;
  overflow: hidden;
  width: 100%;
  height: 38px;
  line-height: 39px;
  border-bottom: 1px solid #D1D1D1;
  white-space: nowrap;
}
.treeview .treeview-container .tree-breadscrumbs .move-prompt {
  height: 38px;
}
.treeview .treeview-container .tree-breadscrumbs .move-prompt span {
  display: inline-block;
  font-size: 14px;
  vertical-align: middle;
  margin-left: 10px;
  cursor: pointer;
}
.treeview .treeview-container .tree-breadscrumbs .move-prompt .cancel-move {
  position: absolute;
  margin-top: 4px;
  right: 15px;
}
.treeview .treeview-container .tree-breadscrumbs .lArrow,
.treeview .treeview-container .tree-breadscrumbs .rArrow {
  cursor: pointer;
  position: absolute;
  top: 0px;
  padding-left: 10px;
  width: 28px;
  height: 38px;
  line-height: 38px;
  font-size: 18px;
  color: #fff;
  opacity: 0.9;
  background-color: #d1d1d1;
}
.treeview .treeview-container .tree-breadscrumbs .lArrow:hover,
.treeview .treeview-container .tree-breadscrumbs .rArrow:hover {
  background-color: #a6a6a6;
  opacity: 0.9;
}
.treeview .treeview-container .tree-breadscrumbs .lArrow {
  left: 0px;
}
.treeview .treeview-container .tree-breadscrumbs .rArrow {
  right: 0px;
}
.treeview .treeview-container .tree-breadscrumbs .breadscrumbs-detail {
  margin: 10px;
  overflow: hidden;
  color: #D1D1D1;
  line-height: 18px;
}
.treeview .treeview-container .tree-breadscrumbs .breadscrumbs-detail a {
  cursor: pointer;
  color: #848484;
  padding-right: 4px;
}
.treeview .treeview-container .tree-breadscrumbs .breadscrumbs-detail a:hover {
  text-decoration: none;
}
.treeview .treeview-container .tree-content-container {
  position: relative;
  scrollbar-base-color: #C0C0C0;
  scrollbar-face-color: #626262;
  scrollbar-3dlight-color: #C0C0C0;
  scrollbar-highlight-color: #C0C0C0;
  scrollbar-track-color: #dddddd;
  scrollbar-arrow-color: black;
  scrollbar-shadow-color: #C0C0C0;
  scrollbar-dark-shadow-color: #C0C0C0;
  margin-left: 10px;
  padding: 10px;
  padding-top: 10px;
  overflow-x: hidden;
  overflow-y: auto;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.treeview .treeview-container .tree-content-container::-webkit-scrollbar-thumb {
  background-color: #626262;
}
.treeview .treeview-container .tree-content-container::-webkit-scrollbar-track-piece {
  background-color: #dddddd;
  -webkit-border-radius: 0;
}
.treeview .treeview-container .tree-content-container::-webkit-scrollbar {
  height: 10px;
}
.treeview .treeview-container .tree-content-container::-webkit-scrollbar-thumb {
  background-color: #626262;
}
.treeview .treeview-container .tree-content-container::-webkit-scrollbar-track-piece {
  background-color: #dddddd;
  -webkit-border-radius: 0;
}
.treeview .treeview-container .tree-content-container::-webkit-scrollbar {
  width: 10px;
}
.treeview .treeview-container .tree-content-container .tree-content {
  position: absolute;
  left: 0;
  min-width: 100%;
  width: calc(100% + 10px);
}
.treeview .treeview-container .tree-content-container .root-text {
  font-size: 14px;
  cursor: pointer;
  padding-top: 6px;
  padding-bottom: 4px;
  font-weight: 700;
  border-radius: 14px;
  padding-left: 10px;
  margin-bottom: 2px;
  height: 32px;
  margin-top: 2px;
}
.treeview .treeview-container .tree-content-container .root-text .licon {
  font-size: 20px;
  vertical-align: middle;
  margin-right: 5px;
}
.treeview .treeview-container .tree-content-container .root-text span.selected {
  color: #535353;
  background-color: rgba(0, 0, 0, 0.1);
}
.treeview .treeview-container .tree-content-container .loading {
  position: absolute;
  width: 60px;
  height: 60px;
  margin-left: -35px;
  margin-top: -35px;
  left: 50%;
  top: 50%;
  text-align: center;
  background-image: url(img/cantoloading.gif);
  background-position: center center;
  background-repeat: no-repeat;
  background-color: #474747;
  border-radius: 10px;
  padding: 5px;
  z-index: 10;
}
.treeview .treeview-container .tree-bottom {
  height: 46px;
  width: 100%;
  position: absolute;
  bottom: 0px;
  left: 0px;
  line-height: 46px;
  background-color: #d1d1d1;
  font-size: 20px;
}
.treeview .treeview-container .tree-bottom span {
  display: inline-block;
  margin: 0 5px;
  vertical-align: middle;
  cursor: pointer;
}
.treeview .treeview-container .tree-bottom .icon-Plus-02 {
  position: relative;
  top: -2px;
}
.treeview .treeview-container .tree-bottom .add-group {
  font-size: 14px;
  display: inline;
  width: 0px;
  left: 30px;
  position: absolute;
  vertical-align: middle;
  overflow: hidden;
}
.treeview .treeview-container .tree-bottom .add-group span {
  float: left;
  margin-right: 10px;
}
.treeview .treeview-container .tree-bottom .icon-icn_upload_cloud_01 {
  line-height: 46px;
  margin-right: 10px;
  font-size: 28px;
  opacity: 0.2;
}
.treeview .treeview-container .tree-bottom .icon-icn_upload_cloud_01.active {
  opacity: 1;
}
.treeview .treeview-container .tree-more {
  text-align: center;
  padding: 4px;
  border-radius: 12px;
  height: 24px;
  margin: 10px 45px 20px 45px;
}
.treeview .treeview-icon {
  position: absolute;
  left: 300px;
  bottom: 16px;
}
.treeview .treeview-icon div {
  background-image: url(img/icons.png);
  background-repeat: no-repeat;
  cursor: pointer;
  width: 46px;
  height: 39px;
  background-position: -285px -150px;
}
div[data-angular-treeview] {
  /* prevent user selection */
  -moz-user-select: -moz-none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* default */
  font-size: 20px;
  text-decoration: none;
}
#treehierarchy ul {
  margin: 0;
  padding: 0;
  list-style: none;
  border: none;
  overflow: visible;
}
#treehierarchy ul .move {
  background: #dff4ff;
}
#treehierarchy ul .move > div {
  background: white;
}
#treehierarchy li {
  position: relative;
  padding: 4px 0px 0 0px;
  line-height: 20px;
  font-size: 20px;
  white-space: nowrap;
}
#treehierarchy li > div {
  border-radius: 14px;
}
#treehierarchy li span {
  font-size: 14px;
  vertical-align: bottom;
  display: inline-block;
  line-height: 32px;
}
#treehierarchy li .icon-icn_pencil_01 {
  margin-right: 10px;
  position: absolute;
  right: 0px;
  top: 8px;
}
#treehierarchy li .name {
  max-width: 100%;
}
#treehierarchy li i,
#treehierarchy li span {
  cursor: pointer;
  vertical-align: middle;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#treehierarchy li i {
  font-size: 14px;
}
#treehierarchy li.drop-hover,
.drop-hover {
  background-color: rgba(0, 0, 0, 0.1);
}
#treehierarchy li.selected {
  background-color: rgba(0, 0, 0, 0.1);
}
#treehierarchy li span.selected {
  color: #535353;
  background-color: rgba(0, 0, 0, 0.1);
}
#connectorTree ul {
  margin: 0;
  padding: 0;
  list-style: none;
  border: none;
  overflow: visible;
}
#connectorTree ul .move {
  background: #dff4ff;
}
#connectorTree ul .move > div {
  background: white;
}
#connectorTree li {
  position: relative;
  padding: 4px 0px 0 0px;
  line-height: 20px;
  font-size: 20px;
  white-space: nowrap;
}
#connectorTree li > div {
  border-radius: 14px;
}
#connectorTree li span {
  font-size: 14px;
  vertical-align: bottom;
  display: inline-block;
  line-height: 32px;
}
#connectorTree li .icon-icn_pencil_01 {
  margin-right: 10px;
  position: absolute;
  right: 0px;
  top: 8px;
}
#connectorTree li .name {
  max-width: 100%;
}
#connectorTree li i,
#connectorTree li span {
  cursor: pointer;
  vertical-align: middle;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#connectorTree li.drop-hover,
#connectorTree li.drop-hover {
  background-color: rgba(0, 0, 0, 0.1);
}
#connectorTree li.selected {
  background-color: rgba(0, 0, 0, 0.1);
}
#connectorTree li span.selected {
  color: #535353;
  background-color: rgba(0, 0, 0, 0.1);
}
.move-draggable-tree i {
  font-size: 20px;
  list-style-type: none;
}
#customSort ul {
  margin: 0;
  padding: 0;
  list-style: none;
  border: none;
  overflow: visible;
}
#customSort ul .move {
  background: #dff4ff;
}
#customSort ul .move > div {
  background: white;
}
#customSort li {
  position: relative;
  padding: 4px 0 0 0px;
  line-height: 20px;
  font-size: 20px;
  color: #666;
  white-space: nowrap;
}
#customSort li > div {
  border-radius: 14px;
}
#customSort li span {
  font-size: 14px;
  vertical-align: middle;
  max-width: 100px;
  display: inline-block;
  line-height: 32px;
}
#customSort li .icon-icn_pencil_01 {
  margin-right: 10px;
  position: absolute;
  right: 0px;
  top: 8px;
}
#customSort li .name {
  margin-right: 30px;
}
#customSort li i,
#treehierarchy li span {
  cursor: pointer;
  max-width: 200px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
  vertical-align: middle;
}
#customSort li.drop-hover,
.drop-hover {
  background-color: rgba(0, 0, 0, 0.1);
}
#customSort li.selected {
  background-color: rgba(0, 0, 0, 0.1);
}
#customSort li span.selected {
  color: #535353;
  background-color: rgba(0, 0, 0, 0.1);
}
.dndPlaceholder {
  background-color: #ddd;
  min-height: 32px;
  border-radius: 14px;
  display: block;
  position: relative;
}
.dndDragging {
  opacity: 0.5;
}
.dndDraggingSource {
  opacity: 1.0;
}
.treeviewLayerLoad {
  width: 18px;
  height: 18px;
  margin-top: -5px;
  background-image: url(img/cantoloading.gif);
  background-size: contain;
  display: inline-block;
}
.paste-tree {
  position: absolute;
  top: 6px;
  right: 20px;
}
.root-text .paste-tree {
  top: 10px;
}
.empty i {
  opacity: .5;
}
.empty i.icon-s-Arrow1_16,
.empty i.icon-s-Arrow2_16 {
  visibility: hidden;
}
.empty span {
  font-style: italic;
  opacity: .5;
  padding-right: 5px;
}
.tr-remb {
  margin: 0 2px 0px 1px;
}
.signal-node {
  border-radius: 15px;
  line-height: 32px;
  margin-top: 4px;
}
.signal-node i {
  font-size: 20px;
}
.signal-node span {
  font-size: 14px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 400px;
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 70px);
}
.signal-node span.shared-album {
  width: calc(100% - 90px);
}
.signal-node i,
.signal-node img {
  margin-left: 45px;
  vertical-align: middle;
}
.signal-node i.shared-collection,
.signal-node img.shared-collection {
  margin-left: 65px;
}
.signal-node .ml10 {
  margin-left: 10px!important;
}
.pl-10 {
  padding-left: 10px;
}
.lh-20 {
  line-height: 20px;
}
.tree-my-cln {
  background-color: #7ED320;
  color: #ffffff ;
}
.tree-my-cln-l {
  color: #7ED320!important;
}
div.icon-egnyte_folder,
i.icon-egnyte_folder,
i.icon-egnyte_folder_open,
i.icon-onedrive_folder,
div.icon-onedrive_folder,
i.icon-onedrive_folder_open,
i.icon-sharepoint_folder_open,
i.icon-sharepoint_folder,
div.icon-sharepoint_folder {
  font-family: 'icomoon' !important;
}
.icon-egnyte_folder:before {
  content: "\e9db";
}
.icon-egnyte_folder_open:before {
  content: "\e9dc";
}
.icon-onedrive_folder:before {
  content: "\e9ed";
}
.icon-onedrive_folder_open:before {
  content: "\e9f1";
}
.icon-sharepoint_folder:before {
  content: "\e9ef";
}
.icon-sharepoint_folder_open:before {
  content: "\e9f0";
}
.treeview-container .icon-s-cantologo {
  color: orange;
  background-color: white;
  border-radius: 5px;
}
.treeview-container .con-point {
  height: 30px;
  position: absolute;
  left: 0px;
  padding-top: 8px;
}
.treeview-container .con-point .dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: red;
}
.treeview-container .lev-point {
  position: absolute;
  width: 15px;
  height: 25px;
  padding-top: 12px;
  padding-left: 5px;
}
.treeview-container .lev-point .dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: red;
}
.treeview-container .sync-clear {
  float: right;
  margin-right: 20px;
  margin-top: 2px;
  font-size: 18px;
}
.tree-warn {
  color: #000;
  background-color: #f5f5f5;
  padding: 8px 10px 8px 10px;
  margin-top: 4px;
  border-radius: 4px;
  display: flex;
  line-height: 24px;
  margin-bottom: 20px;
  margin-right: 30px;
  margin-left: 10px;
  font-weight: 400;
}
.tree-warn .w-icon {
  margin-right: 5px;
  margin-top: 5px;
  cursor: default;
}
.tree-warn a {
  color: #009FEB;
  text-decoration: underline;
  cursor: pointer;
}
.shareview .nav {
  width: 100%;
  min-width: 1280px;
  height: 67px;
  position: absolute;
  top: 0px;
  left: 0px;
  zoom: 1;
  margin: 0;
  background: rgba(0, 169, 221, 0);
  z-index: 5;
}
.shareview .nav .nav-left {
  float: left;
}
.shareview .nav .nav-left .nav-logo {
  position: absolute;
  height: 57px;
  margin-left: 10px;
  margin-top: 5px;
}
.shareview .nav .nav-right {
  position: absolute;
  bottom: 5px;
  right: 10px;
  color: #ffffff;
}
.shareview .bottom .bottom-left span {
  color: #ffffff;
}
.add-share-dialog {
  margin: auto;
}
.add-share-dialog .modal-dialog {
  width: 655px;
}
.add-share-dialog .modal-body {
  text-align: center;
  overflow: hidden;
  padding: 0px 21px;
}
.add-share-dialog .share-email-icon {
  background-image: url(img/email.png);
  background-repeat: no-repeat;
  cursor: pointer;
  display: inline-block;
  width: 60px;
  height: 58px;
  margin: 2px 7px;
  outline-color: red;
}
.add-share-dialog .share-dropbox-icon {
  background-image: url(img/b.png);
  background-repeat: no-repeat;
  cursor: pointer;
  display: inline-block;
  width: 60px;
  height: 58px;
  margin: 2px 7px;
  outline-color: red;
}
.add-share-dialog .share-pinterest-icon {
  background-image: url(img/pinterest.png);
  background-repeat: no-repeat;
  cursor: pointer;
  display: inline-block;
  width: 60px;
  height: 58px;
  margin: 2px 7px;
  outline-color: red;
}
.add-share-dialog .share-facebook-icon {
  background-image: url(img/facebook.png);
  background-repeat: no-repeat;
  cursor: pointer;
  display: inline-block;
  width: 60px;
  height: 58px;
  margin: 2px 7px;
  outline-color: red;
}
.add-share-dialog .share-box-icon {
  background-image: url(img/box.png);
  background-repeat: no-repeat;
  cursor: pointer;
  display: inline-block;
  width: 60px;
  height: 58px;
  margin: 2px 7px;
  outline-color: red;
}
.add-share-dialog .share-twitter-icon {
  background-image: url(img/x.png);
  background-repeat: no-repeat;
  cursor: pointer;
  display: inline-block;
  width: 60px;
  height: 58px;
  margin: 2px 7px;
  outline-color: red;
}
.add-share-dialog .share-linkedin-icon {
  background-image: url(img/lkn.png);
  background-repeat: no-repeat;
  cursor: pointer;
  display: inline-block;
  width: 60px;
  height: 58px;
  margin: 2px 7px;
  outline-color: red;
  background-color: white;
}
.add-share-dialog .share-onedrive-icon {
  background-image: url(img/onedrive.png);
  background-repeat: no-repeat;
  cursor: pointer;
  display: inline-block;
  width: 60px;
  height: 58px;
  margin: 2px 7px;
  outline-color: red;
  background-color: white;
}
.add-share-dialog .share-sharepoint-icon {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50" width="40px" height="40px"><path d="M 28.875 0 C 28.855469 0.0078125 28.832031 0.0195313 28.8125 0.03125 L 0.8125 5.3125 C 0.335938 5.402344 -0.0078125 5.824219 0 6.3125 L 0 43.59375 C -0.0078125 44.082031 0.335938 44.503906 0.8125 44.59375 L 28.8125 49.96875 C 29.101563 50.023438 29.402344 49.949219 29.632813 49.761719 C 29.859375 49.574219 29.996094 49.296875 30 49 L 30 41.90625 C 30.351563 41.964844 30.683594 42 31 42 C 34.242188 42 36.871094 39.457031 37 36.25 C 39.667969 35.269531 41.894531 33.417969 43.34375 30.96875 C 43.554688 30.992188 43.78125 31 44 31 C 47.300781 31 50 28.300781 50 25 C 50 21.699219 47.300781 19 44 19 C 43.804688 19 43.597656 19.011719 43.40625 19.03125 C 41.957031 16.523438 39.683594 14.644531 36.96875 13.65625 C 36.792969 10.492188 34.210938 8 31 8 C 30.664063 8 30.332031 8.007813 30 8.0625 L 30 1 C 30.003906 0.710938 29.878906 0.4375 29.664063 0.246094 C 29.449219 0.0546875 29.160156 -0.0351563 28.875 0 Z M 28 2.1875 L 28 47.8125 L 2 42.78125 L 2 7.125 Z M 31 10 C 33.277344 10 35 11.722656 35 14 C 35 16.277344 33.277344 18 31 18 C 30.675781 18 30.316406 17.957031 30 17.875 L 30 10.125 C 30.289063 10.042969 30.601563 10 31 10 Z M 14.59375 15.40625 C 13.59375 15.40625 12.710938 15.488281 11.8125 15.6875 C 10.914063 15.886719 10.199219 16.289063 9.5 16.6875 C 8.800781 17.1875 8.304688 17.707031 7.90625 18.40625 C 7.507813 19.105469 7.3125 19.90625 7.3125 20.90625 C 7.3125 22.105469 7.707031 23.101563 8.40625 24 C 9.105469 24.898438 10.195313 25.585938 11.59375 26.1875 C 12.195313 26.488281 12.6875 26.707031 13.1875 26.90625 C 13.6875 27.105469 14.101563 27.394531 14.5 27.59375 C 14.800781 27.894531 15.113281 28.105469 15.3125 28.40625 C 15.511719 28.707031 15.59375 29.007813 15.59375 29.40625 C 15.59375 29.605469 15.507813 29.894531 15.40625 30.09375 C 15.304688 30.292969 15.113281 30.488281 14.8125 30.6875 C 14.511719 30.886719 14.210938 30.992188 13.8125 31.09375 C 13.414063 31.195313 12.90625 31.1875 12.40625 31.1875 C 11.507813 31.1875 10.710938 30.988281 9.8125 30.6875 C 8.914063 30.386719 8.105469 29.914063 7.40625 29.3125 L 7.40625 33.40625 C 8.007813 33.707031 8.789063 33.992188 9.6875 34.09375 C 10.585938 34.292969 11.59375 34.40625 12.59375 34.40625 C 13.59375 34.40625 14.507813 34.292969 15.40625 34.09375 C 16.304688 33.894531 16.988281 33.585938 17.6875 33.1875 C 18.386719 32.789063 18.914063 32.199219 19.3125 31.5 C 19.613281 30.800781 19.804688 30.007813 19.90625 28.90625 C 19.90625 28.207031 19.792969 27.601563 19.59375 27 C 19.292969 26.398438 18.992188 25.898438 18.59375 25.5 C 18.195313 25 17.695313 24.613281 17.09375 24.3125 C 16.492188 23.914063 15.792969 23.613281 15.09375 23.3125 C 14.59375 23.113281 14.085938 22.886719 13.6875 22.6875 C 13.289063 22.488281 12.894531 22.292969 12.59375 22.09375 C 12.292969 21.894531 12.105469 21.605469 11.90625 21.40625 C 11.804688 21.207031 11.6875 20.894531 11.6875 20.59375 C 11.6875 20.292969 11.804688 20.011719 11.90625 19.8125 C 12.007813 19.613281 12.199219 19.386719 12.5 19.1875 C 12.800781 18.988281 13.101563 18.914063 13.5 18.8125 C 13.898438 18.710938 14.3125 18.6875 14.8125 18.6875 C 15.210938 18.6875 15.507813 18.710938 15.90625 18.8125 C 16.207031 18.8125 16.601563 18.898438 17 19 C 17.398438 19.101563 17.695313 19.207031 18.09375 19.40625 C 18.492188 19.605469 18.792969 19.800781 19.09375 20 L 19.09375 16.09375 C 18.492188 15.894531 17.792969 15.695313 17.09375 15.59375 C 16.394531 15.492188 15.59375 15.40625 14.59375 15.40625 Z M 36.75 15.6875 C 38.667969 16.492188 40.28125 17.84375 41.40625 19.59375 C 39.394531 20.566406 38 22.625 38 25 C 38 27.347656 39.367188 29.390625 41.34375 30.375 C 40.210938 32.097656 38.625 33.429688 36.71875 34.21875 C 35.960938 31.773438 33.699219 30 31 30 C 30.664063 30 30.332031 30.007813 30 30.0625 L 30 19.90625 C 30.351563 19.964844 30.683594 20 31 20 C 33.734375 20 36.023438 18.183594 36.75 15.6875 Z M 44 21 C 46.222656 21 48 22.777344 48 25 C 48 27.222656 46.222656 29 44 29 C 41.777344 29 40 27.222656 40 25 C 40 22.777344 41.777344 21 44 21 Z M 31 32 C 33.277344 32 35 33.722656 35 36 C 35 38.277344 33.277344 40 31 40 C 30.675781 40 30.316406 39.957031 30 39.875 L 30 32.125 C 30.289063 32.042969 30.601563 32 31 32 Z" fill="rgb(255,255,255)"/></svg>');
  background-repeat: no-repeat;
  cursor: pointer;
  display: inline-block;
  width: 60px;
  height: 58px;
  margin: 2px 7px;
  outline-color: red;
  background-color: #34c7d1;
  background-position: center;
}
.add-share-dialog .share-googledrive-icon {
  background-image: url(img/google_drive_large.png);
  background-repeat: no-repeat;
  cursor: pointer;
  display: inline-block;
  width: 60px;
  height: 58px;
  margin: 2px 7px;
  outline-color: red;
  background-position: center;
  background-size: contain;
}
.add-share-dialog .share-wrike-icon {
  background-image: url(img/wrike.png);
  background-repeat: no-repeat;
  cursor: pointer;
  display: inline-block;
  width: 60px;
  height: 58px;
  margin: 2px 7px;
  outline-color: red;
  background-position: center;
  background-size: contain;
}
.add-share-dialog .share-link-icon {
  background-image: url(img/link.png);
  background-repeat: no-repeat;
  cursor: pointer;
  display: inline-block;
  width: 60px;
  height: 58px;
  margin: 2px 7px;
  outline-color: red;
}
.add-share-dialog .share-vimeo-icon {
  background-image: url(img/vimeo.png);
  background-repeat: no-repeat;
  cursor: pointer;
  display: inline-block;
  width: 60px;
  height: 58px;
  margin: 2px 7px;
  outline-color: red;
}
.add-share-dialog .share-youtube-icon {
  background-image: url(img/youtube_square_red.png);
  background-repeat: no-repeat;
  cursor: pointer;
  display: inline-block;
  width: 60px;
  height: 58px;
  margin: 2px 7px;
  outline-color: red;
  background-size: contain;
}
.add-share-dialog .share-slack-icon {
  background-image: url(img/slack-01.png);
  background-repeat: no-repeat;
  cursor: pointer;
  display: inline-block;
  width: 60px;
  height: 58px;
  margin: 2px 7px;
  outline-color: red;
}
.add-share-dialog .share-egnyte-icon {
  background-image: url(img/eg.png);
  background-repeat: no-repeat;
  cursor: pointer;
  display: inline-block;
  width: 60px;
  height: 58px;
  margin: 2px 7px;
  outline-color: red;
}
.share-email-dialog {
  margin: auto;
}
.share-email-dialog .password-wrapper {
  position: relative;
}
.share-email-dialog .password-wrapper .input-eye {
  position: absolute;
  right: 15px;
  top: -2px;
}
.share-email-dialog .password-wrapper .eye-icon {
  width: 1.5rem;
  height: 1.5rem;
}
.share-email-dialog .modal-content {
  padding: 0px 20px;
}
.share-email-dialog .shareEmailBorder {
  border: 1px solid grey;
}
.share-email-dialog .modal-body {
  padding: 15px;
}
.share-email-dialog .modal-body .form-label {
  text-align: right;
  line-height: 35px;
  height: 50px;
  padding: 0 5px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.share-email-dialog .modal-body .water-field {
  width: 100%;
}
.share-email-dialog .modal-body .water-field input {
  width: 100%;
}
.share-email-dialog .modal-body .labels {
  float: left;
  min-width: 25%;
}
.share-email-dialog .modal-body .enable {
  text-align: left;
  margin-bottom: 15px;
}
.share-email-dialog .modal-body .enableOption {
  text-align: left;
  margin-bottom: 10px;
}
.share-email-dialog .modal-body .invalid-tips {
  color: red;
}
.share-email-dialog .modal-body .share-success {
  line-height: 22px;
  word-break: break-all;
}
.share-email-dialog .modal-body .txt-mes {
  padding-top: 10px;
  padding-right: 5px;
}
.share-email-dialog .modal-body .field {
  display: inline-block;
  margin-left: 5px;
}
.share-email-dialog .modal-body .field .error {
  margin: 0 5px;
  line-height: 30px;
  display: inline-block;
}
.share-email-dialog .modal-body .field .day {
  line-height: 30px;
  padding-left: 10px;
}
.share-email-dialog .modal-body .field input[name='email'] {
  width: 360px;
  padding-right: 25px;
}
.share-email-dialog .modal-body .field .warning-icon {
  position: absolute;
  top: 8px;
  right: 38px;
}
.share-email-dialog .modal-body .field .waring-tooltip {
  width: 160px;
}
.share-email-dialog .modal-body .field input[name='expirationDate'] {
  width: 150px;
}
.share-email-dialog .modal-body .field textarea[name='description'] {
  width: 360px;
  resize: none;
  height: 60px;
  border-radius: 0px;
  scrollbar-base-color: #C0C0C0;
  scrollbar-face-color: #626262;
  scrollbar-3dlight-color: #C0C0C0;
  scrollbar-highlight-color: #C0C0C0;
  scrollbar-track-color: #dddddd;
  scrollbar-arrow-color: black;
  scrollbar-shadow-color: #C0C0C0;
  scrollbar-dark-shadow-color: #C0C0C0;
}
.share-email-dialog .modal-body .field textarea[name='description']::-webkit-scrollbar-thumb {
  background-color: #626262;
  height: 20px;
  outline-offset: -2px;
}
.share-email-dialog .modal-body .field textarea[name='description']::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.share-email-dialog .modal-body .field textarea[name='description']::-webkit-scrollbar-track-piece {
  background-color: #dddddd;
  -webkit-border-radius: 0;
}
.share-email-dialog .modal-body .field .date-icon {
  background-image: url(img/icons.png);
  background-repeat: no-repeat;
  cursor: pointer;
  width: 24px;
  height: 30px;
  background-position: -420px -270px;
}
.share-email-dialog .modal-body .field span.required {
  color: red;
  line-height: 34px;
  padding: 0 10px;
}
.share-email-dialog .share-email-date {
  color: #808080;
  font-size: 20px;
  line-height: 30px;
  margin-left: 3px;
  cursor: pointer;
}
.share-email-dialog .option {
  text-align: left;
}
.share-email-dialog .inline-block {
  display: inline-block;
  white-space: nowrap;
  vertical-align: middle;
}
.share-email-dialog .inline-block.disable {
  opacity: 0.8;
}
.share-email-dialog .inline-block > input {
  width: 120px;
  margin: 1px 6px;
}
.share-email-dialog .inline-block > button {
  height: 30px;
  padding: 0 24px !important;
}
.auth-prompt-dialog {
  background: no-repeat bottom right;
  background-position: bottom 30px right 30px;
  margin: auto;
}
.auth-prompt-dialog .modal-body {
  overflow: hidden;
  margin: 20px;
  font-weight: 400;
}
.auth-prompt-dialog .modal-body .tips3 {
  margin-top: 10px;
  padding-top: 10px;
  margin-bottom: 30px;
  border-top: 1px dashed #666;
}
.auth-dropbox-dialog {
  background-image: url(img/Dropbox.png);
}
.share-dropbox-dialog {
  background-image: url(img/Dropbox.png);
  background-repeat: no-repeat;
  background-position: bottom right;
  margin: auto;
}
.share-dropbox-dialog .modal-body {
  overflow: auto;
  scrollbar-base-color: #C0C0C0;
  scrollbar-face-color: #626262;
  scrollbar-3dlight-color: #C0C0C0;
  scrollbar-highlight-color: #C0C0C0;
  scrollbar-track-color: #dddddd;
  scrollbar-arrow-color: black;
  scrollbar-shadow-color: #C0C0C0;
  scrollbar-dark-shadow-color: #C0C0C0;
}
.share-dropbox-dialog .modal-body::-webkit-scrollbar-thumb {
  background-color: #626262;
}
.share-dropbox-dialog .modal-body::-webkit-scrollbar-track-piece {
  background-color: #dddddd;
  -webkit-border-radius: 0;
}
.share-dropbox-dialog .modal-body::-webkit-scrollbar {
  width: 10px;
}
.share-dropbox-dialog .modal-body::-webkit-scrollbar-thumb {
  background-color: #626262;
}
.share-dropbox-dialog .modal-body::-webkit-scrollbar-track-piece {
  background-color: #dddddd;
  -webkit-border-radius: 0;
}
.share-dropbox-dialog .modal-body::-webkit-scrollbar {
  height: 10px;
}
.auth-egnyte-dialog {
  background-image: url(img/egnyte.png);
}
.share-egnyte-dialog {
  background-image: url(img/egnyte.png);
  background-repeat: no-repeat;
  background-position: bottom right;
  margin: auto;
}
.share-egnyte-dialog .modal-body {
  overflow: auto;
  scrollbar-base-color: #C0C0C0;
  scrollbar-face-color: #626262;
  scrollbar-3dlight-color: #C0C0C0;
  scrollbar-highlight-color: #C0C0C0;
  scrollbar-track-color: #dddddd;
  scrollbar-arrow-color: black;
  scrollbar-shadow-color: #C0C0C0;
  scrollbar-dark-shadow-color: #C0C0C0;
}
.share-egnyte-dialog .modal-body::-webkit-scrollbar-thumb {
  background-color: #626262;
}
.share-egnyte-dialog .modal-body::-webkit-scrollbar-track-piece {
  background-color: #dddddd;
  -webkit-border-radius: 0;
}
.share-egnyte-dialog .modal-body::-webkit-scrollbar {
  width: 10px;
}
.share-egnyte-dialog .modal-body::-webkit-scrollbar-thumb {
  background-color: #626262;
}
.share-egnyte-dialog .modal-body::-webkit-scrollbar-track-piece {
  background-color: #dddddd;
  -webkit-border-radius: 0;
}
.share-egnyte-dialog .modal-body::-webkit-scrollbar {
  height: 10px;
}
.share-pinterest-dialog {
  background-image: url(img/pinterest150.png);
  background-repeat: no-repeat;
  background-position: bottom right;
  margin: auto;
}
.share-pinterest-dialog .modal-body {
  overflow: hidden;
  margin: 20px;
}
.share-pinterest-dialog .modal-body .tips1 {
  margin-top: 10px;
  padding-top: 10px;
  font-weight: 400;
  line-height: 35px;
}
.share-pinterest-dialog .modal-body .tips1 strong {
  margin-right: 10px;
}
.share-facebook-view {
  margin: 8px;
  text-align: center;
  font-size: 14px;
}
.share-facebook-view .share-facebook-title-bar {
  height: 50px;
  line-height: 50px;
  margin-top: 30px;
}
.share-facebook-view .share-facebook-title-bar .share-fb-title {
  font-size: 24px;
  font-weight: 700;
  position: relative;
  bottom: 8px;
  left: 6px;
}
.share-facebook-view .share-facebook-title-bar .share-fb-icon {
  font-size: 40px;
  position: relative;
  line-height: 50px;
  color: #6678C5;
}
.share-facebook-view .share-facebook-msg {
  margin-top: 10px;
}
.share-facebook-view .btn-default {
  height: 32px;
  color: #fff !important;
  border: 1px solid transparent;
  font-weight: bold;
  font-size: 14px;
  color: #4A4A4A;
  min-width: 90px;
  outline: none;
  border-radius: 25px;
  margin-left: 0px!important;
}
.share-facebook-view .subject,
.share-facebook-view .subject-facebook {
  margin-top: 30px;
}
.share-facebook-view .subject > div:first-child,
.share-facebook-view .subject-facebook > div:first-child {
  margin-top: 8px;
  text-align: right;
  font-size: 14px;
  font-weight: 600;
  margin-left: calc(50% - 150px);
  width: 300px;
  margin-bottom: 10px;
  text-align: left;
}
.share-facebook-view .subject:after,
.share-facebook-view .subject-facebook:after {
  display: block;
  clear: both;
  content: "";
  visibility: hidden;
  height: 0;
}
.share-facebook-view .subject input,
.share-facebook-view .subject-facebook input {
  outline: none;
  border-radius: 25px;
  border: 1px solid;
  width: 300px;
  height: 32px;
  padding-left: 10px;
}
.share-facebook-view section {
  margin-left: calc(50% - 150px);
  text-align: left;
}
.auth-box-dialog {
  background-image: url(img/box150.png);
}
.auth-googledrive-dialog {
  background-image: url(img/googleDrive150.png);
}
.share-box-dialog {
  background-image: url(img/box150.png);
  background-repeat: no-repeat;
  background-position: bottom right;
}
.share-box-dialog .modal-body {
  overflow: auto;
  scrollbar-base-color: #C0C0C0;
  scrollbar-face-color: #626262;
  scrollbar-3dlight-color: #C0C0C0;
  scrollbar-highlight-color: #C0C0C0;
  scrollbar-track-color: #dddddd;
  scrollbar-arrow-color: black;
  scrollbar-shadow-color: #C0C0C0;
  scrollbar-dark-shadow-color: #C0C0C0;
}
.share-box-dialog .modal-body::-webkit-scrollbar-thumb {
  background-color: #626262;
}
.share-box-dialog .modal-body::-webkit-scrollbar-track-piece {
  background-color: #dddddd;
  -webkit-border-radius: 0;
}
.share-box-dialog .modal-body::-webkit-scrollbar {
  width: 10px;
}
.share-box-dialog .modal-body::-webkit-scrollbar-thumb {
  background-color: #626262;
}
.share-box-dialog .modal-body::-webkit-scrollbar-track-piece {
  background-color: #dddddd;
  -webkit-border-radius: 0;
}
.share-box-dialog .modal-body::-webkit-scrollbar {
  height: 10px;
}
.auth-twitter-dialog {
  background-image: url(img/twitter150.png);
}
.auth-linkedin-dialog {
  background-image: url(img/linkedin.png);
}
.share-linkedin-dialog {
  background-image: url(img/linkedin.png);
}
.auth-onedrive-dialog {
  background-image: url(img/onedrive-256.png);
}
.share-onedrive-dialog {
  background-image: url(img/onedrive-256.png);
}
.share-googledrive-dialog {
  background-image: url(img/googleDrive150.png);
}
.authz-googledrive-dialog {
  background-image: url(img/googleDrive150.png);
}
.share-twitter-dialog {
  background-image: url(img/twitter150.png);
}
.share-twitter-dialog,
.share-linkedin-dialog,
.share-onedrive-dialog,
.share-googledrive-dialog {
  background-repeat: no-repeat;
  background-position: bottom right;
}
.share-twitter-dialog .modal-body,
.share-linkedin-dialog .modal-body,
.share-onedrive-dialog .modal-body,
.share-googledrive-dialog .modal-body {
  overflow: auto;
  scrollbar-base-color: #C0C0C0;
  scrollbar-face-color: #626262;
  scrollbar-3dlight-color: #C0C0C0;
  scrollbar-highlight-color: #C0C0C0;
  scrollbar-track-color: #dddddd;
  scrollbar-arrow-color: black;
  scrollbar-shadow-color: #C0C0C0;
  scrollbar-dark-shadow-color: #C0C0C0;
}
.share-twitter-dialog .modal-body::-webkit-scrollbar-thumb,
.share-linkedin-dialog .modal-body::-webkit-scrollbar-thumb,
.share-onedrive-dialog .modal-body::-webkit-scrollbar-thumb,
.share-googledrive-dialog .modal-body::-webkit-scrollbar-thumb {
  background-color: #626262;
}
.share-twitter-dialog .modal-body::-webkit-scrollbar-track-piece,
.share-linkedin-dialog .modal-body::-webkit-scrollbar-track-piece,
.share-onedrive-dialog .modal-body::-webkit-scrollbar-track-piece,
.share-googledrive-dialog .modal-body::-webkit-scrollbar-track-piece {
  background-color: #dddddd;
  -webkit-border-radius: 0;
}
.share-twitter-dialog .modal-body::-webkit-scrollbar,
.share-linkedin-dialog .modal-body::-webkit-scrollbar,
.share-onedrive-dialog .modal-body::-webkit-scrollbar,
.share-googledrive-dialog .modal-body::-webkit-scrollbar {
  width: 10px;
}
.share-twitter-dialog .modal-body::-webkit-scrollbar-thumb,
.share-linkedin-dialog .modal-body::-webkit-scrollbar-thumb,
.share-onedrive-dialog .modal-body::-webkit-scrollbar-thumb,
.share-googledrive-dialog .modal-body::-webkit-scrollbar-thumb {
  background-color: #626262;
}
.share-twitter-dialog .modal-body::-webkit-scrollbar-track-piece,
.share-linkedin-dialog .modal-body::-webkit-scrollbar-track-piece,
.share-onedrive-dialog .modal-body::-webkit-scrollbar-track-piece,
.share-googledrive-dialog .modal-body::-webkit-scrollbar-track-piece {
  background-color: #dddddd;
  -webkit-border-radius: 0;
}
.share-twitter-dialog .modal-body::-webkit-scrollbar,
.share-linkedin-dialog .modal-body::-webkit-scrollbar,
.share-onedrive-dialog .modal-body::-webkit-scrollbar,
.share-googledrive-dialog .modal-body::-webkit-scrollbar {
  height: 10px;
}
.share-twitter-dialog .modal-body .share-preview-area,
.share-linkedin-dialog .modal-body .share-preview-area,
.share-onedrive-dialog .modal-body .share-preview-area,
.share-googledrive-dialog .modal-body .share-preview-area {
  padding: 5px;
  text-align: center;
  margin: 5px auto;
  width: 75%;
  float: left;
  margin-left: 50px;
}
.share-twitter-dialog .modal-body .share-preview-area .share-image,
.share-linkedin-dialog .modal-body .share-preview-area .share-image,
.share-onedrive-dialog .modal-body .share-preview-area .share-image,
.share-googledrive-dialog .modal-body .share-preview-area .share-image {
  max-width: 240px;
}
.share-twitter-dialog .modal-body .form-label,
.share-linkedin-dialog .modal-body .form-label,
.share-onedrive-dialog .modal-body .form-label,
.share-googledrive-dialog .modal-body .form-label {
  width: 25%;
  float: left;
  text-align: right;
  line-height: 30px;
  padding: 0 5px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.share-twitter-dialog .modal-body .field,
.share-linkedin-dialog .modal-body .field,
.share-onedrive-dialog .modal-body .field,
.share-googledrive-dialog .modal-body .field {
  width: 75%;
  float: left;
}
.share-twitter-dialog .modal-body .field *,
.share-linkedin-dialog .modal-body .field *,
.share-onedrive-dialog .modal-body .field *,
.share-googledrive-dialog .modal-body .field * {
  float: left;
}
.share-twitter-dialog .modal-body .field textarea[name='description'],
.share-linkedin-dialog .modal-body .field textarea[name='description'],
.share-onedrive-dialog .modal-body .field textarea[name='description'],
.share-googledrive-dialog .modal-body .field textarea[name='description'] {
  width: 300px;
  resize: none;
  height: 60px;
  border-radius: 0px;
  scrollbar-base-color: #C0C0C0;
  scrollbar-face-color: #626262;
  scrollbar-3dlight-color: #C0C0C0;
  scrollbar-highlight-color: #C0C0C0;
  scrollbar-track-color: #dddddd;
  scrollbar-arrow-color: black;
  scrollbar-shadow-color: #C0C0C0;
  scrollbar-dark-shadow-color: #C0C0C0;
}
.share-twitter-dialog .modal-body .field textarea[name='description']::-webkit-scrollbar-thumb,
.share-linkedin-dialog .modal-body .field textarea[name='description']::-webkit-scrollbar-thumb,
.share-onedrive-dialog .modal-body .field textarea[name='description']::-webkit-scrollbar-thumb,
.share-googledrive-dialog .modal-body .field textarea[name='description']::-webkit-scrollbar-thumb {
  background-color: #626262;
  height: 20px;
  outline-offset: -2px;
}
.share-twitter-dialog .modal-body .field textarea[name='description']::-webkit-scrollbar,
.share-linkedin-dialog .modal-body .field textarea[name='description']::-webkit-scrollbar,
.share-onedrive-dialog .modal-body .field textarea[name='description']::-webkit-scrollbar,
.share-googledrive-dialog .modal-body .field textarea[name='description']::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.share-twitter-dialog .modal-body .field textarea[name='description']::-webkit-scrollbar-track-piece,
.share-linkedin-dialog .modal-body .field textarea[name='description']::-webkit-scrollbar-track-piece,
.share-onedrive-dialog .modal-body .field textarea[name='description']::-webkit-scrollbar-track-piece,
.share-googledrive-dialog .modal-body .field textarea[name='description']::-webkit-scrollbar-track-piece {
  background-color: #dddddd;
  -webkit-border-radius: 0;
}
.share-url-area {
  display: flex;
  flex-direction: column;
  padding-left: 20px;
}
.share-url-area a {
  text-align: left;
}
.share-url-area .success-msg {
  font-size: 14px;
  font-weight: 500;
  padding-right: 10px;
  text-align: left;
}
.share-url-area .copy-password {
  text-align: left;
}
.share-url-area .copy-password .color12 {
  margin-left: 10px;
}
.share-url-area .copy-link-url {
  text-align: left;
  display: flex;
}
.share-url-area .copy-link-url button {
  font-size: 16px;
  margin: 0;
  height: 30px;
  line-height: 30px;
  padding-top: 0!important;
  padding-bottom: 0;
  margin-right: 20px;
}
.share-link-dialog .modal-body {
  overflow: auto;
  scrollbar-base-color: #C0C0C0;
  scrollbar-face-color: #626262;
  scrollbar-3dlight-color: #C0C0C0;
  scrollbar-highlight-color: #C0C0C0;
  scrollbar-track-color: #dddddd;
  scrollbar-arrow-color: black;
  scrollbar-shadow-color: #C0C0C0;
  scrollbar-dark-shadow-color: #C0C0C0;
  text-align: center;
}
.share-link-dialog .modal-body::-webkit-scrollbar-thumb {
  background-color: #626262;
}
.share-link-dialog .modal-body::-webkit-scrollbar-track-piece {
  background-color: #dddddd;
  -webkit-border-radius: 0;
}
.share-link-dialog .modal-body::-webkit-scrollbar {
  width: 10px;
}
.share-link-dialog .modal-body::-webkit-scrollbar-thumb {
  background-color: #626262;
}
.share-link-dialog .modal-body::-webkit-scrollbar-track-piece {
  background-color: #dddddd;
  -webkit-border-radius: 0;
}
.share-link-dialog .modal-body::-webkit-scrollbar {
  height: 10px;
}
.share-link-dialog .modal-body .share-link {
  word-break: break-all;
}
.share-link-dialog .modal-body .water-field {
  width: 100%;
}
.share-link-dialog .modal-body .water-field input {
  width: 100%;
}
.share-link-dialog .modal-body .url-input {
  float: left;
  width: 513px;
  border-radius: 0px;
  border: 1px solid #cccccc;
  -webkit-border-radius: 0px;
  box-shadow: none;
  margin: 0px;
  overflow: hidden;
  cursor: pointer;
  outline: none;
  text-align: left;
}
.share-link-dialog .modal-body .url-area {
  position: relative;
  overflow: hidden;
}
.share-link-dialog .modal-body .password-wrapper {
  position: relative;
}
.share-link-dialog .modal-body .password-wrapper .input-eye {
  position: absolute;
  right: 15px;
  top: -2px;
}
.share-link-dialog .modal-body .password-wrapper .eye-icon {
  width: 1.5rem;
  height: 1.5rem;
}
.share-link-dialog .modal-body .enableAdvance {
  text-align: left;
  padding-top: 15px;
}
.share-link-dialog .modal-body .enableAdvance .cp-section {
  display: flex;
  justify-content: space-between;
}
.share-link-dialog .modal-body .enableAdvance .cp-section .url-title {
  width: 6%;
}
.share-link-dialog .modal-body .enableAdvance .cp-section .share-link-url {
  width: 60%;
  max-width: 350px;
}
.share-link-dialog .modal-body .enableOption {
  text-align: left;
  margin-bottom: 10px;
}
.share-link-dialog .modal-body .expired-area {
  display: block;
}
.share-link-dialog .modal-body .mt-10 {
  margin-top: 10px;
}
.share-link-dialog .modal-body .mt-5 {
  margin-top: 5px;
}
.share-link-dialog .modal-body .field-label {
  float: left;
  display: inline-block;
  text-align: right;
  line-height: 30px;
  padding: 5px 5px 5px 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.share-link-dialog .modal-body .field {
  float: left;
  text-align: left;
}
.share-link-dialog .modal-body .field .error {
  margin: 0 5px;
  line-height: 30px;
  display: inline-block;
}
.share-link-dialog .modal-body .field input[name='expirationDate'] {
  width: 250px;
  margin: 0px;
  float: left;
  margin-top: 5px;
}
.share-link-dialog .modal-body .field span.required {
  color: red;
}
.share-link-dialog .modal-body .share-link-date {
  margin-top: 3px;
  font-size: 20px;
  cursor: pointer;
  margin-left: -40px;
  display: inline-block;
}
.share-link-dialog .modal-body span {
  line-height: 30px;
}
.share-link-dialog .modal-body input[readonly] {
  background: transparent;
  cursor: default;
}
.share-link-dialog .option {
  text-align: left;
}
.share-link-dialog .inline-block {
  display: inline-block;
  white-space: nowrap;
  vertical-align: middle;
}
.share-link-dialog .inline-block > input {
  width: 120px;
  margin: 1px 6px;
}
.share-link-dialog .inline-block > button {
  height: 30px;
  padding: 0 24px !important;
}
.share-video-dialog {
  height: auto;
  margin: auto;
  top: 0px!important;
}
.share-video-dialog .modal-content {
  height: 100%;
}
.share-video-dialog.modal .modal-dialog {
  width: calc(100% - 60px);
  height: calc(100% - 30px);
  margin: 0 30px;
}
.share-video-dialog .modal-body {
  max-height: none;
  padding-left: 1px;
  height: calc(100% - 115px);
  padding: 0px !important;
}
.share-video-dialog .modal-body .container {
  height: 100%;
  width: 100%;
}
.share-video-dialog .modal-body .container .preview-video-area {
  width: calc(100% - 450px);
  height: 100%;
  background: url('../assets/img/preview_bk_image.png');
  overflow: hidden;
  text-align: center;
  margin: 0px;
}
.share-video-dialog .modal-body .container .share-option-area {
  position: absolute;
  width: 450px;
  height: 100%;
  top: 0px;
  right: 0px;
  padding-top: 20px;
  padding-left: 20px;
  text-align: center;
  overflow-y: auto;
  scrollbar-base-color: #C0C0C0;
  scrollbar-face-color: #626262;
  scrollbar-3dlight-color: #C0C0C0;
  scrollbar-highlight-color: #C0C0C0;
  scrollbar-track-color: #dddddd;
  scrollbar-arrow-color: black;
  scrollbar-shadow-color: #C0C0C0;
  scrollbar-dark-shadow-color: #C0C0C0;
}
.share-video-dialog .modal-body .container .share-option-area .clip-area-container {
  font-size: 14px;
  font-weight: 400;
}
.share-video-dialog .modal-body .container .share-option-area .clip-area-container .time-adjust-button-group {
  margin: 0px 5px;
}
.share-video-dialog .modal-body .container .share-option-area .clip-area-container .time-adjust-button-group span {
  display: block;
  height: 5px;
  cursor: pointer;
}
.share-video-dialog .modal-body .container .share-option-area .share-option-container {
  margin-top: 70px;
}
.share-video-dialog .modal-body .container .share-option-area .share-option-container .invalid-tips {
  color: red;
}
.share-video-dialog .modal-body .container .share-option-area .share-option-container .enable {
  text-align: left;
}
.share-video-dialog .modal-body .container .share-option-area .share-option-container .enable .warning-icon {
  position: absolute;
  top: 6px;
  right: 6%;
}
.share-video-dialog .modal-body .container .share-option-area .share-option-container .enable .expire-date {
  display: inline-block;
  margin-right: 10px;
  width: 77%;
}
.share-video-dialog .modal-body .container .share-option-area .share-option-container .enable .waring-tooltip {
  width: 160px;
}
.share-video-dialog .modal-body .container .share-option-area .share-option-container .enable .required {
  color: red;
}
.share-video-dialog .modal-body .container .share-option-area .share-option-container .enable .water-field {
  width: 100%;
}
.share-video-dialog .modal-body .container .share-option-area .share-option-container .enable .water-field input {
  width: 95%;
}
.share-video-dialog .modal-body .container .share-option-area .share-option-container .enable textarea[name='description'] {
  width: 90%;
  resize: none;
  height: 60px;
  border-radius: 0px;
  scrollbar-base-color: #C0C0C0;
  scrollbar-face-color: #626262;
  scrollbar-3dlight-color: #C0C0C0;
  scrollbar-highlight-color: #C0C0C0;
  scrollbar-track-color: #dddddd;
  scrollbar-arrow-color: black;
  scrollbar-shadow-color: #C0C0C0;
  scrollbar-dark-shadow-color: #C0C0C0;
}
.share-video-dialog .modal-body .container .share-option-area .share-option-container .enable textarea[name='description']::-webkit-scrollbar-thumb {
  background-color: #626262;
  height: 20px;
  outline-offset: -2px;
}
.share-video-dialog .modal-body .container .share-option-area .share-option-container .enable textarea[name='description']::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.share-video-dialog .modal-body .container .share-option-area .share-option-container .enable textarea[name='description']::-webkit-scrollbar-track-piece {
  background-color: #dddddd;
  -webkit-border-radius: 0;
}
.share-video-dialog .modal-footer {
  padding: 10px 15px 15px;
  overflow-x: auto;
  overflow-y: hidden;
}
.share-vimeo-dialog {
  background-image: url(img/vimeo150.png);
  background-repeat: no-repeat;
  background-position: bottom right;
}
.share-vimeo-dialog .modal-body {
  overflow: auto;
  scrollbar-base-color: #C0C0C0;
  scrollbar-face-color: #626262;
  scrollbar-3dlight-color: #C0C0C0;
  scrollbar-highlight-color: #C0C0C0;
  scrollbar-track-color: #dddddd;
  scrollbar-arrow-color: black;
  scrollbar-shadow-color: #C0C0C0;
  scrollbar-dark-shadow-color: #C0C0C0;
}
.share-vimeo-dialog .modal-body::-webkit-scrollbar-thumb {
  background-color: #626262;
}
.share-vimeo-dialog .modal-body::-webkit-scrollbar-track-piece {
  background-color: #dddddd;
  -webkit-border-radius: 0;
}
.share-vimeo-dialog .modal-body::-webkit-scrollbar {
  width: 10px;
}
.share-vimeo-dialog .modal-body::-webkit-scrollbar-thumb {
  background-color: #626262;
}
.share-vimeo-dialog .modal-body::-webkit-scrollbar-track-piece {
  background-color: #dddddd;
  -webkit-border-radius: 0;
}
.share-vimeo-dialog .modal-body::-webkit-scrollbar {
  height: 10px;
}
.share-vimeo-dialog .modal-body .share-preview-area {
  padding: 5px;
  text-align: center;
  margin: 5px auto;
  width: 75%;
  float: left;
  margin-left: 50px;
}
.share-vimeo-dialog .modal-body .share-preview-area .share-image {
  max-width: 240px;
}
.auth-vimeo-dialog {
  background-image: url(img/vimeo150.png);
}
.share-youtube-dialog {
  background-image: url(img/youtube_square_red_150.png);
  background-repeat: no-repeat;
  background-position: bottom right;
}
.share-youtube-dialog .modal-body {
  overflow: auto;
  scrollbar-base-color: #C0C0C0;
  scrollbar-face-color: #626262;
  scrollbar-3dlight-color: #C0C0C0;
  scrollbar-highlight-color: #C0C0C0;
  scrollbar-track-color: #dddddd;
  scrollbar-arrow-color: black;
  scrollbar-shadow-color: #C0C0C0;
  scrollbar-dark-shadow-color: #C0C0C0;
}
.share-youtube-dialog .modal-body::-webkit-scrollbar-thumb {
  background-color: #626262;
}
.share-youtube-dialog .modal-body::-webkit-scrollbar-track-piece {
  background-color: #dddddd;
  -webkit-border-radius: 0;
}
.share-youtube-dialog .modal-body::-webkit-scrollbar {
  width: 10px;
}
.share-youtube-dialog .modal-body::-webkit-scrollbar-thumb {
  background-color: #626262;
}
.share-youtube-dialog .modal-body::-webkit-scrollbar-track-piece {
  background-color: #dddddd;
  -webkit-border-radius: 0;
}
.share-youtube-dialog .modal-body::-webkit-scrollbar {
  height: 10px;
}
.share-youtube-dialog .modal-body .share-preview-area {
  padding: 5px;
  text-align: center;
  margin: 5px auto;
  width: 75%;
  float: left;
  margin-left: 50px;
}
.share-youtube-dialog .modal-body .share-preview-area .share-image {
  max-width: 240px;
}
.auth-youtube-dialog {
  background-image: url(img/youtube_square_red_150.png);
}
.auth-slack-dialog {
  background-image: url(img/slack150.png);
}
.share-slack-dialog {
  background-image: url(img/slack150.png);
  background-repeat: no-repeat;
  background-position: bottom right;
}
.share-slack-dialog button {
  min-width: 90px;
}
.share-slack-dialog .options {
  padding: 15px 0px;
}
.share-slack-dialog .options > div {
  width: 50%;
}
.share-slack-dialog .options div {
  float: left;
}
.share-slack-dialog .options .check {
  font-size: 14px;
  margin-top: 8px;
  margin-right: 10px;
  color: #9B9B9B;
}
.share-slack-dialog .options:after {
  clear: both;
  display: block;
  content: "";
}
.share-slack-dialog .modal-body {
  overflow: auto;
  scrollbar-base-color: #C0C0C0;
  scrollbar-face-color: #626262;
  scrollbar-3dlight-color: #C0C0C0;
  scrollbar-highlight-color: #C0C0C0;
  scrollbar-track-color: #dddddd;
  scrollbar-arrow-color: black;
  scrollbar-shadow-color: #C0C0C0;
  scrollbar-dark-shadow-color: #C0C0C0;
}
.share-slack-dialog .modal-body::-webkit-scrollbar-thumb {
  background-color: #626262;
}
.share-slack-dialog .modal-body::-webkit-scrollbar-track-piece {
  background-color: #dddddd;
  -webkit-border-radius: 0;
}
.share-slack-dialog .modal-body::-webkit-scrollbar {
  width: 10px;
}
.share-slack-dialog .modal-body::-webkit-scrollbar-thumb {
  background-color: #626262;
}
.share-slack-dialog .modal-body::-webkit-scrollbar-track-piece {
  background-color: #dddddd;
  -webkit-border-radius: 0;
}
.share-slack-dialog .modal-body::-webkit-scrollbar {
  height: 10px;
}
.share-slack-dialog .modal-body .share-preview-area {
  padding: 5px;
  text-align: center;
  margin: 5px auto;
  width: auto;
  float: left;
  margin-left: 30%;
}
.share-slack-dialog .modal-body .share-preview-area .share-image {
  max-width: 240px;
}
.share-slack-dialog .modal-body .size-16 {
  font-size: 16px;
}
.share-slack-dialog .modal-body ul li {
  height: 44px;
}
.share-slack-dialog .modal-body .form-label {
  width: 30%;
  float: left;
  text-align: right;
  line-height: 30px;
  padding: 0 5px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.share-slack-dialog .modal-body .field {
  width: 70%;
  float: left;
}
.share-slack-dialog .modal-body .field * {
  float: left;
}
.share-slack-dialog .modal-body .field .select-wrap {
  width: 300px!important;
  margin-bottom: 19px;
  background-color: transparent;
}
.share-slack-dialog .modal-body .field textarea[name='description'] {
  width: 300px;
  resize: none;
  height: 60px;
  border-radius: 0px;
  scrollbar-base-color: #C0C0C0;
  scrollbar-face-color: #626262;
  scrollbar-3dlight-color: #C0C0C0;
  scrollbar-highlight-color: #C0C0C0;
  scrollbar-track-color: #dddddd;
  scrollbar-arrow-color: black;
  scrollbar-shadow-color: #C0C0C0;
  scrollbar-dark-shadow-color: #C0C0C0;
}
.share-slack-dialog .modal-body .field textarea[name='description']::-webkit-scrollbar-thumb {
  background-color: #626262;
  height: 20px;
  outline-offset: -2px;
}
.share-slack-dialog .modal-body .field textarea[name='description']::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.share-slack-dialog .modal-body .field textarea[name='description']::-webkit-scrollbar-track-piece {
  background-color: #dddddd;
  -webkit-border-radius: 0;
}
.share-protected-password {
  width: 100%;
  height: 100vh;
  position: relative;
  background: white;
}
.share-protected-password .password-wrapper {
  position: relative;
}
.share-protected-password .password-wrapper .input-eye {
  position: absolute;
  right: 30px;
  top: -2px;
}
.share-protected-password .password-wrapper .eye-icon {
  width: 1.5rem;
  height: 1.5rem;
}
.share-protected-password .top {
  width: 100%;
  height: 67px;
  background: #F5F5F5;
}
.share-protected-password .top img {
  height: 45px;
  margin: 11px 20px;
  image-rendering: -webkit-optimize-contrast;
  transform: translateZ(0);
}
.share-protected-password .dialog {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -200px 0 0 -300px;
  width: 600px;
  height: 400px;
  border: #ccc 1px solid;
  border-radius: 25px;
  background: white;
  overflow: hidden;
  box-shadow: 0 2px 4px #CCC;
}
.share-protected-password .dialog .sub-title {
  padding: 20px;
  font-size: 16px;
  font-weight: 500;
  background: #f5f5f5;
  border-bottom: 1px solid #cccccc;
}
.share-protected-password .dialog input {
  margin: 80px 20px 0;
  width: 560px;
  height: 40px;
  border: #ccc 1px solid;
  background: #fff;
  border-radius: 20px;
}
.share-protected-password .dialog .err {
  margin: 10px 20px;
  color: red;
}
.share-protected-password .dialog .btn-wrap {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  text-align: right;
}
.share-protected-password .dialog .btn-wrap button {
  margin: 10px 20px;
  font-size: 16px;
  border: 0;
  padding: 0 20px;
  border-radius: 15px;
  line-height: 30px;
}
.password-req-wrapper {
  text-align: left;
  font-weight: normal;
  font-size: 14px;
}
.password-req-wrapper ul {
  list-style: disc;
  padding-left: 25px;
}
.invalid-password-wrapper {
  padding-left: 10rem;
  font-size: 12px;
}
.error-input {
  border: 1px solid red;
}
/***
Spectrum Colorpicker v1.2.0
https://github.com/bgrins/spectrum
Author: Brian Grinstead
License: MIT
***/
.sp-container {
  position: absolute;
  width: 371px;
  top: 0;
  left: 0;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  /* https://github.com/bgrins/spectrum/issues/40 */
  z-index: 9999994;
  overflow: hidden;
}
.sp-container.sp-flat {
  position: relative;
}
/* http://ansciath.tumblr.com/post/7347495869/css-aspect-ratio */
.sp-top {
  position: relative;
  width: 100%;
  display: inline-block;
}
.sp-top-inner {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.sp-color {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 20%;
}
.sp-hue {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 84%;
  height: 100%;
}
.sp-clear-enabled .sp-hue {
  top: 33px;
  height: 77.5%;
}
.sp-fill {
  padding-top: 80%;
}
.sp-sat,
.sp-val {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.sp-alpha-enabled .sp-top {
  margin-bottom: 18px;
}
.sp-alpha-enabled .sp-alpha {
  display: block;
}
.sp-alpha-handle {
  position: absolute;
  top: -4px;
  bottom: -4px;
  width: 6px;
  left: 50%;
  cursor: pointer;
  border: 1px solid black;
  background: white;
  opacity: .8;
}
.sp-alpha {
  display: none;
  position: absolute;
  bottom: -14px;
  right: 0;
  left: 0;
  height: 8px;
}
.sp-alpha-inner {
  border: solid 1px #333;
}
.sp-clear {
  display: none;
}
.sp-clear.sp-clear-display {
  background-position: center;
}
.sp-clear-enabled .sp-clear {
  display: block;
  position: absolute;
  top: 0px;
  right: 0;
  bottom: 0;
  left: 84%;
  height: 28px;
}
/* Don't allow text selection */
.sp-container,
.sp-replacer,
.sp-preview,
.sp-dragger,
.sp-slider,
.sp-alpha,
.sp-clear,
.sp-alpha-handle,
.sp-container.sp-dragging .sp-input,
.sp-container button {
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -o-user-select: none;
  user-select: none;
}
.sp-container.sp-input-disabled .sp-input-container {
  display: none;
}
.sp-container.sp-buttons-disabled .sp-button-container {
  display: none;
}
.sp-palette-only .sp-picker-container {
  display: none;
}
.sp-palette-disabled .sp-palette-container {
  display: none;
}
.sp-initial-disabled .sp-initial {
  display: none;
}
/* Gradients for hue, saturation and value instead of images.  Not pretty... but it works */
.sp-sat {
  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#ffffff), to(rgba(204, 154, 129, 0)));
  background-image: -webkit-linear-gradient(left, #ffffff, rgba(204, 154, 129, 0));
  background-image: -moz-linear-gradient(left, #ffffff, rgba(204, 154, 129, 0));
  background-image: -o-linear-gradient(left, #ffffff, rgba(204, 154, 129, 0));
  background-image: -ms-linear-gradient(left, #ffffff, rgba(204, 154, 129, 0));
  background-image: linear-gradient(to right, #ffffff, rgba(204, 154, 129, 0));
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr=#FFFFFFFF, endColorstr=#00CC9A81)";
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr='#FFFFFFFF', endColorstr='#00CC9A81');
}
.sp-val {
  background-image: -webkit-gradient(linear, 0 100%, 0 0, from(#000000), to(rgba(204, 154, 129, 0)));
  background-image: -webkit-linear-gradient(bottom, #000000, rgba(204, 154, 129, 0));
  background-image: -moz-linear-gradient(bottom, #000000, rgba(204, 154, 129, 0));
  background-image: -o-linear-gradient(bottom, #000000, rgba(204, 154, 129, 0));
  background-image: -ms-linear-gradient(bottom, #000000, rgba(204, 154, 129, 0));
  background-image: linear-gradient(to top, #000000, rgba(204, 154, 129, 0));
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00CC9A81, endColorstr=#FF000000)";
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00CC9A81', endColorstr='#FF000000');
}
.sp-hue {
  background: -moz-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
  background: -ms-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
  background: -o-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#ff0000), color-stop(0.17, #ffff00), color-stop(0.33, #00ff00), color-stop(0.5, #00ffff), color-stop(0.67, #0000ff), color-stop(0.83, #ff00ff), to(#ff0000));
  background: -webkit-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
}
/* IE filters do not support multiple color stops.
   Generate 6 divs, line them up, and do two color gradients for each.
   Yes, really.
 */
.sp-1 {
  height: 17%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#ffff00');
}
.sp-2 {
  height: 16%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff00', endColorstr='#00ff00');
}
.sp-3 {
  height: 17%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ff00', endColorstr='#00ffff');
}
.sp-4 {
  height: 17%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffff', endColorstr='#0000ff');
}
.sp-5 {
  height: 16%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000ff', endColorstr='#ff00ff');
}
.sp-6 {
  height: 17%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00ff', endColorstr='#ff0000');
}
.sp-hidden {
  display: none !important;
}
/* Clearfix hack */
.sp-cf:before,
.sp-cf:after {
  content: "";
  display: table;
}
.sp-cf:after {
  clear: both;
}
.sp-cf {
  *zoom: 1;
}
/* Mobile devices, make hue slider bigger so it is easier to slide */
@media (max-device-width: 480px) {
  .sp-color {
    right: 40%;
  }
  .sp-hue {
    left: 63%;
  }
  .sp-fill {
    padding-top: 60%;
  }
}
.sp-dragger {
  border-radius: 5px;
  height: 5px;
  width: 5px;
  border: 1px solid #fff;
  background: #000;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
}
.sp-slider {
  position: absolute;
  top: 0;
  cursor: pointer;
  height: 3px;
  left: -1px;
  right: -1px;
  border: 1px solid #000;
  background: white;
  opacity: .8;
}
/*
Theme authors:
Here are the basic themeable display options (colors, fonts, global widths).
See http://bgrins.github.io/spectrum/themes/ for instructions.
*/
.sp-container {
  border-radius: 5px;
  background-color: #fff;
  padding: 0;
  box-shadow: 0 0 10px #aaa;
}
.sp-container,
.sp-container button,
.sp-container input,
.sp-color,
.sp-hue,
.sp-clear {
  font: normal 12px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.sp-top {
  margin-bottom: 3px;
}
.sp-color,
.sp-hue,
.sp-clear {
  border: solid 1px #666;
}
/* Input */
.sp-input-container {
  float: right;
  width: 130px;
}
.sp-initial-disabled .sp-input-container {
  width: 100%;
}
.sp-input {
  font-size: 12px !important;
  padding: 4px 5px;
  margin: 0;
  width: 100%;
  border-radius: 3px;
  background-color: white;
  color: black;
}
.sp-input:focus {
  border: 1px solid orange;
}
.sp-input.sp-validation-error {
  border: 1px solid red;
  background: #fdd;
}
.sp-picker-container,
.sp-palette-container {
  float: left;
  position: relative;
  padding: 10px;
}
.sp-picker-container {
  width: 225px;
}
/* Palettes */
.sp-palette .sp-thumb-el {
  display: block;
  position: relative;
  float: left;
  margin: 6px;
  cursor: pointer;
  width: 30px;
  height: 27px;
  border-radius: 3px;
}
.sp-palette .sp-thumb-el:hover,
.sp-palette .sp-thumb-el.sp-thumb-active {
  border-color: orange;
}
/* Initial */
.sp-initial {
  float: left;
  border: solid 1px #333;
  border-radius: 3px;
}
.sp-initial span {
  width: 30px;
  height: 25px;
  border: none;
  display: block;
  float: left;
  margin: 0;
}
.sp-initial .sp-clear-display {
  background-position: center;
}
/* Buttons */
.sp-button-container {
  float: right;
}
/* Replacer (the little preview div that shows up instead of the <input>) */
.sp-replacer {
  margin: 0;
  overflow: hidden;
  cursor: pointer;
  padding: 4px;
  display: inline-block;
  *zoom: 1;
  *display: inline;
  border: solid 1px #91765d;
  background: #eee;
  color: #333;
  vertical-align: middle;
}
.sp-replacer:hover,
.sp-replacer.sp-active {
  border-color: #F0C49B;
  color: #111;
}
.sp-replacer.sp-disabled {
  cursor: default;
  border-color: silver;
  color: silver;
}
.sp-dd {
  padding: 2px 0;
  height: 16px;
  line-height: 16px;
  float: left;
  font-size: 10px;
}
.sp-preview {
  position: relative;
  width: 25px;
  height: 20px;
  border: solid 1px #222;
  margin-right: 5px;
  float: left;
  z-index: 0;
}
.sp-palette {
  *width: 220px;
  max-width: 220px;
}
.share-details-info {
  display: flex;
}
.share-details-info .url-title {
  width: 10%;
  min-width: 40px;
}
.share-details-info .copy-part {
  width: 90%;
}
.share-details-info .sp-palette.share-link-url {
  max-width: 340px;
  min-width: 340px;
}
.sp-container {
  padding-bottom: 0;
}
/* Buttons: http://hellohappy.org/css3-buttons/ */
.sp-container button {
  padding: 0.5em 0.8em;
  font-weight: bold;
  font-size: 14px;
  min-width: 80px;
  border-radius: 25px;
  font-family: 'canto-font';
  border: 1px solid transparent;
  color: #fff;
  line-height: 17px;
  float: left;
}
.sp-cancel,
.sp-choose {
  padding: 0.5em 0.8em;
  font-weight: bold;
  font-size: 14px;
  min-width: 80px;
  border-radius: 25px;
  font-family: 'canto-font';
  color: #fff !important;
  float: left;
  margin-right: 10px;
  background: #b6bbc1;
  text-align: center;
  text-decoration: none !important;
}
.sp-palette span:hover,
.sp-palette span.sp-thumb-active {
  border-color: #000;
}
.sp-preview,
.sp-alpha,
.sp-thumb-el {
  position: relative;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
}
.sp-preview-inner,
.sp-alpha-inner,
.sp-thumb-inner {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.sp-palette .sp-thumb-inner {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  border-radius: 3px;
}
.sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIVJREFUeNpiYBhsgJFMffxAXABlN5JruT4Q3wfi/0DsT64h8UD8HmpIPCWG/KemIfOJCUB+Aoacx6EGBZyHBqI+WsDCwuQ9mhxeg2A210Ntfo8klk9sOMijaURm7yc1UP2RNCMbKE9ODK1HM6iegYLkfx8pligC9lCD7KmRof0ZhjQACDAAceovrtpVBRkAAAAASUVORK5CYII=);
}
.sp-palette .sp-thumb-dark.sp-thumb-active .sp-thumb-inner {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAMdJREFUOE+tkgsNwzAMRMugEAahEAahEAZhEAqlEAZhEAohEAYh81X2dIm8fKpEspLGvudPOsUYpxE2BIJCroJmEW9qJ+MKaBFhEMNabSy9oIcIPwrB+afvAUFoK4H0tMaQ3XtlrggDhOVVMuT4E5MMG0FBbCEYzjYT7OxLEvIHQLY2zWwQ3D+9luyOQTfKDiFD3iUIfPk8VqrKjgAiSfGFPecrg6HN6m/iBcwiDAo7WiBeawa+Kwh7tZoSCGLMqwlSAzVDhoK+6vH4G0P5wdkAAAAASUVORK5CYII=);
}
.sp-clear-display {
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(data:image/gif;base64,R0lGODlhFAAUAPcAAAAAAJmZmZ2dnZ6enqKioqOjo6SkpKWlpaampqenp6ioqKmpqaqqqqurq/Hx8fLy8vT09PX19ff39/j4+Pn5+fr6+vv7+wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAP8ALAAAAAAUABQAAAihAP9FoPCvoMGDBy08+EdhQAIJCCMybCDAAYUEARBAlFiQQoMABQhKUJBxY0SPICEYHBnggEmDKAuoPMjS5cGYMxHW3IiT478JJA8M/CjTZ0GgLRekNGpwAsYABHIypcAgQMsITDtWJYBR6NSqMico9cqR6tKfY7GeBCuVwlipDNmefAtTrkSzB1RaIAoXodsABiZAEFB06gIBWC1mLVgBa0AAOw==);
}
.sp-btn-cancel {
  color: #626262 !important;
  background-color: #e2e2e2 !important;
  font-weight: 400 !important;
}
.sp-btn-cancel:hover {
  color: #303030 !important;
}
a:focus {
  outline: none !important;
  outline-offset: 0 !important;
}
#audio-content {
  overflow-y: hidden;
  scrollbar-base-color: #C0C0C0;
  scrollbar-face-color: #626262;
  scrollbar-3dlight-color: #C0C0C0;
  scrollbar-highlight-color: #C0C0C0;
  scrollbar-track-color: #dddddd;
  scrollbar-arrow-color: black;
  scrollbar-shadow-color: #C0C0C0;
  scrollbar-dark-shadow-color: #C0C0C0;
  min-height: 50px;
}
#audio-content::-webkit-scrollbar-thumb {
  background-color: #626262;
}
#audio-content::-webkit-scrollbar-track-piece {
  background-color: #dddddd;
  -webkit-border-radius: 0;
}
#audio-content::-webkit-scrollbar {
  height: 10px;
}
.list-overview .main-combine {
  min-width: 1000px;
  position: absolute;
  width: 100%;
  height: 100%;
}
.audio-list {
  position: relative;
  min-width: 1000px;
}
.audio-list ul.container {
  width: 100%;
  margin: 0;
  display: table;
}
.audio-list ul,
.audio-list li {
  border-right: solid 1px rgba(153, 153, 153, 0.3);
}
.audio-list ul li {
  overflow: hidden;
  display: table-row;
}
.audio-list ul li div {
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.audio-list ul li > div {
  border-right: solid 1px rgba(153, 153, 153, 0.3);
  padding-left: 5px;
  height: 35px;
  max-height: 35px;
  line-height: 35px;
  vertical-align: middle;
}
.audio-list ul li.selected {
  background-color: rgba(200, 200, 200, 0.1);
}
.audio-list .grid-header {
  height: 40px;
  background-color: #78bff7;
  color: #ffffff;
  text-align: left;
  line-height: 40px;
}
.audio-list .grid-header div {
  height: 40px;
  line-height: 40px;
}
.audio-list .oddRow {
  background-color: #efefef;
}
.audio-list .evenRow {
  background-color: #FFFFFF;
}
.audio-list .data-row {
  text-align: left;
}
.audio-list .data-row:hover {
  background: rgba(0, 0, 0, 0.1);
  color: #ffffff;
  cursor: pointer;
}
.audio-list a {
  color: blue;
}
.audio-list .col-row-num {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
  width: 3%;
  text-align: center;
}
.audio-list .col-name {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
  width: 22%;
  max-width: 22%;
}
.audio-list .col-author {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
  width: 18%;
}
.audio-list .col-time {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
  width: 10%;
}
.audio-list .col-date {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
  width: 12%;
}
.audio-list .col-uploadBy {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
  width: 15%;
}
.audio-list .col-actions {
  display: inline-block;
  min-width: 132px;
  border: none;
}
.audio-list .action-icons {
  height: 18px;
  width: 18px;
  background-image: url(img/icons.png);
  background-repeat: no-repeat;
  position: relative;
  margin-left: 5px;
}
.audio-list .action-icons:hover {
  cursor: pointer;
}
.audio-list .favorite-icon {
  background-position: -451px -129px;
}
.audio-list .favorite-icon-active {
  background-position: 2px -278px !important;
}
.audio-list .favorite-icon:hover,
.audio-list .action-title-icon {
  background-position: -528px -129px;
}
.audio-list .like-icon {
  background-position: -478px -108px;
}
.audio-list .like-icon-active {
  background-position: -310px -131px !important;
}
.audio-list .like-icon:hover {
  background-position: -310px -109px;
}
.audio-list .share-icon {
  background-position: -503px -108px;
}
.audio-list .share-icon:hover {
  background-position: -336px -109px;
}
.audio-list .trashbin-icon {
  background-position: -451px -107px;
}
.audio-list .trashbin-icon:hover {
  background-position: -283px -108px;
}
.audio-list .download-icon {
  background-position: -502px -79px;
}
.audio-list .download-icon:hover {
  background-position: -497px -45px;
}
.audio-pages {
  display: -ms-flexbox;
  -ms-box-orient: horizontal;
  display: -webkit-box;
  display: inline-flex;
  height: 100%;
  zoom: 1;
  position: relative;
  min-width: 1000px;
}
.audio-pages ul.container {
  width: 100%;
  margin: 0;
  display: table;
}
.audio-pages ul,
.audio-pages li {
  border-right: solid 1px rgba(153, 153, 153, 0.3);
}
.audio-pages ul li {
  overflow: hidden;
  display: table-row;
}
.audio-pages ul li div {
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.audio-pages ul li > div {
  border-right: solid 1px rgba(153, 153, 153, 0.3);
  padding-left: 5px;
  height: 35px;
  max-height: 35px;
  line-height: 35px;
  vertical-align: middle;
}
.audio-pages ul li.selected {
  background-color: rgba(200, 200, 200, 0.1);
}
.audio-pages .grid-header {
  height: 40px;
  background-color: #78bff7;
  color: #ffffff;
  text-align: left;
  line-height: 40px;
}
.audio-pages .grid-header div {
  height: 40px;
  line-height: 40px;
}
.audio-pages .oddRow {
  background-color: #efefef;
}
.audio-pages .evenRow {
  background-color: #FFFFFF;
}
.audio-pages .data-row {
  text-align: left;
}
.audio-pages .data-row:hover {
  background: rgba(0, 0, 0, 0.1);
  color: #ffffff;
  cursor: pointer;
}
.audio-pages a {
  color: blue;
}
.audio-pages .col-row-num {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
  width: 3%;
  text-align: center;
}
.audio-pages .col-name {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
  width: 22%;
  max-width: 22%;
}
.audio-pages .col-author {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
  width: 18%;
}
.audio-pages .col-time {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
  width: 10%;
}
.audio-pages .col-date {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
  width: 12%;
}
.audio-pages .col-uploadBy {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
  width: 15%;
}
.audio-pages .col-actions {
  display: inline-block;
  min-width: 132px;
  border: none;
}
.audio-pages .action-icons {
  height: 18px;
  width: 18px;
  background-image: url(img/icons.png);
  background-repeat: no-repeat;
  position: relative;
  margin-left: 5px;
}
.audio-pages .action-icons:hover {
  cursor: pointer;
}
.audio-pages .favorite-icon {
  background-position: -451px -129px;
}
.audio-pages .favorite-icon-active {
  background-position: 2px -278px !important;
}
.audio-pages .favorite-icon:hover,
.audio-pages .action-title-icon {
  background-position: -528px -129px;
}
.audio-pages .like-icon {
  background-position: -478px -108px;
}
.audio-pages .like-icon-active {
  background-position: -310px -131px !important;
}
.audio-pages .like-icon:hover {
  background-position: -310px -109px;
}
.audio-pages .share-icon {
  background-position: -503px -108px;
}
.audio-pages .share-icon:hover {
  background-position: -336px -109px;
}
.audio-pages .trashbin-icon {
  background-position: -451px -107px;
}
.audio-pages .trashbin-icon:hover {
  background-position: -283px -108px;
}
.audio-pages .download-icon {
  background-position: -502px -79px;
}
.audio-pages .download-icon:hover {
  background-position: -497px -45px;
}
.audio-nav-area .next-btn {
  position: absolute;
  right: 0px;
  z-index: 2;
  width: 35px;
  height: 140px;
  text-align: center;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.2);
}
.audio-nav-area .next-btn .next-icon {
  position: relative;
  top: 55px;
  width: 20px;
  height: 30px;
  margin: 0 auto;
  cursor: pointer;
  background-image: url(img/icons.png);
  background-position: -137px -314px;
  background-repeat: no-repeat;
  opacity: 0.5;
}
.audio-nav-area .prev-btn {
  position: absolute;
  left: 0px;
  z-index: 2;
  width: 35px;
  height: 140px;
  text-align: center;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.2);
}
.audio-nav-area .prev-btn .prev-icon {
  position: relative;
  top: 55px;
  width: 20px;
  height: 30px;
  margin: 0 auto;
  cursor: pointer;
  background-image: url(img/icons.png);
  background-position: -162px -315px;
  background-repeat: no-repeat;
  opacity: 0.5;
}
.operate-panel {
  position: absolute;
  top: 121px;
  bottom: 0px;
  z-index: 4;
  zoom: 1;
  overflow: visible;
  margin: 0px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  line-height: 100%;
  left: -300px;
  width: 300px;
  -webkit-transition: top 0.5s ease-in;
  -moz-transition: top 0.5s ease-in;
  -o-transition: top 0.5s ease-in;
  transition: top 0.5s ease-in;
}
.operate-panel .nav-bar {
  width: 0px;
  height: 117px;
  position: absolute;
  top: 0px;
  left: 300px;
  border-bottom: 15px solid transparent;
  /* border-left: 42px solid shade(@baseColor, 30%); */
  /* cut a angle */
}
.operate-panel .panel-child {
  float: left;
  height: 100%;
}
.operate-panel .panel-btn {
  position: absolute;
  cursor: pointer;
  width: 28px;
  height: 28px;
  left: -36px;
  background-color: transparent;
  text-decoration: none;
  border: 0;
  box-shadow: none;
  outline: none;
}
.operate-panel .treeview-btn {
  top: 8px;
  background-position: -169px -71px;
  opacity: 0.5;
}
.operate-panel .treeview-btn.active {
  opacity: 1;
}
.operate-panel .treeview-btn:disabled {
  background-position: -321px -324px;
}
.operate-panel .select-btn {
  top: 44px;
  background-position: -138px -71px;
  opacity: 0.5;
}
.operate-panel .select-btn.active {
  opacity: 1;
}
.operate-panel .select-btn:disabled {
  background-position: -290px -324px;
}
.operate-panel .filter-btn {
  top: 80px;
  background-position: -105px -71px;
  opacity: 0.5;
}
.operate-panel .filter-btn.active {
  opacity: 1;
}
.operate-panel .filter-btn:disabled {
  background-position: -257px -324px;
}
.operate-panel .treeview-btn,
.operate-panel .select-btn,
.operate-panel .filter-btn {
  background-image: url(img/icons.png);
  background-repeat: no-repeat;
}
.operate-panel .panel-container {
  background: #fafafa;
  height: 100%;
  overflow: hidden;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.subpanel {
  z-index: -1;
}
.right-panel {
  right: -313px;
  left: auto;
  top: 66px;
  width: 313px;
}
.has-lib-banner .slide-panel.operate-panel {
  top: 116px !important;
}
.has-lib-banner .right-panel.operate-panel {
  top: 116px !important;
}
.has-lib-banner.has-brow-banner .slide-panel.operate-panel {
  top: 146px !important;
}
.has-lib-banner.has-brow-banner .right-panel.operate-panel {
  top: 146px !important;
}
.upload-viewer-dialog {
  margin: auto;
}
.upload-viewer-dialog .modal-dialog {
  width: 674px;
}
.viewer-title {
  font-size: 22px;
  background-color: #e2e2e2;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.uploadfileList table {
  width: 100%;
  width: 95%;
  margin: 15px;
  margin-top: 2px;
}
.uploadfileList table th {
  font-weight: normal;
}
.uploadfileList table td,
.uploadfileList th {
  padding-left: 5px;
  height: 38px;
}
.uploadfileList .grid-header {
  height: 40px;
}
.uploadfileList .col-row-name {
  width: 30%;
}
.uploadfileList .col-row-progress {
  width: 50%;
}
.uploadfileList .col-row-progress .progress-info {
  margin-top: 5px;
}
.uploadfileList .col-row-progress .upload-result {
  margin-top: 2px;
}
.uploadfileList .col-row-action {
  width: 10%;
}
.uploadfileList .oddRow {
  background-color: #efefef;
}
.uploadfileList .evenRow {
  background-color: #FFFFFF;
}
.uploadfileList .data-row {
  text-align: left;
}
.uploadfileList .cancel-button {
  margin-left: 20%;
  width: 20px;
  height: 20px;
  vertical-align: middle;
  cursor: pointer;
  background-image: url(img/icons.png);
  background-position: -364px -204px;
}
.uploadfileList .backend-processing-icon {
  margin-left: 20%;
  width: 20px;
  height: 20px;
  vertical-align: middle;
}
.fixedTableHeader {
  width: 95%;
  margin-left: 15px;
}
.fixedTableHeader .col-name {
  width: 33.5%;
}
.uploadFiles {
  max-height: 242px;
  overflow-x: auto;
}
.dq {
  border: solid 1px #bac5e5;
  background: #fff;
  width: 99%;
  height: .8em;
  overflow: hidden;
}
.dr {
  background: #6787e3;
  height: 100%;
  font-size: 0;
  width: 0;
}
.footer-area {
  width: 100%;
  text-align: center;
  margin: 15px 0;
}
.invalid-error .nav {
  width: 100%;
  min-width: 1280px;
  height: 67px;
  position: absolute;
  top: 0px;
  left: 0px;
  zoom: 1;
  margin: 0;
  background: rgba(0, 169, 221, 0);
  z-index: 5;
}
.invalid-error .nav .nav-left {
  float: left;
}
.invalid-error .nav .nav-left .nav-logo {
  position: absolute;
  height: 57px;
  margin-left: 10px;
  margin-top: 5px;
}
.invalid-error .nav .nav-right {
  position: absolute;
  bottom: 5px;
  right: 10px;
  color: #ffffff;
}
.invalid-error .main {
  top: 67px;
  bottom: 0px;
}
.time-picker {
  position: relative;
}
.time-picker .timepicker_wrap {
  min-width: 263px;
}
.time-picker ._panel {
  background-color: white;
  border-radius: 5px;
  border: solid 1px #c1c1c1;
  height: 4.5em;
  min-width: 180px;
  padding: 0 80px 0 0;
  position: absolute;
  right: 0;
  text-align: center;
  top: 2.7em;
  z-index: 1;
}
.time-picker ._roller {
  display: inline-block;
  overflow: hidden;
  height: 100%;
}
.time-picker ._roller-item {
  padding: 0 1em;
  text-align: left;
  line-height: 20px;
  user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
}
.time-picker ._roller-item.-current {
  background-color: silver;
}
.time-picker ._ok-button {
  position: absolute;
  right: .5em;
  bottom: .5em;
  height: 1.5em !important;
  line-height: 1.5em !important;
  min-width: 0 !important;
  padding: 0 1em;
}
.time-picker:before {
  font-family: 'icomoon' !important;
  z-index: 100;
  content: "\e908";
  position: absolute;
  top: 4px;
  right: 5px;
  font-size: 60%;
  line-height: 26px;
  width: 24px;
  height: 24px;
  pointer-events: none;
  text-align: center;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
}
.admin-nav {
  background-color: rgba(0, 169, 221, 0);
  height: 121px;
}
.admin-nav .nav-logo {
  position: absolute;
  height: 45px;
  margin-left: 10px;
  margin-top: 12px;
}
.admin-nav .profile {
  position: absolute;
  top: 0px;
  right: 0px;
  height: 69px;
}
.admin-nav .profile .photo {
  float: right;
  height: 69px;
  width: 69px;
  border-radius: 35px;
  -webkit-border-radius: 35px;
  margin: 4px 4px 0px 0px;
  overflow: hidden;
}
.admin-nav .profile .photo .photo-avatar {
  height: 69px;
}
.admin-nav .profile .name {
  bottom: 0px;
  right: 80px;
  position: absolute;
  width: 200px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.admin-nav .profile .name .main_tenant {
  margin-bottom: 22px !important;
  margin-top: 4px;
}
.admin-nav .profile .pname {
  font-weight: 600;
  font-size: 14px;
  color: #ffffff;
  text-align: right;
  font-stretch: condensed;
}
.admin-nav .profile .sname {
  font-size: 11px;
  color: #ffffff;
  text-align: right;
}
.admin-nav .user-actions-menu {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 186px;
  color: #525252;
  cursor: pointer;
  display: none;
  font-size: 14px;
  overflow: hidden;
  padding-top: 79px;
  z-index: 10;
}
.admin-nav .user-actions-menu .item {
  background-color: #fff;
  height: 32px;
  border-bottom: 1px solid #ccc;
  line-height: 32px;
  color: #525252;
}
.admin-nav .user-actions-menu .item:hover {
  background-color: #ecebeb;
}
.admin-nav .user-actions-menu .item div {
  display: inline-block;
  line-height: 32px;
  color: #525252;
}
.admin-nav .user-actions-menu .item div.text-icon {
  font-size: 22px;
  vertical-align: middle;
  padding: 0 5px;
}
.admin-nav .user-actions-menu .item div.text {
  vertical-align: middle;
}
.admin-nav .nav-menubar {
  position: absolute;
  top: 85px;
  width: 100%;
  height: 40px;
  border: 1px;
  border-color: #CCCCCC;
  background-color: #CCCCCC;
  min-width: 1000px;
}
.admin-nav .nav-menubar .close-icon {
  position: absolute;
  top: 7px;
  right: 11px;
  width: 26px;
  height: 26px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  color: #ffffff;
  opacity: 0.8;
  line-height: 26px;
  font-size: 20px;
}
.admin-nav .nav-menubar .menu-item {
  position: relative;
  min-width: 160px;
  height: 40px;
  line-height: 40px;
  text-align: left;
  font-weight: 600;
  font-size: 12px;
  float: left;
  cursor: pointer;
}
.main-menu-selected {
  background-color: #fff !important;
}
.admin-nav .nav-menubar .menu-separator {
  float: left;
  width: 1px;
  height: 36px;
}
.admin-nav .sub-menu {
  position: absolute;
  z-index: 10;
}
.admin-nav .sub-menu-item {
  height: 30px;
  line-height: 30px;
  text-align: center;
  position: relative;
  z-index: 10;
  color: #FFFFFF;
  border-bottom: solid 1px #FFFFFF;
  background-color: #8C8C8C;
}
.admin-content-tips {
  position: relative;
  left: 50%;
  margin-left: -330px;
  width: 660px;
  text-align: center;
  font-size: 26px;
  line-height: 69px;
}
.ribbon-center .set-upload-link-title {
  position: relative;
  left: 50%;
  margin-left: -330px;
  width: 660px;
  text-align: center;
  font-size: 26px;
  line-height: 69px;
}
@media screen and (max-width: 1460px) {
  .ribbon-center .set-upload-link-title {
    left: 38%;
  }
}
.admin-nav .sub-menu-item-header {
  background: transparent !important;
  border-bottom: none !important;
}
.admin-nav .sub-menu-item:hover {
  cursor: pointer;
  background-color: #A3A3A3;
}
.admin-sub-menu-selected {
  background-color: rgba(0, 169, 221, 0);
  color: #ffffff;
}
.separator {
  color: 000000;
  position: relative;
  top: 5px;
}
.feature-area {
  line-height: 50px;
}
.feature-area .user-search {
  float: right;
  line-height: normal;
  margin: 11px 0px 0px 0px;
}
.feature-title {
  float: left;
  font-size: 23px;
  color: #414141;
  padding-right: 10px;
  margin-top: 2px;
}
.adv-10 {
  margin-top: 10px;
}
.feature-title-content {
  color: #757575;
  font-size: 28px;
  font-family: 'canto-font', sans-serif;
  font-weight: 300;
  fill: #757575;
  float: none;
}
.admin-content-page {
  position: relative;
  padding-top: 20px;
  margin-left: 20px;
  scrollbar-base-color: #C0C0C0;
  scrollbar-face-color: #626262;
  scrollbar-3dlight-color: #C0C0C0;
  scrollbar-highlight-color: #C0C0C0;
  scrollbar-track-color: #dddddd;
  scrollbar-arrow-color: black;
  scrollbar-shadow-color: #C0C0C0;
  scrollbar-dark-shadow-color: #C0C0C0;
}
.admin-content-page::-webkit-scrollbar-thumb {
  background-color: #626262;
}
.admin-content-page::-webkit-scrollbar-track-piece {
  background-color: #dddddd;
  -webkit-border-radius: 0;
}
.admin-content-page::-webkit-scrollbar {
  width: 10px;
}
.admin-divide-line {
  width: 100%;
  height: 1px;
  border-top: 1px solid #00abde;
  margin: 6px 0px;
}
/*common css used by administrator pages*/
.adminpages-grid {
  display: table;
  border-collapse: separate;
}
.adminpages-grid .header {
  border-width: 1px;
  border-style: solid;
  border-color: #E9E9E9;
  background-color: #DDDDDD;
  font-weight: 600 !important;
  font-size: 12px !important;
}
.adminpages-grid .header:hover {
  background-color: #DDDDDD !important;
}
.adminpages-grid .header div {
  line-height: 34px !important;
}
.adminpages-grid .data-row {
  display: table-row;
  font-size: 13px;
  font-weight: 300;
}
.adminpages-grid .data-row:hover {
  background-color: #EDEDED;
  margin: 0px -10000px 0px 0px;
}
.adminpages-grid .data-row div {
  display: table-cell;
  vertical-align: middle;
  padding-left: 5px;
  line-height: 50px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.adminpages-grid .sortableColumn {
  cursor: pointer;
}
.adminpages-nodata {
  font-size: 16px;
}
.table-last-column {
  border-right: none !important;
}
.grid-container {
  overflow-x: hidden;
  overflow-y: auto;
  width: 95%;
  scrollbar-base-color: #C0C0C0;
  scrollbar-face-color: #626262;
  scrollbar-3dlight-color: #C0C0C0;
  scrollbar-highlight-color: #C0C0C0;
  scrollbar-track-color: #dddddd;
  scrollbar-arrow-color: black;
  scrollbar-shadow-color: #C0C0C0;
  scrollbar-dark-shadow-color: #C0C0C0;
}
.grid-container::-webkit-scrollbar-thumb {
  background-color: #626262;
}
.grid-container::-webkit-scrollbar-track-piece {
  background-color: #dddddd;
  -webkit-border-radius: 0;
}
.grid-container::-webkit-scrollbar {
  width: 10px;
}
.admin-table-border-left {
  border-left-style: solid !important;
  border-left-width: 1px !important;
}
.admin-table-border-right {
  border-right-style: solid !important;
  border-right-width: 1px !important;
}
.admin-table-border-top {
  border-top-style: solid !important;
  border-top-width: 1px !important;
}
.admin-table-border-bottom {
  border-bottom-style: solid !important;
  border-bottom-width: 1px !important;
}
.action-button span {
  color: #DEDEDE !important;
}
.action-button span:hover {
  color: #474747 !important;
  cursor: pointer;
}
.action-button .edit {
  margin-left: 18px;
}
.add-new-button {
  font-size: 25px;
  cursor: pointer;
}
.add-new-button span {
  border-width: 1px;
  border-style: solid;
  border-color: #CCCCCC;
  background-color: #FFFFFF;
  padding-bottom: 1px;
}
.edit-icon {
  position: relative;
  top: 1px;
  left: 29px;
  width: 20px;
  height: 22px;
  float: left;
  border-right-style: none !important;
  cursor: pointer;
}
.delete-icon {
  position: relative;
  top: -6px;
  left: 5px;
  width: 30px;
  height: 32px !important;
  float: left;
  border-right: none !important;
  cursor: pointer;
}
.error-tips {
  text-color: red;
}
.working-indicator {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 10000;
}
.gray {
  background-color: rgba(0, 0, 0, 0.2);
}
.menu-item .title {
  display: block;
  margin-left: 20px;
}
.menu-item .submenu {
  position: absolute;
  top: 30px;
  z-index: 10001;
  display: none;
}
.menu-item .submenu .triangle {
  width: 0;
  height: 0;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-bottom: 10px solid #8C8C8C;
  margin-left: 19px;
}
.menu-item .submenu .submenuitems {
  background-color: #8C8C8C;
  padding-top: 10px;
  padding-bottom: 10px;
  color: white;
}
.menu-item .submenu .submenuitems .submenuitem {
  text-align: left;
  line-height: 14px;
  padding: 8px 0px 8px 15px;
}
.menu-item .submenu .submenuitems .submenuitem:hover {
  cursor: pointer;
  background-color: #acacac;
}
.menu-item .submenu .submenuitems .sub-item-group {
  float: left;
  width: 180px;
}
.menu-item .submenu .submenuitems .sub-item-group .group-title {
  margin-left: 19px;
  font-size: 18px;
  font-weight: 400;
  cursor: default;
}
.menu-item .submenu .submenuitems .group-separator {
  float: left;
  width: 0px;
  height: 145px;
  margin-top: 15px;
  border-left: solid 1px white;
}
.mainmenuselected {
  background-color: #fff !important;
}
#shareLinkList {
  height: 100%;
  font-size: 16px;
}
#shareLinkList .modal-header {
  display: flex;
  justify-content: space-between;
}
#shareLinkList .modal-header .title {
  font-weight: bold;
  font-size: 16px;
}
#shareLinkList .report-filter-bar {
  margin-top: 25px;
}
#shareLinkList .settings-scroll-view {
  height: calc(100% - 170px);
  overflow-y: scroll;
}
#shareLinkList .settings-scroll-view td .circle-button {
  margin-left: 10px;
}
#shareLinkList .modal-footer {
  max-height: 56px;
  min-height: 56px;
}
#shareLinkList .modal-15-padding {
  padding-left: 15px;
  padding-right: 15px;
}
#shareLinkList .modal-15-padding .title-18 {
  font-size: 18px;
}
#shareLinkList .modal-15-padding .content-scroll-view .share-link-tab-header {
  font-size: 17px;
}
#shareLinkList .modal-15-padding .content-scroll-view .secondaryColorScrollbar .btn-td {
  padding-top: 3px;
  padding-bottom: 3px;
}
#shareLinkList .modal-15-padding .content-scroll-view .secondaryColorScrollbar .btn-td .btn-in-td {
  padding-top: 5px;
  padding-bottom: 5px;
}
#shareLinkList .report-filter-bar span[ng-click][class^="icon-s-"] {
  margin-left: 24px;
}
.configuration-keywords {
  position: relative;
  top: 52px;
  left: 20px;
}
.configuration-keywords .addkeywords {
  position: relative;
  top: -30px;
  left: 100px;
}
.configuration-keywords .keywords-list {
  position: relative;
  top: 20px;
  width: 600px;
}
.keyword-name {
  width: 445px;
  margin-left: 15px;
}
.keyword-description {
  width: 445px;
  height: 100px;
  padding: 4px 6px;
  margin-left: 15px;
}
.keywords-data .col-name {
  width: 20%;
}
.keywords-data .col-description {
  width: 40%;
}
.keywords-data .col-actions {
  width: 10%;
}
.keyword-data-input {
  position: relative;
  line-height: 30px;
}
.keyword-data-input .label-field {
  width: 130px;
  text-align: right;
  float: left;
  padding: 0 5px;
}
.keyword-data-input .input-field {
  width: 306px;
  float: left;
}
.user-data-input {
  position: relative;
  line-height: 30px;
}
.user-data-input span.required {
  line-height: 34px;
  color: red;
  margin-left: 5px;
  float: left;
}
.user-data-input .label-field {
  width: 75px;
  text-align: right;
  float: left;
  padding: 0 5px;
}
.user-data-input .input-field {
  width: 169px;
  float: left;
}
.user-data-input .second-row {
  float: inherit;
}
.listbox {
  width: 130px;
  height: 80px;
  overflow-y: scroll;
  overflow-x: hidden;
  border: solid 1px;
}
.listitem {
  width: 120px;
  margin-top: 2px;
  line-height: 20px;
}
.listitem:hover {
  background-color: green;
}
.listitem .selected {
  background-color: grey;
}
.users-data .col-firstname {
  width: 15%;
}
.users-data .col-lastname {
  width: 10%;
}
.users-data .col-email {
  width: 20%;
}
.users-data .col-role {
  width: 8%;
}
.users-data .col-creationdate {
  width: 10%;
}
.users-data .col-actions {
  width: 10%;
}
/*reset user password css begin*/
.reset-user-password {
  position: relative;
}
.reset-user-password .layout-background {
  padding-top: 50px;
}
.reset-user-password .new-password-input {
  width: 550px;
  font-size: 16px;
  padding: 35px 30px;
  border: #ccc 1px solid;
  border-radius: 5px;
  margin: 0 auto;
}
.reset-user-password .new-password-input .p-top-15 {
  padding-top: 15px;
}
.reset-user-password .new-password-input ._left {
  display: inline-block;
  text-align: left;
  font-weight: bold;
  margin-bottom: 10px;
}
.reset-user-password .new-password-input .text-left {
  text-align: left;
}
.reset-user-password .new-password-input .policy-text {
  width: calc(100% - 2em);
  text-align: left;
  display: inline-block;
  margin-left: 10px;
}
.reset-user-password .new-password-input .input-item {
  margin-bottom: 15px;
}
.reset-user-password .new-password-input .input-item .ps-input input {
  width: 100%;
  line-height: 24px;
}
.reset-user-password .new-password-input .input-item .role-select .select-wrap {
  display: inline-block;
  width: calc(50% - 5px);
  margin-bottom: 10px;
  height: 34px;
}
.reset-user-password .new-password-input .input-item .role-select .select-wrap select {
  width: 100%;
}
.reset-user-password .new-password-input .input-item .role-select input {
  width: calc(50% - 5px);
  line-height: 24px;
  margin: 0 0 0 5px;
}
.reset-user-password .admin-nav {
  width: 100%;
  height: 66px;
  line-height: 66px;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
}
.reset-user-password .admin-nav a {
  float: left;
  height: 66px;
}
.reset-user-password .admin-nav .nav-logo {
  margin-left: 30px;
}
.reset-user-password .btn {
  padding: 0.5em 0.8em;
  min-width: 110px;
  border-radius: 25px;
  border: 0;
  font-weight: bold;
}
.reset-user-password .center {
  text-align: center;
}
.reset-user-password .margin20 {
  margin: 20px;
}
.reset-user-password .welcomeMessage {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 20px;
}
.reset-user-password .po-desc {
  font-weight: 400;
  margin-bottom: 20px;
}
.reset-user-password .invalid-tips {
  width: 70%;
  border-radius: 25px;
  background-color: #D0021B;
  font-size: 16px;
}
.reset-user-password .success {
  font-size: 24px;
  line-height: 30px;
}
/*reset user password css end*/
/*admin users page*/
.admin-user-dialog {
  margin: auto;
}
.admin-user-dialog .modal-dialog {
  width: 690px;
  border: 22px;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.4);
  box-shadow: none;
  border-radius: 0px;
}
.admin-user-dialog .icon-disable:before {
  cursor: not-allowed;
  background-color: #eeeeee;
}
.admin-user-dialog .modal-body {
  padding: 20px;
}
.admin-user-dialog .modal-body section {
  width: 50%;
  float: left;
}
.admin-user-dialog .modal-body section .label-field {
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
}
.admin-user-dialog .modal-body section .label-field .checkbox {
  min-height: 20px;
  padding-left: 20px;
}
.admin-user-dialog .modal-body section .label-field span {
  display: inline;
  color: #aaa;
  font-size: 12px;
  font-weight: 400;
  cursor: pointer;
  line-height: 1;
}
.admin-user-dialog .modal-body section .label-field span:hover {
  color: #000;
}
.admin-user-dialog .modal-body section .label-field .checked,
.admin-user-dialog .modal-body section .label-field .unchecked {
  font-family: 'icomoon_flight_01';
  font-size: 14px;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.admin-user-dialog .modal-body section .label-field .checked:before {
  content: "\e605";
}
.admin-user-dialog .modal-body section .label-field .unchecked:before {
  content: "\59";
}
.admin-user-dialog .modal-body section .label-field .indesign-setting {
  margin-left: -20px;
  float: left;
  padding-right: 10px;
}
.admin-user-dialog .modal-body section .label-field .indesign-notavailable-info {
  font-weight: normal;
  font-size: 13px;
  padding-bottom: 5px;
}
.admin-user-dialog .modal-body section .input-field {
  height: 30px;
  width: 295px;
  border-radius: 0;
  font-size: 13px;
  border: 1px solid #ccc;
}
.admin-user-dialog .modal-body section .portal-list,
.admin-user-dialog .modal-body section .group-list {
  width: 295px;
  max-height: 150px;
  min-height: 50px;
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-base-color: #C0C0C0;
  scrollbar-face-color: #626262;
  scrollbar-3dlight-color: #C0C0C0;
  scrollbar-highlight-color: #C0C0C0;
  scrollbar-track-color: #dddddd;
  scrollbar-arrow-color: black;
  scrollbar-shadow-color: #C0C0C0;
  scrollbar-dark-shadow-color: #C0C0C0;
}
.admin-user-dialog .modal-body section .portal-list::-webkit-scrollbar-thumb,
.admin-user-dialog .modal-body section .group-list::-webkit-scrollbar-thumb {
  background-color: #626262;
}
.admin-user-dialog .modal-body section .portal-list::-webkit-scrollbar-track-piece,
.admin-user-dialog .modal-body section .group-list::-webkit-scrollbar-track-piece {
  background-color: #dddddd;
  -webkit-border-radius: 0;
}
.admin-user-dialog .modal-body section .portal-list::-webkit-scrollbar,
.admin-user-dialog .modal-body section .group-list::-webkit-scrollbar {
  width: 10px;
}
.admin-user-dialog .modal-body section .list-item {
  cursor: pointer;
  padding-left: 10px;
  padding-bottom: 3px;
  color: #474747;
  font-size: 13px;
  line-height: 19px;
  text-align: left;
  font-weight: 300;
}
.admin-user-dialog .modal-body section .list-item:hover {
  background-color: #F2F2F2;
}
.admin-user-dialog .modal-body section .list-item.selected {
  background-color: #808080;
  color: #fff;
}
.admin-users-portal-list .table-list .container li {
  cursor: default;
}
.admin-groups-list .table-list {
  font-size: 13px;
  border: solid 1px #dddddd;
}
.admin-groups-list .table-list .table-header {
  height: 34px;
  line-height: 34px;
  background-color: #dddddd;
}
.admin-groups-list .table-list .table-header .header-cell {
  height: 34px;
  line-height: 34px;
}
.admin-groups-list .table-list .container li {
  cursor: default;
}
.admin-groups-list .table-list .action-icon {
  font-size: 16px;
  margin-right: 10px;
  color: #cccccc;
}
.admin-groups-list .table-list .action-icon:hover {
  color: #525252;
  cursor: pointer;
}
.admin-groups-list .table-list .member-list:hover {
  cursor: pointer;
}
.add-update-group-dialog {
  max-height: 240px;
  padding: 0px 20px;
  color: #474747;
}
.add-update-group-dialog .validateError {
  color: #ff0000 !important;
}
.add-update-group-dialog .msg {
  font-size: 14px;
  color: #ff0000;
  text-align: center;
  display: block;
  height: 22px;
  line-height: 22px;
}
.add-update-group-dialog .group-title {
  font-size: 14px;
  font-weight: 700;
  display: block;
  margin: 12px 0px 8px 0px;
}
.add-update-group-dialog .group-input {
  width: 680px;
  margin: 0px;
  border-radius: 0px;
  border-width: 1px;
  border-style: solid;
  border-color: #D0D0D0;
  background-color: transparent;
}
.add-update-group-dialog .group-input:disabled {
  cursor: default;
}
.add-update-group-dialog .member-name {
  margin-left: 200px;
  font-weight: 300;
}
.add-update-group-dialog .member-list {
  margin-bottom: 20px;
  width: 692px;
  height: 95px;
  overflow-x: auto;
  overflow-y: hidden;
  text-align: center;
  scrollbar-base-color: #C0C0C0;
  scrollbar-face-color: #626262;
  scrollbar-3dlight-color: #C0C0C0;
  scrollbar-highlight-color: #C0C0C0;
  scrollbar-track-color: #dddddd;
  scrollbar-arrow-color: black;
  scrollbar-shadow-color: #C0C0C0;
  scrollbar-dark-shadow-color: #C0C0C0;
}
.add-update-group-dialog .member-list::-webkit-scrollbar-thumb {
  background-color: #626262;
}
.add-update-group-dialog .member-list::-webkit-scrollbar-track-piece {
  background-color: #dddddd;
  -webkit-border-radius: 0;
}
.add-update-group-dialog .member-list::-webkit-scrollbar {
  height: 10px;
}
.add-update-group-dialog .member-list ul {
  margin: 0px;
  position: relative;
  list-style-type: none;
}
.add-update-group-dialog .member-list .member-content {
  float: left;
  width: 79px;
  height: 79px;
  cursor: pointer;
}
.add-update-group-dialog .member-list .member-content .avatar {
  float: left;
  width: 75px;
  height: 75px;
  border-radius: 38px;
  -webkit-border-radius: 38px;
}
.add-update-group-dialog .member-list .member-content .chooseBtn {
  display: none;
  width: 20px;
  height: 20px;
  position: absolute;
  right: 2px;
  top: 2px;
  z-index: 8;
  opacity: 0.9;
}
.add-update-group-dialog .member-list .member-content .chooseBtn .icon-icn_checkmark_circle_01 {
  font-size: 18px;
  line-height: 18px;
  position: absolute;
  z-index: 8;
  color: #ff0000;
}
.add-update-group-dialog .member-list .member-content .chooseBtn .bg {
  z-index: 7;
  border-radius: 7px;
  position: absolute;
  top: 1px;
  background-color: #fff;
  width: 16px;
  height: 16px;
}
.add-update-group-dialog .member-list .member-content .chooseBtn.selected {
  display: block;
}
.add-update-group-dialog .member-list .member-selected {
  position: relative;
  left: 0px;
  width: 79px;
  height: 79px;
}
.group-members-name {
  font-weight: 300;
  height: 30px;
  line-height: 30px;
  display: block;
  text-align: center;
}
.configuration-metadata-user-data input {
  margin-left: 5px;
}
.configuration-metadata-user-data .col-select {
  width: 3%;
}
.configuration-metadata-user-data .col-name {
  width: 15%;
}
.configuration-metadata-user-data .col-description {
  width: 28%;
}
.configuration-metadata-user-data .col-document {
  width: 7.5%;
  min-width: 70px;
}
.configuration-metadata-user-data .col-presentation {
  width: 10%;
  min-width: 86px;
}
.configuration-metadata-user-data .col-image,
.configuration-metadata-user-data .col-video,
.configuration-metadata-user-data .col-audio,
.configuration-metadata-user-data .col-others {
  width: 5%;
  min-width: 37px;
}
/*The styles used by addtional field feature listed below. */
.addtional-field-user-data .col-name {
  width: 20%;
}
.addtional-field-user-data .col-description {
  width: 40%;
}
.addtional-field-user-data .col-type {
  width: 10%;
}
.addtional-field-user-data .col-actions {
  width: 10%;
}
/* adtional field dialog styles*/
.addtional-field-description {
  width: 200px;
  height: 50px;
}
.additional-field-dialog {
  position: relative;
  line-height: 30px;
  margin-left: 50px;
}
.additional-field-dialog span.required {
  line-height: 34px;
  color: red;
  margin-left: 5px;
  float: left;
}
.additional-field-dialog .label-field {
  width: 100px;
  text-align: right;
  float: left;
  padding: 0 5px;
}
.additional-field-dialog .input-field {
  width: 306px;
  float: left;
  padding: 0px 6px;
}
.additional-field-dialog .select-field {
  float: left;
  width: 306px;
  margin-top: 5px;
  margin-bottom: 8px;
  height: 30px;
  line-height: 30px;
  border-radius: 4px;
  border: 1px solid #ccc;
}
.additional-field-dialog .second-row {
  float: inherit;
}
.choice-textarea::-webkit-scrollbar-thumb {
  background-color: #626262;
  height: 50px;
  outline-offset: -2px;
}
.choice-textarea::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.choice-textarea::-webkit-scrollbar-track-piece {
  background-color: #dddddd;
  -webkit-border-radius: 0;
}
.web-config .col {
  float: left;
  margin-top: 15px;
}
.web-config .col .lf {
  float: left;
  clear: left;
  width: 150px;
  text-align: right;
}
.web-config .col .rt {
  margin-left: 15px;
  float: left;
  text-align: left;
}
.web-config .col .sp-replacer {
  padding: 3px 4px;
  margin-top: 10px;
  margin-top: -5px;
}
.web-config .sec-col {
  margin-left: 560px;
  position: absolute;
}
.tenant-company-logo {
  position: relative;
  height: 67px;
}
.tenant-name {
  width: 310px;
}
.tenant-description {
  width: 310px;
  height: 200px;
}
.tenant-company-logo .tenant-logo {
  max-height: 67px;
  margin-top: 5px;
}
.tenant-company-logo .tenant-login-background {
  max-height: 148px;
  margin-top: 5px;
}
.tenant-company-logo .suggestion {
  text-align: right;
}
.tenant-company-logo .upload-logo {
  font-size: 14px;
  margin-left: -8px;
}
.upload-logo-label {
  margin-top: 10px;
  position: relative;
}
.logo-suggestion {
  display: inline-block;
  margin-left: 15px;
  text-align: right;
  margin-top: 5px;
}
.web-config-buttons {
  padding-top: 40px;
  clear: both;
  margin-left: 400px;
}
.configuration-global {
  overflow-y: auto;
  margin-top: 4px;
}
.configuration-global .conf-global-table {
  width: 98%;
  border: 1px solid #DDDCDC;
  float: left;
  padding-bottom: 10px;
}
.configuration-global .conf-global-table .global-table-title {
  background: #DDDCDC;
  height: 30px;
  line-height: 30px;
  padding-left: 15px;
}
.configuration-global .conf-global-table .global-table-title-text {
  font-size: 14px;
  font-weight: 700;
}
.configuration-global .conf-global-table .global-group-title {
  padding: 5px 0px 10px;
  float: left;
  width: 100%;
  font-size: 14px;
  font-weight: 700;
}
.configuration-global .conf-global-table .global-role-desc {
  margin: 15px 0px 25px 15px;
}
.configuration-global .conf-global-table .sub-title {
  font-weight: 700;
  margin-left: 15px;
  float: left;
  width: 100%;
  margin-top: 15px;
}
.configuration-global .conf-global-table .global-table-content {
  margin-left: 15px;
}
.configuration-global .conf-global-table .global-table-content li {
  float: left;
  width: 50%;
}
.configuration-global .conf-global-table .global-table-content li .icon-icn_checkbox_checked_02,
.configuration-global .conf-global-table .global-table-content li icon-checkbox-unchecked {
  font-size: 12px;
}
.configuration-global .conf-global-table .global-table-content li .capability-item {
  cursor: pointer;
  font-size: 16px;
}
.configuration-global .conf-global-table .global-table-content li .capability-name {
  padding-left: 15px;
  color: #474747;
  line-height: 30px;
  font-size: 13px;
  font-weight: 300;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.configuration-global .button-area {
  float: left;
  width: 948px;
  padding: 20px 0px 40px;
  text-align: center;
}
.configuration-global .conf-watermark-options {
  width: 47%;
  margin-right: 1%;
  margin-left: 1%;
}
.configuration-global .conf-watermark-options .sub-content {
  margin-left: 35px;
}
.configuration-global .conf-watermark-options .sub-content .sub-list {
  width: 100%;
}
.configuration-global .conf-watermark-options .watermark-upload {
  margin-left: 50px;
}
.configuration-global .watermark-button-area {
  width: 98%;
}
.configuration-global .watermark-image-container {
  margin: 15px;
  padding: 10px;
  background: #ddd;
  text-align: center;
}
.configuration-duplicates .main-options {
  font-size: 14px;
  width: 100%;
  padding-top: 5px;
}
.configuration-duplicates .main-options .option-desc {
  font-weight: 700 !important;
  font-size: 14px !important;
}
.configuration-duplicates .allow-duplicates {
  clear: both;
  padding-left: 35px;
  line-height: 20px;
}
.configuration-duplicates .allow-duplicates .on-upload .option-item {
  float: left;
  width: 200px;
}
.configuration-duplicates .allow-duplicates .option-btn {
  cursor: pointer;
}
.configuration-duplicates .allow-duplicates .in-import {
  padding-top: 10px;
}
.configuration-integrations {
  overflow-y: auto;
  margin-top: 4px;
}
.configuration-integrations .integration-desc {
  font-size: 14px;
  margin: 1px 0px;
}
.configuration-integrations .lf {
  float: left;
  clear: left;
  text-align: left;
}
.configuration-integrations .integration-table {
  width: 98%;
  border: 1px solid #DDDCDC;
  float: left;
  padding-bottom: 10px;
  margin-top: 15px;
}
.configuration-integrations .integration-table-title {
  background: #DDDCDC;
  height: 30px;
  line-height: 30px;
  padding-left: 15px;
}
.configuration-integrations .integration-title-text {
  font-size: 14px;
  font-weight: 700;
}
.configuration-integrations .integration-table-content {
  margin: 10px 10px 10px 10px;
}
.configuration-integrations .integration-table-content .panel-group {
  margin-bottom: 0px;
}
.configuration-integrations .integration-table-content .panel {
  background-color: #fff;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0px 0px rgba(0, 0, 0, 0.05);
}
.configuration-integrations .integration-table-content .panel .btn-parent:hover {
  color: #fff;
}
.configuration-integrations .integration-table-content .panel-default {
  border-color: #fff;
}
.configuration-integrations .integration-table-content .panel-default > .panel-heading {
  color: #333;
  background-color: #fff;
  border-color: #ddd;
}
.configuration-integrations .integration-table-content .panel-default > .panel-heading .panel-title a {
  text-decoration: none;
  outline: none;
}
.configuration-integrations .integration-table-content .panel-body {
  border-top: 0px!important;
}
.configuration-integrations .integration-table-content .panel-heading {
  padding: 0px;
}
.configuration-integrations .integration-table-content .panel-title {
  line-height: 50px;
}
.configuration-integrations .option-area {
  float: left;
  width: 50%;
  padding: 8px 0px;
}
.configuration-integrations .option-tab {
  float: left;
  width: 100%;
  margin-top: -38px;
  pointer-events: none;
}
.configuration-integrations .option-icons {
  float: left;
  margin-left: 10px;
  display: inline;
}
.configuration-integrations .box-option {
  background-image: url(img/box_small.png);
  background-repeat: no-repeat;
  width: 38px;
  height: 38px;
  vertical-align: middle;
}
.configuration-integrations .googledrive-option {
  background-image: url(img/google_drive_small.png);
  background-repeat: no-repeat;
  width: 38px;
  height: 38px;
  vertical-align: middle;
}
.configuration-integrations .dropbox-option {
  background-image: url(img/dropbox_small.png);
  background-repeat: no-repeat;
  width: 38px;
  height: 38px;
  vertical-align: middle;
}
.configuration-integrations .option-text {
  display: inline;
  margin-right: 110px;
  float: left;
  margin-left: 58px;
  height: 70px;
}
.configuration-integrations .process-icon {
  width: 15px;
  margin-top: 10px;
  float: right;
  margin-left: 5px;
}
.configuration-integrations .actions-option {
  float: right;
  display: inline;
  margin-right: 10px;
}
.configuration-integrations .actions-option .action-button {
  margin-top: 5px;
  font-size: 14px;
  padding-left: 10px;
  padding-right: 10px;
}
.configuration-integrations .actions-option .disabled-button {
  opacity: 0.5;
}
.configuration-integrations .active-title-bar {
  display: block;
}
.configuration-integrations .active-icon {
  display: inline-block;
  margin: 0px 10px 0px 20px;
}
.configuration-integrations .active-remove {
  float: right;
  display: inline-block;
  margin-right: 15px;
  margin-top: 4px;
}
.configuration-integrations .active-remove [name='remove'] {
  width: 130px;
}
.configuration-integrations .active-connect {
  font-weight: 700;
}
.configuration-integrations .active-arrow {
  float: left;
  color: #CCCCCC;
  font-size: 20px;
  margin-left: 12px;
  margin-top: 12px;
  margin: 12px 0px 0px 12px;
  cursor: pointer;
}
.configuration-integrations .active-integration-list .item {
  padding: 0px 0px 0px 104px;
}
.configuration-integrations .active-integration-list .item .content {
  float: left;
}
.configuration-integrations .active-integration-list .item .content .title {
  display: block;
  font-weight: 700;
  margin-top: 10px;
}
.configuration-integrations .active-integration-list .item .action {
  float: right;
}
.configuration-integrations .active-integration-list .item .action [name='sync'] {
  margin: 15px 15px 0 0;
  width: 130px;
}
.configuration-integrations .active-integration-list .item .action .syncing {
  float: right;
  margin: 20px;
  cursor: pointer;
}
.configuration-integrations .active-integration-list .item .action .syncing.working {
  cursor: default;
  background-image: url(img/small-loading.gif);
  background-repeat: no-repeat;
  width: 18px;
  height: 18px;
}
.configuration-integrations .accordion {
  margin-bottom: 0px;
}
.configuration-integrations .accordion a {
  text-decoration: none;
  cursor: default;
}
.configuration-integrations .accordion a:hover {
  color: #333333;
}
.configuration-integrations .accordion-group {
  border: none;
  margin: 0px;
}
.configuration-integrations .accordion-heading {
  margin-top: 1px;
  line-height: 50px;
}
.configuration-integrations .accordion-toggle {
  padding: 0px;
}
.configuration-integrations .accordion-inner {
  padding: 0px;
  border: none;
}
.report-overview {
  min-height: 500px;
  min-width: 1000px;
  width: 100%;
}
.report-overview .report_left_chart {
  top: -30px;
  width: 500px;
  height: 400px;
  position: absolute;
}
.report-overview .report_right_chart {
  top: -30px;
  width: 500px;
  height: 400px;
  position: absolute;
  left: 540px;
}
.report-overview .reportItem {
  position: absolute;
  margin: 5px;
  display: inline-block;
}
.reportTitle {
  text-align: center;
  font-size: 20px;
  margin: 15px;
}
li.reportList {
  cursor: pointer;
  padding: 0px 0px 0px 15px;
  line-height: 20px;
}
li.reportList:hover {
  background-color: rgba(0, 0, 0, 0.0980392) !important;
}
li.reportListSelected {
  background-color: rgba(0, 0, 0, 0.0980392) !important;
}
.reportTable {
  margin-bottom: 20px;
}
.reportTable table {
  width: 95%;
  margin: 15px 15px 0px;
}
.reportTable table td,
.reportTable th {
  padding-left: 5px;
  height: 30px;
}
.reportTable table tr {
  border-bottom: solid 1px #CCCCCC;
}
.reportTable .grid-header {
  height: 40px;
  font-weight: 600 !important;
  font-size: 12px !important;
}
.reportTable .data-row {
  text-align: left;
}
.report-right-div {
  width: 100%;
  height: 500px!important;
  position: relative;
  top: 0px;
  right: 0px;
}
.report_table_left {
  position: absolute;
  top: -13px;
  left: 350px;
  width: 20px;
  height: 19px;
  font-size: 19px;
  cursor: pointer;
  opacity: 0.4;
}
.report_zoom_left {
  position: absolute;
  top: -13px;
  left: 320px;
  width: 20px;
  height: 19px;
  font-size: 19px;
  cursor: pointer;
  opacity: 0.4;
}
.report_zoom_left_1 {
  position: absolute;
  top: -13px;
  left: 440px;
  width: 20px;
  height: 19px;
  font-size: 19px;
  cursor: pointer;
  opacity: 0.4;
}
.report_table_left:hover {
  opacity: 1;
}
.report_zoom_left:hover {
  opacity: 1;
}
.report_zoom_left_1:hover {
  opacity: 1;
}
.report_table_right {
  position: absolute;
  top: -13px;
  left: 850px;
  width: 20px;
  height: 19px;
  font-size: 19px;
  cursor: pointer;
  opacity: 0.4;
}
.report_zoom_right {
  position: absolute;
  top: -13px;
  left: 820px;
  width: 20px;
  height: 19px;
  font-size: 19px;
  cursor: pointer;
  opacity: 0.4;
}
.report_zoom_right_1 {
  position: absolute;
  top: -13px;
  left: 930px;
  width: 20px;
  height: 19px;
  font-size: 19px;
  cursor: pointer;
  opacity: 0.4;
}
.report_table_right:hover {
  opacity: 1;
}
.report_zoom_right:hover {
  opacity: 1;
}
.report_zoom_right_1:hover {
  opacity: 1;
}
.report-filter {
  position: relative;
  left: 100px;
  width: 800px;
  top: -30px;
}
.report-filter .sub-title-bar {
  width: 100%;
  height: 28px;
  line-height: 28px;
  vertical-align: middle;
}
.report-filter .sub-title-text {
  float: left;
  font-size: 14px;
  font-weight: 700;
  color: #606060;
  margin-left: 10px;
  vertical-align: middle;
}
.report-filter .clear-part {
  float: right;
  opacity: 0.3;
}
.report-filter .clear-part-text {
  float: right;
  font-size: 10px;
  color: #848484;
  cursor: pointer;
  padding-right: 3px;
  visibility: hidden;
}
.report-filter .clear-part:hover {
  opacity: 1;
}
.report-filter .clear-part:hover .clear-part-text {
  visibility: visible;
}
.report-filter .sub-x-text {
  width: 18px;
  height: 20px;
  line-height: 20px;
  float: right;
  margin-right: 7px;
  margin-top: 4px;
  cursor: pointer;
}
.report-slider-area {
  width: 450px;
  height: 74px;
  line-height: 100%;
  position: relative;
  margin: 0px 0px 0px 17px;
}
.report-slider-area rzslider {
  height: 1px;
  line-height: 100%;
  margin: 10px 0 15px 0;
}
.report-slider-area rzslider span.bar {
  background: #7F7F7F;
}
.report-slider-area rzslider span.bar.selection {
  top: -5px;
  height: 10px;
  background: rgba(229, 229, 229, 0.8);
}
.report-slider-area rzslider span.pointer {
  top: -7px;
  width: 14px;
  height: 14px;
  background-color: #848484;
}
.report-slider-area rzslider span.pointer:hover {
  background: #B4B4B4;
}
.report-slider-area rzslider span.pointer:active {
  background-color: #B4B4B4;
}
.report-slider-area rzslider span.pointer:after {
  top: 3px;
  left: 3px;
  display: none;
}
.report-slider-area rzslider span.bubble.limit {
  color: #646464;
  display: none;
}
.report-slider-area rzslider span.bubble {
  top: 15px;
  color: #646464;
  font-size: 18px;
  text-align: center;
  font-weight: 400;
  margin-left: -3px;
}
.report-slider-area rzslider span.unit {
  color: #646464;
  font-size: 10px;
  top: 30px;
}
.report-slider-area .report_filter_checkbox {
  left: 500px;
  top: 2px;
  position: absolute;
}
.report-slider-area .report_filter_checkbox .field-text {
  position: absolute;
}
.report-slider-area .report_filter_checkbox .field-checkbox {
  position: absolute;
}
.filterIcon {
  position: relative;
  left: 1000px;
  font-size: 24px;
  opacity: 0.4;
  cursor: pointer;
  z-index: 1;
  width: 25px;
}
.report_select_left {
  position: absolute;
  top: -20px;
  left: 300px;
  width: 120px;
}
.report_select_right {
  position: absolute;
  top: -20px;
  left: 790px;
  width: 120px;
}
.legend_left {
  position: absolute;
  top: 580px;
  left: 20px;
  width: 140px;
  height: 14px;
  line-height: 14px;
}
.legend_right {
  position: absolute;
  top: 380px;
  left: 625px;
  width: 140px;
  height: 14px;
  line-height: 14px;
}
.report_legend_icon {
  position: absolute;
  line-height: 14px;
}
.email-icon {
  background-image: url(img/email.png);
  background-repeat: round;
  background-size: contain;
  display: inline-block;
  width: 43px;
  height: 43px;
}
.dropbox-icon {
  background-image: url(img/b.png);
  background-repeat: round;
  background-size: contain;
  display: inline-block;
  width: 43px;
  height: 43px;
}
.pinterest-icon {
  background-image: url(img/pinterest.png);
  background-repeat: round;
  background-size: contain;
  display: inline-block;
  width: 43px;
  height: 43px;
}
.facebook-icon {
  background-image: url(img/facebook.png);
  background-repeat: round;
  background-size: contain;
  display: inline-block;
  width: 43px;
  height: 43px;
}
.box-icon {
  background-image: url(img/box.png);
  background-repeat: round;
  background-size: contain;
  display: inline-block;
  width: 43px;
  height: 43px;
}
.twitter-icon {
  background-image: url(img/twitter.png);
  background-repeat: round;
  background-size: contain;
  display: inline-block;
  width: 43px;
  height: 43px;
}
.link-icon {
  background-image: url(img/link.png);
  background-repeat: round;
  background-size: contain;
  display: inline-block;
  width: 43px;
  height: 43px;
}
.youtube-icon {
  background-image: url(img/youtube_square_red.png);
  background-repeat: round;
  background-size: contain;
  display: inline-block;
  width: 43px;
  height: 43px;
}
.vimeo-icon {
  background-image: url(img/vimeo.png);
  background-repeat: round;
  background-size: contain;
  display: inline-block;
  width: 43px;
  height: 43px;
}
.slack-icon {
  background-image: url(img/slack-01.png);
  background-repeat: round;
  background-size: contain;
  display: inline-block;
  width: 43px;
  height: 43px;
}
.egnyte-icon {
  background-image: url(img/eg.png);
  background-repeat: round;
  background-size: contain;
  display: inline-block;
  width: 43px;
  height: 43px;
}
.onedrive-icon {
  background-image: url(img/onedrive.png);
  background-repeat: round;
  background-size: contain;
  display: inline-block;
  width: 43px;
  height: 43px;
}
.linkedin-icon {
  background-image: url(img/lkn.png);
  background-repeat: round;
  background-size: contain;
  display: inline-block;
  width: 43px;
  height: 43px;
}
.googledrive-icon {
  background-image: url(img/gd512.svg);
  background-repeat: round;
  display: inline-block;
  width: 43px;
  height: 43px;
  background-color: #00a753;
  background-size: contain;
  background-position: center;
}
.wrike-icon {
  background-image: url(img/wrike.png);
  background-repeat: round;
  display: inline-block;
  width: 43px;
  height: 43px;
  background-color: #00a753;
  background-size: contain;
  background-position: center;
}
.sharepoint-icon {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50" width="30px" height="30px"><path d="M 28.875 0 C 28.855469 0.0078125 28.832031 0.0195313 28.8125 0.03125 L 0.8125 5.3125 C 0.335938 5.402344 -0.0078125 5.824219 0 6.3125 L 0 43.59375 C -0.0078125 44.082031 0.335938 44.503906 0.8125 44.59375 L 28.8125 49.96875 C 29.101563 50.023438 29.402344 49.949219 29.632813 49.761719 C 29.859375 49.574219 29.996094 49.296875 30 49 L 30 41.90625 C 30.351563 41.964844 30.683594 42 31 42 C 34.242188 42 36.871094 39.457031 37 36.25 C 39.667969 35.269531 41.894531 33.417969 43.34375 30.96875 C 43.554688 30.992188 43.78125 31 44 31 C 47.300781 31 50 28.300781 50 25 C 50 21.699219 47.300781 19 44 19 C 43.804688 19 43.597656 19.011719 43.40625 19.03125 C 41.957031 16.523438 39.683594 14.644531 36.96875 13.65625 C 36.792969 10.492188 34.210938 8 31 8 C 30.664063 8 30.332031 8.007813 30 8.0625 L 30 1 C 30.003906 0.710938 29.878906 0.4375 29.664063 0.246094 C 29.449219 0.0546875 29.160156 -0.0351563 28.875 0 Z M 28 2.1875 L 28 47.8125 L 2 42.78125 L 2 7.125 Z M 31 10 C 33.277344 10 35 11.722656 35 14 C 35 16.277344 33.277344 18 31 18 C 30.675781 18 30.316406 17.957031 30 17.875 L 30 10.125 C 30.289063 10.042969 30.601563 10 31 10 Z M 14.59375 15.40625 C 13.59375 15.40625 12.710938 15.488281 11.8125 15.6875 C 10.914063 15.886719 10.199219 16.289063 9.5 16.6875 C 8.800781 17.1875 8.304688 17.707031 7.90625 18.40625 C 7.507813 19.105469 7.3125 19.90625 7.3125 20.90625 C 7.3125 22.105469 7.707031 23.101563 8.40625 24 C 9.105469 24.898438 10.195313 25.585938 11.59375 26.1875 C 12.195313 26.488281 12.6875 26.707031 13.1875 26.90625 C 13.6875 27.105469 14.101563 27.394531 14.5 27.59375 C 14.800781 27.894531 15.113281 28.105469 15.3125 28.40625 C 15.511719 28.707031 15.59375 29.007813 15.59375 29.40625 C 15.59375 29.605469 15.507813 29.894531 15.40625 30.09375 C 15.304688 30.292969 15.113281 30.488281 14.8125 30.6875 C 14.511719 30.886719 14.210938 30.992188 13.8125 31.09375 C 13.414063 31.195313 12.90625 31.1875 12.40625 31.1875 C 11.507813 31.1875 10.710938 30.988281 9.8125 30.6875 C 8.914063 30.386719 8.105469 29.914063 7.40625 29.3125 L 7.40625 33.40625 C 8.007813 33.707031 8.789063 33.992188 9.6875 34.09375 C 10.585938 34.292969 11.59375 34.40625 12.59375 34.40625 C 13.59375 34.40625 14.507813 34.292969 15.40625 34.09375 C 16.304688 33.894531 16.988281 33.585938 17.6875 33.1875 C 18.386719 32.789063 18.914063 32.199219 19.3125 31.5 C 19.613281 30.800781 19.804688 30.007813 19.90625 28.90625 C 19.90625 28.207031 19.792969 27.601563 19.59375 27 C 19.292969 26.398438 18.992188 25.898438 18.59375 25.5 C 18.195313 25 17.695313 24.613281 17.09375 24.3125 C 16.492188 23.914063 15.792969 23.613281 15.09375 23.3125 C 14.59375 23.113281 14.085938 22.886719 13.6875 22.6875 C 13.289063 22.488281 12.894531 22.292969 12.59375 22.09375 C 12.292969 21.894531 12.105469 21.605469 11.90625 21.40625 C 11.804688 21.207031 11.6875 20.894531 11.6875 20.59375 C 11.6875 20.292969 11.804688 20.011719 11.90625 19.8125 C 12.007813 19.613281 12.199219 19.386719 12.5 19.1875 C 12.800781 18.988281 13.101563 18.914063 13.5 18.8125 C 13.898438 18.710938 14.3125 18.6875 14.8125 18.6875 C 15.210938 18.6875 15.507813 18.710938 15.90625 18.8125 C 16.207031 18.8125 16.601563 18.898438 17 19 C 17.398438 19.101563 17.695313 19.207031 18.09375 19.40625 C 18.492188 19.605469 18.792969 19.800781 19.09375 20 L 19.09375 16.09375 C 18.492188 15.894531 17.792969 15.695313 17.09375 15.59375 C 16.394531 15.492188 15.59375 15.40625 14.59375 15.40625 Z M 36.75 15.6875 C 38.667969 16.492188 40.28125 17.84375 41.40625 19.59375 C 39.394531 20.566406 38 22.625 38 25 C 38 27.347656 39.367188 29.390625 41.34375 30.375 C 40.210938 32.097656 38.625 33.429688 36.71875 34.21875 C 35.960938 31.773438 33.699219 30 31 30 C 30.664063 30 30.332031 30.007813 30 30.0625 L 30 19.90625 C 30.351563 19.964844 30.683594 20 31 20 C 33.734375 20 36.023438 18.183594 36.75 15.6875 Z M 44 21 C 46.222656 21 48 22.777344 48 25 C 48 27.222656 46.222656 29 44 29 C 41.777344 29 40 27.222656 40 25 C 40 22.777344 41.777344 21 44 21 Z M 31 32 C 33.277344 32 35 33.722656 35 36 C 35 38.277344 33.277344 40 31 40 C 30.675781 40 30.316406 39.957031 30 39.875 L 30 32.125 C 30.289063 32.042969 30.601563 32 31 32 Z" fill="rgb(255,255,255)"/></svg>');
  background-repeat: no-repeat;
  background-position: center;
  display: inline-block;
  width: 43px;
  height: 43px;
  background-color: #34c7d1;
}
.reportChartPreview {
  position: absolute;
  right: 0px;
  left: 0px;
  top: 40px;
  bottom: 0px;
  z-index: 9;
  background-color: rgba(0, 0, 0, 0.0980392) !important;
  opacity: 1;
}
.reportChartPreview .reportChartCloseIcon {
  font-size: 30px;
  background: white;
  top: 0px;
  position: absolute;
  right: 15px;
  width: 30px;
  height: 30px;
  cursor: pointer;
  z-index: inherit;
}
.reportChartPreview .previewChart {
  position: absolute;
  opacity: 1;
  right: 0px;
  left: 0px;
  top: 0px;
  bottom: 0px;
  height: 100%;
  width: 100%;
}
.reportChartPreview .reportTitle {
  color: #757575;
  font-size: 28px;
  font-family: 'canto-font', sans-serif;
  font-weight: 300;
  fill: #757575;
  float: none;
}
.exportCsv {
  margin-top: 11px;
  float: right;
}
.portals-data .col-portalname {
  width: 25%;
  cursor: pointer;
}
.portals-data .col-access {
  width: 10%;
}
.portals-data .col-status {
  width: 10%;
}
.portals-data .col-lastmodified {
  width: 10%;
}
.portals-data .col-creationdate {
  width: 10%;
}
.portals-data .col-actions {
  width: 10%;
}
.landing-item-hover-empty {
  border: 3px solid #009feb!important;
}
.integrate-viewer-dialog {
  margin: auto;
}
.integrate-viewer-dialog .modal-dialog {
  width: 674px;
}
.integrate-viewer-dialog .newopBar {
  margin-top: 30px;
  position: absolute;
  width: calc(100% - 85px);
}
.integrate-viewer-dialog .vendor-icon {
  background-repeat: no-repeat;
  position: absolute;
}
.integrate-viewer-dialog .h-auto {
  margin-top: 40px;
}
.integrate-viewer-dialog .box-icon {
  background-image: url(img/box_small.png);
  height: 55px;
  width: 65px;
  margin-top: -33px;
  background-position-x: right;
  background-position-y: top;
}
.integrate-viewer-dialog .googledrive-icon {
  background-image: url(img/google_drive_small.png);
  height: 50px;
  width: 50px;
  margin-top: -26px;
  margin-left: 25px;
  background-position-x: right;
  background-position-y: top;
}
.integrate-viewer-dialog .wrike-icon {
  background-image: url(img/wrike.png);
  height: 50px;
  width: 50px;
  margin-top: -26px;
  margin-left: 25px;
  background-position-x: right;
  background-position-y: top;
}
.integrate-viewer-dialog .dropbox-icon {
  background-image: url(img/dropbox_small.png);
  height: 35px;
  width: 55px;
  margin-top: -23px;
  background-position-x: right;
  background-position-y: top;
}
.integrate-viewer-dialog .box-icon-pos-ie {
  margin-left: 239px;
}
.integrate-viewer-dialog .box-icon-pos-notie {
  margin-left: -131px;
}
.integrate-viewer-dialog .page-action {
  float: right;
  padding: 10px 10px 10px 0px;
}
.integrate-viewer-dialog .progress-info {
  width: 94%;
  margin-left: 12px;
  padding: 10px 0px 0px 0px;
}
.integrate-viewer-dialog .progress-info .progress-desc {
  font-size: 13px;
  line-height: 18px;
  position: absolute;
  padding: 0px 0px 0px 5px;
  width: calc(100% - 70px);
}
.integrate-viewer-dialog .progress-info .progress-desc img {
  height: 5px;
  width: 100%;
  border-radius: 4px;
}
.integrate-viewer-dialog .progress-info .dq {
  height: 5px;
  border-radius: 4px;
  background-color: #f5f5f5;
}
.integrate-viewer-dialog .progress-info .process-icon {
  width: 15px;
  margin-top: -18px;
  margin-left: 562px;
}
.integrate-viewer-dialog .preparing-info {
  width: 94%;
  margin-left: 12px;
  margin-top: 50px;
  margin-bottom: 20px;
  padding: 5px;
}
.integrate-viewer-dialog .data-row {
  cursor: default !important;
}
.integrate-viewer-dialog .modal-footer {
  padding: 0px !important;
  height: 46px;
  line-height: 46px;
  background: #F2F2F2;
  border-radius: 0px;
}
.viewer-title {
  font-size: 22px;
  background-color: #e2e2e2;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.importfileList .cancel-button {
  margin-left: 20%;
  width: 20px;
  height: 20px;
  vertical-align: middle;
  cursor: pointer;
  background-image: url(img/icons.png);
  background-position: -364px -204px;
}
.importfileList .backend-processing-icon {
  margin-left: 20%;
  width: 20px;
  height: 20px;
  vertical-align: middle;
}
.footer-area {
  width: 100%;
  text-align: center;
  margin: 15px 0;
}
@font-face {
  font-family: 'icomoon_flight_01';
  src: url('icomoon_flight_01.eot?sxzxc325');
  src: url('icomoon_flight_01.eot?sxzxc325#iefix') format('embedded-opentype'), url('icomoon_flight_01.ttf?sxzxc325') format('truetype'), url('icomoon_flight_01.woff?sxzxc325') format('woff'), url('icomoon_flight_01.svg?sxzxc325#icomoon_flight_01') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
[class^="icon-"],
[class*=" icon-"] {
  font-family: 'icomoon_flight_01' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  cursor: pointer;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@font-face {
  font-family: 'list';
  src: url('../assets/list-font/icomoon.eot') format('embedded-opentype'), url('../assets/list-font/icomoon.ttf') format('truetype'), url('../assets/list-font/icomoon.woff') format('woff'), url('../assets/list-font/icomoon.svg') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
[class^="list-icon"],
[class*="list-icon"] {
  font-family: 'list' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  cursor: pointer;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-capture:before {
  content: "\e900";
}
.icon-help:before {
  content: "\e800";
}
.icon-icn_flight_box_folder_01:before {
  content: "\e801";
}
.icon-icn_flight_dropbox_folder_01:before {
  content: "\e802";
}
.icon-icn_flight_googleDrive_folder_01:before {
  content: "\e803";
}
.icon-dropbox_folder_open:before {
  content: "\e648";
}
.icon-dropbox_folder:before {
  content: "\e649";
}
.icon-geo_data:before {
  content: "\e647";
}
.icon-timeline:before {
  content: "\e645";
}
.icon-dashboard:before {
  content: "\e646";
}
.icon-Coordinate:before {
  content: "\e642";
}
.icon-dimensions:before {
  content: "\e643";
}
.icon-fullscreen_01:before {
  content: "\e640";
}
.icon-more01:before {
  content: "\e641";
}
.icon-cold_restore:before {
  content: "\e63d";
}
.icon-cold_request:before {
  content: "\e63e";
}
.icon-cold_move:before {
  content: "\e63f";
}
.icon-offline:before {
  content: "\e63c";
}
.icon-googleDrive_folder:before {
  content: "\e63a";
}
.icon-googleDrive_folder_open:before {
  content: "\e63b";
}
.icon-library:before {
  content: "\e638";
}
.icon-triangle-down:before {
  content: "\e636";
}
.icon-triangle-up:before {
  content: "\e637";
}
.icon-box_folder:before {
  content: "\7d";
}
.icon-box_folder_open:before {
  content: "\7e";
}
.icon-copy1:before {
  content: "\7c";
}
.icon-copy:before {
  content: "\7b";
}
.icon-add_1:before {
  content: "\60";
}
.icon-subtract_1:before {
  content: "\61";
}
.icon-closed2:before {
  content: "\5f";
}
.icon-warning:before {
  content: "\5e";
}
.icon-pdf_preview:before {
  content: "\4d";
}
.icon-rotate_left:before {
  content: "\2a";
}
.icon-rotate_right:before {
  content: "\2d";
}
.icon-move:before {
  content: "\30";
}
.icon-resize:before {
  content: "\3a";
}
.icon-resize2:before {
  content: "\3e";
}
.icon-keyphoto:before {
  content: "\3f";
}
.icon-icn_delete:before {
  content: "\26";
}
.icon-icn_remove:before {
  content: "\27";
}
.icon-crop:before {
  content: "\e644";
}
.icon-more:before {
  content: "\22";
}
.icon-edit:before {
  content: "\23";
}
.icon-add:before {
  content: "\21";
}
.icon-icn_expand_02:before {
  content: "\e635";
}
.icon-icn_linkedin_01:before {
  content: "\e600";
}
.icon-icn_upload_cloud_01:before {
  content: "\e60c";
}
.icon-icn_checkbox_checked_02:before {
  content: "\e605";
}
.icon-icn_grid_filled_01:before {
  content: "\49";
}
.icon-icn_flight_logo_01:before {
  content: "\e630";
}
.icon-icn_default_user_01:before {
  content: "\e623";
}
.icon-box_logo_01:before {
  content: "\e625";
}
.icon-icn_tree4:before {
  content: "\e62e";
}
.icon-icn_tree3:before {
  content: "\e626";
}
.icon-icn_tree2:before {
  content: "\e627";
}
.icon-icn_tree:before {
  content: "\e628";
}
.icon-icn_upload4:before {
  content: "\e629";
}
.icon-icn_box_filled:before {
  content: "\e62a";
}
.icon-icn_upload3:before {
  content: "\e62b";
}
.icon-icn_dropbox_02:before {
  content: "\e622";
}
.icon-icn_bell_02:before {
  content: "\e624";
}
.icon-icn_star_01:before {
  content: "\e60b";
}
.icon-icn_disk_01:before {
  content: "\e60d";
}
.icon-icn_close_x_01:before {
  content: "\e60e";
}
.icon-icn_close_circle_x_01:before {
  content: "\e60f";
}
.icon-icn_checkmark_circle_01:before {
  content: "\e610";
}
.icon-icn_eye_01:before {
  content: "\e611";
}
.icon-icn_flight_arrow_up_01:before {
  content: "\e612";
}
.icon-icn_flight_arrow_down_01:before {
  content: "\e613";
}
.icon-icn_flight_sort_descend_01:before {
  content: "\e606";
}
.icon-icn_reload_alt_01:before {
  content: "\e604";
}
.icon-icn_checkbox_checked_01:before {
  content: "\3b";
}
.icon-icn_pencil_01:before {
  content: "\b7";
}
.icon-arrow_left:before {
  content: "\2264";
}
.icon-arrow_right:before {
  content: "\2265";
}
.icon-icn_flight_album_assign_01:before {
  content: "\c5";
}
.icon-icn_flight_folder_open3 {
  font-family: 'icomoon' !important;
}
.icon-icn_flight_folder_open3:before {
  content: "\e9bd";
}
.icon-icn_flight_folder_01 {
  font-family: 'icomoon' !important;
}
.icon-icn_flight_folder_01:before {
  content: "\e9bc";
}
.icon-icn_reload_01:before {
  content: "\2030";
}
.icon-icn_flight_plus_sm_thick_01:before {
  content: "\2260";
}
.icon-icn_flight_plus_sm_01:before {
  content: "\b1";
}
.icon-icn_flight_power:before {
  content: "\5c";
}
.icon-icn_checkbox_checked_013:before {
  content: "\3c";
}
.icon-icn_flight_preso:before {
  content: "\2e";
}
.icon-cal:before {
  content: "\2f";
}
.icon-icn_flight_sort_01:before {
  content: "\3d";
}
.icon-icn_flight_info_01:before {
  content: "\2c";
}
.icon-icn_flight_preso_01:before {
  content: "\29";
}
.icon-icn_portal_01:before {
  content: "\28";
}
.icon-icn_flight_plus_01:before {
  content: "\5d";
}
.icon-icn_album_01:before {
  content: "\5b";
}
.icon-Plus-02:before {
  content: "\a1";
}
.icon-image:before {
  content: "\62";
}
.icon-image2:before {
  content: "\63";
}
.icon-music:before {
  content: "\64";
}
.icon-film:before {
  content: "\65";
}
.icon-camera:before {
  content: "\66";
}
.icon-bullhorn:before {
  content: "\e602";
}
.icon-profile:before {
  content: "\67";
}
.icon-books:before {
  content: "\68";
}
.icon-file:before {
  content: "\69";
}
.icon-file2:before {
  content: "\6a";
}
.icon-file3:before {
  content: "\6b";
}
.icon-file4:before {
  content: "\6c";
}
.icon-stack:before {
  content: "\6d";
}
.icon-folder:before {
  content: "\6e";
}
.icon-folder-open:before {
  content: "\6f";
}
.icon-tag:before {
  content: "\e603";
}
.icon-notebook:before {
  content: "\70";
}
.icon-envelope:before {
  content: "\71";
}
.icon-history:before {
  content: "\e607";
}
.icon-bell:before {
  content: "\72";
}
.icon-calendar:before {
  content: "\73";
}
.icon-screen:before {
  content: "\74";
}
.icon-laptop:before {
  content: "\75";
}
.icon-drawer:before {
  content: "\76";
}
.icon-upload:before {
  content: "\78";
}
.icon-user:before {
  content: "\79";
}
.icon-users:before {
  content: "\7a";
}
.icon-user2:before {
  content: "\5a";
}
.icon-spinner:before {
  content: "\cd";
}
.icon-search:before {
  content: "\53";
}
.icon-zoomin:before {
  content: "\41";
}
.icon-zoomout:before {
  content: "\42";
}
.icon-key:before {
  content: "\e608";
}
.icon-lock:before {
  content: "\e614";
}
.icon-unlocked:before {
  content: "\e615";
}
.icon-settings:before {
  content: "\2c7";
}
.icon-cog:before {
  content: "\43";
}
.icon-pie:before {
  content: "\44";
}
.icon-bars:before {
  content: "\45";
}
.icon-remove:before {
  content: "\46";
}
.icon-remove2:before {
  content: "\47";
}
.icon-briefcase:before {
  content: "\48";
}
.icon-list:before {
  content: "\4c";
}
.icon-menu:before {
  content: "\4a";
}
.icon-tree:before {
  content: "\4b";
}
.icon-download2:before {
  content: "\e62c";
}
.icon-upload2:before {
  content: "\e62d";
}
.icon-flag:before {
  content: "\4e";
}
.icon-star:before {
  content: "\4f";
}
.icon-star2:before {
  content: "\50";
}
.icon-heart:before {
  content: "\51";
}
.icon-heart2:before {
  content: "\52";
}
.icon-thumbs-up:before {
  content: "\a8";
}
.icon-info:before {
  content: "\2c6";
}
.icon-close:before {
  content: "\e7";
}
.icon-checkmark:before {
  content: "\54";
}
.icon-checkmark2:before {
  content: "\55";
}
.icon-minus:before {
  content: "\b5";
}
.icon-plus:before {
  content: "\2b";
}
.icon-enter:before {
  content: "\56";
}
.icon-exit:before {
  content: "\57";
}
.icon-stop:before {
  content: "\e601";
}
.icon-arrow-down:before {
  content: "\e5";
}
.icon-checkbox-checked:before {
  content: "\58";
}
.icon-checkbox-unchecked:before {
  content: "\59";
}
.icon-checkbox-partial:before {
  content: "\31";
}
.icon-radio-checked:before {
  content: "\32";
}
.icon-radio-unchecked:before {
  content: "\33";
}
.icon-filter:before {
  content: "\34";
}
.icon-filter2:before {
  content: "\35";
}
.icon-table:before {
  content: "\36";
}
.icon-paragraph-justify:before {
  content: "\37";
}
.icon-share:before {
  content: "\38";
}
.icon-mail:before {
  content: "\39";
}
.icon-googleplus:before {
  content: "\e616";
}
.icon-googleplus2:before {
  content: "\e617";
}
.icon-googleplus3:before {
  content: "\e618";
}
.icon-facebook:before {
  content: "\e609";
}
.icon-facebook2:before {
  content: "\e60a";
}
.icon-facebook3:before {
  content: "\e619";
}
.icon-twitter:before {
  content: "\e61a";
}
.icon-twitter2:before {
  content: "\e61b";
}
.icon-twitter3:before {
  content: "\e61c";
}
.icon-wordpress:before {
  content: "\e61d";
}
.icon-wordpress2:before {
  content: "\e61e";
}
.icon-linkedin:before {
  content: "\e61f";
}
.icon-pinterest:before {
  content: "\e620";
}
.icon-pinterest2:before {
  content: "\e621";
}
.icon-file-pdf:before {
  content: "\40";
}
.icon-file-word:before {
  content: "\24";
}
.icon-file-excel:before {
  content: "\25";
}
.icon-arrow-up-right:before {
  content: "\e634";
}
.icon-arrow-right:before {
  content: "\e62f";
}
.icon-arrow-left:before {
  content: "\e631";
}
.icon-arrow-right2:before {
  content: "\e632";
}
.icon-arrow-left2:before {
  content: "\e633";
}
.icon-weather-snow:before {
  content: "\e639";
}
.icon-uniF16B:before {
  content: "\f16b";
}
.icon-download:before {
  content: "\77";
}
.license-overview {
  margin: 20px;
}
.license-overview .litem {
  float: left;
  width: 400px;
  margin: 10px;
}
.license-overview .litem .llabel {
  float: left;
  text-align: right;
  width: 200px;
}
.license-overview .litem .lvalue {
  float: left;
  text-align: left;
  margin-left: 10px;
}
.license-overview license-panel {
  width: 300px;
  height: 200px;
  margin: 0 50px 50px 0;
  float: left;
}
.license-overview license-panel .lpanel {
  border: 1px solid #68cfd9;
}
.license-overview license-panel .lpanel .lpanel {
  width: 100%;
  height: 100%;
}
.license-overview license-panel .lpanel .ltitle {
  width: 100%;
  height: 30px;
  padding-left: 10px;
  line-height: 30px;
  background-color: #68cfd9;
  text-align: left;
  color: #fff;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.license-overview license-panel .lpanel .lbody {
  width: 100%;
  height: 170px;
}
.license-overview .lcalendar {
  position: relative;
  width: 90px;
  top: 30px;
  left: 40px;
  text-align: center;
  display: inline-block;
}
.license-overview .lcalendar .lcalt {
  width: 100%;
  height: 30px;
  background-color: red;
  border-radius: 10px 10px 0px 0px;
  color: #fff;
  text-align: center;
  line-height: 30px;
  font-size: 14px;
}
.license-overview .lcalendar .lcalb {
  width: 100%;
  height: 70px;
  border: 1px solid #ccc;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  border-radius: 0px 0px 10px 10px;
  text-align: center;
  line-height: 70px;
  font-size: 24px;
}
.license-overview stacked-column-chart {
  float: left;
}
.license-overview .linfo {
  width: 96px;
  padding: 20px;
  float: right;
  line-height: 40px;
  color: #000;
  font-size: 24px;
  text-align: center;
  height: 170px;
  vertical-align: middle;
}
.storageLabel {
  position: absolute;
  top: 20px;
  color: #757575;
  font-size: 42px;
  font-family: 'canto-font';
  font-weight: 300;
  fill: #757575;
  width: 300px;
  height: 35px;
  line-height: 35px;
  left: 590px;
  text-align: end;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: auto;
  overflow-wrap: normal;
  overflow-y: hidden;
  overflow-x: hidden;
}
.storageLabel .storageLabelEnd {
  font-family: "canto-font";
  font-size: 13px;
  font-weight: 300;
  color: #757575;
}
.storageYear {
  left: 410px;
  position: absolute;
  line-height: 40px;
  font-family: 'canto-font';
  color: #757575;
  font-weight: 300;
  top: 385px;
  height: 40px;
  width: 80px;
  text-align: center;
}
li.licenseList {
  cursor: pointer;
  padding: 0px 0px 0px 15px;
  line-height: 40px;
}
li.licenseList:hover {
  background-color: rgba(0, 0, 0, 0.0980392) !important;
}
li.licenseListSelected {
  background-color: rgba(0, 0, 0, 0.0980392) !important;
}
.licenseLegend {
  position: absolute;
  left: 760px;
  height: 18px;
  width: 140px;
}
.licenseDownloadIcon {
  position: absolute;
  width: 90px;
  font-size: 20px;
  left: 1150px;
  top: 45px;
  opacity: 0.7;
  cursor: pointer;
  z-index: 1;
}
.licenseDownloadTitle {
  position: absolute;
  top: 2px;
  left: 24px;
  line-height: 22px;
  font-size: 13px;
  cursor: pointer;
  z-index: 1;
}
.table-list {
  overflow: hidden;
  min-height: 50px;
  position: relative;
  height: 100%;
  display: block;
}
.table-list .table-header {
  text-align: left;
  height: 60px;
  line-height: 60px;
  vertical-align: middle;
  position: relative;
  margin: 0 20px;
  border-bottom: #ddd 1px solid;
}
.table-list .table-header .cellPaddingLR {
  padding: 0px 10px;
}
.table-list .table-header .header-cell {
  position: absolute;
  display: table-cell;
  height: 60px;
  line-height: 60px;
  font-weight: 700;
  cursor: pointer;
}
.table-list .table-header .header-cell .cell-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.table-list .table-header .header-cell .cell-no-ellipsis {
  padding-left: 10px;
  padding-right: 10px;
}
.table-list .table-chooseBtn {
  font-size: 24px;
  text-align: center;
  line-height: 90px;
  z-index: 2;
  visibility: hidden;
  color: #666666;
  position: absolute;
  width: 100%;
}
.table-list .table-chooseBtn .table-chooseBtn-bg {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -10px;
  margin-left: -10px;
  border-radius: 10px;
  z-index: -1;
}
.table-list .table-chooseBtn.selectMode {
  visibility: visible;
}
.table-list .icon-table-schemeIcon {
  font-size: 20px;
  text-align: left;
  line-height: 90px;
  z-index: 2;
}
.table-list .icon-table-schemeIcon.folder {
  font-family: 'icomoon' !important;
}
.table-list .icon-table-schemeIcon.folder:before {
  content: "\e9bc";
}
.table-list .icon-table-schemeIcon.album:before {
  content: "\5b";
}
.table-list .icon-table-schemeIcon.image:before {
  content: "\63";
}
.table-list .icon-table-schemeIcon.video:before {
  content: "\65";
}
.table-list .icon-table-schemeIcon.audio:before {
  content: "\64";
}
.table-list .icon-table-schemeIcon.document:before {
  content: "\6b";
}
.table-list .icon-table-schemeIcon.presentation:before {
  content: "\74";
}
.table-list .icon-table-schemeIcon.other:before {
  content: "\6a";
}
.table-list .table-freeze {
  float: left;
  font-size: 20px;
  margin-right: 10px;
  margin-top: 14px;
}
.table-list ul.container {
  position: relative;
  width: 100%;
  height: 300px;
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-base-color: #C0C0C0;
  scrollbar-face-color: #626262;
  scrollbar-3dlight-color: #C0C0C0;
  scrollbar-highlight-color: #C0C0C0;
  scrollbar-track-color: #dddddd;
  scrollbar-arrow-color: black;
  scrollbar-shadow-color: #C0C0C0;
  scrollbar-dark-shadow-color: #C0C0C0;
}
.table-list ul.container::-webkit-scrollbar-thumb {
  background-color: #626262;
}
.table-list ul.container::-webkit-scrollbar-track-piece {
  background-color: #dddddd;
  -webkit-border-radius: 0;
}
.table-list ul.container::-webkit-scrollbar {
  width: 10px;
}
.table-list ul.container.margin-right10 li {
  margin-right: 10px;
}
.table-list ul.container li {
  border-bottom: #ddd 1px solid;
  margin: 0 20px;
  border-radius: 0;
}
.table-list ul.container li.selected {
  background-color: inherit;
}
.table-list ul.container li.virtual {
  position: absolute;
  left: 0;
  right: 0;
}
.table-list ul.container li.noClick {
  cursor: default;
}
.table-list ul.container .operations span {
  color: grey;
  padding: 3px;
  vertical-align: middle;
  font-size: 14px;
  text-decoration: none;
}
.table-list ul.container .operations span:hover {
  color: #444;
  text-decoration: none;
}
.table-list ul.container .cursor-base {
  cursor: initial;
}
.table-list .table-row {
  position: relative;
  text-align: left;
}
.table-list .table-row:hover {
  cursor: pointer;
}
.table-list .table-row:hover .table-chooseBtn {
  visibility: visible;
}
.table-list .table-disabled-row {
  color: #cdcdcd;
}
.table-list .-choice ul li {
  height: auto;
  line-height: normal;
  font-size: initial;
}
.table-list ul li {
  overflow: hidden;
  height: 90px;
  line-height: 90px;
  vertical-align: middle;
}
.table-list ul li .content-cell {
  position: absolute;
  vertical-align: middle;
}
.table-list ul li button {
  border-radius: 25px;
  margin-right: 5px;
}
.table-list ul li .cell-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  height: 90px;
  line-height: 90px;
  font-weight: bold;
}
.table-list ul li.selected {
  background-color: rgba(200, 200, 200, 0.3);
}
.table-list ul li .stars-size {
  font-size: 20px;
}
.table-list ul li .label-content {
  width: 80%;
  height: 15px;
  border: 1px solid #8a8a8a;
  border-radius: 3px;
  position: absolute;
  top: 38px;
}
.table-list ul li .label-content .label-color {
  display: inline-block;
  height: 13px;
  float: left;
}
.table-list ul li .label-content .label-color:last-child {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.table-list ul li .label-content .label-color:first-child {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.table-list .oddRow {
  background-color: #efefef;
}
.table-list .evenRow {
  background-color: #FFFFFF;
}
.table-list .cell-thumb {
  overflow: hidden;
  vertical-align: middle;
  text-align: left;
  width: 60px;
  height: 90px;
  line-height: 90px;
}
.table-list .thumb-img {
  max-height: 60px;
}
.table-list .cell-avatar {
  vertical-align: middle;
  text-align: center;
  width: 30px;
  height: 30px;
}
.table-list .upload-btn {
  width: 42px;
  height: 34px;
  font-weight: 300;
  font-size: 28px;
  color: #f2f2f2;
  background-color: #cacaca;
  box-shadow: none;
  border: none;
  text-decoration: none;
  outline: none;
  vertical-align: middle;
  /* padding: 0px 10px; */
  line-height: 20px;
}
.table-list .upload-btn:hover {
  color: #ffffff;
  background: #545454;
}
.table-list .upload-btn:active {
  color: #ffffff;
}
.table-list.table-list-noborder ul.container li {
  border: none;
}
@-moz-document url-prefix() {
  .table-list ul.container.margin-right10 li {
    margin-right: 3px;
  }
}
.l-edit-name .circle-button {
  border-radius: 50%;
  width: 25px;
  height: 25px;
  line-height: 25px!important;
  font-size: 13px;
  display: inline-block;
  text-align: center;
}
.l-edit-name .f-rename {
  width: calc(100% - 100px);
  margin: 0 5px;
  cursor: text;
}
.l-edit-name .r-name {
  cursor: text;
  max-width: calc(100% - 30px);
  display: inline-block;
}
.l-edit-name .r-edit {
  margin-left: 5px;
  overflow: hidden;
  display: inline-block;
  line-height: 90px;
}
.inline-block {
  display: inline-block;
}
/**
 * Angular JS slider directive
 *
 * (c) Rafal Zajac <rzajac@gmail.com>
 * http://github.com/rzajac/angularjs-slider
 *
 * Licensed under the MIT license
 */
rzslider {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 2px;
  margin: 30px 0 15px 0;
  vertical-align: middle;
}
rzslider span {
  position: absolute;
  display: inline-block;
  white-space: nowrap;
}
rzslider span.base {
  width: 100%;
  height: 100%;
  padding: 0;
}
rzslider span.bar {
  z-index: 0;
  width: 100%;
  height: 100%;
  background: #fff;
}
rzslider span.bar.selection {
  z-index: 1;
  width: 0;
  background: #67b700;
}
rzslider span.pointer {
  top: -15px;
  z-index: 2;
  width: 32px;
  height: 32px;
  cursor: pointer;
  background-color: #ffffff;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
}
rzslider span.pointer:after {
  position: absolute;
  top: 12px;
  left: 12px;
  width: 8px;
  height: 8px;
  background: #71818e;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  content: '';
}
rzslider span.pointer:hover:after {
  background-color: #67b700;
}
rzslider span.pointer.active:after {
  background-color: #67b700;
}
rzslider span.bubble {
  top: -32px;
  padding: 1px 3px 1px 0px;
  margin-left: -8px;
  color: #67b700;
  cursor: default;
}
rzslider span.bubble.selection {
  top: 15px;
}
rzslider span.bubble.limit {
  color: #67b700;
}
rzslider span.unit {
  top: -18px;
  padding: 1px 3px 1px 3px;
  color: #67b700;
  cursor: default;
  text-align: center;
  margin-left: -3px;
}
.breadscrumbs {
  width: 100%;
  height: 35px;
  font-size: 17px;
  line-height: 35px;
  white-space: nowrap;
  text-align: left;
  padding: 0 10px 0 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  font-weight: 400;
}
.breadscrumbs .ellipsis {
  position: absolute;
  background-color: #f4f4f4;
  left: 0px;
  padding: 0 4px 0 10px;
}
.breadscrumbs .breadscrumbs-sub-item {
  margin-right: -3px;
}
.breadscrumbs .breadscrumbs-sub-item.no-wrap-line {
  display: inline-block;
}
.breadscrumbs .breadcrumbs-nav {
  cursor: pointer;
}
.breadscrumbs .breadcrumbs-nav.no-click {
  cursor: text;
}
.breadscrumbs .line {
  padding: 0 5px 0px 8px;
}
.breadscrumbs a {
  cursor: pointer;
  color: inherit;
  font-decoration: none;
}
.breadscrumbs.wrap-line {
  height: auto;
  white-space: normal;
  word-break: break-word;
}
.breadscrumbs .canto-logo {
  color: orange;
}
.cur-def {
  cursor: default!important;
}
.create-portal {
  margin: auto;
  color: #474747;
}
.create-portal .footer-right {
  text-align: right;
}
.create-portal .msg-area {
  height: 22px;
  line-height: 22px;
}
.create-portal .msg {
  font-size: 14px;
  color: #ff0000;
  padding: 0px 5px;
  text-align: center;
  display: block;
}
.create-portal .step2 {
  height: 456px;
  overflow: hidden;
  margin-left: 25px;
}
.create-portal .step2 .s2-title {
  margin: 20px 0;
  color: #606060;
  font-size: 14px;
  text-align: left;
  font-weight: 700;
}
.create-portal .step2 .s2-body .section .title {
  line-height: 25px;
  font-weight: 600;
}
.create-portal .step2 .s2-body li {
  float: left;
  width: 50%;
}
.create-portal .step2 .s2-body li .icon-icn_checkbox_checked_02,
.create-portal .step2 .s2-body li icon-checkbox-unchecked {
  font-size: 12px;
}
.create-portal .step2 .s2-body li .capability-item {
  cursor: pointer;
  font-size: 16px;
}
.create-portal .step2 .s2-body li .name {
  padding-left: 15px;
  color: #474747;
  line-height: 30px;
  font-size: 13px;
  font-weight: 300;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.create-portal .step3 {
  height: 456px;
  overflow: hidden;
}
.create-portal .step3 .s3-tree-title-area {
  height: 30px;
}
.create-portal .step3 .s3-tree-title {
  background: #E8E8E8;
  line-height: 30px;
  color: #666;
  font-size: 14px;
}
.create-portal .step3 .s3-tree-title .s3-folder-icon {
  position: absolute;
  font-size: 20px;
  top: 4px;
  padding-left: 10px;
}
.create-portal .step3 .s3-tree-title .s3-folder-txt {
  margin-left: 35px;
}
.create-portal .step3 .bottom-content {
  text-align: center;
  background: #E8E8E8;
  width: 100%;
  height: 50px;
  line-height: 50px;
  position: absolute;
  bottom: 0px;
}
.create-portal .step3 .s3-body {
  height: 384px;
  max-height: 384px;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-base-color: #C0C0C0;
  scrollbar-face-color: #626262;
  scrollbar-3dlight-color: #C0C0C0;
  scrollbar-highlight-color: #C0C0C0;
  scrollbar-track-color: #dddddd;
  scrollbar-arrow-color: black;
  scrollbar-shadow-color: #C0C0C0;
  scrollbar-dark-shadow-color: #C0C0C0;
}
.create-portal .step3 .s3-body::-webkit-scrollbar-thumb {
  background-color: #626262;
}
.create-portal .step3 .s3-body::-webkit-scrollbar-track-piece {
  background-color: #dddddd;
  -webkit-border-radius: 0;
}
.create-portal .step3 .s3-body::-webkit-scrollbar {
  width: 10px;
}
.create-portal .step3 .eidtPortalTreeHeight {
  height: 376px;
}
.create-portal .step3 .isCopyDataToPortal {
  width: 368px;
  position: absolute;
}
.create-portal .step3 .isCopyDataToPortalBorder {
  width: 368px;
  border-left: solid 1px #CCCCCC;
  position: absolute;
  right: 0px;
}
.create-portal .step3 .copy-data-area {
  display: inline;
}
.create-portal .step3 .copy-data-area .copy-direction {
  width: 40px;
  height: 40px;
  background-color: #FFFFFF;
  border-width: 1px;
  border-style: solid;
  border-color: rgba(255, 255, 255, 0.6);
  border-radius: 40px;
  outline: none;
  font-size: 18px;
  font-weight: 700;
  text-align: center;
}
.create-portal .step3 .copy-data-area .copy-direction:hover {
  color: #ffffff;
}
.create-portal .step3 .copy-data-area .directionSelectColor {
  color: #ffffff;
}
.create-portal .step3 .include-content {
  right: 12px;
  position: absolute;
  display: inline;
}
.create-portal .step3 .select-tree-prompt {
  position: absolute;
  top: 0px;
  width: 100%;
  height: 30px;
  line-height: 30px;
  color: #ffffff;
  text-align: center;
  background-color: #474747;
  opacity: 0.8;
  font-weight: 400;
}
.create-portal .branding {
  height: 456px;
  overflow-y: auto;
  margin-left: 25px;
  scrollbar-base-color: #C0C0C0;
  scrollbar-face-color: #626262;
  scrollbar-3dlight-color: #C0C0C0;
  scrollbar-highlight-color: #C0C0C0;
  scrollbar-track-color: #dddddd;
  scrollbar-arrow-color: black;
  scrollbar-shadow-color: #C0C0C0;
  scrollbar-dark-shadow-color: #C0C0C0;
}
.create-portal .branding .branding-title {
  margin: 20px 0;
  color: #606060;
  font-size: 14px;
  text-align: left;
  font-weight: 700;
}
.create-portal .branding .branding-body .col {
  float: left;
  margin-top: 10px;
}
.create-portal .branding .branding-body .col input {
  width: 450px;
}
.create-portal .branding .branding-body .col .lf {
  float: left;
  clear: left;
  width: 120px;
  text-align: right;
}
.create-portal .branding .branding-body .col .rt {
  margin-left: 15px;
  float: left;
  text-align: left;
}
.create-portal .branding .branding-body .col .sp-replacer {
  padding: 3px 4px;
  margin-top: -4px;
}
.create-portal .branding .branding-body .sec-col {
  margin-left: 80px;
}
.create-portal .branding .branding-body .description-textarea {
  width: 500px;
  height: 100px;
  border-radius: 0px;
  border-width: 1px;
  border-style: solid;
  border-color: #D0D0D0;
  background-color: transparent;
  resize: none;
  scrollbar-base-color: #C0C0C0;
  scrollbar-face-color: #626262;
  scrollbar-3dlight-color: #C0C0C0;
  scrollbar-highlight-color: #C0C0C0;
  scrollbar-track-color: #dddddd;
  scrollbar-arrow-color: black;
  scrollbar-shadow-color: #C0C0C0;
  scrollbar-dark-shadow-color: #C0C0C0;
}
.create-portal .branding .branding-body .description-textarea::-webkit-input-placeholder {
  color: #999999 !important;
}
.create-portal .branding .branding-body .description-textarea::-webkit-scrollbar-thumb {
  background-color: #626262;
  outline-offset: -2px;
}
.create-portal .branding .branding-body .description-textarea::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.create-portal .branding .branding-body .description-textarea::-webkit-scrollbar-track-piece {
  background-color: #dddddd;
  -webkit-border-radius: 0;
}
.create-portal .branding .branding-body .portal-logo-setting {
  height: 100px;
}
.create-portal .branding .branding-body .portal-logo-setting .portal-logo {
  max-height: 67px;
  height: 67px;
}
.create-portal .branding .branding-body .portal-logo-setting .upload-logo {
  font-size: 14px;
  margin-left: -8px;
}
.create-portal .branding .branding-body .portal-logo-setting a {
  cursor: pointer;
}
.create-portal .branding .branding-body .portal-login-setting {
  padding-top: 10px;
  clear: both;
}
.create-portal .branding .branding-body .portal-login-setting input {
  width: 400px;
}
.create-portal .branding::-webkit-scrollbar-thumb {
  background-color: #626262;
  height: 50px;
  outline-offset: -2px;
}
.create-portal .branding::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.create-portal .branding::-webkit-scrollbar-track-piece {
  background-color: #dddddd;
  -webkit-border-radius: 0;
}
.create-portal .step-msg {
  float: right;
  font-size: 22px;
}
.create-portal .gap2px {
  margin-left: 2px;
  outline: none;
}
.create-portal .finish-view-btn {
  margin-right: 10px;
  margin-left: 56px;
  outline: none;
}
.create-portal .portal-info {
  height: 456px;
  padding: 0px 20px;
  overflow-y: auto;
  scrollbar-base-color: #C0C0C0;
  scrollbar-face-color: #626262;
  scrollbar-3dlight-color: #C0C0C0;
  scrollbar-highlight-color: #C0C0C0;
  scrollbar-track-color: #dddddd;
  scrollbar-arrow-color: black;
  scrollbar-shadow-color: #C0C0C0;
  scrollbar-dark-shadow-color: #C0C0C0;
}
.create-portal .portal-info .first-title {
  margin-top: 0px !important;
}
.create-portal .portal-info .validateError {
  color: #ff0000 !important;
}
.create-portal .portal-info .info-loading {
  position: absolute;
  margin-left: 338px;
  margin-top: 236px;
}
.create-portal .portal-info .field-title {
  font-size: 14px;
  font-weight: 700;
  display: block;
  margin: 12px 0px 8px 0px;
}
.create-portal .portal-info .field-text {
  color: #474747 !important;
  font-size: 14px;
  font-weight: 300;
}
.create-portal .portal-info .required {
  color: #ff0000;
}
.create-portal .portal-info .field-input {
  width: 680px;
  margin: 0px;
  border-radius: 0px;
  border-width: 1px;
  border-style: solid;
  border-color: #D0D0D0;
  background-color: transparent;
}
.create-portal .portal-info .field-input:disabled {
  cursor: default;
}
.create-portal .portal-info .field-textarea {
  width: 680px;
  height: 40px;
  margin: 0px;
  border-radius: 0px;
  border-width: 1px;
  border-style: solid;
  border-color: #D0D0D0;
  background-color: transparent;
  resize: none;
  scrollbar-base-color: #C0C0C0;
  scrollbar-face-color: #626262;
  scrollbar-3dlight-color: #C0C0C0;
  scrollbar-highlight-color: #C0C0C0;
  scrollbar-track-color: #dddddd;
  scrollbar-arrow-color: black;
  scrollbar-shadow-color: #C0C0C0;
  scrollbar-dark-shadow-color: #C0C0C0;
}
.create-portal .portal-info .field-textarea::-webkit-input-placeholder {
  color: #999999 !important;
}
.create-portal .portal-info .field-textarea::-webkit-scrollbar-thumb {
  background-color: #626262;
  outline-offset: -2px;
}
.create-portal .portal-info .field-textarea::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.create-portal .portal-info .field-textarea::-webkit-scrollbar-track-piece {
  background-color: #dddddd;
  -webkit-border-radius: 0;
}
.create-portal .portal-info .member-name {
  margin-left: 160px;
  font-weight: 300;
  color: #474747;
}
.create-portal .portal-info .member-list {
  width: 692px;
  height: 95px;
  overflow-x: auto;
  overflow-y: hidden;
  text-align: center;
  scrollbar-base-color: #C0C0C0;
  scrollbar-face-color: #626262;
  scrollbar-3dlight-color: #C0C0C0;
  scrollbar-highlight-color: #C0C0C0;
  scrollbar-track-color: #dddddd;
  scrollbar-arrow-color: black;
  scrollbar-shadow-color: #C0C0C0;
  scrollbar-dark-shadow-color: #C0C0C0;
}
.create-portal .portal-info .member-list::-webkit-scrollbar-thumb {
  background-color: #626262;
}
.create-portal .portal-info .member-list::-webkit-scrollbar-track-piece {
  background-color: #dddddd;
  -webkit-border-radius: 0;
}
.create-portal .portal-info .member-list::-webkit-scrollbar {
  height: 10px;
}
.create-portal .portal-info .member-list .public-msg {
  font-size: 16px;
  line-height: 80px;
}
.create-portal .portal-info .member-list ul {
  margin: 0px;
  position: relative;
  list-style-type: none;
}
.create-portal .portal-info .member-list .member-content {
  float: left;
  width: 79px;
  height: 79px;
  cursor: pointer;
}
.create-portal .portal-info .member-list .member-content .avatar {
  float: left;
  width: 75px;
  height: 75px;
  border-radius: 38px;
  -webkit-border-radius: 38px;
}
.create-portal .portal-info .member-list .member-content .chooseBtn {
  display: none;
  width: 20px;
  height: 20px;
  position: absolute;
  right: 2px;
  top: 2px;
  z-index: 8;
  opacity: 0.9;
}
.create-portal .portal-info .member-list .member-content .chooseBtn .icon-icn_checkmark_circle_01 {
  font-size: 18px;
  line-height: 18px;
  position: absolute;
  z-index: 8;
  color: #ff0000;
}
.create-portal .portal-info .member-list .member-content .chooseBtn .bg {
  z-index: 7;
  border-radius: 7px;
  position: absolute;
  top: 1px;
  background-color: #fff;
  width: 16px;
  height: 16px;
}
.create-portal .portal-info .member-list .member-content .chooseBtn.selected {
  display: block;
}
.create-portal .portal-info .member-list .member-selected {
  position: relative;
  left: 0px;
  width: 79px;
  height: 79px;
}
.create-portal .portal-info .field-checkbox {
  font-size: 16px;
  cursor: pointer;
  color: #474747;
}
.create-portal .portal-info .field-radio {
  cursor: pointer;
  color: #474747;
}
.create-portal .portal-info .field-date {
  border-radius: 0px;
  width: 130px;
  background: transparent;
}
.create-portal .portal-info .field-date:disabled {
  cursor: default;
}
.create-portal .portal-info .status {
  font-weight: 300;
  display: inline;
  color: #474747;
}
.create-portal .portal-info .status .status-active {
  cursor: pointer;
  opacity: 0.6;
}
.create-portal .portal-info .status .status-active:hover {
  opacity: 1;
}
.create-portal .portal-info .status .status-expired {
  cursor: pointer;
  opacity: 0.6;
}
.create-portal .portal-info .status .status-expired:hover {
  opacity: 1;
}
.create-portal .portal-info .input-box {
  border: 1px solid #cccccc;
  width: 680px;
  height: 34px;
  line-height: 32px;
  display: inline-block;
  float: left;
}
.create-portal .portal-info .input-box .portal-group-input {
  height: 32px;
  float: left;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  box-shadow: none;
  padding: 5px 0px;
  margin: 0px;
  width: 644px;
  font-size: 13px;
  color: #474747;
  background-color: #f9f9f9;
  overflow: hidden;
  cursor: pointer;
  margin-right: 2px;
  outline: none;
  border: none;
}
.create-portal .portal-info .input-box .add-btn {
  font-weight: 300;
  font-size: 28px;
  width: 32px;
  height: 32px;
  color: #474747;
  background: none;
  box-shadow: none;
  border: none;
  text-decoration: none;
  float: right;
  cursor: pointer;
  outline: none;
}
.create-portal .portal-info .input-box .add-btn:hover {
  background-color: #cacaca;
  color: #ffffff;
}
.create-portal .portal-info .input-box .add-btn:active {
  background-color: #545454;
  color: #ffffff;
}
.create-portal .portal-info .group-title {
  width: 692px;
  height: 40px;
  line-height: 40px;
}
.create-portal .portal-info .group-container {
  display: block;
  overflow-x: hidden;
  overflow-y: auto;
  min-height: 23px;
  width: 625px;
}
.create-portal .portal-info .group-box {
  float: left;
  margin: 5px 0px 0px 3px;
  padding: 0px 3px 0px 13px;
  font-size: 12px;
  color: #474747;
  border: solid 1px #E8E8E8;
  border-radius: 6px;
  line-height: 20px;
}
.create-portal .portal-info .group-box:hover {
  background: #f2f2f2;
}
.create-portal .portal-info .group-box .text {
  float: left;
  width: auto;
  overflow-y: hidden;
}
.create-portal .portal-info .group-box .delete-group-btn {
  line-height: 20px;
  font-weight: 600;
  cursor: pointer;
  visibility: hidden;
  position: relative;
}
.create-portal .portal-info .group-box:hover .delete-group-btn {
  visibility: visible;
}
.create-portal .portal-info::-webkit-scrollbar-thumb {
  background-color: #626262;
  height: 50px;
  outline-offset: -2px;
}
.create-portal .portal-info::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.create-portal .portal-info::-webkit-scrollbar-track-piece {
  background-color: #dddddd;
  -webkit-border-radius: 0;
}
.create-portal .finish-step {
  height: 456px;
}
.create-portal .finish-step .text {
  font-size: 14px;
  line-height: 22px;
  position: absolute;
  padding: 30px 50px;
}
.create-portal .finish-end {
  margin-right: 15px;
}
.create-portal .flight-node {
  position: relative;
  font-size: 14px;
  z-index: 1049;
  opacity: 0.8;
}
.create-portal .flight-node li i {
  font-size: 20px;
}
.create-portal .copySelected {
  opacity: 0.5;
}
.arrowStepStart {
  position: relative;
  display: inline-block;
  height: 0px;
  border-top: 15px solid;
  border-bottom: 15px solid;
  background: transparent;
  border-color: #808080;
  cursor: pointer;
}
.arrowStepStart:after {
  content: '';
  position: absolute;
  top: -15px;
  width: 0px;
  height: 0px;
  border: 15px solid transparent;
  border-left: 15px solid #808080;
  right: -30px;
}
.arrowStep {
  position: relative;
  display: inline-block;
  height: 0px;
  border-top: 15px solid #808080;
  border-left: 15px solid transparent;
  border-bottom: 15px solid #808080;
  cursor: pointer;
}
.arrowStep:after {
  position: absolute;
  content: '';
  top: -15px;
  width: 0px;
  height: 0px;
  border: 15px solid transparent;
  border-left: 15px solid #808080;
  right: -30px;
}
.arrowStepEnd {
  position: relative;
  display: inline-block;
  height: 0px;
  border-top: 15px solid #808080;
  border-left: 15px solid transparent;
  border-bottom: 15px solid #808080;
  cursor: pointer;
}
.arrow-portal-step {
  top: 8px;
  margin-right: 5px;
}
.arrow-content {
  position: relative;
  padding: 0px 8px;
  top: -23px;
  font-size: 16px;
  color: #ffffff;
}
/* Hover */
.arrowStepStartHover:hover {
  border-color: #ff5800;
}
.arrowStepStartHover:after:hover {
  border-left-color: #ff5800;
}
.arrowStepHover:hover {
  border-top-color: #ff5800;
  border-bottom-color: #ff5800;
}
.arrowStepHover:after:hover {
  border-left-color: #ff5800;
}
.arrowStepEndHover:hover {
  border-top-color: #ff5800;
  border-bottom-color: #ff5800;
}
/* Disabled */
.arrowStepStartDisabled {
  border-color: rgba(128, 128, 128, 0.6);
}
.arrowStepStartDisabled:after {
  border-left-color: rgba(128, 128, 128, 0.6);
}
.arrowStepDisabled {
  border-top-color: rgba(128, 128, 128, 0.6);
  border-bottom-color: rgba(128, 128, 128, 0.6);
}
.arrowStepDisabled:after {
  border-left-color: rgba(128, 128, 128, 0.6);
}
.arrowStepEndDisabled {
  border-top-color: rgba(128, 128, 128, 0.6);
  border-bottom-color: rgba(128, 128, 128, 0.6);
}
.multi-edit-content .modal-dialog {
  width: 615px;
}
.multi-edit-content .dropdown-menu {
  width: calc(100% - 20px);
}
.multi-edit-content .modal-favorite-body {
  height: 300px;
  max-height: 300px !important;
  padding: 0px !important;
  border-bottom: 1px solid #ddd;
}
.multi-edit-content .modal-favorite-body .view-icon {
  width: 30px;
  left: 10px;
}
.multi-edit-content .modal-favorite-body .title-font {
  width: 480px;
  left: 40px;
  font-size: 14px;
  font-weight: 600;
}
.multi-edit-content .modal-favorite-body.table-list ul li {
  height: 60px;
  line-height: 60px;
}
.multi-edit-content .modal-favorite-body.table-list ul li .cell-text {
  height: 60px;
  line-height: 60px;
}
.multi-edit-content .mt10 {
  margin-top: 10px;
}
.multi-edit-content .modal-body {
  /* start  new style in mult-edit */
  font-weight: normal;
  /*have different color*/
  /* end    new style in mult-edit */
  font-size: 14px;
  padding: 0 !important;
}
.multi-edit-content .modal-body .approval-expired {
  position: absolute;
  bottom: 10px;
  left: 35px;
  pointer-events: none;
}
.multi-edit-content .modal-body .approval-status-e select {
  padding-left: 2.5em!important;
}
.multi-edit-content .modal-body .approval-status-e:before {
  content: "     Expired";
  position: absolute;
  top: 0;
  left: 23px;
  bottom: 0;
  line-height: 20px;
  padding-left: 0 px;
  width: 20px;
  height: 20px;
  margin-top: 6px;
  margin-left: 8px;
  pointer-events: none;
  font-weight: normal;
  font-size: 15px;
  color: #626262;
  color: #4a4a4a;
  z-index: 20;
}
.multi-edit-content .modal-body .circle {
  position: relative;
  height: 32px;
  padding-left: 20px;
}
.multi-edit-content .modal-body .circle select {
  display: inline-block;
  border-width: 1px;
  border-style: solid;
  padding: 4px 3px 3px .7em !important;
  margin: 0;
  font: inherit;
  outline: none;
  /* remove focus ring from Webkit */
  line-height: 1.2;
  height: 32px;
  width: 100%;
  cursor: pointer;
  -webkit-appearance: none;
  /* remove the strong OSX influence from Webkit */
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
}
.multi-edit-content .modal-body .circle option {
  font-weight: normal;
  font-size: 15px;
  color: #626262;
  color: #4a4a4a;
}
.multi-edit-content .modal-body .circle .select-edit {
  width: calc(100% - 31px);
}
.multi-edit-content .modal-body .circle:after {
  font-family: 'icomoon' !important;
  content: "\e908";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  font-size: 60%;
  line-height: 30px;
  padding: 0 7px;
  background: inherit;
  border-top: 1px solid;
  border-right: 1px solid;
  border-bottom: 1px solid;
  border-color: inherit;
  pointer-events: none;
  -webkit-border-radius: 0 25px 25px 0;
  -moz-border-radius: 0 25px 25px 0;
  border-radius: 0 25px 25px 0;
  font-size: 18px;
}
.multi-edit-content .modal-body .expirate {
  position: relative;
  height: 32px;
  padding-left: 20px;
}
.multi-edit-content .modal-body .expirate.no-p-left {
  padding-left: 0;
}
.multi-edit-content .modal-body .expirate input {
  cursor: pointer;
  margin: 0px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  width: calc(100%);
  height: 32px;
  line-height: 32px;
  padding: 4px 3px 3px .7em !important;
  -webkit-appearance: none;
  /* remove the strong OSX influence from Webkit */
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
}
.multi-edit-content .modal-body .description-section {
  padding-right: 20px;
  padding-bottom: 10px;
}
.multi-edit-content .modal-body .area-descn {
  clear: both;
  border: 1px solid #D0D0D0;
  margin-left: 20px;
  margin-top: 10px;
  border-radius: 15px;
  padding: 10px 5px 0px 10px;
}
.multi-edit-content .modal-body .area-descn.no-m-left {
  margin-left: 0;
}
.multi-edit-content .modal-body .third-title {
  padding-top: 10px;
  padding-left: 25px;
}
.multi-edit-content .modal-body .input-circle {
  position: relative;
  padding-left: 20px;
}
.multi-edit-content .modal-body .input-circle.no-p-left {
  padding-left: 0;
}
.multi-edit-content .modal-body .input-circle input {
  cursor: pointer;
  margin: 0px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  width: 100%;
  height: 32px;
  line-height: 30px;
  padding: 2px 3px 3px .7em !important;
  -webkit-appearance: none;
  /* remove the strong OSX influence from Webkit */
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
}
.multi-edit-content .modal-body .input-circle input.url-input {
  padding-right: 30px !important;
}
.multi-edit-content .modal-body .input-circle.append-number {
  height: auto;
}
.multi-edit-content .modal-body .input-circle.append-number .number-input {
  width: 100px;
  cursor: text;
}
.multi-edit-content .modal-body .input-circle.append-number .p-top-bot-10 {
  padding-top: 10px;
  padding-bottom: 10px;
}
.multi-edit-content .modal-body .input-circle.append-number .m-top-10 {
  margin-top: 10px;
}
.multi-edit-content .modal-body .input-circle.append-number .m-left-20 {
  margin-left: 20px;
}
.multi-edit-content .modal-body .input-circle.append-number .append-number-text {
  font-size: 14px;
  font-weight: 500;
  margin-right: 8px;
}
.multi-edit-content .modal-body .input-circle.append-number .start-row-text {
  display: -webkit-flex;
  /* Safari */
  display: flex;
}
.multi-edit-content .modal-body .input-circle.append-number .start-right-col {
  margin-left: 35px;
}
.multi-edit-content .modal-body .input-circle .add-url-btn {
  width: 22px;
  height: 22px;
  padding: unset;
  position: absolute;
  right: 5px;
  top: 5px;
  border: none;
  box-shadow: none;
  font-weight: 400;
  font-size: 20px;
  line-height: 22px !important;
  text-decoration: none;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  background-color: transparent;
}
.multi-edit-content .modal-body .input-circle .url-item {
  margin: 8px 0px 0px 0px;
  font-size: 12px;
  overflow-y: hidden;
  border-radius: 26px;
  line-height: 20px;
  padding: 3px 8px;
}
.multi-edit-content .modal-body .input-circle .url-item .url-text {
  float: left;
  overflow-y: hidden;
  width: calc(100% - 18px);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-size: 14px;
  font-weight: 500;
  padding-left: 8px;
  cursor: pointer;
}
.multi-edit-content .modal-body .input-circle .url-item span {
  line-height: 20px;
  font-weight: 600;
  cursor: pointer;
  float: right;
  font-size: 16px;
}
.multi-edit-content .modal-body .input-circle .url-warning {
  line-height: 20px;
  margin-left: 15px;
  margin-top: 5px;
}
.multi-edit-content .modal-body .input-circle .multi-item {
  overflow: hidden;
}
.multi-edit-content .modal-body .input-circle .multi-item .radio-item {
  display: inline-block;
  margin-bottom: 10px;
}
.multi-edit-content .modal-body .input-circle .multi-item .radio-item span {
  color: unset;
}
.multi-edit-content .modal-body .input-circle .multi-item .radio-item .radio-text {
  margin-left: 5px;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 75%;
  vertical-align: bottom;
}
.multi-edit-content .modal-body .input-circle .div-3 {
  max-height: 70px;
}
.multi-edit-content .modal-body .input-circle .div-3 .radio-item {
  width: 33.3%;
}
.multi-edit-content .modal-body .input-circle .div-2 {
  max-height: 100px;
}
.multi-edit-content .modal-body .input-circle .div-2 .radio-item {
  width: 50%;
}
.multi-edit-content .modal-body .input-circle .div-1 {
  max-height: 230px;
}
.multi-edit-content .modal-body .input-circle .div-1 .radio-item {
  width: 100%;
}
.multi-edit-content .modal-body .title-new {
  display: inline-block;
  margin: 0 0 0px 5px;
  font-size: 14px;
  font-weight: 700;
}
.multi-edit-content .modal-body .title-new .property-name,
.multi-edit-content .modal-body .title-new .property-name-m {
  max-width: 300px;
  overflow: hidden;
  display: inherit;
}
.multi-edit-content .modal-body .edit-type-ctrl {
  margin: 2px 40px 0px 20px;
  float: right;
  display: block;
}
.multi-edit-content .modal-body.batch-download {
  padding: 20px 35px !important;
}
.multi-edit-content .modal-body .input-zipname {
  width: 100%;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  background: #F8F8F8;
  margin: 0px 0px 0px 0px;
  line-height: 20px !important;
}
.multi-edit-content .modal-body .filed-icon {
  font-weight: 300;
  opacity: 0.6;
  font-size: 14px;
  margin-bottom: 15px;
}
.multi-edit-content .modal-body .filed-icon1 {
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 25px;
  font-weight: 300;
  opacity: 0.6;
  font-size: 14px;
}
.multi-edit-content .modal-body .normal-input {
  /*01-06*/
  cursor: pointer;
  margin: 0px 0px 0px 20px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  width: 476px;
  height: 24px;
  line-height: 24px;
}
.multi-edit-content .modal-body .filed-icon:hover {
  cursor: pointer;
  opacity: 1;
}
.multi-edit-content .modal-body .field-title {
  font-size: 14px;
  font-weight: 700;
  display: block;
  margin: 12px 0px 8px 6px;
}
.multi-edit-content .modal-body .information {
  top: 160px;
}
.multi-edit-content .modal-body .show-more-info {
  top: 173px;
  position: absolute;
  left: 285px;
  cursor: pointer;
}
.multi-edit-content .modal-body .information-area {
  display: block;
  padding-top: 5px;
}
.multi-edit-content .modal-body .information-area .CDG-watermark .plus {
  margin-left: 50%;
  margin-top: 8px;
  cursor: auto;
}
.multi-edit-content .modal-body .information-area .CDG-watermark .btn-add {
  margin-top: 15px;
  max-width: 100%;
  line-height: 20px!important;
}
.multi-edit-content .modal-body .information-area .CDG-watermark .keyword-box:nth-child(odd) {
  width: 49%;
  margin-right: 1%;
}
.multi-edit-content .modal-body .information-area .CDG-watermark .keyword-box {
  width: calc(50% - 9px) !important;
  max-width: 100%;
}
.multi-edit-content .modal-body .information-area .CDG-watermark .keyword-box .text {
  width: auto;
  max-width: calc(100% - 18px);
  text-align: left!important;
}
.multi-edit-content .modal-body .information-area .CDG-watermark .margin-1-20 {
  margin-left: 20px;
}
.multi-edit-content .modal-body .information-area .select-water {
  cursor: pointer;
  margin: 0px 10px 10px 20px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  padding: 0px 0px 0px 2px;
  width: 476px;
  background-color: #f9f9f9;
  height: 24px;
  line-height: 24px;
}
.multi-edit-content .modal-body .information-area .info-section {
  -webkit-transition-property: height;
  transition-property: height;
  -webkit-transition-duration: 1s;
  transition-duration: 1s;
}
.multi-edit-content .modal-body .information-area .field {
  font-size: 12px;
  font-weight: 600;
  padding: 0px;
  margin: 0px 0px 15px 0px;
  position: relative;
}
.multi-edit-content .modal-body .information-area .field dd {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
  vertical-align: middle;
}
.multi-edit-content .modal-body .information-area .field dd.bulk-edit {
  text-overflow: unset;
  white-space: unset;
  word-break: break-all;
}
.multi-edit-content .modal-body .information-area .field dd .additionInput {
  color: #474747;
  font-size: 14px;
  font-weight: 600;
  width: 268px;
  height: 14px;
  background-color: transparent;
  border-radius: 0px;
  border-width: 1px;
  border-style: solid;
  border-color: #D0D0D0;
  padding: 0px 5px;
  line-height: 14px;
}
.multi-edit-content .modal-body .information-area .field span.itemErrorMsg {
  font-size: 14px;
  color: #ff0000;
  margin: 0px 0px 0px 20px;
  line-height: 25px;
}
.multi-edit-content .modal-body .information-area .field span.itemErrorMsg.add-meta-data {
  margin-left: 5px;
}
.multi-edit-content .modal-body .information-area .value {
  word-break: break-all;
  color: #474747;
  font-size: 12px;
  font-weight: 300;
  margin: 0;
}
.multi-edit-content .modal-body .information-area .value input {
  padding: 0;
  margin: 0;
}
.multi-edit-content .modal-body .information-area .value input[type='number'] {
  width: 100px;
}
.multi-edit-content .modal-body .information-area .value input[type='text'] {
  width: 100px;
}
.multi-edit-content .modal-body .information-area .value input[type='date'] {
  width: 130px;
}
.multi-edit-content .modal-body .right-area {
  width: 100%;
  margin-top: 6px;
}
.multi-edit-content .modal-body .right-area .CDG-watermark .plus {
  margin-left: 50%;
  margin-top: 8px;
  cursor: auto;
}
.multi-edit-content .modal-body .right-area .CDG-watermark .btn-add {
  margin-top: 15px;
  max-width: 100%;
  line-height: 20px!important;
}
.multi-edit-content .modal-body .right-area .CDG-watermark .keyword-box:nth-child(odd) {
  width: 49%!important;
  margin-right: 1%;
}
.multi-edit-content .modal-body .right-area .CDG-watermark .keyword-box {
  width: calc(50% - 9px) !important;
  max-width: 100%;
}
.multi-edit-content .modal-body .right-area .CDG-watermark .keyword-box .text {
  width: auto;
  max-width: calc(100% - 18px);
  text-align: left!important;
}
.multi-edit-content .modal-body .right-area .margin-1-20 {
  margin-left: 20px;
}
.multi-edit-content .modal-body .right-area .margin-1-5 {
  margin-left: 5px;
}
.multi-edit-content .modal-body .right-area .margin-1-33 {
  margin-left: 33px;
}
.multi-edit-content .modal-body .right-area .margin-1-10 {
  margin-left: 10px;
}
.multi-edit-content .modal-body .right-area .margin-t-7 {
  margin-top: 7px;
}
.multi-edit-content .modal-body .right-area .margin-r-20 {
  margin-right: 20px;
}
.multi-edit-content .modal-body .right-area .field-title-left {
  font-size: 14px;
  font-weight: 700;
  margin-left: 20px;
}
.multi-edit-content .modal-body .right-area .field-title-right {
  font-size: 14px;
  font-weight: 700;
  margin-left: 3px;
  max-width: 320px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  vertical-align: bottom;
}
.multi-edit-content .modal-body .right-area .Uppercase {
  text-transform: Uppercase;
}
.multi-edit-content .modal-body .right-area .DRM_filed {
  margin-top: 5px;
}
.multi-edit-content .modal-body .right-area .span-titlecheck {
  margin: 7px 4px 0px 0px;
  font-weight: 300;
  float: left;
}
.multi-edit-content .modal-body .right-area .span-titles {
  float: left;
  font-weight: 700;
  font-size: 14px;
}
.multi-edit-content .modal-body .right-area .span-left {
  float: left;
}
.multi-edit-content .modal-body .right-area .termsErrorMsg {
  margin-left: 20px;
  font-size: 14px;
  color: #ff0000;
  line-height: 25px;
  display: inline-block;
  font-weight: 600;
}
.multi-edit-content .modal-body .right-area .input-box {
  margin: 0px 0px 0px 20px;
  border: 1px solid #cccccc;
  height: 34px;
  display: block;
}
.multi-edit-content .modal-body .right-area .input-box .content-keyword-input {
  height: 32px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  box-shadow: none;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  width: 439px;
  font-size: 13px;
  color: #474747;
  background-color: #f9f9f9;
  overflow: hidden;
  cursor: pointer;
  margin-right: 2px;
  outline: none;
  border: none;
}
.multi-edit-content .modal-body .right-area .add-btn {
  font-weight: 300;
  font-size: 28px;
  width: 32px;
  height: 32px;
  color: #474747 !important;
  background: none;
  box-shadow: none;
  border: none;
  text-decoration: none;
  cursor: pointer;
  outline: none;
  position: absolute;
  padding: 0;
}
.multi-edit-content .modal-body .right-area .add-btn:hover {
  background-color: #cacaca;
  color: #ffffff;
}
.multi-edit-content .modal-body .right-area .add-btn:active {
  background-color: #545454;
  color: #ffffff;
}
.multi-edit-content .modal-body .right-area .P-10 {
  padding-bottom: 10px;
}
.multi-edit-content .modal-body .right-area .container-box {
  display: block;
  width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  padding-top: 5px;
  margin: 0px 0px 0px 20px;
  padding-right: 11px;
}
.multi-edit-content .modal-body .right-area .container-box.no-m-left {
  margin-left: 0;
}
.multi-edit-content .modal-body .right-area .container-box .keyword-box {
  float: left;
  margin: 8px 9px 0px 0px;
  padding: 0px 6px;
  font-weight: normal;
  font-size: 16px;
  color: #4a4a4a;
  overflow-y: hidden;
  border: solid 1px #ccc;
  border-radius: 26px;
  line-height: 20px;
  width: calc(100% / 3 - 9px);
}
.multi-edit-content .modal-body .right-area .container-box .keyword-box.batch-album-item {
  width: 100%;
}
.multi-edit-content .modal-body .right-area .container-box .keyword-box-m {
  width: calc(100% / 2 - 9px);
}
.multi-edit-content .modal-body .right-area .container-box .keyword-box:hover {
  background: #f2f2f2;
}
.multi-edit-content .modal-body .right-area .container-box .keyword-box:hover .delete-keyword-tag-btn {
  visibility: visible;
}
.multi-edit-content .modal-body .right-area .container-box .moreAlbum {
  float: right;
  margin: 4px 8px;
}
.multi-edit-content .modal-body .right-area .container-box .moreAlbum.shrink {
  transform: rotate(180deg);
}
.multi-edit-content .modal-body .right-area .container-box .keyword-box .text {
  float: left;
  overflow-y: hidden;
  width: calc(100% - 18px);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
}
.multi-edit-content .modal-body .right-area .container-box .delete-keyword-tag-btn {
  line-height: 20px;
  font-weight: 600;
  cursor: pointer;
  float: right;
  font-size: 16px;
}
.multi-edit-content .modal-body .approval-area {
  padding-top: 15px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 10px;
  position: relative;
  border-bottom: 1px solid #d9d9d9;
}
.multi-edit-content .modal-body .approval-area .title {
  font-size: 14px;
  font-weight: 700;
  display: block;
  margin: 12px 0px 8px 3px;
}
.multi-edit-content .modal-body .approval-area .itemErrorMsg {
  font-size: 14px;
  color: #ff0000;
  margin: 0px 0px 0px 20px;
  line-height: 25px;
  font-weight: 600;
}
.multi-edit-content .modal-body .P-20 {
  padding-right: 20px;
}
.multi-edit-content .modal-body .description-options {
  position: absolute;
  margin: 15px 0px 0px 20px;
  top: 0;
  left: 100px;
}
.multi-edit-content .modal-body .add-option,
.multi-edit-content .modal-body .overwrite-option {
  margin-left: 8px;
  display: inline-block;
}
.multi-edit-content .modal-body .description-textarea {
  clear: both;
}
.multi-edit-content .modal-body .field-textarea {
  margin: 0px;
  width: 100%;
  height: 58px;
  background-color: transparent;
  border-radius: 0px;
  border-width: 0px;
  resize: none;
  padding: 0px;
  line-height: 20px;
}
.multi-edit-content .modal-body .field-textarea::-webkit-scrollbar-thumb {
  background-color: #626262;
  height: 50px;
  outline-offset: -2px;
}
.multi-edit-content .modal-body .field-textarea::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.multi-edit-content .modal-body .field-textarea::-webkit-scrollbar-track-piece {
  background-color: #dddddd;
  -webkit-border-radius: 0;
}
.multi-edit-content .modal-body .checkbox-disabled {
  color: #C1C1C1 !important;
}
.multi-edit-content .modal-body .checkbox-disabled .filed-icon {
  cursor: default;
}
.multi-edit-content .modal-body .find-check-item {
  float: left;
}
.multi-edit-content .modal-body .clamp {
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.multi-edit-content .modal-body .desc-input {
  max-width: 100%;
  margin-top: 10px;
  margin-bottom: 6px;
  resize: none;
  box-shadow: none;
  border: none;
  border-radius: 0px;
  word-wrap: break-word;
  white-space: pre-wrap;
  font-weight: normal;
  font-size: 15px;
  color: #4a4a4a;
  padding-left: 20px;
}
.multi-edit-content .modal-body .shrink {
  transform: rotate(180deg);
}
.multi-edit-content .modal-body.multi-edit::-webkit-scrollbar-thumb {
  background-color: #626262;
  height: 50px;
  outline-offset: -2px;
}
.multi-edit-content .modal-body.multi-edit::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.multi-edit-content .modal-body.multi-edit::-webkit-scrollbar-track-piece {
  background-color: #dddddd;
  -webkit-border-radius: 0;
}
.multi-edit-content .modal-body.multi-edit .expand-icon {
  float: right;
  margin-top: 10px;
  right: 25px;
  position: relative;
}
.multi-edit-content .add-bulk-comments-layout .user-selector {
  width: 575px;
  margin-left: 20px;
  bottom: -85px;
}
.multi-edit-content .edit-dialog-comments-layout .user-selector {
  width: 545px;
  margin-left: 40px;
  bottom: -150px;
}
.multi-edit-content .modal-add-bulk-comments {
  resize: none;
  margin: 20px;
  padding: 15px;
  width: 575px;
  height: 170px;
}
.multi-edit-content .modal-favorite-footer,
.multi-edit-content .modal-add-bulk-comments-footer {
  padding: 0px !important;
  height: 46px;
  border-radius: 0px;
  text-align: left;
}
.multi-edit-content .modal-favorite-footer .input-box,
.multi-edit-content .modal-add-bulk-comments-footer .input-box {
  padding: 0px;
  margin: 5px;
  margin-left: 15px;
  line-height: 34px;
  width: 400px;
  display: inline-block;
  border: 0px;
}
.multi-edit-content .modal-favorite-footer .input-box input,
.multi-edit-content .modal-add-bulk-comments-footer .input-box input {
  cursor: auto;
  padding: 0px;
  padding-left: 10px;
  width: 398px;
  line-height: 32px;
  margin: 0px;
  height: 30px;
  box-shadow: none;
  margin: 0px 0px 0px 0px;
  font-size: 13px;
  overflow: hidden;
  cursor: pointer;
  outline: none;
}
.multi-edit-content .modal-favorite-footer .invalid-tips,
.multi-edit-content .modal-add-bulk-comments-footer .invalid-tips {
  margin: 0 15px 10px;
  overflow: hidden;
  padding: 0px;
  padding-left: 5px;
  width: 400px;
  height: 36px;
}
.multi-edit-content .div-error-height {
  height: 90px;
}
.multi-edit-content .required-data:after {
  content: '*';
  padding: 0 5px;
  color: #ff0000;
}
.multi-edit-content .required-data-tip {
  float: left;
  margin-top: 8px;
  font-weight: bold;
  color: #909090;
}
.multi-edit-content .required-data-tip:before {
  content: '*';
  padding: 0 5px;
  color: #ff0000;
}
.multi-edit-content .required-data-tip.tip-mobile {
  display: none;
}
.multi-edit-content .editable-label {
  position: relative;
  overflow: hidden;
}
.multi-edit-content .editable-label .add-label {
  width: 110px;
  margin-bottom: 10px;
  line-height: 20px;
  text-align: center;
  padding: 5px 15px;
  border-radius: 25px;
  cursor: pointer;
}
.multi-edit-content .editable-stars {
  position: relative;
}
.multi-edit-content .editable-stars span {
  letter-space: 4px;
  font-size: 20px;
  font-weight: bold;
}
.multi-edit-content .editable-stars .clear {
  position: absolute;
  top: 3px;
  right: 2px;
  width: 20px;
  height: 20px;
  font-size: 16px;
  border-radius: 10px;
  text-align: center;
}
.multi-edit-content .label-list-wrap {
  overflow: hidden;
}
.multi-edit-content .label-list {
  display: inline-block;
  float: left;
  width: 30%;
  height: 80px;
  line-height: 25px;
  margin: 8px 3.33% 10px 0;
  border-radius: 4px;
  border: #ccc 1px solid;
  text-align: center;
  position: relative;
}
.multi-edit-content .label-list .colorBg {
  position: absolute;
  top: 8px;
  left: 8px;
  right: 8px;
  bottom: 25px;
  vertical-align: middle;
}
.multi-edit-content .label-list .text {
  position: absolute;
  bottom: 0;
  left: 8px;
  right: 8px;
  text-align: left;
  padding: 0 !important;
}
.multi-edit-content .label-list .del-btn {
  position: absolute;
  right: -10px;
  top: -10px;
  width: 20px;
  height: 20px;
  border-radius: 10px;
  line-height: 20px;
  text-align: center;
  font-size: 14px;
  padding: 0;
}
.expandMeta {
  width: 1215px;
  transition: 1s width!important;
}
.display-metadata {
  top: 36px!important;
}
.display-metadata .m-select {
  width: 28px;
  height: 28px;
  display: inline-block;
  text-align: center;
  border-radius: 50%;
  line-height: 28px;
}
.display-metadata .line {
  display: inline;
  border-left: 2px solid #d9d9d9;
  margin: 0 8px 0 9px;
  font-size: 20px;
  height: 24px;
}
.display-metadata .r-title {
  position: absolute;
  left: 610px;
  border-left: 1px solid #ddd;
  height: 59px;
  top: 0px;
  display: flex;
  align-items: center;
  padding-left: 20px;
}
.display-metadata .left-area.modal-body {
  width: 615px;
  z-index: 10;
}
.display-metadata .left-area.modal-body .edit-type-ctrl.custom {
  margin-right: 26px;
}
.display-metadata .fs20 {
  font-size: 20px;
}
.display-metadata .r-meta {
  position: absolute;
  width: 600px;
  /* height: 200px; */
  top: 59px;
  right: 0px;
  z-index: 8;
}
.display-metadata .r-meta .files {
  margin-top: 20px;
}
.display-metadata .r-meta .container-box {
  margin-left: 0px!important;
  padding: 0 20px;
}
.display-metadata .r-meta .file-name {
  padding: 0 20px;
  font-size: 14px;
  font-weight: 700;
}
.display-metadata .r-meta .f-n-word {
  max-width: 460px;
  margin-left: 8px;
}
.display-metadata .r-meta .f-nv {
  padding-left: 50px;
  font-size: 14px;
  font-weight: 700;
  font-style: italic;
}
.display-metadata .r-meta .f-hr {
  border-top: 2px solid;
  width: 15px;
  height: 5px;
  display: inline-block;
  margin: 0px 5px 0px 8px;
}
.display-metadata .ic-meta {
  margin-left: 10px;
}
.display-metadata .m-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 20px;
  font-size: 14px;
  font-weight: 700;
  border-bottom: 1px solid #d9d9d9;
}
.none-select {
  opacity: 0.4;
  cursor: default!important;
}
.none-select span {
  cursor: default!important;
}
.modal-body .btn-contain {
  line-height: 16px;
}
.download-package .dl-title {
  height: 40px;
  font-size: 16px;
  font-weight: bold;
}
.download-package .dl-item {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.download-package .dl-item span:first-child {
  margin-right: 10px;
}
.batch-editor .additionInput.batch-exp-date {
  width: 50% !important;
}
.additionInput.batch-exp-date {
  width: 52% !important;
}
.mobile .multi-edit-content .modal-body .expirate .additionInput.batch-exp-date {
  width: 49% !important;
}
.mobile .multi-edit-content .modal-body .expirate:after {
  content: '';
  display: none;
}
a.info-icon:hover {
  text-decoration: none;
  cursor: pointer;
}
.italic {
  font-style: italic;
}
.user-notification-bar {
  top: 0px;
  background-color: #e0e0e0;
  font-size: 16px;
  color: #F48B30;
  display: block;
  z-index: 9;
  position: relative;
}
.user-notification-bar .waring-display {
  display: block;
  position: absolute;
  left: 10px;
  top: 13px;
  opacity: 1;
}
.user-notification-bar .notification-text {
  line-height: 25px;
  padding: 10px 30px 10px 30px;
}
.user-notification-bar .notification-text a,
.user-notification-bar .notification-text a:hover,
.user-notification-bar .notification-text a:active,
.user-notification-bar .notification-text a:visited,
.user-notification-bar .notification-text a:focus {
  color: #F48B30;
  text-decoration: underline;
}
.user-notification-bar .close-btn {
  top: 15px;
  right: 7px;
  padding-left: 2px;
  height: 20px;
  width: 18px;
  position: absolute;
  opacity: 1;
  cursor: pointer;
}
.single-step.help-dialog-common {
  top: 0 !important;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
}
.single-step.help-dialog-common .modal-dialog {
  margin: 0 auto;
}
.help-welcome .modal-dialog {
  width: 646px !important;
}
.help-smartalbum {
  width: 100%;
  margin: 0;
}
.help-search {
  width: 100%;
}
.help-search .stepThree h1 {
  margin-top: 60px;
}
.single-step.help-search .modal-dialog .modal-content {
  position: absolute;
}
.help-upload-button {
  width: 100%;
}
.help-upload-button .modal-dialog {
  margin: 0 auto;
}
.help-profile-settings {
  width: 100%;
}
.help-profile-settings .modal-dialog {
  margin: 0;
}
.help-profile-settings .modal-dialog h1 {
  margin-top: 60px;
}
.spotlight-background {
  opacity: 0.85 !important;
}
.top-arrow:before {
  content: "";
  position: absolute;
  border-style: solid;
  border-color: #FA9100 transparent;
  display: block;
  width: 0;
  z-index: 1;
  top: -20px;
  left: 125px;
  border-width: 0 25px 25px 25px;
}
.bottom-arrow:before {
  content: "";
  position: absolute;
  border-style: solid;
  border-color: #FFFFFF transparent;
  display: block;
  width: 0;
  z-index: 1;
  left: 125px;
  bottom: -25px;
  border-width: 25px 25px 0px 25px;
}
.single-step {
  /*!
 * Bootstrap v3.1.1 (http://getbootstrap.com)
 * Copyright 2011-2014 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
  /*! normalize.css v3.0.0 | MIT License | git.io/normalize */
  font-family: "canto-font", "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 1.42857143;
}
.single-step h1,
.single-step h2,
.single-step h3 {
  font-family: 'Alegreya Sans', 'HelveticaNeue', Helvetica, Arial, sans-serif;
  font-weight: 100;
  color: #FA9100;
}
.single-step h1 {
  font-size: 36px;
}
.single-step h2 {
  font-size: 28px;
}
.single-step h3 {
  font-size: 24px;
}
.single-step a,
.single-step .btn {
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.single-step .footer-btn {
  margin: 10px 0;
  text-align: right;
}
.single-step html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
.single-step body {
  margin: 0;
}
.single-step article,
.single-step aside,
.single-step details,
.single-step figcaption,
.single-step figure,
.single-step footer,
.single-step header,
.single-step hgroup,
.single-step main,
.single-step nav,
.single-step section,
.single-step summary {
  display: block;
}
.single-step audio,
.single-step canvas,
.single-step progress,
.single-step video {
  display: inline-block;
  vertical-align: baseline;
}
.single-step audio:not([controls]) {
  display: none;
  height: 0;
}
.single-step [hidden],
.single-step template {
  display: none;
}
.single-step a {
  background: 0 0;
}
.single-step a:active,
.single-step a:hover {
  outline: 0;
}
.single-step abbr[title] {
  border-bottom: 1px dotted;
}
.single-step b,
.single-step strong {
  font-weight: 700;
}
.single-step dfn {
  font-style: italic;
}
.single-step h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
.single-step mark {
  background: #ff0;
  color: #000000;
}
.single-step small {
  font-size: 80%;
}
.single-step sub,
.single-step sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
.single-step sup {
  top: -0.5em;
}
.single-step sub {
  bottom: -0.25em;
}
.single-step img {
  border: 0;
}
.single-step svg:not(:root) {
  overflow: hidden;
}
.single-step figure {
  margin: 1em 40px;
}
.single-step hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
.single-step pre {
  overflow: auto;
}
.single-step code,
.single-step kbd,
.single-step pre,
.single-step samp {
  font-family: monospace,monospace;
  font-size: 1em;
}
.single-step button,
.single-step input,
.single-step optgroup,
.single-step select,
.single-step textarea {
  color: inherit;
  margin: 0;
}
.single-step button {
  overflow: visible;
}
.single-step button,
.single-step select {
  text-transform: none;
}
.single-step button,
.single-step html input[type=button],
.single-step input[type=reset],
.single-step input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer;
}
.single-step button[disabled],
.single-step html input[disabled] {
  cursor: default;
}
.single-step button::-moz-focus-inner,
.single-step input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
.single-step input {
  line-height: normal;
}
.single-step input[type=checkbox],
.single-step input[type=radio] {
  box-sizing: border-box;
  padding: 0;
}
.single-step input[type=number]::-webkit-inner-spin-button,
.single-step input[type=number]::-webkit-outer-spin-button {
  height: auto;
}
.single-step input[type=search] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.single-step input[type=search]::-webkit-search-cancel-button,
.single-step input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
.single-step fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
.single-step legend {
  border: 0;
  padding: 0;
}
.single-step textarea {
  overflow: auto;
}
.single-step optgroup {
  font-weight: 700;
}
.single-step table {
  border-collapse: collapse;
  border-spacing: 0;
}
.single-step td,
.single-step th {
  padding: 0;
}
@media print {
  .single-step * {
    text-shadow: none!important;
    color: #000!important;
    background: transparent!important;
    box-shadow: none !important;
  }
  .single-step a,
  .single-step a:visited {
    text-decoration: underline;
  }
  .single-step a[href]:after {
    content: " (" attr(href) ")";
  }
  .single-step abbr[title]:after {
    content: " (" attr(title) ")";
  }
  .single-step a[href^="javascript:"]:after,
  .single-step a[href^="#"]:after {
    content: "";
  }
  .single-step pre,
  .single-step blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  .single-step thead {
    display: table-header-group;
  }
  .single-step tr,
  .single-step img {
    page-break-inside: avoid;
  }
  .single-step img {
    max-width: 100% !important;
  }
  .single-step p,
  .single-step h2,
  .single-step h3 {
    orphans: 3;
    widows: 3;
  }
  .single-step h2,
  .single-step h3 {
    page-break-after: avoid;
  }
  .single-step select {
    background: #ffffff !important;
  }
  .single-step .navbar {
    display: none;
  }
  .single-step .table td,
  .single-step .table th {
    background-color: #ffffff !important;
  }
  .single-step .btn > .caret,
  .single-step .dropup > .btn > .caret {
    border-top-color: #000000 !important;
  }
  .single-step .label {
    border: 1px solid #000000;
  }
  .single-step .table {
    border-collapse: collapse !important;
  }
  .single-step .table-bordered th,
  .single-step .table-bordered td {
    border: 1px solid #dddddd !important;
  }
}
.single-step * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.single-step :before,
.single-step :after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.single-step html {
  font-size: 62.5%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.single-step body {
  font-family: "canto-font", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
  color: #333;
  background-color: #ffffff;
}
.single-step input,
.single-step button,
.single-step select,
.single-step textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
.single-step a {
  color: #428bca;
  text-decoration: none;
}
.single-step a:hover,
.single-step a:focus {
  color: #2a6496;
  text-decoration: underline;
}
.single-step a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.single-step figure {
  margin: 0;
}
.single-step img {
  vertical-align: middle;
  display: block;
  margin: 0 auto;
}
.single-step .img-responsive,
.single-step .thumbnail > img,
.single-step .thumbnail a > img,
.single-step .carousel-inner > .item > img,
.single-step .carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: auto;
}
.single-step .img-rounded {
  border-radius: 6px;
}
.single-step .img-thumbnail {
  padding: 4px;
  line-height: 1.42857143;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto;
}
.single-step .img-circle {
  border-radius: 50%;
}
.single-step hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eeeeee;
}
.single-step .sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.single-step h1,
.single-step h2,
.single-step h3,
.single-step h4,
.single-step h5,
.single-step h6,
.single-step .h1,
.single-step .h2,
.single-step .h3,
.single-step .h4,
.single-step .h5,
.single-step .h6 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
}
.single-step h1 small,
.single-step h2 small,
.single-step h3 small,
.single-step h4 small,
.single-step h5 small,
.single-step h6 small,
.single-step .h1 small,
.single-step .h2 small,
.single-step .h3 small,
.single-step .h4 small,
.single-step .h5 small,
.single-step .h6 small,
.single-step h1 .small,
.single-step h2 .small,
.single-step h3 .small,
.single-step h4 .small,
.single-step h5 .small,
.single-step h6 .small,
.single-step .h1 .small,
.single-step .h2 .small,
.single-step .h3 .small,
.single-step .h4 .small,
.single-step .h5 .small,
.single-step .h6 .small {
  font-weight: 400;
  line-height: 1;
  color: #999999;
}
.single-step h1,
.single-step .h1,
.single-step h2,
.single-step .h2,
.single-step h3,
.single-step .h3 {
  margin-top: 40px;
  margin-bottom: 10px;
}
.single-step h1 small,
.single-step .h1 small,
.single-step h2 small,
.single-step .h2 small,
.single-step h3 small,
.single-step .h3 small,
.single-step h1 .small,
.single-step .h1 .small,
.single-step h2 .small,
.single-step .h2 .small,
.single-step h3 .small,
.single-step .h3 .small {
  font-size: 65%;
}
.single-step h4,
.single-step .h4,
.single-step h5,
.single-step .h5,
.single-step h6,
.single-step .h6 {
  margin-top: 10px;
  margin-bottom: 10px;
}
.single-step h4 small,
.single-step .h4 small,
.single-step h5 small,
.single-step .h5 small,
.single-step h6 small,
.single-step .h6 small,
.single-step h4 .small,
.single-step .h4 .small,
.single-step h5 .small,
.single-step .h5 .small,
.single-step h6 .small,
.single-step .h6 .small {
  font-size: 75%;
}
.single-step h1,
.single-step .h1 {
  font-size: 36px;
}
.single-step h2,
.single-step .h2 {
  font-size: 30px;
}
.single-step h3,
.single-step .h3 {
  font-size: 24px;
}
.single-step h4,
.single-step .h4 {
  font-size: 18px;
}
.single-step h5,
.single-step .h5 {
  font-size: 14px;
}
.single-step h6,
.single-step .h6 {
  font-size: 12px;
}
.single-step p {
  margin: 20px 80px 10px;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}
.single-step .lead {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 200;
  line-height: 1.4;
}
@media (min-width: 768px) {
  .single-step .lead {
    font-size: 21px;
  }
}
.single-step small,
.single-step .small {
  font-size: 85%;
}
.single-step cite {
  font-style: normal;
}
.single-step .text-left {
  text-align: left;
}
.single-step .text-right {
  text-align: right;
}
.single-step .text-center {
  text-align: center;
}
.single-step .text-justify {
  text-align: justify;
}
.single-step .text-muted {
  color: #999999;
}
.single-step .text-primary {
  color: #428bca;
}
.single-step a.text-primary:hover {
  color: #3071a9;
}
.single-step .text-success {
  color: #3c763d;
}
.single-step a.text-success:hover {
  color: #2b542c;
}
.single-step .text-info {
  color: #31708f;
}
.single-step a.text-info:hover {
  color: #245269;
}
.single-step .text-warning {
  color: #8a6d3b;
}
.single-step a.text-warning:hover {
  color: #66512c;
}
.single-step .text-danger {
  color: #a94442;
}
.single-step a.text-danger:hover {
  color: #843534;
}
.single-step .bg-primary {
  color: #fff;
  background-color: #428bca;
}
.single-step a.bg-primary:hover {
  background-color: #3071a9;
}
.single-step .bg-success {
  background-color: #dff0d8;
}
.single-step a.bg-success:hover {
  background-color: #c1e2b3;
}
.single-step .bg-info {
  background-color: #d9edf7;
}
.single-step a.bg-info:hover {
  background-color: #afd9ee;
}
.single-step .bg-warning {
  background-color: #fcf8e3;
}
.single-step a.bg-warning:hover {
  background-color: #f7ecb5;
}
.single-step .bg-danger {
  background-color: #f2dede;
}
.single-step a.bg-danger:hover {
  background-color: #e4b9b9;
}
.single-step .page-header {
  padding-bottom: 9px;
  margin: 40px 0 20px;
  border-bottom: 1px solid #eeeeee;
}
.single-step ul,
.single-step ol {
  margin-top: 0;
  margin-bottom: 10px;
}
.single-step ul ul,
.single-step ol ul,
.single-step ul ol,
.single-step ol ol {
  margin-bottom: 0;
}
.single-step .list-unstyled {
  padding-left: 0;
  list-style: none;
}
.single-step .list-inline {
  padding-left: 0;
  list-style: none;
  margin-left: -5px;
}
.single-step .list-inline > li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}
.single-step dl {
  margin-top: 0;
  margin-bottom: 20px;
}
.single-step dt,
.single-step dd {
  line-height: 1.42857143;
}
.single-step dt {
  font-weight: 700;
}
.single-step dd {
  margin-left: 0;
}
@media (min-width: 768px) {
  .single-step .dl-horizontal dt {
    float: left;
    width: 160px;
    clear: left;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .single-step .dl-horizontal dd {
    margin-left: 180px;
  }
}
.single-step abbr[title],
.single-step abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #999999;
}
.single-step .initialism {
  font-size: 90%;
  text-transform: uppercase;
}
.single-step blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 17.5px;
  border-left: 5px solid #eeeeee;
}
.single-step blockquote p:last-child,
.single-step blockquote ul:last-child,
.single-step blockquote ol:last-child {
  margin-bottom: 0;
}
.single-step blockquote footer,
.single-step blockquote small,
.single-step blockquote .small {
  display: block;
  font-size: 80%;
  line-height: 1.42857143;
  color: #999999;
}
.single-step blockquote footer:before,
.single-step blockquote small:before,
.single-step blockquote .small:before {
  content: '\2014 \00A0';
}
.single-step .blockquote-reverse,
.single-step blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  border-right: 5px solid #eee;
  border-left: 0;
  text-align: right;
}
.single-step .blockquote-reverse footer:before,
.single-step blockquote.pull-right footer:before,
.single-step .blockquote-reverse small:before,
.single-step blockquote.pull-right small:before,
.single-step .blockquote-reverse .small:before,
.single-step blockquote.pull-right .small:before {
  content: '';
}
.single-step .blockquote-reverse footer:after,
.single-step blockquote.pull-right footer:after,
.single-step .blockquote-reverse small:after,
.single-step blockquote.pull-right small:after,
.single-step .blockquote-reverse .small:after,
.single-step blockquote.pull-right .small:after {
  content: '\00A0 \2014';
}
.single-step blockquote:before,
.single-step blockquote:after {
  content: "";
}
.single-step address {
  margin-bottom: 20px;
  font-style: normal;
  line-height: 1.42857143;
}
.single-step code,
.single-step kbd,
.single-step pre,
.single-step samp {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}
.single-step code {
  padding: 2px 4px;
  font-size: 90%;
  color: #c7254e;
  background-color: #f9f2f4;
  white-space: nowrap;
  border-radius: 4px;
}
.single-step kbd {
  padding: 2px 4px;
  font-size: 90%;
  color: #fff;
  background-color: #333;
  border-radius: 3px;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.single-step pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.42857143;
  word-break: break-all;
  word-wrap: break-word;
  color: #333;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.single-step pre code {
  padding: 0;
  font-size: inherit;
  color: inherit;
  white-space: pre-wrap;
  background-color: transparent;
  border-radius: 0;
}
.single-step .pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}
.single-step .container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .single-step .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .single-step .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .single-step .container {
    width: 1170px;
  }
}
.single-step .container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
.single-step .row {
  margin-left: -15px;
  margin-right: -15px;
}
.single-step .col-xs-1,
.single-step .col-sm-1,
.single-step .col-md-1,
.single-step .col-lg-1,
.single-step .col-xs-2,
.single-step .col-sm-2,
.single-step .col-md-2,
.single-step .col-lg-2,
.single-step .col-xs-3,
.single-step .col-sm-3,
.single-step .col-md-3,
.single-step .col-lg-3,
.single-step .col-xs-4,
.single-step .col-sm-4,
.single-step .col-md-4,
.single-step .col-lg-4,
.single-step .col-xs-5,
.single-step .col-sm-5,
.single-step .col-md-5,
.single-step .col-lg-5,
.single-step .col-xs-6,
.single-step .col-sm-6,
.single-step .col-md-6,
.single-step .col-lg-6,
.single-step .col-xs-7,
.single-step .col-sm-7,
.single-step .col-md-7,
.single-step .col-lg-7,
.single-step .col-xs-8,
.single-step .col-sm-8,
.single-step .col-md-8,
.single-step .col-lg-8,
.single-step .col-xs-9,
.single-step .col-sm-9,
.single-step .col-md-9,
.single-step .col-lg-9,
.single-step .col-xs-10,
.single-step .col-sm-10,
.single-step .col-md-10,
.single-step .col-lg-10,
.single-step .col-xs-11,
.single-step .col-sm-11,
.single-step .col-md-11,
.single-step .col-lg-11,
.single-step .col-xs-12,
.single-step .col-sm-12,
.single-step .col-md-12,
.single-step .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
.single-step .col-xs-1,
.single-step .col-xs-2,
.single-step .col-xs-3,
.single-step .col-xs-4,
.single-step .col-xs-5,
.single-step .col-xs-6,
.single-step .col-xs-7,
.single-step .col-xs-8,
.single-step .col-xs-9,
.single-step .col-xs-10,
.single-step .col-xs-11,
.single-step .col-xs-12 {
  float: left;
}
.single-step .col-xs-12 {
  width: 100%;
}
.single-step .col-xs-11 {
  width: 91.66666667%;
}
.single-step .col-xs-10 {
  width: 83.33333333%;
}
.single-step .col-xs-9 {
  width: 75%;
}
.single-step .col-xs-8 {
  width: 66.66666667%;
}
.single-step .col-xs-7 {
  width: 58.33333333%;
}
.single-step .col-xs-6 {
  width: 50%;
}
.single-step .col-xs-5 {
  width: 41.66666667%;
}
.single-step .col-xs-4 {
  width: 33.33333333%;
}
.single-step .col-xs-3 {
  width: 25%;
}
.single-step .col-xs-2 {
  width: 16.66666667%;
}
.single-step .col-xs-1 {
  width: 8.33333333%;
}
.single-step .col-xs-pull-12 {
  right: 100%;
}
.single-step .col-xs-pull-11 {
  right: 91.66666667%;
}
.single-step .col-xs-pull-10 {
  right: 83.33333333%;
}
.single-step .col-xs-pull-9 {
  right: 75%;
}
.single-step .col-xs-pull-8 {
  right: 66.66666667%;
}
.single-step .col-xs-pull-7 {
  right: 58.33333333%;
}
.single-step .col-xs-pull-6 {
  right: 50%;
}
.single-step .col-xs-pull-5 {
  right: 41.66666667%;
}
.single-step .col-xs-pull-4 {
  right: 33.33333333%;
}
.single-step .col-xs-pull-3 {
  right: 25%;
}
.single-step .col-xs-pull-2 {
  right: 16.66666667%;
}
.single-step .col-xs-pull-1 {
  right: 8.33333333%;
}
.single-step .col-xs-pull-0 {
  right: 0;
}
.single-step .col-xs-push-12 {
  left: 100%;
}
.single-step .col-xs-push-11 {
  left: 91.66666667%;
}
.single-step .col-xs-push-10 {
  left: 83.33333333%;
}
.single-step .col-xs-push-9 {
  left: 75%;
}
.single-step .col-xs-push-8 {
  left: 66.66666667%;
}
.single-step .col-xs-push-7 {
  left: 58.33333333%;
}
.single-step .col-xs-push-6 {
  left: 50%;
}
.single-step .col-xs-push-5 {
  left: 41.66666667%;
}
.single-step .col-xs-push-4 {
  left: 33.33333333%;
}
.single-step .col-xs-push-3 {
  left: 25%;
}
.single-step .col-xs-push-2 {
  left: 16.66666667%;
}
.single-step .col-xs-push-1 {
  left: 8.33333333%;
}
.single-step .col-xs-push-0 {
  left: 0;
}
.single-step .col-xs-offset-12 {
  margin-left: 100%;
}
.single-step .col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.single-step .col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.single-step .col-xs-offset-9 {
  margin-left: 75%;
}
.single-step .col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.single-step .col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.single-step .col-xs-offset-6 {
  margin-left: 50%;
}
.single-step .col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.single-step .col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.single-step .col-xs-offset-3 {
  margin-left: 25%;
}
.single-step .col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.single-step .col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.single-step .col-xs-offset-0 {
  margin-left: 0;
}
@media (min-width: 768px) {
  .single-step .col-sm-1,
  .single-step .col-sm-2,
  .single-step .col-sm-3,
  .single-step .col-sm-4,
  .single-step .col-sm-5,
  .single-step .col-sm-6,
  .single-step .col-sm-7,
  .single-step .col-sm-8,
  .single-step .col-sm-9,
  .single-step .col-sm-10,
  .single-step .col-sm-11,
  .single-step .col-sm-12 {
    float: left;
  }
  .single-step .col-sm-12 {
    width: 100%;
  }
  .single-step .col-sm-11 {
    width: 91.66666667%;
  }
  .single-step .col-sm-10 {
    width: 83.33333333%;
  }
  .single-step .col-sm-9 {
    width: 75%;
  }
  .single-step .col-sm-8 {
    width: 66.66666667%;
  }
  .single-step .col-sm-7 {
    width: 58.33333333%;
  }
  .single-step .col-sm-6 {
    width: 50%;
  }
  .single-step .col-sm-5 {
    width: 41.66666667%;
  }
  .single-step .col-sm-4 {
    width: 33.33333333%;
  }
  .single-step .col-sm-3 {
    width: 25%;
  }
  .single-step .col-sm-2 {
    width: 16.66666667%;
  }
  .single-step .col-sm-1 {
    width: 8.33333333%;
  }
  .single-step .col-sm-pull-12 {
    right: 100%;
  }
  .single-step .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .single-step .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .single-step .col-sm-pull-9 {
    right: 75%;
  }
  .single-step .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .single-step .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .single-step .col-sm-pull-6 {
    right: 50%;
  }
  .single-step .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .single-step .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .single-step .col-sm-pull-3 {
    right: 25%;
  }
  .single-step .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .single-step .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .single-step .col-sm-pull-0 {
    right: 0;
  }
  .single-step .col-sm-push-12 {
    left: 100%;
  }
  .single-step .col-sm-push-11 {
    left: 91.66666667%;
  }
  .single-step .col-sm-push-10 {
    left: 83.33333333%;
  }
  .single-step .col-sm-push-9 {
    left: 75%;
  }
  .single-step .col-sm-push-8 {
    left: 66.66666667%;
  }
  .single-step .col-sm-push-7 {
    left: 58.33333333%;
  }
  .single-step .col-sm-push-6 {
    left: 50%;
  }
  .single-step .col-sm-push-5 {
    left: 41.66666667%;
  }
  .single-step .col-sm-push-4 {
    left: 33.33333333%;
  }
  .single-step .col-sm-push-3 {
    left: 25%;
  }
  .single-step .col-sm-push-2 {
    left: 16.66666667%;
  }
  .single-step .col-sm-push-1 {
    left: 8.33333333%;
  }
  .single-step .col-sm-push-0 {
    left: 0;
  }
  .single-step .col-sm-offset-12 {
    margin-left: 100%;
  }
  .single-step .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .single-step .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .single-step .col-sm-offset-9 {
    margin-left: 75%;
  }
  .single-step .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .single-step .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .single-step .col-sm-offset-6 {
    margin-left: 50%;
  }
  .single-step .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .single-step .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .single-step .col-sm-offset-3 {
    margin-left: 25%;
  }
  .single-step .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .single-step .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .single-step .col-sm-offset-0 {
    margin-left: 0;
  }
}
@media (min-width: 992px) {
  .single-step .col-md-1,
  .single-step .col-md-2,
  .single-step .col-md-3,
  .single-step .col-md-4,
  .single-step .col-md-5,
  .single-step .col-md-6,
  .single-step .col-md-7,
  .single-step .col-md-8,
  .single-step .col-md-9,
  .single-step .col-md-10,
  .single-step .col-md-11,
  .single-step .col-md-12 {
    float: left;
  }
  .single-step .col-md-12 {
    width: 100%;
  }
  .single-step .col-md-11 {
    width: 91.66666667%;
  }
  .single-step .col-md-10 {
    width: 83.33333333%;
  }
  .single-step .col-md-9 {
    width: 75%;
  }
  .single-step .col-md-8 {
    width: 66.66666667%;
  }
  .single-step .col-md-7 {
    width: 58.33333333%;
  }
  .single-step .col-md-6 {
    width: 50%;
  }
  .single-step .col-md-5 {
    width: 41.66666667%;
  }
  .single-step .col-md-4 {
    width: 33.33333333%;
  }
  .single-step .col-md-3 {
    width: 25%;
  }
  .single-step .col-md-2 {
    width: 16.66666667%;
  }
  .single-step .col-md-1 {
    width: 8.33333333%;
  }
  .single-step .col-md-pull-12 {
    right: 100%;
  }
  .single-step .col-md-pull-11 {
    right: 91.66666667%;
  }
  .single-step .col-md-pull-10 {
    right: 83.33333333%;
  }
  .single-step .col-md-pull-9 {
    right: 75%;
  }
  .single-step .col-md-pull-8 {
    right: 66.66666667%;
  }
  .single-step .col-md-pull-7 {
    right: 58.33333333%;
  }
  .single-step .col-md-pull-6 {
    right: 50%;
  }
  .single-step .col-md-pull-5 {
    right: 41.66666667%;
  }
  .single-step .col-md-pull-4 {
    right: 33.33333333%;
  }
  .single-step .col-md-pull-3 {
    right: 25%;
  }
  .single-step .col-md-pull-2 {
    right: 16.66666667%;
  }
  .single-step .col-md-pull-1 {
    right: 8.33333333%;
  }
  .single-step .col-md-pull-0 {
    right: 0;
  }
  .single-step .col-md-push-12 {
    left: 100%;
  }
  .single-step .col-md-push-11 {
    left: 91.66666667%;
  }
  .single-step .col-md-push-10 {
    left: 83.33333333%;
  }
  .single-step .col-md-push-9 {
    left: 75%;
  }
  .single-step .col-md-push-8 {
    left: 66.66666667%;
  }
  .single-step .col-md-push-7 {
    left: 58.33333333%;
  }
  .single-step .col-md-push-6 {
    left: 50%;
  }
  .single-step .col-md-push-5 {
    left: 41.66666667%;
  }
  .single-step .col-md-push-4 {
    left: 33.33333333%;
  }
  .single-step .col-md-push-3 {
    left: 25%;
  }
  .single-step .col-md-push-2 {
    left: 16.66666667%;
  }
  .single-step .col-md-push-1 {
    left: 8.33333333%;
  }
  .single-step .col-md-push-0 {
    left: 0;
  }
  .single-step .col-md-offset-12 {
    margin-left: 100%;
  }
  .single-step .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .single-step .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .single-step .col-md-offset-9 {
    margin-left: 75%;
  }
  .single-step .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .single-step .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .single-step .col-md-offset-6 {
    margin-left: 50%;
  }
  .single-step .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .single-step .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .single-step .col-md-offset-3 {
    margin-left: 25%;
  }
  .single-step .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .single-step .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .single-step .col-md-offset-0 {
    margin-left: 0;
  }
}
@media (min-width: 1200px) {
  .single-step .col-lg-1,
  .single-step .col-lg-2,
  .single-step .col-lg-3,
  .single-step .col-lg-4,
  .single-step .col-lg-5,
  .single-step .col-lg-6,
  .single-step .col-lg-7,
  .single-step .col-lg-8,
  .single-step .col-lg-9,
  .single-step .col-lg-10,
  .single-step .col-lg-11,
  .single-step .col-lg-12 {
    float: left;
  }
  .single-step .col-lg-12 {
    width: 100%;
  }
  .single-step .col-lg-11 {
    width: 91.66666667%;
  }
  .single-step .col-lg-10 {
    width: 83.33333333%;
  }
  .single-step .col-lg-9 {
    width: 75%;
  }
  .single-step .col-lg-8 {
    width: 66.66666667%;
  }
  .single-step .col-lg-7 {
    width: 58.33333333%;
  }
  .single-step .col-lg-6 {
    width: 50%;
  }
  .single-step .col-lg-5 {
    width: 41.66666667%;
  }
  .single-step .col-lg-4 {
    width: 33.33333333%;
  }
  .single-step .col-lg-3 {
    width: 25%;
  }
  .single-step .col-lg-2 {
    width: 16.66666667%;
  }
  .single-step .col-lg-1 {
    width: 8.33333333%;
  }
  .single-step .col-lg-pull-12 {
    right: 100%;
  }
  .single-step .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .single-step .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .single-step .col-lg-pull-9 {
    right: 75%;
  }
  .single-step .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .single-step .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .single-step .col-lg-pull-6 {
    right: 50%;
  }
  .single-step .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .single-step .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .single-step .col-lg-pull-3 {
    right: 25%;
  }
  .single-step .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .single-step .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .single-step .col-lg-pull-0 {
    right: 0;
  }
  .single-step .col-lg-push-12 {
    left: 100%;
  }
  .single-step .col-lg-push-11 {
    left: 91.66666667%;
  }
  .single-step .col-lg-push-10 {
    left: 83.33333333%;
  }
  .single-step .col-lg-push-9 {
    left: 75%;
  }
  .single-step .col-lg-push-8 {
    left: 66.66666667%;
  }
  .single-step .col-lg-push-7 {
    left: 58.33333333%;
  }
  .single-step .col-lg-push-6 {
    left: 50%;
  }
  .single-step .col-lg-push-5 {
    left: 41.66666667%;
  }
  .single-step .col-lg-push-4 {
    left: 33.33333333%;
  }
  .single-step .col-lg-push-3 {
    left: 25%;
  }
  .single-step .col-lg-push-2 {
    left: 16.66666667%;
  }
  .single-step .col-lg-push-1 {
    left: 8.33333333%;
  }
  .single-step .col-lg-push-0 {
    left: 0;
  }
  .single-step .col-lg-offset-12 {
    margin-left: 100%;
  }
  .single-step .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .single-step .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .single-step .col-lg-offset-9 {
    margin-left: 75%;
  }
  .single-step .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .single-step .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .single-step .col-lg-offset-6 {
    margin-left: 50%;
  }
  .single-step .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .single-step .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .single-step .col-lg-offset-3 {
    margin-left: 25%;
  }
  .single-step .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .single-step .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .single-step .col-lg-offset-0 {
    margin-left: 0;
  }
}
.single-step table {
  max-width: 100%;
  background-color: transparent;
}
.single-step th {
  text-align: left;
}
.single-step .table {
  width: 100%;
  margin-bottom: 20px;
}
.single-step .table > thead > tr > th,
.single-step .table > tbody > tr > th,
.single-step .table > tfoot > tr > th,
.single-step .table > thead > tr > td,
.single-step .table > tbody > tr > td,
.single-step .table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #dddddd;
}
.single-step .table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #dddddd;
}
.single-step .table > caption + thead > tr:first-child > th,
.single-step .table > colgroup + thead > tr:first-child > th,
.single-step .table > thead:first-child > tr:first-child > th,
.single-step .table > caption + thead > tr:first-child > td,
.single-step .table > colgroup + thead > tr:first-child > td,
.single-step .table > thead:first-child > tr:first-child > td {
  border-top: 0;
}
.single-step .table > tbody + tbody {
  border-top: 2px solid #dddddd;
}
.single-step .table .table {
  background-color: #ffffff;
}
.single-step .table-condensed > thead > tr > th,
.single-step .table-condensed > tbody > tr > th,
.single-step .table-condensed > tfoot > tr > th,
.single-step .table-condensed > thead > tr > td,
.single-step .table-condensed > tbody > tr > td,
.single-step .table-condensed > tfoot > tr > td {
  padding: 5px;
}
.single-step .table-bordered {
  border: 1px solid #dddddd;
}
.single-step .table-bordered > thead > tr > th,
.single-step .table-bordered > tbody > tr > th,
.single-step .table-bordered > tfoot > tr > th,
.single-step .table-bordered > thead > tr > td,
.single-step .table-bordered > tbody > tr > td,
.single-step .table-bordered > tfoot > tr > td {
  border: 1px solid #dddddd;
}
.single-step .table-bordered > thead > tr > th,
.single-step .table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}
.single-step .table-striped > tbody > tr:nth-child(odd) > td,
.single-step .table-striped > tbody > tr:nth-child(odd) > th {
  background-color: #f9f9f9;
}
.single-step .table-hover > tbody > tr:hover > td,
.single-step .table-hover > tbody > tr:hover > th {
  background-color: #f5f5f5;
}
.single-step table col[class*=col-] {
  position: static;
  float: none;
  display: table-column;
}
.single-step table td[class*=col-],
.single-step table th[class*=col-] {
  position: static;
  float: none;
  display: table-cell;
}
.single-step .table > thead > tr > td.active,
.single-step .table > tbody > tr > td.active,
.single-step .table > tfoot > tr > td.active,
.single-step .table > thead > tr > th.active,
.single-step .table > tbody > tr > th.active,
.single-step .table > tfoot > tr > th.active,
.single-step .table > thead > tr.active > td,
.single-step .table > tbody > tr.active > td,
.single-step .table > tfoot > tr.active > td,
.single-step .table > thead > tr.active > th,
.single-step .table > tbody > tr.active > th,
.single-step .table > tfoot > tr.active > th {
  background-color: #f5f5f5;
}
.single-step .table-hover > tbody > tr > td.active:hover,
.single-step .table-hover > tbody > tr > th.active:hover,
.single-step .table-hover > tbody > tr.active:hover > td,
.single-step .table-hover > tbody > tr.active:hover > th {
  background-color: #e8e8e8;
}
.single-step .table > thead > tr > td.success,
.single-step .table > tbody > tr > td.success,
.single-step .table > tfoot > tr > td.success,
.single-step .table > thead > tr > th.success,
.single-step .table > tbody > tr > th.success,
.single-step .table > tfoot > tr > th.success,
.single-step .table > thead > tr.success > td,
.single-step .table > tbody > tr.success > td,
.single-step .table > tfoot > tr.success > td,
.single-step .table > thead > tr.success > th,
.single-step .table > tbody > tr.success > th,
.single-step .table > tfoot > tr.success > th {
  background-color: #dff0d8;
}
.single-step .table-hover > tbody > tr > td.success:hover,
.single-step .table-hover > tbody > tr > th.success:hover,
.single-step .table-hover > tbody > tr.success:hover > td,
.single-step .table-hover > tbody > tr.success:hover > th {
  background-color: #d0e9c6;
}
.single-step .table > thead > tr > td.info,
.single-step .table > tbody > tr > td.info,
.single-step .table > tfoot > tr > td.info,
.single-step .table > thead > tr > th.info,
.single-step .table > tbody > tr > th.info,
.single-step .table > tfoot > tr > th.info,
.single-step .table > thead > tr.info > td,
.single-step .table > tbody > tr.info > td,
.single-step .table > tfoot > tr.info > td,
.single-step .table > thead > tr.info > th,
.single-step .table > tbody > tr.info > th,
.single-step .table > tfoot > tr.info > th {
  background-color: #d9edf7;
}
.single-step .table-hover > tbody > tr > td.info:hover,
.single-step .table-hover > tbody > tr > th.info:hover,
.single-step .table-hover > tbody > tr.info:hover > td,
.single-step .table-hover > tbody > tr.info:hover > th {
  background-color: #c4e3f3;
}
.single-step .table > thead > tr > td.warning,
.single-step .table > tbody > tr > td.warning,
.single-step .table > tfoot > tr > td.warning,
.single-step .table > thead > tr > th.warning,
.single-step .table > tbody > tr > th.warning,
.single-step .table > tfoot > tr > th.warning,
.single-step .table > thead > tr.warning > td,
.single-step .table > tbody > tr.warning > td,
.single-step .table > tfoot > tr.warning > td,
.single-step .table > thead > tr.warning > th,
.single-step .table > tbody > tr.warning > th,
.single-step .table > tfoot > tr.warning > th {
  background-color: #fcf8e3;
}
.single-step .table-hover > tbody > tr > td.warning:hover,
.single-step .table-hover > tbody > tr > th.warning:hover,
.single-step .table-hover > tbody > tr.warning:hover > td,
.single-step .table-hover > tbody > tr.warning:hover > th {
  background-color: #faf2cc;
}
.single-step .table > thead > tr > td.danger,
.single-step .table > tbody > tr > td.danger,
.single-step .table > tfoot > tr > td.danger,
.single-step .table > thead > tr > th.danger,
.single-step .table > tbody > tr > th.danger,
.single-step .table > tfoot > tr > th.danger,
.single-step .table > thead > tr.danger > td,
.single-step .table > tbody > tr.danger > td,
.single-step .table > tfoot > tr.danger > td,
.single-step .table > thead > tr.danger > th,
.single-step .table > tbody > tr.danger > th,
.single-step .table > tfoot > tr.danger > th {
  background-color: #f2dede;
}
.single-step .table-hover > tbody > tr > td.danger:hover,
.single-step .table-hover > tbody > tr > th.danger:hover,
.single-step .table-hover > tbody > tr.danger:hover > td,
.single-step .table-hover > tbody > tr.danger:hover > th {
  background-color: #ebcccc;
}
@media (max-width: 767px) {
  .single-step .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    overflow-x: scroll;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd;
    -webkit-overflow-scrolling: touch;
  }
  .single-step .table-responsive > .table {
    margin-bottom: 0;
  }
  .single-step .table-responsive > .table > thead > tr > th,
  .single-step .table-responsive > .table > tbody > tr > th,
  .single-step .table-responsive > .table > tfoot > tr > th,
  .single-step .table-responsive > .table > thead > tr > td,
  .single-step .table-responsive > .table > tbody > tr > td,
  .single-step .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
  }
  .single-step .table-responsive > .table-bordered {
    border: 0;
  }
  .single-step .table-responsive > .table-bordered > thead > tr > th:first-child,
  .single-step .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .single-step .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .single-step .table-responsive > .table-bordered > thead > tr > td:first-child,
  .single-step .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .single-step .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }
  .single-step .table-responsive > .table-bordered > thead > tr > th:last-child,
  .single-step .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .single-step .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .single-step .table-responsive > .table-bordered > thead > tr > td:last-child,
  .single-step .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .single-step .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }
  .single-step .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .single-step .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  .single-step .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .single-step .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
}
.single-step fieldset {
  padding: 0;
  margin: 0;
  border: 0;
  min-width: 0;
}
.single-step legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: inherit;
  color: #333;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}
.single-step label {
  display: inline-block;
  margin-bottom: 5px;
  font-weight: 700;
}
.single-step input[type=search] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.single-step input[type=radio],
.single-step input[type=checkbox] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  line-height: normal;
}
.single-step input[type=file] {
  display: block;
}
.single-step input[type=range] {
  display: block;
  width: 100%;
}
.single-step select[multiple],
.single-step select[size] {
  height: auto;
}
.single-step input[type=file]:focus,
.single-step input[type=radio]:focus,
.single-step input[type=checkbox]:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.single-step output {
  display: block;
  padding-top: 7px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555555;
}
.single-step .form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.single-step .form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.single-step .form-control::-moz-placeholder {
  color: #999;
  opacity: 1;
}
.single-step .form-control:-ms-input-placeholder {
  color: #999999;
}
.single-step .form-control::-webkit-input-placeholder {
  color: #999999;
}
.single-step .form-control[disabled],
.single-step .form-control[readonly],
.single-step fieldset[disabled] .form-control {
  cursor: not-allowed;
  background-color: #eee;
  opacity: 1;
}
.single-step textarea.form-control {
  height: auto;
}
.single-step input[type=search] {
  -webkit-appearance: none;
}
.single-step input[type=date] {
  line-height: 34px;
}
.single-step .form-group {
  margin-bottom: 15px;
}
.single-step .radio,
.single-step .checkbox {
  display: block;
  min-height: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-left: 20px;
}
.single-step .radio label,
.single-step .checkbox label {
  display: inline;
  font-weight: 400;
  cursor: pointer;
}
.single-step .radio input[type=radio],
.single-step .radio-inline input[type=radio],
.single-step .checkbox input[type=checkbox],
.single-step .checkbox-inline input[type=checkbox] {
  float: left;
  margin-left: -20px;
}
.single-step .radio + .radio,
.single-step .checkbox + .checkbox {
  margin-top: -5px;
}
.single-step .radio-inline,
.single-step .checkbox-inline {
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  vertical-align: middle;
  font-weight: 400;
  cursor: pointer;
}
.single-step .radio-inline + .radio-inline,
.single-step .checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px;
}
.single-step input[type=radio][disabled],
.single-step input[type=checkbox][disabled],
.single-step .radio[disabled],
.single-step .radio-inline[disabled],
.single-step .checkbox[disabled],
.single-step .checkbox-inline[disabled],
.single-step fieldset[disabled] input[type=radio],
.single-step fieldset[disabled] input[type=checkbox],
.single-step fieldset[disabled] .radio,
.single-step fieldset[disabled] .radio-inline,
.single-step fieldset[disabled] .checkbox,
.single-step fieldset[disabled] .checkbox-inline {
  cursor: not-allowed;
}
.single-step .input-sm {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.single-step select.input-sm {
  height: 30px;
  line-height: 30px;
}
.single-step textarea.input-sm,
.single-step select[multiple].input-sm {
  height: auto;
}
.single-step .input-lg {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px;
}
.single-step select.input-lg {
  height: 46px;
  line-height: 46px;
}
.single-step textarea.input-lg,
.single-step select[multiple].input-lg {
  height: auto;
}
.single-step .has-feedback {
  position: relative;
}
.single-step .has-feedback .form-control {
  padding-right: 42.5px;
}
.single-step .has-feedback .form-control-feedback {
  position: absolute;
  top: 25px;
  right: 0;
  display: block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
}
.single-step .has-success .help-block,
.single-step .has-success .control-label,
.single-step .has-success .radio,
.single-step .has-success .checkbox,
.single-step .has-success .radio-inline,
.single-step .has-success .checkbox-inline {
  color: #3c763d;
}
.single-step .has-success .form-control {
  border-color: #3c763d;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.single-step .has-success .form-control:focus {
  border-color: #2b542c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
}
.single-step .has-success .input-group-addon {
  color: #3c763d;
  border-color: #3c763d;
  background-color: #dff0d8;
}
.single-step .has-success .form-control-feedback {
  color: #3c763d;
}
.single-step .has-warning .help-block,
.single-step .has-warning .control-label,
.single-step .has-warning .radio,
.single-step .has-warning .checkbox,
.single-step .has-warning .radio-inline,
.single-step .has-warning .checkbox-inline {
  color: #8a6d3b;
}
.single-step .has-warning .form-control {
  border-color: #8a6d3b;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.single-step .has-warning .form-control:focus {
  border-color: #66512c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
}
.single-step .has-warning .input-group-addon {
  color: #8a6d3b;
  border-color: #8a6d3b;
  background-color: #fcf8e3;
}
.single-step .has-warning .form-control-feedback {
  color: #8a6d3b;
}
.single-step .has-error .help-block,
.single-step .has-error .control-label,
.single-step .has-error .radio,
.single-step .has-error .checkbox,
.single-step .has-error .radio-inline,
.single-step .has-error .checkbox-inline {
  color: #a94442;
}
.single-step .has-error .form-control {
  border-color: #a94442;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.single-step .has-error .form-control:focus {
  border-color: #843534;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
}
.single-step .has-error .input-group-addon {
  color: #a94442;
  border-color: #a94442;
  background-color: #f2dede;
}
.single-step .has-error .form-control-feedback {
  color: #a94442;
}
.single-step .form-control-static {
  margin-bottom: 0;
}
.single-step .help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #737373;
}
@media (min-width: 768px) {
  .single-step .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .single-step .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .single-step .form-inline .input-group > .form-control {
    width: 100%;
  }
  .single-step .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .single-step .form-inline .radio,
  .single-step .form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    vertical-align: middle;
  }
  .single-step .form-inline .radio input[type=radio],
  .single-step .form-inline .checkbox input[type=checkbox] {
    float: none;
    margin-left: 0;
  }
  .single-step .form-inline .has-feedback .form-control-feedback {
    top: 0;
  }
}
.single-step .form-horizontal .control-label,
.single-step .form-horizontal .radio,
.single-step .form-horizontal .checkbox,
.single-step .form-horizontal .radio-inline,
.single-step .form-horizontal .checkbox-inline {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 7px;
}
.single-step .form-horizontal .radio,
.single-step .form-horizontal .checkbox {
  min-height: 27px;
}
.single-step .form-horizontal .form-group {
  margin-left: -15px;
  margin-right: -15px;
}
.single-step .form-horizontal .form-control-static {
  padding-top: 7px;
}
@media (min-width: 768px) {
  .single-step .form-horizontal .control-label {
    text-align: right;
  }
}
.single-step .form-horizontal .has-feedback .form-control-feedback {
  top: 0;
  right: 15px;
}
.single-step .btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: 600;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 16px;
  line-height: 1.42857143;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.single-step .btn:focus,
.single-step .btn:active:focus,
.single-step .btn.active:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.single-step .btn:hover,
.single-step .btn:focus {
  color: #333;
  text-decoration: none;
}
.single-step .btn:active,
.single-step .btn.active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.single-step .btn.disabled,
.single-step .btn[disabled],
.single-step fieldset[disabled] .btn {
  cursor: not-allowed;
  pointer-events: none;
  opacity: .65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.single-step .btn-default {
  color: #333;
  background-color: #fff;
  border-color: #cccccc;
}
.single-step .btn-default:hover,
.single-step .btn-default:focus,
.single-step .btn-default:active,
.single-step .btn-default.active,
.single-step .open .dropdown-toggle.btn-default {
  color: #333;
  background-color: #ebebeb;
  border-color: #adadad;
}
.single-step .btn-default:active,
.single-step .btn-default.active,
.single-step .open .dropdown-toggle.btn-default {
  background-image: none;
}
.single-step .btn-default.disabled,
.single-step .btn-default[disabled],
.single-step fieldset[disabled] .btn-default,
.single-step .btn-default.disabled:hover,
.single-step .btn-default[disabled]:hover,
.single-step fieldset[disabled] .btn-default:hover,
.single-step .btn-default.disabled:focus,
.single-step .btn-default[disabled]:focus,
.single-step fieldset[disabled] .btn-default:focus,
.single-step .btn-default.disabled:active,
.single-step .btn-default[disabled]:active,
.single-step fieldset[disabled] .btn-default:active,
.single-step .btn-default.disabled.active,
.single-step .btn-default[disabled].active,
.single-step fieldset[disabled] .btn-default.active {
  background-color: #fff;
  border-color: #cccccc;
}
.single-step .btn-default .badge {
  color: #fff;
  background-color: #333333;
}
.single-step .btn-primary {
  color: #fff;
  background-color: #428bca;
  border-color: #357ebd;
}
.single-step .btn-primary:hover,
.single-step .btn-primary:focus,
.single-step .btn-primary:active,
.single-step .btn-primary.active,
.single-step .open .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #3276b1;
  border-color: #285e8e;
}
.single-step .btn-primary:active,
.single-step .btn-primary.active,
.single-step .open .dropdown-toggle.btn-primary {
  background-image: none;
}
.single-step .btn-primary.disabled,
.single-step .btn-primary[disabled],
.single-step fieldset[disabled] .btn-primary,
.single-step .btn-primary.disabled:hover,
.single-step .btn-primary[disabled]:hover,
.single-step fieldset[disabled] .btn-primary:hover,
.single-step .btn-primary.disabled:focus,
.single-step .btn-primary[disabled]:focus,
.single-step fieldset[disabled] .btn-primary:focus,
.single-step .btn-primary.disabled:active,
.single-step .btn-primary[disabled]:active,
.single-step fieldset[disabled] .btn-primary:active,
.single-step .btn-primary.disabled.active,
.single-step .btn-primary[disabled].active,
.single-step fieldset[disabled] .btn-primary.active {
  background-color: #428bca;
  border-color: #357ebd;
}
.single-step .btn-primary .badge {
  color: #428bca;
  background-color: #ffffff;
}
.single-step .btn-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.single-step .btn-success:hover,
.single-step .btn-success:focus,
.single-step .btn-success:active,
.single-step .btn-success.active,
.single-step .open .dropdown-toggle.btn-success {
  color: #fff;
  background-color: #47a447;
  border-color: #398439;
}
.single-step .btn-success:active,
.single-step .btn-success.active,
.single-step .open .dropdown-toggle.btn-success {
  background-image: none;
}
.single-step .btn-success.disabled,
.single-step .btn-success[disabled],
.single-step fieldset[disabled] .btn-success,
.single-step .btn-success.disabled:hover,
.single-step .btn-success[disabled]:hover,
.single-step fieldset[disabled] .btn-success:hover,
.single-step .btn-success.disabled:focus,
.single-step .btn-success[disabled]:focus,
.single-step fieldset[disabled] .btn-success:focus,
.single-step .btn-success.disabled:active,
.single-step .btn-success[disabled]:active,
.single-step fieldset[disabled] .btn-success:active,
.single-step .btn-success.disabled.active,
.single-step .btn-success[disabled].active,
.single-step fieldset[disabled] .btn-success.active {
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.single-step .btn-success .badge {
  color: #5cb85c;
  background-color: #ffffff;
}
.single-step .btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da;
}
.single-step .btn-info:hover,
.single-step .btn-info:focus,
.single-step .btn-info:active,
.single-step .btn-info.active,
.single-step .open .dropdown-toggle.btn-info {
  color: #fff;
  background-color: #39b3d7;
  border-color: #269abc;
}
.single-step .btn-info:active,
.single-step .btn-info.active,
.single-step .open .dropdown-toggle.btn-info {
  background-image: none;
}
.single-step .btn-info.disabled,
.single-step .btn-info[disabled],
.single-step fieldset[disabled] .btn-info,
.single-step .btn-info.disabled:hover,
.single-step .btn-info[disabled]:hover,
.single-step fieldset[disabled] .btn-info:hover,
.single-step .btn-info.disabled:focus,
.single-step .btn-info[disabled]:focus,
.single-step fieldset[disabled] .btn-info:focus,
.single-step .btn-info.disabled:active,
.single-step .btn-info[disabled]:active,
.single-step fieldset[disabled] .btn-info:active,
.single-step .btn-info.disabled.active,
.single-step .btn-info[disabled].active,
.single-step fieldset[disabled] .btn-info.active {
  background-color: #5bc0de;
  border-color: #46b8da;
}
.single-step .btn-info .badge {
  color: #5bc0de;
  background-color: #ffffff;
}
.single-step .btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236;
}
.single-step .btn-warning:hover,
.single-step .btn-warning:focus,
.single-step .btn-warning:active,
.single-step .btn-warning.active,
.single-step .open .dropdown-toggle.btn-warning {
  color: #fff;
  background-color: #ed9c28;
  border-color: #d58512;
}
.single-step .btn-warning:active,
.single-step .btn-warning.active,
.single-step .open .dropdown-toggle.btn-warning {
  background-image: none;
}
.single-step .btn-warning.disabled,
.single-step .btn-warning[disabled],
.single-step fieldset[disabled] .btn-warning,
.single-step .btn-warning.disabled:hover,
.single-step .btn-warning[disabled]:hover,
.single-step fieldset[disabled] .btn-warning:hover,
.single-step .btn-warning.disabled:focus,
.single-step .btn-warning[disabled]:focus,
.single-step fieldset[disabled] .btn-warning:focus,
.single-step .btn-warning.disabled:active,
.single-step .btn-warning[disabled]:active,
.single-step fieldset[disabled] .btn-warning:active,
.single-step .btn-warning.disabled.active,
.single-step .btn-warning[disabled].active,
.single-step fieldset[disabled] .btn-warning.active {
  background-color: #f0ad4e;
  border-color: #eea236;
}
.single-step .btn-warning .badge {
  color: #f0ad4e;
  background-color: #ffffff;
}
.single-step .btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
}
.single-step .btn-danger:hover,
.single-step .btn-danger:focus,
.single-step .btn-danger:active,
.single-step .btn-danger.active,
.single-step .open .dropdown-toggle.btn-danger {
  color: #fff;
  background-color: #d2322d;
  border-color: #ac2925;
}
.single-step .btn-danger:active,
.single-step .btn-danger.active,
.single-step .open .dropdown-toggle.btn-danger {
  background-image: none;
}
.single-step .btn-danger.disabled,
.single-step .btn-danger[disabled],
.single-step fieldset[disabled] .btn-danger,
.single-step .btn-danger.disabled:hover,
.single-step .btn-danger[disabled]:hover,
.single-step fieldset[disabled] .btn-danger:hover,
.single-step .btn-danger.disabled:focus,
.single-step .btn-danger[disabled]:focus,
.single-step fieldset[disabled] .btn-danger:focus,
.single-step .btn-danger.disabled:active,
.single-step .btn-danger[disabled]:active,
.single-step fieldset[disabled] .btn-danger:active,
.single-step .btn-danger.disabled.active,
.single-step .btn-danger[disabled].active,
.single-step fieldset[disabled] .btn-danger.active {
  background-color: #d9534f;
  border-color: #d43f3a;
}
.single-step .btn-danger .badge {
  color: #d9534f;
  background-color: #ffffff;
}
.single-step .btn-link {
  color: #428bca;
  font-weight: 400;
  cursor: pointer;
  border-radius: 0;
}
.single-step .btn-link,
.single-step .btn-link:active,
.single-step .btn-link[disabled],
.single-step fieldset[disabled] .btn-link {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.single-step .btn-link,
.single-step .btn-link:hover,
.single-step .btn-link:focus,
.single-step .btn-link:active {
  border-color: transparent;
}
.single-step .btn-link:hover,
.single-step .btn-link:focus {
  color: #2a6496;
  text-decoration: underline;
  background-color: transparent;
}
.single-step .btn-link[disabled]:hover,
.single-step fieldset[disabled] .btn-link:hover,
.single-step .btn-link[disabled]:focus,
.single-step fieldset[disabled] .btn-link:focus {
  color: #999;
  text-decoration: none;
}
.single-step .btn-lg,
.single-step .btn-group-lg > .btn {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px;
}
.single-step .btn-sm,
.single-step .btn-group-sm > .btn {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.single-step .btn-xs,
.single-step .btn-group-xs > .btn {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.single-step .btn-block {
  display: block;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}
.single-step .btn-block + .btn-block {
  margin-top: 5px;
}
.single-step input[type=submit].btn-block,
.single-step input[type=reset].btn-block,
.single-step input[type=button].btn-block {
  width: 100%;
}
.single-step .fade {
  opacity: 0;
  -webkit-transition: opacity .15s linear;
  transition: opacity 0.15s linear;
}
.single-step .fade.in {
  opacity: 1;
}
.single-step .collapse {
  display: none;
}
.single-step .collapse.in {
  display: block;
}
.single-step .collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition: height .35s ease;
  transition: height 0.35s ease;
}
@font-face {
  font-family: 'Glyphicons Halflings';
  src: url(../fonts/glyphicons-halflings-regular.eot);
  src: url(../fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'), url(../fonts/glyphicons-halflings-regular.woff) format('woff'), url(../fonts/glyphicons-halflings-regular.ttf) format('truetype'), url(../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg');
}
.single-step .glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.single-step .glyphicon-asterisk:before {
  content: "\2a";
}
.single-step .glyphicon-plus:before {
  content: "\2b";
}
.single-step .glyphicon-euro:before {
  content: "\20ac";
}
.single-step .glyphicon-minus:before {
  content: "\2212";
}
.single-step .glyphicon-cloud:before {
  content: "\2601";
}
.single-step .glyphicon-envelope:before {
  content: "\2709";
}
.single-step .glyphicon-pencil:before {
  content: "\270f";
}
.single-step .glyphicon-glass:before {
  content: "\e001";
}
.single-step .glyphicon-music:before {
  content: "\e002";
}
.single-step .glyphicon-search:before {
  content: "\e003";
}
.single-step .glyphicon-heart:before {
  content: "\e005";
}
.single-step .glyphicon-star:before {
  content: "\e006";
}
.single-step .glyphicon-star-empty:before {
  content: "\e007";
}
.single-step .glyphicon-user:before {
  content: "\e008";
}
.single-step .glyphicon-film:before {
  content: "\e009";
}
.single-step .glyphicon-th-large:before {
  content: "\e010";
}
.single-step .glyphicon-th:before {
  content: "\e011";
}
.single-step .glyphicon-th-list:before {
  content: "\e012";
}
.single-step .glyphicon-ok:before {
  content: "\e013";
}
.single-step .glyphicon-remove:before {
  content: "\e014";
}
.single-step .glyphicon-zoom-in:before {
  content: "\e015";
}
.single-step .glyphicon-zoom-out:before {
  content: "\e016";
}
.single-step .glyphicon-off:before {
  content: "\e017";
}
.single-step .glyphicon-signal:before {
  content: "\e018";
}
.single-step .glyphicon-cog:before {
  content: "\e019";
}
.single-step .glyphicon-trash:before {
  content: "\e020";
}
.single-step .glyphicon-home:before {
  content: "\e021";
}
.single-step .glyphicon-file:before {
  content: "\e022";
}
.single-step .glyphicon-time:before {
  content: "\e023";
}
.single-step .glyphicon-road:before {
  content: "\e024";
}
.single-step .glyphicon-download-alt:before {
  content: "\e025";
}
.single-step .glyphicon-download:before {
  content: "\e026";
}
.single-step .glyphicon-upload:before {
  content: "\e027";
}
.single-step .glyphicon-inbox:before {
  content: "\e028";
}
.single-step .glyphicon-play-circle:before {
  content: "\e029";
}
.single-step .glyphicon-repeat:before {
  content: "\e030";
}
.single-step .glyphicon-refresh:before {
  content: "\e031";
}
.single-step .glyphicon-list-alt:before {
  content: "\e032";
}
.single-step .glyphicon-lock:before {
  content: "\e033";
}
.single-step .glyphicon-flag:before {
  content: "\e034";
}
.single-step .glyphicon-headphones:before {
  content: "\e035";
}
.single-step .glyphicon-volume-off:before {
  content: "\e036";
}
.single-step .glyphicon-volume-down:before {
  content: "\e037";
}
.single-step .glyphicon-volume-up:before {
  content: "\e038";
}
.single-step .glyphicon-qrcode:before {
  content: "\e039";
}
.single-step .glyphicon-barcode:before {
  content: "\e040";
}
.single-step .glyphicon-tag:before {
  content: "\e041";
}
.single-step .glyphicon-tags:before {
  content: "\e042";
}
.single-step .glyphicon-book:before {
  content: "\e043";
}
.single-step .glyphicon-bookmark:before {
  content: "\e044";
}
.single-step .glyphicon-print:before {
  content: "\e045";
}
.single-step .glyphicon-camera:before {
  content: "\e046";
}
.single-step .glyphicon-font:before {
  content: "\e047";
}
.single-step .glyphicon-bold:before {
  content: "\e048";
}
.single-step .glyphicon-italic:before {
  content: "\e049";
}
.single-step .glyphicon-text-height:before {
  content: "\e050";
}
.single-step .glyphicon-text-width:before {
  content: "\e051";
}
.single-step .glyphicon-align-left:before {
  content: "\e052";
}
.single-step .glyphicon-align-center:before {
  content: "\e053";
}
.single-step .glyphicon-align-right:before {
  content: "\e054";
}
.single-step .glyphicon-align-justify:before {
  content: "\e055";
}
.single-step .glyphicon-list:before {
  content: "\e056";
}
.single-step .glyphicon-indent-left:before {
  content: "\e057";
}
.single-step .glyphicon-indent-right:before {
  content: "\e058";
}
.single-step .glyphicon-facetime-video:before {
  content: "\e059";
}
.single-step .glyphicon-picture:before {
  content: "\e060";
}
.single-step .glyphicon-map-marker:before {
  content: "\e062";
}
.single-step .glyphicon-adjust:before {
  content: "\e063";
}
.single-step .glyphicon-tint:before {
  content: "\e064";
}
.single-step .glyphicon-edit:before {
  content: "\e065";
}
.single-step .glyphicon-share:before {
  content: "\e066";
}
.single-step .glyphicon-check:before {
  content: "\e067";
}
.single-step .glyphicon-move:before {
  content: "\e068";
}
.single-step .glyphicon-step-backward:before {
  content: "\e069";
}
.single-step .glyphicon-fast-backward:before {
  content: "\e070";
}
.single-step .glyphicon-backward:before {
  content: "\e071";
}
.single-step .glyphicon-play:before {
  content: "\e072";
}
.single-step .glyphicon-pause:before {
  content: "\e073";
}
.single-step .glyphicon-stop:before {
  content: "\e074";
}
.single-step .glyphicon-forward:before {
  content: "\e075";
}
.single-step .glyphicon-fast-forward:before {
  content: "\e076";
}
.single-step .glyphicon-step-forward:before {
  content: "\e077";
}
.single-step .glyphicon-eject:before {
  content: "\e078";
}
.single-step .glyphicon-chevron-left:before {
  content: "\e079";
}
.single-step .glyphicon-chevron-right:before {
  content: "\e080";
}
.single-step .glyphicon-plus-sign:before {
  content: "\e081";
}
.single-step .glyphicon-minus-sign:before {
  content: "\e082";
}
.single-step .glyphicon-remove-sign:before {
  content: "\e083";
}
.single-step .glyphicon-ok-sign:before {
  content: "\e084";
}
.single-step .glyphicon-question-sign:before {
  content: "\e085";
}
.single-step .glyphicon-info-sign:before {
  content: "\e086";
}
.single-step .glyphicon-screenshot:before {
  content: "\e087";
}
.single-step .glyphicon-remove-circle:before {
  content: "\e088";
}
.single-step .glyphicon-ok-circle:before {
  content: "\e089";
}
.single-step .glyphicon-ban-circle:before {
  content: "\e090";
}
.single-step .glyphicon-arrow-left:before {
  content: "\e091";
}
.single-step .glyphicon-arrow-right:before {
  content: "\e092";
}
.single-step .glyphicon-arrow-up:before {
  content: "\e093";
}
.single-step .glyphicon-arrow-down:before {
  content: "\e094";
}
.single-step .glyphicon-share-alt:before {
  content: "\e095";
}
.single-step .glyphicon-resize-full:before {
  content: "\e096";
}
.single-step .glyphicon-resize-small:before {
  content: "\e097";
}
.single-step .glyphicon-exclamation-sign:before {
  content: "\e101";
}
.single-step .glyphicon-gift:before {
  content: "\e102";
}
.single-step .glyphicon-leaf:before {
  content: "\e103";
}
.single-step .glyphicon-fire:before {
  content: "\e104";
}
.single-step .glyphicon-eye-open:before {
  content: "\e105";
}
.single-step .glyphicon-eye-close:before {
  content: "\e106";
}
.single-step .glyphicon-warning-sign:before {
  content: "\e107";
}
.single-step .glyphicon-plane:before {
  content: "\e108";
}
.single-step .glyphicon-calendar:before {
  content: "\e109";
}
.single-step .glyphicon-random:before {
  content: "\e110";
}
.single-step .glyphicon-comment:before {
  content: "\e111";
}
.single-step .glyphicon-magnet:before {
  content: "\e112";
}
.single-step .glyphicon-chevron-up:before {
  content: "\e113";
}
.single-step .glyphicon-chevron-down:before {
  content: "\e114";
}
.single-step .glyphicon-retweet:before {
  content: "\e115";
}
.single-step .glyphicon-shopping-cart:before {
  content: "\e116";
}
.single-step .glyphicon-folder-close:before {
  content: "\e117";
}
.single-step .glyphicon-folder-open:before {
  content: "\e118";
}
.single-step .glyphicon-resize-vertical:before {
  content: "\e119";
}
.single-step .glyphicon-resize-horizontal:before {
  content: "\e120";
}
.single-step .glyphicon-hdd:before {
  content: "\e121";
}
.single-step .glyphicon-bullhorn:before {
  content: "\e122";
}
.single-step .glyphicon-bell:before {
  content: "\e123";
}
.single-step .glyphicon-certificate:before {
  content: "\e124";
}
.single-step .glyphicon-thumbs-up:before {
  content: "\e125";
}
.single-step .glyphicon-thumbs-down:before {
  content: "\e126";
}
.single-step .glyphicon-hand-right:before {
  content: "\e127";
}
.single-step .glyphicon-hand-left:before {
  content: "\e128";
}
.single-step .glyphicon-hand-up:before {
  content: "\e129";
}
.single-step .glyphicon-hand-down:before {
  content: "\e130";
}
.single-step .glyphicon-circle-arrow-right:before {
  content: "\e131";
}
.single-step .glyphicon-circle-arrow-left:before {
  content: "\e132";
}
.single-step .glyphicon-circle-arrow-up:before {
  content: "\e133";
}
.single-step .glyphicon-circle-arrow-down:before {
  content: "\e134";
}
.single-step .glyphicon-globe:before {
  content: "\e135";
}
.single-step .glyphicon-wrench:before {
  content: "\e136";
}
.single-step .glyphicon-tasks:before {
  content: "\e137";
}
.single-step .glyphicon-filter:before {
  content: "\e138";
}
.single-step .glyphicon-briefcase:before {
  content: "\e139";
}
.single-step .glyphicon-fullscreen:before {
  content: "\e140";
}
.single-step .glyphicon-dashboard:before {
  content: "\e141";
}
.single-step .glyphicon-paperclip:before {
  content: "\e142";
}
.single-step .glyphicon-heart-empty:before {
  content: "\e143";
}
.single-step .glyphicon-link:before {
  content: "\e144";
}
.single-step .glyphicon-phone:before {
  content: "\e145";
}
.single-step .glyphicon-pushpin:before {
  content: "\e146";
}
.single-step .glyphicon-usd:before {
  content: "\e148";
}
.single-step .glyphicon-gbp:before {
  content: "\e149";
}
.single-step .glyphicon-sort:before {
  content: "\e150";
}
.single-step .glyphicon-sort-by-alphabet:before {
  content: "\e151";
}
.single-step .glyphicon-sort-by-alphabet-alt:before {
  content: "\e152";
}
.single-step .glyphicon-sort-by-order:before {
  content: "\e153";
}
.single-step .glyphicon-sort-by-order-alt:before {
  content: "\e154";
}
.single-step .glyphicon-sort-by-attributes:before {
  content: "\e155";
}
.single-step .glyphicon-sort-by-attributes-alt:before {
  content: "\e156";
}
.single-step .glyphicon-unchecked:before {
  content: "\e157";
}
.single-step .glyphicon-expand:before {
  content: "\e158";
}
.single-step .glyphicon-collapse-down:before {
  content: "\e159";
}
.single-step .glyphicon-collapse-up:before {
  content: "\e160";
}
.single-step .glyphicon-log-in:before {
  content: "\e161";
}
.single-step .glyphicon-flash:before {
  content: "\e162";
}
.single-step .glyphicon-log-out:before {
  content: "\e163";
}
.single-step .glyphicon-new-window:before {
  content: "\e164";
}
.single-step .glyphicon-record:before {
  content: "\e165";
}
.single-step .glyphicon-save:before {
  content: "\e166";
}
.single-step .glyphicon-open:before {
  content: "\e167";
}
.single-step .glyphicon-saved:before {
  content: "\e168";
}
.single-step .glyphicon-import:before {
  content: "\e169";
}
.single-step .glyphicon-export:before {
  content: "\e170";
}
.single-step .glyphicon-send:before {
  content: "\e171";
}
.single-step .glyphicon-floppy-disk:before {
  content: "\e172";
}
.single-step .glyphicon-floppy-saved:before {
  content: "\e173";
}
.single-step .glyphicon-floppy-remove:before {
  content: "\e174";
}
.single-step .glyphicon-floppy-save:before {
  content: "\e175";
}
.single-step .glyphicon-floppy-open:before {
  content: "\e176";
}
.single-step .glyphicon-credit-card:before {
  content: "\e177";
}
.single-step .glyphicon-transfer:before {
  content: "\e178";
}
.single-step .glyphicon-cutlery:before {
  content: "\e179";
}
.single-step .glyphicon-header:before {
  content: "\e180";
}
.single-step .glyphicon-compressed:before {
  content: "\e181";
}
.single-step .glyphicon-earphone:before {
  content: "\e182";
}
.single-step .glyphicon-phone-alt:before {
  content: "\e183";
}
.single-step .glyphicon-tower:before {
  content: "\e184";
}
.single-step .glyphicon-stats:before {
  content: "\e185";
}
.single-step .glyphicon-sd-video:before {
  content: "\e186";
}
.single-step .glyphicon-hd-video:before {
  content: "\e187";
}
.single-step .glyphicon-subtitles:before {
  content: "\e188";
}
.single-step .glyphicon-sound-stereo:before {
  content: "\e189";
}
.single-step .glyphicon-sound-dolby:before {
  content: "\e190";
}
.single-step .glyphicon-sound-5-1:before {
  content: "\e191";
}
.single-step .glyphicon-sound-6-1:before {
  content: "\e192";
}
.single-step .glyphicon-sound-7-1:before {
  content: "\e193";
}
.single-step .glyphicon-copyright-mark:before {
  content: "\e194";
}
.single-step .glyphicon-registration-mark:before {
  content: "\e195";
}
.single-step .glyphicon-cloud-download:before {
  content: "\e197";
}
.single-step .glyphicon-cloud-upload:before {
  content: "\e198";
}
.single-step .glyphicon-tree-conifer:before {
  content: "\e199";
}
.single-step .glyphicon-tree-deciduous:before {
  content: "\e200";
}
.single-step .caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px solid;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
.single-step .dropdown {
  position: relative;
}
.single-step .dropdown-toggle:focus {
  outline: 0;
}
.single-step .dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 14px;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
}
.single-step .dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
.single-step .dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.single-step .dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
}
.single-step .dropdown-menu > li > a:hover,
.single-step .dropdown-menu > li > a:focus {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5;
}
.single-step .dropdown-menu > .active > a,
.single-step .dropdown-menu > .active > a:hover,
.single-step .dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  background-color: #428bca;
}
.single-step .dropdown-menu > .disabled > a,
.single-step .dropdown-menu > .disabled > a:hover,
.single-step .dropdown-menu > .disabled > a:focus {
  color: #999999;
}
.single-step .dropdown-menu > .disabled > a:hover,
.single-step .dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  cursor: not-allowed;
}
.single-step .open > .dropdown-menu {
  display: block;
}
.single-step .open > a {
  outline: 0;
}
.single-step .dropdown-menu-right {
  left: auto;
  right: 0;
}
.single-step .dropdown-menu-left {
  left: 0;
  right: auto;
}
.single-step .dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.42857143;
  color: #999999;
}
.single-step .dropdown-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 990;
}
.single-step .pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}
.single-step .dropup .caret,
.single-step .navbar-fixed-bottom .dropdown .caret {
  border-top: 0;
  border-bottom: 4px solid;
  content: "";
}
.single-step .dropup .dropdown-menu,
.single-step .navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 1px;
}
@media (min-width: 768px) {
  .single-step .navbar-right .dropdown-menu {
    left: auto;
    right: 0;
  }
  .single-step .navbar-right .dropdown-menu-left {
    left: 0;
    right: auto;
  }
}
.single-step .btn-group,
.single-step .btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.single-step .btn-group > .btn,
.single-step .btn-group-vertical > .btn {
  position: relative;
  float: left;
}
.single-step .btn-group > .btn:hover,
.single-step .btn-group-vertical > .btn:hover,
.single-step .btn-group > .btn:focus,
.single-step .btn-group-vertical > .btn:focus,
.single-step .btn-group > .btn:active,
.single-step .btn-group-vertical > .btn:active,
.single-step .btn-group > .btn.active,
.single-step .btn-group-vertical > .btn.active {
  z-index: 2;
}
.single-step .btn-group > .btn:focus,
.single-step .btn-group-vertical > .btn:focus {
  outline: 0;
}
.single-step .btn-group .btn + .btn,
.single-step .btn-group .btn + .btn-group,
.single-step .btn-group .btn-group + .btn,
.single-step .btn-group .btn-group + .btn-group {
  margin-left: -1px;
}
.single-step .btn-toolbar {
  margin-left: -5px;
}
.single-step .btn-toolbar .btn-group,
.single-step .btn-toolbar .input-group {
  float: left;
}
.single-step .btn-toolbar > .btn,
.single-step .btn-toolbar > .btn-group,
.single-step .btn-toolbar > .input-group {
  margin-left: 5px;
}
.single-step .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0;
}
.single-step .btn-group > .btn:first-child {
  margin-left: 0;
}
.single-step .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.single-step .btn-group > .btn:last-child:not(:first-child),
.single-step .btn-group > .dropdown-toggle:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.single-step .btn-group > .btn-group {
  float: left;
}
.single-step .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}
.single-step .btn-group > .btn-group:first-child > .btn:last-child,
.single-step .btn-group > .btn-group:first-child > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.single-step .btn-group > .btn-group:last-child > .btn:first-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.single-step .btn-group .dropdown-toggle:active,
.single-step .btn-group.open .dropdown-toggle {
  outline: 0;
}
.single-step .btn-group > .btn + .dropdown-toggle {
  padding-left: 8px;
  padding-right: 8px;
}
.single-step .btn-group > .btn-lg + .dropdown-toggle {
  padding-left: 12px;
  padding-right: 12px;
}
.single-step .btn-group.open .dropdown-toggle {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.single-step .btn-group.open .dropdown-toggle.btn-link {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.single-step .btn .caret {
  margin-left: 0;
}
.single-step .btn-lg .caret {
  border-width: 5px 5px 0;
  border-bottom-width: 0;
}
.single-step .dropup .btn-lg .caret {
  border-width: 0 5px 5px;
}
.single-step .btn-group-vertical > .btn,
.single-step .btn-group-vertical > .btn-group,
.single-step .btn-group-vertical > .btn-group > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
}
.single-step .btn-group-vertical > .btn-group > .btn {
  float: none;
}
.single-step .btn-group-vertical > .btn + .btn,
.single-step .btn-group-vertical > .btn + .btn-group,
.single-step .btn-group-vertical > .btn-group + .btn,
.single-step .btn-group-vertical > .btn-group + .btn-group {
  margin-top: -1px;
  margin-left: 0;
}
.single-step .btn-group-vertical > .btn:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.single-step .btn-group-vertical > .btn:first-child:not(:last-child) {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.single-step .btn-group-vertical > .btn:last-child:not(:first-child) {
  border-bottom-left-radius: 4px;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.single-step .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}
.single-step .btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
.single-step .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.single-step .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.single-step .btn-group-justified {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
}
.single-step .btn-group-justified > .btn,
.single-step .btn-group-justified > .btn-group {
  float: none;
  display: table-cell;
  width: 1%;
}
.single-step .btn-group-justified > .btn-group .btn {
  width: 100%;
}
.single-step [data-toggle=buttons] > .btn > input[type=radio],
.single-step [data-toggle=buttons] > .btn > input[type=checkbox] {
  display: none;
}
.single-step .input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}
.single-step .input-group[class*=col-] {
  float: none;
  padding-left: 0;
  padding-right: 0;
}
.single-step .input-group .form-control {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0;
}
.single-step .input-group-lg > .form-control,
.single-step .input-group-lg > .input-group-addon,
.single-step .input-group-lg > .input-group-btn > .btn {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px;
}
.single-step select.input-group-lg > .form-control,
.single-step select.input-group-lg > .input-group-addon,
.single-step select.input-group-lg > .input-group-btn > .btn {
  height: 46px;
  line-height: 46px;
}
.single-step textarea.input-group-lg > .form-control,
.single-step textarea.input-group-lg > .input-group-addon,
.single-step textarea.input-group-lg > .input-group-btn > .btn,
.single-step select[multiple].input-group-lg > .form-control,
.single-step select[multiple].input-group-lg > .input-group-addon,
.single-step select[multiple].input-group-lg > .input-group-btn > .btn {
  height: auto;
}
.single-step .input-group-sm > .form-control,
.single-step .input-group-sm > .input-group-addon,
.single-step .input-group-sm > .input-group-btn > .btn {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.single-step select.input-group-sm > .form-control,
.single-step select.input-group-sm > .input-group-addon,
.single-step select.input-group-sm > .input-group-btn > .btn {
  height: 30px;
  line-height: 30px;
}
.single-step textarea.input-group-sm > .form-control,
.single-step textarea.input-group-sm > .input-group-addon,
.single-step textarea.input-group-sm > .input-group-btn > .btn,
.single-step select[multiple].input-group-sm > .form-control,
.single-step select[multiple].input-group-sm > .input-group-addon,
.single-step select[multiple].input-group-sm > .input-group-btn > .btn {
  height: auto;
}
.single-step .input-group-addon,
.single-step .input-group-btn,
.single-step .input-group .form-control {
  display: table-cell;
}
.single-step .input-group-addon:not(:first-child):not(:last-child),
.single-step .input-group-btn:not(:first-child):not(:last-child),
.single-step .input-group .form-control:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.single-step .input-group-addon,
.single-step .input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
}
.single-step .input-group-addon {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  color: #555;
  text-align: center;
  background-color: #eee;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.single-step .input-group-addon.input-sm {
  padding: 5px 10px;
  font-size: 12px;
  border-radius: 3px;
}
.single-step .input-group-addon.input-lg {
  padding: 10px 16px;
  font-size: 18px;
  border-radius: 6px;
}
.single-step .input-group-addon input[type=radio],
.single-step .input-group-addon input[type=checkbox] {
  margin-top: 0;
}
.single-step .input-group .form-control:first-child,
.single-step .input-group-addon:first-child,
.single-step .input-group-btn:first-child > .btn,
.single-step .input-group-btn:first-child > .btn-group > .btn,
.single-step .input-group-btn:first-child > .dropdown-toggle,
.single-step .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.single-step .input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.single-step .input-group-addon:first-child {
  border-right: 0;
}
.single-step .input-group .form-control:last-child,
.single-step .input-group-addon:last-child,
.single-step .input-group-btn:last-child > .btn,
.single-step .input-group-btn:last-child > .btn-group > .btn,
.single-step .input-group-btn:last-child > .dropdown-toggle,
.single-step .input-group-btn:first-child > .btn:not(:first-child),
.single-step .input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.single-step .input-group-addon:last-child {
  border-left: 0;
}
.single-step .input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap;
}
.single-step .input-group-btn > .btn {
  position: relative;
}
.single-step .input-group-btn > .btn + .btn {
  margin-left: -1px;
}
.single-step .input-group-btn > .btn:hover,
.single-step .input-group-btn > .btn:focus,
.single-step .input-group-btn > .btn:active {
  z-index: 2;
}
.single-step .input-group-btn:first-child > .btn,
.single-step .input-group-btn:first-child > .btn-group {
  margin-right: -1px;
}
.single-step .input-group-btn:last-child > .btn,
.single-step .input-group-btn:last-child > .btn-group {
  margin-left: -1px;
}
.single-step .nav {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}
.single-step .nav > li {
  position: relative;
  display: block;
}
.single-step .nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
}
.single-step .nav > li > a:hover,
.single-step .nav > li > a:focus {
  text-decoration: none;
  background-color: #eeeeee;
}
.single-step .nav > li.disabled > a {
  color: #999999;
}
.single-step .nav > li.disabled > a:hover,
.single-step .nav > li.disabled > a:focus {
  color: #999;
  text-decoration: none;
  background-color: transparent;
  cursor: not-allowed;
}
.single-step .nav .open > a,
.single-step .nav .open > a:hover,
.single-step .nav .open > a:focus {
  background-color: #eee;
  border-color: #428bca;
}
.single-step .nav .nav-divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.single-step .nav > li > a > img {
  max-width: none;
}
.single-step .nav-tabs {
  border-bottom: 1px solid #dddddd;
}
.single-step .nav-tabs > li {
  float: left;
  margin-bottom: -1px;
}
.single-step .nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.42857143;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
}
.single-step .nav-tabs > li > a:hover {
  border-color: #eeeeee #eeeeee #dddddd;
}
.single-step .nav-tabs > li.active > a,
.single-step .nav-tabs > li.active > a:hover,
.single-step .nav-tabs > li.active > a:focus {
  color: #555;
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
  cursor: default;
}
.single-step .nav-tabs.nav-justified {
  width: 100%;
  border-bottom: 0;
}
.single-step .nav-tabs.nav-justified > li {
  float: none;
}
.single-step .nav-tabs.nav-justified > li > a {
  text-align: center;
  margin-bottom: 5px;
}
.single-step .nav-tabs.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 768px) {
  .single-step .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .single-step .nav-tabs.nav-justified > li > a {
    margin-bottom: 0;
  }
}
.single-step .nav-tabs.nav-justified > li > a {
  margin-right: 0;
  border-radius: 4px;
}
.single-step .nav-tabs.nav-justified > .active > a,
.single-step .nav-tabs.nav-justified > .active > a:hover,
.single-step .nav-tabs.nav-justified > .active > a:focus {
  border: 1px solid #dddddd;
}
@media (min-width: 768px) {
  .single-step .nav-tabs.nav-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
  }
  .single-step .nav-tabs.nav-justified > .active > a,
  .single-step .nav-tabs.nav-justified > .active > a:hover,
  .single-step .nav-tabs.nav-justified > .active > a:focus {
    border-bottom-color: #ffffff;
  }
}
.single-step .nav-pills > li {
  float: left;
}
.single-step .nav-pills > li > a {
  border-radius: 4px;
}
.single-step .nav-pills > li + li {
  margin-left: 2px;
}
.single-step .nav-pills > li.active > a,
.single-step .nav-pills > li.active > a:hover,
.single-step .nav-pills > li.active > a:focus {
  color: #fff;
  background-color: #428bca;
}
.single-step .nav-stacked > li {
  float: none;
}
.single-step .nav-stacked > li + li {
  margin-top: 2px;
  margin-left: 0;
}
.single-step .nav-justified {
  width: 100%;
}
.single-step .nav-justified > li {
  float: none;
}
.single-step .nav-justified > li > a {
  text-align: center;
  margin-bottom: 5px;
}
.single-step .nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 768px) {
  .single-step .nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .single-step .nav-justified > li > a {
    margin-bottom: 0;
  }
}
.single-step .nav-tabs-justified {
  border-bottom: 0;
}
.single-step .nav-tabs-justified > li > a {
  margin-right: 0;
  border-radius: 4px;
}
.single-step .nav-tabs-justified > .active > a,
.single-step .nav-tabs-justified > .active > a:hover,
.single-step .nav-tabs-justified > .active > a:focus {
  border: 1px solid #dddddd;
}
@media (min-width: 768px) {
  .single-step .nav-tabs-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
  }
  .single-step .nav-tabs-justified > .active > a,
  .single-step .nav-tabs-justified > .active > a:hover,
  .single-step .nav-tabs-justified > .active > a:focus {
    border-bottom-color: #ffffff;
  }
}
.single-step .tab-content > .tab-pane {
  display: none;
}
.single-step .tab-content > .active {
  display: block;
}
.single-step .nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.single-step .navbar {
  position: relative;
  min-height: 50px;
  margin-bottom: 20px;
  border: 1px solid transparent;
}
@media (min-width: 768px) {
  .single-step .navbar {
    border-radius: 4px;
  }
}
@media (min-width: 768px) {
  .single-step .navbar-header {
    float: left;
  }
}
.single-step .navbar-collapse {
  max-height: 340px;
  overflow-x: visible;
  padding-right: 15px;
  padding-left: 15px;
  border-top: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  -webkit-overflow-scrolling: touch;
}
.single-step .navbar-collapse.in {
  overflow-y: auto;
}
@media (min-width: 768px) {
  .single-step .navbar-collapse {
    width: auto;
    border-top: 0;
    box-shadow: none;
  }
  .single-step .navbar-collapse.collapse {
    display: block!important;
    height: auto!important;
    padding-bottom: 0;
    overflow: visible !important;
  }
  .single-step .navbar-collapse.in {
    overflow-y: visible;
  }
  .single-step .navbar-fixed-top .navbar-collapse,
  .single-step .navbar-static-top .navbar-collapse,
  .single-step .navbar-fixed-bottom .navbar-collapse {
    padding-left: 0;
    padding-right: 0;
  }
}
.single-step .container > .navbar-header,
.single-step .container-fluid > .navbar-header,
.single-step .container > .navbar-collapse,
.single-step .container-fluid > .navbar-collapse {
  margin-right: -15px;
  margin-left: -15px;
}
@media (min-width: 768px) {
  .single-step .container > .navbar-header,
  .single-step .container-fluid > .navbar-header,
  .single-step .container > .navbar-collapse,
  .single-step .container-fluid > .navbar-collapse {
    margin-right: 0;
    margin-left: 0;
  }
}
.single-step .navbar-static-top {
  z-index: 1000;
  border-width: 0 0 1px;
}
@media (min-width: 768px) {
  .single-step .navbar-static-top {
    border-radius: 0;
  }
}
.single-step .navbar-fixed-top,
.single-step .navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
}
@media (min-width: 768px) {
  .single-step .navbar-fixed-top,
  .single-step .navbar-fixed-bottom {
    border-radius: 0;
  }
}
.single-step .navbar-fixed-top {
  top: 0;
  border-width: 0 0 1px;
}
.single-step .navbar-fixed-bottom {
  bottom: 0;
  margin-bottom: 0;
  border-width: 1px 0 0;
}
.single-step .navbar-brand {
  float: left;
  padding: 15px;
  font-size: 18px;
  line-height: 20px;
  height: 50px;
}
.single-step .navbar-brand:hover,
.single-step .navbar-brand:focus {
  text-decoration: none;
}
@media (min-width: 768px) {
  .single-step .navbar > .container .navbar-brand,
  .single-step .navbar > .container-fluid .navbar-brand {
    margin-left: -15px;
  }
}
.single-step .navbar-toggle {
  position: relative;
  float: right;
  margin-right: 15px;
  padding: 9px 10px;
  margin-top: 8px;
  margin-bottom: 8px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
.single-step .navbar-toggle:focus {
  outline: 0;
}
.single-step .navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
}
.single-step .navbar-toggle .icon-bar + .icon-bar {
  margin-top: 4px;
}
@media (min-width: 768px) {
  .single-step .navbar-toggle {
    display: none;
  }
}
.single-step .navbar-nav {
  margin: 7.5px -15px;
}
.single-step .navbar-nav > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 20px;
}
@media (max-width: 767px) {
  .single-step .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    box-shadow: none;
  }
  .single-step .navbar-nav .open .dropdown-menu > li > a,
  .single-step .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 15px 5px 25px;
  }
  .single-step .navbar-nav .open .dropdown-menu > li > a {
    line-height: 20px;
  }
  .single-step .navbar-nav .open .dropdown-menu > li > a:hover,
  .single-step .navbar-nav .open .dropdown-menu > li > a:focus {
    background-image: none;
  }
}
@media (min-width: 768px) {
  .single-step .navbar-nav {
    float: left;
    margin: 0;
  }
  .single-step .navbar-nav > li {
    float: left;
  }
  .single-step .navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .single-step .navbar-nav.navbar-right:last-child {
    margin-right: -15px;
  }
}
@media (min-width: 768px) {
  .single-step .navbar-left {
    float: left !important;
  }
  .single-step .navbar-right {
    float: right !important;
  }
}
.single-step .navbar-form {
  margin-left: -15px;
  margin-right: -15px;
  padding: 10px 15px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  margin-top: 8px;
  margin-bottom: 8px;
}
@media (min-width: 768px) {
  .single-step .navbar-form .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .single-step .navbar-form .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .single-step .navbar-form .input-group > .form-control {
    width: 100%;
  }
  .single-step .navbar-form .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .single-step .navbar-form .radio,
  .single-step .navbar-form .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    vertical-align: middle;
  }
  .single-step .navbar-form .radio input[type=radio],
  .single-step .navbar-form .checkbox input[type=checkbox] {
    float: none;
    margin-left: 0;
  }
  .single-step .navbar-form .has-feedback .form-control-feedback {
    top: 0;
  }
}
@media (max-width: 767px) {
  .single-step .navbar-form .form-group {
    margin-bottom: 5px;
  }
}
@media (min-width: 768px) {
  .single-step .navbar-form {
    width: auto;
    border: 0;
    margin-left: 0;
    margin-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .single-step .navbar-form.navbar-right:last-child {
    margin-right: -15px;
  }
}
.single-step .navbar-nav > li > .dropdown-menu {
  margin-top: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.single-step .navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.single-step .navbar-btn {
  margin-top: 8px;
  margin-bottom: 8px;
}
.single-step .navbar-btn.btn-sm {
  margin-top: 10px;
  margin-bottom: 10px;
}
.single-step .navbar-btn.btn-xs {
  margin-top: 14px;
  margin-bottom: 14px;
}
.single-step .navbar-text {
  margin-top: 15px;
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .single-step .navbar-text {
    float: left;
    margin-left: 15px;
    margin-right: 15px;
  }
  .single-step .navbar-text.navbar-right:last-child {
    margin-right: 0;
  }
}
.single-step .navbar-default {
  background-color: #f8f8f8;
  border-color: #e7e7e7;
}
.single-step .navbar-default .navbar-brand {
  color: #777777;
}
.single-step .navbar-default .navbar-brand:hover,
.single-step .navbar-default .navbar-brand:focus {
  color: #5e5e5e;
  background-color: transparent;
}
.single-step .navbar-default .navbar-text {
  color: #777777;
}
.single-step .navbar-default .navbar-nav > li > a {
  color: #777777;
}
.single-step .navbar-default .navbar-nav > li > a:hover,
.single-step .navbar-default .navbar-nav > li > a:focus {
  color: #333;
  background-color: transparent;
}
.single-step .navbar-default .navbar-nav > .active > a,
.single-step .navbar-default .navbar-nav > .active > a:hover,
.single-step .navbar-default .navbar-nav > .active > a:focus {
  color: #555;
  background-color: #e7e7e7;
}
.single-step .navbar-default .navbar-nav > .disabled > a,
.single-step .navbar-default .navbar-nav > .disabled > a:hover,
.single-step .navbar-default .navbar-nav > .disabled > a:focus {
  color: #ccc;
  background-color: transparent;
}
.single-step .navbar-default .navbar-toggle {
  border-color: #dddddd;
}
.single-step .navbar-default .navbar-toggle:hover,
.single-step .navbar-default .navbar-toggle:focus {
  background-color: #dddddd;
}
.single-step .navbar-default .navbar-toggle .icon-bar {
  background-color: #888888;
}
.single-step .navbar-default .navbar-collapse,
.single-step .navbar-default .navbar-form {
  border-color: #e7e7e7;
}
.single-step .navbar-default .navbar-nav > .open > a,
.single-step .navbar-default .navbar-nav > .open > a:hover,
.single-step .navbar-default .navbar-nav > .open > a:focus {
  background-color: #e7e7e7;
  color: #555555;
}
@media (max-width: 767px) {
  .single-step .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #777777;
  }
  .single-step .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .single-step .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #333;
    background-color: transparent;
  }
  .single-step .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .single-step .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .single-step .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #555;
    background-color: #e7e7e7;
  }
  .single-step .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
  .single-step .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .single-step .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #ccc;
    background-color: transparent;
  }
}
.single-step .navbar-default .navbar-link {
  color: #777777;
}
.single-step .navbar-default .navbar-link:hover {
  color: #333333;
}
.single-step .navbar-inverse {
  background-color: #222;
  border-color: #080808;
}
.single-step .navbar-inverse .navbar-brand {
  color: #999999;
}
.single-step .navbar-inverse .navbar-brand:hover,
.single-step .navbar-inverse .navbar-brand:focus {
  color: #fff;
  background-color: transparent;
}
.single-step .navbar-inverse .navbar-text {
  color: #999999;
}
.single-step .navbar-inverse .navbar-nav > li > a {
  color: #999999;
}
.single-step .navbar-inverse .navbar-nav > li > a:hover,
.single-step .navbar-inverse .navbar-nav > li > a:focus {
  color: #fff;
  background-color: transparent;
}
.single-step .navbar-inverse .navbar-nav > .active > a,
.single-step .navbar-inverse .navbar-nav > .active > a:hover,
.single-step .navbar-inverse .navbar-nav > .active > a:focus {
  color: #fff;
  background-color: #080808;
}
.single-step .navbar-inverse .navbar-nav > .disabled > a,
.single-step .navbar-inverse .navbar-nav > .disabled > a:hover,
.single-step .navbar-inverse .navbar-nav > .disabled > a:focus {
  color: #444;
  background-color: transparent;
}
.single-step .navbar-inverse .navbar-toggle {
  border-color: #333333;
}
.single-step .navbar-inverse .navbar-toggle:hover,
.single-step .navbar-inverse .navbar-toggle:focus {
  background-color: #333333;
}
.single-step .navbar-inverse .navbar-toggle .icon-bar {
  background-color: #ffffff;
}
.single-step .navbar-inverse .navbar-collapse,
.single-step .navbar-inverse .navbar-form {
  border-color: #101010;
}
.single-step .navbar-inverse .navbar-nav > .open > a,
.single-step .navbar-inverse .navbar-nav > .open > a:hover,
.single-step .navbar-inverse .navbar-nav > .open > a:focus {
  background-color: #080808;
  color: #ffffff;
}
@media (max-width: 767px) {
  .single-step .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: #080808;
  }
  .single-step .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
    background-color: #080808;
  }
  .single-step .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #999999;
  }
  .single-step .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
  .single-step .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #fff;
    background-color: transparent;
  }
  .single-step .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
  .single-step .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
  .single-step .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #080808;
  }
  .single-step .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
  .single-step .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .single-step .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #444;
    background-color: transparent;
  }
}
.single-step .navbar-inverse .navbar-link {
  color: #999999;
}
.single-step .navbar-inverse .navbar-link:hover {
  color: #ffffff;
}
.single-step .breadcrumb {
  padding: 8px 15px;
  margin-bottom: 20px;
  list-style: none;
  background-color: #f5f5f5;
  border-radius: 4px;
}
.single-step .breadcrumb > li {
  display: inline-block;
}
.single-step .breadcrumb > li + li:before {
  content: "/\00a0";
  padding: 0 5px;
  color: #cccccc;
}
.single-step .breadcrumb > .active {
  color: #999999;
}
.single-step .pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}
.single-step .pagination > li {
  display: inline;
}
.single-step .pagination > li > a,
.single-step .pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  line-height: 1.42857143;
  text-decoration: none;
  color: #428bca;
  background-color: #fff;
  border: 1px solid #ddd;
  margin-left: -1px;
}
.single-step .pagination > li:first-child > a,
.single-step .pagination > li:first-child > span {
  margin-left: 0;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}
.single-step .pagination > li:last-child > a,
.single-step .pagination > li:last-child > span {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}
.single-step .pagination > li > a:hover,
.single-step .pagination > li > span:hover,
.single-step .pagination > li > a:focus,
.single-step .pagination > li > span:focus {
  color: #2a6496;
  background-color: #eee;
  border-color: #dddddd;
}
.single-step .pagination > .active > a,
.single-step .pagination > .active > span,
.single-step .pagination > .active > a:hover,
.single-step .pagination > .active > span:hover,
.single-step .pagination > .active > a:focus,
.single-step .pagination > .active > span:focus {
  z-index: 2;
  color: #fff;
  background-color: #428bca;
  border-color: #428bca;
  cursor: default;
}
.single-step .pagination > .disabled > span,
.single-step .pagination > .disabled > span:hover,
.single-step .pagination > .disabled > span:focus,
.single-step .pagination > .disabled > a,
.single-step .pagination > .disabled > a:hover,
.single-step .pagination > .disabled > a:focus {
  color: #999;
  background-color: #fff;
  border-color: #ddd;
  cursor: not-allowed;
}
.single-step .pagination-lg > li > a,
.single-step .pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
}
.single-step .pagination-lg > li:first-child > a,
.single-step .pagination-lg > li:first-child > span {
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
}
.single-step .pagination-lg > li:last-child > a,
.single-step .pagination-lg > li:last-child > span {
  border-bottom-right-radius: 6px;
  border-top-right-radius: 6px;
}
.single-step .pagination-sm > li > a,
.single-step .pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
}
.single-step .pagination-sm > li:first-child > a,
.single-step .pagination-sm > li:first-child > span {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}
.single-step .pagination-sm > li:last-child > a,
.single-step .pagination-sm > li:last-child > span {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}
.single-step .pager {
  padding-left: 0;
  margin: 20px 0;
  list-style: none;
  text-align: center;
}
.single-step .pager li {
  display: inline;
}
.single-step .pager li > a,
.single-step .pager li > span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 15px;
}
.single-step .pager li > a:hover,
.single-step .pager li > a:focus {
  text-decoration: none;
  background-color: #eeeeee;
}
.single-step .pager .next > a,
.single-step .pager .next > span {
  float: right;
}
.single-step .pager .previous > a,
.single-step .pager .previous > span {
  float: left;
}
.single-step .pager .disabled > a,
.single-step .pager .disabled > a:hover,
.single-step .pager .disabled > a:focus,
.single-step .pager .disabled > span {
  color: #999;
  background-color: #fff;
  cursor: not-allowed;
}
.single-step .label {
  display: inline;
  padding: .2em .6em .3em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25em;
}
.single-step .label[href]:hover,
.single-step .label[href]:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
.single-step .label:empty {
  display: none;
}
.single-step .btn .label {
  position: relative;
  top: -1px;
}
.single-step .label-default {
  background-color: #999999;
}
.single-step .label-default[href]:hover,
.single-step .label-default[href]:focus {
  background-color: #808080;
}
.single-step .label-primary {
  background-color: #428bca;
}
.single-step .label-primary[href]:hover,
.single-step .label-primary[href]:focus {
  background-color: #3071a9;
}
.single-step .label-success {
  background-color: #5cb85c;
}
.single-step .label-success[href]:hover,
.single-step .label-success[href]:focus {
  background-color: #449d44;
}
.single-step .label-info {
  background-color: #5bc0de;
}
.single-step .label-info[href]:hover,
.single-step .label-info[href]:focus {
  background-color: #31b0d5;
}
.single-step .label-warning {
  background-color: #f0ad4e;
}
.single-step .label-warning[href]:hover,
.single-step .label-warning[href]:focus {
  background-color: #ec971f;
}
.single-step .label-danger {
  background-color: #d9534f;
}
.single-step .label-danger[href]:hover,
.single-step .label-danger[href]:focus {
  background-color: #c9302c;
}
.single-step .badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: 700;
  color: #fff;
  line-height: 1;
  vertical-align: baseline;
  white-space: nowrap;
  text-align: center;
  background-color: #999;
  border-radius: 10px;
}
.single-step .badge:empty {
  display: none;
}
.single-step .btn .badge {
  position: relative;
  top: -1px;
}
.single-step .btn-xs .badge {
  top: 0;
  padding: 1px 5px;
}
.single-step a.badge:hover,
.single-step a.badge:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
.single-step a.list-group-item.active > .badge,
.single-step .nav-pills > .active > a > .badge {
  color: #428bca;
  background-color: #ffffff;
}
.single-step .nav-pills > li > a > .badge {
  margin-left: 3px;
}
.single-step .jumbotron {
  padding: 30px;
  margin-bottom: 30px;
  color: inherit;
  background-color: #eeeeee;
}
.single-step .jumbotron h1,
.single-step .jumbotron .h1 {
  color: inherit;
}
.single-step .jumbotron p {
  margin-bottom: 15px;
  font-size: 21px;
  font-weight: 200;
}
.single-step .container .jumbotron {
  border-radius: 6px;
}
.single-step .jumbotron .container {
  max-width: 100%;
}
@media screen and (min-width: 768px) {
  .single-step .jumbotron {
    padding-top: 48px;
    padding-bottom: 48px;
  }
  .single-step .container .jumbotron {
    padding-left: 60px;
    padding-right: 60px;
  }
  .single-step .jumbotron h1,
  .single-step .jumbotron .h1 {
    font-size: 63px;
  }
}
.single-step .thumbnail {
  display: block;
  padding: 4px;
  margin-bottom: 20px;
  line-height: 1.42857143;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.single-step .thumbnail > img,
.single-step .thumbnail a > img {
  margin-left: auto;
  margin-right: auto;
}
.single-step a.thumbnail:hover,
.single-step a.thumbnail:focus,
.single-step a.thumbnail.active {
  border-color: #428bca;
}
.single-step .thumbnail .caption {
  padding: 9px;
  color: #333333;
}
.single-step .alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}
.single-step .alert h4 {
  margin-top: 0;
  color: inherit;
}
.single-step .alert .alert-link {
  font-weight: 700;
}
.single-step .alert > p,
.single-step .alert > ul {
  margin-bottom: 0;
}
.single-step .alert > p + p {
  margin-top: 5px;
}
.single-step .alert-dismissable {
  padding-right: 35px;
}
.single-step .alert-dismissable .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
}
.single-step .alert-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #3c763d;
}
.single-step .alert-success hr {
  border-top-color: #c9e2b3;
}
.single-step .alert-success .alert-link {
  color: #2b542c;
}
.single-step .alert-info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #31708f;
}
.single-step .alert-info hr {
  border-top-color: #a6e1ec;
}
.single-step .alert-info .alert-link {
  color: #245269;
}
.single-step .alert-warning {
  background-color: #fcf8e3;
  border-color: #faebcc;
  color: #8a6d3b;
}
.single-step .alert-warning hr {
  border-top-color: #f7e1b5;
}
.single-step .alert-warning .alert-link {
  color: #66512c;
}
.single-step .alert-danger {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #a94442;
}
.single-step .alert-danger hr {
  border-top-color: #e4b9c0;
}
.single-step .alert-danger .alert-link {
  color: #843534;
}
@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
.single-step .progress {
  overflow: hidden;
  height: 20px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
.single-step .progress-bar {
  float: left;
  width: 0;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  background-color: #428bca;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-transition: width .6s ease;
  transition: width 0.6s ease;
}
.single-step .progress-striped .progress-bar {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 40px 40px;
}
.single-step .progress.active .progress-bar {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite;
}
.single-step .progress-bar-success {
  background-color: #5cb85c;
}
.single-step .progress-striped .progress-bar-success {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.single-step .progress-bar-info {
  background-color: #5bc0de;
}
.single-step .progress-striped .progress-bar-info {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.single-step .progress-bar-warning {
  background-color: #f0ad4e;
}
.single-step .progress-striped .progress-bar-warning {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.single-step .progress-bar-danger {
  background-color: #d9534f;
}
.single-step .progress-striped .progress-bar-danger {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.single-step .media,
.single-step .media-body {
  overflow: hidden;
  zoom: 1;
}
.single-step .media,
.single-step .media .media {
  margin-top: 15px;
}
.single-step .media:first-child {
  margin-top: 0;
}
.single-step .media-object {
  display: block;
}
.single-step .media-heading {
  margin: 0 0 5px;
}
.single-step .media > .pull-left {
  margin-right: 10px;
}
.single-step .media > .pull-right {
  margin-left: 10px;
}
.single-step .media-list {
  padding-left: 0;
  list-style: none;
}
.single-step .list-group {
  margin-bottom: 20px;
  padding-left: 0;
}
.single-step .list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid #dddddd;
}
.single-step .list-group-item:first-child {
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}
.single-step .list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.single-step .list-group-item > .badge {
  float: right;
}
.single-step .list-group-item > .badge + .badge {
  margin-right: 5px;
}
.single-step a.list-group-item {
  color: #555555;
}
.single-step a.list-group-item .list-group-item-heading {
  color: #333333;
}
.single-step a.list-group-item:hover,
.single-step a.list-group-item:focus {
  text-decoration: none;
  background-color: #f5f5f5;
}
.single-step a.list-group-item.active,
.single-step a.list-group-item.active:hover,
.single-step a.list-group-item.active:focus {
  z-index: 2;
  color: #fff;
  background-color: #428bca;
  border-color: #428bca;
}
.single-step a.list-group-item.active .list-group-item-heading,
.single-step a.list-group-item.active:hover .list-group-item-heading,
.single-step a.list-group-item.active:focus .list-group-item-heading {
  color: inherit;
}
.single-step a.list-group-item.active .list-group-item-text,
.single-step a.list-group-item.active:hover .list-group-item-text,
.single-step a.list-group-item.active:focus .list-group-item-text {
  color: #e1edf7;
}
.single-step .list-group-item-success {
  color: #3c763d;
  background-color: #dff0d8;
}
.single-step a.list-group-item-success {
  color: #3c763d;
}
.single-step a.list-group-item-success .list-group-item-heading {
  color: inherit;
}
.single-step a.list-group-item-success:hover,
.single-step a.list-group-item-success:focus {
  color: #3c763d;
  background-color: #d0e9c6;
}
.single-step a.list-group-item-success.active,
.single-step a.list-group-item-success.active:hover,
.single-step a.list-group-item-success.active:focus {
  color: #fff;
  background-color: #3c763d;
  border-color: #3c763d;
}
.single-step .list-group-item-info {
  color: #31708f;
  background-color: #d9edf7;
}
.single-step a.list-group-item-info {
  color: #31708f;
}
.single-step a.list-group-item-info .list-group-item-heading {
  color: inherit;
}
.single-step a.list-group-item-info:hover,
.single-step a.list-group-item-info:focus {
  color: #31708f;
  background-color: #c4e3f3;
}
.single-step a.list-group-item-info.active,
.single-step a.list-group-item-info.active:hover,
.single-step a.list-group-item-info.active:focus {
  color: #fff;
  background-color: #31708f;
  border-color: #31708f;
}
.single-step .list-group-item-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
}
.single-step a.list-group-item-warning {
  color: #8a6d3b;
}
.single-step a.list-group-item-warning .list-group-item-heading {
  color: inherit;
}
.single-step a.list-group-item-warning:hover,
.single-step a.list-group-item-warning:focus {
  color: #8a6d3b;
  background-color: #faf2cc;
}
.single-step a.list-group-item-warning.active,
.single-step a.list-group-item-warning.active:hover,
.single-step a.list-group-item-warning.active:focus {
  color: #fff;
  background-color: #8a6d3b;
  border-color: #8a6d3b;
}
.single-step .list-group-item-danger {
  color: #a94442;
  background-color: #f2dede;
}
.single-step a.list-group-item-danger {
  color: #a94442;
}
.single-step a.list-group-item-danger .list-group-item-heading {
  color: inherit;
}
.single-step a.list-group-item-danger:hover,
.single-step a.list-group-item-danger:focus {
  color: #a94442;
  background-color: #ebcccc;
}
.single-step a.list-group-item-danger.active,
.single-step a.list-group-item-danger.active:hover,
.single-step a.list-group-item-danger.active:focus {
  color: #fff;
  background-color: #a94442;
  border-color: #a94442;
}
.single-step .list-group-item-heading {
  margin-top: 0;
  margin-bottom: 5px;
}
.single-step .list-group-item-text {
  margin-bottom: 0;
  line-height: 1.3;
}
.single-step .panel {
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.single-step .panel-body {
  padding: 15px;
}
.single-step .panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.single-step .panel-heading > .dropdown .dropdown-toggle {
  color: inherit;
}
.single-step .panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  color: inherit;
}
.single-step .panel-title > a {
  color: inherit;
}
.single-step .panel-footer {
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.single-step .panel > .list-group {
  margin-bottom: 0;
}
.single-step .panel > .list-group .list-group-item {
  border-width: 1px 0;
  border-radius: 0;
}
.single-step .panel > .list-group:first-child .list-group-item:first-child {
  border-top: 0;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.single-step .panel > .list-group:last-child .list-group-item:last-child {
  border-bottom: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.single-step .panel-heading + .list-group .list-group-item:first-child {
  border-top-width: 0;
}
.single-step .panel > .table,
.single-step .panel > .table-responsive > .table {
  margin-bottom: 0;
}
.single-step .panel > .table:first-child,
.single-step .panel > .table-responsive:first-child > .table:first-child {
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.single-step .panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
.single-step .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
.single-step .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.single-step .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.single-step .panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
.single-step .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
.single-step .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.single-step .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
  border-top-left-radius: 3px;
}
.single-step .panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
.single-step .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
.single-step .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.single-step .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.single-step .panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
.single-step .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
.single-step .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.single-step .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
  border-top-right-radius: 3px;
}
.single-step .panel > .table:last-child,
.single-step .panel > .table-responsive:last-child > .table:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.single-step .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.single-step .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.single-step .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.single-step .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.single-step .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.single-step .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.single-step .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
.single-step .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
  border-bottom-left-radius: 3px;
}
.single-step .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.single-step .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.single-step .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.single-step .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.single-step .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.single-step .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.single-step .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
.single-step .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
  border-bottom-right-radius: 3px;
}
.single-step .panel > .panel-body + .table,
.single-step .panel > .panel-body + .table-responsive {
  border-top: 1px solid #dddddd;
}
.single-step .panel > .table > tbody:first-child > tr:first-child th,
.single-step .panel > .table > tbody:first-child > tr:first-child td {
  border-top: 0;
}
.single-step .panel > .table-bordered,
.single-step .panel > .table-responsive > .table-bordered {
  border: 0;
}
.single-step .panel > .table-bordered > thead > tr > th:first-child,
.single-step .panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
.single-step .panel > .table-bordered > tbody > tr > th:first-child,
.single-step .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.single-step .panel > .table-bordered > tfoot > tr > th:first-child,
.single-step .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.single-step .panel > .table-bordered > thead > tr > td:first-child,
.single-step .panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
.single-step .panel > .table-bordered > tbody > tr > td:first-child,
.single-step .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.single-step .panel > .table-bordered > tfoot > tr > td:first-child,
.single-step .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
  border-left: 0;
}
.single-step .panel > .table-bordered > thead > tr > th:last-child,
.single-step .panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
.single-step .panel > .table-bordered > tbody > tr > th:last-child,
.single-step .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.single-step .panel > .table-bordered > tfoot > tr > th:last-child,
.single-step .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.single-step .panel > .table-bordered > thead > tr > td:last-child,
.single-step .panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
.single-step .panel > .table-bordered > tbody > tr > td:last-child,
.single-step .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.single-step .panel > .table-bordered > tfoot > tr > td:last-child,
.single-step .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
  border-right: 0;
}
.single-step .panel > .table-bordered > thead > tr:first-child > td,
.single-step .panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
.single-step .panel > .table-bordered > tbody > tr:first-child > td,
.single-step .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
.single-step .panel > .table-bordered > thead > tr:first-child > th,
.single-step .panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
.single-step .panel > .table-bordered > tbody > tr:first-child > th,
.single-step .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
  border-bottom: 0;
}
.single-step .panel > .table-bordered > tbody > tr:last-child > td,
.single-step .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.single-step .panel > .table-bordered > tfoot > tr:last-child > td,
.single-step .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
.single-step .panel > .table-bordered > tbody > tr:last-child > th,
.single-step .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.single-step .panel > .table-bordered > tfoot > tr:last-child > th,
.single-step .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
  border-bottom: 0;
}
.single-step .panel > .table-responsive {
  border: 0;
  margin-bottom: 0;
}
.single-step .panel-group {
  margin-bottom: 20px;
}
.single-step .panel-group .panel {
  margin-bottom: 0;
  border-radius: 4px;
  overflow: hidden;
}
.single-step .panel-group .panel + .panel {
  margin-top: 5px;
}
.single-step .panel-group .panel-heading {
  border-bottom: 0;
}
.single-step .panel-group .panel-heading + .panel-collapse .panel-body {
  border-top: 1px solid #dddddd;
}
.single-step .panel-group .panel-footer {
  border-top: 0;
}
.single-step .panel-group .panel-footer + .panel-collapse .panel-body {
  border-bottom: 1px solid #dddddd;
}
.single-step .panel-default {
  border-color: #dddddd;
}
.single-step .panel-default > .panel-heading {
  color: #333;
  background-color: #f5f5f5;
  border-color: #dddddd;
}
.single-step .panel-default > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #dddddd;
}
.single-step .panel-default > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #dddddd;
}
.single-step .panel-primary {
  border-color: #428bca;
}
.single-step .panel-primary > .panel-heading {
  color: #fff;
  background-color: #428bca;
  border-color: #428bca;
}
.single-step .panel-primary > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #428bca;
}
.single-step .panel-primary > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #428bca;
}
.single-step .panel-success {
  border-color: #d6e9c6;
}
.single-step .panel-success > .panel-heading {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.single-step .panel-success > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #d6e9c6;
}
.single-step .panel-success > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #d6e9c6;
}
.single-step .panel-info {
  border-color: #bce8f1;
}
.single-step .panel-info > .panel-heading {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.single-step .panel-info > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #bce8f1;
}
.single-step .panel-info > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #bce8f1;
}
.single-step .panel-warning {
  border-color: #faebcc;
}
.single-step .panel-warning > .panel-heading {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}
.single-step .panel-warning > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #faebcc;
}
.single-step .panel-warning > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #faebcc;
}
.single-step .panel-danger {
  border-color: #ebccd1;
}
.single-step .panel-danger > .panel-heading {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}
.single-step .panel-danger > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #ebccd1;
}
.single-step .panel-danger > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #ebccd1;
}
.single-step .well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
.single-step .well blockquote {
  border-color: #ddd;
  border-color: rgba(0, 0, 0, 0.15);
}
.single-step .well-lg {
  padding: 24px;
  border-radius: 6px;
}
.single-step .well-sm {
  padding: 9px;
  border-radius: 3px;
}
.single-step .close {
  float: right;
  font-size: 21px;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: .2;
  filter: alpha(opacity=20);
}
.single-step .close:hover,
.single-step .close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  opacity: .5;
  filter: alpha(opacity=50);
}
.single-step button.close {
  padding: 0;
  cursor: pointer;
  background: 0 0;
  border: 0;
  -webkit-appearance: none;
}
.single-step .modal-open {
  overflow: hidden;
}
.single-step .modal {
  display: none;
  overflow: auto;
  overflow-y: scroll;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.single-step .modal.fade .modal-dialog {
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -moz-transition: -moz-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}
.single-step .modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
.single-step .modal-content {
  position: relative;
  background-color: #fff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
  outline: 0;
}
.single-step .modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000000;
}
.single-step .modal-backdrop.fade {
  opacity: 0;
  filter: alpha(opacity=0);
}
.single-step .modal-backdrop.in {
  opacity: .5;
  filter: alpha(opacity=50);
}
.single-step .modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
  min-height: 16.42857143px;
  border-top-left-radius: 4px;
  border-top-right-radius: 3px;
}
.single-step .modal-header .close {
  margin-top: -2px;
}
.single-step .modal-title {
  margin: 0;
  line-height: 1.42857143;
}
.single-step .modal-body {
  position: relative;
  padding: 20px;
}
.single-step .modal-footer {
  margin-top: 15px;
  padding: 19px 20px 20px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}
.single-step .modal-footer .btn + .btn {
  margin-left: 5px;
  margin-bottom: 0;
}
.single-step .modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.single-step .modal-footer .btn-block + .btn-block {
  margin-left: 0;
}
@media (min-width: 768px) {
  .single-step .modal-dialog {
    width: 100%;
    height: 100%;
    margin: 0 auto;
  }
  .single-step .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }
  .single-step .modal-sm {
    width: 300px;
  }
}
@media (min-width: 992px) {
  .single-step .modal-lg {
    width: 900px;
  }
}
.single-step .tooltip {
  position: absolute;
  z-index: 1030;
  display: block;
  visibility: visible;
  font-size: 12px;
  line-height: 1.4;
  opacity: 0;
  filter: alpha(opacity=0);
}
.single-step .tooltip.in {
  opacity: .9;
  filter: alpha(opacity=90);
}
.single-step .tooltip.top {
  margin-top: -3px;
  padding: 5px 0;
}
.single-step .tooltip.right {
  margin-left: 3px;
  padding: 0 5px;
}
.single-step .tooltip.bottom {
  margin-top: 3px;
  padding: 5px 0;
}
.single-step .tooltip.left {
  margin-left: -3px;
  padding: 0 5px;
}
.single-step .tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  background-color: #000;
  border-radius: 4px;
}
.single-step .tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.single-step .tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000000;
}
.single-step .tooltip.top-left .tooltip-arrow {
  bottom: 0;
  left: 5px;
  border-width: 5px 5px 0;
  border-top-color: #000000;
}
.single-step .tooltip.top-right .tooltip-arrow {
  bottom: 0;
  right: 5px;
  border-width: 5px 5px 0;
  border-top-color: #000000;
}
.single-step .tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000000;
}
.single-step .tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000000;
}
.single-step .tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000000;
}
.single-step .tooltip.bottom-left .tooltip-arrow {
  top: 0;
  left: 5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000000;
}
.single-step .tooltip.bottom-right .tooltip-arrow {
  top: 0;
  right: 5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000000;
}
.single-step .popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1010;
  display: none;
  max-width: 276px;
  padding: 1px;
  text-align: left;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  white-space: normal;
}
.single-step .popover.top {
  margin-top: -10px;
}
.single-step .popover.right {
  margin-left: 10px;
}
.single-step .popover.bottom {
  margin-top: 10px;
}
.single-step .popover.left {
  margin-left: -10px;
}
.single-step .popover-title {
  margin: 0;
  padding: 8px 14px;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0;
}
.single-step .popover-content {
  padding: 9px 14px;
}
.single-step .popover > .arrow,
.single-step .popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.single-step .popover > .arrow {
  border-width: 11px;
}
.single-step .popover > .arrow:after {
  border-width: 10px;
  content: "";
}
.single-step .popover.top > .arrow {
  left: 50%;
  margin-left: -11px;
  border-bottom-width: 0;
  border-top-color: #999;
  border-top-color: rgba(0, 0, 0, 0.25);
  bottom: -11px;
}
.single-step .popover.top > .arrow:after {
  content: " ";
  bottom: 1px;
  margin-left: -10px;
  border-bottom-width: 0;
  border-top-color: #ffffff;
}
.single-step .popover.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-left-width: 0;
  border-right-color: #999;
  border-right-color: rgba(0, 0, 0, 0.25);
}
.single-step .popover.right > .arrow:after {
  content: " ";
  left: 1px;
  bottom: -10px;
  border-left-width: 0;
  border-right-color: #ffffff;
}
.single-step .popover.bottom > .arrow {
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
  top: -11px;
}
.single-step .popover.bottom > .arrow:after {
  content: " ";
  top: 1px;
  margin-left: -10px;
  border-top-width: 0;
  border-bottom-color: #ffffff;
}
.single-step .popover.left > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999;
  border-left-color: rgba(0, 0, 0, 0.25);
}
.single-step .popover.left > .arrow:after {
  content: " ";
  right: 1px;
  border-right-width: 0;
  border-left-color: #fff;
  bottom: -10px;
}
.single-step .carousel {
  position: relative;
}
.single-step .carousel-inner {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.single-step .carousel-inner > .item {
  display: none;
  position: relative;
  -webkit-transition: 0.6s ease-in-out left;
  transition: 0.6s ease-in-out left;
}
.single-step .carousel-inner > .item > img,
.single-step .carousel-inner > .item > a > img {
  line-height: 1;
}
.single-step .carousel-inner > .active,
.single-step .carousel-inner > .next,
.single-step .carousel-inner > .prev {
  display: block;
}
.single-step .carousel-inner > .active {
  left: 0;
}
.single-step .carousel-inner > .next,
.single-step .carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}
.single-step .carousel-inner > .next {
  left: 100%;
}
.single-step .carousel-inner > .prev {
  left: -100%;
}
.single-step .carousel-inner > .next.left,
.single-step .carousel-inner > .prev.right {
  left: 0;
}
.single-step .carousel-inner > .active.left {
  left: -100%;
}
.single-step .carousel-inner > .active.right {
  left: 100%;
}
.single-step .carousel-control {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 15%;
  opacity: .5;
  filter: alpha(opacity=50);
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
.single-step .carousel-control.left {
  background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.5) 0), color-stop(rgba(0, 0, 0, 0.0001) 100%));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
}
.single-step .carousel-control.right {
  left: auto;
  right: 0;
  background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.0001) 0), color-stop(rgba(0, 0, 0, 0.5) 100%));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
}
.single-step .carousel-control:hover,
.single-step .carousel-control:focus {
  outline: 0;
  color: #fff;
  text-decoration: none;
  opacity: .9;
  filter: alpha(opacity=90);
}
.single-step .carousel-control .icon-prev,
.single-step .carousel-control .icon-next,
.single-step .carousel-control .glyphicon-chevron-left,
.single-step .carousel-control .glyphicon-chevron-right {
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-block;
}
.single-step .carousel-control .icon-prev,
.single-step .carousel-control .glyphicon-chevron-left {
  left: 50%;
}
.single-step .carousel-control .icon-next,
.single-step .carousel-control .glyphicon-chevron-right {
  right: 50%;
}
.single-step .carousel-control .icon-prev,
.single-step .carousel-control .icon-next {
  width: 20px;
  height: 20px;
  margin-top: -10px;
  margin-left: -10px;
  font-family: serif;
}
.single-step .carousel-control .icon-prev:before {
  content: '\2039';
}
.single-step .carousel-control .icon-next:before {
  content: '\203a';
}
.single-step .carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  margin-left: -30%;
  padding-left: 0;
  list-style: none;
  text-align: center;
}
.single-step .carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  border: 1px solid #fff;
  border-radius: 10px;
  cursor: pointer;
  background-color: #000 \9;
  background-color: rgba(0, 0, 0, 0);
}
.single-step .carousel-indicators .active {
  margin: 0;
  width: 12px;
  height: 12px;
  background-color: #ffffff;
}
.single-step .carousel-caption {
  position: absolute;
  left: 15%;
  right: 15%;
  bottom: 20px;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
.single-step .carousel-caption .btn {
  text-shadow: none;
}
@media screen and (min-width: 768px) {
  .single-step .carousel-control .glyphicon-chevron-left,
  .single-step .carousel-control .glyphicon-chevron-right,
  .single-step .carousel-control .icon-prev,
  .single-step .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: -15px;
    margin-left: -15px;
    font-size: 30px;
  }
  .single-step .carousel-caption {
    left: 20%;
    right: 20%;
    padding-bottom: 30px;
  }
  .single-step .carousel-indicators {
    bottom: 20px;
  }
}
.single-step .clearfix:before,
.single-step .clearfix:after,
.single-step .container:before,
.single-step .container:after,
.single-step .container-fluid:before,
.single-step .container-fluid:after,
.single-step .row:before,
.single-step .row:after,
.single-step .form-horizontal .form-group:before,
.single-step .form-horizontal .form-group:after,
.single-step .btn-toolbar:before,
.single-step .btn-toolbar:after,
.single-step .btn-group-vertical > .btn-group:before,
.single-step .btn-group-vertical > .btn-group:after,
.single-step .nav:before,
.single-step .nav:after,
.single-step .navbar:before,
.single-step .navbar:after,
.single-step .navbar-header:before,
.single-step .navbar-header:after,
.single-step .navbar-collapse:before,
.single-step .navbar-collapse:after,
.single-step .pager:before,
.single-step .pager:after,
.single-step .panel-body:before,
.single-step .panel-body:after,
.single-step .modal-footer:before,
.single-step .modal-footer:after {
  content: " ";
  display: table;
}
.single-step .clearfix:after,
.single-step .container:after,
.single-step .container-fluid:after,
.single-step .row:after,
.single-step .form-horizontal .form-group:after,
.single-step .btn-toolbar:after,
.single-step .btn-group-vertical > .btn-group:after,
.single-step .nav:after,
.single-step .navbar:after,
.single-step .navbar-header:after,
.single-step .navbar-collapse:after,
.single-step .pager:after,
.single-step .panel-body:after,
.single-step .modal-footer:after {
  clear: both;
}
.single-step .center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.single-step .pull-right {
  float: right !important;
}
.single-step .pull-left {
  float: left !important;
}
.single-step .hide {
  display: none !important;
}
.single-step .show {
  display: block !important;
}
.single-step .invisible {
  visibility: hidden;
}
.single-step .text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.single-step .hidden {
  display: none!important;
  visibility: hidden !important;
}
.single-step .affix {
  position: fixed;
}
@-ms-viewport {
  width: device-width;
}
.single-step .visible-xs,
.single-step .visible-sm,
.single-step .visible-md,
.single-step .visible-lg {
  display: none !important;
}
@media (max-width: 767px) {
  .single-step .visible-xs {
    display: block !important;
  }
  .single-step table.visible-xs {
    display: table;
  }
  .single-step tr.visible-xs {
    display: table-row !important;
  }
  .single-step th.visible-xs,
  .single-step td.visible-xs {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .single-step .visible-sm {
    display: block !important;
  }
  .single-step table.visible-sm {
    display: table;
  }
  .single-step tr.visible-sm {
    display: table-row !important;
  }
  .single-step th.visible-sm,
  .single-step td.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .single-step .visible-md {
    display: block !important;
  }
  .single-step table.visible-md {
    display: table;
  }
  .single-step tr.visible-md {
    display: table-row !important;
  }
  .single-step th.visible-md,
  .single-step td.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .single-step .visible-lg {
    display: block !important;
  }
  .single-step table.visible-lg {
    display: table;
  }
  .single-step tr.visible-lg {
    display: table-row !important;
  }
  .single-step th.visible-lg,
  .single-step td.visible-lg {
    display: table-cell !important;
  }
}
@media (max-width: 767px) {
  .single-step .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .single-step .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .single-step .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .single-step .hidden-lg {
    display: none !important;
  }
}
.single-step .visible-print {
  display: none !important;
}
@media print {
  .single-step .visible-print {
    display: block !important;
  }
  .single-step table.visible-print {
    display: table;
  }
  .single-step tr.visible-print {
    display: table-row !important;
  }
  .single-step th.visible-print,
  .single-step td.visible-print {
    display: table-cell !important;
  }
}
@media print {
  .single-step .hidden-print {
    display: none !important;
  }
}
.single-step img {
  max-width: inherit;
}
/* BS CAROUSEL STEP */
.single-step.carousel-step {
  width: 400px;
  height: 540px;
  padding: 0;
  border: none;
}
.single-step {
  padding: 0;
  overflow-y: hidden!important;
}
.single-step .tour-point {
  width: 100%;
  position: fixed;
  bottom: 140px;
  left: 0;
  text-align: center;
  color: #FFF;
  font-size: 14px;
}
.single-step .tour-point span {
  display: inline-block;
  width: 22px;
  height: 22px;
  border-radius: 11px;
  -webkit-border-radius: 11px;
  border: #FFF 2px solid;
  cursor: pointer;
}
.single-step .tour-point span.now {
  background: #FFF;
  cursor: default;
}
.single-step .modal-dialog .modal-content {
  border-radius: 5px;
  width: 100%;
  margin: 0 auto;
  padding-bottom: 15px;
}
.single-step header,
.single-step article,
.single-step footer {
  margin: 0;
}
.single-step header {
  margin: 0;
  padding: 20px;
  border-bottom: #ccc 1px solid;
  float: none;
  height: auto;
  line-height: 30px;
}
.single-step article {
  padding: 5px 20px;
  text-align: left;
}
.single-step footer {
  padding: 5px 20px;
  text-align: center;
}
.single-step footer span {
  cursor: pointer;
}
.single-step footer .icon-s-Checkbox2_16 {
  color: #9B9B9B;
}
.single-step footer .btn {
  margin: 10px 1px 0;
  height: 32px;
  border-radius: 16px;
  -webkit-border-radius: 16px;
}
.single-step header p {
  margin: 0;
  font-size: 16px;
  font-family: 'Arial';
  font-weight: 300;
  text-align: left;
}
.single-step header h1 {
  margin: 0;
  font-size: 24px;
}
.single-step .row {
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: -15px;
  margin-right: -15px;
}
.single-step figure,
.single-step strong {
  color: #FFF;
}
.help-welcome .modal-dialog,
.help-goto-profile .modal-dialog {
  padding-top: 200px;
}
.help-welcome .modal-dialog .tour-point,
.help-goto-profile .modal-dialog .tour-point {
  margin-bottom: 0;
}
.single-step.noBg .modal-content {
  background-color: transparent;
  color: #FFF;
  box-shadow: none;
  border: none;
}
.highlightHelpid {
  position: relative;
}
.highlightHelpid.stepFour:before {
  top: -125px;
  height: 125px;
  bottom: auto;
}
.highlightHelpid.stepFive:before {
  width: 40px;
  height: 1px;
  bottom: 50%;
  left: -40px;
}
.highlightHelpid.stepTwo {
  position: absolute;
  line-height: 48px;
  text-align: center;
}
.highlightHelpid.stepTwo .smartAlbum-warp {
  width: 392px;
  height: 48px;
  display: block;
  margin: 11px auto;
  border: #fff 2px solid;
  font-size: 14px;
  font-weight: 300;
  border-radius: 30px;
}
.highlightHelpid.stepTwo .smartAlbum-warp:before {
  content: '';
  width: 1px;
  height: 25px;
  position: absolute;
  bottom: -10px;
  left: 50%;
  border: #FFF 1px solid;
}
.highlightHelpid.stepTwo span {
  width: 32px;
  height: 32px;
  display: inline-block;
  border: 2px solid;
  border-radius: 16px;
  line-height: 28px;
  margin: 5px 10px;
  font-size: 28px;
}
.highlightHelpid.stepThree {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  font-size: 20px;
}
.highlightHelpid.stepThree span {
  position: absolute;
  border: #fff 2px solid;
  border-radius: 20px;
  color: #FFF;
}
.highlightHelpid.stepThree span.warp-library {
  left: 21px;
  top: 13px;
  width: 40px;
  height: 40px;
  padding: 6px 0 0;
}
.highlightHelpid.stepThree span.warp-library i {
  width: 20px;
  height: 3px;
  border-radius: 1px;
  display: block;
  margin: 4px auto;
  background-color: #FFF;
}
.highlightHelpid.stepThree span.icon-filter2 {
  top: 73px;
  right: 16px;
  padding: 6px 7px;
}
.highlightHelpid.stepThree span.icon-s-folder-01 {
  top: 74px;
  left: 10px;
  padding: 7px;
}
.highlightHelpid.stepThree span.icon-s-PageUp-32 {
  top: 75px;
  left: 262px;
  padding: 6px;
}
.highlightHelpid.stepThree span.appHelpSearchBox {
  right: 105px;
  display: inline-block;
  width: 310px;
  height: 45px;
  line-height: 28px;
  border-radius: 25px;
  font-size: 0;
  top: 10px;
  text-align: right;
}
.highlightHelpid.stepThree span.appHelpSearchBox span.icon-search {
  font-size: 16px;
  border: 0;
  right: 17px;
  top: 13px;
}
.highlightHelpid.stepFour {
  color: #FFF;
  font-size: 18px;
}
.highlightHelpid.stepFour .warp-upload {
  position: absolute;
  height: 55px;
  border: #fff 2px solid;
  padding: 8px;
  border-radius: 28px;
}
.highlightHelpid.stepFour .warp-upload .btn-default {
  height: 34px;
  line-height: 34px;
  border-radius: 17px;
  margin: 0;
  padding: 0 16px;
  font-size: 16px;
  font-weight: 600;
}
.highlightHelpid.stepFive {
  position: absolute;
  right: 0;
  top: 0;
}
.highlightHelpid.stepFive .helpAvator {
  position: absolute;
  right: 10px;
  top: 8px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  margin: 0;
}
.highlightHelpid.stepFive .helpSetting {
  position: absolute;
  top: 72px;
  right: 10px;
  width: 200px;
  border-radius: 4px;
  border: 1px solid;
  background: #f2f5fa;
}
.highlightHelpid.stepFive .helpSetting .nav-popup-item {
  display: inline-block;
  width: 100%;
  height: 40px;
  text-align: left;
  overflow: hidden;
  line-height: 1;
  float: left;
  font-weight: 400;
  padding-top: 15px;
  padding-left: 15px;
}
.highlightHelpid.stepFive .helpSetting .nav-popup-item [class^="icon-"] {
  font-size: 40px;
  margin: 14px 0 10px 0;
  display: inline-block;
}
.highlightHelpid.stepFive.stepSix .helpSetting {
  right: 55px;
}
.highlightHelpid.stepFive.stepSix .btn-circle {
  font-size: 20px;
  position: absolute;
  top: 7px;
  right: 61px;
  height: 50px;
  width: 50px;
  border-radius: 40px;
  border: 2px solid #fff;
  text-align: center;
  transform: rotate(90deg);
}
.highlightHelpid.stepFive.stepSix .btn-circle span {
  line-height: 46px;
}
.single-step article {
  position: relative;
}
.single-step article.img2 {
  width: 732px;
  margin: 0 auto;
}
.single-step article.img3 {
  padding-top: 100px;
  width: 750px;
  margin: 0 auto;
}
.single-step article.img4 {
  padding-top: 180px;
  width: 750px;
  margin: 0 auto;
}
.single-step article.img4 a {
  margin-top: 60px;
}
.single-step article.img5 {
  padding-top: 440px;
  width: 750px;
  margin: 0 auto;
}
.single-step article.img5 a {
  margin-top: 195px;
}
.help-goto-profile article {
  margin-top: 40px;
}
.single-step .btn-left,
.single-step .btn-right {
  position: absolute;
  top: 50%;
  width: 60px;
  height: 60px;
  line-height: 60px;
  font-size: 50px;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  color: #333;
  text-align: center;
  text-decoration: none;
}
.single-step .btn-left:hover,
.single-step .btn-right:hover {
  color: #FFF;
  text-decoration: none;
}
.single-step .btn-left:active,
.single-step .btn-right:active {
  text-decoration: none;
}
.single-step .btn-left {
  left: -60px;
}
.single-step .btn-right {
  right: -60px;
}
@font-face {
  font-family: 'Alegreya Sans';
  src: url('../fonts/AlegreyaSans.eot');
  src: url('../fonts/AlegreyaSans.woff') format('woff'), url('../fonts/AlegreyaSans.ttf') format('truetype'), url('../fonts/AlegreyaSans.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url('../assets/inAppHelpFonts/fontawesome-webfont.eot?v=4.7.0');
  src: url('../assets/inAppHelpFonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../assets/inAppHelpFonts/fontawesome-webfont.woff?v=4.2.0') format('woff'), url('../assets/inAppHelpFonts/fontawesome-webfont.ttf?v=4.2.0') format('truetype'), url('../assets/inAppHelpFonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.fa-2x {
  font-size: 2em;
}
.fa-3x {
  font-size: 3em;
}
.fa-4x {
  font-size: 4em;
}
.fa-5x {
  font-size: 5em;
}
.fa-fw {
  width: 1.28571429em;
  text-align: center;
}
.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}
.fa-ul > li {
  position: relative;
}
.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center;
}
.fa-li.fa-lg {
  left: -1.85714286em;
}
.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eee;
  border-radius: .1em;
}
.fa-pull-left {
  float: left;
}
.fa-pull-right {
  float: right;
}
.fa.fa-pull-left {
  margin-right: .3em;
}
.fa.fa-pull-right {
  margin-left: .3em;
}
/* Deprecated as of 4.4.0 */
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.fa.pull-left {
  margin-right: .3em;
}
.fa.pull-right {
  margin-left: .3em;
}
.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}
.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8);
}
@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  filter: none;
}
.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}
.fa-stack-1x,
.fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}
.fa-stack-1x {
  line-height: inherit;
}
.fa-stack-2x {
  font-size: 2em;
}
.fa-inverse {
  color: #fff;
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
  content: "\f000";
}
.fa-music:before {
  content: "\f001";
}
.fa-search:before {
  content: "\f002";
}
.fa-envelope-o:before {
  content: "\f003";
}
.fa-heart:before {
  content: "\f004";
}
.fa-star:before {
  content: "\f005";
}
.fa-star-o:before {
  content: "\f006";
}
.fa-user:before {
  content: "\f007";
}
.fa-film:before {
  content: "\f008";
}
.fa-th-large:before {
  content: "\f009";
}
.fa-th:before {
  content: "\f00a";
}
.fa-th-list:before {
  content: "\f00b";
}
.fa-check:before {
  content: "\f00c";
}
.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: "\f00d";
}
.fa-search-plus:before {
  content: "\f00e";
}
.fa-search-minus:before {
  content: "\f010";
}
.fa-power-off:before {
  content: "\f011";
}
.fa-signal:before {
  content: "\f012";
}
.fa-gear:before,
.fa-cog:before {
  content: "\f013";
}
.fa-trash-o:before {
  content: "\f014";
}
.fa-home:before {
  content: "\f015";
}
.fa-file-o:before {
  content: "\f016";
}
.fa-clock-o:before {
  content: "\f017";
}
.fa-road:before {
  content: "\f018";
}
.fa-download:before {
  content: "\f019";
}
.fa-arrow-circle-o-down:before {
  content: "\f01a";
}
.fa-arrow-circle-o-up:before {
  content: "\f01b";
}
.fa-inbox:before {
  content: "\f01c";
}
.fa-play-circle-o:before {
  content: "\f01d";
}
.fa-rotate-right:before,
.fa-repeat:before {
  content: "\f01e";
}
.fa-refresh:before {
  content: "\f021";
}
.fa-list-alt:before {
  content: "\f022";
}
.fa-lock:before {
  content: "\f023";
}
.fa-flag:before {
  content: "\f024";
}
.fa-headphones:before {
  content: "\f025";
}
.fa-volume-off:before {
  content: "\f026";
}
.fa-volume-down:before {
  content: "\f027";
}
.fa-volume-up:before {
  content: "\f028";
}
.fa-qrcode:before {
  content: "\f029";
}
.fa-barcode:before {
  content: "\f02a";
}
.fa-tag:before {
  content: "\f02b";
}
.fa-tags:before {
  content: "\f02c";
}
.fa-book:before {
  content: "\f02d";
}
.fa-bookmark:before {
  content: "\f02e";
}
.fa-print:before {
  content: "\f02f";
}
.fa-camera:before {
  content: "\f030";
}
.fa-font:before {
  content: "\f031";
}
.fa-bold:before {
  content: "\f032";
}
.fa-italic:before {
  content: "\f033";
}
.fa-text-height:before {
  content: "\f034";
}
.fa-text-width:before {
  content: "\f035";
}
.fa-align-left:before {
  content: "\f036";
}
.fa-align-center:before {
  content: "\f037";
}
.fa-align-right:before {
  content: "\f038";
}
.fa-align-justify:before {
  content: "\f039";
}
.fa-list:before {
  content: "\f03a";
}
.fa-dedent:before,
.fa-outdent:before {
  content: "\f03b";
}
.fa-indent:before {
  content: "\f03c";
}
.fa-video-camera:before {
  content: "\f03d";
}
.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: "\f03e";
}
.fa-pencil:before {
  content: "\f040";
}
.fa-map-marker:before {
  content: "\f041";
}
.fa-adjust:before {
  content: "\f042";
}
.fa-tint:before {
  content: "\f043";
}
.fa-edit:before,
.fa-pencil-square-o:before {
  content: "\f044";
}
.fa-share-square-o:before {
  content: "\f045";
}
.fa-check-square-o:before {
  content: "\f046";
}
.fa-arrows:before {
  content: "\f047";
}
.fa-step-backward:before {
  content: "\f048";
}
.fa-fast-backward:before {
  content: "\f049";
}
.fa-backward:before {
  content: "\f04a";
}
.fa-play:before {
  content: "\f04b";
}
.fa-pause:before {
  content: "\f04c";
}
.fa-stop:before {
  content: "\f04d";
}
.fa-forward:before {
  content: "\f04e";
}
.fa-fast-forward:before {
  content: "\f050";
}
.fa-step-forward:before {
  content: "\f051";
}
.fa-eject:before {
  content: "\f052";
}
.fa-chevron-left:before {
  content: "\f053";
}
.fa-chevron-right:before {
  content: "\f054";
}
.fa-plus-circle:before {
  content: "\f055";
}
.fa-minus-circle:before {
  content: "\f056";
}
.fa-times-circle:before {
  content: "\f057";
}
.fa-check-circle:before {
  content: "\f058";
}
.fa-question-circle:before {
  content: "\f059";
}
.fa-info-circle:before {
  content: "\f05a";
}
.fa-crosshairs:before {
  content: "\f05b";
}
.fa-times-circle-o:before {
  content: "\f05c";
}
.fa-check-circle-o:before {
  content: "\f05d";
}
.fa-ban:before {
  content: "\f05e";
}
.fa-arrow-left:before {
  content: "\f060";
}
.fa-arrow-right:before {
  content: "\f061";
}
.fa-arrow-up:before {
  content: "\f062";
}
.fa-arrow-down:before {
  content: "\f063";
}
.fa-mail-forward:before,
.fa-share:before {
  content: "\f064";
}
.fa-expand:before {
  content: "\f065";
}
.fa-compress:before {
  content: "\f066";
}
.fa-plus:before {
  content: "\f067";
}
.fa-minus:before {
  content: "\f068";
}
.fa-asterisk:before {
  content: "\f069";
}
.fa-exclamation-circle:before {
  content: "\f06a";
}
.fa-gift:before {
  content: "\f06b";
}
.fa-leaf:before {
  content: "\f06c";
}
.fa-fire:before {
  content: "\f06d";
}
.fa-eye:before {
  content: "\f06e";
}
.fa-eye-slash:before {
  content: "\f070";
}
.fa-warning:before,
.fa-exclamation-triangle:before {
  content: "\f071";
}
.fa-plane:before {
  content: "\f072";
}
.fa-calendar:before {
  content: "\f073";
}
.fa-random:before {
  content: "\f074";
}
.fa-comment:before {
  content: "\f075";
}
.fa-magnet:before {
  content: "\f076";
}
.fa-chevron-up:before {
  content: "\f077";
}
.fa-chevron-down:before {
  content: "\f078";
}
.fa-retweet:before {
  content: "\f079";
}
.fa-shopping-cart:before {
  content: "\f07a";
}
.fa-folder:before {
  content: "\f07b";
}
.fa-folder-open:before {
  content: "\f07c";
}
.fa-arrows-v:before {
  content: "\f07d";
}
.fa-arrows-h:before {
  content: "\f07e";
}
.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: "\f080";
}
.fa-twitter-square:before {
  content: "\f081";
}
.fa-facebook-square:before {
  content: "\f082";
}
.fa-camera-retro:before {
  content: "\f083";
}
.fa-key:before {
  content: "\f084";
}
.fa-gears:before,
.fa-cogs:before {
  content: "\f085";
}
.fa-comments:before {
  content: "\f086";
}
.fa-thumbs-o-up:before {
  content: "\f087";
}
.fa-thumbs-o-down:before {
  content: "\f088";
}
.fa-star-half:before {
  content: "\f089";
}
.fa-heart-o:before {
  content: "\f08a";
}
.fa-sign-out:before {
  content: "\f08b";
}
.fa-linkedin-square:before {
  content: "\f08c";
}
.fa-thumb-tack:before {
  content: "\f08d";
}
.fa-external-link:before {
  content: "\f08e";
}
.fa-sign-in:before {
  content: "\f090";
}
.fa-trophy:before {
  content: "\f091";
}
.fa-github-square:before {
  content: "\f092";
}
.fa-upload:before {
  content: "\f093";
}
.fa-lemon-o:before {
  content: "\f094";
}
.fa-phone:before {
  content: "\f095";
}
.fa-square-o:before {
  content: "\f096";
}
.fa-bookmark-o:before {
  content: "\f097";
}
.fa-phone-square:before {
  content: "\f098";
}
.fa-twitter:before {
  content: "\f099";
}
.fa-facebook-f:before,
.fa-facebook:before {
  content: "\f09a";
}
.fa-github:before {
  content: "\f09b";
}
.fa-unlock:before {
  content: "\f09c";
}
.fa-credit-card:before {
  content: "\f09d";
}
.fa-feed:before,
.fa-rss:before {
  content: "\f09e";
}
.fa-hdd-o:before {
  content: "\f0a0";
}
.fa-bullhorn:before {
  content: "\f0a1";
}
.fa-bell:before {
  content: "\f0f3";
}
.fa-certificate:before {
  content: "\f0a3";
}
.fa-hand-o-right:before {
  content: "\f0a4";
}
.fa-hand-o-left:before {
  content: "\f0a5";
}
.fa-hand-o-up:before {
  content: "\f0a6";
}
.fa-hand-o-down:before {
  content: "\f0a7";
}
.fa-arrow-circle-left:before {
  content: "\f0a8";
}
.fa-arrow-circle-right:before {
  content: "\f0a9";
}
.fa-arrow-circle-up:before {
  content: "\f0aa";
}
.fa-arrow-circle-down:before {
  content: "\f0ab";
}
.fa-globe:before {
  content: "\f0ac";
}
.fa-wrench:before {
  content: "\f0ad";
}
.fa-tasks:before {
  content: "\f0ae";
}
.fa-filter:before {
  content: "\f0b0";
}
.fa-briefcase:before {
  content: "\f0b1";
}
.fa-arrows-alt:before {
  content: "\f0b2";
}
.fa-group:before,
.fa-users:before {
  content: "\f0c0";
}
.fa-chain:before,
.fa-link:before {
  content: "\f0c1";
}
.fa-cloud:before {
  content: "\f0c2";
}
.fa-flask:before {
  content: "\f0c3";
}
.fa-cut:before,
.fa-scissors:before {
  content: "\f0c4";
}
.fa-copy:before,
.fa-files-o:before {
  content: "\f0c5";
}
.fa-paperclip:before {
  content: "\f0c6";
}
.fa-save:before,
.fa-floppy-o:before {
  content: "\f0c7";
}
.fa-square:before {
  content: "\f0c8";
}
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: "\f0c9";
}
.fa-list-ul:before {
  content: "\f0ca";
}
.fa-list-ol:before {
  content: "\f0cb";
}
.fa-strikethrough:before {
  content: "\f0cc";
}
.fa-underline:before {
  content: "\f0cd";
}
.fa-table:before {
  content: "\f0ce";
}
.fa-magic:before {
  content: "\f0d0";
}
.fa-truck:before {
  content: "\f0d1";
}
.fa-pinterest:before {
  content: "\f0d2";
}
.fa-pinterest-square:before {
  content: "\f0d3";
}
.fa-google-plus-square:before {
  content: "\f0d4";
}
.fa-google-plus:before {
  content: "\f0d5";
}
.fa-money:before {
  content: "\f0d6";
}
.fa-caret-down:before {
  content: "\f0d7";
}
.fa-caret-up:before {
  content: "\f0d8";
}
.fa-caret-left:before {
  content: "\f0d9";
}
.fa-caret-right:before {
  content: "\f0da";
}
.fa-columns:before {
  content: "\f0db";
}
.fa-unsorted:before,
.fa-sort:before {
  content: "\f0dc";
}
.fa-sort-down:before,
.fa-sort-desc:before {
  content: "\f0dd";
}
.fa-sort-up:before,
.fa-sort-asc:before {
  content: "\f0de";
}
.fa-envelope:before {
  content: "\f0e0";
}
.fa-linkedin:before {
  content: "\f0e1";
}
.fa-rotate-left:before,
.fa-undo:before {
  content: "\f0e2";
}
.fa-legal:before,
.fa-gavel:before {
  content: "\f0e3";
}
.fa-dashboard:before,
.fa-tachometer:before {
  content: "\f0e4";
}
.fa-comment-o:before {
  content: "\f0e5";
}
.fa-comments-o:before {
  content: "\f0e6";
}
.fa-flash:before,
.fa-bolt:before {
  content: "\f0e7";
}
.fa-sitemap:before {
  content: "\f0e8";
}
.fa-umbrella:before {
  content: "\f0e9";
}
.fa-paste:before,
.fa-clipboard:before {
  content: "\f0ea";
}
.fa-lightbulb-o:before {
  content: "\f0eb";
}
.fa-exchange:before {
  content: "\f0ec";
}
.fa-cloud-download:before {
  content: "\f0ed";
}
.fa-cloud-upload:before {
  content: "\f0ee";
}
.fa-user-md:before {
  content: "\f0f0";
}
.fa-stethoscope:before {
  content: "\f0f1";
}
.fa-suitcase:before {
  content: "\f0f2";
}
.fa-bell-o:before {
  content: "\f0a2";
}
.fa-coffee:before {
  content: "\f0f4";
}
.fa-cutlery:before {
  content: "\f0f5";
}
.fa-file-text-o:before {
  content: "\f0f6";
}
.fa-building-o:before {
  content: "\f0f7";
}
.fa-hospital-o:before {
  content: "\f0f8";
}
.fa-ambulance:before {
  content: "\f0f9";
}
.fa-medkit:before {
  content: "\f0fa";
}
.fa-fighter-jet:before {
  content: "\f0fb";
}
.fa-beer:before {
  content: "\f0fc";
}
.fa-h-square:before {
  content: "\f0fd";
}
.fa-plus-square:before {
  content: "\f0fe";
}
.fa-angle-double-left:before {
  content: "\f100";
}
.fa-angle-double-right:before {
  content: "\f101";
}
.fa-angle-double-up:before {
  content: "\f102";
}
.fa-angle-double-down:before {
  content: "\f103";
}
.fa-angle-left:before {
  content: "\f104";
}
.fa-angle-right:before {
  content: "\f105";
}
.fa-angle-up:before {
  content: "\f106";
}
.fa-angle-down:before {
  content: "\f107";
}
.fa-desktop:before {
  content: "\f108";
}
.fa-laptop:before {
  content: "\f109";
}
.fa-tablet:before {
  content: "\f10a";
}
.fa-mobile-phone:before,
.fa-mobile:before {
  content: "\f10b";
}
.fa-circle-o:before {
  content: "\f10c";
}
.fa-quote-left:before {
  content: "\f10d";
}
.fa-quote-right:before {
  content: "\f10e";
}
.fa-spinner:before {
  content: "\f110";
}
.fa-circle:before {
  content: "\f111";
}
.fa-mail-reply:before,
.fa-reply:before {
  content: "\f112";
}
.fa-github-alt:before {
  content: "\f113";
}
.fa-folder-o:before {
  content: "\f114";
}
.fa-folder-open-o:before {
  content: "\f115";
}
.fa-smile-o:before {
  content: "\f118";
}
.fa-frown-o:before {
  content: "\f119";
}
.fa-meh-o:before {
  content: "\f11a";
}
.fa-gamepad:before {
  content: "\f11b";
}
.fa-keyboard-o:before {
  content: "\f11c";
}
.fa-flag-o:before {
  content: "\f11d";
}
.fa-flag-checkered:before {
  content: "\f11e";
}
.fa-terminal:before {
  content: "\f120";
}
.fa-code:before {
  content: "\f121";
}
.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: "\f122";
}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: "\f123";
}
.fa-location-arrow:before {
  content: "\f124";
}
.fa-crop:before {
  content: "\f125";
}
.fa-code-fork:before {
  content: "\f126";
}
.fa-unlink:before,
.fa-chain-broken:before {
  content: "\f127";
}
.fa-question:before {
  content: "\f128";
}
.fa-info:before {
  content: "\f129";
}
.fa-exclamation:before {
  content: "\f12a";
}
.fa-superscript:before {
  content: "\f12b";
}
.fa-subscript:before {
  content: "\f12c";
}
.fa-eraser:before {
  content: "\f12d";
}
.fa-puzzle-piece:before {
  content: "\f12e";
}
.fa-microphone:before {
  content: "\f130";
}
.fa-microphone-slash:before {
  content: "\f131";
}
.fa-shield:before {
  content: "\f132";
}
.fa-calendar-o:before {
  content: "\f133";
}
.fa-fire-extinguisher:before {
  content: "\f134";
}
.fa-rocket:before {
  content: "\f135";
}
.fa-maxcdn:before {
  content: "\f136";
}
.fa-chevron-circle-left:before {
  content: "\f137";
}
.fa-chevron-circle-right:before {
  content: "\f138";
}
.fa-chevron-circle-up:before {
  content: "\f139";
}
.fa-chevron-circle-down:before {
  content: "\f13a";
}
.fa-html5:before {
  content: "\f13b";
}
.fa-css3:before {
  content: "\f13c";
}
.fa-anchor:before {
  content: "\f13d";
}
.fa-unlock-alt:before {
  content: "\f13e";
}
.fa-bullseye:before {
  content: "\f140";
}
.fa-ellipsis-h:before {
  content: "\f141";
}
.fa-ellipsis-v:before {
  content: "\f142";
}
.fa-rss-square:before {
  content: "\f143";
}
.fa-play-circle:before {
  content: "\f144";
}
.fa-ticket:before {
  content: "\f145";
}
.fa-minus-square:before {
  content: "\f146";
}
.fa-minus-square-o:before {
  content: "\f147";
}
.fa-level-up:before {
  content: "\f148";
}
.fa-level-down:before {
  content: "\f149";
}
.fa-check-square:before {
  content: "\f14a";
}
.fa-pencil-square:before {
  content: "\f14b";
}
.fa-external-link-square:before {
  content: "\f14c";
}
.fa-share-square:before {
  content: "\f14d";
}
.fa-compass:before {
  content: "\f14e";
}
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: "\f150";
}
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: "\f151";
}
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: "\f152";
}
.fa-euro:before,
.fa-eur:before {
  content: "\f153";
}
.fa-gbp:before {
  content: "\f154";
}
.fa-dollar:before,
.fa-usd:before {
  content: "\f155";
}
.fa-rupee:before,
.fa-inr:before {
  content: "\f156";
}
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: "\f157";
}
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: "\f158";
}
.fa-won:before,
.fa-krw:before {
  content: "\f159";
}
.fa-bitcoin:before,
.fa-btc:before {
  content: "\f15a";
}
.fa-file:before {
  content: "\f15b";
}
.fa-file-text:before {
  content: "\f15c";
}
.fa-sort-alpha-asc:before {
  content: "\f15d";
}
.fa-sort-alpha-desc:before {
  content: "\f15e";
}
.fa-sort-amount-asc:before {
  content: "\f160";
}
.fa-sort-amount-desc:before {
  content: "\f161";
}
.fa-sort-numeric-asc:before {
  content: "\f162";
}
.fa-sort-numeric-desc:before {
  content: "\f163";
}
.fa-thumbs-up:before {
  content: "\f164";
}
.fa-thumbs-down:before {
  content: "\f165";
}
.fa-youtube-square:before {
  content: "\f166";
}
.fa-youtube:before {
  content: "\f167";
}
.fa-xing:before {
  content: "\f168";
}
.fa-xing-square:before {
  content: "\f169";
}
.fa-youtube-play:before {
  content: "\f16a";
}
.fa-dropbox:before {
  content: "\f16b";
}
.fa-stack-overflow:before {
  content: "\f16c";
}
.fa-instagram:before {
  content: "\f16d";
}
.fa-flickr:before {
  content: "\f16e";
}
.fa-adn:before {
  content: "\f170";
}
.fa-bitbucket:before {
  content: "\f171";
}
.fa-bitbucket-square:before {
  content: "\f172";
}
.fa-tumblr:before {
  content: "\f173";
}
.fa-tumblr-square:before {
  content: "\f174";
}
.fa-long-arrow-down:before {
  content: "\f175";
}
.fa-long-arrow-up:before {
  content: "\f176";
}
.fa-long-arrow-left:before {
  content: "\f177";
}
.fa-long-arrow-right:before {
  content: "\f178";
}
.fa-apple:before {
  content: "\f179";
}
.fa-windows:before {
  content: "\f17a";
}
.fa-android:before {
  content: "\f17b";
}
.fa-linux:before {
  content: "\f17c";
}
.fa-dribbble:before {
  content: "\f17d";
}
.fa-skype:before {
  content: "\f17e";
}
.fa-foursquare:before {
  content: "\f180";
}
.fa-trello:before {
  content: "\f181";
}
.fa-female:before {
  content: "\f182";
}
.fa-male:before {
  content: "\f183";
}
.fa-gittip:before,
.fa-gratipay:before {
  content: "\f184";
}
.fa-sun-o:before {
  content: "\f185";
}
.fa-moon-o:before {
  content: "\f186";
}
.fa-archive:before {
  content: "\f187";
}
.fa-bug:before {
  content: "\f188";
}
.fa-vk:before {
  content: "\f189";
}
.fa-weibo:before {
  content: "\f18a";
}
.fa-renren:before {
  content: "\f18b";
}
.fa-pagelines:before {
  content: "\f18c";
}
.fa-stack-exchange:before {
  content: "\f18d";
}
.fa-arrow-circle-o-right:before {
  content: "\f18e";
}
.fa-arrow-circle-o-left:before {
  content: "\f190";
}
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: "\f191";
}
.fa-dot-circle-o:before {
  content: "\f192";
}
.fa-wheelchair:before {
  content: "\f193";
}
.fa-vimeo-square:before {
  content: "\f194";
}
.fa-turkish-lira:before,
.fa-try:before {
  content: "\f195";
}
.fa-plus-square-o:before {
  content: "\f196";
}
.fa-space-shuttle:before {
  content: "\f197";
}
.fa-slack:before {
  content: "\f198";
}
.fa-envelope-square:before {
  content: "\f199";
}
.fa-wordpress:before {
  content: "\f19a";
}
.fa-openid:before {
  content: "\f19b";
}
.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: "\f19c";
}
.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: "\f19d";
}
.fa-yahoo:before {
  content: "\f19e";
}
.fa-google:before {
  content: "\f1a0";
}
.fa-reddit:before {
  content: "\f1a1";
}
.fa-reddit-square:before {
  content: "\f1a2";
}
.fa-stumbleupon-circle:before {
  content: "\f1a3";
}
.fa-stumbleupon:before {
  content: "\f1a4";
}
.fa-delicious:before {
  content: "\f1a5";
}
.fa-digg:before {
  content: "\f1a6";
}
.fa-pied-piper-pp:before {
  content: "\f1a7";
}
.fa-pied-piper-alt:before {
  content: "\f1a8";
}
.fa-drupal:before {
  content: "\f1a9";
}
.fa-joomla:before {
  content: "\f1aa";
}
.fa-language:before {
  content: "\f1ab";
}
.fa-fax:before {
  content: "\f1ac";
}
.fa-building:before {
  content: "\f1ad";
}
.fa-child:before {
  content: "\f1ae";
}
.fa-paw:before {
  content: "\f1b0";
}
.fa-spoon:before {
  content: "\f1b1";
}
.fa-cube:before {
  content: "\f1b2";
}
.fa-cubes:before {
  content: "\f1b3";
}
.fa-behance:before {
  content: "\f1b4";
}
.fa-behance-square:before {
  content: "\f1b5";
}
.fa-steam:before {
  content: "\f1b6";
}
.fa-steam-square:before {
  content: "\f1b7";
}
.fa-recycle:before {
  content: "\f1b8";
}
.fa-automobile:before,
.fa-car:before {
  content: "\f1b9";
}
.fa-cab:before,
.fa-taxi:before {
  content: "\f1ba";
}
.fa-tree:before {
  content: "\f1bb";
}
.fa-spotify:before {
  content: "\f1bc";
}
.fa-deviantart:before {
  content: "\f1bd";
}
.fa-soundcloud:before {
  content: "\f1be";
}
.fa-database:before {
  content: "\f1c0";
}
.fa-file-pdf-o:before {
  content: "\f1c1";
}
.fa-file-word-o:before {
  content: "\f1c2";
}
.fa-file-excel-o:before {
  content: "\f1c3";
}
.fa-file-powerpoint-o:before {
  content: "\f1c4";
}
.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: "\f1c5";
}
.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: "\f1c6";
}
.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: "\f1c7";
}
.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: "\f1c8";
}
.fa-file-code-o:before {
  content: "\f1c9";
}
.fa-vine:before {
  content: "\f1ca";
}
.fa-codepen:before {
  content: "\f1cb";
}
.fa-jsfiddle:before {
  content: "\f1cc";
}
.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: "\f1cd";
}
.fa-circle-o-notch:before {
  content: "\f1ce";
}
.fa-ra:before,
.fa-resistance:before,
.fa-rebel:before {
  content: "\f1d0";
}
.fa-ge:before,
.fa-empire:before {
  content: "\f1d1";
}
.fa-git-square:before {
  content: "\f1d2";
}
.fa-git:before {
  content: "\f1d3";
}
.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
  content: "\f1d4";
}
.fa-tencent-weibo:before {
  content: "\f1d5";
}
.fa-qq:before {
  content: "\f1d6";
}
.fa-wechat:before,
.fa-weixin:before {
  content: "\f1d7";
}
.fa-send:before,
.fa-paper-plane:before {
  content: "\f1d8";
}
.fa-send-o:before,
.fa-paper-plane-o:before {
  content: "\f1d9";
}
.fa-history:before {
  content: "\f1da";
}
.fa-circle-thin:before {
  content: "\f1db";
}
.fa-header:before {
  content: "\f1dc";
}
.fa-paragraph:before {
  content: "\f1dd";
}
.fa-sliders:before {
  content: "\f1de";
}
.fa-share-alt:before {
  content: "\f1e0";
}
.fa-share-alt-square:before {
  content: "\f1e1";
}
.fa-bomb:before {
  content: "\f1e2";
}
.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: "\f1e3";
}
.fa-tty:before {
  content: "\f1e4";
}
.fa-binoculars:before {
  content: "\f1e5";
}
.fa-plug:before {
  content: "\f1e6";
}
.fa-slideshare:before {
  content: "\f1e7";
}
.fa-twitch:before {
  content: "\f1e8";
}
.fa-yelp:before {
  content: "\f1e9";
}
.fa-newspaper-o:before {
  content: "\f1ea";
}
.fa-wifi:before {
  content: "\f1eb";
}
.fa-calculator:before {
  content: "\f1ec";
}
.fa-paypal:before {
  content: "\f1ed";
}
.fa-google-wallet:before {
  content: "\f1ee";
}
.fa-cc-visa:before {
  content: "\f1f0";
}
.fa-cc-mastercard:before {
  content: "\f1f1";
}
.fa-cc-discover:before {
  content: "\f1f2";
}
.fa-cc-amex:before {
  content: "\f1f3";
}
.fa-cc-paypal:before {
  content: "\f1f4";
}
.fa-cc-stripe:before {
  content: "\f1f5";
}
.fa-bell-slash:before {
  content: "\f1f6";
}
.fa-bell-slash-o:before {
  content: "\f1f7";
}
.fa-trash:before {
  content: "\f1f8";
}
.fa-copyright:before {
  content: "\f1f9";
}
.fa-at:before {
  content: "\f1fa";
}
.fa-eyedropper:before {
  content: "\f1fb";
}
.fa-paint-brush:before {
  content: "\f1fc";
}
.fa-birthday-cake:before {
  content: "\f1fd";
}
.fa-area-chart:before {
  content: "\f1fe";
}
.fa-pie-chart:before {
  content: "\f200";
}
.fa-line-chart:before {
  content: "\f201";
}
.fa-lastfm:before {
  content: "\f202";
}
.fa-lastfm-square:before {
  content: "\f203";
}
.fa-toggle-off:before {
  content: "\f204";
}
.fa-toggle-on:before {
  content: "\f205";
}
.fa-bicycle:before {
  content: "\f206";
}
.fa-bus:before {
  content: "\f207";
}
.fa-ioxhost:before {
  content: "\f208";
}
.fa-angellist:before {
  content: "\f209";
}
.fa-cc:before {
  content: "\f20a";
}
.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: "\f20b";
}
.fa-meanpath:before {
  content: "\f20c";
}
.fa-buysellads:before {
  content: "\f20d";
}
.fa-connectdevelop:before {
  content: "\f20e";
}
.fa-dashcube:before {
  content: "\f210";
}
.fa-forumbee:before {
  content: "\f211";
}
.fa-leanpub:before {
  content: "\f212";
}
.fa-sellsy:before {
  content: "\f213";
}
.fa-shirtsinbulk:before {
  content: "\f214";
}
.fa-simplybuilt:before {
  content: "\f215";
}
.fa-skyatlas:before {
  content: "\f216";
}
.fa-cart-plus:before {
  content: "\f217";
}
.fa-cart-arrow-down:before {
  content: "\f218";
}
.fa-diamond:before {
  content: "\f219";
}
.fa-ship:before {
  content: "\f21a";
}
.fa-user-secret:before {
  content: "\f21b";
}
.fa-motorcycle:before {
  content: "\f21c";
}
.fa-street-view:before {
  content: "\f21d";
}
.fa-heartbeat:before {
  content: "\f21e";
}
.fa-venus:before {
  content: "\f221";
}
.fa-mars:before {
  content: "\f222";
}
.fa-mercury:before {
  content: "\f223";
}
.fa-intersex:before,
.fa-transgender:before {
  content: "\f224";
}
.fa-transgender-alt:before {
  content: "\f225";
}
.fa-venus-double:before {
  content: "\f226";
}
.fa-mars-double:before {
  content: "\f227";
}
.fa-venus-mars:before {
  content: "\f228";
}
.fa-mars-stroke:before {
  content: "\f229";
}
.fa-mars-stroke-v:before {
  content: "\f22a";
}
.fa-mars-stroke-h:before {
  content: "\f22b";
}
.fa-neuter:before {
  content: "\f22c";
}
.fa-genderless:before {
  content: "\f22d";
}
.fa-facebook-official:before {
  content: "\f230";
}
.fa-pinterest-p:before {
  content: "\f231";
}
.fa-whatsapp:before {
  content: "\f232";
}
.fa-server:before {
  content: "\f233";
}
.fa-user-plus:before {
  content: "\f234";
}
.fa-user-times:before {
  content: "\f235";
}
.fa-hotel:before,
.fa-bed:before {
  content: "\f236";
}
.fa-viacoin:before {
  content: "\f237";
}
.fa-train:before {
  content: "\f238";
}
.fa-subway:before {
  content: "\f239";
}
.fa-medium:before {
  content: "\f23a";
}
.fa-yc:before,
.fa-y-combinator:before {
  content: "\f23b";
}
.fa-optin-monster:before {
  content: "\f23c";
}
.fa-opencart:before {
  content: "\f23d";
}
.fa-expeditedssl:before {
  content: "\f23e";
}
.fa-battery-4:before,
.fa-battery:before,
.fa-battery-full:before {
  content: "\f240";
}
.fa-battery-3:before,
.fa-battery-three-quarters:before {
  content: "\f241";
}
.fa-battery-2:before,
.fa-battery-half:before {
  content: "\f242";
}
.fa-battery-1:before,
.fa-battery-quarter:before {
  content: "\f243";
}
.fa-battery-0:before,
.fa-battery-empty:before {
  content: "\f244";
}
.fa-mouse-pointer:before {
  content: "\f245";
}
.fa-i-cursor:before {
  content: "\f246";
}
.fa-object-group:before {
  content: "\f247";
}
.fa-object-ungroup:before {
  content: "\f248";
}
.fa-sticky-note:before {
  content: "\f249";
}
.fa-sticky-note-o:before {
  content: "\f24a";
}
.fa-cc-jcb:before {
  content: "\f24b";
}
.fa-cc-diners-club:before {
  content: "\f24c";
}
.fa-clone:before {
  content: "\f24d";
}
.fa-balance-scale:before {
  content: "\f24e";
}
.fa-hourglass-o:before {
  content: "\f250";
}
.fa-hourglass-1:before,
.fa-hourglass-start:before {
  content: "\f251";
}
.fa-hourglass-2:before,
.fa-hourglass-half:before {
  content: "\f252";
}
.fa-hourglass-3:before,
.fa-hourglass-end:before {
  content: "\f253";
}
.fa-hourglass:before {
  content: "\f254";
}
.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
  content: "\f255";
}
.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
  content: "\f256";
}
.fa-hand-scissors-o:before {
  content: "\f257";
}
.fa-hand-lizard-o:before {
  content: "\f258";
}
.fa-hand-spock-o:before {
  content: "\f259";
}
.fa-hand-pointer-o:before {
  content: "\f25a";
}
.fa-hand-peace-o:before {
  content: "\f25b";
}
.fa-trademark:before {
  content: "\f25c";
}
.fa-registered:before {
  content: "\f25d";
}
.fa-creative-commons:before {
  content: "\f25e";
}
.fa-gg:before {
  content: "\f260";
}
.fa-gg-circle:before {
  content: "\f261";
}
.fa-tripadvisor:before {
  content: "\f262";
}
.fa-odnoklassniki:before {
  content: "\f263";
}
.fa-odnoklassniki-square:before {
  content: "\f264";
}
.fa-get-pocket:before {
  content: "\f265";
}
.fa-wikipedia-w:before {
  content: "\f266";
}
.fa-safari:before {
  content: "\f267";
}
.fa-chrome:before {
  content: "\f268";
}
.fa-firefox:before {
  content: "\f269";
}
.fa-opera:before {
  content: "\f26a";
}
.fa-internet-explorer:before {
  content: "\f26b";
}
.fa-tv:before,
.fa-television:before {
  content: "\f26c";
}
.fa-contao:before {
  content: "\f26d";
}
.fa-500px:before {
  content: "\f26e";
}
.fa-amazon:before {
  content: "\f270";
}
.fa-calendar-plus-o:before {
  content: "\f271";
}
.fa-calendar-minus-o:before {
  content: "\f272";
}
.fa-calendar-times-o:before {
  content: "\f273";
}
.fa-calendar-check-o:before {
  content: "\f274";
}
.fa-industry:before {
  content: "\f275";
}
.fa-map-pin:before {
  content: "\f276";
}
.fa-map-signs:before {
  content: "\f277";
}
.fa-map-o:before {
  content: "\f278";
}
.fa-map:before {
  content: "\f279";
}
.fa-commenting:before {
  content: "\f27a";
}
.fa-commenting-o:before {
  content: "\f27b";
}
.fa-houzz:before {
  content: "\f27c";
}
.fa-vimeo:before {
  content: "\f27d";
}
.fa-black-tie:before {
  content: "\f27e";
}
.fa-fonticons:before {
  content: "\f280";
}
.fa-reddit-alien:before {
  content: "\f281";
}
.fa-edge:before {
  content: "\f282";
}
.fa-credit-card-alt:before {
  content: "\f283";
}
.fa-codiepie:before {
  content: "\f284";
}
.fa-modx:before {
  content: "\f285";
}
.fa-fort-awesome:before {
  content: "\f286";
}
.fa-usb:before {
  content: "\f287";
}
.fa-product-hunt:before {
  content: "\f288";
}
.fa-mixcloud:before {
  content: "\f289";
}
.fa-scribd:before {
  content: "\f28a";
}
.fa-pause-circle:before {
  content: "\f28b";
}
.fa-pause-circle-o:before {
  content: "\f28c";
}
.fa-stop-circle:before {
  content: "\f28d";
}
.fa-stop-circle-o:before {
  content: "\f28e";
}
.fa-shopping-bag:before {
  content: "\f290";
}
.fa-shopping-basket:before {
  content: "\f291";
}
.fa-hashtag:before {
  content: "\f292";
}
.fa-bluetooth:before {
  content: "\f293";
}
.fa-bluetooth-b:before {
  content: "\f294";
}
.fa-percent:before {
  content: "\f295";
}
.fa-gitlab:before {
  content: "\f296";
}
.fa-wpbeginner:before {
  content: "\f297";
}
.fa-wpforms:before {
  content: "\f298";
}
.fa-envira:before {
  content: "\f299";
}
.fa-universal-access:before {
  content: "\f29a";
}
.fa-wheelchair-alt:before {
  content: "\f29b";
}
.fa-question-circle-o:before {
  content: "\f29c";
}
.fa-blind:before {
  content: "\f29d";
}
.fa-audio-description:before {
  content: "\f29e";
}
.fa-volume-control-phone:before {
  content: "\f2a0";
}
.fa-braille:before {
  content: "\f2a1";
}
.fa-assistive-listening-systems:before {
  content: "\f2a2";
}
.fa-asl-interpreting:before,
.fa-american-sign-language-interpreting:before {
  content: "\f2a3";
}
.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before {
  content: "\f2a4";
}
.fa-glide:before {
  content: "\f2a5";
}
.fa-glide-g:before {
  content: "\f2a6";
}
.fa-signing:before,
.fa-sign-language:before {
  content: "\f2a7";
}
.fa-low-vision:before {
  content: "\f2a8";
}
.fa-viadeo:before {
  content: "\f2a9";
}
.fa-viadeo-square:before {
  content: "\f2aa";
}
.fa-snapchat:before {
  content: "\f2ab";
}
.fa-snapchat-ghost:before {
  content: "\f2ac";
}
.fa-snapchat-square:before {
  content: "\f2ad";
}
.fa-pied-piper:before {
  content: "\f2ae";
}
.fa-first-order:before {
  content: "\f2b0";
}
.fa-yoast:before {
  content: "\f2b1";
}
.fa-themeisle:before {
  content: "\f2b2";
}
.fa-google-plus-circle:before,
.fa-google-plus-official:before {
  content: "\f2b3";
}
.fa-fa:before,
.fa-font-awesome:before {
  content: "\f2b4";
}
.fa-handshake-o:before {
  content: "\f2b5";
}
.fa-envelope-open:before {
  content: "\f2b6";
}
.fa-envelope-open-o:before {
  content: "\f2b7";
}
.fa-linode:before {
  content: "\f2b8";
}
.fa-address-book:before {
  content: "\f2b9";
}
.fa-address-book-o:before {
  content: "\f2ba";
}
.fa-vcard:before,
.fa-address-card:before {
  content: "\f2bb";
}
.fa-vcard-o:before,
.fa-address-card-o:before {
  content: "\f2bc";
}
.fa-user-circle:before {
  content: "\f2bd";
}
.fa-user-circle-o:before {
  content: "\f2be";
}
.fa-user-o:before {
  content: "\f2c0";
}
.fa-id-badge:before {
  content: "\f2c1";
}
.fa-drivers-license:before,
.fa-id-card:before {
  content: "\f2c2";
}
.fa-drivers-license-o:before,
.fa-id-card-o:before {
  content: "\f2c3";
}
.fa-quora:before {
  content: "\f2c4";
}
.fa-free-code-camp:before {
  content: "\f2c5";
}
.fa-telegram:before {
  content: "\f2c6";
}
.fa-thermometer-4:before,
.fa-thermometer:before,
.fa-thermometer-full:before {
  content: "\f2c7";
}
.fa-thermometer-3:before,
.fa-thermometer-three-quarters:before {
  content: "\f2c8";
}
.fa-thermometer-2:before,
.fa-thermometer-half:before {
  content: "\f2c9";
}
.fa-thermometer-1:before,
.fa-thermometer-quarter:before {
  content: "\f2ca";
}
.fa-thermometer-0:before,
.fa-thermometer-empty:before {
  content: "\f2cb";
}
.fa-shower:before {
  content: "\f2cc";
}
.fa-bathtub:before,
.fa-s15:before,
.fa-bath:before {
  content: "\f2cd";
}
.fa-podcast:before {
  content: "\f2ce";
}
.fa-window-maximize:before {
  content: "\f2d0";
}
.fa-window-minimize:before {
  content: "\f2d1";
}
.fa-window-restore:before {
  content: "\f2d2";
}
.fa-times-rectangle:before,
.fa-window-close:before {
  content: "\f2d3";
}
.fa-times-rectangle-o:before,
.fa-window-close-o:before {
  content: "\f2d4";
}
.fa-bandcamp:before {
  content: "\f2d5";
}
.fa-grav:before {
  content: "\f2d6";
}
.fa-etsy:before {
  content: "\f2d7";
}
.fa-imdb:before {
  content: "\f2d8";
}
.fa-ravelry:before {
  content: "\f2d9";
}
.fa-eercast:before {
  content: "\f2da";
}
.fa-microchip:before {
  content: "\f2db";
}
.fa-snowflake-o:before {
  content: "\f2dc";
}
.fa-superpowers:before {
  content: "\f2dd";
}
.fa-wpexplorer:before {
  content: "\f2de";
}
.fa-meetup:before {
  content: "\f2e0";
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}
.duplicate-asset-dialog {
  top: 65px !important;
  margin: auto;
}
.drag-duplicate-dialog {
  top: 65px !important;
}
.drag-duplicate-dialog.settings-window {
  margin: auto;
}
.drag-duplicate-dialog.settings-window .modal-dialog {
  width: 750px;
  margin: 0px auto;
}
.drag-duplicate-dialog.settings-window .modal-dialog .modal-body {
  max-height: 530px;
}
.drag-duplicate-dialog.settings-window .modal-dialog .modal-footer {
  border-top: none;
}
.drag-duplicate-dialog.settings-window .tip {
  font-size: 20px;
  line-height: 20px;
  text-align: left;
  padding: 0 20px 10px;
}
.duplicate-asset-dialog .modal-dialog,
.drag-duplicate-dialog .modal-dialog {
  width: 750px;
  margin: 0px auto;
}
.duplicate-asset-dialog .modal-dialog .modal-header,
.drag-duplicate-dialog .modal-dialog .modal-header {
  padding-left: 30px;
}
.duplicate-asset-dialog .modal-dialog .modal-body,
.drag-duplicate-dialog .modal-dialog .modal-body {
  max-height: 530px;
}
.duplicate-asset-dialog .modal-dialog .modal-footer,
.drag-duplicate-dialog .modal-dialog .modal-footer {
  padding: 12px 30px 12px 30px;
}
.duplicate-asset-dialog .tip,
.drag-duplicate-dialog .tip {
  font-size: 20px;
  line-height: 20px;
  text-align: left;
  padding: 0 10px 10px;
}
.duplicate-asset-dialog .duplicate-content,
.drag-duplicate-dialog .duplicate-content {
  width: 710px;
  padding-top: 10px;
}
.duplicate-asset-dialog .duplicate-content .switch-layout,
.drag-duplicate-dialog .duplicate-content .switch-layout {
  float: right;
  margin-right: 8px;
}
.duplicate-asset-dialog .duplicate-content .switch-layout .img-switch,
.drag-duplicate-dialog .duplicate-content .switch-layout .img-switch {
  background-color: #f5f5f5;
  color: #a2a2a2;
  font-size: 9px;
  border-radius: 25px;
  padding: 7px!important;
  border: solid 1px #a2a2a2;
  cursor: pointer;
  z-index: 999;
}
.duplicate-asset-dialog .duplicate-content .switch-layout .img-switch._disabled,
.drag-duplicate-dialog .duplicate-content .switch-layout .img-switch._disabled {
  background-color: #bdbdbd;
  cursor: default;
}
.duplicate-asset-dialog .duplicate-content .switch-layout .img-switch._disabled:hover,
.drag-duplicate-dialog .duplicate-content .switch-layout .img-switch._disabled:hover {
  opacity: 1;
}
.duplicate-asset-dialog .duplicate-content .switch-layout .img-switch:hover,
.drag-duplicate-dialog .duplicate-content .switch-layout .img-switch:hover {
  opacity: 0.5;
}
.duplicate-asset-dialog .duplicate-content .switch-layout .img-switch._left,
.drag-duplicate-dialog .duplicate-content .switch-layout .img-switch._left {
  margin-right: 15px;
}
.duplicate-asset-dialog .duplicate-content .switch-layout .img-switch._right,
.drag-duplicate-dialog .duplicate-content .switch-layout .img-switch._right {
  right: 25px;
}
.duplicate-asset-dialog .duplicate-content .pl-20,
.drag-duplicate-dialog .duplicate-content .pl-20 {
  padding-left: 20px;
}
.duplicate-asset-dialog .duplicate-content .m-top-10,
.drag-duplicate-dialog .duplicate-content .m-top-10 {
  margin-top: 10px;
}
.duplicate-asset-dialog .duplicate-content .file-name,
.drag-duplicate-dialog .duplicate-content .file-name {
  padding: 0 20px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.duplicate-asset-dialog .duplicate-content .file-size,
.drag-duplicate-dialog .duplicate-content .file-size {
  padding: 0 20px;
}
.duplicate-asset-dialog .duplicate-content .content-center,
.drag-duplicate-dialog .duplicate-content .content-center {
  text-align: center;
  padding: 0 20px;
}
.duplicate-asset-dialog .duplicate-content .content-center .duplicate-compare,
.drag-duplicate-dialog .duplicate-content .content-center .duplicate-compare {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 320px;
  height: 220px;
  margin: auto;
}
.duplicate-asset-dialog .duplicate-content .content-center .preview-btn,
.drag-duplicate-dialog .duplicate-content .content-center .preview-btn {
  max-width: 110px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  padding: 0 13px;
  margin-left: 0;
  margin-bottom: 8px;
}
.duplicate-asset-dialog .duplicate-content .content-center .icon-schemeBase,
.drag-duplicate-dialog .duplicate-content .content-center .icon-schemeBase {
  font-size: 13px;
  text-align: center;
  position: absolute;
  left: 30px;
  top: 10px;
  z-index: 2;
}
.duplicate-asset-dialog .duplicate-content .content-center .icon-schemeBase span,
.drag-duplicate-dialog .duplicate-content .content-center .icon-schemeBase span {
  display: inline-block;
  width: 19px;
  height: 19px;
  line-height: 19px;
  color: #fff;
  background-color: #666;
  border-radius: 4px;
  opacity: 0.9;
}
.duplicate-asset-dialog .duplicate-content img,
.drag-duplicate-dialog .duplicate-content img {
  max-height: 100%;
}
.duplicate-asset-dialog .duplicate-content .row,
.drag-duplicate-dialog .duplicate-content .row {
  margin-right: -25px;
  margin-left: -25px;
}
.duplicate-asset-dialog .duplicate-content .remember-decision,
.drag-duplicate-dialog .duplicate-content .remember-decision {
  display: flex;
  justify-content: left;
}
.duplicate-asset-dialog .duplicate-content .remember-decision .item,
.drag-duplicate-dialog .duplicate-content .remember-decision .item {
  padding-left: 15px;
}
.duplicate-asset-dialog .duplicate-content .remember-decision .item:first-child,
.drag-duplicate-dialog .duplicate-content .remember-decision .item:first-child {
  padding-left: 0;
}
.duplicate-asset-dialog .duplicate-content .remember-decision .font,
.drag-duplicate-dialog .duplicate-content .remember-decision .font {
  margin-left: 3px;
  bottom: 2px;
  position: relative;
  display: inline-block;
}
.duplicate-asset-dialog .duplicate-content .remember-decision .radio-button,
.drag-duplicate-dialog .duplicate-content .remember-decision .radio-button {
  display: inline-block;
}
.duplicate-asset-dialog .duplicate-content .remember-decision .not-import-append,
.drag-duplicate-dialog .duplicate-content .remember-decision .not-import-append {
  padding-left: 24px;
}
.duplicate-asset-dialog .duplicate-content .edit-append,
.drag-duplicate-dialog .duplicate-content .edit-append {
  line-height: 1 !important;
  margin-left: 10px;
}
.duplicate-asset-dialog .duplicate-content .apply-to-all,
.drag-duplicate-dialog .duplicate-content .apply-to-all {
  text-align: right;
}
.duplicate-asset-dialog .duplicate-content .apply-to-all .font,
.drag-duplicate-dialog .duplicate-content .apply-to-all .font {
  margin-left: 5px;
  font-weight: bold;
}
.duplicate-asset-dialog .duplicate-content .new-actions,
.drag-duplicate-dialog .duplicate-content .new-actions {
  position: relative;
  display: flex;
  justify-content: space-between;
  margin-left: -3px;
  margin-right: -3px;
}
.duplicate-asset-dialog .duplicate-content .new-version-metadata,
.drag-duplicate-dialog .duplicate-content .new-version-metadata {
  padding-left: 20px;
}
.duplicate-asset-dialog .version-comment,
.drag-duplicate-dialog .version-comment {
  position: absolute;
  left: 54px;
  bottom: 15px;
  text-align: left;
}
.duplicate-asset-dialog .version-comment .comment-title,
.drag-duplicate-dialog .version-comment .comment-title {
  font-weight: bold;
  margin-top: 10px;
  margin-bottom: 6px;
  font-size: 13px;
  line-height: 1;
}
.duplicate-asset-dialog .version-comment .version-comment-input,
.drag-duplicate-dialog .version-comment .version-comment-input {
  font-size: 14px;
  font-weight: normal;
  height: 32px;
  margin-bottom: 0;
  width: 280px;
}
.duplicate-footer {
  position: relative;
}
.not-import-metadata {
  padding-left: 23px;
}
.cancel-all .name-list {
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 5px 20px;
  min-height: 80px;
  margin: 10px 0px;
  max-height: 150px;
  overflow-y: auto;
}
/*!
 * Cropper v1.0.0-rc.1
 * https://github.com/fengyuanchen/cropper
 *
 * Copyright (c) 2014-2015 Fengyuan Chen and contributors
 * Released under the MIT license
 *
 * Date: 2015-09-05T04:29:22.355Z
 */
.cropper-container {
  position: relative;
  overflow: hidden;
  font-size: 0;
  line-height: 0;
  -ms-touch-action: none;
  touch-action: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  direction: ltr!important;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}
.cropper-container img {
  display: block;
  width: 100%;
  min-width: 0!important;
  max-width: none!important;
  height: 100%;
  min-height: 0!important;
  max-height: none!important;
  image-orientation: 0deg !important;
}
.cropper-canvas,
.cropper-crop-box,
.cropper-drag-box,
.cropper-modal {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.cropper-drag-box {
  background-color: #fff;
  filter: alpha(opacity=0);
  opacity: 0;
}
.cropper-dashed,
.cropper-modal {
  filter: alpha(opacity=50);
  opacity: 0.5;
}
.cropper-modal {
  background-color: #000000;
}
.cropper-view-box {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: #69f solid 1px;
  outline-color: rgba(102, 153, 255, 0.75);
}
.cropper-dashed {
  position: absolute;
  display: block;
  border: 0 dashed #eeeeee;
}
.cropper-dashed.dashed-h {
  top: 33.33333%;
  left: 0;
  width: 100%;
  height: 33.33333%;
  border-top-width: 1px;
  border-bottom-width: 1px;
}
.cropper-dashed.dashed-v {
  top: 0;
  left: 33.33333%;
  width: 33.33333%;
  height: 100%;
  border-right-width: 1px;
  border-left-width: 1px;
}
.cropper-center {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 0;
  height: 0;
  filter: alpha(opacity=75);
  opacity: 0.75;
}
.cropper-center:after,
.cropper-center:before {
  position: absolute;
  display: block;
  content: " ";
  background-color: #eeeeee;
}
.cropper-center:before {
  top: 0;
  left: -3px;
  width: 7px;
  height: 1px;
}
.cropper-center:after {
  top: -3px;
  left: 0;
  width: 1px;
  height: 7px;
}
.cropper-face,
.cropper-line,
.cropper-point {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  filter: alpha(opacity=10);
  opacity: 0.1;
}
.cropper-face {
  top: 0;
  left: 0;
  background-color: #ffffff;
}
.cropper-line,
.cropper-point {
  background-color: #6699ff;
}
.cropper-line.line-e {
  top: 0;
  right: -3px;
  width: 5px;
  cursor: e-resize;
}
.cropper-line.line-n {
  top: -3px;
  left: 0;
  height: 5px;
  cursor: n-resize;
}
.cropper-line.line-w {
  top: 0;
  left: -3px;
  width: 5px;
  cursor: w-resize;
}
.cropper-line.line-s {
  bottom: -3px;
  left: 0;
  height: 5px;
  cursor: s-resize;
}
.cropper-point {
  width: 5px;
  height: 5px;
  filter: alpha(opacity=75);
  opacity: 0.75;
}
.cropper-point.point-e {
  top: 50%;
  right: -3px;
  margin-top: -3px;
  cursor: e-resize;
}
.cropper-point.point-n {
  top: -3px;
  left: 50%;
  margin-left: -3px;
  cursor: n-resize;
}
.cropper-point.point-w {
  top: 50%;
  left: -3px;
  margin-top: -3px;
  cursor: w-resize;
}
.cropper-point.point-s {
  bottom: -3px;
  left: 50%;
  margin-left: -3px;
  cursor: s-resize;
}
.cropper-point.point-ne {
  top: -3px;
  right: -3px;
  cursor: ne-resize;
}
.cropper-point.point-nw {
  top: -3px;
  left: -3px;
  cursor: nw-resize;
}
.cropper-point.point-sw {
  bottom: -3px;
  left: -3px;
  cursor: sw-resize;
}
.cropper-point.point-se {
  right: -3px;
  bottom: -3px;
  width: 20px;
  height: 20px;
  cursor: se-resize;
  filter: alpha(opacity=100);
  opacity: 1;
}
.cropper-point.point-se:before {
  position: absolute;
  right: -50%;
  bottom: -50%;
  display: block;
  width: 200%;
  height: 200%;
  content: " ";
  background-color: #69f;
  filter: alpha(opacity=0);
  opacity: 0;
}
@media (min-width: 768px) {
  .cropper-point.point-se {
    width: 15px;
    height: 15px;
  }
}
@media (min-width: 992px) {
  .cropper-point.point-se {
    width: 10px;
    height: 10px;
  }
}
@media (min-width: 1200px) {
  .cropper-point.point-se {
    width: 5px;
    height: 5px;
    filter: alpha(opacity=75);
    opacity: 0.75;
  }
}
.cropper-bg {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC);
}
.cropper-invisible {
  filter: alpha(opacity=0);
  opacity: 0;
}
.cropper-hide {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
}
.cropper-hidden {
  display: none !important;
}
.cropper-move {
  cursor: move;
}
.cropper-crop {
  cursor: crosshair;
}
.cropper-disabled .cropper-drag-box,
.cropper-disabled .cropper-face,
.cropper-disabled .cropper-line,
.cropper-disabled .cropper-point {
  cursor: not-allowed;
}
.angular-google-map {
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
}
.angular-google-map .angular-google-map-container {
  height: 100%;
  width: 100%;
}
.geo-view .preview-container {
  height: 50px;
  width: 50px;
}
.geo-view .landscape-img img {
  height: 100%;
}
.geo-view .vertical-img img {
  width: 100%;
}
.geo-view .auto-center {
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.geo-view .my-cust-marker {
  width: 54px;
  height: 54px;
  position: absolute;
  cursor: pointer;
  background-color: #ffffff;
  border-radius: 5px;
}
.geo-view .my-cust-marker .div-img {
  max-width: 50px;
  max-height: 50px;
  overflow: hidden;
  border-radius: 5px;
}
.geo-view .my-cust-marker:after {
  content: '';
  position: absolute;
  border-style: solid;
  border-width: 12px 8px 0px;
  border-color: #ffffff transparent;
  display: block;
  width: 0;
  top: 54px;
  left: 18px;
}
.geo-view .small {
  width: 54px;
  height: 54px;
  border-radius: 5px;
}
.geo-view .small .div-img {
  max-width: 50px;
  max-height: 50px;
  border-radius: 5px;
}
.geo-view .small:after {
  border-width: 12px 8px 0px;
  top: 54px;
  left: 19px;
}
.geo-view .medium {
  width: 84px;
  height: 84px;
  border-radius: 5px;
}
.geo-view .medium .div-img {
  max-width: 80px;
  max-height: 80px;
  border-radius: 5px;
}
.geo-view .medium:after {
  border-width: 12px 8px 0px;
  top: 84px;
  left: 34px;
}
.geo-view .large {
  width: 124px;
  height: 124px;
  border-radius: 5px;
}
.geo-view .large .div-img {
  max-width: 120px;
  max-height: 120px;
  border-radius: 5px;
}
.geo-view .large:after {
  border-width: 12px 8px 0px;
  top: 124px;
  left: 54px;
}
/** FIX for Bootstrap and Google Maps Info window styes problem **/
img[src*="gstatic.com/"],
img[src*="googleapis.com/"] {
  max-width: none;
}
/* uncomment this if you are using the <google-map> element instead of a div
.angular-google-map {
  display: block;
  }*/
.custom-info-window {
  background: rgba(255, 255, 255, 0.7);
  color: white;
  padding: 5px;
  border: 1px solid white;
  box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.7);
  border-radius: 5px;
  width: 90px;
  max-width: 60px;
  max-height: 60px;
  margin-top: 10px;
  margin-left: -130px;
}
.custom-info-window a {
  color: white;
  text-decoration: underline;
}
.custom-info-window:after {
  content: '';
  position: absolute;
  border-style: solid;
  border-width: 20px 8px 0px;
  border-color: rgba(255, 255, 255, 0.7) transparent;
  display: block;
  width: 0;
  z-index: 1;
  top: 60px;
  left: 18px;
}
.more-icon {
  float: right;
  margin-top: 15px;
  cursor: pointer;
}
.arrow-up {
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid black;
}
.arrow-down {
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid black;
}
.quick-tags .tag-select {
  background: #e0dfdf !important;
}
.quick-tags .keyword-box:hover {
  background: #f2f2f2 !important;
  cursor: pointer;
}
/* userSelector */
ul.user-selector-items li {
  margin-bottom: 5px;
  position: relative;
}
ul.user-selector-items li .user-avatar {
  width: 32px;
  height: 32px;
  display: inline-block;
  vertical-align: middle;
  margin: 0 4px;
  border-radius: 18px;
  -webkit-border-radius: 16px;
}
ul.user-selector-items li .user-name {
  position: absolute;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  line-height: 32px;
  left: 40px;
  top: 4px;
  padding-right: 7px;
}
ul.user-selector-items li .user-name.highlighted {
  background-color: #337ab7;
  top: 0px;
  color: #ffffff;
}
ul.user-selector-items li button {
  float: right;
}
ul.user-selector-items li .add-user-btn {
  display: inline-block;
  vertical-align: middle;
  font-size: 13px;
  background: #ddd;
  width: 24px;
  height: 24px;
  border-radius: 12px;
  text-align: center;
  line-height: 24px;
  font-weight: 900;
  cursor: pointer;
}
ul.user-selector-items li .cancel-user-btn {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 12px;
  width: 18px;
  height: 18px;
  background: #ccc;
  border-radius: 9px;
  line-height: 18px;
  text-align: center;
  color: #fff;
  cursor: pointer;
}
ul.user-selector-items .select-item {
  opacity: 0.4;
}
ul.user-selector-items .select-item button {
  cursor: default!important;
}
ul.user-selector-items.user-selector-drop li.highlighted {
  background-color: #337ab7;
  background-image: none;
  color: white;
}
.user-selector {
  display: inline-block;
  position: absolute;
  left: 0;
  bottom: -163px;
  padding: 5px;
  background: #ffffff;
  border: 1px solid #ccc;
  border-radius: 10px;
  width: 100%;
  z-index: 1000;
  height: 160px;
  overflow-y: auto;
  color: #192237;
}
.user-selector li .btn-default {
  background-color: #9d9d9d !important;
  border-radius: 15px;
  width: 100%;
  margin: 0;
  font-weight: bold;
  outline: none;
}
.user-selector li .btn-default:hover,
.user-selector li .btn-default:focus,
.user-selector li .btn-default:active {
  color: #ffffff !important;
}
.user-selector-dialog .modal-body {
  padding: 20px 20px 10px 20px !important;
  height: 400px;
}
.user-selector-dialog .modal-body .user-selector-container {
  border: 1px solid #ddd;
  height: 100%;
  padding: 20px;
  border-radius: 8px;
}
.user-selector-dialog .modal-body .user-selector-container .row {
  height: 100%;
}
.user-selector-dialog .modal-body .user-selector-container .row .col-sm-6 {
  overflow-y: auto;
  scrollbar-base-color: #C0C0C0;
  scrollbar-face-color: rgba(250, 83, 28, 0);
  scrollbar-3dlight-color: #C0C0C0;
  scrollbar-highlight-color: #C0C0C0;
  scrollbar-track-color: #dddddd;
  scrollbar-arrow-color: black;
  scrollbar-shadow-color: #C0C0C0;
  scrollbar-dark-shadow-color: #C0C0C0;
  height: 100%;
}
.user-selector-dialog .modal-body .user-selector-container .row .col-sm-6::-webkit-scrollbar-thumb {
  background-color: rgba(250, 83, 28, 0);
}
.user-selector-dialog .modal-body .user-selector-container .row .col-sm-6::-webkit-scrollbar-track-piece {
  background-color: #dddddd;
  -webkit-border-radius: 0;
}
.user-selector-dialog .modal-body .user-selector-container .row .col-sm-6::-webkit-scrollbar {
  width: 10px;
}
.user-selector-dialog .modal-body .user-selector-container .row .col-sm-6:first-child {
  border-right: 1px solid #ddd;
}
.user-selector-dialog .modal-body .user-selector-search-box input {
  width: 100%;
  height: 30px;
  padding-left: 30px;
}
.user-selector-dialog .modal-body .user-selector-search-box .icon-search {
  position: absolute;
  left: 10px;
  top: 8px;
  font-size: 16px;
  color: #9d9d9d;
}
.user-selector-dialog .modal-body .icon-s-BackButton_28 {
  transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
}
.user-selector-dialog .modal-body .user-name {
  width: 165px;
}
.user-selector-dialog .modal-body .btn-default {
  padding: 0;
  height: 32px;
  width: 32px;
  border: 0;
}
.user-selector-dialog .modal-footer {
  border-top: none;
}
split-bar {
  position: absolute!important;
  height: 100vh;
  width: 8px;
  z-index: 10;
  cursor: ew-resize;
  display: none;
}
.ui-pagination li {
  cursor: pointer;
  float: left;
  height: 32px;
  line-height: 32px;
  font-size: 15px;
}
.ui-pagination .pagination-prev,
.ui-pagination .pagination-next {
  font-size: 32px;
  padding: 0 15px;
  color: #5e5e5e;
}
.ui-pagination .active {
  color: #f00046 !important;
  font-weight: bold;
}
.ui-pagination .disabled {
  color: #dbdbdb;
}
video-cutter {
  position: relative;
  display: inline-block;
  width: 100%;
}
video-cutter .video-cutter-bar {
  height: 10px;
  position: relative;
  width: 100%;
  background: #ccc;
  margin: 25px 0 10px 0;
}
video-cutter .video-cutter-range-bar {
  height: 10px;
  position: absolute;
  background: #289ba5;
  opacity: 0.4;
}
video-cutter .video-cutter-cursor {
  height: 15px;
  width: 2px;
  background: #000;
  display: inline-block;
  position: absolute;
  bottom: 0;
}
video-cutter .video-cutter-cursor .video-cutter-handle {
  display: inline-block;
  position: absolute;
  bottom: 15px;
  cursor: move;
}
video-cutter .video-cutter-cursor.cursor-left {
  background-color: #547F35;
}
video-cutter .video-cutter-cursor.cursor-left .video-cutter-handle {
  left: -18px;
  border-top: 10px solid transparent;
  border-right: 10px solid #547F35;
  border-bottom: 10px solid #547F35;
  border-left: 10px solid transparent;
}
video-cutter .video-cutter-cursor.cursor-right {
  background-color: #791E1A;
}
video-cutter .video-cutter-cursor.cursor-right .video-cutter-handle {
  left: 0;
  border-top: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #791E1A;
  border-left: 10px solid #791E1A;
}
video-cutter .video-cutter-play-cursor {
  height: 10px;
  width: 2px;
  background: #617b80;
  display: inline-block;
  position: absolute;
  padding-top: 10px;
  top: 0;
  left: 0;
}
video-cutter .video-cutter-play-cursor .video-cutter-play-cursor-handle {
  position: absolute;
  top: -2px;
  left: -9px;
  font-size: 28px;
  cursor: move;
  border-top: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #617b80;
  border-left: 10px solid transparent;
}
video-cutter .cutter-label {
  font-weight: bold;
}
.modal-subtitle-body {
  padding: 2em;
  padding-bottom: 1em;
  /* IE11 */
}
.modal-subtitle-body .subtitle-language-input {
  width: 100%;
  height: 2.2em;
  line-height: 2.2em;
  background: transparent;
  padding-left: 2.5em;
}
.modal-subtitle-body *::-ms-backdrop,
.modal-subtitle-body .subtitle-language-input {
  padding-top: 0;
  width: 99%;
}
.modal-subtitle-body .icon-s-Dropdown_16 {
  margin: -2em;
  vertical-align: -2px;
}
.modal-subtitle-body h5 {
  margin-bottom: 1em;
}
.modal-subtitle-body h5.compact {
  float: left;
  margin-bottom: .5em;
}
.modal-subtitle-body h5.compact.non-float {
  float: none;
}
.modal-subtitle-body .compact-message {
  display: block;
  clear: left;
  width: 80%;
}
.modal-subtitle-body .subtitle-upload-track {
  float: right;
  margin-top: -2.5em;
}
.modal-subtitle-body .upload-file-type {
  background: #4d97ff;
  border-radius: 5px;
  color: white;
  float: left;
  font-weight: bold;
  height: 40px;
  line-height: 40px;
  text-align: center;
  width: 45px;
}
.modal-subtitle-body .upload-status {
  height: 40px;
  padding: 5px 0;
}
.modal-subtitle-body .upload-status .subtitle-upload-track {
  margin-top: 4px;
  height: 25px;
  width: 25px;
  padding: 0;
  text-align: center;
  padding-left: 2px;
  padding-top: 3px;
}
.modal-subtitle-body .upload-progress {
  float: left;
  width: 80%;
  margin: 0 1em;
  height: 40px;
}
.modal-subtitle-body .upload-file-name {
  font-weight: bold;
  white-space: nowrap;
  display: inline-block;
  overflow: hidden;
  width: 100%;
  text-overflow: ellipsis;
}
.modal-subtitle-body .progress-bar {
  height: 5px;
  width: 100%;
  background: silver;
  margin: 7px 0;
  background-color: #f5f5f5;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
.modal-subtitle-body .current-progress {
  width: 0;
  height: 100%;
  background-color: red;
}
.modal-subtitle-body .current-progress.-in-progress {
  width: 20%;
  transition: width 10s linear;
}
.modal-subtitle-body .current-progress.-done {
  width: 100%;
  transition: width .5s linear;
}
.subtitle-select-language {
  margin-bottom: 1em;
}
.subtitle-select-language h4 {
  margin: .5em 0;
}
.subtitle-select-language .icon-s-remember {
  margin: 0.5em 0 -3em 1em;
  float: left;
}
.subtitle-language-list {
  display: none;
  box-shadow: 2px 2px 10px #ECEAEA;
  max-height: 150px;
  overflow-y: auto;
  position: absolute;
  z-index: 9999;
  background: white;
}
.subtitle-language {
  height: 2em;
  line-height: 2em;
  padding: 0 .5em;
  border-radius: 1em;
}
.subtitle-language:hover {
  background-color: #cecece;
}
.subtitle-language .icon-s-remember {
  padding: 0 .5em;
}
.subtitle-language .icon-s-remember.-without-track {
  visibility: hidden;
}
.subtitle-upload-track-file {
  border: 1px dashed #cecece;
  padding: 1.5em;
  border-radius: 5px;
  height: 84px;
  text-align: center;
}
.subtitle-upload-track-file .subtitle-download-track {
  float: none;
  display: inline-block;
  margin: 0 auto;
  margin: .3em .5em;
}
.subtitle-transcript-auto {
  margin-top: -1em;
  text-align: right;
}
.subtitle-transcript-auto .subtitle-transcript-button {
  display: inline-block;
  margin: 1em auto 0;
}
.subtitle-transcript-auto .subtitle-transcript-button.disabled {
  opacity: 0.5;
  cursor: default;
  outline: none;
}
.icon-s-AddSubtitle:before {
  color: white;
}
.landing-page {
  height: auto !important;
  bottom: 0;
}
.landing-page .content {
  padding: 15px;
}
.pagearea {
  min-height: 150px;
  position: relative;
  overflow-y: auto;
}
.pagearea .admin-header .lead {
  margin-top: 20px;
}
.pagearea .setting-list {
  margin: 0 auto;
  width: 1050px;
}
.pagearea .admin {
  box-shadow: 0 0 8px #ccc;
  border-radius: 4px;
  float: left;
}
.pagearea .admin:hover {
  box-shadow: 0 0 10px #aaa;
}
.pagearea .admin .title {
  height: 58px;
  line-height: 58px;
  font-size: 14px;
  color: #5A6A7F;
  font-weight: bold;
  padding-left: 30px;
  border-bottom: 1px solid #d9d9d9;
}
.pagearea .admin ul {
  list-style: none;
  overflow: hidden;
  width: 312px;
  margin: 31px auto 0;
}
.pagearea .admin ul.portal-list {
  width: 100%;
}
.pagearea .admin ul li {
  float: left;
  width: 104px;
  height: 130px;
  padding: 0 0 31px;
  position: relative;
  min-height: 130px;
  line-height: 16px;
}
.pagearea .admin ul li a:hover {
  color: #416084;
}
.pagearea .admin ul li a:hover i {
  background-color: #9B9B9B;
  border-radius: 50%;
  -moz-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
  -webkit-transition: all 0.1s ease;
  transition: all 0.1s ease;
  display: block;
  color: #fff;
  min-height: 36px;
  min-width: 36px;
  font-size: 36px;
  line-height: 60px;
}
.pagearea .admin ul li a {
  position: relative;
  padding: 8px 0 2px 0;
  text-align: center;
  text-decoration: none;
  color: #666;
  width: 124px;
}
.pagearea .admin ul li a .img-outer {
  height: 60px;
  width: 60px;
  margin: 0 auto 10px;
  border-radius: 50%;
}
.pagearea .admin ul li a i {
  background-color: #7F7F7F;
  border-radius: 50%;
  -moz-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
  -webkit-transition: all 0.1s ease;
  transition: all 0.1s ease;
  display: block;
  color: #fff;
  text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2);
  min-height: 36px;
  min-width: 36px;
  font-size: 36px;
  height: 100%;
  line-height: 60px;
}
.pagearea .admin ul li a .admin-icon-text {
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  word-wrap: break-word;
  line-height: 16px;
  margin: 0 0;
  position: relative;
  font-weight: bold;
  font-size: 12px;
}
.pagearea .admin ul li.disabledforCrew a {
  color: #9B9B9B;
}
.pagearea .admin ul li.disabledforCrew a i {
  background-color: #C3C3C3;
  color: #E8E8E8;
}
.pagearea .admin ul li.disabledforCrew:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  cursor: default;
  z-index: 10;
}
.pagearea .admin.support-channels {
  width: 330px;
  height: 598px;
}
.pagearea .admin.account-settings {
  width: 330px;
  height: 598px;
  float: right;
}
.pagearea .admin.helpdesk-productivity {
  width: 330px;
  margin: 0 30px;
}
.pagearea .admin.upload-links {
  width: 330px;
  margin: 30px 30px 0;
}
.pagearea .admin.general-settings {
  width: 100%;
  clear: both;
  margin-top: 30px;
}
.pagearea .admin.general-settings:last-child {
  margin-bottom: 15px;
}
/*canto logo blue*/
.flight {
  color: #009cb9!important;
}
.flightBg {
  background-color: #009cb9!important;
}
.flightBorder {
  border-color: #009cb9!important;
}
.more-text {
  position: relative;
  float: right;
  padding-right: 30px;
  color: inherit;
}
.more-text:hover {
  text-decoration: none;
}
.report-filter-bar .date-picker,
.filter-bar .date-picker {
  display: inline-block;
}
.report-export-dialog .modal-body {
  background-color: #fff;
  color: #000;
  min-height: 250px;
}
.report-export-dialog .modal-body input,
.report-export-dialog .modal-body select,
.report-export-dialog .modal-body textarea {
  color: #212121 !important;
  background-color: #f9f9f9;
  border-color: #dddddd;
  outline: none;
}
.report-export-dialog .settings-modal-footer button {
  background-color: #5c5c5c;
  color: #fff;
}
.report-export-dialog .report-filter-bar {
  margin-top: 10px;
}
.report-export-dialog .modal-content {
  background-color: #fff;
}
.report-export-dialog .select-wrap:after {
  background-color: #e0e0e0;
  color: #212121;
}
.report-export-dialog .csv-items {
  display: flex;
  flex-direction: column;
  font-weight: 400;
}
.report-export-dialog .csv-title {
  margin-top: 10px;
  font-weight: 500;
  padding-bottom: 5px;
}
.report-export-dialog .mt-20 {
  margin-top: 16px;
}
.report-export-dialog .newui .range-title {
  padding: 0 0 5px 0 !important;
  font-size: 16px;
}
.report-export-dialog .yi {
  margin-right: 40px;
}
.normal-weight {
  font-weight: 400!important;
}
.setting-warn {
  color: #000;
  background-color: #f5f5f5;
  padding: 11px 10px 8px 10px;
  border-radius: 4px;
  display: flex;
  align-items: flex-start;
  font-weight: 400;
  position: absolute;
  bottom: 4px;
  line-height: 20px;
}
.setting-warn .icon {
  margin-right: 5px;
  cursor: default;
  margin-top: 3px;
}
.setting-warn a {
  color: #009FEB;
  text-decoration: underline;
  cursor: pointer;
}
@font-face {
  font-family: 'icomoon';
  src: url('../assets/settingFonts/icomoon.eot?sxzxc325');
  src: url('../assets/settingFonts/icomoon.eot?sxzxc325#iefix') format('embedded-opentype'), url('../assets/settingFonts/icomoon.ttf?sxzxc325') format('truetype'), url('../assets/settingFonts/icomoon.woff?sxzxc325') format('woff'), url('../assets/settingFonts/icomoon.svg?sxzxc325#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
[class^="icon-s-"],
[class*=" icon-s-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-s-virtual360:before {
  content: "\ea16";
}
.list-icon_product:before {
  content: "\e111";
  font-size: 19px;
}
.icon-s-folder-01:before {
  content: "\e9bc";
}
.icon-s-more-24:before {
  content: "\e941";
}
.icon-s-more-h:before {
  content: "\e940";
}
.icon-s-Treemenu-24:before {
  content: "\e955";
}
.icon-s-arrow-24:before {
  content: "\e956";
}
.icon-s-profile-24:before {
  content: "\e957";
}
.icon-s-settings-24:before {
  content: "\e958";
}
.icon-s-advanceduploader-24:before {
  content: "\e959";
}
.icon-s-mycollections-24:before {
  content: "\e95a";
}
.icon-s-logoout-24:before {
  content: "\e95b";
}
.icon-s-help-24:before {
  content: "\e95c";
}
.icon-s-gotoportal-24:before {
  content: "\e95d";
}
.icon-s-aboutus-24:before {
  content: "\e95e";
}
.icon-s-TypeASC-20:before {
  content: "\e950";
}
.icon-s-TypeDESC-20:before {
  content: "\e950";
}
.icon-s-DateASC-20:before {
  content: "\e948";
}
.icon-s-DateDESC-20:before {
  content: "\e949";
}
.icon-s-NameASC:before {
  content: "\e951";
}
.icon-s-NameDESC:before {
  content: "\e951";
}
.icon-s-Workspace-20:before {
  content: "\e94e";
}
.icon-s-MasonryGridView-20:before {
  content: "\e939";
}
.icon-s-Edit-20:before {
  content: "\e93a";
}
.icon-s-Search-20:before {
  content: "\e93b";
}
.icon-s-ThumbnailView-20:before {
  content: "\e93c";
}
.icon-s-GEOView-20:before {
  content: "\e93d";
}
.icon-s-ListView-20:before {
  content: "\e93e";
}
.icon-s-Filter-20:before {
  content: "\e93f";
}
.icon-s-Date-20:before {
  content: "\e953";
}
.icon-s-Comment-22:before {
  content: "\e931";
}
.icon-s-Comment-23:before {
  content: "\e9c1";
}
.icon-s-w-approve:before {
  content: "\e9c2";
}
.icon-s-w-complete:before {
  content: "\e9c3";
}
.icon-s-w-reject:before {
  content: "\e9c4";
}
.icon-s-Delete-22:before {
  content: "\e932";
}
.icon-s-UnrelateFile-22:before {
  content: "\e92b";
}
.icon-s-RelateFile-22:before {
  content: "\e92c";
}
.icon-s-active:before {
  content: "\e92a";
}
.icon-s-AllFiles-32:before {
  content: "\e944";
}
.icon-s-Audio-32:before {
  content: "\e945";
}
.icon-s-Documents-32:before {
  content: "\e946";
}
.icon-s-Images-32:before {
  content: "\e947";
}
.icon-s-Others-32:before {
  content: "\e94c";
}
.icon-s-Presentations-32:before {
  content: "\e94d";
}
.icon-s-Videos-32:before {
  content: "\e954";
}
.icon-s-PageDown-32:before {
  content: "\e95f";
}
.icon-s-PageUp-32:before {
  content: "\e960";
}
.icon-s-Add_Section-32:before {
  content: "\e938";
}
.icon-s-Portal-32:before {
  content: "\e92d";
}
.icon-s-Error-24:before {
  content: "\e928";
}
.icon-s-Approval-56:before {
  content: "\e966";
}
.icon-s-UsersAccounts-56:before {
  content: "\e967";
}
.icon-s-SmartTags-56:before {
  content: "\e965";
}
.icon-s-Uploadicon-56:before {
  content: "\e961";
}
.icon-s-importicon-56:before {
  content: "\e963";
}
.icon-s-Workspace-56:before {
  content: "\e94f";
}
.icon-s-Slack-56:before {
  content: "\e937";
}
.icon-s-add-album:before {
  content: "\e935";
}
.icon-s-Arrow002-56:before {
  content: "\e936";
}
.icon-s-SelfRegistration-56:before {
  content: "\e933";
}
.icon-s-text-up:before {
  content: "\e92e";
}
.icon-s-text-down:before {
  content: "\e92f";
}
.icon-s-UploadLinks-56:before {
  content: "\e930";
}
.icon-s-mySelections:before {
  content: "\e915";
}
.icon-s-myCollections:before {
  content: "\e916";
}
.icon-s-myFollowing:before {
  content: "\e917";
}
.icon-s-info-down:before {
  content: "\e91b";
}
.icon-s-info-up:before {
  content: "\e91c";
}
.icon-s-content-del:before {
  content: "\e91d";
}
.icon-s-approved-56:before {
  content: "\e91e";
}
.icon-s-circle-plus:before {
  content: "\e920";
}
.icon-s-verified-user:before {
  content: "\e926";
}
.icon-s-inactive:before {
  content: "\e929";
}
.icon-s-box-56:before {
  content: "\e914";
}
.icon-s-newFolder:before {
  content: "\e918";
}
.icon-s-Dropbox-56:before {
  content: "\e919";
}
.icon-s-mainLibrary:before {
  content: "\e91a";
}
.icon-s-save-as:before {
  content: "\e91f";
}
.icon-s-textRecognition:before {
  content: "\e921";
}
.icon-s-file-open:before {
  content: "\e922";
}
.icon-s-Workflow-56:before {
  content: "\e923";
}
.icon-s-Google-56:before {
  content: "\e924";
}
.icon-s-restore:before {
  content: "\e925";
}
.icon-s-move:before {
  content: "\e927";
}
.icon-s-lock_16:before {
  content: "\e968";
}
.icon-s-notlock_16:before {
  content: "\e969";
}
.icon-s-Type-16:before {
  content: "\e950";
}
.icon-s-Name-16:before {
  content: "\e951";
}
.icon-s-Custom-16:before {
  content: "\e952";
}
.icon-s-Date-16:before {
  content: "\e953";
}
.icon-s-Warning-16:before {
  content: "\e934";
}
.icon-s-unassign:before {
  content: "\e913";
}
.icon-s-Unlink_16:before {
  content: "\e900";
}
.icon-s-Search_16:before {
  content: "\e901";
}
.icon-s-Refresh_16:before {
  content: "\e902";
}
.icon-s-RadioButton2_16:before {
  content: "\e903";
}
.icon-s-RadioButton1_16:before {
  content: "\e904";
}
.icon-s-UnselectedCheck_32:before {
  content: "\e962";
}
.icon-s-Ok2_32:before {
  content: "\e905";
}
.icon-s-Ok1_16:before {
  content: "\e906";
}
.icon-s-Edit_16:before {
  content: "\e907";
}
.icon-s-Dropdown_16:before {
  content: "\e908";
}
.icon-s-Delete_16:before {
  content: "\e909";
}
.icon-s-Date_16:before {
  content: "\e90a";
}
.icon-s-ClosePopup_16:before {
  content: "\e90b";
}
.icon-s-Checkbox2_16:before {
  content: "\e90c";
}
.icon-s-Checkbox1_16:before {
  content: "\e90d";
}
.icon-s-Cancel_16:before {
  content: "\e90e";
}
.icon-s-BackButton_28:before {
  content: "\e90f";
}
.icon-s-Arrow3_16:before {
  content: "\e910";
}
.icon-s-Arrow2_16:before {
  content: "\e911";
}
.icon-s-Arrow1_16:before {
  content: "\e912";
}
.icon-s-filter-col:before {
  content: "\e964";
}
.icon-s-dashboard_24:before {
  content: "\e96a";
}
.icon-s-Album_locked-20px:before {
  content: "\e96b";
}
.icon-s-Album-20px:before {
  content: "\e96c";
}
.icon-s-Folder_locked-20px:before {
  content: "\e9bf";
}
.icon-s-Folder_open_locked-20px:before {
  content: "\e9c0";
}
.icon-s-Folder_open-20px:before {
  content: "\e9bd";
}
.icon-s-closeicon-16px:before {
  content: "\e970";
}
.icon-s-refreshicon-16px:before {
  content: "\e971";
}
.icon-s-logout-20px:before {
  content: "\e975";
}
.icon-s-RequestAccessUser-16:before {
  content: "\e978";
}
.icon-s-LandingPageTempl08-32:before {
  content: "\e979";
}
.icon-s-LandingPageTempl07-32:before {
  content: "\e97a";
}
.icon-s-LandingPageTempl06-32:before {
  content: "\e97b";
}
.icon-s-LandingPageTempl05-32:before {
  content: "\e97c";
}
.icon-s-LandingPageTempl04-32:before {
  content: "\e97d";
}
.icon-s-LandingPageTempl03-32:before {
  content: "\e97e";
}
.icon-s-LandingPageTempl02-32:before {
  content: "\e97f";
}
.icon-s-LandingPageTempl01-32:before {
  content: "\e980";
}
.icon-s-db-32:before {
  content: "\e982";
  color: #60ACEC;
}
.icon-s-box-32:before {
  content: "\e983";
  color: #307ABB;
}
.icon-s-twitter-32 {
  position: relative;
  display: inline-block;
  width: 1em;
  height: 1em;
}
.icon-s-twitter-32::before,
.icon-s-twitter-32::after {
  position: absolute;
}
.icon-s-twitter-32::before {
  content: "\ea4f";
  color: #000000;
}
.icon-s-twitter-32::after {
  content: "\ea50";
  color: #fff;
}
.icon-s-youtube-32:before {
  content: "\e985";
  color: #C8312B;
}
.icon-s-vimeo-32:before {
  content: "\e986";
  color: #30B9EB;
}
.icon-s-slack-32:before {
  content: "\e987";
  color: #77D4B6;
}
.icon-s-mail-32:before {
  content: "\e988";
  color: #566ED6;
}
.icon-s-link-32:before {
  content: "\e9f7";
  color: #F68B1E;
}
.icon-s-googledrive-32:before {
  content: "\e989";
  color: #029D54;
}
.icon-s-wrike-32:before {
  content: "\ea20";
  color: #839D54;
}
.icon-s-add:before {
  content: "\ea21";
}
.icon-s-googleanalytics-32:before {
  content: "\e98a";
}
.icon-s-facebook-32:before {
  content: "\e98b";
  color: #6678C5;
}
.icon-s-pinterest-32:before {
  content: "\e98c";
  color: #DF4A3E;
}
.icon-s-arrow_circle_down-62:before {
  content: "\e99e";
}
.icon-s-Email-56:before {
  content: "\e98f";
}
.icon-s-hamburger-20:before {
  content: "\e990";
}
.icon-s-dagger_solid-20:before {
  content: "\e991";
}
.icon-s-dagger-20:before {
  content: "\e992";
}
.icon-s-align_center-16:before {
  content: "\e997";
  color: #8a8a8a;
}
.icon-s-align_left-16:before {
  content: "\e998";
}
.icon-s-align_right-16:before {
  content: "\e999";
}
.icon-s-bold-16:before {
  content: "\e99a";
}
.icon-s-calendar-16:before {
  content: "\e99b";
}
.icon-s-italics-16:before {
  content: "\e996";
}
.icon-s-pencil-16:before {
  content: "\e907";
}
.icon-s-pencil-16-2:before {
  content: "\e995";
}
.icon-s-portal-16:before {
  content: "\e993";
}
.icon-s-canto-eyeno-16:before {
  content: "\e994";
}
.icon-s-filter-16:before {
  content: "\e99c";
}
.icon-s-sort-16:before {
  content: "\e98d";
}
.icon-s-undo-16:before {
  content: "\e98e";
}
.icon-s-help-16:before {
  content: "\e99d";
}
.icon-s-layout01-32:before {
  content: "\e99f";
}
.icon-s-layout02-32:before {
  content: "\e9a0";
}
.icon-s-layout03-32:before {
  content: "\e9a1";
}
.icon-s-layout04-32:before {
  content: "\e9a2";
}
.icon-s-layout05-32:before {
  content: "\e9a3";
}
.icon-s-layout06-32:before {
  content: "\e9a4";
}
.icon-s-layout07-32:before {
  content: "\e9a5";
}
.icon-s-layout08-32:before {
  content: "\e9a6";
}
.icon-s-layout09-32:before {
  content: "\e9a7";
}
.icon-s-layout10-32:before {
  content: "\e9a8";
}
.icon-s-layout11-32:before {
  content: "\e9a9";
}
.icon-s-layout12-32:before {
  content: "\e9aa";
}
.icon-s-layout13-32:before {
  content: "\e9ab";
}
.icon-s-layout14-32:before {
  content: "\e9ac";
}
.icon-s-fontfamily-16:before {
  content: "\e9ad";
}
.icon-s-Clone-16:before {
  content: "\e9ae";
}
.icon-s-save-16:before {
  content: "\e9af";
}
.icon-s-Portal_Private-20:before {
  content: "\e9b2";
}
.icon-s-Portal_Public-20:before {
  content: "\e9b1";
}
.icon-s-Portal_Common-20:before {
  content: "\e9b0";
}
.icon-s-Keyword-16:before {
  content: "\e9b3";
}
.icon-s-single_workspace-20:before {
  content: "\e9b4";
}
.icon-s-workspaces-20:before {
  content: "\e9b5";
}
.icon-s-Fullscreen:before {
  content: "\e9b6";
}
.icon-s-indesignPackage:before {
  content: "\e9b7";
}
.icon-s-documentPackage:before {
  content: "\e9b8";
}
.icon-s-comments:before {
  content: "\e9b9";
}
.icon-s-map:before {
  content: "\e9ba";
}
.icon-s-GenerateMyDoc:before {
  content: "\e9bb";
}
.icon-s-new-folder:before {
  content: "\e9bc";
}
.icon-s-open-folder:before {
  content: "\e9bd";
}
.icon-s-new-big-folder:before {
  content: "\e9be";
}
.icon-s-new-lock-folder:before {
  content: "\e9bf";
}
.icon-s-open-lock-folder:before {
  content: "\e9c0";
}
.icon-s-exportMetadata:before {
  content: "\e9c5";
}
.icon-s-exportThumbnails:before {
  content: "\e9c6";
}
.icon-s-Start_Normal:before {
  content: "\e9c7";
}
.icon-s-Start_Activated:before {
  content: "\e9c8";
}
.icon-s-layout15-32:before {
  content: "\e9c9";
}
.icon-s-insert_file:before {
  content: "\e9ca";
}
.icon-s-assetrequest:before {
  content: "\e9cb";
}
.icon-s-style-guide:before {
  content: "\e9cc";
}
.icon-s-fit:before {
  content: "\e9cd";
}
.icon-s-style-guide-l:before {
  content: "\e9ce";
}
.icon-s-style-guide-b:before {
  content: "\e9cf";
}
.icon-s-font-color:before {
  content: "\e9d0";
}
.icon-s-refresh-20px:before {
  content: "\e972";
}
.icon-s-layout17-32:before {
  content: "\e9d2";
}
.icon-s-layout18-32:before {
  content: "\e9ec";
}
.icon-s-layout16-32:before {
  content: "\e9d3";
}
.icon-s-m-layout3:before {
  content: "\e9d4";
}
.icon-s-m-layout2:before {
  content: "\e9d5";
}
.icon-s-m-layout1:before {
  content: "\e9d6";
}
.icon-s-expired-20:before {
  content: "\e9d7";
}
.icon-s-fontBT:before {
  content: "\e9d8";
}
.icon-s-fontDT:before {
  content: "\e9d9";
}
.icon-s-egnyte-56:before {
  content: "\e9da";
}
.icon-s-egnyte_folder:before {
  content: "\e9db";
}
.icon-s-egnyte_folder_open:before {
  content: "\e9dc";
}
.icon-s-onedrive_folder:before {
  content: "\e9ed";
}
.icon-s-onedrive_folder_open:before {
  content: "\e9f1";
}
.icon-s-Face:before {
  content: "\e9dd";
}
.icon-s-relatedFiles:before {
  content: "\e9de";
}
.icon-s-remeberSelected:before {
  content: "\e9df";
}
.icon-s-duplicates:before {
  content: "\e9e0";
}
.icon-s-categoryFiles:before {
  content: "\e9e1";
}
.icon-s-remember:before {
  content: "\e9e2";
}
.icon-s-replace:before {
  content: "\e9e3";
}
.icon-s-linkedin-32:before {
  content: "\e9e4";
  color: #0097D3;
}
.icon-s-approve1:before {
  content: "\e9e7";
}
.icon-s-expired:before {
  content: "\e9e8";
}
.icon-s-pending:before {
  content: "\e9e9";
}
.icon-s-restrict:before {
  content: "\e9ea";
}
.icon-s-restricted:before {
  content: "\e9ea";
}
.icon-s-AddSubtitle:before {
  content: "\e9e5";
}
.icon-s-Subtitle:before {
  content: "\e9e6";
}
.icon-s-AutoTag:before {
  content: "\e9fe";
}
.icon-s-art:before {
  content: "\e9eb";
}
.icon-onedrive_folder:before {
  content: "\e9ed";
}
.icon-s-sharepoint:before {
  content: "\e9ee";
}
.icon-s-sharepoint_newfolder:before {
  content: "\e9ef";
}
.icon-s-sharepoint_openfolder:before {
  content: "\e9f0";
}
.icon-s-readtext:before {
  content: "\e9f2";
}
.icon-s-share:before {
  content: "\e9f3";
}
.icon-s-download:before {
  content: "\e9f4";
}
.icon-s-user:before {
  content: "\e9f5";
}
.icon-s-en:before {
  content: "\e9f6";
}
.icon-s-refresh619:before {
  content: "\e9f8";
}
.icon-s-cancelShareCollect:before {
  content: "\e9f9";
}
.icon-s-shareCollect:before {
  content: "\e9fa";
}
.icon-s-Timefresh:before {
  content: "\e9fb";
}
.icon-s-SearchDocument:before {
  content: "\e9ff";
}
.icon-s-AutoTag-Image:before {
  content: "\ea00";
}
.icon-s-AutoTag-Image1:before {
  content: "\ea01";
}
.icon-s-cantologo:before {
  content: "\ea02";
}
.icon-s-stop:before {
  content: "\ea03";
}
.icon-s-eye-on:before {
  content: "\ea04";
}
.icon-s-eye-off:before {
  content: "\ea05";
}
.icon-s-CN:before {
  content: "\ea06";
}
.icon-s-CS:before {
  content: "\ea07";
}
.icon-s-DE:before {
  content: "\ea08";
}
.icon-s-EN:before {
  content: "\ea09";
}
.icon-s-ES:before {
  content: "\ea0a";
}
.icon-s-FR:before {
  content: "\ea0b";
}
.icon-s-IT:before {
  content: "\ea0c";
}
.icon-s-JA:before {
  content: "\ea0d";
}
.icon-s-KO:before {
  content: "\ea0e";
}
.icon-s-NL:before {
  content: "\ea0f";
}
.icon-s-metadata:before {
  content: "\ea1a";
}
.icon-s-eyedropper:before {
  content: "\ea11";
}
.icon-s-paste:before {
  content: "\ea12";
}
.icon-s-info:before {
  content: "\ea13";
}
.icon-s-allfiles:before {
  content: "\ea15";
}
.icon-s-text:before {
  content: "\ea1f";
}
.icon-s-refresh-time:before {
  content: "\ea1d";
}
.icon-s-pinterest:before {
  content: "\ea17";
}
.icon-s-instagram:before {
  content: "\ea18";
}
.icon-s-linkedin:before {
  content: "\ea19";
}
.icon-s-twitter:before {
  content: "\ea1b";
}
.icon-s-vimeo:before {
  content: "\ea1c";
}
.icon-s-youtube:before {
  content: "\ea1e";
}
.icon-s-large-img:before {
  content: "\ea30";
}
.icon-s-custom_status_01:before {
  content: "\ea31";
}
.icon-s-custom_status_02:before {
  content: "\ea34";
}
.icon-s-custom_status_03:before {
  content: "\ea35";
}
.icon-s-custom_status_04:before {
  content: "\ea36";
}
.icon-s-custom_status_05:before {
  content: "\ea37";
}
.icon-s-custom_status_06:before {
  content: "\ea38";
}
.icon-s-custom_status_07:before {
  content: "\ea39";
}
.icon-s-custom_status_08:before {
  content: "\ea3a";
}
.icon-s-custom_status_09:before {
  content: "\ea32";
}
.icon-s-custom_status_10:before {
  content: "\ea3b";
}
.icon-s-custom_status_11:before {
  content: "\ea3c";
}
.icon-s-custom_status_12:before {
  content: "\ea3d";
}
.icon-s-custom_status_13:before {
  content: "\ea33";
}
.icon-s-tune:before {
  content: "\ea3f";
}
.icon-s-checkbox_blank:before {
  content: "\ea40";
}
.icon-s-checkbox:before {
  content: "\ea41";
}
.icon-s-ai:before {
  content: "\ea42";
}
.icon-s-ai2:before {
  content: "\ea43";
}
.icon-s-relevance:before {
  content: "\ea44";
}
.icon-s-underline:before {
  content: "\ea45";
}
.icon-s-preview_40:before {
  content: "\ea46";
}
.icon-s-heart_plus:before {
  content: "\ea47";
}
.icon-s-a2follow:before {
  content: "\ea48";
}
.icon-s-comment-fill:before {
  content: "\ea4c";
}
.icon-s-checkout:before {
  content: "\ea4d";
}
.icon-s-crop:before {
  content: "\ea4a";
}
.icon-s-local_movies:before {
  content: "\ea4b";
}
.icon-s-embed:before {
  content: "\ea49";
}
.icon-s-theaters:before {
  content: "\ea4e";
}
.icon-s-add-circle:before {
  content: "\e984";
}
.settings {
  background-color: rgba(0, 169, 221, 0);
  z-index: 1000;
  position: absolute;
  width: 100%;
  min-width: 1280px;
}
.settings .back-btn {
  font-size: 23px;
  height: 66px;
  display: inline-block;
  line-height: 66px;
}
.settings .nav-logo {
  position: absolute;
  height: 57px;
  margin-left: 10px;
  margin-top: 12px;
}
.settings .profile {
  position: absolute;
  top: 0px;
  right: 0px;
  height: 69px;
}
.settings .profile .photo {
  float: right;
  height: 69px;
  width: 69px;
  border-radius: 35px;
  -webkit-border-radius: 35px;
  margin: 4px 4px 0px 0px;
  overflow: hidden;
}
.settings .profile .photo .photo-avatar {
  height: 69px;
}
.settings .profile .name {
  bottom: 0px;
  right: 80px;
  position: absolute;
  width: 200px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.settings .profile .name .main_tenant {
  margin-bottom: 22px !important;
  margin-top: 4px;
}
.settings .profile .pname {
  font-weight: 600;
  font-size: 14px;
  color: #ffffff;
  text-align: right;
  font-stretch: condensed;
}
.settings .profile .sname {
  font-size: 11px;
  color: #ffffff;
  text-align: right;
}
.settings .nav-menubar {
  position: absolute;
  top: 85px;
  width: 100%;
  height: 40px;
  border: 1px;
  border-color: #CCCCCC;
  background-color: #CCCCCC;
  min-width: 1000px;
}
.settings .nav-menubar .close-icon {
  position: absolute;
  top: 7px;
  right: 11px;
  width: 26px;
  height: 26px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  color: #ffffff;
  opacity: 0.8;
  line-height: 26px;
  font-size: 20px;
}
.settings .nav-menubar .menu-item {
  position: relative;
  min-width: 160px;
  height: 40px;
  line-height: 40px;
  text-align: left;
  font-weight: 600;
  font-size: 12px;
  float: left;
  cursor: pointer;
}
.main-menu-selected {
  background-color: #fff !important;
}
.settings .nav-menubar .menu-separator {
  float: left;
  width: 1px;
  height: 36px;
}
.settings .sub-menu {
  position: absolute;
  z-index: 10;
}
.settings .sub-menu-item {
  height: 30px;
  line-height: 30px;
  text-align: center;
  position: relative;
  z-index: 10;
  color: #FFFFFF;
  border-bottom: solid 1px #FFFFFF;
  background-color: #8C8C8C;
}
.separator {
  color: 000000;
  position: relative;
  top: 5px;
}
.feature-area {
  line-height: 50px;
}
.feature-area .user-search {
  float: right;
  line-height: normal;
  margin: 11px 0px 0px 0px;
}
.feature-title {
  float: left;
  font-size: 23px;
  color: #414141;
  padding-right: 10px;
}
.feature-title-content {
  color: #757575;
  font-size: 28px;
  font-family: 'canto-font', sans-serif;
  font-weight: 300;
  fill: #757575;
  float: none;
}
.admin-content-page {
  position: relative;
  padding-top: 20px;
  margin-left: 20px;
  scrollbar-base-color: #C0C0C0;
  scrollbar-face-color: #626262;
  scrollbar-3dlight-color: #C0C0C0;
  scrollbar-highlight-color: #C0C0C0;
  scrollbar-track-color: #dddddd;
  scrollbar-arrow-color: black;
  scrollbar-shadow-color: #C0C0C0;
  scrollbar-dark-shadow-color: #C0C0C0;
}
.admin-content-page::-webkit-scrollbar-thumb {
  background-color: #626262;
}
.admin-content-page::-webkit-scrollbar-track-piece {
  background-color: #dddddd;
  -webkit-border-radius: 0;
}
.admin-content-page::-webkit-scrollbar {
  width: 10px;
}
.admin-divide-line {
  width: 100%;
  height: 1px;
  border-top: 1px solid #00abde;
  margin: 6px 0px;
}
/*common css used by administrator pages*/
.adminpages-grid {
  display: table;
  border-collapse: separate;
}
.adminpages-grid .header {
  border-width: 1px;
  border-style: solid;
  border-color: #E9E9E9;
  background-color: #DDDDDD;
  font-weight: 600 !important;
  font-size: 12px !important;
}
.adminpages-grid .header:hover {
  background-color: #DDDDDD !important;
}
.adminpages-grid .header div {
  line-height: 34px !important;
}
.adminpages-grid .data-row {
  display: table-row;
  font-size: 13px;
  font-weight: 300;
}
.adminpages-grid .data-row:hover {
  background-color: #EDEDED;
  margin: 0px -10000px 0px 0px;
}
.adminpages-grid .data-row div {
  display: table-cell;
  vertical-align: middle;
  padding-left: 5px;
  line-height: 50px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.adminpages-grid .sortableColumn {
  cursor: pointer;
}
.adminpages-nodata {
  font-size: 16px;
}
.table-last-column {
  border-right: none !important;
}
.grid-container {
  overflow-x: hidden;
  overflow-y: auto;
  width: 95%;
  scrollbar-base-color: #C0C0C0;
  scrollbar-face-color: #626262;
  scrollbar-3dlight-color: #C0C0C0;
  scrollbar-highlight-color: #C0C0C0;
  scrollbar-track-color: #dddddd;
  scrollbar-arrow-color: black;
  scrollbar-shadow-color: #C0C0C0;
  scrollbar-dark-shadow-color: #C0C0C0;
}
.grid-container::-webkit-scrollbar-thumb {
  background-color: #626262;
}
.grid-container::-webkit-scrollbar-track-piece {
  background-color: #dddddd;
  -webkit-border-radius: 0;
}
.grid-container::-webkit-scrollbar {
  width: 10px;
}
.admin-table-border-left {
  border-left-style: solid !important;
  border-left-width: 1px !important;
}
.admin-table-border-right {
  border-right-style: solid !important;
  border-right-width: 1px !important;
}
.admin-table-border-top {
  border-top-style: solid !important;
  border-top-width: 1px !important;
}
.admin-table-border-bottom {
  border-bottom-style: solid !important;
  border-bottom-width: 1px !important;
}
.action-button span {
  color: #DEDEDE !important;
}
.action-button span:hover {
  color: #474747 !important;
  cursor: pointer;
}
.action-button .edit {
  margin-left: 18px;
}
.add-new-button {
  font-size: 25px;
  cursor: pointer;
}
.add-new-button span {
  border-width: 1px;
  border-style: solid;
  border-color: #CCCCCC;
  background-color: #FFFFFF;
  padding-bottom: 1px;
}
.edit-icon {
  position: relative;
  top: 1px;
  left: 29px;
  width: 20px;
  height: 22px;
  float: left;
  border-right-style: none !important;
  cursor: pointer;
}
.delete-icon {
  position: relative;
  top: -6px;
  left: 5px;
  width: 30px;
  height: 32px !important;
  float: left;
  border-right: none !important;
  cursor: pointer;
}
.error-tips {
  text-color: red;
}
.working-indicator {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 10000;
}
.settings-common .working-indicator {
  z-index: 1000;
}
.menu-item .title {
  display: block;
  margin-left: 20px;
}
.menu-item .submenu {
  position: absolute;
  top: 30px;
  z-index: 10001;
  display: none;
}
.menu-item .submenu .triangle {
  width: 0;
  height: 0;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-bottom: 10px solid #8C8C8C;
  margin-left: 19px;
}
.menu-item .submenu .submenuitems {
  background-color: #8C8C8C;
  padding-top: 10px;
  padding-bottom: 10px;
  color: white;
}
.menu-item .submenu .submenuitems .submenuitem {
  text-align: left;
  line-height: 14px;
  padding: 8px 0px 8px 15px;
}
.menu-item .submenu .submenuitems .submenuitem:hover {
  cursor: pointer;
  background-color: #acacac;
}
.menu-item .submenu .submenuitems .sub-item-group {
  float: left;
  width: 180px;
}
.menu-item .submenu .submenuitems .sub-item-group .group-title {
  margin-left: 19px;
  font-size: 18px;
  font-weight: 400;
  cursor: default;
}
.menu-item .submenu .submenuitems .group-separator {
  float: left;
  width: 0px;
  height: 145px;
  margin-top: 15px;
  border-left: solid 1px white;
}
.mainmenuselected {
  background-color: #fff !important;
}
.settings-common {
  position: absolute;
  height: 100vh;
  top: 0;
  padding-top: 66px;
  width: 100%;
  min-width: 1280px;
  color: #626262;
  background: #fff;
  font-size: 15px;
}
.settings-common .settings-scroll-view {
  overflow-y: auto;
  overflow-x: hidden;
  height: 100%;
  scrollbar-base-color: #C0C0C0;
  scrollbar-face-color: #626262;
  scrollbar-3dlight-color: #C0C0C0;
  scrollbar-highlight-color: #C0C0C0;
  scrollbar-track-color: #dddddd;
  scrollbar-arrow-color: black;
  scrollbar-shadow-color: #C0C0C0;
  scrollbar-dark-shadow-color: #C0C0C0;
}
.settings-common .settings-scroll-view::-webkit-scrollbar-thumb {
  background-color: #626262;
}
.settings-common .settings-scroll-view::-webkit-scrollbar-track-piece {
  background-color: #dddddd;
  -webkit-border-radius: 0;
}
.settings-common .settings-scroll-view::-webkit-scrollbar {
  width: 10px;
}
.settings-common .canto-connector {
  display: flex;
  flex-direction: column;
  overflow-y: auto;
}
.settings-common .canto-connector .canto-connector-content {
  flex: 1 0 auto;
  font-size: 18px;
  font-weight: bolder;
  line-height: 30px;
}
.settings-common .canto-connector .canto-connector-content .canto-connector-massage {
  font-size: 22px;
}
.settings-common .canto-connector .canto-connector-content .canto-connector-massage div {
  margin-top: 15px;
}
.settings-common .canto-connector .canto-connector-content .canto-connector-massage .main-words {
  font-weight: bold;
  color: black;
}
.settings-common .canto-connector .detail-block {
  margin-top: 5%;
}
.settings-common .canto-connector .detail-block .canto-connector-users {
  margin-top: 55px;
  display: flex;
}
.settings-common .canto-connector .detail-block .canto-connector-users > div {
  width: 50%;
  padding-right: 50px;
}
.settings-common .canto-connector .detail-block .title {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 15px;
}
.settings-common .canto-connector .canto-connector-help {
  width: 50%;
  margin-top: 30px;
  flex: 0 0 auto;
}
.settings-common .canto-connector .canto-connector-help .info {
  font-size: 18px;
  font-weight: bolder;
  line-height: 30px;
}
.settings-common .canto-connector .canto-connector-help .title {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 15px;
}
.settings-common .return-settings-home {
  text-decoration: none;
  color: #000;
}
.settings-common input,
.settings-common select,
.settings-common textarea {
  color: #212121 !important;
  background-color: #f9f9f9;
  border-color: #dddddd;
}
.settings-common .select-wrap:after {
  background-color: #e0e0e0;
  color: #212121;
}
.settings-common .dropdown-icon:after {
  background-color: #e0e0e0;
  color: #212121;
}
.settings-common .setting-left {
  width: 70%;
  float: left;
  position: relative;
}
.settings-common .setting-left .header {
  width: 100%;
  padding: 0 -15px;
  text-align: left;
  line-height: 65px;
  font-weight: bold;
  font-size: 20px;
  border-bottom: #ddd 1px solid;
  color: #4A4A4A;
  padding-left: 20px;
}
.settings-common .header a {
  float: left;
}
.settings-common .header a img {
  height: 25px;
}
.settings-common .setting-right {
  width: 30%;
  float: right;
  background-color: #EFF0F2;
  position: relative;
}
.settings-common select,
.settings-common input,
.settings-common button {
  outline: none;
  border-radius: 25px;
}
.settings-common select,
.settings-common input {
  padding: 0.5em 0.8em !important;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.settings-common button {
  padding: 0.5em 0.8em;
  border: 1px solid transparent;
  font-weight: bold;
  font-size: 14px;
  color: #4A4A4A;
  min-width: 80px;
}
.settings-common .section {
  padding-bottom: 10px;
  clear: both;
}
.settings-common .first-section {
  margin-top: 0px;
}
.settings-common .section .title {
  font-weight: bold;
  font-size: 12px;
  line-height: 30px;
  border-bottom: solid 1px #dddddd;
  padding: 10px 20px;
}
.settings-common .section .content {
  padding: 15px 20px 0;
}
.settings-common .section .toggle-icon {
  float: right;
  font-size: 16px;
  padding: 6px;
  font-weight: bold;
}
.settings-common .sub-title {
  font-weight: bold;
  font-size: 14px;
  color: #4A4A4A;
  padding: 20px;
}
.settings-common .sub-title.search {
  padding: 0 0 15px 0;
  font-size: 15px;
  font-weight: normal;
}
.settings-common .option-title {
  font-weight: normal;
  font-size: 15px;
  color: #626262;
  color: #4A4A4A;
}
.settings-common .description {
  font-weight: normal;
  font-size: 14px;
}
.settings-common .darker-font {
  color: #4A4A4A;
}
.settings-common .table th {
  text-transform: uppercase;
  border-bottom: 0;
  padding: 10px 20px;
}
.settings-common .table > tbody > tr:last-child {
  border-bottom: solid 1px #ddd;
}
.settings-common .table td input {
  font-weight: bold;
  font-size: 14px;
  color: #4A4A4A;
}
.settings-common .table > tbody > tr > td {
  font-weight: bold;
  font-size: 14px;
  padding: 10px 20px;
  color: #5a6a7f;
}
.settings-common .table > tbody > tr > td input {
  font-weight: bold;
  font-size: 14px;
  color: #4A4A4A;
}
.settings-common .btn-default[disabled] {
  background-color: #9b9b9b !important;
  color: rgba(255, 255, 255, 0.4) !important;
}
.settings-common .circle-button {
  -webkit-border-radius: 5em;
  -moz-border-radius: 5em;
  border-radius: 5em;
  width: 32px;
  height: 32px;
  background-color: rgba(0, 0, 0, 0.1);
  cursor: pointer;
  display: inline-block;
  text-align: center;
  line-height: 32px;
  font-size: 16px;
  color: #fff;
}
.settings-common .circle-button[disabled] {
  background-color: #9b9b9b !important;
  color: rgba(255, 255, 255, 0.4) !important;
  cursor: default;
}
.settings-common .circle-button:hover {
  background-color: rgba(0, 0, 0, 0.2);
}
.settings-common .checkbox-icon {
  color: #7F7F7F;
  cursor: pointer;
}
.settings-common .container-fluid {
  padding: 0;
}
.settings-common .row {
  margin: 0;
}
.onoffswitch {
  position: relative;
  width: 90px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.onoffswitch-checkbox {
  display: none;
}
.onoffswitch-label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  border-radius: 20px;
}
.onoffswitch-inner {
  display: block;
  width: 200%;
  margin-left: -100%;
  transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before,
.onoffswitch-inner:after {
  display: block;
  float: left;
  width: 50%;
  height: 32px;
  padding: 0;
  line-height: 32px;
  font-size: 14px;
  color: white;
  font-family: 'canto-font', Trebuchet, Arial, sans-serif;
  font-weight: bold;
  box-sizing: border-box;
}
.onoffswitch-inner:before {
  content: attr(before);
  padding-left: 10px;
  background-color: #9AD22F;
  color: #FFFFFF;
}
.onoffswitch-inner:after {
  content: attr(after);
  padding-right: 10px;
  background-color: #9B9B9B;
  color: #fff;
  text-align: right;
}
.onoffswitch-switch {
  display: block;
  width: 18px;
  margin: 6px;
  background: #FFFFFF;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 56px;
  border-radius: 20px;
  transition: all 0.3s ease-in 0s;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
  margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
  right: 0px;
}
.title-hide {
  display: none !important;
}
.settings-window .modal-dialog {
  width: 646px;
  margin: 30px auto;
  border: none;
}
.settings-window .modal-dialog .modal-content {
  background-color: #fff;
  border-radius: 6px;
}
.settings-window .modal-dialog .modal-footer {
  background-color: transparent;
  border-top: 1px solid #ddd;
}
.settings-window .modal-dialog .modal-body {
  background-color: #fff;
  color: #4a4a4a;
}
.settings-window .modal-dialog .modal-body input,
.settings-window .modal-dialog .modal-body textarea {
  background-color: #fff!important;
  color: #4a4a4a!important;
}
.settings-window .modal-dialog button {
  padding: 7px 16px;
  border: 1px solid transparent;
  outline: none;
  border-radius: 25px;
  line-height: inherit;
  font-weight: bold;
  font-size: 14px;
  color: #4A4A4A;
}
.settings-backdrop {
  opacity: 0.5!important;
  background-color: black;
}
.settings-window.confirm-dialog .modal-dialog .modal-body,
.settings-window.message-dialog .modal-dialog .modal-body {
  min-height: 175px;
  max-height: 300px;
  overflow-y: auto;
  padding: 30px;
  line-height: 30px;
}
.settings-window.confirm-dialog .modal-dialog .modal-body .confirm-msg,
.settings-window.message-dialog .modal-dialog .modal-body .confirm-msg {
  margin-top: 0px;
}
.settings-window.confirm-dialog .modal-dialog .modal-footer,
.settings-window.message-dialog .modal-dialog .modal-footer {
  height: 56px;
  padding: 12px 30px 12px 15px;
  text-align: right;
}
.settings-modal-footer {
  border: none;
  background-color: transparent;
  text-align: right;
  box-shadow: none;
  padding: 12px 30px 12px 15px;
  height: 56px;
  border-top: 1px solid #ddd;
  color: #4a4a4a;
}
.settings-right-explainer {
  min-height: 100%;
  padding: 20px 30px;
}
.settings-right-explainer .F4,
.settings-right-explainer .F5,
.settings-right-explainer .F6 {
  color: #4a4a4a;
}
.settings-right-explainer .step-item {
  margin-bottom: 24px;
}
.settings-right-explainer .number-circle {
  font-weight: normal;
  font-size: 20px;
  background-color: #4a4a4a;
  width: 32px;
  height: 32px;
  line-height: 32px;
  margin-left: 0px;
  border-radius: 16px;
  text-align: center;
  color: #ffffff;
  display: inline-block;
  margin-right: 10px;
}
.settings-right-explainer .desc-paragraph {
  margin-bottom: 40px;
  line-height: 24px;
}
.settings-right-explainer .desc-item-key {
  margin-top: 24px;
}
.settings-right-explainer .step-title {
  margin-top: 40px;
  margin-bottom: 20px;
  display: block;
}
.settings-right-explainer .title-desc {
  margin-top: 10px;
}
.settings-right-explainer .step-desc {
  width: 300px;
  display: inline-block;
}
.settings-right-explainer .btn-default,
.settings-right-explainer .btn-default:hover {
  height: 32px;
  line-height: 32px;
  border: 1px solid transparent;
  font-weight: bold;
  font-size: 14px;
  min-width: 80px;
  outline: none;
  border-radius: 25px;
  padding-left: 16px;
  padding-right: 16px;
  display: inline-block;
  text-align: center;
  cursor: initial;
}
.settings-right-explainer .circle-button {
  cursor: initial;
}
.settings-right-explainer .icon-s-Edit_16,
.settings-right-explainer .icon-s-Edit_16:hover,
.settings-right-explainer .icon-s-Delete_16,
.settings-right-explainer .icon-s-Delete_16:hover,
.settings-right-explainer .icon-s-Refresh_16:hover,
.settings-right-explainer .icon-s-Unlink_16:hover {
  color: black;
  background-color: rgba(0, 0, 0, 0.1);
}
.settings-right-explainer .icon-s-Ok1_16,
.settings-right-explainer .icon-s-Ok1_16:hover {
  background-color: #9ad230;
}
.settings-right-explainer .point-list {
  margin-top: 15px;
  padding-left: 20px;
  position: relative;
  line-height: 20px;
}
.settings-right-explainer .point-list:before {
  content: '';
  position: absolute;
  left: 5px;
  top: 7px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #4a4a4a;
}
.GoogleAnalytics {
  background-image: url(img/GoogleAnalytics-icon.png);
}
.OneDriveSVG {
  background-size: 40px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="36px" height="36px"><path fill="%23FFF" d="M40.429,35.999c0,0,2.89-0.393,3.47-3.185C43.964,32.502,44,32.161,44,31.787 c0-0.233-0.015-0.454-0.044-0.665c-0.428-3.158-3.852-3.868-3.852-3.868s0.595-3.401-2.543-5.183c-3.138-1.78-6.005,0-6.005,0 s-1.678-3.401-6.222-3.401c-5.843,0-6.817,6.64-6.817,6.64S13,25.636,13,30.493C13,35.352,18.031,36,18.031,36L40.429,35.999 L40.429,35.999z"/><path fill="%23FFF" d="M11,30.493c0-4.395,3.286-6.319,5.875-6.945c0.898-2.954,3.384-6.878,8.46-6.878 c0.006,0,0.011,0.001,0.017,0.001c0.007,0,0.013-0.001,0.02-0.001c3.522,0,5.71,1.646,6.892,2.953 c0.65-0.191,1.448-0.343,2.347-0.343c0.004,0,0.007,0.001,0.011,0.001c0.003,0,0.006,0,0.01,0c0.02,0,0.039,0.004,0.059,0.004 C34.729,19,34.063,12,26.013,12c-5.503,0-7.446,4.691-7.446,4.691s-3.992-2.965-8.092,1.133c-2.105,2.104-1.619,5.338-1.619,5.338 S4,23.648,4,28.825C4.001,33.515,9.018,34,9.018,34h2.807C11.32,33.041,11,31.886,11,30.493z"/></svg>');
}
.morelist .setting-left .morelist-header-bar {
  position: absolute;
  right: 10px;
  top: 20px;
  z-index: 99;
}
.morelist .setting-left .morelist-view .table {
  table-layout: fixed;
}
.morelist .setting-left .morelist-view .table th {
  white-space: nowrap;
  text-transform: uppercase;
  cursor: pointer;
}
.morelist .setting-left .morelist-view .table td {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  height: 88px;
  vertical-align: middle;
}
.morelist .setting-left .morelist-view .circle-button {
  background: none;
  color: #000;
}
.morelist .btn-default {
  margin-left: 15px;
  padding: 0 16px;
  height: 32px;
  line-height: 32px;
}
.morelist .h-55 {
  height: 55px;
}
.SColor1,
.SColor1Hover:hover {
  color: #FFFFFF !important;
}
.SColor1Bg,
.SColor1BgHover:hover {
  background-color: #FFFFFF !important;
}
.SColor1Border {
  border-color: #FFFFFF !important;
}
.SColor2,
.SColor2Hover:hover {
  color: #303030 !important;
}
.SColor2Bg,
.SColor2BgHover:hover {
  background-color: #303030 !important;
}
.SColor2Border {
  border-color: #303030 !important;
}
.i-sort {
  margin-left: 5px;
  font-size: 12px;
}
.branding {
  width: 100%;
  overflow: hidden;
}
.branding .header {
  width: 100%;
  height: 40px;
  line-height: 40px;
}
.branding .header .float {
  float: right;
  line-height: 20px;
  margin-right: 10px;
}
.branding .header .float .btn-default {
  outline: none;
  margin-top: 1px;
}
.branding .header .float .btn-default:focus {
  outline: black 1px dotted;
}
.branding .header .title {
  font-size: 20px;
  line-height: 20px;
  font-weight: bold;
  color: #4A4A4A;
}
.branding .branding-content {
  margin-top: 15px;
  height: calc(100% - 10px);
}
.branding .branding-content .upload-user-icon-block {
  padding-left: 5px;
  width: 280px;
  position: relative;
}
.branding .branding-content .upload-user-icon-block .top2 {
  height: 2px;
}
.branding .branding-content .upload-user-icon-block .upload-user-icon {
  width: 270px;
  border: 1px solid black;
  border-bottom: none;
  border-radius: 10px 10px 0 0;
  background-color: white;
  display: flex;
}
.branding .branding-content .upload-user-icon-block .upload-user-icon .upload-user-icon-dashed-border {
  padding: 5px 10px;
  margin: 8px 8px 5px 8px;
  border: 2px dashed black;
}
.branding .branding-content .upload-user-icon-block .upload-user-icon .upload-user-icon-dashed-border #brandingFavicon {
  width: 16px;
  height: 16px;
}
.branding .branding-content .upload-user-icon-block .upload-user-icon .favicon-tip {
  margin-top: 15px;
}
.branding .branding-content .upload-user-icon-block .upload-user-icon span {
  padding-left: 10px;
}
.branding .branding-left {
  width: 255px;
  padding-bottom: 25px;
  height: calc(100vh - 220px);
}
.branding .branding-right {
  margin-left: 275px;
  height: calc(100vh - 220px);
}
.branding .branding-right input::-webkit-input-placeholder,
.branding .branding-right textarea::-webkit-input-placeholder {
  color: #fefefe;
}
.branding .branding-right input:-moz-placeholder,
.branding .branding-right textarea:-moz-placeholder {
  color: #fefefe;
}
.branding .branding-right input::-moz-placeholder,
.branding .branding-right textarea::-moz-placeholder {
  color: #fefefe;
}
.branding .branding-right input:-ms-input-placeholder,
.branding .branding-right textarea:-ms-input-placeholder {
  color: #fefefe;
}
.branding .title-warp {
  margin: 25px 0 10px;
  width: 100%;
  height: 20px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding-right: 10px;
}
.branding .title-warp h4 {
  float: left;
}
.branding .title-warp .title-btn {
  float: right;
  margin: 0 0 0 10px;
  font-weight: normal;
  white-space: nowrap;
}
.branding .title-warp .center {
  text-align: center;
}
.branding .color-schema {
  padding: 10px 0;
  font-size: 0;
}
.branding .color-schema .schema-warp {
  vertical-align: middle;
}
.branding .color-schema .schema-warp .schema {
  display: inline-block;
  width: 103px;
  height: 15px;
  border: 2px dashed transparent;
  position: relative;
  margin: 2px;
  margin-right: 14px;
  line-height: 0;
}
.branding .color-schema .schema-warp .schema.selected {
  position: relative;
  border: 2px dashed #333;
}
.branding .color-schema .schema-warp .schema span {
  display: inline-block;
  width: 11px;
  height: 11px;
}
.branding .color-schema .schema-warp .schema .remove-schema {
  position: absolute;
  right: -14px;
  top: 0;
  width: 12px;
  height: 12px;
  text-align: center;
  line-height: 12px;
  color: #333;
  font-size: 12px;
  display: none;
}
.branding .color-schema .schema-warp .schema:hover .remove-schema {
  display: block;
}
.branding .color-schema .add-schema {
  float: left;
  vertical-align: middle;
  width: 66px;
  height: 60px;
  line-height: 56px;
  text-align: center;
  font-size: 40px;
  border: #e6f2f7 2px solid;
  background-color: #e6f2f7;
  color: #455568;
}
.branding .theme-scheme-color-group {
  text-align: left;
  line-height: 0;
}
.branding .theme-scheme-color-group span {
  display: inline-block;
  width: 22px;
  height: 22px;
}
.branding .theme-scheme-color-group span.selected {
  position: relative;
  width: 28px;
  height: 28px;
  margin: -2px;
  border: #000 2px dashed;
}
.branding .btn-warp {
  width: 98%;
  padding: 12px 0;
  border-bottom: #ccc 1px solid;
  white-space: nowrap;
}
.branding .btn-warp .col-xs-4 {
  padding: 0 10px;
}
.branding .btn-warp .margin10 {
  display: inline-block;
  margin: 0 6px 0 0;
}
.branding .btn-warp .margin-btm {
  margin-bottom: 10px;
}
.branding .btn-warp .ctrl-group {
  font-weight: normal;
}
.branding .btn-warp .right-group {
  margin-left: 10px;
}
.branding .btn-warp .nl-c-pre {
  width: 15px;
  height: 15px;
  display: inline-block;
  margin: 0px 10px;
  vertical-align: top;
  border: 1px solid #ddd;
}
.branding .btn-warp.vertical-layout .col-xs-4,
.branding .btn-warp.vertical-layout .col-xs-6 {
  float: none;
  width: 100%;
  line-height: 2em;
}
.branding .btn-warp.vertical-layout .ctrl-group {
  display: block;
  line-height: 2em;
}
.branding .btn-warp .login-btn-group {
  margin-bottom: 10px;
}
.branding .btn-warp .login-btn-edit {
  margin-bottom: 10px;
}
.branding .btn-warp .login-btn-edit input {
  height: 30px;
}
.branding .edit-background {
  position: absolute;
  left: 0;
  top: 100%;
  width: 320px;
  background: #CCC;
  color: #fff;
  padding: 8px;
  z-index: 20;
  text-align: center;
}
.branding .branding-preview .color-panel {
  width: 100%;
}
.branding .branding-preview .color-panel .border {
  display: inline-block;
  border: 1px dashed #FCFCFC;
  cursor: pointer;
}
.branding .branding-preview .color-panel .hover {
  position: relative;
}
.branding .branding-preview .color-panel .hover:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  background-size: 30px 30px;
  background-image: -webkit-linear-gradient(45deg, rgba(207, 207, 207, 0.6) 25%, transparent 25%, transparent 50%, rgba(207, 207, 207, 0.6) 50%, rgba(207, 207, 207, 0.6) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(207, 207, 207, 0.6) 25%, transparent 25%, transparent 50%, rgba(207, 207, 207, 0.6) 50%, rgba(207, 207, 207, 0.6) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(207, 207, 207, 0.6) 25%, transparent 25%, transparent 50%, rgba(207, 207, 207, 0.6) 50%, rgba(207, 207, 207, 0.6) 75%, transparent 75%, transparent);
  -webkit-animation: barberpole 0.5s linear infinite;
  -moz-animation: barberpole 0.5s linear infinite;
  animation: barberpole 0.5s linear infinite;
}
@-webkit-keyframes barberpole {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 60px 30px;
  }
}
@-moz-keyframes barberpole {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 60px 30px;
  }
}
@keyframes barberpole {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 60px 30px;
  }
}
.branding .branding-preview .color-panel .branding-treeview {
  position: absolute;
  left: 0;
  top: 50px;
  width: 300px;
  border-right: #ccc 1px solid;
  height: calc(64.5% + 90px);
}
.branding .branding-preview .color-panel .branding-treeview .sort-area {
  padding: 0px;
}
.branding .branding-preview .color-panel .branding-treeview .sort-area .sort-top {
  height: 55px;
  padding: 0px 10px;
  border-bottom: 1px solid;
}
.branding .branding-preview .color-panel .branding-treeview .sort-area .sort-top .icon-s-PageUp-32 {
  font-weight: 600;
}
.branding .branding-preview .color-panel .branding-treeview .sort-area .sort-top div {
  float: left;
  text-align: center;
  height: 100%;
  padding: 18px 10px;
}
.branding .branding-preview .color-panel .branding-treeview .sort-area .sort-top div span {
  cursor: default;
  font-size: 18px;
}
.branding .branding-preview .color-panel .branding-treeview .sort-area .sort-top div span.border {
  cursor: pointer;
}
.branding .branding-preview .color-panel .branding-treeview .sort-area .sort-top:after {
  content: '';
  display: block;
  clear: left;
}
.branding .branding-preview .color-panel .branding-treeview .sort-area .sort-second {
  padding: 5px 10px 0px 10px;
  padding-bottom: 0px;
  font-weight: 600;
}
.branding .branding-preview .color-panel .branding-treeview .sort-area .sort-second > div {
  border-radius: 20px;
  background-color: #DFE8F1;
  height: 27px;
}
.branding .branding-preview .color-panel .branding-treeview .sort-area .sort-second .second1 > div {
  width: 50%;
  border-radius: 20px;
  text-align: center;
  padding: 5px 10px;
  height: 100%;
  line-height: 10px;
}
.branding .branding-preview .color-panel .branding-treeview .sort-area .sort-second .second1 > div span {
  cursor: pointer;
  padding: 1px;
}
.branding .branding-preview .color-panel .branding-treeview .sort-area .sort-second .second2 > div {
  border-radius: 20px;
  text-align: center;
  padding: 8px 10px;
  color: #fff;
  cursor: pointer;
  height: 100%;
}
.branding .branding-preview .color-panel .branding-treeview .sort-area:after {
  content: '';
  display: block;
  clear: left;
}
.branding .branding-preview .color-panel .branding-treeview .branding-tree {
  padding: 10px 20px;
}
.branding .branding-preview .color-panel .branding-treeview .branding-tree .root-text {
  font-size: 14px;
  font-weight: 700;
  border-radius: 14px;
  padding: 6px 10px;
  margin-bottom: 2px;
  height: 32px;
  margin-top: 2px;
}
.branding .branding-preview .color-panel .branding-treeview .branding-tree .root-text.level1 {
  padding-left: 25px;
}
.branding .branding-preview .color-panel .branding-treeview .branding-treeview-btn {
  position: absolute;
  bottom: 10px;
  left: 10px;
}
.branding .branding-preview .color-panel .branding-treeview .branding-treeview-btn span {
  display: inline-block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 50%;
  text-align: center;
}
.branding .branding-preview .color-panel .list {
  display: block;
  position: absolute;
  top: 50px;
  width: calc(100% - 300px);
  height: calc(64.5% + 90px);
  left: 300px;
}
.branding .branding-preview .color-panel .element-container {
  position: relative;
  width: 100%;
  height: 100%;
}
.branding .branding-preview .color-panel .element-container .element {
  display: inline-block;
  border: 3px dashed #78bcfb;
  cursor: pointer;
  position: relative;
}
.branding .branding-preview .color-panel .element-container .element.editing {
  border-color: #ea394d;
  z-index: 2;
}
.branding .branding-preview .color-panel .element-container .element-hamburger-box {
  width: 90px;
  height: 80px;
  float: left;
}
.branding .branding-preview .color-panel .element-container .element-hamburger {
  margin-left: 32px;
  margin-top: 22px;
}
.branding .branding-preview .color-panel .element-container .element-hamburger span {
  width: 20px;
  height: 3px;
  border-radius: 1px;
  display: block;
  margin: 4px auto;
}
.branding .branding-preview .color-panel .element-container .element-ribbon-box {
  width: 478px;
  height: 80px;
  margin-left: -3px;
  float: left;
}
.branding .branding-preview .color-panel .element-container .element-album-btn-box {
  margin-left: 43px;
  margin-top: 20px;
}
.branding .branding-preview .color-panel .element-container .element-album-btn-box span {
  width: 32px;
  height: 32px;
  display: inline-block;
  border: 2px solid;
  border-radius: 16px;
  line-height: 28px;
  margin: 0 10px;
  font-size: 28px;
  text-align: center;
  opacity: 0.8;
}
.branding .branding-preview .color-panel .element-container .element-type-button {
  float: left;
  margin-top: 25px;
  margin-left: 10px;
  border-radius: 16px;
}
.branding .branding-preview .color-panel .element-container .element-type-button div {
  display: inline-block;
  height: 32px;
  line-height: 32px;
  width: 100px;
  text-align: center;
  font-weight: 600;
  border-radius: 16px;
  float: left;
}
.branding .branding-preview .color-panel .element-container .element-view-size-buttons {
  position: relative;
  float: right;
  margin-top: 40px;
  margin-right: 40px;
}
.branding .branding-preview .color-panel .element-container .element-view-size-buttons .view-size-button-line {
  position: absolute;
  top: 4px;
  height: 2px;
  background: #9ca4b1;
  width: 100%;
  margin: 0;
  border: 0;
}
.branding .branding-preview .color-panel .element-container .element-view-size-buttons .view-size-button {
  display: inline-block;
  background: #9ca4b1;
  vertical-align: middle;
  border-radius: 20%;
  margin: 0 4px;
  z-index: 1;
  position: relative;
  margin-top: -8px;
}
.branding .branding-preview .color-panel .element-container .element-view-size-buttons .view-size-button.view-size-button-small {
  width: 8px;
  height: 8px;
}
.branding .branding-preview .color-panel .element-container .element-view-size-buttons .view-size-button.view-size-button-medium {
  width: 12px;
  height: 12px;
}
.branding .branding-preview .color-panel .element-container .element-view-size-buttons .view-size-button.view-size-button-large {
  width: 14px;
  height: 14px;
}
.branding .branding-preview .color-panel .element-container .element-view-size-buttons .view-size-button.view-size-button-active {
  border-radius: 50%;
}
.branding .branding-preview .color-panel .element-container .element-view-mode-buttons {
  float: right;
  margin-top: 25px;
}
.branding .branding-preview .color-panel .element-container .element-view-mode-buttons span {
  width: 34px;
  height: 34px;
  line-height: 34px;
  border-radius: 17px;
  display: inline-block;
  text-align: center;
}
.branding .branding-preview .color-panel .element-container .element-background-box {
  width: 565px;
  height: 148px;
}
.branding .branding-preview .color-panel .element-container .element-file-number {
  float: left;
  margin-top: 31px;
  margin-left: 20px;
  font-weight: 600;
}
.branding .branding-preview .color-panel .element-container .mask {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #000;
  top: 0;
  left: 0;
  opacity: 0.6;
  z-index: 1;
}
.branding .branding-preview .color-panel .element-container .mask-hint {
  position: absolute;
  width: 100%;
  bottom: 0;
  text-align: center;
  padding: 16px;
  z-index: 2;
}
.branding .branding-preview .color-panel .element-container .mask-hint p {
  color: #fff;
  font-weight: 600;
  font-size: 16px;
  line-height: 28px;
}
.branding .btn-icon {
  width: 20px;
  height: 120px;
  display: inline-block;
  vertical-align: middle;
  line-height: 60px;
  font-size: 18px;
}
.branding .branding-preview .title {
  height: 65px;
  line-height: 65px;
  color: #9B9B9B;
  padding-left: 20px;
}
.branding .branding-preview .preview-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  margin-top: 10px;
}
.branding .branding-preview .preview-container.light input,
.branding .branding-preview .preview-container.light input.uneditable-input,
.branding .branding-preview .preview-container.light .logo img,
.branding .branding-preview .preview-container.light {
  color: #FCFCFC !important;
  border-color: #FCFCFC !important;
}
.branding .branding-preview .preview-container.light input::-webkit-input-placeholder,
.branding .branding-preview .preview-container.light input.uneditable-input::-webkit-input-placeholder,
.branding .branding-preview .preview-container.light .logo img::-webkit-input-placeholder,
.branding .branding-preview .preview-container.light::-webkit-input-placeholder {
  color: #FCFCFC;
}
.branding .branding-preview .preview-container.light input:-moz-placeholder,
.branding .branding-preview .preview-container.light input.uneditable-input:-moz-placeholder,
.branding .branding-preview .preview-container.light .logo img:-moz-placeholder,
.branding .branding-preview .preview-container.light:-moz-placeholder {
  color: #FCFCFC;
}
.branding .branding-preview .preview-container.light input::-moz-placeholder,
.branding .branding-preview .preview-container.light input.uneditable-input::-moz-placeholder,
.branding .branding-preview .preview-container.light .logo img::-moz-placeholder,
.branding .branding-preview .preview-container.light::-moz-placeholder {
  color: #FCFCFC;
}
.branding .branding-preview .preview-container.light input:-ms-input-placeholder,
.branding .branding-preview .preview-container.light input.uneditable-input:-ms-input-placeholder,
.branding .branding-preview .preview-container.light .logo img:-ms-input-placeholder,
.branding .branding-preview .preview-container.light:-ms-input-placeholder {
  color: #FCFCFC;
}
.branding .branding-preview .preview-container.dark input,
.branding .branding-preview .preview-container.dark input.uneditable-input,
.branding .branding-preview .preview-container.dark .logo img,
.branding .branding-preview .preview-container.dark {
  color: #131313 !important;
  border-color: #131313 !important;
}
.branding .branding-preview .preview-container.dark input::-webkit-input-placeholder,
.branding .branding-preview .preview-container.dark input.uneditable-input::-webkit-input-placeholder,
.branding .branding-preview .preview-container.dark .logo img::-webkit-input-placeholder,
.branding .branding-preview .preview-container.dark::-webkit-input-placeholder {
  color: #131313;
}
.branding .branding-preview .preview-container.dark input:-moz-placeholder,
.branding .branding-preview .preview-container.dark input.uneditable-input:-moz-placeholder,
.branding .branding-preview .preview-container.dark .logo img:-moz-placeholder,
.branding .branding-preview .preview-container.dark:-moz-placeholder {
  color: #131313;
}
.branding .branding-preview .preview-container.dark input::-moz-placeholder,
.branding .branding-preview .preview-container.dark input.uneditable-input::-moz-placeholder,
.branding .branding-preview .preview-container.dark .logo img::-moz-placeholder,
.branding .branding-preview .preview-container.dark::-moz-placeholder {
  color: #131313;
}
.branding .branding-preview .preview-container.dark input:-ms-input-placeholder,
.branding .branding-preview .preview-container.dark input.uneditable-input:-ms-input-placeholder,
.branding .branding-preview .preview-container.dark .logo img:-ms-input-placeholder,
.branding .branding-preview .preview-container.dark:-ms-input-placeholder {
  color: #131313;
}
.branding .branding-preview .preview-container.library {
  padding-bottom: 580px;
}
.branding .branding-preview .content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: white;
}
.branding .branding-preview .content .mask {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: -1;
  background: rgba(68, 68, 68, 0.6);
}
.branding .branding-preview .content .top {
  height: 15%;
  z-index: 1050;
  position: absolute;
  width: 80%;
}
.branding .branding-preview .content .logo {
  height: 80%;
  top: 10px;
  position: relative;
  left: 10px;
  float: left;
  padding-right: 20px;
}
.branding .branding-preview .content .logo img {
  border: #CCC dashed 1px;
  image-rendering: -webkit-optimize-contrast;
  transform: translateZ(0);
}
.branding .branding-preview .content .text1 {
  text-align: left;
  float: left;
  color: #fff;
  top: 15px;
  position: relative;
  font-size: 15px;
}
.branding .branding-preview .content .text1 input {
  background-color: transparent;
  border-radius: 0;
  border: #CCC dashed 1px;
}
.branding .branding-preview .content .login-container {
  padding: 15% 35%;
  text-align: center;
  background-position: 50% 50% !important;
  background-size: cover !important;
  z-index: 990;
}
.branding .branding-preview .content .login-container .login-box {
  padding: 30px;
  border-radius: 50px;
}
.branding .branding-preview .content .login-container .login-box.login-box-mask {
  background-color: rgba(68, 68, 68, 0.6);
}
.branding .branding-preview .content .login-container .greeting {
  font-size: 18px;
  text-align: center;
  margin-bottom: 10px;
  word-break: break-all;
}
.branding .branding-preview .content .login-container div {
  padding: 3px 0;
}
.branding .branding-preview .content .login-container div input {
  background: transparent;
  border: 0;
  border-bottom: 1px solid #fefefe;
  border-radius: 0;
  text-align: center;
  width: 100%;
}
.branding .branding-preview .content .login-container div input.uneditable-input {
  border-style: dashed;
  border-width: 1px;
}
.branding .branding-preview .content .login-container .edit-bg {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 10px;
  text-shadow: 2px 2px 2px black;
}
.branding .branding-preview .ribbon {
  height: 50px;
  line-height: 50px;
}
.branding .branding-preview .ribbon .ribbon-left {
  height: 50px;
  z-index: 2;
}
.branding .branding-preview .ribbon .ribbon-left > div {
  height: 50px;
  padding: 0 10px;
}
.branding .branding-preview .ribbon .ribbon-left .treeview-btn-container {
  padding: 0 20px;
}
.branding .branding-preview .ribbon .ribbon-center {
  height: 50px;
  padding-left: 0px;
  padding-right: 0px;
  border-bottom: 1px solid transparent;
}
.branding .branding-preview .ribbon .ribbon-center .smartalbum-items {
  padding-top: 4px;
}
.branding .branding-preview .ribbon .ribbon-center .smartalbum-items span {
  width: 24px;
  height: 24px;
  line-height: 20px;
  font-size: 20px;
}
.branding .branding-preview .ribbon .ribbon-center .ai-search-box div {
  height: 33px;
  line-height: 32px;
  width: calc(100% - 620px);
  position: relative;
}
.branding .branding-preview .ribbon .ribbon-center .ai-search-box input {
  height: 32px;
  width: 100%;
  background: #fff;
}
.branding .branding-preview .ribbon .ribbon-center .ai-search-box span {
  position: absolute;
  right: 15px;
  top: 8px;
  font-size: 16px;
}
.branding .branding-preview .ribbon .ribbon-right > div {
  height: 50px;
}
.branding .branding-preview .ribbon .ribbon-right .ribbon-avatar .img-circle {
  width: 32px;
  height: 32px;
}
.branding .branding-preview .nav-area {
  padding-top: 10px;
  padding-bottom: 9px;
  border-bottom: 1px solid #ccc;
  overflow: hidden;
}
.branding .branding-preview .nav-area > div {
  margin: 0 10px;
  font-weight: 600;
}
.branding .branding-preview .nav-area .circle-btn {
  width: 24px;
  height: 24px;
  line-height: 24px;
  border-radius: 12px;
  display: inline-block;
  text-align: center;
}
.branding .branding-preview .keywords {
  display: inline-block;
  padding: 15px 10px;
  min-height: 54px;
}
.branding .branding-preview .keywords .text {
  width: auto;
  float: left;
  margin: 5px 5px 0 0;
  padding: 4px 12px;
  border-radius: 12px;
  cursor: pointer;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.branding .branding-preview .keywords .btn-add {
  width: 22px;
  min-width: 22px;
  padding: 0;
  height: 22px;
  position: absolute;
  right: 5px;
  top: 5px;
  border: none;
  box-shadow: none;
  font-weight: 400;
  font-size: 20px;
  line-height: 22px;
  color: #4A4A4A;
  text-decoration: none;
  background: transparent;
  outline: none;
  border-radius: 50%;
  -webkit-border-radius: 50%;
}
.branding .branding-preview .keywords.type-items {
  width: 350px;
  line-height: 40px;
  margin-right: -47px;
  vertical-align: middle;
  text-align: center;
  font-size: 0;
}
.branding .branding-preview .keywords.type-items label.f-16 {
  font-size: 16px;
}
.branding .branding-preview .keywords .type {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  color: #c5c5c5;
  margin-right: 50px;
  padding: 0px;
  border: #c5c5c5 2px solid;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  width: 30px;
  height: 30px;
  line-height: 26px;
}
.branding .branding-preview .keywords .type.secondaryColor {
  color: white;
}
.branding .branding-preview .search-type-filters-list {
  margin-top: 10px;
  text-align: center;
  font-weight: 600;
  border-radius: 18px;
  padding: 0;
  height: 36px;
}
.branding .branding-preview .search-type-filters-list .search-type-filters-list-item {
  display: block;
  border-radius: 18px;
  background: transparent;
  margin: 0 -2px;
}
.branding .branding-preview .input-box {
  line-height: 32px;
  width: 276px;
  height: 35px;
  margin: 6px 0px;
  border: solid 1px #E2E2E2;
  background-color: transparent;
  position: relative;
  border-radius: 18px;
  -webkit-border-radius: 18px;
}
.branding .branding-preview .input-box input {
  width: 100%;
  border: 0;
}
.branding .branding-preview .thumbnail-view {
  position: absolute;
  top: 54px;
  left: 0px;
  right: 0px;
  bottom: 0px;
}
.branding .branding-preview .thumbnail-view.-full-width {
  width: 100% !important;
}
.branding .branding-preview .thumbnail-view.-full-width .thumbnail-bg {
  width: 100%;
}
.branding .branding-preview .thumbnail-view .thumbnail-bg {
  width: calc(100% - 300px);
  height: 100%;
  background-size: cover;
  font-size: 0;
  text-align: left;
}
.branding .branding-preview .thumbnail-view .thumbnail-bg ul {
  margin: 0 0 0 20px;
  height: 100%;
  overflow: hidden;
}
.branding .branding-preview .thumbnail-view .thumbnail-bg li {
  display: inline-flex;
  font-size: 100px;
  text-align: center;
  margin-right: 18px;
  border: 1px solid #C1C6D0;
  margin-top: 10px;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
}
.branding .branding-preview .thumbnail-view .thumbnail-bg li:before {
  cursor: default;
}
.branding .branding-preview .thumbnail-view .branding-filter {
  position: absolute;
  top: 0;
  right: 0;
  width: 298px;
  height: 100%;
  overflow: hidden;
  border-left: 1px solid #CCC;
}
.branding .branding-preview .thumbnail-view .branding-filter .close-btn {
  position: absolute;
  right: 20px;
  border-radius: 5em;
  width: 22px;
  height: 22px;
  display: inline-block;
  text-align: center;
  line-height: 22px;
  font-size: 14px !important;
  margin-top: 15px;
  font-weight: 600;
}
.branding .branding-preview .thumbnail-view .branding-filter .filter-title {
  width: 100%;
  height: 50px;
  line-height: 50px;
  padding: 0 20px;
  text-align: left;
  border-bottom: 1px solid #ccc;
}
.branding .branding-preview .thumbnail-view .branding-filter .filter-title span {
  cursor: default;
}
.branding .branding-preview .thumbnail-view .branding-filter .sub-title-bar {
  width: 100%;
  height: 48px;
  padding: 10px 20px;
  line-height: 28px;
  border-bottom: solid 1px #BCBCBC;
  vertical-align: middle;
  text-align: left;
}
.branding .branding-preview .thumbnail-view .branding-filter .arrow-area {
  float: left;
  text-align: center;
  line-height: 28px;
  font-size: 14px;
  font-style: normal;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 5px;
}
.branding .branding-preview .thumbnail-view .branding-filter .clear-text {
  font-size: 14px;
  font-weight: bold;
  float: right;
  cursor: pointer;
}
.branding .branding-preview .thumbnail-view .branding-filter .clear-part {
  float: right;
  opacity: 0.8;
}
.branding .branding-preview .thumbnail-view .branding-filter .clear-part-text {
  float: right;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
  padding-right: 5px;
}
.branding .branding-preview .thumbnail-view .branding-filter .dropdown-part {
  float: right;
  margin: -6px 16px;
  opacity: 0.8;
  font-size: 22px;
  font-weight: bold;
  position: relative;
}
.branding .branding-preview .thumbnail-view .branding-filter .dropdown-part .dropdown-part-list {
  display: none;
  background: #fcfcfc;
  border: #ccc 1px solid;
  border-radius: 5px;
  font-size: 14px;
  font-weight: bold;
  color: #848484;
  cursor: pointer;
  position: absolute;
  top: 26px;
  right: -28px;
  z-index: 8;
}
.branding .branding-preview .thumbnail-view .branding-filter .dropdown-part .dropdown-part-list li {
  width: 85px;
  padding: 6px 10px;
  line-height: 15px;
}
.branding .branding-preview .thumbnail-view .branding-filter .dropdown-part .dropdown-part-list li:first-child {
  border-bottom: 1px solid #ccc;
}
.branding .branding-preview .thumbnail-view .branding-filter .dropdown-part .dropdown-part-list li > span {
  display: inline-block;
}
.branding .branding-preview .thumbnail-view .branding-filter .dropdown-part .dropdown-part-list li > span:first-child {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #fcfcfc;
  margin-right: 10px;
  text-align: center;
}
.branding .branding-preview .thumbnail-view .branding-filter .dropdown-part .dropdown-part-list li > span:first-child.selected {
  background: #666;
}
.branding .branding-preview .thumbnail-view .branding-filter .dropdown-part.show {
  opacity: 1;
}
.branding .branding-preview .thumbnail-view .branding-filter .dropdown-part.show .dropdown-part-list {
  display: block;
}
.branding .setting-left {
  width: 50%;
}
.branding .setting-right {
  width: 50%;
}
.branding .color-selector {
  width: 128px;
  float: left;
  margin-right: 20px;
}
.branding .color-selector .color-name {
  padding: 5px 0;
  font-weight: bold;
  font-size: 14px;
  color: #4A4A4A;
}
.branding .color-selector .indicator {
  height: 72px;
  text-align: center;
  line-height: 72px;
  border: 1px solid #D9D9D9;
}
.branding .color-selector .sp-replacer {
  padding: 3px 4px;
  margin-top: 10px;
  margin-top: -5px;
}
.branding .color-selector .color-val {
  padding-bottom: 5px;
  padding-top: 5px;
}
.branding .color-selector .color-val input {
  width: 127px;
  font-weight: normal;
  font-size: 15px;
  color: #626262;
}
.branding .color-selector .description {
  font-weight: normal;
  font-size: 14px;
}
.branding .setting-left .logo {
  margin-top: 0;
}
.branding .logo-preview {
  position: relative;
  height: 180px;
  width: 180px;
  margin: 10px auto;
  overflow: hidden;
  vertical-align: middle;
  border-radius: 4px;
  display: inline-block;
}
.branding .setting-left .image-desc {
  position: relative;
  height: 130px;
  padding-left: 155px;
}
.branding .setting-left .image-desc .logo-sug {
  position: absolute;
  top: 0;
}
.branding .setting-left .image-desc .logo-sug .desc {
  margin-top: 5px;
}
.branding .setting-left .image-desc .upload-button {
  position: absolute;
  bottom: 0;
}
.branding .setting-left .label {
  font-weight: bold;
  font-size: 14px;
  color: #4A4A4A;
  color: #000;
  padding-left: 0;
  line-height: 30px;
}
.branding .setting-left .login {
  padding-top: 20px;
}
.branding .setting-left .login input {
  width: 280px;
}
.branding .setting-left .lan {
  margin-bottom: 15px;
}
.branding .setting-left .lan .select-lan .language-option select,
.branding .setting-left .lan .select-lan .date-format-option select {
  width: 280px;
}
.branding .sp-container {
  box-shadow: none;
  background: transparent;
  z-index: 0;
}
.branding .theme-scheme-content {
  overflow: hidden;
}
.branding .theme-scheme-content .theme-scheme-color-group {
  margin: 0 10px;
  font-size: 0;
}
.branding .theme-scheme-content .theme-scheme-color-group div {
  height: 40px;
  width: 160px;
  line-height: 40px;
  padding-left: 10px;
  text-align: left;
}
.branding .theme-scheme-content .theme-scheme-preset-color-group {
  margin: 10px;
  width: 175px;
}
.branding .theme-scheme-content .theme-scheme-preset-color-group span {
  display: inline-block;
  float: left;
  border: 1px solid #f5f6f7;
  width: 20px;
  height: 20px;
  margin: 0 5px 5px 0;
  cursor: pointer;
  text-align: center;
  line-height: 20px;
  font-size: 28px;
}
.branding span.button {
  display: inline-block;
  padding: 0.5em 0.8em;
  border: 1px solid transparent;
  font-weight: bold;
  font-size: 14px;
  min-width: 80px;
  border-radius: 50px;
}
.branding .portalInfoForm.-fit-height {
  height: calc(100vh - 260px);
}
.branding .portalInfoForm.-fit-height .branding-left,
.branding .portalInfoForm.-fit-height .branding-right {
  height: 100%;
}
.branding-beta {
  position: absolute;
  right: 75px;
  padding-right: 10px;
  margin-top: 1em;
  height: 44px;
  display: flex;
  align-items: center;
}
.branding-beta .bb-text {
  color: #006482;
  margin: 0 20px 0 10px;
}
.branding-beta button {
  line-height: 20px;
  padding: 0.5em 16px;
}
.configuration-defaults .header {
  line-height: 75px;
}
.configuration-defaults .setting-right {
  padding-bottom: 999px;
  margin-bottom: -999px;
  max-height: 1950px;
}
.configuration-defaults .section {
  padding: 0;
  border-bottom: #ddd 1px solid;
}
.configuration-defaults .section .title {
  border: 0;
}
.configuration-defaults .setting-left {
  background-color: white;
  max-width: 1396px;
}
.configuration-defaults .setting-left hr {
  margin: 12px 0;
  width: 100%;
}
.configuration-defaults .setting-left .feature-title-lev2 {
  font-size: 14px;
  font-weight: 800;
}
.configuration-defaults .setting-left .content-ul-user {
  margin: 0 20px 20px;
}
.configuration-defaults .setting-left .row {
  margin: 0;
}
.configuration-defaults .setting-left .global-table-content {
  margin-top: 5px;
}
.configuration-defaults .setting-left .global-table-content.row [class^="col-"] {
  padding-left: 0;
}
.configuration-defaults .setting-left .global-table-content [class^="col-"] {
  margin-bottom: 16px;
}
.configuration-defaults .setting-left .global-table-content .item-radio {
  display: inline-block;
  height: 32px;
  line-height: 32px;
  vertical-align: middle;
  margin-right: 10px;
}
.configuration-defaults .setting-left .global-table-content .item-content {
  display: inline-block;
  width: 85%;
  vertical-align: middle;
}
.configuration-defaults .setting-left .global-table-content .item-content .item-desc {
  padding-top: 5px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.configuration-defaults .setting-left .global-table-content .item-select {
  display: block;
  margin-left: 25px;
}
.configuration-defaults .setting-left .global-table-content .item-select .display-name {
  padding-left: 5px;
}
.configuration-defaults .setting-left .global-table-content.sort-by {
  margin: 5px 20px 20px;
}
.configuration-defaults .setting-left .global-table-content.sort-by [class^="col-"] {
  margin: 0;
  padding: 0;
}
.configuration-defaults .setting-left .global-table-content.sort-by .item-content {
  width: 75%;
}
.configuration-defaults .setting-left .global-table-content.sort-by div.select-wrap {
  width: 60%;
}
.configuration-defaults .setting-left .global-table-content.sort-by .item-radio {
  height: auto;
  line-height: 0;
}
.configuration-defaults .setting-left .global-table-content .container-fluid,
.configuration-defaults .setting-left .global-table-content .content-ul-user {
  padding: 0 5px;
  margin: 0;
}
.configuration-defaults .setting-left .global-table-content .container-fluid .col-xs-3 ~ .col-xs-6,
.configuration-defaults .setting-left .global-table-content .content-ul-user .col-xs-3 ~ .col-xs-6 {
  margin-left: 15px;
  margin-right: 15px;
}
.configuration-defaults .setting-left .container-fluid {
  padding: 10px 5px;
}
.configuration-defaults .setting-left .capability-item.icon-s-Checkbox1_16,
.configuration-defaults .setting-left .capability-item.icon-s-Checkbox2_16 {
  margin-right: 10px;
}
.configuration-defaults .setting-left .sort-title {
  padding: 0;
  margin-bottom: 10px;
}
.configuration-defaults .setting-left .sort-title ~ .select-wrap {
  margin: 10px 0;
}
.configuration-defaults .setting-left .right-icon {
  float: right;
  margin-top: 6px;
  font-size: 16px;
  font-weight: bold;
}
.clear-left {
  clear: left;
}
.clear-left .global-table-content {
  margin: 25px 15px;
}
.clear-left .content-ul-user {
  margin-left: 15px;
}
.default-folder-album .search-input-area {
  margin: -30px;
  height: 50px;
  width: calc(100% + 60px);
  float: left;
  clear: both;
  padding: 9px 30px;
  border-bottom: 1px solid #ddd;
}
.default-folder-album .search-input-area span.search-box {
  left: 30px;
  top: 7px;
}
.default-folder-album .search-input-area .search-input {
  float: left;
  height: 32px;
  width: 100%;
  font-size: 14px;
  color: #999;
  padding: 0 15px !important;
  margin: 0 !important;
  border-radius: 20px;
  border: 1px solid #ddd;
}
.default-folder-album .albums {
  width: 100%;
  height: 320px;
  overflow: hidden;
  float: left;
  clear: both;
}
.default-folder-album .albums .contents {
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}
.default-folder-album .btn-parent {
  min-width: 90px;
}
#defaultPath ul {
  margin: 0;
  padding: 0;
  list-style: none;
  border: none;
  overflow: visible;
}
#defaultPath li {
  position: relative;
  padding: 4px 0 0 0px;
  line-height: 20px;
  font-size: 20px;
  color: #666;
  white-space: nowrap;
}
#defaultPath li > div {
  border-radius: 14px;
}
#defaultPath li span {
  font-size: 14px;
  vertical-align: bottom;
  max-width: 100px;
  display: inline-block;
  line-height: 32px;
}
#defaultPath li i,
#defaultPath li span {
  cursor: pointer;
  max-width: 260px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  vertical-align: middle;
}
#defaultPath li.drop-hover,
.drop-hover {
  background-color: rgba(0, 0, 0, 0.1);
}
#defaultPath li.selected {
  background-color: rgba(0, 0, 0, 0.1);
}
#defaultPath li span.selected {
  color: #535353;
  background-color: rgba(0, 0, 0, 0.1);
}
.basic-default .p-top-20 {
  padding-top: 20px;
}
.basic-default .content-scroll-view {
  overflow: hidden;
}
.basic-default .layout-content {
  width: 100%;
  margin: 0 auto;
  margin-top: 20px;
}
.basic-default .tab-content {
  height: calc(100vh - 380px);
  overflow-x: auto;
  overflow-x: hidden;
}
.basic-default .section {
  padding-bottom: 0;
  margin-bottom: 25px;
  border-bottom: 1px solid #ddd;
}
.basic-default .section:last-child {
  margin-bottom: 0;
}
.basic-default .section .section-title {
  font-size: 18px;
  color: #4A4A4A;
  font-weight: normal;
  margin-bottom: 20px;
}
.basic-default .section .half-row {
  width: 50%;
}
.basic-default .section .item-select {
  position: absolute;
  top: -5px;
  left: 280px;
  width: 500px;
}
.basic-default .section .item-select .display-name {
  margin-left: 8px;
}
.basic-default .section .sub-metadata-fields {
  margin-top: 20px;
  margin-left: 25px;
}
.basic-default .section .fields-left {
  margin-left: 20px;
}
.basic-default .selected-left {
  display: inline-block;
  margin-bottom: 25px;
}
.basic-default .selected-right {
  display: inline-block;
  margin-left: 30px;
}
.basic-default .tooltip-inner {
  width: 250px;
  max-width: 300px;
  text-align: left;
}
.tooltop-style .F3 {
  padding-right: 1.5em;
}
.tooltop-style [uib-tooltip-html-popup] {
  width: 300px;
  text-align: left;
}
.default-setting-tooltip [uib-tooltip-html-popup] {
  width: 100%;
}
.check-out-setting {
  margin-bottom: 13px;
}
.select-role-msg {
  margin-bottom: 8px;
}
.setting-days {
  line-height: 2.2;
}
.select-role-list {
  width: 400px;
  padding-left: 0.8em;
  padding-right: 0.8em;
}
.select-role-list .nowrap {
  margin-top: 5px;
}
.select-role-list .del {
  width: 20px;
  display: inline-block;
}
.account {
  position: relative;
}
.account .account-header {
  width: 100%;
  padding: 0 -15px;
  text-align: left;
  line-height: 65px;
  font-weight: bold;
  font-size: 20px;
  border-bottom: #ddd 1px solid;
  color: #4A4A4A;
  padding-left: 20px;
  height: 65px;
}
.account .account-header .return-settings-home {
  float: left;
  margin-left: 15px;
}
.account .account-header .feature-title-content {
  position: absolute;
  left: 50%;
  margin-left: -50px;
}
.account .setting-left {
  width: 400px;
  z-index: 99;
}
.account .setting-left .padBtm {
  padding-bottom: 20px;
}
.account .setting-left .about-us .row {
  margin-bottom: 20px;
}
.account .setting-left .about-us .circle-button {
  color: #9B9B9B;
}
.account .setting-left .about-us .edit-ok-button {
  font-size: 32px;
  background: none;
  color: #9ad230;
  float: left;
  margin-left: 20px;
}
.account .setting-left .input-box {
  width: 200px;
  border-radius: 20px;
  overflow: hidden;
  float: left;
}
.account .setting-left .content-license {
  color: #fff;
}
.account .setting-left .content-license .col-xs-6 {
  padding: 10px;
}
.account .setting-left .content-license .col-xs-6 div {
  padding: 5px;
}
.account .setting-left .content-break {
  line-height: normal;
  word-break: break-word;
  display: inline-block;
  width: 100%;
  overflow: hidden;
}
.account .setting-left .sub-title {
  padding-left: 0;
}
.account .setting-right {
  width: 100%;
  position: absolute;
  padding-left: 400px;
  background: #fff;
}
.account .setting-right .progress-storage {
  -webkit-box-shadow: none;
  box-shadow: none;
  background: #e5e5e5;
  height: 8px;
}
.account .setting-right .progress-storage .progress-bar {
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 4px;
  background: #77c1ee;
}
.account .setting-right .storage-legend {
  font-weight: normal;
  font-size: 15px;
  color: #626262;
  height: 30px;
}
.account .setting-right .storage-legend span {
  margin-right: 20px;
}
.account .setting-right .storage-legend .storage-legend-icon {
  width: 15px;
  height: 15px;
  display: inline-block;
  margin-right: 10px;
}
.account .setting-right .chart-warp {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
}
.account .setting-right .chart-warp li[class*=" col-"] {
  padding-left: 10px !important;
  padding-right: 10px !important;
}
.account .setting-right .chart-warp li[class*=" col-"].no-margin:first-child {
  margin-right: 0;
}
.account .setting-right .chart-warp li[class*=" col-"].first-child {
  margin-right: -16.66%;
}
.account .setting-right .chart-warp .highcharts-container {
  width: 100%;
  height: 120px;
  margin: 5px auto;
}
.account .uppercase {
  text-transform: uppercase;
}
.account .lowercase {
  text-transform: lowercase;
}
.basic-setting-account {
  height: calc(100vh - 250px);
}
.basic-setting-account .no-padding-left {
  padding-left: 0;
}
.basic-setting-account .account-F1 {
  font-size: 18px;
}
.basic-setting-account .account-comment {
  font-size: 14px;
  line-height: 15px;
  margin-left: 5px;
}
.basic-setting-account .owner-info {
  position: relative;
  font-size: 0;
}
.basic-setting-account .owner-info .avatar-container {
  width: 100px;
  display: inline-block;
}
.basic-setting-account .owner-info .avatar-container .avatar {
  border-radius: 50%;
  height: 80px;
  width: 80px;
}
.basic-setting-account .owner-info .info-container {
  display: inline-block;
  top: 20px;
  position: relative;
  color: #4A4A4A;
  font-weight: normal;
  width: calc(100% - 100px);
}
.basic-setting-account .owner-info .info-container .user-name {
  font-size: 18px;
  line-height: 25px;
  text-overflow: ellipsis;
  overflow-x: hidden;
}
.basic-setting-account .owner-info .info-container .user-email {
  font-size: 15px;
  line-height: 20px;
  text-overflow: ellipsis;
  overflow-x: hidden;
}
.basic-setting-account .commen-desc {
  color: #4A4A4A;
  font-weight: normal;
  font-size: 15px;
  line-height: 20px;
}
.basic-setting-account .account {
  position: relative;
}
.basic-setting-account .account .account-header {
  border-bottom: none;
  line-height: 20px;
  height: 35px;
}
.basic-setting-account .account .section {
  border-bottom: solid 1px #dddddd;
}
.basic-setting-account .account .section .title {
  font-size: 18px;
  color: #4A4A4A;
  font-weight: normal;
  border-bottom: none;
}
.basic-setting-account .account .section .content {
  padding-top: 0;
}
.basic-setting-account .account .section .content .field-title {
  font-size: 16px;
  color: #4A4A4A;
  font-weight: normal;
  border-bottom: none;
  margin-bottom: 5px;
}
.basic-setting-account .account .section .content .mb-15 {
  margin-bottom: 15px;
}
.basic-setting-account .account .section .content .cancle-btn {
  float: left;
  margin-left: 20px;
}
.basic-setting-account .account .section .content .edit-ok-button {
  margin-left: 10px;
}
.basic-setting-account .account .section .content .edit-btn {
  color: #9B9B9B;
  margin-left: 10px;
}
.basic-setting-account .account .section .content .eidt-color {
  color: #757575;
}
.basic-setting-account .account .section .content #userFaviconForAcc {
  width: 16px;
  height: 16px;
}
.basic-setting-account .account .setting-left {
  width: 30%;
  float: none;
}
.basic-setting-account .account .setting-left .input-box {
  width: 65%;
  height: 32px;
  line-height: 24px;
  max-height: 32px;
  overflow-y: hidden;
  resize: none;
}
.basic-setting-account .account .setting-left .input-box.desc {
  height: 100px;
  max-height: 100px;
  line-height: 15px;
}
.basic-setting-account .account .setting-right {
  position: absolute;
  width: 68%;
  right: 0;
  top: 35px;
  padding-left: 0;
}
.basic-setting-account .account .setting-right .mt-5 {
  margin-top: 3px;
}
.basic-setting-account .account .setting-right .red-F1 {
  font-size: 30px;
  color: #f00;
  line-height: 40px;
  font-weight: lighter;
  margin: 10px 0;
}
.basic-setting-account .account .setting-right .storage-legend span {
  margin-right: 10px;
}
.basic-setting-account .account .setting-right .storage-legend .storage-legend-icon {
  margin-right: 5px;
}
.reports {
  position: relative;
  height: 100%;
  min-width: 1180px;
}
.reports .setting-left {
  width: 260px;
  height: 100%;
  z-index: 99;
  background-color: #f0f0f0;
}
.reports .setting-left .title {
  float: left;
  margin-left: 10px;
}
.reports .setting-right {
  width: 100%;
  position: absolute;
  padding-left: 260px;
  background: #fff;
}
.reports .setting-right .report-header {
  height: 80px;
  line-height: 80px;
  padding: 0 15px;
}
.reports .setting-right .report-header .feature-title-content {
  font-size: 20px;
  font-weight: 500;
  color: #000000;
}
.reports .setting-right .btn-export {
  position: absolute;
  top: 20px;
  right: 73px;
  padding: 8px 18px;
  z-index: 99;
}
.reports .setting-right .report-layout {
  position: relative;
  top: 65px;
}
.reports .setting-right .report-filter-bar {
  height: 40px;
  padding: 0 15px;
  margin-bottom: 15px;
  position: relative;
  color: #000000;
}
.reports .setting-right .report-filter-bar .filter-type {
  position: absolute;
  color: #000000;
  right: 0px;
}
.reports .setting-right .report-filter-bar .filter-type .file-type-title {
  padding-left: 10px;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  padding-bottom: 20px;
}
.reports .setting-right .report-filter-bar .date-picker {
  display: inline-block;
}
.reports .setting-right .report-filter-bar .range-picker {
  float: left;
  margin-right: 24px;
}
.reports .setting-right .report-filter-bar span[ng-click][class^="icon-s-"] {
  margin-left: 24px;
}
.reports .setting-right .report-filter-bar input {
  width: 136px;
  font-weight: normal;
  font-size: 15px;
  color: #626262;
}
.reports .setting-right .report-filter-bar .select-wrap {
  display: inline-block;
  width: 200px;
  height: 33px;
  font-weight: normal;
  font-size: 15px;
  color: #626262;
}
.reports .setting-right .report-filter-bar .date-today {
  margin-left: 24px;
}
.reports .setting-right .report-view {
  clear: both;
  padding: 15px;
}
.reports .setting-right .report-view .table {
  table-layout: fixed;
}
.reports .setting-right .report-view .table .width15 {
  width: 15%;
}
.reports .setting-right .report-view .table th {
  white-space: nowrap;
  text-transform: uppercase;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  border-bottom: 1px solid #ccc;
}
.reports .setting-right .report-view .table td {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-weight: normal;
  padding: 12px 20px;
  vertical-align: middle;
  border: 0;
}
.reports .setting-right .report-view .report-item-redirect {
  display: block;
  width: 43px;
  height: 43px;
  cursor: pointer;
  line-height: 43px;
  position: relative;
  top: -8px;
  text-decoration: none;
  color: #666666;
}
.reports .setting-right .report-view .report-item-redirect:hover {
  color: #666666;
}
.reports .setting-right .report-view .toolTip-layout {
  background-color: #F6F7F8;
  padding: 5px 7px;
  text-align: center;
  cursor: pointer;
  position: relative;
  top: 0px;
}
.reports .setting-right .report-view .toolTip-layout.no-click {
  cursor: default;
}
.reports .setting-right .report-view .toolTip-layout .image-layout {
  width: 66px;
  height: 39px;
  margin: auto;
  overflow: hidden;
  border: 0.5px solid #C1C6D0;
  border-radius: 2px;
}
.reports .setting-right .report-view .toolTip-layout .image-layout img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.reports .setting-right .report-view .toolTip-layout .image-title {
  width: 120px;
  margin: auto;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: normal;
  font-size: 10px;
  color: #626262;
  margin-top: 8px;
}
.reports .setting-right .report-view .toolTip-layout .asset-info {
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  font-style: normal;
  margin-top: 3px;
}
.reports .setting-right .report-view .toolTip-layout .asset-info .asset-text {
  color: #000000;
}
.reports .setting-right .report-view .toolTip-layout .asset-info .asset-count {
  color: #000000;
}
.reports .setting-right .report-view .sharing-toolTip {
  padding: 5px 9px;
  font-size: 11px;
}
.reports .setting-right .report-view .sharing-toolTip .scheme-title {
  font-weight: 600;
}
.reports .setting-right .report-view .sharing-toolTip .color-dot {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 4px;
}
.reports .setting-right .report-view .bar-label {
  margin-left: 60px;
  margin-top: -50px;
  font-family: 'canto-font';
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: normal;
  font-size: 11px;
  color: #626262;
  width: 680px;
  overflow: hidden;
  text-align: left;
}
.reports .setting-right .report-view .bar-value {
  margin-left: 740px;
  margin-top: -40px;
  font-family: 'canto-font';
  font-weight: lighter;
  font-size: 32px;
  color: #009feb;
}
.reports .setting-right .report-view [class$="-icon"] .bar-label {
  margin-left: 60px;
  margin-top: 4px;
}
.reports .setting-right .report-view [class$="-icon"] .bar-value {
  margin-left: 810px;
  margin-top: -25px;
}
.reports .setting-right .report-view.no-bar-thumb {
  margin-left: -40px;
}
.reports .setting-right .report-view.no-bar-thumb .bar-label {
  margin-top: -2px;
}
.reports .setting-right .report-view .toolTip-layout-text {
  background-color: #F6F7F8;
  padding: 5px;
  text-align: left;
  position: relative;
  top: 0px;
}
.reports .setting-right .report-view .toolTip-layout-text .image-title {
  width: 120px;
  margin: auto;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: bold;
  font-size: 12px;
  color: #000000;
}
.reports .setting-right .report-view .toolTip-layout-text .asset-info {
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  font-style: normal;
  margin-top: 3px;
}
.reports .setting-right .report-view .toolTip-layout-text .asset-info .asset-text {
  color: #000000;
}
.reports .setting-right .report-view .toolTip-layout-text .asset-info .asset-count {
  color: #000000;
}
.reports .setting-right .no-border {
  border: 0px;
}
.reports .setting-right .top-border {
  border-top: 1px solid #D9D9D9;
}
.reports .setting-right .page-btn-group {
  display: inline-block;
  line-height: 32px;
  margin: 0 20px;
  cursor: pointer;
}
.reports .setting-right .page-btn-group.disabled {
  opacity: 0.5;
  background-color: inherit!important;
}
.reports .setting-right .page-btn-group [class^="icon-"] {
  font-size: 32px;
}
.reports .setting-right .chart-left {
  position: relative;
  top: 60px;
}
.reports .setting-right .chart-left .highcharts-container {
  margin: 0;
}
.reports .setting-right .chart-left .search-condition {
  position: relative;
  margin-right: 40px;
}
.reports .setting-right .chart-left .search-condition .report-select {
  position: absolute;
  left: auto;
  right: 0;
}
.reports .setting-right .chart-left .search-condition .report-select .file-type-title {
  font-weight: 700;
  padding-bottom: 20px;
}
.reports .setting-right .chart-left .search-condition .report-filter-bar {
  margin-bottom: 0;
}
.reports .setting-right .highcharts-container {
  margin: 0;
}
.reports .setting-right .report-tab {
  padding-left: 15px;
}
.reports .setting-right .report-tab .tab-active {
  font-weight: bold;
  font-size: 16px;
}
.reports .setting-right .report-tab .nav {
  width: auto;
  min-width: auto;
}
.reports .setting-right .report-select {
  left: 45px;
  position: relative;
}
.reports .setting-right .rc-dec {
  height: 100px;
  display: flex;
  align-items: center;
  padding-left: 122px;
  border-bottom: 1px solid #dcdcdc;
  font-size: 32px;
  color: #000;
}
.reports .setting-right .rc-content {
  position: relative;
  padding-left: 107px;
  padding-right: 33px;
}
.reports .setting-right .rc-content.dash {
  padding-left: 0px;
  padding-right: 0px;
}
.widget-top .report-view {
  width: 100%;
  height: 260px;
}
.widget-top .bar-label {
  margin-left: 60px;
  margin-top: -60px;
  font-weight: bold;
  font-size: 14px;
  color: #4A4A4A;
}
.widget-top .bar-value {
  margin-left: 60px;
  margin-top: -22px;
  font-weight: normal;
  font-size: 20px;
}
.logs-content-list .modal-dialog {
  width: 550px;
}
.logs-content-list .item-text-left {
  padding-left: 50px;
  font-weight: 400;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.logs-content-list .item-text-right {
  font-weight: 400;
  padding-right: 50px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.logs-content-list .log-list-content {
  padding-bottom: 5px;
  padding-top: 5px;
}
.logs-content-list .log-list-header {
  border-bottom: solid 1px #8f8f8f;
  margin-left: 15px;
  margin-right: 15px;
  margin-bottom: 5px;
}
.basic-setting .reports .setting-left {
  margin-left: 0px;
  background-color: #ffffff;
  width: 260px;
  border-right: 1px solid #dcdcdc;
}
.basic-setting .reports .setting-left .menu-item-list {
  margin: 0px;
}
.basic-setting .reports .setting-left .menu-item-list .menu-item {
  height: 40px;
  line-height: 40px;
  padding-left: 26px;
  font-size: 16px;
  font-weight: 400;
  color: #1B2E40;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.basic-setting .reports .setting-left .menu-item-list .menu-item .report-name {
  display: inline-block;
  height: 24px;
  line-height: 24px;
  width: 100%;
  padding-left: 16px;
  border-radius: 12px 0px 0 12px;
}
.basic-setting .reports .setting-left .menu-item-list .menu-item .icon {
  display: none;
  width: 20px;
  font-size: 16px;
}
.basic-setting .reports .setting-left .menu-item-list .menu-item.select {
  font-weight: bold;
}
.basic-setting .reports .setting-left .menu-item-list .menu-item.select .report-name {
  background-color: #f5f5f5;
}
.basic-setting .reports .setting-left .menu-item-list .menu-item .expand {
  display: none;
}
.basic-setting .reports .setting-left .menu-item-list .menu-item.section-title {
  padding-left: 16px;
  font-weight: 700;
  cursor: text;
  border-bottom: 1px solid #ececec;
  padding-right: 24px;
}
.basic-setting .reports .setting-left .menu-item-list .menu-item.section-title .expand {
  display: unset;
}
.basic-setting .reports .setting-left .menu-item-list .menu-item.section-title .up {
  transform: rotate(180deg);
}
.basic-setting .reports .setting-left .menu-item-list .menu-item.section-title .report-name {
  padding-left: 0px;
}
.basic-setting .reports .report-new .report-filter-bar {
  height: 72px;
}
.basic-setting .reports .report-new .export-part {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  position: absolute;
  top: 20px;
  right: 73px;
  z-index: 99;
}
.basic-setting .reports .report-new .export-btn {
  font-size: 14px;
  font-weight: bold;
  padding: 5px 16px;
  border-radius: 20px;
  line-height: 20px;
  display: flex;
  align-items: center;
  cursor: pointer;
  background-color: #5c5c5c;
  color: #fff;
}
.basic-setting .reports .report-new .export-btn > span:first-child {
  margin-right: 10px;
}
.basic-setting .reports .report-new .export-drop {
  display: flex;
  flex-direction: column;
  background-color: white;
  margin-top: 2px;
  border: 1px solid #c5c5c5;
}
.basic-setting .reports .report-new .export-drop > div {
  padding: 8px 10px;
  cursor: pointer;
}
.basic-setting .reports .report-new .export-drop > div:hover {
  background-color: #f5f5f5;
}
.basic-setting .working-indicator {
  background-color: rgba(0, 0, 0, 0.3);
}
.report-new .quick-date-drop {
  display: inline-block;
  border: 1px solid #ddd;
  border-radius: 17px 0 0 17px;
}
.report-new .quick-date-drop input {
  border: none;
  background-color: transparent;
  margin-bottom: 0px;
  padding-right: 30px!important;
  width: 150px;
  cursor: pointer;
}
.report-new .quick-date-drop .dropdown-icon:after {
  background-color: transparent;
  color: #303030;
  top: -30px;
  right: 8px;
}
.report-new .date-picker {
  border: 1px solid #ddd;
  border-radius: 0 17px 17px 0;
  border-left: 0px;
  align-items: center;
}
.report-new .date-picker input {
  margin-bottom: 0px;
  border: 0px;
  background: transparent;
  padding-left: 35px!important;
  padding-right: 5px!important;
}
.report-new .date-picker .ui-date-time {
  display: inline-block;
}
.report-new .date-picker .ui-date-time .date-time-icon {
  left: 11px;
  top: 9px;
  width: 20px;
}
.report-new .date-picker.single-date {
  border-radius: 17px;
  border-left: 1px solid #ddd;
}
.report-new .report-filter-bar {
  float: left;
  height: 72px;
}
.report-new .yi {
  font-size: 10px;
}
.report-new .range-title {
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  padding-left: 15px;
  padding-bottom: 15px;
}
.report-new .empty-area {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 20px 0 0;
  font-weight: 700;
  width: 100%;
  font-size: 16px;
  color: #000000;
}
.report-new .empty-area .e-desc {
  margin: 16px 20px 32px;
  font-weight: 400;
}
.report-new .empty-area a button {
  background-color: #5c5c5c;
  font-size: 14px;
}
.report-new .newui {
  margin-bottom: 20px;
  margin-right: 0px!important;
  display: flex;
  flex-direction: column;
}
.report-new .newui div.select-wrap {
  border: 1px solid #ddd!important;
  border-radius: 17px 0 0 17px;
  height: 36px!important;
}
.report-new .newui select.select-wrap {
  outline: none;
  border: 0px;
  background-color: transparent;
}
.report-new .newui .select-wrap:after {
  background-color: #fff;
  color: #303030;
}
.report-new .search-by {
  float: right;
  padding-right: 40px;
  margin-bottom: 23px;
  color: #000000;
}
.report-new .search-by.with-top {
  display: flex;
}
.report-new .search-word {
  border-radius: 0 17px 17px 0;
  background-color: transparent;
  border-left: 0px;
  width: 260px;
  padding-right: 45px!important;
}
.report-new .icnsr {
  margin-left: -30px;
  position: absolute;
  margin-top: 10px;
}
.report-new .search-input {
  display: inline-block;
  position: relative;
}
.report-new .operation-list .select-suggest-menu {
  width: 260px;
}
.report-new .operation-list .select-suggest-menu .ui-menu-item-wrapper {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.report-new .rep-preview {
  color: #5a6a7f;
}
.report-new .report-tooltip {
  width: 100%;
  text-align: center;
  background-color: white;
  border: 2px solid #7cb5ec;
  padding: 5px;
  border-radius: 4px;
  max-width: 150px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.report-new .report-tooltip img {
  max-width: 60px;
  max-height: 50px;
}
.report-new .rep-asset-name {
  max-width: 100%;
  display: inline-block;
  margin-top: 10px;
}
.report-new .rep-asset {
  font-size: 12px;
}
.report-new .container-fluid {
  padding: 0 15px;
}
.report-new .rep-border {
  border: 1px solid #c1c1c1;
  border-radius: 4px;
  margin-right: 30px;
}
.report-new .l0 {
  padding-left: 0;
}
.report-new .storage-heading {
  font-size: 16px;
  font-weight: 700;
}
.report-new .storage-heading.storage-heading1 {
  margin-top: 20px;
}
.report-new .storage-heading.storage-heading2 {
  margin-top: 40px;
}
.report-new .rep-table {
  border: 1px solid #ddd;
  margin: 20px 10px 20px 20px;
  display: flex;
  flex-direction: column;
  border-radius: 4px;
}
.report-new .rep-table div {
  display: flex;
}
.report-new .rep-table .rept-head {
  border-bottom: 1px solid #ddd;
  padding: 15px 20px;
  justify-content: space-between;
  font-weight: 600;
}
.report-new .rep-table .rept-item {
  padding: 15px;
  justify-content: space-between;
  font-weight: 500;
}
.report-new .rep-table .rept-bottom {
  padding: 15px;
  border-top: 1px solid #ddd;
  justify-content: center;
  font-weight: 500;
}
.report-new .rep-table .rept-bottom span {
  font-weight: 600;
  margin: 0 5px;
}
.report-new .rep-table .rept-bottom2 {
  padding: 15px;
  border-top: 1px solid #ddd;
  justify-content: space-between;
  font-weight: 600;
}
.report-new .rep-select {
  display: inline-block;
  margin-left: 20px;
}
.report-new .rep-select .select-wrap {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
}
.report-new .pie-tip {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.report-new .pie-tooltip {
  font-size: 11px;
  font-weight: 700;
  margin-bottom: 5px;
}
.report-new .pie-tooltip-1 {
  font-size: 11px;
  font-weight: 600;
}
.report-new .empty-pie {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-weight: 400;
  width: 600px;
  height: 230px;
  justify-content: center;
  color: #000000;
  font-family: 'canto-font';
}
.report-new .empty-pie .pie-no {
  display: flex;
  align-items: flex-end;
  margin-bottom: 15px;
}
.report-new .empty-pie .pie-no > div {
  width: 19px;
  height: 21px;
  background-color: #DADADA;
  border-radius: 2px;
}
.report-new .empty-pie .pie-no .pieno2 {
  height: 39px;
  margin: 0 5px;
}
.report-new .empty-pie .pie-no .pieno3 {
  height: 56px;
}
.report-new .empty-pie .pie-desc {
  font-size: 16px;
  font-weight: 700;
}
.report-new .empty-pie .pie-desc1 {
  font-size: 16px;
  margin: 16px;
}
.report-new .report-view.with-border {
  border: 1px solid #C1C6D0;
  border-radius: 4px;
  margin-right: 40px;
  margin-left: 15px;
  padding: 55px 50px 35px 35px;
}
.report-new .report-view .report-header-text {
  text-transform: initial;
}
.report-new .p30 {
  padding-left: 30px;
}
.report-new .rep-log {
  padding-top: 0px;
}
.report-new .rep-log .rep-line {
  border: 1px solid #C1C6D0;
  border-radius: 4px;
  padding: 55px 50px 5px 35px;
  margin-right: 30px;
  margin-bottom: 20px;
}
.report-new .rept-title {
  font-weight: 700;
  font-size: 16px;
  padding: 10px 0px 20px;
}
.report-new .top-data-list {
  margin: 40px 40px 0px 15px;
  padding-bottom: 5px;
}
.report-new .top-data-list .top-keywords-title {
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
  color: #000000;
}
.report-new .top-data-list .data-list-layout {
  margin-bottom: 45px;
}
.report-new .top-data-list .data-list-layout table {
  width: 100%;
  margin-top: 38px;
  table-layout: fixed;
}
.report-new .top-data-list .data-list-layout table tr {
  border-bottom: solid 1px #EBEDF0;
  font-size: 16px;
  color: #000000;
}
.report-new .top-data-list .data-list-layout table thead tr {
  font-weight: 500 !important;
  line-height: 24px;
}
.report-new .top-data-list .data-list-layout table thead tr th {
  padding-top: 15px;
  padding-bottom: 15px;
}
.report-new .top-data-list .data-list-layout table tbody tr {
  font-style: normal;
  font-weight: 400 !important;
  line-height: 19px;
}
.report-new .top-data-list .data-list-layout table tbody tr td {
  position: relative;
  padding: 22px 15px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.report-new .top-data-list .data-list-layout table tbody tr td.image-item {
  padding-top: 12px;
  padding-bottom: 12px;
  line-height: 0;
}
.report-new .top-data-list .data-list-layout table tbody tr .image-layout {
  display: inline-block;
  width: 66px;
  height: 39px;
  margin: auto;
  overflow: hidden;
  border: 0.5px solid #C1C6D0;
}
.report-new .top-data-list .data-list-layout table tbody tr .image-layout img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.report-new .top-data-list .data-list-layout table tbody tr .file-name {
  width: calc(100% - 100px);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  position: absolute;
  left: 100px;
  top: 50%;
  transform: translateY(-50%);
  line-height: 1;
}
.report-new .top-data-list .data-list-layout table tbody tr .ellipsis-item {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.report-new .report-image {
  width: 90px;
}
.report-new .re-thumb {
  width: 66px;
  height: 39px;
  margin: auto;
  overflow: hidden;
  border: 0.5px solid #C1C6D0;
  border-radius: 2px;
  display: inline-block;
}
.report-new .re-thumb img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.flex {
  display: flex!important;
}
.drm .setting-left {
  background: #fff;
  float: none;
  width: auto;
  overflow: hidden;
}
.drm .setting-left .watermark-container {
  width: 60px;
  height: 60px;
  background: #ddd;
  overflow: hidden;
}
.drm .setting-left .watermark-cover {
  width: 60px;
  height: 60px;
  position: absolute;
  text-align: center;
  line-height: 80px;
}
.drm .setting-left .watermark-cover .remove-icon {
  color: #fff;
  font-size: 30px;
  cursor: pointer;
}
.drm .setting-left .watermark-preview {
  width: 250px;
  height: 250px;
  margin: 10px 0;
  position: relative;
  overflow: hidden;
  background: #41A8B9;
}
.drm .setting-left .watermark-preview img {
  position: absolute;
  vertical-align: middle;
  opacity: 0.5;
}
.drm .setting-left .watermark-preview .img-pos-1 {
  top: 0;
  left: 0;
}
.drm .setting-left .watermark-preview .img-pos-2 {
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
}
.drm .setting-left .watermark-preview .img-pos-3 {
  top: 0;
  right: 0;
}
.drm .setting-left .watermark-preview .img-pos-4 {
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
}
.drm .setting-left .watermark-preview .img-pos-5 {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
.drm .setting-left .watermark-preview .img-pos-6 {
  top: 50%;
  right: 0;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
}
.drm .setting-left .watermark-preview .img-pos-7 {
  bottom: 0;
  left: 0;
}
.drm .setting-left .watermark-preview .img-pos-8 {
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
}
.drm .setting-left .watermark-preview .img-pos-9 {
  bottom: 0;
  right: 0;
}
.drm .setting-left .img-position {
  margin: 10px 0;
  width: 150px;
  height: 150px;
  border: #ddd 1px solid;
  font-size: 0;
}
.drm .setting-left .img-position span {
  display: inline-block;
  width: 33.3333%;
  height: 50px;
  font-size: 20px;
  text-align: center;
  line-height: 50px;
}
.drm .setting-left .img-size {
  margin-top: 10px;
  display: block;
  width: 100px;
}
.drm .setting-left .section .content {
  padding: 15px;
}
.drm .setting-left .section .container-fluid {
  padding: 20px;
}
.drm .setting-left .section .container-fluid .row {
  padding-bottom: 20px;
}
.drm .setting-left .section .container-fluid .row .col-xs-6 > div {
  margin-top: 10px;
}
.drm .setting-left .title {
  padding-left: 20px;
}
.drm .setting-right {
  width: 460px;
}
.drm .upload-ipnut {
  width: 100%;
  height: 46px;
  position: absolute;
  top: -900px;
  left: 0;
}
.drm .default-img {
  display: inline-block;
  max-width: 100%;
  max-height: 50px;
}
.drm .table {
  table-layout: fixed;
}
.drm .table tr.has-tips td {
  border: 0;
  padding-top: 5px;
  position: relative;
}
.drm .table tr.has-tips td input {
  width: 100%;
}
.drm .table tr td {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  vertical-align: middle;
}
.drm .table tr td img {
  background: url(img/preview_bk_image.png);
}
.drm .table tr td .circle-button {
  color: black;
}
.basic-drm .table-layout {
  height: calc(100% - 180px);
  position: absolute;
  display: block;
}
.basic-drm .table-layout > tbody {
  height: calc(100% - 43px);
}
.basic-drm .table-layout-edit {
  height: calc(100% - 443px);
  position: absolute;
}
.basic-drm .table-layout-edit > tbody {
  height: calc(100% - 43px);
}
.basic-drm .tooltip-inner {
  width: 250px;
  max-width: 300px;
  text-align: left;
  background-color: rgba(51, 51, 51, 0.9);
}
.basic-drm .watermark-section .watermark-layout {
  margin-right: 50px;
  float: left;
}
.basic-drm .watermark-section .position-layout {
  display: inline-block;
  width: 350px;
}
.basic-drm .watermark-preview {
  width: 250px;
  height: 250px;
  position: relative;
  overflow: hidden;
  background: #41A8B9;
}
.basic-drm .watermark-preview img {
  position: absolute;
  vertical-align: middle;
}
.basic-drm .watermark-preview .img-pos-1 {
  top: 0;
  left: 0;
}
.basic-drm .watermark-preview .img-pos-2 {
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
}
.basic-drm .watermark-preview .img-pos-3 {
  top: 0;
  right: 0;
}
.basic-drm .watermark-preview .img-pos-4 {
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
}
.basic-drm .watermark-preview .img-pos-5 {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
.basic-drm .watermark-preview .img-pos-6 {
  top: 50%;
  right: 0;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
}
.basic-drm .watermark-preview .img-pos-7 {
  bottom: 0;
  left: 0;
}
.basic-drm .watermark-preview .img-pos-8 {
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
}
.basic-drm .watermark-preview .img-pos-9 {
  bottom: 0;
  right: 0;
}
.basic-drm .watermark-preview .image-layer {
  position: absolute;
  top: -100%;
  left: -100%;
  width: 100%;
  height: 100%;
  background-color: rgba(215, 215, 215, 0.8);
  opacity: 0;
}
.basic-drm .watermark-preview:hover .image-layer {
  left: 0;
  top: 0;
  opacity: 1;
  padding-left: 10px;
}
.basic-drm .watermark-preview:hover .image-layer button {
  position: absolute;
  bottom: 10px;
}
.basic-drm .watermark-container {
  width: 60px;
  height: 60px;
  background: #ddd;
  overflow: hidden;
}
.basic-drm .img-position {
  margin: 35px 0 10px 0;
  width: 150px;
  height: 150px;
  border: #ddd 1px solid;
  font-size: 0;
}
.basic-drm .img-position span {
  display: inline-block;
  width: 33.3333%;
  height: 50px;
  font-size: 20px;
  text-align: center;
  line-height: 50px;
}
.basic-drm .single-text {
  display: inline-block;
  overflow: hidden;
  height: 100%;
}
.basic-drm .multi-text {
  display: inline-block;
  overflow: hidden;
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.users .user-title {
  float: left;
  margin-left: 20px;
}
.users .select-wrap {
  float: left;
  width: 180px;
  margin-right: 20px;
}
.users .btn-default {
  margin-left: 15px;
  padding: 0 16px;
  height: 32px;
  line-height: 32px;
}
.users .h-55 {
  height: 55px;
}
.users .setting-left .users-header-bar {
  position: absolute;
  right: 10px;
  top: 20px;
  z-index: 99;
}
.users .setting-left .users-view .table {
  table-layout: fixed;
}
.users .setting-left .users-view .table th {
  white-space: nowrap;
  text-transform: uppercase;
  cursor: pointer;
}
.users .setting-left .users-view .table td {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  height: 88px;
  vertical-align: middle;
}
.users .setting-left .users-view .circle-button {
  color: #000;
}
.users .setting-left .users-view .section .content {
  padding-left: 5px;
  padding-right: 5px;
}
.users .setting-left .users-view .section .content input {
  width: 100%;
}
.users .setting-left .users-view .registered-icon {
  font-size: 20px;
  padding: 4px;
  vertical-align: middle;
}
.users .setting-left .users-view .registered-icon.icon-s-verified-user {
  color: #9AD230;
}
.users .setting-left .users-view .registered-icon.icon-s-Warning-16,
.users .setting-left .users-view .registered-icon.icon-s-Error-24 {
  color: #D0021B;
}
.users .setting-left .users-view .resend {
  height: 20px;
  display: inline;
  line-height: 20px;
  vertical-align: middle;
  font-size: 22px;
  font-weight: 800;
  opacity: 0.6;
  cursor: pointer;
  margin-bottom: 10px;
}
.users .setting-left .users-view .resend:hover {
  opacity: 1;
}
.dash-users-view table {
  table-layout: fixed;
  margin-bottom: 0px;
}
.dash-users-view table thead {
  border-top: 1px solid #ddd;
}
.dash-users-view table th,
.dash-users-view table td {
  padding: 9px 10px!important;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.dash-users-view table .registered-icon.icon-s-Warning-16,
.dash-users-view table .registered-icon.icon-s-Error-24 {
  color: #D0021B;
}
.requestAccess .modal-dialog input,
.requestAccess .modal-dialog select,
.requestAccess .modal-dialog textarea {
  color: #212121 !important;
  background-color: #f9f9f9;
  border-color: #dddddd;
}
.requestAccess .modal-dialog .modal-body {
  padding-top: 0px!important;
}
.requestAccess .modal-dialog .modal-body .title1 {
  margin: 0 -20px;
  background-color: #F2F6FA;
  padding-left: 40px;
}
.requestAccess .modal-dialog .modal-body .icon-s-Error-24 {
  margin-right: 15px;
}
.requestAccess .modal-dialog .modal-body .title3 {
  padding-top: 20px;
}
.requestAccess .modal-dialog .modal-body .title2 {
  width: 100%;
  margin-top: 30px;
  padding-left: 20px;
}
.requestAccess .modal-dialog .modal-body .title2 > :first-child {
  height: 100%;
  width: 100px;
}
.requestAccess .modal-dialog .modal-body .title2 > :first-child .icon-s-UsersAccounts-56 {
  font-size: 80px;
}
.requestAccess .modal-dialog .modal-body .title2 > :last-child {
  width: calc(100% - 100px);
}
.requestAccess .modal-dialog .modal-body .title2 > :last-child .info:not(:last-child) {
  border-bottom: 1px solid #E6EEF5;
  padding-bottom: 10px;
}
.requestAccess .modal-dialog .modal-body .self-custom-field input,
.requestAccess .modal-dialog .modal-body .self-custom-field textarea {
  width: 100%;
}
.requestAccess .modal-dialog .modal-body .self-custom-field .container-box {
  display: block;
  width: 100%;
  overflow-x: hidden;
  overflow-y: hidden;
  min-height: 23px;
}
.requestAccess .modal-dialog .modal-body .self-custom-field .keyword-box {
  float: left;
  width: 100%;
  margin: 8px 0px 0px 0px;
  padding: 0px 6px;
  font-size: 12px;
  overflow-y: hidden;
  border: solid 1px #ccc;
  border-radius: 26px;
  line-height: 20px;
}
.requestAccess .modal-dialog .modal-body .self-custom-field .keyword-box .text {
  float: left;
  overflow-y: hidden;
  width: calc(100% - 18px);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
}
.basic-users .content-layout {
  overflow-y: auto;
  overflow-x: hidden;
}
.basic-users .user-layout-scroll {
  height: calc(100% - 20px);
  overflow-x: hidden;
  overflow-y: auto;
}
.basic-users .users-header-bar {
  position: absolute;
  right: 10px;
  top: 0;
  z-index: 99;
}
.basic-users .users-header-bar .select-wrap {
  float: left;
  width: 180px;
  margin-right: 15px;
}
.basic-users .users-header-bar .btn-default {
  margin-left: 10px;
}
.basic-users .users-header-bar .search-block {
  display: inline-block;
  position: relative;
}
.basic-users .users-header-bar .search-block .search-box {
  height: 32px;
}
.basic-users .users-header-bar .search-block input {
  padding-left: 30px !important;
}
.basic-users .users-create-tpl .edit-layout {
  margin-top: 30px;
}
.basic-users .users-create-tpl .edit-layout .create-title {
  font-size: 20px;
  font-weight: normal;
  color: #626262;
  margin-right: 40px;
}
.basic-users .users-create-tpl .edit-layout .flight-select {
  display: inline-block;
  width: 160px;
  margin-left: 15px;
}
.basic-users .users-create-tpl .edit-layout .section {
  margin-bottom: 25px;
}
.basic-users .users-create-tpl .edit-layout .search-box[type="text"] {
  padding-left: 28px !important;
}
.basic-users .users-create-tpl .edit-layout .no-pd-left {
  padding-left: 0;
  margin-top: 5px;
}
.basic-users .users-create-tpl .edit-layout .only-read {
  background-color: #ebebe4;
  border: 1px solid #d9d9d9;
  color: #828282!important;
}
.basic-users .users-create-tpl .keyword-box {
  float: left;
  margin: 8px 9px 0px 0px;
  padding: 0px 6px;
  font-weight: normal;
  font-size: 16px;
  color: #4a4a4a;
  overflow-y: hidden;
  border: solid 1px #ccc;
  border-radius: 26px;
  line-height: 20px;
  width: calc(100% / 2 - 9px);
}
.basic-users .users-create-tpl .keyword-box .text {
  float: left;
  overflow-y: hidden;
  width: calc(100% - 18px);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
}
.basic-users .users-create-tpl .keyword-box .delete-keyword-tag-btn {
  line-height: 20px;
  font-weight: 600;
  cursor: pointer;
  float: right;
  font-size: 16px;
}
.basic-users .users-create-tpl .itemErrorMsg {
  font-size: 14px;
  color: #ff0000;
  line-height: 1;
  margin-top: 5px;
  margin-bottom: 5px;
}
.basic-users .info-input {
  margin-top: 10px;
}
.basic-users .info-input._choice input {
  margin-bottom: 0;
}
.basic-users .info-input input {
  width: 100%;
}
.basic-users .info-input textarea {
  width: 100%;
  resize: none;
}
.basic-users .del {
  width: 20px;
  display: inline-block;
}
.basic-users .select-input {
  padding-top: 25px;
}
.basic-users .access-inline {
  display: inline-block;
  float: left;
  margin-bottom: 25px;
}
.basic-users .access-inline.access-indesg {
  width: 42%;
}
.basic-users .access-item {
  margin-right: 25px;
}
.basic-users .access-title {
  font-size: 18px;
  color: #4A4A4A;
  font-weight: normal;
  margin-bottom: 15px;
}
.basic-users .registered-icon {
  font-size: 20px;
  padding: 4px;
  vertical-align: middle;
}
.basic-users .registered-icon.icon-s-Ok2_32 {
  color: #9AD230;
}
.basic-users .registered-icon.icon-s-Warning-16,
.basic-users .registered-icon.icon-s-Error-24 {
  color: #D0021B;
}
.basic-users .users-List .scroll-body {
  width: 100%;
  height: calc(100vh - 368px);
  max-height: 605px;
  overflow: hidden;
  position: relative;
}
.basic-users .users-List .scroll-body .table-content {
  position: absolute;
  left: 0;
  top: 55px;
  bottom: 10px;
  width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}
.basic-users .users-List .scroll-body .page-number {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 36px;
}
.basic-users .icon-s-Warning-16,
.basic-users .icon-s-Ok2_32,
.basic-users .icon-s-RequestAccessUser-16 {
  cursor: default;
}
.basic-users .select-p {
  display: inline-block;
  padding-left: 0.8em;
  margin-top: 8px;
  margin-bottom: 10px;
  margin-left: 40px;
  width: 85%;
  padding-right: 0.8em;
}
.basic-users .select-p span {
  line-height: 20px;
}
.user-portal-icon {
  font-size: 25px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  cursor: default;
}
.select-search-container {
  display: inline-block;
  width: 85%;
  position: relative;
  vertical-align: middle;
}
.select-search-container.drop-list-active .select-search-drop {
  display: block;
}
.select-search-container .select-search-choices {
  background-color: #f9f9f9;
  border: 1px solid #ddd;
  border-top-right-radius: 25px;
  border-top-left-radius: 25px;
  border-bottom-right-radius: 25px;
  border-bottom-left-radius: 25px;
  cursor: text;
  height: auto !important;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: relative;
}
.select-search-container .select-search-choices li {
  float: left;
  list-style: none;
}
.select-search-container .select-search-choices .search-field {
  margin: 0;
  padding: 0;
  width: 100%;
  white-space: nowrap;
}
.select-search-container .select-search-choices .search-field input {
  border: 0 !important;
  box-shadow: none;
  height: 31px;
  margin: 0;
  width: 100%;
}
.select-search-container .select-search-drop {
  background: #fff;
  border: 1px solid #ddd;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  margin-top: -1px;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 1060;
  box-shadow: 0 8px 8px rgba(0, 0, 0, 0.25);
  display: none;
}
.select-search-container .select-search-drop .select-search-results {
  margin: 0;
  padding: 0;
  max-height: 240px;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
}
.select-search-container .select-search-drop .select-search-results li {
  display: none;
  line-height: 1.42857;
  list-style: none;
  margin: 0;
  padding: 5px 6px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  color: #303030;
}
.select-search-container .select-search-drop .select-search-results li.heighLight {
  background-color: #eee;
}
.select-search-container .select-search-drop .select-search-results li.active-result {
  cursor: pointer;
  display: list-item;
}
.select-search-container .select-search-drop .select-search-results li.no-result {
  cursor: default;
  display: list-item;
  color: #aaa;
}
.basic-template {
  margin-top: 20px;
}
.basic-template.content-scroll-view {
  height: calc(100vh - 330px)!important;
}
.basic-template .add-temp {
  display: flex;
  margin-bottom: 10px;
}
.basic-template .add-temp div {
  display: flex;
}
.basic-template .add-temp .a-t-name {
  width: 50%;
  flex-direction: column;
}
.basic-template .add-temp .a-t-name button {
  margin-left: 10px;
}
.basic-template .add-temp .a-t-property {
  width: 50%;
  flex-direction: column;
}
.basic-template .add-temp .a-t-title {
  justify-content: space-between;
  height: 35px;
  align-items: flex-end;
  margin-bottom: 10px;
}
.basic-template .add-temp .a-t-con {
  align-items: center;
  height: 40px;
  justify-content: space-between;
}
.basic-template input {
  margin-bottom: 10px;
  width: 100%;
  z-index: 10;
}
.basic-template .pl20 {
  padding-right: 20px;
}
.basic-template .pl10 {
  padding-right: 10px;
}
.basic-template .pt10 {
  padding-top: 10px;
}
.basic-template .mt20 {
  margin-top: 20px;
}
.basic-template .ml10 {
  margin-left: 10px;
}
.basic-template .a-t-btns {
  position: absolute;
  top: 0px;
  right: 0px;
}
.basic-template .tem-list {
  display: flex;
  flex-direction: column;
}
.basic-template .tem-list div {
  display: flex;
}
.basic-template .tem-list .t-l-title {
  padding: 20px 0px 10px;
  border-bottom: 1px solid #ccc;
}
.basic-template .tem-list .t-l-left {
  width: 50%;
  flex-direction: column;
  margin-top: 20px;
}
.basic-template .tem-list .t-l-right {
  width: 50%;
  flex-direction: column;
  padding-right: 12px;
  margin-top: 20px;
}
.basic-template .tem-list .active {
  color: #90daf1;
}
.basic-template .tem-list .t-l-item {
  border: 1px solid #ccc;
  padding: 15px;
  border-radius: 5px;
  justify-content: space-between;
  margin-bottom: 15px;
}
.basic-template .tem-list .t-l-item .expend {
  display: none;
}
.basic-template .tem-list .t-l-item.select {
  background-color: #e2e2e2;
}
.basic-template .tem-list .t-l-item.select .expend {
  color: #009feb;
  display: unset;
  margin-right: 5px;
}
.basic-template .tem-list .tlr-kws {
  flex-direction: column;
  margin-bottom: 20px;
}
.basic-template .tem-list .tlr-kws .kws-title {
  padding: 15px 30px 15px 0;
  padding-left: 0;
  justify-content: space-between;
}
.basic-template .tem-list .kws-ctn {
  padding: 0px 20px 20px;
  flex-direction: column;
  position: relative;
}
.basic-template .tem-list .keyword-drop {
  position: absolute;
  background-color: #f9f9f9;
  right: 20px;
  left: 20px;
  top: 45px;
  border: 1px solid #ccc;
  z-index: 20;
}
.basic-template .tem-list .keyword-drop .keyword-results {
  max-height: 200px;
  overflow-y: auto;
  width: 100%;
}
.basic-template .tem-list .keyword-drop .keyword-results li {
  padding: 8px 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.basic-template .tem-list .keyword-drop .keyword-results .highlighted {
  background-color: #e2e2e2;
}
.basic-template .tem-list .tags-ctn {
  flex-wrap: wrap;
}
.basic-template .tem-list .cfs-title {
  margin: 0 12px;
  border-bottom: 1px solid #ccc;
}
.basic-template .tem-list .cfs-cnt {
  overflow: hidden;
  flex-wrap: wrap;
  justify-content: space-between;
}
.basic-template .tem-list .cfs-cnt .field {
  flex-direction: column;
  width: 50%;
  padding-right: 30px;
}
.basic-template .tem-list .cfs-cnt .field:last-child {
  margin-bottom: 15px;
}
.basic-template .tem-list .cfs-cnt .select-wrap {
  width: 100%;
  margin-bottom: 10px;
}
.basic-template .tem-list .ppt-title {
  padding: 15px 0px;
  justify-content: space-between;
}
.basic-template .tem-list .add-btn {
  transform: rotateZ(45deg);
}
.basic-template .tem-list .column {
  flex-direction: column;
}
.basic-template .tem-list .tags-item {
  width: calc(33% - 9px);
  padding: 5px 10px;
  border: 1px solid #ccc;
  background-color: #e2e2e2;
  border-radius: 15px;
  margin: 8px 5px 8px;
}
.basic-template .tem-list .tags-item .tags-name {
  flex-grow: 1;
  text-align: center;
}
.basic-template .tem-list .input-circle {
  align-items: center;
  flex-direction: column;
}
.basic-template .tem-list .input-circle .additionInput {
  align-items: center;
  width: 100%;
}
.basic-template .tem-list .input-circle .add-url-btn {
  margin-left: -30px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: transparent;
  justify-content: center;
  align-items: center;
  font-weight: 400;
}
.basic-template .tem-list .url-warning {
  margin-top: 10px;
}
.basic-template .tem-list .url-item {
  width: 100%;
  padding: 5px 10px;
  border: 1px solid #ccc;
  background-color: #e2e2e2;
  border-radius: 15px;
  margin: 15px 5px 0px;
}
.basic-template .tem-list .url-item .url-text {
  flex-grow: 1;
  align-items: center;
}
.basic-template .tem-list .itemErrorMsg {
  padding-bottom: 10px;
  color: red;
}
.basic-template .tem-list .mult-added {
  flex-wrap: wrap;
}
.basic-template .tem-list .mult-added .tags-item {
  margin-left: 0px;
}
.basic-template .tem-list .editable-label .label-list-wrap {
  margin-top: 10px;
  flex-wrap: wrap;
}
.basic-template .tem-list .editable-label .add-label {
  width: 110px;
}
.basic-template .tem-list .editable-label .label-list {
  display: inline-block;
  float: left;
  width: 30%;
  height: 100px;
  line-height: 25px;
  margin: 8px 3.33% 15px 0;
  border-radius: 4px;
  border: #ccc 1px solid;
  text-align: center;
  position: relative;
}
.basic-template .tem-list .editable-label .label-list .colorBg {
  position: absolute;
  top: 8px;
  left: 8px;
  right: 8px;
  bottom: 25px;
  vertical-align: middle;
}
.basic-template .tem-list .editable-label .label-list .text {
  position: absolute;
  bottom: 0;
  left: 8px;
  right: 8px;
  text-align: left;
  padding: 0 !important;
}
.basic-template .tem-list .editable-label .label-list .del-btn {
  position: absolute;
  right: -10px;
  top: -10px;
  width: 20px;
  height: 20px;
  border-radius: 10px;
  line-height: 20px;
  text-align: center;
  font-size: 14px;
  padding: 0;
  background-color: #e2e2e2;
}
.basic-template .content-layout {
  overflow-y: auto;
  overflow-x: hidden;
}
.basic-template .template-layout-scroll {
  height: calc(100% - 20px);
  overflow-x: hidden;
  overflow-y: auto;
}
.basic-template .save-btn-group {
  position: absolute;
  right: 0px;
  top: 0px;
  z-index: 50;
}
.basic-template .template-header-bar {
  position: relative;
  top: 0;
  z-index: 99;
  float: right;
}
.basic-template .template-header-bar .select-wrap {
  float: left;
  width: 180px;
  margin-right: 15px;
}
.basic-template .template-header-bar .btn-default {
  margin-left: 10px;
}
.basic-template .template-header-bar .search-block {
  display: inline-block;
  position: relative;
}
.basic-template .template-header-bar .search-block .search-box {
  height: 32px;
}
.basic-template .template-header-bar .search-block input {
  padding-left: 30px !important;
}
.basic-template .template-create-tpl .edit-layout {
  margin-top: 30px;
}
.basic-template .template-create-tpl .edit-layout .create-title {
  font-size: 20px;
  font-weight: normal;
  color: #626262;
  margin-right: 40px;
}
.basic-template .template-create-tpl .edit-layout .flight-select {
  display: inline-block;
  width: 160px;
  margin-left: 15px;
}
.basic-template .template-create-tpl .edit-layout .section.first-section {
  border: none;
}
.basic-template .template-create-tpl .edit-layout .section .row .tlr-kws {
  flex-direction: column;
  margin-bottom: 20px;
}
.basic-template .template-create-tpl .edit-layout .section .row .tlr-kws div {
  display: flex;
}
.basic-template .template-create-tpl .edit-layout .section .row .tlr-kws .kws-title {
  padding: 15px 30px 15px 0;
  justify-content: space-between;
  display: block;
}
.basic-template .template-create-tpl .edit-layout .section .row .tlr-kws .kws-ctn {
  flex-direction: column;
  position: relative;
}
.basic-template .template-create-tpl .edit-layout .section .row .tlr-kws .kws-ctn .tags-ctn {
  flex-wrap: wrap;
}
.basic-template .template-create-tpl .edit-layout .section .row .tlr-kws .kws-ctn .tags-ctn .tags-item {
  width: calc(33% - 9px);
  padding: 5px 10px;
  border: 1px solid #ccc;
  background-color: #e2e2e2;
  border-radius: 15px;
  margin: 8px 5px 8px;
}
.basic-template .template-create-tpl .edit-layout .section .row .tlr-kws .kws-ctn .tags-ctn .tags-item .tags-name {
  flex-grow: 1;
  text-align: center;
  display: block;
}
.basic-template .template-create-tpl .edit-layout .section .row .tlr-kws .kws-ctn .tags-ctn .tags-item .ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.basic-template .template-create-tpl .edit-layout .section .row .tlr-kws .direct-column {
  flex-direction: column;
}
.basic-template .template-create-tpl .edit-layout .section .row .tlr-kws .dropdown-icon {
  display: block;
  width: 100%;
}
.basic-template .template-create-tpl .edit-layout .section .row .tlr-kws #waterMark-container {
  flex-wrap: wrap;
}
.basic-template .template-create-tpl .edit-layout .section .row .tlr-kws .keyword-box {
  width: calc(33% - 9px);
  padding: 5px 10px;
  border: 1px solid #ccc;
  background-color: #e2e2e2;
  border-radius: 15px;
  margin: 8px 5px 8px;
}
.basic-template .template-create-tpl .edit-layout .section .row .tlr-kws .keyword-box .text {
  display: block;
  height: 16px;
}
.basic-template .template-create-tpl .edit-layout .search-box[type="text"] {
  padding-left: 28px !important;
}
.basic-template .template-create-tpl .edit-layout .no-pd-left {
  padding-left: 0;
  margin-top: 5px;
}
.basic-template .template-create-tpl .edit-layout .pd-right {
  padding-right: 30px;
}
.basic-template .template-create-tpl .edit-layout .only-read {
  background-color: #ebebe4;
  border: 1px solid #d9d9d9;
  color: #828282!important;
}
.basic-template .template-create-tpl .keyword-box {
  float: left;
  margin: 8px 9px 0px 0px;
  padding: 0px 6px;
  font-weight: normal;
  font-size: 16px;
  color: #4a4a4a;
  overflow-y: hidden;
  border: solid 1px #ccc;
  border-radius: 26px;
  line-height: 20px;
  width: calc(100% / 2 - 9px);
}
.basic-template .template-create-tpl .keyword-box .text {
  float: left;
  overflow-y: hidden;
  width: calc(100% - 18px);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
}
.basic-template .template-create-tpl .keyword-box .delete-keyword-tag-btn {
  line-height: 20px;
  font-weight: 600;
  cursor: pointer;
  float: right;
  font-size: 16px;
}
.basic-template .template-create-tpl .itemErrorMsg {
  font-size: 14px;
  color: #ff0000;
  line-height: 1;
  margin-top: 5px;
  margin-bottom: 5px;
}
.basic-template .info-input {
  margin-top: 10px;
}
.basic-template .info-input input {
  width: 100%;
}
.basic-template .info-input textarea {
  width: 100%;
  resize: none;
}
.basic-template .del {
  width: 20px;
  display: inline-block;
}
.basic-template .select-input {
  padding-top: 25px;
}
.basic-template .access-inline {
  display: inline-block;
  float: left;
  margin-bottom: 25px;
}
.basic-template .access-inline.access-indesg {
  width: 42%;
}
.basic-template .access-item {
  margin-right: 25px;
}
.basic-template .access-title {
  font-size: 18px;
  color: #4A4A4A;
  font-weight: normal;
  margin-bottom: 15px;
}
.basic-template .registered-icon {
  font-size: 20px;
  padding: 4px;
  vertical-align: middle;
  cursor: pointer;
}
.basic-template .registered-icon.icon-s-enable {
  color: #9AD230;
}
.basic-template .registered-icon.icon-s-disable {
  color: #5a6a7f;
}
.basic-template .registered-icon.icon-s-Warning-16,
.basic-template .registered-icon.icon-s-Error-24 {
  color: #D0021B;
}
.basic-template .template-List .scroll-body {
  width: 100%;
  max-height: 605px;
  position: relative;
}
.basic-template .template-List .scroll-body .table-content {
  position: absolute;
  left: 0;
  top: 55px;
  bottom: 10px;
  width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}
.basic-template .template-List .scroll-body .page-number {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 36px;
}
.basic-template .template-List .template-list-view {
  overflow-y: auto;
  height: calc(100vh - 469px);
}
.basic-template .select-p {
  padding-left: 40px;
  margin-top: 8px;
  margin-bottom: 10px;
}
.basic-template .select-p span {
  line-height: 20px;
}
.basic-template .template-list .keyword-drop {
  position: absolute;
  background-color: #f9f9f9;
  right: 0px;
  left: 0px;
  top: 45px;
  border: 1px solid #ccc;
  z-index: 20;
}
.basic-template .template-list .keyword-drop .keyword-results {
  max-height: 200px;
  overflow-y: auto;
  width: 100%;
}
.basic-template .template-list .keyword-drop .keyword-results li {
  padding: 8px 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.basic-template .template-list .keyword-drop .keyword-results .highlighted {
  background-color: #e2e2e2;
}
.groups .setting-left {
  float: none;
  width: auto;
  overflow: hidden;
}
.groups .setting-left .header {
  height: 70px;
}
.groups .setting-left .groups-view .table {
  table-layout: fixed;
}
.groups .setting-left .groups-view .table th {
  white-space: nowrap;
  text-transform: uppercase;
  cursor: pointer;
}
.groups .setting-left .groups-view .table td {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  height: 88px;
  vertical-align: middle;
}
.groups .setting-left .groups-view .table td input {
  width: 100%;
}
.groups .setting-left .groups-view .table td .btn-default {
  height: 30px;
  padding: 0 16px;
  width: 80px;
}
.groups .setting-left .groups-view .table td .circle-button {
  color: #000;
  margin-right: 20px;
}
.groups .setting-left .groups-view .table td .icon-s-Ok1_16 {
  color: #fff;
  background: #9ad22f;
}
.groups .setting-left .groups-view .table tr.has-error {
  height: 75px;
}
.groups .setting-left .groups-view .table tr.has-error td {
  vertical-align: bottom;
}
.groups .setting-left .groups-view .table tr.has-error td:first-child {
  overflow: initial;
}
.groups .setting-left .groups-view .table tr.has-error .error-msg {
  position: relative;
  color: #f00;
}
.groups .setting-left .groups-view input[type="text"] {
  margin-bottom: 0;
}
.groups .setting-right {
  width: 460px;
}
.settings-group-members-modal .modal-body {
  margin: 10px;
  overflow-x: hidden;
}
.settings-group-members-modal .modal-body .search-box {
  width: 100%;
  border-radius: 25px;
}
.settings-group-members-modal .modal-body .users-table {
  table-layout: fixed;
  width: 100%;
}
.settings-group-members-modal .modal-body .users-table .avatar {
  width: 50px;
  height: 50px;
  border-radius: 25px;
}
.settings-group-members-modal .modal-body .users-table td {
  overflow-x: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.settings-group-members-modal .modal-body .users-table .user-selected .avatar {
  width: 54px;
  height: 54px;
  border: 2px solid #9ad22f;
}
.settings-group-members-modal .modal-body .users-table .user-selected .icon-s-Ok1_16 {
  position: absolute;
  left: 50px;
  color: #fff;
  background: #9ad22f;
  border-radius: 10px;
  width: 20px;
  height: 20px;
  line-height: 20px;
}
.basic-group .table-layout {
  height: calc(100% - 136px);
  position: absolute;
  display: block;
}
.basic-group .table-layout > tbody {
  height: calc(100% - 43px);
}
.integrations-tree-dialog .second-title {
  padding-top: 16px;
  padding-left: 30px;
}
.settings-window #treehierarchyBox {
  padding-left: 0px;
}
.settings-window #treehierarchyBox > ul > li {
  padding-left: 0px;
}
.settings-window .second-title {
  padding-left: 0px;
  padding-top: 0px;
}
.settings-window .second-title label {
  margin-top: -10px;
  font-weight: normal;
  font-size: 14px;
}
.settings-window.integrations-tree-dialog .modal-body {
  max-height: 355px;
}
.settings-window.integrate-viewer-dialog .box-icon-pos-notie {
  margin-left: -40px;
}
.settings-window.integrate-viewer-dialog .box-icon {
  margin-top: -13px;
}
.settings-window.integrate-viewer-dialog .modal-body {
  padding-top: 20px;
  height: 355px;
  scrollbar-base-color: #C0C0C0;
  scrollbar-face-color: #626262;
  scrollbar-3dlight-color: #C0C0C0;
  scrollbar-highlight-color: #C0C0C0;
  scrollbar-track-color: #dddddd;
  scrollbar-arrow-color: black;
  scrollbar-shadow-color: #C0C0C0;
  scrollbar-dark-shadow-color: #C0C0C0;
}
.settings-window.integrate-viewer-dialog .modal-body::-webkit-scrollbar-thumb {
  background-color: #626262;
}
.settings-window.integrate-viewer-dialog .modal-body::-webkit-scrollbar-track-piece {
  background-color: #dddddd;
  -webkit-border-radius: 0;
}
.settings-window.integrate-viewer-dialog .modal-body::-webkit-scrollbar {
  width: 10px;
}
.settings-window.integrate-viewer-dialog .modal-content {
  height: 480px;
}
.settings-configuration-integrations {
  overflow-y: auto;
  margin-top: 4px;
  margin: 0px;
  overflow-y: hidden;
}
.settings-configuration-integrations .external-content {
  overflow-x: auto;
}
.settings-configuration-integrations .integration-desc {
  font-size: 14px;
  margin: 1px 0px;
}
.settings-configuration-integrations .lf {
  float: left;
  clear: left;
  text-align: left;
}
.settings-configuration-integrations .integration-table {
  width: 98%;
  border: 1px solid #DDDCDC;
  float: left;
  padding-bottom: 10px;
  margin-top: 15px;
}
.settings-configuration-integrations .integration-table-title {
  background: #DDDCDC;
  height: 30px;
  line-height: 30px;
  padding-left: 15px;
}
.settings-configuration-integrations .integration-title-text {
  font-size: 14px;
  font-weight: 700;
}
.settings-configuration-integrations .integration-table-content {
  margin: 10px 10px 10px 10px;
}
.settings-configuration-integrations .integration-table-content .panel-group {
  margin-bottom: 0px;
}
.settings-configuration-integrations .integration-table-content .panel {
  background-color: #fff;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0px 0px rgba(0, 0, 0, 0.05);
}
.settings-configuration-integrations .integration-table-content .panel .btn-parent:hover {
  color: #fff;
}
.settings-configuration-integrations .integration-table-content .panel-default {
  border-color: #fff;
}
.settings-configuration-integrations .integration-table-content .panel-default > .panel-heading {
  color: #333;
  background-color: #fff;
  border-color: #ddd;
}
.settings-configuration-integrations .integration-table-content .panel-default > .panel-heading .panel-title a {
  text-decoration: none;
  outline: none;
}
.settings-configuration-integrations .integration-table-content .panel-body {
  border-top: 0px!important;
}
.settings-configuration-integrations .integration-table-content .panel-heading {
  padding: 0px;
}
.settings-configuration-integrations .integration-table-content .panel-title {
  line-height: 50px;
}
.settings-configuration-integrations .option-area {
  float: left;
  width: 50%;
  padding: 8px 0px;
}
.settings-configuration-integrations .option-tab {
  float: left;
  width: 100%;
  margin-top: -38px;
  pointer-events: none;
}
.settings-configuration-integrations .option-icons {
  float: left;
  margin-left: 10px;
  display: inline;
}
.settings-configuration-integrations .box-option {
  background-image: url(img/box_small.png);
  background-repeat: no-repeat;
  width: 38px;
  height: 38px;
  vertical-align: middle;
}
.settings-configuration-integrations .googledrive-option {
  background-image: url(img/google_drive_small.png);
  background-repeat: no-repeat;
  width: 38px;
  height: 38px;
  vertical-align: middle;
}
.settings-configuration-integrations .dropbox-option {
  background-image: url(img/dropbox_small.png);
  background-repeat: no-repeat;
  width: 38px;
  height: 38px;
  vertical-align: middle;
}
.settings-configuration-integrations .option-text {
  display: inline;
  margin-right: 110px;
  float: left;
  margin-left: 58px;
  height: 70px;
}
.settings-configuration-integrations .process-icon {
  width: 15px;
  margin-top: 10px;
  float: right;
  margin-left: 5px;
}
.settings-configuration-integrations .actions-option {
  float: right;
  display: inline;
  margin-right: 10px;
}
.settings-configuration-integrations .actions-option .action-button {
  margin-top: 5px;
  font-size: 14px;
  padding-left: 10px;
  padding-right: 10px;
}
.settings-configuration-integrations .actions-option .disabled-button {
  opacity: 0.5;
}
.settings-configuration-integrations .active-title-bar {
  display: block;
}
.settings-configuration-integrations .active-icon {
  display: inline-block;
  margin: 0px 10px 0px 20px;
}
.settings-configuration-integrations .active-remove {
  float: right;
  display: inline-block;
  margin-right: 15px;
  margin-top: 4px;
}
.settings-configuration-integrations .active-remove [name='remove'] {
  width: 130px;
}
.settings-configuration-integrations .active-connect {
  font-weight: 700;
}
.settings-configuration-integrations .active-arrow {
  float: left;
  color: #CCCCCC;
  font-size: 20px;
  margin-left: 12px;
  margin-top: 12px;
  margin: 12px 0px 0px 12px;
  cursor: pointer;
}
.settings-configuration-integrations .active-integration-list .item {
  padding: 0px 0px 0px 104px;
}
.settings-configuration-integrations .active-integration-list .item .content {
  float: left;
}
.settings-configuration-integrations .active-integration-list .item .content .title {
  display: block;
  font-weight: 700;
  margin-top: 10px;
}
.settings-configuration-integrations .active-integration-list .item .action {
  float: right;
}
.settings-configuration-integrations .active-integration-list .item .action [name='sync'] {
  margin: 15px 15px 0 0;
  width: 130px;
}
.settings-configuration-integrations .active-integration-list .item .action .syncing {
  float: right;
  margin: 20px;
  cursor: pointer;
}
.settings-configuration-integrations .active-integration-list .item .action .syncing.working {
  cursor: default;
  background-image: url(img/small-loading.gif);
  background-repeat: no-repeat;
  width: 18px;
  height: 18px;
}
.settings-configuration-integrations .accordion {
  margin-bottom: 0px;
}
.settings-configuration-integrations .accordion a {
  text-decoration: none;
  cursor: default;
}
.settings-configuration-integrations .accordion a:hover {
  color: #333333;
}
.settings-configuration-integrations .accordion-group {
  border: none;
  margin: 0px;
}
.settings-configuration-integrations .accordion-heading {
  margin-top: 1px;
  line-height: 50px;
}
.settings-configuration-integrations .accordion-toggle {
  padding: 0px;
}
.settings-configuration-integrations .accordion-inner {
  padding: 0px;
  border: none;
}
.settings-configuration-integrations hr {
  border-top: 1px solid #DDDCDC;
  margin: 0px;
}
.settings-configuration-integrations .lf {
  PADDING: 20PX 30PX 0PX;
  line-height: 24px;
}
.settings-configuration-integrations .setting-left {
  background-color: white;
  padding-left: 20px;
  padding-right: 40px;
  float: none;
  width: auto;
  height: 100%;
  overflow: hidden;
}
.settings-configuration-integrations .setting-right {
  background-color: #EFF0F2 !important;
  width: 460px;
  min-height: 100%;
  height: auto;
}
.settings-configuration-integrations .setting-right .header {
  font-size: 20px;
  font-weight: 600;
  padding-left: 20px;
}
.settings-configuration-integrations .setting-right .no-min-height {
  min-height: auto;
}
.settings-configuration-integrations .btn-logout {
  color: white;
  float: left;
  width: 114px;
  height: 32px;
  padding: 0;
}
.settings-configuration-integrations .integration-table-content {
  margin: 0px;
  height: 100%;
}
.settings-configuration-integrations .integration-table-content .row {
  position: relative;
  height: calc(100% - 220px);
}
.settings-configuration-integrations .integration-table-content table {
  table-layout: fixed;
}
.settings-configuration-integrations .integration-table-content tbody {
  border-bottom: 1px solid #ddd;
}
.settings-configuration-integrations .integration-table-content tbody tr {
  height: 70px;
}
.settings-configuration-integrations .integration-table-content th {
  color: #837E85;
}
.settings-configuration-integrations .integration-table-content td {
  vertical-align: middle;
  padding-top: 25px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.settings-configuration-integrations .integration-table {
  border: none;
  width: 100%;
  height: calc(100% - 80px);
}
.settings-configuration-integrations .integration-table-title {
  background: none ;
  height: auto;
  line-height: 20px;
  padding: 0 30px;
}
.settings-configuration-integrations .option-tab {
  float: left;
  margin-top: 0px;
  min-width: 550px;
  padding-left: 200px;
  pointer-events: auto;
  position: absolute;
}
.settings-configuration-integrations .option-area {
  width: 100%;
  height: 220px;
  position: relative;
}
.settings-configuration-integrations .option-area:hover {
  background: none;
}
.settings-configuration-integrations .actions-option {
  float: left;
}
.settings-configuration-integrations .actions-option .action-button {
  margin-left: 0px !important;
  width: 96px;
  height: 32px;
  background-color: #77C1EE;
  font-size: 16px;
  font-weight: bold;
  margin-top: 0px;
  padding: 0;
}
.settings-configuration-integrations .content-icon {
  background-color: #EEF0F1;
  height: 100%;
  float: left;
  width: 160px;
  height: 160px;
  padding: 10px;
}
.settings-configuration-integrations .content-icon .box-option {
  background-image: url(img/integrations.png);
  width: 128px;
  height: 128px;
  margin: 0px;
  background-position: -64px -140px;
}
.settings-configuration-integrations .content-icon .googledrive-option {
  background-image: url(img/integrations.png);
  width: 128px;
  height: 128px;
  margin: 0px;
  background-position: -64px 0px;
}
.settings-configuration-integrations .content-icon .dropbox-option {
  background-image: url(img/integrations.png);
  width: 128px;
  height: 128px;
  margin: 0px;
  background-position: -64px -280px;
}
.settings-configuration-integrations .feature-title {
  padding: 13px 15px;
  margin-bottom: -2px;
  border-radius: 4px 4px 0 0;
  border: transparent 1px solid;
}
.settings-configuration-integrations .active-title {
  color: #009feb!important;
  border: #ddd 1px solid;
  border-bottom: 0;
  background: #fff;
}
.settings-configuration-integrations .title-box {
  border-bottom: 1px solid #ddd;
}
.settings-configuration-integrations .other-title .left {
  float: left;
}
.settings-configuration-integrations .other-title button {
  float: right;
  margin-right: 15px;
}
.settings-configuration-integrations .other-title .name {
  width: calc(100% - 220px);
}
.settings-configuration-integrations .other-users {
  width: 100%;
  top: 80px;
  left: 0;
  bottom: 0;
  overflow: auto;
}
.settings-configuration-integrations .other-list {
  width: 100%;
  overflow: auto;
  padding: 20px 0px;
  border-bottom: 1px solid #ddd;
  margin-bottom: 10px;
}
.settings-configuration-integrations .other-content {
  margin-top: 10px;
}
.settings-configuration-integrations .other-extend {
  padding-bottom: 0px;
  border-bottom: 0px;
  margin-bottom: 0px;
}
.settings-configuration-integrations .own {
  width: 100%;
  margin-top: 20px;
  overflow: auto;
}
.settings-configuration-integrations .own .my-title {
  margin-bottom: 10px;
}
.settings-configuration-integrations .own .my-title .my-name {
  float: left;
  width: calc(100% - 250px);
  margin-top: 8px;
}
.settings-configuration-integrations .own .my-title .my-content {
  float: right;
}
.settings-configuration-integrations .option-text {
  float: left ;
  height: 50px;
  font-size: 15px;
  font-weight: 500;
  color: #6B6565;
  margin: 0;
  display: block;
  width: 100%;
  line-height: 20px;
}
.settings-configuration-integrations .unasync {
  margin-left: 10px;
}
.settings-configuration-integrations .circle-button {
  color: black;
}
.settings-configuration-integrations .integrations-list {
  width: 230px;
  height: 30px;
  line-height: 30px;
  margin-top: 20px;
  position: absolute;
}
.settings-configuration-integrations .integrations-list li {
  width: 100%;
  padding: 13px 0;
}
.settings-configuration-integrations .integrations-list li.unconnected {
  opacity: 0.4;
}
.settings-configuration-integrations .integrations-list li .icon-s-Arrow1_16 {
  display: none;
}
.settings-configuration-integrations .integrations-list li.selected {
  color: #009feb;
}
.settings-configuration-integrations .integrations-list li.selected .icon-s-Arrow1_16 {
  display: unset;
  margin-left: -20px;
  margin-right: 2px;
}
.settings-configuration-integrations .integrations-list li span.integrations-icon {
  display: inline-block;
  width: 36px;
  height: 36px;
  border-radius: 18px;
  line-height: 36px;
  text-align: center;
  font-size: 24px;
  vertical-align: middle;
  color: #FFF;
  background-size: 100%;
  margin-right: 8px;
}
.settings-configuration-integrations .integrations-list li span.integrations-icon.icon-s-box-56,
.settings-configuration-integrations .integrations-list li span.integrations-icon.icon-s-Google-56 {
  background-color: #029D54;
}
.settings-configuration-integrations .integrations-list li span.integrations-icon.icon-s-Slack-56 {
  background-color: #397EC5;
}
.settings-configuration-integrations .integrations-list li span.integrations-icon.icon-s-Dropbox-56 {
  background-color: #3055FD;
}
.settings-configuration-integrations .integrations-list li span.integrations-icon.icon-s-egnyte-56 {
  background-color: #9D2335;
}
.settings-configuration-integrations .integrations-list li span.integrations-icon.GoogleAnalytics {
  background-color: #F58410;
}
.settings-configuration-integrations .integrations-list li span.integrations-icon.OneDriveSVG {
  background-color: #1565c0;
  background-size: 30px!important;
}
.settings-configuration-integrations .integrations-list li span.integrations-icon.icon-s-sharepoint {
  background-color: #34c7d1;
  padding-top: 1px;
}
.settings-configuration-integrations .integrations-list li span.integrations-icon.icon-s-Google-Drive {
  background-image: url(img/google_drive_small.png);
  background-repeat: no-repeat;
  cursor: pointer;
  display: inline-block;
}
.settings-configuration-integrations .table-fixed thead {
  width: 100%;
}
.settings-configuration-integrations .table-fixed thead tr {
  height: 50px;
}
.settings-configuration-integrations .table-fixed thead th {
  border-bottom: 1px solid #ddd !important;
  padding-top: 20px;
  height: 100%;
}
.settings-configuration-integrations .table-fixed tbody {
  max-height: 230px;
  overflow-y: auto;
  width: 100%;
}
.settings-configuration-integrations .table-fixed thead,
.settings-configuration-integrations .table-fixed tbody,
.settings-configuration-integrations .table-fixed tr,
.settings-configuration-integrations .table-fixed td,
.settings-configuration-integrations .table-fixed th {
  display: block;
}
.settings-configuration-integrations .table-fixed tbody td,
.settings-configuration-integrations .table-fixed thead > tr > th {
  float: left;
  border-bottom-width: 0;
}
.settings-configuration-integrations .integration-content {
  width: calc(100% - 230px);
  overflow: auto;
  position: absolute;
  top: 118px;
  margin-left: 230px;
}
.settings-configuration-integrations .integration-content .btn-warp {
  position: absolute;
  right: 10px;
  top: 0;
}
.settings-configuration-integrations .integration-content .btn-warp button {
  margin-right: 20px;
}
.settings-configuration-integrations .margin-btm {
  margin-bottom: 20px;
}
.settings-configuration-integrations .slack-warp {
  width: 100%;
  line-height: 30px;
}
.settings-configuration-integrations .slack-warp div {
  display: inline-block;
  margin-right: 6px;
}
.settings-configuration-integrations .g-analytics {
  width: 300px;
  background: #fcfcfc;
}
.h-auto {
  height: auto;
  margin-bottom: 10px;
}
#treehierarchyBox {
  /* prevent user selection */
  -moz-user-select: -moz-none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* default */
  font-size: 20px;
  color: #555;
  text-decoration: none;
}
#treehierarchyBox ul {
  margin: 0;
  padding: 0;
  list-style: none;
  border: none;
  overflow: visible;
}
#treehierarchyBox li {
  position: relative;
  padding: 4px 0 0 20px;
  line-height: 20px;
  font-size: 20px;
  color: #666;
  white-space: nowrap;
}
#treehierarchyBox li > div {
  border-radius: 14px;
}
#treehierarchyBox li span {
  font-size: 14px;
  color: #525252;
  vertical-align: bottom;
  max-width: 100px;
  display: inline-block;
  line-height: 32px;
}
#treehierarchyBox li i,
#treehierarchyBox li span {
  cursor: pointer;
  max-width: 260px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  vertical-align: middle;
}
#treehierarchyBox li span.selected {
  color: #535353;
}
#treehierarchyDropbox {
  /* prevent user selection */
  -moz-user-select: -moz-none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* default */
  font-size: 20px;
  color: #555;
  text-decoration: none;
}
#treehierarchyDropbox ul {
  margin: 0;
  padding: 0;
  list-style: none;
  border: none;
  overflow: visible;
}
#treehierarchyDropbox li {
  position: relative;
  padding: 4px 0 0 0px;
  line-height: 20px;
  font-size: 20px;
  color: #666;
  white-space: nowrap;
}
#treehierarchyDropbox li > div {
  border-radius: 14px;
}
#treehierarchyDropbox li span {
  font-size: 14px;
  color: #525252;
  vertical-align: middle;
  max-width: 100px;
  display: inline-block;
  line-height: 32px;
}
#treehierarchyDropbox li i,
#treehierarchyDropbox li span {
  cursor: pointer;
  max-width: 260px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  vertical-align: middle;
}
#treehierarchyDropbox li.drop-hover,
.drop-hover {
  background-color: rgba(0, 0, 0, 0.1);
}
#treehierarchyDropbox li.selected {
  background-color: rgba(0, 0, 0, 0.1);
}
#treehierarchyDropbox li span.selected {
  color: #535353;
  background-color: rgba(0, 0, 0, 0.1);
}
.importfiles .admin_icons {
  padding: 0px 50px;
  margin: 31px auto 0;
  font-size: 0;
}
.importfiles .admin_icons li {
  float: left;
  width: 33.333%;
  height: 130px;
  padding: 0 0 31px;
  position: relative;
  min-height: 130px;
  line-height: 16px;
}
.importfiles .admin_icons li a {
  position: relative;
  padding: 8px 0 2px 0;
  text-align: center;
  text-decoration: none;
  color: #666;
}
.importfiles .admin_icons li a .img-outer {
  height: 60px;
  width: 60px;
  margin: 0 auto 10px;
  border-radius: 50%;
}
.importfiles .admin_icons li a .admin-icon-text {
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  word-wrap: break-word;
  line-height: 16px;
  margin: 0 0;
  position: relative;
  font-weight: bold;
  font-size: 12px;
}
.importfiles .admin_icons li a i {
  background-color: #7F7F7F;
  border-radius: 50%;
  -moz-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
  -webkit-transition: all 0.1s ease;
  transition: all 0.1s ease;
  display: block;
  color: #fff;
  text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2);
  min-height: 36px;
  min-width: 36px;
  font-size: 36px;
  height: 100%;
  line-height: 60px;
}
.smart-tag-icon:before {
  content: url('img/smart-tag-icon.png');
  position: relative;
  z-index: 1000;
  top: 2px;
}
.settings-common.settings-configuration-integrations .setting-content {
  margin: 0 70px;
}
.settings-common.settings-configuration-integrations .setting-content .table tr {
  border: 0;
}
.settings-common.settings-configuration-integrations .setting-content .table thead tr {
  border-bottom: #ccc 1px solid;
}
.settings-common.settings-configuration-integrations .setting-content .table th {
  text-transform: capitalize;
  padding: 10px 0;
  font-weight: normal;
  border: 0;
  display: inline-block;
}
.settings-common.settings-configuration-integrations .setting-content .table td {
  padding-left: 0;
  white-space: nowrap;
  overflow: hidden;
  vertical-align: middle;
  font-weight: 300;
  text-overflow: ellipsis;
  display: inline-block;
  font-size: 15px;
  border: 0;
}
.settings-common.settings-configuration-integrations .header {
  text-align: left;
  font-size: 30px;
  line-height: 1;
  margin: 50px 0 45px;
}
.settings-common.settings-configuration-integrations .integration-content {
  top: 320px;
  width: calc(100% - 140px);
}
.settings-common.settings-configuration-integrations .actions-option {
  float: right;
  margin: 0;
}
.settings-common.settings-configuration-integrations.import-to-workspace .header {
  margin: 40px 0;
}
.settings-common.settings-configuration-integrations.import-to-workspace .integration-content {
  top: 240px;
  width: auto;
  right: 70px;
  left: 70px;
  margin-left: 0px;
}
.metadata .checkbox-icon {
  float: right;
  width: 30px;
  height: 10px;
  margin-top: 35px;
  position: relative;
  border-radius: 5px;
  background-color: #ddd;
}
.metadata .checkbox-icon:before {
  content: '';
  width: 20px;
  height: 20px;
  position: absolute;
  background-color: #FFF;
  left: -5px;
  top: -5px;
  border-radius: 50%;
  box-shadow: 0 0 5px #666666;
}
.metadata .checkbox-icon.selected {
  background-color: #5A6A7F;
}
.metadata .checkbox-icon.selected:before {
  left: auto;
  right: -5px;
}
.metadata .export-btn {
  float: right;
  margin: 0 10px;
}
.metadata .setting-left {
  width: auto;
  overflow: hidden;
  float: none;
}
.metadata .setting-left .header {
  height: 80px;
  line-height: 80px;
}
.metadata .setting-left .container-fluid {
  padding-top: 40px;
}
.metadata .setting-left .metadata-item {
  color: #4A4A4A;
  line-height: 80px;
  padding: 0 7%;
  color: #5A6A7F;
  font-size: 14px;
  font-weight: bold;
}
.metadata .setting-left .seprator-line {
  border-bottom: solid 1px #dddddd;
}
.metadata .setting-right {
  width: 460px;
}
.metadata .setting-right .checkbox-icon {
  float: none;
  display: inline-block;
  margin: 0 4px;
}
.basic-metadata .metadata-scroll {
  overflow-x: hidden;
  margin-bottom: 30px;
}
.basic-metadata .prompt-info {
  padding-bottom: 10px;
  padding-top: 20px;
}
.basic-metadata .metadata-list {
  width: 50%;
}
.basic-metadata .metadata-list .metadata-item {
  padding-left: 0;
  padding-right: 0;
  margin-top: 10px;
  margin-bottom: 10px;
}
.basic-metadata .metadata-list .metadata-item .item-title {
  color: #4A4A4A;
}
.basic-metadata .section {
  padding-bottom: 0;
  margin-bottom: 25px;
  border-bottom: 1px solid #ddd;
}
.basic-metadata .quick-tags .warning {
  padding-left: 15px;
  font-size: 14px;
  opacity: 0.8;
  cursor: unset;
}
.basic-metadata .quick-tags textarea {
  margin-top: 10px;
  width: 700px;
  height: 100px;
  padding: 10px;
  font-size: 14px;
  background: #fff;
  resize: none;
}
.basic-metadata .metadata-fields {
  margin-top: 20px;
}
.basic-metadata .metadata-fields.content-scroll-view {
  height: calc(100vh - 390px)!important;
}
.metadata-fields .add-temp {
  display: flex;
  margin-bottom: 10px;
}
.metadata-fields .add-temp div {
  display: flex;
}
.metadata-fields .add-temp .a-t-name {
  width: 50%;
  flex-direction: column;
}
.metadata-fields .add-temp .a-t-name button {
  margin-left: 10px;
}
.metadata-fields .add-temp .a-t-property {
  width: 50%;
  flex-direction: column;
}
.metadata-fields .add-temp .a-t-title {
  justify-content: space-between;
  height: 35px;
  align-items: flex-end;
  margin-bottom: 10px;
}
.metadata-fields .add-temp .a-t-con {
  align-items: center;
  height: 40px;
  justify-content: space-between;
}
.metadata-fields input {
  margin-bottom: 0px;
  width: 100%;
  z-index: 10;
}
.metadata-fields .pl20 {
  padding-right: 20px;
}
.metadata-fields .pl10 {
  padding-right: 10px;
}
.metadata-fields .pt10 {
  padding-top: 10px;
}
.metadata-fields .mt20 {
  margin-top: 20px;
}
.metadata-fields .ml10 {
  margin-left: 10px;
}
.metadata-fields .a-t-btns {
  position: absolute;
  top: 0px;
  right: 0px;
}
.metadata-fields .tem-list {
  display: flex;
  flex-direction: column;
}
.metadata-fields .tem-list div {
  display: flex;
}
.metadata-fields .tem-list .t-l-title {
  padding: 20px 0px 10px;
  border-bottom: 1px solid #ccc;
}
.metadata-fields .tem-list .t-l-left {
  width: 50%;
  flex-direction: column;
  margin-top: 20px;
}
.metadata-fields .tem-list .t-l-right {
  width: 50%;
  flex-direction: column;
  padding-right: 12px;
  margin-top: 20px;
}
.metadata-fields .tem-list .active {
  color: #90daf1;
}
.metadata-fields .tem-list .t-l-item {
  border: 1px solid #ccc;
  padding: 15px;
  border-radius: 5px;
  justify-content: space-between;
  margin-bottom: 15px;
}
.metadata-fields .tem-list .t-l-item .expend {
  display: none;
}
.metadata-fields .tem-list .t-l-item.select {
  background-color: #e2e2e2;
}
.metadata-fields .tem-list .t-l-item.select .expend {
  color: #009feb;
  display: unset;
  margin-right: 5px;
}
.metadata-fields .tem-list .tlr-kws {
  flex-direction: column;
  border: 1px solid #ccc;
  border-radius: 5px;
  margin-bottom: 20px;
}
.metadata-fields .tem-list .tlr-kws .kws-title {
  padding: 15px;
  justify-content: space-between;
}
.metadata-fields .tem-list .kws-ctn {
  padding: 0px 20px 20px;
  flex-direction: column;
  position: relative;
}
.metadata-fields .tem-list .keyword-drop {
  position: absolute;
  background-color: #f9f9f9;
  right: 20px;
  left: 20px;
  top: 45px;
  border: 1px solid #ccc;
  z-index: 20;
}
.metadata-fields .tem-list .keyword-drop .keyword-results {
  max-height: 200px;
  overflow-y: auto;
  width: 100%;
}
.metadata-fields .tem-list .keyword-drop .keyword-results li {
  padding: 8px 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.metadata-fields .tem-list .keyword-drop .keyword-results .highlighted {
  background-color: #e2e2e2;
}
.metadata-fields .tem-list .tags-ctn {
  flex-wrap: wrap;
}
.metadata-fields .tem-list .cfs-title {
  margin: 0 12px;
  border-bottom: 1px solid #ccc;
}
.metadata-fields .tem-list .cfs-cnt {
  padding: 0 15px;
  flex-direction: column;
}
.metadata-fields .tem-list .cfs-cnt .field {
  flex-direction: column;
}
.metadata-fields .tem-list .cfs-cnt .field:last-child {
  margin-bottom: 15px;
}
.metadata-fields .tem-list .cfs-cnt .select-wrap {
  width: 100%;
}
.metadata-fields .tem-list .ppt-title {
  padding: 15px 0px;
  justify-content: space-between;
}
.metadata-fields .tem-list .add-btn {
  transform: rotateZ(45deg);
}
.metadata-fields .tem-list .column {
  flex-direction: column;
}
.metadata-fields .tem-list .tags-item {
  width: calc(33% - 9px);
  padding: 5px 10px;
  border: 1px solid #ccc;
  background-color: #e2e2e2;
  border-radius: 15px;
  margin: 8px 5px 8px;
}
.metadata-fields .tem-list .tags-item .tags-name {
  flex-grow: 1;
  text-align: center;
}
.metadata-fields .tem-list .input-circle {
  align-items: center;
  flex-direction: column;
}
.metadata-fields .tem-list .input-circle .additionInput {
  align-items: center;
  width: 100%;
}
.metadata-fields .tem-list .input-circle .add-url-btn {
  margin-left: -30px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  font-weight: 400;
  background-color: transparent;
}
.metadata-fields .tem-list .url-warning {
  margin-top: 10px;
}
.metadata-fields .tem-list .url-item {
  width: 100%;
  padding: 5px 10px;
  border: 1px solid #ccc;
  background-color: #e2e2e2;
  border-radius: 15px;
  margin: 15px 5px 0px;
}
.metadata-fields .tem-list .url-item .url-text {
  flex-grow: 1;
  align-items: center;
}
.metadata-fields .tem-list .itemErrorMsg {
  padding-bottom: 10px;
  color: red;
}
.metadata-fields .tem-list .mult-added {
  flex-wrap: wrap;
}
.metadata-fields .tem-list .mult-added .tags-item {
  margin-left: 0px;
}
.metadata-fields .tem-list .editable-label .label-list-wrap {
  margin-top: 10px;
  flex-wrap: wrap;
}
.metadata-fields .tem-list .editable-label .add-label {
  width: 110px;
}
.metadata-fields .tem-list .editable-label .label-list {
  display: inline-block;
  float: left;
  width: 30%;
  height: 100px;
  line-height: 25px;
  margin: 8px 3.33% 15px 0;
  border-radius: 4px;
  border: #ccc 1px solid;
  text-align: center;
  position: relative;
}
.metadata-fields .tem-list .editable-label .label-list .colorBg {
  position: absolute;
  top: 8px;
  left: 8px;
  right: 8px;
  bottom: 25px;
  vertical-align: middle;
}
.metadata-fields .tem-list .editable-label .label-list .text {
  position: absolute;
  bottom: 0;
  left: 8px;
  right: 8px;
  text-align: left;
  padding: 0 !important;
}
.metadata-fields .tem-list .editable-label .label-list .del-btn {
  position: absolute;
  right: -10px;
  top: -10px;
  width: 20px;
  height: 20px;
  border-radius: 10px;
  line-height: 20px;
  text-align: center;
  font-size: 14px;
  padding: 0;
  background-color: #e2e2e2;
}
.metadata.setting-content .section {
  padding-bottom: 0;
}
.metadata.setting-content .section .sub-title1 {
  font-weight: normal;
}
.metadata.setting-content .section .title {
  padding-left: 0;
}
.metadata.setting-content .section .content {
  padding: 15px 20px 0 0;
}
.metadata.setting-content .section.control .content {
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.metadata.setting-content .section .no-padding-left {
  padding-left: 0;
}
.metadata.setting-content .section .number {
  font-size: 35px;
  color: #4A4A4A;
}
.metadata.setting-content .section .process-number {
  display: inline-block;
  width: 80px;
  margin-left: 20px;
  top: 5px;
  position: relative;
}
.metadata.setting-content .section .process {
  display: inline-block;
  width: calc(100% - 120px);
  position: relative;
}
.metadata.setting-content .section .error {
  color: #FF0000;
}
.metadata.setting-content .section .summary-item {
  display: inline-block;
  position: relative;
}
.metadata.setting-content .section .summary-item .summary-number {
  line-height: 60px;
  text-align: center;
}
.metadata.setting-content .section .mb-20 {
  margin-bottom: 20px;
}
.metadata.setting-content .section .mt-20 {
  margin-top: 20px;
}
.metadata.setting-content .metadata-change {
  font-size: 15px;
  position: absolute;
  top: 10px;
  left: 475px;
}
.metadata.setting-content .metadata-change .left-radio {
  margin-right: 25px;
}
.metadata.setting-content .metadata-type-prompt {
  color: #e60026;
  margin-bottom: 10px;
  width: 755px;
  line-height: 1.3;
  font-weight: bold;
}
.metadata .mb-30 {
  margin-bottom: 30px;
}
.metadata .ml-10 {
  margin-left: 10px;
}
.metadata .p-name {
  margin-left: 30px;
  margin-top: 20px;
}
.workflow .approval {
  margin-top: 0;
}
.workflow .left-content .content {
  padding: 16px;
}
.workflow .setting-left {
  width: auto;
  overflow: hidden;
  float: none;
}
.workflow .setting-right {
  width: 460px;
}
.duplicates .align-left {
  padding-top: 15px;
}
.duplicates .setting-left {
  width: 100%;
}
.duplicates .setting-left .content {
  padding: 0 5px;
}
.duplicates .setting-left .switch {
  width: 84px;
}
.duplicates .setting-left .sub-title {
  padding: 0 0 16px;
}
.duplicates .setting-left .option-item {
  line-height: 30px;
}
.duplicates .setting-left .option-item .option-btn {
  cursor: pointer;
}
.GAconfig .setting-left {
  width: 70%;
}
.GAconfig .tracking {
  margin-right: 20px;
}
.GAconfig .setting-right {
  height: 100%;
}
.GAconfig .setting-right .step-item {
  margin-right: 45px;
}
.GAconfig .setting-right .number-circle {
  position: absolute;
}
.GAconfig .setting-right .step-desc {
  margin-left: 45px;
  position: relative;
  min-height: 32px;
  width: 100%;
}
.GAconfig .setting-right .step-desc1 {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
.GAconfig .light-font {
  text-transform: uppercase;
}
.GAconfig .onoffswitch {
  margin: auto;
  margin-right: 0px;
}
.importMetadata .setting-left {
  width: 70%;
}
.importMetadata .setting-right {
  height: 100%;
}
.importMetadata .section .title {
  border: 0;
}
.importMetadata .b-1 {
  border-top: solid 1px #dddddd;
}
.importMetadata .sub-title {
  margin-left: 10px;
}
.importMetadata .sub-title1 {
  font-weight: bold;
  font-size: 18px;
  color: #4A4A4A;
  padding: 20px 0 0 20px;
}
.importMetadata .m-10 {
  margin-top: 10px;
}
.importMetadata .mr-40 {
  margin-right: 40px;
}
.importMetadata .mr-20 {
  margin-right: 20px;
}
.importMetadata .p-10 {
  padding-bottom: 10px;
}
.importMetadata .pt6 {
  padding-top: 6px;
}
.importMetadata .circle {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  margin-right: 7px;
}
.importMetadata .b0 {
  background-color: #36adf8;
}
.importMetadata .b1 {
  background-color: #57de41;
}
.importMetadata .b2 {
  background-color: #f53c81;
}
.importMetadata .file {
  margin: 0px;
  margin-left: -999px;
  height: 10px;
}
.importMetadata .process {
  height: 10px;
  border-radius: 5px;
  background-color: #f5f5f5;
}
.importMetadata .bar {
  width: 0%;
  height: 100%;
  border-radius: 5px;
  background-color: red;
  transition: width .6s ease;
}
.importMetadata .processColor {
  background-color: #57de41 !important;
}
.importMetadata .failed {
  margin: 5px 0px;
  word-wrap: break-word;
}
.importMetadata .import-select-csv {
  display: inline-block;
}
.importMetadata .import-select-csv .select-csv-title {
  font-weight: bold;
  font-size: 13px;
  line-height: 30px;
}
.importMetadata .import-select-csv .select-csv-title-aboutus {
  line-height: 20px;
}
.importMetadata .import-select-csv .select-csv-title-aboutus .icon-s-aboutus-24 {
  position: relative;
  top: 2px;
  color: #1783f1;
}
.importMetadata .import-select-csv .select-csv-title-aboutus .aboutus-title {
  font-size: 14px;
  color: #8c8a8a;
}
.importMetadata .select-btn {
  position: relative;
  bottom: 10px;
  line-height: 22px;
  margin-left: 50px;
}
.crew-settings .setting-left {
  width: auto;
  overflow: hidden;
  float: none;
}
.crew-settings .setting-left .privilege-item {
  line-height: 32px;
  padding: 0 20px;
}
.crew-settings .setting-left .align-left {
  padding-left: 0;
}
.crew-settings .setting-left .section-adjust {
  margin-bottom: -10px;
  padding-bottom: 0;
}
.crew-settings .setting-left .section-bottom-20 {
  padding-bottom: 20px;
}
.crew-settings .setting-left .title {
  text-transform: uppercase;
}
.crew-settings .setting-right {
  width: 460px;
}
.crew-settings .setting-right .crew-description {
  padding: 25px 15px 0 20px;
}
.crew-settings .setting-right .crew-description section {
  padding-top: 15px;
}
.crew-settings .setting-right .crew-description section .sub-title {
  padding: 0 0 3px 0;
}
.widget-usertime {
  min-width: 400px;
}
.widget-usertime .chart {
  margin-bottom: 10px;
}
.widget-usertime .week {
  width: 40px;
}
.widget-usertime .week-line {
  margin-top: 2px;
}
.widget-usertime .piece {
  min-width: 2px;
  height: 20px;
  margin-right: 5px;
  margin-bottom: 5px;
  width: calc((100%/24) - 6.67px);
}
.widget-usertime .date {
  margin-left: 40px;
}
.widget-usertime .range {
  max-width: 500px;
  padding-left: 40px;
}
.basic-privilege .setting-content.privilege-view {
  padding-top: 15px;
}
.basic-privilege .setting-content.privilege-view .tab-item-layout {
  padding-top: 40px;
  margin-left: 20px;
  height: calc(100vh - 310px);
  position: relative;
  overflow-y: auto;
}
.basic-privilege .setting-content.privilege-view .privilege-item {
  padding-left: 0;
  padding-right: 0;
  position: relative;
}
.basic-privilege .setting-content.privilege-view .privilege-item .check-setting {
  position: absolute;
  top: 4px;
  left: 95px;
}
.basic-privilege .setting-content .chckbox-layout .option-title {
  width: 85%;
}
.basic-privilege .privilege-title {
  color: #4A4A4A;
  font-weight: normal;
  font-size: 22px;
}
.basic-privilege .section-title {
  font-size: 18px;
  color: #4A4A4A;
  font-weight: normal;
  margin-bottom: 20px;
}
.basic-privilege .disable-item {
  cursor: default;
  color: #cccccc !important;
}
.basic-privilege .edit-custom-role {
  position: absolute;
  right: 20px;
  top: 273px;
  z-index: 50;
}
.basic-privilege .edit-custom-role .circle-button {
  background: none;
  color: #4a4a4a;
}
.settings-portals,
.settings-uploadlinks {
  width: 100%;
  overflow: hidden;
}
.settings-portals .header,
.settings-uploadlinks .header {
  width: 100%;
  height: 40px;
  line-height: 40px;
}
.settings-portals .header .float,
.settings-uploadlinks .header .float {
  float: right;
  line-height: 20px;
  margin-right: 10px;
}
.settings-portals .header .float .btn-default,
.settings-uploadlinks .header .float .btn-default {
  outline: none;
  margin-top: 1px;
}
.settings-portals .header .float .btn-default:focus,
.settings-uploadlinks .header .float .btn-default:focus {
  outline: black 1px dotted;
}
.settings-portals .header .title,
.settings-uploadlinks .header .title {
  font-size: 20px;
  line-height: 20px;
  font-weight: bold;
  color: #4A4A4A;
}
.settings-portals .branding-content,
.settings-uploadlinks .branding-content {
  margin-top: 15px;
  height: calc(100% - 10px);
}
.settings-portals .branding-content .upload-user-icon-block,
.settings-uploadlinks .branding-content .upload-user-icon-block {
  padding-left: 5px;
  width: 280px;
  position: relative;
}
.settings-portals .branding-content .upload-user-icon-block .top2,
.settings-uploadlinks .branding-content .upload-user-icon-block .top2 {
  height: 2px;
}
.settings-portals .branding-content .upload-user-icon-block .upload-user-icon,
.settings-uploadlinks .branding-content .upload-user-icon-block .upload-user-icon {
  width: 270px;
  border: 1px solid black;
  border-bottom: none;
  border-radius: 10px 10px 0 0;
  background-color: white;
  display: flex;
}
.settings-portals .branding-content .upload-user-icon-block .upload-user-icon .upload-user-icon-dashed-border,
.settings-uploadlinks .branding-content .upload-user-icon-block .upload-user-icon .upload-user-icon-dashed-border {
  padding: 5px 10px;
  margin: 8px 8px 5px 8px;
  border: 2px dashed black;
}
.settings-portals .branding-content .upload-user-icon-block .upload-user-icon .upload-user-icon-dashed-border #brandingFavicon,
.settings-uploadlinks .branding-content .upload-user-icon-block .upload-user-icon .upload-user-icon-dashed-border #brandingFavicon {
  width: 16px;
  height: 16px;
}
.settings-portals .branding-content .upload-user-icon-block .upload-user-icon .favicon-tip,
.settings-uploadlinks .branding-content .upload-user-icon-block .upload-user-icon .favicon-tip {
  margin-top: 15px;
}
.settings-portals .branding-content .upload-user-icon-block .upload-user-icon span,
.settings-uploadlinks .branding-content .upload-user-icon-block .upload-user-icon span {
  padding-left: 10px;
}
.settings-portals .branding-left,
.settings-uploadlinks .branding-left {
  width: 255px;
  padding-bottom: 25px;
  height: calc(100vh - 220px);
}
.settings-portals .branding-right,
.settings-uploadlinks .branding-right {
  margin-left: 275px;
  height: calc(100vh - 220px);
}
.settings-portals .branding-right input::-webkit-input-placeholder,
.settings-uploadlinks .branding-right input::-webkit-input-placeholder,
.settings-portals .branding-right textarea::-webkit-input-placeholder,
.settings-uploadlinks .branding-right textarea::-webkit-input-placeholder {
  color: #fefefe;
}
.settings-portals .branding-right input:-moz-placeholder,
.settings-uploadlinks .branding-right input:-moz-placeholder,
.settings-portals .branding-right textarea:-moz-placeholder,
.settings-uploadlinks .branding-right textarea:-moz-placeholder {
  color: #fefefe;
}
.settings-portals .branding-right input::-moz-placeholder,
.settings-uploadlinks .branding-right input::-moz-placeholder,
.settings-portals .branding-right textarea::-moz-placeholder,
.settings-uploadlinks .branding-right textarea::-moz-placeholder {
  color: #fefefe;
}
.settings-portals .branding-right input:-ms-input-placeholder,
.settings-uploadlinks .branding-right input:-ms-input-placeholder,
.settings-portals .branding-right textarea:-ms-input-placeholder,
.settings-uploadlinks .branding-right textarea:-ms-input-placeholder {
  color: #fefefe;
}
.settings-portals .title-warp,
.settings-uploadlinks .title-warp {
  margin: 25px 0 10px;
  width: 100%;
  height: 20px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding-right: 10px;
}
.settings-portals .title-warp h4,
.settings-uploadlinks .title-warp h4 {
  float: left;
}
.settings-portals .title-warp .title-btn,
.settings-uploadlinks .title-warp .title-btn {
  float: right;
  margin: 0 0 0 10px;
  font-weight: normal;
  white-space: nowrap;
}
.settings-portals .title-warp .center,
.settings-uploadlinks .title-warp .center {
  text-align: center;
}
.settings-portals .color-schema,
.settings-uploadlinks .color-schema {
  padding: 10px 0;
  font-size: 0;
}
.settings-portals .color-schema .schema-warp,
.settings-uploadlinks .color-schema .schema-warp {
  vertical-align: middle;
}
.settings-portals .color-schema .schema-warp .schema,
.settings-uploadlinks .color-schema .schema-warp .schema {
  display: inline-block;
  width: 103px;
  height: 15px;
  border: 2px dashed transparent;
  position: relative;
  margin: 2px;
  margin-right: 14px;
  line-height: 0;
}
.settings-portals .color-schema .schema-warp .schema.selected,
.settings-uploadlinks .color-schema .schema-warp .schema.selected {
  position: relative;
  border: 2px dashed #333;
}
.settings-portals .color-schema .schema-warp .schema span,
.settings-uploadlinks .color-schema .schema-warp .schema span {
  display: inline-block;
  width: 11px;
  height: 11px;
}
.settings-portals .color-schema .schema-warp .schema .remove-schema,
.settings-uploadlinks .color-schema .schema-warp .schema .remove-schema {
  position: absolute;
  right: -14px;
  top: 0;
  width: 12px;
  height: 12px;
  text-align: center;
  line-height: 12px;
  color: #333;
  font-size: 12px;
  display: none;
}
.settings-portals .color-schema .schema-warp .schema:hover .remove-schema,
.settings-uploadlinks .color-schema .schema-warp .schema:hover .remove-schema {
  display: block;
}
.settings-portals .color-schema .add-schema,
.settings-uploadlinks .color-schema .add-schema {
  float: left;
  vertical-align: middle;
  width: 66px;
  height: 60px;
  line-height: 56px;
  text-align: center;
  font-size: 40px;
  border: #e6f2f7 2px solid;
  background-color: #e6f2f7;
  color: #455568;
}
.settings-portals .theme-scheme-color-group,
.settings-uploadlinks .theme-scheme-color-group {
  text-align: left;
  line-height: 0;
}
.settings-portals .theme-scheme-color-group span,
.settings-uploadlinks .theme-scheme-color-group span {
  display: inline-block;
  width: 22px;
  height: 22px;
}
.settings-portals .theme-scheme-color-group span.selected,
.settings-uploadlinks .theme-scheme-color-group span.selected {
  position: relative;
  width: 28px;
  height: 28px;
  margin: -2px;
  border: #000 2px dashed;
}
.settings-portals .btn-warp,
.settings-uploadlinks .btn-warp {
  width: 98%;
  padding: 12px 0;
  border-bottom: #ccc 1px solid;
  white-space: nowrap;
}
.settings-portals .btn-warp .col-xs-4,
.settings-uploadlinks .btn-warp .col-xs-4 {
  padding: 0 10px;
}
.settings-portals .btn-warp .margin10,
.settings-uploadlinks .btn-warp .margin10 {
  display: inline-block;
  margin: 0 6px 0 0;
}
.settings-portals .btn-warp .margin-btm,
.settings-uploadlinks .btn-warp .margin-btm {
  margin-bottom: 10px;
}
.settings-portals .btn-warp .ctrl-group,
.settings-uploadlinks .btn-warp .ctrl-group {
  font-weight: normal;
}
.settings-portals .btn-warp .right-group,
.settings-uploadlinks .btn-warp .right-group {
  margin-left: 10px;
}
.settings-portals .btn-warp .nl-c-pre,
.settings-uploadlinks .btn-warp .nl-c-pre {
  width: 15px;
  height: 15px;
  display: inline-block;
  margin: 0px 10px;
  vertical-align: top;
  border: 1px solid #ddd;
}
.settings-portals .btn-warp.vertical-layout .col-xs-4,
.settings-uploadlinks .btn-warp.vertical-layout .col-xs-4,
.settings-portals .btn-warp.vertical-layout .col-xs-6,
.settings-uploadlinks .btn-warp.vertical-layout .col-xs-6 {
  float: none;
  width: 100%;
  line-height: 2em;
}
.settings-portals .btn-warp.vertical-layout .ctrl-group,
.settings-uploadlinks .btn-warp.vertical-layout .ctrl-group {
  display: block;
  line-height: 2em;
}
.settings-portals .btn-warp .login-btn-group,
.settings-uploadlinks .btn-warp .login-btn-group {
  margin-bottom: 10px;
}
.settings-portals .btn-warp .login-btn-edit,
.settings-uploadlinks .btn-warp .login-btn-edit {
  margin-bottom: 10px;
}
.settings-portals .btn-warp .login-btn-edit input,
.settings-uploadlinks .btn-warp .login-btn-edit input {
  height: 30px;
}
.settings-portals .edit-background,
.settings-uploadlinks .edit-background {
  position: absolute;
  left: 0;
  top: 100%;
  width: 320px;
  background: #CCC;
  color: #fff;
  padding: 8px;
  z-index: 20;
  text-align: center;
}
.settings-portals .branding-preview .color-panel,
.settings-uploadlinks .branding-preview .color-panel {
  width: 100%;
}
.settings-portals .branding-preview .color-panel .border,
.settings-uploadlinks .branding-preview .color-panel .border {
  display: inline-block;
  border: 1px dashed #FCFCFC;
  cursor: pointer;
}
.settings-portals .branding-preview .color-panel .hover,
.settings-uploadlinks .branding-preview .color-panel .hover {
  position: relative;
}
.settings-portals .branding-preview .color-panel .hover:after,
.settings-uploadlinks .branding-preview .color-panel .hover:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  background-size: 30px 30px;
  background-image: -webkit-linear-gradient(45deg, rgba(207, 207, 207, 0.6) 25%, transparent 25%, transparent 50%, rgba(207, 207, 207, 0.6) 50%, rgba(207, 207, 207, 0.6) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(207, 207, 207, 0.6) 25%, transparent 25%, transparent 50%, rgba(207, 207, 207, 0.6) 50%, rgba(207, 207, 207, 0.6) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(207, 207, 207, 0.6) 25%, transparent 25%, transparent 50%, rgba(207, 207, 207, 0.6) 50%, rgba(207, 207, 207, 0.6) 75%, transparent 75%, transparent);
  -webkit-animation: barberpole 0.5s linear infinite;
  -moz-animation: barberpole 0.5s linear infinite;
  animation: barberpole 0.5s linear infinite;
}
@-webkit-keyframes barberpole {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 60px 30px;
  }
}
@-moz-keyframes barberpole {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 60px 30px;
  }
}
@keyframes barberpole {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 60px 30px;
  }
}
.settings-portals .branding-preview .color-panel .branding-treeview,
.settings-uploadlinks .branding-preview .color-panel .branding-treeview {
  position: absolute;
  left: 0;
  top: 50px;
  width: 300px;
  border-right: #ccc 1px solid;
  height: calc(64.5% + 90px);
}
.settings-portals .branding-preview .color-panel .branding-treeview .sort-area,
.settings-uploadlinks .branding-preview .color-panel .branding-treeview .sort-area {
  padding: 0px;
}
.settings-portals .branding-preview .color-panel .branding-treeview .sort-area .sort-top,
.settings-uploadlinks .branding-preview .color-panel .branding-treeview .sort-area .sort-top {
  height: 55px;
  padding: 0px 10px;
  border-bottom: 1px solid;
}
.settings-portals .branding-preview .color-panel .branding-treeview .sort-area .sort-top .icon-s-PageUp-32,
.settings-uploadlinks .branding-preview .color-panel .branding-treeview .sort-area .sort-top .icon-s-PageUp-32 {
  font-weight: 600;
}
.settings-portals .branding-preview .color-panel .branding-treeview .sort-area .sort-top div,
.settings-uploadlinks .branding-preview .color-panel .branding-treeview .sort-area .sort-top div {
  float: left;
  text-align: center;
  height: 100%;
  padding: 18px 10px;
}
.settings-portals .branding-preview .color-panel .branding-treeview .sort-area .sort-top div span,
.settings-uploadlinks .branding-preview .color-panel .branding-treeview .sort-area .sort-top div span {
  cursor: default;
  font-size: 18px;
}
.settings-portals .branding-preview .color-panel .branding-treeview .sort-area .sort-top div span.border,
.settings-uploadlinks .branding-preview .color-panel .branding-treeview .sort-area .sort-top div span.border {
  cursor: pointer;
}
.settings-portals .branding-preview .color-panel .branding-treeview .sort-area .sort-top:after,
.settings-uploadlinks .branding-preview .color-panel .branding-treeview .sort-area .sort-top:after {
  content: '';
  display: block;
  clear: left;
}
.settings-portals .branding-preview .color-panel .branding-treeview .sort-area .sort-second,
.settings-uploadlinks .branding-preview .color-panel .branding-treeview .sort-area .sort-second {
  padding: 5px 10px 0px 10px;
  padding-bottom: 0px;
  font-weight: 600;
}
.settings-portals .branding-preview .color-panel .branding-treeview .sort-area .sort-second > div,
.settings-uploadlinks .branding-preview .color-panel .branding-treeview .sort-area .sort-second > div {
  border-radius: 20px;
  background-color: #DFE8F1;
  height: 27px;
}
.settings-portals .branding-preview .color-panel .branding-treeview .sort-area .sort-second .second1 > div,
.settings-uploadlinks .branding-preview .color-panel .branding-treeview .sort-area .sort-second .second1 > div {
  width: 50%;
  border-radius: 20px;
  text-align: center;
  padding: 5px 10px;
  height: 100%;
  line-height: 10px;
}
.settings-portals .branding-preview .color-panel .branding-treeview .sort-area .sort-second .second1 > div span,
.settings-uploadlinks .branding-preview .color-panel .branding-treeview .sort-area .sort-second .second1 > div span {
  cursor: pointer;
  padding: 1px;
}
.settings-portals .branding-preview .color-panel .branding-treeview .sort-area .sort-second .second2 > div,
.settings-uploadlinks .branding-preview .color-panel .branding-treeview .sort-area .sort-second .second2 > div {
  border-radius: 20px;
  text-align: center;
  padding: 8px 10px;
  color: #fff;
  cursor: pointer;
  height: 100%;
}
.settings-portals .branding-preview .color-panel .branding-treeview .sort-area:after,
.settings-uploadlinks .branding-preview .color-panel .branding-treeview .sort-area:after {
  content: '';
  display: block;
  clear: left;
}
.settings-portals .branding-preview .color-panel .branding-treeview .branding-tree,
.settings-uploadlinks .branding-preview .color-panel .branding-treeview .branding-tree {
  padding: 10px 20px;
}
.settings-portals .branding-preview .color-panel .branding-treeview .branding-tree .root-text,
.settings-uploadlinks .branding-preview .color-panel .branding-treeview .branding-tree .root-text {
  font-size: 14px;
  font-weight: 700;
  border-radius: 14px;
  padding: 6px 10px;
  margin-bottom: 2px;
  height: 32px;
  margin-top: 2px;
}
.settings-portals .branding-preview .color-panel .branding-treeview .branding-tree .root-text.level1,
.settings-uploadlinks .branding-preview .color-panel .branding-treeview .branding-tree .root-text.level1 {
  padding-left: 25px;
}
.settings-portals .branding-preview .color-panel .branding-treeview .branding-treeview-btn,
.settings-uploadlinks .branding-preview .color-panel .branding-treeview .branding-treeview-btn {
  position: absolute;
  bottom: 10px;
  left: 10px;
}
.settings-portals .branding-preview .color-panel .branding-treeview .branding-treeview-btn span,
.settings-uploadlinks .branding-preview .color-panel .branding-treeview .branding-treeview-btn span {
  display: inline-block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 50%;
  text-align: center;
}
.settings-portals .branding-preview .color-panel .list,
.settings-uploadlinks .branding-preview .color-panel .list {
  display: block;
  position: absolute;
  top: 50px;
  width: calc(100% - 300px);
  height: calc(64.5% + 90px);
  left: 300px;
}
.settings-portals .branding-preview .color-panel .element-container,
.settings-uploadlinks .branding-preview .color-panel .element-container {
  position: relative;
  width: 100%;
  height: 100%;
}
.settings-portals .branding-preview .color-panel .element-container .element,
.settings-uploadlinks .branding-preview .color-panel .element-container .element {
  display: inline-block;
  border: 3px dashed #78bcfb;
  cursor: pointer;
  position: relative;
}
.settings-portals .branding-preview .color-panel .element-container .element.editing,
.settings-uploadlinks .branding-preview .color-panel .element-container .element.editing {
  border-color: #ea394d;
  z-index: 2;
}
.settings-portals .branding-preview .color-panel .element-container .element-hamburger-box,
.settings-uploadlinks .branding-preview .color-panel .element-container .element-hamburger-box {
  width: 90px;
  height: 80px;
  float: left;
}
.settings-portals .branding-preview .color-panel .element-container .element-hamburger,
.settings-uploadlinks .branding-preview .color-panel .element-container .element-hamburger {
  margin-left: 32px;
  margin-top: 22px;
}
.settings-portals .branding-preview .color-panel .element-container .element-hamburger span,
.settings-uploadlinks .branding-preview .color-panel .element-container .element-hamburger span {
  width: 20px;
  height: 3px;
  border-radius: 1px;
  display: block;
  margin: 4px auto;
}
.settings-portals .branding-preview .color-panel .element-container .element-ribbon-box,
.settings-uploadlinks .branding-preview .color-panel .element-container .element-ribbon-box {
  width: 478px;
  height: 80px;
  margin-left: -3px;
  float: left;
}
.settings-portals .branding-preview .color-panel .element-container .element-album-btn-box,
.settings-uploadlinks .branding-preview .color-panel .element-container .element-album-btn-box {
  margin-left: 43px;
  margin-top: 20px;
}
.settings-portals .branding-preview .color-panel .element-container .element-album-btn-box span,
.settings-uploadlinks .branding-preview .color-panel .element-container .element-album-btn-box span {
  width: 32px;
  height: 32px;
  display: inline-block;
  border: 2px solid;
  border-radius: 16px;
  line-height: 28px;
  margin: 0 10px;
  font-size: 28px;
  text-align: center;
  opacity: 0.8;
}
.settings-portals .branding-preview .color-panel .element-container .element-type-button,
.settings-uploadlinks .branding-preview .color-panel .element-container .element-type-button {
  float: left;
  margin-top: 25px;
  margin-left: 10px;
  border-radius: 16px;
}
.settings-portals .branding-preview .color-panel .element-container .element-type-button div,
.settings-uploadlinks .branding-preview .color-panel .element-container .element-type-button div {
  display: inline-block;
  height: 32px;
  line-height: 32px;
  width: 100px;
  text-align: center;
  font-weight: 600;
  border-radius: 16px;
  float: left;
}
.settings-portals .branding-preview .color-panel .element-container .element-view-size-buttons,
.settings-uploadlinks .branding-preview .color-panel .element-container .element-view-size-buttons {
  position: relative;
  float: right;
  margin-top: 40px;
  margin-right: 40px;
}
.settings-portals .branding-preview .color-panel .element-container .element-view-size-buttons .view-size-button-line,
.settings-uploadlinks .branding-preview .color-panel .element-container .element-view-size-buttons .view-size-button-line {
  position: absolute;
  top: 4px;
  height: 2px;
  background: #9ca4b1;
  width: 100%;
  margin: 0;
  border: 0;
}
.settings-portals .branding-preview .color-panel .element-container .element-view-size-buttons .view-size-button,
.settings-uploadlinks .branding-preview .color-panel .element-container .element-view-size-buttons .view-size-button {
  display: inline-block;
  background: #9ca4b1;
  vertical-align: middle;
  border-radius: 20%;
  margin: 0 4px;
  z-index: 1;
  position: relative;
  margin-top: -8px;
}
.settings-portals .branding-preview .color-panel .element-container .element-view-size-buttons .view-size-button.view-size-button-small,
.settings-uploadlinks .branding-preview .color-panel .element-container .element-view-size-buttons .view-size-button.view-size-button-small {
  width: 8px;
  height: 8px;
}
.settings-portals .branding-preview .color-panel .element-container .element-view-size-buttons .view-size-button.view-size-button-medium,
.settings-uploadlinks .branding-preview .color-panel .element-container .element-view-size-buttons .view-size-button.view-size-button-medium {
  width: 12px;
  height: 12px;
}
.settings-portals .branding-preview .color-panel .element-container .element-view-size-buttons .view-size-button.view-size-button-large,
.settings-uploadlinks .branding-preview .color-panel .element-container .element-view-size-buttons .view-size-button.view-size-button-large {
  width: 14px;
  height: 14px;
}
.settings-portals .branding-preview .color-panel .element-container .element-view-size-buttons .view-size-button.view-size-button-active,
.settings-uploadlinks .branding-preview .color-panel .element-container .element-view-size-buttons .view-size-button.view-size-button-active {
  border-radius: 50%;
}
.settings-portals .branding-preview .color-panel .element-container .element-view-mode-buttons,
.settings-uploadlinks .branding-preview .color-panel .element-container .element-view-mode-buttons {
  float: right;
  margin-top: 25px;
}
.settings-portals .branding-preview .color-panel .element-container .element-view-mode-buttons span,
.settings-uploadlinks .branding-preview .color-panel .element-container .element-view-mode-buttons span {
  width: 34px;
  height: 34px;
  line-height: 34px;
  border-radius: 17px;
  display: inline-block;
  text-align: center;
}
.settings-portals .branding-preview .color-panel .element-container .element-background-box,
.settings-uploadlinks .branding-preview .color-panel .element-container .element-background-box {
  width: 565px;
  height: 148px;
}
.settings-portals .branding-preview .color-panel .element-container .element-file-number,
.settings-uploadlinks .branding-preview .color-panel .element-container .element-file-number {
  float: left;
  margin-top: 31px;
  margin-left: 20px;
  font-weight: 600;
}
.settings-portals .branding-preview .color-panel .element-container .mask,
.settings-uploadlinks .branding-preview .color-panel .element-container .mask {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #000;
  top: 0;
  left: 0;
  opacity: 0.6;
  z-index: 1;
}
.settings-portals .branding-preview .color-panel .element-container .mask-hint,
.settings-uploadlinks .branding-preview .color-panel .element-container .mask-hint {
  position: absolute;
  width: 100%;
  bottom: 0;
  text-align: center;
  padding: 16px;
  z-index: 2;
}
.settings-portals .branding-preview .color-panel .element-container .mask-hint p,
.settings-uploadlinks .branding-preview .color-panel .element-container .mask-hint p {
  color: #fff;
  font-weight: 600;
  font-size: 16px;
  line-height: 28px;
}
.settings-portals .btn-icon,
.settings-uploadlinks .btn-icon {
  width: 20px;
  height: 120px;
  display: inline-block;
  vertical-align: middle;
  line-height: 60px;
  font-size: 18px;
}
.settings-portals .branding-preview .title,
.settings-uploadlinks .branding-preview .title {
  height: 65px;
  line-height: 65px;
  color: #9B9B9B;
  padding-left: 20px;
}
.settings-portals .branding-preview .preview-container,
.settings-uploadlinks .branding-preview .preview-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  margin-top: 10px;
}
.settings-portals .branding-preview .preview-container.light input,
.settings-uploadlinks .branding-preview .preview-container.light input,
.settings-portals .branding-preview .preview-container.light input.uneditable-input,
.settings-uploadlinks .branding-preview .preview-container.light input.uneditable-input,
.settings-portals .branding-preview .preview-container.light .logo img,
.settings-uploadlinks .branding-preview .preview-container.light .logo img,
.settings-portals .branding-preview .preview-container.light,
.settings-uploadlinks .branding-preview .preview-container.light {
  color: #FCFCFC !important;
  border-color: #FCFCFC !important;
}
.settings-portals .branding-preview .preview-container.light input::-webkit-input-placeholder,
.settings-uploadlinks .branding-preview .preview-container.light input::-webkit-input-placeholder,
.settings-portals .branding-preview .preview-container.light input.uneditable-input::-webkit-input-placeholder,
.settings-uploadlinks .branding-preview .preview-container.light input.uneditable-input::-webkit-input-placeholder,
.settings-portals .branding-preview .preview-container.light .logo img::-webkit-input-placeholder,
.settings-uploadlinks .branding-preview .preview-container.light .logo img::-webkit-input-placeholder,
.settings-portals .branding-preview .preview-container.light::-webkit-input-placeholder,
.settings-uploadlinks .branding-preview .preview-container.light::-webkit-input-placeholder {
  color: #FCFCFC;
}
.settings-portals .branding-preview .preview-container.light input:-moz-placeholder,
.settings-uploadlinks .branding-preview .preview-container.light input:-moz-placeholder,
.settings-portals .branding-preview .preview-container.light input.uneditable-input:-moz-placeholder,
.settings-uploadlinks .branding-preview .preview-container.light input.uneditable-input:-moz-placeholder,
.settings-portals .branding-preview .preview-container.light .logo img:-moz-placeholder,
.settings-uploadlinks .branding-preview .preview-container.light .logo img:-moz-placeholder,
.settings-portals .branding-preview .preview-container.light:-moz-placeholder,
.settings-uploadlinks .branding-preview .preview-container.light:-moz-placeholder {
  color: #FCFCFC;
}
.settings-portals .branding-preview .preview-container.light input::-moz-placeholder,
.settings-uploadlinks .branding-preview .preview-container.light input::-moz-placeholder,
.settings-portals .branding-preview .preview-container.light input.uneditable-input::-moz-placeholder,
.settings-uploadlinks .branding-preview .preview-container.light input.uneditable-input::-moz-placeholder,
.settings-portals .branding-preview .preview-container.light .logo img::-moz-placeholder,
.settings-uploadlinks .branding-preview .preview-container.light .logo img::-moz-placeholder,
.settings-portals .branding-preview .preview-container.light::-moz-placeholder,
.settings-uploadlinks .branding-preview .preview-container.light::-moz-placeholder {
  color: #FCFCFC;
}
.settings-portals .branding-preview .preview-container.light input:-ms-input-placeholder,
.settings-uploadlinks .branding-preview .preview-container.light input:-ms-input-placeholder,
.settings-portals .branding-preview .preview-container.light input.uneditable-input:-ms-input-placeholder,
.settings-uploadlinks .branding-preview .preview-container.light input.uneditable-input:-ms-input-placeholder,
.settings-portals .branding-preview .preview-container.light .logo img:-ms-input-placeholder,
.settings-uploadlinks .branding-preview .preview-container.light .logo img:-ms-input-placeholder,
.settings-portals .branding-preview .preview-container.light:-ms-input-placeholder,
.settings-uploadlinks .branding-preview .preview-container.light:-ms-input-placeholder {
  color: #FCFCFC;
}
.settings-portals .branding-preview .preview-container.dark input,
.settings-uploadlinks .branding-preview .preview-container.dark input,
.settings-portals .branding-preview .preview-container.dark input.uneditable-input,
.settings-uploadlinks .branding-preview .preview-container.dark input.uneditable-input,
.settings-portals .branding-preview .preview-container.dark .logo img,
.settings-uploadlinks .branding-preview .preview-container.dark .logo img,
.settings-portals .branding-preview .preview-container.dark,
.settings-uploadlinks .branding-preview .preview-container.dark {
  color: #131313 !important;
  border-color: #131313 !important;
}
.settings-portals .branding-preview .preview-container.dark input::-webkit-input-placeholder,
.settings-uploadlinks .branding-preview .preview-container.dark input::-webkit-input-placeholder,
.settings-portals .branding-preview .preview-container.dark input.uneditable-input::-webkit-input-placeholder,
.settings-uploadlinks .branding-preview .preview-container.dark input.uneditable-input::-webkit-input-placeholder,
.settings-portals .branding-preview .preview-container.dark .logo img::-webkit-input-placeholder,
.settings-uploadlinks .branding-preview .preview-container.dark .logo img::-webkit-input-placeholder,
.settings-portals .branding-preview .preview-container.dark::-webkit-input-placeholder,
.settings-uploadlinks .branding-preview .preview-container.dark::-webkit-input-placeholder {
  color: #131313;
}
.settings-portals .branding-preview .preview-container.dark input:-moz-placeholder,
.settings-uploadlinks .branding-preview .preview-container.dark input:-moz-placeholder,
.settings-portals .branding-preview .preview-container.dark input.uneditable-input:-moz-placeholder,
.settings-uploadlinks .branding-preview .preview-container.dark input.uneditable-input:-moz-placeholder,
.settings-portals .branding-preview .preview-container.dark .logo img:-moz-placeholder,
.settings-uploadlinks .branding-preview .preview-container.dark .logo img:-moz-placeholder,
.settings-portals .branding-preview .preview-container.dark:-moz-placeholder,
.settings-uploadlinks .branding-preview .preview-container.dark:-moz-placeholder {
  color: #131313;
}
.settings-portals .branding-preview .preview-container.dark input::-moz-placeholder,
.settings-uploadlinks .branding-preview .preview-container.dark input::-moz-placeholder,
.settings-portals .branding-preview .preview-container.dark input.uneditable-input::-moz-placeholder,
.settings-uploadlinks .branding-preview .preview-container.dark input.uneditable-input::-moz-placeholder,
.settings-portals .branding-preview .preview-container.dark .logo img::-moz-placeholder,
.settings-uploadlinks .branding-preview .preview-container.dark .logo img::-moz-placeholder,
.settings-portals .branding-preview .preview-container.dark::-moz-placeholder,
.settings-uploadlinks .branding-preview .preview-container.dark::-moz-placeholder {
  color: #131313;
}
.settings-portals .branding-preview .preview-container.dark input:-ms-input-placeholder,
.settings-uploadlinks .branding-preview .preview-container.dark input:-ms-input-placeholder,
.settings-portals .branding-preview .preview-container.dark input.uneditable-input:-ms-input-placeholder,
.settings-uploadlinks .branding-preview .preview-container.dark input.uneditable-input:-ms-input-placeholder,
.settings-portals .branding-preview .preview-container.dark .logo img:-ms-input-placeholder,
.settings-uploadlinks .branding-preview .preview-container.dark .logo img:-ms-input-placeholder,
.settings-portals .branding-preview .preview-container.dark:-ms-input-placeholder,
.settings-uploadlinks .branding-preview .preview-container.dark:-ms-input-placeholder {
  color: #131313;
}
.settings-portals .branding-preview .preview-container.library,
.settings-uploadlinks .branding-preview .preview-container.library {
  padding-bottom: 580px;
}
.settings-portals .branding-preview .content,
.settings-uploadlinks .branding-preview .content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: white;
}
.settings-portals .branding-preview .content .mask,
.settings-uploadlinks .branding-preview .content .mask {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: -1;
  background: rgba(68, 68, 68, 0.6);
}
.settings-portals .branding-preview .content .top,
.settings-uploadlinks .branding-preview .content .top {
  height: 15%;
  z-index: 1050;
  position: absolute;
  width: 80%;
}
.settings-portals .branding-preview .content .logo,
.settings-uploadlinks .branding-preview .content .logo {
  height: 80%;
  top: 10px;
  position: relative;
  left: 10px;
  float: left;
  padding-right: 20px;
}
.settings-portals .branding-preview .content .logo img,
.settings-uploadlinks .branding-preview .content .logo img {
  border: #CCC dashed 1px;
  image-rendering: -webkit-optimize-contrast;
  transform: translateZ(0);
}
.settings-portals .branding-preview .content .text1,
.settings-uploadlinks .branding-preview .content .text1 {
  text-align: left;
  float: left;
  color: #fff;
  top: 15px;
  position: relative;
  font-size: 15px;
}
.settings-portals .branding-preview .content .text1 input,
.settings-uploadlinks .branding-preview .content .text1 input {
  background-color: transparent;
  border-radius: 0;
  border: #CCC dashed 1px;
}
.settings-portals .branding-preview .content .login-container,
.settings-uploadlinks .branding-preview .content .login-container {
  padding: 15% 35%;
  text-align: center;
  background-position: 50% 50% !important;
  background-size: cover !important;
  z-index: 990;
}
.settings-portals .branding-preview .content .login-container .login-box,
.settings-uploadlinks .branding-preview .content .login-container .login-box {
  padding: 30px;
  border-radius: 50px;
}
.settings-portals .branding-preview .content .login-container .login-box.login-box-mask,
.settings-uploadlinks .branding-preview .content .login-container .login-box.login-box-mask {
  background-color: rgba(68, 68, 68, 0.6);
}
.settings-portals .branding-preview .content .login-container .greeting,
.settings-uploadlinks .branding-preview .content .login-container .greeting {
  font-size: 18px;
  text-align: center;
  margin-bottom: 10px;
  word-break: break-all;
}
.settings-portals .branding-preview .content .login-container div,
.settings-uploadlinks .branding-preview .content .login-container div {
  padding: 3px 0;
}
.settings-portals .branding-preview .content .login-container div input,
.settings-uploadlinks .branding-preview .content .login-container div input {
  background: transparent;
  border: 0;
  border-bottom: 1px solid #fefefe;
  border-radius: 0;
  text-align: center;
  width: 100%;
}
.settings-portals .branding-preview .content .login-container div input.uneditable-input,
.settings-uploadlinks .branding-preview .content .login-container div input.uneditable-input {
  border-style: dashed;
  border-width: 1px;
}
.settings-portals .branding-preview .content .login-container .edit-bg,
.settings-uploadlinks .branding-preview .content .login-container .edit-bg {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 10px;
  text-shadow: 2px 2px 2px black;
}
.settings-portals .branding-preview .ribbon,
.settings-uploadlinks .branding-preview .ribbon {
  height: 50px;
  line-height: 50px;
}
.settings-portals .branding-preview .ribbon .ribbon-left,
.settings-uploadlinks .branding-preview .ribbon .ribbon-left {
  height: 50px;
  z-index: 2;
}
.settings-portals .branding-preview .ribbon .ribbon-left > div,
.settings-uploadlinks .branding-preview .ribbon .ribbon-left > div {
  height: 50px;
  padding: 0 10px;
}
.settings-portals .branding-preview .ribbon .ribbon-left .treeview-btn-container,
.settings-uploadlinks .branding-preview .ribbon .ribbon-left .treeview-btn-container {
  padding: 0 20px;
}
.settings-portals .branding-preview .ribbon .ribbon-center,
.settings-uploadlinks .branding-preview .ribbon .ribbon-center {
  height: 50px;
  padding-left: 0px;
  padding-right: 0px;
  border-bottom: 1px solid transparent;
}
.settings-portals .branding-preview .ribbon .ribbon-center .smartalbum-items,
.settings-uploadlinks .branding-preview .ribbon .ribbon-center .smartalbum-items {
  padding-top: 4px;
}
.settings-portals .branding-preview .ribbon .ribbon-center .smartalbum-items span,
.settings-uploadlinks .branding-preview .ribbon .ribbon-center .smartalbum-items span {
  width: 24px;
  height: 24px;
  line-height: 20px;
  font-size: 20px;
}
.settings-portals .branding-preview .ribbon .ribbon-center .ai-search-box div,
.settings-uploadlinks .branding-preview .ribbon .ribbon-center .ai-search-box div {
  height: 33px;
  line-height: 32px;
  width: calc(100% - 620px);
  position: relative;
}
.settings-portals .branding-preview .ribbon .ribbon-center .ai-search-box input,
.settings-uploadlinks .branding-preview .ribbon .ribbon-center .ai-search-box input {
  height: 32px;
  width: 100%;
  background: #fff;
}
.settings-portals .branding-preview .ribbon .ribbon-center .ai-search-box span,
.settings-uploadlinks .branding-preview .ribbon .ribbon-center .ai-search-box span {
  position: absolute;
  right: 15px;
  top: 8px;
  font-size: 16px;
}
.settings-portals .branding-preview .ribbon .ribbon-right > div,
.settings-uploadlinks .branding-preview .ribbon .ribbon-right > div {
  height: 50px;
}
.settings-portals .branding-preview .ribbon .ribbon-right .ribbon-avatar .img-circle,
.settings-uploadlinks .branding-preview .ribbon .ribbon-right .ribbon-avatar .img-circle {
  width: 32px;
  height: 32px;
}
.settings-portals .branding-preview .nav-area,
.settings-uploadlinks .branding-preview .nav-area {
  padding-top: 10px;
  padding-bottom: 9px;
  border-bottom: 1px solid #ccc;
  overflow: hidden;
}
.settings-portals .branding-preview .nav-area > div,
.settings-uploadlinks .branding-preview .nav-area > div {
  margin: 0 10px;
  font-weight: 600;
}
.settings-portals .branding-preview .nav-area .circle-btn,
.settings-uploadlinks .branding-preview .nav-area .circle-btn {
  width: 24px;
  height: 24px;
  line-height: 24px;
  border-radius: 12px;
  display: inline-block;
  text-align: center;
}
.settings-portals .branding-preview .keywords,
.settings-uploadlinks .branding-preview .keywords {
  display: inline-block;
  padding: 15px 10px;
  min-height: 54px;
}
.settings-portals .branding-preview .keywords .text,
.settings-uploadlinks .branding-preview .keywords .text {
  width: auto;
  float: left;
  margin: 5px 5px 0 0;
  padding: 4px 12px;
  border-radius: 12px;
  cursor: pointer;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.settings-portals .branding-preview .keywords .btn-add,
.settings-uploadlinks .branding-preview .keywords .btn-add {
  width: 22px;
  min-width: 22px;
  padding: 0;
  height: 22px;
  position: absolute;
  right: 5px;
  top: 5px;
  border: none;
  box-shadow: none;
  font-weight: 400;
  font-size: 20px;
  line-height: 22px;
  color: #4A4A4A;
  text-decoration: none;
  background: transparent;
  outline: none;
  border-radius: 50%;
  -webkit-border-radius: 50%;
}
.settings-portals .branding-preview .keywords.type-items,
.settings-uploadlinks .branding-preview .keywords.type-items {
  width: 350px;
  line-height: 40px;
  margin-right: -47px;
  vertical-align: middle;
  text-align: center;
  font-size: 0;
}
.settings-portals .branding-preview .keywords.type-items label.f-16,
.settings-uploadlinks .branding-preview .keywords.type-items label.f-16 {
  font-size: 16px;
}
.settings-portals .branding-preview .keywords .type,
.settings-uploadlinks .branding-preview .keywords .type {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  color: #c5c5c5;
  margin-right: 50px;
  padding: 0px;
  border: #c5c5c5 2px solid;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  width: 30px;
  height: 30px;
  line-height: 26px;
}
.settings-portals .branding-preview .keywords .type.secondaryColor,
.settings-uploadlinks .branding-preview .keywords .type.secondaryColor {
  color: white;
}
.settings-portals .branding-preview .search-type-filters-list,
.settings-uploadlinks .branding-preview .search-type-filters-list {
  margin-top: 10px;
  text-align: center;
  font-weight: 600;
  border-radius: 18px;
  padding: 0;
  height: 36px;
}
.settings-portals .branding-preview .search-type-filters-list .search-type-filters-list-item,
.settings-uploadlinks .branding-preview .search-type-filters-list .search-type-filters-list-item {
  display: block;
  border-radius: 18px;
  background: transparent;
  margin: 0 -2px;
}
.settings-portals .branding-preview .input-box,
.settings-uploadlinks .branding-preview .input-box {
  line-height: 32px;
  width: 276px;
  height: 35px;
  margin: 6px 0px;
  border: solid 1px #E2E2E2;
  background-color: transparent;
  position: relative;
  border-radius: 18px;
  -webkit-border-radius: 18px;
}
.settings-portals .branding-preview .input-box input,
.settings-uploadlinks .branding-preview .input-box input {
  width: 100%;
  border: 0;
}
.settings-portals .branding-preview .thumbnail-view,
.settings-uploadlinks .branding-preview .thumbnail-view {
  position: absolute;
  top: 54px;
  left: 0px;
  right: 0px;
  bottom: 0px;
}
.settings-portals .branding-preview .thumbnail-view.-full-width,
.settings-uploadlinks .branding-preview .thumbnail-view.-full-width {
  width: 100% !important;
}
.settings-portals .branding-preview .thumbnail-view.-full-width .thumbnail-bg,
.settings-uploadlinks .branding-preview .thumbnail-view.-full-width .thumbnail-bg {
  width: 100%;
}
.settings-portals .branding-preview .thumbnail-view .thumbnail-bg,
.settings-uploadlinks .branding-preview .thumbnail-view .thumbnail-bg {
  width: calc(100% - 300px);
  height: 100%;
  background-size: cover;
  font-size: 0;
  text-align: left;
}
.settings-portals .branding-preview .thumbnail-view .thumbnail-bg ul,
.settings-uploadlinks .branding-preview .thumbnail-view .thumbnail-bg ul {
  margin: 0 0 0 20px;
  height: 100%;
  overflow: hidden;
}
.settings-portals .branding-preview .thumbnail-view .thumbnail-bg li,
.settings-uploadlinks .branding-preview .thumbnail-view .thumbnail-bg li {
  display: inline-flex;
  font-size: 100px;
  text-align: center;
  margin-right: 18px;
  border: 1px solid #C1C6D0;
  margin-top: 10px;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
}
.settings-portals .branding-preview .thumbnail-view .thumbnail-bg li:before,
.settings-uploadlinks .branding-preview .thumbnail-view .thumbnail-bg li:before {
  cursor: default;
}
.settings-portals .branding-preview .thumbnail-view .branding-filter,
.settings-uploadlinks .branding-preview .thumbnail-view .branding-filter {
  position: absolute;
  top: 0;
  right: 0;
  width: 298px;
  height: 100%;
  overflow: hidden;
  border-left: 1px solid #CCC;
}
.settings-portals .branding-preview .thumbnail-view .branding-filter .close-btn,
.settings-uploadlinks .branding-preview .thumbnail-view .branding-filter .close-btn {
  position: absolute;
  right: 20px;
  border-radius: 5em;
  width: 22px;
  height: 22px;
  display: inline-block;
  text-align: center;
  line-height: 22px;
  font-size: 14px !important;
  margin-top: 15px;
  font-weight: 600;
}
.settings-portals .branding-preview .thumbnail-view .branding-filter .filter-title,
.settings-uploadlinks .branding-preview .thumbnail-view .branding-filter .filter-title {
  width: 100%;
  height: 50px;
  line-height: 50px;
  padding: 0 20px;
  text-align: left;
  border-bottom: 1px solid #ccc;
}
.settings-portals .branding-preview .thumbnail-view .branding-filter .filter-title span,
.settings-uploadlinks .branding-preview .thumbnail-view .branding-filter .filter-title span {
  cursor: default;
}
.settings-portals .branding-preview .thumbnail-view .branding-filter .sub-title-bar,
.settings-uploadlinks .branding-preview .thumbnail-view .branding-filter .sub-title-bar {
  width: 100%;
  height: 48px;
  padding: 10px 20px;
  line-height: 28px;
  border-bottom: solid 1px #BCBCBC;
  vertical-align: middle;
  text-align: left;
}
.settings-portals .branding-preview .thumbnail-view .branding-filter .arrow-area,
.settings-uploadlinks .branding-preview .thumbnail-view .branding-filter .arrow-area {
  float: left;
  text-align: center;
  line-height: 28px;
  font-size: 14px;
  font-style: normal;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 5px;
}
.settings-portals .branding-preview .thumbnail-view .branding-filter .clear-text,
.settings-uploadlinks .branding-preview .thumbnail-view .branding-filter .clear-text {
  font-size: 14px;
  font-weight: bold;
  float: right;
  cursor: pointer;
}
.settings-portals .branding-preview .thumbnail-view .branding-filter .clear-part,
.settings-uploadlinks .branding-preview .thumbnail-view .branding-filter .clear-part {
  float: right;
  opacity: 0.8;
}
.settings-portals .branding-preview .thumbnail-view .branding-filter .clear-part-text,
.settings-uploadlinks .branding-preview .thumbnail-view .branding-filter .clear-part-text {
  float: right;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
  padding-right: 5px;
}
.settings-portals .branding-preview .thumbnail-view .branding-filter .dropdown-part,
.settings-uploadlinks .branding-preview .thumbnail-view .branding-filter .dropdown-part {
  float: right;
  margin: -6px 16px;
  opacity: 0.8;
  font-size: 22px;
  font-weight: bold;
  position: relative;
}
.settings-portals .branding-preview .thumbnail-view .branding-filter .dropdown-part .dropdown-part-list,
.settings-uploadlinks .branding-preview .thumbnail-view .branding-filter .dropdown-part .dropdown-part-list {
  display: none;
  background: #fcfcfc;
  border: #ccc 1px solid;
  border-radius: 5px;
  font-size: 14px;
  font-weight: bold;
  color: #848484;
  cursor: pointer;
  position: absolute;
  top: 26px;
  right: -28px;
  z-index: 8;
}
.settings-portals .branding-preview .thumbnail-view .branding-filter .dropdown-part .dropdown-part-list li,
.settings-uploadlinks .branding-preview .thumbnail-view .branding-filter .dropdown-part .dropdown-part-list li {
  width: 85px;
  padding: 6px 10px;
  line-height: 15px;
}
.settings-portals .branding-preview .thumbnail-view .branding-filter .dropdown-part .dropdown-part-list li:first-child,
.settings-uploadlinks .branding-preview .thumbnail-view .branding-filter .dropdown-part .dropdown-part-list li:first-child {
  border-bottom: 1px solid #ccc;
}
.settings-portals .branding-preview .thumbnail-view .branding-filter .dropdown-part .dropdown-part-list li > span,
.settings-uploadlinks .branding-preview .thumbnail-view .branding-filter .dropdown-part .dropdown-part-list li > span {
  display: inline-block;
}
.settings-portals .branding-preview .thumbnail-view .branding-filter .dropdown-part .dropdown-part-list li > span:first-child,
.settings-uploadlinks .branding-preview .thumbnail-view .branding-filter .dropdown-part .dropdown-part-list li > span:first-child {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #fcfcfc;
  margin-right: 10px;
  text-align: center;
}
.settings-portals .branding-preview .thumbnail-view .branding-filter .dropdown-part .dropdown-part-list li > span:first-child.selected,
.settings-uploadlinks .branding-preview .thumbnail-view .branding-filter .dropdown-part .dropdown-part-list li > span:first-child.selected {
  background: #666;
}
.settings-portals .branding-preview .thumbnail-view .branding-filter .dropdown-part.show,
.settings-uploadlinks .branding-preview .thumbnail-view .branding-filter .dropdown-part.show {
  opacity: 1;
}
.settings-portals .branding-preview .thumbnail-view .branding-filter .dropdown-part.show .dropdown-part-list,
.settings-uploadlinks .branding-preview .thumbnail-view .branding-filter .dropdown-part.show .dropdown-part-list {
  display: block;
}
.settings-portals .sp-container,
.settings-uploadlinks .sp-container {
  box-shadow: none;
  background: transparent;
  z-index: 0;
}
.settings-portals .theme-scheme-content,
.settings-uploadlinks .theme-scheme-content {
  overflow: hidden;
}
.settings-portals .theme-scheme-content .theme-scheme-color-group,
.settings-uploadlinks .theme-scheme-content .theme-scheme-color-group {
  margin: 0 10px;
  font-size: 0;
}
.settings-portals .theme-scheme-content .theme-scheme-color-group div,
.settings-uploadlinks .theme-scheme-content .theme-scheme-color-group div {
  height: 40px;
  width: 160px;
  line-height: 40px;
  padding-left: 10px;
  text-align: left;
}
.settings-portals .theme-scheme-content .theme-scheme-preset-color-group,
.settings-uploadlinks .theme-scheme-content .theme-scheme-preset-color-group {
  margin: 10px;
  width: 175px;
}
.settings-portals .theme-scheme-content .theme-scheme-preset-color-group span,
.settings-uploadlinks .theme-scheme-content .theme-scheme-preset-color-group span {
  display: inline-block;
  float: left;
  border: 1px solid #f5f6f7;
  width: 20px;
  height: 20px;
  margin: 0 5px 5px 0;
  cursor: pointer;
  text-align: center;
  line-height: 20px;
  font-size: 28px;
}
.settings-portals span.button,
.settings-uploadlinks span.button {
  display: inline-block;
  padding: 0.5em 0.8em;
  border: 1px solid transparent;
  font-weight: bold;
  font-size: 14px;
  min-width: 80px;
  border-radius: 50px;
}
.settings-portals .portalInfoForm.-fit-height,
.settings-uploadlinks .portalInfoForm.-fit-height {
  height: calc(100vh - 260px);
}
.settings-portals .portalInfoForm.-fit-height .branding-left,
.settings-uploadlinks .portalInfoForm.-fit-height .branding-left,
.settings-portals .portalInfoForm.-fit-height .branding-right,
.settings-uploadlinks .portalInfoForm.-fit-height .branding-right {
  height: 100%;
}
.settings-portals .setting-left,
.settings-uploadlinks .setting-left {
  width: 100%;
}
.settings-portals .setting-left .header,
.settings-uploadlinks .setting-left .header {
  height: auto;
  padding-top: 0px!important;
}
.settings-portals .setting-left .header button,
.settings-uploadlinks .setting-left .header button {
  float: right;
  margin-top: 24px;
  margin-right: 20px;
}
.settings-portals .setting-left .header .header-left,
.settings-uploadlinks .setting-left .header .header-left {
  display: inline-block;
  min-width: 300px;
  float: left;
}
.settings-portals .setting-left .header .header-right,
.settings-uploadlinks .setting-left .header .header-right {
  display: inline-block;
  min-width: 300px;
  float: right;
}
.settings-portals .setting-left .title,
.settings-uploadlinks .setting-left .title {
  font-weight: bold;
  font-size: 12px;
  line-height: 30px;
  border-bottom: solid 1px #dddddd;
  padding: 10px 20px;
  padding-bottom: 10px;
}
.settings-portals .nl-c-pre,
.settings-uploadlinks .nl-c-pre {
  display: inline-block;
  width: 15px;
  height: 15px;
  margin: 0px 10px;
  border: 1px solid #ddd;
}
.settings-portals .m-10,
.settings-uploadlinks .m-10 {
  margin: 0px 10px;
}
.settings-portals .item-row-nl1,
.settings-uploadlinks .item-row-nl1 {
  padding-left: 15px;
}
.settings-portals .item-row-nl1 .nl-b,
.settings-uploadlinks .item-row-nl1 .nl-b {
  padding-left: 15px;
}
.settings-portals .global-table-content,
.settings-uploadlinks .global-table-content {
  margin-top: 5px;
}
.settings-portals .global-table-content.row [class^="col-"],
.settings-uploadlinks .global-table-content.row [class^="col-"] {
  padding-left: 0;
}
.settings-portals .global-table-content [class^="col-"],
.settings-uploadlinks .global-table-content [class^="col-"] {
  margin-bottom: 16px;
}
.settings-portals .global-table-content .t1,
.settings-uploadlinks .global-table-content .t1 {
  margin-bottom: 15px;
}
.settings-portals .global-table-content .nl-layout,
.settings-uploadlinks .global-table-content .nl-layout {
  padding-right: 40px;
  padding-bottom: 10px;
}
.settings-portals .global-table-content .nl-firstline,
.settings-uploadlinks .global-table-content .nl-firstline {
  width: 100%;
  margin-bottom: 20px;
}
.settings-portals .global-table-content .icon-l,
.settings-uploadlinks .global-table-content .icon-l {
  font-size: 45px;
  margin-right: 10px;
  color: #E0E0E0;
}
.settings-portals .global-table-content .selectLay,
.settings-uploadlinks .global-table-content .selectLay {
  color: #9B9B9B;
}
.settings-portals .global-table-content .nl-b,
.settings-uploadlinks .global-table-content .nl-b {
  margin-right: 20px;
}
.settings-portals .global-table-content .nl-section,
.settings-uploadlinks .global-table-content .nl-section {
  padding-top: 20px;
}
.settings-portals .global-table-content .nl-s-title,
.settings-uploadlinks .global-table-content .nl-s-title {
  margin: 0px auto;
  text-align: center;
  width: 800px;
  padding-top: 0px;
  height: auto;
  min-height: 50px;
  font-size: 20px;
  line-height: 20px;
  white-space: pre-wrap;
  word-break: keep-all;
  word-wrap: break-word;
}
.settings-portals .global-table-content .nl-s-title .d-title,
.settings-uploadlinks .global-table-content .nl-s-title .d-title {
  font-size: 20px;
  border: dotted 1px #B6B6B6;
  line-height: 20px;
  padding-top: 15px;
  min-height: 50px;
}
.settings-portals .global-table-content .nl-s-title p,
.settings-uploadlinks .global-table-content .nl-s-title p {
  margin: 0px;
}
.settings-portals .global-table-content .nl-s-title .trumbowyg-box,
.settings-uploadlinks .global-table-content .nl-s-title .trumbowyg-box {
  min-height: 160px;
  margin-top: 0px;
  width: 100%;
  position: relative;
}
.settings-portals .global-table-content .nl-s-title .trumbowyg-editor,
.settings-uploadlinks .global-table-content .nl-s-title .trumbowyg-editor {
  min-height: 110px;
}
.settings-portals .global-table-content .nl-s-title .trumbowyg-textarea,
.settings-uploadlinks .global-table-content .nl-s-title .trumbowyg-textarea {
  padding-top: 10px;
}
.settings-portals .global-table-content .editor-run .d-title,
.settings-uploadlinks .global-table-content .editor-run .d-title {
  display: none;
}
.settings-portals .global-table-content .nl-s-column,
.settings-uploadlinks .global-table-content .nl-s-column {
  margin-top: 20px;
}
.settings-portals .global-table-content .nl-s-column .nl-s-c-title,
.settings-uploadlinks .global-table-content .nl-s-column .nl-s-c-title {
  height: 40px;
  padding: 20px 0px 5px 0px;
}
.settings-portals .global-table-content .nl-s-column .nl-s-c-f,
.settings-uploadlinks .global-table-content .nl-s-column .nl-s-c-f {
  border: dashed 1px;
  background-color: #ddd;
}
.settings-portals .global-table-content .nl-content,
.settings-uploadlinks .global-table-content .nl-content {
  MARGIN: 30PX AUTO;
}
.settings-portals .global-table-content .nl-p-content:after,
.settings-uploadlinks .global-table-content .nl-p-content:after {
  content: attr(content);
}
.settings-portals .global-table-content .nl-p-footer,
.settings-uploadlinks .global-table-content .nl-p-footer {
  width: 980px;
  height: auto;
  min-height: 50px;
  margin: 0px auto 20px;
  text-align: center;
  border: dotted 1px #B6B6B6;
  padding-top: 0px;
}
.settings-portals .global-table-content .nl-p-footer div,
.settings-uploadlinks .global-table-content .nl-p-footer div {
  margin: 15px;
  white-space: pre-wrap;
}
.settings-portals .global-table-content .nl-p-footer textarea,
.settings-uploadlinks .global-table-content .nl-p-footer textarea {
  border: none;
  border-radius: 0px!important;
  width: 100%;
  height: 100%;
  margin: 0px;
}
.settings-portals .global-table-content .nl-ld,
.settings-uploadlinks .global-table-content .nl-ld {
  width: 100%;
  border: 1px solid #DCDCDC;
  position: relative;
}
.settings-portals .global-table-content .nl-ld .nl-head,
.settings-uploadlinks .global-table-content .nl-ld .nl-head {
  background-color: #999;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(img/landing-search-bg.jpg);
  background-size: cover;
  position: relative;
}
.settings-portals .global-table-content .nl-ld .nl-head .ribbon-center,
.settings-uploadlinks .global-table-content .nl-ld .nl-head .ribbon-center {
  padding-left: 0;
  padding-right: 0;
}
.settings-portals .global-table-content .nl-ld .nl-head .search-section,
.settings-uploadlinks .global-table-content .nl-ld .nl-head .search-section {
  margin: 100px 0;
  height: 130px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.settings-portals .global-table-content .nl-ld .nl-head .landing-search-box,
.settings-uploadlinks .global-table-content .nl-ld .nl-head .landing-search-box {
  width: 600px;
  height: 56px;
  border: 0;
  margin: 0 auto;
  border-radius: 28px;
  padding-left: 28px;
  padding-right: 60px;
  font-size: 18px;
  background-color: #eee;
  box-shadow: 2px 5px 30px #A9A7A7 !important;
  position: relative;
}
.settings-portals .global-table-content .nl-ld .nl-head .landing-search-icon,
.settings-uploadlinks .global-table-content .nl-ld .nl-head .landing-search-icon {
  position: absolute;
  right: 28px;
  top: 18px;
  font-size: 20px;
  color: #6F6E6E;
}
.settings-portals .global-table-content .nl-ld .nl-head .landing-banner-layer,
.settings-uploadlinks .global-table-content .nl-ld .nl-head .landing-banner-layer {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.4);
}
.settings-portals .global-table-content .nl-ld .nl-txt,
.settings-uploadlinks .global-table-content .nl-ld .nl-txt {
  width: 400px;
  display: inline-block;
  height: 40px;
  border-radius: 20px;
  border: 1px solid;
}
.settings-portals .global-table-content .nl-ld .nl-txt div,
.settings-uploadlinks .global-table-content .nl-ld .nl-txt div {
  font-size: 20px;
  float: right;
  margin-right: 15px;
  margin-top: 10px;
}
.settings-portals .global-table-content .nl-ld .nl-til,
.settings-uploadlinks .global-table-content .nl-ld .nl-til {
  font-size: 20px;
  padding-bottom: 0px;
  margin-bottom: 0px;
  min-height: 32px;
}
.settings-portals .global-table-content .nl-ld .nl-til .nl-p-content,
.settings-uploadlinks .global-table-content .nl-ld .nl-til .nl-p-content {
  cursor: pointer;
  width: 800px;
  margin: 0 auto;
}
.settings-portals .global-table-content .nl-ld .nl-til input,
.settings-uploadlinks .global-table-content .nl-ld .nl-til input {
  width: 300px;
  font-size: 20px;
  margin: 0px;
}
.settings-portals .global-table-content .nl-ld .nl-til .trumbowyg-box,
.settings-uploadlinks .global-table-content .nl-ld .nl-til .trumbowyg-box {
  margin-top: -100px;
}
.settings-portals .global-table-content .nl-ld .nl-editbcg,
.settings-uploadlinks .global-table-content .nl-ld .nl-editbcg {
  font-size: 18px;
}
.settings-portals .global-table-content .nl-ld .nl-editbcg .edit-rect,
.settings-uploadlinks .global-table-content .nl-ld .nl-editbcg .edit-rect {
  padding: 5px 10px;
  box-shadow: 5px 5px 30px 0px rgba(0, 0, 0, 0.2) !important;
  color: #FFFFFF;
  background: rgba(0, 0, 0, 0.4);
  border-radius: 3px;
}
.settings-portals .global-table-content .nl-ld .nl-editbcg .font,
.settings-uploadlinks .global-table-content .nl-ld .nl-editbcg .font {
  padding-top: 2px;
  cursor: pointer;
  margin-left: 10px;
}
.settings-portals .global-table-content .nl-ld .nl-editbcg .m-20,
.settings-uploadlinks .global-table-content .nl-ld .nl-editbcg .m-20 {
  margin-left: 20px;
}
.settings-portals .global-table-content .item-radio,
.settings-uploadlinks .global-table-content .item-radio {
  display: inline-block;
  height: 32px;
  line-height: 32px;
  vertical-align: middle;
  margin-right: 10px;
}
.settings-portals .global-table-content .item-content,
.settings-uploadlinks .global-table-content .item-content {
  display: inline-block;
  width: 85%;
  vertical-align: middle;
}
.settings-portals .global-table-content .item-content .item-desc,
.settings-uploadlinks .global-table-content .item-content .item-desc {
  padding-top: 5px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.settings-portals .global-table-content .item-row,
.settings-uploadlinks .global-table-content .item-row {
  width: 100%;
  padding: 0 20px;
  margin-bottom: 16px;
}
.settings-portals .global-table-content .item-row-nl,
.settings-uploadlinks .global-table-content .item-row-nl {
  width: 50%;
  padding: 0 10px;
  margin-bottom: 16px;
}
.settings-portals .global-table-content .item-select,
.settings-uploadlinks .global-table-content .item-select {
  display: block;
  margin-left: 28px;
}
.settings-portals .global-table-content .item-select .display-name,
.settings-uploadlinks .global-table-content .item-select .display-name {
  padding-left: 5px;
}
.settings-portals .global-table-content.sort-by,
.settings-uploadlinks .global-table-content.sort-by {
  margin: 5px 20px 20px;
}
.settings-portals .global-table-content.sort-by [class^="col-"],
.settings-uploadlinks .global-table-content.sort-by [class^="col-"] {
  margin: 0;
  padding: 0;
}
.settings-portals .global-table-content.sort-by .item-content,
.settings-uploadlinks .global-table-content.sort-by .item-content {
  width: 75%;
}
.settings-portals .global-table-content.sort-by div.select-wrap,
.settings-uploadlinks .global-table-content.sort-by div.select-wrap {
  width: 60%;
}
.settings-portals .global-table-content.sort-by .item-radio,
.settings-uploadlinks .global-table-content.sort-by .item-radio {
  height: auto;
  line-height: 0;
}
.settings-portals .global-table-content .container-fluid,
.settings-uploadlinks .global-table-content .container-fluid,
.settings-portals .global-table-content .content-ul-user,
.settings-uploadlinks .global-table-content .content-ul-user {
  padding: 0 5px;
  margin: 0;
}
.settings-portals .global-table-content .container-fluid .col-xs-3 ~ .col-xs-6,
.settings-uploadlinks .global-table-content .container-fluid .col-xs-3 ~ .col-xs-6,
.settings-portals .global-table-content .content-ul-user .col-xs-3 ~ .col-xs-6,
.settings-uploadlinks .global-table-content .content-ul-user .col-xs-3 ~ .col-xs-6 {
  margin-left: 15px;
  margin-right: 15px;
}
.settings-portals button,
.settings-uploadlinks button {
  min-width: 75px;
}
.settings-portals .row,
.settings-uploadlinks .row {
  padding-top: 20px;
}
.settings-portals .right-gap,
.settings-uploadlinks .right-gap {
  padding-right: 20px!important;
}
.settings-portals .left-gap,
.settings-uploadlinks .left-gap {
  padding-left: 20px;
}
.settings-portals .left-gap-242,
.settings-uploadlinks .left-gap-242 {
  padding-left: 242px;
}
.settings-portals .left-gap-208,
.settings-uploadlinks .left-gap-208 {
  padding-left: 208px;
}
.settings-portals .left-gap-62,
.settings-uploadlinks .left-gap-62 {
  padding-left: 62px;
}
.settings-portals .left-gap-0,
.settings-uploadlinks .left-gap-0 {
  padding-left: 0px;
}
.settings-portals .field-input,
.settings-uploadlinks .field-input {
  width: 100%;
  height: 32px;
  margin-top: 6px;
  padding-left: 10px!important;
}
.settings-portals .field-date,
.settings-uploadlinks .field-date {
  float: left;
  height: 35px;
}
.settings-portals .field-div,
.settings-uploadlinks .field-div {
  width: 430px;
  height: 128px;
  border-radius: 15px;
  resize: none;
  padding-left: 15px;
  padding-right: 15px;
  border: 1px solid #ccc;
}
.settings-portals .field-textarea,
.settings-uploadlinks .field-textarea {
  width: 410px;
  height: 105px;
  resize: none;
  border: none;
  margin-bottom: 0px;
  margin-top: 10px;
  overflow-y: auto;
  padding: 0px;
  border-radius: 0px;
  scrollbar-base-color: #C0C0C0;
  scrollbar-face-color: #626262;
  scrollbar-3dlight-color: #C0C0C0;
  scrollbar-highlight-color: #C0C0C0;
  scrollbar-track-color: #dddddd;
  scrollbar-arrow-color: black;
  scrollbar-shadow-color: #C0C0C0;
  scrollbar-dark-shadow-color: #C0C0C0;
}
.settings-portals .field-textarea::-webkit-scrollbar-thumb,
.settings-uploadlinks .field-textarea::-webkit-scrollbar-thumb {
  background-color: #626262;
}
.settings-portals .field-textarea::-webkit-scrollbar-track-piece,
.settings-uploadlinks .field-textarea::-webkit-scrollbar-track-piece {
  background-color: #dddddd;
  -webkit-border-radius: 0;
}
.settings-portals .field-textarea::-webkit-scrollbar,
.settings-uploadlinks .field-textarea::-webkit-scrollbar {
  width: 10px;
}
.settings-portals .margin-20,
.settings-uploadlinks .margin-20 {
  margin-top: 20px;
}
.settings-portals .margin-8,
.settings-uploadlinks .margin-8 {
  margin-top: 8px;
}
.settings-portals .margin-5,
.settings-uploadlinks .margin-5 {
  margin-top: 5px;
}
.settings-portals .margin-60,
.settings-uploadlinks .margin-60 {
  margin-left: -60px;
}
.settings-portals .pl-25,
.settings-uploadlinks .pl-25 {
  padding-left: 25px;
}
.settings-portals .height-48,
.settings-uploadlinks .height-48 {
  height: 48PX;
}
.settings-portals .configuration li,
.settings-uploadlinks .configuration li {
  height: 30px;
}
.settings-portals .checkbox-color,
.settings-uploadlinks .checkbox-color {
  color: #9B9B9B;
}
.settings-portals .top-gap-10,
.settings-uploadlinks .top-gap-10 {
  padding-top: 10px;
}
.settings-portals .top-gap-15,
.settings-uploadlinks .top-gap-15 {
  padding-top: 15px;
}
.settings-portals .top-gap-40,
.settings-uploadlinks .top-gap-40 {
  padding-top: 40px;
}
.settings-portals .width-320,
.settings-uploadlinks .width-320 {
  width: 320px;
}
.settings-portals .width-70,
.settings-uploadlinks .width-70 {
  width: 70px;
}
.settings-portals .width-150,
.settings-uploadlinks .width-150 {
  width: 150px;
}
.settings-portals .width-400,
.settings-uploadlinks .width-400 {
  width: 400px;
}
.settings-portals .usergroup,
.settings-uploadlinks .usergroup {
  height: 61px;
  padding-top: 20px;
}
.settings-portals .usergroup > :first-child,
.settings-uploadlinks .usergroup > :first-child {
  float: left;
}
.settings-portals .usergroup > :last-child,
.settings-uploadlinks .usergroup > :last-child {
  float: right;
}
.settings-portals .onoffswitch-inner:before,
.settings-uploadlinks .onoffswitch-inner:before {
  content: attr(before);
}
.settings-portals .onoffswitch-inner:after,
.settings-uploadlinks .onoffswitch-inner:after {
  content: attr(after);
}
.settings-portals .left-content,
.settings-uploadlinks .left-content {
  padding-top: 0px;
  padding-left: 0px;
}
.settings-portals .section,
.settings-uploadlinks .section {
  margin-top: 10px;
}
.settings-portals .msg,
.settings-uploadlinks .msg {
  float: right;
  color: #ff0000;
}
.settings-portals textarea,
.settings-uploadlinks textarea {
  width: 430px;
  height: 128px;
  border-radius: 15px;
  resize: none;
  padding-left: 15px;
  padding-right: 15px;
}
.settings-portals .width-100,
.settings-uploadlinks .width-100 {
  width: 100%;
}
.settings-portals .right-20,
.settings-uploadlinks .right-20 {
  margin-right: 20px;
}
.settings-portals .right-50,
.settings-uploadlinks .right-50 {
  margin-right: 20px;
}
.settings-portals .save,
.settings-uploadlinks .save {
  margin-left: 10px!important;
  margin-right: 32px!important;
}
.settings-portals .btn-del,
.settings-uploadlinks .btn-del {
  background-color: #9B9B9B!important;
}
.settings-portals .edit-Title,
.settings-uploadlinks .edit-Title {
  margin: 15px 20px;
  line-height: 1;
  text-align: left;
  font-size: 14px;
}
.settings-portals .margin-40,
.settings-uploadlinks .margin-40 {
  margin-left: 40px;
}
.settings-portals .margin-30,
.settings-uploadlinks .margin-30 {
  margin-left: 30px;
}
.settings-portals .remove,
.settings-uploadlinks .remove {
  font-size: 14px;
  float: right;
  color: #4a4a4a;
  margin-top: 24px;
}
.settings-portals .no-use,
.settings-uploadlinks .no-use {
  background-color: #EEF0F1;
}
.settings-portals .no-use-span,
.settings-uploadlinks .no-use-span {
  color: #9b9b9b !important;
}
.settings-portals .width-900,
.settings-uploadlinks .width-900 {
  width: 900px;
}
.settings-portals .width-960,
.settings-uploadlinks .width-960 {
  width: 960px;
}
.settings-portals .onoffswitch-switch,
.settings-uploadlinks .onoffswitch-switch {
  width: 20px;
}
.settings-portals .disable-d,
.settings-uploadlinks .disable-d {
  background-color: #ebebe4 !important;
  color: #9b9b9b !important;
  border: 1px solid #d9d9d9;
  vertical-align: middle;
  padding: 8px 8px;
  font-size: 14px;
  border-radius: 25px;
}
.settings-portals .input-url,
.settings-uploadlinks .input-url {
  width: 100%;
  height: 48px;
  white-space: nowrap;
  overflow: hidden;
  display: flex;
}
.settings-portals .input-url > span,
.settings-uploadlinks .input-url > span {
  float: left;
  line-height: 48px;
  vertical-align: middle;
}
.settings-portals .input-url > span + .field-input,
.settings-uploadlinks .input-url > span + .field-input {
  display: block;
  margin-left: 10px;
  width: auto;
  vertical-align: middle;
  width: 100%;
  float: left;
}
.settings-portals .copy-items,
.settings-uploadlinks .copy-items {
  padding-right: 0;
  float: left;
  padding-left: 20px;
}
.btn-action {
  margin-left: 0px !important;
  background-color: #f00047;
  height: 32px;
  line-height: 16px;
  padding-left: 16px;
  padding-right: 16px;
}
.mult-div {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  text-align: left;
  padding-left: 20px;
}
.settings-portals .content,
.settings-uploadlinks.branding .content {
  padding: 8px 0 0;
}
.settings-portals .branding-preview,
.settings-uploadlinks.branding .branding-preview {
  background-color: rgba(0, 0, 0, 0);
}
.settings-portals .branding-preview .preview-container,
.settings-uploadlinks.branding .branding-preview .preview-container {
  margin-top: 8px;
  padding-left: 0px;
  margin-left: 0px;
}
.settings-portals .branding-preview .preview-container .content,
.settings-uploadlinks.branding .branding-preview .preview-container .content {
  padding-top: 0px;
}
.settings-portals .branding-preview .preview-container.light input,
.settings-uploadlinks.branding .branding-preview .preview-container.light input,
.settings-portals .branding-preview .preview-container.light input.uneditable-input,
.settings-uploadlinks.branding .branding-preview .preview-container.light input.uneditable-input,
.settings-portals .branding-preview .preview-container.light .logo img,
.settings-uploadlinks.branding .branding-preview .preview-container.light .logo img {
  color: #FCFCFC !important;
  border-color: #FCFCFC;
}
.settings-portals .branding-preview .preview-container.light input::-webkit-input-placeholder,
.settings-uploadlinks.branding .branding-preview .preview-container.light input::-webkit-input-placeholder,
.settings-portals .branding-preview .preview-container.light input.uneditable-input::-webkit-input-placeholder,
.settings-uploadlinks.branding .branding-preview .preview-container.light input.uneditable-input::-webkit-input-placeholder,
.settings-portals .branding-preview .preview-container.light .logo img::-webkit-input-placeholder,
.settings-uploadlinks.branding .branding-preview .preview-container.light .logo img::-webkit-input-placeholder {
  color: #FCFCFC;
}
.settings-portals .branding-preview .preview-container.light input:-moz-placeholder,
.settings-uploadlinks.branding .branding-preview .preview-container.light input:-moz-placeholder,
.settings-portals .branding-preview .preview-container.light input.uneditable-input:-moz-placeholder,
.settings-uploadlinks.branding .branding-preview .preview-container.light input.uneditable-input:-moz-placeholder,
.settings-portals .branding-preview .preview-container.light .logo img:-moz-placeholder,
.settings-uploadlinks.branding .branding-preview .preview-container.light .logo img:-moz-placeholder {
  color: #FCFCFC;
}
.settings-portals .branding-preview .preview-container.light input::-moz-placeholder,
.settings-uploadlinks.branding .branding-preview .preview-container.light input::-moz-placeholder,
.settings-portals .branding-preview .preview-container.light input.uneditable-input::-moz-placeholder,
.settings-uploadlinks.branding .branding-preview .preview-container.light input.uneditable-input::-moz-placeholder,
.settings-portals .branding-preview .preview-container.light .logo img::-moz-placeholder,
.settings-uploadlinks.branding .branding-preview .preview-container.light .logo img::-moz-placeholder {
  color: #FCFCFC;
}
.settings-portals .branding-preview .preview-container.light input:-ms-input-placeholder,
.settings-uploadlinks.branding .branding-preview .preview-container.light input:-ms-input-placeholder,
.settings-portals .branding-preview .preview-container.light input.uneditable-input:-ms-input-placeholder,
.settings-uploadlinks.branding .branding-preview .preview-container.light input.uneditable-input:-ms-input-placeholder,
.settings-portals .branding-preview .preview-container.light .logo img:-ms-input-placeholder,
.settings-uploadlinks.branding .branding-preview .preview-container.light .logo img:-ms-input-placeholder {
  color: #FCFCFC;
}
.settings-portals .branding-preview .preview-container.dark input,
.settings-uploadlinks.branding .branding-preview .preview-container.dark input,
.settings-portals .branding-preview .preview-container.dark input.uneditable-input,
.settings-uploadlinks.branding .branding-preview .preview-container.dark input.uneditable-input,
.settings-portals .branding-preview .preview-container.dark .logo img,
.settings-uploadlinks.branding .branding-preview .preview-container.dark .logo img {
  color: #131313 !important;
  border-color: #131313;
}
.settings-portals .branding-preview .preview-container.dark input::-webkit-input-placeholder,
.settings-uploadlinks.branding .branding-preview .preview-container.dark input::-webkit-input-placeholder,
.settings-portals .branding-preview .preview-container.dark input.uneditable-input::-webkit-input-placeholder,
.settings-uploadlinks.branding .branding-preview .preview-container.dark input.uneditable-input::-webkit-input-placeholder,
.settings-portals .branding-preview .preview-container.dark .logo img::-webkit-input-placeholder,
.settings-uploadlinks.branding .branding-preview .preview-container.dark .logo img::-webkit-input-placeholder {
  color: #131313;
}
.settings-portals .branding-preview .preview-container.dark input:-moz-placeholder,
.settings-uploadlinks.branding .branding-preview .preview-container.dark input:-moz-placeholder,
.settings-portals .branding-preview .preview-container.dark input.uneditable-input:-moz-placeholder,
.settings-uploadlinks.branding .branding-preview .preview-container.dark input.uneditable-input:-moz-placeholder,
.settings-portals .branding-preview .preview-container.dark .logo img:-moz-placeholder,
.settings-uploadlinks.branding .branding-preview .preview-container.dark .logo img:-moz-placeholder {
  color: #131313;
}
.settings-portals .branding-preview .preview-container.dark input::-moz-placeholder,
.settings-uploadlinks.branding .branding-preview .preview-container.dark input::-moz-placeholder,
.settings-portals .branding-preview .preview-container.dark input.uneditable-input::-moz-placeholder,
.settings-uploadlinks.branding .branding-preview .preview-container.dark input.uneditable-input::-moz-placeholder,
.settings-portals .branding-preview .preview-container.dark .logo img::-moz-placeholder,
.settings-uploadlinks.branding .branding-preview .preview-container.dark .logo img::-moz-placeholder {
  color: #131313;
}
.settings-portals .branding-preview .preview-container.dark input:-ms-input-placeholder,
.settings-uploadlinks.branding .branding-preview .preview-container.dark input:-ms-input-placeholder,
.settings-portals .branding-preview .preview-container.dark input.uneditable-input:-ms-input-placeholder,
.settings-uploadlinks.branding .branding-preview .preview-container.dark input.uneditable-input:-ms-input-placeholder,
.settings-portals .branding-preview .preview-container.dark .logo img:-ms-input-placeholder,
.settings-uploadlinks.branding .branding-preview .preview-container.dark .logo img:-ms-input-placeholder {
  color: #131313;
}
.settings-portals .col-xs-6,
.settings-uploadlinks.branding .col-xs-6,
.settings-portals .col-xs-12,
.settings-uploadlinks.branding .col-xs-12 {
  padding: 0 20px;
}
.settings-portals .color-schema,
.settings-uploadlinks.branding .color-schema {
  padding: 10px 0;
  font-size: 0;
}
.settings-portals .color-schema .schema-warp,
.settings-uploadlinks.branding .color-schema .schema-warp {
  vertical-align: middle;
}
.settings-portals .color-schema .schema-warp .schema,
.settings-uploadlinks.branding .color-schema .schema-warp .schema {
  display: inline-block;
  width: 103px;
  height: 15px;
  border: 2px dashed transparent;
  position: relative;
  margin: 2px;
  margin-right: 14px;
  line-height: 0;
}
.settings-portals .color-schema .schema-warp .schema.selected,
.settings-uploadlinks.branding .color-schema .schema-warp .schema.selected {
  position: relative;
  border: 2px dashed #333;
}
.settings-portals .color-schema .schema-warp .schema span,
.settings-uploadlinks.branding .color-schema .schema-warp .schema span {
  display: inline-block;
  width: 11px;
  height: 11px;
}
.settings-portals .color-schema .schema-warp .schema .remove-schema,
.settings-uploadlinks.branding .color-schema .schema-warp .schema .remove-schema {
  position: absolute;
  right: -14px;
  top: 0;
  width: 12px;
  height: 12px;
  text-align: center;
  line-height: 12px;
  color: #333;
  font-size: 12x;
  display: none;
}
.settings-portals .color-schema .schema-warp .schema:hover .remove-schema,
.settings-uploadlinks.branding .color-schema .schema-warp .schema:hover .remove-schema {
  display: block;
}
.settings-portals .color-schema .add-schema,
.settings-uploadlinks.branding .color-schema .add-schema {
  float: left;
  vertical-align: middle;
  width: 66px;
  height: 60px;
  line-height: 56px;
  text-align: center;
  font-size: 40px;
  border: #e6f2f7 2px solid;
  background-color: #e6f2f7;
  color: #455568;
}
.portalsContent-dialog {
  /*   div[data-portal-tree] li.level1:hover {
        background-color: rgba(0,0,0,0.1);
     }
*/
}
.portalsContent-dialog.wide {
  top: 40px!important;
}
.portalsContent-dialog.wide .modal-dialog {
  width: 1000px;
}
.portalsContent-dialog .modal-dialog {
  width: 800px;
}
.portalsContent-dialog .modal-body {
  padding-top: 0px!important;
  padding-left: 15px!important;
  padding-right: 15px!important;
  padding-bottom: 0px!important;
}
.portalsContent-dialog .customer .icon-icn_album_01 {
  margin-left: 15px;
}
.portalsContent-dialog .settings-modal-footer button {
  min-width: 88PX;
}
.portalsContent-dialog .settings-modal-footer span {
  float: left;
  margin-top: 8px;
}
.portalsContent-dialog .settings-modal-footer .span1 {
  margin-left: 10px;
}
.portalsContent-dialog .settings-modal-footer .span2 {
  margin-left: 10px;
}
.portalsContent-dialog .s3-body {
  overflow-y: hidden;
  padding-left: 0px;
  overflow-x: hidden;
  padding-right: 0px;
}
.portalsContent-dialog .s3-body .s3-content-left {
  height: 317px;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-base-color: #C0C0C0;
  scrollbar-face-color: #626262;
  scrollbar-3dlight-color: #C0C0C0;
  scrollbar-highlight-color: #C0C0C0;
  scrollbar-track-color: #dddddd;
  scrollbar-arrow-color: black;
  scrollbar-shadow-color: #C0C0C0;
  scrollbar-dark-shadow-color: #C0C0C0;
}
.portalsContent-dialog .s3-body .s3-content-left::-webkit-scrollbar-thumb {
  background-color: #626262;
}
.portalsContent-dialog .s3-body .s3-content-left::-webkit-scrollbar-track-piece {
  background-color: #dddddd;
  -webkit-border-radius: 0;
}
.portalsContent-dialog .s3-body .s3-content-left::-webkit-scrollbar {
  width: 10px;
}
.portalsContent-dialog .s3-body .s3-content-left .content-msg {
  font-size: 14px;
  color: red;
  font-weight: 500;
  margin-top: 10px;
}
.portalsContent-dialog .s3-body .s3-content-right {
  height: 317px;
  overflow-y: auto;
  overflow-x: hidden;
  padding-left: 15px;
  border-left: 1px solid #ddd;
  scrollbar-base-color: #C0C0C0;
  scrollbar-face-color: #626262;
  scrollbar-3dlight-color: #C0C0C0;
  scrollbar-highlight-color: #C0C0C0;
  scrollbar-track-color: #dddddd;
  scrollbar-arrow-color: black;
  scrollbar-shadow-color: #C0C0C0;
  scrollbar-dark-shadow-color: #C0C0C0;
}
.portalsContent-dialog .s3-body .s3-content-right::-webkit-scrollbar-thumb {
  background-color: #626262;
}
.portalsContent-dialog .s3-body .s3-content-right::-webkit-scrollbar-track-piece {
  background-color: #dddddd;
  -webkit-border-radius: 0;
}
.portalsContent-dialog .s3-body .s3-content-right::-webkit-scrollbar {
  width: 10px;
}
.portalsContent-dialog .y-hide {
  overflow-y: hidden;
}
.portalsContent-dialog .bottom-content {
  text-align: right;
  clear: both;
  height: 50px;
  background-color: #EEF0F1;
  margin-left: -15px;
  margin-right: -15px;
  padding-top: 5px;
}
.portalsContent-dialog .bottom-content .copy-direction {
  width: 40px;
  height: 40px;
  padding: 0px;
  background-color: white;
  color: black!important;
}
.portalsContent-dialog .bottom-content .copy-data-area {
  padding-right: 30px;
}
.portalsContent-dialog .bottom-content .border1 {
  border-bottom: 1px solid white;
}
.portalsContent-dialog .right-30 {
  padding-right: 30px;
}
.portalsContent-dialog .right-15 {
  padding-right: 15px;
}
.portalsContent-dialog .s3-tree-title-area {
  border-bottom: 1px solid #ddd;
  height: 40px;
  padding: 0px 15px;
}
.portalsContent-dialog .s3-tree-title-area > :last-child {
  height: 100%;
  padding-top: 5px!important;
  padding-left: 20px;
  border-left: 1px solid #ddd;
}
.portalsContent-dialog .s3-tree-title-area > :first-child {
  border-left: 0px;
  height: 100%;
  padding-top: 5px!important;
  padding-left: 5px;
}
.portalsContent-dialog .s3-tree-title-area .pt-name {
  display: inline-block;
  max-width: 310px;
}
.portalsContent-dialog div[data-portal-treeview] {
  /* prevent user selection */
  -moz-user-select: -moz-none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* default */
  font-size: 14px;
  color: #555;
  text-decoration: none;
}
.portalsContent-dialog div[data-portal-tree] ul {
  margin: 0;
  padding: 0;
  list-style: none;
  border: none;
  overflow: visible;
}
.portalsContent-dialog div[data-portal-tree] li {
  position: relative;
  padding: 4px 0 0 0px;
  line-height: 20px;
  font-size: 14px;
  color: #666;
  white-space: nowrap;
}
.portalsContent-dialog div[data-portal-tree] li > div {
  border-radius: 14px;
}
.portalsContent-dialog div[data-portal-tree] li i {
  font-size: 20px;
}
.portalsContent-dialog div[data-portal-tree] li i,
.portalsContent-dialog div[data-portal-tree] li span {
  cursor: pointer;
  max-width: 200px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
  vertical-align: middle;
}
.portalsContent-dialog div[data-portal-tree] li span {
  line-height: 32px;
  font-size: 14px;
}
.portalsContent-dialog .flight-node {
  position: absolute;
  font-size: 14px;
  z-index: 1049;
  opacity: 0.8;
}
.portalsContent-dialog .icon-remove {
  position: absolute;
  top: 6px;
  right: 10px;
}
.portalsContent-dialog .icon-s-eye-off {
  position: absolute;
  top: 6px;
  right: 8px;
  font-size: 18px!important;
}
.portalsContent-dialog .icon-s-eye-on {
  position: absolute;
  top: 6px;
  right: 8px;
  font-size: 12px!important;
}
.portalsContent-dialog .display-max {
  width: 240px;
  display: inline-block;
  margin-bottom: -5px;
}
.portalsSectionType-dialog .modal-dialog {
  width: 600px;
}
.portalsSectionType-dialog .modal-body {
  padding-top: 0px!important;
  padding-left: 15px!important;
  padding-right: 15px!important;
  padding-bottom: 0px!important;
}
.portalsSectionType-dialog .modal-body .select-items {
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin-top: 33px;
}
.portalsSectionType-dialog .modal-body .select-items .row-item {
  font-size: 14px;
  width: 130px;
  height: 110px;
  text-align: center;
  border-radius: 15px;
  font-weight: normal;
  color: black;
  position: relative;
}
.portalsSectionType-dialog .modal-body .select-items .row-item .item-tooltip {
  color: #626262;
  font-size: 14px;
  position: absolute;
  top: -3px;
  right: -25px;
}
.portalsSectionType-dialog .modal-body .select-items .unselect-item {
  border: 1px solid #bbb;
  background-color: #fff;
}
.portalsSectionType-dialog .modal-body .select-items .select-item {
  border: 3px solid #7d7d7d;
  background-color: #ddd;
}
.portalsRedirect-dialog .modal-dialog {
  min-width: 600px;
  width: max-content;
}
.portalsRedirect-dialog .modal-body {
  padding-top: 0px!important;
  padding-left: 15px!important;
  padding-right: 15px!important;
  padding-bottom: 0px!important;
}
.portalsRedirect-dialog .modal-body .redirect-items {
  margin: 20px 0 0 35px;
}
.portalsRedirect-dialog .modal-body .redirect-items .redirect-item {
  margin: 10px 0;
  font-size: 14px;
}
.portalsRedirect-dialog .modal-body .redirect-items .redirect-url {
  display: inline-block;
  margin-left: 20px;
}
.portalsRedirect-dialog .modal-footer .foot-tooltip {
  font-size: 14px;
  font-weight: 600;
  float: left;
  line-height: 28px;
}
.portalsRedirect-dialog .modal-footer .foot-tooltip .tooltip-text {
  margin-left: 5px;
}
.portalvideoClip-dialog {
  top: 0px!important;
}
.portalvideoClip-dialog .modal-dialog {
  width: 1200px;
  margin-top: 0px;
}
.portalvideoClip-dialog .modal-body {
  padding-top: 0px!important;
  padding-left: 15px!important;
  padding-right: 15px!important;
  padding-bottom: 0px!important;
}
.portalvideoClip-dialog .modal-body .preview-area {
  display: inline-block;
  width: 55%;
}
.portalvideoClip-dialog .modal-body .preview-area .video-container {
  height: 400px;
}
.portalvideoClip-dialog .modal-body .clip-area {
  width: 43%;
  display: inline-block;
}
.portalvideoClip-dialog .modal-body .clip-area .clip-area-container {
  margin-top: 30px;
  padding: 0 20px;
  font-weight: normal;
  font-size: 14px;
  text-align: center;
}
.portalvideoClip-dialog .modal-body .clip-area .clip-area-container .time-adjust-button-group {
  margin: 0px 5px;
}
.portalvideoClip-dialog .modal-body .clip-area .clip-area-container .time-adjust-button-group span {
  display: block;
  height: 5px;
  cursor: pointer;
}
.setting-publishing-portals {
  min-width: 1280px;
}
.setting-publishing-portals .margin-0 {
  margin: 0;
}
.setting-publishing-portals .uploadbtn {
  position: absolute;
  bottom: 0;
}
.setting-publishing-portals .padding-0 {
  padding: 0;
}
.setting-publishing-portals .h-130 {
  height: 130px;
}
.setting-publishing-portals .nl-10 {
  margin-right: 10px;
}
.setting-publishing-portals .nl-5 {
  margin-right: 5px;
}
.setting-publishing-portals .nl-20 {
  margin-bottom: 20px;
}
.setting-publishing-portals .land {
  width: 100%;
  font-size: 130px;
  margin-right: 20px;
  overflow: hidden;
  display: flex;
}
.setting-publishing-portals .land #landing-img {
  max-height: 100%;
  margin: auto 0;
}
.setting-publishing-portals .land1 {
  position: relative;
  width: calc(100% - 150px);
  margin-bottom: 20px;
}
.setting-publishing-portals .setting-left {
  float: none;
  width: auto;
  overflow: hidden;
}
.setting-publishing-portals .setting-left .header {
  line-height: 80px;
  padding-left: 0px;
}
.setting-publishing-portals .setting-left .header .pull-right {
  margin-right: 20px;
  position: relative;
  z-index: 1;
}
.setting-publishing-portals .setting-left .color-selector {
  width: 120px;
  margin-right: 10px;
}
.setting-publishing-portals .setting-left .color-selector .color-val input {
  width: 119px;
}
.setting-publishing-portals .setting-left .branding-preview .preview-container {
  height: 350px;
  margin-right: 0px;
}
.setting-publishing-portals .setting-right {
  width: 460px;
}
.setting-publishing-portals .setting-right .remove {
  float: none;
  font-size: 14px;
  color: #4a4a4a;
  margin: 0;
}
.landingbackground-dialog .modal-dialog {
  width: 700px;
}
.landingbackground-dialog .modal-dialog .m-5 {
  margin-top: 5px;
}
.landingbackground-dialog .modal-dialog .m-10 {
  margin: 5px 10px;
}
.create-portal-dialog .content-item {
  padding-left: 0px;
  margin-bottom: 15px;
}
.create-portal-dialog .content-item .field-input {
  width: 100%;
}
.create-portal-dialog .content-item .msg {
  color: red;
  float: right;
}
.create-portal-dialog .content-item input {
  color: #212121 !important;
  background-color: #f9f9f9;
  border-color: #dddddd;
  font-weight: 300;
}
.create-portal-dialog .msg-item {
  padding-left: 0px;
}
.portalSectionText-dialog .modal-dialog {
  width: 860px;
  height: 300px;
}
.portalSectionText-dialog .modal-dialog .modal-content {
  height: 100%;
  background-color: transparent !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
}
.portalSectionText-dialog .modal-dialog .modal-content .modal-body {
  height: 100%;
  max-height: 100%;
  padding: 0 !important;
  overflow: hidden;
}
.portalSectionText-dialog .modal-dialog .modal-content .modal-body .trumbowyg-box {
  margin-top: 0px;
  height: 295px;
  width: 860px;
}
.portalSectionText-dialog .modal-dialog .modal-content .modal-body .trumbowyg-box button {
  line-height: 16px !important;
}
.portalSectionText-dialog .modal-dialog .modal-content .modal-body .trumbowyg-box .trumbowyg-dropdown-foreColor > button {
  padding: 0 !important;
  border: 1px solid #000 !important;
  border-radius: 0 !important;
}
.portalSectionText-dialog .modal-dialog .modal-content .modal-body .trumbowyg-editor {
  width: 860px !important;
  height: 80% !important;
  font-size: 14px !important;
  font-weight: 300 !important;
}
.b-portal {
  position: absolute;
  top: 90px;
  left: 20px;
  right: 20px;
  bottom: 10px;
}
.b-portal .header {
  border-bottom: none!important;
}
.b-portal .header .header-title {
  padding-left: 40px!important;
  color: #626262;
  font-weight: normal;
  font-size: 20px;
}
.b-portal .header-title .settings-scroll-view {
  overflow-y: auto;
}
.b-portal .setting-left {
  width: 100%;
  float: none;
}
.b-portal .nav {
  margin-left: 40px;
  margin-right: 40px;
}
.b-portal .ro {
  margin-left: -15px;
}
.b-portal .b-portal-top {
  height: 40px;
}
.b-portal .nl-20 {
  margin-bottom: 20px;
}
.b-portal .b-portal-box {
  border: 1px solid #ddd;
  max-height: calc(100% - 38px);
  padding-bottom: 15px;
  height: auto;
}
.b-portal .settings-portals,
.b-portal .settings-uploadlinks {
  top: 40px;
  position: static;
  min-width: 870px;
}
.b-portal .settings-portals .edit-Title,
.b-portal .settings-uploadlinks .edit-Title {
  margin: 15px 40px 30px;
}
.b-portal .settings-portals .checkbox-s-color:before,
.b-portal .settings-uploadlinks .checkbox-s-color:before {
  color: #4a4a4a;
}
.b-portal .settings-portals .info-section,
.b-portal .settings-uploadlinks .info-section {
  padding: 15px;
}
.b-portal .settings-portals .info-section .bt-line,
.b-portal .settings-uploadlinks .info-section .bt-line {
  padding-top: 20px;
  border-top: 1px solid #ddd;
}
.b-portal .settings-portals .info-section .bb-line,
.b-portal .settings-uploadlinks .info-section .bb-line {
  border-bottom: 1px solid #ddd;
}
.b-portal .settings-portals .info-section .select-wrap select,
.b-portal .settings-uploadlinks .info-section .select-wrap select {
  padding-right: 35px !important;
}
.b-portal .settings-portals .main-lib-layout .line-row,
.b-portal .settings-uploadlinks .main-lib-layout .line-row {
  margin-bottom: 0;
}
.b-portal .settings-portals .newset-down,
.b-portal .settings-uploadlinks .newset-down {
  display: flex;
  flex-direction: row;
  margin-top: 15px;
}
.b-portal .settings-portals .newset-down > div,
.b-portal .settings-uploadlinks .newset-down > div {
  display: flex;
  flex-direction: column;
  margin-right: 60px;
  justify-content: flex-end;
}
.b-portal .settings-portals .newset-down > div span,
.b-portal .settings-uploadlinks .newset-down > div span {
  margin-bottom: 15px;
}
.b-portal .settings-portals .newset-down .item2,
.b-portal .settings-uploadlinks .newset-down .item2,
.b-portal .settings-portals .newset-down .item3,
.b-portal .settings-uploadlinks .newset-down .item3 {
  align-items: center;
  justify-content: flex-start;
}
.b-portal .settings-portals .newset-down .item4._center,
.b-portal .settings-uploadlinks .newset-down .item4._center {
  margin-top: -5px;
  justify-content: space-around;
}
.b-portal .settings-portals .newset-down .item4._center .preset-msg,
.b-portal .settings-uploadlinks .newset-down .item4._center .preset-msg {
  display: block;
}
.b-portal .settings-portals .newset-down .item4 span,
.b-portal .settings-uploadlinks .newset-down .item4 span {
  margin-bottom: 5px;
}
.b-portal .settings-portals .tooltip-inner,
.b-portal .settings-uploadlinks .tooltip-inner {
  width: 250px;
  max-width: 300px;
  text-align: left;
  background-color: rgba(51, 51, 51, 0.9);
}
.b-portal .settings-portals .preset-msg,
.b-portal .settings-uploadlinks .preset-msg {
  display: inline-block;
  color: red;
}
.b-portal .settings-portals .folder-tree,
.b-portal .settings-uploadlinks .folder-tree {
  margin-top: 5px;
  display: flex;
}
.b-portal .settings-portals .folder-tree .item1,
.b-portal .settings-uploadlinks .folder-tree .item1 {
  margin-right: 50px;
}
.b-portal .settings-portals .folder-tree .item1 > div,
.b-portal .settings-uploadlinks .folder-tree .item1 > div {
  margin-top: 15px;
}
.b-portal .settings-portals .folder-tree .item1 .item-content,
.b-portal .settings-uploadlinks .folder-tree .item1 .item-content {
  margin-right: 20px;
}
.b-portal .settings-portals .p-content,
.b-portal .settings-uploadlinks .p-content {
  padding-right: 0px;
  margin-bottom: 0px;
  height: calc(100vh - 240px);
  margin-right: 40px;
  margin-left: 40px;
}
.b-portal .settings-portals .p-content .c-title,
.b-portal .settings-uploadlinks .p-content .c-title {
  line-height: 40px;
  margin-top: 15px;
}
.b-portal .settings-portals .p-content > div,
.b-portal .settings-uploadlinks .p-content > div {
  width: 600px;
}
.b-portal .settings-portals .p-content #pContent,
.b-portal .settings-uploadlinks .p-content #pContent {
  /* prevent user selection */
  -moz-user-select: -moz-none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* default */
  font-size: 14px;
  color: #555;
  text-decoration: none;
}
.b-portal .settings-portals .p-content #pContent ul,
.b-portal .settings-uploadlinks .p-content #pContent ul {
  margin: 0;
  padding: 0;
  list-style: none;
  border: none;
  overflow: visible;
}
.b-portal .settings-portals .p-content #pContent li,
.b-portal .settings-uploadlinks .p-content #pContent li {
  position: relative;
  padding: 4px 0 0 0px;
  line-height: 20px;
  font-size: 14px;
  color: #666;
  white-space: nowrap;
}
.b-portal .settings-portals .p-content #pContent li > div,
.b-portal .settings-uploadlinks .p-content #pContent li > div {
  border-radius: 14px;
}
.b-portal .settings-portals .p-content #pContent li i,
.b-portal .settings-uploadlinks .p-content #pContent li i {
  font-size: 20px;
}
.b-portal .settings-portals .p-content #pContent li i,
.b-portal .settings-uploadlinks .p-content #pContent li i,
.b-portal .settings-portals .p-content #pContent li span,
.b-portal .settings-uploadlinks .p-content #pContent li span {
  cursor: pointer;
  max-width: 520px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
  vertical-align: middle;
}
.b-portal .settings-portals .p-content #pContent li span,
.b-portal .settings-uploadlinks .p-content #pContent li span {
  line-height: 32px;
  font-size: 14px;
}
.b-portal .settings-portals .p-content .icon-remove,
.b-portal .settings-uploadlinks .p-content .icon-remove {
  position: absolute;
  top: 6px;
  right: 10px;
}
.b-portal .settings-portals .p-content .icon-s-eye-off,
.b-portal .settings-uploadlinks .p-content .icon-s-eye-off {
  position: absolute;
  top: 6px;
  right: 8px;
  font-size: 18px!important;
}
.b-portal .settings-portals .p-content .icon-s-eye-on,
.b-portal .settings-uploadlinks .p-content .icon-s-eye-on {
  position: absolute;
  top: 6px;
  right: 8px;
  font-size: 12px!important;
}
.b-portal.c-portal {
  left: 345px;
}
.b-portal.c-portal .b-portal-box {
  border: none;
}
.b-portal.c-portal .header .header-title {
  padding-left: 0px!important;
}
.b-portal.c-portal .nav {
  margin-left: 0px;
}
.b-portal.c-portal .portalInfoForm {
  padding-left: 0px;
}
.b-portal.c-portal .info-tab.portalInfoForm {
  margin-left: -15px;
}
.b-portal.c-portal .basic-morelist .morelist-view {
  padding-left: 0px;
}
.b-portal.c-portal .morelist-view.scroll-body .table-content {
  padding-left: 0px;
}
.b-portal .settings-portals .save,
.b-portal .settings-uploadlinks .save {
  margin-right: 0px!important;
}
.b-portal .settings-portals .cancel-btn-group,
.b-portal .settings-uploadlinks .cancel-btn-group {
  position: absolute;
  right: 0;
  top: -5px;
}
.b-portal .settings-portals .cancel-btn-group .cancel,
.b-portal .settings-uploadlinks .cancel-btn-group .cancel {
  margin-right: 10px;
}
.b-portal .del {
  width: 20px;
  display: inline-block;
}
.b-portal .item {
  height: 30px;
  padding-top: 10px;
}
.b-portal .portalInfoForm {
  padding-left: 20px;
  padding-top: 30px;
  padding-bottom: 15px;
}
.b-portal .portalInfoForm .m-10 {
  margin-top: 10px;
}
.b-portal .portalInfoForm .branding-left,
.b-portal .portalInfoForm .branding-right {
  height: 100%;
}
.b-portal .portalInfoForm .item-text {
  max-width: 90%;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.b-portal .configuration li {
  float: left;
  margin-right: 20px;
  height: 40px;
}
.b-portal .configuration .third {
  font-size: 32px;
}
.b-portal .second-title {
  border-bottom: 1px solid #ddd;
  line-height: 40px;
  margin-top: 15px;
}
.b-portal .c-select {
  display: inline-block;
  line-height: 32px;
  width: 100%;
}
.b-portal .lp {
  padding-left: 0px;
  padding-right: 0px;
  margin-bottom: 0px;
  height: calc(100vh - 240px);
  margin-left: 40px;
  margin-right: 40px;
}
.b-portal .lp > .col-xs-12 {
  padding: 0 0 0 20px;
}
.b-portal .lp .full-icon {
  border: 1px solid;
  padding: 4px;
  border-radius: 5px;
  margin-right: 20px;
}
.b-portal .w-lp {
  padding-left: 20px;
  padding-right: 0px;
  margin-bottom: 20px;
  margin-right: 40px;
}
.b-portal .mess {
  height: 65px;
}
.b-portal .w-msg {
  padding-top: 30px;
}
.b-portal .w-msg .msg {
  float: left;
}
.b-portal .item-sc {
  padding-top: 10px;
  cursor: default;
}
.b-portal .clone-portal .clone-title {
  padding-left: 20px;
}
.b-portal .clone-portal .input-group {
  padding-top: 0;
  padding-bottom: 30px;
  padding-left: 10px;
  width: 45%;
}
.b-portal .clone-portal .input-group .col-xs-6:first-child {
  padding-left: 20px;
}
.b-portal .clone-portal .error-msg {
  color: #ff0000;
}
.b-portal .clone-portal .clone-item {
  margin-right: 40px;
}
.b-portal .w-450 {
  width: 450px;
}
.b-portal .m-450 {
  min-width: 450px;
}
.b-portal .m-10 {
  margin-left: 10px;
}
.b-portal .preset-btn {
  position: absolute;
  top: 30px;
  margin-left: 10px;
}
.b-portal .morelist-view.scroll-body {
  width: 100%;
  height: calc(100vh - 193px);
  max-height: 535px;
  overflow: hidden;
  position: relative;
}
.b-portal .morelist-view.scroll-body .table-content {
  position: absolute;
  left: 0;
  top: 55px;
  bottom: 10px;
  width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  padding-left: 20px;
  padding-right: 20px;
}
.b-portal .morelist-view.scroll-body .page-number {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 36px;
}
.op08 {
  opacity: 0.8;
}
.presetItem {
  height: 60px;
  vertical-align: middle;
  padding: 20px;
}
.user-group-access {
  padding-left: 40px;
  padding-right: 40px;
  width: 100%;
  height: calc(100vh - 240px);
  max-height: 530px;
  overflow: hidden;
  position: relative;
}
.user-group-access .scroll-bar {
  position: absolute;
  left: 0;
  top: 115px;
  bottom: 40px;
  width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  padding-left: 40px;
  padding-right: 40px;
}
.user-group-access .paging-access {
  text-align: center;
  position: absolute;
  width: 100%;
  bottom: -5px;
}
.user-group-access tr {
  border: none;
}
.user-group-access thead tr {
  border-bottom: 1px solid #ccc;
}
.user-group-access .table {
  table-layout: fixed;
}
.user-group-access .table th {
  text-transform: capitalize;
  padding-left: 0;
  font-weight: normal;
}
.user-group-access .table thead {
  display: table;
  width: 100%;
  table-layout: fixed;
}
.user-group-access .table > tbody {
  display: block;
  overflow-y: auto;
  overflow-x: hidden;
  font-size: 0px;
}
.user-group-access .table > tbody > tr {
  display: table;
  width: 100%;
}
.user-group-access .table > tbody > tr:last-child {
  border: none;
}
.user-group-access .table > tbody > tr > td {
  padding-left: 0;
  padding-top: 5px;
  padding-bottom: 5px;
  white-space: nowrap;
  overflow: hidden;
  vertical-align: middle;
  font-weight: normal;
  text-overflow: ellipsis;
  display: inline-block;
  font-size: 14px;
  border: none;
}
.user-group-access .table > tbody > tr > td:last-child {
  padding-right: 15px;
}
.user-group-access .table > tbody > tr > td.action-col {
  text-align: right;
}
.user-group-access .table > tbody > tr > td div {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.user-group-access .circle-button {
  color: #4A4A4A;
  background: none;
}
.user-group-access .circle-button:hover {
  background: none;
}
.user-group-access .list-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
  margin-top: 20px;
}
.user-group-access .list-header .access-title {
  font-size: 18px;
  color: #4A4A4A;
  font-weight: normal;
}
.user-group-access .list-header .search-add-group {
  display: inline-block;
}
.user-group-access .list-header .search-add-group input {
  margin-bottom: 0;
  margin-right: 25px;
}
.f-s-0 {
  font-size: 0px;
}
.mt5 {
  margin-top: 5px;
}
.mb5 {
  margin-bottom: 5px;
}
.p_c_opt {
  width: 170px;
  display: inline-block;
  text-align: right;
  font-size: 0px;
}
.p_c_opt .sort-active span {
  color: #4A4A4A!important;
}
.p_c_opt > div {
  margin: auto;
  width: 40px;
  display: inline-block;
  text-align: left;
}
.p_c_opt > div span:first-child {
  font-weight: bold;
  font-size: 15px;
  color: #ccc;
  display: inline-block;
}
.p_c_opt > div .icon-s-arrow-24 {
  font-weight: lighter;
  font-size: 14px;
  display: inline-block;
}
.b-portal.c-portal .d-portal .portalInfoForm[name] {
  margin-left: -15px;
}
.b-portal.c-portal .d-portal .nav {
  margin-right: 0px;
}
.b-portal.c-portal .d-portal .cus-lan {
  padding-left: 0px;
  margin-left: -15px;
  margin-right: 0px;
}
.b-portal.c-portal .d-portal .user-group-access {
  padding-left: 0px;
  padding-right: 0px;
}
.b-portal.c-portal .showList {
  margin-left: 0px;
}
.addAlbum {
  padding-right: 0px!important;
}
.addAlbum .p_c_opt {
  width: auto;
  float: right;
  padding-top: 6px;
}
.addAlbum .p_c_opt > div {
  width: 35px;
}
.subject {
  font-size: 0px;
}
.subject .s-txt {
  position: relative;
  margin-top: 20px;
  line-height: 25px;
  width: 307.2px;
  display: inline-block;
  margin-bottom: 10px;
}
.subject .s-txt .st-top {
  min-height: 20px;
}
.subject .icon-s-Edit_16 {
  color: #626262;
  font-weight: bold;
  font-size: 16px;
}
.subject .trumbowyg-box {
  margin-top: -40px;
  width: 100%;
}
.subject .trumbowyg-box .trumbowyg-button-group {
  text-align: center;
  width: calc(25% - 2px);
}
.subject .trumbowyg-box .trumbowyg-button-group button {
  min-width: 49px;
}
.g-section {
  display: flex;
  flex-direction: column;
  margin-bottom: 20px;
}
.g-section .g-c-title {
  height: 50px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #626262;
  z-index: 60;
}
.g-section .w3 {
  position: relative;
}
.g-section .w3 .trumbowyg-box {
  width: 100%;
  margin-top: -60px;
}
.g-section .w3 .trumbowyg-box .trumbowyg-button-group {
  text-align: center;
  width: calc(25% - 2px);
}
.g-section .w3 .trumbowyg-box .trumbowyg-button-group button {
  min-width: 49px;
}
.g-section .g-c-action {
  flex-grow: 1;
  text-align: right;
}
.g-section .g-c-action span {
  margin-right: 20px;
  display: inline-block;
}
.g-section .icon-s-Edit_16 {
  color: #626262;
  font-weight: bold;
  font-size: 16px;
}
.g-section .g-c-body {
  border: 1px solid #ddd;
  padding: 20px 0px;
  border-radius: 5px;
  background-color: #F4F6F9;
  display: flex;
  flex-direction: row;
  min-height: 300px;
  z-index: 30;
}
.g-section .g-c-body textarea {
  width: 100%;
}
.g-section .g-c-body .landing-template-container .tpl-section .tpl-item .tpl-item-title {
  height: auto;
  line-height: 1.5;
}
.g-section .w5 {
  width: 50px;
}
.g-section .pl2 {
  padding-left: 20px;
  padding-right: 20px;
}
.g-section .p-desc {
  padding-left: 20px;
  padding-right: 20px;
}
.g-section .p-desc.copy_desc .trumbowyg-box {
  left: 20px;
  position: absolute;
}
.g-section .p-desc.copy_desc .trumbowyg-box .trumbowyg-editor {
  min-height: 170px;
}
.g-section .p-desc .trumbowyg-box {
  margin-top: 0px;
  left: calc(50% + 20px);
}
.g-section .p-desc .trumbowyg-button-pane {
  padding-left: 1px;
}
.g-section .p-desc .trumbowyg-button-pane .trumbowyg-button-group {
  width: calc(25% - 3px);
}
.g-section .p-desc .trumbowyg-button-pane .trumbowyg-button-group:nth-child(5)::before {
  background: none;
  margin: 0 2px;
}
.g-section .p-desc .trumbowyg-button-pane .trumbowyg-button-group:nth-child(1)::before {
  display: inline-block;
  width: 1px;
  margin: 0 2px;
  height: 35px;
  vertical-align: top;
  content: ' ';
}
.g-section .words {
  word-break: break-word;
}
.g-section .pre-wrap {
  white-space: pre-wrap;
}
.g-section .g-c-four {
  display: flex;
  padding-right: 20px;
  flex-wrap: wrap;
  flex: 1;
  max-width: 1120px;
}
.g-section .g-c-four > div {
  display: flex;
  width: 190px;
  justify-content: center;
  align-items: center;
  margin-right: 30px;
}
.g-section .g-c-four > div.font {
  width: 245px;
  height: 245px;
}
.g-section .g-c-add {
  display: flex;
  flex-direction: column;
  text-align: center;
  justify-content: center;
  border: dotted 1px #b6b6b6;
  width: 100%;
  height: 100%;
  position: relative;
}
.g-section .g-c-add .icon-s-Uploadicon-56 {
  font-size: 80px;
}
.g-section .g-c-add .add {
  margin-top: 15px;
}
.g-section .g-c-add .color-input {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background: transparent;
  opacity: 0;
  top: 0;
}
.g-section .g-c-edit {
  width: 100%;
  position: relative;
}
.g-section .g-c-edit .g-c-e-color {
  display: flex;
  justify-content: center;
  align-items: center;
  border: dotted 1px #b6b6b6;
  height: 150px;
}
.g-section .g-c-edit .icon-s-Delete_16,
.g-section .g-c-edit .icon-s-pencil-16 {
  display: none;
}
.g-section .g-c-edit .icon-s-pencil-16 {
  padding-left: 40px;
}
.g-section .g-c-edit .col_item_icons {
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  justify-content: center;
  align-items: center;
}
.g-section .g-c-edit .icon-s-Delete_16,
.g-section .g-c-edit .icon-s-pencil-16 {
  color: #FFF;
  z-index: 10;
  font-size: 20px;
  width: 40px;
  background-color: #adadad;
  height: 40px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 10px;
}
.g-section .g-c-edit .color-hex {
  padding: .5em 0;
}
.g-section .g-c-edit .color-vector-wrap {
  height: 8em;
}
.g-section .g-c-edit .color-vector-wrap.-static {
  width: calc(100% + 30px);
}
.g-section .g-c-edit .color-vector {
  border-radius: 5px;
  border: 1px solid #dddddd;
  float: left;
  height: 100%;
  padding: 0 .5em 0 .5em;
  width: 46%;
}
.g-section .g-c-edit .color-vector:last-child {
  float: right;
}
.g-section .g-c-edit .color-vector span {
  display: block;
}
.g-section .g-c-edit .color-vector span.percent {
  display: inline-block;
}
.g-section .g-c-edit .color-vector span.percent-size {
  font-weight: normal;
  font-size: 12px;
}
.g-section .g-c-edit .color-vector input {
  width: 60%;
  border-radius: 5px;
  padding: 5px !important;
}
.g-section .g-c-edit .color-vector.-fold {
  height: auto;
  padding: 0;
  text-align: center;
}
.g-section .g-c-edit .color-vector.-static {
  float: left;
  white-space: nowrap;
  margin-right: 5%;
  width: 45%;
}
.g-section .g-c-edit .color-vector ._color-space-toggle {
  margin: 3px;
  font-size: 15px;
}
.g-section .g-c-edit .color-vector .icon-add {
  font-size: 9px;
  vertical-align: 2px;
  padding-right: .1em;
}
.g-section .g-c-edit ._close-color-space {
  text-align: right;
  margin-top: .3em;
  margin-bottom: -1em;
  color: silver;
  font-size: 10px;
}
.g-section .mask {
  position: absolute;
  top: 0px;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 5;
}
.g-section .mask input {
  display: block;
  position: relative;
  left: -32px;
  border-radius: 20px;
  opacity: 0;
  height: 100%;
  width: 100%;
  border-radius: 0;
  cursor: pointer;
}
.g-section .album-name {
  position: absolute;
  left: 10px;
  bottom: 10px;
  word-break: break-word;
  font-size: 15px;
  color: white;
  text-align: left;
}
.g-section .w-180 {
  width: 190px;
  height: 190px;
}
.g-section .w-240 {
  width: 245px;
  height: 245px;
}
.g-section .g-c-e-content {
  padding-top: 10px;
  display: flex;
  flex-direction: column;
}
.g-section .g-c-e-content input {
  width: 100%;
  margin-bottom: 0px;
}
.g-section .g-c-e-content span {
  margin-top: 8px;
}
.g-section .g-e-field {
  padding-top: 10px;
}
.g-section .g-e-field > div {
  display: flex;
  align-items: center;
  margin-top: 10px;
}
.g-section .g-e-field .type-field {
  text-transform: capitalize;
  width: 45px;
}
.g-section .g-e-field input {
  margin-bottom: 0px;
  flex-grow: 1;
  width: calc(100% - 50px);
}
.g-section .album-cover {
  max-height: 100%;
}
.g-section .g-imagery-edit {
  flex-grow: 1;
  display: flex;
  padding-right: 20px;
  flex-wrap: wrap;
}
.g-section .g-imagery-edit .copy {
  display: none;
}
.g-section .editor-run .d-content {
  display: none;
}
.g-section .g-c-desc .trumbowyg-box,
.g-section .g-c-desc .trumbowyg-editor {
  position: relative;
  left: 0px;
  margin-top: 0px;
  transform: none;
  background-color: #f9f9f9;
  width: 100%;
  z-index: 2;
  min-height: 250px;
}
.g-section .g-desc-edit {
  flex-grow: 1;
  display: flex;
  padding-right: 20px;
  flex-wrap: wrap;
  max-width: 1120px;
}
.g-section .g-desc-edit .d-content {
  min-height: 132px;
  border: 1px solid #ddd;
  width: 100%;
  margin-bottom: 10px;
  padding: 10px;
  border-radius: 5px;
  word-wrap: break-word;
  line-height: 1.5;
  font-size: 20px;
}
.g-section .g-desc-edit p {
  margin: 0px;
}
.g-section .landing-template-container .tpl-section:first-child {
  margin-top: 0px;
}
.g-section .trumbowyg-box {
  width: calc(100% - 30px);
}
.g-section .nl-s-title {
  padding-right: 150px;
  line-height: 1.5;
}
.g-section .nl-s-title.editor-run .d-title {
  display: none;
}
.g-section .tpl-item-title {
  margin-top: 10px;
}
.g-section .tpl-section-row {
  padding-top: 0px;
}
.add-guid {
  display: flex;
  justify-content: flex-end;
  position: relative;
}
.add-guid .a-btn {
  border: 1px solid #ddd;
  height: 30px;
  border-radius: 15px;
  width: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 10px;
  margin-right: 20px;
  padding: 0px 15px;
}
.add-guid .a-btn .a-plus {
  margin-right: 10px;
  font-size: 20px;
}
.add-guid .a-list {
  position: absolute;
  top: -113px;
  z-index: 30;
  right: 20px;
  border: 1px solid #ddd;
  display: flex;
  flex-direction: column;
  background-color: #fff;
}
.add-guid .a-list .a-l-item {
  height: 30px;
  display: flex;
  align-items: center;
  padding: 0px 10px;
}
.add-guid .a-list .a-l-item:hover {
  background-color: #F4F6F9;
}
.guide-body {
  position: absolute;
  top: 65px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  display: flex;
}
.guide-body .left-title {
  height: 100%;
  display: flex;
  flex-shrink: 0;
  flex-direction: column;
  padding-left: 60px;
  padding-top: 40px;
  overflow-y: auto;
}
.guide-body .left-title > div {
  min-height: 45px;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  padding: 10px 0px;
}
.guide-body .left-title > div .arrow {
  width: 20px;
}
.guide-body .left-title .select {
  color: #009feb;
}
.guide-body .left-title .name {
  font-size: 18px;
  font-weight: normal;
  line-height: 25px;
  margin-right: 10px;
  word-break: break-word;
}
.guide-body .p40 {
  padding-left: 40px;
}
.guide-body .right-content {
  height: 100%;
  flex-grow: 1;
  display: flex;
  flex-basis: auto;
  flex-direction: column;
  padding-top: 40px;
  flex-shrink: 0;
  z-index: 1;
}
.guide-body .right-content #scrollContent {
  overflow-y: auto;
  width: 100%;
  position: relative;
}
.guide-body .right-content .title-section {
  padding-right: 10px;
}
.guide-body .right-content .title-section button {
  border-radius: 15px;
}
.guide-body .right-content .title {
  line-height: 40px;
  font-weight: lighter;
  font-size: 32px;
  float: left;
}
.guide-body .right-content .last-section .g-section .g-c-body {
  border-bottom: 0px;
}
.guide-body .right-content .g-section .g-c-body {
  background-color: transparent;
  border: 0px;
  border-bottom: 1px solid #ddd;
  border-radius: 0;
  min-height: 200px;
}
.guide-body .right-content .g-section .words {
  display: flex;
  flex-direction: column;
}
.guide-body .right-content .g-section .words .g-name {
  margin-bottom: 20px;
  line-height: 25px;
}
.guide-body .right-content .g-section .pl2 {
  padding-left: 0px;
}
.guide-body .right-content .g-section .d-content {
  padding: 0px;
  border: none;
}
.guide-body .right-content .g-section .g-c-four {
  padding-right: 0px;
  max-width: 1120px;
}
.guide-body .right-content .g-section .g-desc-edit {
  max-width: 1100px;
}
.guide-body .right-content .landing-template-container .tpl-section .tpl-section-title {
  text-align: inherit;
  line-height: 1.5;
}
.guide-body .right-content .landing-template-container .tpl-section .tpl-section-title p {
  margin: 0px;
}
.guide-body .right-content .landing-template-container .tpl-section .tpl-item .tpl-item-title {
  margin-top: 10px;
}
.guide-body.branding {
  top: 25px;
}
.guide-body.branding .left-title > div {
  padding-left: 15px;
}
.guide-body.branding .left-title > div:first-child {
  padding-left: 0px;
}
.guide-body.branding .s-title {
  line-height: 40px;
  font-weight: lighter;
  font-size: 32px;
  float: left;
}
.guide-body.branding .left-title {
  width: 20%;
  padding-left: 40px;
}
.guide-body.branding .right-content {
  width: 80%;
  padding-left: 40px;
}
.guide-body.branding .w25 {
  width: 25%;
}
.guide-body.branding .g-section .g-c-four > div {
  align-items: flex-start;
}
.guide-body.branding .g-c-body {
  border: 0px !important;
}
.crop-s {
  display: flex;
  flex-direction: column;
  float: left;
}
.crop-s > div {
  display: flex;
}
.crop-s .crop-s-w {
  display: flex;
  font-weight: bold;
}
.crop-s .crop-s-s {
  display: flex;
  font-weight: lighter;
  font-size: 12px;
  margin-top: 2px;
}
.icon-s-egnyte-32 {
  background-color: #00968f;
  border-radius: 16px;
  width: 32px;
  height: 32px;
  padding: 6px;
  font-size: 20px!important;
  float: left;
}
.icon-s-egnyte-32:before {
  content: "\e9da";
  color: white!important;
}
.icon-s-egnyte-32.checkbox-s-color {
  background-color: #4a4a4a;
}
.icon-s-onedrive-32 {
  width: 30px;
  height: 30px;
  display: inline-block;
  background-color: #1565c0;
  border-radius: 50%;
  background-size: 40px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="36px" height="36px"><path fill="%23FFF" d="M40.429,35.999c0,0,2.89-0.393,3.47-3.185C43.964,32.502,44,32.161,44,31.787 c0-0.233-0.015-0.454-0.044-0.665c-0.428-3.158-3.852-3.868-3.852-3.868s0.595-3.401-2.543-5.183c-3.138-1.78-6.005,0-6.005,0 s-1.678-3.401-6.222-3.401c-5.843,0-6.817,6.64-6.817,6.64S13,25.636,13,30.493C13,35.352,18.031,36,18.031,36L40.429,35.999 L40.429,35.999z"/><path fill="%23FFF" d="M11,30.493c0-4.395,3.286-6.319,5.875-6.945c0.898-2.954,3.384-6.878,8.46-6.878 c0.006,0,0.011,0.001,0.017,0.001c0.007,0,0.013-0.001,0.02-0.001c3.522,0,5.71,1.646,6.892,2.953 c0.65-0.191,1.448-0.343,2.347-0.343c0.004,0,0.007,0.001,0.011,0.001c0.003,0,0.006,0,0.01,0c0.02,0,0.039,0.004,0.059,0.004 C34.729,19,34.063,12,26.013,12c-5.503,0-7.446,4.691-7.446,4.691s-3.992-2.965-8.092,1.133c-2.105,2.104-1.619,5.338-1.619,5.338 S4,23.648,4,28.825C4.001,33.515,9.018,34,9.018,34h2.807C11.32,33.041,11,31.886,11,30.493z"/></svg>');
  background-size: 26px;
}
.icon-s-onedrive-32.checkbox-s-color {
  background-color: #4a4a4a;
}
.icon-s-sharepoint-32 {
  border-radius: 16px;
  background-color: #34c7d1;
  width: 32px;
  height: 32px;
  padding: 6px;
  font-size: 20px!important;
  float: left;
}
.icon-s-sharepoint-32:before {
  content: "\e9ee";
  color: white!important;
}
.icon-s-sharepoint-32.checkbox-s-color {
  background-color: #4a4a4a;
}
.ui-dialog.ui-colorpicker {
  box-shadow: 0 0 10px #aaa;
  z-index: 9999 !important;
}
.ui-dialog.ui-colorpicker:focus {
  outline: -webkit-focus-ring-color auto 1px;
}
.ui-dialog.ui-colorpicker .ui-button {
  border: none;
  background: transparent;
}
.ui-dialog.ui-colorpicker .ui-colorpicker-ok,
.ui-dialog.ui-colorpicker .ui-colorpicker-cancel {
  padding: 0.5em 0.8em;
  font-weight: bold;
  font-size: 14px;
  min-width: 80px;
  border-radius: 25px;
  font-family: 'canto-font';
  color: #fff;
  float: left;
  margin: 5px 10px 5px 10px;
  background: #b6bbc1;
  text-align: center;
  text-decoration: none !important;
}
.cd-part {
  font-weight: 400;
  line-height: 18px;
}
.cd-part .cd-ena {
  margin-top: 20px;
  display: flex;
  align-items: center;
}
.cd-part .cd-ena span {
  margin-right: 10px;
}
.cd-part2 .cd-title {
  margin-top: 20px;
  font-weight: 600;
}
.cd-part2 .cd-title2 {
  margin-top: 30px;
  font-weight: 600;
}
.cd-part2 .cd-txt {
  width: 100%;
  margin-bottom: 0px;
  font-weight: 400;
}
.cd-part2 .cd-num {
  float: right;
  font-weight: 400;
  font-size: 12px;
}
.cd-part2 .cd-editor {
  height: 220px;
  position: relative;
  font-weight: 400;
}
.cd-part2 .cd-editor .trumbowyg-box {
  width: 596px;
  margin-top: 0px;
}
.cd-part2 .cd-editor .trumbowyg-box button {
  padding: 0px 16px!important;
}
.cd-part2 .cd-editor .trumbowyg-button-group:last-child::after {
  display: inline-block;
  width: 1px;
  margin: 0 2px;
  height: 35px;
  vertical-align: top;
  content: ' ';
  background: #d7e0e2;
}
.cd-part2 .cd-editor .cd-num1 {
  position: absolute;
  bottom: 0px;
  right: 0px;
  font-weight: 400;
  font-size: 12px;
}
.cd-preview {
  display: flex;
  align-items: center;
  height: 32px;
  float: left;
  color: #4a4a4a;
}
.cd-preview .cd-pre-text {
  font-weight: 500;
  margin-left: 10px;
}
.add1-dialog {
  top: 30px!important;
}
.add1-dialog .modal-body {
  max-height: 490px;
}
.preview-disclosure {
  top: 90px!important;
}
.preview-disclosure.modal .modal-dialog {
  width: 676px;
}
.preview-disclosure.modal .modal-dialog .modal-body .message {
  font-weight: 400;
  white-space: pre-wrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.h45 {
  height: 45px;
}
.tooltip-inner {
  background-color: rgba(27, 46, 64, 0.6) !important;
  /* 60% transparent dark blue */
  color: white !important;
  border-radius: 4px;
  padding: 2px 8px;
  font-size: 14px;
  font-family: 'Roboto', sans-serif !important;
  max-width: 400px !important;
  white-space: normal !important;
  word-break: break-word;
}
.tooltip {
  top: auto !important;
  left: auto !important;
  transform: translateY(9px) translateX(21px) !important;
  font-family: 'Roboto', sans-serif !important;
}
.tooltip.top {
  padding: 0px !important;
  margin-top: 0px !important;
}
.tooltip-arrow {
  display: none !important;
}
.deleteConfirm1 {
  line-height: 25px;
  text-align: left;
  font-size: 16px;
  margin-bottom: 10px;
}
.deleteConfirm0 {
  height: 50px;
  font-size: 16px;
  margin-top: 20px;
}
.keywords-setting .setting-left {
  width: auto;
  overflow: hidden;
  float: none;
  height: auto;
}
.keywords-setting .setting-left .keywords-container .range-picker {
  padding-left: 20px;
  padding-top: 20px;
  padding-bottom: 10px;
}
.keywords-setting .setting-left .keywords-container .table {
  table-layout: fixed;
}
.keywords-setting .setting-left .keywords-container .table td {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  height: 86px;
  vertical-align: middle;
}
.keywords-setting .setting-left .keywords-container .table th {
  text-transform: uppercase;
}
.keywords-setting .setting-left .keywords-container .table .circle-button {
  color: black;
}
.keywords-setting .setting-left .keywords-container .table .update-button {
  color: #fff;
  background-color: #9ad230;
}
.keywords-setting .setting-left .keywords-container .table .has-tips td {
  height: 48px;
  border-top: none;
  padding: 5px 12px 20px;
}
.keywords-setting .setting-left .keywords-container .table .has-tips button {
  width: 100%;
}
.keywords-setting .setting-left .keywords-container .table input {
  width: 100%;
}
.keywords-setting .setting-left .keywords-container .table .left-button {
  margin-right: 10px;
}
.keywords-setting .setting-left .keywords-container .action-col {
  text-align: right;
  min-width: 130px;
}
.keywords-setting .setting-left .keywords-container .b-20 {
  margin-bottom: 10px;
}
.keywords-setting .setting-left .keywords-container .page-btn-group {
  display: inline-block;
  line-height: 32px;
  margin: 0 20px;
  cursor: pointer;
}
.keywords-setting .setting-left .keywords-container .page-btn-group.disabled {
  opacity: 0.5;
  background-color: inherit!important;
}
.keywords-setting .setting-left .keywords-container .page-btn-group [class^="icon-"] {
  font-size: 32px;
}
.keywords-setting .setting-right {
  width: 460px;
  height: auto;
  min-height: 100%;
}
.basic-keywords .select-wrap {
  width: 100% !important;
}
.basic-keywords .btn-add {
  max-width: 50%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.basic-keywords .table-layout {
  height: calc(100% - 136px);
  position: absolute;
  display: block;
}
.basic-keywords .table-layout > tbody {
  height: calc(100% - 43px);
}
.customfield-setting .setting-left {
  width: auto;
  overflow: hidden;
  float: none;
}
.customfield-setting .setting-left .customfield-container .table {
  table-layout: fixed;
}
.customfield-setting .setting-left .customfield-container .table td {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  height: 86px;
  vertical-align: middle;
}
.customfield-setting .setting-left .customfield-container .table th {
  padding: 12px 20px 0;
  text-transform: uppercase;
}
.customfield-setting .setting-left .customfield-container .table .circle-button {
  color: black;
}
.customfield-setting .setting-left .customfield-container .table .update-button {
  color: #fff;
  background-color: #9ad230;
}
.customfield-setting .setting-left .customfield-container .table .has-tips td {
  border-top: none;
  padding: 0 20px;
  height: 60px;
}
.customfield-setting .setting-left .customfield-container .table .has-tips button {
  width: 100%;
}
.customfield-setting .setting-left .customfield-container .table input,
.customfield-setting .setting-left .customfield-container .table select {
  width: 100%;
  height: 32px;
}
.customfield-setting .setting-left .customfield-container .table .left-button {
  margin-right: 10px;
}
.customfield-setting .setting-left .customfield-container .table select {
  margin-bottom: 5px;
}
.customfield-setting .setting-left .customfield-container .action-col {
  text-align: right;
  min-width: 130px;
}
.customfield-setting .setting-left .customfield-container .action-col left-button {
  padding-right: 15px;
}
.customfield-setting .setting-left .customfield-container .choice-textarea {
  border-radius: 20px;
  margin-top: 2px;
  width: 100%;
  resize: none;
  overflow: auto;
  height: 96px;
}
.customfield-setting .setting-right {
  width: 460px;
}
.customfield-setting .setting-right .crew-description {
  padding: 25px 15px 0 20px;
}
.customfield-setting .setting-right .crew-description section {
  padding-top: 15px;
}
.customfield-setting .setting-right .crew-description section .sub-title {
  padding: 0 0 3px 0;
}
.basic-customfiled .table-layout {
  height: calc(100% - 135px);
  position: absolute;
  display: block;
}
.basic-customfiled .table-layout > tbody {
  height: calc(100% - 10px);
}
.basic-customfiled .table-layout .show-choice-dropdown-items {
  height: calc(100% - 120px);
}
.basic-customfiled .table-with-mult {
  height: calc(100% - 216px);
}
.basic-customfiled .select-wrap {
  width: 100% !important;
}
.basic-customfiled .btn-add {
  max-width: 50%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.basic-customfiled .displayLayoutSec,
.basic-customfiled #displayLayoutSec {
  display: flex;
  align-items: baseline;
}
.basic-customfiled .displayLayoutSec .customFieldType,
.basic-customfiled #displayLayoutSec .customFieldType {
  padding-left: 0;
}
.basic-customfiled .displayLayoutSec .customFieldType .style-title,
.basic-customfiled #displayLayoutSec .customFieldType .style-title {
  font-size: 14px;
  color: #626262;
  font-weight: normal;
  margin-bottom: 20px;
  font-family: 'canto-font';
}
.basic-customfiled .displayLayoutSec .m-layout,
.basic-customfiled #displayLayoutSec .m-layout {
  padding-left: 0;
}
.basic-customfiled .displayLayoutSec #newChoiceLayout,
.basic-customfiled #displayLayoutSec #newChoiceLayout,
.basic-customfiled .displayLayoutSec #choiceLayout,
.basic-customfiled #displayLayoutSec #choiceLayout {
  display: flex;
  justify-content: space-between;
}
.basic-customfiled .displayLayoutSec #newChoiceLayout div,
.basic-customfiled #displayLayoutSec #newChoiceLayout div,
.basic-customfiled .displayLayoutSec #choiceLayout div,
.basic-customfiled #displayLayoutSec #choiceLayout div {
  margin-right: 0;
}
.basic-customfiled .displayLayoutSec #choiceLayout,
.basic-customfiled #displayLayoutSec #choiceLayout,
.basic-customfiled .displayLayoutSec #choiceLayout > div,
.basic-customfiled #displayLayoutSec #choiceLayout > div {
  overflow: unset;
}
.basic-customfiled .choice-textarea {
  margin-top: 2px;
  width: 100%;
  resize: none;
  overflow: auto;
  height: 96px;
}
.basic-customfiled .save-sort-btn {
  padding-right: 10px;
  position: absolute;
  right: 0;
  top: -10px;
}
.basic-customfiled .save-sort-btn .left-button {
  padding-right: 15px;
}
.basic-customfiled .m-layout .ml-title {
  font-size: 15px;
  color: #626262;
  font-weight: normal;
  margin-bottom: 20px;
}
.basic-customfiled .m-layout .ml-option {
  margin-bottom: 30px;
  display: flex;
}
.basic-customfiled .m-layout .ml-option .ml-lay {
  font-size: 45px;
  color: #9b9b9b;
}
.basic-customfiled .m-layout .ml-option > div {
  position: relative;
  margin-right: 70px;
}
.basic-customfiled .m-layout .ml-option .icon-s-Ok2_32 {
  position: absolute;
  right: -8px;
  bottom: -8px;
  font-size: 18px;
  color: #009feb;
  background-color: white;
}
.basic-customfiled .m-layout .ml-option .ml-lay.selected {
  color: #4a4a4a;
}
.basic-customfiled .cf-sorting {
  display: flex;
  margin-top: 25px;
  flex-direction: column;
}
.basic-customfiled .cf-sorting div {
  display: flex;
}
.basic-customfiled .cf-sorting .cf-s-head {
  width: 100%;
}
.basic-customfiled .cf-sorting .cf-s-head-1 {
  width: 50%;
  justify-content: space-between;
  align-items: center;
  padding: 0 20px;
}
.basic-customfiled .cf-sorting .cf-s-lsit {
  margin-top: 20px;
  border: 1px solid #ddd;
  height: calc(100vh - 430px);
  border-radius: 4px;
}
.basic-customfiled .cf-sorting .cf-s-sections,
.basic-customfiled .cf-sorting .cf-s-cumf {
  width: 50%;
  flex-direction: column;
  padding-top: 10px;
  overflow-y: auto;
}
.basic-customfiled .cf-sorting .cf-s-sections {
  justify-content: space-between;
}
.basic-customfiled .cf-sorting .cf-s-area {
  flex-direction: column;
  overflow-y: auto;
}
.basic-customfiled .cf-sorting .cf-s-cumf {
  border-left: 1px solid #ddd;
}
.basic-customfiled .cf-sorting .cf-tip {
  margin: 10px 0 10px 20px;
}
.basic-customfiled .cf-sorting .cf-s-item {
  height: 45px;
  align-items: center;
  border: 1px solid #ddd;
  margin: 5px 20px;
  padding: 0px 10px;
  border-radius: 4px;
  flex-shrink: 0;
}
.basic-customfiled .cf-sorting .cf-s-item .cf-item-left {
  width: 50%;
}
.basic-customfiled .cf-sorting .cf-s-item .cf-item-right {
  width: 50%;
  justify-content: space-between;
}
.basic-customfiled .cf-sorting .cf-s-item .selectIcon {
  visibility: hidden;
}
.basic-customfiled .cf-sorting .cf-s-item.cf-item-selected {
  background-color: #eee;
}
.basic-customfiled .cf-sorting .cf-s-item.cf-item-selected .selectIcon {
  visibility: visible;
}
.basic-customfiled .cf-sorting .dndPlaceholder {
  background-color: #eee;
  min-height: 46px;
  border-radius: 4px;
  display: flex;
  position: relative;
  margin: 5px 20px;
}
.basic-customfiled .waring-tooltip {
  width: 150px;
}
.basic-customfiled .waring-tooltip .tooltip-inner {
  text-align: left;
}
.info-page-layout {
  min-width: 1280px;
}
.info-page-layout .setting-left {
  background: #fff;
  float: none;
  width: auto;
  overflow: hidden;
  margin-left: 20px;
}
.info-page-layout .container-title {
  font-weight: bold;
  font-size: 12px;
  line-height: 30px;
  border-bottom: solid 1px #dddddd;
  padding: 10px 20px;
}
.info-page-layout .gridster-container {
  padding-bottom: 20px;
  width: 610px;
  float: left;
}
.info-page-layout .gridster-container.preview-tab {
  width: 420px;
}
.info-page-layout .gridster-container.metadata-tab {
  width: 420px;
}
.info-page-layout .gridster-container.metadata-tab-edit {
  width: 420px;
}
.info-page-layout .gridster-container.filter-tab {
  width: 420px;
}
.info-page-layout .gridster-container.filter-image-tab {
  width: 420px;
}
.info-page-layout .gridster-container .gridster1 {
  width: 660px;
  min-height: 470px;
  margin: 0 auto;
  -webkit-transition: opacity .6s;
  -moz-transition: opacity .6s;
  -o-transition: opacity .6s;
  -ms-transition: opacity .6s;
  transition: opacity .6s;
}
.info-page-layout .gridster-container .gridster1 .layout-box {
  border: 1px solid #ddd;
  width: 370px;
  margin-top: 10px;
  padding-bottom: 15px;
  min-height: 200px;
}
.info-page-layout .gridster-container .gridster1 .layout-box .box-title {
  background-color: #eeeeee;
  padding: 10px 15px;
  font-size: 16px;
  font-weight: 700;
}
.info-page-layout .gridster-container .gridster1.metadata-layout {
  width: 420px;
}
.info-page-layout .gridster-container .gridster1.metadata-layout .gs-w .header .w-title {
  width: 280px;
}
.info-page-layout .gridster-container .gridster1.metadata-layout li .icon-move {
  left: 165px;
}
.info-page-layout .gridster-container .gridster1 * {
  margin: 0;
  padding: 0;
}
.info-page-layout .gridster-container .gridster1 .gs-w {
  cursor: pointer;
  border: 1px solid #ddd;
  background: #fff;
  color: #4A4A4A;
}
.info-page-layout .gridster-container .gridster1 .gs-w .header {
  background: #ddd;
  height: 24px;
  line-height: 24px;
  text-align: left;
  font-size: 14px;
  cursor: default;
}
.info-page-layout .gridster-container .gridster1 .gs-w .header .w-title {
  width: 150px;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: bold;
  padding: 0 5px;
}
.info-page-layout .gridster-container .gridster1 .gs-w .header .btn-delete {
  float: right;
  display: inline-block;
  width: 28px;
  text-align: center;
  cursor: pointer;
  font-size: 24px;
  color: #9B9B9B;
  line-height: 20px;
}
.info-page-layout .gridster-container .gridster1 .gs-w .header .expand-content {
  float: right;
  position: relative;
  color: #9B9B9B;
  font-size: 14px;
  cursor: pointer;
  top: 5px;
  margin-right: 3px;
}
.info-page-layout .gridster-container .gridster1 .dragging {
  opacity: 0.9;
}
.info-page-layout .gridster-container .gridster1 .player {
  background: #fff;
}
.info-page-layout .gridster-container .gridster1 .preview-holder {
  border: 3px dashed #7ed320;
  opacity: initial;
  background: none;
}
.info-page-layout .gridster-container .gridster1 ul {
  list-style-type: none;
}
.info-page-layout .gridster-container .gridster1 li {
  font-size: 1em;
  font-weight: bold;
  text-align: center;
  line-height: 100%;
}
.info-page-layout .gridster-container .gridster1 li .icon-move {
  position: absolute;
  top: 50%;
  left: 78px;
  font-size: 20px;
}
.info-page-layout .gridster-container .gridster1 .separator {
  position: absolute;
  top: 0;
  height: 100%;
  width: 1px;
  background: #DDD;
}
.info-page-layout .gridster-container .gridster1 .error-col1 {
  position: absolute;
  top: 0;
  height: 100%;
  width: 200px;
  background: #f6cdd3;
  display: none;
  left: 1px;
}
.info-page-layout .gridster-container .gridster1 .error-col2 {
  position: absolute;
  top: 0;
  height: 100%;
  width: 200px;
  background: #f6cdd3;
  display: none;
  left: 201px;
}
.info-page-layout .gridster-container .gridster1 .error-col3 {
  position: absolute;
  top: 0;
  height: 100%;
  width: 200px;
  background: #f6cdd3;
  display: none;
  left: 401px;
}
.info-page-layout .gridster-container .gridster1 .empty-hint1 {
  position: absolute;
  top: 0;
  height: 100%;
  width: 200px;
  padding: 100px 30px;
  text-align: center;
  left: 1px;
}
.info-page-layout .gridster-container .gridster1 .empty-hint2 {
  position: absolute;
  top: 0;
  height: 100%;
  width: 200px;
  padding: 100px 30px;
  text-align: center;
  left: 201px;
}
.info-page-layout .gridster-container .gridster1 .empty-hint3 {
  position: absolute;
  top: 0;
  height: 100%;
  width: 200px;
  padding: 100px 30px;
  text-align: center;
  left: 401px;
}
.info-page-layout .gridster-container .gridster1 .icon-s-Add_Section-32 {
  font-size: 32px;
  margin-bottom: 20px;
}
.info-page-layout .hangar-container {
  width: 160px;
  float: left;
}
.info-page-layout .hangar-container.metadata-hanger {
  width: 400px;
}
.info-page-layout .hangar-container.metadata-hanger .hangar-element {
  width: 350px;
}
.info-page-layout .hangar-container.metadata-hanger .hangar-element .w-title {
  width: 315px;
  word-break: break-all;
}
.info-page-layout .hangar-container .hangar-element {
  background: #ddd;
  margin-bottom: 2px;
  height: 32px;
  line-height: 32px;
}
.info-page-layout .hangar-container .hangar-element .w-title {
  width: 135px;
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  padding-left: 8px;
  color: #4A4A4A;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.info-page-layout .hangar-container .hangar-element .btn-add {
  float: right;
  margin-right: 7px;
  width: 15px;
  text-align: center;
  cursor: pointer;
  vertical-align: middle;
  font-size: 30px;
}
.info-page-layout .btn-container {
  padding-bottom: 20px;
  width: 610px;
}
.info-page-layout .btn-container button {
  margin: 0 5px;
}
.info-page-layout hr {
  border: 1px solid #ddd;
  margin: 0;
}
.info-page-layout .bottom-error {
  position: fixed;
  left: 0;
  bottom: 0;
  background: #d0011b;
  color: #fff;
  width: 780px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  z-index: 10;
  display: none;
}
.info-page-layout .setting-right {
  width: 460px;
}
.basic-setting-page-layout {
  min-width: 0;
  position: relative;
}
.basic-setting-page-layout .settings-scroll-view {
  overflow-y: hidden;
}
.basic-setting-page-layout .setting-left .header {
  border-bottom: none;
  padding-left: 0;
  line-height: 1;
  font-weight: 100;
}
.basic-setting-page-layout .setting-left .layout-content {
  width: 100%;
  margin: 0 auto;
  margin-top: 20px;
}
.basic-setting-page-layout .setting-left .tab-content {
  height: calc(100vh - 350px);
  overflow-y: auto;
}
.basic-setting-page-layout .setting-left .clear {
  clear: both;
}
.basic-setting-page-layout .btn-container {
  position: absolute;
  right: -5px;
  top: -14px;
  width: auto;
}
.basic-setting-page-layout .ml-5 {
  margin-left: 5px;
}
.portal-cus-config.info-page-layout {
  padding-top: 20px!important;
  height: calc(100vh - 240px);
  overflow-y: auto;
  margin-right: 40px;
  min-width: 810px;
}
.portal-cus-config.info-page-layout.custom-fields-section {
  overflow-y: hidden;
}
.portal-cus-config.info-page-layout .layout-content {
  width: 100%;
  height: 100%;
}
.portal-cus-config.info-page-layout .custom-fields-layout {
  border: 1px solid #ddd;
  border-radius: 4px;
  height: calc(100% - 50px);
  overflow-y: auto;
  padding-top: 5px;
}
.portal-cus-config.info-page-layout .custom-fields-layout .field-item {
  margin: 10px 0px;
}
.portal-cus-config.info-page-layout .custom-fields-layout .footer-text {
  padding: 20px;
  color: #8a8a8a;
}
.portal-cus-config.info-page-layout .custom-fields-layout .item-text {
  width: 90%;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.portal-cus-config.info-page-layout .custom-fields-display {
  font-weight: bold;
  font-size: 12px;
  line-height: 30px;
  padding: 10px 20px;
}
.selfRegis .icon-s-Date_16 {
  margin-left: -25px;
  margin-right: 15px;
}
.selfRegis .self-title {
  height: 54px;
}
.selfRegis .p-0 {
  padding: 0px;
}
.selfRegis .p-20 {
  padding: 20px 0px;
}
.selfRegis .p-45 {
  padding-top: 45px;
}
.selfRegis .switch {
  margin-left: calc(100% - 90px);
}
.selfRegis .m-15 {
  margin-bottom: 15px;
}
.selfRegis .m-10 {
  margin-bottom: 15px;
}
.selfRegis .m-8 {
  MARGIN-BOTTOM: 8PX;
}
.selfRegis input {
  width: calc(100%*0.4);
  height: 32px;
  vertical-align: middle;
}
.selfRegis .btn1-copy {
  width: 160px;
  vertical-align: middle;
  margin-left: calc(100%*0.05);
}
.selfRegis .m-05 {
  margin-left: calc(100%*0.05);
}
.selfRegis .m-45 {
  margin-left: calc(100%*0.45);
}
.selfRegis .search {
  font-size: 15px;
}
.selfRegis .m-32 {
  vertical-align: middle;
  display: inline-block;
  margin-top: calc(-4.5rem);
}
.selfRegis .f-b {
  font-weight: blod;
}
.selfRegis .setting-right {
  width: 460px;
}
.selfRegis .setting-left {
  width: auto;
  overflow: hidden;
  float: none;
}
.selfRegis .copyMessage {
  vertical-align: middle;
  display: inline-block;
}
.selfRegis .container-fluid {
  padding: 0 20px;
}
.selfRegis .setting-left .btn-default {
  margin: 0 20px;
}
.self-Regist .btn1-copy {
  width: 160px;
  vertical-align: middle;
  margin-left: 20px;
  line-height: 1.2;
}
.self-Regist .section {
  padding-bottom: 0;
  margin-bottom: 25px;
  border-bottom: 1px solid #ddd;
}
.self-Regist .section.check-group {
  border-top: 1px solid #ddd;
  border-bottom: none;
  margin-bottom: 0;
}
.self-Regist .section:first-child {
  padding-top: 20px;
}
.self-Regist .section ._left {
  display: inline-block;
}
.self-Regist .section ._right {
  display: inline-block;
  margin-left: 200px;
}
.self-Regist .section .no-p-left {
  padding-left: 0;
}
.self-Regist .date-expire .expire-layout {
  line-height: 33px;
  margin-top: -5px;
  margin-bottom: -5px;
}
.self-Regist .date-expire .expire-title {
  margin-right: 15px;
}
.self-Regist .date-expire .input-field {
  display: inline-block;
  margin-right: 15px;
}
.self-Regist .register-option {
  margin-right: 25px;
}
.self-Regist .portal-select {
  padding-left: 0;
  margin-top: 20px;
  margin-bottom: 20px;
}
.self-Regist .del {
  width: 20px;
  display: inline-block;
}
.self-Regist .delete-item {
  font-size: 18px;
  position: absolute;
  right: 40px;
}
.self-Regist .add-item {
  position: absolute;
  right: 37px;
  padding: 5px;
  border: 1px solid;
  border-radius: 50%;
  font-size: 14px;
  color: #626262;
}
.self-Regist .add-register-item {
  border-bottom: 1px #ddd dashed;
  margin-top: 20px;
}
.self-Regist .add-register-item:last-child {
  border-bottom: none;
}
.self-Regist .add-register-item:first-child {
  margin-top: 10px;
}
.self-Regist .add-register-item .self-main-portal {
  margin-top: 10px;
  position: relative;
}
.self-Regist .self-regis-using {
  margin-top: 20px;
}
.self-Regist .self-regist-check {
  min-width: 155px;
  display: inline-block;
}
.self-Regist .self-regist-code {
  line-height: 44.5px;
  margin-top: 10px;
}
.self-Regist .self-regist-email {
  line-height: 35px;
  margin-top: 10px;
}
.self-Regist .self-regist-email .self-email-error {
  margin-left: 20px;
  color: red;
}
.self-Regist .self-portal-list {
  max-height: 120px;
  overflow-y: auto;
  padding-top: 5px;
}
.self-Regist .self-regist-form {
  margin-top: 20px;
}
.self-Regist .self-regist-form .sort-icon {
  position: relative;
  width: 18px;
  height: 18px;
  bottom: 3px;
  margin-right: 10px;
  color: #4A4A4A;
}
.self-Regist .self-regist-form .sort-icon.up-arrow {
  margin-right: 18px;
}
.self-Regist .self-regist-form .dis-color {
  color: #b0b0b0;
}
.self-Regist .self-regist-form .circle-button.disabled-color {
  color: #b0b0b0!important;
  cursor: default;
}
.self-Regist .self-regist-form .choice-textarea {
  margin-top: 2px;
  width: 100%;
  resize: none;
  overflow: auto;
  height: 96px;
}
.multi-language .modal-dialog input,
.multi-language .modal-dialog select,
.multi-language .modal-dialog textarea {
  color: #212121 !important;
  background-color: #f9f9f9;
  border-color: #dddddd;
}
.multi-language .modal-dialog .modal-body {
  padding-top: 0px!important;
}
.multi-language .modal-dialog .select-wrap:after {
  background-color: #303030;
  color: #c1c1c1;
}
.settings-uploadlink {
  min-width: 1280px;
}
.settings-uploadlink .setting-left {
  float: none;
  width: auto;
  overflow: hidden;
}
.settings-uploadlink .setting-left .table {
  table-layout: fixed;
}
.settings-uploadlink .setting-left .table th {
  white-space: nowrap;
  text-transform: uppercase;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
}
.settings-uploadlink .setting-left .table td {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  height: 88px;
  vertical-align: middle;
}
.settings-uploadlink .setting-left .table td input {
  margin: 0;
}
.settings-uploadlink .setting-left .section .sub-title {
  display: inline-block;
  margin-bottom: 5px;
  padding: 0;
}
.settings-uploadlink .setting-left .section .content {
  padding-left: 0;
  padding-right: 0;
}
.settings-uploadlink .setting-left .section .content input {
  width: 100%;
}
.settings-uploadlink .setting-left .section .content textarea {
  width: 100%;
  border-radius: 10px;
  border: 1px solid;
  resize: none;
}
.settings-uploadlink .setting-left .section .col-xs-6 {
  padding: 0 20px;
}
.settings-uploadlink .setting-left hr {
  border-top: 1px solid #dddddd;
}
.settings-uploadlink .setting-left a:hover {
  text-decoration: none;
}
.settings-uploadlink .setting-left .edit-Title {
  margin: 15px 20px;
  line-height: 1;
  text-align: left;
  font-size: 14px;
}
.settings-uploadlink .setting-left .margin-40 {
  margin-left: 40px;
}
.settings-uploadlink .setting-left .margin-30 {
  margin-left: 30px;
}
.settings-uploadlink .setting-right {
  width: 460px;
}
.settings-uploadlink .circle-button {
  color: #000;
}
.basic-ecl .setting-content .ecl-content-scroll-view {
  height: calc(100% - 65px);
  overflow-y: auto;
  overflow-x: hidden;
}
.basic-ecl .setting-content .picker {
  display: inline-block;
  position: relative;
}
.basic-ecl .setting-content .filter-btn {
  position: absolute;
  right: 30px;
  color: #626262;
  font-size: 15px;
  font-weight: 300;
  min-width: 60px;
  text-align: left;
  background: none;
}
.basic-ecl .setting-content .filter-btn .report-filter-icon {
  margin-right: 8px;
  font-size: 16px;
}
.basic-ecl .setting-content .filter-btn .allow-icon {
  position: absolute;
  right: 15px;
  font-size: 12px;
}
.basic-ecl .setting-content .filter-containter {
  display: inline-block;
  position: absolute;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 5px;
  right: 30px;
  min-width: 130px;
  margin-top: -5px;
  box-shadow: 3px -3px 16px #dddddd;
}
.basic-ecl .setting-content .filter-containter .filter-item {
  margin: 10px 0px 10px 5px;
}
.basic-ecl .page-btn-group {
  display: inline-block;
  line-height: 16px;
  margin: 0 15px;
  cursor: pointer;
}
.basic-ecl .page-btn-group.disabled {
  opacity: 0.5;
  background-color: inherit!important;
}
.basic-ecl .page-btn-group [class^="icon-"] {
  font-size: 25px;
  border: 2px solid #9B9B9B;
  border-radius: 50%;
}
.basic-ecl .page-btn-group .info-text {
  font-size: 16px;
  font-weight: bold;
  line-height: 30px;
}
.basic-uploadlinks.settings-common input {
  color: unset !important;
  background-color: #f9f9f9;
  border-color: #dddddd;
}
.basic-uploadlinks.settings-common .option-title {
  color: unset;
}
.basic-uploadlinks .uploadlink-col {
  width: calc((100% - 190px)/4);
}
.basic-uploadlinks .edit-uploadlink-col {
  width: calc((100% - 140px)/3);
}
.basic-uploadlinks .edit-upload-title {
  font-size: 20px;
  font-weight: normal;
  color: #626262;
}
.basic-uploadlinks .upload-section-title {
  font-size: 20px;
  font-weight: normal;
  color: #4A4A4A;
}
.basic-uploadlinks .upload-header-bar {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 99;
}
.basic-uploadlinks .upload-header-bar .btn-default {
  margin-left: 15px;
}
.basic-uploadlinks .upload-header-bar input {
  height: 32px;
  padding-left: 30px!important;
}
.basic-uploadlinks .input-field {
  position: relative;
  padding-top: 10px;
}
.basic-uploadlinks .upload-content-title {
  margin-bottom: 20px;
}
.basic-uploadlinks .edit-upload-date {
  position: absolute;
  right: 10px;
  top: 5px;
  line-height: 35px;
}
.basic-uploadlinks a:hover {
  text-decoration: none;
}
.basic-uploadlinks .upload-detail-layout .tab-content {
  position: absolute;
  width: 100%;
  height: 100%;
}
.basic-uploadlinks .upload-detail-layout .tab-pane.active {
  height: 100%;
}
.basic-uploadlinks .upload-detail-layout .upload-section {
  padding-top: 10px;
  margin-top: 10px;
  height: calc(100% - 130px);
  overflow-y: auto;
  position: relative;
  padding-right: 10px;
}
.basic-uploadlinks .upload-detail-layout .edit-upload-link-settings .section.section-wrap.upload-link-settings {
  margin-top: 0;
}
.basic-uploadlinks .upload-detail-layout .edit-upload-link-settings .section.section-wrap .section-title {
  font-weight: bold;
  font-size: 14px;
  color: #4A4A4A;
}
.basic-uploadlinks .upload-detail-layout .upload-metadata-display {
  margin-bottom: 15px;
}
.basic-uploadlinks .upload-detail-layout .upload-metadata-display .container-box {
  display: block;
  width: 30%;
  overflow-x: hidden;
  overflow-y: auto;
  padding-top: 5px;
  margin: 0px 0px 0px 20px;
  padding-right: 11px;
}
.basic-uploadlinks .upload-detail-layout .upload-metadata-display .container-box.no-m-left {
  margin-left: 0;
}
.basic-uploadlinks .upload-detail-layout .upload-metadata-display .container-box .keyword-box {
  float: left;
  margin: 8px 9px 0px 0px;
  padding: 0px 6px;
  font-weight: normal;
  font-size: 16px;
  color: #4a4a4a;
  overflow-y: hidden;
  border: solid 1px #ccc;
  border-radius: 26px;
  line-height: 20px;
  width: calc(100% / 3 - 9px);
}
.basic-uploadlinks .upload-detail-layout .upload-metadata-display .container-box .keyword-box.batch-album-item {
  width: 100%;
}
.basic-uploadlinks .upload-detail-layout .upload-metadata-display .container-box .keyword-box-m {
  width: calc(100% / 2 - 9px);
}
.basic-uploadlinks .upload-detail-layout .upload-metadata-display .container-box .keyword-box:hover {
  background: #f2f2f2;
}
.basic-uploadlinks .upload-detail-layout .upload-metadata-display .container-box .keyword-box:hover .delete-keyword-tag-btn {
  visibility: visible;
}
.basic-uploadlinks .upload-detail-layout .upload-metadata-display .container-box .moreAlbum {
  float: right;
  margin: 4px 8px;
}
.basic-uploadlinks .upload-detail-layout .upload-metadata-display .container-box .moreAlbum.shrink {
  transform: rotate(180deg);
}
.basic-uploadlinks .upload-detail-layout .upload-metadata-display .container-box .keyword-box .text {
  float: left;
  overflow-y: hidden;
  width: calc(100% - 18px);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
}
.basic-uploadlinks .upload-detail-layout .upload-metadata-display .container-box .delete-keyword-tag-btn {
  line-height: 20px;
  font-weight: 600;
  cursor: pointer;
  float: right;
  font-size: 16px;
}
.basic-uploadlinks .upload-detail-layout .upload-metadata-layout {
  width: 1000px;
}
.basic-uploadlinks .upload-detail-layout .upload-metadata-layout .upload-metadata-option {
  padding-left: 28px;
  margin-bottom: 25px;
}
.basic-uploadlinks .upload-detail-layout .upload-metadata-layout .upload-metadata-option .temp-select {
  width: 200px;
  display: inline-block;
}
.basic-uploadlinks .upload-detail-layout .upload-metadata-layout .upload-metadata-option .checkbox-option {
  line-height: 20px;
  display: inline-block;
}
.basic-uploadlinks .upload-detail-layout .upload-metadata-layout .upload-metadata-option .metadata-option-title {
  width: 140px;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-right: 10px;
  float: right;
}
.basic-uploadlinks .upload-detail-layout .upload-metadata-layout .upload-metadata-option .metadata-required-swithch {
  display: inline-block;
}
.basic-uploadlinks .upload-detail-layout .upload-metadata-layout .upload-metadata-option .metadata-required-swithch .switch-btn {
  margin-left: 10px;
  float: right;
}
.basic-uploadlinks .upload-detail-layout .upload-metadata-layout .upload-metadata-option.custom-section {
  padding-left: 40px;
}
.basic-uploadlinks .upload-detail-layout .upload-metadata-layout .upload-metadata-option .over-write-item {
  clear: both;
}
.basic-uploadlinks .upload-detail-layout .upload-metadata-layout .upload-metadata-option .over-write-item .check-item {
  margin-left: 25px;
}
.basic-uploadlinks .upload-detail-layout .upload-metadata-layout .upload-metadata-option .over-write-item .check-item-import {
  margin-left: 365px;
}
.basic-uploadlinks .upload-detail-layout .upload-group-access {
  padding-left: 0;
  padding-right: 0;
  height: 100%;
}
.basic-uploadlinks .upload-detail-layout .upload-group-access .scroll-bar {
  padding-left: 0;
  padding-right: 0;
  height: calc(100% - 105px);
  overflow-y: auto;
  overflow-x: hidden;
}
.basic-uploadlinks .upload-detail-layout .upload-group-access .notify-item {
  margin-left: 15px;
}
.basic-uploadlinks .upload-detail-layout .upload-group-access .list-header {
  margin-bottom: 15px;
  margin-top: 20px;
}
.basic-uploadlinks .upload-detail-layout .upload-group-access .list-header .access-title {
  font-size: 18px;
  color: #4A4A4A;
  font-weight: normal;
}
.basic-uploadlinks .upload-detail-layout .upload-group-access .list-header .search-add-group {
  display: inline-block;
  float: right;
}
.basic-uploadlinks .upload-detail-layout .upload-group-access .list-header .search-add-group input {
  margin-bottom: 0;
  margin-right: 25px;
}
.basic-uploadlinks .upload-detail-layout .upload-group-access .upload-notified-all {
  display: inline-block;
  right: 350px;
  margin-top: 8px;
  line-height: 3em;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  margin-top: 1em;
  width: 100%;
}
.basic-uploadlinks .quick-tags .warning {
  padding-left: 5px;
  font-size: 14px;
  opacity: 0.8;
}
div.new-table-style .nts-col td {
  vertical-align: top!important;
}
div.new-table-style .nts-link {
  font-size: 15px;
  cursor: pointer;
}
div.new-table-style .nts-share-to {
  font-size: 12px;
}
.uploadlink-import {
  /** start left**/
  /**end left**/
  /**start right**/
  /** end  right**/
  /**bottom***/
  /**top**/
  /** content ***/
}
.uploadlink-import .operate-panel {
  top: 66px;
  left: 0px;
}
.uploadlink-import .tree-filter {
  padding: 0px 8px;
}
.uploadlink-import .search-box {
  font-size: 16px!important;
}
.uploadlink-import .hidePlusWidth {
  width: calc(100%) !important;
  margin-left: 0px!important;
}
.uploadlink-import #research {
  border-radius: 25px!important;
  width: 100%!important;
  margin-left: 0px;
}
.uploadlink-import .main {
  width: calc(100% - 300px);
  top: 121px;
  left: auto;
}
.uploadlink-import #actions-area .operate-left > a {
  display: none;
}
.uploadlink-import #actions-area .operate-left > a.icon-download {
  display: inline-block;
}
.uploadlink-import #actions-area .operate-left > a.icon-capture {
  display: inline-block;
}
.uploadlink-import .breadscrumbs-sub-item > span:first-child {
  display: none;
}
.uploadlink-import .breadscrumbs {
  height: 45px;
  line-height: 45px;
  border-bottom: 1px solid #D1D1D1;
}
.uploadlink-import .table-list .operations div > a {
  display: none;
}
.uploadlink-import .table-list .operations div > a.icon-remove,
.uploadlink-import .table-list .operations div > a.icon-download {
  display: inline;
}
.uploadlink-import .cellPaddingLR {
  display: none!important;
}
.uploadlink-import .a-op {
  display: none!important;
}
.uploadlink-import .thumb-ilmbg .isotopeDetailed .counters > div > span:not(:last-child) {
  display: none;
}
.uploadlink-import .thumb-ilmbg .isotopeDetailed .counters > div > span:nth-child(4) {
  display: block;
}
.uploadlink-import .img-rotate-area .icon-rotate_left,
.uploadlink-import .img-rotate-area .icon-rotate_right,
.uploadlink-import .img-rotate-area .icon-s-Fullscreen {
  display: none!important;
}
.uploadlink-import .breadscrumbs-detail {
  float: left!important;
}
.uploadlink-import #pageBottom .operation-group section .multi-action-menu > div:not(:last-child) {
  display: none;
}
.uploadlink-import #pageBottom .bottom-right {
  position: fixed;
  top: auto;
  height: 69px;
}
.uploadlink-import #pageBottom .bottom-right #bottom-upload-div {
  display: none;
}
.uploadlink-import #pageBottom .icon-geo_data {
  display: none;
}
.uploadlink-import .settings {
  z-index: 6;
}
.uploadlink-import .settings .second-title {
  top: -20px;
  font-size: 16px!important;
}
.uploadlink-import .settings .admin-content-tips {
  line-height: 47px;
}
.uploadlink-import .content-detail {
  margin-top: 0px;
}
.uploadlink-import .nav {
  top: 66px;
}
.uploadlink-import .nav .nav-area {
  margin-left: 300px;
  height: 55px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  text-align: center;
  line-height: 54px;
  position: relative;
  z-index: 5;
  border-bottom: 1px solid;
}
.uploadlink-import .nav .nav-area > div {
  margin: 0 15px;
  font-weight: 600;
  position: relative;
}
.uploadlink-import .nav .nav-area span.circle-btn {
  width: 35px;
  height: 35px;
  line-height: 35px;
  border-radius: 17px;
  display: inline-block;
  text-align: center;
  font-size: 18px;
}
.uploadlink-import .nav .nav-area .file-num {
  margin: 0px;
  position: fixed;
}
.uploadlink-import .nav .nav-area .file-num p {
  margin-left: 0px;
}
.uploadlink-import .nav .nav-area .search-result {
  margin-top: 10px;
}
/** tree view style ,just upload link 's import**/
#treeImport ul {
  margin: 0;
  padding: 0;
  list-style: none;
  border: none;
  overflow: visible;
}
#treeImport li {
  position: relative;
  padding: 4px 10px 0 20px;
  line-height: 20px;
  font-size: 20px;
  white-space: nowrap;
}
#treeImport li span {
  font-size: 14px;
  vertical-align: bottom;
  max-width: 100px;
  display: inline-block;
  line-height: 32px;
}
#treeImport li i,
#treeImport li span {
  cursor: pointer;
  max-width: 260px;
  vertical-align: middle;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#treeImport li.drop-hover,
.drop-hover {
  background-color: rgba(0, 0, 0, 0.1);
}
#treeImport li.selected {
  background-color: rgba(0, 0, 0, 0.1);
}
#treeImport li span.selected {
  color: #535353;
  background-color: rgba(0, 0, 0, 0.1);
}
.setting-download .setting-left {
  width: auto;
  overflow: hidden;
  float: none;
  clear: none;
}
.setting-download .setting-left .content {
  padding-bottom: 15px;
}
.setting-download .setting-left .customfield-container .table {
  table-layout: fixed;
}
.setting-download .setting-left .customfield-container .table td {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  height: 86px;
  vertical-align: middle;
}
.setting-download .setting-left .customfield-container .table td input.download-px {
  width: 60%;
}
.setting-download .setting-left .customfield-container .table td input.download-px + span {
  color: #9B9B9B;
}
.setting-download .setting-left .customfield-container .table th {
  padding: 12px 20px 0;
  text-transform: uppercase;
}
.setting-download .setting-left .customfield-container .table .circle-button {
  color: black;
}
.setting-download .setting-left .customfield-container .table .update-button {
  color: #fff;
  background-color: #9ad230;
}
.setting-download .setting-left .customfield-container .table .has-tips td {
  border-top: none;
  padding: 0 20px;
  height: 60px;
}
.setting-download .setting-left .customfield-container .table .has-tips .action-col {
  text-align: right;
}
.setting-download .setting-left .customfield-container .table input,
.setting-download .setting-left .customfield-container .table select {
  width: 100%;
  height: 32px;
}
.setting-download .setting-left .customfield-container .table .left-button {
  margin-right: 10px;
}
.setting-download .setting-left .customfield-container .table select {
  margin-bottom: 5px;
}
.setting-download .setting-left .customfield-container .action-col {
  text-align: right;
  min-width: 130px;
}
.setting-download .setting-left .customfield-container .action-col left-button {
  padding-right: 15px;
}
.setting-download .setting-left .customfield-container .choice-textarea {
  border-radius: 20px;
  margin-top: 2px;
  width: 100%;
  resize: none;
  overflow: auto;
  height: 96px;
}
.setting-download .setting-right .crew-description {
  padding: 25px 15px 0 20px;
}
.setting-download .setting-right .crew-description section {
  padding-top: 15px;
}
.setting-download .setting-right .crew-description section .sub-title {
  padding: 0 0 3px 0;
}
.basic-download .add-btn {
  position: absolute;
  top: 0;
  right: 10px;
  z-index: 99;
}
.basic-download .add-btn .btn-default {
  margin-left: 10px;
}
.basic-download .download-header .download-header-section {
  margin-bottom: 15px;
  padding-left: 0;
}
.basic-download .download-header .download-header-section .title {
  font-size: 20px;
  font-weight: 400;
}
.basic-download .download-body .field-item {
  margin-bottom: 15px;
  padding-left: 0;
}
.basic-download .download-body .field-item .col-field-header {
  margin-bottom: 10px;
}
.basic-download .download-body .field-item .download-size {
  display: inline-block;
  width: 150px;
}
.basic-download .table-layout {
  height: calc(100% - 50px);
  position: absolute;
  display: block;
}
.basic-download .table-layout > tbody {
  height: calc(100% - 43px);
}
.basic-download .disabled-input {
  background-color: #ebebe4;
  border: 1px solid #d9d9d9;
}
.basic-download input::-webkit-outer-spin-button,
.basic-download input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.basic-download input[type="number"] {
  -moz-appearance: textfield;
}
.basic-download .preset-desc {
  width: 100%;
  text-align: right;
}
.basic-download .preset-desc input {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.upload-setting .setting-right {
  height: 100%;
}
.upload-setting .section {
  border-bottom: solid 1px #ddd;
  padding: 0;
  padding-left: 5px;
  padding-right: 5px;
}
.upload-setting .section .title {
  border: 0;
  padding-left: 15px;
  font-size: 14px;
}
.upload-setting .section .mandatory-field-title {
  font-size: 16px;
}
.upload-setting .section .setting-content {
  padding-bottom: 15px;
}
.upload-setting .field-item {
  color: #5A6A7F;
  font-size: 14px;
  font-weight: bold;
  padding: 15px 0;
}
.upload-setting .field-item .checkbox-icon {
  float: none;
}
.upload-setting .checkbox-icon {
  float: right;
  width: 30px;
  height: 10px;
  position: relative;
  border-radius: 5px;
  background-color: #ddd;
  display: block;
}
.upload-setting .checkbox-icon:before {
  content: '';
  width: 20px;
  height: 20px;
  position: absolute;
  background-color: #FFF;
  left: -5px;
  top: -5px;
  border-radius: 50%;
  box-shadow: 0 0 5px #666666;
}
.upload-setting .checkbox-icon.selected {
  background-color: #5A6A7F;
}
.upload-setting .checkbox-icon.selected:before {
  left: auto;
  right: -5px;
}
.upload-setting .seting-lable {
  margin-right: 10px;
}
.upload-setting .file-extension {
  min-width: 400px;
  margin-bottom: 0;
}
.setting-content .file-extension {
  min-width: 400px;
  margin-bottom: 0;
}
.basic-uploadsetting .upload-sub-title {
  margin-bottom: 30px;
  font-size: 17px;
  font-weight: normal;
  color: #4A4A4A;
}
.basic-uploadsetting .section {
  padding-bottom: 0;
  margin-bottom: 25px;
  border-bottom: 1px solid #ddd;
}
.basic-uploadsetting .section.first-one {
  border-top: 1px solid #ddd;
  padding-top: 20px;
  padding-bottom: 15px;
}
.basic-uploadsetting .section .section-title {
  font-size: 18px;
  color: #4A4A4A;
  font-weight: normal;
  margin-bottom: 20px;
  line-height: 1.5;
}
.basic-uploadsetting .tooltip-inner {
  width: 250px;
  max-width: 300px;
  text-align: left;
  background-color: rgba(51, 51, 51, 0.9);
}
.password-policy .col-xs-7 .row {
  margin: 0 -10px 10px;
  line-height: 34px;
  height: 34px;
}
.password-policy .col-xs-7 .sub-msg {
  padding-left: 20px;
  margin-top: -10px;
}
.password-policy .policy-input {
  width: 100%;
  line-height: normal;
  margin: 0;
}
.password-policy .error-msg {
  height: 34px;
  line-height: 34px;
  color: red;
}
.password-policy .error-msg.sub-msg {
  margin-top: -10px;
}
.basic-password-policy .error-msg {
  height: 34px;
  line-height: 34px;
  color: red;
  margin-left: 20px;
}
.basic-password-policy input {
  width: 90px;
  margin-right: 8px;
}
.smart-tag-setting .setting-right {
  height: 100%;
}
.smart-tag-setting .section {
  border-bottom: solid 1px #ddd;
  padding: 0;
  padding-left: 5px;
  padding-right: 5px;
}
.smart-tag-setting .section .title {
  border: 0;
  padding-left: 15px;
  font-size: 14px;
}
.smart-tag-setting .section .mandatory-field-title {
  font-size: 16px;
}
.smart-tag-setting .section .setting-content {
  padding-bottom: 15px;
}
.smart-tag-setting .section .sub-title {
  font-weight: bold;
}
.smart-tag-setting .section .highlight-label {
  color: #000000;
  font-weight: bold;
}
.smart-tag-setting .setting-row {
  margin-bottom: 10px;
}
.smart-tag-setting .setting-row span,
.smart-tag-setting .setting-row input,
.smart-tag-setting .setting-row label {
  margin-right: 10px;
}
.smart-tag-setting .setting-row input {
  width: 200px;
}
.smart-tag-setting .smart-tag-index-section {
  border: 0;
  padding-bottom: 15px;
  padding-top: 15px;
}
.smart-tag-setting .onoffswitch {
  margin: auto;
  margin-right: 0;
  margin-top: -10px;
}
.basic-smart-tag .item-title {
  color: #4A4A4A;
  margin-bottom: 10px;
}
.basic-smart-tag .setting-fr-block .fr-title {
  font-size: 18px;
  color: #4A4A4A;
  font-weight: normal;
  margin-bottom: 0px;
  margin-top: 20px;
}
.basic-smart-tag .setting-fr-block #fr-images-block {
  border-bottom: none;
}
.basic-smart-tag .section-wrap {
  padding: 20px 0;
  border-bottom: #ddd 1px solid;
}
.basic-smart-tag .section-wrap:first-child {
  margin-top: 20px;
}
.basic-smart-tag .section-wrap .col-3 {
  min-width: 25%;
  float: left;
  position: relative;
  padding-right: 20px;
}
.basic-smart-tag .section-wrap .section-title {
  font-size: 18px;
  color: #4A4A4A;
  font-weight: normal;
  margin-bottom: 20px;
}
.basic-smart-tag .section-wrap .hours-unedit {
  margin-bottom: 10px;
}
.basic-smart-tag .section-wrap .hours-unedit .col-3 > span {
  line-height: 45px;
  padding-left: 12px;
}
.basic-smart-tag .radio-item {
  display: inline-block;
  margin-right: 20px;
  margin-bottom: 10px;
}
.face-summary .leftPart .b-options {
  padding: 0px;
  padding-left: 15px;
  width: 200px;
}
.face-summary .b-options.rightPart {
  padding-top: 0px;
}
.face-summary .setting-content {
  left: 520px!important;
}
.p-test {
  padding: 20px;
}
.p-mg .p-container {
  display: flex;
  flex-direction: column;
}
.p-mg .p-container .p-c-title {
  justify-content: space-between;
  align-items: center;
  padding: 10px 0px;
}
.p-mg .p-container .p-c-title select {
  padding-right: 30px!important;
}
.p-mg .p-container .rt-op {
  position: absolute;
  margin-top: -60px;
  right: 0px;
}
.p-mg .p-container .p-c-list {
  FLEX-DIRECTION: COLUMN;
}
.p-mg .p-container .p-c-list .pcl-header {
  height: 60px;
  align-items: center;
}
.p-mg .p-container button {
  flex: 0 0 auto;
}
.p-mg .p-container .bton {
  background-color: #f4f4f4;
  padding: 4px 20px;
  border-radius: 15px;
  justify-content: center;
}
.p-mg .p-container .p-pagination {
  align-items: center;
}
.p-mg .p-container .pcl-r0 {
  flex-basis: 80px;
  justify-content: center;
}
.p-mg .p-container .pcl-r4 {
  flex-basis: 30px;
  justify-content: center;
}
.p-mg .p-container .pcl-r1 {
  flex-basis: 100px;
  justify-content: center;
}
.p-mg .p-container .c-img-hover:hover img {
  width: 80px;
  height: 80px;
}
.p-mg .p-container .pcl-r2 {
  flex-grow: 1;
  flex-direction: column;
}
.p-mg .p-container .pcl-r3 {
  flex-basis: 100px;
  justify-content: flex-end;
  padding-right: 10px;
}
.p-mg .p-container .pcl-r3 > span {
  margin-left: 10px;
}
.p-mg .p-container .pcli {
  height: calc(100vh - 220px);
}
.p-mg .p-container .plb {
  height: calc(100vh - 145px);
}
.p-mg .p-container .pcl-body {
  flex-direction: column;
  border-top: 1px solid #ddd;
  overflow-y: auto;
}
.p-mg .p-container .pcl-body > div {
  align-items: center;
  padding: 8px 0px;
}
.p-mg .p-container .pcl-body img {
  width: 60px;
  height: 60px;
  border-radius: 50%;
}
.p-mg .p-container .pcl-body .content-img {
  width: auto;
  height: auto;
  border-radius: 0;
  align-self: baseline;
  margin-top: 20px;
}
.p-mg .p-container .pct-people span {
  margin-right: 10px;
}
.p-mg .p-container .pct-mult {
  justify-content: right;
  align-items: center;
}
.p-mg .p-container .pct-mult button,
.p-mg .p-container .pct-mult span {
  margin-right: 10px;
}
.p-mg .p-container .pclb-edit {
  align-items: center;
}
.p-mg .p-container .pclb-edit span {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  text-align: center;
  font-size: 16px!important;
  line-height: 32px;
  color: #000!important;
  background-color: #ddd;
}
.p-mg .p-container .pclb-edit input {
  height: 32px;
  margin: 0px 5px;
}
.p-mg .p-container .pct-people {
  align-items: center;
}
.p-mg .p-container .pct-people input {
  margin-bottom: 0px;
  margin-right: 10px;
}
.p-mg .p-container .pct-people img {
  width: 50px;
  margin-right: 10px;
  border-radius: 50%;
}
.p-mg .p-container .refe {
  color: #9AD230;
}
.p-mg .p-container .page-btn-group {
  display: inline-block;
  line-height: 16px;
  margin: 0 15px;
  cursor: pointer;
}
.p-mg .p-container .page-btn-group.disabled {
  opacity: 0.5;
  background-color: inherit!important;
}
.p-mg .p-container .page-btn-group [class^="icon-"] {
  font-size: 25px;
  border: 2px solid #9B9B9B;
  border-radius: 50%;
}
.p-mg .p-container .page-btn-group .info-text {
  font-size: 16px;
  font-weight: bold;
  line-height: 30px;
}
.p-mg .p-container div {
  display: flex;
  justify-content: center;
}
.p-mg .p-container .ml-10 {
  margin-left: 10px;
}
.p-mg .p-container .mr-10 {
  margin-right: 10px;
}
.f-rem-dialog img {
  max-width: 200px;
  max-height: 200px;
}
.f-rem-dialog .r-name {
  line-height: 14px;
}
.f-rem-dialog .ml-10 {
  margin-left: 10px;
}
.f-rem-dialog .mt-10 {
  margin-top: 10px;
}
.f-rem-dialog .l350 {
  width: 350px;
}
.f-rem-dialog #personImage {
  max-width: 240px;
  max-height: 240px;
}
.f-rem-dialog .ava-compare {
  margin: 20px auto;
}
.f-rem-dialog .ava-compare div {
  font-size: 24px;
  display: inline-block;
  margin: 20px;
}
.basic-filterPanel .section {
  padding-bottom: 0;
  margin-bottom: 25px;
  border-top: 1px solid #ddd;
  padding-top: 20px;
}
.basic-filterPanel .section .section-title {
  font-size: 18px;
  color: #4A4A4A;
  font-weight: normal;
  margin-bottom: 20px;
}
.basic-filterPanel .section .expand-default-item {
  display: inline-block;
  margin-right: 55px;
}
.basic-filterPanel .section .sub-select {
  margin-left: 25px;
}
.basic-filterPanel .section .sub-select .chckbox-layout.sub-box {
  margin-bottom: 10px;
}
.basic-filterPanel .section .sub-select .item-descrip {
  margin-bottom: 10px;
  margin-left: 25px;
}
.basic-apikeys .api-content-layout {
  position: relative;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  padding-top: 40px;
}
.basic-apikeys .add-btn-group {
  position: absolute;
  right: 5px;
  top: 5px;
}
.basic-apikeys .api-edit-section {
  position: relative;
  padding-right: 300px;
}
.basic-apikeys .api-edit-section .add-btn-group {
  position: absolute;
  right: 5px;
  top: -35px;
}
.basic-apikeys .api-edit-section .field-title {
  display: block;
  margin-bottom: 8px;
}
.basic-apikeys .webhook-list {
  margin-top: 30px;
}
.basic-apikeys .row-line {
  margin-top: 20px;
}
.basic-apikeys input {
  width: 100%;
  height: 32px;
}
.basic-apikeys .checkbox-left {
  margin-left: 60px;
}
.basic-apikeys .tab-content > .tab-pane {
  height: calc(100vh - 360px);
}
.basic-apikeys .tab-content .table-layout {
  height: auto;
  position: relative;
}
.basic-apikeys .webhook-layout {
  height: calc(100% - 30px);
}
.basic-apikeys .input-section {
  margin-bottom: 20px;
}
.basic-apikeys .input-section span,
.basic-apikeys .input-section input {
  display: block;
}
.basic-apikeys .input-section .apikey-name {
  width: 80%;
}
.basic-apikeys .input-section .apikey-url {
  width: 80%;
}
.basic-apikeys .input-section img {
  height: 30px;
  margin-left: 10px;
}
.basic-apikeys .input-section textarea {
  resize: none;
  margin-bottom: 0;
  padding: 10px;
}
.basic-apikeys .input-section .onlyRead {
  background-color: #ebebe4;
  border: 1px solid #d9d9d9;
}
.basic-apikeys .input-section.copy-section {
  position: relative;
}
.basic-apikeys .input-section.copy-section .copy-icon {
  position: absolute;
  top: 0;
  left: 75%;
}
.basic-apikeys .support-credentials.copy-section {
  position: relative;
}
.basic-apikeys .support-credentials.copy-section .copy-icon {
  position: absolute;
  top: 2px;
  left: 75%;
}
.basic-apikeys .table-layout {
  height: calc(100% - 55px);
  position: absolute;
  display: block;
}
.basic-apikeys .table-layout > tbody {
  height: calc(100% - 50px);
}
.basic-apikeys .support-credentials {
  line-height: 1.2;
  margin-bottom: 10px;
}
.basic-apikeys .generate-token {
  margin-left: 25px;
  margin-bottom: 15px;
}
.basic-apikeys .generate-token input {
  width: 80%;
}
.basic-apikeys .generate-token .right-btn {
  margin-left: 15px;
}
.basic-apikeys .generate-token .generate-btn-group .icon-help {
  margin-left: 10px;
}
.basic-apikeys .generate-token .copyMessage {
  margin-bottom: 10px;
}
.basic-apikeys .generate-token .onlyRead {
  background-color: #ebebe4;
  border: 1px solid #d9d9d9;
}
.asset-request {
  margin: 0px 20px;
}
.asset-request .asset-filter-bar .filter-bar .range-picker {
  float: left;
  margin-right: 24px;
}
.asset-request .asset-filter-bar .filter-bar span[ng-click][class^="icon-s-"] {
  margin-left: 24px;
}
.asset-request.asset-request-dialog {
  min-height: 200px;
  max-height: 400px;
  overflow: hidden;
  padding-bottom: 40px;
  position: relative;
  margin: 0;
  padding: 0 20px 5px!important;
  overflow-y: auto;
}
.asset-request.asset-request-dialog.-invalid {
  padding: 20px !important;
}
.asset-request.asset-request-dialog input[type=number] {
  padding-right: .8em !important;
}
.asset-request.asset-request-dialog .input-circle {
  padding-left: 0;
  min-height: 32px;
  height: auto;
}
.asset-request.asset-request-dialog .item-title {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.asset-request.asset-request-dialog .item-title .-mandatory:after {
  content: ' *';
  color: red;
}
.asset-request.asset-request-dialog .keyword-box {
  float: left;
  margin: 8px .5em 0 0;
  padding: 0px 6px;
  font-size: 16px;
  color: #474747;
  overflow-y: hidden;
  border: solid 1px #ccc;
  border-radius: 26px;
  line-height: 1.5em;
  width: 48%;
}
.asset-request.asset-request-dialog .keyword-box:hover {
  background: #f2f2f2;
}
.asset-request.asset-request-dialog .keyword-box [class^="icon-s-"],
.asset-request.asset-request-dialog .keyword-box [class*=" icon-s-"] {
  line-height: 1.5em;
  font-size: 16px;
}
.asset-request.asset-request-dialog .keyword-box .text {
  float: left;
  overflow-y: hidden;
  width: calc(100% - 18px);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-weight: normal;
  font-size: 14px;
  /*have different color*/
  color: #4a4a4a;
  font-weight: 500;
  text-align: center;
  font-size: 16px;
}
.asset-request.asset-request-dialog .asset-request-list {
  width: 100%;
  height: 135px;
  margin: 20px 0;
  line-height: 30px;
  overflow-y: auto;
}
.asset-request.asset-request-dialog .asset-request-list.has-error {
  height: 70px;
}
.asset-request.asset-request-dialog .row {
  margin-top: 20px;
  height: 30px;
  line-height: 30px;
}
.asset-request.asset-request-dialog .row input {
  width: 100%;
  margin: 0;
  cursor: text;
}
.asset-request.asset-request-dialog .row textarea {
  width: 100%;
  height: 70px;
  resize: none;
}
.asset-request.asset-request-dialog .row .captcha-input {
  margin-top: 15px;
}
.asset-request.asset-request-dialog .row .captcha-input input {
  width: 195px;
  margin-left: 20px;
}
.asset-request.asset-request-dialog .row .captcha-image {
  position: relative;
}
.asset-request.asset-request-dialog .row .captcha-image .change-captcha {
  position: absolute;
  top: 0;
  left: 210px;
  line-height: 1;
}
.asset-request.asset-request-dialog .input-box {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 32px;
  line-height: 16px;
  padding: 0 20px;
}
.asset-request.asset-request-dialog .input-box input {
  margin: 0;
  width: 280px;
  height: 30px;
  width: calc(100% - 110px);
}
.asset-request.asset-request-dialog .input-box button {
  height: 30px;
  line-height: 18px;
  vertical-align: middle;
  float: right;
}
.asset-request.asset-request-dialog .input-box.has-error {
  height: 100px;
}
.asset-request.asset-request-dialog .required:after {
  content: '*';
  padding-left: 4px;
  font-size: 14px;
  color: red;
}
.asset-request.asset-request-dialog .col-xs-3 {
  white-space: nowrap;
}
.asset-request .nav {
  position: static;
  min-width: 980px;
  width: auto;
  margin-bottom: 20px;
}
.asset-request .asset-request-form {
  margin-top: 20px;
}
.asset-request .asset-request-form .sort-icon {
  position: relative;
  width: 18px;
  height: 18px;
  bottom: 3px;
  margin-right: 10px;
  color: #4A4A4A;
}
.asset-request .asset-request-form .sort-icon.up-arrow {
  margin-right: 18px;
}
.asset-request .asset-request-form .dis-color {
  color: #b0b0b0;
}
.asset-request .asset-request-form .circle-button {
  color: #4A4A4A;
  background: none;
}
.asset-request .asset-request-form .circle-button.disabled-color {
  color: #b0b0b0;
  cursor: default;
}
.asset-request .asset-request-form .choice-textarea {
  margin-top: 2px;
  width: 100%;
  resize: none;
  overflow: auto;
  height: 96px;
}
.asset-request .asset-request-form .action-col {
  text-align: right;
  padding-right: 0;
}
.asset-request .asset-request-form.manage-asset-request .table > tbody > tr:hover {
  background: none;
}
.asset-request .filter-bar .select-wrap {
  height: 35px;
  float: left;
  margin-right: 20px;
}
.asset-request .table {
  table-layout: fixed;
  width: 100%;
  max-width: 100%;
}
.asset-request .table th {
  border-bottom: 1px solid #ddd;
}
.asset-request .table td {
  border: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.asset-request .table .tab-head {
  text-transform: capitalize;
  font-weight: normal;
}
.asset-request .table .actions {
  text-align: right;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 2px;
}
.asset-request .page-btn-group {
  display: inline-block;
  line-height: 32px;
  margin: 0 20px;
  cursor: pointer;
}
.asset-request .page-btn-group.disabled {
  opacity: 0.5;
  background-color: inherit!important;
}
.asset-request .page-btn-group [class^="icon-"] {
  font-size: 32px;
}
.asset-request .manage-asset-request {
  margin-top: 25px;
}
.asset-request .manage-asset-request .table thead {
  color: #7a7a7a;
}
.asset-request .manage-asset-request .table thead tr {
  height: 52px;
}
.asset-request .manage-asset-request .table thead tr th {
  padding: 10px;
  line-height: 32px;
}
.asset-request .manage-asset-request .table > tbody > tr {
  height: 52px;
  line-height: 52px;
}
.asset-request .manage-asset-request .table > tbody > tr:hover {
  background: #f5f5f5;
}
.asset-request .manage-asset-request .table > tbody > tr > td {
  padding: 10px;
  font-weight: normal;
  color: #333;
  font-size: 15px;
  line-height: 32px;
}
.asset-request .manage-asset-request .table > tbody > tr > td input {
  font-weight: normal;
}
.icon-s-SearchDocument {
  font-weight: 600;
}
.multi-language,
.field-language {
  top: 30px;
}
.multi-language .field-type,
.field-language .field-type {
  color: #626262;
}
.multi-language .choice-textarea,
.field-language .choice-textarea {
  width: 100%;
  resize: none;
  height: 70px;
  line-height: 20px;
}
.multi-language .placeholder_choices,
.field-language .placeholder_choices {
  position: absolute;
  top: 0;
  left: 25px;
  color: #aaa;
  font-size: 14px;
  line-height: 20px;
  width: 90%;
}
.multi-language .action-btn,
.field-language .action-btn {
  text-align: center;
  line-height: 16px;
  margin: 10px 0px;
}
.multi-language .content_list,
.field-language .content_list {
  max-height: 150px;
  overflow-y: auto;
}
.option-review .header-text {
  margin-bottom: 10px;
}
.option-review .option-header {
  color: #757575;
  border-bottom: 1px solid #ccc;
}
.option-review .option-header .default-option {
  display: inline-block;
  width: 40%;
}
.option-review .option-header .other-option {
  display: inline-block;
  width: 52%;
  text-align: center;
}
.option-review .option-body {
  color: #757575;
  max-height: 350px;
  overflow-y: auto;
}
.option-review .option-body .default-option-value {
  display: inline-block;
  vertical-align: top;
  width: 45%;
}
.option-review .option-body .default-option-value div {
  height: 40px;
  line-height: 40px;
}
.option-review .option-body .default-option-value .option-value-div {
  text-overflow: ellipsis;
  overflow: hidden;
}
.option-review .option-body .other-option-value {
  display: inline-block;
  width: 54%;
  text-align: center;
}
.option-review .option-body .other-option-value div {
  height: 40px;
  line-height: 40px;
}
.option-review .option-body .other-option-value .option-value-div {
  text-overflow: ellipsis;
  overflow: hidden;
}
.option-review .settings-modal-footer .footer-tip {
  display: inline-block;
  position: absolute;
  left: 20px;
  line-height: 31px;
  font-size: 16px;
  font-weight: 600;
}
.option-review .secondaryColorScrollbar::-webkit-scrollbar {
  width: 10px!important;
  height: 10px!important;
}
.option-review .secondaryColorScrollbar::-webkit-scrollbar-thumb {
  background-color: #e0e0e0 !important;
  border-radius: 15px;
}
.option-review .secondaryColorScrollbar::-webkit-scrollbar-track-piece {
  background-color: #FFFFFF!important;
  border-radius: 15px!important;
  box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.1);
}
.option-review .tooltip-inner {
  max-width: 400px;
}
.option-review .tooltip.top .tooltip-arrow {
  bottom: -45px;
}
.option-review .default-option-value .tooltip {
  left: 0 !important;
}
.keyword-select {
  width: 100%;
}
.keyword-select-deselect {
  width: 100%;
}
.keyword-container {
  display: inline-block;
  width: 100%;
  position: relative;
  vertical-align: middle;
}
.keyword-container .keyword-drop {
  background: #fff;
  border: 1px solid #ccc;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  -webkit-box-shadow: 0 8px 8px rgba(0, 0, 0, 0.25);
  box-shadow: 0 8px 8px rgba(0, 0, 0, 0.25);
  margin-top: -1px;
  position: absolute;
  top: 100%;
  left: -9000px;
  z-index: 1060;
}
.keyword-container.keyword-with-drop .keyword-drop {
  left: 0;
  right: 0;
}
.keyword-container .keyword-results {
  color: #555555;
  margin: 0 4px 4px 0;
  max-height: 240px;
  padding: 0 0 0 4px;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.keyword-container .keyword-results li {
  display: none;
  line-height: 1.42857;
  list-style: none;
  margin: 0;
  padding: 5px 6px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.keyword-container .keyword-results li em {
  background: #feffde;
  font-style: normal;
}
.keyword-container .keyword-results li.group-result {
  display: list-item;
  cursor: default;
  color: #999;
  font-weight: bold;
}
.keyword-container .keyword-results li.group-option {
  padding-left: 15px;
}
.keyword-container .keyword-results li.active-result {
  cursor: pointer;
  display: list-item;
}
.keyword-container .keyword-results li.highlighted {
  background-color: #337ab7;
  background-image: none;
  color: white;
}
.keyword-container .keyword-results li.highlighted em {
  background: transparent;
}
.keyword-container .keyword-results li.disabled-result {
  display: list-item;
  color: #777777;
}
.keyword-container .keyword-results .no-results {
  background: #eeeeee;
  display: list-item;
}
.keyword-container .keyword-results-scroll {
  background: white;
  margin: 0 4px;
  position: absolute;
  text-align: center;
  width: 321px;
  z-index: 1;
}
.keyword-container .keyword-results-scroll span {
  display: inline-block;
  height: 1.42857;
  text-indent: -5000px;
  width: 9px;
}
.keyword-container .keyword-results-scroll-down {
  bottom: 0;
}
.keyword-container-single .keyword-single {
  background-color: #fff;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border-top-right-radius: 18px;
  border-top-left-radius: 18px;
  border-bottom-right-radius: 18px;
  border-bottom-left-radius: 18px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  color: #555555;
  display: block;
  height: 34px;
  overflow: hidden;
  line-height: 34px;
  padding: 0 0 0 8px;
  position: relative;
  text-decoration: none;
  white-space: nowrap;
}
.keyword-container-single .keyword-single span {
  display: block;
  margin-right: 26px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.keyword-container-single .keyword-single abbr {
  display: block;
  font-size: 1px;
  height: 10px;
  position: absolute;
  right: 26px;
  top: 12px;
  width: 12px;
}
.keyword-container-single .keyword-single abbr:hover {
  background-position: right -11px;
}
.keyword-container-single .keyword-single.keyword-disabled .keyword-single abbr:hover {
  background-position: right 2px;
}
.keyword-container-single .keyword-single div {
  display: block;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  width: 18px;
}
.keyword-container-single .keyword-single div b {
  display: block;
  height: 100%;
  width: 100%;
}
.keyword-container-single .keyword-default {
  color: #777777;
}
.keyword-container-single .keyword-search {
  margin: 0;
  padding: 3px 4px;
  position: relative;
  white-space: nowrap;
  z-index: 1000;
}
.keyword-container-single .keyword-search input[type="text"] {
  border: 1px solid #ccc;
  border-top-right-radius: 18px;
  border-top-left-radius: 18px;
  border-bottom-right-radius: 18px;
  border-bottom-left-radius: 18px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  margin: 1px 0;
  padding: 4px 20px 4px 4px;
  width: 100%;
}
.keyword-container-single .keyword-drop {
  margin-top: -1px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
}
.keyword-container-single-nosearch .keyword-search input[type="text"] {
  position: absolute;
  left: -9000px;
}
.keyword-container-multi .keyword-choices {
  background-color: #fff;
  border: 1px solid #ccc;
  border-top-right-radius: 18px;
  border-top-left-radius: 18px;
  border-bottom-right-radius: 18px;
  border-bottom-left-radius: 18px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  cursor: text;
  height: auto !important;
  height: 1%;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: relative;
}
.keyword-container-multi .keyword-choices li {
  float: left;
  list-style: none;
}
.keyword-container-multi .keyword-choices .search-field {
  margin: 0;
  padding: 0;
  width: 100%;
  white-space: nowrap;
}
.keyword-container-multi .keyword-choices .search-field input[type="text"] {
  background: transparent !important;
  border: 0 !important;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #555555;
  height: 32px;
  margin: 0;
  padding: 6px;
  outline: 0;
}
.keyword-container-multi .keyword-choices .search-field .default {
  color: #999;
}
.keyword-container-multi .keyword-choices .search-choice {
  background-clip: padding-box;
  border: 1px solid #ccc;
  border-top-right-radius: 18px;
  border-top-left-radius: 18px;
  border-bottom-right-radius: 18px;
  border-bottom-left-radius: 18px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  color: #333333;
  cursor: default;
  line-height: 13px;
  margin: 6px 0 3px 5px;
  padding: 3px 20px 3px 8px;
  position: relative;
  max-width: 98%;
}
.keyword-container-multi .keyword-choices .search-choice span {
  font-size: 14px;
  font-weight: 500;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: 100%;
  float: left;
}
.keyword-container-multi .keyword-choices .search-choice .search-choice-close {
  display: block;
  text-decoration: none;
  font-size: 16px;
  height: 12px;
  position: absolute;
  right: 9px;
  top: 2px;
  width: 12px;
  cursor: pointer;
}
.keyword-container-multi .keyword-choices .search-choice .search-choice-close:hover {
  background-position: right -11px;
}
.keyword-container-multi .keyword-choices .search-choice-focus {
  background: #d4d4d4;
}
.keyword-container-multi .keyword-choices .search-choice-focus .search-choice-close {
  background-position: right -11px;
}
.keyword-container-multi .keyword-results {
  margin: 0 0 0 0;
  padding: 0;
}
.keyword-container-multi .keyword-drop .result-selected {
  display: none;
}
.keyword-container-active .keyword-single {
  border: 1px solid #66afe9;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px #66afe9;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px #66afe9;
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
  -o-transition: border linear 0.2s, box-shadow linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s;
}
.keyword-container-active.keyword-with-drop .keyword-single {
  background-color: #fff;
  border: 1px solid #66afe9;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px #66afe9;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px #66afe9;
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
  -o-transition: border linear 0.2s, box-shadow linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s;
}
.keyword-container-active.keyword-with-drop .keyword-single div {
  background: transparent;
  border-left: none;
}
.keyword-container-active.keyword-with-drop .keyword-single div b {
  background-position: -18px 7px;
}
.keyword-container-active .keyword-choices {
  border: 1px solid #66afe9;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px #66afe9;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px #66afe9;
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
  -o-transition: border linear 0.2s, box-shadow linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s;
}
.keyword-container-active.keyword-with-drop .keyword-choices {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.keyword-disabled {
  cursor: default;
  opacity: 0.5 !important;
}
.keyword-disabled .keyword-single {
  cursor: default;
}
.keyword-disabled .keyword-choices .search-choice .search-choice-close {
  cursor: default;
}
.keyword-rtl {
  text-align: right;
}
.keyword-rtl .keyword-single {
  padding: 0 8px 0 0;
  overflow: visible;
}
.keyword-rtl .keyword-single span {
  margin-left: 26px;
  margin-right: 0;
  direction: rtl;
}
.keyword-rtl .keyword-single div {
  left: 7px;
  right: auto;
}
.keyword-rtl .keyword-single abbr {
  left: 26px;
  right: auto;
}
.keyword-rtl .keyword-choices .search-field input[type="text"] {
  direction: rtl;
}
.keyword-rtl .keyword-choices li {
  float: right;
}
.keyword-rtl .keyword-choices .search-choice {
  margin: 6px 5px 3px 0;
  padding: 3px 5px 3px 19px;
}
.keyword-rtl .keyword-choices .search-choice .search-choice-close {
  background-position: right top;
  left: 4px;
  right: auto;
}
.keyword-rtl.keyword-container-single .keyword-results {
  margin: 0 0 4px 4px;
  padding: 0 4px 0 0;
}
.keyword-rtl .keyword-results .group-option {
  padding-left: 0;
  padding-right: 15px;
}
.keyword-rtl.keyword-container-active.keyword-with-drop .keyword-single div {
  border-right: none;
}
.keyword-rtl .keyword-search input[type="text"] {
  direction: rtl;
  padding: 4px 5px 4px 20px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx) {
  .keyword-rtl .keyword-search input[type="text"],
  .keyword-container-single .keyword-single abbr,
  .keyword-container-single .keyword-single div b,
  .keyword-container-single .keyword-search input[type="text"],
  .keyword-container-multi .keyword-choices .search-choice .search-choice-close,
  .keyword-container .keyword-results-scroll-down span,
  .keyword-container .keyword-results-scroll-up span {
    background-size: 52px 37px !important;
    background-repeat: no-repeat !important;
  }
}
.spinner-container {
  position: absolute;
  background: rgba(0, 0, 0, 0.4);
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1000;
}
.spinner {
  width: auto;
  left: calc(50% - 30px);
  top: calc(50% - 30px);
  color: #71C99F;
  font-size: 60px;
}
.spinner-small {
  width: auto;
  left: calc(50% - 15px);
  top: calc(50% - 15px);
  color: #71C99F;
  font-size: 30px;
}
.clearfix {
  *zoom: 1;
}
.clearfix:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}
/****bootstrap custom style for 5 column****/
.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
  position: relative;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px;
}
@media (min-width: 768px) {
  .col-sm-5ths {
    width: 20%;
    float: left;
    padding-right: 15px;
    padding-left: 15px;
  }
}
@media (min-width: 992px) {
  .col-md-5ths {
    width: 20%;
    float: left;
    padding-right: 15px;
    padding-left: 15px;
  }
}
@media (min-width: 1200px) {
  .col-lg-5ths {
    width: 20%;
    float: left;
    padding-right: 15px;
    padding-left: 15px;
  }
}
/****bootstrap custom style for 5 column****/
.col-xs-5ths2,
.col-sm-5ths2,
.col-md-5ths2,
.col-lg-5ths2 {
  position: relative;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px;
}
@media (min-width: 768px) {
  .col-sm-5ths2 {
    width: 40%;
    float: left;
    padding-right: 15px;
    padding-left: 15px;
  }
}
@media (min-width: 992px) {
  .col-md-5ths2 {
    width: 40%;
    float: left;
    padding-right: 15px;
    padding-left: 15px;
  }
}
@media (min-width: 1200px) {
  .col-lg-5ths2 {
    width: 40%;
    float: left;
    padding-right: 15px;
    padding-left: 15px;
  }
}
.dashboard {
  background-color: #F3F4F5;
  position: relative;
  height: 100%;
}
.dashboard .gridster-loaded .gridster-preview-holder {
  border: dashed 2px #41CC5C !important;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  opacity: 0.4 !important;
}
.dashboard .gridster .gridster-item:hover .handle-se {
  border-color: transparent transparent rgba(246, 139, 31, 0.8) !important;
}
.dashboard .dashboard-hangar {
  position: relative;
  width: 0;
  height: 100%;
  float: left;
  background-color: #FFFFFF;
  box-shadow: 0 10px 30px #ABAAAA;
}
.dashboard .dashboard-hangar .hangar-header {
  height: 60px;
  border-bottom: solid 1px #E2E3E4;
  line-height: 60px;
  font-size: 24px;
  text-align: center;
  overflow: hidden;
}
.dashboard .dashboard-hangar .hangar-box {
  height: calc(100% - 60px);
}
.dashboard .dashboard-hangar .hangar-box .wiget-view {
  width: 200px;
  height: 200px;
  margin: 20px auto;
  border: solid 1px #E2E3E4;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  cursor: pointer;
  overflow: hidden;
  position: relative;
}
.dashboard .dashboard-hangar .hangar-box .wiget-view .title {
  height: 40px;
  padding: 10px;
  line-height: 20px;
  text-align: center;
  font-weight: bold;
}
.dashboard .dashboard-hangar .hangar-box .wiget-view .img-container {
  height: 160px;
  padding: 10px;
  text-align: center;
  line-height: 140px;
}
.dashboard .dashboard-hangar .hangar-box .wiget-view img {
  vertical-align: middle;
}
.dashboard .dashboard-hangar .hangar-box .wiget-view .btn-add {
  font-size: 12px;
  padding: 2px 5px;
  position: absolute;
  right: 20px;
  bottom: -100%;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.dashboard .dashboard-hangar .hangar-box .wiget-view:hover .mask-layer {
  left: 0;
  top: 0;
  opacity: 1;
}
.dashboard .dashboard-hangar .hangar-box .wiget-view:hover .btn-add {
  bottom: 10px;
}
.dashboard .dashboard-hangar .hangar-grip {
  position: absolute;
  top: calc(50% - 25px);
  right: -20px;
  height: 50px;
  width: 20px;
  z-index: 1001;
  background-color: #ffffff;
  -webkit-border-radius: 0 6px 6px 0;
  -moz-border-radius: 0 6px 6px 0;
  border-radius: 0 6px 6px 0;
  text-align: center;
  font-size: 16px;
  line-height: 50px;
  cursor: pointer;
  box-shadow: 2px 2px 10px #ABAAAA;
}
.dashboard .dashboard-hangar .mask-layer {
  position: absolute;
  top: -100%;
  left: -100%;
  width: 100%;
  height: 100%;
  background-color: rgba(215, 215, 215, 0.8);
  opacity: 0;
}
.dashboard .dashboard-hangar.hangar-trans {
  -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
.dashboard .dashboard-content {
  width: auto;
  height: 100%;
  overflow-y: auto;
  padding-left: 20px;
}
.dashboard .dashboard-content .widget {
  background-color: #FFFFFF;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  height: 100%;
  box-shadow: 2px 2px 10px #ECEAEA;
}
.dashboard .dashboard-content .widget .widget-header {
  height: 60px;
  line-height: 60px;
  padding: 0 20px;
  color: #000000;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-flow: row nowrap;
  -webkit-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
}
.dashboard .dashboard-content .widget .widget-header .widget-title {
  color: #5A6A7F;
  font-size: 16px;
  font-weight: bold;
  cursor: move;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
}
.dashboard .dashboard-content .widget .widget-header .widget-menu-bar .menu-button {
  display: inline-block;
  width: 24px;
  height: 24px;
  line-height: 24px;
  font-size: 14px;
  color: #C0C9D2;
  padding: 0 5px;
  cursor: pointer;
}
.dashboard .dashboard-content .widget .widget-header .widget-menu-bar .menu-button-operation {
  display: inline-block;
  width: 24px;
  height: 24px;
  line-height: 24px;
  font-size: 14px;
  color: #C0C9D2;
  padding: 0 5px;
  cursor: pointer;
  border-radius: 50%;
}
.dashboard .dashboard-content .widget .widget-header .widget-menu-bar .menu-button-operation:hover {
  background-color: rgba(100, 190, 9, 0.3);
  color: #f68b1f;
}
.dashboard .dashboard-content .widget .widget-body {
  height: calc(100% - 80px);
  margin: 0 20px 20px;
  overflow-y: auto;
  position: relative;
}
/*******dashboard global chart style*******/
.dashboard .full-fit-chart {
  width: 100%;
  height: 100%;
  margin: 0 auto;
}
.dashboard .full-fit-chart .highcharts-container {
  width: 100% !important;
  height: 100% !important;
}
.dashboard .full-width-chart {
  width: 100%;
  height: 100%;
  margin: 0 auto;
}
.dashboard .full-width-chart .highcharts-container {
  width: 100% !important;
}
.dashboard .highcharts-tooltip > span {
  background: #FFFFFF;
  border: 1px solid silver;
  border-radius: 3px;
  box-shadow: 1px 1px 2px #888;
  padding: 8px;
  opacity: 1;
  z-index: 9999 !important;
}
/***dashboard specific widget style****/
.dashboard .storage-used-chart,
.file-count-chart {
  max-width: 500px;
}
.dashboard .number-of-seat-list {
  width: 100%;
}
.dashboard .number-of-seat-list li[class*=" col-"] {
  padding-left: 10px !important;
  padding-right: 10px !important;
}
.dashboard .number-of-seat-list li[class*=" col-"].first-child {
  padding-left: 1% !important;
  margin-right: -16.66%;
}
.dashboard .number-of-seat-list li[class*=" col-"].no-margin:first-child {
  margin-right: 0;
}
.dashboard .number-of-seat-list .chart-item-container {
  width: 100%;
  height: 120px;
  margin: 5px auto;
}
.dashboard .latest-message {
  overflow: hidden;
}
.dashboard .latest-message .empty {
  text-align: center;
  margin-top: calc(10vh);
}
.dashboard .latest-message .msg-item {
  height: 75px;
  line-height: 75px;
  position: relative;
  border-radius: 10px;
  color: #606060;
}
.dashboard .latest-message .msg-item div {
  display: inline-block;
  padding-left: 10px;
  height: 75px;
  line-height: 75px;
}
.dashboard .latest-message .msg-item .thumb-column {
  position: absolute;
  width: 69px;
  height: 69px;
  padding: 0px;
  margin-left: 10px;
  line-height: 69px;
  overflow: hidden;
  top: 3px;
}
.dashboard .latest-message .msg-item .thumb-column.no-click {
  cursor: default;
}
.dashboard .latest-message .msg-item .thumb-column .thumb-img {
  max-width: none !important;
  vertical-align: baseline;
}
.dashboard .latest-message .msg-item .thumb-column .thumb-area {
  position: absolute;
  left: 0px;
  width: 53px;
  height: 53px;
  overflow: hidden;
  padding: 0px;
  margin: 8px;
  text-overflow: clip;
  padding-left: 1px;
  text-align: center;
}
.dashboard .latest-message .msg-item .thumb-column .thumb-keyphoto {
  position: absolute;
  width: 69px;
  height: 69px;
  padding: 0px;
  left: 0px;
}
.dashboard .latest-message .msg-item .thumb-column .album-default {
  font-size: 25px;
  display: block;
  margin-top: 12px;
}
.dashboard .latest-message .msg-item .thumb-column .album-default.no-click {
  cursor: default;
}
.dashboard .latest-message .msg-item .thumb-column .icon-info {
  color: #f78512;
}
.dashboard .latest-message .msg-item .msg {
  position: absolute;
  top: 3px;
  right: 0;
  left: 80px;
  bottom: 3px;
}
.dashboard .latest-message .msg-item .msg a {
  color: inherit;
  text-decoration: none;
  cursor: pointer;
}
.dashboard .latest-message .msg-item .msg a {
  line-height: 22px;
  margin: 0px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.dashboard .latest-message .msg-item .msg .action-by-user {
  position: absolute;
  height: 22px;
  line-height: 22px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  bottom: 10px;
  left: 8px;
  right: 120px;
}
.dashboard .latest-message .msg-item .msg .change-time {
  position: absolute;
  width: 125px;
  height: 75px;
  right: 0;
  top: 0;
}
.dashboard .latest-message .msg-item .msg .name-span {
  position: absolute;
  top: 10px;
  right: 120px;
  left: 8px;
  height: 22px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 22px;
  font-weight: 600;
}
.dashboard .latest-message .msg-item .msg .name-span.no-click {
  cursor: default;
}
.export-dialog .modal-dialog {
  width: 530px;
  margin: 30px auto;
  border: none;
}
.export-dialog .modal-dialog .modal-body {
  min-height: 155px;
  max-height: 250px;
  font-size: 15px !important;
  font-weight: 500 !important;
  margin-top: 20px;
}
.export-dialog .modal-dialog .date-input {
  width: 150px;
  margin: 0;
  vertical-align: middle;
}
.export-dialog .modal-dialog .date-input ~ span.icon-s-Date_16 {
  position: relative;
  top: 2px;
  right: 0;
  z-index: 5;
}
.gridster {
  position: relative;
  margin: auto;
  height: 0;
}
.gridster > ul {
  margin: 0;
  list-style: none;
  padding: 0;
}
.gridster-item {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  list-style: none;
  z-index: 2;
  position: absolute;
  display: none;
}
.gridster-loaded {
  -webkit-transition: height .3s;
  -moz-transition: height .3s;
  -o-transition: height .3s;
  transition: height 0.3s;
}
.gridster-loaded .gridster-item {
  display: block;
  position: absolute;
  -webkit-transition: opacity .3s,left .3s,top .3s,width .3s,height .3s;
  -moz-transition: opacity .3s,left .3s,top .3s,width .3s,height .3s;
  -o-transition: opacity .3s,left .3s,top .3s,width .3s,height .3s;
  transition: opacity .3s,left .3s,top .3s,width .3s,height .3s;
  -webkit-transition-delay: 50ms;
  -moz-transition-delay: 50ms;
  -o-transition-delay: 50ms;
  transition-delay: 50ms;
}
.gridster-loaded .gridster-preview-holder {
  display: none;
  z-index: 1;
  position: absolute;
  background-color: #ddd;
  border-color: #fff;
  opacity: 0.2;
}
.gridster-loaded .gridster-item.gridster-item-moving,
.gridster-loaded .gridster-preview-holder {
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
}
.gridster-mobile {
  height: auto !important;
}
.gridster-mobile .gridster-item {
  height: auto;
  position: static;
  float: none;
}
.gridster-item.ng-leave.ng-leave-active {
  opacity: 0;
}
.gridster-item.ng-enter {
  opacity: 1;
}
.gridster-item-moving {
  z-index: 3;
}
.gridster-item-resizable-handler {
  position: absolute;
  font-size: 1px;
  display: block;
  z-index: 5;
}
.handle-se {
  cursor: se-resize;
  width: 0;
  height: 0;
  right: 1px;
  bottom: 1px;
  border-style: solid;
  border-width: 0 0 12px 12px;
  border-color: transparent;
}
.handle-ne {
  cursor: ne-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  top: 1px;
}
.handle-nw {
  cursor: nw-resize;
  width: 12px;
  height: 12px;
  left: 1px;
  top: 1px;
}
.handle-sw {
  cursor: sw-resize;
  width: 12px;
  height: 12px;
  left: 1px;
  bottom: 1px;
}
.handle-e {
  cursor: e-resize;
  width: 12px;
  bottom: 0;
  right: 1px;
  top: 0;
}
.handle-s {
  cursor: s-resize;
  height: 12px;
  right: 0;
  bottom: 1px;
  left: 0;
}
.handle-n {
  cursor: n-resize;
  height: 12px;
  right: 0;
  top: 1px;
  left: 0;
}
.handle-w {
  cursor: w-resize;
  width: 12px;
  left: 1px;
  top: 0;
  bottom: 0;
}
.gridster .gridster-item:hover .gridster-box {
  border: 1.5px solid #b3b2b3;
}
.gridster .gridster-item:hover .handle-se {
  border-color: transparent transparent #cccccc;
}
.people-tooltip {
  background-color: white;
  height: 60px;
  width: 210px;
  border: 1px solid silver;
  z-index: 100;
  position: absolute;
  border-radius: 5px;
  left: 58px;
  top: -5px;
  box-shadow: 4px 3px 8px rgba(0, 0, 0, 0.2);
}
.people-tooltip ._avatar {
  float: left;
  height: 50px;
  width: 50px;
  border-radius: 5px;
  margin: 4px;
}
.people-tooltip ._name {
  display: block;
  min-width: 50%;
  max-width: 145px;
  font-size: 16px;
  float: left;
  color: black;
  line-height: 1.7em;
  padding-top: 6px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.people-tooltip ._count {
  min-width: 50%;
  max-width: 145px;
  display: block;
  float: left;
  font-size: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.people-tooltip:before {
  content: '';
  display: block;
  width: 5px;
  height: 5px;
  border-top: 1px solid silver;
  border-left: 1px solid silver;
  background-color: white;
  position: absolute;
  transform: rotate(-45deg);
  left: -3px;
  top: 10px;
}
.back-to-top {
  width: 40px;
  line-height: 40px;
  overflow: hidden;
  z-index: 999;
  right: 100px;
  opacity: 0;
  cursor: pointer;
  position: fixed;
  bottom: 50px;
  background-color: #DDD;
  color: #555;
  text-align: center;
  font-size: 20px;
  text-decoration: none;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  transition: opacity .5s, right 0s .5s;
}
.back-to-top.-show {
  right: 0;
  display: block;
  opacity: 1;
  transition: opacity .5s;
}
.back-to-top .icon-icn_flight_arrow_up_01 {
  line-height: 40px;
}
.back-to-top:hover {
  background-color: #ddf;
  color: #000;
}
.landing-container {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow-y: auto;
  overflow-x: hidden;
  min-width: 1280px;
}
.landing-container .landing-header .nav {
  min-width: inherit;
}
.landing-container .landing-banner {
  height: 500px;
  background: no-repeat center center;
  background-size: cover;
  padding-top: 66px;
  position: relative;
}
.landing-container .landing-banner .nectar-video-wrap {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.landing-container .landing-banner .nectar-video-wrap .nectar-video-bg {
  width: 100%;
  height: 100%;
}
.landing-container .landing-banner .landing-banner-layer {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.4);
}
.landing-container .landing-banner .search-container {
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-flow: column nowrap;
  -webkit-flex-flow: column nowrap;
  -ms-flex-flow: column nowrap;
  justify-content: center;
  -webkit-align-content: center;
  -ms-align-content: center;
  -moz-box-align: center;
  align-items: center;
  -webkit-flex-item-align: center;
  -ms-flex-item-align: center;
}
.landing-container .landing-banner .search-container .landing-title {
  height: 40px;
  font-size: 30px;
  text-align: center;
  z-index: 100;
  width: 800px;
}
.landing-container .landing-banner .search-container .landing-title.opacity-title {
  color: #D0D0D0;
}
.landing-container .landing-banner .search-container .position-adjustor {
  width: 100%;
  height: 56px;
  margin-top: 40px;
}
.landing-container .landing-banner .search-container .search-box-container-wrapper {
  height: 56px;
}
@media screen and (min-width: 1400px) {
  .landing-container .landing-banner .search-container .ai-box {
    min-width: 772px !important;
  }
}
@media screen and (max-width: 1400px) {
  .landing-container .landing-banner .search-container .ai-box {
    width: 727px !important;
  }
}
@media screen and (min-width: 1600px) {
  .landing-container .landing-banner .search-container .ai-box {
    width: 952px !important;
  }
}
@media (min-width: 1200px) {
  .landing-container .landing-banner .search-container .ai-box {
    width: 877px !important;
  }
}
.landing-container .landing-banner .search-container .search-box-container {
  position: relative;
  width: 600px;
  margin: 0 auto;
  height: 56px;
}
.landing-container .landing-banner .search-container .search-box-container .ribbon-search1 {
  width: 100%;
  height: 56px;
  border: 0;
  margin: 0;
  border-radius: 28px;
  padding-left: 20px;
  padding-right: 20px;
  background-color: rgba(255, 255, 255, 0.96);
  box-shadow: 2px 5px 30px #A9A7A7 !important;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.landing-container .landing-banner .search-container .search-box-container .ribbon-search1 .ai-search {
  display: flex;
  align-items: center;
}
.landing-container .landing-banner .search-container .search-box-container .ribbon-search1 .ai-search .icon {
  font-size: 29px;
  color: #1a767a;
}
.landing-container .landing-banner .search-container .search-box-container .ribbon-search1 .ai-search .desc {
  font-size: 16px;
  margin-left: 5px;
  font-weight: 500;
}
.landing-container .landing-banner .search-container .search-box-container .landing-ai-search-box {
  height: 56px;
  border: 0;
  margin: 0;
  padding-left: 0px;
  padding-right: 0px;
  font-size: 18px;
  background-color: transparent;
  box-shadow: none !important;
  color: black;
  flex-grow: 1;
  color: #1b2e40;
}
.landing-container .landing-banner .search-container .search-box-container .landing-ai-search-box::placeholder {
  color: #677593;
  font-size: 16px;
}
.landing-container .landing-banner .search-container .search-box-container .landing-ai-search-box::-ms-clear {
  display: none;
}
.landing-container .landing-banner .search-container .search-box-container .landing-ai-search-box::-ms-reveal {
  display: none;
}
.landing-container .landing-banner .search-container .search-box-container .landing-search-box {
  width: 600px;
  height: 56px;
  border: 0;
  margin: 0;
  border-radius: 28px;
  padding-left: 28px;
  padding-right: 60px;
  font-size: 18px;
  background-color: rgba(255, 255, 255, 0.96);
  box-shadow: 2px 5px 30px #A9A7A7 !important;
  color: black;
}
.landing-container .landing-banner .search-container .search-box-container .landing-search-icon {
  position: absolute;
  right: 28px;
  top: 18px;
  font-size: 20px;
  color: #6F6E6E;
}
.landing-container .landing-banner .search-container .search-box-container-wrapper-fixed {
  position: fixed;
  top: 13px;
  z-index: 1000;
  height: 30px;
  width: 320px;
  right: 130px;
}
.landing-container .landing-banner .search-container .search-box-container-wrapper-fixed .search-box-container {
  width: 100%;
  height: 40px;
  line-height: 40px;
}
.landing-container .landing-banner .search-container .search-box-container-wrapper-fixed .search-box-container .landing-search-box {
  width: 100%;
  height: 30px;
  font-size: 14px;
  color: #fff;
  box-shadow: 0px 0px 0px #A9A7A7 !important;
}
.landing-container .landing-banner .search-container .search-box-container-wrapper-fixed .search-box-container .landing-search-icon {
  font-size: 14px;
  right: 10px;
  top: 14px;
  color: rgba(48, 48, 48, 0.8);
}
.landing-container .landing-banner .search-container .search-box-container.top-dock {
  position: fixed;
  top: 66px;
  left: calc(50% - 300px);
  z-index: 1260;
}
.landing-container .landing-banner .bgvideo-search-container {
  position: absolute;
  top: 0;
  width: 100%;
}
.landing-container .landing-footer {
  padding: 5px;
  text-align: center;
  word-wrap: break-word;
  word-break: normal;
}
.landing-container .landing-footer div {
  word-wrap: break-word;
  word-break: normal;
}
.landing-container .landing-footer div,
.landing-container .landing-footer p {
  margin: 5px 0;
}
.landing-container .slim-scroll-bar {
  opacity: 1 !important;
}
#fullcustomlanding {
  z-index: 1010;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background-color: #fff;
  transition: 1s top;
  padding: 0px;
}
#fullcustomlanding .lp {
  margin: 0px;
  height: calc(100% - 60px);
}
#fullcustomlanding .f-edit-top {
  height: 60px;
  width: 100%;
  border-bottom: 1px solid #ddd;
  display: flex;
  align-items: center;
}
#fullcustomlanding .f-edit-top .f-t-title {
  display: flex;
  flex-grow: 1;
  justify-content: center;
  align-items: center;
  color: #626262;
  font-weight: normal;
  font-size: 20px;
  padding-left: 200px;
}
#fullcustomlanding .f-edit-top .f-t-btns {
  display: flex;
  width: 200px;
  padding-right: 30px;
  justify-content: space-between;
}
.p-top-nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  right: 0px;
  left: 0px;
  padding: 0px;
  z-index: 10;
}
.p-top-nav div {
  display: flex;
}
.p-top-nav .p-left {
  min-width: 1px;
  padding: 0px;
}
.p-top-nav .p-center {
  flex-grow: 1;
  justify-content: flex-end;
}
.p-top-nav .p-right {
  min-width: 1px;
  padding: 0 10px 0 0;
}
.p-top-nav .p1-center {
  flex-grow: 1;
  justify-content: flex-start;
}
.p-top-nav .p2-center {
  flex-grow: 1;
  justify-content: center;
  justify-self: center;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  margin: 0px!important;
}
.p-top-nav .p-section {
  word-break: break-word;
}
.p-top-nav .p-section > div {
  padding: 0px;
  min-height: 66px;
  align-items: center;
}
.p-top-nav a {
  color: inherit;
}
.p-top-nav .ele-txt {
  font-size: 16px;
}
.p-top-nav .pbtn {
  padding: 10px 20px;
  align-items: center;
}
.p-top-nav .p-top-left {
  align-items: center;
}
.p-top-nav img {
  image-rendering: -webkit-optimize-contrast;
  transform: translateZ(0);
}
.top-transparent {
  background-color: rgba(0, 0, 0, 0.4);
}
.inSet .p-top-left {
  padding: 0px 2px;
}
.topEdit .p-top-left {
  border: 1px dashed;
  border-radius: 5px;
  min-width: 30px;
  min-height: 66px;
}
.topEdit .p-top-left.secEdit {
  border: 2px solid;
}
.pl20 {
  padding-left: 20px;
}
.mr10 {
  margin-right: 10px!important;
}
.p-edit-btn {
  position: absolute;
  bottom: -19px;
  color: #FFFFFF;
  background: rgba(0, 0, 0, 0.4);
  padding: 8px 50px;
  border-radius: 3px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 15px;
}
.p-smart {
  display: inline-block;
  border: 2px solid;
  border-radius: 50%;
  cursor: pointer;
  font-size: 15px;
  width: 30px;
  height: 30px;
  padding: 6px;
}
.pt-edit-area {
  position: absolute;
  color: #FFFFFF;
  background: rgba(0, 0, 0, 0.4);
  padding: 0px;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  display: flex;
  z-index: 200;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  height: 400px;
  padding-bottom: 10px;
}
.pt-edit-area .p-top-nav {
  position: static;
}
.pt-edit-area div {
  display: flex;
}
.pt-edit-area .txt-url {
  margin-left: 10px;
  width: 300px;
}
.pt-edit-area .pt-detail {
  flex-direction: column;
  align-items: stretch;
  padding: 20px;
  overflow-y: auto;
  padding-right: 20px;
  background-color: white;
  color: #4a4a4a;
  margin-top: 15px;
  width: 400px;
  margin-left: 20px;
  border-radius: 8px;
  height: 420px;
  border: 1px solid #ddd;
}
.pt-edit-area .h-box {
  border-bottom: 1px solid #ddd;
}
.pt-edit-area .h-box:hover {
  cursor: move;
}
.pt-edit-area .h-tab {
  padding: 10px 15px;
  margin-bottom: -1px;
  border-radius: 4px 4px 0 0;
  border: transparent 1px solid;
}
.pt-edit-area .active-title {
  border: #ddd 1px solid;
  border-bottom: 0;
  background: #fff;
  color: #009feb;
}
.pt-edit-area .pt-left {
  flex-direction: column;
  justify-content: flex-start;
  width: 100%;
  align-items: stretch;
  overflow-y: auto;
}
.pt-edit-area .pos-sel {
  width: 50px;
}
.pt-edit-area .pt-title {
  height: 40px;
  align-items: center;
  margin-top: 10px;
}
.pt-edit-area .pt-item {
  padding: 20px 5px;
  border-bottom: 1px solid #ddd;
  flex-direction: column;
  justify-content: space-between;
}
.pt-edit-area .pt-item-title {
  flex-direction: row;
  justify-content: space-between;
}
.pt-edit-area .pt-item-col {
  flex-direction: row;
  justify-content: space-between;
  margin-top: 20px;
}
.pt-edit-area .pt-layouts {
  flex-direction: column;
  padding: 20px 0px;
}
.pt-edit-area .pt-lay-item {
  justify-content: space-between;
  align-items: center;
  background-color: #eee;
  height: 60px;
  padding: 0px 15px;
  border: 2px solid #ddd;
  flex-shrink: 0;
  margin: 10px;
}
.pt-edit-area .ptl-logo {
  color: #4a4a4a;
  font-weight: 500;
}
.pt-edit-area .ptl-links {
  align-items: center;
  justify-content: center;
  flex-grow: 1;
}
.pt-edit-area .ptl-links .ptl-link {
  width: 20px;
  height: 5px;
  margin: 0 4px;
  background-color: #a1a1a1;
}
.pt-edit-area .ptl-btn {
  width: 32px;
  height: 15px;
  background-color: #767676;
  margin-left: 4px;
}
.pt-edit-area .item-right .ptl-links {
  justify-content: flex-end;
}
.pt-edit-area .item-left .ptl-links {
  justify-content: left;
}
.pt-edit-area .logo-center {
  position: relative;
}
.pt-edit-area .logo-center .ptl-logo {
  justify-self: center;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.pt-edit-area .logo-center .ptl-links {
  flex-grow: 0;
}
.pt-edit-area .logo-right .ptl-logo {
  order: 3;
}
.pt-edit-area .logo-right .ptl-links {
  order: 2;
}
.pt-edit-area .logo-right .ptl-btn {
  order: 1;
}
.pt-edit-area .typeSek {
  background-color: #bbb;
  border: 2px solid #e5e690;
}
.pt-edit-area .pti-content {
  flex-direction: column;
  padding: 20px 10px;
}
.pt-edit-area .m-right-10 {
  margin-right: 10px;
}
.pt-edit-area rzslider {
  width: 100%;
  display: inline-block;
  margin: 20px 0;
}
.pt-edit-area rzslider span.bar {
  height: 5px;
  border-radius: 5px;
  background-color: #ccc!important;
}
.pt-edit-area rzslider span.pointer {
  left: 112px;
  width: 17px;
  height: 17px;
  top: -6px;
  background-color: #4a4a4a !important;
  box-shadow: 0 0 5px #777;
}
.pt-edit-area rzslider span.pointer:after {
  width: 0;
  height: 0;
}
.pt-edit-area .pt-right {
  flex-direction: column;
  flex-grow: 1;
  overflow-y: auto;
  padding-right: 10px;
}
.pt-edit-area .pt-line {
  border-bottom: 1px solid #ebebeb;
  margin-top: 10px;
}
.pt-edit-area .btn-add {
  margin-left: auto;
}
.pt-edit-area .btn-back {
  margin-left: 20px;
}
.pt-edit-area .btn-ok {
  margin-left: auto;
}
.pt-edit-area .close1 {
  margin-left: auto;
  padding-top: 5px;
}
.pt-edit-area .pt-list {
  margin-top: 10px;
}
.pt-edit-area .pt-list > div {
  height: 40px;
  align-items: center;
  flex-shrink: 0;
}
.pt-edit-area .pt-list img {
  height: 40px;
}
.pt-edit-area .icon-area {
  flex-wrap: wrap;
  margin-bottom: 10px!important;
}
.pt-edit-area .link-icn {
  padding: 7px;
  border: 2px solid #ddd;
  margin-right: 20px;
  margin-bottom: 10px;
}
.pt-edit-area .link-select {
  background-color: #eee;
}
.pt-edit-area .down {
  margin-left: 12px;
}
.pt-edit-area .pencil {
  margin-left: 8px;
  margin-right: 5px;
}
.pt-edit-area .col1 {
  width: 100px;
}
.pt-edit-area .col2 {
  padding-right: 5px;
  flex-grow: 1;
  max-width: 140px;
}
.pt-edit-area .col2 .p-smart {
  margin-left: 0px;
}
.pt-edit-area .col3 {
  width: 0px;
  flex-grow: 1;
}
.pt-edit-area .col4 {
  width: 100px;
  justify-content: flex-end;
}
.pt-edit-area .col5 {
  width: 45px;
}
.pt-edit-area .col6 {
  width: 40px;
  justify-content: flex-end;
}
.pt-edit-area .centerY {
  align-items: center;
}
.pt-edit-area .pte-detail {
  flex-grow: 1;
  margin-top: 10px;
}
.pt-edit-area .between {
  justify-content: space-between;
}
.pt-edit-area .sm-edit {
  flex-direction: column;
}
.pt-edit-area .ele-logo {
  width: 100%;
  flex-direction: column;
}
.pt-edit-area .ele-logo > div {
  margin-bottom: 20px;
}
.pt-edit-area .ele-logo > input {
  margin-bottom: 20px;
}
.pt-edit-area .ele-logo > rzslider {
  margin-bottom: 5px;
}
.pt-edit-area .ele-left {
  width: 100%;
  flex-direction: column;
  flex-grow: 1;
  padding-top: 10px;
  padding-right: 20px;
}
.pt-edit-area .ele-left > div {
  margin-bottom: 20px;
}
.pt-edit-area .ele-left > input {
  margin-bottom: 20px;
}
.pt-edit-area .ele-left > rzslider {
  margin-bottom: 30px;
}
.pt-edit-area .ele-right {
  width: 50%;
  flex-direction: column;
  flex-grow: 1;
  padding-top: 10px;
  padding-left: 20px;
}
.pt-edit-area .ele-right > div {
  margin-bottom: 20px;
  align-items: flex-start;
}
.pt-edit-area .ele-right > input {
  margin-bottom: 20px;
}
.pt-edit-area .link-size {
  justify-content: space-between;
  margin-bottom: 0px!important;
}
.pt-edit-area .circle {
  border-radius: 50%;
  border: 1px solid #ddd;
  padding: 10px;
}
.pt-edit-area .pte-add {
  margin-top: 20px;
  justify-content: flex-end;
}
.pt-edit-area .pte-add .select-wrap {
  margin-right: auto;
  margin-bottom: 0px;
}
.pt-edit-area .pte-add .t-name {
  margin-left: 10px;
}
.pt-edit-area .pte-type {
  margin-right: auto;
  align-items: center;
}
.pt-edit-area .logo-img {
  position: relative;
  justify-content: center;
  align-items: center;
  min-height: 100px;
  background-color: #efefef;
}
.pt-edit-area .logo-img img {
  max-height: 200px;
}
.pt-edit-area .logo-img .logo-hover {
  position: absolute;
  padding: 10px;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 100;
  display: none;
  justify-content: center;
  align-items: center;
}
.pt-edit-area .logo-img .logo-icn {
  color: #FFFFFF;
  font-size: 18px;
  width: 40px;
  background-color: #adadad;
  height: 40px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 10px;
}
.pt-edit-area .logo-img:hover .logo-hover {
  display: flex;
}
.pt-edit-area .logo-up {
  width: 100%;
  height: 46px;
  position: absolute;
  top: -900px;
  left: 0;
}
.pt-edit-area .sm-color {
  margin-top: 10px;
  justify-content: space-between;
}
.p-bottom-nav {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  position: relative;
  z-index: 10;
  min-height: 50px;
}
.p-bottom-nav.topShow .pbe-link:hover {
  text-decoration: underline;
}
.p-bottom-nav div {
  display: flex;
}
.p-bottom-nav .pb-row {
  min-width: 1px;
  justify-content: center;
  align-items: stretch;
}
.p-bottom-nav .pb-row .pbr-eles {
  justify-content: center;
  flex-wrap: wrap;
  width: 100%;
  align-content: flex-start;
}
.p-bottom-nav .pb-edit-btn {
  position: absolute;
  color: #FFFFFF;
  background: #999;
  padding: 8px 50px;
  border-radius: 3px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 15px;
  line-height: 120%;
  top: -23px;
}
.p-bottom-nav.inSet .pb-row {
  padding: 0px 2px;
  border: 1px dotted;
}
.p-bottom-nav.inSet .pb-row.left {
  border-right: 0px;
}
.p-bottom-nav.inSet .pb-row.center {
  border-left: 0px;
  border-right: 0px;
}
.p-bottom-nav.inSet .pb-row.right {
  border-left: 0px;
}
.p-bottom-nav.inSet .pb-row {
  border: 1px dotted;
}
.p-bottom-nav .pb-drag {
  width: 14px;
  min-height: 50px;
  border: 1px dotted;
  position: absolute;
  top: 0px!important;
  height: 100%;
  cursor: ew-resize;
  border-top: 0px;
  border-bottom: 0px;
  border-color: inherit;
  align-items: center;
  justify-content: center;
}
.p-bottom-nav .pb-drag > div {
  font-size: 10px;
  transform: rotate(45deg);
}
.p-bottom-nav.topEdit .p-section:hover {
  border: 1px solid;
}
.p-bottom-nav.topEdit .secEdit {
  border-style: solid;
}
.p-bottom-nav .p-section {
  word-break: break-word;
}
.p-bottom-nav .p-section a {
  color: unset;
}
.p-bottom-nav .pbe-space {
  width: 100%;
}
.p-bottom-nav .pbe-line {
  width: 100%;
  align-items: center;
}
.p-bottom-nav .pbe-line .f-line {
  width: 100%;
  border-top: 1px solid;
}
.foot-edit-area .pt-detail {
  margin-bottom: 5px;
  margin-top: auto;
  width: 420px;
}
.foot-edit-area .pt-detail .pt-list {
  margin-top: 0px;
}
.foot-edit-area .pt-detail .pt-list:first-child {
  margin-top: 10px;
}
.foot-edit-area .pt-detail .pt-list .icon-s-importicon-56 {
  margin-right: 7px;
  font-size: 20px;
}
.foot-edit-area .pt-detail textarea {
  width: 100%;
  min-height: 35px;
  max-height: 178px;
  padding: 10px 4px;
  height: 160px;
  margin-bottom: 25px;
}
.sec_space {
  border: 1px dotted;
  width: 70%;
  margin: -25px auto !important;
  padding: 0px 20px;
  height: 40px;
  display: flex;
  align-items: center;
  padding: 0px 10px!important;
}
.sec_space.spce-display {
  border: 0px;
}
.sec_space > span {
  margin: 0 10px;
}
.sec_space rzslider {
  width: 450px;
  display: inline-block;
  margin: 20px 0;
}
.sec_space rzslider span.bar {
  height: 5px;
  border-radius: 5px;
  background-color: #ccc!important;
}
.sec_space rzslider span.pointer {
  left: 112px;
  width: 17px;
  height: 17px;
  top: -6px;
  background-color: #4a4a4a !important;
  box-shadow: 0 0 5px #777;
}
.sec_space rzslider span.pointer:after {
  width: 0;
  height: 0;
}
.preview-tooltip {
  position: absolute;
  background: #efefef;
  z-index: 100;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  display: none;
  border: solid 1px #cccccc;
}
.preview-tooltip .tooltip-arrow,
.preview-tooltip .tooltip-arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 11px;
}
.preview-tooltip.tooltip-left-top .tooltip-arrow {
  border-left-color: rgba(0, 0, 0, 0.25);
  top: 30px;
  left: 100%;
}
.preview-tooltip.tooltip-left-top .tooltip-arrow:after {
  content: ' ';
  border-width: 10px;
  border-left-color: #efefef;
  top: -10px;
  left: -11px;
}
.preview-tooltip.tooltip-right-top .tooltip-arrow {
  border-right-color: rgba(0, 0, 0, 0.25);
  top: 30px;
  left: -22px;
}
.preview-tooltip.tooltip-right-top .tooltip-arrow:after {
  content: ' ';
  border-width: 10px;
  border-right-color: #efefef;
  top: -10px;
  left: -9px;
}
.preview-tooltip.tooltip-left-bottom .tooltip-arrow {
  border-left-color: rgba(0, 0, 0, 0.25);
  bottom: 30px;
  left: 100%;
}
.preview-tooltip.tooltip-left-bottom .tooltip-arrow:after {
  content: ' ';
  border-width: 10px;
  border-left-color: #efefef;
  top: -10px;
  left: -11px;
}
.preview-tooltip.tooltip-right-bottom .tooltip-arrow {
  border-right-color: rgba(0, 0, 0, 0.25);
  bottom: 30px;
  left: -22px;
}
.preview-tooltip.tooltip-right-bottom .tooltip-arrow:after {
  content: ' ';
  border-width: 10px;
  border-right-color: #efefef;
  top: -10px;
  left: -9px;
}
.preview-tooltip.list-tooltip.tooltip-left-top .tooltip-arrow {
  top: 5px;
}
.preview-tooltip.list-tooltip.tooltip-right-top .tooltip-arrow {
  top: 5px;
}
.preview-tooltip.list-tooltip.tooltip-left-bottom .tooltip-arrow {
  bottom: 5px;
}
.preview-tooltip.list-tooltip.tooltip-right-bottom .tooltip-arrow {
  bottom: 5px;
}
.preview-tooltip-content .tooltip-content-img {
  padding: 10px;
  height: 340px;
  width: 340px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-flow: column nowrap;
  -webkit-flex-flow: column nowrap;
  -ms-flex-flow: column nowrap;
  justify-content: center;
  -webkit-align-content: center;
  -ms-align-content: center;
  -moz-box-align: center;
  align-items: center;
  -webkit-flex-item-align: center;
  -ms-flex-item-align: center;
}
.preview-tooltip-content .tooltip-content-img video,
.preview-tooltip-content .tooltip-content-img img {
  max-height: 320px;
  max-width: 320px;
  background: url(img/preview_bk_image.png);
  min-width: 10px;
  min-height: 10px;
}
.preview-tooltip-content .tooltip-content-img._panorama {
  max-height: 320px;
  max-width: 320px;
}
.preview-tooltip-content .tooltip-content-img-auto {
  width: auto;
  height: auto;
}
.preview-tooltip-content .spinner-container {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.preview-tooltip-content .tooltip-content-info {
  width: 390px;
  height: 290px;
  line-height: 20px;
  overflow: auto;
  margin: 5px 0 5px 10px;
}
.preview-tooltip-content .tooltip-content-info p {
  padding: 0;
  margin: 0 0 10px;
  width: 364px;
  word-break: break-word;
  text-align: left;
  color: #333;
}
.preview-tooltip-content .tooltip-content-info p b {
  display: block;
}
.preview-tooltip-content .tooltip-content-info p.label {
  border: 1px solid #444;
  width: 300px;
  height: 15px;
  border-radius: 5px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  overflow: hidden;
}
.preview-tooltip-content .tooltip-content-info p.label span {
  font-size: 0;
  display: inline-block;
  flex: 1;
}
html.a-fullscreen .preview-tooltip .a-canvas {
  position: relative !important;
}
html.a-fullscreen .preview-tooltip .a-canvas {
  position: relative !important;
}
.landing-template-container .row {
  margin-left: -15px;
  margin-right: -15px;
}
.landing-template-container .row.tpl-section,
.landing-template-container .tpl-section {
  margin: 40px 0;
}
.landing-template-container .tpl-section {
  position: relative;
  /****below are the spetical css in different section ***/
}
.landing-template-container .tpl-section .changSectionType {
  position: absolute;
  z-index: 20;
  right: 70px;
  top: 0px;
}
.landing-template-container .tpl-section .tpl-section-title {
  font-size: 20px;
  text-align: center;
  padding: 15px 0;
  line-height: 1.5;
}
.landing-template-container .tpl-section .tpl-section-title p {
  margin: 0px;
}
.landing-template-container .tpl-section .tpl-item.w27 .ratio-container.square-item {
  padding-top: 37%;
}
.landing-template-container .tpl-section .tpl-item.folder .ratio-container.square-item {
  padding-top: 62.5%;
}
.landing-template-container .tpl-section .tpl-item.half-height .ratio-container.square-item {
  padding-top: calc(50% - 15px);
}
.landing-template-container .tpl-section .tpl-item .ratio-container {
  position: relative;
  z-index: 15;
}
.landing-template-container .tpl-section .tpl-item .ratio-container.square-item {
  padding-top: 100%;
}
.landing-template-container .tpl-section .tpl-item .tpl-item-thumb-container {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  overflow: hidden;
}
.landing-template-container .tpl-section .tpl-item .tpl-item-thumb-container .tpl-item-thumb {
  height: 100%;
  border: solid 1px #b6b6b6;
  overflow: hidden;
  position: relative;
  text-align: center;
}
.landing-template-container .tpl-section .tpl-item .tpl-item-thumb-container .tpl-item-thumb img {
  max-width: none !important;
  max-height: none !important;
  width: 100%;
  height: 100%;
}
.landing-template-container .tpl-section .tpl-item .tpl-item-thumb-container .tpl-item-thumb .key-photo {
  background: repeat url('img/preview_bk_image.png');
  cursor: pointer;
}
.landing-template-container .tpl-section .tpl-item .tpl-item-thumb-container .tpl-item-thumb .no-image {
  position: absolute;
  width: 64px;
  height: 64px;
  left: calc( 50% - 32px );
  top: calc( 50% - 32px );
  cursor: pointer;
}
.landing-template-container .tpl-section .tpl-item .tpl-item-thumb-container .tpl-item-thumb .item-text {
  padding: 10px;
  overflow: hidden;
}
.landing-template-container .tpl-section .tpl-item .tpl-item-thumb-container .tpl-item-thumb.edit {
  border: dotted 1px #b6b6b6;
}
.landing-template-container .tpl-section .tpl-item .tpl-item-thumb-container .tpl-item-thumb .tpl-item-layer {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background-color: rgba(225, 225, 227, 0.9);
  display: none;
  z-index: 100;
}
.landing-template-container .tpl-section .tpl-item .tpl-item-thumb-container .tpl-item-thumb .tpl-item-layer .tpl-item-operation {
  text-align: center;
  margin: 5px 0;
}
.landing-template-container .tpl-section .tpl-item .tpl-item-thumb-container .tpl-item-thumb .tpl-item-layer .tpl-item-operation .icon-s-Uploadicon-56 {
  color: #5C5C60;
  font-size: 80px;
}
.landing-template-container .tpl-section .tpl-item .tpl-item-thumb-container .tpl-item-thumb .tpl-item-layer.show-layer {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-flow: column nowrap;
  -webkit-flex-flow: column nowrap;
  -ms-flex-flow: column nowrap;
  justify-content: center;
  -webkit-align-content: center;
  -ms-align-content: center;
  -moz-box-align: center;
}
.landing-template-container .tpl-section .tpl-item .tpl-item-thumb-container .tpl-item-thumb .tpl-item-decorator {
  position: absolute;
  padding: 10px;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 100;
  display: none;
  justify-content: center;
  align-items: center;
}
.landing-template-container .tpl-section .tpl-item .tpl-item-thumb-container .tpl-item-thumb .tpl-item-decorator .icon-remove-item-data {
  color: #FFFFFF;
  font-size: 24px;
  width: 40px;
  background-color: #adadad;
  height: 40px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 10px;
}
.landing-template-container .tpl-section .tpl-item .tpl-item-thumb-container .tpl-item-thumb .tpl-item-decorator .album-name {
  position: absolute;
  bottom: 10px;
  left: 10px;
  right: 10px;
  word-break: break-word;
  font-size: 15px;
  color: white;
  text-align: left;
}
.landing-template-container .tpl-section .tpl-item .tpl-item-thumb-container .tpl-item-thumb .video-error-container {
  width: 100%;
  height: 100%;
  background: #000;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.landing-template-container .tpl-section .tpl-item .tpl-item-thumb-container .tpl-item-thumb .video-error-container .video-process-icon {
  display: inline-block;
  color: #FFFFFF;
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 50%;
  font-weight: 800;
  cursor: default;
}
.landing-template-container .tpl-section .tpl-item .tpl-item-thumb-container .tpl-item-thumb .video-error-container .process-text {
  margin-top: 20px;
  font-weight: 500;
  color: #FFFFFF;
}
.landing-template-container .tpl-section .tpl-item .tpl-item-thumb-container .hover-animation:hover .tpl-item-decorator {
  display: flex;
}
.landing-template-container .tpl-section .tpl-item .tpl-item-title {
  height: 30px;
  line-height: 30px;
  text-align: left;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.landing-template-container .tpl-section .tpl-item .tpl-item-title .title-input {
  height: 30px;
  margin-top: 0px;
  width: 100%;
}
.landing-template-container .tpl-section .tpl-item .tpl-item-title .title-text {
  display: inline-block;
  max-width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.landing-template-container .tpl-section .tpl-item .tpl-item-title .pencil {
  display: inline-block;
}
.landing-template-container .tpl-section .tpl-item .tpl-item-title a {
  color: unset;
}
.landing-template-container .tpl-section .tpl-item .tpl-item-title-5 {
  line-height: 30px !important;
  height: 30px !important;
  margin-top: 0px !important;
}
.landing-template-container .tpl-section .tpl-section-rs6lb1 .right-part {
  height: 100%;
}
.landing-template-container .tpl-section .tpl-section-rs6lb1 .right-part .tpl-item {
  height: 100%;
}
.landing-template-container .tpl-section .tpl-section-rs6lb1 .right-part .tpl-item .ratio-container {
  padding-top: 0;
  height: calc( 100% - 30px );
}
.landing-template-container .row-eq-height {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-flow: row nowrap;
  -webkit-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
}
.landing-template-container .row-eq-height > [class*='col-'] {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-flow: column nowrap;
  -webkit-flex-flow: column nowrap;
  -ms-flex-flow: column nowrap;
}
@media screen and (min-width: 1400px) {
  .landing-template-container .container {
    min-width: 1030px !important;
  }
}
@media screen and (max-width: 1400px) {
  .landing-template-container .container {
    width: 970px !important;
  }
}
@media screen and (min-width: 1600px) {
  .landing-template-container .container {
    width: 1270px !important;
  }
}
.landing-template-container .addSections {
  margin-right: 10px;
  width: 40px;
  height: 40px;
  padding: 9px;
  font-size: 20px;
  font-weight: bold;
  color: #4a4a4a;
  border: 1px solid #ccc;
}
.landing-template-container .changSectionType {
  border: 1px solid #ddd;
}
.landing-template-container .changSectionType .sectionType {
  font-size: 40px;
  float: left;
  margin-right: 10px;
  margin-left: 10px;
}
.landing-template-container .changSectionType .sectionType .s-icon {
  color: #4a4a4a;
}
.landing-template-container .changSectionType .sectionType .icon-s-layout18-32 {
  font-size: 20px;
  margin-top: 10px;
}
.landing-template-container .changSectionType .sectionType .icon-s-layout30-32 {
  font-size: 18px;
  margin-top: 8px;
}
.landing-template-container .changSectionType .sectionType .icon-s-layout30-32:after {
  content: 'Space';
  font-family: 'canto-font';
}
.landing-template-container .editSection {
  position: absolute;
  right: 10px;
  top: 1px;
  font-size: 18px;
  color: #4a4a4a;
  z-index: 20;
  display: flex;
  align-items: center;
}
.landing-template-container .editSection .pencil {
  margin-right: 5px;
}
.landing-template-container .editSection .up {
  margin-right: 10px;
}
.landing-template-container .editSection .down {
  margin-right: 5px;
}
.landing-template-container .copy-section {
  padding-top: 20px;
}
.landing-template-container .copy-section .d-content {
  word-break: break-word;
  line-height: 1.5;
}
.landing-template-container .copy-section .copy-text {
  min-height: 250px;
}
.landing-template-container .copy-section .copy-text .d-content {
  min-height: 200px;
  padding: 15px;
  border: 1px solid #ccc;
}
.landing-template-container .copy-section .editor-run .d-content {
  display: none;
}
.landing-template-container .copy-section .trumbowyg-box {
  min-height: 260px;
  margin-top: 0px;
  width: 100%;
  position: relative;
}
.landing-template-container .copy-section .trumbowyg-editor {
  min-height: 260px;
}
.eyebrow-message-banner {
  font-size: 14px;
  position: relative;
  top: -60px;
  z-index: 5;
}
.eyebrow-message-banner .eyebrow-message-list {
  height: 30px;
  text-overflow: ellipsis;
  overflow: hidden;
  padding: 8px 20px;
  font-weight: normal;
  text-align: center;
}
.eyebrow-message-banner .eyebrow-message-list .error-message {
  color: #DB2121;
}
.eyebrow-message-banner .eyebrow-message-list .success-message {
  color: #0A9E1E;
}
.eyebrow-message-banner .eyebrow-operation-bar {
  position: absolute;
  right: 0px;
  height: 30px;
  line-height: 30px;
}
.eyebrow-message-banner .eyebrow-operation-bar a {
  cursor: pointer;
  text-decoration: none;
}
.eyebrow-message-banner .eyebrow-operation-bar .eyebrow-close {
  margin: 0 10px;
  font-size: 15px;
  line-height: 20px;
  vertical-align: middle;
}
.eyebrow-message-banner .eyebrow-operation-bar span.eyebrow-link-item {
  margin: 0 5px;
  text-decoration: underline;
  font-weight: normal;
}
.eyebrow-message-banner .eyebrow-operation-bar .eyebrow-link-item-separator::after {
  content: '|';
  font-size: 16px;
}
.eyebrow-message-banner.eyebrow-message-animation {
  -webkit-transition: top 0.5s ease-in;
  -moz-transition: top 0.5s ease-in;
  -o-transition: top 0.5s ease-in;
  transition: top 0.5s ease-in;
  top: 0px;
}
.eyebrow-message-dialog ul.failedFileList {
  height: 100px;
}
.eyebrow-message-dialog .common-part {
  text-align: left;
}
.pim-success-banner {
  z-index: 10;
  position: relative;
}
.pim-success-banner .pim-message-banner {
  font-size: 14px;
  top: -60px;
  position: initial !important;
}
.pim-success-banner .pim-message-list {
  height: 30px;
  text-overflow: ellipsis;
  overflow: hidden;
  padding: 8px 20px;
  font-weight: normal;
  text-align: center;
  text-decoration: underline;
}
.pim-success-banner .pim-operation-bar {
  position: absolute;
  right: 0px;
  height: 30px;
  line-height: 30px;
}
.pim-success-banner .pim-operation-bar a {
  cursor: pointer;
  text-decoration: none;
}
.pim-success-banner .pim-operation-bar .pim-close {
  margin: 0 10px;
  font-size: 15px;
  line-height: 20px;
  vertical-align: middle;
}
.pim-success-banner .pim-operation-bar span.pim-link-item {
  margin: 0 5px;
  text-decoration: underline;
  font-weight: normal;
}
.pim-success-banner .pim-operation-bar .pim-link-item-separator::after {
  content: '|';
  font-size: 16px;
}
.pim-success-banner.pim-message-animation {
  -webkit-transition: top 0.5s ease-in;
  -moz-transition: top 0.5s ease-in;
  -o-transition: top 0.5s ease-in;
  transition: top 0.5s ease-in;
  top: 0px;
}
.basic-Set .secondaryColorScrollbar::-webkit-scrollbar-thumb {
  background-color: #626262 !important;
}
.basic-Set .secondaryColorScrollbar {
  scrollbar-face-color: #626262 !important;
}
.basic-Set .btn-optional {
  color: #626262 !important;
  background-color: #e2e2e2 !important;
  font-weight: 400 !important;
}
.basic-Set .btn-optional.btn-important-keyword {
  font-weight: bold !important;
  color: #4A4A4A !important;
}
.basic-Set .btn-optional.btn-important-keyword:hover {
  color: #fdfeff !important;
}
.basic-Set .contents {
  margin: 1em 20px 50px;
}
.basic-Set .nav {
  position: relative;
  min-width: 930px;
  width: auto;
}
.basic-Set .nav > li > a {
  text-align: center;
  min-width: 100px;
}
.basic-Set .rightPart {
  width: auto!important;
  margin-left: 250px;
}
.basic-Set .rightPart.allPart {
  margin-left: 0px;
}
.basic-Set .basicdisabled {
  color: #C1C1C1 !important;
}
.basic-Set .ui-pagination .pagination-prev [class^="icon-"],
.basic-Set .ui-pagination .pagination-next [class^="icon-"] {
  border: solid 2px;
  border-radius: 50%;
  font-size: 25px;
}
.basic-Set .disabled {
  cursor: default;
}
.basic-Set .disabled *[ng-click],
.basic-Set .disabled [class^="icon-"],
.basic-Set .disabled [class*=" icon-"] {
  cursor: default;
}
.basic-Set .leftPart {
  position: absolute;
  height: calc(100% - 230px);
}
.basic-Set .leftPart .b-options {
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}
.basic-Set .hideLeftPart {
  visibility: hidden;
}
.basic-Set .rightPart.allPart .setting-content {
  left: 35px;
}
.basic-Set .hideSplitLine {
  left: 20px !important;
}
.basic-Set .hideSplitLine .split-btn {
  transform: rotate(270deg) !important;
  -ms-transform: rotate(270deg) !important;
  -moz-transform: rotate(270deg) !important;
  display: inline-block !important;
}
.basic-Set .splitLine {
  left: 257px;
  display: inline-block;
  position: absolute;
  height: calc(100% - 180px);
  z-index: 10;
  cursor: none;
  width: 1px;
  background-color: #ddd;
}
.basic-Set .splitLine .split-btn {
  transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  border-radius: 5em;
  width: 25px;
  height: 25px;
  cursor: pointer;
  text-align: center;
  line-height: 26px!important;
  font-size: 12px!important;
  margin-left: -11px;
  margin-top: 30px;
  display: inline-block;
}
.basic-Set .splitLine .split-btn:hover {
  background-color: #009CB9 !important;
}
.basic-Set .splitLine .split-msg {
  width: 70px;
}
.basic-Set .splitLine .split-msg .tooltip-inner {
  text-align: left;
}
.basic-Set .m-bottom-10 {
  margin-bottom: 10px;
}
.basic-Set .m-bottom-15 {
  margin-bottom: 15px;
}
.basic-Set .w8 {
  width: 800px;
}
.basic-Set .m-bottom-8 {
  margin-bottom: 8px;
}
.basic-Set .m-left-15 {
  margin-left: 15px;
}
.basic-Set .m-right-5 {
  margin-right: 5px;
}
.basic-Set .m-right-10 {
  margin-right: 10px;
}
.basic-Set .m-bottom-20 {
  margin-bottom: 20px;
}
.basic-Set .m-bottom-25 {
  margin-bottom: 25px;
}
.basic-Set .m-top-25 {
  margin-top: 25px;
}
.basic-Set .m-top-5 {
  margin-top: 5px;
}
.basic-Set .m-top-15 {
  margin-top: 15px;
}
.basic-Set .p-left-40 {
  padding-left: 40px;
}
.basic-Set .p-left-5 {
  padding-left: 5px!important;
}
.basic-Set .p-right-20 {
  padding-right: 20px;
}
.basic-Set .b-options {
  padding-top: 40px;
  width: 235px;
}
.basic-Set .b-options .option {
  margin-bottom: 24px;
}
.basic-Set .b-options .option .icon {
  width: 20px;
  display: none;
}
.basic-Set .b-options .option .title,
.basic-Set .b-options .option .title-d {
  margin-left: 25px;
}
.basic-Set .b-options .option.select .title,
.basic-Set .b-options .option.select .title-d {
  font-weight: 400;
  font-size: 15px;
  color: #009feb;
  display: block;
}
.basic-Set .b-options .option.select .icon {
  display: block;
  float: left;
  margin-right: 4px;
}
.basic-Set .b-options .title {
  display: inline-block;
  cursor: pointer;
}
.basic-Set .icon-s-Checkbox1_16,
.basic-Set .icon-s-Checkbox2_16 {
  margin-right: 5px;
}
.basic-Set .line-row2 {
  margin-bottom: 15px;
  padding: 0px;
}
.basic-Set .line-row {
  margin-bottom: 25px;
  display: inline-block;
}
.basic-Set .line-row .line-col {
  line-height: 32px;
  display: inline-block;
}
.basic-Set .line-row .line-col .sub-title {
  padding-right: 10px;
  padding-left: 0;
  font-weight: normal;
  font-size: 15px;
}
.basic-Set .indent-row {
  padding-left: 24px;
}
.basic-Set .indent-row.duplicate-text {
  color: #626262 !important;
  font-weight: 400!important;
}
.basic-Set .indent-row .over-write-item {
  clear: both;
  padding-top: 15px;
}
.basic-Set .indent-row .over-write-item .check-item {
  margin-left: 25px;
}
.basic-Set .indent-row .over-write-item .check-item-import {
  margin-left: 365px;
}
.basic-Set .email-expiration .warning {
  padding-left: 5px;
  font-size: 14px;
  opacity: 0.8;
  cursor: unset;
}
.basic-Set .email-expiration .tooltip-inner {
  width: 250px;
  max-width: 300px;
  text-align: left;
  background-color: rgba(51, 51, 51, 0.9);
}
.basic-Set .settings-scroll-view .save-btn-group {
  position: absolute;
  right: 20px;
  top: 250px;
  z-index: 50;
}
.basic-Set .settings-scroll-view .save-btn-group .btn-optional {
  margin-right: 10px;
}
.basic-Set .settings-scroll-view .save-btn-group.prg-btn {
  top: 240px;
}
.basic-Set .settings-scroll-view .template-header-bar .select-wrap {
  float: left;
  width: 180px;
  margin-right: 15px;
}
.basic-Set .settings-scroll-view .template-header-bar .btn-default {
  margin-left: 10px;
}
.basic-Set .settings-scroll-view .template-header-bar .search-block {
  display: inline-block;
  position: relative;
}
.basic-Set .settings-scroll-view .template-header-bar .search-block .search-box {
  height: 32px;
}
.basic-Set .settings-scroll-view .template-header-bar .search-block input {
  padding-left: 30px !important;
}
.basic-Set .setting-content {
  position: absolute;
  right: 20px;
  left: 274px;
  margin-left: 15px;
  bottom: 45px;
  top: 250px;
}
.basic-Set .setting-content .circle-button {
  color: #4A4A4A !important;
  background: none;
}
.basic-Set .setting-content .circle-button-not-allow {
  color: #C1C1C1 !important;
  cursor: not-allowed;
}
.basic-Set .setting-content .header {
  text-align: left;
  font-size: 30px;
  line-height: 1;
  margin-bottom: 30px;
}
.basic-Set .setting-content .action-col {
  text-align: right;
  padding-right: 0;
}
.basic-Set .setting-content .content-scroll-view {
  height: calc(100% - 40px);
  overflow-y: auto;
  overflow-x: hidden;
}
.basic-Set .setting-content .item-radio {
  margin-right: 10px;
  float: left;
}
.basic-Set .setting-content .item-content {
  vertical-align: middle;
}
.basic-Set .setting-content .export-btn {
  position: absolute;
  right: 0;
  top: 0;
}
.basic-Set .setting-content tr,
.basic-Set .setting-content td {
  border: none;
}
.basic-Set .setting-content thead tr {
  border-bottom: 1px solid #ccc;
}
.basic-Set .setting-content .table {
  table-layout: fixed;
}
.basic-Set .setting-content .table .ico {
  margin-right: 25px;
}
.basic-Set .setting-content .table th {
  text-transform: capitalize;
  padding-left: 0;
  font-weight: normal;
  display: inline-block;
  word-break: break-word;
}
.basic-Set .setting-content .table thead {
  display: table;
  width: 100%;
  table-layout: fixed;
}
.basic-Set .setting-content .table > tbody {
  display: block;
  overflow-y: auto;
  overflow-x: hidden;
  font-size: 0px;
}
.basic-Set .setting-content .table > tbody > tr {
  display: inherit;
  width: 100%;
}
.basic-Set .setting-content .table > tbody > tr:last-child {
  border: none;
}
.basic-Set .setting-content .table > tbody > tr > td {
  padding-left: 0;
  white-space: nowrap;
  overflow: hidden;
  vertical-align: middle;
  font-weight: 300;
  text-overflow: ellipsis;
  display: inline-block;
  font-size: 15px;
}
.basic-Set .setting-content .table > tbody > tr > td input {
  font-weight: normal;
  margin-bottom: 0;
  width: 100%;
}
.basic-Set .setting-content .table > tbody > tr > td:last-child {
  padding-right: 13px;
}
.basic-Set .setting-content .table > tbody > tr > td div {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.basic-Set .setting-content .table.search-table > tbody {
  display: table-row-group;
}
.basic-Set .setting-content .table.search-table > tbody > tr {
  display: table-row;
}
.basic-Set .setting-content .table.search-table > tbody > tr > td {
  display: table-cell;
}
.basic-Set .setting-content .table.search-table thead {
  display: table-header-group;
}
.basic-Set .setting-content .table.search-table thead tr {
  border: none;
}
.basic-Set .setting-content .table.search-table thead tr th {
  display: table-cell;
}
.basic-Set .setting-content .table.search-table input {
  width: 100%;
  font-weight: normal;
  margin-bottom: 0;
}
.basic-Set .setting-content .table.search-table th,
.basic-Set .setting-content .table.search-table td {
  padding-bottom: 0;
}
.basic-Set .setting-content .table.search-table th {
  padding-top: 0;
}
.basic-Set .setting-content .chckbox-layout {
  margin-bottom: 20px;
  display: block;
  line-height: 1.5;
}
.basic-Set .setting-content .chckbox-layout .disabled-checkbox {
  opacity: 0.5;
  /* Make it look faded */
  pointer-events: none;
  /* Prevent clicking */
  cursor: not-allowed;
  /* Show "not allowed" cursor */
}
.basic-Set .setting-content .chckbox-layout .checkbox-wrap {
  margin-right: 8px;
  display: inline-block;
  vertical-align: top;
  margin-top: 5px;
}
.basic-Set .setting-content .chckbox-layout .option-title {
  display: inline;
  word-wrap: break-word;
  cursor: pointer;
}
.basic-Set .setting-content .chckbox-layout .option-title.auto-width {
  width: auto;
}
.basic-Set .setting-content .chckbox-layout .tooltip-icon {
  display: inline-block;
  vertical-align: middle;
  /* Aligns the icon with text */
  margin-left: 4px;
  margin-bottom: 3px;
  font-size: 14px;
  color: #626262;
  cursor: pointer;
}
.basic-Set .setting-content .m-top-10 {
  margin-top: 10px;
}
.basic-Set .setting-content .report-filter-bar span[ng-click][class^="icon-s-"] {
  margin-left: 24px;
}
.basic-Set .basic-morelist .morelist-header-bar {
  position: absolute;
  right: 0px;
  top: -5px;
}
.basic-Set .basic-morelist .morelist-header-bar.cancel {
  right: 215px;
  top: -10px;
}
.basic-Set .basic-morelist .morelist-header-bar.hide-box .search-box {
  display: none !important;
}
.basic-Set .basic-morelist .morelist-header-bar .search-box {
  height: 32px;
}
.basic-Set .basic-morelist .morelist-header-bar input {
  padding-left: 30px !important;
}
.basic-Set .basic-morelist.morelist .setting-left .morelist-view .table > tbody {
  overflow-y: auto;
  overflow-x: hidden;
}
.basic-Set .basic-morelist.morelist .setting-left .morelist-view .table td {
  height: auto;
  padding: 5px 10px;
}
.basic-Set .basic-morelist.morelist .setting-left .morelist-view .table th {
  text-transform: capitalize;
  padding-left: 10px;
  padding-right: 10px;
}
.basic-Set .basic-morelist.morelist .setting-left .morelist-view .circle-button {
  background: none;
}
.basic-Set .basic-morelist tr,
.basic-Set .basic-morelist td {
  border: none;
}
.basic-Set .basic-morelist thead tr {
  border-bottom: 1px solid #ccc;
}
.basic-Set .basic-morelist .morelist-view {
  padding-left: 20px;
  padding-right: 20px;
}
.basic-Set .basic-morelist .table th {
  text-transform: capitalize;
  font-weight: normal;
  color: #4A4A4A;
}
.basic-Set .basic-morelist .table > tbody > tr > td {
  vertical-align: middle;
  font-weight: normal;
  color: #4A4A4A;
  padding: 5px 20px;
}
.basic-Set .basic-morelist .table > tbody > tr:last-child {
  border-bottom: none;
}
.basic-Set .showList {
  border-top: 1px solid #ddd;
  padding-top: 15px;
  text-align: center;
  margin-left: 35px;
  margin-right: 15px;
  margin-bottom: 20px;
}
.basic-Set .tab-active {
  font-weight: 400!important;
  color: #009feb;
}
.basic-Set th {
  font-size: 14px;
}
.basic-Set .settings-search {
  margin: 0px 20px 1em 20px;
  position: relative;
}
.basic-Set .settings-search ._search-term {
  width: 200px;
  transition: width .5s ease;
}
.basic-Set .settings-search ._search-term:focus {
  width: 25%;
  transition: width .5s ease;
}
.basic-Set .settings-search ._search-result {
  position: absolute;
  top: 3em;
  border: 1px solid silver;
  padding: .2em 0;
  text-align: left;
  line-height: 17px;
  border-radius: 4px;
  z-index: 100;
  background-color: #f9f9f9;
}
.basic-Set .settings-search ._loading {
  text-align: center;
  padding: .5em;
}
.basic-Set .settings-search ._advice-list {
  max-height: 350px;
  overflow-y: auto;
}
.basic-Set .settings-search ._advice {
  font-size: 1.2em;
  line-height: 2em;
  white-space: nowrap;
  padding: 0 1em;
}
.basic-Set .settings-search ._advice:hover,
.basic-Set .settings-search ._advice.-current {
  background: silver;
}
.basic-Set .settings-search ._advice > i {
  font-style: normal;
  font-weight: bold;
  color: #009feb;
}
.basic-Set .settings-search ._entry-list {
  border-top: 1px solid silver;
  margin: .5em 0 0;
  padding: .8em 0 0;
}
.basic-Set .settings-search ._entry {
  line-height: 1.8em;
  padding: 0 0 0 1.2em;
}
.basic-Set .settings-search ._entry.-show-all {
  text-align: center;
  color: #009feb;
  text-decoration: underline;
  padding: 0;
}
.basic-Set .settings-search ._entry:hover,
.basic-Set .settings-search ._entry.-current {
  background: silver;
}
.basic-Set .settings-search [class^="icon-s-"] {
  position: absolute;
  padding-left: 1em;
  padding-top: .7em;
}
.basic-Set .custom-status {
  display: flex;
  flex-direction: column ;
  border-bottom: 1px solid #ddd;
  margin-bottom: 20px;
  padding-bottom: 10px;
  font-weight: normal;
  font-size: 15px;
  color: #626262;
}
.basic-Set .custom-status div {
  display: flex;
  margin: 0;
}
.basic-Set .custom-status .cs-item {
  width: 100%;
  height: 35px;
  margin-bottom: 5px;
  align-items: start;
}
.basic-Set .custom-status .cs-item.cs-edit {
  align-items: center;
  margin-bottom: 20px;
}
.basic-Set .custom-status .cs-item.cs-disabled {
  color: #c1c1c1;
}
.basic-Set .custom-status .cs-title {
  height: 35px;
  border-bottom: 1px solid #ddd;
  margin-bottom: 20px;
  align-items: center;
}
.basic-Set .custom-status .cs-title > div {
  flex-shrink: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.basic-Set .custom-status .cst-t1 {
  justify-content: center;
  padding-top: 1px;
  width: 100px;
}
.basic-Set .custom-status .cst-t2 {
  flex: 4;
}
.basic-Set .custom-status .cst-t2 input {
  margin-right: 10px;
}
.basic-Set .custom-status .cst-t3 {
  flex: 6;
}
.basic-Set .custom-status .ellipsis2 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.basic-Set .custom-status .cst-t4 {
  width: 120px;
  padding-top: 1px;
  justify-content: center;
}
.basic-Set .custom-status .cst-t5 {
  width: 80px;
  color: #333;
}
.basic-Set .custom-status .cst-t45 {
  width: 200px;
  padding-top: 1px;
  justify-content: space-between;
  align-items: center;
}
.basic-Set .custom-status .cst-t45 span {
  margin-left: 52px;
}
.basic-Set .custom-status .icon-s-Error-24 {
  margin-left: 5px;
}
.basic-Set .custom-status .icon {
  font-size: 20px;
}
.basic-Set .custom-status .cs-no {
  cursor: default;
}
.basic-Set .custom-status input {
  width: 100%;
  height: 32px;
}
.basic-Set .custom-status .drop-p {
  position: relative;
}
.basic-Set .custom-status .empty {
  color: #9b9b9b!important;
}
.basic-Set .custom-status .auto-icon169 {
  border: solid 1px #bbbbbb;
  height: 32px;
  display: inline-block;
  position: relative;
  line-height: 30px;
  text-align: left;
  border-radius: 16px;
  padding-left: 8px;
}
.basic-Set .custom-status .auto-icons-ul {
  position: absolute;
  margin-top: 32px;
  background-color: #fff;
  min-width: 75px;
  vertical-align: middle;
  text-align: left;
  border-radius: .25rem;
  border: 1px solid #ddd;
  padding-top: 10px;
  padding-bottom: 6px;
  z-index: 1;
}
.basic-Set .custom-status .auto-icons-ul li {
  cursor: pointer;
  height: 30px;
  line-height: 16px;
  margin-top: 0 !important;
  padding: 5px 12px 0px 12px;
  text-align: center;
}
.basic-Set .custom-status .auto-icons-ul li.bold {
  font-weight: bold;
}
.basic-Set .custom-status .auto-icons-ul li:hover {
  color: #1d1e1f;
  text-decoration: none;
  background-color: #f7f7f9;
}
.basic-Set .custom-status .auto-icons-ul li:last-child {
  border: none;
}
.basic-Set .custom-status .cs-icon {
  font-size: 20px;
  line-height: 30px;
}
.basic-Set .custom-status .cs-add {
  margin-top: 20px;
}
.basic-Set .custom-status .dropUp {
  width: 23px;
  height: 23px;
  float: right;
  border-radius: 50%;
  position: absolute;
  top: 4px;
  right: 6px;
  text-align: center;
  background: #e0e0e0;
  color: #212121;
}
.basic-Set .custom-status .dropUp::after {
  display: inline-block;
  vertical-align: middle;
  content: "";
  border-right: 0.3em solid transparent;
  border-left: 0.3em solid transparent;
  border-top: 0.3em solid;
  border-bottom: 0;
  margin-top: -0.5em;
}
.pt1 {
  padding-top: 1px;
}
.btn-important-keyword {
  float: right;
  font-size: 16px !important;
  font-weight: 600!important;
}
.btn-export-keyword {
  float: right;
  font-size: 16px !important;
  margin-right: 10px;
  background-color: #e2e2e2 !important;
}
.branding-selection {
  overflow-x: hidden;
}
.branding-selection .nav {
  position: static;
  min-width: 530px;
  width: 590px;
  margin-left: 8px;
}
.branding-selection .tab-content {
  height: 300px;
  border-radius: 10px;
  border: 1px solid #ddd;
  border-top: 0;
}
.branding-selection .tab-content input {
  margin: 20px;
  padding: 10px 35px 10px 15px;
  width: 560px;
  font-weight: normal;
}
.branding-selection .tab-content .icon-search {
  position: absolute;
  top: 97px;
  left: 570px;
}
.branding-selection .tab-content .no-ico-files-found {
  display: flex;
  justify-content: center;
  height: 100px;
  align-items: center;
}
.branding-selection .tab-content .local-file-select {
  text-align: center;
  padding-top: 30px;
}
.branding-selection .tab-content .local-file-select .suggest-text {
  display: inline-block;
}
.branding-selection .tab-content .local-file-select button {
  padding: 0px 16px;
}
.branding-selection .tab-content ul {
  height: 218px;
  overflow-y: auto;
}
.branding-selection .tab-content ul li {
  padding: 10px 20px 10px 10px;
  line-height: 20px;
}
.branding-selection .tab-content ul li span {
  display: inline-block;
  vertical-align: middle;
  padding: 0 10px;
}
.branding-selection .tab-content ul li .check-box:hover {
  cursor: pointer;
}
.branding-selection .tab-content ul li .image {
  width: 100px;
  text-align: left;
}
.branding-selection .tab-content ul li .image img {
  max-height: 40px;
  min-height: 10px;
  min-width: 10px;
}
.branding-selection .tab-content ul li .displayName {
  width: 200px;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
}
.branding-selection .tab-content ul li .size {
  width: 100px;
  text-align: right;
}
.branding-selection .tab-content ul li .dimensions {
  width: 100px;
  text-align: right;
}
.branding-selection .nav-tabs .active .tab-active {
  font-weight: bold !important;
}
.branding-selection .nav-tabs a {
  background-color: unset !important;
}
.branding-selection .nav-tabs a .tab-active {
  font: unset !important;
}
.setting-content.signal-setting {
  top: 90px;
  left: 5px;
  right: 20px;
}
.settings-search-wrapper {
  position: relative;
  display: inline-block;
  font-size: 15px;
  width: 200px !important;
  margin-right: 15px;
}
.settings-search-wrapper .icon-s-Search_16 {
  position: absolute;
  padding-left: 13px;
  padding-top: 10px;
}
.settings-search-wrapper.settings-search-modal {
  position: fixed;
  right: 10px;
  top: 80px;
  margin-right: 0;
}
.settings-search-wrapper.settings-search-modal .icon-s-Search_16 {
  padding-top: 7px;
}
.settings-search-wrapper ._search-term {
  width: 200px !important;
  transition: width .5s ease;
}
.settings-search-wrapper ._search-term.has-search-icon {
  padding-left: 2.5em !important;
}
/**
 * Trumbowyg v2.9.2 - A lightweight WYSIWYG editor
 * Default stylesheet for Trumbowyg editor
 * ------------------------
 * @link http://alex-d.github.io/Trumbowyg
 * @license MIT
 * @author Alexandre Demode (Alex-D)
 *         Twitter:@AlexandreDemode
 *         Website:alex-d.fr
 */
#trumbowyg-icons {
  overflow: hidden;
  visibility: hidden;
  height: 0;
  width: 0;
}
#trumbowyg-icons svg {
  height: 0;
  width: 0;
}
.trumbowyg-box *,
.trumbowyg-box *::before,
.trumbowyg-box *::after {
  box-sizing: border-box;
}
.trumbowyg-box svg {
  width: 17px;
  height: 100%;
  fill: #222;
}
.trumbowyg-box,
.trumbowyg-editor {
  display: block;
  position: absolute;
  border: 1px solid #DDD;
  width: 800px;
  margin-top: -90px;
  background-color: #fff;
  z-index: 130;
  left: 50%;
  transform: translate(-50%, 0);
  background-color: inherit;
}
.trumbowyg-box .trumbowyg-editor {
  margin: 0 auto;
}
.trumbowyg-box.trumbowyg-fullscreen {
  background: #FEFEFE;
  border: none !important;
}
.trumbowyg-editor,
.trumbowyg-textarea {
  position: relative;
  box-sizing: border-box;
  padding: 1px 20px;
  min-height: 70px;
  width: 100%;
  border-style: none;
  resize: none;
  outline: none;
  overflow: auto;
  line-height: 1.5;
  text-align: left;
}
.trumbowyg-editor p,
.trumbowyg-textarea p {
  margin: 0;
}
.trumbowyg-editor.trumbowyg-autogrow-on-enter,
.trumbowyg-textarea.trumbowyg-autogrow-on-enter {
  transition: height 300ms ease-out;
}
.trumbowyg-box-blur .trumbowyg-editor *,
.trumbowyg-box-blur .trumbowyg-editor::before {
  color: transparent !important;
  text-shadow: 0 0 7px #333;
}
.trumbowyg-box-blur .trumbowyg-editor img,
.trumbowyg-box-blur .trumbowyg-editor hr {
  opacity: 0.2;
}
.trumbowyg-textarea {
  position: relative;
  display: block;
  overflow: auto;
  border: none;
  font-size: 14px;
  font-family: "canto-font", "Inconsolata", "Consolas", "Courier", "Courier New", sans-serif;
  line-height: 18px;
}
.trumbowyg-box.trumbowyg-editor-visible .trumbowyg-textarea {
  height: 1px !important;
  width: 25%;
  min-height: 0 !important;
  padding: 0 !important;
  background: none;
  opacity: 0 !important;
  margin: 0px;
}
.trumbowyg-box.trumbowyg-editor-hidden .trumbowyg-textarea {
  display: block;
}
.trumbowyg-box.trumbowyg-editor-hidden .trumbowyg-editor {
  display: none;
}
.trumbowyg-box.trumbowyg-disabled .trumbowyg-textarea {
  opacity: 0.8;
  background: none;
}
.trumbowyg-editor[contenteditable=true]:empty:not(:focus)::before {
  content: attr(placeholder);
  color: #999;
  pointer-events: none;
}
.trumbowyg-button-pane {
  width: 100%;
  min-height: 36px;
  background: #fff;
  border-bottom: 1px solid #d7e0e2;
  margin: 0;
  padding: 0 5px;
  position: relative;
  list-style-type: none;
  line-height: 10px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 11;
  text-align: left;
}
.trumbowyg-button-pane::after {
  content: " ";
  display: block;
  position: absolute;
  top: 36px;
  left: 0;
  right: 0;
  width: 100%;
  height: 1px;
  background: #d7e0e2;
}
.trumbowyg-button-pane .trumbowyg-button-group {
  display: inline-block;
}
.trumbowyg-button-pane .trumbowyg-button-group .trumbowyg-fullscreen-button svg {
  color: transparent;
}
.trumbowyg-button-pane .trumbowyg-button-group + .trumbowyg-button-group::before {
  content: " ";
  display: inline-block;
  width: 1px;
  background: #d7e0e2;
  margin: 0 5px;
  height: 35px;
  vertical-align: top;
}
.trumbowyg-button-pane button {
  display: inline-block;
  position: relative;
  width: 35px;
  height: 35px;
  padding: 1px 6px !important;
  margin-bottom: 1px;
  overflow: hidden;
  border: none;
  cursor: pointer;
  background: none;
  vertical-align: middle;
  transition: background-color 150ms, opacity 150ms;
  border-radius: 0px;
  min-width: 60px;
}
.trumbowyg-button-pane button span {
  color: #4a4a4a;
}
.trumbowyg-button-pane button.trumbowyg-textual-button {
  width: auto;
  line-height: 35px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.trumbowyg-button-pane.trumbowyg-disable button:not(.trumbowyg-not-disable):not(.trumbowyg-active),
.trumbowyg-disabled .trumbowyg-button-pane button:not(.trumbowyg-not-disable):not(.trumbowyg-viewHTML-button) {
  opacity: 0.2;
  cursor: default;
}
.trumbowyg-button-pane.trumbowyg-disable .trumbowyg-button-group::before,
.trumbowyg-disabled .trumbowyg-button-pane .trumbowyg-button-group::before {
  background: #e3e9eb;
}
.trumbowyg-button-pane button:not(.trumbowyg-disable):hover,
.trumbowyg-button-pane button:not(.trumbowyg-disable):focus,
.trumbowyg-button-pane button.trumbowyg-active {
  background-color: #FFF;
  outline: none;
}
.trumbowyg-button-pane .trumbowyg-open-dropdown::after {
  display: block;
  content: " ";
  position: absolute;
  top: 25px;
  right: 3px;
  height: 0;
  width: 0;
  border: 3px solid transparent;
  border-top-color: #555;
}
.trumbowyg-button-pane .trumbowyg-open-dropdown.trumbowyg-textual-button {
  padding-left: 10px !important;
  padding-right: 18px !important;
}
.trumbowyg-button-pane .trumbowyg-open-dropdown.trumbowyg-textual-button::after {
  top: 17px;
  right: 7px;
}
.trumbowyg-button-pane .trumbowyg-right {
  float: right;
}
.trumbowyg-button-pane .trumbowyg-right::before {
  display: none !important;
}
.trumbowyg-dropdown {
  width: 200px;
  border: 1px solid #ecf0f1;
  padding: 5px 0;
  border-top: none;
  background: #FFF;
  margin-left: -1px;
  box-shadow: rgba(0, 0, 0, 0.1) 0 2px 3px;
  z-index: 140;
}
.trumbowyg-dropdown-fontfamily {
  max-height: 200px;
  overflow-y: auto;
}
.trumbowyg-dropdown button {
  display: block;
  width: 100%;
  height: 35px;
  line-height: 35px;
  text-decoration: none;
  background: #FFF;
  padding: 0 10px;
  color: #333 !important;
  border: none;
  cursor: pointer;
  text-align: left;
  font-size: 15px;
  transition: all 150ms;
}
.trumbowyg-dropdown button:hover,
.trumbowyg-dropdown button:focus {
  background: #ecf0f1;
}
.trumbowyg-dropdown button svg {
  float: left;
  margin-right: 14px;
}
/* Modal box */
.trumbowyg-modal {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  max-width: 520px;
  width: 100%;
  height: 350px;
  z-index: 140;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.trumbowyg-modal-box {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  max-width: 500px;
  width: calc(80%);
  padding-bottom: 45px;
  z-index: 140;
  background-color: #FFF;
  text-align: center;
  font-size: 14px;
  box-shadow: rgba(0, 0, 0, 0.2) 0 2px 3px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.trumbowyg-modal-box .trumbowyg-modal-title {
  font-size: 24px;
  font-weight: bold;
  margin: 0 0 20px;
  padding: 15px 0 13px;
  display: block;
  border-bottom: 1px solid #EEE;
  color: #333;
  background: #fbfcfc;
}
.trumbowyg-modal-box .trumbowyg-progress {
  width: 100%;
  height: 3px;
  position: absolute;
  top: 58px;
}
.trumbowyg-modal-box .trumbowyg-progress .trumbowyg-progress-bar {
  background: #2BC06A;
  width: 0;
  height: 100%;
  transition: width 150ms linear;
}
.trumbowyg-modal-box label {
  display: block;
  position: relative;
  margin: 15px 12px;
  height: 29px;
  line-height: 29px;
  overflow: hidden;
}
.trumbowyg-modal-box label .trumbowyg-input-infos {
  display: block;
  text-align: left;
  height: 25px;
  line-height: 25px;
  transition: all 150ms;
}
.trumbowyg-modal-box label .trumbowyg-input-infos span {
  display: block;
  color: #69878f;
  background-color: #fbfcfc;
  border: 1px solid #DEDEDE;
  padding: 0 7px;
  width: 150px;
  line-height: 25px!important;
  font-size: 14px!important;
}
.trumbowyg-modal-box label .trumbowyg-input-infos span.trumbowyg-msg-error {
  color: #e74c3c;
}
.trumbowyg-modal-box label.trumbowyg-input-error input,
.trumbowyg-modal-box label.trumbowyg-input-error textarea {
  border: 1px solid #e74c3c;
}
.trumbowyg-modal-box label.trumbowyg-input-error .trumbowyg-input-infos {
  margin-top: -27px;
}
.trumbowyg-modal-box label input {
  position: absolute;
  top: 0;
  right: 0;
  height: 27px;
  line-height: 27px;
  border: 1px solid #DEDEDE;
  background: #fff;
  font-size: 14px;
  max-width: 330px;
  width: 70%;
  padding: 0 7px;
  transition: all 150ms;
  border-radius: 0px!important;
}
.trumbowyg-modal-box label input:hover,
.trumbowyg-modal-box label input:focus {
  outline: none;
  border: 1px solid #95a5a6;
}
.trumbowyg-modal-box label input:focus {
  background: #fbfcfc;
}
.trumbowyg-modal-box .error {
  margin-top: 25px;
  display: block;
  color: red;
}
.trumbowyg-modal-box .trumbowyg-modal-button {
  position: absolute;
  bottom: 10px;
  right: 110px;
  text-decoration: none;
  color: #FFF;
  display: block;
  width: 100px;
  height: 32px;
  line-height: 16px;
  margin: 0 10px;
  background-color: #333;
  border: none;
  cursor: pointer;
  font-family: "canto-font", "Trebuchet MS", Helvetica, Verdana, sans-serif;
  font-size: 16px;
  transition: all 150ms;
}
.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit {
  right: 0;
  background: #2bc06a;
}
.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:hover,
.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:focus {
  background: #40d47e;
  outline: none;
}
.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:active {
  background: #25a25a;
}
.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset {
  color: #555;
  background: #e6e6e6;
}
.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:hover,
.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:focus {
  background: #fbfbfb;
  outline: none;
}
.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:active {
  background: #d5d5d5;
}
.trumbowyg-overlay {
  position: absolute;
  background-color: rgba(255, 255, 255, 0.5);
  height: 100%;
  width: 100%;
  left: 0;
  display: none;
  top: 0;
  z-index: 10;
}
/**
 * Fullscreen
 */
body.trumbowyg-body-fullscreen {
  overflow: hidden;
}
.trumbowyg-fullscreen {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  z-index: 99999;
}
.trumbowyg-fullscreen.trumbowyg-box,
.trumbowyg-fullscreen .trumbowyg-editor {
  border: none;
}
.trumbowyg-fullscreen .trumbowyg-editor,
.trumbowyg-fullscreen .trumbowyg-textarea {
  height: calc(63%) !important;
  overflow: auto;
}
.trumbowyg-fullscreen .trumbowyg-overlay {
  height: 100% !important;
}
.trumbowyg-fullscreen .trumbowyg-button-group .trumbowyg-fullscreen-button svg {
  color: #222;
  fill: transparent;
}
.trumbowyg-editor {
  /*
     * lset for resetCss option
     */
}
.trumbowyg-editor object,
.trumbowyg-editor embed,
.trumbowyg-editor video,
.trumbowyg-editor img {
  max-width: 100%;
}
.trumbowyg-editor video,
.trumbowyg-editor img {
  height: auto;
}
.trumbowyg-editor img {
  cursor: move;
}
.trumbowyg-editor.trumbowyg-reset-css {
  background: #FEFEFE !important;
  font-family: "canto-font", "Trebuchet MS", Helvetica, Verdana, sans-serif !important;
  font-size: 14px !important;
  line-height: 1.45em !important;
  color: #333;
}
.trumbowyg-editor.trumbowyg-reset-css a {
  color: #15c !important;
  text-decoration: underline !important;
}
.trumbowyg-editor.trumbowyg-reset-css div,
.trumbowyg-editor.trumbowyg-reset-css p,
.trumbowyg-editor.trumbowyg-reset-css ul,
.trumbowyg-editor.trumbowyg-reset-css ol,
.trumbowyg-editor.trumbowyg-reset-css blockquote {
  box-shadow: none !important;
  background: none !important;
  margin: 0 !important;
  margin-bottom: 15px !important;
  line-height: 1.4em !important;
  font-family: "canto-font", "Trebuchet MS", Helvetica, Verdana, sans-serif !important;
  font-size: 14px !important;
  border: none;
}
.trumbowyg-editor.trumbowyg-reset-css iframe,
.trumbowyg-editor.trumbowyg-reset-css object,
.trumbowyg-editor.trumbowyg-reset-css hr {
  margin-bottom: 15px !important;
}
.trumbowyg-editor.trumbowyg-reset-css blockquote {
  margin-left: 32px !important;
  font-style: italic !important;
  color: #555;
}
.trumbowyg-editor.trumbowyg-reset-css ul,
.trumbowyg-editor.trumbowyg-reset-css ol {
  padding-left: 20px !important;
}
.trumbowyg-editor.trumbowyg-reset-css ul ul,
.trumbowyg-editor.trumbowyg-reset-css ol ol,
.trumbowyg-editor.trumbowyg-reset-css ul ol,
.trumbowyg-editor.trumbowyg-reset-css ol ul {
  border: none;
  margin: 2px !important;
  padding: 0 !important;
  padding-left: 24px !important;
}
.trumbowyg-editor.trumbowyg-reset-css hr {
  display: block;
  height: 1px;
  border: none;
  border-top: 1px solid #CCC;
}
.trumbowyg-editor.trumbowyg-reset-css h1,
.trumbowyg-editor.trumbowyg-reset-css h2,
.trumbowyg-editor.trumbowyg-reset-css h3,
.trumbowyg-editor.trumbowyg-reset-css h4 {
  color: #111;
  background: none;
  margin: 0 !important;
  padding: 0 !important;
  font-weight: bold;
}
.trumbowyg-editor.trumbowyg-reset-css h1 {
  font-size: 32px !important;
  line-height: 38px !important;
  margin-bottom: 20px !important;
}
.trumbowyg-editor.trumbowyg-reset-css h2 {
  font-size: 26px !important;
  line-height: 34px !important;
  margin-bottom: 15px !important;
}
.trumbowyg-editor.trumbowyg-reset-css h3 {
  font-size: 22px !important;
  line-height: 28px !important;
  margin-bottom: 7px !important;
}
.trumbowyg-editor.trumbowyg-reset-css h4 {
  font-size: 16px !important;
  line-height: 22px !important;
  margin-bottom: 7px !important;
}
/*
 * Dark theme
 */
.trumbowyg-dark .trumbowyg-textarea {
  background: #111;
  color: #ddd;
}
.trumbowyg-dark .trumbowyg-box {
  border: 1px solid #343434;
}
.trumbowyg-dark .trumbowyg-box.trumbowyg-fullscreen {
  background: #111;
}
.trumbowyg-dark .trumbowyg-box.trumbowyg-box-blur .trumbowyg-editor *,
.trumbowyg-dark .trumbowyg-box.trumbowyg-box-blur .trumbowyg-editor::before {
  text-shadow: 0 0 7px #ccc;
}
.trumbowyg-dark .trumbowyg-box svg {
  fill: #ecf0f1;
  color: #ecf0f1;
}
.trumbowyg-dark .trumbowyg-button-pane {
  background-color: #222;
  border-bottom-color: #343434;
}
.trumbowyg-dark .trumbowyg-button-pane::after {
  background: #343434;
}
.trumbowyg-dark .trumbowyg-button-pane .trumbowyg-button-group:not(:empty)::before {
  background-color: #343434;
}
.trumbowyg-dark .trumbowyg-button-pane .trumbowyg-button-group:not(:empty) .trumbowyg-fullscreen-button svg {
  color: transparent;
}
.trumbowyg-dark .trumbowyg-button-pane.trumbowyg-disable .trumbowyg-button-group::before {
  background-color: #2a2a2a;
}
.trumbowyg-dark .trumbowyg-button-pane button:not(.trumbowyg-disable):hover,
.trumbowyg-dark .trumbowyg-button-pane button:not(.trumbowyg-disable):focus,
.trumbowyg-dark .trumbowyg-button-pane button.trumbowyg-active {
  background-color: #333;
}
.trumbowyg-dark .trumbowyg-button-pane .trumbowyg-open-dropdown::after {
  border-top-color: #fff;
}
.trumbowyg-dark .trumbowyg-fullscreen .trumbowyg-button-group .trumbowyg-fullscreen-button svg {
  color: #ecf0f1;
  fill: transparent;
}
.trumbowyg-dark .trumbowyg-dropdown {
  border-color: #222;
  background: #333;
  box-shadow: rgba(0, 0, 0, 0.3) 0 2px 3px;
}
.trumbowyg-dark .trumbowyg-dropdown button {
  background: #333;
  color: #fff !important;
}
.trumbowyg-dark .trumbowyg-dropdown button:hover,
.trumbowyg-dark .trumbowyg-dropdown button:focus {
  background: #222;
}
.trumbowyg-dark .trumbowyg-modal-box {
  background-color: #222;
}
.trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-title {
  border-bottom: 1px solid #555;
  color: #fff;
  background: #3c3c3c;
}
.trumbowyg-dark .trumbowyg-modal-box label {
  display: block;
  position: relative;
  margin: 15px 12px;
  height: 27px;
  line-height: 27px;
  overflow: hidden;
}
.trumbowyg-dark .trumbowyg-modal-box label .trumbowyg-input-infos span {
  color: #eee;
  background-color: #2f2f2f;
  border-color: #222;
}
.trumbowyg-dark .trumbowyg-modal-box label .trumbowyg-input-infos span.trumbowyg-msg-error {
  color: #e74c3c;
}
.trumbowyg-dark .trumbowyg-modal-box label.trumbowyg-input-error input,
.trumbowyg-dark .trumbowyg-modal-box label.trumbowyg-input-error textarea {
  border-color: #e74c3c;
}
.trumbowyg-dark .trumbowyg-modal-box label input {
  border-color: #222;
  color: #eee;
  background: #333;
}
.trumbowyg-dark .trumbowyg-modal-box label input:hover,
.trumbowyg-dark .trumbowyg-modal-box label input:focus {
  border-color: #626262;
}
.trumbowyg-dark .trumbowyg-modal-box label input:focus {
  background-color: #2f2f2f;
}
.trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit {
  background: #1b7943;
}
.trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:hover,
.trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:focus {
  background: #25a25a;
}
.trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:active {
  background: #176437;
}
.trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset {
  background: #333;
  color: #ccc;
}
.trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:hover,
.trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:focus {
  background: #444;
}
.trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:active {
  background: #111;
}
.trumbowyg-dark .trumbowyg-overlay {
  background-color: rgba(15, 15, 15, 0.6);
}
.trumbowyg-dropdown-foreColor,
.trumbowyg-dropdown-backColor {
  width: 276px;
  padding: 7px 5px;
}
.trumbowyg-dropdown-foreColor svg,
.trumbowyg-dropdown-backColor svg {
  display: none !important;
}
.trumbowyg-dropdown-foreColor button,
.trumbowyg-dropdown-backColor button {
  display: block;
  position: relative;
  float: left;
  text-indent: -9999px;
  height: 20px;
  width: 20px;
  border: 1px solid #333;
  padding: 0;
  margin: 2px;
  min-width: 20px;
  border-radius: 0px;
}
.trumbowyg-dropdown-foreColor button:hover::after,
.trumbowyg-dropdown-foreColor button:focus::after,
.trumbowyg-dropdown-backColor button:hover::after,
.trumbowyg-dropdown-backColor button:focus::after {
  content: " ";
  display: block;
  position: absolute;
  top: -5px;
  left: -5px;
  height: 27px;
  width: 27px;
  background: inherit;
  border: 1px solid #FFF;
  box-shadow: #000 0 0 2px;
  z-index: 10;
}
.trumbowyg-s-f-size:after {
  content: 'T';
  font-weight: 600;
}
.trumbowyg-modal.trumbowyg-fixed-top form label:nth-child(2),
.trumbowyg-modal.trumbowyg-fixed-top form label:nth-child(4) {
  display: none;
}
.workflow {
  min-height: 235px;
}
.workflow .workflow-btn {
  padding: 0px 20px 0;
}
.workflow .workflow-btn .new-btn {
  float: right;
}
.workflow .workflow-list {
  margin: 1em 20px 50px;
}
.workflow .workflow-list .circle-button {
  color: #4A4A4A;
  background: none;
}
.workflow .workflow-list .workflow-list-single {
  background: transparent;
  border: none;
  box-shadow: none;
}
.workflow .workflow-list .workflow-list-single .panel-heading {
  background: transparent;
}
.workflow .workflow-list .workflow-list-single .panel-heading:hover {
  background: #f5f5f5;
}
.workflow .workflow-list .workflow-list-single .panel-body {
  padding: 0;
}
.workflow .task-list {
  border-top: none;
  background: #f5f5f5;
  font-size: 15px;
}
.workflow .task-list table {
  margin: 0;
  table-layout: fixed;
}
.workflow .panel-title {
  font-weight: normal;
  font-size: 15px;
}
.workflow .panel-title a {
  text-decoration: none;
}
.workflow .task-header {
  border-bottom: 1px solid #ddd;
}
.workflow .panel-group .panel-heading {
  padding-left: 0;
  padding-right: 0;
}
.workflow .no-padding-left {
  padding-left: 0;
}
.workflow .panel-group .panel-heading + .panel-collapse > .list-group,
.workflow .panel-group .panel-heading + .panel-collapse > .panel-body {
  border-top: none;
}
.workflow .title-table {
  border-bottom: 1px solid #ddd;
  padding-right: 5px;
}
.workflow .title-table .list-header {
  color: #7a7a7a;
}
.workflow .title-table:last-child {
  padding-right: 0;
}
.workflow .table {
  table-layout: fixed;
}
.workflow .table tr.list-header th {
  padding-left: 0;
}
.workflow .table th {
  text-transform: capitalize;
  font-size: 15px;
  font-weight: 400;
  border-top: none;
}
.workflow .table tbody > tr > td {
  border-top: none;
  font-weight: normal;
  font-size: 15px;
  line-height: 40px;
  padding: 0 20px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  -moz-text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
}
.workflow .table tbody > tr > td:last-child {
  padding-right: 20px;
}
.workflow .table tbody > tr:last-child {
  border-bottom: none;
}
.workflow .table tbody > tr.task-dialog-table-list td {
  padding: 0 8px;
}
.workflow .workflow-list-title {
  width: 100%;
  table-layout: fixed;
}
.workflow .workflow-list-title tr > td {
  padding-right: 5px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  -moz-text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
}
.workflow .workflow-list-title tr > td:last-child {
  padding-right: 0;
}
.workflow .workflow-list-title .wf-icon {
  display: inline;
  width: 13px;
  height: 13px;
  vertical-align: initial;
  color: orange;
}
.workflow .workflow-list-title .wf-column-name {
  position: relative;
  padding-left: 8px;
}
.workflow .workflow-list-title .in-hand-icon {
  display: inline-block;
  background-color: #2abd0f;
  height: 25px;
  width: 4px;
  position: absolute;
  top: 4px;
  left: 0;
}
.workflow .workflow-create-section {
  padding: 0px;
  height: calc(100% - 67px);
  display: flex;
  flex-direction: column;
}
.workflow .workflow-create-section .workflow-top-action-header {
  padding: 0 20px;
}
.workflow .workflow-create-section .workflow-layout-content {
  overflow-y: scroll;
  margin-top: 30px;
  padding: 0 20px;
}
.workflow .workflow-create-section .title-bread-crumbs {
  max-width: 800px;
  line-height: 120%;
  vertical-align: bottom;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  -moz-text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
}
.workflow .workflow-create-section .workflow-create-title {
  color: #444;
}
.workflow .workflow-create-section .workflow-sm-title {
  color: #444;
}
.workflow .workflow-create-section .workflow-sm-title .underline:hover {
  text-decoration: underline;
  cursor: pointer;
}
.workflow .workflow-create-section .workflow-header-bar {
  float: right;
}
.workflow .workflow-create-section .workflow-edit-layout {
  margin-top: 20px;
}
.workflow .workflow-create-section .workflow-edit-layout .mx-500 {
  max-width: 500px;
}
.workflow .workflow-create-section .workflow-edit-layout .mx-250 {
  max-width: 250px;
}
.workflow .workflow-create-section .workflow-edit-layout .no-padding-right {
  padding-right: 0;
}
.workflow .workflow-create-section .workflow-edit-layout .info-input,
.workflow .workflow-create-section .workflow-edit-layout .input-field {
  position: relative;
  margin-top: 10px;
  width: 100%;
  margin-bottom: 10px;
}
.workflow .workflow-create-section .workflow-edit-layout .info-input input,
.workflow .workflow-create-section .workflow-edit-layout .input-field input,
.workflow .workflow-create-section .workflow-edit-layout .info-input select,
.workflow .workflow-create-section .workflow-edit-layout .input-field select {
  width: 100%;
  margin-bottom: 13px;
}
.workflow .workflow-create-section .workflow-edit-layout .info-input .workflow-text,
.workflow .workflow-create-section .workflow-edit-layout .input-field .workflow-text {
  display: block;
  width: 100%;
  overflow-wrap: break-word;
}
.workflow .workflow-create-section .workflow-edit-layout .info-input .icon-suffix,
.workflow .workflow-create-section .workflow-edit-layout .input-field .icon-suffix {
  position: absolute;
  right: 10px;
  top: 9px;
}
.workflow .workflow-create-section .workflow-edit-layout .info-input.input-filed-owner,
.workflow .workflow-create-section .workflow-edit-layout .input-field.input-filed-owner {
  font-size: 15px;
  margin-top: 17px;
  color: #303030;
}
.workflow .workflow-create-section .workflow-edit-layout .info-input.no-select-icon .select-wrap::after,
.workflow .workflow-create-section .workflow-edit-layout .input-field.no-select-icon .select-wrap::after {
  font-size: 0;
  opacity: 0;
}
.workflow .workflow-create-section .workflow-task-with-rules .row {
  margin: 20px 0;
}
.workflow .workflow-create-section .workflow-task-with-rules .row .add-album .add-edit {
  margin-bottom: 10px;
}
.workflow .workflow-create-section .workflow-task-with-rules .row .add-album .albums-block-wrapper {
  border: 1px solid #ddd;
  border-radius: 5px;
}
.workflow .workflow-create-section .workflow-task-with-rules .row .add-album .albums-block {
  margin: 10px 15px 10px 0;
  max-height: 78px;
  overflow-y: auto;
}
.workflow .workflow-create-section .workflow-task-with-rules .row .add-album .albums-block .album-items {
  display: flex;
  justify-content: space-between;
}
.workflow .workflow-create-section .workflow-task-with-rules .row .add-album .albums-block .album-items .album-display-name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #555;
  margin-left: 15px;
  line-height: 26px;
}
.workflow .workflow-create-section .workflow-task-with-rules .row .add-album .albums-block .album-items .icon-s-Delete_16 {
  line-height: 24px;
}
.workflow .workflow-create-section .workflow-task-with-rules .F3 {
  vertical-align: text-bottom;
}
.workflow .workflow-create-section .workflow-task-with-rules .F3 .warning-icon {
  margin-left: 15px;
}
.workflow .workflow-create-section .workflow-task-with-rules .F3 .warning-msg {
  padding-left: 15px;
  font-size: 14px;
  opacity: 0.8;
  cursor: unset;
  font-style: oblique;
}
.workflow .workflow-create-section .workflow-task-with-rules .rules-workflow-task-list {
  margin-top: 40px;
}
.workflow .workflow-create-section .workflow-task-with-rules .rules-workflow-task-list .full-width {
  width: 100%;
}
.workflow .workflow-create-section .workflow-task-with-rules .rules-workflow-task-list .ng-isolate-scope .tab-content {
  margin-top: 30px;
}
.workflow .workflow-create-section .workflow-task-with-rules .rules-workflow-task-list .ng-isolate-scope .tab-content .task-rule-details .task-rule-info {
  display: flex;
  flex-wrap: wrap;
}
.workflow .workflow-create-section .workflow-task-with-rules .rules-workflow-task-list .ng-isolate-scope .tab-content .task-rule-details .task-rule-info .apply-rule {
  color: #9AD230;
}
.workflow .workflow-create-section .workflow-task-with-rules .rules-workflow-task-list .ng-isolate-scope .tab-content .task-rule-details .task-rule-info th {
  width: 25%;
  padding-top: 0;
  padding-bottom: 0;
}
.workflow .workflow-create-section .workflow-task-with-rules .rules-workflow-task-list .ng-isolate-scope .tab-content .task-rule-details .task-rule-info td .no-select-icon .select-wrap::after {
  font-size: 0;
  opacity: 0;
}
.workflow .workflow-create-section .workflow-task-with-rules .rules-workflow-task-list .ng-isolate-scope .tab-content .task-rule-details .task-rule-info td > .info-input > .select-wrap select {
  height: 32px;
  line-height: 25px;
  vertical-align: top;
}
.workflow .workflow-create-section .scrollbar {
  overflow-y: auto;
  height: calc(100vh - 500px);
}
.workflow .workflow-create-section .circle-button {
  color: #4A4A4A;
  background: none;
  text-align: right;
  width: 24px;
  height: 24px;
  position: relative;
  top: 2px;
  margin-left: 10px;
}
.workflow .second-title {
  color: #626262;
  font-weight: normal;
  font-size: 20px;
}
.workflow .comment-list {
  margin: 20px 0;
  font-size: 15px;
}
.workflow .comment-list .comment-item {
  margin-top: 20px;
}
.workflow .comment-list .content {
  display: block;
  margin-top: 5px;
  color: #303030;
}
.workflow .scrollbar {
  overflow-y: auto;
  height: calc(100vh - 300px);
}
.workflow .content-info {
  width: 100%;
}
.clone-workflow .modal-body .clone-workflow-main {
  display: flex;
  flex-wrap: wrap;
}
.clone-workflow .modal-body .clone-workflow-main .item {
  width: 50%;
}
.clone-workflow .modal-body .clone-workflow-main .item .item-name {
  font-weight: 500;
}
.clone-workflow .modal-body .clone-workflow-apply {
  padding: 10px;
  border: 1px solid gray;
  border-radius: 5px;
}
.clone-workflow .modal-body .clone-workflow-apply .apply-items {
  line-height: 30px;
}
.clone-workflow .modal-body .clone-workflow-apply .marginl5 {
  margin-left: 5px;
}
.task-dialog .modal-body {
  font-size: 14px !important;
  font-weight: 500 !important;
  padding: 20px 20px 10px 20px !important;
  min-height: 400px;
  max-height: 600px;
}
.task-dialog .list-header {
  font-size: 14px;
  font-weight: 500;
  line-height: 30px;
}
.task-dialog .add-button {
  margin-left: 10px;
  line-height: 20px !important;
}
.comment-dialog .modal-body {
  min-height: 300px;
  max-height: 600px;
}
.workflow-list-section .history-icon {
  float: right;
  margin-right: 15px;
  line-height: 32px;
  font-size: 16px;
  font-weight: 600;
}
.workflow-list-section .task-td {
  padding: 10px 0px 0px 0px !important;
}
.workflow-list-section .task-active > td {
  color: #303030 !important;
}
.workflow-list-section .task-inActive > td {
  color: #9B9B9B !important;
}
.workflow-list-section .comment-line {
  background: #fff !important;
}
.workflow-list-section .comment-line input {
  border: none;
  line-height: 30px;
  margin: 0;
  border-radius: 0;
}
.workflow-list-section .comment-line input::-webkit-input-placeholder {
  color: #9B9B9B;
}
.workflow-list-section .comment-line .left-icon {
  margin-top: 7px;
}
.workflow-list-section .comment-line .right-icon {
  margin-top: 15px;
  transform: rotate(180deg);
}
.workflow-list-section .comment-box {
  width: 95%;
  background: #fff;
  font-weight: normal!important;
  border-width: 0;
  height: 40px;
  overflow-y: hidden;
  line-height: normal;
  resize: none;
  padding-top: 14px;
  margin-bottom: 0;
}
.workflow-list-section .task-action {
  margin-right: 10px;
}
.workflow-list-section .task-radio {
  color: #9b9b9b;
}
.task-detail-section-left {
  position: absolute;
  top: 130px;
  bottom: 0;
  padding: 0;
  border-right: 1px solid #ddd;
}
.task-detail-section-left .task-detail-list {
  height: 100%;
}
.task-detail-section-left .task-detail-list .r-view {
  font-weight: bold;
  height: calc(100% - 90px);
}
.task-detail-section-left .task-detail-list .r-view .r-v-header {
  height: 50px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 20px;
  border-bottom: 1px solid #ddd;
}
.task-detail-section-left .task-detail-list .r-view .rvh-option {
  width: 315px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  font-size: 18px;
}
.task-detail-section-left .task-detail-list .r-view .rvh-option div {
  width: 28px;
  height: 28px;
  color: #7d7d7d;
}
.task-detail-section-left .task-detail-list .r-view .rvh-option div:nth-child(3) {
  margin-right: 10px;
}
.task-detail-section-left .task-detail-list .r-view .rvh-option span {
  margin-right: 9px;
  color: #7d7d7d;
  width: 23px;
  height: 23px;
  line-height: 23px;
  text-align: center;
}
.task-detail-section-left .task-detail-list .r-view .rvh-option span:last-child {
  margin-right: 5px;
}
.task-detail-section-left .task-detail-list .r-view .rvh-empty {
  position: relative;
  top: 40%;
  text-align: center;
  font-size: 18px;
  color: #444;
}
.task-detail-section-left .task-detail-list .r-view .r-v-data {
  overflow-y: auto;
  user-select: none;
}
.task-detail-section-left .task-detail-list .r-view .rv-list {
  display: flex;
  flex-direction: column;
  color: #444;
}
.task-detail-section-left .task-detail-list .r-view .rv-list div {
  display: flex;
}
.task-detail-section-left .task-detail-list .r-view .rv-list > div {
  flex-direction: row;
  align-items: center;
  height: 90px;
  margin: 0 20px;
  border-bottom: solid 1px #ddd;
}
.task-detail-section-left .task-detail-list .r-view .rv-list .rvl-header {
  height: 60px;
}
.task-detail-section-left .task-detail-list .r-view .rv-list .rvl-item:hover {
  background-color: #f5f5f5;
}
.task-detail-section-left .task-detail-list .r-view .rv-list .circle-button {
  background: none;
  color: #4a4a4a;
}
.task-detail-section-left .task-detail-list .r-view .rv-list .rvl0 {
  flex-basis: 50px;
  font-size: 25px;
  align-items: center;
  justify-content: center;
}
.task-detail-section-left .task-detail-list .r-view .rv-list .rvl1 {
  flex-basis: 110px;
  padding-right: 20px;
  align-items: center;
  justify-content: center;
}
.task-detail-section-left .task-detail-list .r-view .rv-list .rvl1 .thumb-img-bg {
  max-width: 60px;
  max-height: 60px;
}
.task-detail-section-left .task-detail-list .r-view .rv-list .rvl2 {
  flex-grow: 1;
  width: 0;
  overflow: hidden;
  line-height: 59px;
}
.task-detail-section-left .task-detail-list .r-view .rv-list .rvl2 .left-icon {
  float: left;
  font-size: 20px;
  margin-right: 10px;
}
.task-detail-section-left .task-detail-list .r-view .rv-list .rvl3 {
  flex-basis: 250px;
  padding-left: 10px;
}
.task-detail-section-left .task-detail-list .r-view .rv-list .rvl4 {
  flex-basis: 162px;
  padding-left: 10px;
  justify-content: center;
}
.task-detail-section-left .task-detail-list .r-view .rv-view {
  flex-direction: row;
  justify-content: flex-start;
  display: flex;
  flex-wrap: wrap;
  margin-top: 10px;
}
.task-detail-section-left .task-detail-list .r-view .rv-mars {
  flex-direction: row;
  justify-content: flex-start;
  display: flex;
  flex-wrap: wrap;
  margin-top: 10px;
}
.task-detail-section-left .task-detail-list .r-view .view {
  border-radius: 50% !important;
  background-color: #222 !important;
  color: white !important;
}
.task-detail-section-right {
  float: right;
  padding: 0;
}
.task-detail-section-right .workflow-right-panel {
  margin: 0 !important;
  background-color: #ffffff;
}
.task-detail-section-right .workflow-right-panel .header {
  height: 60px;
  margin: 0px;
  padding: 15px;
  font-size: 14px;
  box-sizing: border-box;
  border-bottom: solid 1px #ddd;
}
.task-detail-section-right .workflow-right-panel .header span {
  line-height: 20px;
  display: inline-block;
  margin-top: 5px;
  margin-bottom: 2px;
  font-weight: bold;
}
.task-detail-section-right .workflow-right-panel .header span:last-child {
  float: right;
}
.task-detail-section-right .workflow-right-panel .row {
  margin: 10px 0;
}
.task-detail-section-fullscreen .task-fullscreen-content .content-image {
  position: absolute;
  width: 100%;
  height: calc(100vh - 60px);
  margin: 0;
  border: none;
  transition: height ease .2s;
}
.task-detail-section-fullscreen .task-fullscreen-content .content-image .action-btns {
  position: absolute;
  z-index: 999;
  width: 140px;
  text-align: center;
  margin: 0 auto;
  top: 12px;
  background-color: #ffffff;
  padding: 8px 15px;
  border-radius: 20px;
  left: 50%;
  transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
}
.task-detail-section-fullscreen .task-fullscreen-content .content-image .action-btns span {
  margin-left: 8px;
  margin-right: 8px;
  font-size: 17px;
}
.task-detail-section-fullscreen .task-fullscreen-content .task-sub-head {
  position: relative;
  border-bottom: 1px solid #ddd;
}
.task-detail-section-fullscreen .task-fullscreen-content .task-sub-head .task-close {
  position: absolute;
  right: 23px;
  top: 18px;
  font-weight: 800;
}
.task-detail-section-fullscreen .task-fullscreen-content.task-content {
  margin: 0;
}
.task-detail-section-fullscreen .task-fullscreen-content.task-content .content-thumbnail {
  display: flex;
  height: 100%;
  padding-top: 60px;
  padding-bottom: 60px;
  justify-content: center;
  align-items: center;
  background-color: #000000;
}
.task-detail-section-fullscreen .task-fullscreen-content.task-content .content-thumbnail .switch-btn {
  position: absolute;
  z-index: 100;
  color: rgba(196, 196, 196, 0.8);
  font-size: 20px;
  border: none!important;
  background-color: rgba(64, 64, 64, 0.5);
  border-radius: 30px;
  padding: 20px!important;
  cursor: pointer;
}
.task-detail-section-fullscreen .task-fullscreen-content.task-content .content-thumbnail .switch-btn._left {
  left: 50px;
}
.task-detail-section-fullscreen .task-fullscreen-content.task-content .content-thumbnail .switch-btn._right {
  right: 50px;
}
.task-detail-section-fullscreen .task-fullscreen-content.task-content .content-thumbnail .image-layout {
  position: relative;
  display: flex;
  width: 100%;
  height: 100%;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  background-position: 50%;
  background-repeat: no-repeat;
}
.task-detail-section-fullscreen .task-fullscreen-content.task-content .content-thumbnail img.view-image {
  max-width: 100%;
  max-height: 100%;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAIAAACQkWg2AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyppVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Njg0OUFCMzA1QjBEMTFFN0IzMDJCRDBCRkZFOTA1QUYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Njg0OUFCMkY1QjBEMTFFN0IzMDJCRDBCRkZFOTA1QUYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoTWFjaW50b3NoKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkJDRTg5RkYwODdCRTExRTY5N0JBQzRDNTQ2MzNDNEM3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkJDRTg5RkYxODdCRTExRTY5N0JBQzRDNTQ2MzNDNEM3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+uxB/IwAAAE1JREFUeNpi/P//PwMMnDt3Ds41NjbGKs7EgASQNeMSR9HAyMiIVQOyOBMeOaziLMS4G1mciRh3IwMmYtyNooFIvyIER+NhUMQDQIABAJw+TQPMSOs8AAAAAElFTkSuQmCC");
}
.task-detail-section-fullscreen .task-fullscreen-content.task-content .content-thumbnail img.load-image {
  background-image: none;
}
.task-detail-section .task-info > div {
  height: inherit;
}
.task-detail-section .task-info .content-area {
  padding: 0;
  height: inherit;
}
.task-detail-section .task-info .content-area > div.info-desc {
  height: inherit;
  overflow: auto;
}
.task-detail-section .task-info .content-area > div.info-desc.top60 {
  padding-top: 60px;
  box-sizing: border-box;
}
.task-detail-section .task-info .content-area > div.info-desc > div {
  padding: 0px 15px;
}
.task-detail-section .task-info .content-area > div.info-desc .desc-input {
  width: 410px;
  max-width: 100%;
  margin-top: 0px;
  margin-bottom: 6px;
  border: none;
  white-space: pre-wrap;
  line-height: 22px;
  text-align: left;
}
.task-detail-section .task-info .content-area > div.info-desc .icon-s-Arrow2_16 {
  margin-top: 0px;
}
.task-detail-section .task-info .content-area > div.info-desc .field {
  font-weight: bold;
  font-size: 12px;
  color: #9b9b9b;
  padding: 0px;
}
.task-detail-section .task-info .content-area > div.info-desc .field:last-child {
  margin-bottom: 20px;
}
.task-detail-section .task-info .content-area > div.info-desc .field dt,
.task-detail-section .task-info .content-area > div.info-desc .field dd {
  display: inline-block;
}
.task-detail-section .task-info .content-area > div.info-desc .field .value {
  width: 100%;
  word-break: break-all;
  cursor: default;
  font-weight: normal;
  font-size: 15px;
  margin-bottom: 15px;
}
.task-detail-section .task-info .content-area > div.info-desc .editable-label {
  position: relative;
  overflow: hidden;
}
.task-detail-section .task-info .content-area > div.info-desc .editable-label .add-label {
  width: 110px;
  margin-bottom: 10px;
  line-height: 20px;
  text-align: center;
  padding: 5px 15px;
  border-radius: 25px;
  cursor: pointer;
}
.task-detail-section .task-info .content-area > div.info-desc .label-list-wrap {
  overflow: hidden;
}
.task-detail-section .task-info .content-area > div.info-desc .label-list {
  display: inline-block;
  float: left;
  width: calc(33% - 12px);
  height: 80px;
  line-height: 25px;
  margin: 10px 13px 10px 0;
  border-radius: 4px;
  border: #ccc 1px solid;
  text-align: center;
  position: relative;
}
.task-detail-section .task-info .content-area > div.info-desc .label-list:nth-child(3n + 3) {
  margin-right: 0;
}
.task-detail-section .task-info .content-area > div.info-desc .label-list .del-btn {
  position: absolute;
  right: -10px;
  top: -10px;
  width: 20px;
  height: 20px;
  border-radius: 10px;
  line-height: 20px;
  text-align: center;
  font-size: 14px;
  padding: 0;
}
.task-detail-section .task-info .content-area > div.info-desc .label-list .colorBg {
  position: absolute;
  top: 8px;
  left: 8px;
  right: 8px;
  bottom: 25px;
  vertical-align: middle;
}
.task-detail-section .task-info .content-area > div.info-desc .label-list .text {
  position: absolute;
  bottom: 0;
  left: 8px;
  right: 8px;
  text-align: left;
  padding: 0 !important;
}
.task-detail-section .task-info .content-area > div.info-desc .itemErrorMsg {
  font-size: 14px;
  color: #ff0000;
  line-height: 1;
  margin-bottom: 5px;
}
.task-detail-section .task-info .content-area > div.info-desc .more {
  height: 20px;
  display: inline;
  color: #474747;
  line-height: 20px;
  vertical-align: middle;
  float: right;
  font-size: 13px;
  font-weight: 600;
  opacity: 0.6;
  cursor: pointer;
  margin-top: 5px;
}
.task-detail-section .task-info .content-area > div.info-desc .more span {
  font-size: 16px;
}
.task-detail-section .task-info .content-area > div.info-desc .content-activity .activity-item {
  line-height: 120%;
  font-size: 14px;
  font-weight: 300;
}
.task-detail-section .task-info .content-area > div.info-desc .content-activity .activity-item-content .title-row {
  margin: 30px 0 5px;
}
.task-detail-section .task-info .content-area > div.info-desc .content-activity .ac-g-title .ac-g-cont {
  font-size: 14px;
  font-weight: 300;
}
.task-detail-section .task-info .content-area > div.info-desc .content-activity .content-title {
  line-height: 120%;
  margin: 0;
}
.task-detail-section .task-info .content-area > div.info-desc .usage-history .info-row {
  margin-left: 0;
  margin-right: 0;
}
.task-detail-section .task-info .content-area > div.info-desc .usage-history .info-row > div {
  font-size: 14px;
  line-height: 120%;
}
.task-detail-section .task-info .content-area > div.info-desc .custome-field-section .input-circle {
  margin-bottom: 20px;
  position: relative;
}
.task-detail-section .task-info .content-area > div.info-desc .custome-field-section .input-circle button {
  padding: unset;
  color: unset;
  min-width: unset;
}
.task-detail-section .task-info .content-area > div.info-desc .keyword-box {
  float: left;
  margin: 8px 0px 0px 0px;
  padding: 0px 6px;
  font-size: 12px;
  color: #474747;
  overflow-y: hidden;
  border: solid 1px #ccc;
  border-radius: 26px;
  line-height: 20px;
  width: calc(100% / 3 - 7px);
}
.task-detail-section .task-info .content-area > div.info-desc .keyword-box .text {
  float: left;
  overflow-y: hidden;
  width: calc(100% - 18px);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-weight: normal;
  font-size: 14px;
  color: #4a4a4a;
  font-weight: 500;
  text-align: center;
}
.task-detail-section .task-info .content-area .layout-area .l-a-part {
  display: flex;
  flex-direction: column;
  padding: 0;
}
.task-detail-section .task-info .content-area .layout-area .l-a-part .part-item {
  display: flex;
  flex-direction: column;
  border-top: 1px solid #ddd;
  padding: 20px 15px;
  line-height: 120%;
}
.task-detail-section .task-info .content-area .layout-area .l-a-part .part-item .p-i-title {
  display: flex;
  justify-content: space-between;
  font-weight: bold;
  font-size: 14px;
}
.task-detail-section .task-info .content-area .layout-area .l-a-part .part-item .p-i-title .icon-s-Arrow2_16 {
  margin: 0px;
}
.task-detail-section .task-info .content-area .layout-area .l-a-part .part-item .p-i-title div span:last-child {
  padding-bottom: 10px;
  text-align: right;
}
.task-detail-section .task-info .content-area .layout-area .l-a-part .part-item .p-i-title div .icon-remove {
  color: #000;
  padding: 0 .5em;
}
.task-detail-section .task-info .content-area .layout-area .l-a-part .part-item .p-i-title .p05 {
  padding: 0 0.5em;
}
.task-detail-section .task-info .content-area .layout-area .l-a-part .part-item .p-i-content {
  text-align: left;
  margin-top: 30px;
}
.task-detail-section .task-info .content-area .layout-area .l-a-part .part-item .p-i-content .min-h {
  min-height: 100px;
}
.task-detail-section .task-info .content-area .layout-area .l-a-part .part-item .p-i-content section > .second-title {
  display: none;
}
.task-detail-section .task-info .content-area .layout-area .l-a-part .part-item .p-i-content .comment-section .comments-box {
  width: 100%;
  margin-top: 20px;
  margin-bottom: 15px;
  float: left;
  padding: 0px 20px;
  max-height: 300px;
  overflow-y: auto;
}
.task-detail-section .task-info .content-area .layout-area .l-a-part .part-item .p-i-content .comment-section .comments-box .comment {
  float: left;
  width: 100%;
  margin: 2px 0px;
  padding: 0px;
}
.task-detail-section .task-info .content-area .layout-area .l-a-part .part-item .p-i-content .comment-section .comments-box .comment .avatar {
  width: 32px;
  height: 32px;
  float: left;
  border-radius: 20px;
  -webkit-border-radius: 20px;
}
.task-detail-section .task-info .content-area .layout-area .l-a-part .part-item .p-i-content .comment-section .comments-box .comment .comment-content {
  margin-left: 40px;
}
.task-detail-section .task-info .content-area .layout-area .l-a-part .part-item .p-i-content .comment-section .comments-box .comment .comment-content .time {
  font-size: 12px;
  color: #474747;
  font-weight: 300;
  float: left;
  margin-left: 0px;
  margin-top: 0px;
  font-size: 14px;
  line-height: 22px;
}
.task-detail-section .task-info .content-area .layout-area .l-a-part .part-item .p-i-content .comment-section .comments-box .comment .comment-content .version {
  font-size: 14px;
  font-weight: 600;
  color: #474747;
  text-align: left;
  min-height: 22px;
  line-height: 22px;
  float: left;
  cursor: default;
  width: 100%;
}
.task-detail-section .task-info .content-area .layout-area .l-a-part .part-item .p-i-content .comment-section .comments-box .comment .comment-content .comment-edit-area {
  width: 100%;
  resize: none;
  min-height: 22px;
  border: none;
  border-radius: 0px;
  padding: 0px;
  background: none;
  cursor: default;
  word-break: normal;
  word-wrap: break-word;
  white-space: pre-wrap;
  color: black;
  text-decoration: blink;
  line-height: 22px;
  float: left;
  font-weight: normal;
  font-size: 15px;
  color: #626262;
  color: #4a4a4a;
}
.task-detail-section .task-info .content-area .layout-area .l-a-part .part-item .p-i-content .comment-section .comments-box .comment .comment-content .comment-bottom {
  display: block;
  border-radius: 0px;
  padding: 5px 0px 6px;
  min-height: 20px;
  font-size: 13px;
  color: #474747;
  font-weight: 300;
}
.task-detail-section .task-info .content-area .layout-area .l-a-part .part-item .p-i-content .comment-section .comments-box .comment .comment-top {
  width: 100%;
  height: auto;
  margin-bottom: 2px;
  padding-top: 5px;
}
.task-detail-section .task-info .content-area .layout-area .l-a-part .part-item .p-i-content .comment-section .comments-box .comment .username {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
  font-size: 14px;
  font-weight: 600;
  color: #474747;
  float: left;
  text-decoration: none;
  line-height: 22px;
}
.task-detail-section .task-info .content-area .second-title {
  position: relative;
  border: none;
  width: 100%;
  margin-bottom: 0px;
  padding: 12px 15px 15px 15px;
}
.task-detail-section .task-info .content-area .sub-title {
  line-height: 20px;
  display: inline-block;
  margin-bottom: 2px;
  font-weight: bold;
  font-size: 14px;
  margin-top: 5px;
}
.task-detail-section .task-info .content-area .related-section .related-files-actions,
.task-detail-section .task-info .content-area .related-section .related-files-action {
  margin-bottom: 15px;
}
.task-detail-section .task-info .content-area .related-section .related-files-actions .related-files,
.task-detail-section .task-info .content-area .related-section .related-files-action .related-files {
  display: flex;
  flex-direction: row;
  margin-left: 15px;
}
.task-detail-section .task-info .content-area input[type="text"] {
  height: 32px;
  width: 100%;
}
.task-detail-section .task-info .content-area .info-desc .desc-input {
  width: 410px;
  max-width: 100%;
  margin-top: 0px;
  margin-bottom: 6px;
  border: none;
  white-space: pre-wrap;
  line-height: 22px;
  text-align: left;
}
.task-detail-section .task-info .content-area .info-desc .desc-input.clamp {
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}
.task-detail-section .task-info .content-area .info-desc .icon-s-Arrow2_16 {
  margin-top: 0px;
}
.task-detail-section .task-info .content-area .info-desc .icon-s-Checkbox1_16,
.task-detail-section .task-info .content-area .info-desc .icon-s-Checkbox2_16 {
  margin-right: 0;
}
.task-detail-section .task-info .content-area .shrink {
  transform: rotate(180deg);
}
.task-detail-section .task-info .content-area .icon-s-Arrow2_16,
.task-detail-section .task-info .content-area .icon-icn_flight_arrow_up_01 {
  margin: 0 8px;
  float: right;
}
.task-detail-section .task-info .content-area .delete-keyword-tag-btn {
  line-height: 20px;
  font-weight: 600;
  cursor: pointer;
  float: right;
  font-size: 16px;
}
.task-detail-section .task-info .content-area .second-content {
  padding: 0 15px;
}
.task-detail-section .task-info .content-area .second-content .container-box {
  display: block;
  width: 100%;
  overflow-x: hidden;
  overflow-y: hidden;
  min-height: 23px;
  padding-top: 8px;
  margin-bottom: 10px;
}
.task-detail-section .task-info .content-area .second-content .container-box .pr-26 {
  padding-right: 26px !important;
  padding-left: 10px !important;
}
.task-detail-section .task-info .content-area .second-content .container-box .auto-expand-box {
  float: left;
  margin: 8px 8px 0px 0px;
  padding: 0px 6px;
  font-size: 12px;
  overflow-y: hidden;
  border: solid 1px #ccc;
  border-radius: 26px;
  line-height: 20px;
  width: auto;
  max-width: 100%;
  min-width: 60px;
  position: relative;
}
.task-detail-section .task-info .content-area .second-content .container-box .auto-expand-box .text {
  float: left;
  overflow-y: hidden;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-weight: normal;
  font-size: 14px;
  color: #4a4a4a;
  font-weight: 500;
  text-align: center;
}
.task-detail-section .task-info .content-area .second-content .container-box .auto-expand-box span {
  position: absolute;
  right: 5px;
}
.task-detail-section .task-info .content-area .comment-div {
  display: inline-block;
  padding-right: 0px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
  position: relative;
  border-radius: 15px;
  border: 1px solid;
  margin-left: 20px;
  width: calc(100% - 54px);
}
.task-detail-section .task-info .content-area .comment-div.first-level {
  margin-left: 0;
  width: 100%;
}
.task-detail-section .task-info .content-area .comment-div textarea {
  font-weight: normal;
  font-size: 15px;
  width: calc(100% - 60px);
  height: 58px;
  margin-bottom: 0px;
  border: 0px;
  background: transparent;
  padding: 0px;
  resize: none;
  min-height: 58px;
  margin-left: 0px;
  border-radius: 0px!important;
  padding-left: 0px!important;
  line-height: 22px!important;
}
.task-detail-section .task-info .content-area .comment-div .c-icon {
  width: 32px;
  height: 32px;
  border-radius: 15px;
  background: #E5E5E5;
  font-size: 16px;
  line-height: 32px;
  display: inline-block;
  text-align: center;
  position: absolute;
  top: 20px;
  right: 15px;
}
.task-detail-section .task-info .color12 {
  color: #000000 !important;
}
.task-detail-section .task-info .color11Bg,
.task-detail-section .task-info .color11BgHover:hover {
  background-color: #ffffff !important;
}
.task-detail-section .task-info .dropdown-icon:after {
  color: #000000 !important;
}
.task-detail-section .title-bread-crumbs {
  max-width: 380px;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  -moz-text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
}
.task-detail-section .task-detail-header {
  height: 80px;
  width: 100%;
  padding: 0 20px;
}
.task-detail-section .task-detail-header .task-detail-title {
  color: #444;
}
.task-detail-section .task-detail-header .task-detail-title.underline:hover {
  text-decoration: underline;
}
.task-detail-section .task-f2 {
  font-size: 14px;
  color: #000000;
}
.task-detail-section .task-f3 {
  font-size: 14px;
  color: #303030;
  cursor: pointer;
}
.task-detail-section .task-f4 {
  font-size: 14px;
  font-weight: bold;
  color: #303030;
}
.task-detail-section .task-f5 {
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
}
.task-detail-section .task-f6 {
  font-size: 15px;
  font-weight: 400;
  line-height: 32px;
}
.task-detail-section .status {
  border: solid 1px #c1c1c1;
  width: 100%;
  display: block;
  border-radius: 20px;
  height: 32px;
  padding-left: 10px;
  margin-left: 0;
  margin-top: 7px;
  font-weight: 700;
}
.task-detail-section .approval-status::before {
  font-family: 'icomoon' !important;
  content: "\e905";
  position: relative;
  top: 3px;
  left: -4px;
  z-index: 1;
  line-height: 20px;
  background: inherit;
  padding-left: 0 px;
  font-size: 20px;
  color: #7ED320;
  border-radius: 20px;
  width: 20px;
  height: 20px;
  pointer-events: none;
}
.task-detail-section .comment-ctn {
  display: block;
  line-height: 25px;
}
.task-detail-section .comment-newline-ctn {
  display: block;
  white-space: pre-wrap;
  line-height: 25px;
}
.task-detail-section .task-detail-title {
  height: 80px;
  line-height: 80px;
  vertical-align: top;
}
.task-detail-section .header-btn-group {
  float: right;
  margin-top: 24px;
}
.task-detail-section .task-content {
  margin: 20px 20px;
}
.task-detail-section .task-content.scrollbar {
  overflow-y: auto;
  height: calc(100vh - 200px);
}
.task-detail-section .task-content .task-sub-head .task-title {
  font-size: 14px;
  font-weight: bold;
  color: #303030;
  width: 100%;
  display: inline-block;
  border-top: 1px solid #ddd;
  line-height: 50px;
  padding-left: 15px;
}
.task-detail-section .task-content .task-sub-head .task-close {
  position: absolute;
  right: 23px;
  top: 18px;
  font-weight: 800;
}
.task-detail-section .task-content .content-thumbnail {
  position: relative;
  display: flex;
  height: 200px;
  justify-content: center;
  align-items: center;
  background-color: #444;
}
.task-detail-section .task-content .content-thumbnail .preview-full {
  position: absolute;
  bottom: 5px;
  right: 2px;
  font-size: 25px;
  padding: 10px;
  color: #cbcbcb;
  background-color: rgba(16, 16, 16, 0.5);
}
.task-detail-section .task-content .content-thumbnail img {
  max-height: 200px;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAIAAACQkWg2AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyppVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Njg0OUFCMzA1QjBEMTFFN0IzMDJCRDBCRkZFOTA1QUYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Njg0OUFCMkY1QjBEMTFFN0IzMDJCRDBCRkZFOTA1QUYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoTWFjaW50b3NoKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkJDRTg5RkYwODdCRTExRTY5N0JBQzRDNTQ2MzNDNEM3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkJDRTg5RkYxODdCRTExRTY5N0JBQzRDNTQ2MzNDNEM3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+uxB/IwAAAE1JREFUeNpi/P//PwMMnDt3Ds41NjbGKs7EgASQNeMSR9HAyMiIVQOyOBMeOaziLMS4G1mciRh3IwMmYtyNooFIvyIER+NhUMQDQIABAJw+TQPMSOs8AAAAAElFTkSuQmCC");
}
.task-detail-section .task-content .task-sub-content {
  position: relative;
  padding: 0px 0 15px;
  line-height: 25px;
  color: #303030;
}
.task-detail-section .task-content .task-sub-content.task-info {
  padding-top: 0;
}
.task-detail-section .task-content .task-sub-content .col-xs-4 {
  padding-left: 0;
}
.task-detail-section .task-content .task-sub-content .task-files {
  display: flex;
  border-bottom: 1px solid #ddd;
}
.task-detail-section .task-content .task-sub-content .task-files .file-thumbnail {
  height: 60px;
  min-width: 60px;
  max-width: 60px;
}
.task-detail-section .task-content .task-sub-content .task-files .file-thumbnail img {
  width: 40px;
  height: 40px;
  margin-top: 10px;
}
.task-detail-section .task-content .task-sub-content .task-files .file .file-name {
  line-height: 60px;
  width: 100%;
  overflow: hidden;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.task-detail-section .task-content .task-sub-content .comment-input {
  min-height: 120px;
  margin: 0 15px;
  width: calc(100% - 30px);
  padding-right: 65px;
}
.task-detail-section .task-content .task-sub-content .c-icon {
  width: 32px;
  height: 32px;
  border-radius: 15px;
  background: #E5E5E5;
  font-size: 16px;
  line-height: 32px;
  display: inline-block;
  text-align: center;
  position: absolute;
  top: 45px;
  right: 32px;
}
.task-detail-section .task-content .task-sub-content > .comments-box {
  width: 100%;
  margin-top: 20px;
  margin-bottom: 15px;
  float: left;
  padding: 0px 20px;
  overflow: auto;
}
.task-detail-section .task-content .task-sub-content > .comments-box li {
  padding-bottom: 30px;
}
.task-detail-section .task-content .task-sub-content > .comments-box li:last-child {
  padding-bottom: 0;
}
.task-detail-section .task-content .task-sub-content > .comments-box .comment-avator {
  width: 32px;
  height: 32px;
  float: left;
  border-radius: 20px;
  -webkit-border-radius: 20px;
}
.task-detail-section .task-content .task-sub-content > .comments-box .comment-content .comnent-top {
  width: 100%;
  height: auto;
  margin-bottom: 2px;
  padding-top: 5px;
}
.task-detail-section .task-content .task-sub-content > .comments-box .comment-content__name {
  float: left;
  font-size: 14px;
  font-weight: 600;
  color: black;
  text-decoration: none;
  line-height: 22px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
  margin-right: 10px;
}
.task-detail-section .task-content .task-sub-content > .comments-box .comment-content__time {
  float: left;
  font-size: 12px;
  color: #474747;
  font-weight: 300;
  margin-left: 0px;
  margin-top: 0px;
  font-size: 14px;
  line-height: 22px;
}
.task-detail-section .task-content .task-sub-content > .comments-box .comment-content__task-belong {
  font-size: 14px;
  font-weight: 600;
  color: #474747;
  text-align: left;
  min-height: 22px;
  line-height: 22px;
  float: left;
  cursor: default;
  width: 100%;
}
.task-detail-section .task-content .task-sub-content > .comments-box .comment-content__task-text {
  width: 100%;
  resize: none;
  min-height: 22px;
  border: none;
  border-radius: 0px;
  padding: 0px;
  background: none;
  cursor: default;
  word-break: normal;
  word-wrap: break-word;
  white-space: pre-wrap;
  color: #626262;
  text-decoration: blink;
  line-height: 22px;
  float: left;
  font-weight: normal;
  font-size: 15px;
}
.task-detail-section .task-content .task-sub-content .content-section {
  border-bottom: 1px solid #ddd;
  padding: 15px;
}
.task-detail-section .task-content .task-sub-content .content-section:last-child {
  border-bottom: none;
}
.task-detail-section .task-content .task-sub-content .content-name {
  font-size: 20px;
  font-weight: bold;
  line-height: 70px;
  padding: 0 15px;
  border-bottom: 1px solid #ddd;
}
.task-detail-section .task-content .task-sub-content .content-title {
  font-size: 14px;
  font-weight: bold;
}
.task-detail-section .task-content .task-sub-content .content-text {
  display: inline-block;
  padding-left: 15px;
  font-size: 14px;
  width: 100%;
}
.task-detail-section .task-content .task-sub-content .content-text .auto-expand-box {
  float: left;
  display: inline-block;
  margin: 8px 8px 0px 0px;
  padding: 0px 10px;
  font-size: 12px;
  font-weight: 500;
  overflow-y: hidden;
  border: solid 1px #ccc;
  border-radius: 26px;
  line-height: 20px;
  width: auto;
  max-width: 100%;
  min-width: 60px;
  background-color: #C1C1C1;
}
.task-detail-section .task-content .task-sub-content .content-text .auto-expand-box .text {
  float: left;
  overflow-y: hidden;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-weight: normal;
  font-size: 14px;
  color: #4a4a4a;
  font-weight: 500;
  text-align: center;
}
.task-detail-section .task-content .task-sub-content .content-text-row {
  margin: 20px 0;
}
.task-detail-section .task-content .task-sub-content .content-area .circle-button {
  margin-right: -10px;
  border-radius: 5em;
  width: 32px;
  height: 32px;
  background-color: transparent;
  cursor: pointer;
  display: inline-block;
  text-align: center;
  line-height: 33px!important;
  font-size: 16px!important;
  margin-top: 0px;
  color: #4a4a4a;
}
.task-detail-section .task-content .task-sub-content .content-area .title-edit1 {
  padding-left: 0px;
  padding-right: 0px;
}
.task-detail-section .task-content .task-sub-content .content-area .title-edit1 .t-e-form {
  padding: 20px 0;
  display: flex;
  flex-grow: 1;
  align-items: center;
}
.task-detail-section .task-content .task-sub-content .content-area .title-edit1 .circle-button {
  flex-shrink: 0;
}
.task-detail-section .task-content .task-sub-content .content-area .title-edit1 form {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
}
.task-detail-section .task-content .task-sub-content .content-area .title-edit1 .title {
  font-weight: bold;
  font-size: 20px;
  line-height: 30px;
}
.task-detail-section .task-content .task-sub-content .content-area .title-edit1 .invalid-tips1 {
  display: flex;
  align-items: center;
  padding: 10px;
  border-radius: 5px;
}
.task-detail-section .task-content .task-sub-bottom {
  height: 80px;
  border-top: 1px solid #ddd;
  display: flex;
  justify-content: center;
  align-items: center;
}
.task-detail-section .participants-avatar {
  font-size: 20px;
  position: relative;
  top: 3px;
}
.wf-line-block {
  display: block;
  line-height: 1.5;
  text-transform: capitalize;
}
.wf-overTime-icon {
  color: orange;
}
.task-comments-mentions {
  cursor: default;
  position: absolute;
  z-index: 10;
  text-align: left;
  top: 40px;
  width: 450px;
  padding: 5px 8px;
  margin-left: 0;
  margin-top: 0;
  line-height: 1;
}
.task-comments-mentions div,
.task-comments-mentions header,
.task-comments-mentions footer {
  line-height: normal;
}
.task-comments-mentions::after,
.task-comments-mentions::before {
  left: 34px;
  position: absolute;
  width: 0;
  height: 0;
  border: 8px solid transparent;
  border-bottom: 8px solid #fefefe;
  z-index: 2;
}
.task-comments-mentions::before {
  top: -15px;
}
.task-comments-mentions::after {
  top: -17px;
  border-bottom-color: rgba(50, 65, 95, 0.12);
  z-index: 1;
}
.task-comments-mentions .user-selector {
  top: 20px;
  bottom: 0;
  height: 115px;
}
.workflow-comments-mentions {
  cursor: default;
  z-index: 20;
  text-align: left;
  margin-left: 0;
  margin-top: 0;
  line-height: 1;
}
.workflow-comments-mentions div,
.workflow-comments-mentions header,
.workflow-comments-mentions footer {
  line-height: normal;
}
.workflow-comments-mentions::after,
.workflow-comments-mentions::before {
  left: 34px;
  position: absolute;
  width: 0;
  height: 0;
  border: 8px solid transparent;
  border-bottom: 8px solid #fefefe;
  z-index: 2;
}
.workflow-comments-mentions::before {
  top: -15px;
}
.workflow-comments-mentions::after {
  top: -17px;
  border-bottom-color: rgba(50, 65, 95, 0.12);
  z-index: 1;
}
.task-comment-warning {
  position: relative;
  line-height: 1;
  top: -10px;
}
.task-comment-warning .comment-warning-icon {
  position: absolute;
  top: 6px;
  font-size: 18px;
  cursor: default;
}
.task-comment-warning .comment-warning-msg {
  margin-left: 25px;
  display: inline-block;
  line-height: 1.2;
  font-size: 14px;
}
.ui-colorpicker,
.ui-dialog.ui-colorpicker {
  width: auto;
  white-space: nowrap;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.ui-colorpicker-inline {
  position: static;
}
.ui-colorpicker-buttonset {
  float: left;
  margin-left: .4em;
}
.ui-colorpicker-buttonset .ui-button {
  margin: .5em 0 .5em 0;
  cursor: pointer;
}
.ui-colorpicker-buttonpane {
  background-image: none;
  margin: .7em 0 0 0;
  padding: 0 .2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}
.ui-colorpicker-buttonpane button {
  float: right;
  margin: .5em .2em .4em;
  cursor: pointer;
  padding: .2em .6em .3em .6em;
  width: auto;
  overflow: visible;
}
.ui-colorpicker-buttonpane button.ui-colorpicker-current {
  float: left;
}
.ui-colorpicker table {
  width: 100%;
  font-size: 100%;
  /* Reset browser table font-size */
  margin: 0;
}
.ui-colorpicker table td {
  vertical-align: top;
}
.ui-colorpicker-padding-left {
  padding-left: 10px;
}
.ui-colorpicker-padding-top {
  padding-top: 10px;
}
.ui-colorpicker-border {
  border: 1px inset;
  display: inline-block;
}
/* Bar & map */
.ui-colorpicker-map > *,
.ui-colorpicker-bar > * {
  position: absolute;
  cursor: crosshair;
}
.ui-colorpicker-map-pointer,
.ui-colorpicker-bar-pointer {
  position: absolute;
  left: 0;
}
/* Map */
.ui-colorpicker-map,
.ui-colorpicker-map > * {
  display: block;
  width: 256px;
  height: 256px;
  overflow: hidden;
}
.ui-colorpicker-map-layer-1,
.ui-colorpicker-map-layer-2 {
  background: url(images/map.png) no-repeat;
}
.ui-colorpicker-map-128,
.ui-colorpicker-map-128 > * {
  width: 128px;
  height: 128px;
}
.ui-colorpicker-map-128 .ui-colorpicker-map-layer-1,
.ui-colorpicker-map-128 .ui-colorpicker-map-layer-2 {
  background: url(images/128/map.png) no-repeat;
}
.ui-colorpicker-map-layer-alpha {
  background: url(images/map-opacity.png);
}
.ui-colorpicker-map-pointer {
  display: inline-block;
  width: 15px;
  height: 15px;
  background: url(images/map-pointer.png) no-repeat;
}
/* Bar */
.ui-colorpicker-bar,
.ui-colorpicker-bar > * {
  display: block;
  width: 20px;
  height: 256px;
  overflow: hidden;
  background-repeat: repeat-x;
}
.ui-colorpicker-bar-128,
.ui-colorpicker-bar-128 > * {
  height: 128px;
}
.ui-colorpicker-bar-layer-1,
.ui-colorpicker-bar-layer-2,
.ui-colorpicker-bar-layer-3,
.ui-colorpicker-bar-layer-4 {
  background: url(images/bar.png) repeat-x;
}
.ui-colorpicker-bar-128 .ui-colorpicker-bar-layer-1,
.ui-colorpicker-bar-128 .ui-colorpicker-bar-layer-2,
.ui-colorpicker-bar-128 .ui-colorpicker-bar-layer-3,
.ui-colorpicker-bar-128 .ui-colorpicker-bar-layer-4 {
  background: url(images/128/bar.png) repeat-x;
}
.ui-colorpicker-bar-layer-alpha {
  background: url(images/bar-opacity.png);
}
.ui-colorpicker-bar-layer-alphabar {
  background: url(images/bar-alpha.png);
}
.ui-colorpicker-bar-128 .ui-colorpicker-bar-layer-alphabar {
  background: url(images/128/bar-alpha.png);
}
.ui-colorpicker-bar-pointer {
  display: inline-block;
  width: 20px;
  height: 7px;
  background: url(images/bar-pointer.png) no-repeat;
}
/* Preview */
.ui-colorpicker-preview {
  text-align: center;
  height: 20px;
}
.ui-colorpicker-preview-initial {
  cursor: pointer;
}
.ui-colorpicker-preview-initial,
.ui-colorpicker-preview-current {
  width: 50px;
  height: 20px;
  display: inline-block;
}
.ui-colorpicker-preview-initial-alpha,
.ui-colorpicker-preview-current-alpha {
  width: 50px;
  height: 20px;
  display: inline-block;
  background: url(images/preview-opacity.png) repeat;
}
/* Inputs */
.ui-colorpicker-rgb label,
.ui-colorpicker-hsv label,
.ui-colorpicker-hsl label,
.ui-colorpicker-lab label,
.ui-colorpicker-cmyk label,
.ui-colorpicker-alpha label {
  width: 1.5em;
  display: inline-block;
}
.ui-colorpicker-number {
  margin: .1em;
  width: 4em;
}
/* Hex */
.ui-colorpicker-hex {
  text-align: center;
}
/* Swatches */
.ui-colorpicker-swatches {
  height: 256px;
  overflow: auto;
  background-color: #f8f8f8;
}
.ui-colorpicker-swatch {
  cursor: pointer;
  float: left;
  width: 11px;
  height: 11px;
  border-right: 1px solid black;
  border-bottom: 1px solid black;
}
.ui-colorpicker-disabled {
  opacity: .5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  pointer-events: none;
}
.ui-colorpicker-disabled * {
  cursor: default !important;
}
.g-c-add,
.ui-colorpicker-dialog {
  position: absolute;
  z-index: 999;
}
.g-c-add .ui-colorpicker-hex-alpha,
.ui-colorpicker-dialog .ui-colorpicker-hex-alpha {
  display: none;
}
.g-c-add .ui-colorpicker-hex-input,
.ui-colorpicker-dialog .ui-colorpicker-hex-input {
  margin-left: .5em;
}
.g-c-add .ui-colorpicker-number,
.ui-colorpicker-dialog .ui-colorpicker-number {
  margin-bottom: .1em;
}
.g-c-add .ui-colorpicker-hex,
.ui-colorpicker-dialog .ui-colorpicker-hex {
  text-align: left;
}
.g-c-add .ui-colorpicker-mode,
.ui-colorpicker-dialog .ui-colorpicker-mode {
  display: none;
}
.g-c-add .ui-colorpicker-preview-container,
.ui-colorpicker-dialog .ui-colorpicker-preview-container {
  padding-left: 2em;
  padding-top: 0;
  padding-bottom: 0;
}
.g-c-add .ui-dialog-buttonpane button,
.ui-colorpicker-dialog .ui-dialog-buttonpane button {
  margin: 0;
}
.g-c-add input,
.ui-colorpicker-dialog input {
  line-height: 1em;
  border-radius: 0;
  padding-left: .5em;
  cursor: pointer;
  background-color: #ffffff;
  color: #000000;
}
.ui-front.input-autocomplete {
  z-index: auto;
}
.ui-front .ui-state-hover,
.ui-front .ui-widget-content .ui-state-hover,
.ui-front .ui-widget-header .ui-state-hover,
.ui-front .ui-state-focus,
.ui-front .ui-widget-content .ui-state-focus,
.ui-front .ui-widget-header .ui-state-focus {
  background: none;
  font-weight: bolder;
}
.ui-front .select-suggest-menu {
  position: absolute;
  border-radius: 5px;
  padding: 5px 0;
  z-index: 1000;
  max-height: 150px;
  overflow-x: hidden;
  overflow-y: auto;
}
.select-prompt {
  width: 100%;
  position: relative;
  vertical-align: middle;
  display: none;
}
.select-prompt._active {
  display: block;
}
.select-prompt .prompt-drop {
  width: 100%;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 5px;
  -webkit-box-shadow: 0 8px 8px rgba(0, 0, 0, 0.25);
  box-shadow: 0 8px 8px rgba(0, 0, 0, 0.25);
  margin-top: -1px;
  position: absolute;
  top: 2px;
  z-index: 1060;
}
.select-prompt .prompt-drop .prompt-results {
  color: #555555;
  margin: 4px 0 4px 0;
  max-height: 240px;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.select-prompt .prompt-drop .prompt-results li {
  display: none;
  line-height: 1.42857;
  list-style: none;
  margin: 0;
  padding: 5px 6px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.select-prompt .prompt-drop .prompt-results li.highlighted {
  background-color: #337ab7;
  background-image: none;
  color: white;
}
.select-prompt .prompt-drop .prompt-results li.active-result {
  cursor: pointer;
  display: list-item;
}
/* my collection */
.edit-collection-dialog .modal-content {
  padding: 0px 20px;
}
.edit-collection-dialog .modal-body .section {
  text-align: left;
  margin-bottom: 15px;
}
.edit-collection-dialog .modal-body .section .field-input {
  display: inline-block;
  margin-left: 5px;
}
.edit-collection-dialog .modal-body .section .field-input .error {
  margin: 0 5px;
  line-height: 30px;
  display: inline-block;
}
.edit-collection-dialog .modal-body .section .field-input textarea,
.edit-collection-dialog .modal-body .section .field-input input {
  width: 380px;
}
.edit-collection-dialog .modal-body .section .field-input input[name='expirationDate'] {
  width: 150px;
}
.edit-collection-dialog .modal-body .section .collection-item-label {
  min-width: 120px;
  text-align: right;
  margin-right: 8px;
}
.edit-collection-dialog .modal-body .section .expire-date {
  display: inline-block;
  width: 250px;
  margin-right: 5px;
}
.edit-collection-dialog .modal-body .section .expire-date input {
  width: 250px;
}
.edit-collection-dialog .modal-body .section .no-valid-email {
  display: block;
  font-size: 12px;
  color: red;
  line-height: 2;
  margin: 0;
}
.edit-collection-dialog .modal-body .section .share-users ul.select-suggest-menu {
  width: 380px;
}
.edit-collection-dialog .modal-body .section .share-users ul li {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.edit-collection-dialog .modal-body .section .share-users .warning {
  position: relative;
  top: 2px;
}
.edit-collection-dialog .modal-body span.required {
  color: red;
  padding: 0 5px;
}
.edit-collection-dialog .modal-body .never-expire {
  display: inline-block;
}
.edit-collection-dialog .modal-body .expire-date {
  display: inline-block;
  margin-right: 10px;
}
.edit-collection-dialog .modal-body ul li {
  font-size: 14px;
}
.edit-collection-dialog .container-box {
  display: block;
  width: 100%;
  overflow-x: hidden;
  overflow-y: hidden;
  min-height: 23px;
  padding-top: 5px;
}
.edit-collection-dialog .container-box.fixedHeight {
  height: 62px;
}
.edit-collection-dialog .user-list {
  margin-bottom: 10px;
  font-size: 12px;
}
.edit-collection-dialog .user-list table {
  width: calc(100% - 17.5px);
}
.edit-collection-dialog .user-list .grid-th {
  height: 30px;
  background: #d4d4d4;
  color: #4b4b4b;
  font-size: 12px;
}
.edit-collection-dialog .user-list .td-delete-btn {
  width: 14px;
  height: 14px;
  cursor: pointer;
  visibility: hidden;
  background: transparent;
  color: #474747;
  font-size: 14px;
  text-align: center;
  line-height: 14px;
  margin-left: 5px;
}
.edit-collection-dialog .user-list .grid-tr {
  height: 30px;
  font-size: 12px;
}
.edit-collection-dialog .user-list .grid-tr .td-delete-btn {
  visibility: visible;
}
.edit-collection-dialog .user-list .grid-border-none {
  height: 30px;
  font-size: 12px;
  border-bottom: 1px solid #9b9b9b;
  border-style: none;
}
.edit-collection-dialog .user-list .grid-border-none:hover .td-delete-btn {
  visibility: visible;
}
.edit-collection-dialog .user-list .user-name {
  font-weight: 600;
  font-size: 12px;
  width: 360px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: inline-block;
}
.edit-collection-dialog .user-list .tr-checkbox {
  width: 20px;
  text-align: center;
}
.edit-collection-dialog .user-list .tr-checkbox input[type="checkbox"][disabled] {
  cursor: default;
}
.edit-collection-dialog .user-list .td-operate {
  width: 20px;
  text-align: center;
}
.edit-collection-dialog .user-list .group-user-icon {
  width: 20px;
  font-size: 14px;
}
.multiple-users-dialog .share-item-layout {
  height: 220px;
  overflow-x: hidden;
  overflow-y: auto;
}
.multiple-users-dialog .item-user {
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 38%;
}
.multiple-users-dialog .item-share-link {
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 45%;
}
.multiple-users-dialog .item-user-action {
  display: inline-block;
  width: 15%;
}
.multiple-users-dialog .item-user-action span {
  padding: 5px;
  margin: 5px;
  vertical-align: middle;
  font-size: 14px;
  text-decoration: none;
}
.multiple-users-dialog .item-user-action span.icon-remove {
  margin-right: 0;
  padding-right: 0;
}
.ui-date-time {
  position: relative;
  line-height: 30px;
}
.ui-date-time .date-time-picker {
  width: 100%;
}
.ui-date-time .date-time-icon {
  position: absolute;
  right: 13px;
  top: 7px;
  color: #000000;
  font-size: 14px;
}
.modal-body .ui-date-time .date-time-icon {
  top: 8px;
}
.date-range {
  float: left !important;
}
.date-range.-start,
.date-range.-end {
  width: 45% !important;
}
.date-range.-to {
  padding: 0 4px;
  text-align: center;
}
.xdsoft_datetimepicker {
  box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.506);
  background: #fff;
  border-bottom: 1px solid #bbb;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-top: 1px solid #ccc;
  color: #333;
  font-family: "canto-font", "Helvetica Neue", Helvetica, Arial, sans-serif;
  padding: 8px;
  padding-left: 0;
  padding-top: 2px;
  position: absolute;
  z-index: 9999;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: none;
}
.xdsoft_datetimepicker.xdsoft_rtl {
  padding: 8px 0 8px 8px;
}
.xdsoft_datetimepicker iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 75px;
  height: 210px;
  background: transparent;
  border: none;
}
/*For IE8 or lower*/
.xdsoft_datetimepicker button {
  border: none !important;
}
.xdsoft_noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.xdsoft_noselect::selection {
  background: transparent;
}
.xdsoft_noselect::-moz-selection {
  background: transparent;
}
.xdsoft_datetimepicker.xdsoft_inline {
  display: inline-block;
  position: static;
  box-shadow: none;
}
.xdsoft_datetimepicker * {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}
.xdsoft_datetimepicker .xdsoft_datepicker,
.xdsoft_datetimepicker .xdsoft_timepicker {
  display: none;
}
.xdsoft_datetimepicker .xdsoft_datepicker.active,
.xdsoft_datetimepicker .xdsoft_timepicker.active {
  display: block;
}
.xdsoft_datetimepicker .xdsoft_datepicker {
  width: 224px;
  float: left;
  margin-left: 8px;
}
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_datepicker {
  float: right;
  margin-right: 8px;
  margin-left: 0;
}
.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_datepicker {
  width: 256px;
}
.xdsoft_datetimepicker .xdsoft_timepicker {
  width: 58px;
  float: left;
  text-align: center;
  margin-left: 8px;
  margin-top: 0;
}
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker {
  float: right;
  margin-right: 8px;
  margin-left: 0;
}
.xdsoft_datetimepicker .xdsoft_datepicker.active + .xdsoft_timepicker {
  margin-top: 8px;
  margin-bottom: 3px;
}
.xdsoft_datetimepicker .xdsoft_monthpicker {
  position: relative;
  text-align: center;
}
.xdsoft_datetimepicker .xdsoft_label i,
.xdsoft_datetimepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_next,
.xdsoft_datetimepicker .xdsoft_today_button {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0NBRjI1NjM0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0NBRjI1NjQ0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDQ0FGMjU2MTQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDQ0FGMjU2MjQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoNEP54AAAIOSURBVHja7Jq9TsMwEMcxrZD4WpBYeKUCe+kTMCACHZh4BFfHO/AAIHZGFhYkBBsSEqxsLCAgXKhbXYOTxh9pfJVP+qutnZ5s/5Lz2Y5I03QhWji2GIcgAokWgfCxNvcOCCGKqiSqhUp0laHOne05vdEyGMfkdxJDVjgwDlEQgYQBgx+ULJaWSXXS6r/ER5FBVR8VfGftTKcITNs+a1XpcFoExREIDF14AVIFxgQUS+h520cdud6wNkC0UBw6BCO/HoCYwBhD8QCkQ/x1mwDyD4plh4D6DDV0TAGyo4HcawLIBBSLDkHeH0Mg2yVP3l4TQMZQDDsEOl/MgHQqhMNuE0D+oBh0CIr8MAKyazBH9WyBuKxDWgbXfjNf32TZ1KWm/Ap1oSk/R53UtQ5xTh3LUlMmT8gt6g51Q9p+SobxgJQ/qmsfZhWywGFSl0yBjCLJCMgXail3b7+rumdVJ2YRss4cN+r6qAHDkPWjPjdJCF4n9RmAD/V9A/Wp4NQassDjwlB6XBiCxcJQWmZZb8THFilfy/lfrTvLghq2TqTHrRMTKNJ0sIhdo15RT+RpyWwFdY96UZ/LdQKBGjcXpcc1AlSFEfLmouD+1knuxBDUVrvOBmoOC/rEcN7OQxKVeJTCiAdUzUJhA2Oez9QTkp72OTVcxDcXY8iKNkxGAJXmJCOQwOa6dhyXsOa6XwEGAKdeb5ET3rQdAAAAAElFTkSuQmCC);
}
.xdsoft_datetimepicker .xdsoft_label i {
  opacity: 0.5;
  background-position: -92px -19px;
  display: inline-block;
  width: 9px;
  height: 20px;
  vertical-align: middle;
}
.xdsoft_datetimepicker .xdsoft_prev {
  float: left;
  background-position: -20px 0;
}
.xdsoft_datetimepicker .xdsoft_today_button {
  float: left;
  background-position: -70px 0;
  margin-left: 5px;
}
.xdsoft_datetimepicker .xdsoft_next {
  float: right;
  background-position: 0 0;
}
.xdsoft_datetimepicker .xdsoft_next,
.xdsoft_datetimepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_today_button {
  background-color: transparent;
  background-repeat: no-repeat;
  border: 0 none;
  cursor: pointer;
  display: block;
  height: 30px;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  outline: medium none;
  overflow: hidden;
  padding: 0;
  position: relative;
  text-indent: 100%;
  white-space: nowrap;
  width: 20px;
  min-width: 0;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next {
  float: none;
  background-position: -40px -15px;
  height: 15px;
  width: 30px;
  display: block;
  margin-left: 14px;
  margin-top: 7px;
}
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_prev,
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_next {
  float: none;
  margin-left: 0;
  margin-right: 14px;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev {
  background-position: -40px 0;
  margin-bottom: 7px;
  margin-top: 0;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box {
  height: 151px;
  overflow: hidden;
  border-bottom: 1px solid #ddd;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div {
  background: #f5f5f5;
  border-top: 1px solid #ddd;
  color: #666;
  font-size: 12px;
  text-align: center;
  border-collapse: collapse;
  cursor: pointer;
  border-bottom-width: 0;
  height: 25px;
  line-height: 25px;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:first-child {
  border-top-width: 0;
}
.xdsoft_datetimepicker .xdsoft_today_button:hover,
.xdsoft_datetimepicker .xdsoft_next:hover,
.xdsoft_datetimepicker .xdsoft_prev:hover {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.xdsoft_datetimepicker .xdsoft_label {
  display: inline;
  position: relative;
  z-index: 9999;
  margin: 0;
  padding: 5px 3px;
  font-size: 14px;
  line-height: 20px;
  font-weight: bold;
  background-color: #fff;
  float: left;
  width: 182px;
  text-align: center;
  cursor: pointer;
}
.xdsoft_datetimepicker .xdsoft_label:hover > span {
  text-decoration: underline;
}
.xdsoft_datetimepicker .xdsoft_label:hover i {
  opacity: 1.0;
}
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select {
  border: 1px solid #ccc;
  position: absolute;
  right: 0;
  top: 30px;
  z-index: 101;
  display: none;
  background: #fff;
  max-height: 160px;
  overflow-y: hidden;
}
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_monthselect {
  right: -7px;
}
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_yearselect {
  right: 2px;
}
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover {
  color: #fff;
  background: #ff8000;
}
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option {
  padding: 2px 10px 2px 5px;
  text-decoration: none !important;
}
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {
  background: #33aaff;
  box-shadow: #178fe5 0 1px 3px 0 inset;
  color: #fff;
  font-weight: 700;
}
.xdsoft_datetimepicker .xdsoft_month {
  width: 100px;
  text-align: right;
}
.xdsoft_datetimepicker .xdsoft_calendar {
  clear: both;
}
.xdsoft_datetimepicker .xdsoft_year {
  width: 48px;
  margin-left: 5px;
}
.xdsoft_datetimepicker .xdsoft_calendar table {
  border-collapse: collapse;
  width: 100%;
}
.xdsoft_datetimepicker .xdsoft_calendar td > div {
  padding-right: 5px;
}
.xdsoft_datetimepicker .xdsoft_calendar th {
  height: 25px;
}
.xdsoft_datetimepicker .xdsoft_calendar td,
.xdsoft_datetimepicker .xdsoft_calendar th {
  width: 14.2857142%;
  background: #f5f5f5;
  border: 1px solid #ddd;
  color: #666;
  font-size: 12px;
  text-align: right;
  vertical-align: middle;
  padding: 0;
  border-collapse: collapse;
  cursor: pointer;
  height: 25px;
}
.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar td,
.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar th {
  width: 12.5%;
}
.xdsoft_datetimepicker .xdsoft_calendar th {
  background: #f1f1f1;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
  color: #33aaff;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_default {
  background: #ffe9d2;
  box-shadow: #ffb871 0 1px 4px 0 inset;
  color: #000;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_mint {
  background: #c1ffc9;
  box-shadow: #00dd1c 0 1px 4px 0 inset;
  color: #000;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current {
  background: #33aaff;
  box-shadow: #178fe5 0 1px 3px 0 inset;
  color: #fff;
  font-weight: 700;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled,
.xdsoft_datetimepicker .xdsoft_time_box > div > div.xdsoft_disabled {
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  cursor: default;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled {
  opacity: 0.2;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
}
.xdsoft_datetimepicker .xdsoft_calendar td:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover {
  color: #fff !important;
  background: #ff8000 !important;
  box-shadow: none !important;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_disabled:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current.xdsoft_disabled:hover {
  background: #33aaff !important;
  box-shadow: #178fe5 0 1px 3px 0 inset !important;
  color: #fff !important;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_disabled:hover {
  color: inherit	!important;
  background: inherit !important;
  box-shadow: inherit !important;
}
.xdsoft_datetimepicker .xdsoft_calendar th {
  font-weight: 700;
  text-align: center;
  color: #999;
  cursor: default;
}
.xdsoft_datetimepicker .xdsoft_copyright {
  color: #ccc !important;
  font-size: 10px;
  clear: both;
  float: none;
  margin-left: 8px;
}
.xdsoft_datetimepicker .xdsoft_copyright a {
  color: #eeeeee !important;
}
.xdsoft_datetimepicker .xdsoft_copyright a:hover {
  color: #aaaaaa !important;
}
.xdsoft_time_box {
  position: relative;
  border: 1px solid #ccc;
}
.xdsoft_scrollbar > .xdsoft_scroller {
  background: #ccc !important;
  height: 20px;
  border-radius: 3px;
}
.xdsoft_scrollbar {
  position: absolute;
  width: 7px;
  right: 0;
  top: 0;
  bottom: 0;
  cursor: pointer;
}
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_scrollbar {
  left: 0;
  right: auto;
}
.xdsoft_scroller_box {
  position: relative;
}
.xdsoft_datetimepicker.xdsoft_dark {
  box-shadow: 0 5px 15px -5px rgba(255, 255, 255, 0.506);
  background: #000;
  border-bottom: 1px solid #444;
  border-left: 1px solid #333;
  border-right: 1px solid #333;
  border-top: 1px solid #333;
  color: #ccc;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box {
  border-bottom: 1px solid #222;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box > div > div {
  background: #0a0a0a;
  border-top: 1px solid #222;
  color: #999;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label {
  background-color: #000;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select {
  border: 1px solid #333;
  background: #000;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover {
  color: #000;
  background: #007fff;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {
  background: #cc5500;
  box-shadow: #b03e00 0 1px 3px 0 inset;
  color: #000;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label i,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_prev,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_next,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_today_button {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUExQUUzOTA0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUExQUUzOTE0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQTFBRTM4RTQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQTFBRTM4RjQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pp0VxGEAAAIASURBVHja7JrNSgMxEMebtgh+3MSLr1T1Xn2CHoSKB08+QmR8Bx9A8e7RixdB9CKCoNdexIugxFlJa7rNZneTbLIpM/CnNLsdMvNjM8l0mRCiQ9Ye61IKCAgZAUnH+mU3MMZaHYChBnJUDzWOFZdVfc5+ZFLbrWDeXPwbxIqrLLfaeS0hEBVGIRQCEiZoHQwtlGSByCCdYBl8g8egTTAWoKQMRBRBcZxYlhzhKegqMOageErsCHVkk3hXIFooDgHB1KkHIHVgzKB4ADJQ/A1jAFmAYhkQqA5TOBtocrKrgXwQA8gcFIuAIO8sQSA7hidvPwaQGZSaAYHOUWJABhWWw2EMIH9QagQERU4SArJXo0ZZL18uvaxejXt/Em8xjVBXmvFr1KVm/AJ10tRe2XnraNqaJvKE3KHuUbfK1E+VHB0q40/y3sdQSxY4FHWeKJCunP8UyDdqJZenT3ntVV5jIYCAh20vT7ioP8tpf6E2lfEMwERe+whV1MHjwZB7PBiCxcGQWwKZKD62lfGNnP/1poFAA60T7rF1UgcKd2id3KDeUS+oLWV8DfWAepOfq00CgQabi9zjcgJVYVD7PVzQUAUGAQkbNJTBICDhgwYTjDYD6XeW08ZKh+A4pYkzenOxXUbvZcWz7E8ykRMnIHGX1XPl+1m2vPYpL+2qdb8CDAARlKFEz/ZVkAAAAABJRU5ErkJggg==);
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
  background: #0a0a0a;
  border: 1px solid #222;
  color: #999;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
  background: #0e0e0e;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today {
  color: #cc5500;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_default {
  background: #ffe9d2;
  box-shadow: #ffb871 0 1px 4px 0 inset;
  color: #000;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_mint {
  background: #c1ffc9;
  box-shadow: #00dd1c 0 1px 4px 0 inset;
  color: #000;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current {
  background: #cc5500;
  box-shadow: #b03e00 0 1px 3px 0 inset;
  color: #000;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box > div > div:hover {
  color: #000 !important;
  background: #007fff !important;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
  color: #666;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright {
  color: #333333 !important;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a {
  color: #111111 !important;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a:hover {
  color: #555555 !important;
}
.xdsoft_dark .xdsoft_time_box {
  border: 1px solid #333;
}
.xdsoft_dark .xdsoft_scrollbar > .xdsoft_scroller {
  background: #333 !important;
}
.xdsoft_datetimepicker .xdsoft_save_selected {
  display: block;
  border: 1px solid #dddddd !important;
  margin-top: 5px;
  width: 100%;
  color: #454551;
  font-size: 13px;
}
.xdsoft_datetimepicker .blue-gradient-button {
  font-family: "museo-sans", "Book Antiqua", sans-serif;
  font-size: 12px;
  font-weight: 300;
  color: #82878c;
  height: 28px;
  position: relative;
  padding: 4px 17px 4px 33px;
  border: 1px solid #d7d8da;
  background: -moz-linear-gradient(top, #ffffff 0%, #f4f8fa 73%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(73%, #f4f8fa));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffffff 0%, #f4f8fa 73%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffffff 0%, #f4f8fa 73%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ffffff 0%, #f4f8fa 73%);
  /* IE10+ */
  background: linear-gradient(to bottom, #ffffff 0%, #f4f8fa 73%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#f4f8fa', GradientType=0);
  /* IE6-9 */
}
.xdsoft_datetimepicker .blue-gradient-button:hover,
.xdsoft_datetimepicker .blue-gradient-button:focus,
.xdsoft_datetimepicker .blue-gradient-button:hover span,
.xdsoft_datetimepicker .blue-gradient-button:focus span {
  color: #454551;
  background: -moz-linear-gradient(top, #f4f8fa 0%, #ffffff 73%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f4f8fa), color-stop(73%, #ffffff));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #f4f8fa 0%, #ffffff 73%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #f4f8fa 0%, #ffffff 73%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #f4f8fa 0%, #ffffff 73%);
  /* IE10+ */
  background: linear-gradient(to bottom, #f4f8fa 0%, #ffffff 73%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f8fa', endColorstr='#FFF', GradientType=0);
  /* IE6-9 */
}
html {
  font-size: 100%;
}
body {
  width: 100%;
  min-width: 1280px;
  font-family: 'canto-font';
  font-weight: 300;
  overflow-x: auto;
  overflow-y: hidden;
  text-align: left;
  line-height: 120%;
}
body,
div,
dl,
dt,
dd,
ul,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
blockquote {
  margin: 0;
  padding: 0;
}
input,
button,
select,
textarea {
  font-family: 'canto-font';
}
button.btn-default,
button.btn-optional {
  padding-left: 16px;
  padding-right: 16px;
}
button.btn-parent {
  color: #ffffff;
  font-size: 16px;
  line-height: 29px;
  border: 0;
  margin-left: 8px;
}
button.btn-parent[disabled] {
  cursor: default;
  background-color: #E0E0E0 !important;
  color: #C1C1C1 !important;
}
.disabled {
  background-color: #E0E0E0 !important;
  color: #C1C1C1 !important;
}
.ui-pagination .disabled {
  background-color: transparent !important;
}
input,
textarea {
  box-shadow: inherit !important;
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 4px 6px;
  outline: none !important;
}
input {
  line-height: normal;
  border-radius: 25px;
  padding-left: 15px;
}
textarea {
  border-radius: 15px!important;
  padding-left: 10px!important;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.main.hide-nav {
  top: 76px;
}
.main.min-ske {
  top: 173px!important;
}
.main {
  width: 100%;
  top: 121px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  overflow: hidden;
  position: absolute;
  zoom: 1;
  text-align: center;
}
.main .contents {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
}
.main .contents .thumbnail-list {
  clear: both;
  position: relative;
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-base-color: #C0C0C0;
  scrollbar-face-color: #626262;
  scrollbar-3dlight-color: #C0C0C0;
  scrollbar-highlight-color: #C0C0C0;
  scrollbar-track-color: #dddddd;
  scrollbar-arrow-color: black;
  scrollbar-shadow-color: #C0C0C0;
  scrollbar-dark-shadow-color: #C0C0C0;
  height: 100%;
}
.main .contents .thumbnail-list::-webkit-scrollbar-thumb {
  background-color: #626262;
}
.main .contents .thumbnail-list::-webkit-scrollbar-track-piece {
  background-color: #dddddd;
  -webkit-border-radius: 0;
}
.main .contents .thumbnail-list::-webkit-scrollbar {
  width: 10px;
}
.main .contents .thumbnail-list li.fullRow:first-child {
  margin-top: 1px!important;
}
.main .contents .thumbnail-list .asset-request-approved {
  position: absolute;
  padding: 5px 5px;
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 15px;
  font-size: 10px;
  line-height: 1;
  font-weight: bold;
  top: 5px;
  left: 5px;
  color: #FFFFFF;
}
.main .contents .thumb-nail-view {
  padding-top: 18px;
}
.main .contents .masonry-view {
  padding-top: 12px;
}
.main .contents .masonry-view .masonry-ul .fa-border {
  border: 1px solid #C1C6D0;
  border-radius: 5px;
}
.main .contents .masonry-view .masonry-ul .thumb {
  display: flex;
  justify-content: center;
  align-items: center;
}
.main .contents .masonry-view .masonry-ul .thumb a,
.main .contents .masonry-view .masonry-ul .thumb span {
  display: flex;
  justify-content: center;
  align-items: center;
}
.main .contents .masonry-view .masonry-ul .thumb a {
  width: 100%;
  height: 100%;
}
.main .contents .prev-btn {
  left: 0px;
  display: none;
  position: absolute;
  height: 102px;
  width: 20px;
  background-color: rgba(0, 0, 0, 0.2);
  text-align: center;
  cursor: pointer;
  z-index: 2;
}
.main .contents .prev-btn .prev-icon {
  background-image: url(img/icons.png);
  background-repeat: no-repeat;
  cursor: pointer;
  width: 20px;
  height: 30px;
  margin: 0 auto;
  top: 55px;
  position: relative;
  opacity: 0.5;
  background-position: -162px -315px;
}
.main .contents .prev-btn:hover .prev-icon {
  opacity: 1;
}
.main .contents .next-btn {
  right: 0px;
  display: none;
  position: absolute;
  height: 102px;
  width: 20px;
  background-color: rgba(0, 0, 0, 0.2);
  text-align: center;
  cursor: pointer;
  z-index: 2;
}
.main .contents .next-btn .next-icon {
  background-image: url(img/icons.png);
  background-repeat: no-repeat;
  cursor: pointer;
  width: 20px;
  height: 30px;
  margin: 0 auto;
  top: 55px;
  position: relative;
  opacity: 0.5;
  background-position: -137px -314px;
}
.main .contents .next-btn:hover .next-icon {
  opacity: 1;
}
.scrollbar {
  scrollbar-base-color: #C0C0C0;
  scrollbar-face-color: #626262;
  scrollbar-3dlight-color: #C0C0C0;
  scrollbar-highlight-color: #C0C0C0;
  scrollbar-track-color: #dddddd;
  scrollbar-arrow-color: black;
  scrollbar-shadow-color: #C0C0C0;
  scrollbar-dark-shadow-color: #C0C0C0;
}
.scrollbar::-webkit-scrollbar-thumb {
  background-color: #626262;
}
.scrollbar::-webkit-scrollbar-track-piece {
  background-color: #dddddd;
  -webkit-border-radius: 0;
}
.scrollbar-horizontal {
  scrollbar-base-color: #C0C0C0;
  scrollbar-face-color: #626262;
  scrollbar-3dlight-color: #C0C0C0;
  scrollbar-highlight-color: #C0C0C0;
  scrollbar-track-color: #dddddd;
  scrollbar-arrow-color: black;
  scrollbar-shadow-color: #C0C0C0;
  scrollbar-dark-shadow-color: #C0C0C0;
}
.scrollbar-horizontal::-webkit-scrollbar-thumb {
  background-color: #626262;
}
.scrollbar-horizontal::-webkit-scrollbar-track-piece {
  background-color: #dddddd;
  -webkit-border-radius: 0;
}
.scrollbar-horizontal::-webkit-scrollbar {
  height: 10px;
}
.scrollbar-vertical {
  scrollbar-base-color: #C0C0C0;
  scrollbar-face-color: #626262;
  scrollbar-3dlight-color: #C0C0C0;
  scrollbar-highlight-color: #C0C0C0;
  scrollbar-track-color: #dddddd;
  scrollbar-arrow-color: black;
  scrollbar-shadow-color: #C0C0C0;
  scrollbar-dark-shadow-color: #C0C0C0;
}
.scrollbar-vertical::-webkit-scrollbar-thumb {
  background-color: #626262;
}
.scrollbar-vertical::-webkit-scrollbar-track-piece {
  background-color: #dddddd;
  -webkit-border-radius: 0;
}
.scrollbar-vertical::-webkit-scrollbar {
  width: 10px;
}
.editable-field {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: box-shadow 150ms ease-in 0ms;
  transition: box-shadow 150ms ease-in 0ms;
  border-radius: 2.01px;
  cursor: text;
  display: inline-block;
  max-width: 100%;
  box-shadow: 0 0 0 0 transparent;
  padding: 0px 30px 0px 0px;
  position: relative;
  word-break: break-word;
  border: transparent 1px solid;
}
.editable-field .fileName {
  width: 586px;
  border-radius: 2.01px;
  margin: 0px;
  font-size: inherit;
  height: auto;
  padding: 0px 6px;
  line-height: 32px;
  height: 32px;
}
.editable-field .multilineInput {
  scrollbar-base-color: #C0C0C0;
  scrollbar-face-color: #626262;
  scrollbar-3dlight-color: #C0C0C0;
  scrollbar-highlight-color: #C0C0C0;
  scrollbar-track-color: #dddddd;
  scrollbar-arrow-color: black;
  scrollbar-shadow-color: #C0C0C0;
  scrollbar-dark-shadow-color: #C0C0C0;
  font-weight: 300;
  font-size: 14px;
  background: #f9f9f9;
  resize: none;
  height: 62px;
  border-radius: 0px;
  box-shadow: none;
}
.editable-field .multilineInput::-webkit-input-placeholder {
  color: #999999 !important;
}
.editable-field .multilineInput::-webkit-scrollbar-thumb {
  background-color: #626262;
  height: 50px;
  outline-offset: -2px;
}
.editable-field .multilineInput::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.editable-field .multilineInput::-webkit-scrollbar-track-piece {
  background-color: #dddddd;
  -webkit-border-radius: 0;
}
.editable-field:hover,
.editable-field.saving {
  border: solid 1px #cccccc;
}
.editable-field:hover .overlay-icon,
.editable-field.saving .overlay-icon {
  opacity: 1;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  z-index: auto;
}
.editable-field:hover {
  background-color: transparent;
}
.editable-field:hover .overlay-icon {
  -webkit-transition: opacity 150ms ease-in 0ms;
  transition: opacity 150ms ease-in 0ms;
}
.editable-field.saving .save-options,
.editable-field.saving .field-tools {
  display: none;
}
.editable-field.saving form.aui .field-group .aui-ss-icon.drop-menu,
.editable-field.saving form.aui .field-group .aui-ss-field {
  border-bottom-right-radius: 3.01px;
}
.editable-field.active {
  margin: -3px 0 0 0;
  padding: 0;
}
.editable-field.active .overlay-icon {
  opacity: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  z-index: -1;
}
.editable-field.active.saving .overlay-icon {
  opacity: 1;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  z-index: auto;
}
.editable-field.active .save-options .aui-button,
.editable-field.active .save-options .aui-button.cancel {
  height: 24px;
  width: 24px;
  padding: 2px 0px;
}
.editable-field.saving {
  box-shadow: 0 0 0 1px #cccccc;
}
.editable-field:hover .overlay-icon {
  opacity: 1;
}
.editable-field .overlay-icon {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  opacity: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  bottom: 0;
  height: auto;
  margin: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 24px;
  z-index: -1;
}
.editable-field .overlay-icon.icon-edit-sml {
  cursor: pointer;
}
.editable-field .overlay-icon.throbber {
  border: 1px solid #cccccc;
}
.editable-field .inline-edit-error {
  position: absolute;
  background-color: #d04437;
  clear: both;
  color: #fff;
  font-weight: normal;
  margin: 0;
  padding: 5px;
  z-index: 10;
  font-size: 14px;
  line-height: 1 !important;
}
.editable-field .save-options {
  background-color: #f0f0f0;
  border: 1px solid #cccccc;
  border-top: none;
  border-radius: 0 0 3px 3px;
  box-shadow: 0 3px 6px rgba(111, 111, 111, 0.2);
  outline: none;
  padding: 3px;
  position: absolute;
  right: 0;
  top: 100%;
  z-index: 1;
}
.editable-field .save-options .aui-button .icon-save {
  background-image: url(img/icons.png);
  background-repeat: no-repeat;
  cursor: pointer;
  width: 24px;
  height: 24px;
  position: absolute;
  left: 3px;
  top: 4px;
  background-position: -391px -203px;
}
.editable-field .save-options .aui-button .icon-cancel {
  background-image: url(img/icons.png);
  background-repeat: no-repeat;
  cursor: pointer;
  width: 24px;
  height: 24px;
  position: absolute;
  right: 4px;
  top: 4px;
  background-position: -359px -203px;
}
.aui-button,
a.aui-button,
.aui-button:visited {
  background: #f2f2f2;
  background: -moz-linear-gradient(top, #ffffff 0, #f2f2f2 100%);
  background: -ms-linear-gradient(top, #ffffff 0, #f2f2f2 100%);
  background: -o-linear-gradient(top, #ffffff 0, #f2f2f2 100%);
  background: -webkit-linear-gradient(top, #ffffff 0, #f2f2f2 100%);
  background: linear-gradient(top, #ffffff 0, #f2f2f2 100%);
  border: 1px solid #ccc;
  border-radius: 3.01px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #333;
  cursor: pointer;
  display: inline-block;
  font-family: inherit;
  font-size: 14px;
  font-variant: normal;
  font-weight: normal;
  height: 2.1428571428571em;
  line-height: 1.4285714285714;
  margin: 0;
  padding: 4px 10px;
  text-decoration: none;
  text-shadow: 0 1px 0 white;
  vertical-align: baseline;
  white-space: nowrap;
}
.div-clear {
  clear: both;
}
select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  margin-bottom: 10px;
}
.border-web {
  padding: 4px 6px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.uneditable-input {
  width: 219px;
}
.select-web {
  width: 220px;
  border: 1px solid #cccccc;
  background-color: #ffffff;
}
.container {
  padding-right: 0px;
  padding-left: 0px;
}
img {
  max-width: 100%;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
  user-drag: none;
  -webkit-touch-callout: none;
}
.modal-body {
  overflow-y: auto;
}
.F1 {
  font-weight: lighter;
  font-size: 32px;
  color: #009feb;
}
.F2 {
  font-weight: normal;
  font-size: 20px;
}
.F3 {
  font-weight: normal;
  font-size: 15px;
  color: #626262;
}
.F4 {
  font-weight: bold;
  font-size: 16px;
}
.F5 {
  font-weight: normal;
  font-size: 14px;
}
.F6 {
  font-weight: bold;
  font-size: 14px;
  color: #4A4A4A;
}
.F7 {
  font-weight: bold;
  font-size: 12px;
}
.F8 {
  font-weight: normal;
  font-size: 11px;
}
.select-wrap {
  position: relative;
  height: 32px;
}
.select-wrap select {
  display: inline-block;
  border-width: 1px;
  border-style: solid;
  padding: 4px 3px 3px .7em !important;
  margin: 0;
  font: inherit;
  line-height: 1.2;
  width: 100%;
  -webkit-appearance: none;
  /* remove the strong OSX influence from Webkit */
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
}
.select-wrap select::-ms-expand {
  display: none;
}
.select-wrap select.star-select {
  font-size: 20px;
  padding-top: 2px !important;
}
.select-wrap:after {
  font-family: 'icomoon' !important;
  content: "\e908";
  position: absolute;
  top: 4px;
  right: 5px;
  font-size: 60%;
  line-height: 26px;
  width: 24px;
  height: 24px;
  pointer-events: none;
  text-align: center;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  font-weight: 400;
}
.with-suggest .dropdown-icon:after {
  top: -5px;
}
.dropdown-icon {
  position: relative;
}
.dropdown-icon:after {
  font-family: 'icomoon' !important;
  content: "\e908";
  position: absolute;
  top: 4px;
  right: 5px;
  font-size: 60%;
  line-height: 26px;
  width: 24px;
  height: 24px;
  pointer-events: none;
  text-align: center;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
}
.center-text {
  text-align: center;
}
*[ng-click],
*[onclick] {
  cursor: pointer;
}
button.btn-default[disabled] {
  background-color: #9b9b9b !important;
  color: rgba(255, 255, 255, 0.4) !important;
}