/*
 * styles.css
 *
 * Copyright (C) 2017-2020 Continuent Ltd. All rights reserved.
 *
 * This product is protected by copyright and intellectual property laws in the
 * United States and other countries, as well as by international treaties.
 *
 * 20221107-ems-1325
 *
 */

/*
@font-face {
    font-family: 'canada-type-gibson';
    src: url("/fonts/gibson-light.otf") format("opentype");
    font-style: normal;
    font-weight: 300;
}

@font-face {
    font-family: 'canada-type-gibson';
    src: url("/fonts/gibson-regular.otf") format("opentype");
    font-style: normal;
    font-weight: 400;
}

@font-face {
    font-family: 'canada-type-gibson';
    src: url("/fonts/gibson-semibold.otf") format("opentype");
    font-style: bold;
    font-weight: 700;
}

@font-face {
    font-family: 'canada-type-gibson';
    src: url("/fonts/gibson-italic.otf") format("opentype");
    font-style: italic;
}
*/


html
{
	height: 101%;
}

body
{
	text-align: left;
	background: #fff;
	/* for fixed
	*/
	padding-top: 200px;
	background-color: #000;
	background-color: rgb(220, 221, 230);
	font-family: sans-serif;
}
.gray,
.grey
{
	background: #ededed;
	background: #e0e0e0;
	background: #eaeaea;
	background: none;
}

div.row
{
	text-align: left;
}
div.row pre
{
	text-align: left;
}
/*
*/
div.node.box
{
	vertical-align: top;
	border: 2px solid #ddd;
	display: inline-block;
	padding: 20px;
	margin: 10px;
	width: auto;

}
h1,
h2,
h3,
p
{
	margin: 0;
	padding: 0;
	line-height: 100%;
}

a
{
	color: rgba(255, 255, 255, 0.75);
}

/*
a.btn
{
	color: rgb(51, 51, 51);
}
*/

p
{
	line-height: normal;
}

input#speed
{
	width: 60px;
}

h3.title
{
	margin: 10px 0 0 0 ;
}

.row
{
	margin: 0;
}

.errmsg
{
	font-size: 15px;
	line-height: 15px;
	margin: 10px 0 0 0;
	display: inline-block;
}

.navbar-collapse,
.container-fluid > .navbar-collapse
{
	padding: 0;
	/*
	margin-right: -15px;
	*/
}

/*
.container-fluid > .navbar-header
{
	margin-left: 15px;
}
*/

.nav > li > a:hover
{
	background-color: #abcdef;
	background-color: #145AA2;
	color: #fff;
}

.nav .open > a:focus
{
	background-color: #145AA2;
	color: #fff;
}

nav.navbar
{
	background-image: none;
	margin: 0;
	padding: 0;
	border: 0;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

nav.navbar.nav1
{
	min-height: 70px;
	background-color: #1C1140;
	background-color: #bbb;
	background-color: rgb(220, 221, 230);
	background-color: #ECEFF1;
	background-color: #fff;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1035;
	display: block;
	padding: 0;
	padding: 0 20px 0 20px;
	margin; 0;
}

.navbar.nav2
{
	min-height: 61px;
}

nav.navbar.nav2
{
	background-color: #2C3E72;
	background-color: #3F51B5;
	position: fixed;
	top: 70px;
	left: 0;
	right: 0;
	z-index: 1030;
	display: block;
	padding: 0;
	padding: 4px 0 0 0;;
	margin; 0;
}

nav.navbar.nav3
{
	min-height: 70px;
	background-color: #ECEDF5;
	background-color: #ECEFF1;
	position: fixed;
	top: 128px;
	left: 0;
	right: 0;
	z-index: 1030;
	display: block;
	padding: 0;
	margin; 0;
}

ul.navbar-right
{
	margin: 0;
}

.nav1 ul.navbar-right
{
	margin-top: 8px;
}

ul.dropdown-menu
{
	background-color: #3F51B5;
	color: #fff;
}

ul.dropdown-menu > li > a
{
	color: #f0f0f0;
}

nav.navbar.nav2 > div,
nav.navbar.nav3 > div
{
	padding-right: 15px;
}

nav.navbar.nav1 > div,
nav.navbar.nav2 > div,
nav.navbar.nav3 > div
{
	max-width: 1200px;
	width: 100%;
}

nav.navbar.nav3 .navbar-brand
{
	color: rgb(111, 119, 134);
	color: #435B66;
	display: inline-block;
	font-family: canada-type-gibson, sans-serif;
	font-family: sans-serif;
	font-size: 20px;
	font-weight: 400;
	line-height: 36px;
	margin: 0;
}

nav.navbar.nav3 .navbar-timestamp
{
	color: rgb(111, 119, 134);
	color: #000;
	display: inline-block;
	font-family: sans-serif;
	font-size: 13px;
	font-weight: normal;
	line-height: 15px;
	margin: 20px 3px 0 6px;
	padding: 2px 3px 0px 3px;
	text-align: right;
	text-align: left;
	border-left: 2px dotted #bbb;
	border-left: 2px solid #0b0;
	border-left: 0px solid #03DAC5;
	border-right: 2px dotted #bbb;
	border-right: 2px solid #0b0;
	border-right: 0px solid #03DAC5;
}

nav.navbar.nav2 .btn
{
	margin-top: 8px;
	margin-bottom: 10px;
	font-size: 16px;
	line-height: 16px;
	padding: 8px 12px 5px 12px;
}

nav.navbar.nav3 .btn.navbar-btn
{
	font-family: canada-type-gibson, sans-serif;
	font-family: sans-serif;
	margin: 15px 0 0px 8px; 
	margin: 15px 0 15px 8px; 
	padding: 10px 12px;
	padding: 10px 10px;
	padding: 6px 4px;
	font-size: 18px;
	line-height: 18px;
	font-weight: 300;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	box-shadow: rgba(0, 0, 0, 0.6) 0px 1px 2px 0px;
	background-color: #D7DCE7;
	color: #fff;
	color: rgb(51, 51, 51);
	color: rgb(8, 130, 211);
	color: #000;
	/*
	display: block;
	box-sizing: border-box;
	*/

}

nav.navbar.nav3 .btn.navbar-btn:hover
{
	color: #009900;
	color: rgb(8, 130, 211);
	color: #000000;
	border-color: #fff;
}

nav.navbar.nav3 .btn.navbar-btn span.buttontext
{
	display: inline-block;
	font-size: 10px;
	line-height: 10px;
	font-size: 12px;
	line-height: 12px;
	text-align: left;
	font-weight: bold;
	font-weight: normal;
}


/*
nav.navbar.nav3 .btn
{
	margin: 10px 0;
}
*/

.nav > li > a.btn.disable
{
	padding: 5px;
	margin: 23px 0 0 0;
}


#Input-iframe-grafana-panelid
{
	width: 60px;
	font-size: 14px;
	line-height: 20px;
	padding: 5px 4px 6px;
	text-align: right;
	border: 1px solid #888;
	margin: 0px 0 0 0;
	display: inline-block;
}

#Div-iframe-grafana .btn:hover
{
	background: #ffffff;
	color: #000000;
}

nav.navbar .btn:hover
{
	background-image: linear-gradient(rgb(255, 255, 255) 0px, rgb(224, 224, 224) 100%);
}



	/*
.navbar > .container.centered 
{
	display: inline-block;
	margin: 0 auto;
	border: #f00 1px solid;
	width: auto;
	min-width: 800px;
}
*/

.navbar > .container-fluid
{
	max-width: 1200px;
}


.navbar.nav1 > .container-fluid a.navbar-brand
{
	color: #64ADF7;
	color: #FFF;
	color: #d0d0FF;
	line-height: 40px;
	padding: 0;
	padding: 0 0 0 5px;
	margin: 15px 0 0 0;
}

.navbar.nav1 .navbar-text.tabtitle
{
	color: #fff;
	color: #000;
	font-size: 20px;
	font-weight: 400;
	line-height: 36px;
	line-height: 20px;
	padding: 0;
	padding: 8px 0 6px 0;
	margin: 15px 15px 0 15px;
	background: #000;
	background: #3F51B5;
	background: #ECEFF1;
	background: #F2F6F8;
	background: #f9f9ff;
	vertical-align: baseline;
	display: inline-block;
	text-align: center;
	float: right;
	min-width: 200px;
	border:solid 0px #999;
	border:solid 1px #000;
	border:dotted 1px #aaa;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.navbar.nav1 .navbar-text.tabtitle.text-primary
{
	color: inherit;
}

div.statustxt.text-warning
{
	color: #ffa300;
}

.navbar.nav1 .navbar-text.tabtitle.text-warning
{
	color: #ff9966;
	color: #ffa300;
	font-size: 18px;
}

.navbar.nav1 .navbar-text.tabtitle.text-danger
{
	color: #ff4700;
}

.navbar.nav1 > .container-fluid .navbar-brand img
{
	margin-top: -30px;
	margin-top: -0px;
}

/*
.locked
{
	background: rgb(217, 83, 79);
}
*/

.unlocked
{
	color: rgb(34, 34, 34);
}

.locked.ready
{
	color: rgb(57, 172, 107);
}

.unlocked.busy,
.locked.busy
{
	color: rgb(255, 71, 0);
	color: rgb(255, 163, 0);
}

.table-toggle
{
	font-weight: bold;
}

.clusterdiv {
  position: relative;
  min-height: 75px;
  padding: 15px;
  border-color: #e1e3e9 #e1e3e9 #ccc;
  border-top-style: solid;
  border-top-width: 1px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-left-style: solid;
  border-left-width: 1px;
  background-color: #eef0f6;
      /*  #ems  */
      text-align: left;
}

.clusterdiv.altpadding {
  position: relative;
  padding-right: 25px;
  padding-left: 25px;
  background-color: #fff;
	border: 0;
}


/*  #ems  */
.cluster.wrap.standalone,
.cluster.wrap.composite-master,
.cluster.wrap.composite-slave
{
	margin: 0px auto 10px;
	margin: 0px auto 10px;
	width: 100%;
	width: auto;
	padding: 0 10px;
	padding: 0 0 0 10px;
	padding: 0;
	margin: 0;
	margin: 0 0px 0 10px;
	border-right: #eef0f6 solid 8px;
	border-right: rgb(230, 236, 240) solid 8px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

/*
.cluster.wrap
{
	display: inline-block;
	border: 2px solid #64ADF7;
	border: 2px solid #023580;
	border: 2px solid #aaaadd;
	border: 1px solid #ddddff;
	border: 1px dotted #ddddff;
	border: 0;
	padding: 0 12px 12px 12px;
	margin: 10px auto 0px;
	width: 100%;
	width: auto;
	min-width: 80%;
	text-align: left;
	text-align: center;
}
*/

.table.composite.members
{
	width: auto;
	float: left;
}

.composite.heartbeat
{
	float: right;
	margin: 0px 0 10px 0px;
	margin: 11px 0px 0 10px;
}

.composite.menu
{
	float: right;
	margin: 0 0 10px 0;
	margin: 11px 0px 0 5px;
}

.compositewrap .composite.menu
{
	margin: 0;
}

.composite.policy
{
	float: right;
	line-height: normal;
	display: inline-block;
	border: 2px solid #ddd;
	padding: 7px;
	margin: 10px 0 0 0;
	color: #fff;
}

.cluster.composite-master
{
	margin-left: 20px;
	margin-left: 10px;
}

.cluster.composite-slave
{
	margin-left: 20px;
	margin-left: 10px;
}

.cluster.heartbeat
{
	float: right;
	margin: 11px 0px 0 10px;
}

.cluster.name .label
{
	padding: 1px 6px 2px;
	line-height: 100%;
	font-size: 11px;
	vertical-align: middle;
	/*
	font-weight: normal;
	display: inline-block;
	background: #64ADF7;
	color: #fff;
	padding: 3px;
	line-height: 100%;
	*/
}

.cluster.name
{
	line-height: 100%;
	display: inline-block;
	display: block;
	padding: 0;
	margin: 10px 0 0 0px;
	text-align: center;
	text-align: left;
}
.cluster.coordinator
{
	line-height: 100%;
	display: inline-block;
	display: block;
	padding: 0;
	margin: 0;
	margin: 3px 0 5px 0px;
	text-align: left;
}

/*
.cluster.menu
{
	float: left;
	float: right;
	margin: 11px 0px 0 0;
}

.cluster .lock,
.cluster .locked,
.cluster .unlock
{
	float: right;
	margin: 10px;
	margin-left: 0px;
	padding: 7px;
}
*/

.cluster.policy
{
	float: right;
	line-height: normal;
	display: inline-block;
	border: 2px solid #ddd;
	padding: 7px;
	margin: 10px;
	color: #fff;
}

.cluster.commands
{
	line-height: 100%;
	background: #fff;
	background: none;
	/*
	padding: 0;
	border: 1px solid #0f0;
	border: 1px solid #f00;
	margin: 0 auto;
	border: 2px solid #ddd;
	width: auto;
	display: block;
	*/
}

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

/*
.cluster.command:hover
{
	background: #ddd;
}
*/
div.alert
{
	margin-top: 5px;
	margin-bottom: 0px;
	margin: 5px 30px 0px 30px;
}

.table.node
{
	margin: 0;
	border: 2px solid #bbb;
	border: 2px solid #64ADF7;
	border: 1px solid #fff;
	border: 2px solid #aaaadd;
	border: 2px solid #bbbbee;
	border: 2px solid #ccccff;
	border-right: 2px solid #ccccff;
	border-bottom: 2px solid #ccccff;
	border: 0;
	background: #f9f9f9;
	min-width: 50%;
	margin-bottom: 10px;
	margin-right: 4px;
	padding-right: 0px;
}

/*
	margin-right: 10px;
.table.node.composite-master,
.table.node.composite-slave
{
	margin: 0 20px 0 0px;
	margin: 0;
}
*/

.table.node > thead > tr > th
{
	font-size: 10px;
	text-align: center;
	text-align: left;
}
.table.node > thead > tr > th.center
{
	text-align: center;
}

.glyphicon-warning-sign
{
	color: #ff9966;
}

/*
.glyphicon-ban-circle
{
	color: #f00;
}
*/

.table > tbody > tr.node > td.applied,
.table > tbody > tr.node > td.seqno
{
	color: #6633cc;
	color: #9966FF;
	color: #8855ee;
	color: rgb(8, 130, 211);
	color: #3F51B5;
}

.table > tbody > tr.node > td.seqno a.seqno-title
{
	text-decoration: dotted;
	color: #000;
}

.table > tbody > tr.node > td.center.seqno.info,
.table > tbody > tr.node > td.center.seqno.info a
{
  color: #0047ff;
  font-weight: bold;
}

.table > tbody > tr.node > td.center.seqno.warning,
.table > tbody > tr.node > td.center.seqno.warning a
{
  color: #ff9966;
  font-weight: bold;
}

.table > tbody > tr.node > td.center.seqno.danger,
.table > tbody > tr.node > td.center.seqno.danger a
{
  color: #ff4700;
  font-weight: bold;
}

.table > tbody > tr.node > td.right
{
	text-align: right;
}

.table > tbody > tr.node > td.center,
.table > tbody > tr.node > td.centered
{
	text-align: center;
}

.table > tbody > tr.node > td
{
	vertical-align: middle;
	padding: 2px 3px;
	text-align: left;
}

.node.role
{
	margin: 8px;
	font-size: 18px;
	font-size: 1.8em;
	line-height: 100%;
	font-weight: bold;
}
.node.master,
.node.standby,
.node.relay
{
	font-weight: bold;
}

.node.master td.menu,
.node.standby td.menu,
.node.relay td.menu
{
	font-weight: normal;
}

.node.master,
.node.state
{
	margin: 8px;
}
.node.line
{
	text-align: left;
	padding: 0 20px;
}
.node.dump,
.node.dump pre
{
	text-align: left;
	background: #fff;
	padding: 10px;
}
.node.button
{
	margin: 8px auto;
}

table.connectors.detail th
{
	background: #eef0f6;
}

.compositewrap div.connectors
{
	width: auto;
	text-align: left;
	padding-left: 10px;
	margin-top: 4px;
}

/*
.composite div.connectors
{
	display: inline-block;
	width: auto;
	max-width: 58%;
	float: right;
	text-align: left;
	padding-left: 20px;
	border: 0px solid #fff;
	border: 1px solid #aaaadd;
	border: 1px solid #e9e9e9;
	background: #fff;
	margin: 0;
	padding: 4px;
}
*/

div.composite div.connectors.detail
{
	float: right;
}

.connectors.detail
{
	display: none;
}

.clusterwrap .connectors.detail,
.compositewrap .connectors.detail
{
	display: block;
	display: inline-block;
}

.connectors span
{
	font-size: 10px;
	font-size: 11px;
}
/*
.node.command
{
	color: #000;
}
.node.command:hover
{
	background: #ddd;
}
*/

a.cluster.reload,
a.composite.reload
{
	display: inline-block;
	float: right;
	margin: 10px 10px 0 0;
}

.reload,
.notes-hide,
.notes-show,
.details-hide,
.details-show,
.clear-msgs,
.open-all,
.close-all
{
	display: inline-block;
	float: left;
	margin: 0 5px 0 0;
}

.compositewrap .reload
{
	float: none;
	margin: 0 0 0 5px;
	margin: 0 5px 0 0;
}





div.node.notes
{
	margin: 10px 10px 10px 0;
	margin: 0;
	padding: 10px 0;
	padding: 0;
	width: 100%;
}

div.node.notes h4
{
	color: #000;
	margin-left: 15px;
}

div.node.notes form 
{
	margin: 5px;
	padding: 0;
}

div.node.notes table
{
	margin: 0;
	padding: 0;
	border-collapse:collapse;
    border-spacing:0;
    width:100%;
	background: #D4D5E0;
}

div.node.notes table td
{
	margin: 0;
	padding: 0;
	width: auto;
	vertical-align: middle;
}

td.node.notes
{
	background: #D4D5E0;
}

div.node.notes table td.content
{
	width: 100%;
}

a.node.notes
{
	color: #f0ad4e;
	color: #FFCC66;
	margin: 0 0 0 4px;
	padding: 0;
	vertical-align: middle;
	display: inline-block;
}

div.node.notes a.note.close
{
	color: #000;
	vertical-align: middle;
	display: inline-block;
	margin: 0px 5px 0 0;
	margin: 0 0 0 5px;
	padding: 0;
}

div.node.notes form button
{
	display: inline-block;
	vertical-align: middle;
	margin: 0 0 0 3px;
}

/*
div.node.notes form button.submit
{
	margin-left: 0px;
}
*/

div.node.notes form textarea
{
	width: 100%;
	display: inline-block;
	vertical-align: middle;
	font-size: 18px;
	line-height: 20px;
	margin: 5px 0 0 0;
	margin: 0;
	padding: 2px 3px;
}




div.node.details
{
	color: #000;
	margin: 10px auto;
	padding: 10px 0;
	background: #fff;
}
#main {
   position: relative;
   margin: 10px 0 0 0;
}
#main:after {
    content : "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    /*
     * background: url(images/birds.png) top center no-repeat; 
    */
    width: 100%;
    height: 100%;
    opacity : 0.2;
    z-index: -1;
}
.container
{
	width: 1200px;
	padding: 0;
	margin: 8px auto 0;
}

.container-fluid
{
	max-width: 1200px;
	padding: 0;
	margin: 0 auto 0;
}

.label-danger
{
	color: #fff;
}

.label-master
{
	background-color: #64ADF7;
	color: #fff;
}

.label-relay
{
	background-color: #E66400;
	color: #fff;
}

.label-standby
{
	background-color: #E66400;
	color: #fff;
}

.label-slave
{
	background-color: #023580;
	color: #fff;
}


.dropdown-header {
	max-width: 300px;
	min-width: 180px;
	white-space: normal;
	color: #53bcd6;
	color: #fff;
	border-bottom: dotted #fff 1px;
	border: 0;
	background: #000;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-right: 10px;
	margin: 10px 0 3px 0;
	font-size: 14px;
	line-height: 14px;
	border-top: solid #aaa 1px;
	border-bottom: solid #aaa 1px;
}

.nav .dropdown-header {
	font-size: 18px;
	line-height: 18px;
	max-width: 500px;
	white-space: normal;
	color: #53bcd6;
	color: #fff;
	background: #000;
	padding-top: 12px;
	padding-bottom: 12px;
	margin: 0;
}

#main .dropdown-menu .divider
{
	margin: 3px 0 3px 0;
}
/*
*/

.dropdown-submenu {
    position: relative;
    min-width: 200px;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
    min-width: 300px;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}
div.cluster.full
{
	width: 100%;
}
#Div-connectors
{
	display: none;
}

#dashboard-prometheus
{
	margin: 0px;
	display: none;
	padding: 0px;
	width: 100%;
	text-align: center;
}

#Div-invokeDownload
{
	margin: 0px;
	display: none;
	padding: 0px;
	width: 100%;
	text-align: center;
}

#Div-iframe-grafana
{
	margin: 0px;
	display: none;
	padding: 0px;
	width: 100%;
	text-align: left;
}

a.dismiss-left,
.help a.dismiss-left
{
	text-align: left;
	float: none;
	margin: 10px 0px 0px 0;
	color: #aaa;
	font-size: 16px;
	line-height: 16px;
}

.dismiss-top
{
	text-align: right;
	float: right;
	margin: 0px 0px 10px 0;
}

.dismiss-bottom
{
	text-align: left;
	margin: 10px 0 10px 0;
}

#Div-iframe-grafana h1
{
	margin: 0px 0px 5px 0px;
}

#Div-iframe-grafana
{
	margin-bottom: 10px;
}

#Spinner-iframe-grafana-wrapper
{
	text-align: center;
	margin: 15px auto;
}

#Div-iframe-grafana-wrapper
{
	text-align: left;
	margin-top: 5px;
}

#Div-iframe-grafana-controls .container-fluid
{
	background: #ffffff;
	padding: 10px;
	border: #abcdef 1px dotted;
}

#iframe-grafana
{
	text-align: left;
}

.maxwin,
.contentwrap.maxwin
{
	width: 100%;
	height: calc(100vh - 300px);
}

#iframe-prometheus
{
	width: 80%;
	width: calc(100vw - 40px);
	height: calc(100vh - 300px);
	text-align: left;
}


#Div-react-container,
#Div-monitor-grafana,
#Div-dashboard-diag,
#Div-dashboard-auth,
#Div-tcd-provision,
#Div-dashboard-settings,
#Div-invokeDownload,
#Div-definition-cluster,
#check4update-clustering,
#check4update-dashboard,
#config,
#help
{
	margin: 0px;
	display: none;
	padding: 0px;
	width: 100%;
	text-align: left;
}

#help li,
#help p
{
	font-size: 20px;
	line-height: 23px;
}

#help div.row a
{
	font-size: 20px;
	line-height: 23px;
	font-weight: bold;
}

#msg
{
	margin: 0px 30px 10px 30px;
	font-size: 16px;
	line-height: 18px;
/*
	display: none;
	padding: 5px;
	width: 100%;
	text-align: center;
*/
}

.ajax.wrapper
{
	display: none;
	margin: 0;
	padding: 0;
	padding: 0px 0px 0 0;
	/*
	background-color: #fff;
	background-color: rgb(220, 221, 230);
	*/
}

.ajax.wrapper.root
{
	margin: 0 0 0px 0;
	padding: 0;
}

.ajax.wrapper.standalone
{
	margin: 0px 0 10px 0;
	padding: 0;
	background-color: #ffffff;
}

.ajax.wrapper.standalone div.row.overflow
{
	margin: 0px 0 0px 0;
	padding: 0;
}

.ajax.wrapper.standalone div.clusterwrap.altmargin
{
	margin: 0px 0 0px 0;
	padding: 0 10px 0 0;
}


.ajax.spinner
{
	display: block;
	width: 100%;
	min-height: 50px;
	padding: 20px;
	vertical-align: middle;
	background-color: #ffffff;
}


.header-swans
{
	width: 60px;
	margin-right: 0px;
	float: left;
}

.header-dashboard
{
	width: 300px;
	margin-right: 0px;
	float: left;
}





.navbar-brand,
.navbar > .container a.navbar-brand
{
	margin-left: 0px;
color: #fff;
font-size: 20px;
font-weight: 300;
letter-spacing: 1px;
text-decoration: none;
font-family: canada-type-gibson, sans-serif;
	font-family: sans-serif;
letter-spacing: 1px;
line-height: 20px;
margin-left: 0px;
padding-left: 0px;
padding-top: 20px;
text-transform: none;
display: inline-block;
}


ul.nav a.dropdown-toggle,
ul.nav a.navbar-link
{
padding: 15px 15px 10px 15px;
font-size: 16.8px;
font-size: 20px;
line-height: 30.2333px;
font-family: canada-type-gibson, sans-serif;
	font-family: sans-serif;
margin-left: 0px;
margin-right: 0px;
color: #778;
color: #435B66;
/*
padding-left: 20px;
padding-right: 20px;
*/
}

ul.nav a.dropdown-toggle:hover,
ul.nav a.navbar-link:hover
{
	color: #fff;
}

/* #ems */
ul.nav a
{
	margin-top: 4px;
font-size: 20px;
}

ul.nav a.active
{
border-bottom-color: rgb(8, 130, 211);
border-bottom-color: #fff;
border-bottom-color: #03DAC5;
border-bottom-style: solid;
border-bottom-width: 5px;
color: #fff;
color: #000;
padding: 15px 15px 5px 15px;
}

ul.nav a.active.helplink
{
border-bottom-color: #5cb85c;
border-bottom-color: #03DAC5;
}

ul.nav a.active:hover
{
color: #fff;
}


ul.nav li.open a.dropdown-toggle,
ul.nav li.open a.active
{
	color: #000;
	color: #FFF;
	border-color: #03DAC5;
	background-color: #fff;
	background-color: #3F51B5;
}

ul.nav li.open  ul.dropdown-menu  a.active
{
	color: #FFF;
	color: #000;
	border-color: #03DAC5;
	background-color: #3F51B5;
	background-color: #fff;
}

ul.nav li.open a.dropdown-toggle:hover,
ul.nav li.open a.active:hover
{
	color: #000;
	border-color: #03DAC5;
	color: #FFF;
}

sup.required
{
	color: #f00;
}

#Button-grafana-iframe.active:hover
{
	color: #fff;
}

a.link.missing,
#Button-invokeDownload.active:hover,
#Link-dashboard-diag-form.active:hover,
#Button-grafana.active:hover,
#Link-grafana-iframe.active:hover,
#Link-definition-cluster-add.active:hover,
#Link-settings-form.active:hover,
#Link-help.active:hover,
#Link-info-check4update-dashboard.active:hover,
#Link-info-config.active:hover
{
	color: #000;
}


#check4update-clustering .software-version,
#check4update-dashboard .software-version
{
	font-size: 22px;
	line-height: 22px;
	margin: 0px;
}

#check4update-clustering .more-info,
#check4update-dashboard .more-info
{
	font-size: 18px;
	line-height: 20px;
	margin: 0px 0 10px 0;
}

#check4update-clustering p.message,
#check4update-dashboard p.message
{
	font-size: 20px;
	line-height: 24px;
	margin: 20px 0 20px 40px;
}

h2.service-info
{
	font-weight: normal;
	line-height: 100%;
	padding-top: 8px;
}

label.autoreload
{
	display: inline-block;
	margin-top: 20px;
}


.navbar-form
{
	margin-top: 0;
	margin-bottom: 0;
}

select.form-control.autoreload option
{
	font-weight: normal;
}

.navbar-form input.form-control.searchbytag-input,
.navbar-form input.form-control.search-input
{
	width: auto;
	max-width: 140px;
	margin: 0 0 0 0;
	padding: 5px 12px 2px 12px;
	font-size: 18px;
	line-height: 18px;
	height: 38px;
	height: auto;
	font-family: canada-type-gibson, sans-serif;
	font-family: sans-serif;
	font-feature-settings: normal;
	font-kerning: auto;
	font-language-override: normal;
	font-size-adjust: none;
	font-stretch: normal;
	font-style: normal;
	font-variant: normal;
	font-variant-alternates: normal;
	font-variant-caps: normal;
	font-variant-east-asian: normal;
	font-variant-ligatures: normal;
	font-variant-numeric: normal;
	font-variant-position: normal;
	font-weight: 400;
}

button.search-clear,
button.search-gather,
button.search-filter
{
	color: #fff;
	padding: 9px 15px;
	margin-left: 10px;
}

button.search-gather,
button.search-filter
{
	background-color: rgb(8, 130, 211);
}

button.search-clear
{
	color: #fff;
	background-color: rgba(255, 255, 255, 0.37);
}

button.search-gather:hover,
button.search-clear:hover,
button.search-filter:hover
{
	color: #000;
}

footer
{
	background-color: #3F51B5;
	background-color: rgb(26, 20, 55);
	background-color: #000;
	background-color: rgb(25, 25, 26);
	bottom: 0px;
	box-sizing: border-box;
	color: rgb(51, 51, 51);
	font-family: canada-type-gibson, sans-serif;
	font-family: sans-serif;
	font-size: 14px;
	left: 0px;
	line-height: 20px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	position: fixed;
	right: 0px;
	width: 100%;
	z-index: 1000;
}

a.footer-version
{
	font-weight: bold;
	color: #03DAC5;
}

a.footer-version:hover
{
	color: #ffffff;
	text-decoration: none;
}

.copyright
{
	/*
	align-self: center;
	text-align: center;
	*/
	box-sizing: border-box;
	color: rgb(206, 204, 204);
	font-family: canada-type-gibson, sans-serif;
	font-family: sans-serif;
	font-size: 17px;
	line-height: 20px;
	-moz-box-flex: 1;
	padding: 10px 0 10px 10px;
}

.copyright span
{
	font-style: italic;
}

.footerinfo
{
	float: right;
	text-align: right;
	color: rgb(206, 204, 204);
	font-size: 14px;
	line-height: 20px;
	padding: 5px 10px 5px 0;
}


div.backtotop
{
	display: block;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 0;
	box-sizing: border-box;
	text-align: center;
}

a.backtotop
{
	color: rgb(255, 255, 255);
	color: #03DAC5;
	display: inline-block;
	font-family: canada-type-gibson, sans-serif;
	font-family: sans-serif;
	font-size: 17px;
	line-height: 30px;
	text-align: center;
	margin: 0 auto;
}

a.backtotop:hover
{
	color: #03DAC5;
	color: rgb(255, 255, 255);
	text-decoration: none;
}

.footerwrap
{
	max-width: 1200px;
	width: 100%;
	display: block;
	display: flex;
	flex-basis: 0%;
	flex-grow: 1;
	flex-shrink: 1;
	margin: 0 auto;
	padding: 0;
	border: 0;
}


ul.nav-tabs
{
	margin-top: 16px;
	margin-top: 0;
	/* border: 0; */
}

.nav-tabs > li > a
{
	color: #000;
	color: #fff;
	font-size: 16px;
	padding: 15px 10px 15px 15px;
	padding: 18px 15px;
	padding: 10px 15px 18px 15px;
	padding: 12px 15px 18px 15px;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	background-color: #bbb;
	border: 0;
	border: 1px #000 solid;
	border-radius: 8px 8px 0 0;
	/*
	*/
}

.nav-tabs > li.active > a:hover,
.nav-tabs > li > a:hover
{
	background-color: #fff;
	color: #2B3C74;
	border: 0;
	border: 1px #000 solid;
	/* border: 0; */
}

.nav-tabs > li.active > a
{
	background-color: rgba(11, 119, 205, 0.52);
	background-color: #aabbcc;
	background-color: #fff;
	background-color: #ECEFF1;
	color: #fff;
	color: #000;
	color: #2B3C74;
	font-size: 16px;
	padding: 18px 15px;
	padding: 12px 15px 18px 15px;
	/* border: 0; */
	border: 1px #000 solid;
	/*
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	*/
}
/*
box-sizing: border-box;
color: rgb(0, 0, 238);
display: inline-block;
font-family: canada-type-gibson, sans-serif;
	font-family: sans-serif;
font-size: 15.4px;
line-height: 18.4833px;
max-width: 100%;
padding-bottom: 20px;
padding-left: 25px;
padding-right: 20px;
padding-top: 20px;
text-decoration: underline;
text-decoration-color: rgb(0, 0, 238);
text-decoration-line: underline;
text-decoration-style: solid;
*/

.react-wrapper,
.configwrap,
.helpwrap
{
	box-sizing: border-box;
	color: rgb(51, 51, 51);
	font-family: canada-type-gibson, sans-serif;
	font-family: sans-serif;
	font-size: 15px;
	line-height: 20px;
	max-width: 100%;
	text-align: center;
	/*
	border: 1px solid #bbb;
	border: 2px solid #fff;
	border: 2px solid #2B3C74;
	border: 2px solid #0080D6;
	border: 2px solid #9A78FF;
	padding-bottom: 100px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 240px;
	max-width: 1200px;
	*/
	display: block;
	background: none;
}

#Div-dashboard-auth-controls,
#Div-tcd-provision-controls,
#Div-dashboard-settings-controls
{
	margin: 20px 0 0 20px;
}

#Div-dashboard-auth-fields .symbol,
#Div-dashboard-settings-fields .symbol
{
	padding: 0px 5px 0 0px;
	line-height: 20px;
}

#Div-dashboard-auth-fields .symbol.first,
#Div-dashboard-settings-fields .symbol.first
{
	padding: 0px 5px 0 0px;
	line-height: 20px;
}

#Div-dashboard-auth-fields .symbol.glyphicon,
#Div-dashboard-settings-fields .symbol.glyphicon
{
	font-size: 17px;
}

#Div-dashboard-auth-fields .yesno,
#Div-dashboard-settings-fields .yesno
{
	padding: 5px 15px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin: 0;
	font-size: 18px;
	font-weight: normal;
	line-height: 18px;
	vertical-align: middle;
	color: #000000;
}

#Div-dashboard-auth-fields .multi,
#Div-dashboard-settings-fields .multi
{
	display: inline-block;
	vertical-align: middle;
	color: #000000;
	border: 1px dotted #aaa;
	padding: 4px 4px;
	margin: 2px 6px 0 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	font-size: 18px;
	font-weight: normal;
	/*
	padding: 5px 15px;
	margin: 0;
	*/
}

/*
#Div-dashboard-settings-fields .yesno.yes
{
	background: #f9FFf9;
}

#Div-dashboard-settings-fields .yesno.no
{
	background: #FFf9f9;
}
*/

#H3-dashboard-diag-instructions
{
	text-align: center;
	line-height: 120%;
	margin: 20px 0 0 0;
}

#H3-dashboard-diag-warning
{
	line-height: 120%;
	color: #aa0000;
}

#Div-dashboard-auth-fields,
#Div-dashboard-settings-fields,
#Div-dashboard-diag-fields
{
	font-size: 20px;
	line-height: 20px;
}

#Div-dashboard-auth-fields,
#Div-dashboard-settings-fields
{
	margin: 20px 0 0 20px;
}

#Div-tcd-provision-fields
{
	text-align: left;
	display: inline-block;
	margin: 0 auto;
}

#Div-tcd-provision-fields label
{
	font-size: 18px;
	line-height: 18px;
}

#Div-tcd-provision-fields label span
{
	font-size: 15px;
	line-height: 15px;
}

#Div-tcd-provision-fields h3
{
	margin-top: 15px;
	padding-top: 3px;
	border-top: 0px solid #ddd;
	padding-bottom: 3px;
	border-bottom: 1px solid #000;
}
#H3-tcd-provision-instructions
{
	line-height: 130%;
}

#Div-tcd-provision-fields h3,
#Div-tcd-provision-fields h4
{
	margin-bottom: 6px;
}

#Div-dashboard-diag-fields
{
	margin: 10px 0 20px 0;
	text-align: left;
	display: inline-block;
}

#Div-dashboard-auth-fields table,
#Div-dashboard-settings-fields table
{
	text-align: left;
	margin: 0 auto;
	vertical-align: middle;
}

.head-shaded
{
	background-color: #fafaff;
	border-top: 1px solid #3F51B5;
	border-bottom: 1px solid #3F51B5;
}

#Table-dashboard-auth tr.row-shaded,
#Table-definition-cluster tr.row-shaded
{
	background-color: #f6f6f6;
	background-color: #f9f9ff;
	background-color: #f6f6fc;
	background-color: #f9f9fd;
	background-color: #f8f8fd;
	border: 0;
	padding: 2px 0;
}

#Div-dashboard-auth-fields tr.row-shaded,
#Div-dashboard-settings-fields tr.row-shaded
{
	border: 0;
	background-color: #f6f6f6;
	background-color: #f9f9ff;
	background-color: #f6f6fc;
	background-color: #f9f9fd;
	background-color: #f8f8fd;
}

#Div-dashboard-auth-fields td,
#Div-dashboard-settings-fields td
{
	padding: 4px;
	vertical-align: middle;
}

#Div-dashboard-auth-fields th,
#Div-dashboard-settings-fields th
{
	text-align: right;
	vertical-align: middle;
	font-size: 16px;
	line-height: 16px;
	padding: 4px;
	letter-spacing: .4px;
	color: #000;
}

#Div-dashboard-auth-fields th.center,
#Div-dashboard-settings-fields th.center
{
	text-align: center;
}

#Div-dashboard-auth-fields th.left,
#Div-dashboard-settings-fields th.left
{
	text-align: left;
}

#Div-dashboard-auth-fields tr.head-shaded th,
#Div-dashboard-settings-fields tr.head-shaded th
{
	font-size: 18px;
	line-height: 18px;
}

#Div-dashboard-auth-fields label,
#Div-dashboard-settings-fields label,
#Div-dashboard-diag-fields label
{
	display: inline-block;
	font-weight: bold;
	font-size: 20px;
	line-height: 20px;
}

#Div-dashboard-auth-fields input,
#Div-dashboard-settings-fields input,
#Div-dashboard-diag-fields input
{
	margin: 0 0 5px 2px;
	padding: 3px 4px;
	background: #fafbfa;
	background: #ffffff;
	font-size: 18px;
	font-weight: normal;
	line-height: 18px;
	color: #888888;
	color: #222222;
	color: #000000;
	min-width: 300px;
}

#Div-dashboard-auth-fields input,
#Div-dashboard-settings-fields input
{
	margin: 0;
}

#Div-dashboard-auth-fields select,
#Div-dashboard-settings-fields select
{
	font-size: 18px;
	font-weight: normal;
	line-height: 18px;
}

#Div-dashboard-settings-fields input[type="radio"]
{
	display: inline-block;
	margin: 0;
	min-width: 0;
}

.border-block
{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: #ddd 1px solid;
	display: inline-block;
}

#Div-dashboard-auth-fields input[type="text"],
#Div-dashboard-settings-fields input[type="text"]
{
	min-width: 360px;
}

#Div-dashboard-diag-controls,
#Div-dashboard-auth-fields,
#Div-dashboard-auth-controls,
#Div-dashboard-auth-buttons ,
#Div-dashboard-settings-fields,
#Div-dashboard-settings-controls,
#Div-tcd-provision-controls,
#Div-dashboard-settings-buttons 
{
	text-align: center;
}

#Div-dashboard-auth button,
#Div-dashboard-settings-buttons button
{
	margin-right: 10px;
}

#Div-dashboard-auth td.buttons
{
	padding-top: 10px;
}

#Div-dashboard-settings-buttons,
#Div-tcd-provision-buttons,
#Div-dashboard-diag-buttons
{
	margin: 15px 0 0 20px;
}

#Div-dashboard-auth .btn,
#Div-tcd-provision-buttons .btn,
#Div-dashboard-settings-buttons .btn,
#Div-dashboard-diag-buttons .btn
{
	font-size: 20px;
	line-height: 20px;
}

#Div-tcd-provision-buttons .btn
{
	margin-right: 10px;
}

#Div-dashboard-auth-config,
#Div-dashboard-settings-config,
#Div-dashboard-diag-config
{
	margin: 10px 0 0 0;
	padding: 10px;
	display: block;
	height: 200px;
	overflow-y: scroll;
}

#Div-dashboard-diag-controls
{
	margin: 0px auto
}

#Div-dashboard-diag-config
{
	margin: 0px 0 0 0;
	padding: 6px 0 0 0;
}

#Div-dashboard-auth-msg,
#Div-tcd-provision-msg
{
	text-align: center;
	white-space: normal;
	color: #FFF;
	font-size: 18px;
	line-height: 20px;
}


#Div-dashboard-auth-msg,
#Div-tcd-provision-msg,
#Div-dashboard-diag-msg
{
	margin: 10px 0 0 0;
	padding: 10px;
	display: block;
	font-size: 22px;
	line-height: 24px;
}

#Div-dashboard-settings-msg
{
	margin: 10px 0 0 0;
	padding: 10px;
	display: block;
	text-align: left;
	white-space: normal;
	color: #FFF;
	font-size: 18px;
	line-height: 20px;
	text-indent: -15px;
	padding-left: 25px;
}

#Div-dashboard-auth-wrapper,
#Div-dashboard-settings-wrapper,
#Div-dashboard-diag-wrapper,
#Div-tcd-provision-wrapper,
div.react-content,
div.definition-cluster,
div.dashboard-auth,
div.check4update,
div.config,
div.help
{
	width: auto;
	margin: 10px auto;
	border: #ddd 1px solid;
	border: #000 1px dotted;
	padding: 15px;
	background: #fff;
	text-align: left;
	max-width: 1200px;
}

#allclusters
{
	min-width: 50%;
}
/*
.nav > li > a:hover
{
	color: #fff;
}
*/

/* #ems
.nav > li > a:focus
{
	background: none;
	color: #fff;
}

#navbar .nav > li > a:focus
{
	background: none;
}
*/

.definition-cluster,
.dashboard-auth,
.check4update pre,
.config pre,
.help pre
{
	max-width: 98%;
}

/*
pre.config 
{
	overflow: scroll;
	overflow-x: scroll;
	overflow-y: auto;
}
*/

.react-content a,
.react-content a:hover,
.dashboard-auth a,
.dashboard-auth a:hover,
.definition-cluster a,
.definition-cluster a:hover,
.check4update a,
.check4update a:hover,
.config a,
.config a:hover,
.help a,
.help a:hover
{
	text-decoration: none;
}

.react-content a,
.dashboard-auth a:hover,
.definition-cluster a,
.check4update a,
.config a,
.help a
{
	color: #333;
}

.react-content a:hover,
.dashboard-auth a:hover,
.definition-cluster a:hover,
.check4update a:hover,
.config a:hover,
.help a:hover
{
	color: #0080D6;
}

.react-content a.dismiss,
.react-content a.return,
.dashboard-auth a:dismiss,
.dashboard-auth a:return,
.definition-cluster a.dismiss,
.definition-cluster a.return,
.check4update a.dismiss,
.check4update a.return,
.config a.dismiss,
.config a.return,
.help a.dismiss,
.help a.return
{
	display: inline-block;
	float: right;
	margin: 0;
	padding: 0;
	font-size: 25px;
	line-height: 25px;
	vertical-align: top;
}

p.more-info a.alert-link
{
	text-decoration: underline;
	font-weight: normal;
}

p.more-info a.alert-link:hover
{
	text-decoration: none;
}


.contentwrap
{
box-sizing: border-box;
color: rgb(51, 51, 51);
font-family: canada-type-gibson, sans-serif;
	font-family: sans-serif;
font-size: 15px;
line-height: 20px;
max-width: 100%;
/*
border: 1px solid #bbb;
border: 2px solid #fff;
border: 2px solid #2B3C74;
border: 2px solid #0080D6;
border: 2px solid #9A78FF;
padding-bottom: 100px;
padding-left: 5px;
padding-right: 5px;
padding-top: 240px;
background-color: #fff;
*/
max-width: 1200px;
      /*  #ems  */
display: inline-block;
width: auto;
margin: 0 auto;
}


.label-as-badge {
    border-radius: 1em;
	padding-top: 3px;
	padding-top: 5px;
}

.label-as-spinner {
	padding: 0px;
	border: 0px;
	margin: 0px;
    border-radius: 0em;
}

#failCount img,
#maintCount img
{
	padding: 0px;
	border: 0px;
	margin: 0px;
	width: 21px;
}

.navbar-toggle
{
	color: #fff;
	color: #fcf;
	margin-top: 20px;
}


.icon-bar
{
	border: 1px solid #ccddff;
}


/*   ================================   */



.compositewrap
{
  margin-bottom: 10px;
  margin: 0;
  background-color: #fff;
}

.root .compositewrap
{
	border-bottom: 3px #fff solid;
	padding: 0;
}

.composite-members {
  padding: 0px 0 0px 0;
  margin-bottom: 10px;
  background-color: #fff;
}

      /*  #ems  */
.clusterwrap {
  margin: 10px 10px 0px;
  margin: 5px 10px 0px;
  margin: 0px 0px 0px 10px;
  padding: 0px;
}

.composite-members .clusterwrap
{
      /*  #ems  */
  padding-top: 10px;
  padding-top: 0px;
  background-color: #fff;
}

.compositewrap .clusterwrap
{
  border-top: 10px solid #fff;
}

.row.altmargin {
  padding-bottom: 10px;
  padding-bottom: 0px;
}

.clusterwrap.altmargin {
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  padding-right: 0px;
  padding-left: 0px;
}


.compositecluster {
  position: relative;
  min-height: 76px;
  padding: 15px 25px;
  padding: 5px 25px 0px;
  border-top: 0px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
}

.clustername {
  display: inline-block;
  display: block;
  display: inline;
  overflow: visible;
  overflow: hidden;
  margin-top: 6px;
  margin-right: 0;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-right: 10px;
  letter-spacing: 1px;
  /*
  max-width: 190px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  */
  color: rgba(0, 0, 0, .8);
  font-size: 1.3em;
  font-weight: bold;
  line-height: 1em;
  margin-left: -5px;
  margin-left: 0px;
  text-align: center;
  text-align: right;
  text-align: left;
}

.clusterwrap .clustername span
{
  font-size: 14px;
  line-height: 14px;
  margin-top: 0px;
}

.composite-members div.clustername
{
  margin-top: -6px;
}

/*
div.clustername span {
  display: table;
}
*/

.clustername.path {
  overflow: visible;
  margin-right: 2px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  font-size: 1.1em;
}

div.compositecluster div.clustername {
  margin-left: -18px;
  margin-left: -6px;
  margin-left: 0;
}

.clustertype {
  position: absolute;
  left: 0%;
  top: 100%;
  display: inline-block;
  overflow: hidden;
  min-width: 75px;
  padding: 2px 5px;
  padding: 2px 1px;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  border-right: 1px solid hsla(0, 0%, 100%, .5);
  background-color: #646464;
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-transform: perspective(1px) rotate(-90deg);
  transform: perspective(1px) rotate(-90deg);
  -webkit-transform-origin: 0% 0%;
  -ms-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  color: #fff;
  font-size: 0.6em;
  line-height: 16px;
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.clustertype.standalone {
  background-color: #4467d7;
  font-size: 0.5em;
  font-size: 8px;
  line-height: 14px;
}

.clustertype.composite {
  background-color: #646464;
  color: #fff;
  text-transform: uppercase;
}

.clustertype.master {
  background-color: #3e92d4;
  background-color: #3F51B5;
}

.clustertype.slave {
  background-color: #53bcd6;
}

.clustertype.float {
  margin-right: 0px;
  float: right;
}

.clusterdescriptorwrap.altmargin {
  margin-top: -14px;
}

.minilabel {
  /*
  display: block;
  */
  color: rgba(0, 0, 0, .5);
  font-size: 0.9em;
  line-height: 1em;
  font-weight: 400;
}

.descriptorvalue {
  display: inline-block;
  margin-top: 4px;
  font-size: 1.1em;
  line-height: 1.2em;
  line-height: 17px;
}

.descriptorvalue.smaller {
  margin-top: 0px;
  font-size: 1.1em;
  font-weight: 400;
}

.descriptorvalue.smaller.relay {
  font-style: italic;
  font-weight: 600;
}

.descriptorvalue.smaller.master {
  font-weight: 600;
}

.descriptorvalue.smaller.sequence {
  color: #0882d3;
  font-weight: 400;
}

.descriptorvalue.mixed,
.descriptorvalue.maintenance {
  padding-right: 4px;
  background-color: transparent;
  color: #ffa300;
}

.descriptorvalue.automatic {
  color: #39ac6b;
}

.column {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

/*
div.clustericon {
	display: inline-block;
	vertical-align: top;
	vertical-align: baseline;
	border: #f00 solid 1px;
	margin: 0;
}
*/

.clustericons {
  max-height: 28px;
  margin-right: 6px;
  margin-bottom: 3px;
  margin-left: 0px;
  opacity: 0.71;
	vertical-align: baseline;
}

.clustericons.cluster {
  max-height: 21px;
	padding: 0;
	margin: 5px 0 0 0;
	vertical-align: bottom;
}

.clustericons.db-icon {
  max-height: 24px;
  max-width: 24px;
  margin-right: 3px;
  opacity: 0.7;
}



.clusternamecol {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-right: 0px;
  padding-left: 0px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-top: 6px;
}

.dot {
  padding: 0px;
  margin: 0px 1px 0 0 ;
  font-size: 25px;
  line-height: 17px;
	font-weight: bold;
  display: inline-block;
  vertical-align: middle;
}

.statusdottop {
  display: inline-block;
  padding-right: 0px;
  padding-left: 0px;
  margin-left: -3px;
  padding-top: 0px;
  float: left;
  font-size: 2.5em;
  line-height: 17px;
}

.statusdot {
  display: inline-block;
  padding-right: 0px;
  padding-left: 0px;
  padding-top: 3px;
  float: left;
  font-size: 2.5em;
  line-height: 17px;
}

.dot.success,
.statusdottop.success,
.statusdot.success
{
  color: #13a174;
}

.dot.warning,
.statusdottop.warning,
.statusdot.warning
{
  color: #ffa300;
}

.dot.danger,
.dot.fail,
.statusdottop.danger,
.statusdot.danger,
.statusdot.fail
{
  color: #ff4700;
}

.clusterstatus
{
	margin-top: 3px;
	width: 100%;
	display: block;
}

.descriptorvalue.policy
{
	min-width: 94px;
	/*
	border: 1px solid #f00;
	*/
}

.clusterstatus.role
{
	min-width: 80px;
	/*
	border: 1px solid #f00;
	*/
}

.statusindicator {
  display: block;
  padding-right: 3px;
  padding-left: 0px;
  float: left;
  color: #13a174;
  font-size: 1.7em;
  line-height: 17px;
}

.statusindicator.fail {
  color: #ff4700;
}

.statustxt {
  display: inline-block;
  font-size: 1.1em;
  line-height: 17px;
}

.nameandstatus {
  padding-right: 5px;
}

.rolecols {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	/*
	display: inline-block;
	*/
	padding-top: 10px;
	padding-top: 5px;
	padding-bottom: 10px;
	padding-left: 0px;
	text-align: left;
}

.rolecols .rolecol {
	padding-left: 5px;
	padding: 0px 15px;
	width: auto;
}

.actioncols
{
	/*
	border: 1px solid #f00;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	*/
	display: inline-block;
	padding-top: 10px;
	padding-top: 5px;
	padding-bottom: 10px;
	padding-left: 0px;
	text-align: left;
}

/*
div.clusterdiv div.rolecols,
div.clusterdiv div.actioncols
{
	border: #f00 1px solid;
}

div.clusterdiv div.actioncols
{
	width: auto;
	padding: 0;
	margin: 0;
}
*/

.text-block-3 {
  margin-left: 13px;
  color: #757575;
  font-size: 24px;
  line-height: 30px;
}

.statuswrap {
  margin-top: 0px;
  padding-right: 5px;
}

.statuswrap.bigger {
  margin-top: 0px;
  font-size: 1.1em;
}


.flexcol {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

   

.dropup-toggle .caret {
  width: 10px;
  height: 10px;
  border: none;
  font-family: 'Glyphicons Halflings';
}

.dropup-toggle .caret:before {
  content: "\e113";
}

a.text-danger.locks-toggle:hover,
a.text-danger.locks-toggle:focus,
.locks-toggle,
.locks-toggle:focus,
.locks-toggle:hover
{
	text-decoration: none;
}

div.dropdown.policy
{
	display: inline-block;
}


.caret.state-toggle,
.caret.connectors-toggle
{
  font-family: 'Glyphicons Halflings';
  width: 13px;
  height: 13px;
  border: none;
  font-size: 13px;
  line-height: 13px;
}
.caret.state-toggle:before,
.caret.connectors-toggle:before
{
  content: "\e086";
}

.caret.connectors-toggle
{
	margin-top: -4px;
}
/*
*/

.caret.locks-toggle,
.dropdown-toggle .caret {
  width: 10px;
  height: 10px;
  border: none;
  font-family: 'Glyphicons Halflings';
	line-height: 100%;
font-weight: 300;
font-size: 10px;
}

.caret.locks-toggle:before,
.dropdown-toggle .caret:before {
  content: "\e114";
}

.caret.locks-toggle,
.caret.connectors-toggle
{
	color: #666;
}


.actions {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}


.actioncol {
  padding-right: 0px;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  text-align: right;
  text-align: left;
}

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

.actioncol.left {
  text-align: left;
}





.clusterdiv [class^="col-"]
{
	width: auto;
	padding: 0;
	margin: 0;
}


@media (min-width: 768px) {

	.clusterdiv [class^="col-"]
	{
		width: auto;
		padding: 0;
		margin: 0;
	}

}
/*
*/

[class$="-success"]
{
	color: rgb(57, 172, 107);
}

[class^="col-"].first-col
{
	margin-left: 0;
	padding-left: 0;
}

[id^="locks-popover-"]
{
	min-width: 400px;
	text-align: center;
	background-color: #f00;
}

.clusterwrap [id^="Div-connectors-"],
.compositewrap [id^="Div-connectors-"]
{
	margin: 0;
	padding: 0;
	width: auto;
	display: inline-block;
}

.popover
{
	min-width: 200px;
	width: auto;
	max-width: none;
}

.popover-title
{
	color: rgb(51, 51, 51);
}

.popover-content
{
	min-width: 300px;
}


.caret.cog
{
	font-size: 10px;
	color: #000;
}

img.cog
{
	margin-right: 4px;
}



.btn-cog:active
{
	box-shadow: none;
}



.cluster.locking,
.composite.locking
{
	padding-top: 0px;
	float: none;
	font-size: 1.1em;
}

.statustxt.locking
{
	margin-top: 9px;
}


p.locks
{
	margin: 4px auto;
	text-align: center;
}

.force-lock,
.force-unlock
{
	margin-left: 3px;
	margin-right: 3px;
}

/*
 * :first-child
 */



.lockicon {
  display: inline-block;
  width: 20px;
  margin-right: 2px; 
  margin-right: 0;
  margin-top: -2px; 
  float: left;
  float: none;
  opacity: 0.7; 
}


.verticaltag {
  position: absolute;
  left: 0px;
  top: 0px;
  bottom: 0px;
  overflow: visible;
  width: 20px;
  text-align: center;
}

.verticaltag.master {
  display: block;
}


.arrow.right
{
  font-size: 23px;
  line-height: 23px;
  display: inline-block;
  float: right;
  float: left;
	padding: 0;
	margin-left: 6px;
	margin-top: 5px;
	color: #757575;
	color: #FFF;
	color: #03DAC5;
}

.arrow.right.child
{
	font-weight: bold;
	color: #f00;
}

.arrow.subservice
{
  font-size: 18px;
  line-height: 18px;
  display: inline-block;
	padding: 0;
	margin-right: 3px;
	margin-top: 0;
	color: #757575;
	color: #03DAC5;
}




.table > thead > tr.info > th
{

	background: rgb(230, 236, 240);

}


a.state-toggle
{
	color: rgb(51, 51, 51);
}


a.state-toggle:hover
{
	text-decoration: none;
}



/* #ems
img.loading.service
{
}
*/


.descriptorvalue.coordinator
{
        font-size: 10px;
        line-height: 19px;
}


a.autoreload.disable:active,
a.autoreload.disable:hover,
a.autoreload.disable:focus,
a.autoreload.disable
{
	display: inline-block;
	color: #ff7777;
}


a.tabreload:active,
a.tabreload:hover,
a.tabreload:focus,
a.tabreload
{
	display: inline-block;
	float: left;
	color: #999;
}


nav.navbar.nav2 .btn.tabreload
{
	margin-top: 12px;
	margin-top: 8px;
}

.timestamp
{
	color: #ddd;
	color: #666;
	line-height: 40px;
	line-height: 100%;
	margin: 0;
	padding: 0;
	font-size: 12px;
  display: block;
  text-align: center;
}


.btn.btn-cog.service ,
.btn.btn-cog.subservice 
{
	padding: 0;
}



#li-autoreload-disable
{
	display: none;
}


.container-full
{
      max-width: 100%;
      min-width: 100%;
      padding: 0;
      margin: 0 auto 0;
      /*  #ems  */
      text-align: center;
}

.container-full .contentwrap
{
	max-width: 100%;
	margin: 0 30px;
}


td.icon
{
      vertical-align: top;
      padding: 0;
}


img.icon
{
      vertical-align: top;
      width: 22px;
}

div.overflow
{
/*
      overflow-x: scroll;
      overflow-x: auto;
      overflow-y: auto;
*/
      min-width: 98%;
      min-width: 10%;
      width: auto;
      padding: 0;
      margin: 0;
      margin-right: 0px;
      padding-right: 10px;
      /*  #ems  */
      display: block;
}


.clusterdiv.nopadding {
  padding: 0px;
}

.col-sm-3,
.col-sm-4
{
      width: auto;
      display: inline-block;
}

.col-sm-2,
.col-xs-3
{
      padding-right: 0px;
}


.table-cluster
{
      background: none;
      padding: 0;
      margin: 0;
      margin-left: 20px;
      margin-top: 14px;
      min-width: 50%;
      min-width: 98%;
      max-height: 44px;
      overflow-x: auto;
      overflow-y: auto;
}

.compositecluster .table-cluster
{
      width: 100%;
}

.table-cluster.has-actual
{
	margin-top: 0;
}

.table-cluster.has-actual.standalone
{
	margin-top: 14px;
}

.table-cluster td
{
      background: none;
      padding: 3px 3px;
      margin: 0;
      border: 0px solid #f00;
}

.table-cluster td.td-clustername
{
	min-width: 80px !important;
	border-left: 0px solid #f00;
}

.table-cluster td.td-clustername a,
.table-cluster td.td-clustername a:focus
{
	color: #000;
	text-decoration: none;
	border: 0;
}

.table-cluster td.td-clustername a:hover
{
	text-decoration: underline;
	text-decoration: none;
	border-bottom: 2px solid #03DAC5;
}

.composite .table-cluster td.td-clustername
{
	min-width: 80px !important;
}

.table-cluster td.td-status
{
	min-width: 86px !important;
	border-left: 0px solid #f00;
}

.table-cluster td.td-policy
{
	min-width: 110px !important;
	border-left: 0px solid #f00;
}

.table-cluster td.td-role
{
	min-width: 90px !important;
	border-left: 0px solid #f00;
	border-right: 0px solid #f00;
}

.table-cluster td.td-connections
{
	min-width: 96px !important;
	border-left: 0px solid #f00;
	border-right: 0px solid #f00;
}

.table-cluster td.td-coordinator
{
	min-width: 120px !important;
	border-left: 0px solid #f00;
	border-right: 0px solid #f00;
}

.table-cluster td.td-controls
{
	min-width: 66px !important;
}

.table-cluster td.td-locking
{
	min-width: 122px !important;
}

.label-primary
{
	background-color: #03DAC5;
	background-color: #000;
}

h1.nomatch
{
	text-align: center;
	color: #bb0000;
}

div.nocluster
{
	margin: 0 0 10px 0;
	margin: 0;
	display: block;
	width: 100%;
	min-width: 800px;
	background: #fff9f9;
	min-height: 100px;
	padding: 10px;
	border: 2px #f00 solid;
	text-align: left;
	vertical-align: middle;
	line-height: 76px;
	/*
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	*/
}

div.nocluster.child
{
	border-top: 0;
}

div.nocluster table
{
	min-height: 76px;
	font-size: 20px;
	line-height: normal;
}

div.nocluster tr,
div.nocluster th,
div.nocluster td
{
	vertical-align: middle;
}

div.nocluster td
{
	padding: 0 15px 0 0;
	min-height: 76px;
}

div.nocluster > *
{
	/*
	vertical-align: top;
	*/
	line-height: normal;
}

div.nocluster .child-list
{
	text-align: right;
	font-size: 16px;
	line-height: 100%;
}

div.nocluster .status-error
{
	color: #f00;
}

div.nocluster .minilabel
{
	text-align: left;
	line-height: normal;
	vertical-align:middle;
	padding-bottom: 3px;
}

div.nocluster td.cluster-name {
  letter-spacing: 1px;
  color: rgba(0, 0, 0, .8);
  /*
  max-width: 190px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  */
  font-size: 20px;
  line-height: 20px;
  font-weight: bold;

  text-align: center;
  text-align: left;
  text-align: right;
  min-width: 200px;
}


div.nocluster a.dashboard-definition-edit,
div.nocluster a.dashboard-definition-zoomin,
div.nocluster a.definition-cluster-delete-trash
{
	vertical-align: baseline;
	color: #b00;
}

div.nocluster a.dashboard-definition-edit:hover,
div.nocluster a.dashboard-definition-zoomin:hover,
div.nocluster a.definition-cluster-delete-trash:hover
{
	color: #f00;
}

div.nocluster a.dashboard-definition-add
{
	color: #00bb00;
}
div.nocluster a.dashboard-definition-add:hover
{
	color: #00dd00;
}

div.nocluster a.dashboard-definition-add .glyphicon,
div.nocluster a.dashboard-definition-edit .glyphicon,
div.nocluster a.dashboard-definition-zoomin .glyphicon,
div.nocluster a.definition-cluster-delete-trash .glyphicon
{
	vertical-align: bottom;
}

.definition-show
{
	display: none;
}

/*
div.nocluster a.dashboard-definition-edit:hover .glyphicon,
div.nocluster a.dashboard-definition-zoomin:hover .glyphicon,
div.nocluster a.definition-cluster-delete-trash:hover .glyphicon
{
	font-weight: bold;
}
*/


/*
div.nocluster .box-error
{
	display: inline-block;
	min-width: 20%;
	text-align: left;
	line-height: normal;
	vertical-align:middle;
	border: 1px solid #f00;
}

div.nocluster .box-error.box-first
{
	text-align: right;
	padding-right: 8px;
}

div.nocluster .box-error div.clustername
{
	display: inline-block;
	line-height: normal;
	vertical-align:middle;
	margin: 0;
}

div.nocluster .box-error div.clusterstatus
{
	display: inline-block;
	line-height: normal;
	vertical-align:middle;
	margin: 0;
	max-width: 20%;
	border: 1px solid #0f0;
}
*/

.help a.link-help
{
	margin-left: 25px;
	font-size: 18px;
	line-height: 18px;
	text-decoration: underline;
}

.help a.link-help.btn.btn-success,
.help a.link-help.btn.btn-warning
{
	text-decoration: none;
	color: #FFFFFF;
}


/*
.help a.link-help.btn.btn-success:hover
{
}
*/

#alert-dashboard-result
{
	line-height: 44px;
}

#check4update-dashboard-text
{
	display: inline-block;
	vertical-align: middle;
	line-height: normal;
	max-width: 960px;
}

div.update-needed
{
	float: left;
	padding: 0;
	border: 0;
	margin: 0px 10px 0px 0px;
	display: inline-block;
	vertical-align: middle;
	line-height: 44px;
}

button.update-needed
{
	box-sizing: content-box;
	min-width: 60px;
	line-height: normal;
}

div.update-needed [class$="-success"]
{
	color: #fff;
}

.invalid-feedback
{
	display: none;
	color: #f00;
}

.radio .form-control
{
	margin: 0 0 10px 5px;
}

#Div-tcd-provision,
#Div-dashboard-diag,
#Div-dashboard-auth,
#Div-dashboard-settings,
#Div-invokeDownload,
#Div-monitor-grafana,
#Div-definition-cluster
{
	text-align: center;
	background: none;
	margin: 0;
	padding: 0px;
}

.spinner-wrap,
#Div-monitor-grafana-spinner,
#Div-tcd-provision-spinner,
#Div-definition-cluster-spinner
{
	text-align: center;
	display: inline-block;
	background: #fff;;
	margin: 0px auto 10px;
	padding: 40px;
	border: 1px dotted #000;
	max-width: 200px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

#Div-definition-cluster-history
{
	display: none;
}

#Div-monitor-grafana-results,
#Div-dashboard-auth-results,
#Div-definition-cluster-history,
#Div-definition-cluster-results
{
	margin: 0 0 10px 0;
}

div.definition-cluster div.alert
{
	font-size: 20px;
	line-height: 22px;
}

div.definition-cluster .btn
{
	margin-right: 6px;
}

.btn-success
{
	color: #fff;
}

.btn-hidden
{
	display: none;
}

.radio input[type="radio"]
{
	margin-top: 1px;
}

.radio .control-label
{
	font-size: 18px;
	line-height: 18px;
}

a.dismiss
{
	color: #aaa;
}

span.actual
{
	font-size: 14px;
	line-height: 14px;
	font-weight: normal;
}

#Div-definition-cluster-history h4,
a.page-reload
{
	font-size: 22px;
	line-height: 30px;
	font-weight: bold;
	margin: 0px auto;
	display: inline-block;
	color: #000;
	text-decoration: none;
}

a.page-reload:hover
{
	color: #666;
	text-decoration: underline;
}

#Form-settings th span.glyphicon.glyphicon-info-sign
{
	float: left;
	color: #3F51B5;
}

#Div-definition-cluster-results,
#Div-definition-cluster-results-top,
#Div-definition-cluster-results-bottom
{
	max-width: 760px;
	margin: 10px auto;
	text-align: left;
}

#Form-definition-cluster.cluster-define
{
	margin-left: 30px;
	margin-right: 30px;
	margin: 0 auto;
	border: 0px #ff0000 solid;
	max-width: 750px;
}

#Form-settings span.info,
#Form-definition-cluster span.info
{
	font-weight: normal;
	font-size: 18px;
	line-height: 18px;
}

#Form-definition-cluster label
{
	font-size: 22px;
	line-height: 22px;
	font-weight: bold;
}

#Form-definition-cluster div.radio label
{
	font-size: 20px;
	line-height: 20px;
	font-weight: normal;
}

#Form-definition-cluster div.formbox
{
	padding: 14px 10px 1px 10px;
	margin: 0px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

#Form-definition-cluster div.row-shaded
{
	background-color: #f6f6f6;
	background-color: #f8f8fd;
}

#Form-definition-cluster div.form-group.form-group-indent
{
	margin-left: 20px;
}

#Div-autoconfig-alert-message
{
	margin: 40px auto 20px;
	text-align: left;
}

#Div-autoconfig-alert-message h2
{
	margin: 0 0 20px 0;
}

#Div-autoconfig-alert-message p
{
	font-size: 20px;
	line-height: 20px;
	font-weight: normal;
	margin: 0 15px 10px;
	text-align: left;
	color: #000;
}

#Table-dashboard-auth,
#Table-definition-cluster
{
	margin: 0 auto;
	font-size: 18px;
	line-height: 22px;
}

#Table-dashboard-auth tr,
#Table-definition-cluster tr
{
	margin: 0 0 8px 0;
}

#Table-dashboard-auth th,
#Table-definition-cluster th
{
	font-weight: bold;
	text-align: right;
	padding: 5px;
	vertical-align: middle;
}

#Table-dashboard-auth th.top,
#Table-definition-cluster th.top
{
	vertical-align: top;
}

#Table-dashboard-auth td,
#Table-definition-cluster td
{
	vertical-align: top;
	font-weight: normal;
	text-align: left;
	padding: 5px;
}

#Table-dashboard-auth td.buttons,
#Table-definition-cluster td.buttons
{
	text-align: center;
	padding: 12px 0 0 0;
}

#Table-dashboard-auth label.first,
#Table-definition-cluster label.first
{
	margin-top: 8px;
	margin-right: 10px;
}

input.navbar-checkbox-startExpanded,
label.navbar-checkbox-startExpanded
{
	display: inline-block;
	vertical-align: middle;
}

#Spinner-checkbox-startExpanded,
input.navbar-checkbox-startExpanded
{
	margin: 0;
	margin: 18px 0 0px 3px;
	padding: 0;
}

label.navbar-checkbox-startExpanded
{
	margin: 18px 0 0px;
	padding: 5px;
	font-size: 14px;
	line-height: 14px;
	text-align: left;
}

label.provision.source.disabled
{
	color: #bbb;
}

#Spinner-checkbox-startExpanded
{
	display: none;
}


.definition-port-reload
{
	display: none;
	margin: 0 0 0 6px;
}

#Span-apiVersion
{
	font-weight: bold;
}

.alert-danger.plain,
.alert-success.plain,
.alert-warning.plain,
.alert-info.plain
{
	background: #fff;
}

.jumbotron
{
	margin: 0;
}

.cfstack
{
	color: #03DAC5;
	color: #000;
	color: #C6300F;
	color: #111;
	font-size: 18px;
	line-height: 18px;
}

.cfstack.composite
{
	font-size: 22px;
	line-height: 22px;
}

.paddingLeft3px
{
	padding-left: 3px;
}

.underload
{
	color: #5cb85c;
	padding-left: 3px;
}

#Modal-title
{
	font-size: 24px;
	line-height: 24px;
}

#Modal-msg
{
	text-align: left;
	font-size: 18px;
	line-height: 21px;
}

#Modal-msg a
{
	color: #000;
}

div.spinner
{
	text-align: center;
	display: block;
}

div.spinner img
{
	margin: 30px auto;
}

#Table-provision-cluster tr th
{
	vertical-align: middle;
	text-align: right;
	font-size: 20px;
	line-height: 20px;
}

a.ui-action
{
	color: #000;
	display: inline-block;
	font-family: sans-serif;
	font-size: 22px;
	line-height: 30px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	outline-style: none;
	outline-width: 0px;
	text-align: left;
}

a.ui-action
{
	text-decoration: none
}


a.ui-action:hover
{
	text-decoration: underline;
}


a.ui-action.bold
{
	font-weight: bold;
}

/*
#allclusters .glyphicon.glyphicon-refresh
{
	color: #4467d7;
}
*/

.glyphicon.glyphicon-heart
{
	color: #ff0000;
}

/* must stay at the bottom */
.center,
.centered 
{
	text-align: center;
}
/* must stay at the bottom */