@font-face {
    font-family: 'Source Sans Pro';
    src: url('/assets/fonts/SourceSansPro-Bold.eot');
    src: url('/assets/fonts/SourceSansPro-Bold.eot?#iefix') format('embedded-opentype'),
        url('/assets/fonts/SourceSansPro-Bold.woff') format('woff'),
        url('/assets/fonts/SourceSansPro-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: block;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('/assets/fonts/SourceSansPro-BoldIt.eot');
    src: url('/assets/fonts/SourceSansPro-BoldIt.eot?#iefix') format('embedded-opentype'),
        url('/assets/fonts/SourceSansPro-BoldIt.woff') format('woff'),
        url('/assets/fonts/SourceSansPro-BoldIt.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
    font-display: block;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('/assets/fonts/SourceSansPro-Semibold.eot');
    src: url('/assets/fonts/SourceSansPro-Semibold.eot?#iefix') format('embedded-opentype'),
        url('/assets/fonts/SourceSansPro-Semibold.woff') format('woff'),
        url('/assets/fonts/SourceSansPro-Semibold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: block;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('/assets/fonts/SourceSansPro-SemiboldIt.eot');
    src: url('/assets/fonts/SourceSansPro-SemiboldIt.eot?#iefix') format('embedded-opentype'),
        url('/assets/fonts/SourceSansPro-SemiboldIt.woff') format('woff'),
        url('/assets/fonts/SourceSansPro-SemiboldIt.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
    font-display: block;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('/assets/fonts/SourceSansPro-Light.eot');
    src: url('/assets/fonts/SourceSansPro-Light.eot?#iefix') format('embedded-opentype'),
        url('/assets/fonts/SourceSansPro-Light.woff') format('woff'),
        url('/assets/fonts/SourceSansPro-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: block;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('/assets/fonts/SourceSansPro-ExtraLightIt.eot');
    src: url('/assets/fonts/SourceSansPro-ExtraLightIt.eot?#iefix') format('embedded-opentype'),
        url('/assets/fonts/SourceSansPro-ExtraLightIt.woff') format('woff'),
        url('/assets/fonts/SourceSansPro-ExtraLightIt.ttf') format('truetype');
    font-weight: 200;
    font-style: italic;
    font-display: block;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('/assets/fonts/SourceSansPro-Black.eot');
    src: url('/assets/fonts/SourceSansPro-Black.eot?#iefix') format('embedded-opentype'),
        url('/assets/fonts/SourceSansPro-Black.woff') format('woff'),
        url('/assets/fonts/SourceSansPro-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: block;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('/assets/fonts/SourceSansPro-LightIt.eot');
    src: url('/assets/fonts/SourceSansPro-LightIt.eot?#iefix') format('embedded-opentype'),
        url('/assets/fonts/SourceSansPro-LightIt.woff') format('woff'),
        url('/assets/fonts/SourceSansPro-LightIt.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
    font-display: block;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('/assets/fonts/SourceSansPro-ExtraLight.eot');
    src: url('/assets/fonts/SourceSansPro-ExtraLight.eot?#iefix') format('embedded-opentype'),
        url('/assets/fonts/SourceSansPro-ExtraLight.woff') format('woff'),
        url('/assets/fonts/SourceSansPro-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
    font-display: block;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('/assets/fonts/SourceSansPro-Regular.eot');
    src: url('/assets/fonts/SourceSansPro-Regular.eot?#iefix') format('embedded-opentype'),
        url('/assets/fonts/SourceSansPro-Regular.woff') format('woff'),
        url('/assets/fonts/SourceSansPro-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('/assets/fonts/SourceSansPro-It.eot');
    src: url('/assets/fonts/SourceSansPro-It.eot?#iefix') format('embedded-opentype'),
        url('/assets/fonts/SourceSansPro-It.woff') format('woff'),
        url('/assets/fonts/SourceSansPro-It.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: block;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('/assets/fonts/SourceSansPro-BlackIt.eot');
    src: url('/assets/fonts/SourceSansPro-BlackIt.eot?#iefix') format('embedded-opentype'),
        url('/assets/fonts/SourceSansPro-BlackIt.woff') format('woff'),
        url('/assets/fonts/SourceSansPro-BlackIt.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
    font-display: block;
}

@font-face {
    font-family: 'Kaleko 105 Round';
    src: url('/assets/fonts/Kaleko-105-Round-W01-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

@font-face {
    font-family: 'Kaleko 105 Round';
    src: url('/assets/fonts/Kaleko-105-Round-W01-Book.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: block;
}

body {
	background-color: #008aab;
	background-image: radial-gradient(circle,#0084af 0,#1d3e54 150%);
	color: #000;
	font-family: Source Sans Pro;
	font-size:11px;
	height: 100vh;
}

.background_default {
	background: #5BC6CC;
}

.neolabel{
	text-align: right;
	font-weight: normal;
	line-height: 1em;
	padding-top: 10px;
	width:10%;
}

div .radio input {
	opacity: 1;
}

.app_button {
	box-shadow: 0 2px 10px rgba(0,0,0,0.1);
	text-align: center;
	margin: 5px;
	height: 160px;
}

.app_button:hover{
	box-shadow: 0 2px 10px rgba(0,0,0,0.2);
}

.app_button .content a {
	height: 100%;
	width: 100%;
	display: table-cell;
	vertical-align: bottom;
	text-decoration: none;
	font-size: 1.1em;
}

.app_button .footer {
	padding: 0px;
	margin-top: 5px;
	display: inline-block;
	background: rgba(0, 0, 0, 0);
	float: right;
}

.app_button .footer a {
	text-decoration: none;
}

.app_button .footer > * {
	float: right;
	margin-left: 5px;
}

.app_button .content {
	height: 80%;
	width: 100%;
	display: table;
}

.app_button .footer i {
	color: #222;
	opacity: 0.5;
}

.icon_container  {
	min-width: 405px;
	max-width: 405px;
	border-radius: 10px;
	display: none;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.15);
	padding: 10px;
	box-sizing: unset !important;
	position: absolute;
	bottom: 40px;
	background-color: white;
	height: 400px;
	overflow-y: scroll;
}

.icon_container div {
	display: inline-block;
	width: 35px;
	box-sizing: unset;
	margin: 10px;
}

.icon_container img {
	width: 100%;
}

.modal-body select {
	color: black;
}

.icon_preview {
	padding-left: 5px;
	margin: 0px !important;
	box-sizing: unset !important;
}

.icon_preview.passcode {
    width: 20px;
}

.action_button {
	height: 130px;
	background: #145f7d;
	margin: 5px;
	box-shadow: 0px 5px 10px #ddd;
}

.action_button:hover {
	background: #1b7da2;
}

.action_button a {
	text-align: center;
	padding-top: 80px;
	width: 100%;
	height: 100%;
	color: #fff;
	display: inline-block;
	text-decoration: none !important;
}

.action_button #icon_reboot {
	background: url('/assets/img/icons_b/icon_restart.png') 50% 25% no-repeat transparent;
}

.action_button #icon_shutdown {
	background: url('/assets/img/icons_b/icon_power.png') 50% 25% no-repeat transparent;
}

.action_button #icon_upgrade {
	background: url('/assets/img/icons_b/icon_software_upgrade.png') 50% 25% no-repeat transparent;
}

.action_button #icon_saveSettings {
	background: url('/assets/img/icons_b/icon_save_settings.png') 50% 25% no-repeat transparent;
}

.action_button #icon_applySettings {
	background: url('/assets/img/icons_b/icon_apply_settings.png') 50% 25% no-repeat transparent;
}

.action_button #icon_factoryDefault {
	background: url('/assets/img/icons_b/icon_refresh.png') 50% 25% no-repeat transparent;
}

.action_button #icon_systemCert {
	background: url('/assets/img/icons_b/icon_system_certificate.png') 50% 25% no-repeat transparent;
}

.action_button #icon_systemCfgChk {
	background: url('/assets/img/icons_b/icon_checksum.png') 50% 25% no-repeat transparent;
}

.action_button #icon_NetworkTools {
	background: url('/assets/img/icons_b/icon_network_tools.png') 50% 25% no-repeat transparent;
}

.action_button #icon_API {
	background: url('/assets/img/icons_b/icon_api.png') 50% 25% no-repeat transparent;
}

.action_button #icon_File_Manager {
	background: url('/assets/img/icons_b/icon_file_manager.png') 50% 25% no-repeat transparent;
}

.action_button #icon_diagnosticData {
	background: url('/assets/img/icons_b/icon_diagnostic_data.png') 50% 25% no-repeat transparent;
}

.action_button #icon_cloudEnrollment {
	background: url('/assets/img/icons_b/icon_cloudEnrollment.png') 50% 25% no-repeat transparent;
}

.action_button #icon_keypair {
	background: url('/assets/img/icons_b/icon_keypair.png') 50% 25% no-repeat transparent;
}

.action_button #icon_wmodem {
	background: url('/assets/img/icons_b/icon_wirelessmodem.png') 50% 25% no-repeat transparent;
}

.chart_commands {
	display: flex;
	margin-left: 70%;
}

.chart_commands * {
	margin-right: 23px;
}

.wmodem_chart_buttons {
	margin-left: 12%;
    margin-top: 5px;
    margin-bottom: 10px;
}

#systemcfgchkresult {
	border: 1px solid #ccc;
	font-size: 1em;
	height: auto;
	line-height: 2em;
	padding: 10px !important;
	white-space: pre-wrap;
	background: #fff;
	color: #000;
}

.groupFrom, .groupTo {
	width:100%;
}

div.listbuilder>div:nth-child(2)>div>div:nth-child(2) button {
	width:100%;
	margin-top:15px;
}

div.listbuilder>div:nth-child(2) {
	padding-top: 7px;
}

div.listbuilder .row.error-placeholder {
	text-align: right;
}

div.listbuilder .listbuilder_btn{
	font-size: 11px;
	background-color: #dddddd;
	border: none;
	border-radius: 4px;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	box-shadow: 0 0 0 1px #bcbcbc inset,
		0 .8px .5px .5px rgba(0,0,0,0.2);
	padding: 2px 3px;
	overflow: hidden;
	white-space: nowrap;
}

div.listbuilder .listbuilder_btn:hover{
        background-color: #bcbcbc;
}

div.listbuilder .listbuilder_updown_btn{
	font-size: 11px;
	background-color: #dddddd;
	border: none;
	border-radius: 4px;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	box-shadow: 0 0 0 1px #bcbcbc inset,
		0 .8px .5px .5px rgba(0,0,0,0.2);
	padding: 2px 6px;
	overflow: hidden;
	white-space: nowrap;
	margin-bottom: 3px;
}

div.listbuilder .listbuilder_updown_btn:hover{
        background-color: #bcbcbc;
}

div.listbuilder {
	margin-bottom: 15px;
}

/*.col-md-2 {
        width: 8%;
}*/

.col-md-3 {
        width: 23%;
}

.multilist {
        width: 100%;
}

.multilist select {
	width: 100%;
	height: 130px;
	margin-bottom: 10px;
}

.multilist>.row * {
	padding-right: 0;
}

.multilist button {
	width: 100px;
}

.multilist button:nth-child(2) {
	margin-left: 10px;
}

#selected {
	width: 100%;
}

table.table thead {
	color: #000;
	background: #f5f5f5;
	font-size:1.2em;
}

table.table thead th {
	white-space: nowrap;
	font-weight: normal !important;
}

.tree-lvl1 {
	margin-left: 20px;
}

.tree-lvl2 {
	margin-left: 40px;
}

.tree-lvl3 {
	margin-left: 60px;
}

.tree-lvl4 {
	margin-left: 80px;
}

.tree-lvl5 {
	margin-left: 100px;
}

.tree-lvl6 {
	margin-left: 120px;
}

.tree-lvl7 {
	margin-left: 140px;
}

.tree-lvl8 {
	margin-left: 160px;
}

.tree-lvl9 {
	margin-left: 180px;
}

.tree-lvl10 {
	margin-left: 200px;
}

.tree-wrapper {
	min-height: 250px;
	background-color: #fff;
	border: 1px solid #ccc;
	margin: 10px;
	cursor: pointer;
}

.tree-wrapper li {
	list-style-type:none;

}

.tree-wrapper li img {
	margin-right: 5px;
}

.tree-wrapper > ul > li > ul > li > div >span:first-child {
	margin-left: 22px;
}

.tree-wrapper .highlight {
	/* Rules applied when a tree view line is selected */
	background-color: rgb(30, 144, 255);
	color: white;
}

.tree-wrapper > ul {
	/* Remove wasted space in the left side of the tree view */
	margin-left: -40px;
}

#searchfilter, #table_filter{
	width: 48% !important;
}

/* Rules used by table filter and messages*/
.table_extra {
	display: table;
	width: 100%;
	padding-bottom: 20px;
}

.table_extra > div {
	display: table-row;
}

.table_extra > div > div {
	display: table-cell;
}

.table_extra > div > div .control-group input {
	width: 90%
}

.table_extra > div > div:nth-child(2) {
	display: inline-block;
	float: right;
}

.table_msg {
	display: block;
	text-align: right;
	font-size: 1.2em;
	color:#000;
	cursor: default;
	text-decoration: none !important;
}

.button_line_msg {
	display: table;
	width: 100%;
	padding: 0 0 15px 0;
}

.table_extra_cell {
	display: table-cell;
	float: right;
}

.header .row > div {
	padding-left: 0px;
}

#search_expr {
	width: 170px;
	height: 24px;
	padding: 8px;
	font-size: 19px;
	color: #000;
	transition:width 1s;
	-webkit-transition:width 1s; /* Safari */
	transition-timing-function: ease;
	-webkit-transition-timing-function: ease;
	background-color: rgba(255, 255, 255, 0.2);
	height: 30px;
	font-size: 14px !important;
	width: 65px;
	border-radius: 5px;
	border: none;
}
#search_expr:focus {
	border: 1px solid #1D9CC7;
	width: 115px;
	background-color: white;
}

#se {
	padding-right: 0px;
}

.nav_main ul {
	float: left;
	position: relative;
	left: 50%;
	width: 98% !important;
}

.nav_main li {
	display: inline-block;
	list-style: none;
	text-align: center;
	white-space: nowrap;
	opacity: .5;
}

.nav_main li:hover {
	opacity: 1 !important;
}

.nav_m_img img:hover {
	opacity: 1;
}

.nav_main li.active {
	opacity: 1 !important;
}


.nav_main a, .submenu a {
	color: #fff !important;
	text-decoration: none;
	font-size: 1.2em;
	position: relative;
	/* background-color: transparent !important; */
}

.nav_main a.active, .nav_main a:hover {
	color: #aaa;
	background-color: transparent !important;
}

.nav_main a.active .nav_main_act {
	display: block;
}

.nav_m_img img {
	width:30px;
}

.nav_main_act {
	background: url('../img/nav_main_act.png') no-repeat;
	width: 375px;
	height: 450px;
	position: absolute;
	z-index: -1;
	display: none;
	margin: -58px 0 0 -148px;
}

.nav_main li.active .img_nav_1 {
	border-radius: 100px;
	border: 1px solid rgb(43, 43, 43);
	background: #323232;
	box-shadow: 0px -8px 60px 5px rgba(137,171,247,1);
	box-shadow: -3px -9px 42px -5px rgba(137,171,247,.7);
	margin: -1px;
	background: rgb(132,174,237);
	background: -moz-linear-gradient(top, rgba(132,174,237,.4) 0%, rgba(14,14,14,1) 100%);
	background: -webkit-linear-gradient(top, rgba(132,174,237,.4) 0%,rgba(14,14,14,1) 100%);
	background: linear-gradient(to bottom, rgba(132,174,237,.4) 0%,rgba(14,14,14,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#84aeed', endColorstr='#0e0e0e',GradientType=0 );
	position: relative;
	box-shadow: 0 0px 0px 0px rgba(58, 58, 58, 0.32), 0px 0px 0px 2px rgba(14, 14, 14, 0.29), 0px -6px 40px -6px rgba(137,171,247,.8);
}


.submenu a:hover .nav_sub_b, .submenu li.active .nav_sub_b {
	position: absolute;
	top: 0px;
	left: 0;
	right: 0;
	background-color: #fff;
	height: 3px;
}

.submenu li {
}

.submenu li:hover {
	background-color:rgba(255, 255, 255, 0.4);
}

.submenu ul {
	/* padding-left: 20px; */
}

.submenu li a {
	padding: 7px 25px 7px 25px;
}

/* footer rules */
.footer {
	padding: 15px;
	color: #fff;
	text-align: center;
	background: rgba(0, 0, 0, 0);
}


.footer .go-top {
	display: block;
	text-decoration: none;
	color: #fff;
	cursor: pointer;
	margin-top: -3px;
	margin-right: 0px;
	margin-bottom: 0px;
	opacity: 0.8;
	padding: 3px 5px 2px 6px;
}

.mobile a, .mobile a:hover, .mobile a:focus {
	color: #fff;
}

#mobile-dropmenu {
	padding: 5px;
}

#mobile-dropmenu a > i {
	margin-right: 5px;
}

.mobile-search > input[type='text'] {
	background-color: #fff;
	background-image: none;
	border: 0 none;
	border-radius: 15px;
	color: #000;
	display: block;
	height: 30px;
	line-height: 1.5;
	margin: 0 auto;
	padding: 10px;
	width: 70%;
}

.mobile-search > a {
	color: #fff;
	cursor: pointer;
	font-size: 20px;
	margin-top: -33px;
	position: absolute;
	right: 5%;
	text-decoration: none;
}

#mobile_main_menu > li > a > img{
	width: 40px;
	margin-right: 20px;
}

#mobile_main_menu > li.active > a, #mobile_main_menu > li.active > div > ul > li.active > a {
	border-left-width: 4px;
	border-left-style: solid;
	background-color: rgba(0, 0, 0, 0.22);
}


#back_ground {
	display: none;
	background: #000000;
	bottom: 0;
	left: 0;
	opacity: 0.7;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 2000;
}

#loading {
	background: url("../img/ZPELogo.svg") no-repeat;
	left: 46%;
	top:35%;
	position: fixed;
	visibility: hidden;
	z-index: 2001;
	width: 100px;
	height: 100px;
}

#loadingBox {
	background: #FFFFFF;
	display: none;
	height: 28px;
	left: 4px;
	position: relative;
	top: 35px;
	width: 224px;
	z-index: 2002;
}

#innerBox {
	background: #FFFFFF;
	color: #A33D01;
	font-size: 17px;
	font-style: italic;
	font-weight: bold;
	height: 28px;
	position: absolute;
	white-space: nowrap;
	z-index: 2003;
}

div.content {
	margin-top: 0px;
	/*min-height: 100vh;*/
	background: #fff;
}

.table_message {
	float: right;
	width: 45%;
	margin-bottom: -30px;
	position: relative;
	top: -3px;
}

.table_message_bweb_div {
	font-size: 11px;
	margin-right: 0;
	float: right;
	color: #222088;
	position: relative;
	top: -30px;
	height: 19px;
	left: 11px;
	width: 5px;
}

.table_message_border {
	border-right: 1px solid #E6E6E6;
	bottom: 35px;
	position: absolute;
	right: -1px;
	top: -35px;
	display: none;
}

.widget-body.form form {
	margin: 0px !important;
	padding: 0px !important;
}

.widget-body.form .form-actions{
	margin-left:-15px !important;
	margin-right:-15px !important;
	margin-top: 20px !important;
	margin-bottom: -15px !important;
	margin-top: 20px;
	padding-left: 195px;
	-webkit-border-radius: 0px 0px 4px 4px;
	-moz-border-radius: 0px 0px 4px 4px;
	border-radius: 0px 0px 4px 4px;
}

.widget-body .dataTables_info, .widget-body .dataTables_paginate {
	margin-top: 5px !important;
	padding-bottom: 0px !important;
	margin-bottom: -4px !important;
}

.dataTables_wrapper {
	overflow-y: hidden;
	overflow-x: auto;
}

.SPMTable_wrapper {
	overflow-x: hidden !important;
}

.mgmt_table thead th:not(:first-child):not(:last-child):not(:nth-child(2)):not(:nth-child(3)) {
	width: 10vw;
}

.mgmt_table thead th:last-child {
	width: 20vw;
}

.mgmt_table thead th:nth-child(2), .mgmt_table thead th:nth-child(3) {
	width: 30vw;
}

.mgmt_table{
	width: 100%;
	height: 55vh;
	overflow-y: auto;
	display: block;
}

.widget-body .table {
	padding-bottom: 0px !important;
	margin-bottom: 0px !important;
}

.widget {
	background: none repeat scroll 0 0 #fff;
	margin-top: 0px;
	/* padding-bottom: 25px; */
}

.widget-title {
	background-color: #f9f9f9;
	padding:5px 10px 5px 10px;
	border-bottom: 1px solid #dcdcdc;
}

.widget-title > h4 {
	color: #000;
	font-size: 1.2em;
	padding: 5px 0px 5px 10px;
	margin: 0;
	font-weight: 400;
}

.widget-title > h4 i {
	font-size: 1.3em;
	margin-right: 2px;
}

.widget-body {
	display: block;
	padding: 10px 25px 25px 25px;
	min-height: 65vh;
	font-size:12px;
}

.control-group .control-label {
	float: left;
	padding: 15px 10px 0px 0px;
	font-weight: bold;
}

#form_commands {
	margin-bottom: 13px;
}

.device_status_inuse, .device_status_connected,
.device_status_disconnected, .device_status_unknown {
	z-index: 1;
	width: 4px;
	border: none;
	position: absolute;
	z-index: 1;
	top:5px;
}
.device_status_inuse {
	background: #5083E4;
}
.device_status_connected {
	background: #74D373;
}
.device_status_disconnected {
	background: #E8B589;
}
.device_status_unknown {
	background: #9F9F9F;
}

/* Not proper conventions of media queries.. 33l*/
@media all and (max-width: 1115px) and (min-width: 965px), (min-width: 530px)  {
	.search_input {
		width: 40% !important;
	}
	.table_message {
		top: -9px;
		width: 65%;
	}
}

.table_message {
	float: right;
	width: 45%;
	margin-bottom: -30px;
	position: relative;
	top: -3px;
}

.table_message_border {
	border-right: 1px solid #E6E6E6;
	bottom: 35px;
	position: absolute;
	right: -1px;
	top: -35px;
	display: none;
}

.message_name_left, .message_name_right {
	display: none;
}

.table_message_bweb_a {
	font-size: 1em;
	float: right;
	position: relative;
	top: -35px;
	cursor: pointer;
	padding: 5px 20px;
	color: #000;
	text-decoration: none !important;
	min-width: 70px;
	text-align: left;
	background: #f9f9f9;
	/****   /* Old browsers */
		    *	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
			    *	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VjZWNlYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlM2UzZTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		    *	background: -moz-linear-gradient(top,  #ececec 0%, #e3e3e3 100%); /* FF3.6+ */
		    *	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ececec), color-stop(100%,#e3e3e3)); /* Chrome,Safari4+ */
		    *	background: -webkit-linear-gradient(top,  #ececec 0%,#e3e3e3 100%); /* Chrome10+,Safari5.1+ */
		    *	background: -o-linear-gradient(top,  #ececec 0%,#e3e3e3 100%); /* Opera 11.10+ */
		    *	background: -ms-linear-gradient(top,  #ececec 0%,#e3e3e3 100%); /* IE10+ */
		    *	background: linear-gradient(to bottom,  #ececec 0%,#e3e3e3 100%); /* W3C */
		    *	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ececec', endColorstr='#e3e3e3',GradientType=0 ); /* IE6-8 */
		    *	box-shadow: 0 0 2px #D0D0D0;
		    *	-o-box-shadow: 0 0 2px #D0D0D0;
		    *	-ms-box-shadow: 0 0 2px #D0D0D0;
		    *	-moz-box-shadow: 0 0 2px #D0D0D0;
		    *	-webkit-box-shadow: 0 0 2px #D0D0D0;
		    *	text-shadow: 0 1px 0 #F8F8F8 !important;
		    *	font-weight: bold;
		    *	overflow: hidden;
		    *	margin-right: -4px;
		    *	border-bottom: 1px solid #C7C7C7;
		    *	transition: all 0.3s;
		    *	-o-transition: all 0.3s;
		    *	-ms-transition: all 0.3s;
		    *	-moz-transition: all 0.3s;
		    *	-webkit-transition: all 0.3s;

		    *****/
}

.table_message_bweb_a:before, .table_message_bweb_a:after {
	position: absolute;
	content: '';
	transition: all 0.3s;
	-o-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
}

.table_message_bweb_a:before {
	/*
	background: none repeat scroll 0 0 #D8D8D8;
	bottom: 0;
	box-shadow: 0 -1px 2px #E8E8E8;
	height: 2px;
	left: 0;
	right: 0;
	 */
}

.table_message_bweb_a:after {
	height: 0;
	left: 0;
	right: 0;
	top: 0;
}

.table_message_bweb_a:hover, .table_message_bweb_a.active {
	color: #fff;
	transition: all 0.3s;
	-o-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
}

.table_message_bweb_a:hover {
	background: #7d868c;
}

.table_message_bweb_a.active {
	background-color:#7d868c;
}

.table_message_bweb_a.active:before, .table_message_bweb_a.active:after {
	display: none;
}

.table_message_bweb_div {
	font-size: 11px;
	margin-right: 0;
	float: right;
	color: #222088;
	position: relative;
	top: -30px;
	height: 19px;
	left: 11px;
	width: 5px;
}
.table_message_border {
	border-right: 1px solid #E6E6E6;
	bottom: 35px;
	position: absolute;
	right: -1px;
	top: -35px;
	display: none;
}

.name {
	position: relative !important;
}

.main_table_img_1.act {
	background: url('../img/main_img_1.png') 7px center no-repeat;
}

.main_table_img_1:hover {
	background-color: #E5EAEE;
}

.column_text a {
	text-decoration: none !important;
}


.main_table_img_1 {
	background: url('../img/main_img_2.png') 7px center no-repeat;
	height: 22px;
	padding: 2px 10px 2px 43px;
	font-size: 14px;
	color: #016FA7;
	margin-right: 10px;
	position: relative;
	top: -2px;
	cursor: pointer;
	border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	box-shadow: 0 0 2px #FFFFFF;
	-o-box-shadow: 0 0 2px #FFFFFF;
	-ms-box-shadow: 0 0 2px #FFFFFF;
	-moz-box-shadow: 0 0 2px #FFFFFF;
	-webkit-box-shadow: 0 0 2px #FFFFFF;
}
.main_table_img_1.act {
	background: url('../img/main_img_1.png') 7px center no-repeat;
}
.main_table_img_1:hover {
	background-color: #E5EAEE;
}

.btn, input[type="button"] {
	display: inline-block;
	margin-bottom: 0;
	color: #fff;
	text-align: center;
	background-color: #65a4de;
	border-radius: 4px;
	text-decoration: none;
	font-size: 1em;
	padding: 4px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	margin-right: 5px;
}

.btn:focus {
	color: #fff;
	outline: none !important;
	outline: 0 !important;
}

.btn:active {
	outline: none !important;
	outline: 0 !important;
}

button:focus {
	outline: none !important;
	outline: 0 !important;
}

.btn[disabled] {
	cursor:no-drop;
}
.btn[disabled]:hover {
	background:#c7c7c7;
}

.btn:hover {
	background-color: #66a4de;
	color: #fff;
}

.btn-block {
	display: inline-block;
	margin-bottom: 0;
	color: #fff;
	text-align: center;
	background-color: #5bc6cc;
	border-radius: 4px;
	text-decoration: none;
	font-size: 12px;
}

.btn-block:hover {
	background-color: #313131;
	color: #fff;
}


.button:hover {
	color: #fff !important;
	background-color: #125775;
}

.button_line {
	padding: 10px 0px 10px 0px;
	display: flex;
	flex-flow: row wrap;
	align-items: center;
}

.button_line input {
	margin-right: 5px;
}


.title .parameter_title {
	font-size: 1.5em;
	padding: 10px 0px 5px 0px;
	white-space: nowrap;
	border-bottom: 1px solid #f3f3f3;
}

.title .whitespace_parameter_title {
	font-size: 1.5em;
	padding: 35px 0px 5px 0px;
	white-space: nowrap;
	border-bottom: 1px solid #f3f3f3;
}

div.checkbox label input, div.radio label input {
	margin-right: 5px;
}

select {
	height: 30px;
}

.b_table {
	display: inline-table;
	display: -moz-inline-table;
	display: -webkit-inline-table;
	/* float: left; */
	width: 100%;
	margin: 0;
	/* width: 100%; */
}

.b_table thead td:hover, .b_table thead td {
	background: none !important;
	border-radius: none !important;
}

.b_table_main > tbody > tr > td {
	border: none !important;
}

.b_table_main #tbody {
	position: relative;
}

.main_table_img_0 {
	background: url('../img/terminal.png') 8px 0 no-repeat;
	height: 15px;
	padding-left: 31px;
	line-height: 16px;
	font-size: 12px;
}

.main_table_img_1 {
	background: url('../img/main_img_2.png') 7px center no-repeat;
	height: 22px;
	padding: 2px 10px 2px 43px;
	font-size: 14px;
	color: #016FA7;
	margin-right: 10px;
	position: relative;
	top: -2px;
	cursor: pointer;
	border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	box-shadow: 0 0 2px #FFFFFF;
	-o-box-shadow: 0 0 2px #FFFFFF;
	-ms-box-shadow: 0 0 2px #FFFFFF;
	-moz-box-shadow: 0 0 2px #FFFFFF;
	-webkit-box-shadow: 0 0 2px #FFFFFF;
}

.main_table_img_1.act {
	background: url('../img/main_img_1.png') 7px center no-repeat;
}

.main_table_img_1:hover {
	background-color: #E5EAEE;
}

.main_table_img_2 {
	background: #D7DEE3 url('../img/main_img_2.png') 3px center no-repeat;
	height: 22px;
	padding: 2px 10px 2px 43px;
	font-size: 14px;
	color: #016FA7;
	margin-right: 10px;
	position: relative;
	top: -2px;
	cursor: pointer;
	border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	box-shadow: 0 0 2px #848484;
	-o-box-shadow: 0 0 2px #848484;
	-ms-box-shadow: 0 0 2px #848484;
	-moz-box-shadow: 0 0 2px #848484;
	-webkit-box-shadow: 0 0 2px #848484;
}
.main_table_img_2.act {
	background: #D7DEE3 url('../img/main_img_1.png') 3px center no-repeat;
}
.main_table_img_2:hover {
	background-color: #E5EAEE;
}

#statusicon {
	top: -2px;
	left: 0;
	bottom: -2px;
	z-index: 0;
}

img.accesstable.device-status {
	margin-left: -30px;
}

.ROtext, .column {
	vertical-align: middle !important;
}

.clear {
	clear: both;
}

a {
	text-shadow: none !important;
	color: #016fa7;
	cursor:pointer;
	outline: 0 !important;
}


#timepicker {
	margin: 0px 10px;
}

#datepicker {
	padding:10px;
}

#modal_b {
	visibility: hidden;
	position: fixed;
	z-index: 2001;
	resize: both;
	overflow: auto;
	height: 500px;
	/*  overflow-y: hidden;*/
}

#modal_b {
	background: #f9fafa;
	/*padding: 15px;*/
	box-shadow: 0 0 10px #0E0E0E;
	-moz-box-shadow: 0 0 10px #0E0E0E;
	-webkit-box-shadow: 0 0 10px #0E0E0E;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}
#modal_inner_b {

	padding: 15px;
}
#modal_b button.close {
	margin: 8px 15px 0 0;
}

#modal_b #form_commands {
	/*border-bottom: 1px solid #E3E3E3 !important;*/
	/*margin: 0 -15px 17px !important;
	padding: 0 15px 14px;*/
}

#modal_b td {
	padding: 0 10px 0 0;
}

#modal_b input {
	margin: 3px 0
}

#modal_b .parameter_title {
	padding: 0 0 20px 0;
}

#modal_b .alert {
	width: 88%;
}
#modal_b .alert button.close {
	margin: 0;
}
#modal_b .chartItemClass {
	margin-right: -25px !important;
}

.chartItemClass {
	float: left;
	padding: 30px 100px 30px 75px;
	border: 1px solid #efefef;
	margin: 0px 5px 5px 0px !important;

}

#modal_b .chartBlock {
	border-radius: 0px !important;
	-o-border-radius: 0px !important;
	-ms-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	-webkit-border-radius: 0px !important;
	box-shadow: 0 0 0 !important;
	-o-box-shadow: 0 0 0 !important;
	-ms-box-shadow: 0 0 0 !important;
	-moz-box-shadow: 0 0 0 !important;
	-webkit-box-shadow: 0 0 0 !important;
	border: 1px solid #D3D3D3;
	float: right;
	min-height: 339px !important;
}


#modal_b .chartLabelTitle {
	text-align: left;
	position: relative;
	left: 0px;
	top: 0px;
}

#modal_b .tit_gral {
	border-bottom: 1px solid #E8E8E8;
	height: 31px;
	margin-bottom: 2px;
	line-height: 29px;
	color: #242424;
}
#modal_b .chartLabelTitle > h4 {
	color: #8F8F8F;
	font-size: 22px;
}
#modal_b .head {
	border-bottom: 1px solid #E8E8E8;
	text-align: left !important;
}

#modal_b .content_t {
	max-height: 350px;
	overflow-x: auto;
	/*overflow-y: hidden;*/
	overflow-y: scroll;
	position: relative;
	border: 1px solid #d3d3d3;
	max-width: 70%; /* 505px */
}

#modal_b .content_t3 {
	border: 1px solid #d3d3d3;
	/*max-height: 350px;*/
	min-width: 500px;
	overflow-x: auto;
	overflow-y: hidden;
	position: relative;
}

#modal_b .content_t4 {
	border: 1px solid #d3d3d3;
	overflow-x: auto;
	overflow-y: auto;
	position: relative;
	/*width: 510px;*/
	width: auto;
	margin-bottom: 15px;
	max-height: 350px;
}
#modal_b .content_t0 {
	border: 1px solid #d3d3d3;
	float: left;
	max-height: 350px;
	position: relative;
	width:  69%; /*505px;*/
	overflow-x: auto;
	overflow-y: hidden;
}

#modal_b .content_t4 >.content_t0 ,#modal_b .content_t >.content_t0 {
	width: 100%;
	border: none;
}

#modal_b .content_t4 > .content_t, #modal_b .content_t0 > .content_t {
	width: 100%;
	max-width: 100%;
	border: none;
}

#modal_b #table_form > #table_form > .button_line  {
	display: none;
}
#modal_b thead {
	background: #FFFFFF !important;
}
#modal_b .table-bordered {
	box-shadow: none !important;
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	border-width: 0 !important;
}
#modal_b .table th,#modal_b  .table td {
	border-top: 0px !important;
	border-left: 0px !important;
}
#modal_b .chartBlock {
	background: #FFFFFF;
}
@media all and (max-width: 500px) {
	#modal_b .content_t3 {
		min-width: 100%;
	}
	.table_message_bweb_a {
		width: 0px;
		text-indent: -9990px;
		padding: 5px 12px;
	}


	#modal_b {
		top: 50px !important;
	}

	.main_server .main_column_left {
		float: none !important;
	}
	.main_server .main_column_right {
		margin-left: 0 !important;
	}
	.search_input {
		width: 50% !important;
	}
	.accessSearchControlBar {
		left: 60% !important;
	}
}
#modal_b .table td.checkbox {
	width: 5%;
}

#modal_b .modal_innerwrap {
	min-width: 530px;
}

#modal_b .modal_innerwrap .outletTable .column .column_text,
#modal_b .modal_innerwrap .switchTable .column .column_text,
#modal_b .modal_innerwrap .usbsensors_table .column .column_text {
	/* essential */
	text-overflow: ellipsis;
	max-width: 80px;
	white-space: nowrap;
	overflow: hidden;
}

#modal_b .modal_innerwrap .listInfoTable .column .column_text {
	/* essential */
	text-overflow: ellipsis;
	max-width: 360px;
	white-space: nowrap;
	overflow: hidden;
}

#modal_b .modal_innerwrap .listInfoTable .column #infofield .column_text {
	max-width: 95px;
}
.alert {
	word-wrap: break-word;
}

.table_button, .form_button {
	float: left;
	margin: 0 10px 0 0;
}

.alert-danger, .alert-error {
	color: #fff;
	background-color: #ff0000;
	font-size: 1.2em;
}

#pod_menu {
	background:#e6e6e6;
	border-bottom: 1px solid #ddd;
}

#pod_menu a {
	padding: 6px 10px 6px 10px;
	background: #e6e6e6;
	text-decoration: none !important;
}

#pod_menu a:hover {
	background: #efefef;
}

#pod_menu .title_b {
	color: #000;
	line-height: 27px;
	padding:10px;
	text-decoration: none !important;
	font-size: 1.2em;
}

.activ_pod {
	background: #f9f9f9 !important;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-bottom: 2px solid #f9f9f9;
}

.activ_sub {
	background: #f9f9f9 !important;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-bottom: 2px solid #f9f9f9;
}

.pod_menu-dropdown a {
	color: #000000;
	font-size: 13px;
}

#pod_menus {
	display: none;
}

.icon_container img {
	width: 100
}

.iconItem:hover {
	transform: scale(1.2);
	transition: all 0.3s;
	-o-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	cursor: pointer;
}

.rs {
	color: #545454;
	word-wrap: break-word;
	padding-top:10px;
}

.tree_search_view > ol.tree_search {
	margin-top: 10px;
	padding: 0 0 0 30px;
	width: 60%;
	overflow-x: hidden;
	overflow-y: hidden;
	width:30%;
}

.tree_search_view li {
	list-style: outside none none;
	position: relative;
}
.tree_search_view li.file {
	margin-left: 35px !important;
}
.tree_search_view li.file a.document, .tree_search_view li a {
	display: inline-block;
	padding-left: 5px;
	text-decoration: none;
}
.tree_search_view li.file a.document {
	overflow: hidden;
	overflow: -moz-hidden-unscrollable;
	text-overflow: ellipsis;
	width: 60%;
	word-wrap: initial;
}
.tree_search_view li input {
	/*cursor: pointer;*/
	/*height: 1.5em;*/
	/*left: 0;*/
	/*margin-left: -26px !important;*/
	/*opacity: 0;*/
	/*position: absolute;*/
	/*top: 0;*/
	/*width: 1em;*/
	/*z-index: 2;*/
}
.tree_search_view li input + ol {
	background: url("../img/toggle-small-expand-default.png") no-repeat scroll 20px 6px rgba(0, 0, 0, 0);
	height: 28px;
	margin: -29px 0 0 -44px;
}
.tree_search_view li input + ol > li {
	display: none;
	margin-left: 0 !important;
	padding-left: 1px;
}
.tree_search_view li label {
	cursor: pointer;
	display: inline-block;
	padding-left: 0;
	white-space: nowrap;
}
.tree_search_view li input:checked + ol {
	background: url("../img/toggle-small-default.png") no-repeat scroll 20px 5px rgba(0, 0, 0, 0);
	height: auto;
	margin: -28px 0 0 -44px;
	padding: 28px 0 0 80px;
}
.tree_search_view li input:checked + ol > li {
	display: block;
	margin: 0;
}
.tree_search_view li input:checked + ol > li:last-child {
	margin: 0 0 0.063em;
}
.tree_search_view li .row {
	border-bottom: 1px solid #efefef;
	padding: 5px 0px 5px 0px;
	margin-right: 0px;
}
.tree_search_view li .row > span > a {
	background: #7AB5E3;
	font-size: .8em;
	position: relative;
	top: -3px;
	color: #fff;
	padding: 5px;
	border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	margin-left: 3px;
}

.tree_search_view li .row > span > a:hover {
	background: #008aab;
}

.tree_search_view li .row > span.right {
	padding-left: 10px;
	position: relative;
	right: 5px;
	top: 4px;
}
.tree_search_view li label {
	font-size: 1em;
	margin-bottom: 0;
	padding-top:3px;
}
.tree_search_view img {
	height: 15px;
	width: 20px;
}
.tree_search_view li .row .device_status_unknown, .tree_search_view li .row .device_status_inuse, .tree_search_view li .row .device_status_connected, .tree_search_view li .row .device_status_disconnected {
	height: 18px;
}
.tree_search_view li .row label > .device_status_unknown, .tree_search_view li .row label > .device_status_inuse, .tree_search_view li .row label > .device_status_connected, .tree_search_view li .row label > .device_status_disconnected {
	left: -3px;
}
.tree_search_view li.header {
	background: #f5f5f5;
	color: #000;
	font-size: 1.2em;
	margin-left: -30px;
	padding: 5px 10px 5px 10px;
	display: block !important;
	border-bottom: 2px solid #ddd;
}

.tree_search_view .w30 li {
	display: inline-block;
	min-width: 100%;
}

.rs #view {
	margin-right: 10px;
}

.rs label > a {
	font-weight: normal;
}

.rs img.device-status {
	width: auto !important;
	height: 18px;
	margin-right: 5px;
}

div.modal div.modal-sm {
	width: 60em;
	position: relative;
	top:5%;
}

.modal-content img {
	width: 20em;
	margin: 0px 12px 20px;
}

table thead th.selectable, table tbody td.selectable {
	width: 1em;
}

.modal-content {
	background: #fff;
	max-height:90vh;
	overflow-y: auto;
}

.modal-body {
	line-height: 2em;
	padding:0px 25px 10px 25px !important;
	color:#000;
}

.modal-content-success {
	width: 350px;
	height: 120px;
	background: #fff;
	border: 1px solid rgba(0, 0, 0, .2);
	border-radius: 6px;
	outline: 0;
	margin: 200px auto;
	font-size: 16px;
}

.legend {
	position: relative;
	top: -150px;
	left: 90px;

}

td.legendColorBox {
	padding: 5px;
}

.chartLabelTitle {
	font-size: 1.2em;
	text-align: center;
	padding: 0px 0px 15px 0px;
}

.topology_table_extra {
	width: 35%;
	float: right;
	align-self: center;
	align-content: center;
	flex-flow: row nowrap;
	justify-content: space-between;
}

.topology_table_extra > div {
	align-self: auto;
	min-width: 50%;
	min-height: auto;
	flex: 0 1 auto;
	justify-content: center;
	display: flex;
}

.topologytable {
margin-top: 1em;
}

.topologytable table tr th:nth-last-child(1), .topologytable table tr td:nth-last-child(1) {
	float: right;
}

.topologytable table tr th:nth-last-child(1) a, .topologytable table tr td:nth-last-child(1) a {
	margin-left: 0px;
}

.topologytable table thead tr th,.topologytable table tbody tr td {
	border: none;
}

.topologytable > div {
	margin-bottom: 5px;
}

.topologytable > div > div:nth-child(2) {
	overflow-x: auto;
	display: flex;
	padding-bottom: 80px;
}

.topologytable > div > div:nth-child(2) > div {
	flex: 1 1 auto;
}

.topologytable > div > div:nth-child(2) > div:not(:last-child) {
	margin-right: 0.7em;
}

.topologytable table {
	border-collapse: collapse !important;
}

.topologytable table tbody tr td:first-child > div {
	display: flex;
}

.topologytable table tbody tr td:first-child > div *:not(:last-child) {
	margin-right: 0.3em;
}

.topologytable table tbody tr td:nth-last-child(1) {
	text-align: center;
	min-width: 95px;
}

.status-connected {
	background: rgb(97,207,91);
	height: 1.5em;
	width: 5px;

}

.status-inuse {
	background: rgb(61, 104, 255);
	height: 1.5em;
	width: 5px;
}

.status-disconnected {
	background: rgb(227, 167, 115);
	height: 1.5em;
	width: 5px;
}

.status-unknown {
	background: rgb(142, 142, 142);
	height: 1.5em;
	width: 5px;
}

img.device-icon {
  width: auto;
  height: 18px;
}

.peer_header {
	width:100%;
	padding-bottom: 10px;
	padding-top: 10px;
	display: flex;
	font-size: 1.2em;
}

.ClusterTitle {
	padding: 5px 10px 5px 5px;
	border-radius: 5px;
	cursor: pointer;
	margin-right: 5px;
}

.topologytable div.cluster:not(:first-child) {
	padding-top: 10px;
	border-top: 1px solid #efefef;
}

.topologytable div.peer:not(:first-child) {
	padding-top: 10px;
	border-top: 1px solid #efefef;
}

.topologytable .cluster_content div.peer {
	margin-left: 20px;
}

div.peer_header div a.act_ctl {
	padding: 7px 5px 6px 5px;
}

.act_ctl {
	background: rgb(102,164,222);
	color: white;
	font-size: 10px;
	position: relative;
	padding: 4px;
	border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	margin: 3px;
	min-width: 40px;
}

.act_ctl:hover {
	background: #125775;
	color:#fff;
	text-decoration: none;
}

.menu_container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.alert_modal {
	width: 40em !important;
}

.alert_content {
	display: flex;
	flex-direction: row;
	justify-content: center;
	font-size: 1.5em;
	margin-bottom: 20px !important;
}

.fips_btn {
	background: rgb(102,164,222, 1);
	color: white;
	font-size: 1.2em;
	font-weight: bold;
	position: relative;
	padding: 4px;
	border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	margin: 3px;
	min-width: fit-content;
	height: fit-content;
	align-self: flex-end;
}

.fips_btn:hover {
	background: #017b98;
	color:#fff;
	text-decoration: none;
}

.b_table .thead {
	/*background: #595959;*/
	padding:5px;
}

.b_table {
	display: inline-table;
	display: -moz-inline-table;
	display: -webkit-inline-table;
	width: 100%;
	margin: 0;
	border: 1px solid #A2A2A2;
	border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.rwtext > div > input:nth-child(2){
	margin-left: 0.5em !important;
}

table thead tr th {
	color: #000;
}

table thead tr th a {
	color: #000;
}

table thead tr {
	border-bottom-style: solid;
	border-bottom-width: 2px;
	border-bottom-color: rgb(211,211,211);
}

table tbody tr.even {
	background-color: #f5f5f5;
}

.main_doc_header > div:nth-child(2) > .pull-right {
	padding-top: 10px;
}

.topology_button > button:focus {
	background: #9c9c9c;
}

.topology_button {
	padding: 5px;
	margin-right: 5px;
	background-color: #efefef;
	border: none;
  	display: inline-flex;
}

.topology_button:hover {
	background: #9c9c9c;
}

.topology_button:active {
	background: #9c9c9c;
}

.topology_button[toggle='true'] {
        background: #10698b;
        color:#fff;
}

.topology_button > div {
  margin-right: 0.3em;
}

.balert {
    background: #ffe1a9;
    border-radius: 5px;
    padding: 10px;
    color: #000;
}

.sorting_disabled {
	border-bottom: 2px solid #ddd;
}

th.sorting, th.sorting_desc, th.sorting_asc {
	padding-left: 3px !important;
}

.access_map_circle_popup {
        pointer-events: none;
}

#main_doc > svg {
	height: 60vh;
	width: 100%;
	margin-top: 1em;
}

div#image_body svg{
	height:100vh !important;
}

.tools {
	float: right;
    position: relative;
    top: -20px;
    right: 20px;
    text-decoration: none !important;
}

#time-icon, #play-icon, #ok-icon, #undo-icon, #refresh-icon {
	padding-left: 5px;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 1.2em;
}

a.icon-play, a.icon-ok, a.icon-undo, a.icon-refresh {
	padding:5px;
	text-decoration: none;
}

a.icon-play-inactive, a.icon-ok-inactive, a.icon-undo-inactive, a.icon-refresh-inactive {
	pointer-events: none;
	cursor: default;
	color: #c7c7c7;
}

a.icon-unlock, a.icon-lock {
	padding: 6px 5px 4px 5px;
	margin-right: 5px;
	background-color: #efefef;
	border: none;
	display: inline-flex;
	line-height: 18px;
	vertical-align: super;
	font-size: 1em;
	text-decoration: none;
	min-width: 86px;
}

a.icon-pushpin {
	padding:5px;
	text-decoration: none;
}

a.icon-ok-circle {
	padding:5px;
	text-decoration: none;
}

a.icon-time {
	padding:5px;
	text-decoration: none;
	pointer-events: none;
	cursor: default;
}

#LockLabel, #PushpinLabel {
	padding-left: 5px;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 1.2em;
	margin-left: auto;
}

#search_result {
	clear:both;
	padding: 10px 0px 10px 0px;
}

.search_input {
    padding: 10px !important;
    border: 1px solid #e4e4e4;
    border-radius: 5px;
    display: block;
    width: 50%;
    float: left;
    font-size: 1.2em;
    line-height: 1.42857143;
    color: #555;
    margin-right: 10px;
}

/*
.modal_inner_body table.dataTable tbody tr {
	background-color: rgba(0, 0, 0, 0) !important;
}
*/

.modal_inner_body table thead tr th.sorting_disabled {
	    border-bottom: none !important;
	    color:#fff;
	    font-size: 1.2em;
	    font-weight: normal;
}


.text-danger {
	background-color: #ff0000;
	padding: 10px !important;
	border-radius: 5px;
	color:#fff;
	font-size: 1em;
}

.modal_buttons input:not(:last-child) {
	margin-right: 10px;
}


span#errormsg.text-danger {
	margin-left: 10px;
	display: inline-block;
}

table#DataTables_Table_3:not(.SPMTable) {
	padding: 5px 10px;
	text-align: left;
}

.modal_buttons {
	float:left;
}


.modal_buttons .btn.button {
	color: #fff;
    background-color: rgb(102,164,222);
    font-size: 10px;
    position: relative;
    padding: 5px;
    border: none;
    border-radius: 3px;
    margin-right: 5px;
    margin-top: 5px;
    min-width: 40px;
}

.dropdown_button {
    font-size: 10px;
    float: left;
    background-color: rgb(102,164,222);
    margin-top: 5px;
    min-width: 40px;
    margin-right: 5px;
    border-radius: 3px;
    min-height: 32px;
}

.dropdown_button_first {
    background-color: rgb(102,164,222);
    border-radius: 3px;
    min-height: 32px;
    min-width: 40px;
    border: none;
    color: #fff;
    padding: 5px;
    float: left;
}

.dropdown_button_second {
    background-color: rgb(102,164,222);
    border-radius: 3px;
    min-height: 32px;
    min-width: 15px;
    color: #fff;
    border: none;
    float: left;
}

.dropdown_button_first:hover {
    background: #125775;
}

.dropdown-list{
    min-width: 67px;
    background-color: transparent;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    font-size: 14px;
    list-style: none;
    text-align: right;
    padding: 0px;
    border: none;
    border-radius: 0px;
    background-clip: unset;
    box-shadow: none;
    margin: 0px;
}

.dropdown_button_second:hover {
    background: #125775;
}

.btn-separator{
	float: left;
	width: 1px;
	height: 20px;
	background: white;
	margin-top: 6px;
	margin-bottom: 6px;
}

.dropdown_button-table {
	min-height: auto !important;
	display: flex !important;
	margin-top: -1px !important;
	height: 21px !important;
	align-items: center !important;
	padding: 10px 0 !important;
	margin-right: 3px !important;
}
.dropdown_button_first-table {
	min-height: auto !important;
	height: 21px !important;
	padding-bottom: 2px !important;
	padding-top: 2px !important;
}
.dropdown_button_second-table {
	min-height: auto !important;
	height: 21px !important;
	padding: 0 !important;
}
.btn-separator-table {
	min-height: auto !important;
	height: 10px !important;
	margin-top: 7px !important;
}
.caret-table {
	margin-left: 0px !important;
}
.action_div {
	float: right;
}

.modal_buttons .btn.button:hover {
    background: #125775;
}

.kibana_frame {
	border: none;
	margin: -10px 0px 0px 0px;
	position: absolute;
	left: 0px;
}

.cockpit_frame {
	border: none;
	margin: -10px 0px 0px 0px;
	position: absolute;
	left: 0px;
}

.openwifi_frame {
	border: none;
	margin: -10px 0px 0px 0px;
	position: absolute;
	left: 0px;
}

/* AC1 - Access > Node - Added lines (Previous reference to style-node.css lost from v3 to v4) */

line.link {
    fill: none;
    stroke: #efefef;
    stroke-width: 1px;
}

.hoverMainNode {
	font-family: 'Source Sans Pro' !important;
	font-size: 1.2em !important;
	background: #126483 !important;
	padding: 5px 10px !important;
	border-radius: 5px !important;
	color:#fff !important;

}

circle.node {
  cursor: pointer;
  stroke: #000;
  stroke-width: .2px;
}

/* AC1 - End */

/* AC2 - Hiding items that are not in use - Alvin */

#targetname {
	display:none;
}

#uuid {
	display:none;
}
/* AC2 - End */

table.infotable {
	background-color: rgba(0, 0, 0, 0);
	width:100%;
}

table.infotable tr td {
	padding: 3px 5px;
	border-top: 1px solid #efefef;
}

table.infotable thead tr {
	border:none !important;
	border-bottom: none !important;
	padding:5px;
}

table.infotable th {
	padding:5px;
}

/* table.infotable tr.even {
	background-color: rgba(0, 0, 0, 0);
}
*/

.scrollable {
	overflow-y: scroll;
	overflow: auto;
	max-height: 20em;
	width: 100%;
	background: #017b98;
	margin-bottom: 15px;
	border: 1px solid #d0d0d0;
}

div.content {
	background-size: 50% !important;
}

.checkbox {
	margin-left: 10px !important;
	margin-bottom: 10px !important;
}


.tree_search > .header > span:nth-child(2){
	float: right;
}


.columns_3{
	-moz-column-count: 3;
	-moz-columns: 3;
	-webkit-columns: 3;
	columns: 3;
    padding: 5px 0px 5px 0px;
}

.columns_7{
	-moz-column-count: 7;
	-moz-columns: 7;
	-webkit-columns: 7;
	columns: 7;
    padding: 5px 0px 5px 0px;
}

#tree_content .columns_3 > div,
#tree_content .columns_7 > div {
	display: table;
}

#tree_content .columns_3 > div > div,
#tree_content .columns_7 > div > div {
	display: table-cell;
}

.outlet.selected, .switchPort.selected {
	background-color: rgb(229, 232, 234);
}

#tree_details .outlet, #tree_details .switchPort {
	margin-left: 25px;
	display: flex !important;
}


#tree_details .outlet:not(:last-child), #tree_details .switchPort:not(:last-child) {
	border-bottom:1px solid #efefef;
	}

#tree_details .outlet > div:first-child, #tree_details .switchPort > div:first-child {
	margin-right: 1em;
}

#tree_details .outlet > div:nth-child(2), #tree_details .switchPort > div:nth-child(2) {
	float: right;
	width: 100%;
}

#tree_details .header{
	margin-left: 25px;
	padding: 5px;
	margin-top: 10px;
}

div#outletTable_wrapper thead#thead,
div#switchTable_wrapper thead#thead,
div#usbsensors_table_wrapper thead#thead {
	background: #efefef;
}

div#outletTable_wrapper th.sorting_disabled,
div#switchTable_wrapper th.sorting_disabled,
div#usbsensors_table_wrapper th.sorting_disabled {
	padding: 5px !important;
}

div#usbsensors_table_wrapper th.sorting, div#usbsensors_table_wrapper th.sorting_asc,
	div#usbsensors_table_wrapper th.sorting_desc, div#usbsensors_table_wrapper th.sorting_diabled {
	padding: 5px 10px !important;
}

div#usbsensors_table_wrapper tbody td {
	padding: 5px 10px !important;
}

table.dataTable thead th {
	padding: 5px;
}

table.dataTable tbody tr {
border-bottom: 1px solid #efefef;
}

table.dataTable tbody tr:last-child {
border-bottom: none;
}


/* pagination controls rules */
.pag.top {
	top: 5px;
	right: 5px;
	margin-left: auto;
}

.pag.bottom {
	position: relative;
	bottom: 5px;
	left: 5px;
}

.pag a {
  color: #ACA9A5;
  padding: 5px;
  text-decoration: none;
}
.pag a:hover {
  color: #808080 !important;
  text-decoration: none;
}

.pag a.curr {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  border: medium none;
  color: #2D2D31;
  cursor: context-menu;
}
.pag a.curr:hover{
  color: #000000 !important;
}

.pag a.next {
  background: url("../img/arr.png") no-repeat scroll 0 center rgba(0, 0, 0, 0);
  cursor: pointer;
  padding: 0px 15px;
  margin-left: -7px;
}
.pag a.next:hover {
    background-position: -32px center;
}

.pag a.previous {
  background-image: url("../img/arr.png");
  background-repeat: no-repeat;
  background-position: -63px center;
  border: medium none;
  margin-right: 2px;
  padding: 10px;
  white-space: nowrap;
}
.pag a.previous:hover {
  background-position: -95px;
}
.pag a.previous.inactive, .pag a.previous.inactive:hover {
  background-image: url("../img/prev_grey_inactive.jpg");
  color: #666666 !important;
}
.pag a.next.inactive, .pag a.next.inactive:hover {
  background-image: url("../img/next_grey_inactive.png");
  border: 1px solid #F0EEF0 !important;
  color: #666666 !important;
}
.pag a.inactive.previous, .pag a.inactive.next {
  box-shadow: none;
  border: medium none;
  color: #666666;
}

.pag a.previous {
  margin-right: 2px;
  white-space: nowrap;
}

.peer:not(.expanded):not(.search_results) .pag {
	visibility: hidden;
}

#LogoImg {
	background: #008aab;
	max-width: 350px;
	pointer-events: none;
	padding:25px;
}

#getcoordinates_btn {
	width: 35px;
	height: 35px;
}

i.icon-warning-sign {
    padding-right: 5px;
}


/* Alvin - Mobile Restyling - Start */

@media screen and (max-width: 768px) {
	.peer_content div {
	margin-right: 0px !important;
	}
	.topologytable > div > div:nth-child(2) {
    flex-direction: column;
	}
	.topology_table_extra {
	flex-direction: column;
	}
	.tree_search_view > ol.tree_search {
	width:100%;
	}
	div#tree_div {
		flex-direction: column;
	}
	ol#tree_content {
	width:100% !important;
	margin-left: 0px !important;
	}
	.navbar {
    padding: 15px;
	}
	.nav > li > a {
    position: relative;
    display: block;
    padding: 15px;
}

	span#errormsg{
		float: left !important;
    	}

	span#errormsg.isCheckbox{
		float: none !important;
	}

	.neolabel{	
		text-align: left;
		font-weight: normal;
		line-height: 1em;
		padding:top: 10px;
		width:100%;
	}

	div.listbuilder .col-xs-2{
		margin: auto;
		width: 100px;
		float: none;
        }
}

.collapse.in {
    display: block;
    background: #14536d;
    border-bottom: 1px solid #0d3646;
    box-shadow: inset 0px 2px 10px 0px rgba(0, 0, 0, 0.25);
}

.nav-stacked > li + li {
    margin-top: 0px;
    margin-left: 0;
}

/* Alvin - Mobile Restyling - End */

.form-horizontal .form-group {
    margin-right: -15px;
    margin-left: -10px;
}


button#histShow, button#histClear {
    background: rgb(102,164,222);
    color: white;
    font-size: 10px;
    position: relative;
    padding: 9px 5px 7px 5px;
    border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    margin: 3px;
    border:none;
}

button#histShow:hover, button#histClear:hover {
    background: #125775;
    color: #fff;
    text-decoration: none;
}

.accessSearchControlBar {
    padding-top: 2px;
    display: none;
}


div#historyBlock {
	padding: 5px 0px 5px 0px;
    background: #fbfbfb;
    margin-top: 20px;
}

#historyBlock ul li{
cursor:pointer;
}

div#listInfoTable_wrapper table thead#thead tr th {
	font-size: 1.2em;
}

div#infotable_wrapper table thead#thead tr th {
	font-size: 1.2em;
}

img#histShow, img#histClear {
    position: relative;
    margin: 3px;
    border:none;
}

.pag {
	font-size:14px;
}

.pag.top.frpagination {
    padding: 10px 0px 5px 0px;
}

.mngdev_pagination.search, .access_pagination.search, .default_pagination.search {
	margin-left: auto;
}

.mngdev_pagination, .access_pagination, .default_pagination {
	margin-left: inherit;
}

.pagination_size_select {
	min-width: 55px;
	color: #FFF;
	border-color: #FFF;
	background: #66A4DE;
	border-radius: 3px;
	text-align: center;
}

.pagination_size_option {
	background: #FFF;
	color: #000;
}

.modal .loading {
	right: 15px;
	top: 100px;
	background: rgba(249, 249, 249, 0) url("/assets/img/Spinner.svg") no-repeat scroll 0px 0px;
	height: 40px;
	position: absolute;
	z-index: 2;
	width: 40px;
	background-size: 100%;
}

.InfoLoader {
	background: rgba(255, 255, 255, 0) url("/assets/img/Spinner.svg") no-repeat scroll 0px 0px;
	height: 40px;
	z-index: 2;
	width: 40px;
	float:right;
	margin-top: 5px;
	background-size: 100%;
}

.InfoLoaderB {
    background: rgba(255, 255, 255, 0) url(/assets/img/Spinner.svg) no-repeat scroll 0px 0px;
    height: 35px;
    z-index: 2;
    width: 35px;
    float: left;
    margin-left: -40px;
    background-size: 100%;
    margin-top: -12px;
}

.InfoLoaderC {
    background: rgba(255, 255, 255, 0) url(/assets/img/Spinner.svg) no-repeat scroll 0px 0px;
    height: 20px;
    z-index: 2;
    width: 20px;
    margin-right: 5px;
    float: left;
    align-content: right;
    position: relative;
    text-align: right;
    background-size: 100%;
}


.close {
    /* float: right; */
    font-size: 1.5em;
    line-height: 1;
    background: #efefef;
    border: none;
    color: #000 !important;
    /* margin-right: 0px; */
    margin-left: auto;
    margin-right: 0;
    }


.alert .close {
    font-size: 1.1em;
    background: none;
    color: #fff !important;
    }



.failed {
    background-color: #f14949;
    color: white;
    font-weight: 600;
    padding: 2px 5px;
    margin-left: 3px;
}

#OutletTools {
	margin-left:32px;
	padding-top: 5px;
}

.search_results {
    border-top: none !important;
}

div#listInfoTable_wrapper table thead tr th {
	padding-left: 2px;
}

#nonAccessControls .btn {
	min-width: 40px;
}

div.peer_header .act_ctl {
	display:inline-block;
	text-align: center;
	min-width: 40px;
}

#eventListTable_wrapper table thead tr th {
	padding:5px;

}

.alert-info {
	white-space: pre-wrap;
}

div#powerresponse {
    position: absolute;
    top: 37px;

}
#networktools input.btn {
  margin-right: 0.5em;
}

#BannerMessage {
    max-width: 60vw;
    text-align: center;
    font-size: 1.2em;    
    line-height: 1.4em;
}

@media screen and (max-width: 800px){
    #BannerMessage {
        min-width: 440px;
        font-size: 1.1em;    
    }
}

.AddRemoveButtons {
	width:100%;
	padding:10px;
}

.CMDOutletBox {
	width:33%;
	float:left;
	padding:10px;
}

.CMDMergedBox {
	width:100%;
	padding: 10px;
}

/* Hierarchy chart NSR Network -> Switch Interfaces & Backplanes*/

.hierChartBlock {
        display: flex;
}

.hoverMainSwitch {
	font-family: 'Source Sans Pro' !important;
        font-size: 11px !important;
        background: #E6E6E6 !important;
        padding: 5px 10px !important;
        border-radius: 5px !important;
        color:black !important;
	max-width: 180px;
	min-width:135px;
	position: absolute;
	z-index: 10;
	display: table;
	text-align: left;
}

.itfTooltipLabel{
        color: black;
        font-weight: bold;
	white-space: nowrap;
}

.tooltipText{
	float: right;
	text-align: right;
}

#itfDesc{
	max-width: 60px;
	text-align: right;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	float: right;
}

.tooltipTitleName {
	display: block;
	text-align: center;
	font-size: 1.1em;
}

.nodeImage {
	opacity: .5;
	stroke-width: 1px;
	stroke: black;
}

.slotText {
	font-size: 7px;
	fill: gray;
}

.extraLine {
	stroke: blue !important;
	stroke-width: 3px !important;
}

.bpText {
	font-size: 11px;
	fill: gray;
}

.bkSlotText {
	font-size: 9px;
	fill: gray;	
}

.netExtraLine {
	stroke: purple !important;
	stroke-width: 2.5px !important;
}

.netCardCircle{
	stroke: purple;
	stroke-width: 1px;
	fill: none;
}

.swLegendBox{
	stroke-width: 1;
	stroke: black;
	fill: none;	
}

.swColorBox {
	stroke-width: 1px;
	stroke: #ccc;
}

/* NSR System -> Slots Page */
.hoverSlot {
        font-family: 'Source Sans Pro' !important;
	font-size: 11px !important;
	background: #E6E6E6 !important;
        padding: 5px 10px !important;
        border-radius: 5px !important;
	display: table;
        max-width: 160px;
	min-width: 120px;
	text-align: left;
}

.nsr_img {
        border: 1px solid #efefef;
        border-radius: 4px;
        -o-border-radius: 4px;
        -ms-border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        padding: 20px;
	display: block;
	margin: auto;
}

.svgSlots {
	display: block;
        margin: auto;
}

.nsrSlotLabelTitle {
        text-align: center;
        font-size: 1.4em !important;
}

.labelNsrSlot {
	white-space: nowrap;
	width: 35%;
	float: left;
	font-weight: bold;
}

.textNsrSlot {
	width: 55%;
	text-align: right;
	float: right;
}

/* SSO: Logout Prompt */
.no-close .ui-dialog-titlebar-close {
	display: none;
}

.no-title .ui-dialog-titlebar {
	display:none
}

.logout_content .ui-dialog-content {
	margin-top: 20px;
	min-height: 0 !important;
}

.logout_buttons .ui-dialog-buttonpane .ui-dialog-buttonset {
	text-align: center !important;
	float: none !important;
	margin-top: 0px !important;
}

.logout_btns .ui-button-text {
	padding: .4em 2em !important;
}

.logout_dialog .ui-widget-content {
	border: none !important;
}

.logout_ui .ui-widget {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

/* Preferences -> Show Hostname */
#displayName {
	font-size: 36px;
	padding-left: 0;
	display: flex !important;
}

@media (max-width: 767px) {
	#displayName {
		display: none !important;
	}
}

@media screen and (max-width: 1305px) {
	#search_expr {
		width: 35px !important;
	}
	#search_expr:focus {
		width: 55px !important;
	}
}

#displayNameText {
	overflow: hidden;
	white-space: nowrap;
	flex: 1;
	text-align: center;
}

/* Header */
#header-container {
	display: flex;
	justify-content: space-between;
	padding: 15px 20px;
}

/* Access Table Columns */
.columns_btn, .pag_btn {
	float: right;
	right: 0;
	left: auto;
	font-size: 14px;
	padding: 4px !important;
}

.dropdownPagination {
	min-width: 75px;
}

.dragColumns {
	top: 87%;
	max-height: 215px;
	overflow: auto;
	max-width: 300px;
}

.columns_btn_expand, .pag_btn_expand {
	width: 160px;
}

.col_li, .pag_li {
	padding-left: 10px;
	padding-right: 10px;
	white-space: nowrap;
}

.col_li_label, .pag_li_label {
	font-weight: normal;
	margin: 4px 0 0 4px;
}

.dragColumns li:hover, .col_li_label:hover, .col_checkbox:hover,
.pag_li_label:hover, .pag_checkbox:hover {
	cursor: pointer;
}

.dragColumns li.ui-sortable-helper{
	cursor: move;
}

.SPMTable thead th:not(:last-child) {
	cursor: pointer;
}

.topologytable table.dataTable tbody td {
	padding: 6px 0px 6px 10px;
}

/* License Warning Banner */
#license_warn{
	width: 100%;
	font-size: 16px;
	margin: 0;
	background-color: #e80202;
	color: white;
	vertical-align: middle;
	text-align: center;
	padding: 2px 0;
}

#license_close{
	float: right;
	margin: 0 10px;
	cursor: pointer;
}

.field_from_to_date{
	padding: 0 5px;
}

.input_from_to {
	margin-left: 5px;
	margin-right: 5px;
	height: 35px;
}

.button_search_from_to {
	margin-left: 5px;
	margin-right: 5px;
	height: 35px;
	width: 80px;
}

.coord-lock {
	background: rgb(142, 142, 142);
	height: 1.5em;
	width: 5px;
}

.coord-gps {
	background: rgb(97,207,91);
	height: 1.5em;
	width: 5px;
}

.coord-conf {
	background: rgb(61, 104, 255);
	height: 1.5em;
	width: 5px;
}

.topology_marker {
	padding: 5px;
	margin-right: 5px;
	background-color: #efefef;
	border: none;
	display: inline-flex;
}

.topology_marker > div {
	margin-right: 0.3em;
}

/* Submenu dropdown */
.submenu-dropdown-menu {
	margin: 0;
	padding: 0;
	min-width: 100px;
}

.submenu-dropdown-menu > a:hover{
	background-color: #eee !important;
}

.submenu-dropdown-menu > a.active{
	background-color: #d1d1d1 !important;
}

.submenu-dropdown .open div, #submenu-drop{
	background-color: transparent !important;
}

.submenu-dropdown-menu > a{
	display: block;
	padding: 5px 25px;
	clear: both;
	font-weight: normal;
	line-height: 1.42857143;
	color: #333;
	white-space: nowrap;
	font-size: 12px;
}

.rwtext-icon {
        padding-left: 4px;
}

.field_description {
	float:right;
	color:#bbbbbb;
	margin-top:2px;
	margin-bottom:0px;
	white-space:pre-line;
}

.wdg-col {
	padding-left: 25px;
	padding-right: 25px;
}

.wdg-border {
	border: 0.6px solid #a7a9ab;
	border-radius: 10px;
	margin-bottom: 15px;
}

.title .wdg-title {
	padding-left: 10px;
	border-radius: 7px 7px 0 0;
	background-color: #a7a9ab;
	color: #ffffff;
	font-weight: bold;
}

.title .wdg-conf {
	margin-right: 10px;
	float: right;
	cursor: pointer;
}

.wdg-row {
	padding: 5px 15px;
}

.ro-text-div {
	margin-left: 1%;
	margin-bottom: 5px;
}

.ro-text-label {
	width: 100%;
	text-align: left;
	margin-top: -15px;
}

.wdg-icon i {
	font-size: 128px;
}

.wdg-icon h4 {
	margin-bottom: 0;
	margin-top: 0;
}

.wdg-icon p {
	margin-top: 0;
}

.hostname-display{
	font-family: 'Kaleko 105 Round';
	font-weight: normal;
	margin: 0;
	font-size: 26px;
	text-align: center;
	white-space: nowrap;
}

.platform-display{
	font-family: 'Kaleko 105 Round';
	font-weight: normal;
	margin: 0;
	margin: 0;
	font-size: 23px;
	color: #ffff;
}

.nodegrid-display{
	font-family: 'Kaleko 105 Round';
	font-weight: bold;
	margin: 0;
	margin: 0;
	font-size: 26px;
	color: #ffff;
	padding-left: 10px;
	letter-spacing: 1px;
	width: 100;
}

#displayName {
	justify-content: center;
	align-items: center;
	padding: 0;
	width: fit-content;
}

.zpe-logo{
	width: 45px;
	height: 50px;
	padding-left: 10px;
	background-image: url("data:image/svg+xml,%3Csvg width='45' height='50' viewBox='0 0 45 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.42978 34.2117H1.60745C0.720001 34.2117 0 33.4917 0 32.6042C0 31.7168 0.720001 30.9968 1.60745 30.9968H4.82233V18.673H1.60745C0.720001 18.673 0 17.953 0 17.0656C0 16.1781 0.720001 15.4581 1.60745 15.4581H6.42978C7.31722 15.4581 8.03722 16.1781 8.03722 17.0656V32.6042C8.03722 33.4917 7.31722 34.2117 6.42978 34.2117Z' fill='%2326CAD3'/%3E%3Cpath d='M6.42971 42.2489C5.54227 42.2489 4.82227 41.5289 4.82227 40.6414C4.82227 39.754 5.54227 39.034 6.42971 39.034C9.97111 39.034 12.8595 36.154 12.8595 32.6042V17.0656C12.8595 13.5242 9.97948 10.6358 6.42971 10.6358C5.54227 10.6358 4.82227 9.91579 4.82227 9.02834C4.82227 8.1409 5.54227 7.4209 6.42971 7.4209C11.746 7.4209 16.0744 11.7493 16.0744 17.0656V32.6042C16.0744 37.9205 11.746 42.2489 6.42971 42.2489Z' fill='%2326CAD3'/%3E%3Cpath d='M43.3927 34.2117H38.5703C37.6829 34.2117 36.9629 33.4917 36.9629 32.6042V17.0656C36.9629 16.1781 37.6829 15.4581 38.5703 15.4581H43.3927C44.2801 15.4581 45.0001 16.1781 45.0001 17.0656C45.0001 17.953 44.2801 18.673 43.3927 18.673H40.1778V30.9968H43.3927C44.2801 30.9968 45.0001 31.7168 45.0001 32.6042C45.0001 33.4917 44.2801 34.2117 43.3927 34.2117Z' fill='%2326CAD3'/%3E%3Cpath d='M38.5704 42.2489C33.2542 42.2489 28.9258 37.9205 28.9258 32.6042V17.0656C28.9258 11.7493 33.2542 7.4209 38.5704 7.4209C39.4579 7.4209 40.1779 8.1409 40.1779 9.02834C40.1779 9.91579 39.4579 10.6358 38.5704 10.6358C35.029 10.6358 32.1407 13.5158 32.1407 17.0656V32.6042C32.1407 36.1456 35.0207 39.034 38.5704 39.034C39.4579 39.034 40.1779 39.754 40.1779 40.6414C40.1779 41.5289 39.4579 42.2489 38.5704 42.2489Z' fill='%2326CAD3'/%3E%3Cpath d='M34.1251 49.6666C33.9744 49.6666 33.8321 49.6498 33.6814 49.6079C26.1549 47.4479 20.8972 40.4572 20.8972 32.6126V17.0656C20.8972 10.6442 16.5939 4.93438 10.4321 3.15949C9.57811 2.9167 9.08416 2.02088 9.32695 1.16693C9.56974 0.312973 10.4656 -0.180981 11.3111 0.0618099C18.846 2.22181 24.1037 9.21253 24.1037 17.0572V32.5958C24.1037 39.0089 28.407 44.727 34.5689 46.5019C35.4228 46.7447 35.9168 47.6405 35.6656 48.4945C35.473 49.2061 34.8284 49.6666 34.1251 49.6666Z' fill='%2326CAD3'/%3E%3Cpath d='M27.0669 7.45436C26.665 7.45436 26.2548 7.30366 25.945 6.9939C25.3087 6.37436 25.3003 5.35296 25.9199 4.72505C28.0631 2.52319 30.7506 0.915744 33.6892 0.0785336C34.5432 -0.164258 35.4306 0.329697 35.6734 1.18365C35.9162 2.03761 35.4222 2.92505 34.5683 3.17621C32.1655 3.86273 29.972 5.18552 28.2138 6.97715C27.9041 7.29529 27.4855 7.45436 27.0669 7.45436Z' fill='%2326CAD3'/%3E%3Cpath d='M10.8757 49.6665C10.1808 49.6665 9.53618 49.206 9.33525 48.5028C9.09246 47.6488 9.58641 46.7614 10.4404 46.5102C12.8432 45.8237 15.0367 44.5009 16.7948 42.7093C17.4143 42.073 18.4357 42.0646 19.0636 42.6842C19.6999 43.3037 19.7083 44.3251 19.0888 44.953C16.9455 47.1549 14.258 48.7623 11.3194 49.5995C11.1687 49.6414 11.018 49.6665 10.8757 49.6665Z' fill='%2326CAD3'/%3E%3C/svg%3E%0A");
	background-repeat: no-repeat no-repeat;
	background-position: center center;
	background-size: cover;
}

.navbar-brand {
	margin-left: 0 !important;
	height: auto !important;
	padding: 0 !important;
}

#logo_nodegrid {
	display: flex;
	align-items: center;
	width: 100%;
}

#header-btns {
	display: flex !important;
	justify-content: flex-end;
	padding: 0;
	width: 100%;
	margin-right: 0px !important;
}

.copyright-icon{
	color: white;
	font-size: 23px;
	font-weight: lighter;
	padding-right: 10px;
	top: -10px;
	position: relative;
}

#header-btns a, #header-btns form {
	padding-left: 8px;
	padding-right: 8px;
}

.float_none {
	float:none;
}