@CHARSET "ISO-8859-1";

html, body {
	height: 99.8%;
}

body {
	margin: 0;
	padding: 0;
	margin-left: auto;
	margin-right: auto;
}

/* Sub-level-1 Tabs... Tab-Headers with Background Color and TRANSPARENT Container Bar (i.e. widget-header is transparent) */
.sub-tab-first-level {
	padding: 0px;
	background: none;
	border-width: 0px;
}

.sub-tab-first-level>.ui-tabs-nav {
	padding-left: 0px;
	background: transparent;
	border-width: 0px 0px 0px 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
}

.sub-tab-first-level>.ui-tabs-panel {
	/*background: url(images/ui-bg_highlight-hard_55_f8da4e_1x100.png) repeat-x scroll 50% top #f5f3e5;*/
	border-width: 1px 1px 1px 1px;
	padding: 2px;
}

.sub-tab-first-level>.ui-tabs-nav li.ui-tabs-selected {
	font-weight: 500;
	border-width: 3px;
	border-color: #3692D3;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.sub-tab-first-level>.ui-tabs-nav li.ui-tabs-selected a {
	color: black;
}

.sub-tab-first-level>.ui-tabs-nav li {
	background: transparent;
	border: 0px;
	box-shadow: 0px 0px 0px black;
	font-weight: 500;
	font-size: 8.5pt;
}

.sub-tab-first-level>.ui-tabs-nav li a {
	color: #858585;
	width: 80px;
	position: relative;
	padding-bottom: 10px;
	text-align: center;
	font-size: 11px;
}

.sub-tab-first-level .ui-state-hover a {
	background: #e3ebee;
	color: black;
}

.sub-tab-first-level > .ui-tabs-nav li.ui-state-active a {
	background: transparent !important;
}

.sub-tab-second-level {
	background: transparent;
	border: none;
}

/* Sub-level-2 Tabs... Tab-Headers WITHOUT Background Color and TRANSPARENT Container Bar (i.e. Tab background and widget-header are transparent) */
.sub-tab-second-level>.ui-widget-header {
	background: transparent;
	border: none;
	border-bottom: 2px solid #278CBA;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
}

.sub-tab-second-level>.ui-widget-header>.ui-state-default {
	background: #FFFFFF;
}

.sub-tab-second-level>.ui-widget-header>.ui-state-active {
	background: transparent
		url(../images/info_icons/ui_tabs_arrow.png?ver=392RC101) no-repeat bottom
		center;
	border-width: 2px;
	border-color: #1E9A44;
}

.sub-tab-second-level .ui-state-default a {
	color: #000000;
}

.sub-tab-second-level .ui-state-hover a {
	background: #C2E0EE;
}

.sub-tab-second-level .ui-state-active a {
	color: #1E9A44;
	font-weight: 500;
}

.sub-tab-second-level>.ui-tabs-panel {
	
}

tr.even-row td {
	background-color: #f2f2f2;
}

tr.odd-row td {
	background-color: white;
}

td.padding {
	padding-top: 6px;
	padding-bottom: 6px;
	padding-right: 6px;
	padding-left: 6px;
}

.attribute-table-scroll {
	min-height: 40px;
	height: auto;
	overflow: auto;
}

.pkg-attribute-table-scroll {
	height: auto;
	overflow: auto;        
}

.ui-widget {
	font-family:'Roboto', Arial, sans-serif;
	font-size: 8pt;
	color: rgb(33, 33, 33);
}

.ui-widget .ui-widget {
	font-size: 8pt;
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button
	{
	font-family: 'Roboto', Arial, sans-serif;
	font-size: 8pt;
}

.ui-accordion .ui-accordion-header a {
	display: block;
	font-size: 8pt;
	padding: .5em .5em .5em .7em;
}

#parent-dialog-tab-miscellaneous {
	height: calc(100vh - 115px);
}

.miscellaneous-tab {
	height: calc(100% - 35px);
	overflow: auto;
}
/*New tab style START*/
.tabmat {
	position: relative;
	width: 110px;
	height: 3px;
	background: #ffa500;
	margin-top: 29px;
	transition: 0.4s;
}

.strg-tabmat {
	position: relative;
	width: 160px;
	height: 3px;
	background: #ffa500;
	margin-top: 29px;
	transition: 0.4s;
}

#parent-storage-tab li .ui-icon-close {
	float: left;
	margin: 0.4em 0.2em 0 0;
	cursor: pointer;
}

#assign-strg-location-tab.ui-state-active ~div {
	left: 6px;
}

#manage-strg-container-tab.ui-state-active ~div {
	left: 184px;
}

#storage-search-tab.ui-state-active ~div {
	left: 346px;
}

#menu-activity-tab.ui-state-active ~div {
	left: 357px;
}

#menu-dashboard-tab.ui-state-active ~div {
	left: 0px;
}

#menu-task-tab.ui-state-active ~div {
	left: 117px;
}

#menu-alert-tab.ui-state-active ~div {
	left: 236px;
}

#menu-mytask-tab.ui-state-active ~div {
	left: 476px;
}

#parent-home-tab label>img {
	vertical-align: middle;
	padding-right: 5px;
}

#menu-label-design-sub-tab-1.ui-state-active ~div {
	left: 0px;
}

#menu-label-design-sub-tab-2.ui-state-active ~div {
	left: 117px;
}

#menu-label-design-sub-tab-3.ui-state-active ~div {
	left: 236px;
}

#general-settings-tab.ui-state-active ~div {
	left: 0px;
}

#gui-settings-tab.ui-state-active ~div {
	left: 117px;
}

.lbl-design-fixed-header-tab {
	height: calc(100vh - 155px);
	overflow: auto;
}
/*New tab style css END*/