/* added by rave */

/* For devices larger than 770px */

@media (min-width: 770px) {
.notification {
	margin-top: 61px;/* padding: 4px 0; */	
	padding: 25px 0;
}
.notification a {text-decoration: underline;}
.notification .notification-text {width: 90%; font-size: 12px; font-weight: bold; margin-left: 5%; display: block;}

.box-left, .box-right {
	width: 48.5%;
}
.box-left {
	float: left;
}
.box-right {
	float: right;
}
.form-list {
	width: auto;
	border: 0 !important;
}
.form-list td.label,  .form-list td.value {
	border: 0 !important;
	padding-top: 5px !important;
	padding-bottom: 5px !important;
	padding-left: 5px !important;
	background: 0 !important;
}
.form-list td.label {
	width: 200px;
}
.form-list td.use-default label {
	display: inline-block;
	vertical-align: middle;
	padding: 0 3px;
}
.form-list td.label label {
	display: block;
	width: 185px;
	padding-right: 15px;
	padding-top: 1px;
}
.form-list th {
	border-bottom: none !important;
}
.two.columns div {
	margin-bottom: 100px;
}
#macroTemplatesList {
	display: none;
	background-color: #4d4d4d;
	text-align: center;
}
}
.label_value {
	width: 50%;
}
/* .pagination {

    display: inline-block;

	margin-top: 30px;

}



.pagination a {

    color: white;

    float: left;

    padding: 8px 16px;

    text-decoration: none;

}







.pagination a.active {

    background-color: #4CAF50;

    color: white;

} */

/* .pagination a {

    border: 1px solid black; 

} */

/* .pagination a:hover:not(.active) {background-color: #4CAF50;} */



fieldset {
	border: 1px solid greens !important;
}
legend {
	padding: 0.2em 0.5em !important;
	border: 1px solid green !important;
	color: green !important;
	font-size: 90% !important;
	text-align: right !important;
}
.ir-commands, .ir-delays {
	display: inline-block !important;
}
.hardware-pod .mhub-manage button {
	padding: 0px !important;
}
#notification-normal {
	border: 1px dotted #77c8db !important;
	color: #f2f2f2 !important;
	background-color: transparent;
}
#notification-close {
	position: absolute;
	float: right;
	top: 6px;
	right: 10px;
	cursor: pointer;
	font-weight: bolder;
}
div.dataTables_wrapper div.dataTables_processing {
	background-color: #221f1f;
}
/*************** Modal Style ******************/
.modal {
	display: none;
	position: fixed;
	z-index: 1;
	padding-top: 100px;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto
}
.modal p {margin: 10px 0;}
.modal-content {
	margin: auto;
	padding: 20px;
	border: 1px solid #888;
	width: 90%;
	-webkit-box-shadow: 0 0 20px 4px rgba(0,0,0,.47);
	-moz-box-shadow: 0 0 20px 4px rgba(0,0,0,.47);
	box-shadow: 0 0 20px 4px rgba(0,0,0,.47);
	min-height: 0;
	background: #1a1a1a
}
.close {
	color: #fff;
	float: right;
	font-size: 28px;
	font-weight: 700
}
.close:focus, .close:hover {
	color: #FF595C;
	text-decoration: none;
	cursor: pointer
}
.modal-navigation {margin: 20px 0;}