/*

* Override Pages default styles or create your own styles here

*/

#mainContent {
	height: 100vh;
}

.icon-thumbnail > i {
	font-size: 16px;
}

.m-l-60 {
	margin-left: 60px !important;
}

.m-l-115 {
	margin-left: 115px !important;
}

.border {
	border: 1px solid lightgrey;
}

.systemDataTable .first {
	padding-right: 30px;
}

#sparkline {
	width: 80px;
}

.label-online {
  background-color: #19AD79;
  color: #fff;
}

.online {
	color: #19AD79;
}

.offline {
	color: #D83C31;
}

.label-offline {
  background-color: #D83C31;
  color: #fff;
}

.header .brand {
	width: 210px;
}

.systemName, .customersID, .hostAdditionEdit {
	cursor: pointer;
}

.timeline {
	padding: 0;
}

.timeline::before {
	top: 15px;
}

.header .profile-dropdown-toggle:after {
	display: none;
}

.card .card-header .card-title {
	font-size: 12px;
}

.card .card-body td {
	padding-right: 10px;
	font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	font-size: 12px;
	font-weight: 500;

	line-height: normal;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-text-stroke: 0px;
	filter: alpha(opacity=40);
	-webkit-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
}

.scanresults {
	margin-top: 10px;
	width: 100%;
}

.topless {
	border-top: 0;
}

.breadcrumb-item .label {
	margin-left: 5px;
	margin-top: -3px;
}

.select2-container--open {
    z-index: 9999999
}

.select2-dropdown {
	z-index: 9001;
}

.buttons-holder {
	padding: 0 !important;
}

#table-enginsight tr, #table-exchange tr {
	cursor: pointer;
}

.modal-content label {
	z-index: 9999 !important;
}

#contacts tbody tr {
	background-color: transparent !important;
}

.contact-sign {
	font-size: 20px;
	vertical-align: middle;
	margin-right: 5px;
}

.systemsTr td {
	vertical-align: middle;
}

.systemsTr .onlineStatus {
	text-align: center;
}

.notesTr .note p{
	text-transform: none;
}

.datepicker {
	z-index: 1600 !important;
}

#cropImage {
	max-width: 100%;
	height: 360px;
}

table .total {
	text-align:right;
	padding: 10px 8px 0 0 !important;
}

.modal-xl {
	width: auto !important;
}

.srvpassword {
	margin-bottom: 0px;
}

.srvpassword .input-group-append {
	height: 25px;
	margin-top: -4px;
}

.srvpassword .input-group-text {
	border: 0px;
	cursor: pointer;
}

/* .customerAdditionsName {
    max-width: 300px;
    min-width: 150px;
    word-wrap: normal;
} */

.noWrap {
	white-space:nowrap;
}

.customersAdditionsComment {
	max-height: 200px;
	overflow-y: auto;
}

.customersAdditionsComment::-webkit-scrollbar {
	width: 5px;
}
  
.customersAdditionsComment::-webkit-scrollbar-track {
	background-color: white;
}
  
.customersAdditionsComment::-webkit-scrollbar-thumb {
	border-radius: 100px;
	background: #8070d4;
	border: 3px solid rgba(0, 0, 0, 0.2);
}

.hostAdditionsComment {
	max-height: 200px;
	overflow-y: auto;
}

.hostAdditionsComment::-webkit-scrollbar {
	width: 5px;
}

.hostAdditionsComment::-webkit-scrollbar-track {
	background-color: white;
}

.hostAdditionsComment::-webkit-scrollbar-thumb {
	border-radius: 100px;
	background: #8070d4;
	border: 3px solid rgba(0, 0, 0, 0.2);
}

tr.gesperrt td {
	background-color: #fdf5f3 !important;
}

tr.umgeschrieben td {
	background-color: #e5effd !important;
}

#security .loading {
	width: 100%;
}

#security p {
	text-align: center;
}

.dot {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 18px;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    text-align: center;
    background: #adadad;
    border: 2px solid #fff;
	color: white;
}

.dot i {
	font-size: 40px
}

.dot.danger {
    background-color: #D83C31;
}

.dot.warning {
    background-color: #FFd945;
}

.dot.success {
    background-color: #19AD79;
}

.pwd-eye {
	width: 40px;
	padding-bottom: 10px;
	opacity: 0.5;
}


#dnsTable i {
	color: lightgray
}

.green {
	color: #66b574 !important;
}

.red {
	color: #D83C31 !important;
}

.yellow {
	color: #ffc107 !important;
}

.nv-axis.nv-x .tick line {
	display:none;
}

.search, .controlStats, .controlSpeedtest {
	cursor: pointer;
}

.iframe-container {
	display: flex;
	flex-direction: column;
	height: 100vh;
}

#grafana {
	border: 0;
	flex-grow: 1;
}

@media only screen and (min-width: 1170px)
{
	.timeline-container.left { 
		width: 100%;
		margin: 0 auto;
	}
}