@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-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-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-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-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-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-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-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-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-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-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-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;
}

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% !important;
	margin: 0px !important;
}

.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;
}

.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: 115px;
	border-radius: 5px;
	border: none;
}
#search_expr:focus {
	border: 1px solid #1D9CC7;
	width: 226px;
	background-color: white;
}

#se {
	padding-right: 0px;
}

.brand {
	width: 233px !important;
	padding: 0 0 0 10px !important;
}

.brand img {
	width: 120%;
	margin-left: 0px;
}

@media screen and (max-width: 900px){
	.brand img {
		width: 100%;
	}
}

.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: scroll;
	display: block;
	padding-right: 20px;
}

.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;
}

#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;
}

.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: right;
}

.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;
}

.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-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;
}

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

#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;
}

.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 {
	margin-left: auto;
}

.mngdev_pagination, .access_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;
	font-family: monospace;
	display: flex !important;
}

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

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

/* 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: scroll;
	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;
}

/* map marker */
.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;
}

.float_none {
	float:none;
}