table.fo-monitoring-table {
	min-width: 600px;
}

table.monitoring-uptime-table {
	min-width: 400px;
}

.halfPage {
	width: 49%;
}

.emailInput,
.webhookInput,
.telegramInput {
	display: none;
}

.dashboard-table thead::after {
	z-index: 0;
}

.dashboard-table.monitoring-notifications thead tr th:nth-child(2) {
	font-size: medium;
}

.monitoring-section {
	padding: 3em  30px;
}

.hartbeat-logs-tables .monitoring-log-table-wraper {
	width: 49%;
}

.hartbeat-logs-tables .dashboard-table.fo-monitoring-table th:first-child {
	width: auto;
}

.hartbeat-logs-tables .uptime-table-wraper {
	float: left;
}

.hartbeat-logs-tables .history-table-wraper {
	float: right;
}

.sms.phone-code {
	width: 20%;
	flex: 0.6;
	-webkit-box-flex: 0.6;
	-ms-flex: 0.6;
	margin-right: 10px;
}

.a-c.w-100 button {
	display: none;
}

.monitoring-wraper li label.state-label {
	max-width: 150px;
	min-width: 150px;
}

.monitoring-wraper .popup-form-wraper li label.monitoring-match-type {
	max-width: none;
}

.dnsPlansTable tr td:first-child {
	width: 21% !important;
}

.radiobutton {
	top: 3px;
}

.card-radio-wrap .showTooltip {
		margin-left: 30px;
}

.card-gradient.monitoring-types {
	background: rgba(255,255,255,1);
}

.card.monitoring-types {
	cursor: pointer;
}

.monitoring-types span {
	position: absolute;
	bottom: 20px;
	left: 0;
	right: 0;
}

a.monitoring-types {
	color: black;
}

.whiter {
	color: #fff !important;
}

.card-gradient.monitoring-types .card-title {
	margin-bottom: 1em;
}

.card-gradient.monitoring-types.hovered-box {
	background: #ff6921;
}

.flex-4-col .monitoring-types.col {
	margin: 20px auto;
}

.main-monitoring .monitoring-types span {
	top: 20px;
	bottom: 0;
}

.main-monitoring .card-title.icon::before {
	margin-top: 40px;
}

.monitoring-types.col .a-c.wb-bw {
	font-size: 0.8em;
}

.smallest-section-margin .section-wraper, .smallest-section-margin .flex-2-col {
	margin: 0 auto 3em;
}

.monitoring-section {
	padding-bottom: 0;
}

.small-section-margin section {
	margin-bottom: 2em;
}

.small-section-margin .flex-2-col {
	margin-bottom: 1em;
}

.flat2-input-style.xs-input-wraper textarea {
	resize: none;
	min-height: 291px;
	width: 100%;
}

.popup-form-wraper.ip-wl li label:not(.label-right) {
	max-width: 280px;
}

@media only screen and (max-width: 1330px) {
	.monitoring-wraper li label.state-label {
		max-width: 100px;
		min-width: 100px;
	}
	.monitoring-wraper li label.state-title-label {
		width: 100%;
	}
	table.monitoring-status-page {
		min-width: 600px;
	}
}

@media only screen and (max-width: 1266px) {
	.card-radio-wrap .showTooltip {
		font-size: 0.80em;
	}
}

@media only screen and (min-width: 870px) {
	.flex-4-col .monitoring-types.col {
		width: 21.5%;
	}
}

@media only screen and (max-width: 870px) {
	.halfPage {
		width:100%;
		float: left;
	}
	
	.monitoring-notification-popup label {
		flex: 0 !important;
		flex-basis: auto !important;
		width: 100%;
		max-width: 100% !important;
	}
	
	.monitoring-notification-popup label.smsPrice {
		width: auto;
		max-width: auto !important;
		min-width: auto !important;
	}
	
	.sms.phone-code {
		width: 20%;
		flex: 0.3;
		-webkit-box-flex: 0.3;
		-ms-flex: 0.3;
	}
	
	.sms.telno {
		flex: 1;
	}
	
	button.mt-20.i-b {
		display: none;
	}
	
	.a-c.w-100 button {
		display: inline-block;
	}
	.monitoring-wraper li label.state-label {
		max-width: 130px;
		min-width: 130px;
	}
	.monitoring-wraper li label.state-title-label {
		max-width: 220px !important;
		min-width: auto;
	}
        
        .section-wraper.mt-20 {
            margin-top: 20px;
        }
	.mobile-monitoring-status-page-text {
		margin-bottom: 10px;
	}
}
@media only screen and (max-width: 770px) {
	.monitoring-wraper li label.state-label {
		max-width: 130px;
		min-width: 130px;
	}
}

@media only screen and (max-width: 660px) {
	.monitoring-wraper li label.state-title-label {
		width: 100%;
		max-width: none !important;
	}
}

@media only screen and (max-width: 510px) {
	.mobile-nowrap {
		white-space: nowrap;
	}
}

#loadmonitoring {
	display: none;
}