/*! jQuery UI - v1.10.4 - 2014-01-17
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css, jquery.ui.theme.css
* Copyright 2014 jQuery Foundation and other contributors; Licensed MIT */
/* 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-clearfix {
	min-height: 0; /* support: IE7 */
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0);
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
}


/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin-top: 2px;
	padding: .5em .5em .5em .7em;
	min-height: 0; /* support: IE7 */
}
.ui-accordion .ui-accordion-icons {
	padding-left: 2.2em;
}
.ui-accordion .ui-accordion-noicons {
	padding-left: .7em;
}
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
	padding-left: 2.2em;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
	position: absolute;
	left: .5em;
	top: 50%;
	margin-top: -8px;
}
.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
	border-top: 0;
	overflow: auto;
}

.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
}

.ui-button {
	display: inline-block;
	position: relative;
	padding: 0;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	overflow: visible; /* removes extra width in IE */
}
.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: 2.2em;
}
/* button elements seem to need a little more width */
button.ui-button-icon-only {
	width: 2.4em;
}
.ui-button-icons-only {
	width: 3.4em;
}
button.ui-button-icons-only {
	width: 3.7em;
}

/* button text element */
.ui-button .ui-button-text {
	display: block;
	line-height: normal;
}
.ui-button-text-only .ui-button-text {
	padding: .4em 1em;
}
.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
	padding: .4em;
	text-indent: -9999999px;
}
.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
	padding: .4em 1em .4em 2.1em;
}
.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
	padding: .4em 2.1em .4em 1em;
}
.ui-button-text-icons .ui-button-text {
	padding-left: 2.1em;
	padding-right: 2.1em;
}
/* no icon support for input elements, provide padding by default */
input.ui-button {
	padding: .4em 1em;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
	position: absolute;
	top: 50%;
	margin-top: -8px;
}
.ui-button-icon-only .ui-icon {
	left: 50%;
	margin-left: -8px;
}
.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
	left: .5em;
}
.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
	right: .5em;
}

/* button sets */
.ui-buttonset {
	margin-right: 7px;
}
.ui-buttonset .ui-button {
	margin-left: 0;
	margin-right: -.3em;
}

/* workarounds */
/* reset extra padding in Firefox, see h5bp.com/l */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
	border: 0;
	padding: 0;
}

.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 49%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}

.ui-dialog {
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	padding: .2em;
	outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
	padding: .4em 1em;
	position: relative;
}
.ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 0;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: .3em;
	top: 50%;
	width: 20px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 20px;
}
.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: none;
	overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0 0;
	background-image: none;
	margin-top: .5em;
	padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em 0;
	cursor: pointer;
}
.ui-dialog .ui-resizable-se {
	width: 12px;
	height: 12px;
	right: -5px;
	bottom: -5px;
	background-position: 16px 16px;
}
.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}

.ui-menu {
	list-style: none;
	padding: 2px;
	margin: 0;
	display: block;
	outline: none;
}
.ui-menu .ui-menu {
	margin-top: -3px;
	position: absolute;
}
.ui-menu .ui-menu-item {
	margin: 0;
	padding: 0;
	width: 100%;
	/* support: IE10, see #8844 */
	list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
}
.ui-menu .ui-menu-divider {
	margin: 5px -2px 5px -2px;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}
.ui-menu .ui-menu-item a {
	text-decoration: none;
	display: block;
	padding: 2px .4em;
	line-height: 1.5;
	min-height: 0; /* support: IE7 */
	font-weight: normal;
}
.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active {
	font-weight: normal;
	margin: -1px;
}

.ui-menu .ui-state-disabled {
	font-weight: normal;
	margin: .4em 0 .2em;
	line-height: 1.5;
}
.ui-menu .ui-state-disabled a {
	cursor: default;
}

/* icon support */
.ui-menu-icons {
	position: relative;
}
.ui-menu-icons .ui-menu-item a {
	position: relative;
	padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
	position: absolute;
	top: .2em;
	left: .2em;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
	position: static;
	float: right;
}

.ui-progressbar {
	height: 2em;
	text-align: left;
	overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
	margin: -1px;
	height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
	background: url("images/animated-overlay.gif");
	height: 100%;
	filter: alpha(opacity=25);
	opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
	background-image: none;
}

.ui-resizable {
	position: relative;
}
.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
	display: none;
}
.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0;
}
.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0;
}
.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px;
}
.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	bottom: -5px;
}
.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	top: -5px;
}
.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: -5px;
	top: -5px;
}

.ui-selectable-helper {
	position: absolute;
	z-index: 100;
	border: 1px dotted black;
}

.ui-slider {
	position: relative;
	text-align: left;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: default;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

/* For IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}

.ui-slider-horizontal {
	height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}

.ui-slider-vertical {
	width: .8em;
	height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}

.ui-spinner {
	position: relative;
	display: inline-block;
	overflow: hidden;
	padding: 0;
	vertical-align: middle;
}
.ui-spinner-input {
	border: none;
	background: none;
	color: inherit;
	padding: 0;
	margin: .2em 0;
	vertical-align: middle;
	margin-left: .4em;
	margin-right: 22px;
}
.ui-spinner-button {
	width: 16px;
	height: 50%;
	font-size: .5em;
	padding: 0;
	margin: 0;
	text-align: center;
	position: absolute;
	cursor: default;
	display: block;
	overflow: hidden;
	right: 0;
}
/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
	border-top: none;
	border-bottom: none;
	border-right: none;
}
/* vertically center icon */
.ui-spinner .ui-icon {
	position: absolute;
	margin-top: -8px;
	top: 50%;
	left: 0;
}
.ui-spinner-up {
	top: 0;
}
.ui-spinner-down {
	bottom: 0;
}

/* TR overrides */
.ui-spinner .ui-icon-triangle-1-s {
	/* need to fix icons sprite */
	background-position: -65px -16px;
}

.ui-tabs {
	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	padding: .2em;
}
.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 1px .2em 0 0;
	border-bottom-width: 0;
	padding: 0;
	white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	float: left;
	padding: .5em 1em;
	text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
	cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
	cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: none;
}

.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
	-webkit-box-shadow: 0 0 5px #aaa;
	box-shadow: 0 0 5px #aaa;
}
body .ui-tooltip {
	border-width: 2px;
}

/* Component containers
----------------------------------*/
.ui-widget {
	font-family: Verdana,Arial,sans-serif/*{ffDefault}*/;
	font-size: 1.1em/*{fsDefault}*/;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Verdana,Arial,sans-serif/*{ffDefault}*/;
	font-size: 1em;
}
.ui-widget-content {
	border: 1px solid #aaaaaa/*{borderColorContent}*/;
	background: #ffffff/*{bgColorContent}*/ url(images/ui-bg_flat_75_ffffff_40x100.png)/*{bgImgUrlContent}*/ 50%/*{bgContentXPos}*/ 50%/*{bgContentYPos}*/ repeat-x/*{bgContentRepeat}*/;
	color: #222222/*{fcContent}*/;
}
.ui-widget-content a {
	color: #222222/*{fcContent}*/;
}
.ui-widget-header {
	border: 1px solid #aaaaaa/*{borderColorHeader}*/;
	background: #cccccc/*{bgColorHeader}*/ url(images/ui-bg_highlight-soft_75_cccccc_1x100.png)/*{bgImgUrlHeader}*/ 50%/*{bgHeaderXPos}*/ 50%/*{bgHeaderYPos}*/ repeat-x/*{bgHeaderRepeat}*/;
	color: #222222/*{fcHeader}*/;
	font-weight: bold;
}
.ui-widget-header a {
	color: #222222/*{fcHeader}*/;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	border: 1px solid #d3d3d3/*{borderColorDefault}*/;
	background: #e6e6e6/*{bgColorDefault}*/ url(images/ui-bg_glass_75_e6e6e6_1x400.png)/*{bgImgUrlDefault}*/ 50%/*{bgDefaultXPos}*/ 50%/*{bgDefaultYPos}*/ repeat-x/*{bgDefaultRepeat}*/;
	font-weight: normal/*{fwDefault}*/;
	color: #555555/*{fcDefault}*/;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
	color: #555555/*{fcDefault}*/;
	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 {
	border: 1px solid #999999/*{borderColorHover}*/;
	background: #dadada/*{bgColorHover}*/ url(images/ui-bg_glass_75_dadada_1x400.png)/*{bgImgUrlHover}*/ 50%/*{bgHoverXPos}*/ 50%/*{bgHoverYPos}*/ repeat-x/*{bgHoverRepeat}*/;
	font-weight: normal/*{fwDefault}*/;
	color: #212121/*{fcHover}*/;
}
.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 {
	color: #212121/*{fcHover}*/;
	text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
	border: 1px solid #aaaaaa/*{borderColorActive}*/;
	background: #ffffff/*{bgColorActive}*/ url(images/ui-bg_glass_65_ffffff_1x400.png)/*{bgImgUrlActive}*/ 50%/*{bgActiveXPos}*/ 50%/*{bgActiveYPos}*/ repeat-x/*{bgActiveRepeat}*/;
	font-weight: normal/*{fwDefault}*/;
	color: #212121/*{fcActive}*/;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #212121/*{fcActive}*/;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #fcefa1/*{borderColorHighlight}*/;
	background: #fbf9ee/*{bgColorHighlight}*/ url(images/ui-bg_glass_55_fbf9ee_1x400.png)/*{bgImgUrlHighlight}*/ 50%/*{bgHighlightXPos}*/ 50%/*{bgHighlightYPos}*/ repeat-x/*{bgHighlightRepeat}*/;
	color: #363636/*{fcHighlight}*/;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #363636/*{fcHighlight}*/;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #cd0a0a/*{borderColorError}*/;
	background: #fef1ec/*{bgColorError}*/ url(images/ui-bg_glass_95_fef1ec_1x400.png)/*{bgImgUrlError}*/ 50%/*{bgErrorXPos}*/ 50%/*{bgErrorYPos}*/ repeat-x/*{bgErrorRepeat}*/;
	color: #cd0a0a/*{fcError}*/;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #cd0a0a/*{fcError}*/;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #cd0a0a/*{fcError}*/;
}
.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;
	filter:Alpha(Opacity=70);
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35);
	background-image: none;
}
.ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35); /* For 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_222222_256x240.png)/*{iconsContent}*/;
}
.ui-widget-header .ui-icon {
	background-image: url(images/ui-icons_222222_256x240.png)/*{iconsHeader}*/;
}
.ui-state-default .ui-icon {
	background-image: url(images/ui-icons_888888_256x240.png)/*{iconsDefault}*/;
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
	background-image: url(images/ui-icons_454545_256x240.png)/*{iconsHover}*/;
}
.ui-state-active .ui-icon {
	background-image: url(images/ui-icons_454545_256x240.png)/*{iconsActive}*/;
}
.ui-state-highlight .ui-icon {
	background-image: url(images/ui-icons_2e83ff_256x240.png)/*{iconsHighlight}*/;
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url(images/ui-icons_cd0a0a_256x240.png)/*{iconsError}*/;
}

/* positioning */
.ui-icon-blank { background-position: 16px 16px; }
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-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: -64px -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: -64px -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: 0 -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: 4px/*{cornerRadius}*/;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 4px/*{cornerRadius}*/;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 4px/*{cornerRadius}*/;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 4px/*{cornerRadius}*/;
}

/* Overlays */
.ui-widget-overlay {
	background: #aaaaaa/*{bgColorOverlay}*/ url(images/ui-bg_flat_0_aaaaaa_40x100.png)/*{bgImgUrlOverlay}*/ 50%/*{bgOverlayXPos}*/ 50%/*{bgOverlayYPos}*/ repeat-x/*{bgOverlayRepeat}*/;
	opacity: .3/*{opacityOverlay}*/;
	filter: Alpha(Opacity=30)/*{opacityFilterOverlay}*/;
}
.ui-widget-shadow {
	margin: -8px/*{offsetTopShadow}*/ 0 0 -8px/*{offsetLeftShadow}*/;
	padding: 8px/*{thicknessShadow}*/;
	background: #aaaaaa/*{bgColorShadow}*/ url(images/ui-bg_flat_0_aaaaaa_40x100.png)/*{bgImgUrlShadow}*/ 50%/*{bgShadowXPos}*/ 50%/*{bgShadowYPos}*/ repeat-x/*{bgShadowRepeat}*/;
	opacity: .3/*{opacityShadow}*/;
	filter: Alpha(Opacity=30)/*{opacityFilterShadow}*/;
	border-radius: 8px/*{cornerRadiusShadow}*/;
}

.angular-ui-tree {
}

.angular-ui-tree-empty {
    border: 1px dashed #bbb;
    min-height: 100px;
    background-color: #e5e5e5;
    background-image: -webkit-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff), -webkit-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
    background-image: -moz-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff), -moz-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
    background-image: linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff), linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
    background-size: 60px 60px;
    background-position: 0 0, 30px 30px;
}

.angular-ui-tree-nodes {
    position: relative;
    margin: 0;
    padding: 0;
    list-style: none;
}

.angular-ui-tree-nodes .angular-ui-tree-nodes {
    padding-left: 20px;
}

.angular-ui-tree-node, .angular-ui-tree-placeholder {
    position: relative;
    margin: 0;
    padding: 0;
    min-height: 20px;
    line-height: 20px;
}

.angular-ui-tree-hidden {
    display: none;
}

.angular-ui-tree-placeholder {
    margin: 5px 0;
    padding: 0;
    min-height: 30px;
}

.angular-ui-tree-handle {
    cursor: move;
    text-decoration: none;
    font-weight: bold;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 20px;
    line-height: 20px;
}

.angular-ui-tree-drag {
    position: absolute;
    pointer-events: none;
    z-index: 999;
    opacity: .8;
}

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-family: Tahoma;
    font-size:13px;*/
    /*color: #555;*/
    text-decoration: none;
}

div[data-tree-model] ul {
    margin: 0;
    padding: 0;
    list-style: none;
    border: none;
}

div[data-tree-model] li {
    position: relative;
    padding: 5px 0 0 20px;
    line-height: 20px;
    border: none;
}

div[data-tree-model] li .collapsed-folder-5 {
    padding: 5px 15px 5px 10px;
    background-image: url("../../Content/Images/folder-blue-24px.png");
    background-repeat: no-repeat;
}

div[data-tree-model] li .collapsed-folder-6 {
    padding: 5px 15px 5px 10px;
    background-image: url("../../Content/Images/folder-orange-24px.png");
    background-repeat: no-repeat;
}

div[data-tree-model] li .collapsed-folder-7 {
    padding: 5px 15px 5px 10px;
    background-image: url("../../Content/Images/folder-green-24px.png");
    background-repeat: no-repeat;
}

div[data-tree-model] li .collapsed-folder-8 {
    padding: 5px 15px 5px 10px;
    background-image: url("../../Content/Images/folder-regional-24px.png");
    background-repeat: no-repeat;
}

div[data-tree-model] li .expanded-folder-5 {
    padding: 5px 15px 5px 10px;
    background-image: url("../../Content/Images/folder-blue-open-24px.png");
    background-repeat: no-repeat;
}

div[data-tree-model] li .expanded-folder-6 {
    padding: 5px 15px 5px 10px;
    background-image: url("../../Content/Images/folder-orange-open-24px.png");
    background-repeat: no-repeat;
}

div[data-tree-model] li .expanded-folder-7 {
    padding: 5px 15px 5px 10px;
    background-image: url("../../Content/Images/folder-green-open-24px.png");
    background-repeat: no-repeat;
}

div[data-tree-model] li .expanded-folder-8 {
    padding: 5px 15px 5px 10px;
    background-image: url("../../Content/Images/folder-regional-open-24px.png");
    background-repeat: no-repeat;
}

div[data-tree-model] li .document-1-0 {
    padding: 5px 15px 5px 10px;
    background-image: url("../../Content/Images/document_24_brown_.png");
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
}
div[data-tree-model] li .document-1-1 {
    padding: 5px 15px 5px 10px;
    background-image: url("../../Content/Images/document_24_red_.png");
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
}
div[data-tree-model] li .document-1-2 {
    padding: 5px 15px 5px 10px;
    background-image: url("../../Content/Images/document_24_blue_.png");
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
}

	div[data-tree-model] li .document-2-0 {
		padding: 0;
		font-size: 25px;
		color: #787854; /*brown*/
	}
	div[data-tree-model] li .document-2-1 {
		padding: 0;
		font-size: 25px;
		color: #C25200;/*red*/
	}
	div[data-tree-model] li .document-2-2 {
		color: #006DD5; /*blue*/
		padding: 0;
		font-size: 25px;
	}

	div[data-tree-model] li .document-3-0 {
		padding: 0;
		font-size: 22px;
		color: #787854; /*brown*/
	}
	div[data-tree-model] li .document-3-1 {
		padding: 0;
		font-size: 22px;
		color: #C25200; /*red*/
	}
	div[data-tree-model] li .document-3-2 {
		color: #006DD5; /*blue*/
		padding: 0;
		font-size: 22px;
	}

div[data-tree-model] li .document-4-0 {
    padding: 5px 15px 5px 10px;
    background-image: url("../../Content/Images/document_shortcut_24_brown_.png");
    background-repeat: no-repeat;
}
div[data-tree-model] li .document-4-1 {
    padding: 5px 15px 5px 10px;
    background-image: url("../../Content/Images/document_shortcut_24_red_.png");
    background-repeat: no-repeat;
}
div[data-tree-model] li .document-4-2 {
    padding: 5px 15px 5px 10px;
    background-image: url("../../Content/Images/document_shortcut_24_blue_.png");
    background-repeat: no-repeat;
}

div[data-tree-model] li i, div[data-tree-model] li span {
    cursor: pointer;
}

div[data-tree-model] li .selected {
    background-color: #aaddff;
    padding: 1px 5px;
}

div[data-tree-model] li .selected-force {
    background-color: #aaddff;
    font-weight: bold;
    padding: 1px 5px;
}

div[data-tree-model] li .blue-color {
    color: #0070C1;
}

div[data-tree-model] li .text-italic {
    font-style: italic;
}

.tree-panel.show {
    opacity: 1;
    visibility: visible;
}

.tree-panel {
    -webkit-transition: all linear 0.6s;
    transition: all linear 0.6s;
    background-color: #E4E9ED;
    padding-bottom: 20px;
    white-space: nowrap;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

.tree-panel-color {
    background-color: #E4E9ED;
}

.tree-panel-color a:hover {
    text-decoration: none;
    color: blue !important;
}

/* IPhone 5 Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
    .tree-panel {
        height: auto;
        max-height: 286px !important;
    }
    .tree-panel::-webkit-scrollbar {
        -webkit-appearance: none;
    }
    .tree-panel::-webkit-scrollbar:horizontal {
        height: 9px;
    }
    .tree-panel::-webkit-scrollbar-thumb {
        border-radius: 6px;
        border: 3px solid white;
        background-color: rgba(0, 0, 0, .6);
    }
}
/* IPhone 5 Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
    .tree-panel {
        height: auto;
        max-height: 129px !important;
    }
    .tree-panel::-webkit-scrollbar {
        -webkit-appearance: none;
    }
    .tree-panel::-webkit-scrollbar:horizontal {
        height: 9px;
    }
    .tree-panel::-webkit-scrollbar-thumb {
        border-radius: 6px;
        border: 3px solid white;
        background-color: rgba(0, 0, 0, .6);
    }
}

/* Galaxy S5 Portrait */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) 
  and (orientation: portrait) {
    .tree-panel {
        height: auto;
        max-height: 358px !important;
    }
    .tree-panel::-webkit-scrollbar {
        -webkit-appearance: none;
    }
    .tree-panel::-webkit-scrollbar:horizontal {
        height: 9px;
    }
    .tree-panel::-webkit-scrollbar-thumb {
        border-radius: 6px;
        border: 3px solid white;
        background-color: rgba(0, 0, 0, .6);
    }
}

/* Galaxy S5 Lanscape */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) 
  and (orientation: landscape) {
    .tree-panel {
        height: auto;
        max-height: 205px !important;
    }
    .tree-panel::-webkit-scrollbar {
        -webkit-appearance: none;
    }
    .tree-panel::-webkit-scrollbar:horizontal {
        height: 9px;
    }
    .tree-panel::-webkit-scrollbar-thumb {
        border-radius: 6px;
        border: 3px solid white;
        background-color: rgba(0, 0, 0, .6);
    }
}

/* IPhone 6 Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 
    .tree-panel {
        height: auto;
        max-height: 384px !important;
    }
    .tree-panel::-webkit-scrollbar {
        -webkit-appearance: none;
    }
    .tree-panel::-webkit-scrollbar:horizontal {
        height: 9px;
    }
    .tree-panel::-webkit-scrollbar-thumb {
        border-radius: 6px;
        border: 3px solid white;
        background-color: rgba(0, 0, 0, .6);
    }
}


/* IPhone 6 Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 
    .tree-panel {
        height: auto;
        max-height: 92px !important;
    }

    .tree-panel::-webkit-scrollbar {
        -webkit-appearance: none;
    }
    .tree-panel::-webkit-scrollbar:horizontal {
        height: 9px;
    }
    .tree-panel::-webkit-scrollbar-thumb {
        border-radius: 6px;
        border: 3px solid white;
        background-color: rgba(0, 0, 0, .6);
    }
}

/* IPhone 6+ Portrait */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 
    .tree-panel {
        height: auto;
        max-height: 453px !important;
    }

    .tree-panel::-webkit-scrollbar {
        -webkit-appearance: none;
    }
    .tree-panel::-webkit-scrollbar:horizontal {
        height: 9px;
    }
    .tree-panel::-webkit-scrollbar-thumb {
        border-radius: 6px;
        border: 3px solid white;
        background-color: rgba(0, 0, 0, .6);
    }
}

/* IPhone 6+ Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 
    .tree-panel {
        height: auto;
        max-height: 131px !important;
    }

    .tree-panel::-webkit-scrollbar {
        -webkit-appearance: none;
    }
    .tree-panel::-webkit-scrollbar:horizontal {
        height: 9px;
    }
    .tree-panel::-webkit-scrollbar-thumb {
        border-radius: 6px;
        border: 3px solid white;
        background-color: rgba(0, 0, 0, .6);
    }
}




/* ----------- iPad mini ----------- */
/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait)
  and (-webkit-min-device-pixel-ratio: 1) {
    .tree-panel {
        height: auto;
        max-height: 879px !important;
        -webkit-overflow-scrolling: touch;
        overflow: scroll;
    }

    .tree-panel::-webkit-scrollbar {
        -webkit-appearance: none;
    }
    .tree-panel::-webkit-scrollbar:horizontal {
        height: 9px;
    }
    .tree-panel::-webkit-scrollbar-thumb {
        border-radius: 6px;
        border: 3px solid white;
        background-color: rgba(0, 0, 0, .6);
    }
}

@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape)
  and (-webkit-min-device-pixel-ratio: 1) {
    .tree-panel {
        height: auto;
        max-height: 623px;
    }
}

/* ----------- iPad 3 and 4 ----------- */
/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait)
  and (-webkit-min-device-pixel-ratio: 2) {
    .tree-panel {
        height: auto;
        max-height: 740px !important;
        -webkit-overflow-scrolling: touch !important;
        overflow: scroll !important;
    }

    .tree-panel::-webkit-scrollbar {
        -webkit-appearance: none;
    }
    .tree-panel::-webkit-scrollbar:horizontal {
        height: 9px;
    }
    .tree-panel::-webkit-scrollbar-thumb {
        border-radius: 6px;
        border: 3px solid white;
        background-color: rgba(0, 0, 0, .6);
    }
}

@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape)
  and (-webkit-min-device-pixel-ratio: 2) {
    .tree-panel {
        height: auto;
        max-height: 485px;
        -webkit-overflow-scrolling: touch !important;
        overflow: scroll !important;
    }

    .tree-panel::-webkit-scrollbar {
        -webkit-appearance: none;
    }
    .tree-panel::-webkit-scrollbar:horizontal {
        height: 9px;
    }
    .tree-panel::-webkit-scrollbar-thumb {
        border-radius: 6px;
        border: 3px solid white;
        background-color: rgba(0, 0, 0, .6);
    }
}

@media (max-width:980px) {
    .tree-panel {
        height: auto;
        max-height: 647px;
    }

    .tree-panel::-webkit-scrollbar {
        -webkit-appearance: none;
    }
    .tree-panel::-webkit-scrollbar:horizontal {
        height: 9px;
    }
    .tree-panel::-webkit-scrollbar-thumb {
        border-radius: 6px;
        border: 3px solid white;
        background-color: rgba(0, 0, 0, .6);
    }
}

/* ----------- Galaxy Tab 10.1 ----------- */
/* Portrait and Landscape */
@media 
  (min-device-width: 800px) 
  and (max-device-width: 1280px) {
    
}

/* ----------- Galaxy Tab under 7.7 ----------- */
/* Portrait and Landscape */
@media 
  (min-device-width: 600px) 
  and (max-device-width: 1024px) {

}
.ngGrid {
  background-color: #fdfdfd;
}
.ngGrid input[type="checkbox"] {
  margin: 0;
  padding: 0;
}
.ngGrid input {
  vertical-align: top;
}
.ngGrid.unselectable {
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.ngViewport {
  overflow: auto;
  min-height: 20px;
}
.ngViewport:focus {
  outline: none;
}
.ngCanvas {
  position: relative;
}
.ngVerticalBar {
  position: absolute;
  right: 0;
  width: 0;
}
.ngVerticalBarVisible {
  width: 1px;
  /*background-color: #d4d4d4;*/
}
.ngHeaderContainer {
  position: relative;
  overflow: hidden;
  font-weight: bold;
  background-color: inherit;
}
.ngHeaderCell {
  position: absolute;
  top: 0;
  bottom: 0;
  /*background-color: inherit;*/
}
.ngHeaderCell.pinned {
  z-index: 1;
}
.ngHeaderSortColumn {
  position: absolute;
  overflow: hidden;
}
.ngTopPanel {
  position: relative;
  z-index: 1;
  background-color: #eaeaea;
  border-bottom: 1px solid #d4d4d4;
}
.ngSortButtonDown {
  position: absolute;
  top: 3px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  border-color: gray transparent;
  border-style: solid;
  border-width: 0 5px 5px 5px;
  height: 0;
  width: 0;
}
.ngNoSort {
  cursor: default;
}
.ngHeaderButton {
  position: absolute;
  right: 2px;
  top: 8px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  width: 14px;
  height: 14px;
  z-index: 1;
  background-color: #9fbbb4;
  cursor: pointer;
}
.ngSortButtonUp {
  position: absolute;
  top: 3px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  border-color: gray transparent;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  height: 0;
  width: 0;
}
.ngHeaderScroller {
  position: absolute;
  background-color: white;
  color: black;
}
.ngSortPriority {
  position: absolute;
  top: -5px;
  left: 1px;
  font-size: 6pt;
  font-weight: bold;
}
.ngHeaderGrip {
  cursor: col-resize;
  width: 10px;
  right: -5px;
  top: 0;
  height: 100%;
  position: absolute;
  background-color: transparent;
}
.ngHeaderText {
  padding: 5px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ngHeaderButtonArrow {
  position: absolute;
  top: 4px;
  left: 3px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6.5px 4.5px 0 4.5px;
  border-color: #4d4d4d transparent transparent transparent;
}
.ngPinnedIcon {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwgAADsIBFShKgAAAABp0RVh0U29mdHdhcmUAUGFpbnQuTkVUIHYzLjUuMTAw9HKhAAAAmElEQVQoU33PQapBURjA8UtkwJuaWYGSgfQWYBMvczPmTCzAAGVuaA228BZhRCkDGSmE31FucuRfvzq3vr5zT/JSjSU7DsypEPXDkDVn2hSIytJhw4kWGaLCxgHh2gt/RBuLzNhz5caWPjnSqqw4EraFfwznf8qklWjwy4IRTerkiQoPGtPl40OehcEJvcfXl8LglLfBJLkDcMgbgHlHhK8AAAAASUVORK5CYII=);
  background-repeat: no-repeat;
  position: absolute;
  right: 5px;
  top: 5px;
  height: 10px;
  width: 10px;
}
.ngUnPinnedIcon {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwgAADsIBFShKgAAAABp0RVh0U29mdHdhcmUAUGFpbnQuTkVUIHYzLjUuMTAw9HKhAAAAlElEQVQoU33PPQrCQBRF4fFnI2KfZVi5ARvdgo1l6mwmkCJVOgluwd5OwUoDtnoOxAei8cLXTN7cvEl/skCNDCMPfsUPO5zQwOHIDEvYtMURHe6wOVLgigvOePRyeDkyR4ln7wZ//7XfFBu8B23+aDJjrHGAwza7hjtHJvDmHg7b7Bru7AMjK7Rw2ObBVHDY5oGk9AKQNB2zy8MBTgAAAABJRU5ErkJggg==);
  background-repeat: no-repeat;
  position: absolute;
  height: 10px;
  width: 10px;
  right: 5px;
  top: 5px;
}
.ngColMenu {
  right: 2px;
  padding: 5px;
  top: 25px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background-color: #bdd0cb;
  position: absolute;
  border: 2px solid #d4d4d4;
  z-index: 1;
}
.ngColListCheckbox {
  position: relative;
  right: 3px;
  top: 4px;
}
.ngColList {
  list-style-type: none;
}
.ngColListItem {
  position: relative;
  right: 17px;
  top: 2px;
  white-space: nowrap;
}
.ngMenuText {
  position: relative;
  top: 2px;
  left: 2px;
}
.ngGroupPanel {
  background-color: #eaeaea;
  overflow: hidden;
  border-bottom: 1px solid #d4d4d4;
}
.ngGroupPanelDescription {
  margin-top: 5px;
  margin-left: 5px;
}
.ngGroupList {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.ngAggHeader {
  position: absolute;
  border: none;
}
.ngGroupElement {
  float: left;
  height: 100%;
  width: 100%;
}
.ngGroupIcon {
  background-image: url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAANCAYAAACZ3F9/AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAEFJREFUKFNjoAhISkr+h2J5JDZODNXGwGBsbPwfhIGAA8bGh6HaGBiAGhxAGJmND4M1gQCSM0adCsVQbcPcqQwMALWDGyDvWPefAAAAAElFTkSuQmCC);
  background-repeat: no-repeat;
  height: 15px;
  width: 15px;
  position: absolute;
  right: -2px;
  top: 2px;
}
.ngGroupedByIcon {
  background-image: url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAANCAYAAACZ3F9/AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAElJREFUKFNjoAhISkr+R8LyaHwMDNXGwGBsbPwfhoGAA5mPDUO1oWpE52PDYE0gALTFAYbR+dgwWBMIoPlh1I9ADNU2NPzIwAAAFQYI9E4OLvEAAAAASUVORK5CYII=);
  background-repeat: no-repeat;
  height: 15px;
  width: 15px;
  position: absolute;
  right: -2px;
  top: 2px;
}
.ngGroupName {
  background-color: #fdfdfd;
  border: 1px solid #d4d4d4;
  padding: 3px 10px;
  float: left;
  margin-left: 0;
  margin-top: 2px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  font-weight: bold;
}
.ngGroupArrow {
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 6px solid black;
  margin-top: 10px;
  margin-left: 5px;
  margin-right: 5px;
  float: right;
}
.ngGroupingNumber {
  position: absolute;
  right: -10px;
  top: -2px;
}
.ngAggArrowCollapsed {
  position: absolute;
  left: 8px;
  bottom: 10px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 0 5px 8.7px;
  border-color: transparent transparent transparent #000000;
}
.ngGroupItem {
  float: left;
}
.ngGroupItem:first-child {
  margin-left: 2px;
}
.ngRemoveGroup {
  width: 5px;
  -moz-opacity: 0.4;
  opacity: 0.4;
  margin-top: -1px;
  margin-left: 5px;
}
.ngRemoveGroup:hover {
  color: black;
  text-decoration: none;
  cursor: pointer;
  -moz-opacity: 0.7;
  opacity: 0.7;
}
.ngAggArrowExpanded {
  position: absolute;
  left: 8px;
  bottom: 10px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 9px 9px;
  border-color: transparent transparent #000000 transparent;
}
.ngAggregate {
  position: absolute;
  background-color: #c9dde1;
  border-bottom: 1px solid beige;
  overflow: hidden;
  top: 0;
  bottom: 0;
  right: -1px;
  left: 0;
}
.ngAggregateText {
  position: absolute;
  left: 27px;
  top: 5px;
  line-height: 20px;
  white-space: nowrap;
}
.ngRow {
  position: absolute;
  border-bottom: 1px solid #d4d4d4;
}
.ngRow.odd {
  /*background-color: #fdfdfd;*/
}
.ngRow.even {
  /*background-color: #f3f3f3;*/
}
.ngRow.selected {
  background-color: #c9dde1;
}
.ngCell {
  overflow: hidden;
  position: absolute;
  top: 0;
  bottom: 0;
  background-color: inherit;
}
.ngCell.pinned {
  z-index: 1;
}
.ngCellText {
  padding: 5px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ngSelectionCell {
  margin-top: 9px;
  margin-left: 6px;
}
.ngSelectionHeader {
  position: absolute;
  top: 11px;
  left: 6px;
}
.ngCellElement:focus {
  outline: 0;
  background-color: #b3c4c7;
}
.ngRow.canSelect {
  cursor: pointer;
}
.ngSelectionCheckbox {
  margin-top: 9px;
  margin-left: 6px;
}
.ngFooterPanel {
  /*background-color: #eaeaea;*/
  padding: 0;
  /*border-top: 1px solid #d4d4d4;*/
  position: relative;
}
.nglabel {
  display: block;
  float: left;
  font-weight: bold;
  padding-right: 5px;
}
.ngTotalSelectContainer {
  float: left;
  margin: 5px;
  margin-top: 7px;
}
.ngFooterSelectedItems {
  padding: 2px;
}
.ngFooterTotalItems.ngnoMultiSelect {
  padding: 0 !important;
}
.ngPagerFirstBar {
  width: 10px;
  border-left: 2px solid #4d4d4d;
  margin-top: -6px;
  height: 12px;
  margin-left: -3px;
}
.ngPagerButton {
  height: 25px;
  min-width: 26px;
}
.ngPagerFirstTriangle {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 8.7px 5px 0;
  border-color: transparent #4d4d4d transparent transparent;
  margin-left: 2px;
}
.ngPagerNextTriangle {
  margin-left: 1px;
}
.ngPagerPrevTriangle {
  margin-left: 0;
}
.ngPagerLastTriangle {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 0 5px 8.7px;
  border-color: transparent transparent transparent #4d4d4d;
  margin-left: -1px;
}
.ngPagerLastBar {
  width: 10px;
  border-left: 2px solid #4d4d4d;
  margin-top: -6px;
  height: 12px;
  margin-left: 1px;
}
.ngFooterTotalItems {
  padding: 2px;
}
/*! ng-dialog - v0.3.4 (https://github.com/likeastore/ngDialog) */

@-webkit-keyframes ngdialog-fadeout{0%{opacity:1}100%{opacity:0}}@keyframes ngdialog-fadeout{0%{opacity:1}100%{opacity:0}}@-webkit-keyframes ngdialog-fadein{0%{opacity:0}100%{opacity:1}}@keyframes ngdialog-fadein{0%{opacity:0}100%{opacity:1}}.ngdialog,.ngdialog *,.ngdialog :after,.ngdialog :before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.ngdialog{position:fixed;overflow:auto;-webkit-overflow-scrolling:touch;z-index:10000;top:0;right:0;bottom:0;left:0}.ngdialog-overlay{position:fixed;background:rgba(0,0,0,.4);top:0;right:0;bottom:0;left:0;-webkit-backface-visibility:hidden;-webkit-animation:ngdialog-fadein .5s;animation:ngdialog-fadein .5s}.ngdialog.ngdialog-closing .ngdialog-overlay{-webkit-backface-visibility:hidden;-webkit-animation:ngdialog-fadeout .5s;animation:ngdialog-fadeout .5s}.ngdialog-content{background:#fff;-webkit-backface-visibility:hidden;-webkit-animation:ngdialog-fadein .5s;animation:ngdialog-fadein .5s}.ngdialog.ngdialog-closing .ngdialog-content{-webkit-backface-visibility:hidden;-webkit-animation:ngdialog-fadeout .5s;animation:ngdialog-fadeout .5s}.ngdialog-close:before{font-family:Helvetica,Arial,sans-serif;content:'\00D7';cursor:pointer}body.ngdialog-open{overflow:hidden}
@-webkit-keyframes ngdialog-flyin {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    transform: translateY(-40px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes ngdialog-flyin {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    transform: translateY(-40px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@-webkit-keyframes ngdialog-flyout {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    transform: translateY(-40px);
  }
}

@keyframes ngdialog-flyout {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    transform: translateY(-40px);
  }
}

.ngdialog.ngdialog-theme-default {
  padding-bottom: 160px;
  padding-top: 160px;
}

.ngdialog.ngdialog-theme-default.ngdialog-closing .ngdialog-content {
  -webkit-animation: ngdialog-flyout .5s;
  animation: ngdialog-flyout .5s;
}

.ngdialog.ngdialog-theme-default .ngdialog-content {
  -webkit-animation: ngdialog-flyin .5s;
  animation: ngdialog-flyin .5s;
  background: #f0f0f0;
  border-radius: 5px;
  color: #444;
  font-family: 'Helvetica',sans-serif;
  font-size: 1.1em;
  line-height: 1.5em;
  margin: 0 auto;
  max-width: 100%;
  padding: 1em;
  position: relative;
  width: 450px;
}

.ngdialog.ngdialog-theme-default .ngdialog-close {
  border-radius: 5px;
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0;
}

.ngdialog.ngdialog-theme-default .ngdialog-close:before {
  background: transparent;
  border-radius: 3px;
  color: #bbb;
  content: '\00D7';
  font-size: 26px;
  font-weight: 400;
  height: 30px;
  line-height: 26px;
  position: absolute;
  right: 3px;
  text-align: center;
  top: 3px;
  width: 30px;
}

.ngdialog.ngdialog-theme-default .ngdialog-close:hover:before,
.ngdialog.ngdialog-theme-default .ngdialog-close:active:before {
  color: #777;
}

.ngdialog.ngdialog-theme-default .ngdialog-message {
  margin-bottom: .5em;
}

.ngdialog.ngdialog-theme-default .ngdialog-input {
  margin-bottom: 1em;
}

.ngdialog.ngdialog-theme-default .ngdialog-input textarea,
.ngdialog.ngdialog-theme-default .ngdialog-input input[type="text"],
.ngdialog.ngdialog-theme-default .ngdialog-input input[type="password"],
.ngdialog.ngdialog-theme-default .ngdialog-input input[type="email"],
.ngdialog.ngdialog-theme-default .ngdialog-input input[type="url"] {
  background: #fff;
  border: 0;
  border-radius: 3px;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  margin: 0 0 .25em;
  min-height: 2.5em;
  padding: .25em .67em;
  width: 100%;
}

.ngdialog.ngdialog-theme-default .ngdialog-input textarea:focus,
.ngdialog.ngdialog-theme-default .ngdialog-input input[type="text"]:focus,
.ngdialog.ngdialog-theme-default .ngdialog-input input[type="password"]:focus,
.ngdialog.ngdialog-theme-default .ngdialog-input input[type="email"]:focus,
.ngdialog.ngdialog-theme-default .ngdialog-input input[type="url"]:focus {
  box-shadow: inset 0 0 0 2px #8dbdf1;
  outline: none;
}

.ngdialog.ngdialog-theme-default .ngdialog-buttons {
  *zoom: 1;
}

.ngdialog.ngdialog-theme-default .ngdialog-buttons:after {
  content: '';
  display: table;
  clear: both;
}

.ngdialog.ngdialog-theme-default .ngdialog-button {
  border: 0;
  border-radius: 3px;
  cursor: pointer;
  float: right;
  font-family: inherit;
  font-size: .8em;
  letter-spacing: .1em;
  line-height: 1em;
  margin: 0 0 0 .5em;
  padding: .75em 2em;
  text-transform: uppercase;
}

.ngdialog.ngdialog-theme-default .ngdialog-button:focus {
  -webkit-animation: ngdialog-pulse 1.1s infinite;
  animation: ngdialog-pulse 1.1s infinite;
  outline: none;
}

@media (max-width: 568px) {
  .ngdialog.ngdialog-theme-default .ngdialog-button:focus {
    -webkit-animation: none;
    animation: none;
  }
}

.ngdialog.ngdialog-theme-default .ngdialog-button.ngdialog-button-primary {
  background: #3288e6;
  color: #fff;
}

.ngdialog.ngdialog-theme-default .ngdialog-button.ngdialog-button-secondary {
  background: #e0e0e0;
  color: #777;
}
/*-------------------------------------Common--------------------------------------*/
body {
    padding-top: 34px;
    padding-bottom: 20px;
}

.body-content {
    /* Set padding to keep content from hitting the edges */
    padding-left: 15px;
    padding-right: 15px;
}

input,
select,
textarea {
    /* Set width on the form input elements since they're 100% wide by default */
    max-width: 280px;
}

html, body {
    height: 100%;
}

.btn {
    border-radius: 0;
}

    .btn:focus {
        color: white;
        border-radius: 0;
    }

.center {
    align-items: center;
}

.margin-left-145 {
    margin-left: 145px !important;
}

.margin-left-5 {
    margin-left: 5px !important;
}

.margin-left-10 {
    margin-left: 10px;
}

.margin-left-15 {
    margin-left: 15px !important;
}

.padding-right-10 {
    padding-right: 10px;
}

.padding-right-5 {
    padding-right: 5px;
}

.middle-screen {
    margin-top: -17em;
    top: 50%;
    position: fixed;
    margin-left: -13em;
    left: 50%;
}

.pointer {
    cursor: pointer;
}

.white-space {
    white-space: pre-wrap;
}

.overflow-y-auto {
    overflow-y: auto;
}
/*-------------------------------------Top menu------------------------------------*/
.dashboard-logo {
    margin-top: 3px;
    width: 30px;
    height: 30px;
    background: url('../../Content/Images/hb-icon.png') no-repeat;
    margin-left: 17px;
}

.navbar-inverse .navbar-nav > li > a {
    /*top menu font color*/
    color: white;
}

.navbar-nav > li > a {
    line-height: 7px;
}

.topbar {
    height: 34px;
}

.navbar {
    min-height: 34px;
}

.navbar-inverse {
    background-image: -webkit-linear-gradient(top, #474747 0%, #474747 100%);
    background-image: linear-gradient(to bottom, #474747 0%, #474747 100%);
}

#handbook-nav.navbar {
    border: none;
}

#handbook-nav .navbar-toggle {
    margin-top: 2px;
    margin-right: 5px;
    margin-bottom: 0;
    color: white;
    height: 36px;
    border-color: transparent;
    background-color: transparent;
}

#handbook-nav .container {
    padding-right: 0;
    padding-left: 0;
}

#handbook-nav .navbar-collapse,
#handbook-nav .navbar-collapse.in {
    background-image: -webkit-linear-gradient(top, #474747 0%, #474747 100%);
    background-image: linear-gradient(to bottom, #474747 0%, #474747 100%);
    height: 34px !important;
    padding-left: 0;
    padding-right: 0;
}

#handbook-nav .container {
    max-width: none;
}

@media (min-width: 768px) {
    #handbook-nav .container {
        max-width: none;
    }
}

#handbook-nav #logoutForm .nav.navbar-nav.navbar-right {
    margin-right: 10px;
}

#handbook-nav #navbar-header .navbar-header > button.navbar-toggle {
    padding: 9px 10px 9px 3px;
}

.modal-open #handbook-nav {
    margin-right: 0;
}

/*toggle button*/
.sidebar-toggle {
    position: absolute;
    left: 0px;
    padding: 9px 10px;
    background-color: transparent;
    border: 0;
    top: 1px;
}

.navbar-inverse .sidebar-toggle .icon-bar {
    background-color: #ffffff;
}

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

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

.changeFontsizeDlg div {
    font-size: 3em;
    background-color: #fff;
    color: #000;
    border: 1px solid #075095;
    padding: 5px;
}
/*-------------------------------------Homepage tab--------------------------------*/
/*----TabContent---*/
.nav-tabs {
    border-bottom: none !important;
}

    .nav-tabs > li {
        margin-bottom: 0;
    }

        .nav-tabs > li > a {
            line-height: 44px !important;
            border-radius: 0 !important;
            color: #ffffff;
            border-left: solid 1px #3D8DCE;
            margin-right: 0;
            padding-left: 32px;
        }

            .nav-tabs > li > a:hover, .nav-tabs > li > a:focus {
                background-color: white;
                color: #026FC1;
                border-right: solid 1px white;
                border-left: solid 1px white;
                border-bottom: none;
            }

        .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
            color: #026FC1;
        }

#reading-list-container, #hearings-container {
    padding: 5px 0px 0 10px;
}

    #reading-list-container ul#reading-list-tabs, #hearings-container ul#document-hearings-tabs {
        padding-left: 0;
    }

    #reading-list-container ul, #hearings-container ul {
        background-color: #fff;
    }

        #chapterItemTabs > li > a, #reading-list-container ul > li > a, #hearings-container ul > li > a {
            border: solid 1px #3D8DCE;
            border-bottom: none;
            background-color: #075095;
            height: 40px;
            line-height: 20px !important;
            font-size: 12px;
        }

            #chapterItemTabs > li > a.document, #reading-list-container ul > li > a, #hearings-container ul > li > a {
                background-image: url("../../Content/Images/document_24.png");
                background-repeat: no-repeat;
                background-position: 8px;
                background-size: 19px;
            }

            #chapterItemTabs > li > a.folder {
                background-image: url("../../Content/Images/book-icon-white-16px.png");
                background-repeat: no-repeat;
                background-position: 5px;
            }

#chapterItemTabs > li:first-child > a {
    border-right: none;
}

#reading-list-container ul > li:first-child > a, #hearings-container ul > li:first-child > a {
    border-right: none;
}

#chapterItemTabs > li > a:hover,
#reading-list-container ul > li > a:hover, #hearings-container ul > li > a:hover {
    color: #3D8DCE;
    background-color: white;
}

#chapterItemTabs > li.active > a, #chapterItemTabs > li.active > a:focus, #chapterItemTabs > li.active > a:hover,
#reading-list-container ul > li.active > a, #reading-list-container ul > li.active > a:focus, #reading-list-container ul > li.active > a:hover,
#hearings-container ul > li.active > a, #hearings-container ul > li.active > a:focus, #hearings-container ul > li.active > a:hover {
    /*color: #3D8DCE;*/
    background-color: white;
}

    #chapterItemTabs > li.active > a.folder, #chapterItemTabs > li.active > a.folder:focus, #chapterItemTabs > li.active > a.folder:hover {
        background-image: url("../../Content/Images/folder-blue-24px.png");
        background-repeat: no-repeat;
        background-position: 5px;
    }

#chapterItemTabs > li > a.folder:hover {
    background-image: url("../../Content/Images/folder-blue-24px.png");
    background-repeat: no-repeat;
    background-position: 5px;
}

#document-hearings-tabs li, #reading-list-tabs li {
    margin-bottom: -1px;
}

#chapterItemTabs, #reading-list-container ul, #hearings-container ul {
    border-bottom: solid 1px #3D8DCE !important;
}
/*----Home tab-----*/
.custom-logo {
    /*CustomLogoMenuWhite*/
    /*OUS_white_261x54*/
    background: url('../../Custom/Startpage/CustomLogoMenuWhite.png') no-repeat;
    width: 230px;
    height: 66px;
    background-position: 3px 6px;
}

.nav-tabs > li:first-child > a,
.nav-tabs > li:first-child > a:hover {
    border-left: none;
}

.nav-tabs > li[id=master-tab] > a:hover,
.nav-tabs > li[id=master-tab].active > a,
.nav-tabs > li[id=master-tab].active > a:focus {
    /*CustomLogoBottom*/
    /*OUS_color_261x54*/
    background: url('../../Custom/Startpage/CustomLogoBottom.png') no-repeat;
    background-color: white;
    border-left: none;
    background-position: 3px 6px;
}


.customer-logo {
    top: 10px;
    position: absolute;
    font-size: 20px;
    font-weight: bold;
    font-family: Scala;
    left: 53px;
}

.home-tab-display {
    display: block;
    position: relative;
}

/*----WhatNewTab---*/
.home-what-new-icon {
    background-image: url('../../Content/Images/what-new.png');
    background-repeat: no-repeat;
    background-position: 5px 15px;
}

#what-new-tab, #what-new-tab > a {
    display: flex;
    width: 170px;
}

    #what-new-tab.active > a, #what-new-tab > a:hover {
        background-image: url('../../Content/Images/what-new-active.png');
        background-repeat: no-repeat;
        background-position: 5px 15px;
        line-height: 44px !important;
    }

/*----LatestFav----*/
.home-favorite-icon {
    background-image: url('../../Content/Images/star-white-32.png');
    background-repeat: no-repeat;
    background-position: 5px 15px;
}

#favorite-tab, #favorite-tab > a {
    display: flex;
    width: 230px;
}

    #favorite-tab.active > a, #favorite-tab > a:hover {
        background-image: url('../../Content/Images/star-blue.png');
        background-repeat: no-repeat;
        line-height: 44px !important;
    }

#reading-list-tab .user-icon {
    margin-left: -15px;
    margin-right: 5px;
}

/*----WhatNewTab and LatestFav----*/
.home-favorite, .home-what-new {
    /*label*/
    display: inline;
    padding-left: 5px;
}

/*----News count circle----*/
.circle {
    border-radius: 50%;
    width: 25px;
    height: 25px;
    background: red;
    color: #fff;
    text-align: center;
    font-size: 14px;
    line-height: 25px;
    position: absolute;
    right: -27px;
    top: -5px;
}

.circle-display-position {
    position: absolute;
    right: 5px;
    top: 10px;
}

/*-------------------------------------Fav grid------------------------------------*/
.newfavorite {
    /*highlight new fav*/
    font-weight: bold;
}

/*-------------------------------------Content-------------------------------------*/
.home-content {
    padding-left: 220px;
    clear: both;
    color: #737373;
    padding-right: 20px;
    /*overflow: auto;*/
    height: 100%;
}

/*-------------------------------------Sidebar-------------------------------------*/
.slidebar-icon {
    padding: 5px;
    margin-left: 5px;
    display: inline;
    text-indent: -9999px;
}

.sidebar-nav {
    position: absolute;
    top: 0;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
}

    .sidebar-nav li {
        line-height: 45px;
        border-bottom: solid 1px lavender;
    }

        .sidebar-nav li a {
            display: block;
            text-decoration: none;
            color: #2C5768;
            font-weight: bold;
        }

            .sidebar-nav li a:hover {
                text-decoration: none;
                color: #fff;
            }

            .sidebar-nav li a:active,
            .sidebar-nav li a:focus {
                text-decoration: none;
            }

    .sidebar-nav > .sidebar-brand {
        height: 65px;
        font-size: 18px;
        background-color: #075095;
        border: none;
        border-right: 1px solid #3D8DCE;
        padding-top: 10px;
        position: fixed;
        width: 320px;
        z-index: 99999;
    }

.toggle-sidebar .sidebar-nav > .sidebar-brand {
    position: relative;
}

.hidesidebar .sidebar-nav > .sidebar-brand {
    position: relative;
}


.splitter {
    border-left: solid white 1px;
    height: 100%;
}

.margin-top-expand {
    margin-top: 65px;
}

.sidebar-nav > .sidebar-brand a {
    color: #FFFFFF;
    font-size: 23px;
    margin-left: 20px;
}

    .sidebar-nav > .sidebar-brand a:hover {
        color: #fff;
        background: none;
    }

/*Advance search*/
.form-control {
    border-radius: 0;
}

.sidebar-nav--sub {
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
}

    .sidebar-nav--sub li {
        text-indent: 20px;
        line-height: 70px;
        border-bottom: solid 1px white;
        background-color: #ddecf7;
    }

        .sidebar-nav--sub li:last-child {
            border-bottom: none;
        }

        .sidebar-nav--sub li span {
            padding-left: 40px;
            display: block;
            font-weight: bold;
        }

            .sidebar-nav--sub li span:hover {
                color: #fff;
            }

/*Customer area*/
.sidebar-customer-area {
    display: none;
}

/*-------------------------------------Login page----------------------------------*/
.btn-login {
    background-color: #3B3B3B;
    color: white;
    width: 100%;
}

    .btn-login:hover {
        color: #CDCDCD !important;
    }

.login-page {
    background-color: #075095;
}

.login-page-section {
    background-color: white;
}

.center-block {
    display: block;
    margin-right: auto;
    margin-left: auto;
}

.modal-header {
    border-bottom: none;
}

.modal-content {
    border-radius: 0;
}

.vertical-align {
    display: flex;
}

.Error {
    color: red;
}

.login-dialog {
    width: 350px !important;
}

.login-info {
    padding-left: 0 !important;
}

.forgot-password-dialog {
    width: 450px !important;
}

.reset-password-confirmation-dialog {
    width: 650px !important;
    height: 100px;
}

/*-------------------------------------Setting box---------------------------------*/
.submit-button {
    background-color: #075095;
    color: white;
    margin-left: 11px;
}

/*-------------------------------------Wrapping-----------------------------------*/
/*Wrapper*/
#wrapper {
    padding-left: 320px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    height: 100%;
}

    #wrapper.toggled {
        padding-left: 250px;
    }

    #wrapper.toggle-wrapper {
        padding-left: 0;
    }

/*Sidebar wrapper*/
#sidebar-wrapper {
    z-index: 1000;
    position: fixed;
    left: 250px;
    width: 320px;
    height: 97%;
    margin-left: -250px;
    overflow-y: auto;
    overflow-x: hidden;
    background: #C2D3E4;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#wrapper.toggled #sidebar-wrapper {
    width: 250px;
}

#sidebar-wrapper.toggle-sidebar, .resize-bar.toggle-sidebar {
    width: 0px;
    overflow-y: hidden;
}

/*pagecontent wrapper*/
#page-content-wrapper {
    width: 100%;
    padding: 15px;
}

#wrapper.toggled #page-content-wrapper {
    position: absolute;
    margin-right: -250px;
}

.tab-content-header.toggle-mainview {
    padding-right: 0;
    padding-left: 0;
}

.frontpage-customer-area.toggle-sidebar {
    padding-left: 0;
}

/*-------------------------------------ResizeBar---------------------------------*/
.resize-bar {
    width: 328px;
    height: 100%;
    cursor: w-resize;
    position: fixed;
    z-index: 999;
    left: 0;
    top: 0;
}

    .resize-bar:active, .resize-bar:hover {
        background-color: #C2D3E4;
        opacity: 0.6;
    }

/*-------------------------------------Start page-------------------------------*/
.startpage-left {
    float: left;
    width: 20%;
    height: 100%;
}

.startpage-middle {
    float: left;
    margin-left: 2%;
    width: 57%;
    height: 100%;
}

.startpage-right {
    float: left;
    margin-left: 1%;
    width: 20%;
    height: 100%;
}

.startpage-menugroup {
    font-size: 14px;
    font-weight: bold;
    line-height: 30px;
    height: auto;
    padding-left: 10px;
    border-top: 2px solid #446A8D;
}

    .startpage-menugroup a {
        color: #446A8D;
    }

    .startpage-menugroup span {
        line-height: normal;
        vertical-align: middle;
        display: inline-block;
        word-break: break-all;
        padding: 5px 0 0 0;
    }

#start-page .glyphicon {
    color: #075095;
}

.startpage-menuitem-contain {
    border-bottom: 1px solid #d4d4d4;
}

    .startpage-menuitem-contain:last-child {
        border-bottom: none;
    }

.startpage-menuitem {
    font-size: 12px;
    font-weight: normal;
    line-height: 20px;
    word-wrap: break-word;
    -ms-word-wrap: break-word;
}

    .startpage-menuitem div {
        line-height: normal;
        vertical-align: middle;
        display: inline-block;
        word-break: break-all;
    }

.startpage-itemcontain {
    height: auto;
}

    .startpage-itemcontain .startpage-menuitem {
        color: #000000;
    }

/*-------------------------------------Uncategory--------------------------------*/
#tabSheetsDoc a, #tabSheetsDoc a:visited, #documentContent a, #documentContent a:visited, #relatedContainer a, #relatedContainer a:visited {
    text-decoration: none;
    color: #2A7FFC;
    cursor: move;
}

.what-news-title {
    visibility: hidden;
}

.updated-favorite-title {
    visibility: hidden;
}

.tooltip-inner, .popover-inner {
    background-color: #075095;
    text-align: left;
    max-width: 500px;
    padding: 5px !important;
}

#searchnormal .tooltip-inner {
    background-color: black;
    text-align: center;
    width: 200px;
}

#searchincontentbuttton .tooltip-inner {
    background-color: black;
    text-align: center;
    width: 210px;
}

#advancesearchbutton .tooltip-inner {
    background-color: black;
    text-align: center;
    width: 115px;
}

#icon-search-top .padding-left {
    padding-left: 4px;
}

.tooltip-element {
    color: gold;
    width: 125px;
    display: table-cell;
    padding-left: 5px;
}

.grid-tooltip {
    min-width: 24px !important;
    width: 24px !important;
    top: -15px;
    float: right;
}

.home-info {
    height: 175px;
    background-color: white;
    color: black;
    list-style: none;
}

    .home-info .content {
        background-color: #f2f2f2;
        padding: 5px 5px 0px 15px;
        min-height: 160px;
    }

    .home-info a {
        color: #00283a !important;
        font-weight: 700;
        font-size: 15px;
    }

    .home-info h4 {
        font-weight: 700;
    }

.block-with-text {
    overflow: hidden;
    position: relative;
    line-height: 1.2em;
    max-height: 3.6em;
    text-align: justify;
    margin-right: 0em;
    padding-right: 1em;
    font-size: 13px;
}

.home-news-grid-header {
    padding: 8px 15px;
    background-color: #075095;
    color: white;
    height: 41px;
}

.home-info-date {
    font-weight: 700;
    font-style: italic;
    color: #0395F0;
    font-size: 15px;
}

.home-news-collapse-delimiter {
    border-right: 2px solid #00283a;
    list-style: none;
    min-height: 50px;
}

.home-news-header {
    font-weight: 700;
    color: #666666 !important;
    text-decoration: none;
    font-size: 15px;
}

.dplin {
    display: inline-block !important;
}

.news-detail-contain .news-details-header {
    font-weight: bold;
    min-height: 22px;
    margin-bottom: 9px;
    margin-top: 10px;
}

.news-collapsed {
    display: -webkit-box;
}

.read-more {
    padding-left: 0px !important;
    position: absolute;
    bottom: 0;
    width: 98%;
}

    .read-more a {
        color: #666 !important;
        font-weight: 700;
        font-size: 13px;
    }

.news-content {
    position: relative;
    height: 75px;
}

.news-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
/*-------------------------------------reading receipts--------------------------*/
.mrc-container {
    padding: 0px 20px 57px 20px;
}

.mrc-form {
    background-color: #F2F2F2;
    padding: 15px;
}

.mrc-clear {
    position: absolute;
    right: 45px;
    margin-top: -25px;
}

.mrc-tree {
    max-height: 300px;
    overflow-y: auto;
}

.mrc-input {
    max-width: 100%;
    width: 100%;
}

.mrc-buttons {
    display: inline-block;
    right: 20px;
    position: absolute;
    margin-top: 5px;
}
    /* UU Design */
    .mrc-buttons .btn-standard {
        background-color: #838383;
    }
/* End UU */

.mrc-folder-5 {
    padding: 5px 15px 5px 10px;
    background-image: url("../../Content/Images/folder-blue-24px.png");
    background-repeat: no-repeat;
    position: absolute;
    margin-left: 40px;
    height: 20px;
    margin-top: 5px;
}

.mrc-folder-6 {
    padding: 5px 15px 5px 10px;
    background-image: url("../../Content/Images/folder-orange-24px.png");
    background-repeat: no-repeat;
    position: absolute;
    margin-left: 40px;
    height: 20px;
    margin-top: 5px;
}

.mrc-folder-7 {
    padding: 5px 15px 5px 10px;
    background-image: url("../../Content/Images/folder-green-24px.png");
    background-repeat: no-repeat;
    position: absolute;
    margin-left: 40px;
    height: 20px;
    margin-top: 5px;
}

.menu-reponsive {
    display: -webkit-inline-box;
    display: inline-block;
}

.menu-reponsive-collapsed-optimized {
    display: -webkit-inline-box;
}

.col-news-1 {
    width: 50%;
    float: left;
    position: relative;
    min-height: 1px;
}

.col-news-2 {
    width: 50%;
    float: left;
    position: relative;
    min-height: 1px;
}

.col-news-3 {
    width: 33.333333%;
    float: left;
    position: relative;
    min-height: 1px;
}

.news-title-collapse {
    width: 70%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.ajustwidthtitlemore {
    width: 10%;
    width: 110px !important;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.ajustwidthcontent {
    width: 95%;
}

.loginTextResponsive {
    float: right;
    width: 100%;
    margin-right: 0;
    padding-right: 8px;
}
/*-------------------------------------Media-------------------------------------*/
/* ----------- Galaxy Tab 10.1 ----------- */
/* Portrait and Landscape */
@media (min-device-width: 800px) and (max-device-width: 1280px) {
    .mobile-vertical-scroll {
        /*width: 1500px;*/
        overflow-x: auto;
    }

    #icon-search-top .tooltip {
        display: none !important;
    }
}

@media (max-width:1270px) {
    .home-hearings .text {
        display: none;
    }

    .home-hearings {
        width: 50px !important;
    }
}

@media (max-width:1245px) {
    #favorite-tab,
    #favorite-tab > a, #favorite-tab > a:hover,
    #favorite-tab.active > a {
        background-position: 5px 15px;
        width: 240px;
        height: 66px;
    }

    .pl-small-screen {
        padding-left: 15px !important;
    }

    .text-align-mobile {
        text-align: center !important;
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1894px;
    }
}

@media (max-width:1200px) {
    .home-reading-list span.text, .home-hearings span.text {
        display: none;
    }

    li#reading-list-tab a {
        width: 75px !important;
    }
}

@media (max-width:1120px) {
    .home-what-new, .home-favorite {
        display: none;
    }

    #favorite-tab, #favorite-tab > a {
        background-position: 15px 15px;
        width: 90px;
        height: 66px;
    }

    #what-new-tab,
    #what-new-tab > a, #what-new-tab > a:hover,
    #what-new-tab.active > a {
        background-position: 22px 15px;
        width: 85px;
        height: 66px;
    }
}

@media (max-width:1100px) {
    .home-what-new, .home-favorite {
        display: none;
    }

    .home-reading-list span.text, .home-hearings span.text {
        display: none;
    }

    li#reading-list-tab a {
        width: 75px !important;
    }

    #favorite-tab, #favorite-tab > a {
        background-position: 15px 15px;
        width: 90px;
        height: 66px;
    }

    #what-new-tab,
    #what-new-tab > a, #what-new-tab > a:hover,
    #what-new-tab.active > a {
        background-position: 22px 15px;
        width: 85px;
        height: 66px;
    }
}


/* ----------- iPad mini ----------- */
/* Portrait and Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
    .mobile-vertical-scroll {
        /*width: 1500px;*/
        overflow-x: auto;
    }

    .what-news-title {
        font-weight: bold;
        font-size: 18px;
        visibility: visible;
    }

    .updated-favorite-title {
        font-weight: bold;
        font-size: 18px;
        visibility: visible;
    }

    #icon-search-top .tooltip {
        display: none !important;
    }

    .menu-reponsive {
        display: inline;
    }

    .menu-reponsive-collapsed {
        display: inline;
        top: 72px;
    }

    .home-info .content {
        background-color: #f2f2f2;
        padding: 5px 5px 0px 15px;
        min-height: 200px;
    }

    .home-info-responsive {
        height: 175px;
        background-color: white;
        color: black;
        list-style: none;
        float: inherit;
        display: inline;
    }

    .username {
        max-width: 145px;
    }

        .username a {
            padding: 14px 3px 14px 5px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

    .aaa {
        display: none !important;
    }

    .news-title-collapse {
        width: 100%;
    }
}

/* ----------- Galaxy Tab under 7.7 ----------- */
/* Portrait and Landscape */
@media (min-device-width: 600px) and (max-device-width: 1024px) {
    .mobile-vertical-scroll {
        /*width: 1500px;*/
        overflow-x: auto;
    }

    .what-news-title {
        font-weight: bold;
        font-size: 18px;
        visibility: visible;
    }

    .updated-favorite-title {
        font-weight: bold;
        font-size: 18px;
        visibility: visible;
    }

    #icon-search-top .tooltip {
        display: none !important;
    }

    .home-favorite {
        display: none;
    }

    #favorite-tab,
    #favorite-tab > a, #favorite-tab > a:hover,
    #favorite-tab.active > a {
        background-position: 22px 15px;
        width: 85px;
        height: 66px;
    }
}

@media (max-width:980px) {
    .home-what-new {
        display: none;
    }

    #what-new-tab,
    #what-new-tab > a, #what-new-tab > a:hover,
    #what-new-tab.active > a {
        background-position: 15px 15px;
        width: 80px;
        height: 66px;
    }

    .home-favorite {
        display: none;
    }

    #favorite-tab,
    #favorite-tab > a, #favorite-tab > a:hover,
    #favorite-tab.active > a {
        background-position: 12px 15px;
        width: 80px;
        height: 66px;
    }

    #reading-list-tab .text {
        display: none;
    }

    #reading-list-tab a {
        height: 66px;
    }

    /*#reading-list-tab .home-reading-list, .home-hearings {
        margin-top: 3px;
    }*/

    .sidebar-toggle.display--non {
        display: block !important;
    }

    #sidebar-wrapper.toggle-sidebar,
    #sidebar-wrapper.show {
        width: 320px;
    }

    #wrapper,
    #wrapper.toggled {
        padding-left: 0;
    }

        #sidebar-wrapper,
        #wrapper.toggled #sidebar-wrapper,
        .resize-bar {
            width: 0;
        }

    .sidebar-nav > .sidebar-brand {
        position: relative;
    }

    #sidebar-wrapper.toggle-sidebar .sidebar-nav > .sidebar-brand {
        position: fixed;
    }

    #page-content-wrapper {
        padding: 20px;
    }

    #wrapper.toggled #page-content-wrapper {
        position: relative;
        margin-right: 0;
    }

    #sidebar-header .navbar-toggle {
        display: block;
        position: absolute;
        left: 10px;
    }

    .tab-content-header {
        position: fixed;
        width: 100%;
        padding-right: 0px !important;
    }

    #resizeBar.toggle-sidebar {
        width: 328px;
    }
}

/* ----------- iPhone 5 and 5S ----------- */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) {
    #sidebar-wrapper {
        height: 96%;
    }

    .what-news-title {
        font-weight: bold;
        font-size: 18px;
        visibility: visible;
    }

    .updated-favorite-title {
        font-weight: bold;
        font-size: 18px;
        visibility: visible;
    }

    #icon-search-top .tooltip {
        display: none !important;
    }

    .popup-item > div {
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
		width: 230px !important;
		display: inline-block;
		vertical-align: bottom;
	}
}

/* ----------- iPhone 6 ----------- */
/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2) { 
	.popup-item > div {
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
		width: 280px !important;
		display: inline-block;
		vertical-align: bottom;
	}
}

/* ----------- iPhone 6+ ----------- */
/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3) { 
	.popup-item > div {
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
		width: 320px !important;
		display: inline-block;
		vertical-align: bottom;
	}
}

@media (max-width:545px) {
    .home-what-new {
        display: none;
    }

    #what-new-tab,
    #what-new-tab > a, #what-new-tab > a:hover,
    #what-new-tab.active > a {
        background-position: 15px 15px;
        width: 80px;
        height: 66px;
    }

    #reading-list-tab .text {
        display: none;
    }

    #reading-list-tab a {
        height: 66px;
    }

    #reading-list-tab .home-reading-list, .home-hearings {
        margin-top: 0px;
    }

    .customer-logo {
        display: none;
    }

    .nav-tabs > li[id=master-tab] > a:hover,
    .nav-tabs > li[id=master-tab].active > a,
    .nav-tabs > li[id=master-tab].active > a:focus {
        /*logo_white*/
        /*OUS_color_54x54*/
        background: url('../../Custom/Startpage/logo_white.png') no-repeat;
        background-color: white;
    }

    .custom-logo {
        /*logo_blue*/
        /*OUS_white_54x54*/
        background: url('../../Custom/Startpage/logo_blue.png') no-repeat;
        width: 80px;
    }

    #master-tab > a, #master-tab.active > a, #master-tab > a:hover {
        background-position: 10px 6px;
    }
}

@media(max-width:440px) {
    .customer-logo {
        display: none;
    }

    .nav-tabs > li[id=master-tab] > a:hover,
    .nav-tabs > li[id=master-tab].active > a,
    .nav-tabs > li[id=master-tab].active > a:focus {
        /*logo_white*/
        /*OUS_color_54x54*/
        background: url('../../Custom/Startpage/logo_white.png') no-repeat;
        background-color: white;
    }

    .custom-logo {
        /*logo_blue*/
        /*OUS_white_54x54*/
        background: url('../../Custom/Startpage/logo_blue.png') no-repeat;
        width: 80px;
    }

    #master-tab > a, #master-tab.active > a, #master-tab > a:hover {
        background-position: 10px 6px;
    }

    #homeTabs li {
        width: 70px;
    }

    #master-tab > a, #master-tab.active > a, #master-tab > a:hover {
        background-position: 0px 6px !important;
        width: 70px;
    }

    li#reading-list-tab a {
        width: 70px !important;
    }

    .home-hearings {
        margin-left: -30px !important;
        margin-top: -1px;
    }
}

@media(max-width:736px) {
    .news-group {
        display: block !important;
    }

    .menu-reponsive {
        display: block;
    }

    .news-device {
        display: none;
    }

    .home-content {
        padding-right: 10px;
    }

    .what-news-title {
        padding-left: 10px;
    }

    .nav.navbar-nav.navbar-right.mr10 {
        margin-right: 0 !important;
    }

    .loginTextResponsive {
        padding-right: 0 !important;
    }

    .glyphicon.glyphicon-info-sign.about-icon {
        margin-right: 5px;
    }

    .quick-login, .quick-login:hover, .quick-login:target, .quick-login:active {
        padding-top: 0 !important;
    }

}

@media (max-width: 768px) {
    #handbook-nav .navbar-collapse,
    #handbook-nav .navbar-collapse.in {
        height: auto !important;
    }

        #handbook-nav .navbar-collapse ul {
            text-align: right;
        }

    #navbar-header .navbar-collapse .about-icon {
        display: none;
    }
}

@media (max-width:320px) {
    #homeTabs li {
        width: 60px;
    }

    #master-tab > a, #master-tab.active > a, #master-tab > a:hover {
        background-position: 0px 6px !important;
        width: 60px;
    }

    li#reading-list-tab a {
        width: 60px !important;
    }

    .home-hearings {
        margin-left: -30px !important;
        margin-top: -1px;
    }

    #reading-list-container .grid-setting {
        width: 100%;
        padding-top: 0 !important;
    }

        #reading-list-container .grid-setting .top-menu-button {
            float: right;
            margin-bottom: 3px;
        }
}

@media (max-width:1875px) {
    .read-more {
        width: 96%;
    }
}

.mr10 {
    margin-right: 10px !important;
}

.t-upc {
    text-transform: uppercase;
}

.t-cpl {
    text-transform: capitalize !important;
}

.min-width-45 {
    min-width: 45px;
}

.min-width-90 {
    min-width: 90px;
}

#reading-list-container ul > li.annual-cycle > a{
    background-image: none;
    background-position: 0;
    background-size: 0;
    padding-left: 10px;
}

#reading-list-container ul > li.annual-cycle > a > i{
    font-size : 15px;
}

#reading-list-container ul > li.annual-cycle > a > span{
    padding-left : 5px;
}
[ng\:cloak], [ng-cloak], .ng-cloak {
	display: none !important;
}

.row-eq-height {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

@font-face {
	font-family: 'typicons';
	font-weight: normal;
	font-style: normal;
	src: url('../Fonts/typicons.eot');
	src: url('../Fonts/typicons.eot?#iefix') format('embedded-opentype'), url('../Fonts/typicons.woff') format('woff'), url('../Fonts/typicons.ttf') format('truetype'), url('../Fonts/typicons.svg#typicons') format('svg');
}

@font-face {
	font-family: 'icomoon';
	src: url('../Fonts/icomoon.eot?a3hy0q');
	src: url('../Fonts/icomoon.eot?a3hy0q#iefix') format('embedded-opentype'), url('../Fonts/icomoon.ttf?a3hy0q') format('truetype'), url('../Fonts/icomoon.woff?a3hy0q') format('woff'), url('../Fonts/icomoon.svg?a3hy0q#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	/* 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;
	/*display: inline-block;*/
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-ehand_internet:before {
	content: "\e92a";
}

.icon-ehand_internet.grid-icon {
	position: relative;
	display: inline-block;
	top: 2px;
	left: -5px;
	font-size: 20px;
}

/* :before psuedo-selector inserts and styles icon */
.typcn:before {
	font-family: 'typicons';
	font-style: normal;
	font-weight: normal;
	speak: none;
	display: inline-block;
	text-decoration: inherit;
	width: 1em;
	height: 1em;
	/*font-size: 18px;*/
	text-align: center;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

.typcn-message:before {
	content: '\e0b8'; /* '' */
}

.typcn-home-outline:before {
	content: '\e089'; /* '' */
}

.fa-print:before {
	content: "\f02f";
}

.typcn-home:before {
	content: '\e08a'; /* '' */
}

.typcn-tag:before {
	content: '\e10f'; /* '' */
	font-size: 25px;
}

.typcn-user-add-outline:before {
	content: '\e127'; /* '' */
}

.fa-paperclip:before {
	content: "\f0c6";
}

.fa-eye:before {
	content: "\f06e";
}

.fa-lg {
	font-size: 1.3333em;
}

.fa-refresh:before {
	content: "\f021";
}

.fa-calendar:before {
	content: "\f073";
}

.fa-share-alt:before {
    content: "\f1e0";
    
}

.typcn-user-outline:before {
    content: '\e12b'; /* '' */
}

.metadata-tab {
	display: initial;
	padding-left: 5px;
}

.typcn-eye:before {
	content: '\e06f'; /* '' */
}


@font-face {
	font-family: 'FontAwesome';
	src: url("../fonts/fontawesome-webfont.eot");
	src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.1.0") format("embedded-opentype"), url("../Fonts/fontawesome-webfont.woff") format("woff"), url("../Fonts/fontawesome-webfont.ttf") format("truetype"), url("../onts/fontawesome-webfont.svg") format("svg");
	font-weight: normal;
	font-style: normal;
}

.fa {
	display: inline-block;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.fa-2x {
	font-size: 2em;
}

.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-angle-right:before {
	content: "\f105";
}

.fa-angle-down:before {
	content: "\f107";
}

.fa-angle-double-down:before {
	content: "\f103";
}

.fa-times:before {
	content: "\f00d";
}

.fa-check:before {
	content: "\f00c";
}

.fa-folder:before {
	content: "\f07b";
}

.fa-font:before {
	content: "\f031";
}

.fa-calendar-o:before {
	content: "\f133"
}

.fa-globe:before {
	content: "\f0ac";
}

.fa-edit:before,
.fa-pencil-square-o:before {
	content: "\f044";
}

.fa-question-circle:before {
	content: "\f059";
}

.fa-file-pdf-o:before {
	content: "\f1c1";
}

.fa-file-movie-o:before,
.fa-file-video-o:before {
	content: "\f1c8";
}

.fa-file-word-o:before {
	content: "\f1c2";
}

.fa-file-powerpoint-o:before {
	content: "\f1c4";
}

.fa-file-o:before {
	content: "\f016";
}

.fa-file-excel-o:before {
	content: "\f1c3";
}

.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
	content: "\f1c5";
}

.fa-list:before {
	content: "\f03a";
	content: "\f03a";
}

.typcn-attachment:before {
	content: '\e027'; /* '' */
}
.typcn-link:before {
	content: '\e09c'; /* '' */
	width: 0.9em;
} 

/*---------------Scroll bar-----------------*/
::-webkit-scrollbar {
	width: 12px; /* for vertical scrollbars */
	height: 12px; /* for horizontal scrollbars */
}

::-webkit-scrollbar-track {
	background: rgba(0, 0, 0, 0.1);
	opacity: 0.5;
}

::-webkit-scrollbar-thumb {
	background: rgba(0, 0, 0, 0.5);
}

/*-----------------------Common use---------------------------*/
body {
	padding-top: 34px;
	padding-bottom: 20px;
}

hr {
	border-top-color: #888888;
}

a:active {
}

.gridcellwraptext {
	white-space: normal !important;
}

.display {
	display: block !important;
}

.display--non {
	display: none !important;
}

.visible {
	visibility: visible !important;
}

.visible--non {
	visibility: hidden !important;
}

.white {
	background-color: white !important;
}

.width--150 {
	width: 150px;
}

.width-120 {
	width: 120px;
}

.width-160 {
	width: 160px;
}

.comment-box-title {
	height: 37px;
	padding: 7px 10px 5px 10px;
	background-color: #075095;
	color: #fff;
	font-weight: 700;
}

.logo {
	width: 200px;
	height: 50px;
}

.print-logo {
	height: 33px;
	width: 154px;
	margin-left: 5px;
}

.page-content-header {
	height: 65px;
	font-size: 18px;
}

.standard-option {
	height: 20px;
	font-size: 11px;
	width: 100%;
}

.standard-label {
	font-size: 14px;
	font-weight: normal;
}

.text-italic {
	font-style: italic;
}

.big-row {
	height: 40px;
}

.margin-left-50 {
	margin-left: 50px;
}

.margin-top-10 {
	margin-top: 10px;
}

.margin-top-20 {
	margin-top: 20px;
}

.margin-top-65 {
	margin-top: 65px;
}

.margin-bottom-20 {
	margin-bottom: 20px;
}

.margin-bottom-15,
.mb15 {
	margin-bottom: 15px;
}

.margin-bottom-10 {
	margin-bottom: 10px;
}

.margin-bottom-2 {
	margin-bottom: 2px;
}

.margin-bottom-0 {
	margin-bottom: 0;
}

.margin-bottom-50 {
	margin-bottom: 50px;
}

.delete-icon {
	background-image: url('../../Content/Images/delete-16.png');
	height: 16px;
	width: 16px;
	background-repeat: no-repeat;
	margin-right: 10px;
}

.move-cursor {
	cursor: url('../../Content/Images/move-16.png'),url('../../Content/Images/move-16.cur'),auto;
}

.button-left {
	float: left;
}

.padding--none {
	padding: 0;
}

.padding-right--none {
	padding-right: 0;
}

.position--inherit {
	position: inherit;
}

.col80 {
	width: 90%;
	float: left;
}

.col58 {
	width: 58%;
	float: left;
}

.width25 {
	width: 25%;
}

.col32 {
	width: 32%;
	float: left;
}

.margin-right-5,
.mr5 {
	margin-right: 5px;
}

.width100 {
	width: 100% !important;
}

.glyphicon.glyphicon-one-fine-dot {
	overflow-y: hidden;
	top: -2px;
}

	.glyphicon.glyphicon-one-fine-dot:before {
		content: "\25cf";
		font-size: 11px;
	}

#content-tab .glyphicon {
	line-height: normal;
	color: #075095;
}

.back-icon {
	background-image: url('../../Content/Images/arrow-icon.png');
	background-repeat: no-repeat;
	width: 32px;
	height: 32px;
}

.tooltip.top .tooltip-arrow {
	margin-left: 10px;
}

.seperate-line {
	width: 1px;
	height: 20px;
	border-right: 1px solid white;
	position: absolute;
	top: 9px;
	right: 1px;
}

.fixed-bottom {
	position: fixed;
	bottom: 0;
	width: 100%;
	background-color: #e3f1ff;
	padding: 0 0 0 10px;
	color: #075095;
	font-size: 12px;
	z-index: 9999;
}

.home-content .fixed-bottom {
	margin-left: -10px;
}

.margin-0 {
	margin: 0 0 0 0;
}

.font-size-13 {
	font-size: 13px;
}

.dropdown-box {
	font-size: 12px;
	padding-right: 38px;
}

.width80 {
	width: 80%;
}

.width20 {
	width: 20%;
}

.width10 {
	width: 10%;
}

.min-height30 {
	height: auto;
	min-height: 32px;
}

.folder-menu-left-width {
	width: 80%;
}

.m25 {
	margin: 25px;
}

.ml5 {
	margin-left: 5px;
}

.ml10 {
	margin-left: 10px;
}

.ml15 {
	margin-left: 15px;
}

.ml20 {
	margin-left: 20px !important;
}

.ml25 {
	margin-left: 25px !important;
}

.ml30 {
	margin-left: 30px !important;
}

.ml35 {
	margin-left: 35px !important;
}

.ml40 {
	margin-left: 40px !important;
}

.ml45 {
	margin-left: 45px !important;
}

.ml-4 {
	margin-left: -4px !important;
}

.mwn {
	max-width: none !important;
}

.w80 {
	width: 80% !important;
	max-width: 80% !important;
}

.w90 {
	width: 90% !important;
	max-width: 90% !important;
}

.w100 {
	width: 100% !important;
	max-width: 100% !important;
}

.ti-5 {
	text-indent: -5px;
}

.h35 {
	height: 35px;
}

.h38 {
	height: 38px;
}

.h39 {
	height: 39px;
}

.mt5 {
	margin-top: 5px;
}

.mt35 {
	margin-top: 35px !important;
}

.bg-ok {
	background-color: #00c7a5 !important;
}
/*--------------------grid-----------------------------*/

.font-italic {
	font-style: italic;
}

.rowInfo {
	background-image: url('../../Content/Images/info.jpg');
	background-repeat: no-repeat;
	width: 24px;
	height: 19px;
	position: relative;
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
}

#gridController tbody tr[ng-click],
#gridController tbody tr td[ng-click] {
	cursor: pointer;
}

.word-break {
	word-break: break-all;
	word-wrap: break-word;
	-ms-word-wrap: break-word;
}

.ngHeaderContainer {
	width: 100% !important;
}

.ngCanvas {
	width: 100% !important;
}

.ngViewport {
	overflow: visible;
}

.gridStyle {
	font-size: 12px;
	width: 100%;
	background-color: white;
	height: auto;
}

.normal-cell {
	margin-top: 4px !important;
	display: inline-block;
}

.grid-auto {
	height: auto;
}

.grid-xsm {
	overflow-x: hidden;
	overflow-y: auto;
}

.grid-sm {
	height: auto;
}

.ngViewport.ng-scope {
	width: 100% !important;
}

.grid-me {
	height: 650px;
}

.grid-lg {
	height: 800px;
}

.ngHeaderCell {
	border-bottom: 1px solid #d4d4d4;
}

.ngViewport {
	overflow-y: auto;
	overflow-x: hidden;
}

.ngTopPanel {
	background-color: white;
	width: 100% !important;
}

.topmenu-left-panel {
	float: left;
	padding-top: 2px;
	font-size: 12px;
}

.topmenu-right-panel {
	float: right;
	padding-top: 5px;
}

.no-padding-left {
	padding-left: 0 !important;
}

.padding-left-10 {
	padding-left: 10px;
}

.padding-left-20 {
	padding-left: 20px;
}

.padding-left-40 {
	padding-left: 40px;
}

.padding-left-65 {
	padding-left: 65px;
}

.margin-left-0 {
	margin-left: 0;
}

.margin-top--35 {
	margin-top: -35px;
}

.padding-15 {
	padding: 15px;
}

.padding-right-15 {
	padding-right: 15px;
}

.float-left {
	float: left !important;
}

.margin-left-10 {
	margin-left: 10px;
}

.margin-left-40 {
	margin-left: 40px;
}

.margin-left-60 {
	margin-left: 60px;
}

.margin-left-102 {
	margin-left: 102px;
}

.margin-right-10 {
	margin-right: 10px;
}

.margin-right-20 {
	margin-right: 20px;
}

.grid-header {
	border-top: 2px solid #6caae4;
	padding: 5px 15px;
	width: 100%;
}

.panel-default > .panel-heading {
	background-image: none;
}

.panel {
	-webkit-box-shadow: none;
}

.folder-content {
	font-size: 12px;
	overflow-y: auto;
	overflow-x: hidden;
}

#searchContainer .ngViewport.ng-scope {
	height: 500px;
}

#chapterHeaderContainer .ngViewport.ng-scope {
	height: 620px;
}

#groupDocuments .ngViewport.ng-scope {
	max-height: 300px !important;
	height: auto !important;
}

.repdiv {
	width: 19%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.display-inline-flex {
	display: inline-flex;
}

.sorted-ascending {
	background-image: url("../../Content/Images/icon_arrow-up.png");
	background-repeat: no-repeat;
	height: 17px;
	width: 20px;
	position: relative;
	display: inline-block;
}

.sorted-descending {
	background-image: url("../../Content/Images/icon_arrow-down.png");
	background-repeat: no-repeat;
	height: 17px;
	width: 20px;
	position: relative;
	display: inline-block;
}

/********************************************grid-table********************************************/
#gridController {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	align-items: stretch;
}

#gridController {
	box-sizing: inherit;
	-moz-box-sizing: inherit;
}

	#gridController thead {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		align-items: stretch;
	}

	#gridController tbody {
		overflow-y: auto;
		overflow-x: hidden;
	}

#gridController {
	overflow-x: hidden;
}

	#gridController thead > tr, #gridController tbody > tr, #gridController tfoot > tr {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-flex-direction: row;
		-moz-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-flex-wrap: nowrap;
		-moz-flex-wrap: nowrap;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
	}

	#gridController thead, #gridController tfoot {
		-webkit-flex-shrink: 0;
		-moz-flex-shrink: 0;
		-ms-flex-shrink: 0;
		flex-shrink: 0;
	}

    #gridController th, #gridController tbody td {
        overflow-x: hidden;
        text-overflow: ellipsis;
        display: table-cell;
    }

	.text-ellipsis {
		overflow-x: hidden;
		text-overflow: ellipsis;
	}
	#gridController tfoot {
		display: inline-block;
	}

		#gridController tfoot td {
			width: 100%;
		}

	#gridController thead > tr > th {
		border-bottom: 1px solid #dddddd;
	}

.virtual-document {
	font-style: italic !important;
}

.grid-cell {
	white-space: nowrap;
	text-overflow: ellipsis;
}

.show-all-documents {
	position: fixed;
	cursor: pointer;
	bottom: 0;
	font-size: 16px;
	z-index: 999;
	background-color: transparent;
	right: 20px;
	font-size: 12px;
}

.show-all-group-documents {
	position: fixed;
	cursor: pointer;
	bottom: 0;
	font-size: 16px;
	z-index: 99999;
	background-color: transparent;
	right: 20px;
}

.show-all-documents-adjustment {
	bottom: 37px;
}

.table thead > tr > th,
.table tbody > tr > th,
.table tfoot > tr > th,
.table thead > tr > td,
.table tbody > tr > td,
.table tfoot > tr > td {
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 6px;
	padding-right: 6px;
	line-height: 24px;
	vertical-align: middle;
	border-top: 1px solid #dddddd;
}
/*Setting columns style*/

.setting-box-show {
	width: 218px;
	border-top: solid 1px;
	border-left: solid 1px;
	border-right: solid 1px;
	border-color: #999999;
	height: 27px;
	position: absolute;
	z-index: 20;
	background: #ffffff;
	padding-top: 6px;
}

.setting-box-hide {
	width: 305px;
	border: 1px solid #999;
	z-index: 20;
	background: #ffffff;
	position: fixed;
	right: 24px;
	margin-top: 5px;
}

	.setting-box-hide .control-buttons > div {
		padding: 10px 25px;
		text-align: right;
	}

.avoid-custom-page {
	right: 343px !important;
}

.setting-box-title {
	margin-left: 2px;
	color: Black;
}

.setting-dropdown-icon {
	cursor: pointer;
	width: 15px;
	height: 13px;
}

.setting-dropdown-icon-disabled {
	cursor: default;
	width: 15px;
	height: 13px;
}

.setting-box-items {
	border-color: #999999;
	width: 100%;
	overflow: visible;
	margin-top: 5px;
	padding-top: 5px;
}

.setting-box-items-left {
	float: left;
}

.setting-box-items-right {
	float: left;
	padding-right: 10px;
}

.setting-box-main-contain {
	margin-top: 5px;
	margin-left: -1px;
	width: 100%;
	border-left: 1px solid #999;
	background: #fff;
	font-size: 14px;
}

.setting-box-item {
	color: inherit;
	margin-left: 10px;
	line-height: 25px;
}

.grid-panel {
	margin: 10px 0 10px;
}

.header-panel {
	border-bottom: 2px solid #075095;
	padding-bottom: 10px;
}

.row-forced-align-left {
	margin-left: -40px;
}

.tabPage {
	position: relative;
	top: 65px;
}

.menu {
	position: fixed;
	background-color: #075095;
	z-index: 999;
	height: 65px;
}

.max100 {
	width: 100%;
}

.tab-content-header {
	position: fixed;
	width: 100%;
	height: 100%;
	padding-right: 320px; /*320px is the width of slidebar*/
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.scrollable-y {
	overflow-y: auto;
}

.unscrollable-y {
	overflow-y: hidden;
}
/*Collapse-Expand section begin*/
.np-collapse {
	float: left;
	width: 20px;
	height: 20px;
	margin-top: 4px;
	background: url('../../Content/Images/toggle-collapse.png') no-repeat;
}


.np-expand {
	float: left;
	width: 20px;
	height: 20px;
	margin-top: 4px;
	background: url('../../Content/Images/toggle-expand.png') no-repeat;
}

.expandcollapse-item {
	overflow: hidden;
	border-top: 1px solid blue;
}

.expandcollapse-heading-collapsed {
	cursor: pointer;
	padding: 15px 10px;
	position: relative;
	z-index: 100000000;
	background: url('../../Content/Images/toggle-collapse.png') no-repeat;
	float: left;
	margin-top: 4px;
}

.expandcollapse-item:first-of-type {
	border-top: 0px;
}


.expandcollapse-heading-collapsed p {
	font-size: 16px;
	font-weight: normal;
	margin: 0px;
}

.expandcollapse-heading-expanded {
	cursor: pointer;
	padding: 15px 10px;
	position: relative;
	background: url('../../Content/Images/toggle-expand.png') no-repeat;
	float: left;
	margin-top: 4px;
}

	.expandcollapse-heading-expanded p {
		font-size: 16px;
		font-weight: bold;
		margin: 0px;
	}

	.expandcollapse-heading-collapsed > span,
	.expandcollapse-heading-expanded > span {
		position: absolute;
		top: 25px;
		right: 15px;
		font-size: 20px;
		line-height: 0px;
	}

.expand-collapse-content {
	padding: 0;
}


/*
animation:*/

.slideDown.ng-hide {
	height: 0;
	transition: height 0.35s ease;
	overflow: hidden;
	position: relative;
}

.slideDown {
	transition: height 0.35s ease;
	overflow: hidden;
	position: relative;
}

	.slideDown.ng-hide-remove,
	.slideDown.ng-hide-add {
		/* remember, the .hg-hide class is added to element
  when the active class is added causing it to appear
  as hidden. Therefore set the styling to display=block
  so that the hide animation is visible */
		display: block !important;
	}


	.slideDown.ng-hide-add {
		animation-name: hide;
		-webkit-animation-name: hide;
		animation-duration: .5s;
		-webkit-animation-duration: .5s;
		animation-timing-function: ease-in;
		-webkit-animation-timing-function: ease-in;
	}



	.slideDown.ng-hide-remove {
		animation-name: show;
		-webkit-animation-name: show;
		animation-duration: .5s;
		-webkit-animation-duration: .5s;
		animation-timing-function: ease-out;
		-webkit-animation-timing-function: ease-out;
	}
/*Collapse-Endpand section end**/

/*-----------------------Search box---------------------------*/
.topmenu-searchfield {
	position: absolute;
	left: 40px;
	margin-top: 1px;
}

	.topmenu-searchfield .search-mode .tooltip-inner {
		position: absolute;
		left: -70px;
		width: 400px;
	}

.search-box-normal {
	background: url(../../Content/Images/search-32.png) no-repeat 115px;
	padding: 7px 0px 7px 10px;
	background-color: white;
	height: 30px !important;
}

	.search-box-normal:focus {
		background-image: none;
	}

.search-box {
	padding: 10px 25px 10px 10px;
}

input::-ms-clear {
	display: none;
}

input[type=text].search-box {
	height: 33px;
	border: 1px solid #cccccc;
	line-height: 17px;
	width: 250px;
}

.topmenu-searchfield.title-search-mode input[type=text].search-box {
	width: 237px;
}

.topmenu-searchfield.content-search-mode input[type=text].search-box {
	width: 205px;
}

.topmenu-searchfield.title-search-mode .search-image {
	float: left;
	position: relative;
	cursor: pointer;
	top: 1px;
	left: -30px;
}

.topmenu-searchfield.title-search-mode .advance-search-image {
	float: left;
	position: relative;
	cursor: pointer;
	top: 8px;
	left: -30px;
}

.topmenu-searchfield.content-search-mode .search-image {
	float: left;
	position: relative;
	cursor: pointer;
}

.topmenu-searchfield.content-search-mode .advance-search-image {
	float: left;
	padding-top: 8px;
	position: relative;
	left: -1px;
}

.topmenu-searchfield.title-search-mode .metadata-search-image {
	float: left;
	position: relative;
	cursor: pointer;
	top: 8px;
	left: -30px;
}

.topmenu-searchfield.content-search-mode .metadata-search-image {
	float: left;
	padding-top: 8px;
	position: relative;
	left: -1px;
}

.search-panel {
	-webkit-transition: all linear 0.6s;
	transition: all linear 0.6s;
	max-height: 0;
	opacity: 0;
	visibility: hidden;
}

	.search-panel.show {
		max-height: 452px;
		opacity: 1;
		visibility: visible;
	}

.seach-box-contain.hide {
	max-height: 0;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all linear 0.6s;
	transition: all linear 0.6s;
}

.content-search {
	-webkit-transition: all linear 0.6s;
	transition: all linear 0.6s;
	max-height: 0;
	opacity: 0;
	visibility: hidden;
}

	.content-search.show {
		max-height: 100px;
		opacity: 1;
		visibility: visible;
	}

	.content-search div {
		line-height: 50px;
		padding-left: 40px;
	}

	.content-search input[type=text].search-box {
		width: 210px;
		background-position-x: 160px;
	}

	.content-search span {
		margin-right: 10px;
		display: initial !important;
		font-weight: normal !important;
		padding-left: 0 !important;
	}

		.content-search span:hover {
			color: #2C5768 !important;
		}

	.content-search a:hover {
		color: #2C5768 !important;
	}

	.content-search a {
		border: 1px solid #cccccc !important;
	}

	.content-search .btn-group, .btn-group-vertical {
		padding-left: 0;
	}

	.content-search .btn {
		padding: 3px 6px;
		width: 40px;
	}

		.content-search .btn:focus {
			color: none;
			border-radius: 0;
		}

.search-nomatch {
	padding: 10px;
	text-align: center;
	width: 100%;
}

.search-popup-nomatch {
	width: 212px;
	position: absolute;
	z-index: 1024;
	border: 1px solid #cccccc;
	background-color: #f2f2f2;
	top: 35px;
	left: 83px;
	min-height: 50px;
	min-width: 250px;
	white-space: nowrap;
}

.btn-default {
	background-image: none;
}

.padding-top-2 {
	padding-top: 2px;
}

.pt20,
.padding-top-20 {
	padding-top: 20px;
}

.pt5 {
	padding-top: 5px;
}

.pt10,
.padding-top-10 {
	padding-top: 10px;
}

.padding-top-50 {
	padding-top: 50px;
}

fieldset {
	padding: 5px;
	border-bottom: 2px solid #075095;
	background-color: White;
	overflow: hidden;
}

.search-popup {
	width: auto;
	position: absolute;
	z-index: 100;
	border: 1px solid #cccccc;
	background-color: white;
	top: 35px;
	left: 83px;
	min-height: 50px;
	min-width: 250px;
	white-space: nowrap;
}

.popup-item {
	display: table;
	word-break: break-word;
	margin-left: 4px;
	height: 30px;
	line-height: 30px;
	cursor: pointer;
	width: 98%;
}

	.popup-item > div {
		width: auto;
		display: inline-block;
		vertical-align: bottom;
		margin-right: 10px;
	}

	.popup-item:hover {
		background-color: #E3E9EC;
	}

.search-popup .tooltip {
	white-space: normal;
}

.search-panel--showmore {
	margin-top: 10px;
	cursor: pointer;
	text-align: center;
	padding-top: 35px;
}

.popup--active {
	background-color: #E3E9EC;
}

.popup-item:last-child {
	margin-bottom: 10px;
}

/****************************Advance search*******************************/

.advance-search {
	margin: 0;
}

	.advance-search > .row {
		height: 45px;
		line-height: 35px;
	}

.col_label--non_responsive {
	width: 30%;
	float: left;
	padding-left: 5px;
}

.col_field--non_responsive {
	width: 70%;
	float: left;
}

.advance-search input[type=text], select {
	height: 34px;
	border: 1px solid #cccccc;
	line-height: 15px;
	width: 230px;
	padding-left: 5px;
}

.advance-search label {
	font-weight: lighter;
}

.advance-search input[type=text].search-box {
	margin: 10px 0 0 40px;
	height: 35px;
	border: 1px solid #cccccc;
	line-height: 17px;
	width: 250px;
}

.adv-folder-tree {
	position: absolute;
	z-index: 9999;
	border: 1px solid #cccccc;
	background-color: white;
	top: 98px;
	left: 95px;
	white-space: nowrap;
	width: 400px;
	height: 300px;
	overflow: auto;
}

.remove-icon {
	position: absolute;
	top: 26px;
	right: 16px;
	cursor: pointer;
	background: url('../../Content/Images/x_icon.png') no-repeat;
	width: 24px;
	height: 23px;
}

.topmenu-searchfield.title-search-mode .simple-remove-icon {
	position: absolute;
	top: 7px;
	right: 20px;
	cursor: pointer;
	background: url('../../Content/Images/x_icon.png') no-repeat;
	width: 24px;
	height: 23px;
	z-index: 1000;
}

.topmenu-searchfield.content-search-mode .simple-remove-icon {
	position: absolute;
	top: 7px;
	right: 0;
	cursor: pointer;
	background: url('../../Content/Images/x_icon.png') no-repeat;
	width: 24px;
	height: 23px;
	z-index: 1000;
}

.remove-icon-dropdown {
	top: 8px;
	right: 51px;
}

.remove-icon-fromDate {
	top: 117px;
	right: 37px;
}

.remove-icon-toDate {
	top: 162px;
	right: 37px;
}

/*-----------------------Rounded checkbox---------------------------*/
input[type="checkbox"].checkbox--rounded {
	visibility: hidden;
	position: absolute;
	z-index: -1000;
	left: -1000px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	height: 1px;
	width: 1px;
	margin: -1px;
	padding: 0;
	border: 0;
}

.checkbox--round {
	width: 14px;
	height: 14px;
	background: white;
	margin: 0 0 10px 30px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	-webkit-box-shadow: inset 0px 1px 1px white, 0px 0px 1px black;
	-moz-box-shadow: inset 0px 1px 1px white, 0px 0px 1px black;
	box-shadow: inset 0px 1px 1px white, 0px 0px 1px black;
	position: relative;
}

label.label--rounded {
	cursor: pointer;
	position: absolute;
	width: 10px;
	height: 10px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	left: 2px;
	top: 2px;
	-webkit-box-shadow: inset 0px 0px 0px white, 0px 1px 0px rgba(255,255,255,1);
	-moz-box-shadow: inset 0px 0px 0px white, 0px 1px 0px rgba(255,255,255,1);
	box-shadow: inset 0px 0px 0px white, 0px 1px 0px rgba(255,255,255,1);
	z-index: 1;
}

	label.label--rounded:after {
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: alpha(opacity=0);
		opacity: 0;
		content: '';
		position: absolute;
		left: 0;
		width: 10px;
		height: 10px;
		background: -webkit-linear-gradient(top, #222 0%, #45484d 100%);
		background: -moz-linear-gradient(top, #222 0%, #45484d 100%);
		background: -o-linear-gradient(top, #222 0%, #45484d 100%);
		background: -ms-linear-gradient(top, #222 0%, #45484d 100%);
		background: linear-gradient(top, #222 0%, #45484d 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222', endColorstr='#45484d',GradientType=0 );
		-webkit-border-radius: 50px;
		-moz-border-radius: 50px;
		border-radius: 50px;
	}

.checkbox--round input[type=checkbox]:checked + label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}

.round-label-description {
	width: 190px;
	top: -27px;
	position: relative;
	left: -20px;
	font-weight: lighter;
	z-index: 0;
}

/* SQUARED FOUR */
.squaredFour {
	width: 75px;
	position: absolute;
	top: 7px;
	left: 217px;
}

	.squaredFour label {
		cursor: pointer;
		position: absolute;
		width: 25px;
		height: 22px;
		border-radius: 5px;
		-webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
		-moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
		box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
		background: white;
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 );
	}

		.squaredFour label:after {
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
			filter: alpha(opacity=0);
			opacity: 0;
			content: '';
			position: absolute;
			width: 20px;
			height: 11px;
			background: transparent;
			top: 4px;
			left: 4px;
			border: 3px solid #333;
			border-top: none;
			border-right: none;
			-webkit-transform: rotate(-45deg);
			-moz-transform: rotate(-45deg);
			-o-transform: rotate(-45deg);
			-ms-transform: rotate(-45deg);
			transform: rotate(-45deg);
		}

		.squaredFour label:hover::after {
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
			filter: alpha(opacity=30);
			opacity: 0.5;
		}

	.squaredFour input[type=checkbox] {
		visibility: hidden;
		position: absolute;
		z-index: -1000;
		left: -1000px;
		overflow: hidden;
		clip: rect(0 0 0 0);
		height: 1px;
		width: 1px;
		margin: -1px;
		padding: 0;
		border: 0;
	}

		.squaredFour input[type=checkbox]:checked + label:after {
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
			filter: alpha(opacity=100);
			opacity: 1;
		}

.squaredFour-label {
	color: white;
	position: absolute;
	top: 8px;
	left: 285px;
	width: 125px;
	font-size: 15px;
}

/*-----------------------Button---------------------------*/
.button-search {
	background-color: #075095;
	width: 70px;
	margin-left: 40px;
}

	.button-search label {
		display: block;
		margin-left: -7px;
		color: white;
		cursor: pointer;
		text-indent: 5px;
		text-align: center;
	}

.top-menu-button {
	float: left;
	margin-right: 5px;
	cursor: pointer;
	width: 32px;
	height: 32px;
}

span.hide-link-text, label.hidden-label {
	display: none !important;
}

a:focus.top-menu-button, a:hover.top-menu-button {
	text-decoration: none;
}

.cursor-disable {
	cursor: not-allowed;
}

.button-favorite {
	background-image: url(../../Content/Images/blue-star-32.png);
	width: 32px;
	height: 32px;
}

.button-favorited {
	background-image: url(../../Content/Images/blue-star-selected-32.png);
	width: 32px;
	height: 32px;
}

.disabled {
	background-color: darkgray;
	opacity: 0.3;
	cursor: default;
}

.email-subscribe {
	background-image: url(../../Content/Images/blue-mail2-32.png);
}

.email-subscribed {
	background-image: url(../../Content/Images/blue-mail-selected2-32.png);
}

.email-subscribe-folder-rec {
	background-image: url(../../Content/Images/blue-mail-folderrecursive.png);
}

.email-subscribed-folder-rec {
	background-image: url(../../Content/Images/blue-mail-folderrecursive-selected.png);
}

.email-subscribe-folder {
	background-image: url(../../Content/Images/blue-mail-folder.png);
}

.email-subscribed-folder {
	background-image: url(../../Content/Images/blue-mail-folder-selected.png);
}

.topmenu-searchfield span.input-group-btn button {
	padding: 0;
	width: 28px;
	height: 26px;
	left: -29px;
}

/******************datepicker*******************************/
.advance-search span.input-group-btn {
	display: table-cell;
	padding: 0;
}

	.advance-search span.input-group-btn button {
		padding: 0;
		width: 28px;
		height: 26px;
		left: -30px;
	}

.advance-search table {
	width: 97%;
}

	.advance-search table:focus {
		outline: none;
	}

	.advance-search table thead > tr > th,
	.advance-search table tbody > tr > th,
	.advance-search table tfoot > tr > th,
	.advance-search table thead > tr > td,
	.advance-search table tbody > tr > td,
	.advance-search table tfoot > tr > td {
		padding: 1px;
		line-height: 12px;
		vertical-align: top;
	}

		.advance-search table tbody > tr > td button {
			padding: 4px 8px;
		}

			.advance-search table tbody > tr > td button.btn-sm {
				padding: 4px 8px;
				width: 96% !important;
			}

		.advance-search table thead > tr > th button.btn-sm {
			padding: 3px 7px;
			margin-left: 5px;
			width: 90% !important;
		}

.advance-search ul {
	left: -55px !important;
}

	.advance-search ul li {
		background-color: white !important;
		border-bottom: none !important;
		text-indent: 5px !important;
		width: 282px;
	}

		.advance-search ul li span {
			padding: 0;
		}

.adv-folder-tree ul li {
	width: auto;
	padding-right: 5px;
}

	.adv-folder-tree ul li:last-child {
		padding-bottom: 0px;
	}
/******************Highlight**************/
.ui-match {
	margin: 0 !important;
	background-color: yellow;
}

.match-focus {
	background-color: blue;
	color: white;
}

.padding-right-20 {
	padding-right: 20px;
}

/*-------------------Print box------------*/
.print-box {
	width: 200px;
	border-color: #999999;
	z-index: 9999;
	background: #ffffff;
	position: absolute;
	right: 18px;
}

.width-220 {
	width: 220px !important;
}

/*#print-box2.print-box.avoid-custom-page {
    right: 337px;
}*/

.print-box-items {
	border-top: solid 1px;
	border-color: #999999;
	width: 100%;
	overflow: visible;
	padding: 5px 5px 5px 5px;
}

.print-box-main-contain {
	margin-top: -3px;
	margin-left: -1px;
	width: 100%;
	border-bottom: solid 1px;
	border-left: solid 1px;
	border-right: solid 1px;
	border-color: #999999;
	background: #ffffff;
	font-size: 14px;
	margin-top: 5px;
}

.padding-left-5 {
	padding-left: 5px;
}

/*-----------------------Error and message----------------------------*/
.error-panel--non-privilege {
	margin-top: -70px;
}

/*-----------------------Favorite setting field----------------------------------------*/

.favorite-field-header {
	border-bottom: 2px solid #026FC1;
	padding: 0 0 1px 0;
	margin: 20px 10px 0 10px;
}

.favorite-field-body {
	padding: 0 20px 0 20px;
	min-height: 300px;
}

.favorite-field-footer {
	border-top: 1px solid silver;
	text-align: right;
	margin: 10px 10px 5px 10px;
	padding-top: 5px;
}

.favorite-setting-field {
	height: 15px;
}

.manage-favorite-setting-icon {
	float: right;
	margin-right: 6px;
	height: 32px;
	background-image: url('../../Content/Images/menu-setting-32.png');
	width: 32px;
}

.modal-header > .nav.nav-tabs {
	padding-left: 0;
}

#manageFavoriteTab.nav-tabs {
	background-color: white;
}

.nav-tabs > li > a.manage-favorite-tab {
	line-height: 10px !important;
	width: 90px;
	border-radius: 1px;
	border: none;
	color: black;
	padding-left: 0;
	background-color: white;
	text-align: center;
}

	.nav-tabs > li > a.manage-favorite-tab:hover {
		padding-left: 0;
		color: white;
		background-color: #026FC1;
		-webkit-border-top-right-radius: 9px !important;
		-moz-border-radius-topright: 9px !important;
		border-top-right-radius: 9px !important;
	}

.nav-tabs > li.active > a.manage-favorite-tab, .nav-tabs > li.active > a.manage-favorite-tab:hover, .nav-tabs > li.active > a.manage-favorite-tab:focus {
	color: white;
	background-color: #026FC1;
	border: none;
	border-left: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
	border-bottom-color: transparent;
	-webkit-border-top-right-radius: 9px !important;
	-moz-border-radius-topright: 9px !important;
	border-top-right-radius: 9px !important;
}

.modal-body > .tab-content > div > ul > li {
	display: inline;
	margin-bottom: 1px;
}

.folder-5-icon {
	background-image: url("../../Content/Images/folder-blue-24px.png");
	background-repeat: no-repeat;
	padding-left: 30px;
	line-height: 24px;
	background-position: left top;
}

.folder-6-icon {
	background-image: url("../../Content/Images/folder-orange-24px.png");
	background-repeat: no-repeat;
	padding-left: 30px;
	line-height: 24px;
	background-position: left top;
}

.folder-7-icon {
	background-image: url("../../Content/Images/folder-green-24px.png");
	background-repeat: no-repeat;
	padding-left: 30px;
	line-height: 24px;
	background-position: left top;
}

.folder-8-icon {
	background-image: url("../../Content/Images/folder-regional-24px.png");
	background-repeat: no-repeat;
	padding-left: 30px;
	line-height: 24px;
	background-position: left top;
}

.document-1-icon {
	background-image: url("../../Content/Images/document_24.png");
	background-repeat: no-repeat;
	padding-left: 30px;
	line-height: 24px;
	background-position: left top;
}

.document-2-icon {
	background-image: url("../../Content/Images/document_link_24.png");
	background-repeat: no-repeat;
	padding-left: 30px;
	line-height: 24px;
	background-position: left top;
}

.document-3-icon {
	background-image: url("../../Content/Images/document_fil_24.png");
	background-repeat: no-repeat;
	padding-left: 30px;
	line-height: 24px;
	background-position: left top;
}

.document-4-icon {
	background-image: url("../../Content/Images/document_shortcut_24.png");
	background-repeat: no-repeat;
	padding-left: 30px;
	line-height: 24px;
	background-position: left top;
}

.document-search-icon {
	width: 16px;
	height: 16px;
}

.folder-search-icon {
	width: 16px;
	height: 16px;
}

.delete-icon.manage-favorite {
	float: right;
}

[ng-drop].drag-enter {
	height: 50px;
}

	[ng-drop].drag-enter.current-drag {
		height: auto;
	}

[ng-drag].dragging {
	opacity: 0.5;
	height: 24px;
}

.no-item-droppable-area {
	height: 30px;
}

/*-----------------------------Confirm dialog-------------------------------*/

.confirm-body {
	padding: 20px;
}

.confirm-footer {
	text-align: right;
	padding-right: 20px;
}

.confirm-header {
	background-color: #428bca;
	color: white;
	padding-left: 20px;
}

/*------------------------Loading bar-------------------------------------*/
#loading-bar,
#loading-bar-spinner {
	pointer-events: none;
	-webkit-pointer-events: none;
	-webkit-transition: 350ms linear all;
	-moz-transition: 350ms linear all;
	-o-transition: 350ms linear all;
	transition: 350ms linear all;
}

	#loading-bar.ng-enter,
	#loading-bar.ng-leave.ng-leave-active,
	#loading-bar-spinner.ng-enter,
	#loading-bar-spinner.ng-leave.ng-leave-active {
		opacity: 0;
	}

		#loading-bar.ng-enter.ng-enter-active,
		#loading-bar.ng-leave,
		#loading-bar-spinner.ng-enter.ng-enter-active,
		#loading-bar-spinner.ng-leave {
			opacity: 1;
		}

	#loading-bar .bar {
		-webkit-transition: width 350ms;
		-moz-transition: width 350ms;
		-o-transition: width 350ms;
		transition: width 350ms;
		background: #29d;
		position: fixed;
		z-index: 10002;
		top: 0;
		left: 0;
		width: 100%;
		height: 2px;
		border-bottom-right-radius: 1px;
		border-top-right-radius: 1px;
	}

	/* Fancy blur effect */
	#loading-bar .peg {
		position: absolute;
		width: 70px;
		right: 0;
		top: 0;
		height: 2px;
		opacity: .45;
		-moz-box-shadow: #29d 1px 0 6px 1px;
		-ms-box-shadow: #29d 1px 0 6px 1px;
		-webkit-box-shadow: #29d 1px 0 6px 1px;
		box-shadow: #29d 1px 0 6px 1px;
		-moz-border-radius: 100%;
		-webkit-border-radius: 100%;
		border-radius: 100%;
	}

#loading-bar-spinner {
	display: block;
	position: fixed;
	z-index: 10002;
	top: 50%;
	left: 50%;
}

	#loading-bar-spinner .spinner-icon {
		width: 55px;
		height: 54px;
		background-image: url("../../Content/Images/loading.gif");
	}

/* Absolute Center Spinner */
#ng-loading-spinner {
	position: fixed;
	z-index: 10002;
	height: 2em;
	width: 2em;
	margin: auto;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

	/* Transparent Overlay */
	#ng-loading-spinner:before {
		content: '';
		display: block;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0,0,0,0.2);
	}

	#ng-loading-spinner .spinner-icon {
		width: 55px;
		height: 54px;
		background-image: url("../../Content/Images/loading.gif");
	}

/*-------------------------------pin icon---------------------------------------*/
.pin-icon {
	background-image: url("../../Content/Images/pin-blue-24px.png");
	width: 24px;
	height: 24px;
	position: absolute;
	right: 25px;
	top: 20px;
	cursor: pointer;
	border-radius: 50%;
}

	.pin-icon.pin-toggle {
		background-image: url("../../Content/Images/unpin-blue-24px.png");
	}

/*-------------------------------news on startpage-----------------------------*/
.news-contain {
	margin-top: 25px;
	display: block;
	overflow-x: auto;
}

#whatNewContainer, #updatedFavoriteContainerPage {
	margin-left: 10px;
}

.news-item {
	margin-top: 10px;
	font-family: sans-serif;
	font-size: 13px;
}

.news-header {
}

.news-title {
	font-weight: bold;
	font-size: 17px;
	color: #474747;
}

	.news-title:hover {
		text-decoration: underline;
	}

.news-ingress {
}

.news-body {
}

.news-more {
	color: #428bca;
}

	.news-more:hover {
		text-decoration: underline;
	}

.news-footer {
}

.news-showmore {
	font-size: 13px;
	margin-top: 10px;
	text-align: center;
}

.news-goback {
	background-image: url("../../Content/Images/arrow-icon.png");
	background-repeat: no-repeat;
	width: 32px;
	height: 32px;
	font-size: 15px;
	padding-left: 27px;
	padding-top: 4px;
	margin-bottom: 10px;
}

.news-detail-contain {
	padding-top: 20px;
	margin-left: 35px;
	margin-right: 35px;
}

.news-detail-title {
	font-size: 24px;
	font-weight: bold;
	margin: 10px 0;
}

.news-detail-ingress {
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 10px;
}

.news-detail-body {
	font-size: 12pt;
}

.bottom-underline {
	border-bottom: 1px solid silver;
}

.news-pagging-contain {
	margin-top: 10px;
}

.news-navigator {
	margin-left: 5px;
	padding: 0 6px;
}

.pagination > li > a, .pagination > li > span {
	border: none;
}

.btn-manage-favorite {
	background-color: #3e8f3e;
	color: white;
	margin-left: 2px;
}

.menu-group-contain {
	height: auto;
	min-height: 65px;
	padding-bottom: 20px;
}

/*-------------------------------collapse --------------------------------------*/
.collapse-arrow {
	background-image: url("../../Content/Images/icon_arrow-up.png");
	background-repeat: no-repeat;
	float: right;
	height: 24px;
	width: 24px;
}

.collapsed-arrow {
	background-image: url("../../Content/Images/icon_arrow-down.png");
	background-repeat: no-repeat;
	float: right;
	height: 24px;
	width: 24px;
}

.collapsed {
	height: 0;
	transition: height 0.85s ease;
	overflow: hidden;
}

/*-------------------------------login ----------------------------------------*/
.quick-login, .quick-login:hover, .quick-login:target, .quick-login:active {
	float: right;
	color: white;
	padding-top: 9px;
	text-decoration: none;
}

.anonymous, .anonymous:hover, .anonymous:target, .anonymous:active {
	float: right;
	padding: 10px 5px 0 0;
	color: #fff;
	text-decoration: none;
	width: 100px;
}

.anonymous-seperate-line {
	border-right: 1px solid #fff;
	padding-left: 10px;
}

.advance-search-footer .tooltip.top .tooltip-arrow {
	left: 44%;
}

.search-icon {
	background: url(../../Content/Images/search-32.png) no-repeat;
	position: absolute;
	right: 1px;
	width: 32px;
	height: 32px;
	float: right;
	cursor: pointer;
	background-color: white;
	margin-top: 2px;
}

.icon_arrow-down {
	background: url(../../Content/Images/icon_arrow-down.png) no-repeat;
	background-color: white;
	position: absolute;
	right: 31px;
	width: 25px;
	height: 25px;
	float: right;
	cursor: pointer;
	margin-top: 7px;
	top: 0;
}

.search-result-search-more {
	display: inline-block;
}

	.search-result-search-more .icon_arrow-down {
		right: 5px;
		margin-top: 2px;
	}

	.search-result-search-more input[datepicker-popup] {
		width: 150px;
	}

/*---------------------------------------------------------------------BREADCRUMBS------------------------------------------------------------------------------*/

.np-breadcrumbs {
	font-size: 15px;
	font-family: Calibri;
}

.np-breadcrumbs-subs {
	position: relative;
	display: inline-block;
	vertical-align: middle;
}

.np-breadcrumbs-subs-dropdown {
	max-height: 300px;
	overflow-x: auto;
	min-width: 260px;
}

a.no-decoration, a.no-decoration:hover, a.no-decoration:active {
	text-decoration: none;
}

.tc-iconbook {
	color: #075095 !important;
}

.tc-white {
	color: white !important;
}

.vtca-b {
	vertical-align: bottom !important;
}

.vtca-s {
	vertical-align: sub !important;
}

.f-default {
	font-family: Calibri,'Open Sans', Helvetica, Arial, 'sans-serif' !important;
}

.fs20 {
	font-size: 20px;
}

.fs24 {
	font-size: 24px;
}

.fs28 {
	font-size: 28px;
}

.fs16 {
	font-size: 16px !important;
}

.fs15 {
	font-size: 15px !important;
}

.fs14 {
	font-size: 14px !important;
}

.fs13 {
	font-size: 13px !important;
}

.fs12 {
	font-size: 12px !important;
}

.fs10 {
	font-size: 10px !important;
}

.fstl-n {
	font-style: normal !important;
}

.input-group {
	display: flex;
}

	.input-group input {
		padding-right: 42px !important;
	}

.chapter-combo {
	display: table;
}

	.chapter-combo .icon_arrow-down {
		right: 3px;
	}

	.chapter-combo .remove-icon-dropdown {
		right: 25px;
	}

.input-group-firefox-display {
	display: -moz-inline-box;
}

.link-backend-icon {
	background-image: url(../../Content/Images/backend-link-icon.png);
	background-repeat: no-repeat;
	height: 30px;
	background-position: 99% 6px;
	width: 30px;
	position: absolute;
	right: 5px;
	top: -1px;
}

.fullScreen {
	cursor: pointer;
}

.fullScreen-height {
	height: 94% !important;
	top: 0;
}

.toggle-sidebar.hidesidebar, #sidebar-wrapper.hidesidebar {
	width: 0px !important;
	overflow-y:hidden;
}

#wrapper.hidesidebar {
	padding-left: 0;
}

.tab-content-header.hidesidebar {
	padding-right: 0 !important;
}

#resizeBar.hidesidebar {
	display: none !important;
}

.font-size-text-feedback {
	font-size: 11px;
}

.opacity-0-5 {
	opacity: 0.5;
}

/*-------------------------------navigate sidebar------------------------------*/
.navigate-button {
	background-image: url(../../Content/Images/blue-navigate-to-32.png);
	width: 32px;
	height: 32px;
}

.shareurl-button {
	background-image: url(../../Content/Images/blue-share-32.png);
	width: 32px;
	height: 32px;
}
/*CSS for directives*/

.dropdown-list {
	position: relative;
}

	.dropdown-list .input-group {
		border: 5px solid #fff;
	}

		.dropdown-list .input-group input[type='text'] {
			background: #ccc;
			color: #555;
			width: 100%;
			-webkit-box-shadow: none;
			box-shadow: none;
			cursor: pointer;
			border: 0;
		}

			.dropdown-list .input-group input[type='text']:focus {
				border: 0;
			}

		.dropdown-list .input-group span {
			background: #ccc;
			color: #000;
			padding: 0;
			cursor: pointer;
		}

		.dropdown-list .input-group .remove {
			min-width: 15px;
		}

		.dropdown-list .input-group .dropdown {
			min-width: 30px;
		}

	.dropdown-list .item-list {
		position: absolute;
		z-index: 9999;
		left: 0;
		right: 0;
	}

		.dropdown-list .item-list button {
			border: 0;
		}

		.dropdown-list .item-list input[type='text']:focus {
			outline: 0;
		}

		.dropdown-list .item-list ul {
			border: 5px solid #fff;
			max-height: 250px;
			background: #e6e6e6;
			color: #555;
			padding: 0;
			overflow: auto;
		}

			.dropdown-list .item-list ul li {
				padding: 5px 0 5px 15px;
			}

				.dropdown-list .item-list ul li:hover {
					background: #ccc;
					cursor: pointer;
				}

				.dropdown-list .item-list ul li[disabled='disabled'] {
					background: #ddd;
					cursor: not-allowed;
				}

				.dropdown-list .item-list ul li span {
					padding-right: 5px;
				}

.button-dropdown {
	position: absolute;
	right: 30px;
	z-index: 9;
}

.tree-background {
	background-color: #00283A;
}

.tree-nav {
	position: absolute;
	z-index: 9999;
	opacity: 500;
	background-color: #00283a;
	width: 500px;
	height: 500px;
	overflow: auto;
	border: 1px solid #999999;
	border-radius: 5px;
	margin-top: 2px;
	top: 33px;
}

.dpt-tree-nav {
	position: absolute;
	z-index: 9999;
	opacity: 500;
	background-color: #fff;
	max-width: 500px;
	width: 230px;
	max-height: 400px;
	overflow: auto;
	border: 1px solid #999999;
	border-radius: 5px;
	right: 30px;
}

#departmentSelectionClear {
	position: absolute;
	right: 60px;
	top: 0px;
	bottom: 1px;
	height: 14px;
	margin: auto;
	font-size: 14px;
	cursor: pointer;
	color: #666666;
}

.popup-dropdown {
	margin-top: 0px;
	right: 0px;
	max-height: 240px;
	overflow-y: auto;
	width: 100%;
}

.item-dropdown-popup {
	padding: 2px 2px 2px 15px;
	line-height: 20px;
}

.popup-item--active {
	background-color: #E3E9EC;
}

.search-result-search-more #departmentSelectionClear {
	right: 30px;
}

.search-result-search-more #inputSelect {
	height: 31px;
}

.padding-left-25 {
	padding-left: 25px !important;
}

.padding-bottom-9 {
	padding-bottom: 8px !important;
}

/*End CSS for directives*/

.refresh-tree-button {
	position: absolute;
	right: 15px;
	margin-top: -30px;
	z-index: 100;
	cursor: pointer;
	color: #3d6776;
}

.message-bottom-search {
	padding: 10px 10px 10px 5px;
	font-size: 12px;
}

.group-collapse-arrow {
	float: left;
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 11px solid white;
	margin: 7px 18px 0px 0px;
}

.group-collapsed-arrow {
	float: left;
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 11px solid white;
	margin: 7px 18px 0px 0px;
}

.prn {
	padding-right: 0 !important;
}

.pln {
	padding-left: 0 !important;
}

.pl5 {
	padding-left: 5px !important;
}
/*------------------------------- Overwrite bootstrap styles ------------------*/

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

.modal-body .popup-dropdown {
	right: 30px;
	width: 89%;
}

.modal-body .adv-folder-tree {
	width: 400px;
}

.table-css {
	display: table;
}

.table-row {
	display: table-row;
}

.table-cell {
	display: table-cell;
	padding-right: 5px;
}

#gridController a {
	color: #000000;
}

	#gridController a:hover {
		text-decoration: none;
	}

td {
	padding-left: 5px;
}

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

.setting-column-item {
	padding-top: 3px;
	padding-bottom: 3px;
}

	.setting-column-item input {
		float: right;
		margin-right: 5px !important;
		margin-top: 4px
	}

.reading-receipt-icon {
	color: white;
	cursor: pointer;
	font-size: 2.1em;
	padding-top: 5px;
	padding-left: 6px;
	position: absolute;
	top: -18px;
	right: 11px;
}

.box-language {
	color: white;
	cursor: pointer;
	padding-top: 5px;
	padding-left: 6px;
	position: absolute;
	top: 0;
	right: 2px;
	cursor: pointer;
}

.arrow-language {
	right: 0px;
	padding-top: 3px;
	color: black;
}

.dropdown-language {
	right: 0px !important;
	left: inherit;
	width: 200px;
	top: 25px;
	padding-left: 10px;
	margin-bottom: 2px;
}

#languageid:hover {
	background-color: transparent !important;
	background-image: none;
	cursor: default;
}

.flag-icon-language {
	margin: 0;
	padding: 0;
	float: left;
	background-color: white;
	border: none;
	height: 22px;
}

	.flag-icon-language span {
		margin: 0;
		padding: 0;
		float: left;
		width: 78px;
		text-align: left;
		padding-left: 5px;
		padding-top: 1px;
	}

	.flag-icon-language img {
		width: 26px;
		float: left;
	}

.flag-english {
	height: 21px;
}

.label-english {
	width: 50px !important;
}

.icon-language {
	width: 26px;
	height: 21px;
	cursor: pointer;
	z-index: 9999;
}

.exporter-options {
	padding: 20px;
	background: #E3E3E3;
}

/*----------------------------- End overwrite bootstrap styles ----------------*/

/*-------------------------------media ----------------------------------------*/
@media(max-width:1028px) {
	.modal-body .adv-folder-tree {
		left: 0px;
		width: 100%;
	}
}

@media(max-width:980px) {
	.avoid-custom-page {
		right: 24px !important;
	}

	#print-box2.print-box.avoid-custom-page {
		right: 20px;
	}

	.pin-icon {
		display: none;
	}
}

@media(max-width:480px) {

	.btn-recommened-mobile {
		margin-bottom: 5px;
	}

	#myAssessment .margin-left-50 {
		margin-left: 10px;
	}

	#myAssessment .margin-left-10 {
		margin-left: 0;
	}

	input[type=text].search-box {
		width: 135px;
	}

	.font-size-11 {
		font-size: 11px;
	}

	.advance-search input[type=text].search-box {
		background-position-x: 210px;
	}

	.search-box {
		background-position-x: 140px;
	}

	.squaredFour {
		left: 140px;
	}

	.squaredFour-label {
		left: 210px;
	}

	.nav-tabs > li > a.manage-favorite-tab {
		width: 85px;
	}

	.btn-manage-favorite {
		padding: 6px 3px;
		font-size: 12px;
	}

	.delete-icon {
		margin-right: 4px;
		margin-top: 7px;
	}

	.document-1-icon,
	.document-2-icon,
	.document-3-icon,
	.document-4-icon,
	.folder-5-icon,
	.folder-6-icon,
	.folder-7-icon {
		line-height: 30px;
	}

	.navbar-toggle {
		margin-right: 2px;
	}

	.search-icon {
		background-position: -6px;
		width: 24px;
	}
}

@media(max-width:390px) {
	.squaredFour label, .squaredFour-label {
		display: none;
	}



	.margin-0 {
		margin: 0 0 0 0;
	}
}

.button-search-top-toggle {
	margin-top: -7px;
	height: 33px;
	cursor: pointer;
	margin-right: 10px;
}

.modal-sm {
	width: 362px;
	float: left;
	margin-left: 46px;
	margin-top: 6px;
	z-index: 9999;
}

	.modal-sm .modal-body {
		padding: 20px 0px 0px 0px;
	}

	.modal-sm .modal-content {
		background-color: #BEDEFD;
	}

.advance-search-header {
	padding: 0 0 1px 0;
	margin: 20px 10px 0 0;
}

.advance-search-text {
	color: #075095;
	padding-left: 25px;
}

.advance-search-footer {
	text-align: right;
	margin: -15px 14px 12px 10px;
}

.btn-advance-search {
	background-color: #075095;
	color: white;
	width: 72px;
	margin-top: 20px;
}

.btn-datepicker {
	border: none;
	position: relative;
	top: 0px;
	display: inline-block;
	line-height: 0;
	background-image: url("../../Content/Images/icon_calendar.png");
	background-repeat: no-repeat;
	background-position: -3px -3px;
}

.input-group-btn .btn-default:hover, .input-group-btn .btn-default:focus {
	background-color: none;
	background-position: -3px -3px;
}

.padding-input-text {
	padding: 6px 22px 6px 6px;
}

.input-group-btn .btn-default {
	text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
	-webkit-box-shadow: none;
	box-shadow: none;
}

.advance-search select {
	-webkit-appearance: none;
	-moz-appearance: none;
	background: url('../../Content/Images/icon_down.png') no-repeat;
	background-attachment: initial;
	background-size: contain;
	background-position: 117px 1px;
	background-color: white;
	padding-right: 18px;
}

.margin-left-0 {
	margin-left: 0px;
}

.about-border-left {
	border-left: solid 3px;
	border-color: #075095;
	color: #075095;
}

.topmenu-searchfield .search-mode {
	float: left;
	padding-top: 7px;
}

.search-result-page {
	clear: both;
	padding-left: 10px;
}

	.search-result-page input, .chapter-content #tab3 input {
		padding: 5px;
	}

	.search-result-page .search-button, .chapter-content .search-button {
		padding: 6px;
		background-color: #fff;
		color: #075095;
		border: 1px solid #075095;
	}
	/* UU design */
	.search-result-page .btn-disabled:hover {
		background-color: #075095;
		color: #fff;
	}

	.search-result-page .search-button:hover, .chapter-content .search-button:hover {
		background-color: #fff;
		color: #075095;
	}

	.search-result-page .btn-disabled {
		opacity: 1 !important;
		background-color: #075095;
		color: #fff;
	}

	.search-result-page button[type="submit"], .search-result-page button[type="submit"]:hover, .chapter-content button[type="submit"], .chapter-content button[type="submit"]:hover {
		background-color: #075095;
		color: #fff;
	}
/* End UU */

.padding-folder-search {
	padding-top: 2px !important;
	padding-bottom: 2px !important;
}

.search-result-search-more button.btn-datepicker {
	width: 28px;
	height: 26px;
	position: relative;
	top: 2px;
	left: -30px;
}

.search-result-search-more div.filter-label {
	float: left;
	padding-top: 6px;
	margin-right: 15px;
	width: 65px;
}

.search-result-search-more .padding-element {
	padding-bottom: 10px;
	padding-right: 10px;
}

.search-result-search-more table[ng-switch-when='year'] tr td,
.search-result-search-more table[ng-switch-when='year'] tr td button.btn-default {
	width: 94px !important;
	height: 32px !important;
}

.search-result-search-more table[ng-switch-when='month'] tr td,
.search-result-search-more table[ng-switch-when='month'] tr td button.btn-default {
	width: 94px !important;
	height: 32px !important;
}

.search-result-search-more table[ng-switch-when='day'] tr td,
.search-result-search-more table[ng-switch-when='day'] tr td button.btn-default {
	width: 38px !important;
	height: 32px !important;
}

.search-result-search-more .datepicker .remove-icon-fromDate,
.search-result-search-more .datepicker .remove-icon-toDate {
	top: 5px;
	right: 33px;
}

.attachment-icon {
	background: url('/Content/Images/attach-32.png');
	cursor: pointer;
	display: inline-block;
	width: 24px;
	height: 24px;
}

.attachment-tooltip .header {
	color: #ffd800;
	font-weight: bold;
	min-height: 22px;
	margin-top: 5px;
}

.attachment-tooltip div a {
	color: #fff !important;
}

.btn-disabled {
	background-color: darkgray;
	opacity: 0.3;
}

.np-breadcrumbs a img.home-icon {
	width: 24px;
	vertical-align: top
}

#reading-list-container .grid-setting, #hearings-container .grid-setting {
	float: right;
	padding-top: 5px;
	position: relative;
}

.font-bold {
	font-weight: bold;
}

.p-text-ellipsis {
	display: inline-block;
	text-overflow: ellipsis;
	width: auto;
	overflow: hidden;
	margin-bottom: 0px;
	white-space: nowrap;
}

.nav.nav-tabs li a span.quantity {
	border-radius: 50%;
	width: 22px;
	height: 22px;
	background: red;
	color: #fff;
	text-align: center;
	font-size: 14px;
	display: inline-block;
}

li#reading-list-tab a {
	width: 145px;
}

.common-setting-box-item {
	color: inherit;
	margin-left: 10px;
	line-height: 25px;
	width: 45%;
	float: left;
}

.home-hearings {
	margin-left: -20px;
	width: 130px;
}

#hearings-tab .typcn-message:before, #document-hearing .typcn-message:before {
	font-size: 30px;
	margin-top: -4px;
}

.rowcssgird {
	cursor: auto !important;
}

.tc-handbook {
	color: #036CAF;
}

.startpage-news {
	font-size: 15px;
	margin-bottom: 15px;
}

	.startpage-news .group-collapse-arrow,
	.startpage-news .group-collapsed-arrow {
		margin: 5px 8px 0 0;
	}

	.startpage-news .news-group-title {
		height: 40px;
		padding: 10px;
		background-color: #075095;
		color: #fff;
		font-weight: 700;
	}


	.startpage-news .expanded-news .news-group-title .show-more a {
		color: #fff !important;
		font-weight: normal;
	}

	.startpage-news .collapsed-news .news-item {
		border-right: 2px solid #00283a;
		padding: 0 10px;
		margin-top: 13px;
		font-weight: 700;
	}

		.startpage-news .collapsed-news .news-item a {
			color: #666 !important;
		}

	.startpage-news .collapsed-news .show-more {
		padding-left: 10px;
		margin-top: 10px;
	}

		.startpage-news .collapsed-news .show-more a {
			color: #666 !important;
		}

	.startpage-news .expanded-news .news-item,
	.startpage-news .expanded-news .read-more {
		padding-left: 10px;
		padding-right: 10px;
		margin-right: 10px;
		background-color: #f2f2f2;
	}

	.startpage-news .expanded-news .read-more {
		font-weight: 700;
		padding-bottom: 5px;
		font-size: 13px;
	}

		.startpage-news .expanded-news .read-more a {
			color: #666 !important;
			font-weight: 700;
			font-size: 13px;
		}

	.startpage-news .expanded-news .show-more a {
		font-weight: 700;
		color: #666 !important;
	}

	.startpage-news .expanded-news .news-item:last-child,
	.startpage-news .expanded-news .read-more:last-child {
		margin-right: 0;
	}

	.startpage-news .expanded-news .news-item a {
		color: #00283a;
	}

		.startpage-news .expanded-news .news-item a h4 {
			font-size: 14px;
			font-weight: 700;
			color: #000;
			text-transform: inherit;
		}

	.startpage-news .expanded-news .news-item .news-ingress {
		padding-left: 0px;
		font-size: 13px;
		color: #48484C;
		text-align: left;
	}

		.startpage-news .expanded-news .news-item .news-ingress p {
			text-align: left;
			overflow: hidden;
		}

.dialog-body {
	padding: 20px;
}

.dialog-footer {
	text-align: right;
	padding-right: 20px;
	height: 55px;
}

.dialog-header {
	color: white !important;
	padding-left: 20px;
	line-height: 40px;
	height: 40px;
	font-weight: bold;
}

.dialog-icon {
	font-size: 30px;
}

.dialog-message {
	display: inline-block;
	position: absolute;
	margin: 5px 0px 0px 10px;
}

.dialog-confirm-bg {
	background-color: #075095;
}

.dialog-confirm-cl {
	color: #f0ad4e;
}

.dialog-inform-bg {
	background-color: #999999;
}

.dialog-inform-cl {
	color: #999999;
}

.dialog {
	border: 1px solid white;
}

.bg-ok {
	background-color: #6B99C1 !important;
}

.send-also-to-approver input[type='checkbox'] {
	margin-top: 5px;
	margin-left: 10px;
}

#navbar-header ul.nav.navbar-nav.navbar-right {
	float: right;
	margin: 0;
}

	#navbar-header ul.nav.navbar-nav.navbar-right > li {
		display: inline-block;
	}

	#navbar-header ul.nav.navbar-nav.navbar-right .dropdown-menu li {
		position: relative;
	}

@media(max-width: 768px) {
	#navbar-header ul.nav.navbar-nav.navbar-right > li.aaa {
		position: relative;
	}

	#navbar-header ul.nav.navbar-nav.navbar-right .dropdown-menu li a {
		line-height: 1.428571429;
		padding: 5px;
	}

	#navbar-header ul.nav.navbar-nav.navbar-right .link-backend-icon {
		right: 10px;
		top: -5px;
	}

	#navbar-header ul.nav.navbar-nav.navbar-right .about-icon {
		right: 10px;
		top: -3px;
	}

	#navbar-header ul.nav.navbar-nav.navbar-right .btn.btn-standard {
		margin: 10px 15px 15px 15px;
	}

	.box-language .dropdown-menu {
		position: absolute !important;
		float: left !important;
		width: 215px !important;
		margin-top: 2px !important;
		background-color: #fff !important;
		border: 1px solid rgba(0, 0, 0, .15) !important;
		-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175) !important;
		box-shadow: 0 6px 12px rgba(0, 0, 0, .175) !important;
	}
}

@media(max-width: 550px) {
	#navbar-header ul.nav.navbar-nav.navbar-right > li.aaa {
		display: none;
	}

	#navbar-header .test-mode-header {
		display: none;
	}
}

#navbar-header ul.nav.navbar-nav.navbar-right > li > a {
	padding: 13px 8px;
}

#navbar-header ul.nav.navbar-nav.navbar-right > li.username > a {
	padding: 9px 8px;
}

ul.nav.navbar-nav.navbar-right .about-icon,
#navbar-header .navbar-header .about-icon {
	color: white;
	cursor: pointer;
	font-size: 1.5em;
	padding-top: 5px;
	padding-left: 5px;
	position: absolute;
	top: -3px;
	right: 15px;
}

ul.navbar-nav.navbar-right .dropdown-menu.user-menu {
	background-image: linear-gradient(to bottom, #474747 0%, #474747 100%);
	padding: 5px;
	position: absolute;
	right: 0;
	left: auto;
	width: 250px;
}

	ul.navbar-nav.navbar-right .dropdown-menu.user-menu li a {
		color: #fff !important;
		padding: 5px 10px;
	}

		ul.navbar-nav.navbar-right .dropdown-menu.user-menu li a:hover {
			background-color: #075095 !important;
			background-image: none;
		}

		ul.navbar-nav.navbar-right .dropdown-menu.user-menu li a.btn.btn-link {
			background-color: #ff5f6f !important;
			background-image: none;
		}

			ul.navbar-nav.navbar-right .dropdown-menu.user-menu li a.btn.btn-link:hover {
				background-color: #ff5f6f !important;
				background-image: none;
			}

#document-content-identifier table th {
	background-color: #ccc;
}

@media(min-width: 768px) {
	#navbar-header .navbar-header .about-icon {
		display: none;
	}
}

.navbar-header .activity-notifications > div {
	margin-right: -38px;
}

.activity-notifications {
	background-color: #474747;
}

	.activity-notifications > button:before {
		font-family: 'FontAwesome';
		content: "\f133";
		font-size: 2em;
		cursor: pointer;
		color: #fff;
	}

	.activity-notifications > button {
		height: 37px;
		padding: 0;
		border: 0;
		background-color: #474747;
		margin-top: -4px;
		text-shadow: none;
		box-shadow: none;
	}

		.activity-notifications > button span {
			display: inline-block;
			margin-left: -31px;
			color: #fff;
			font-weight: bold;
			text-shadow: none;
			width: 35px;
		}

	.activity-notifications > div {
		width: 450px;
		max-height: 550px;
		overflow-y: auto;
		overflow-x: hidden;
	}

		.activity-notifications > div.have-no-activities {
			padding: 15px;
			min-width: 130px;
			width: auto;
		}

		.activity-notifications > div div.control-buttons,
		.activity-notifications > div div.activity {
			padding: 0px 5px 0px 15px;
			margin-top: 5px;
		}

		.activity-notifications > div div.activity {
			cursor: pointer;
		}

		.activity-notifications > div div.control-buttons span,
		.activity-notifications > div div.control-buttons a {
			background-color: #d86a0a;
			color: white;
			text-shadow: none;
		}

			.activity-notifications > div div.control-buttons span.active {
				background: #94421d !important;
				cursor: default;
				font-weight: bold;
			}

	.activity-notifications .activities {
		border: 1px solid #DDD;
		border-radius: 3px;
		margin: 10px;
		padding-top: 5px;
		padding-right: 5px;
		padding-bottom: 10px;
	}

	.activity-notifications .activity {
		margin-right: 0;
	}

		.activity-notifications .activity.overdue-activity {
			border-right: 5px solid #f00; /*red*/
		}

		.activity-notifications .activity.completed-activity {
			border-right: 5px solid #008000; /*green*/
		}

		.activity-notifications .activity.not-started-activity {
			border-right: 5px solid #1E90FF; /*blue*/
		}

		.activity-notifications .activity.not-completed-activity {
			border-right: 5px solid #FFD300; /*yellow*/
		}

		.activity-notifications .activity .activity-month {
			font-size: 1.2em;
			background-color: #D26A12;
			text-align: center;
			font-weight: bold;
		}

		.activity-notifications .activity .activity-day {
			font-size: 2em;
			background-color: #DDD;
			text-align: center;
			font-weight: bold;
		}

		.activity-notifications .activity .activity-month-year {
			text-align: center;
			background-color: #DDD;
			font-size: 1.2em;
		}

		.activity-notifications .activity .activity-name {
			font-size: 1em;
			line-height: 2em;
		}

.font-size-35 {
	font-size: 35px;
}

.btn-check-setting {
	background-color: #969696;
	color: #fff;
}

.btn-link-document-management {
	background-color: #0270BE;
	color: white;
	text-align: center;
}

	.btn-link-document-management:hover, .btn-link-document-management:focus {
		color: white !important;
		text-decoration: none;
	}

	.btn-link-document-management i {
		font-size: 25px;
		padding-top: 5px;
		padding-left: 4px;
		width: 24px;
		height: 27px;
		background: url(/Content/images/backend-link-icon.png);
		display: inline-block;
		background-position: 2px 4px;
		background-repeat: no-repeat
	}

body .test-mode-header {
	display: none;
}

@media(max-width: 769px) {
	.navbar-header .activity-notifications {
		display: block;
	}

		.navbar-header .activity-notifications .control-buttons > div:nth-child(2) {
			display: none;
		}

	body.is-test #navbar-header .test-mode-header {
		display: none;
	}
}

@media(min-width: 768px) {
	.navbar-header .activity-notifications {
		display: none;
	}

	ul.navbar-nav .activity-notifications {
		display: block;
	}

	.topmenu-searchfield .search-mode .tooltip-inner {
		width: 350px;
		left: -60px;
	}
}

@media(max-width: 390px) {
	.activity-notifications > div {
		width: 320px;
	}

	.topmenu-searchfield .search-mode .tooltip-inner {
		width: 300px;
		left: -60px;
	}

	.searchinsubfolder {
		width: 100%;
		display: block;
		padding-top: 5px;
	}

	.manageFavorites ul {
		padding-left: 0;
	}

	.manageFavorites .col58 {
		width: 55%;
	}
}

.popup-view {
	padding: 15px;
	background: #f2f2f2;
}

	.popup-view .modal-header {
		background: #fff;
		padding: 15px;
		height: inherit !important;
		text-transform: uppercase;
		font-size: 2em;
	}

	.popup-view .modal-body {
		background: #fff;
		padding: 0 15px;
	}

		.popup-view .modal-body .form-group:last-child {
			margin-bottom: 0;
		}

	.popup-view .modal-footer {
		border-top: none;
		padding: 15px;
		background: #fff;
		margin-top: 0;
	}

		.popup-view .modal-footer np-abort-save > div > div {
			margin-top: 0 !important;
		}

/* Styles for about popup */
.about-popup .site-name {
	color: #00283A;
	font-weight: bold;
	font-size: 20px;
}
/* End styles for about popup */

/* Styles for compendia search result */
.compendia-search {
	padding-left: 10px;
	margin-top: 10px;
}

.compendia-documents {
	overflow: auto;
	font-size: 12px;
	padding-left: 10px;
	margin-right: 20px;
}

	.compendia-documents col {
		width: 500px;
	}

@media(max-width:500px) {
	.compendia-documents col {
		width: 200px;
	}
}

@media(max-width:1100px) {
	.compendia-documents col {
		width: 300px;
	}
}


.compendia-documents col:last-child {
	width: auto;
}

.compendia-documents .header-wrapper {
	font-weight: bold;
}

	.compendia-documents .header-wrapper table tr td {
		border-bottom: 1px solid #ddd;
	}

.compendia-documents .content-wrapper {
	overflow: auto;
}

.compendia-documents table {
	width: 100%;
	border-collapse: collapse;
}

.compendia-documents .header-wrapper table tr td,
.compendia-documents .content-wrapper table tr td {
	border-top: 1px solid #ddd;
	padding-top: 7px;
	padding-bottom: 7px;
	cursor: pointer;
	vertical-align: top;
}

.compendia-documents .header-wrapper table tr td {
	border-top: none;
	cursor: default;
}
/* End styles for compendia search result */

/* Styles for Test Mode */
body.is-test #handbook-nav,
body.is-test #handbook-nav .navbar-collapse,
body.is-test .activity-notifications > button {
	background: #f00;
}

body.is-test .test-mode-header {
	position: absolute;
	display: inline-block;
	width: 50px;
	color: #fff;
	padding: 6px;
	font-weight: bold;
}

body.is-test #navbar-header .navbar-header > .test-mode-header {
	display: none;
}

@media(max-width: 769px) {
	body.is-test #navbar-header .navbar-collapse > .test-mode-header {
		display: none;
	}

	body.is-test #navbar-header .navbar-header > .test-mode-header {
		display: inline-block;
	}
}

@media(max-width: 568px) {
	body.is-test #navbar-header .navbar-header > .test-mode-header {
		display: none;
	}

	.search-popup {
		left: 0px !important;
		min-width: 200px !important;
	}

	.mobile-hide {
		display: none !important;
	}

	.margin-mobile {
		margin-right: 10px;
	}
}
/* End styles for Test Mode */

/* Styles for change password popup */
.change-password-popup input {
	max-width: initial;
}

.change-password-popup .form-group.has-error.has-feedback {
	position: relative;
}

.change-password-popup .form-group .form-control-feedback {
	top: 34px;
	right: 8px;
	position: absolute;
}

.change-password-popup .tooltip-inner {
	background-color: #075095;
	font-size: 1.2em;
	min-width: 280px;
	max-height: 280px;
}

	.change-password-popup .tooltip-inner .glyphicon {
		margin: 5px 10px;
	}

.change-password-popup .mandatory {
	color: #ff576f !important;
	font-weight: bold;
}
/* End styles for change password popup */
#searchDepartments .angular-ui-tree-nodes:first-child {
	padding-left: 0;
}

#searchDepartments .angular-ui-tree-handle:hover {
	background: #357ebd;
	color: #fff !important;
}

#searchDepartments .angular-ui-tree-handle.tc-disabled:hover {
	background: #fff;
	color: #ccc !important;
	cursor: not-allowed;
}

#searchDepartments .search-result {
	padding-top: 0;
	padding-left: 0px;
	margin-right: 0;
	background: white;
	border: 1px solid rgba(0, 0, 0, 0.15);
	position: absolute;
	width: 100%;
	z-index: 999;
	max-height: 200px;
	overflow-y: auto;
}

#tree-root ol li div {
	height: 100%;
	padding: 5px;
}

#compare-with-earlier-version {
	max-height: 00px;
	padding: 15px;
}

	#compare-with-earlier-version .error-message {
		background-image: linear-gradient(to bottom, #f2dede 0%, #e7c3c3 100%);
		background-repeat: repeat-x;
		text-shadow: 0 1px 0 rgba(255, 255, 255, .2);
		-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 1px 2px rgba(0, 0, 0, .05);
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 1px 2px rgba(0, 0, 0, .05);
		color: #b94a48;
		background-color: #f2dede;
		border-color: #eed3d7;
		padding: 15px;
		margin-bottom: 15px;
		border: 1px solid transparent;
		border-radius: 0px;
		text-align: center;
		margin-left: 15px;
		margin-right: 15px;
		border: 1px solid #dca7a7;
	}

	#compare-with-earlier-version .h3-title {
		background: #00283A;
		color: #fff;
		padding: 5px;
		margin-top: 0px;
	}

	#compare-with-earlier-version .title-comparison-result {
		background: #00283A;
		color: #fff;
		margin-top: 0px;
		display: flex;
	}

	#compare-with-earlier-version .versions .earlier-version {
		padding-bottom: 15px;
		border-bottom: 5px solid #666;
		margin-bottom: 15px;
	}

	#compare-with-earlier-version .comparison-result {
		max-height: 930px;
		overflow-y: auto;
		z-index: 9999;
		height: 100%;
	}

	#compare-with-earlier-version .comparison-versions {
		z-index: 990;
	}

.compared-version {
	max-height: 400px;
	overflow-y: auto;
	padding: 5px;
}

#compare-with-earlier-version ul,
#compare-with-earlier-version ol {
	color: #333;
}

#compare-with-earlier-version del {
	color: #999;
	background-color: #fec8c8;
}

	#compare-with-earlier-version del img {
		padding-bottom: 5px !important;
		border-bottom: 1px solid red;
	}

#compare-with-earlier-version ins {
	background-color: #cfc;
	text-decoration: none;
}

	#compare-with-earlier-version ins img {
		padding-bottom: 5px !important;
		border-bottom: 1px solid #27DE27;
	}

.document-action-compare {
	width: 50px;
}

.np-label {
	font-weight: normal;
	margin-bottom: 0;
}

.normal-weight {
	font-weight: normal;
}

#groupDocuments .collapse-arrow, #groupDocuments .collapsed-arrow {
	float: left !important;
	margin-top: -5px;
}

.startpage-menugroup {
	padding-left: 0;
}

	.startpage-menugroup .collapsed-arrow, .startpage-menugroup .collapse-arrow {
		float: left;
	}

.sidebar-nav li a.label-node-tree,
.sidebar-nav li a.label-node-tree:hover,
.sidebar-nav li a.label-node-tree :active {
    display: inline-block;
    font-weight: normal;
    text-decoration: none;
    color: #333;
}

.cursor-default {
	cursor: default !important;
}
.margin-left-20 {
	margin-left: 20px;
}

.new-period {
    font-weight: normal;
    margin-left: 20px;
}

.new-period input{
    position:relative; 
    top: 2px;
}

.new-period input:checked ~ span{
    font-weight: bold;
}

/*style for word/phrase with tooltip */
.source-info {
    cursor: help !important;
    font-style: italic;
    border-bottom: 1px dotted;
    position: relative;
}

.width-50 {
	width: 50px !important;
}

#np-tabs > li > a {
	line-height: 20px !important;
	border-radius: 0 !important;
	color: #ffffff;
	border-left: solid 1px #3D8DCE;
	margin-right: 0;
	padding: 5px 10px;
}
#np-tabs > li {
	background-color: #075095;
}

	#np-tabs > li.active > a, #np-tabs > li > a:hover {
		color: #075095;
	}

.popup-header {
	font-size: 19px;
	font-weight: bold;
	padding-left: 5px;
}

.btn-link-edit-news {
    float: left;
    background-color: #0270BF;
    color: white;
    text-align: center;
    background-image: url(/Content/Images/backend-link-icon.png);
    width: 32px;
    height: 32px;
    background-repeat: no-repeat;
    background-position: 5px 4px;
}

.attachments-tooltip .popover-content {
    padding: 0px !important;
}

.text-black {
    color: #000 !important;
}

.padding-8 {
    padding: 8px !important;
}

.pointer {
    cursor: pointer;
}

.multi-days-activity .activity-month {
    font-size: 1em !important;
    height: 23px;
    padding-top: 3px;
}

.multi-days-activity .activity-month-year {
    font-size: 0.7em !important;
}

.pl0 {
    padding-left: 0 !important;
}

.pr0 {
    padding-right: 0 !important;
}

.end-date-activity-box {
    float: right;
    border-left: 1px;
    border-left-color: white;
    border-left-style: dashed;
}

.group-meta-tag-list {
    font-size: 12px;
}
.thumbtack-icon {
    float: right;
    cursor: pointer;
    height: 15px;
}

.group-header-div {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.ngCellText {
    padding: 9px;
}

.chapter-about-icon {
    background-image: url('../../Content/Images/what-new.png');
    background-repeat: no-repeat;
    background-position: 13px 15px;
}

.chapter-content-icon {
    background-image: url('../../Content/Images/Innhold.png');
    background-repeat: no-repeat;
    background-position: 40px 15px;
}

#chapter-content > a:hover, #chapter-content.active > a {
    background-image: url('../../Content/Images/Innhold-blue.png');
    background-repeat: no-repeat;
    background-position: 40px 15px;
    border-left: none;
}

#chapter-about > a:hover, #chapter-about.active > a,#chapter-whats-new > a:hover, #chapter-whats-new.active > a {
    background-image: url('../../Content/Images/what-new-active.png');
    background-repeat: no-repeat;
}

.chapter-content-menu-label {
    display: initial;
} 

.chapter-about-menu-label, .chapter-search-menu-label {
    display: initial;
    padding-left: 17px;
}

.chapter-content {
    padding-left: 10px;
    padding-top: 10px;
    clear: both;
    color: black;
    padding-right: 20px;
}

.chapter-col1 {
    padding-right: 0;
    padding-left: 20px;
}

.col-sm-12{
    padding-right: 0px;
}

@media(max-width: 1561px) {
    .repdiv {
        width: 24%;
    }
}

@media(max-width: 1264px) {
    .repdiv {
        width: 32%;
    }
}

@media(max-width: 1024px) {
    .repdiv {
        width: 49%;
    }
    .content-tab-folder .col-sm-5{
        width: 33% !important;
    }
    .content-tab-folder .col-sm-6{
        width: 67% !important;
    }  

}

@media(max-width: 768px){ 
    .repdiv {
        width: 100%;
    }
    .col-sm-12{
        padding-right: 0px;
    }
}

@media(max-width: 690px){ 
   .content-tab-folder .col-sm-5{
        width: 100% !important;
    }
    .content-tab-folder .col-sm-6{
        width: 100% !important;
    }  
}

/* Iphone 6*/
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2){
    /*.setting-box-main-contain{
        height: 170px;
    }*/
    .sidebar-toggle{
        left: 0;
    }
    .setting-box-hide{
        width: 280px;
    }
    .topmenu-searchfield{
        left: 34px;
    }
    .topmenu-searchfield.title-search-mode input[type=text].search-box{
        width: 125px;
        padding-right: 25px;
    }
    .topmenu-searchfield.content-search-mode input[type=text].search-box{
        width: 125px;
    }
}

@media (max-width: 390px) {
    .chapter-content-menu-label, .chapter-about-menu-label, .chapter-search-menu-label {
        display: none !important;
    }

    #chapter-content > a, #chapter-about > a, #chapter-search > a, #chapter-whats-new > a {
        background-position: 15px 14px;
        width: 65px;
        height: 65px;
    }

    #chapter-content > a:hover, #chapter-content.active > a, #chapter-search.active > a {
        background-position: 15px 14px;
    }
    .standard-label {
        font-size: 12px;
    }

    .page-content-header {
        font-size: 12px;
    }
    .mobile-padding-left{
        padding-left: 5px;
    }

    .chapter-content {
        padding-left: 10px;
    }
    .folder-content {
        font-size: 12px;
         max-height: 90px;
    }

    .standard-option {
        font-size: 12px;
        width: 45% !important;
    }

    .col-width-tree{
        width: 80%;
        float: left;
    }
    .col-width{
        width: 20%;
        float: left;
        padding-left: 0px;
        padding-right: 0px;
    }
    h1, h2, h3 {
        margin-top: 5px;
        margin-bottom: 0px;
    }
    .margin-left-40 {
        margin-left: 17px;
    }
    .gridStyle{
        padding-top: 0px;
        font-size: 13px;
    }
}

/* ----------- iPhone 4 and 4S ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2) {
    .folder-content{
        font-size: 11px;
    }
    .col-sm-12{
        padding-right: 10px;
    }
}

/* ----------- iPhone 5 and 5S ----------- */
/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2) {
    .reportMenu{
        width: 200%;
    }

    .max-height-content {
        max-height: 65px;
    }

    .max-height-about {
        max-height: 102px;
    }

    .modal-sm{
        float: none;
        margin-left: 0px;
        margin-top: 27px;
    }

    .show-all-documents{
        font-size: 12px;
    }

    .show-all-group-documents{
        font-size: 13px;
    }

    .folder-menu-left-width{
        width: 100%;
    }

    .topmenu-left-panel.margin-left-40.margin-bottom-20.folder-menu-left-width, .topmenu-right-panel.margin-bottom-20{
        margin-bottom: 0px;
    }
}

/* ----------- iPhone 6 ----------- */
/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2) { 
    .folder-content, .standard-label, .standard-option{
        font-size: 13px;
    }

    .col-sm-12{
        padding-right: 10px;
    }

    .standard-option {
        width: 55%;
        height: 22px;
    }

    .show-all-documents{
        font-size: 10px;
    }
}

/* Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 
    .show-all-documents {
        font-size: 13px;
    }
}

/* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 
    .show-all-documents {
        font-size: 13px;
    }
}

/* ----------- iPhone 6+ ----------- */
/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3) { 
    .gridStyle{
        padding-top: 0px;
        font-size: 14px;
    }

    .show-all-documents {
        font-size: 13px;
    }
}

/* ----------- iPad 3 and 4 ----------- */
/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 2) {

}

/* ----------- Galaxy Tab 10.1 ----------- */
/* Portrait and Landscape */
@media 
  (min-device-width: 800px) 
  and (max-device-width: 1280px) {
    .standard-option {
        width: 60%;
        height: 26px;
    }
}
.document-font {
    font-family: Calibri;
    font-size: 12pt;
}

.clear-both {
    clear: both;
}

.padding-left-50 {
    padding-left: 50px;
}

.document-content {
    padding-left: 50px;
    padding-top: 5px;
    clear: both;
    padding-right: 20px;
}

#documentType {
    font-size: 16px;
}

#documentTitleContainer {
    font-size: 20pt;
    font-weight: bold;
    font-family: Cambria;
}
/***********************************************/

.paragraphHeader {
    clear: both;
    background-color: #fff;
    border-bottom: 1px solid #CDCDCD;
    overflow: hidden;
    margin-bottom: 10px;
}

.paragraph-content {
    padding-top: 0px;
    padding-right: 10px;
    clear: both;
    display: block;
    /*overflow: hidden;*/
    position: relative;
    padding-bottom: 20px;
    /*overflow-x: auto;*/
}

#document-content-identifier {
    overflow-x: auto;
}

.RelatedContainer {
    margin-bottom: 30px;
}

.paragraphHeaderText {
    font-weight: bold;
    font-size: 15pt;
    float: left;
    margin-bottom: 10px;
}

.relatedDocuments .Header {
    font-weight: bold;
}

.Header {
    min-height: 22px;
    margin-bottom: 9px;
    margin-top: 10px;
}

#about-tab .col1 {
    width: 15%;
}

#about-tab .col2 {
    width: 20%;
}

#about-tab .col3 {
    width: 23%;
}

#about-tab .col4 {
}

#about-tab .colsum {
    width: 80%;
}


#feedbackText {
    width: 400px;
}

#documentTitleContainer {
    margin-bottom: 10px;
}

.paragraphDescription {
    display: block;
    position: absolute;
    padding: 10px;
    border: 2px dotted #737373;
    margin: 0 0 20px;
    background-color: #c2d3e4;
    width: 300px;
    z-index: 9999;
    right: 60px;
}

.search-in-content,
.feedback,
.about-document,
.reading {
    display: initial;
    padding-left: 17px;
}

.about-document-content {
    display: initial;
}

#documentHeader1Container {
    clear: both;
    margin-left: 10px;
    margin-right: 10px;
    padding-top: 20px;
}

.document-about-icon {
    background-image: url('../../Content/Images/what-new.png');
    background-repeat: no-repeat;
    background-position: 13px 15px;
}

.document-feedback-icon {
    background-image: url('../../Content/Images/Tilbakemelding-32.png');
    background-repeat: no-repeat;
    background-position: 13px 15px;
}

.document-reading-icon {
    background-image: url('../../Content/Images/Lesekvittering-blue.png');
    background-repeat: no-repeat;
    background-position: 13px 15px;
}

.document-content-icon {
    background-image: url('../../Content/Images/Innhold.png');
    background-repeat: no-repeat;
    background-position: 40px 15px;
}

.search-in-document-icon {
    background-image: url('../../Content/Images/search-32-white.png');
    background-repeat: no-repeat;
    background-position: 13px 15px;
}

.background-position {
    background-position: 40px !important;
}

#document-content > a:hover, #document-content.active > a {
    background-image: url('../../Content/Images/Innhold-blue.png');
    background-repeat: no-repeat;
    background-position: 40px 15px;
    border-left: none;
}

#document-reading > a:hover, #document-reading.active > a {
    background-image: url('../../Content/Images/Lesekvittering-blue-2.png');
    background-repeat: no-repeat;
    background-position: 13px 15px;
}

#document-feedback > a:hover, #document-feedback.active > a {
    background-image: url('../../Content/Images/feedback-32.png');
    background-repeat: no-repeat;
    background-position: 13px 15px;
}

#document-about > a:hover, #document-about.active > a, #document-hearing-description > a:hover, #document-hearing-description.active > a {
    background-image: url('../../Content/Images/what-new-active.png');
    background-repeat: no-repeat;
    background-position: 13px 15px;
}

#document-searchincontent > a:hover, #document-searchincontent.active > a,
#chapter-search > a:hover, #chapter-search.active > a {
    background-image: url('../../Content/Images/search-32.png');
    background-repeat: no-repeat;
    background-position: 13px 15px;
}

#document-search-id .col1 {
    width: 100%;
}

#document-search-id .col2 {
    margin-left: 20px;
    float: left;
}

.search-box-document {
    background: url(../../Content/Images/search-32.png) no-repeat 210px;
    padding: 5px 35px 10px 10px;
}

    .search-box-document:focus {
        background-image: none;
    }

input[type=text].search-box-document {
    height: 35px;
    border: 1px solid #cccccc;
    line-height: 17px;
    width: 250px;
    float: left;
}

.documentIndex ul, li {
    margin: 0;
    padding: 0;
}

#documentDescription {
    clear: both;
    float: left;
    margin-bottom: 10px;
    width: 100%;
}

.IndexElement {
    font-size: 13px;
    font-weight: bold;
    padding-bottom: 3px;
}

#documentTitleContainer .docTypeIcon {
    height: 32px;
    width: 32px;
    text-align: left;
    float: left;
}

.document-level-2 {
    background-image: url('../../Content/Images/document_blue.gif');
    background-position: 0px 0px;
    background-repeat: no-repeat;
    clear: both;
    padding-left: 18px;
    color: #2A7FFC;
}

.document-level-1 {
    background-image: url('../../Content/Images/document_red.gif');
    background-position: 0px 0px;
    background-repeat: no-repeat;
    clear: both;
    padding-left: 18px;
    color: #2A7FFC;
}

.document-level-0 {
    background-image: url('../../Content/Images/document_brown.gif');
    background-position: 0px 0px;
    background-repeat: no-repeat;
    clear: both;
    padding-left: 18px;
    color: #2A7FFC;
}

.reportMenu ul li.active a {
    color: #D44724;
    text-decoration: none;
}

.padLeft30 {
    padding-left: 30px;
}

.padLeft10 {
    padding-left: 10px;
}

.padTop10 {
    padding-top: 10px;
}

.contentWithLayout {
    float: left;
    width: 100% !important;
    position: relative;
}

div.rightMenu {
    float: left;
    width: 18% !important;
}

.reportMenu {
    width: 100%;
}

    .reportMenu ul {
        background: none repeat scroll 0 0 #FAFAFA;
        list-style-type: none;
        padding: 0;
    }

        .reportMenu ul li {
            padding: 6px;
        }

        .reportMenu ul .title {
            background: none repeat scroll 0 0 #E7F2F7;
            border: 1px solid #E5F1F6;
            border-radius: 5px 5px 5px 5px;
            color: #505256;
            font-weight: bold;
            padding-left: 20px;
        }

        .reportMenu ul li a {
            color: #3589E6;
            margin-left: 5px;
            text-decoration: none;
        }

            .reportMenu ul li a:hover {
                cursor: pointer;
                text-decoration: underline;
            }

        .reportMenu ul li.active a {
            color: #D44724;
            text-decoration: none;
        }

            .reportMenu ul li.active a:hover {
                font-style: normal;
            }

        .reportMenu ul li .summary {
            color: #666666;
            font-size: 95%;
            margin-left: 26px;
        }

        .reportMenu ul li .contentHidden {
            display: none;
        }

.intro {
    background-color: #FFFDD2;
    margin: 15px 0;
    padding: 15px;
    clear: both;
    margin-left: 50px;
}

.field-header {
    margin-top: 0px;
    padding-top: 30px;
    font-size: 20pt;
    font-weight: bold;
    font-family: Cambria;
}

.topmenu-content {
    padding-left: 40px;
    padding-right: 20px;
}

.standar-label {
    font-size: 16px;
}

.padding-bottom-10 {
    padding-bottom: 10px;
}

.folder-group {
    background-image: url('../../Content/Images/folder-blue-24px.png');
    background-repeat: no-repeat;
    padding-left: 25px;
}

#document-content-information-id h1 {
    font: bold 14pt Cambria, sans-serif;
    color: #003388;
    margin-top: 0px;
}

#document-content-information-id h2 {
    font: bold 13pt Cambria, sans-serif;
    color: #003388;
}

#document-content-information-id h3 {
    font: bold 12pt Cambria, sans-serif;
    color: #003388;
}

#document-content-information-id td h1,
#document-content-information-id td h2,
#document-content-information-id td h3,
#document-content-information-id td h4,
#document-content-information-id td h5,
#document-content-information-id td h6 {
    margin: 0 !important;
}

Ingress {
    font: bold 14pt Calibri, sans-serif;
}

#richtext-content-id {
    word-break: break-word;
    -ms-word-break: break-word;
}

    #richtext-content-id p {
        font: 12pt Calibri, sans-serif;
        margin-top: 10px;
        margin-bottom: 14px;
        margin-left: 14px;
        margin-right: 14px;
        word-break: break-word;
        -ms-word-break: break-word;
    }

    #richtext-content-id table p {
        margin: 0px;
    }

.radEdP {
    color: #000000;
    font: normal 12pt Calibri !important;
}

.radEdH1 {
    color: #003388;
    font: bold 14pt Cambria !important;
}

.radEdH2 {
    color: #003388;
    font: bold 13pt Cambria !important;
}

.radEdH3 {
    color: #003388;
    font: bold 12pt Cambria !important;
}

.radEdIngress {
    font: bold 14pt Calibri !important;
}

.font-size-18 {
    font-size: 18px;
}

.folder-group-header-color {
    color: black;
    font-weight: bold;
}

.link-folder-group-color {
    color: #737373;
}

.rectangle-process {
    border: 2px solid #737373;
    border-radius: 20px;
    text-align: left;
    font-size: 14px;
    padding-bottom: 15px;
    padding-right: 10px;
    display: table;
}


.horizProcFields {
    background-image: url(../../Content/Images/shape-1.png);
    background-repeat: no-repeat;
    width: 123px;
    height: 95px;
    float: left;
    margin: 20px 0px 0px 10px;
    display: inline-block;
    padding-left: 10px;
    text-align: center;
}

.horizProcFields-1 {
    background-image: url(../../Content/Images/shape-2.png);
    background-repeat: no-repeat;
    width: 135px;
    height: 95px;
    float: left;
    margin-top: 20px;
    display: inline-block;
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
}

.display-table {
    width: 100px;
    height: 95px;
    display: table;
    vertical-align: middle;
    text-align: center;
}

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

.horizProcFields a,
.horizProcFields-1 a {
    color: black;
    font-weight: bold;
    cursor: pointer;
}

.horizNonProcFields {
    border: 2px solid black;
    border-radius: 5px;
    background-color: #00338D;
    background-repeat: no-repeat;
    width: 123px;
    height: 95px;
    float: left;
    margin: 10px 0px 0px 10px;
    display: inline-block;
    padding-left: 10px;
    padding-right: 20px;
    text-align: center;
}

    .horizNonProcFields a {
        color: white;
        font-weight: bold;
        cursor: pointer;
    }

.display-inline-block {
    display: inline-block;
}

.management-box {
    background-color: #7DA7B7;
    display: table;
    padding-bottom: 5px;
    padding-right: 5px;
    width: 100%;
}

.show-box-related-document {
    float: left;
    margin-top: 5px;
    margin-bottom: 2px;
}

.show-box-related-attachment {
    float: left;
    /*background-color: blue;*/
    color: white;
    padding: 3px;
    margin-top: 5px;
    margin-left: 3px;
    margin-bottom: 1px;
}

.input-output-box {
    background-color: #8CBBF4;
    display: table-row;
    padding-bottom: 5px;
    padding-right: 5px;
    width: 100%;
}

.input-table-cell {
    display: table-cell;
    width: 30%;
    vertical-align: middle;
}

.output-right {
    display: table-cell;
    width: 30%;
}

.input-output-center {
    display: table-cell;
    width: 40%;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    padding-top: 10px;
}

.width-rectangle-process {
    width: 100%;
}

.processarrow-icon {
    display: table-cell;
    width: 50px;
    vertical-align: middle;
    text-align: center;
}

.process-fieldname {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    height: 35px;
    cursor: pointer;
}

.white-color {
    color: white;
}

.management-padding {
    padding-left: 10px;
    padding-top: 10px;
}

.process-image-down {
    display: table-cell;
    text-align: center;
}

.input-output-label {
    width: 100%;
    padding-top: 10px;
}

.input-label {
    float: left;
    padding-left: 10px;
}

.float-right {
    float: right;
}

.input-output-container {
    display: table;
    width: 100%;
    padding-left: 10px;
}

.display-table-row {
    display: table-row;
}

.resources-box {
    padding-top: 10px;
    padding-left: 10px;
}

.ImageRight {
    float: right;
    clear: right;
    position: relative;
}

.ImageLeft {
    float: left;
    clear: left;
    position: relative;
}

.ImageMid {
    clear: both;
    width: 100%;
    text-align: center;
    margin-left: 50%;
    margin-right: 50%;
}

.caption-image {
    clear: both;
    white-space: normal;
    float: left;
    width: 100%;
    font-size: smaller;
}

#richtext-content-id .row {
    margin-left: 0px;
}

#richtext-content-id img {
    max-width: 100%;
    max-height: 100%;
}

    #richtext-content-id img[usemap] {
        max-width: none;
    }

.col-width-tree li {
    padding-left: 22px !important;
}
/*hearing-feedback*/
.feedback-popup label {
    font-weight: normal;
}

.feedback-popup .feedback-checkbox {
    margin-bottom: 10px;
}

    .feedback-popup .feedback-checkbox div:first-child {
        display: inline-block;
        width: 69%;
    }

    .feedback-popup .feedback-checkbox div:last-child {
        display: inline-block;
        width: 30%;
        vertical-align: top;
    }

.comment-item {
    background-color: #f2f2f2;
    padding: 10px;
    margin-top: 10px;
}

.btn-standard {
    background-color: #b3b3b3;
    color: white !important;
}

.height-auto {
    height: auto !important;
}

.height-150 {
    height: 150px;
}

.title-hearing {
    font-size: 20pt;
    font-weight: bold;
    font-family: Cambria;
}

.btn-comment {
    background-color: #075095;
    color: white !important;
}

.width100 {
    width: 100% !important;
}

.font-size-30 {
    font-size: 30px;
}

.red-background-color {
    background-color: red !important;
    color: white;
}

.vertical-align-top {
    vertical-align: top !important;
}

.padding-top-8 {
    padding-top: 8px;
}

.font-size-25 {
    font-size: 25px;
}

.padding-top-none {
    padding-top: 0;
}

.padding-bottom-none {
    padding-bottom: 0;
}

.margin-left--8 {
    margin-left: -8px;
}

.margin-top-5 {
    margin-top: 5px;
}

.color-date-comment {
    color: #787878;
}

.btn-recommended {
    background-color: #00C735;
    color: white !important;
}

.btn-notrecommended {
    background-color: red;
    color: white !important;
}

.commentText {
    height: 100px;
    width: 100%;
}

.btn-normal-screen {
    position: fixed;
    right: 15px;
    z-index: 99999;
    top: 5px;
}

.btnScreenFixed {
    position: fixed;
    right: 43px;
    z-index: 999;
}

@media (max-width: 1000px) {
    #compare-text {
        display: none;
    }
}

@media (max-width: 768px) {

    #feedbackText {
        height: 100px;
    }

    .document-content {
        font-size: 13px !important;
        padding-left: 15px;
        padding-right: 10px;
    }

    #documentTitleContainer {
        font-size: 15pt !important;
    }

    .paragraphHeaderText {
        font-size: 10pt !important;
    }

    #about-tab .col1 {
        width: 50%;
        float: left;
        min-height: 17px;
        padding-right: 0px;
    }

    #about-tab .col2 {
        float: left;
        width: 50%;
        min-height: 17px;
        padding-right: 0px;
    }

    #about-tab .col3 {
        float: left;
        width: 50%;
        min-height: 17px;
        padding-right: 0px;
    }

    #about-tab .col4 {
        float: left;
        width: 50%;
        min-height: 17px;
        padding-right: 0px;
    }

    #documentHeader1Container {
        padding-left: 10px;
        padding-right: 10px;
    }

    .topmenu-left-panel {
        padding-left: 0;
    }
}

@media(max-width: 568px) {
    .about-document-content, .about-document, .reading, .feedback, .search-in-content, .metadata-tab, #compare-text {
        display: none;
    }

    #document-content > a, #document-about > a, #document-feedback > a, #document-reading > a, #document-searchincontent > a,
    #document-content > a:hover, #document-about > a:hover, #document-feedback > a:hover, #document-reading > a:hover, #document-searchincontent > a:hover,
    #document-content > a.active, #document-about.active > a, #document-feedback.active > a, #document-reading.active > a, #document-searchincontent.active > a, #document-hearing-description > a {
        background-position: 15px 14px !important;
        width: 65px;
        height: 65px;
    }

    .mobile-vertical-scroll {
        width: 1300px;
        overflow-x: auto;
        font-size: 8pt;
    }

    #richtext-content-id img[usemap] {
        max-width: none;
    }
}

@media(max-width:375px) {
    #document-content > a, #document-about > a, #document-feedback > a, #document-reading > a, #document-searchincontent > a,
    #document-content > a:hover, #document-about > a:hover, #document-feedback > a:hover, #document-reading > a:hover, #document-searchincontent > a:hover,
    #document-content.active > a, #document-about.active > a, #document-feedback.active > a, #document-reading.active > a, #document-searchincontent.active > a, #document-metadata > a, #document-hearing-description > a {
        background-position: 15px 14px !important;
        width: 65px;
        height: 65px;
    }

    .background-position {
        background-position: 13px !important;
    }

    .reading-receipt-box {
        width: 300px !important;
    }

    #about-tab .colsum {
        float: left;
        width: 50%;
        min-height: 17px;
        padding-right: 0px;
    }

    .menu {
        height: 65px;
    }

    .document-content {
        padding-top: 0px;
    }

    .padding-top-20 {
        padding-top: 0px;
    }

    fieldset {
        padding: 5px;
    }

    input[type=text].search-box-document {
        width: 150px;
    }

    .search-box-document {
        background: url(../../Content/Images/search-32.png) no-repeat 115px;
    }

    .max-height-content {
        max-height: 80px;
    }

    .max-height-about {
        max-height: 102px;
    }

    .topmenu-content {
        padding-left: 0px;
        padding-right: 10px;
    }

    .topmenu-left-panel {
        padding-top: 0px;
    }

    .topmenu-right-panel {
        padding-top: 5px;
    }

    .margin-top-10 {
        margin-top: 0px;
    }
}

.feedback-text {
    width: 100% !important;
    max-width: 100% !important;
}

.btn-feedback {
    background-color: #6B99C1;
    color: white;
    width: 75px;
    margin-left: 2px;
}

.reading-receipt-box {
    width: 405px;
    border-color: #999999;
    z-index: 99999;
    background: #ffffff;
    position: absolute;
    right: 18px;
}

    .reading-receipt-box .submit-button {
        background-color: #6B99C1;
    }

.confirm-reading-container {
    border: 1px solid;
    padding: 10px 10px 10px 10px;
    margin-top: 5px;
}

.max-height-content {
    max-height: 200px;
    overflow-x: hidden;
    overflow-y: auto;
}

.max-height-about {
    max-height: 155px;
    overflow-x: hidden;
    overflow-y: auto;
}

.sticky {
    top: 0;
    position: fixed;
    z-index: 999;
    display: block;
    margin-left: -12px;
}

.about-the-hearing {
    padding-bottom: 10px;
    margin-left: -7px;
}

.about-hearing-period {
    border-left: 3px solid #000;
    color: #075095;
}

.about-the-hearing-color {
    color: #075095;
}
/* ----------- iPad mini ----------- */
/* Portrait and Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
    #about-tab .col1 {
        width: 50%;
        float: left;
        min-height: 17px;
        padding-right: 0px;
    }

    #about-tab .col2 {
        float: left;
        width: 50%;
        min-height: 17px;
        padding-right: 0px;
    }

    #about-tab .col3 {
        float: left;
        width: 50%;
        min-height: 17px;
        padding-right: 0px;
    }

    #about-tab .col4 {
        float: left;
        width: 50%;
        min-height: 17px;
        padding-right: 0px;
    }

    .standard-option {
        width: 44% !important;
        height: 26px;
    }
}

/* ----------- iPhone 4 and 4S ----------- */
/* Portrait and Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {
    .input-table-cell {
        width: 18%;
    }

    .standar-label {
        font-size: 12px;
    }

    .max-height-content {
        max-height: 65px;
    }

    .max-height-about {
        max-height: 102px;
    }

    .font-size-11 {
        font-size: 11px;
    }

    .modal-sm {
        float: none;
        margin-left: 0px;
        margin-top: 27px;
    }
}

/*#document-content-identifier {
    height: calc(100vh - 225px) !important
}

#document-content-identifier.scrolling {
    height: calc(100vh - 290px) !important
}

#document-content-identifier.fullScreen-height {
    height: 100vh !important;
    top: 0;
}

#document-content-identifier.fullScreen-height.scrolling {
    height: calc(100vh - 50px) !important;
    top: 0;
}*/

.sidebar-font {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
}

.imglike, .imgdislike {
	width: 70px;
	cursor:pointer;
}
.lbltitlefeedback {
	font-weight: bold;
}

.linefeedback {
	font-weight: bold;
	width: 67px;
	border-bottom: 2px solid;
	margin-bottom: 20px;
}
.divfeedback {
	float: right;
	margin-right: 10px;
}

.search-result {
    padding-top: 10px;
    clear:both;
    padding-left: 10px;
    margin-right: 20px;
}

.search-header {
    padding-left: 10px;
    font-size: 16px;
}

.search-hit {
    font-weight:bold; font-size: 24px;
}
@media(max-width:1028px){
     .search-result-page .dropdown-box{
        width: 183px !important;
    }
    .search-result-page .filter-label
    {
        padding-left: 0 !important;
    }
    .search-result-page .mobile{
        width: 50%;
    }
    .toggle-wrapper .search-result-page .filter-label{
        width: 50%;
    }
    .toggle-wrapper .search-result-page .mobile{
        width: 230px;
    }
    .toggle-wrapper .search-result-page .mobile-float{
        float:left !important;
    }
    .toggle-wrapper .search-result-search-more{
        margin-top: -10px;
    }
}
@media(max-width:768px){
    .search-result-page .dropdown-box{
        width: 183px !important;
    }
    .search-result-page .filter-label
    {
        padding-left: 0 !important;
    }
    .search-result-page .mobile{
        width: 50%;
    }
    
}

@media(max-width:650px){
    .search-result-page .dropdown-box{
        width: 183px !important;
    }
    .search-result-page .filter-label
    {
        padding-left: 0 !important;
        width: 50% !important;
    }
    .search-result-page .mobile{
        width: 50%;
    }
}

@media(max-width:490px)
{
    .search-result-page .filter-label
    {
        padding-left: 0 !important;
        width: 65px !important;
    }
    .search-result-page .dropdown-box{
        width: 183px !important;
    }
     .search-result-page .mobile{
        width: 100%;
        padding-top: 10px;
    }
     #wrapper{
         overflow-y: auto;
         height: auto;
     }
     .search-hit{
        font-size: 15px;
    }
    .search-result-page .search-button{
        font-size: 11px;
        margin-left: 2px;
     }
    .search-result{
        padding-left: 10px;
    }
    .search-result-page{
        margin-left: 10px;
    }
    .search-header{
        padding-left: 10px;
    }
}
@media(max-width:375px) {
    .search-box{
        padding-right: 0px;
    }
    .search-result-page{
        margin-left: 10px;
    }
    .search-header{
        padding-left: 10px;
    }
    .search-result-page .search-button{
        font-size: 10px;
        margin-left: 2px;
    }

    .search-result-page .dropdown-box{
        width: 183px !important;
    }
    .search-hit{
        margin-left: 20px !important;
        font-size: 15px;
    }
    .search-result{
        padding-left: 10px;
    }
    .search-result-page .float-left{
        padding-top: 5px;
        
    }
    .search-result-page .mobile{
        width: 100%;
    }
    .search-result-page .mobile-float{
        float:right !important;
        margin-right: 20px;
    }
    .search-result-page .filter-label
    {
        padding-left: 0 !important;
    }
     #wrapper{
         overflow-y: hidden;
     }
     .search-result-search-more{
        margin-top: -10px;
    }
}

/* ----------- iPhone 5 and 5S ----------- */

/* Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
    #wrapper{
         overflow-y: hidden;
         height: 514px;
     }
}

/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
    #wrapper{
         overflow-y: hidden;
         height: 270px;
     }
}


/* ----------- iPhone 6 ----------- */

/* Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 
    #wrapper{
         overflow-y: hidden;
         height: 615px;
     }
}

/* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 
    #wrapper{
         overflow-y: hidden;
         height: 324px;
     }
}

/* ----------- iPhone 6+ ----------- */
/* Portrait */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 
    #wrapper{
         overflow-y: hidden;
         height: 683px;
     }
}

/* Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 
    #wrapper{
         overflow-y: hidden;
         height: 360px;
     }
}

.CodeMirror {
    font-family: monospace;
    height: 300px;
    color: #000
}

.CodeMirror-lines {
    padding: 4px 0
}

.CodeMirror pre {
    padding: 0 4px
}

.CodeMirror-gutter-filler, .CodeMirror-scrollbar-filler {
    background-color: #fff
}

.CodeMirror-gutters {
    border-right: 1px solid #ddd;
    background-color: #f7f7f7;
    white-space: nowrap
}

.CodeMirror-linenumber {
    padding: 0 3px 0 5px;
    min-width: 20px;
    text-align: right;
    color: #999;
    white-space: nowrap
}

.CodeMirror-guttermarker {
    color: #000
}

.CodeMirror-guttermarker-subtle {
    color: #999
}

.CodeMirror-cursor {
    border-left: 1px solid #000;
    border-right: none;
    width: 0
}

.CodeMirror div.CodeMirror-secondarycursor {
    border-left: 1px solid silver
}

.cm-fat-cursor .CodeMirror-cursor {
    width: auto;
    border: 0 !important;
    background: #7e7
}

.cm-fat-cursor div.CodeMirror-cursors {
    z-index: 1
}

.cm-animate-fat-cursor {
    width: auto;
    border: 0;
    -webkit-animation: blink 1.06s steps(1) infinite;
    -moz-animation: blink 1.06s steps(1) infinite;
    animation: blink 1.06s steps(1) infinite;
    background-color: #7e7
}

@-moz-keyframes blink {
    50% {
        background-color: transparent
    }
}

@-webkit-keyframes blink {
    50% {
        background-color: transparent
    }
}

@keyframes blink {
    50% {
        background-color: transparent
    }
}

.cm-tab {
    display: inline-block;
    text-decoration: inherit
}

.CodeMirror-rulers {
    position: absolute;
    left: 0;
    right: 0;
    top: -50px;
    bottom: -20px;
    overflow: hidden
}

.CodeMirror-ruler {
    border-left: 1px solid #ccc;
    top: 0;
    bottom: 0;
    position: absolute
}

.cm-s-default .cm-header {
    color: #00f
}

.cm-s-default .cm-quote {
    color: #090
}

.cm-negative {
    color: #d44
}

.cm-positive {
    color: #292
}

.cm-header, .cm-strong {
    font-weight: 700
}

.cm-em {
    font-style: italic
}

.cm-link {
    text-decoration: underline
}

.cm-strikethrough {
    text-decoration: line-through
}

.cm-s-default .cm-keyword {
    color: #708
}

.cm-s-default .cm-atom {
    color: #219
}

.cm-s-default .cm-number {
    color: #164
}

.cm-s-default .cm-def {
    color: #00f
}

.cm-s-default .cm-variable-2 {
    color: #05a
}

.cm-s-default .cm-type, .cm-s-default .cm-variable-3 {
    color: #085
}

.cm-s-default .cm-comment {
    color: #a50
}

.cm-s-default .cm-string {
    color: #a11
}

.cm-s-default .cm-string-2 {
    color: #f50
}

.cm-s-default .cm-meta {
    color: #555
}

.cm-s-default .cm-qualifier {
    color: #555
}

.cm-s-default .cm-builtin {
    color: #30a
}

.cm-s-default .cm-bracket {
    color: #997
}

.cm-s-default .cm-tag {
    color: #170
}

.cm-s-default .cm-attribute {
    color: #00c
}

.cm-s-default .cm-hr {
    color: #999
}

.cm-s-default .cm-link {
    color: #00c
}

.cm-s-default .cm-error {
    color: red
}

.cm-invalidchar {
    color: red
}

.CodeMirror-composing {
    border-bottom: 2px solid
}

div.CodeMirror span.CodeMirror-matchingbracket {
    color: #0f0
}

div.CodeMirror span.CodeMirror-nonmatchingbracket {
    color: #f22
}

.CodeMirror-matchingtag {
    background: rgba(255,150,0,.3)
}

.CodeMirror-activeline-background {
    background: #e8f2ff
}

.CodeMirror {
    position: relative;
    overflow: hidden;
    background: #fff
}

.CodeMirror-scroll {
    overflow: scroll !important;
    margin-bottom: -30px;
    margin-right: -30px;
    padding-bottom: 30px;
    height: 100%;
    outline: 0;
    position: relative
}

.CodeMirror-sizer {
    position: relative;
    border-right: 30px solid transparent
}

.CodeMirror-gutter-filler, .CodeMirror-hscrollbar, .CodeMirror-scrollbar-filler, .CodeMirror-vscrollbar {
    position: absolute;
    z-index: 6;
    display: none
}

.CodeMirror-vscrollbar {
    right: 0;
    top: 0;
    overflow-x: hidden;
    overflow-y: scroll
}

.CodeMirror-hscrollbar {
    bottom: 0;
    left: 0;
    overflow-y: hidden;
    overflow-x: scroll
}

.CodeMirror-scrollbar-filler {
    right: 0;
    bottom: 0
}

.CodeMirror-gutter-filler {
    left: 0;
    bottom: 0
}

.CodeMirror-gutters {
    position: absolute;
    left: 0;
    top: 0;
    min-height: 100%;
    z-index: 3
}

.CodeMirror-gutter {
    white-space: normal;
    height: 100%;
    display: inline-block;
    vertical-align: top;
    margin-bottom: -30px
}

.CodeMirror-gutter-wrapper {
    position: absolute;
    z-index: 4;
    background: 0 0 !important;
    border: none !important
}

.CodeMirror-gutter-background {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 4
}

.CodeMirror-gutter-elt {
    position: absolute;
    cursor: default;
    z-index: 4
}

.CodeMirror-gutter-wrapper ::selection {
    background-color: transparent
}

.CodeMirror-gutter-wrapper ::-moz-selection {
    background-color: transparent
}

.CodeMirror-lines {
    cursor: text;
    min-height: 1px
}

.CodeMirror pre {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    border-width: 0;
    background: 0 0;
    font-family: inherit;
    font-size: inherit;
    margin: 0;
    white-space: pre;
    word-wrap: normal;
    line-height: inherit;
    color: inherit;
    z-index: 2;
    position: relative;
    overflow: visible;
    -webkit-tap-highlight-color: transparent;
    -webkit-font-variant-ligatures: contextual;
    font-variant-ligatures: contextual
}

.CodeMirror-wrap pre {
    word-wrap: break-word;
    white-space: pre-wrap;
    word-break: normal
}

.CodeMirror-linebackground {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 0
}

.CodeMirror-linewidget {
    position: relative;
    z-index: 2;
    overflow: auto
}

.CodeMirror-rtl pre {
    direction: rtl
}

.CodeMirror-code {
    outline: 0
}

.CodeMirror-gutter, .CodeMirror-gutters, .CodeMirror-linenumber, .CodeMirror-scroll, .CodeMirror-sizer {
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.CodeMirror-measure {
    position: absolute;
    width: 100%;
    height: 0;
    overflow: hidden;
    visibility: hidden
}

.CodeMirror-cursor {
    position: absolute;
    pointer-events: none
}

.CodeMirror-measure pre {
    position: static
}

div.CodeMirror-cursors {
    visibility: hidden;
    position: relative;
    z-index: 3
}

div.CodeMirror-dragcursors {
    visibility: visible
}

.CodeMirror-focused div.CodeMirror-cursors {
    visibility: visible
}

.CodeMirror-selected {
    background: #d9d9d9
}

.CodeMirror-focused .CodeMirror-selected {
    background: #d7d4f0
}

.CodeMirror-crosshair {
    cursor: crosshair
}

.CodeMirror-line::selection, .CodeMirror-line > span::selection, .CodeMirror-line > span > span::selection {
    background: #d7d4f0
}

.CodeMirror-line::-moz-selection, .CodeMirror-line > span::-moz-selection, .CodeMirror-line > span > span::-moz-selection {
    background: #d7d4f0
}

.cm-searching {
    background: #ffa;
    background: rgba(255,255,0,.4)
}

.cm-force-border {
    padding-right: .1px
}

@media print {
    .CodeMirror div.CodeMirror-cursors {
        visibility: hidden
    }
}

.cm-tab-wrap-hack:after {
    content: ''
}

span.CodeMirror-selectedtext {
    background: 0 0
}