/*  error_* is for the general Error Page */
.error_title {text-align: center; font-size:1em; font-weight: 700}
.error_body {background-color: #F5F5F5;}
.error_body td {padding:6px;}
.error_step {text-align: center; color: black; font-size:1em; font-weight: 400}
.error_step_right {text-align: right; color: black; font-size:1em; font-weight: 400}
.error_step_left {text-align: left; color: black; font-size:1em; font-weight: 400}
.error_step_main {text-align: left; color: black; font-size:1em; font-weight: 400}
.error_desc {border: 0px; color: black; font-size:1.1em; font-weight: 700; width: 500;}


.errorDiv {
	color:red;
	width:900px;
	height:65px;
	overflow-y:auto;
	overflow-x:hidden;
	font-weight:bold;
	font-size:1.25em;
}

.errorDiv2 {
	color:red;
	width:900px;
	height:65px;
	font-weight:bold;
	font-size:1.25em;
}

.errorDiv3 {
	color:red;
	width:900px;
	font-weight:bold;
	font-size:1.25em;
}

/* Standard Ignite table TOOD this needs to be out in all Confio tables (Main, Query, Realtime, etc...*/
.igniteScrollableDivForTable{
	overflow: auto;
	width: 100%;
	background-color: rgb(228, 228, 228);
	height: 350px;		/* over ride the height for your table */
    border-bottom:1px solid #E0E0E0;
}

.igniteTable {
	width:100%;
    border-bottom:0!important;
}

.igniteTable th {
	background-color:#909BA3;
	border-bottom:1px solid #FFFFFF;
	border-right:1px solid #FFFFFF;
	color:#FFFFFF;
	font-size:12px;
	padding:4px;
	text-align:center;
}


.igniteTable td {
	background-color:#D2D6D9;
	border-bottom:1px solid #EBEBEB;
	padding:4px;
	border-right:1px solid #FFFFFF;
}

.wrappedTable td{
    word-wrap: break-word;
}

.wrappedTable td p{
	margin: 7px 0;
	padding: 0;
}
/* End Standard Ignite Table */


#crumbs .error_step a, #crumbs .error_step a:visited, #crumbs .error_step_left a, #crumbs .error_step_left a:visited, #crumbs .error_step_right a, #crumbs .error_step_right a:visited {
	color: black;
}

#createaccountcontent .error_desc a, #createaccountcontent .error_desc a:visited {
	color: blue;
}

.no_license_desc {text-align: left; border: 0px; font-size:.8em; font-weight: 700; width: 300;}

 /*  .db_* is for the Main Page Show database tables for a repo */
.db_heading {text-align: left; border: 0px; font-size:.9em; font-weight: normal; width: 700;}

.db_table {
	font-size:.9em;
}

.db_table_top_header {
	font-size: 1em;
	font-weight: 700;
	color: #FFFFFF;
	background: #3b479d;
}

.db_table_header {
	font-size: .9em;
	background: #FFFFFF;
/*	border-style: solid;
	border-color: #A1A1A1;	*/
}

.db_table_entry {
	font-size: .9em;
	font-weight: normal;
	background: #FFFFFF;
	border-style: solid;
	border-color: #A1A1A1;
	text-align: left;
}

/* generic used throughout pages */

/*
th {background-color:#e8eefa; font-family: verdana, sans-serif;
	font-size: .8em;
	line-height: 145%;
	border: 1px;}
*/

.page_sub_header {text-align: center; border: 0px; font-size:1.1em; font-weight: 700;}

.login_title {text-align: center; font-size:1em; font-weight: 700;}
.bottom_warning {font-size:1em; font-weight: 700; color: red}
.login_warning {text-align: left; border: 0px; font-size:1em; font-weight: 700; color: red}
.register_repo_warning {text-align: left; border: 0px; font-size:1em; font-weight: 700; color: red}
.global_warning {text-align: left; border: 0px; font-size:1.1em; font-weight: 700; color: red}

.register_desc {text-align: left; border: 0px; font-size:1em; font-weight: 700; width: 820;}
.register_desc_no_width {text-align: left; border: 0px; font-size:1em; font-weight: 700;}

.global_desc {text-align: left; border: 0px; font-size:.8em; font-weight: 700; width: 820;}
.global_desc_no_width {text-align: left; border: 0px; font-size:1.1em; font-weight: 700;}
.global_small_desc {text-align: left; border: 0px; font-size:.7em; font-weight: normal; width: 820;}
.global_small_desc_no_width {text-align: left; border: 0px; font-size:.7em; font-weight: normal;}

#timeSliceDialog .bd {background:#E0E0E0;}
#timeSliceDialog .ft {background:#E0E0E0;}
.ts_dialog_div {text-align: center; border: 0px; font-weight: normal;}
.ts_dialog_title {font-size:1.1em; font-weight: 700;}

#epLoginDialog .bd {background:#E0E0E0;}
#epLoginDialog .ft {background:#E0E0E0;}
.ep_login_dialog_title {text-align: center; border: 0px; font-size:1em; font-weight: 700;}
.ep_login_dialog_div {text-align: left; color: #014D82; font-size:1.2em; font-weight: 700;}

#epMonDBConnPanel .bd {background:#E0E0E0;}
#epMonDBConnPanel .ft {background:#E0E0E0;}


#sqlPropsDialog .bd {background:#E0E0E0;}
#sqlPropsDialog .ft {background:#E0E0E0;}
.sql_props_dialog_title {font-size:.9em; font-weight: 700;}
.sql_props_label {margin-right: 2px;font-weight: bold}
.sql_props_label_big {font-size: 14px;}
.sql_props_label_left {text-align: left; border: 0px; font-weight: normal;}
.sql_props_value {text-align: left; font-weight: 700}

#descDialog .bd {background:#E0E0E0;}
#descDialog .ft {background:#E0E0E0;}
.desc_dialog_table {background:#E0E0E0; width: 35em;}
.desc_dialog_title {text-align: left; background:#E0E0E0; color:BLACK; border: 0px; text-decoration: underline; font-size:1em; font-weight: 700;}
.desc_dialog_text {text-align: right; border: 0px; font-size:.7em; font-weight: 700;}
.desc_dialog_value {text-align: left; border: 0px; font-size:.7em; font-weight: normal;}
.desc_dialog_stats_value {text-align: left; border: 0px; font-size:.7em; font-weight: 700;}
.desc_dialog_stats_text {text-align: left; border: 0px; font-size:.7em; font-weight: normal;}
.desc_dialog_sql {text-align: left; border: 0px; font-size:.9em; font-weight: normal; height: 7em; width: 400px;}
/*.desc_dialog_solution {border: 0px; padding:1em; overflow:auto; background:#FFFFFF; font-family: Arial; font-size:.9em; font-weight: normal; height: 8em; width: 26.5em; margin-top: 3pt;}*/

.tab_sql_data_rename_button {text-align: center; font-size:.7em; font-weight: normal;}
.tab_sql_data_sub_title {text-align: center; background:#082984; color:WHITE; border: 0px; font-size:1.1em; font-weight: 700;}
.tab_sql_data_textarea {text-align: left; border:1px solid #8F9194; font-weight: normal; height: 300px; width: 1130px;}
.tab_sql_data_stats {text-align: left; font-weight: normal;}

.anchor {font-size:.7em; font-weight: normal;}

/*
.tableCaption {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
*/

.td_value {text-align: left; border: 0px; font-weight: 700}
.td_left_no_width {text-align: left; border: 0px; font-weight: normal}
.td_right_no_width {text-align: right; border: 0px; font-weight: normal}
.td_right {text-align: right; border: 0px; font-weight: normal; width: 250}
.td_menu {vertical-align: top; text-align: right; font-weight: normal; padding:10px}

/*
.td_table_entry {text-align: left; font-size:.8em; font-weight: normal;}
*/
/* SQL properties popup */
.sqlPropsPopup{

}
.sqlPropsHeader{
	border-bottom: 1px solid silver;
	padding: 0 20px 15px 20px;
	margin: 0 -22px 20px -22px;
}

.sqlPropsHeader .sql_props_label{
	display: inline-block;
	margin: 8px 20px 0 0;
}

.sqlPropsPopup .note{font-size: 11px; color: grey;}

.sqlPropsName{display:inline-block}
.sqlPropsExclude{display:inline-block; vertical-align: bottom; margin: 0 0 20px 20px;}
.sqlPropsExclude a.slider-link-btn{
	text-decoration: none;
	color: #333;
}
.sqlPropsExclude #slideTrigger{margin-right: 5px}


.breadcrumbs {text-align: left; border: 0px; font-size:.8em; font-weight: normal;}

.blutitle {
margin-bottom: -5px;
display:block;
background: #555;
-moz-border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
}

.blutitle h3 {
padding: 4px 0 4px 8px;
color: #FFFFFF;
text-decoration: none;
font-style: normal;
font-size: 13px;
display:block;
font-weight:bold;
margin-bottom:4.5pt;
margin-top:3pt;
}

.alertStatusLabel, .queryToolLabel, .dbOptionsLabel {
color: #FFFFFF;
text-decoration: none;
font-style: normal;
font-weight:bold;
font-size: 13px;
}

table {

font-size: 12px;
}

.tableRotate {
table-layout: fixed;
width: 100%;
}

.tableRotate td {
border-bottom: 1px solid #EBEBEB;
padding: 4px 4px 4px 4px;
}

/*
.tableRotate tr {
height: 1.8em;
}
*/

.tableMain td {
border-right: 1px solid #FFFFFF;
}

.tableMain a:not(.btn), .tableMain a:link:not(.btn) {
color: #2A69AD;
}

.tableMainWarningTitle {
	height: 50px;
	text-align: center;
	font-size:1.1em;
	font-weight: 700;
	border: 0px;
	border-right: 0px;
}

.tableMainWarning {
	/*height: 150px;*/
	padding: 15px;
	text-align: left;
	font-size:1.1em;
	font-weight: 700;
	border: 0px;
}

.tableRotate span {
padding: 6px;
margin: 2px 0 2px 0;
}

.tableMain th {
	position: relative;
background-color: #9CA5AC;
border-bottom: 1px solid #FFFFFF;
border-right: 1px solid #FFFFFF;
font-size: 12px;
text-align: center;
color: #FFFFFF;
padding: 4px 4px 4px 4px;
}

.tableRotate th {
	position: relative;
background-color: #909BA3;
border-bottom: 1px solid #FFFFFF;
border-right: 1px solid #FFFFFF;
font-size: 12px;
text-align: left;
color: #FFFFFF;
padding: 4px 4px 4px 4px;
text-shadow: 0 1px 0 rgba(0, 0, 0, .38);
}

.tableMain th:hover .sort-arrow, .tableRotate th:hover .sort-arrow {
	visibility: visible;
}

.sort-text {
	display: inline-block !important;
	white-space: pre-wrap;
	padding-left: 4px;
	height: 16px;
	vertical-align: middle;
}
.sort-arrow {
    float: right;
	width: 15px;
	height: 15px;
	padding-top: 4px;
	padding-right: 4px;
	background-repeat: no-repeat;
	background-position: center center;
	visibility: hidden;
	display: inline-block;
	background-image: url(../images/svg/triangle_sort.svg);
	vertical-align: middle;
}
.sorting_asc .sort-arrow,
.sorting_desc .sort-arrow {
	display: inline-block;
	visibility: visible;
}
.sorting_asc .sort-arrow {
	background-image: url(../images/svg/triangle_up.svg);
}
.sorting_desc .sort-arrow {
	background-image: url(../images/svg/triangle_down.svg);
}
/* arrow fix - required due to dataTables in popups */
.yui-panel-container.yui-overlay-hidden .sort-arrow{visibility: hidden}

.tableBlockersMain td {
border-right: 1px solid #FFFFFF;
}

.tableBlockersMain a, .tableBlockersMain a:link {
color: #0000FF;
}

.tableBlockers {
/* table-layout: fixed; */
width: 100%;
}

.tableBlockers td {
border-bottom: 1px solid #EBEBEB;
padding: 4px 4px 4px 4px;
}

.tableBlockers span {
padding: 2px;
margin: 4px 0 4px 0;
}

/* .tableBlockers th {
background-color: #909BA3;
border-bottom: 1px solid #FFFFFF;
border-right: 1px solid #FFFFFF;
font-size: 12px;
text-align: left;
color: #FFFFFF;
padding: 2px 2px 2px 2px;
} */
.sortable th:not(.sorting_disabled) {
	cursor: pointer;
}
.alarm-summary .count-box {
	margin: 0 5px;
	padding: 0 4px;
	font-size: 16px;
	display: inline-block;
	text-align: center;
	color: #ACACAC;
	border-radius: 5px;
	border: 1px solid #BED2DF;
	background-color: #ECF1F5;
}
.alarm-summary .count-box span {
	padding: 5px 6px 4px 6px;
	margin: 0;
	display: inline-block;
	float: left;
    border-right: 1px solid #BED2DF;
}
.alarm-summary .count-box > span:last-child {
    border-right: 0px;
}

.alarm-summary .high,
.alarm-summary .low,
.alarm-summary .critical,
.alarm-summary .warning {
	font-weight: bold;
}

.alarm-summary .high,
.alarm-summary .critical {
	color: #C14141;
}

.alarm-summary .low,
.alarm-summary .warning {
    color: #E2BA3F;
}

.alarm-summary .medium {
    color: #ff7300;
}

.alarm-summary .info {
    color: #0e90d2;
}

.alarm-summary .broken {
    font-weight: bold;
    color: #AB4DA8;
}

.alarm-summary .totals .count-box {
	background-color: #f1f1f1;
	border: 1px solid #CACACA;
    border-right: 1px solid #CACACA;
}
.alarm-summary .totals .count-box > span:last-child {
    border-right: 0px;
}
.alarm-summary .totals .count {
	background-color: #f1f1f1;
}

.sqlnote {
margin-left: auto;
width: 370px;
background: #fff;
}

.sqlnote-bottom {

width: 370px;
background: #fff;
}

.sqlnote p {
font-size: 12px;
color: #555;
padding: 8px;
margin: 0;
text-align: left;
}

.HIGH-CRITICAL {
	color: red;
	background: url(../images/svg/severity_critical.svg) no-repeat left;
	background-size: 14px;
}

.MEDIUM-WARNING {
	color: orange;
	background: url(../images/svg/severity_warning.svg) no-repeat left;
	background-size: 14px;
}

/*IE fixes because IE render svg images wrongly in case that image is not in default size*/
#alertStatusTable .HIGH, #alertStatusTable .MEDIUM, #alertStatusTable .LOW, #alertStatusTable .INFO, #alertStatusTable .NORMAL,
#alertStatusTable .UNKNOWN, #alertStatusTable .BROKEN, #alertStatusTable .INACTIVE, #alertStatusTable .NOTRUN,
#dialogDatatable .HIGH, #dialogDatatable .MEDIUM, #dialogDatatable .LOW, #dialogDatatable .INFO, #dialogDatatable .NORMAL,
#dialogDatatable .UNKNOWN, #dialogDatatable .BROKEN, #dialogDatatable .INACTIVE, #dialogDatatable .NOTRUN{
    padding: 2px;
}

.smallDialogDataTableWrapper{
    height:200px; overflow: auto;
    border: 1px solid #B3B3B3;
    margin-bottom: 10px;
}
.smallDialogDataTableWrapper .styledTable{
    border-width: 0 0 1px;
}
.smallDialogDataTableWrapper .styledTable th{
    height: 31px
}
.smallDialogDataTableWrapper .styledTable td{
    text-align: left;
}

.HIGH,
.MEDIUM,
.LOW,
.INFO,
.NORMAL,
.UNKNOWN,
.BROKEN,
.INACTIVE,
.NOTRUN,
.scheduleTable .HIGH-CRITICAL,
.scheduleTable .MEDIUM-WARNING {
	padding-left: 20px !important;
}
.scheduleTable.emailTemplatesTable { margin-bottom: 10px; }
.emailTemplatesTable select.styled-text { width: 466px; }

.HIGH {
	color: red;
	background: url(../images/svg/severity_critical.svg) no-repeat left;
	background-size: 14px;
}

.HIGHText {
	color: red;
	font-size: 32px;
}

.MEDIUM {
	color: orange;
	background: url(../images/svg/severity_medium.svg) no-repeat left;
    background-size: 14px;
}

.MEDIUMText {
	color: orange;
	font-size: 32px;
}

.LOW {
	color: #d3bd02;
	background: url(../images/svg/severity_warning.svg) no-repeat left;
    background-size: 14px;
}

.LOWText {
	color: #d3bd02;
	font-size: 32px;
}

.INFO {
	color: blue;
	background: url(../images/svg/severity_info.svg) no-repeat left;
	background-size: 14px;
}

.INFOText {
	color: blue;
	font-size: 32px;
}

.NORMAL {
	color: #7bb23d;
	background:transparent url(../images/svg/severity_ok.svg) no-repeat left;
	background-size: 14px;
}

.NORMALText {
	color: #7bb23d;
	font-size: 32px;
}

.UNKNOWN {
	color: #828282;
	background:transparent url(../images/svg/severity_unknown.svg) no-repeat 0 0;
	background-size: 14px;
}

.UNKNOWNText {
	color: #828282;
	font-size: 32px;
}

.BROKEN {
	color: black;
	background: url(../images/svg/severity_error.svg) no-repeat left;
	background-size: 14px;
}

.BROKENText {
	color: black;
	font-size: 32px;
}

.INACTIVE {
	color: black;
	background: url(../images/svg/status_inactive.svg) no-repeat left;
	background-size: 14px;
}

.INACTIVEText {
	color: black;
	font-size: 32px;
}
.NOTRUN {
	color: black;
	background: url(../images/svg/status_notrun.svg) no-repeat left;
	background-size: 14px;
}

.NOTRUNText {
	color: black;
	font-size: 32px;
}

.alertStatusIcon{
    width: 12px;
    height: 32px;
    background-size: contain;
}

/* .page-form-section {
	width: 100%;
	padding: 20px 0 0 0;
	margin-bottom: 20px;
	border-bottom: 1px solid #EEE;
}
.page-form-sec-label {
	margin-left: 0;
	padding: 0 14px;
	background-color: #F3F3F3;
	color: #777;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 28px;
	border-radius: 0 0 0 0;
} */


.no_stats_available {text-align: left; border: 0px; font-size:1.1em; font-weight: 700;}

.editbox {
margin-top: 1px;
display: block;
background: #EBEBEB;
padding: 0;
}

.editbox .tex {
padding: 1px;
}

.magnifier-icon {
	display: inline-block;
	width: 16px;
	height: 16px;
	margin: -2px 4px;
	background-repeat: no-repeat;
	background-image: url("../images/svg/search.svg");
	background-size: contain;
	cursor: pointer;
}

.redx a {
	background:transparent url(../images/svg/severity_critical.svg) no-repeat 0 0;
	background-size: 16px;
}

.yellowtriangle a {
	background:transparent url(../images/svg/severity_warning.svg) no-repeat 0 0;
	background-size: 16px;
}

.yellowtriangle24 a {
	background:transparent url(../images/svg/severity_warning.svg) no-repeat 0 0;
	background-size: 24px;
padding-left:16px;
padding-top:1px;
height: 50px;
}

.yellowtriangleaged a {
background:transparent url(../images/svg/severity_warning.svg) no-repeat scroll left 0;
	background-size: 16px;
padding-left:16px;
padding-top:1px;
height: 15px;
}

.yellowtriangleaged24 a {
background:transparent url(../images/svg/severity_warning.svg) no-repeat scroll left 0;
	background-size: 24px;
padding-left:16px;
padding-top:1px;
height: 15px;
}

.information a {
	background:transparent url(../images/svg/severity_info.svg) no-repeat 0 0;
	background-size: 16px;
padding-left:16px;
padding-top:1px;
}

.monitor-status {
	width: 15px;
	height: 15px;
	padding-left: 20px;
	display: block;
	float: left;
	background-repeat: no-repeat;
}
.monitor-status-0 {
	background:transparent url(../images/svg/arrow_up_green.svg) no-repeat 2px 0px;
	background-size: 12px 12px;
}
.monitor-status-1,
.monitor-status-5 {
	background:transparent url(../images/svg/arrow_down_blue.svg) no-repeat 2px 1px;
	background-size: 12px 12px;
}
.monitor-status-2,
.monitor-status-3 {
	background-image: url(../images/loading.gif);
}
.monitor-status-disabled {
	background:transparent url(../images/svg/arrow_down_red.svg) no-repeat 2px 1px;
	background-size: 12px 12px;
}
.monitor-status-no-lic {
    background:transparent url(../images/svg/status_not_licensed.svg) no-repeat 2px 0px;
    background-size: 14px 14px;
}
.wait-time-meter {
	width: 51px;
	height: 16px;
	display: block;
	background-repeat: no-repeat;
}
.meter-0 {
	background-image: url(../images/WaitTimeMeter_normal_0.png);
}
.meter-1 {
	background-image: url(../images/WaitTimeMeter_normal_1.png);
}
.meter-2 {
	background-image: url(../images/WaitTimeMeter_normal_2.png);
}
.meter-3 {
	background-image: url(../images/WaitTimeMeter_normal_3.png);
}
.meter-4 {
	background-image: url(../images/WaitTimeMeter_normal_4.png);
}
.meter-5 {
	background-image: url(../images/WaitTimeMeter_normal_5.png);
}
.meter-6 {
	background-image: url(../images/WaitTimeMeter_critical_1.png);
}
.meter-7 {
	background-image: url(../images/WaitTimeMeter_critical_2.png);
}
.meter-8 {
	background-image: url(../images/WaitTimeMeter_critical_3.png);
}
.meter-9 {
	background-image: url(../images/WaitTimeMeter_critical_4.png);
}
.meter-10 {
	background-image: url(../images/WaitTimeMeter_critical_5.png);
}
.meter-11 {
	background-image: url(../images/WaitTimeMeter_warning_1.png);
}
.meter-12 {
	background-image: url(../images/WaitTimeMeter_warning_2.png);
}
.meter-13 {
	background-image: url(../images/WaitTimeMeter_warning_3.png);
}
.meter-14 {
	background-image: url(../images/WaitTimeMeter_warning_4.png);
}
.meter-15 {
	background-image: url(../images/WaitTimeMeter_warning_5.png);
}
.meter-16 {
	background-image: url(../images/WaitTimeMeter_critical_1.png);
}
.meter-17 {
	background-image: url(../images/WaitTimeMeter_critical_2.png);
}
.meter-18 {
	background-image: url(../images/WaitTimeMeter_critical_3.png);
}
.meter-19 {
	background-image: url(../images/WaitTimeMeter_critical_4.png);
}
.meter-20 {
	background-image: url(../images/WaitTimeMeter_critical_5.png);
}
.meter-unknown {
	background-image: url(../images/WaitTimeMeter_unknown.png);
}
.mainPageAlarmIcon span {
height:16px;
width:16px;
display:inline-block;
padding:0 !important;
margin:0 !important;
}
.mainPageAlarmIcon span a {
display: inline-block;
padding-left:16px;
height: 16px;
}

.mainPageTypeCell{
	height: 33px;
}

.mainPageDBtypeName, .mainPageDBInstanceName, .mainPageStatus{
	font-size: 11px;
}

.mainPageDBtypeIcons{
	margin:3px 0 0 0;
}

.alarmUnknown a,.alarmNone a {
	background:transparent url(../images/svg/severity_unknown.svg) no-repeat scroll left 0;
	background-size: contain;
}

.greenCheck a {
	background:transparent url(../images/svg/severity_ok.svg) no-repeat scroll left 0;
	background-size: contain;
}

.infoCheck a {
    background:transparent url(../images/svg/severity_info.svg) no-repeat scroll left 0;
    background-size: contain;
}

.mediumCheck a {
background:transparent url(../images/svg/severity_medium.svg) no-repeat scroll left 0;
    background-size: contain;
}

.errorCheck a {
    background:transparent url(../images/svg/severity_error.svg) no-repeat scroll left 0;
    background-size: contain;
}

.spacer a {
background:transparent url(../images/spacer.gif) no-repeat scroll left 0;
padding-left:24px;
padding-top:1px;
}

#sqlPanel, #planTextPanel, #purgePanel, #logDetailPanel, #tsPanel, #ctPanel, #atPanel, #epLoginPanel,
#epMonDBConnPanel, #descPanel, #questionPanel, #emailPanel, #contactPanel,
#reportGroupPanel, #livePlanOptionsPanel, #messagePanel, #passwordPanel, #blackoutPanel, #drivePanel
#statusDetailPanel, #databaseGroupsPanel, #modifyDatabaseGroupPanel, #changeMetricPanel,
#freePanel,#eventAnnotationPanel,#testMailServerPanel,#companyNamePanel,#testMetricDatabaseListPanel, #excludedSQLsPanel, #loadingSQLsPanel, #confirmReincludeAllPanel, #lastActivityScriptPanel
{
text-align: left;
}


#sqlPanel a img, #planTextPanel a img, #purgePanel a img, #logDetailPanel a img, #tsPanel a img, #ctPanel a img, #atPanel a img, #changeMetricPanel a img, #epLoginPanel a img, #epMonDBConnPanel a img, #descPanel a img,
#questionPanel a img, #emailPanel a img, #contactPanel a img, #reportGroupPanel a img, #livePlanOptionsPanel a img, #messagePanel a img, #lastActivityScriptPanel img,
#passwordPanel a img, #statusDetailPanel a img, #databaseGroupsPanel a img, #modifyDatabaseGroupPanel a img, #freePanel a img,#eventAnnotationPanel a img,#testMailServerPanel a img,
#companyNamePanel a img,#testMetricDatabaseListPanel a img, #blackoutPanel a img, #drivePanel a img, #excludedSQLsPanel a img, #loadingSQLsPanel a img, #confirmReincludeAllPanel a img
{
border: 0;
outline: none;
}

#sqlPanel textarea, #descPanel textarea, #logDetailPanel textarea {
width: 100%;
}

#planTextPanel textarea {
width: 200%;
}

#buttonUpArrow {
	border: 0;
	width: 21px;
	height: 21px;
	background-image: url(../images/svg/move_up.svg);
	background-repeat: no-repeat;
	background-color: transparent;
}

#buttonDownArrow {
	border: 0;
	width: 21px;
	height: 21px;
	background-image: url(../images/svg/move_down.svg);
	background-repeat: no-repeat;
	background-color: transparent;
}

/* this is for the header on the wait dialog panel */
#waitPanel .hd {
	background-color: #424242;
}


/* ----- start of dialog panel skinning ----- */
#descPanel .desc_dialog_solution{
	display: block;
	border: 1px solid #3152a5;
	padding:0;
	overflow:auto;
	background:#FFFFFF;
	height: 188px;
	width: 745px;
}

#descPanel .desc_dialog_solution_medium{
	display: block;
	border: 1px solid #3152a5;
	padding:0;
	overflow:auto;
	background:#FFFFFF;
	height: 325px;
	width: 745px;
}

#descPanel .desc_dialog_solution_big{
	display: block;
	border: 1px solid #D6D6D6;
	padding:0;
	overflow:auto;
	background:#FFFFFF;
	height: 488px;
	width: 745px;
}

#sqlPanel .padd, #planTextPanel .padd, #purgePanel .padd, #logDetailPanel .padd, #tsPanel .padd, #ctPanel .padd, #atPanel .padd, #changeMetricPanel .padd, #epLoginPanel .padd, #epMonDBConnPanel .padd, #descPanel .padd, #questionPanel .padd,
#emailPanel .padd, #contactPanel .padd, #reportGroupPanel .padd, #livePlanOptionsPanel .padd, #messagePanel .padd, #passwordPanel .padd, #lastActivityScriptPanel .padd,
#statusDetailPanel .padd, #databaseGroupsPanel .padd, #modifyDatabaseGroupPanel .padd, #freePanel .padd,#eventAnnotationPanel .padd,#testMailServerPanel .padd,
#companyNamePanel .padd, #testMetricDatabaseListPanel .padd, #blackoutPanel .padd, #drivePanel .padd, #excludedSQLsPanel .padd, #loadingSQLsPanel .padd, #confirmReincludeAllPanel .padd
{
margin: 8px;
}


#sqlPanel_h, #planTextPanel_h, #purgePanel_h, #logDetailPanel_h, #tsPanel_h, #ctPanel_h, #atPanel_h, #changeMetricPanel_h, #epLoginPanel_h, #epMonDBConnPanel_h, #descPanel_h, #questionPanel_h, #emailPanel_h, #contactPanel_h,
#reportGroupPanel_h, #livePlanOptionsPanel_h, #messagePanel_h, #passwordPanel_h, #lastActivityScriptPanel_h,
#statusDetailPanel_h, #databaseGroupsPanel_h, #modifyDatabaseGroupPanel_h, #freePanel_h, #eventAnnotationPanel_h, #testMailServerPanel_h,
#companyNamePanel_h, #testMetricDatabaseListPanel_h, #blackoutPanel_h, #drivePanel_h, #excludedSQLsPanel_h, #loadingSQLsPanel_h, #confirmReincludeAllPanel_h
{
display: inline-block;
width: 100%;
}

#sqlPanel_h h3, #planTextPanel_h h3, #purgePanel_h h3, #logDetailPanel_h h3, #tsPanel_h h3, #ctPanel_h h3, #atPanel_h h3, #changeMetricPanel_h h3, #epLoginPanel_h h3, #epMonDBConnPanel_h h3, #descPanel_h h3, #questionPanel_h h3, #emailPanel_h h3,
#contactPanel_h h3, #reportGroupPanel_h h3, #livePlanOptionsPanel_h h3, #messagePanel_h h3, #passwordPanel_h h3, #lastActivityScriptPanel_h h3,
#statusDetailPanel_h h3, #databaseGroupsPanel_h h3, #modifyDatabaseGroupPanel_h h3, #freePanel_h h3,#eventAnnotationPanel_h h3,#testMailServerPanel_h h3,
#companyNamePanel_h h3,#testMetricDatabaseListPanel_h h3, #blackoutPanel_h h3, #drivePanel_h h3, #excludedSQLsPanel_h h3, #loadingSQLsPanel_h h3, #confirmReincludeAllPanel_h h3
{
padding: 8px;
color: #FFFFFF;
text-decoration: none;
font-style: normal;
margin-top: -2px;
text-align: left;
font-size:14px;
}

#sqlPanel .popupclose, #planTextPanel .popupclose, #purgePanel .popupclose, #logDetailPanel .popupclose, #tsPanel .popupclose, #ctPanel .popupclose, #atPanel .popupclose, #changeMetricPanel .popupclose, #epLoginPanel .popupclose, #epMonDBConnPanel .popupclose, #descPanel .popupclose,
#questionPanel .popupclose, #emailPanel .popupclose, #contactPanel .popupclose, #reportGroupPanel .popupclose, #livePlanOptionsPanel .popupclose, #messagePanel .popupclose, #lastActivityScriptPanel .popupclose,
#passwordPanel .popupclose, #statusDetailPanel .popupclose, #databaseGroupsPanel .popupclose, #modifyDatabaseGroupPanel .popupclose, #freePanel .popupclose,#eventAnnotationPanel .popupclose,#testMailServerPanel .popupclose,
#companyNamePanel .popupclose, #testMetricDatabaseListPanel .popupclose, #blackoutPanel .popupclose, #drivePanel .popupclose, #excludedSQLsPanel .popupclose
{
position: absolute;
top: 5px;
right: 5px;
outline: none;
}

#messagePanel.wideFancyPanel{
	position: absolute;
	height: 542px;
	width: 775px;
	transition: all 300ms ease-in-out;
	-webkit-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;

}

.block_hidden{display:none;}

/* If ever decided to show 'close button' (x), move '#loadingSQLsPanel .popupclose' at the end of the previous list of style definitions */
#loadingSQLsPanel .popupclose, #confirmReincludeAllPanel .popupclose
{
position: absolute;
top: 5px;
right: 5px;
outline: none;
visibility: hidden;
}

/* ----- end of dialog panel skinning ----- */

#createaccount  h4 {
padding: 8px 0 6px 0;
text-align: center;
font-size: 17px;
font-weight: bold;
}

#createaccount {
margin-left: 22px;
padding: 0;
width: 1094px;
background: #fff;
padding-bottom: 6px;
}

#wizardcontent {
text-align:center;
border-left: 1px solid #919191;
border-right: 1px solid #919191;
background: #FFFFFF;
height: 220px;
}

#createaccountcontent {
text-align:center;
border-left: 1px solid #919191;
border-right: 1px solid #919191;
background: #FFFFFF;
height: 520px;
}

#createaccountcontent table {
display: table;
margin: 0 auto 0 auto;
font-size: 11px;
}

#wizardcontent table {
display: table;
margin: 0 auto 0 auto;
font-size: 11px;
}

.realTimeAction a img {
border: 0;
}

.freewareTsMsg {
font-weight: 700;
border: 0 none;
font-size: 1.3em;
margin: 50px 0 50px 0;
text-align: left;
}

/* DASHBOARD */

.clearb {
	clear: both;
}
.cleaner{
	clear: both;
	float: none;
	height: 1px;
	line-height: 1px;
}
#dashboard-chart-container {
	float: left;
	position: relative;
	width: 100%;
	max-height: 250px;
	margin: 0 0 10px;
	padding: 15px 0 20px;
	background: #fff;
	border: 1px solid #CFCFCF;
	overflow: hidden;
}
#toggle-dashboard-charts {
	float: right;
	position: relative;
	z-index: 2;
	margin: -40px 13px 0 20px;
}
#toggle-dashboard-charts.closed {
	margin: 0 13px -20px;
}
.chart-container {
	/* position: relative; */
}
.ui-tabs-hide {
	/*
	position: absolute;
	top: -9999em;
	*/
	display:none;
}

#dashboard-boxes-header{
	text-transform: uppercase;
	margin: 10px;
}

#dashboard-boxes{
	display: table;
	width: 100%;
	margin: 10px 0 20px;
}

#dashboard-boxes .dashboard-boxes-help{
	display: none;
	position: absolute;
	top: 0; right: 0;
    margin: 5px;
    width: 12px;
    height: 12px;
	border:0;
	opacity: .8;
	cursor: pointer;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDIwIDIwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4gICAgLnN0LWhlbHAwe2ZpbGw6I0ZGRkZGRjtzdHJva2U6Izc2NzY3NjtzdHJva2UtbWl0ZXJsaW1pdDoxMDt9ICAgIC5zdC1oZWxwMXtmaWxsOiMyOTc5OTQ7fTwvc3R5bGU+PGNpcmNsZSBjbGFzcz0ic3QtaGVscDAiIGN4PSIxMCIgY3k9IjEwIiByPSI5LjUiPjwvY2lyY2xlPjxwYXRoIGNsYXNzPSJzdC1oZWxwMSIgZD0iTTguOCwxMS41VjExYzAtMC40LDAuMS0wLjgsMC4zLTEuMXMwLjUtMC42LDEtMWMwLjQtMC4zLDAuNy0wLjYsMC45LTAuOGMwLjEtMC4yLDAuMi0wLjQsMC4yLTAuNyAgICBjMC0wLjMtMC4xLTAuNS0wLjMtMC42UzEwLjQsNi42LDEwLDYuNkM5LjMsNi44LDguNiw3LDcuOCw3LjRMNy4xLDZDOCw1LjUsOSw1LjIsMTAuMSw1LjJjMC45LDAsMS42LDAuMiwyLjEsMC42czAuOCwxLDAuOCwxLjcgICAgYzAsMC41LTAuMSwwLjktMC4zLDEuMnMtMC42LDAuNy0xLjIsMS4xYy0wLjQsMC4zLTAuNywwLjUtMC44LDAuN3MtMC4yLDAuNC0wLjIsMC42djAuNEg4Ljh6IE04LjYsMTMuN2MwLTAuNCwwLjEtMC42LDAuMy0wLjggICAgczAuNS0wLjMsMC44LTAuM2MwLjQsMCwwLjYsMC4xLDAuOCwwLjNzMC4zLDAuNSwwLjMsMC44cy0wLjEsMC42LTAuMywwLjhzLTAuNSwwLjMtMC44LDAuM2MtMC40LDAtMC42LTAuMS0wLjgtMC4zICAgIFM4LjYsMTQuMSw4LjYsMTMuN3oiPjwvcGF0aD48L3N2Zz4=);
    background-size: 100%;
}

#dashboard-boxes .box:hover .dashboard-boxes-help{
	display:block;
}

#dashboard-boxes .box-wrapper{
	display: table-cell;
}

#dashboard-boxes .box-wrapper.hidden{
	display: none;
}

#dashboard-boxes .box{
	position: relative;
	width: 100px;
	margin: 0 auto;
	border: 1px solid #c9c9c9;
	padding: 5px 10px;
	background: #fff;
}

#dashboard-boxes .box a{
	color: #fff;
	text-decoration: none;
}

.box .box-title{
	padding: 4px 4px;
	margin-bottom: 5px;
	border-bottom: 1px solid #c9c9c9;
}

.box .box-title h4{
	text-transform: uppercase;
	text-align:center;
	font-weight:normal;
	font-size: 11px;
}

.box .statusbox{
	display: block;
	margin-bottom: 2px;
	overflow: hidden;
	font-size: 14px;
	font-weight:bold;
	background: #c9c9c9;
	color: #fff;
	text-align:center;
}

.box .statusbox span.boxValue{
	display: inline-block;
	padding: 4px 0;
}

.box .statusbox span.filterIcon{
	display: none;
	position: absolute;
	right: 10px;
	float:right;
	width: 25px;
	height: 24px;
	background: rgba(33,33,33,.5) url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAyMCAyMCIgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAyMCAyMDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6I0ZGRkZGRjtzdHJva2U6Izc2NzY3NjtzdHJva2UtbWl0ZXJsaW1pdDoxMDt9DQo8L3N0eWxlPg0KPHBhdGggY2xhc3M9InN0MCIgZD0iTTExLjUsNy41djhsLTMsM3YtMTFIMTEuNXogTTEuNSwwLjVsNiw3aDVsNi03SDEuNXoiLz4NCjwvc3ZnPg0K') no-repeat center 50%;
}

.box .statusbox:hover span.filterIcon,.box .statusbox.active span.filterIcon{
	display: inline-block;
}

.box .statusbox.active span.filterIcon{
	position: relative;
	right: 0;
}

.box .statusbox.active:hover span.filterIcon{
	opacity: 0.5;
}

.box .statusbox.single span.boxValue{
	padding: 17px 0;
}
.box .statusbox.single span.filterIcon{
	height: 50px;
}

.box .statusbox.critical{
	background: #c31c22;
}
.box .statusbox.warning{
	background: #eab03a;
}
.box .statusbox.neutral{
	background: grey;
}

.box .statusbox.noIssues{
	background:transparent url(../images/svg/severity_ok.svg) no-repeat center 20%;
	background-size: 16px 16px;
}
.box .statusbox.noIssues span.boxValue{
	padding: 31px 0 5px;
	color: #333;
	font-weight: normal;
	font-size: 12px;
}

#chart-1 {
	margin: 0 20px 0 0;
}

.chart-con {
	float:left;
}

#dashboard-chart-tabs .recessed-tabs {
	position: absolute;
	right: 15px;
	top: 22px;
	z-index: 2;
}
.recessed-tabs {
	float: right;
	list-style-type: none;
	border-width: 1px;
	border-color: #999;
	border-style: solid;
	border-radius: 4px;
}
.recessed-tabs li {
	float: left;
	color: #666666;
	font: normal 10px Helvetica;
	height: 18px;
}
.recessed-tabs li a {
	cursor: pointer;
}
.recessed-tabs li a, .recessed-tabs li span, .recessed-tab-title {
	display: block;
	line-height: 18px;
	color: #666666;
	padding: 0 4px;
}
.recessed-tabs li a:hover {text-decoration: underline;}
.filter-selected a,
.recessed-tabs li.ui-tabs-active a {
    background-color: #999;
    padding-right: 6px !important;
}
.filter-selected a:hover,
.recessed-tabs a {
	text-decoration:none !important;
}
.filter-selected span,
.recessed-tabs li.ui-tabs-active span {
	color: #FFF;
	padding-left: 6px;
	text-shadow: 0 1px 0 rgba(0,0,0,.5);
}
.chart-help {
	display: block;
	width: 14px;
	height: 14px;
	background:transparent url(../images/svg/help.svg) no-repeat 0 0;
	background-size: 14px 14px;
    margin: 0 5px
}
#dashboard-chart-container .chart-help{
	top: 24px;
}

#dbFilter{
	font-size:13px;
	line-height:12px;
	padding:5px 4px 6px;
	vertical-align:middle;
}

#dbTable1 th {
	text-align: center !important;
}
#tabSupportData{
	min-height:250px;
}
#tabSupportData .yui-content {
	padding-left: 0 !important;
	padding-right: 0 !important;
	overflow-x: auto;
	min-height: 200px;
}
.last-refresh, .auto-refresh {
	float: right;
	line-height: 28px;
}
.last-refresh {
	color: #808080;
	font-size: 14px;
}
.auto-refresh {
	margin: 0 10px;
	color: #666;
	font-size: 12px;
	padding-left: 10px;
	border-left: 1px solid #ECECEC;
}
.current-time {
	float: right;
	padding: 0 60px 20px 0;
	font-size: 12px;
	color: #aaa;
	font-style: italic;
}
/** DASHBOARD FILTERS **/
.content-block{
	margin: 0 0 15px;
	padding: 15px 15px 8px;
	background: #fff;
	border: 1px solid #B7B7BF;
}

.blueheader.dashboardTableHeader{
	height: auto;
	background: none;
	border:0;
}

.blueheader.dashboardTableHeader .btn{
	padding: 3px 14px;
}

/** NOTE: this .xui definition bellow can be removed once we have apollo xui integrated**/
.blueheader.xui{
	border-radius: 0;
}
.xui .xui-chiclets__title-cell {
	display: table-cell;
	white-space: nowrap;
	vertical-align: top;
	line-height: 20px;
	padding: 0 7px 7px 0;
	margin: 0;
}

.xui .xui-chiclets__main-cell {
	display: table-cell;
	width: 100%;
	font-size: 0;
}

.xui .xui-chiclets__clear-cell {
	display: table-cell;
	text-align: right;
	white-space: nowrap;
	vertical-align: top;
}
.xui .xui-chiclets__clear-cell a{
	color: #0079AA;
}

.xui h4, .xui .h4 {
	font-size: 12px;
	text-transform: uppercase;
}

.xui-chiclets__group{
	display: inline-block;
	margin-bottom: 7px;
}

.xui .xui-chiclets__group-name, .xui .xui-chiclets__group-values, .xui .xui-chiclets__value, .xui .xui-chiclets__clear {
	display: inline-block;
	font-size: 11px;
	line-height: 20px;
}

.xui .xui-chiclets__group-name {
	color: #FFFFFF;
	background-color: #204A63;
	padding: 0 7px;
	white-space: nowrap;
}

.chiclets__group-values, .xui .xui-chiclets__value, .xui .xui-chiclets__clear {
	display: inline-block;
	font-size: 11px;
	line-height: 20px;
}

.xui .xui-chiclets__group-values {
	margin: 0 7px 0 0px;
}

.xui .xui-chiclets__value {
	padding: 0 0 0 7px;
	display: inline-block;
	background-color: #e6eff3;
	color: #333;
	text-decoration: none;
}

.xui .xui-chiclets__value:hover{
	background-color: #d4e3ea;
}

.xui-icon {
	width: 20px;
	height: 20px;
	background-size: 20px;
	display: inline-block;
	vertical-align: middle;
	margin-top: -2px;
	line-height: 1.66666667;
}

.xui-icon.xui-icon-size-sm {
	width: 16px;
	height: 16px;
	background-size: 16px;
}
.xui .xui-chiclets__value-remove {
	margin: -2px 5px 0 5px;
}
.xui-icon-name-remove {
	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAyMCAyMCIgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAyMCAyMDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6I0ZGRkZGRjtzdHJva2U6Izc2NzY3NjtzdHJva2UtbWl0ZXJsaW1pdDoxMDt9DQoJLnN0MXtmaWxsOm5vbmU7c3Ryb2tlOiMyOTc5OTQ7c3Ryb2tlLXdpZHRoOjEuNTtzdHJva2UtbWl0ZXJsaW1pdDoxMDt9DQo8L3N0eWxlPg0KPGNpcmNsZSBjbGFzcz0ic3QwIiBjeD0iMTAiIGN5PSIxMCIgcj0iOS41Ii8+DQo8cGF0aCBjbGFzcz0ic3QxIiBkPSJNNiw2bDgsOCBNMTQsNmwtOCw4Ii8+DQo8L3N2Zz4NCg==');
}

.xui .filter-search-box{
	display: inline-block;
	border: 1px solid #ccc;
	background: #fff;
}

.xui .filter-search-box.active{
	border-color: #297994;
}

.xui .filter-search-box input.styled-text{
	border-collapse: collapse;
	box-shadow: none;
	border: 0;
}

.filter-search-box input::-ms-clear {
	display: none;
}

.filter-search-reset{
	vertical-align: middle;
}

.dpa-margin-sm {
    margin: 5px;
}

.header-gear {
	display: inline-block;
	vertical-align: middle;
	width: 20px;
	height: 20px;
	background: url(../images/svg/gear.svg) no-repeat 0 0;
}
.clearb {
	clear: both;
}
.floatl {
	float: left;
}
.floatr {
	float: right;
}
/** TABS **/
.tabs {
	list-style-type: none;
}
.tabs li {
	height: 30px;
	line-height: 30px;
	float: left;
	text-align: center;
	margin: 0 4px 0 0;
	padding: 0 10px;
	background-color: #EBEBEB;
	background-repeat: repeat-x;
	background-position: 0 27px;
	background-image: url(../images/med-shadow-btm.png);
	border-style: solid;
	border-color: #B7B7BF;
	border-width: 1px 1px 0 1px;
	-moz-border-radius: 4px 4px 0 0;
	-webkit-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
	outline: none;
	outline-color: none;
}
.tabs li.ui-tabs-active {
	position: relative;
	z-index: 2;
	height: 31px;
	margin-top: -1px;
	bottom: -1px;
	background-color: #FFFFFF;
	background-image: none;
	outline: none;
}
.tabs-grey li.ui-tabs-active {
	background-color: #FBFBFB;
}
.tabs li a {
	display: inline-block;
	color: #555;
	text-decoration: none;
	font-size: 14px;
	outline: none;
	outline-color: none;
}
/** OPTIONS **/
.options-tabs {
	margin-top: 25px;
}
.options-tabs li {
	width: 120px;
	height: 45px;
	padding: 0;
	line-height: 45px;
	background-position: 0 42px;
}
 .options-tabs > ul > li > a {
	width: 100%;
}
.options-tabs li.ui-tabs-active {
	height: 46px;
	background-color: #FFF;
}
.options-section {
	width: 26%;
	float: left;
	padding: 0 30px 15px 30px;
}
.options-tabs h1 {
	text-align: center;
	padding: 35px 0 0 5px;
	margin: 10px 0 20px 0;
	color: #222;
	font-size: 20px;
	background-repeat: no-repeat;
	background-position: center top;
}
.options-tabs h1.databases {
	background-image: url(../images/databases-32.png);
}
.options-tabs h1.reports {
	background-image: url(../images/reports.png);
}
.options-tabs h1.vmware {
	background-image: url(../images/vmware-32.png);
}
.options-tabs h1.config {
	background-image: url(../images/gear_in.png);
}
.options-tabs h1.display {
	background-image: url(../images/monitor.png);
}
.options-tabs h1.users {
	background-image: url(../images/vcard.png);
}
.options-tabs h1.utilities {
	background-image: url(../images/setting_tools.png);
}
.options-tabs h1.resources {
	background-image: url(../images/books.png);
}
.options-tabs h1.downloads {
	background-image: url(../images/download-arrow.png);
}
.options-item {
	padding: 0 !important;
	margin: 10px 0 !important;
}
.options-item.disabled {
	padding: 14px !important;
}
.options-item.disabled a {
	padding: 0 !important;
}
.options-item a {
	padding: 14px;
	display: block;
	color: #333 !important;
	text-decoration: none !important;
}
.options-item span {
	display: block;
	margin-top: 5px;
	font-size: 11px;
}
.central-header {
	float: left;
	font-size: 20px;
	color: #FFF;
	text-shadow: 0 1px 0 rgba(0,0,0,1);
	font-weight: 500;
	padding: 0 10px 0 0;
	line-height: 35px;
	width: 100%;
}

/**********
 * TIPSY
 *********/
.tipsy {
	padding: 6px;
	font-size: 12px;
	background-repeat: no-repeat;
	background-color: #3e4c69;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	border-radius: 4px;
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5)
}
.tipsy-warning {background-color: #E1CB4E !important;}
.tipsy-inner {
	overflow: auto;
	padding: 5px 8px 4px 8px;
	background-color: #FFFFFF;
	color: #2d374d;
	max-width: 200px;
	text-align: left;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
}
.tipsy-inner, .tipsy-inner label {
	font-size: 1em !important;
	text-transform: none !important;
	letter-spacing: 0 !important;
	font-weight: 500 !important;
	line-height: 16px !important;
	text-align: center !important;
}
.tipsy-inner label {
	margin: 0 !important;
}
.tipsy-warning .tipsy-inner, .gauge-header-over {
	background: #ffe65a !important;
}
.tipsy-warning .tipsy-inner label {
	color: #927E0E !important;
	line-height: 16px !important;
	text-shadow: none !important;
}
.tipsy-inner {
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}
.tipsy-point {
	background-repeat: no-repeat;
	background-image: url(../images/tooltip-points.png);
	width: 12px;
	height: 12px;
	position: absolute;
	z-index: 99998;
}
 .tipsy-warning .tipsy-point {

	z-index: 99999 !important;
	background-image: url(../images/yellow-tooltip-points.png) !important;
}
.tipsy-north { background-position: top center; }
.tipsy-south { background-position: bottom center; }
.tipsy-east { background-position: right center; }
.tipsy-west { background-position: left center; }
.tooltip {
  position: absolute;
  z-index: 1030;
  display: block;
  font-size: 11px;
  line-height: 1.4;
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: visible;
}

.tooltip.in {
  opacity: 0.8;
  filter: alpha(opacity=80);
}

.tooltip.top {
  padding: 5px 0;
  margin-top: -3px;
}

.tooltip.right {
  padding: 0 5px;
  margin-left: 3px;
}

.tooltip.bottom {
  padding: 5px 0;
  margin-top: 3px;
}

.tooltip.left {
  padding: 0 5px;
  margin-left: -3px;
}

.tooltip-inner {
  max-width: 200px;
  padding: 8px;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  background-color: #000000;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-top-color: #000000;
  border-width: 5px 5px 0;
}

.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-right-color: #000000;
  border-width: 5px 5px 5px 0;
}

.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-left-color: #000000;
  border-width: 5px 0 5px 5px;
}

.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-bottom-color: #000000;
  border-width: 0 5px 5px;
}


/** MULTI REPO **/
.multi-repo-edit-form {
	display: none;
}
#edit-multi-repo-box .clearb,
#add-multi-repo-box .clearb {
	clear: both;
	height: 10px;
}
#edit-multi-repo-box h1,
#add-multi-repo-box h1,
#edit-io-thresholds-box h1 {
	font-size: 20px;
	font-weight: 500;
	color: #555;
	padding: 5px 0 10px 0;
	text-align: left;
	border-bottom: 1px solid #EEE;
	margin-bottom: 25px;
}
#edit-multi-repo-box label,
#add-multi-repo-box label {
    font-size: 14px;
    color: #555;
    font-weight: bold;
	text-align: right;
    display: inline-block;
    width: 100px;
    float: left;
    text-align: right;
    margin-top: 5px;
    margin-left: 90px;
    margin-right: 15px;
}
#edit-multi-repo-box .text,
#add-multi-repo-box .text, .styled-text {
	width: 220px;
	padding: 4px;
	font-size: 13px;
	color: black;
	font-family:Arial;
	border: 1px solid #CCC;
	line-height: 18px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
}

/*validation messages*/


label.error{
    display: inline-block;
    color: #d50000;
    font-weight: 700;
    margin-bottom: 5px;
}

.styled-text.error{
    background-color: #ffe4e0;
    color: #d50000;
    border-color: #d50000;
}

.styled-text.error:not(.tiny){
    background: #ffe4e0 url('../images/svg/severity_error.svg') no-repeat 98% center; /* position for old browsers */
    background-position: right 5px center;
    -webkit-background-size: 14px;
    background-size: 14px;
    padding-right: 24px;
}

.styled-text.error:focus{
    outline: 1px solid #d50000;
}

.styled-text.giant    {width: 530px;}
.styled-text.very-big {width: 430px;}
.styled-text.bigInputFlexible {
	width: auto;
	max-width: 400px;
}
.styled-text.big {  width: 320px;}
.styled-text.large {width: 250px;}
.styled-text.small {width: 140px;}
.styled-text.short {width: 125px;}
.styled-text.very-small {width: 70px;}
.styled-text.tiny {width: 30px;}

.styled-text.giant.error {  width: 510px;}
.styled-text.very-big.error {width: 410px;}
.styled-text.bigInputFlexible.error {max-width: 380px;}
.styled-text.big.error {  width: 300px;}
.styled-text.large.error {width: 230px;}
.styled-text.small.error {width: 120px;}
.styled-text.short.error {width: 105px;}
.styled-text.very-small.error{width: 50px;}

.styled-text[disabled="disabled"],.styled-text[disabled] {
	background-color: #DDD;
	color: #888;
}

select.styled-text{
	padding:4px 15px 4px 4px;
}

.blueheader select.styled-text{
	padding: 3px 15px 2px 4px;
}
select.styled-text.giant {
	width: 550px;
}
select.styled-text.very-big {
    width: 440px;
}
select.styled-text.big {
    width: 330px;
}
select.styled-text {
    width: 230px;
}
select.styled-text.small {
    width: 155px;
}
select.styled-text.very-small {
    width: 85px;
}

select.styled-text.tiny {
    width: 50px;
}

.shortInput{
	width: 125px;
}

#edit-multi-repo-box p,
#add-multi-repo-box p {
	text-align: left;
	margin: -10px 0 15px 0;
	color: #555;
}
#edit-multi-repo-box,
#add-multi-repo-box {
	width: 565px;
}
.multi-repo-ping-link {
	text-decoration: none !important;
	font-size: 12px;
}
.multi-repo-ping-result {
	display: inline-block;
	border: 1px solid white;
    float: left;
    margin-left: 70px;
    text-align: left;
    padding: 3px;
	font-weight: bold;
	font-size: 12px;
	height: 35px;
	width: 402px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    border-radius: 4px;
}
.multi-repo-ping-result.success {
    border: 1px solid;
    color: #4F8A10;
    background-color: #DFF2BF;
}
.multi-repo-ping-result.failure {
    border: 1px solid;
    color: #D8000C;
    background-color: #FFBABA;
}
.multi-repo-ping-result.warn {
    border: 1px solid;
	color: #C76741;
	background-color: #FEFFE5;
}
.tiny-close {
	width: 10px;
	height: 10px;
	margin: 0 0 0 5px;
	cursor: pointer;
	display: inline-block;
	background: url(../images/svg/close.svg) no-repeat -3px;
	background-size: 16px;
}
.status-icon {
	width: 16px;
	height: 16px;
	background-repeat: no-repeat;
}
.status-NORMAL {
	background:transparent url(../images/svg/severity_ok.svg) no-repeat left;
	background-size: contain;
}
.status-WARNING {
	background:transparent url(../images/svg/severity_warning.svg) no-repeat left;
	background-size: contain;
}

.status-CRITICAL {
    background:transparent url(../images/svg/severity_critical.svg) no-repeat left;
    background-size: contain;
}

.status-HIGH {
    background:transparent url(../images/svg/severity_critical.svg) no-repeat left;
    background-size: contain;
}

.status-MEDIUM {
    background:transparent url(../images/svg/severity_medium.svg) no-repeat left;
    background-size: contain;
}

.status-LOW {
    background:transparent url(../images/svg/severity_warning.svg) no-repeat left;
    background-size: contain;
}

.status-INFO {
    background:transparent url(../images/svg/severity_info.svg) no-repeat left;
    background-size: contain;
}

.status-BROKEN {
    background:transparent url(../images/svg/severity_error.svg) no-repeat left;
    background-size: contain;
}

.status-NONE,
.status-FREEWARE,
.status-UNKNOWN {
	background:transparent url(../images/svg/severity_unknown.svg) no-repeat left;
	background-size: 16px 16px;
}

.amomaly-tip-table {
	text-align: left;
}
.amomaly-tip-table td {
	height: 16px;
	text-align: left;
	vertical-align: middle;
}
.amomaly-tip-table td p {
	padding-bottom: 10px;
}
.amomaly-tip-table td span {
	vertical-align: middle;
}
.anomaly-tip-icon {
	background-size: 14px;
	width: 14px;
	height: 14px;
	display: inline-block;
	padding-right: 5px;
}
.no-search-results {
	width: 100%;
	padding: 25px 0;
	text-align: center;
	font-size: 18px;
	color: #555;
}
.help-popup {
	text-decoration: none !important;
	padding: 2px 0 2px 18px;
	background:transparent url(../images/svg/severity_info.svg) no-repeat 0 0;
	background-size: 16px 16px;
}

.help-icon-gray{
	background-image: url(../images/svg/severity_info.svg);
	background-size: 16px;
}

.warning-popup {
	text-decoration: none !important;
	padding-left: 18px;
	background: url(../images/svg/severity_warning.svg) no-repeat left center;
	background-size: 16px;
}

.critical-popup {
    text-decoration: none !important;
    padding: 2px 0 2px 18px;
    background:transparent url(../images/svg/severity_critical.svg) no-repeat 0 0;
    background-size: 16px 16px;
}

/** TOOLTIPS **/
.tooltip {
  position: absolute;
  z-index: 1030;
  display: block;
  font-size: 12px;
  line-height: 1.4;
  visibility: visible;
  filter: alpha(opacity=0);
  opacity: 0;
}
.tooltip.in {
  filter: alpha(opacity=100);
  opacity: 1.0;
}
.tooltip.top {
  padding: 5px 0;
  margin-top: -18px;
}
.tooltip.right {
  padding: 0 5px;
  margin-left: 3px;
}
.tooltip.bottom {
  padding: 5px 0;
  margin-top: 3px;
}
.tooltip.left {
  padding: 0 5px;
  margin-left: -3px;
}
.tooltip-inner {
	opacity: 1.0;
	max-width: 500px;
	padding: 8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background:#FFFFFF;
	color: #555;
	text-align: left;
	word-wrap: break-word;
 	border:1px solid #bbb;
	border-radius: 4px;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.4);
}
.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #fff;
}

.tooltip.top-left .tooltip-arrow {
  bottom: 0;
  left: 5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.top-right .tooltip-arrow {
  right: 5px;
  bottom: 0;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000;
}
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000;
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  left: 5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  right: 5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.dataTable .center {
	text-align: center;
}
.dataTable th.sorting,.dataTable th.sorting_asc,.dataTable th.sorting_desc{
    cursor:pointer;
}

/* .popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1010;
    display: none;
    padding: 5px;
}
.popover.top {
    margin-top: -5px;
}
.popover.right {
    margin-left: 5px;
}
.popover.bottom {
    margin-top: 5px;
}
.popover.left {
    margin-left: -5px;
}
.popover.top .arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid rgba(0, 0, 0, 0.5);
}
.popover.right .arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 5px solid #555;
}
.popover.bottom .arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #555;
}
.popover.left .arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #555;
}
.popover .arrow {
    position: absolute;
    width: 0;
    height: 0;
}
.popover-inner {
    padding: 5px;
    width: 420px;
    overflow: hidden;
    float: left;
    background: #000;
    background: rgba(0, 0, 0, 0.5);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
.popover-title {
    padding: 9px 15px;
    line-height: 1;
    background-color: #eee;
    border-bottom: 1px solid #CCC;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
}
.popover-content {
    font-size: 11px;
    padding: 5px;
    float: left;
    width: 410px;
    background-color: #ffffff;
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
}
.popover-content p,
.popover-content ul,
.popover-content ol {
    margin-bottom: 0;
} */
#dashboard-chart-container {
	-webkit-animation-delay: .1s;
	   -moz-animation-delay: .1s;
	     -o-animation-delay: .1s;
	        animation-delay: .1s;
}
#dashboard-boxes {
	-webkit-animation-delay: .5s;
	   -moz-animation-delay: .5s;
	     -o-animation-delay: .5s;
	        animation-delay: .5s;
}
#dashboard-table {
	margin-top: 10px;
	-webkit-animation-delay: .7s;
	   -moz-animation-delay: .7s;
	     -o-animation-delay: .7s;
	        animation-delay: .7s;
}
#edit-thresholds-form {
	min-width: 550px;
	padding: 10px 10px 10px 20px;
	text-align: left;
}
#edit-thresholds-form h1 {
	margin-bottom: 10px;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
}
.edit-threshold-half-box {
	width: 45%;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 10px;
	float: left;
	background-color: #F5F5F5;
	border: 1px solid #DDD;
}
.edit-threshold-half-box h3 {
	margin-bottom: 15px;
	font-size: 18px;
	font-weight: 500;
	color: #555;
}
.edit-threshold-half-box label:not(.error) {
	color: #666;
	font-size: 14px;
}
.threshold-input-container {
	float: left;
	margin-left: 10px;
}
.threshold-value-box.disabled {
	opacity: 0.5;
}
.threshold-value-box {
	float: left;
	margin: 10px 15px;
	width: 130px;
}
.threshold-value-box label:not(.error) {
	font-size: 12px !important;
	margin: 5px 0;
	display: block;
	color: #777;
}
.io-rating-help {
	text-decoration: none !important;
	padding: 1px 0 1px 18px;
	background:transparent url(../images/svg/severity_info.svg) no-repeat 0 0;
	background-size: 16px 16px;
}
#io-rating-help-box p {
	padding: 20px;
	font-size: 14px;
	color: #555;
	font-weight:normal;
}
#io-rating-help-box h1,
#lic-all-help-box h1 {
	font-size: 22px;
	font-weight: 500;
	color: #555;
	padding: 10px 0 0 0;
}
#lic-all-help-box h1 {
	padding-bottom: 15px;
}
.io-rating-help span {
	font-size: 12px;
	color: #2A69AD !important;
}
.io-rating-help span:hover {
	text-decoration: underline !important;
}
/** IO CURRENT **/
#storage-io-loader,
#storage-io-btm-loader {
	padding: 100px 0;
	width: 100%;
	text-align: center;
}
#storage-io-loader h2,
#storage-io-btm-loader h2 {
	margin: 10px 0;
	font-size: 16px;
	color: #555;
	font-weight: normal;
	text-align: center;
}
#io-current-container {
	float: left;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 30px;
	width: 100%;
}
#io-current-drives {
	float: left;
	padding-bottom: 20px;
	padding-top: 20px;
	border-left: 8px solid #eaeaea;
	width: 100%;
}
.io-current-drive {
	float: left;
	margin-top: 10px;
	margin-bottom: 30px;
	width: 100%;
}
.io-current-drive-label {
	margin-top: 120px;
	margin-left: -22px;
	float: left;
}
.io-current-drive-circle {
	float: left;
	height: 24px;
	width: 24px;
	border-radius: 24px;
	border: 6px solid #FFF;
	background-color: #989898;
}
.io-current-drive-name {
	font-size: 16px;
	color: #525252;
	float: left;
	width: 80px;
	border-bottom: 8px solid #eaeaea;
	padding-bottom: 6px;
	padding-left: 4px;
	margin-top: -8px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.io-current-drive-files {
	float: left;
	min-height: 260px;
	width: 75%;
}
.io-current-files-label {
	float: left;
	font-size: 16px;
	color: #5c5c5c;
	margin-bottom: 6px;
}
.io-current-file-container {
	float: left;
	width: 100%;
	max-width: 880px;
	padding: 20px;
	border: 1px solid rgba(166,172,186,.53);
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	background-color: #f5f5f7;
	-moz-box-shadow: 0 2px 2px rgba(0,0,0,.03), inset 0 1px 0 #fff;
	-webkit-box-shadow: 0 2px 2px rgba(0,0,0,.03), inset 0 1px 0 #fff;
	box-shadow: 0 2px 2px rgba(0,0,0,.03), inset 0 1px 0 #fff;
}
.io-current-file-list {
	float: left;
	width: 5000px;
}
.io-current-file-item{
    width: 172px;
}
.io-current-file {
	float: left;
	margin: 0 5px;
	width: 159px;
	height: 183px;
	border: 1px solid rgba(170,170,170,.53);
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	background-color: #fbfbfb;
	-moz-box-shadow: 0 2px 2px rgba(0,0,0,.03), inset 0 1px 0 #fff;
	-webkit-box-shadow: 0 2px 2px rgba(0,0,0,.03), inset 0 1px 0 #fff;
	box-shadow: 0 2px 2px rgba(0,0,0,.03), inset 0 1px 0 #fff;
}
.io-current-file.expanded {
	height: 209px !important;
	border-bottom-width: 0 !important;
	position: relative;
	z-index: 2;
	-moz-border-radius: 4px 4px 0 0 !important;
	-webkit-border-radius: 4px 4px 0 0 !important;
	border-radius: 4px 4px 0 0 !important;
}
.io-current-file-title {
	height: 33px;
	width: 100%;
	border-bottom: 1px solid #e1e1e1;
}
.io-current-file-title h1,
.io-current-file-title h2 {
	padding: 0;
	margin: 0;
	font-weight: normal;
	text-align: center;
	text-overflow: ellipsis;
	width: 150px;
	white-space: nowrap;
	overflow: hidden;
}
.io-current-file-title h1 {
	padding: 3px 4px 0 4px;
	font-size: 14px;
	color: #727272;
}
.io-current-file-title h2 {
	font-size: 10px;
	color: #a3a3a3;
}
.io-current-file-info {
	float: left;
	position: relative;
	border-top: 1px solid #FFF;
}
.io-current-file-read,
.io-current-file-write {
	float: left;
	margin-top: -1px;
	height: 149px;
}
.io-current-file-read {
	width: 78px;
	border-right: 1px solid #e1e1e1;
}
.io-current-file-write {
	width: 79px;
}
.io-current-file-read h1,
.io-current-file-write h1 {
	padding: 8px 0 0 0;
	margin: 0;
	font-weight: normal;
	text-align: center;
	font-size: 10px;
	color: #6c6c6c;
}
.io-current-file-read h2,
.io-current-file-write h2 {
	padding: 0;
	margin: 0;
	font-weight: normal;
	text-align: center;
	font-size: 12px;
	color: #686868;
}
.io-current-file-fill-bg {
	width: 64px;
	height: 59px;
	position: relative;
	margin: 2px 0 10px 7px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	background-color: #ebebeb;
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.17);
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.17);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.17);
}
.io-current-file-fill {
	width: 64px;
	position: absolute;
	bottom: 0;
	left: 0;
	-moz-border-radius: 3px / 2px;
	-webkit-border-radius: 3px / 2px;
	border-radius: 3px / 2px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	-moz-box-shadow: 0 1px 0 rgba(255,255,255,.9), inset 0 0 0 1px rgba(0,0,0,.11);
	-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.9), inset 0 0 0 1px rgba(0,0,0,.11);
	box-shadow: 0 1px 0 rgba(255,255,255,.9), inset 0 0 0 1px rgba(0,0,0,.11);
}
.io-current-file-fill.critical {
	background: #df5151;
}
.io-current-file-fill.warning {
	background: #e1b93f;
}
.io-current-file-fill.good {
	background: #5cd479;
}
.io-current-expand {
	display: block;
	position: absolute;
	bottom: -12px;
	right: -2px;
	width: 20px;
	height: 18px;
	background-repeat: no-repeat;
	background-image: url(../images/expand-current.png);
}
.io-current-expand a,
.io-current-file-loader {
	display: block;
	width: 20px;
	height: 18px;
	background-repeat: no-repeat;
	background-position: center 1px;
}
.io-current-expand a {
	background-image: url(../images/svg/plus.svg);
	background-size: 14px;
}
.io-current-file-loader {
	display:none;
	background-image: url(../images/small-ajax-loader.gif);
}
.gauge-canvas {
	margin-left: -10px;
	margin-top: -5px;
}
.io-current-file-details {
	width: 100%;
	min-height: 256px;
	float: left;
	margin-top: -1px;
	border: 1px solid rgba(170,170,170,.53);
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	background-color: #fbfbfb;
	-moz-box-shadow: 0 2px 2px rgba(0,0,0,.03), inset 0 1px 0 #fff;
	-webkit-box-shadow: 0 2px 2px rgba(0,0,0,.03), inset 0 1px 0 #fff;
	box-shadow: 0 2px 2px rgba(0,0,0,.03), inset 0 1px 0 #fff;
}
.io-current-file-detail {
	width: 98.2%;
	height: 93.6%;
	float: left;
	margin: 8px;
	position: relative;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	background-color: #535353;
	-moz-box-shadow: inset 0 0 5px #000;
	-webkit-box-shadow: inset 0 0 5px #000;
	box-shadow: inset 0 0 5px #000;
}
.io-current-file-detail-close {
	display: block;
	position: absolute;
	right: -2px;
	top: -2px;
	height: 22px;
	width: 22px;
	border-radius: 0 0 0 3px;
	background-color: #fbfbfb;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(../images/svg/close.svg);
	background-size: 18px;
}
.file-details-top {
/* 	border-bottom: 1px solid #3F3F3F; */
	padding: 15px 15px 10px 15px !important;
}
.file-details-sec {
	float: left;
	width: 33%;
	padding: 8px 35px 15px 15px;
}
.file-details-sec h1,
.file-details-sec h2 {
	margin: 0;
	font-weight: normal;
	text-shadow: 0 1px 1px #000;
}
.file-details-sec h1 {
	padding: 0 0 10px 0;
	text-transform: uppercase;
	font-size: 12px;
	color: #f9a043;
	font-weight: bold;
}
.file-details-sec h2 {
	padding: 0;
	color: #fafafa;
	font-size: 12px;
}
.file-details-critical,
.file-details-warning {
	float: left;
	width: 100%;
	padding: 0 4px;
	line-height: 26px;
	color: #fff;
	font-size: 12px;
	text-shadow: 0 1px 1px rgba(0,0,0,.32);
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	text-transform: uppercase;
}
.file-details-critical {
	background-color: #db4a4d;
}
.file-details-warning {
	background-color: #e5b626;
}
.file-details-sec .threshold-value {
	float: right;
	line-height: 26px;
	width: 30px;
	display: inline-block;
	color: #fff;
	font-size: 12px;
	text-shadow: 0 1px 1px rgba(0,0,0,.32);
	font-weight: bold;
	text-align: center;
}
.file-details-sec .threshold-value.critical-line {
	border-right: 1px solid #853030;
}
.file-details-sec .threshold-value.warning-line {
	border-right: 1px solid #AF8A19;
}
.file-details-sec .threshold-label {
	float: right;
	margin-right: -7px;
	color: #fff;
	font-size: 10px;
	text-shadow: 0 1px 1px rgba(0,0,0,.32);
	text-transform: uppercase;
}
.file-detail-vals {
	float: left;
	margin-top: 19px;
	color: #fff;
	font-size: 12px;
	text-shadow: 0 1px 1px rgba(0,0,0,.32);

}
.file-detail-val-label {
	display: block;
	width: 50px;
	float: left;
	margin-top: 2px;
}
.file-detail-val {
	font-size: 12px;
	padding: 4px 6px;
	/* margin-left: 12px; */
	-moz-border-radius: 3px / 2px;
	-webkit-border-radius: 3px / 2px;
	border-radius: 3px / 2px;
	background-color: #8D8D8D;
}
.file-detail-inlinebar {
	margin-left: 12px;
}
.io-current-file-container {
	position: relative;
}
.io-current-file-container .viewport {
	float: left;
	width: 100%;
	max-width: 880px;
	height: 210px;
	overflow: hidden;
	position: relative;
}
.io-current-file-container .buttons {
    display: block;
    margin: 10px 10px 0 0;
    float: left;
    width: 31px;
    height: 31px;
    position: absolute;
	border-radius: 17px;
	background-repeat: no-repeat;
	background-position: center center;
}
.io-current-file-container .next {
    right: -60px;
	background-image: url(../images/svg/move_right.svg);
	background-size: 33px;
}
.io-current-file-container .prev {
    left: -50px;
	background-image: url(../images/svg/move_left.svg);
	background-size: 33px;
}
.io-current-file-container .buttons:hover{
    background-color: #F5F5F5;
}
.io-current-file-container .disable {
	visibility: hidden;
}
.io-current-file-container .overview {
	list-style: none;
	padding: 0;
	margin: 0;
	left: 0;
	top: 0;
	position:absolute;
}
.io-current-file-container .overview li{
	float: left;
}
.io-current-file-list .mirrored {
	display: none;
}

.table-state {
	width: 21px;
	height: 26px;
	background-repeat: no-repeat;
	background-position: center center;
}
.table-state.plus {
	background-color: #70C980 !important;
}
.table-state.minus {
	background-color: #808080 !important;
}
#licenseAllocationTable tr:hover {
	background-color: #FEFEFE;
}
#licenseAllocationTable_info {
	display: none;
}

.license-summary-help-inner .yui-content{margin-bottom: 10px; min-height: 200px;}

.activationHelp-link{
	float:right; padding: 12px 12px 0 0;
}
.activationHelp-inner{
	max-height: 500px; overflow: auto;margin: 10px; padding: 0 20px;
}
.activationHelp-list{
	padding-left: 30px;
}
.activationHelp-list ul, .activationHelp-list ol{
	padding-left: 20px; padding-top: 5px;
}
.activationHelp-footer{float:right; margin: 10px;}

#btnSaveBot:focus,
.toggle-license-checkbox:focus {
	outline:0;
}
#lic-all-help-box {
	text-align: left;
	padding: 20px;
}
#file-dropdown {
	display: block;
	padding: 0 8px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-color: #4b4b4b;
	color: #FFF !important;
	width: 275px;
	height: 28px;
	text-align: left;
	line-height: 28px;
	font-size: 14px;
	text-decoration: none;
	background-image: url(../images/dropdown-arrow.png);
	background-position: center right;
	background-repeat: no-repeat;
}

.info-tooltip-container {
    display: none;
	position: absolute;
	z-index: 2;
	margin-top: -80px;
	margin-left: 45px;
}

#teaser-gcp-postgres-updated2 {
    margin-left: 20px;
    margin-top: 8px;
}

#teaser-alert-rules {
    margin-left: -60px;
    margin-top: -90px;
}

#teaser-saml-login {
    margin-left: -125px;
    margin-top: 15px;
}

#teaser-tuning-index-analyzer {
    margin-left: -50px;
}

.info-tooltip-body {
	width: 159px;
	height: 100%;
	padding: 10px 10px 15px;
	color: #8b7812;
	font-size: 12px;
    font-weight: 500 !important;
    line-height: 14px;
    text-align: left;
	border: 1px solid #b4ad77;
	background-color: #fcf8d7;
	-moz-box-shadow: 0 0 29px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.2);
	-webkit-box-shadow: 0 0 29px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.2);
	box-shadow: 0 0 29px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.2);
	border-radius: 4px;
}

.info-tooltip-body.temp-db {
    width: 123px;
}

.info-tooltip-body .close {
	width: 8px;
	height: 8px;
    padding: 0;
    margin: 2px;
	display: block;
	float: right;
	background-repeat: no-repeat;
	background-image: url(../images/info-tooltip-close.png);
}
.info-tooltip-arrow{
    float: left;
    width: 19px;
    height: 19px;
    background-repeat: no-repeat;
}
.info-tooltip-arrow.arrow-btm {
	margin-top: -1px;
	margin-left: 75px;
	background-image: url(../images/info-tooltip-btm.png);
}
.info-tooltip-arrow.arrow-right {
	margin-left: 171px;
	margin-top: -43px;
	background-image: url(../images/info-tooltip-right.png);
}
.info-tooltip-arrow.arrow-left {
    margin-left: -10px;
    margin-top: -62px;
    background-image: url(../images/info-tooltip-left.png);
}
.info-tooltip-arrow.arrow-top {
    margin-top: -80px;
    margin-left: 75px;
    background-image: url(../images/info-tooltip-top.png);
}

.info-tooltip-arrow.arrow-top.gcp-postgres-updated2 {
    margin-top: -94px;
}
.info-tooltip-arrow.arrow-top.teaser-saml-login {
    margin-left: 145px;
    margin-top: -66px;
}

.healthMetricCenter p.info-message {
    margin: 10px 0 0 5px;
}
label .asterisk{
	margin-left:-5px;
    font-style: normal;
}
#sql-search-result #paramSearch, #sql-search-result #searchString{
    width: 415px;
    margin-right: 4px;
}
#sql-search-result p{
    font-size: 0.9em;
    line-height: 1.4em;
}
#sql-search-result input[type=radio]{
    margin-left: 10px;
    vertical-align: middle;
}
#sql-search-result label{
    cursor: pointer;
}
#sql-search-result #searchSelect, #sql-search-result #waitNameSelect{
    width:490px;
}
#license-products {
    text-align: center;
}
#license-products .box {
	position: relative;
	width: 260px;
	margin: 10px 10px 20px 10px;
	display: inline-block;
	border: 1px solid rgba(161,161,161,.53);
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	background-color: #fbfbfb;
	-moz-box-shadow: 0 2px 2px rgba(0,0,0,.03), inset 0 1px 0 #fff;
	-webkit-box-shadow: 0 2px 2px rgba(0,0,0,.03), inset 0 1px 0 #fff;
	box-shadow: 0 2px 2px rgba(0,0,0,.03), inset 0 1px 0 #fff;
	background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.03) 0%, rgba(255,255,255,.03) 100%);
	background-image: -o-linear-gradient(bottom, rgba(0,0,0,.03) 0%, rgba(255,255,255,.03) 100%);
	background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.03) 0%, rgba(255,255,255,.03) 100%);
	background-image: linear-gradient(bottom, rgba(0,0,0,.03) 0%, rgba(255,255,255,.03) 100%);
}
#license-products .box h4 {
	position: relative;
	padding: 10px 10px 6px 10px;
	color: #585858;
	font-weight: normal;
	text-shadow: 0 1px 0 rgba(255,255,255,.75);
	border-bottom: 1px solid #e1e1e1;
	font-size: 16px;
	text-align: center;
}
#license-products .box h4 .license-summary-help {
	position: absolute;
	right: 0;
	top: 6px;
}
#box-CATEGORY_1, #box-UNLIMITED_DB {
	border-top: 5px solid #f9a043 !important;
}
#box-CATEGORY_2 {
	border-top: 5px solid #43ccf9 !important;
}
#box-DBSH {
	border-top: 5px solid #fe0099 !important;
}
#box-DBSHDS {
	border-top: 5px solid #b7b320 !important;
}
#box-AZURE_SQL {
	border-top: 5px solid #007fff !important;
}
#box-VMWARE, #box-UNLIMITED_VM {
	border-top: 5px solid #43f9a5 !important;
}
#cat1-col,
#cat2-col,
#dbsh-col,
#dbshds-col,
#azure-col,
#vm-col {
	height: 34px;
}
#cat1-col {
	border-bottom: 5px solid #F9A043;
}
#cat2-col {
	border-bottom: 5px solid #43CCF9;
}
#dbsh-col {
	border-bottom: 5px solid #fe0099;
}
#dbshds-col {
	border-bottom: 5px solid #b7b320;
}
#azure-col {
	border-bottom: 5px solid #007fff;
}
#vm-col {
	border-bottom: 5px solid #43F9A5;
}
#license-products .subbox {
	width: 238px;
	height: 76px;
	margin: 10px 7px;
}

#license-products .statusbox {
	height: 78px;
	width: 100% !important;
	float: left;
	margin: 0 4px 2px;
	overflow: hidden;
	font-size: 14px;
	font-weight: bold;
	background: #c9c9c9;
	color: #fff;
	text-align: center;
	-moz-box-shadow: 0 1px 0 rgba(255,255,255,.9), inset 0 0 0 1px rgba(0,0,0,.11);
	-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.9), inset 0 0 0 1px rgba(0,0,0,.11);
	box-shadow: 0 1px 0 rgba(255,255,255,.9), inset 0 0 0 1px rgba(0,0,0,.11);
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

#license-products .statusbox h6{
	margin: 3px 0 8px 0;
}

#license-products .statusbox.disabled{
	background-color: #c3c3c3;
}

#license-products .statusbox.warning {
	background-color: #e1b93f;
}

#license-products .statusbox.critical {
	background-color: #df5151;
}

#license-products .statusbox.monitoring {
	background-color: #888888;
	color: #fff
}

#license-products .cur-used {
	text-transform: none;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 100;
	font-size: 32px;
}
#license-products .exceeded-label {
	text-transform: none;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 100;
	font-size: 14px;
}
.orange-info-icon {
	width: 13px;
	height: 13px;
	display: inline-block;
	margin: 0 3px;
	background-image: url(../images/svg/severity_info.svg);
	background-repeat: no-repeat;
	background-size: contain;
}
#get-edition-body-help-box {
	width: 475px;
}
.get-edition-loader {
	display: inline-block;
	width: 32px;
	height: 32px;
	text-align: center;
	margin: 15px 0;
	background-repeat: no-repeat;
	background-image: url(../images/ajax-loader.gif);
}

#get-edition-title {
	float: left;
	padding-left:15px;
}
.license-summary-help {
	display: inline-block;
	float: right;
	width: 13px;
	height: 13px;
	margin-right: 5px;
	background-image: url(../images/svg/severity_info.svg);
	background-size: contain;
}
.video-link {
	display: inline-block;
	line-height: 16px;
	padding-left: 22px;
	background-repeat: no-repeat;
	background-position: left center;
	background-image: url(../images/video-link.png);
	text-decoration: none !important;
}
.video-link:hover {
	text-decoration: underline !important;
}
.jstree-icon-none {
	display: none !important;
}
.tree-obj-cell {
	text-align: left;
	text-indent: 5px;
	width: 320px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.tree-grid-cell > span {
	height: 16px;
}
/*this class is here just for the time being - should be incorporated in new classes after css refactoring*/
.bold-text {
    font-weight: bold;
}

.ioMainContent .jstree-grid-head{width: 1126px;}
.ioMainContent .yui-content{overflow:auto;}

.yui-content.main.flatDashboard{
	/*padding: 10px;*/
	background: none;
}

#dashboard-table-wrapper{
	background: #fff;
	border: 1px solid #CFCFCF;
	padding: 10px 5px 20px;
}

.dashboardTable .dbInstanceName {
    display: inline-block;
}

.dashboardTable.styledTable td.noBorder{
    border: 0;
}

.dashboard-search-block{
	float:left;
	height:35px;
	margin: -2px 0 0;
}

#slideTrigger{
	display: inline-block;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	width: 45px;
	height: 20px;
	/*background: #c9c9c9;*/
	background: grey;
}

#slideTrigger .slideDot{
	width: 18px;
	height: 18px;
	border: 1px solid grey;
	background: #fff;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-webkit-transition: all 0.25s ease-out;
	-moz-transition: all 0.25s ease-out;
	-o-transition: all 0.25s ease-out;
	transition: all 0.25s ease-out;
}

#slideTrigger.active{
background: #7bb23d;
}

#slideTrigger.active .slideDot{
	border-color: #7bb23d;
	margin-left: 25px;
}

#slideTrigger.disabled{
	background: #e2e2e2;
	cursor: default;
}

#slideTrigger.disabled .slideDot {
	border-color: #e2e2e2;
	background: silver;
}

#slideTrigger.small{
	width: 30px;
	height:15px;
}
#slideTrigger.small .slideDot{
	width:13px;
	height:13px;
}
#slideTrigger.small.active .slideDot{
	margin-left:15px;
}

#dashboard-manage-groups .header-gear{
	-webkit-transition: all 0.25s ease-out;
	-moz-transition: all 0.25s ease-out;
	-o-transition: all 0.25s ease-out;
	transition: all 0.25s ease-out;
}

#dashboard-manage-groups:hover .header-gear{
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}

#dashboard-control-buttons{
	float:right;
}

#dashboard-control-buttons .dashboard-button{
	display:  inline-block;
	height: 32px;
	margin: 2px 5px 0;
	vertical-align: middle;
}

.dashboard-button a.link-btn{
	text-decoration: none;
	color: #333;
	font-size:13px;
}

.dashboard-button a.link-btn span {
	display:inline-block;
	vertical-align: middle;
	padding-left: 5px;
}

.dashboardTable.styledTable {
	border-left-width: 0;
	border-right-width: 0;
	border-color: #E4E4E4
}

.dashboardTable.styledTable th{
	height: 30px;
	background: #E4E4E4;
	font-size:12px;
	border-left: 0;
	color: #333;
	/*border-right: 1px solid #bfbfbf;*/
	border-right: 1px solid #ccc;
	border-top: 1px solid #ccc;
}

.dashboardTable.styledTable th:first-child{
	border-left: 1px solid #ccc;
}

.dashboardTable.styledTable .trHeader+.dbGroupNameSpacer{
	display:none;
}

.dashboardTable.styledTable .stacked-table-header th{
	border-bottom: 1px solid #ccc;
	height: 30px !important;  /*TODO: !important; required due to same definition in global.css which cant be removed now. Fix during table style refactoring*/
}

.dashboardTable.styledTable td{
	border-right: 1px solid #E0E0E0;
	border-left: 0;
	border-width: 0 1px;
	padding: 4px 10px 2px;
}

.dashboardTable.styledTable td:first-child{
	border-left: 1px solid #E0E0E0;
    padding: 4px 14px 2px 6px;
}


.dbGroupNameSpacer{
	height: 5px;
	line-height: 0px;
}

.dashboardTable.styledTable .dbGroupNameSpacer td{
	padding:0;
	margin:0;
	border: 1px solid #E0E0E0;
	border-width: 1px 0 1px 0;
}

.dashboardTable.styledTable .dbGroupHighlighter:first-child {
	border-left: 3px solid #2a69ad
}
.dashboardTable.styledTable .dbGroupNameTr td{
	height: 33px;
	font-size: 14px;
}

.dbInstanceWithAG{
	position: relative;
}

.dbInstanceWithAG > div{
	vertical-align: middle; padding: 0 60px 0 0;
}

.action-menu .caret-down{
position: absolute;
}
.agStatusDiv{
	float: right;
	margin-top: -2px;
}
.agStatusIcon{
	display: block;
    position: relative;
	width: 30px;
	height: 16px;
    padding: 2px 0 0;
    background-color: #6799ff;
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 11px;
}
.agStatusIcon:before{
    content: " ";
    position: absolute;
    bottom:0;
    right: -5px;
    width: 10px;
    height: 10px;
    border-radius: 10px;
}
/* Healthy */
.agStatusIcon.healthy:before{
    background-color: #30b230;
}
/* Partially Healthy */
.agStatusIcon.partially-healthy:before{
    /*background-color: #eab03a;*/
	background-color: #f9c700;
}
/* Not Healthy */
.agStatusIcon.not-healthy:before{
    background-color: #d50000;
}
/* Not Healthy */
.agStatusIcon.unknown:before{
    background-color: #D5D5D5;
}
