@font-face {
	font-family: Gill Sans Regular;
	font-style: normal;
	font-weight: 400;
	src: local("Gill Sans Regular"),url("/fonts/GillSans.woff") format("woff")
}


/* theme overrides */

/*body{
    background-color:rgba(250, 250, 250, 1);
}*/

/*.panel-default{
    background-color: rgba(226, 241, 198, 0.1);
}

.panel-primary{
    background-color: rgba(31, 88, 163, 0.1);
}*/



body {
}



tbody.disabled tr td {
	opacity: 0.3;
}


/* override for notifications */
.alert {
	padding: 5px;
	padding-left: 15px;
}

/* Top menu readability */

.navbar-inverse .navbar-nav > li > a {
	color: #ffffff;
}

/* Top menu readability */
.navbar-inverse .navbar-nav > li > a {
	color: #ffffff;
}



.network-tab{
	padding-left:1em
}

.table-borderless td,
.table-borderless th {
    border: 0 !important;
}

.distributor-nav {
  background-color: rgba(255, 255, 255, 0.10);
}

a.distributor-nav {
	color: #fff !important;
}

	a.distributor-nav:hover {
		color: #fff !important;
		background-color: rgba(255, 255, 255, 0.10) !important;
	}

	a.distributor-nav:active,
	a.distributor-nav:focus {
		color: #fff !important;
		background-color: rgba(255, 255, 255, 0.20) !important;
	}

.customer-nav {
	background-color: rgba(255, 255, 255, 0.20);
}

a.customer-nav {
	color: #fff !important;
}

	a.customer-nav:hover {
		color: #fff !important;
		background-color: rgba(255, 255, 255, 0.20) !important;
	}
	a.customer-nav:active,
	a.customer-nav:focus {
		color: #fff !important;
		background-color: rgba(255, 255, 255, 0.20) !important;
	}

body {
	padding-top: 70px;
	padding-bottom: 20px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
	padding-left: 15px;
	padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
	white-space: normal;
}

.control-label {
	padding-top: 7px;
}

dd {
	padding-bottom: 6px;
}


/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
	max-width: 280px;
}
	.grid-search {
    max-width: 280px !important;
    width: 280px !important;
    font-weight: normal !important;
	}
.grid-search-blue {
	border: 1px solid #004c93 !important;
}
.btn-filter-blue {
	border: 1px solid #004c93 !important;
}
.glyphicon-blue {
	color: #004c93 !important;
}
	textarea.wide {
		max-width: 100%;
		padding: 6px 12px;
		font-size: 14px;
		line-height: 1.42857143;
		color: #555555;
		background-color: #fff;
		background-image: none;
		border: 1px solid #ccc;
		border-radius: 4px;
		-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
		box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
		-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
		-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
		-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
		transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
		transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
		transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	}
	textarea.wider {
    max-width: 100% !important;
    width: 100% !important;
    height: 400px !important;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	}
textarea.noResize {
	resize: none !important;
}

	input.wide {
		max-width: 100%;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	}

/* SSO Overrides */

/*body {
    background-color: #eff2f4;
    color: #2c2424;
}


h1, h2, h3, h4, h5, h6 {
    font-family: 'GillSansMTStd','Gill Sans','Gill Sans MT','GillSansMTStd-Book',Calibri,sans-serif;
    font-weight: normal;
}

a {
    color: #24569f;
}

    a:hover, a:focus {
        color: #24569f;
        text-decoration: underline;
    }

.navbar-inverse .navbar-nav > li > a {
    color: #ffffff;
}

.navbar-inverse .navbar-brand {
    color: #ffffff;
}

.inactive {
    color: gray;
}

.navbar-inverse {
    background-color: black;
}

.navbar-brand {
    padding: 0;
    font-size: 14px;
}*/


/*.navbar-brand img {

    }


.alert {
    padding: 5px;
    margin-bottom: 0px;
    margin-top: 1px;
    border: 1px solid transparent;
    border-radius: 2px;
}*/

/*.table-hover td {
	cursor: pointer !important;
}
.table-hover tr {
	cursor: pointer !important;
}*/


.inactive {
	opacity: 0.6;
}



/*h2 {
    margin-top: 50px;
}

.headerbutton {
    margin-top: 40px;
}*/

/*tr.selected {
    background-color: #ccc !important;
}*/

.sortDown::after {
	content: " \25BE";
}

.sortUp::after {
	content: " \25B4";
}


/* */

.container {
	margin-right: 0;
	margin-left: 0;
	width: auto;
}

.table {
	margin-bottom: 0px;
}

	.table td a {
		cursor: pointer !important;
	}

.table-loading tbody {
	display: none;
	visibility: hidden;
}


.spinner {
	margin: 50px;
	height: 28px;
	width: 28px;
	animation: rotate 0.8s infinite linear;
	border: 8px solid #fff;
	border-right-color: transparent;
	border-radius: 50%;
}

@keyframes rotate {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

/*.table-loading:after
{
content: "<div class=\"spinner\" />";
}*/

tbody.table-loaded {
	display: block;
	visibility: visible;
}




/* Sidemenu */


/* Toggle Styles */

#wrapper {
	padding-left: 0;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

	#wrapper.toggled {
		padding-left: 250px;
	}

#sidebar-wrapper {
	z-index: 1000;
	position: fixed;
	left: 250px;
	width: 0;
	height: 100%;
	margin-left: -250px;
	overflow-y: auto;
	/*background: #000;*/
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

#wrapper.toggled #sidebar-wrapper {
	width: 250px;
}

#page-content-wrapper {
	width: 100%;
	position: absolute;
	padding: 15px;
}

#wrapper.toggled #page-content-wrapper {
	position: absolute;
	margin-right: -250px;
}

/* Sidebar Styles */

.sidebar-nav {
	position: absolute;
	top: 0;
	width: 250px;
	margin: 0;
	padding: 0;
	list-style: none;
	/*    background-color:#6699cc;*/
	background-color: #99cc66;
	margin-top: 10px;
}

	.sidebar-nav li {
		text-indent: 20px;
		line-height: 40px;
	}

		.sidebar-nav li a {
			display: block;
			text-decoration: none;
			/*color: #999999;*/
			color: black;
		}

			.sidebar-nav li a:hover {
				text-decoration: none;
				color: #fff;
				background: rgba(255,255,255,0.2);
			}

			.sidebar-nav li a:active,
			.sidebar-nav li a:focus {
				text-decoration: none;
			}

	.sidebar-nav > .sidebar-brand {
		height: 65px;
		font-size: 18px;
		line-height: 60px;
	}

		.sidebar-nav > .sidebar-brand a {
			color: #999999;
		}

			.sidebar-nav > .sidebar-brand a:hover {
				color: #fff;
				background: none;
			}

/*@media(min-width:768px) {
    #wrapper {
        padding-left: 250px;
    }

    #wrapper.toggled {
        padding-left: 0;
    }

    #sidebar-wrapper {
        width: 250px;
    }

    #wrapper.toggled #sidebar-wrapper {
        width: 0;
    }

    #page-content-wrapper {
        padding: 20px;
        position: relative;
    }

    #wrapper.toggled #page-content-wrapper {
        position: relative;
        margin-right: 0;
    }
}*/

#wrapper {
	padding-left: 180px;
}

	#wrapper.toggled {
		padding-left: 0;
	}

#sidebar-wrapper {
	width: 180px;
}

#wrapper.toggled #sidebar-wrapper {
	width: 0;
}

#page-content-wrapper {
	padding: 20px;
	position: relative;
}

#wrapper.toggled #page-content-wrapper {
	position: relative;
	margin-right: 0;
}



.dropdown-submenu {
			position: relative;
		}

			.dropdown-submenu > .dropdown-menu {
				top: 0;
				left: 100%;
				margin-top: -1px;
				margin-left: -1px;
				-webkit-border-radius: 0 6px 6px 6px;
				-moz-border-radius: 0 6px 6px;
				border-radius: 0 6px 6px 6px;
			}

			.dropdown-submenu:hover > .dropdown-menu {
				display: block;
			}

			.dropdown-submenu > a:after {
				display: block;
				content: " ";
				float: right;
				width: 0;
				height: 0;
				border-color: transparent;
				border-style: solid;
				border-width: 5px 0 5px 5px;
				border-left-color: #ccc;
				margin-top: 5px;
				margin-right: -10px;
			}

			.dropdown-submenu:hover > a:after {
				border-left-color: #fff;
			}

			.dropdown-submenu.pull-left {
				float: none;
			}

				.dropdown-submenu.pull-left > .dropdown-menu {
					left: -100%;
					margin-left: 10px;
					-webkit-border-radius: 6px 0 6px 6px;
					-moz-border-radius: 6px 0 6px 6px;
					border-radius: 6px 0 6px 6px;
				}


				.separator {
			margin-top: 8px;
			border-top: 1px solid #ddd;
			padding: 0;
		}
		.wrapperDiv {
					position: relative;
				}

				#pass-status {
					left: 255px;
					top: 0;
					bottom: 0;
					height: 14px;
					margin: auto;
					cursor: pointer;
					color: #ccc;
				}

				.wrapperDiv #pass-status {
					position: absolute;
				}
#network-slash {
	left: 255px;
	top: 0;
	bottom: 0;
	height: 16px;
	margin: auto;
	color: #bbbbbb;
}

.wrapperDiv #network-slash {
	position: absolute;
}

#key-status {
  left: 210px;
  top: 0;
  bottom: 0;
  margin: auto;
  cursor: pointer;
  color: #ccc;
}

.wrapperDiv #key-status {
  position: absolute;
}

.add-button {
  left: 260px;
  top: 0;
  bottom: 0;
  margin: auto;
  cursor: pointer;
  color: #ccc;
}

.wrapperDiv .add-button {
  position: absolute;
}
.customSettings {

}
.form-control .local-networks {

}

.form-control .remote-networks {
}
.predefinednetwork {

}
.cloudNetworks {

}
/*------------------------------*/

/* New not authorized styles*/
.not-auth-wrapper {
	display: flex;
	background: #004c93;
	width: 100vw;
	height: 100vh;
	justify-content: center;
	align-items: center;
  flex-direction: column;
}
.box {
  width: 300px;
}
.box a {
  color: #fff;
}
.box h3 {
	color: #fff !important;
}
.box p  {
  color: #fff;
  margin: 0;
  padding: 8px 0;
}
	.box label {
    color: #fff;
    margin: 0;
    padding: 2px 0;
    font-weight: normal;
	}
.box-input {
	background-color: #fff;
	color: #004c93;
	padding: 10px;
	margin-bottom: 10px;
	display: block;
	width: 100% !important;
	border: 0 #fff;
	border-radius: 5px;
	max-width: 300px !important;
}
	.box-input:focus {
    outline: none;
	}
.box-input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
      color: #004c93;
			opacity: 1; /* Firefox */
		}

		.box-input:-ms-input-placeholder { /* Internet Explorer 10-11 */
      color: #004c93;
		}

		.box-input::-ms-input-placeholder { /* Microsoft Edge */
      color: #004c93;
		}
.btn-primary-white {
	background-color: #fff;
	color: #004c93;
	border-color: #fff;
	margin-top: 10px;
  padding: 10px;
	display: block;
	width: 100%;
  max-width: 300px !important;
}
.forgot-password {
  text-align: right;
  width: 100%;
  margin-top: 10px;
}
.contact-us {
  text-align: right;
  width: 100%;
  margin-top: 10px;
}
.text-danger-white {
  color: #fff;
}
	.text-danger-white ul {
    list-style-type: none;
    padding-left: 0;
  }
		.text-danger-white ul li {
			margin-bottom: 3px;
			border-left: 4px solid #ff0000;
      padding-left: 10px;
		}
.label-white {
  color: #fff;
  font-weight: normal;
}

.title-wrapper {
	display: flex;
}
.title-cell {
  flex: 1;
}
.title-logo {
  height: 99px;
  margin-right: 15px;
  margin-top: 18px;
}
.title-small-logo {
  height: 50px;
  margin-right: 15px;
  margin-top: 10px;
}
.title {
	font-family: Gill Sans Regular !important;
	font-size: 70px;
	font-weight: 500;
	letter-spacing: 10px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	color: #fff;
  padding-top: 8px;
}
.subtitle {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	margin: -10px 50px 45px 0;
  -webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	font-family: Gill Sans Regular !important;
}
	.subtitle .by {
		font-size: 18px;
		color: #fff;
		margin-right: 5px;
    opacity: .50;
	}
.subtitle .logo > img {
			width: 155px;
      -o-object-fit: contain;
			object-fit: contain;
			opacity: .50;
		}

.small-title-wrapper {
  display: flex;
  margin-right: 15px;
  max-width: 195px;
}

.small-title {
  font-family: Gill Sans Regular !important;
  font-size: 32px;
  font-weight: 500;
  letter-spacing: 7.5px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #fff;
  padding-top: 5px;
}

.small-subtitle {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	margin: -12px 0 0 -9px;
  -webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	font-family: Gill Sans Regular !important;
}

.menu-small {
	display: none;
}
@media (max-width: 1024px) {
	.extraButton {
		display: none;
	}
	.grid-search {
		max-width: 200px !important;
		width: 200px !important;
		font-weight: normal !important;
	}

}
@media (max-width: 1155px) {

	.title-text {
		display: none;
	}

}
@media (max-width: 1440px) {
	.menu-big {
		display: none;
	}

	.menu-small {
		display: inline;
	}
}
	@media (max-width: 767px) {


		.small-title-wrapper {
			display: flex;
			margin-right: 10px;
			margin-left: 15px;
			max-width: 195px;
		}

		.filterButton {
			display: none;
		}

		.grid-search {
			max-width: 100px !important;
			width: 100px !important;
			font-weight: normal !important;
		}
	}

	.small-subtitle .small-by {
		font-size: 7px;
		color: #fff;
		margin-right: 4px;
		margin-top: 7px;
		opacity: .50;
		line-height: 12.61px;
	}

	.small-subtitle .small-logo > img {
		width: 77px;
		-o-object-fit: contain;
		object-fit: contain;
		opacity: .50;
	}

	#qrCode-container {
		width: 100%;
		background-color: #fff;
		padding: 22px;
	}

	#qrCode {
		padding: 0;
		margin: 0;
	}

	/* Dashboard*/
	.bg-orders {
		background-color: #8AC2E6 !important;
	}

		.bg-orders, .bg-orders > a {
			color: #fff !important;
		}

	.bg-clouds {
		background-color: #659C01 !important;
	}

		.bg-clouds, .bg-clouds > a {
			color: #fff !important;
		}

	.bg-connections {
		background-color: #EE7100 !important;
	}

		.bg-connections, .bg-connections > a {
			color: #fff !important;
		}

	.bg-no-notifications {
		background-color: #004c93 !important;
	}

		.bg-no-notifications, .bg-no-notifications > a {
			color: #fff !important;
		}

	.bg-warning {
		background-color: #F9F871 !important;
	}

		.bg-warning, .bg-warning > a {
			color: #333 !important;
		}

	.bg-critical {
		background-color: red !important;
	}

		.bg-critical, .bg-critical > a {
			color: #fff !important;
		}

	.small-box {
		border-radius: 3px;
		padding: 20px;
		box-shadow: 0 0 1px rgb(0 0 0 / 26%), 0 1px 3px rgb(0 0 0 / 30%);
		display: block;
		margin-bottom: 20px;
		position: relative;
	}

		.small-box > .inner {
			/*padding: 15px;*/
			/*height: 150px;*/
		}

		.small-box .icon {
			color: rgba(0,0,0,.30);
			z-index: 0;
		}

		.small-box > .small-box-footer {
			background-color: rgba(0,0,0,.1);
			color: rgba(255,255,255,.8);
			display: block;
			padding: 3px 0;
			position: relative;
			text-align: center;
			text-decoration: none;
			z-index: 10;
		}

		.small-box .icon > i {
			font-size: 80px;
			position: absolute;
			right: 15px;
			top: 5px;
			transition: -webkit-transform .3s linear;
			transition: transform .3s linear;
			transition: transform .3s linear,-webkit-transform .3s linear;
		}

		.small-box h3 {
			font-size: 3rem;
			font-weight: 700;
			margin: 0 0 10px;
			padding: 0;
			white-space: nowrap;
		}

		.small-box h3, .small-box p {
			z-index: 5;
		}

	.cursor-pointer {
		cursor: pointer;
	}

	.cursor-default {
		cursor: default !important;
	}

	.card {
		box-shadow: 0 0 1px rgb(0 0 0 / 13%), 0 1px 3px rgb(0 0 0 / 20%);
		margin-bottom: 1rem;
	}

	.card {
		position: relative;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		min-width: 0;
		word-wrap: break-word;
		background-color: #fff;
		background-clip: border-box;
		border: 0 solid #004c93;
		border-radius: 3px;
	}

	.card-header {
		background-color: #004c93;
		border-bottom: 0 solid #004c93;
		padding: 10px 15px;
		position: relative;
		border-top-left-radius: 3px;
		border-top-right-radius: 3px;
		color: #fff;
	}

	.card-body {
		-webkit-flex: 1 1 auto;
		-ms-flex: 1 1 auto;
		flex: 1 1 auto;
		min-height: 1px;
		padding: 1.25rem;
	}

	.card-title {
		float: left;
		margin: 0;
		color: #fff;
		font-size: 16px;
	}

	.search-container {
		min-height: 70px;
		line-height: 27px;
		padding-top: 21.5px;
		position: relative;
		width: 280px;
		z-index: 15;
	}

		.search-container input[type=text] {
			width: 30px;
			height: 27px;
			background-color: transparent;
			color: transparent;
			position: absolute;
			right: 0;
			border: none;
			padding-top: 5px;
			padding-bottom: 5px;
			padding-left: 5px;
			transition: 0.5s;
			/*background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" style="background-color:transparent;width:20px;height:20px;color:white;"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z" fill="white"/> <path d="M0 0h24v24H0z" fill="none"/></svg>');*/
		}

		.search-container::before {
			color: #fff;
			content: '\e003';
			display: block;
			position: absolute;
			right: 20px;
			font-family: 'Glyphicons Halflings';
		}

		.search-container input[type=text]:hover,
		.search-container input[type=text]:focus,
		.search-container input[type=text]:active {
			border-bottom: 2px solid #fff;
			/*border: 1px solid #fff;
			border-radius: 10px;*/
			width: 100%;
			/*background-color: #fff;*/
			position: absolute;
			right: 0;
			transition: 0.5s;
			padding-top: 5px;
			padding-bottom: 5px;
			padding-left: 5px;
			color: #fff;
			z-index: 15;
			/*background-position: right;*/
			/*background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" viewBox="-150 0 100 100" style="background-color:white;width:250px;height:27px;"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/> <path d="M0 0h24v24H0z" fill="none"/></svg>');*/
		}

			.search-container input[type=text]:hover .search-container::before,
			.search-container input[type=text]:focus .search-container::before {
				color: #fff;
				content: '\e003';
				display: block;
				position: absolute;
				right: -20px;
				font-family: 'Glyphicons Halflings';
			}

		.search-container input[type=text]::-webkit-input-placeholder { /* Chrome/Opera/Safari */
			color: transparent;
		}

		.search-container input[type=text]::-moz-placeholder { /* Firefox 19+ */
			color: transparent;
		}

		.search-container input[type=text]:-ms-input-placeholder { /* IE 10+ */
			color: transparent;
		}

		.search-container input[type=text]:-moz-placeholder { /* Firefox 18- */
			color: transparent;
		}

		.search-container input[type=text]:hover::-webkit-input-placeholder { /* Chrome/Opera/Safari */
			color: #fff;
		}

		.search-container input[type=text]:hover::-moz-placeholder { /* Firefox 19+ */
			color: #fff;
		}

		.search-container input[type=text]:hover:-ms-input-placeholder { /* IE 10+ */
			color: #fff;
		}

		.search-container input[type=text]:hover:-moz-placeholder { /* Firefox 18- */
			color: #fff;
		}

		.search-container input[type=text]:active::-webkit-input-placeholder { /* Chrome/Opera/Safari */
			color: #fff;
		}

		.search-container input[type=text]:active::-moz-placeholder { /* Firefox 19+ */
			color: #fff;
		}

		.search-container input[type=text]:active:-ms-input-placeholder { /* IE 10+ */
			color: #fff;
		}

		.search-container input[type=text]:active:-moz-placeholder { /* Firefox 18- */
			color: #fff;
		}

		.search-container input[type=text]:focus::-webkit-input-placeholder { /* Chrome/Opera/Safari */
			color: #fff;
		}

		.search-container input[type=text]:focus::-moz-placeholder { /* Firefox 19+ */
			color: #fff;
		}

		.search-container input[type=text]:focus:-ms-input-placeholder { /* IE 10+ */
			color: #fff;
		}

		.search-container input[type=text]:focus:-moz-placeholder { /* Firefox 18- */
			color: #fff;
		}

	.grid-filter-container {
		position: relative;
		display: block;
		width: 250px;
	}

	.grid-filter,
	.grid-filter:active {
		/*border: 1px solid #fff;
			border-radius: 10px;*/
		width: 100%;
		/*background-color: #fff;*/
		border: none;
		padding: 5px;
		border-bottom: 1px solid #004c93;
		color: #333;
		/*background-position: right;*/
		/*background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" viewBox="-150 0 100 100" style="background-color:white;width:250px;height:27px;"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/> <path d="M0 0h24v24H0z" fill="none"/></svg>');*/
	}

		.grid-filter:focus {
			outline: none;
		}

	.grid-filter-container::before {
		color: #333;
		content: '\e003';
		font-family: 'Glyphicons Halflings';
		display: block;
		position: absolute;
		right: 20px;
		top: 5px;
	}

	.search-page-container {
		width: 80%;
		position: relative;
		margin-top: 80px;
	}

	.search-start-page-container {
		width: 80%;
		position: relative;
		margin: 30px 0;
	}

	.search-page-input {
		padding: 5px;
		border: none;
		border-bottom: 1px solid #004c93;
		width: 100%;
		max-width: 100% !important;
		background-color: transparent;
	}

		.search-page-input:focus {
			outline: none;
		}

	.search-focus {
	}

	.focused {
		background-color: #fff !important;
		color: #004c93 !important;
	}

	.search-page-button {
		outline: none;
		border: none;
		background-color: transparent;
		color: #004c93;
		position: absolute;
		right: 10px;
	}

	.dropdown-full-width {
		position: relative;
	}

	.dropdown-full-width-toggle:focus {
		outline: 0;
	}

	.dropdown-full-width-menu {
		position: absolute;
		top: 100%;
		left: 0;
		z-index: 1000;
		display: none;
		float: left;
		min-width: 160px;
		padding: 5px 0;
		margin: 0 0 0;
		font-size: 14px;
		text-align: left;
		list-style: none;
		background-color: #fff;
		-webkit-background-clip: padding-box;
		background-clip: padding-box;
		border: 1px solid #ccc;
		border: 1px solid rgba(0, 0, 0, .15);
		border-top: 1px solid #fff !important;
		border-radius: 4px;
		-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
		box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
	}

		.dropdown-full-width-menu.pull-right {
			right: 0;
			left: auto;
		}

		.dropdown-full-width-menu .divider {
			height: 1px;
			margin: 9px 0;
			overflow: hidden;
			background-color: #e5e5e5;
		}

		.dropdown-full-width-menu > li > a {
			display: block;
			padding: 3px 20px;
			clear: both;
			font-weight: normal;
			line-height: 1.42857143;
			color: #004c93;
			white-space: nowrap;
			border: none;
		}

			.dropdown-full-width-menu > li > a:hover,
			.dropdown-full-width-menu > li > a:focus {
				color: #262626;
				text-decoration: underline;
				/*background-color: #f5f5f5;*/
			}

		.dropdown-full-width-menu > .active > a,
		.dropdown-full-width-menu > .active > a:hover,
		.dropdown-full-width-menu > .active > a:focus {
			color: #fff;
			text-decoration: none;
			background-color: #004c93;
			outline: 0;
		}

		.dropdown-full-width-menu > .disabled > a,
		.dropdown-full-width-menu > .disabled > a:hover,
		.dropdown-full-width-menu > .disabled > a:focus {
			color: #777;
		}

			.dropdown-full-width-menu > .disabled > a:hover,
			.dropdown-full-width-menu > .disabled > a:focus {
				text-decoration: none;
				cursor: not-allowed;
				background-color: transparent;
				background-image: none;
				filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
			}

	.open > .dropdown-full-width-menu {
		display: block;
	}

	.nav > li.dropdown-full-width.open {
		position: static;
	}

		.nav > li.dropdown-full-width.open .dropdown-full-width-menu {
			display: table;
			border-radius: 0;
			width: 100%;
			text-align: left;
			left: 0;
			right: 0;
			/*  height: 200px;*/
			padding-left: 15%;
		}

	.dropdown-full-width-menu > li {
		vertical-align: middle;
		display: table-cell;
	}

	.dropdown-full-width-toggle:active,
	.dropdown-full-width-toggle:focus {
		background-color: #fff !important;
		color: #004c93 !important;
	}

	@media screen and (max-width: 767px) {
		.navbar-nav .open .dropdown-full-width-menu {
			position: static;
			float: none;
			width: auto;
			margin-top: 0;
			background-color: #fff;
			border: 0;
			-webkit-box-shadow: none;
			box-shadow: none;
		}

		.dropdown-full-width-toggle:active,
		.dropdown-full-width-toggle:focus {
			background-color: #fff !important;
			color: #004c93 !important;
			border: none;
		}

		.navbar-form {
			margin-right: 0;
		}

		.dropdown-full-width-menu {
			position: relative;
			border: none;
		}

			.dropdown-full-width-menu > li {
				display: block !important;
			}

		.search-page-container {
			width: 80%;
			position: relative;
			margin-top: 0;
		}

		.search-page-input {
			padding: 5px;
			border: none;
			border-bottom: 1px solid #004c93;
			width: 100%;
			max-width: 100% !important;
			background-color: transparent;
		}

			.search-page-input:focus {
				outline: none;
			}

		.search-page-button {
			outline: none;
			border: none;
			background-color: transparent;
			color: #004c93;
			position: absolute;
			right: 10px;
		}
	}

	.panel-body-blue {
		background-color: #004c93 !important;
		color: #fff;
		border-top-left-radius: 3px;
		border-top-right-radius: 3px;
		border-bottom-left-radius: 3px;
		border-bottom-right-radius: 3px;
	}

		.panel-body-blue > .inner {
			padding: 30px;
			height: 130px;
		}
.panel-body-blue > .inner-graph {
  padding: 30px;
}
		.panel-body-blue .icon {
			color: rgba(0,0,0,.30);
			z-index: 0;
		}

		.panel-body-blue > .panel-body-blue-footer {
			background-color: rgba(0,0,0,.1);
			color: rgba(255,255,255,.8);
			display: block;
			padding: 3px 0;
			position: relative;
			text-align: center;
			text-decoration: none;
			z-index: 10;
		}

		.panel-body-blue .icon > img {
			/*font-size: 80px;*/
			position: absolute;
			right: 30px;
			top: 10px;
			width: 70px;
			height: 70px;
			/*transition: -webkit-transform .3s linear;
		transition: transform .3s linear;
		transition: transform .3s linear,-webkit-transform .3s linear;*/
		}

		.panel-body-blue .icon > i {
			font-size: 100px;
			position: absolute;
			right: 30px;
			top: 10px;
		}

		.panel-body-blue h3 {
			font-size: 50px;
			margin: 0 0 10px;
			padding: 0;
			white-space: nowrap;
		}

.panel-body-white {
  background-color: #fff !important;
  color: #000;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}

.panel-body-white > .inner {
  padding: 30px;
  height: 130px;
}

.panel-body-white > .inner-graph {
  padding: 10px;
}

.panel-body-white .icon {
  color: rgba(0,0,0,.30);
  z-index: 0;
}

.panel-body-white > .panel-body-white-footer {
  background-color: rgba(0,0,0,.1);
  color: rgba(255,255,255,.8);
  display: block;
  padding: 3px 0;
  position: relative;
  text-align: center;
  text-decoration: none;
  z-index: 10;
}

.panel-body-white .icon > img {
  /*font-size: 80px;*/
  position: absolute;
  right: 30px;
  top: 10px;
  width: 70px;
  height: 70px;
  /*transition: -webkit-transform .3s linear;
		transition: transform .3s linear;
		transition: transform .3s linear,-webkit-transform .3s linear;*/
}

.panel-body-white .icon > i {
  font-size: 100px;
  position: absolute;
  right: 30px;
  top: 10px;
}

.panel-body-white h3 {
  font-size: 18px;
  margin: 0 0 10px;
  padding: 10px;
  padding: 10px 0 0 10px;
  white-space: nowrap;
}

.panel-body-green {
	background-color: #7DCE82 !important;
	color: #fff;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
}

		.panel-body-green > .inner {
			padding: 30px;
			height: 130px;
		}

		.panel-body-green .icon {
			color: rgba(0,0,0,.30);
			z-index: 0;
		}

		.panel-body-green > .panel-body-green-footer {
			background-color: rgba(0,0,0,.1);
			color: rgba(255,255,255,.8);
			display: block;
			padding: 3px 0;
			position: relative;
			text-align: center;
			text-decoration: none;
			z-index: 10;
		}

		.panel-body-green .icon > img {
			/*font-size: 80px;*/
			position: absolute;
			right: 30px;
			top: 10px;
			width: 70px;
			height: 70px;
			/*transition: -webkit-transform .3s linear;
		transition: transform .3s linear;
		transition: transform .3s linear,-webkit-transform .3s linear;*/
		}

		.panel-body-green .icon > i {
			font-size: 100px;
			position: absolute;
			right: 30px;
			top: 10px;
		}

		.panel-body-green h3 {
			font-size: 50px;
			margin: 0 0 10px;
			padding: 0;
			white-space: nowrap;
		}
	/* Red panel*/
.panel-body-red {
	background-color: #F05D5E !important;
	color: #fff;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
}

		.panel-body-red > .inner {
			padding: 30px;
			height: 130px;
		}

		.panel-body-red .icon {
			color: rgba(0,0,0,.30);
			z-index: 0;
		}

		.panel-body-red > .panel-body-red-footer {
			background-color: rgba(0,0,0,.1);
			color: rgba(255,255,255,.8);
			display: block;
			padding: 3px 0;
			position: relative;
			text-align: center;
			text-decoration: none;
			z-index: 10;
		}

		.panel-body-red .icon > img {
			/*font-size: 80px;*/
			position: absolute;
			right: 30px;
			top: 10px;
			width: 70px;
			height: 70px;
			/*transition: -webkit-transform .3s linear;
		transition: transform .3s linear;
		transition: transform .3s linear,-webkit-transform .3s linear;*/
		}

		.panel-body-red .icon > i {
			font-size: 100px;
			position: absolute;
			right: 30px;
			top: 10px;
		}

		.panel-body-red h3 {
			font-size: 50px;
			margin: 0 0 10px;
			padding: 0;
			white-space: nowrap;
		}
	/* yellow panel*/
.panel-body-yellow {
	background-color: #FABC2A !important;
	color: #333;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
}

		.panel-body-yellow > .inner {
			padding: 30px;
			height: 130px;
		}

		.panel-body-yellow .icon {
			color: rgba(0,0,0,.30);
			z-index: 0;
		}

		.panel-body-yellow > .panel-body-yellow-footer {
			background-color: rgba(0,0,0,.1);
			color: rgba(255,255,255,.8);
			display: block;
			padding: 3px 0;
			position: relative;
			text-align: center;
			text-decoration: none;
			z-index: 10;
		}

		.panel-body-yellow .icon > img {
			/*font-size: 80px;*/
			position: absolute;
			right: 30px;
			top: 10px;
			width: 70px;
			height: 70px;
			/*transition: -webkit-transform .3s linear;
		transition: transform .3s linear;
		transition: transform .3s linear,-webkit-transform .3s linear;*/
		}

		.panel-body-yellow .icon > i {
			font-size: 100px;
			position: absolute;
			right: 30px;
			top: 10px;
		}

		.panel-body-yellow h3 {
			font-size: 50px;
			margin: 0 0 10px;
			padding: 0;
			white-space: nowrap;
		}

	.server-shutdown {
		color: #fff;
	}

	/* OTP */
	.otc {
		position: relative;
		width: 100%;
		margin: 0 auto;
	}

		.otc fieldset {
			border: 0;
			padding: 0;
			margin: 0;
		}

			.otc fieldset div {
				display: flex;
				align-items: center;
			}

		.otc legend {
			margin: 0 auto 1em;
			color: #fff;
		}

		.otc input[type="number"] {
			width: .99em;
			line-height: 1;
			margin: .1em;
			padding: 8px 0 4px;
			font-size: 2.65em;
			text-align: center;
			appearance: textfield;
			-webkit-appearance: textfield;
			border: 2px solid #fff;
			color: #004c93;
			border-radius: 4px;
		}

		.otc input::-webkit-outer-spin-button,
		.otc input::-webkit-inner-spin-button {
			-webkit-appearance: none;
			margin: 0;
		}

		/* 2 group of 3 items */
		.otc input[type="number"]:nth-child(n+4) {
			order: 2;
		}


		.otc fieldset label {
			border: 0 !important;
			clip: rect(1px, 1px, 1px, 1px) !important;
			-webkit-clip-path: inset(50%) !important;
			clip-path: inset(50%) !important;
			height: 1px !important;
			margin: -1px !important;
			overflow: hidden !important;
			padding: 0 !important;
			position: absolute !important;
			width: 1px !important;
			white-space: nowrap !important;
		}

	.box-padding {
		margin: 5px !important;
	}

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

	.full-wdith {
		width: 100%;
		margin: 0 auto;
		margin-bottom: 5px;
	}

	.btn-half-width {
		max-width: 100% !important;
		width: 48%;
		display: inline-block;
		margin-right: 1%;
	}

	.btn-full-width {
		max-width: 100% !important;
		width: 100%;
	}

	.order-details {
		background-color: #f7f7f7 !important;
	}

	.hide-details {
		visibility: hidden;
	}

	.iccid {
	}

	.quantity {
	}

		.quantity:invalid {
			border: 1px solid red;
		}

	.distribution-key {
	}

		.distribution-key:invalid {
			border: 1px solid red;
		}

	select.wide {
		max-width: 100% !important;
		width: 100% !important;
	}

	.select-move {
		max-width: 250px !important;
		width: 250px !important;
	}

	.form-wide {
		max-width: 100% !important;
		width: 100% !important;
	}

	.down, .up, .add, .remove {
		display: inline-block !important;
		margin-right: 3px !important;
	}
	/*.up {
  display: inline-block;
  margin-right: 2px;
}

.add {
  display: inline-block;
  margin-right: 2px;
}
.remove {
  display: inline-block;
  margin-right: 2px;
}*/

	.place-order {
		margin-top: -5px;
	}

	.place-order-btn {
		margin-right: 5px;
	}

	.cluster-information {
		margin-top: 10px !important;
		min-width: 250px !important;
		display: inline-block;
		padding: 15px !important;
		/*max-width: 500px !important;*/
	}

	.checkbox-list {
		padding-left: 10px;
	}

		.checkbox-list label {
			font-weight: normal;
		}

		.checkbox-list .check-box {
			margin-right: 5px;
		}

		.checkbox-list .table-row .check-box {
			margin-right: 5px;
		}

	.order-checkbox {
		/*position: relative;*/
		display: block;
		margin-top: 10px;
		margin-bottom: 10px;
	}

		.order-checkbox label {
			min-height: 20px;
			padding-left: 30px;
			margin-bottom: 0;
			font-weight: normal;
			cursor: pointer;
		}

	/* Order buttons */
	.order-button-panel {
		width: 100%;
		position: relative;
	}

	.order-button-nav {
		padding: 0;
		margin: 0;
		list-style: none;
		width: 100%;
		display: flex;
		flex-direction: row;
	}

	.order-button {
		display: block;
		padding: 0 5px;
		flex-grow: 1;
	}

	.order-details-panel {
		height: 350px !important;
		margin-bottom: 10px !important;
	}

	sup {
		vertical-align: super;
		font-size: 10px;
		padding-left: 5px;
	}
	/* Dl left adjustet text */
	.dl-horizontal-left dd:before,
	.dl-horizontal-left dd:after {
		display: table;
		content: " ";
	}

	.dl-horizontal-left dd:after {
		clear: both;
	}

	@media (min-width: 768px) {
		.dl-horizontal-left {
			margin-left: 20px;
			margin-top: 10px;
			margin-bottom: 0;
		}

			.dl-horizontal-left dt {
				float: left;
				width: 160px;
				overflow: hidden;
				clear: left;
				text-align: left;
				text-overflow: ellipsis;
				white-space: nowrap;
			}

			.dl-horizontal-left dd {
				margin-left: 180px;
			}
	}
@media (min-width: 768px) and (max-width: 1405px) {
	.sub-menu {
		display: none !important;
	}
}
@media (max-width: 767px) {
	.sub-menu-small {
		display: none !important;
	}
}
@media (min-width: 1406px) {
	.sub-menu-small {
		display: none !important;
	}
}
	.action-button {
	}

	.plannedWork {
		display: none;
	}
.message-placeHolder {
	display: none;
}
	.timeStamp-placeHolder {
		display: none;
	}
.timeStamp-placeHolder-readonly {
	display: none;
}
.timeStamp-placeHolder-readonly-endtime {
	display: none;
}
.timeStamp-placeHolder-endTime {
	display: none;
}
	.outage {
		display: none;
	}

	.no-top-margin {
		margin-top: 0 !important;
	}

.h3-ci {
	border-bottom: 1px solid #e5e5e5 !important;
	padding: 15px !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}
.h3-ci-blue {
	border-bottom: 1px solid #e5e5e5 !important;
	padding: 15px !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	color: #fff !important;
	background-color: #004c93;
}
.h3-ci-networks {
	border-bottom: 1px solid #e5e5e5 !important;
}
.popup-nopadding {
	padding: 0 !important;
}
.dashboard-heading {
	color:#fff !important;
	display:block !important;
}
	.dashboard-heading:hover {
		color: #fff !important;
		display: block !important;
		text-decoration: none !important;
	}
	.dashboard-heading:active {
		color: #fff !important;
		display: block !important;
		text-decoration: none !important;
	}
.dashboard-heading-expanded {
	color: #fff !important;
	display: block !important;
	text-decoration: none !important;
}
.dashboard-heading-expanded:hover {
	color: #fff !important;
	display: block !important;
}
	.dashboard-heading-expanded:active {
		color: #fff !important;
		display: block !important;
	}
	.dashboard-heading::before {
		content: '\e257';
		display: flex;
		position: absolute;
		right: 20px;
		font-family: 'Glyphicons Halflings';
		font-size: 0.6em;
	}


	.dashboard-heading-expanded::before {
		content: '\e259';
		display: flex;
		position: absolute;
		right: 20px;
		font-family: 'Glyphicons Halflings';
		font-size: 0.6em;
	}
	.addInfo {
		position: relative;
	}

		.addInfo::before {
			content: '\e257';
			display: flex;
			position: absolute;
			right: 20px;
			font-family: 'Glyphicons Halflings';
			font-size: 0.6em;
		}

	.addInfo-expanded {
		position: relative;
	}

		.addInfo-expanded::before {
			content: '\e259';
			display: flex;
			position: absolute;
			right: 20px;
			font-family: 'Glyphicons Halflings';
			font-size: 0.6em;
		}
.closeText::before {
	margin: auto;
	content: "OK";
}
.telenor,
.tele2,
.telia {

}
.multi-columns {
  columns: 2;
}

.multi-columns dd {
  break-before: avoid;
}

.row.display-flex {
	display: flex;
	flex-wrap: wrap;
}

.row.display-flex > [class*='col-'] {
	flex-grow: 1;
}
canvas {
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}
.form-inline-l {
	display:inline-block !important;
	margin-right:5px !important;
}

.submit-with-icon {
	background: transparent;
	border: 0px;
	padding: 0;
	outline: 0;
	color: #23527c;
}
.expanded {
	width: 100% !important;
	margin: auto;
	max-width: 100% !important;
}

.full-width {
	width: 80% !important;
}

.searchBox {
	width: 80% !important;
	/*background-image: url('searchicon.png');
	background-position: 10px 10px;
	background-repeat: no-repeat;
	padding: 12px 20px 12px 40px;*/
	padding-left: 30px;
	display: inline-block
}

.sMenu {
	padding-top: 17px;
	padding-left: 15px;
	width: 100%;
}

.sc {
	padding-right: 0px;
	margin-bottom: 0px !important;
	margin-right: 0px;
}

	.sc::before {
		content: '\e003';
		display: block;
		position: absolute;
		left: 25px;
		top: 7px;
		width: 20px;
		color: #ccc;
		font-family: 'Glyphicons Halflings';
	}

.searchButton {
	margin-left: 5px;
	padding: 6px 12px;
	margin-bottom: 3px;
	top: 0px;
	display: none;
}

.searchButtonMobile {
	margin-left: 5px;
	padding: 6px 12px;
	margin-bottom: 3px;
	top: 0px;
	display: inline-block;
}
.iconClass {
	position: relative;
}

	.iconClass span {
		position: absolute;
		top: -15px;
		right: -15px;
		display: block;
	}