body {
	font-family: 'Open Sans', sans-serif;
	background-color: #f4f6f9;
}

/* jQuery UI */

.ui-dialog {
	background-color: #fff;
	border: 1px solid rgba(0,0,0,.2);
    border-radius: .3rem;
    box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 50%);
}

/* Bootstrap overrides */

a {
	color: #0056b3;
}
a:hover {
	color: #0027b3;
}

.btn-primary {
	color: #fff;
	background-color: #16556f;
	border-color: #16556f;
}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
	color: #fff;
	background-color: #124459;
	border-color: #124459;
}
.btn-primary.focus, .btn-primary:focus {
	color: #fff;
	background-color: #124459;
	border-color: #124459;
	box-shadow: none, 0 0 0 0 rgba(139, 170, 183, .5);
}
.btn-primary:hover {
	color: #fff;
	background-color: #124459;
	border-color: #124459;
}

/* Login */

.login-logo, .register-logo {
    margin-bottom: 2rem;
    text-align: center;
}
.login-box {
	position: relative;
}
.loginCard .login-card-body {
	background-color: transparent;
}
.loginLogoSubtitle {
	position: absolute;
    font-size: 0.5em;
    left: 215px;
    top: 55px;
    color: #425462;
}
@media (max-width: 576px) {
	.loginLogoSubtitle {
	    left: 260px;
	    top: 55px;
	}
}

/* Panel */

.panelCard .card-title {
    font-weight: bold;
}
.panelCard .table, .fixedHeader-floating {
	font-size: 14px;
}
.panelCard .table th, .panelCard .table td {
	vertical-align: middle;
}
.panelCard table.nowrap th, .panelCard table.nowrap td {
    white-space: nowrap;
}

.loading .pageLoader {
	display: flex;
}
.pageLoader {
	display: none;
	position: fixed;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 9999;
}
.lds-ring {
	display: inline-block;
	position: relative;
	width: 80px;
	height: 80px;
}
.lds-ring div {
	box-sizing: border-box;
	display: block;
	position: absolute;
	width: 64px;
	height: 64px;
	margin: 8px;
	border: 8px solid #fff;
	border-radius: 50%;
	animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
	border-color: #fff transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
	animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
	animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
	animation-delay: -0.15s;
}
@keyframes lds-ring {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

/*
body {
	font-family: sans-serif;
}
input[type="text"], input[type="password"], input[type="number"], input[type="email"] {
	background-color: #d0e0f0;
	border: 1px solid #7090e0;
}
input[type="text"]:hover, input[type="password"]:hover, input[type="number"]:hover, input[type="email"]:hover {
	background-color: #c0d0e0;
}

input[type="text"]:read-only {
	background-color: #e0e0e0;
	border: 1px solid #909090;
}
.page_title {
	margin: 0.2em;
}
.welcome_msg {
	color: #777;
	font-size: 90%;
	font-weight: 700;
}
*/

#pageOverlay {
	position: fixed;
	display: none;
	width: 100%;
	height: 100%;
	z-index: 100;
	top: 0px;
	left: 0px;
	background-color: #777;
	opacity: 0.6;
	z-index: 9999;
}

/*
#servers_table {
	font-size: 1rem;
	font-family: sans-serif,monospace;
}
#servers_table table {
	font-size: inherit;
	font-family: inherit;
}
*/

.vteurlink {
	text-decoration: none;
	color: #404080;
	font-weight: 700;
}
.loadHigh {
	color: #f0f0f0;
	background-color: #b01010 !important;
}
.loadWarning {
	background-color: #F49644 !important;
}
.instNew {
	background-color: #a0e0f0 !important;
}
.instLoginOverride,
tr.instLoginOverride {
	background-color: #f750a0 !important;
}
.instLoginRequest,
tr.instLoginRequest {
	background-color: #FF936C !important;
}
.instNotActiveRow {
	display: none;
}
.instNotActive {
	background-color: #dc3545 !important;
}
.instActive {
	background-color: #28a745 !important;
}
.instCreditNotActive {
	background-color: #e05050 !important;
}
.instCreditActive {
	background-color: #50e050 !important;
}
.instArchived {
	background-color: #406090 !important;
}
.instHostTitle {
	background-color: #a0a0a0;
	height: 40px;
	vertical-align: bottom;
}
.instHostSummary {
	/* background-color: #c0c0c0; */
	/*height: 40px;
	vertical-align: top;*/
}
.instGlobalSummary {
	/* background-color: #aaccff !important; */

}
.instFree10Bucks {
	background-color: #e0e080 !important;
}
.instPartner {
	background-color: #ff9651 !important;
}
.lowDaysLeft {
	background-color: #F49644 !important;
}
.updateStatus {
}
.updateStatusPending {
	background-color: #e0e050 !important;
}
.updateStatusError {
	background-color: #e05050 !important;
}
.updateStatusDone {
	background-color: #50e050 !important;
}
.updateStatusUpdating {
	background-color: #ff9728 !important;
}
.updateStatusRollback {
	background-color: #ff9728 !important;
}
.updateStatusRollbackError {
	background-color: #e05050 !important;
}

.moveStatusPending,.moveStatusToBeMoved {
	background-color: #e0e050 !important;
}
.moveStatusMoving {
	background-color: #ff9728 !important;
}
.moveStatusError,.moveStatusMoveError {
	background-color: #e05050 !important;
}

.lastupdateDiv {
	width: 100%;
	color: #707070;
	text-align: right;
	font-size: 10pt;
}
.response_message {
	border: 1px solid #903030;
	background-color: #e05050;
	color: #301010;
	border-radius: 5px;
	width: 80%;
	padding: 8px;
}
.plus_expand {
	font-size:16pt;
	font-weight:700;
	border:1px solid #202020;
	background-color:#a0a0a0;
	cursor: pointer;
}

.actiondiv {
	position: absolute;
	/* border: 1px solid #aaa; */
	border: 1px solid rgba(0, 0, 0, .1);
	border-left: 5px solid #117a8b;
	/* background:#d0d0d0; */
	background-color: #fff;
	padding: 15px;
	box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
	border-radius: .25rem;
	min-width: 300px;
    min-height: 150px;
    z-index: 100;
}
.actiondiv input[type="text"],
.actiondiv textarea
{
	/*
	background-color: white;
	border: 1px solid #707070;
	*/
}
.actiondiv input[type="text"]:hover,
.actiondiv textarea:hover
{
	/* background-color: #d0d0d0; */
}
.actiondiv input[readonly="readonly"],
.actiondiv input[readonly]
{
	/*
	color: #707070;
	background-color: #e0e0e0;
	*/
}
.actiondiv input[readonly="readonly"]:hover,
.actiondiv input[readonly]:hover
{
	/* background-color: #e0e0e0; */
}

.extraRow {
	display:none;
}
.divExtraRow {
	padding: 8px;
}
.tableExtraRow {
	/* border: 1px solid #a0a0a0; */
}
.extraRowLabelCell {
	width: 25%;
	/* background-color: #e0e0e0; */
	text-align: right;
	padding-right: 16px;
	font-weight: bold;
}
.extraRowDataCell {
	width: 25%;
	/* background-color: #f0f0f0; */
}
.row0 {
	/* background-color: #f0f0f0; */
}
.row1 {
	/* background-color: #e0e0e0; */
}
/*
.extraRowDataCell input[type=button],button,select {
	width: 150px;
	margin: 2px;
}
*/
.extraRowDataCell input[type=button] {
	margin: 2px;
}

.divLegend {
	display:none;
	position:fixed;
	width: 600px;
	top: 100px;
	min-height: 240px;
	max-height: 400px;
	padding: 5px;
	font-size: 11pt;
	border: 2px solid #a0a0a0;
	background-color: white;
	overflow-x: hidden;
	overflow-y: auto;
}
.legendTitle {
	text-align: center;
	font-weight: 700;
	width: 100%;
	margin-bottom: 6px;
}
.legendCellDesc {
	text-align: left;
}
.legendColTitle {
	text-align: left;
	font-weight: 700;
	padding-top: 10px;
}
.legendCellColor {
	width: 30px;
	padding-left: 5px;
	padding-right: 5px;
	border: 1px solid #a0a0a0;
}
.legendClose {
	position: absolute;
	right:0px;
	top:0px;
	padding: 2px;
}

.log_table {
	font-size: 12px;
}
.log_cell {
	/* padding: 2px; */
}

.log_table_head_cell {
	/*
	font-weight: 700;
	border-bottom: 1px solid #c0c0c0;
	border-top: 1px solid #c0c0c0;
	background-color: #e0e0e0;
	*/
}

.userRow {
	color: black;
}
.userJoomla {
	font-weight: 700;
}
.userLocked {
	background-color: #CCCCCC;
	color: black;
}
.userBanned, .userRow.userBanned {
	background-color: #ff5e5e;
	color: white;
}
.userWhitelisted {
	background-color: #77ff77;
}

.td_bu {

}

.ui-dialog.ui-front {
	z-index: 1100;
}

/* Responsive fix */

.panelCard table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control, 
.panelCard table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control {
	position: relative;
	padding-left: 30px;
	cursor: pointer;
}

.panelCard table.dataTable.dtr-inline.collapsed.table-sm>tbody>tr>td:first-child:before, 
.panelCard table.dataTable.dtr-inline.collapsed.table-sm>tbody>tr>th:first-child:before {
	top: 50%;
}
.panelCard table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before, 
.panelCard table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before {
	top: 50%;
	left: 5px;
	height: 1em;
	width: 1em;
	margin-top: -9px;
	display: block;
	position: absolute;
	color: white;
	border: 0.15em solid white;
	border-radius: 1em;
	box-shadow: 0 0 0.2em #444;
	box-sizing: content-box;
	text-align: center;
	text-indent: 0 !important;
	font-family: 'Courier New', Courier, monospace;
	line-height: 1em;
	content: '+';
	background-color: #0275d8;
}
.panelCard table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td.dtr-control:before,
.panelCard table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th.dtr-control:before {
    content: '-';
    background-color: #d33333;
}