/* moved styles from styles.css (used in ITS only) */

.sImportant, .sRequired, div.revalRequired>label {
	font-weight: bold;
}

.sImportantLeftPadding {
	font-weight: bold;
	padding-left: 11px;
}


/* Style hack for now */

.x-tab-grouptab .collapsed {
	background-image: url("../style/icons/SymPlusTrade.gif");
}

.x-tab-grouptab.expanded .collapsed {
	background-image: url("../style/icons/SymMinusTrade.gif");
}


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

.x-toolbar-TopRibbon .x-btn-default-toolbar-small {
	background-image: none !important;
	background-color: transparent !important;
}

/* old container */


span.path {
	cursor: pointer;
	font-family: arial;
	color: black;
	font-size: 8pt;
	font-weight: normal;
	text-decoration: none;
}


.custom-tools-icons .x-tool-img {
	background-image: url("../style/icons/dashboard/tool-sprites-dark-custom.png") !important;
}


.sSmall, td.sSmall .x-form-readonly {
	font-size: 10px;
	opacity: 1.0;
	color: black;
}

.sXSmall, td.sXSmall .x-form-readonly {
	font-size: 9px;
	opacity: 1.0;
	color: black;
}

.sXXSmall, td.sXXSmall .x-form-readonly {
	font-size: 8px;
	opacity: 1.0;
	color: black;
}

.labelSmall {
	font-size: 10px !important;
	text-align: right;
	color: black;
}

.labelXSmall {
	font-size: 9px !important;
	text-align: right;
	color: black;
}

.labelXXSmall {
	font-size: 8px !important;
	text-align: right;
	color: black;
}


.x-toolbar-TopRibbon .x-btn-default-toolbar-small {
	/* background-image: none !important; */
	background-color: transparent !important;
	padding: 4px;
	border-radius: 1px;
}

span.path {
	cursor: pointer;
	font-family: arial;
	color: black;
	font-size: 8pt;
	font-weight: normal;
	text-decoration: none;
}

.sImportant, .sRequired, div.revalRequired>label {
	font-weight: bold;
}

.sImportantLeftPadding {
	font-weight: bold;
	padding-left: 11px;
}

.sXSmall, td.sXSmall .x-form-readonly {
	font-size: 9px;
	opacity: 1.0;
	color: black;
}

.sXXSmall, td.sXXSmall .x-form-readonly {
	font-size: 8px;
	opacity: 1.0;
	color: black;
}

.labelSmall {
	font-size: 10px !important;
	text-align: right;
	color: black;
}

.labelXSmall {
	font-size: 9px !important;
	text-align: right;
	color: black;
}

.labelXXSmall {
	font-size: 8px !important;
	text-align: right;
	color: black;
}

.x-tab-grouptab .collapsed {
	background-image: url("../style/icons/SymPlusTrade.gif");
}

.x-tab-grouptab.expanded .collapsed {
	background-image: url("../style/icons/SymMinusTrade.gif");
}

.custom-tools-icons .x-tool-img {
	background-image: url("../style/icons/dashboard/tool-sprites-dark-custom.png") !important;
}

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

.dynamiclist .x-grid-cell-selected, .dynamiclist .x-grid-item-focused {
	background-color: #ccc !important;
}

.x-mask-msg {
    min-width: 100px;
    height: 60px;
	background: none;
}
.filtersbox .x-btn-default-small {
	margin-right: 3px;
}

/* close icon in item list of a multiselect edit field */
.x-form-text-default .x-tagfield-item-close {
	font-size: 14px;
}

/* padding top should be updated in component.scss from 2 to 2 px */
.x-form-fieldcontainer .x-box-target label.revallabel {
    padding-top: 3px !important;
}