/**
 Description: CSS of WebUI Application
 Copyright (c) 2016 by Cisco Systems, Inc.
 All rights reserved.
 */

*, *:after, *::before {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
html {
	height: 100%
}
body {
	height: 100%;
	font-family: @fontFamily;
	font-size: @fontSize;
	color: @textColor;
}
a {
	color: @linkColor;

	&:hover {
	text-decoration: none;
}
}
img {
	max-width: 100%;
}
input {
	max-width: 100%;
}
h1, h2, h3, h4, h5 {
	font-family: @fontFamily;
}
hr {
	margin: 20px 0 30px;
	border-top: @line;
}
.main-container {
	min-height: 100%;
	background: @mainBgColor;
	position: relative;
	width: 100%;
}
.bannerlogo {
	height: 40px;
	width: 75px;
}

.webui-container {
	height: 100%;
	padding: 0 20px;
	overflow: hidden;
}

.webui-centerpanel-title {
	font-size: @centerpanelTitlefontSize;
	font-weight: @fwBold;
	margin: 0 0 30px;
	position: relative;
}
.login-panel.webui-centerpanel {
	text-align: center;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: 0;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);img {
	width: 80px;
	margin-bottom: 15px;
}
}
.login-form {
	display: inline-block;
	text-align: right;.fieldinput {
	display: inline-block;
	width: 135px;
	position: relative;
}

@media (min-width: 992px) {
	.fieldinput {
		width: auto;
	}
}
}
.webui-login-form-label {
	color: @labelColor;
	font-size: @labelFontSize;
	padding-top: 5px;
	margin-right: 10px;
	display: inline-block;
	vertical-align: top;
}
.login-help {
	font-size: 13px;
	margin-top: 7px;
	margin-right: 18px;
	display: none;/* Since the feature is not available hence hiding for now*/
}

.rss-icon-place {
	padding-top: 51px;
	padding-left: 30px;
}

.overlay {
	position: absolute;
	top: 0;
	z-index: 9998;
	color: black;
}
.toggleClass{
	display:inline-block;
}

.router-icon-place {
	padding-top: 54px;
	padding-left: 36px;
}

.router-icon-custom {
	font-size: 77px;
	font-weight: bold;
}
.create-newaccount-panel {
	padding-top: 25px;
	padding-bottom: 40px;
}

.top-panel {
	border-bottom: 1px solid #ccc;
	padding: 18px 0;
}
.top-panel .logo {
	display: inline-block;
	width: 55px;
	margin: 0 22px;
}
.top-panel .main-title {
	font-size: 19px;
	font-family: @mainTitleFontFamily;
	font-weight: bold;
}
.panel-gradient {
	background: #fff;
	background: -moz-linear-gradient(top,  #fff 0%, #f0f0f0 100%, #f0f0f0 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#f0f0f0), color-stop(100%,#f0f0f0));
	background: -webkit-linear-gradient(top,  #fff 0%,#f0f0f0 100%,#f0f0f0 100%);
	background: -o-linear-gradient(top,  #fff 0%,#f0f0f0 100%,#f0f0f0 100%);
	background: -ms-linear-gradient(top,  #fff 0%,#f0f0f0 100%,#f0f0f0 100%);
	background: linear-gradient(to bottom,  #fff 0%,#f0f0f0 100%,#f0f0f0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f0f0',GradientType=0 );
}

.panel-gradient-blue {
	background: #daeef5;
	background: -moz-linear-gradient(top,  #daeef5 0%, #c5dfe8 100%, #f0f0f0 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#daeef5), color-stop(100%,#c5dfe8), color-stop(100%,#f0f0f0));
	background: -webkit-linear-gradient(top,  #daeef5 0%,#c5dfe8 100%,#f0f0f0 100%);
	background: -o-linear-gradient(top,  #daeef5 0%,#c5dfe8 100%,#f0f0f0 100%);
	background: -ms-linear-gradient(top,  #daeef5 0%,#c5dfe8 100%,#f0f0f0 100%);
	background: linear-gradient(to bottom,  #daeef5 0%,#c5dfe8 100%,#f0f0f0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#daeef5', endColorstr='#f0f0f0',GradientType=0 );
}

.btn-toggle {
span {
    vertical-align: middle;
    font-size: 16px;
}

span.active {
    font-weight: @fwBold;
}

-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.toggle-slider {
    width: 50px;
    height: 27px;
    border: @inputBorder;
    border-radius: 13px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 8px;

&:after {
     content: "";
     display: block;
     width: 19px;
     height: 19px;
     border-radius: 50%;
     background-color: #000;
     position: absolute;
     top: 3px;
     left: 3px;

     -webkit-transition: -webkit-transform .3s;
     -moz-transition: -moz-transform .3s;
     -ms-transition: -ms-transform .3s;
     -o-transition: -o-transform .3s;
     transition: transform .3s;
 }
.right &:after {
            -webkit-transform: translateX(23px);
            -moz-transform: translateX(23px);
            -ms-transform: translateX(23px);
            -o-transform: translateX(23px);
            transform: translateX(23px);
        }
}

/*.checkbox-styled input[type="radio"],*/

input[type="checkbox"] {
	position: relative;
	display: inline-block;
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
	
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
	padding: 0;
	outline: 2px auto -webkit-focus-ring-color;;
	outline-offset: -2px;
}
input[type="checkbox"].pull-down {
	margin-top: 9px !important;
	width: 16px;
	height: 16px;
}
input.pull-top {
	vertical-align: top;
}
input[type='checkbox']:hover {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=50);
	opacity: 0.5;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	input[type='checkbox']:checked {
		background-image: url('../images/checkmark_2.svg');
		background-size: 16px 16px;
	}
}

input[type="checkbox"], input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

.wlan-info {

	font-size: 40px;
	color: #25D0C8;
	font-weight: 300;
	margin-left: -8px;
}

/* Display the hr after the block */
.wlan-label:after {
	display: inline-block;
	color: #d9d9d9;
	margin: 0 20px 8px 0;
	height: 1px;
	content: "";
	text-shadow: none;
	background-color: #999;
	width: 180%;
	margin-top: 30px;
	margin-left: 12px;
}

.wlan-label {
	padding-top: 15px;
	font-family: 'SourceSansPro-Light';
	font-size: 13px;
	text-align: right;
	vertical-align: text-top;
	padding-left: 1px;
	margin-left: 25px;
}

.wlan-label:last-child:after {
	content: "a";
}

.danger {
	color: #FA5655;
}

.heading {
	margin-top: -20px;
	margin-left: -20px;
}

.badge {
	background-color: #FA5559
}

.bg-white {
	background-color: #fff;
}

.panelbar {
	border: 0;
	background-color: transparent;& * {
	box-sizing: border-box;
}

.k-content,
&>
li.k-item {
	background-color: transparent;
	margin-top: 5px;
}

.k-content {
	padding-bottom: 10px;
}

&>
.k-item > .k-link {
	background-color: transparent;
	border: 0;
	box-shadow: none;
}

.k-state-focused.k-state-selected {
	box-shadow: none;
}

& .k-link.k-state-selected.k-state-hover,
&>li>.k-link.k-state-selected,
.k-state-selected>.k-link,
&>li>.k-state-selected,
&>
li.k-state-default > .k-link.k-state-selected {
	color: #404040;
}

.k-panelbar-expand, .k-panelbar-collapse {
	display: none;
}

.expand-collapse-content {.k-grid {
	border-radius: 0;
}
}

.webui-centerpanel-subtitle {
	padding-top: 15px;
	margin-bottom: 15px;
}
li.k-item:first-child .webui-centerpanel-subtitle {
	padding-top: 0;
}

}
.webui-centerpanel .panelbar {&>li.k-item {
	border-bottom: @line;

	&:last-child {
	border-bottom: 0;
}
}

.k-content {
	border: 0;
}
}
.panelbar__header {
	display: block;
	padding-left: 10px;
	border-bottom: 1px solid #b3b3b3;
}
.panelbar__open-icon {
	width: 25px;
	height: 56px;
	float: left;
	font-size: 25px;
	padding-top: 13px;i {
	-webkit-transition: transform .3s;
	-moz-transition: transform .3s;
	-o-transition: transform .3s;
	transition: transform .3s;.k-state-active & {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}
}
}
.panelbar__title {
	float: left;
	height: 56px;
	font-size: @pageHeaderFontSize;
	font-family: @pageHeaderFontFamily;
	padding-top: 15px;
	margin-left: 10px;
}
.panelbar__pin-icon {
	width: 36px;
	height: 56px;
	padding-top: 13px;
	float: right;
	border-left: 1px solid #b3b3b3;
	text-align: center;
	font-size: 19px;
}

.pointer {
	cursor: pointer;
}


/** AccessPoint Dashlet CSS Start */

.vr {
	border-left: 1px solid #d5e5eb;
	margin: 0;
}

.ap-label {
	margin-top: 20px;
	font-weight: 300;
	font-size: 20px;
	vertical-align: text-top;
	text-align: center;
}

.ap-info {

	padding: 0;
	font-size: 4em;
	color: #25D0C8;
	font-weight: 300;
	text-align: center;
}

/** AccessPoint Dashlet CSS End */

/** Giving some spaced between divs */
.margin-top-05 {
	margin-top: 0.5em;
}

.margin-top--05 {
	margin-top: -0.5em;
}

.margin-top--10 {
	margin-top: -1.0em;
}
.margin-top--15 {
	margin-top: -1.5em;
}

.margin-top-15 {
	margin-top: 1.5em;
}

.margin-top-20 {
	margin-top: 2.0em;
}

.margin-top-25 {
	margin-top: 2.5em;
}

.margin-top-30 {
	margin-top: 3.0em;
}

.margin-top--30 {
	margin-top: -3.0em;
}

.margin-right-05 {
	margin-right: 0.5em;
}

.margin-right-10 {
	margin-right: 1.0em;
}

.margin-right-15 {
	margin-right: 1.5em;
}

.margin-right-20 {
	margin-right: 2.0em;
}

.margin-right-25 {
	margin-right: 2.5em;
}

.margin-right-30 {
	margin-right: 3.0em;
}

.margin-right-40 {
	margin-right: 4.0em;
}

.margin-left-20 {
	margin-left: 2.0em
}

.margin-left--30 {
	margin-left: -3.0em
}

.margin-left--05 {
	margin-left: -.5em
}

.margin-left-30 {
	margin-left: 3.0em
}

.margin-left-50 {
	margin-left: 5.0em
}

.mobilityReadOnly {
	margin-top: 13px;
}
.mobility-center {
	margin-top: 9px;
	margin-bottom: 9px;
}
.margin-top-10 {
	margin-top: 10px;
}
.margin-left-41px {
	margin-left: -41px;
}
.margin-top-14px {
	margin-top: 14px;
}
.margin-right-07px {
	margin-right: 7px;
}
.mobility-peer-edit-cancel {
	margin-right: -22px;
	margin-bottom: -16px;
}

.mobility-peer-edit-ok {
	margin-right: -175px;
	margin-bottom: -16px;
}

.margin-top-52 {
	margin-top: -58px;
	margin-left: -57px;
}

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

.cursor_hand {
	cursor: pointer;
	text-decoration-color: cornflowerblue;
}

div.k-window {
	width: 360px;
	border: 0;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	.k-window-content {
		border-radius: 2px;
		background-color: @mainBgColor;
		overflow: visible;
		font-size: 17px;
		padding: 0;
		border: 1px solid #526c80;
		border-top: 0;
		margin-top: -2px;
		.modal-title {
			text-align: center;
			font-size: 18px;
		}
	}
	.modal-header {
		border-bottom: 0;
	}
	.modal-body {
		padding: 0;
	}
	.modal-content {
	}

	.label {
		border-bottom: 0;
	}

	.modal-footer {
		border-top: 0;
		margin-top: 0;
		padding-top: 0;
		.btn {
			background-color: transparent;
			border-color: #95afba;
			padding: 7px 10px 6px;
			font-size: 13px;
			color: #2b2228;
			font-weight: @fwBold;
		
			&:focus {
				outline: 0;
			}
		}
	}

	hr {
		margin: 10px 0;
		height: 1px;
		border-top: 1px solid #afc4c9;
		border-bottom: 1px solid #e6f2fa;
	}
	.windowContent {
		background: #fff;
		font-size: 17px;
		padding: 20px;
		label{
			width: 200px;
			text-align: right;
			padding-right: 10px;
		}
		.title {
			font-size: 20px;
			font-weight: 600;
			margin-bottom: 10px;
		}
	}
	.windowButtonContainer {
		background-color: #f7f7f7;
		text-align: right;
		border-top: 1px solid #c5c5c5;
		padding: 10px;
		button{
			background-color: #fff;
			border: 1px solid #526c80;
			color: #526c80;
		}
		button:hover{
			background-color: #edf7ff;
		}
		button:last-child {
			margin-left: 5px;
		}
	}
}

.accordian {
	border-bottom: 1px solid #808080;
}

.multiselectbox {
	width: 200px;
	padding: 0px 5px;
	word-wrap: break-word;
}

.multiselectbox-button {
	margin: 12px 15px;
	text-align: center;
}

select[multiple], select[size] {
    border: 1px solid #A9A9A9;
}

.min-width-52px {
	min-width: 52px;
}

.combo-box-width-network {
	width: 115px;
}

.accordian-container {
	background-color: #ebf6fc;
}

.accordian-apply {
	margin-top: 11px;
	margin-left: -47px;
}

.padding-10px {
	padding: 10px;
}

fieldset {
	color: #000000;
}

.hidden-overflow {
	overflow: hidden;
}

.text-wrap {
	word-break: break-all;
	white-space: normal;
}

/** Giving some spaces between DIVs */

.dashleticon {
	display: inline;
	width: 100%;
	padding-left: 12px;
}

.dashleticon i.fa:hover {
	color: #0096D6 !important;
	cursor: pointer;
}

/*
 Description: CSS Specific to New Look & Feel for grid, tabs and accordian.
*/

/*Kendo tabs related styles*/
.k-tabstrip {
	background-color: #fff;
}

.k-tabstrip .k-tabstrip-items {
	background-color: #fff;
	padding-top: 20px;
	border-bottom: 1px solid #c4c7cc;
	padding: 0;
}

.k-tabstrip .k-tabstrip-items .k-loading {
	border-top: 0;
}

.k-tabstrip .k-tabstrip-items li.k-item {
	padding: 6px 30px;
	cursor: pointer;
}

.k-tabstrip .k-tabstrip-items li {
	border: 1px solid transparent;
	text-align: center;
}

.k-tabstrip .k-content.k-state-active {
	border-left: 0;
	border-color: #fff;
	padding-top: 15px;
}

.k-tabstrip .k-tabstrip-items .k-state-active {
	border-bottom: 4px solid #0096d6;
	margin-bottom: 0;
}

.k-tabstrip .k-tabstrip-items .k-state-hover {
	border-bottom: none !important;
}

.k-tabstrip .k-state-active > .k-link {
	color: #0096d6 !important;
}

.k-tabstrip .k-tabstrip-items .k-state-default .k-link {
	color: #71757f;
	background-color: transparent;
	padding-bottom: 10px;
	height: 18px;
	border: 1px solid #fff;
}

.k-tabstrip .k-tabstrip-items .k-item, .k-tabstrip {
	background-color: #fff !important;
}

.k-tabstrip li.k-state-hover {
	border: 1px solid #fff !important;
	box-shadow: none;
}

.k-tabstrip .control-label {
	text-align: right;
	color: #71757f;
}

.k-tabstrip > .k-content, .k-panelbar .k-tabstrip > .k-content, .k-panelbar .k-panel, .k-panelbar .k-content {
	margin: auto;
	border: 0;
}

.k-content[role="tabpanel"] {
	padding: 15px !important;
}
/*End of Kendo tabs related styles*/

/*Grid related styles*/
.k-grid {
	border-radius: 0;
	border-color: #E6E6E6;
	font-size: @fontSize;
}

.k-grid tr td[role="gridcell"] {
	border: 0;
	padding: 4px .6em 3px .6em;
	line-height: normal;
}

.k-grid tr.k-alt, .k-grid .k-grid-header, .k-grid .k-grid-header .k-header {
	background-color: #f5f5f5;
	border-color: #E6E6E6;
}

.k-grid thead tr {
	line-height: normal;
}

.k-grid tbody tr:hover {
	background-color: #e6e6e6;
}

.k-grid tbody tr.k-state-selected, .k-grid tbody tr.k-state-selected:hover {
	background-color: #B9DCE6;
}

.k-grid .k-pager-wrap, div.k-animation-container form.k-filter-menu {
	background-color: #fff;
}

.k-grid .k-grid-header .k-header {
	padding-top: 7px;
	padding-bottom: 7px;
}

.k-grid .k-pager-wrap {
	border: 0;
}

.k-grid-header .k-header > .k-link, .k-grid-header .k-header {
	line-height: inherit;
	color: @textColor !important;
	font-weight: bold;
}

.k-header > .k-grid-filter, .k-header > .k-header-column-menu {
	right: 3px;
	padding-bottom: 0;
}

.k-grid .k-i-arrow-e, .k-grid .k-i-seek-e, .k-grid .k-i-arrow-w, .k-grid .k-i-seek-w {
	zoom: 1.5;
	height: 17px;
}

.k-grid .k-grid-pager .k-state-disabled .k-icon, .k-grid .k-grid-pager .k-pager-nav[data-page="NaN"] .k-icon {
	opacity: 0.5;
	filter: alpha(opacity=50);
}

.k-grid .k-edit, .k-grid .k-delete, .k-grid .k-filter {
	background: none;
	font: 13px/13px FontAwesome;
	width: 9px;
	height: 13px;
	display: inline-block;
	color: #71757f;
	margin-right: 2px;
}

.k-grid .k-filter:before {
	content: '\f107';
}

div.k-animation-container form.k-filter-menu button.k-button {
	margin-top: 8px;
	color: #fff;
	border-radius: 17px;
	border: none;
}

form.k-filter-menu div button[type~="submit"] {
	background-color: #C7DB5D !important;
}

form.k-filter-menu div button[type~="reset"] {
	background-color: #C4C7CC !important;
}

.k-grid .k-grid-pager .k-link {
	border: 0;
	background-color: #fff !important;
}

.k-grid .k-grid-pager .k-state-selected {
	border: 0;
	font-weight: bold;
	background-color: #fff !important;
}

#memoryUtilizationGrid + .row > div[kendo-chart="memoryUtilization"], #cpuUtilizationGrid + .row > div[kendo-chart="CPUUtilization"] {
	margin-top: 10px;
}
.gridActionButtons{
	overflow: hidden;
}
.gridActionButtons button,
.formActionButtons button {
	margin: 10px 5px 10px 0;
}

.gridActionButtons button:last-child {
	margin-right: 0;
}

.globalActionButton {
	margin-bottom: 10px;
	padding: 5px;
	background-color: #fff;
	text-align: right;
}

.globalActionButton .pull-right {
	float: none !important;
	margin: 0 !important;
	position: none !important;
}

.globalActionButton button {
	margin-right: 5px;
}
.hideEdit td:nth-child(3),.hideEdit td:nth-child(4) ,.hideEdit td:nth-child(0),.hideEdit td:nth-child(1){
  display:none
}
.hideEdit{
	background:white;
}
.removeborderbottom{
	border-bottom:none
}
.hideAclGridRow tr .k-group-cell{
	display:none;
}
.hideEdit td{
	border: 0;
	padding: 4px .6em 3px .6em;
	line-height: normal;
	text-align: center;
	background:white;
}
.hideEdit td:nth-child(8){
	font-weight:bold;
	width:20%;
}
.memoryCPUDashletSpinner{
	line-height: 300px;
	color:#706868;
	text-align:center
}
.cpuUtilization{
	padding: 10px;
	margin: 0;
	border: 1px solid silver;
}
.cpuUtilization {
	width: auto;
    font-size: 14px;
    color: #fff;
    font-weight: 500;
    text-shadow: #000;
    background: #49afcd;
    padding: 3px 11px 4px 11px;
    border: 0 solid #c0c0c0;
    text-align: center;

}
.cpuUtilizationfieldset legend{
	margin-bottom: 0px;
    width: auto;    
    text-shadow: #000;   
    padding: 2px 5px 2px 5px;
    border: 0 solid #c0c0c0;
}
.cpuUtilizationfieldset {
	border: 1px solid #c0c0c0;
    padding: 10px;
}
.memorySlot{
	margin-bottom: 5px;
	margin-top: 4px
}
.memoryCPUContainer{
	padding-right:10px;
	margin-right:5px;
	margin-left:5px
}
.memoryCPUChartHeader{
	padding-top: 10px;
	text-align: center;
	margin-top:-10px
}
#interfaceGrid.k-grid table {
	table-layout: fixed;
}

#interfaceGrid.k-grid td {
	white-space: nowrap;
}

.k-grid .k-state-selected input[type="checkbox"], 
.k-grid .k-state-selected input[type="radio"]{
	background-color: #fff;
	border-radius: 5px;
}

.k-grid .k-grid-toolbar,
.k-grid .k-grouping-row td,
.k-grid td.k-group-cell,
.k-grid .k-resize-handle-inner{
	background-color: #fff;
}

.k-grid input.k-textbox{
width: 90%;
height: auto;
}

/*End of grid related styles*/

/*Accordian pane related styles*/
.panelbar i.icon-chevron:before {
	content: "\f054";
}

.k-panelbar {
	margin-bottom: 5px;
	background-color: #fff;
}

.panel-gradient-blue, .k-panelbar .panelbar__header, .k-panelbar .panel-gradient-blue {
	background: none;
	background-color: #fff;
	border: 0;
	line-height: 32px;
}

.k-panelbar .k-state-active .panelbar__open-icon i.icon-chevron {
	color: #0096D6;
}

.k-panelbar .k-state-default .panelbar__open-icon i.icon-chevron{
	transform: none;
	color: #C4C7CC;
}

.panelbar i.icon-chevron {
	font-family: FontAwesome;
	color: #C4C7CC;
	font-size: 22px;
}
div[ng-controller="APCtrl"].bg-white, div[ng-controller="AAACtrl"].bg-white {
	background: transparent;
}

.k-panelbar .k-state-active .k-content {
	border: 0;
}

.panelbar li > .k-content{
	padding: 15px;
}

.panelbar__header:hover {
	background-color: #EBEBEB;
}

.k-panelbar .panelbar__pin-icon {
	display: none;
}

form[k-options="networkDataValidations"] > div{
	background-color: transparent;
}
.panelbar_li_structure.panelbar,
form[k-options="networkDataValidations"] div ul.panelbar {
	background-color: inherit;
}

.panelbar_li_structure.panelbar li.accordian,
form[k-options="networkDataValidations"] div ul.panelbar li {
	background-color: #fff;
	margin-bottom: 5px;
	border-bottom: 1px solid #ccc !important;
}

[ng-controller="PortsCtrl"] ul.panelbar li.k-item{
	border-bottom: 1px solid #ccc !important;
}

.panelbar .k-content, .panelbar > li.k-item{
	border-bottom: 1px solid #ccc;
}

.accordian-container{
	background: #fff;
}
/*End of accordian pane related styles*/

/*Some General Related to styles*/

div.pageTitle{
	font-size: @pageHeaderFontSize;
	font-family: @pageHeaderFontFamily;
	margin-top: 16px;
	margin-bottom: 10px;
	color: #0095d7;
	text-transform: uppercase;
}

.btn{
	padding: 3px 20px;
	font-size: 16px;
	border-radius: 5px;
	border: 1px solid #006591;
	background-color: #0095d7;
}

.btn-primary:active, 
.btn-primary:focus, 
.btn-primary:hover{
	background-color: #006591;
	color: #fff;
}

.k-button.k-state-disabled,
.k-state-disabled .k-button, 
.k-state-disabled .k-button:hover, 
.k-button.k-state-disabled:hover, 
.k-state-disabled .k-button:active, 
.k-button.k-state-disabled:active,
.btn[disabled]{
	color: #ccc;
	border-color: #ccc;
	background-color: #fbfbfb;
}
.well{
	border: 0;
	background-color: #fff;
	box-shadow: none;
}

.k-tabstrip .k-tabstrip-items .k-link{
	font-size: 15px;
}
textarea{
	resize: none;
}

div[kendo-window="feedbackWindow"] div[ng-include]{
	padding: 10px 0;
	overflow: hidden;
}

form[data-ng-controller="configCliCtrl"] .col-sm-11 label{
	line-height: 14px;
}

form[data-ng-controller="configCliCtrl"] .col-sm-11 label input{
	margin-right: 7px;
	vertical-align: bottom;
}

[ng-controller="RedundancyCtrl"] .row div.col-sm-6:last-child span.label ,[ng-controller="ManagementUtilizationCtrl"] .row > span.label {
	font-weight: @fwBold;
}

h1.main-title .deviceVersion {
	font-size: 12px;
	position: absolute;
}

.input-group-addon .restartDot {
	position: absolute;
	margin-top: -9px;
	margin-left: -10px;
	font-size: 22px;
}

.k-window-titlebar .k-window-action {
	font-family: FontAwesome;
	background: none;
	display: inline-block;
	color: #fff;
}

.k-window-titlebar .k-window-action:before {
	content: '\f00d';
}
.k-window-titlebar {
	background: #526c80;
	position: static;
	height: 22px;
	border-bottom-color: #c5c5c5;
}
.k-window-titlebar .k-icon.k-i-close {
	background: none;
}

div.k-window .k-window-content .well, div.k-window .k-window-content .margin-top-05 {
	margin: 0;
	overflow: hidden;
	padding: 0;
}
.k-window-title {
	font-size: 18px;
	color: #fff;
}
.k-content .k-block, .k-content .k-info-colored {
	border: 0;
	background: inherit;
}

.right .toggle-slider {
	background-color: rgba(211, 211, 211, 0.69);
}

.toggle-slider:after {

	background-color: #fff;
}

.toggle-slider {
	background-color: rgba(11, 132, 20, 0.73);
}


input::-ms-clear {
	display: none;
}

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

.k-widget.k-tooltip-validation,
input.k-textbox {
	font-size: @fontSize;
}
/* End of Some General Related to styles*/

/*For stopping the flickering in accordian pane*/
.panelbar, div[kendo-tab-strip] {
	display: none;
}

.panelbar.k-panelbar, .panelbar.k-tabstrip, div[kendo-tab-strip].k-tabstrip {
	display: block;
	-webkit-box-shadow: none;
	box-shadow: none;
}

/*Toaster/Notification related styles*/

.k-notification {
	border-radius: 5px;
	background: #f9fff9 !important;
	border: 1px solid #bcffbc !important;
}

.k-notification .notification {
	padding: 10px 20px 10px 40px;
}

.k-notification .notification .notiHeader{
	font-size: 21px;
}
.k-notification .notification .notiError .notiHeader{
	color: #c50000;
}

.k-notification .notification .notiSuccess .notiHeader{
	color: #33a335;
}

.k-notification .notification .notiInfo .notiHeader{
	
}

.k-notification .notification .notiWarning .notiHeader{
	
}

.k-notification .notification .notiIcon{
	font: normal normal normal 21px/1 FontAwesome;
	margin-left: -20px;
	margin-right: 5px;
}

.k-notification .notiError.notification .notiIcon:before{
	content: "\f00d";
}

.k-notification .notiSuccess.notification .notiIcon:before{
	content: "\f00c";
}

.k-notification .notiInfo.notification .notiIcon:before{
	content: "\f05a";
}

.k-notification .notiWarning.notification .notiIcon:before{
	content: "\f071";
}

.k-notification .notiMessage{
	color: #858784;
	margin-left: 5px;
}

/*End of Toaster related styles*/

/* Flip Related Styles start here*/
.flip-container {
    perspective: 1000;
}
/* flips the pane when flip-it class is added or removed */
.flip-container .flip-it{
    transform: rotateY(180deg);
}

/* flip speed goes here */
.flipper {
    transition: 1s;
    transform-style: preserve-3d;
    position: relative;
}

.flip-container .front {
    /* hide back of pane during swap */
    backface-visibility: hidden;
    /* front pane, placed above back */
    z-index: 2;
    /* for firefox 31 */
    transform: rotateY(0deg);
}

.flip-container .back {
    backface-visibility: hidden;
    /* back, initially hidden pane */
    transform: rotateY(180deg);
    /*To bring the back pane up after swap*/
    position: absolute;
    top: 0;
    left: 0;
}
/* Flip Related Styles end here*/
/*New Code*/
.panel-custom {
	height: 100%;
	border-color: #C8C7C7 !important;
	border-radius: 0 !important;
	margin-bottom: 0 !important;
}
.panel-custom .panel-body {
	/*padding: 0 !important*/
}
.panel-custom .panel-heading {
	border-radius: 0 !important;
	padding: 8px 15px;
}
.custom-padding-dashlet {
	padding: 5px;
}
.dashlet {
	border: none;
}
.dashlet-gradient {
	background: #fff;
	background: -moz-linear-gradient(top,  #fff 0%, #f0f0f0 100%, #f0f0f0 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#f0f0f0), color-stop(100%,#f0f0f0));
	background: -webkit-linear-gradient(top,  #fff 0%,#f0f0f0 100%,#f0f0f0 100%);
	background: -o-linear-gradient(top,  #fff 0%,#f0f0f0 100%,#f0f0f0 100%);
	background: -ms-linear-gradient(top,  #fff 0%,#f0f0f0 100%,#f0f0f0 100%);
	background: linear-gradient(to bottom,  #fff 0%,#f0f0f0 100%,#f0f0f0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f0f0',GradientType=0 );
}

.animate-all {
	transition: all 0.5s ease;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-perspective: 1000;
	-moz-perspective: 1000;
	-ms-perspective: 1000;
	perspective: 1000;
	transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
}
.fixedHeight {
	height: auto !important;
}
.height130 {
	height: 60px;
}

.dashlet-body {
	position: relative;
}

.custom-row {
	margin: 0 !important;
	overflow: hidden;
}
.chartDiv {
	position: relative;
	width: 96%;
	margin: 0 auto;
}
.panelHeadingCustom {
	border-color: #808080;
	border-bottom: 1px dotted #e7e7e7;
}
.optionsSpan {
	float: right;
	color: gray;
	margin-top: 5px;
}
.height100Percent {
	height: 100% !important
}

.animateTiles {
	transition: all 0.5s cubic-bezier(0.68, -0.55, 0.27, 1.55);
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-perspective: 1000;
	-moz-perspective: 1000;
	-ms-perspective: 1000;
	perspective: 1000;
	transition: all 0.5s cubic-bezier(0.68, -0.55, 0.27, 1.55);
	-webkit-transition: all 0.5s cubic-bezier(0.68, -0.55, 0.27, 1.55);
	-moz-transition: all 0.5s cubic-bezier(0.68, -0.55, 0.27, 1.55);
	-ms-transition: all 0.5s cubic-bezier(0.68, -0.55, 0.27, 1.55);
	-o-transition: all 0.5s cubic-bezier(0.68, -0.55, 0.27, 1.55);
}
.text-align-left{
	text-align:left;
}
.removeDashletContainer{
	text-align: center;
}
.dashletPanelHeader{
	cursor: default;
	color: #645E5E;
	font: bold 15px CiscoSansThin;
}
.updateTimeHeader{
	font: 11px CiscoSansLight;
	margin-top:2px;
	color:gray;
}
.minimizeDiv {
	min-width: 290px;
	display: inline-block;
	margin: 0 auto;
	margin-top: -11px;
	padding-top: 2px;
	padding-right: 12px;
	height: 30px;
	text-align: center;
	border-radius: 5px;
	background: #CAE1E0;
	background: -moz-linear-gradient(top, #e7f0f3 0%, #e7f0f3 100%, #f0f0f0 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e7f0f3), color-stop(100%, #e7f0f3), color-stop(100%, #f0f0f0));
	background: -webkit-linear-gradient(top, #e7f0f3 0%, #e7f0f3 100%, #f0f0f0 100%);
	background: -o-linear-gradient(top, #e7f0f3 0%, #e7f0f3 100%, #f0f0f0 100%);
	background: -ms-linear-gradient(top, #e7f0f3 0%, #e7f0f3 100%, #f0f0f0 100%);
	background: linear-gradient(to bottom, #C9E8E7 0%, #CADCDB 100%, #f0f0f0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E7F0F3', endColorstr='#E7F0F3', GradientType=0);
}
.dashleticon i {
	color: #222222;
	font-size: 20px;
	padding-top: 3px;
}
.hideMinimizeDiv {
	margin-top: -30px;
	opacity: 0;
}
.custom-panel-title i {
	font-size: 1.2em;
	vertical-align: text-bottom;
}
.dashlets {
	/* overflow: hidden;*/
	position: relative !important;
	padding-top: 20px !important;
}
.wirelessHeader {
	font-size: 1.3em;
	padding-top: 15px;
}
.custom-wireless-row {
	margin: 0 auto;
	margin-top: 20px;
	border-bottom: 1px solid #e7e7e7;
}
.colorBlue {
	color: #6aa9c4;
}
.notVisible {
	visibility: hidden;
}
@media screen and (max-width: 777px) {
	.hideAccessTable {
		display: none
	}
}
.placeholderText {
	border: 1px dashed #868080;
	text-align: center;
	line-height: 360px;
	background: #f3f3f3
}
.dropHereSpan{
	color:#645E5E;
	padding: 5px;
	border-radius: 5px;
	font-size:1.2em;
}

.sys-info {
	font-size: 13px;

	div.sys-info-data {
		font-weight: bold;
		word-wrap: break-word;
	}

	div hr {
		margin: 5px 0;
		border-top: 0px solid;
	}

}

.softwareUpgradeContainer {
	.upgradeReloadWindowContent {
		background: #fff;
		font-size: 17px;

		div.confirmationText {
			margin-top: 10px;
			margin-bottom: 5px;
		}

	}
	.loadingContainer {
		position: fixed;
		top: 50%;
		left: 54%;
		color:#706868;
	}
}

.custom-button-group{
	text-align: center;
}
.custom-button-group .btn-default{
	color: #333;
	background-color: #ebebeb;
	border-color: #adadad;
}
.custom-button-group .btn-default:hover{
	color: #333;
	background-color: #ebebeb;
	border-color: #adadad;
}
.custom-button-group .btn-default:hover,.custom-button-group .btn-default:active{
	background: #939596;
	color:white;
}
.custom-button-group .selectedButtonTab{
	background: #31404C !important;
	color:white;
}
.noDataAvc{
	text-align: center;
	font-size: 22px;
	margin: 0 auto;
	width: 450px;
	margin-top: 120px;
}
.addViewMargin{
	margin-top:40px;
	margin-bottom:20px;
}
.avcGridMargin{
	margin-top:20px;
	margin-bottom:20px;
}
.avcViewContainer{
	width:95%;
	margin:0 auto;
}
.wellcustom{
	min-height: 20px;
	padding: 19px;
	margin-bottom: 20px;
	background-color: #f5f5f5;
	border: 1px solid #e3e3e3;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
}

.wanInterfaceAVC {
	font-size: 14px;
	padding: 0.3em;
	padding-bottom: 0.5em;
	cursor: default;
}
.portImageBoxAVC {
	padding: 4px 0px 6.3px 4.5px;
	text-align: center;
	border-radius: 6px;
	display: inline
}
.wanInterfaceAVC .wanIntContent{
	word-break: break-all;
}
.ancherStyle {
	cursor: pointer;
	color: blue;
	text-decoration: underline;
}
.btn-toggle span.active {
	font-weight: 600;
	color: #0096D6;
}
.sectionLabel {
	color: #0096D6;
	border-bottom: 1px solid #0096D6;
}
.listQuad ul{
	padding: 0;
}
.portImageBoxAVC img {
	width:20px;
}
#interfaceTabs{
	min-height:300px;
}

.listQuad {
	border: 1px solid #ebebeb;
	margin-bottom: 20px;
	font-family: "CiscoSansLight";
	width: 400px;
}
.text_help {
	font: italic 14px CiscoSansLight, Arial;
	text-align: left;
	color: #8c8c8c;
	margin-bottom: 10px;
}
#allInterfaceDiv #availableInterfaceDiv, #avcConfiguredListDiv {
	overflow-y: auto;
	overflow-x: hidden;
	height: 300px;
	background-color: white;
}
[ng-drag], [ng-drag-clone]{
	-moz-user-select: -moz-none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
[ng-drag].dragging {
	opacity: 0;
}
.searchContainer{
	padding-right:10px;
	margin-top:-1px;
	width:150px;
	position: relative;
}
.rightTextBoxIcon{
	position: absolute;
	right:15px;
	top:12px;
	z-index: 2;
}
.animateAvcContainer{
	transition: all .2s linear;
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-ms-transition: all .2s linear;
	-o-transition: all .2s linear;
	position: relative;
	left: 0px;
	z-index: 1;
}
.avcAbsoluteAnimate{
	position: absolute;
	width:100%;
}
.scaleOutTb{
	opacity: 0;
	-ms-transform: scale(0.8); /* IE 9 */
	-webkit-transform: scale(0.8); /* Safari */
	transform: scale(0.8);
}
.avcTableContainer{
	position: relative;
}
.animateAvcContainer-ng-hide{
	opacity: 0;
	left: -40px;
	z-index: -1;
}
#searchBoxInputAvailable,#searchBoxInputSelected{
	padding-left: 10px;
	padding-right: 17px;
	height: 23px;
}
.customDashboard{

    background-color: white;

}

.listQuad .header {
	background: #f5f5f5;
	font-weight: 600;
	font-size: 14px;
	padding-left: 10px;
	line-height: 40px;
}

.avctableRow,.avcRow{
	float: left;
	padding-left: 10px;
}
.avcRow{
	margin-bottom: 10px;
}
.avcrowContainer{
	width: 100%;
	margin-left: -10px;
}
.avctableHeader{
	background: #f5f5f5;
	width:100%;
	height:40px;
	margin-left: -10px;
}
.avctableRow:not(:last-child){
	border-right:1px solid #e7e7e7;
}
.avctableRow:nth-child(1), .avcRow:nth-child(1){
	width:55%;
}
.avctableRow:nth-child(2), .avcRow:nth-child(2){
	width:20%;
}
.avctableRow:nth-child(3), .avcRow:nth-child(3){
	width:20%;
}
.avctableRow:nth-child(4), .avcRow:nth-child(4){
	width:5%;
}
.avcRow:nth-child(2),.avcRow:nth-child(3){
	text-align: center;
}

.bottomDialogButtons {
	padding-top: 10px;
	height: 45px;
	margin-right: 15px;
}
.listQuad .content ul li {
	list-style: none;
	padding: 5px;
}
.wanIntContent{
	padding: 8px;
	padding-left: 5px;
	width:100%;
	display: inline;
}
.bottomDialogBar{
	padding: 15px 10px 0px 10px;
	text-align: right;
	width: 100%;
	height: 30px;
}

.chartTitle{
	font-weight: bold;
	height: 30px;
}

.avcTableHeader{
	font: bold 14px CiscoSansLight, Arial;
	padding-top: 12px;
	padding-left: 5px;
}

.avcAlert{
	text-align: center;
	font-size: 18px;
	margin: 0 auto;
	width: 450px;
	margin-top: 120px;
	font-weight: bolder;
	color: #767272;
	margin-bottom: 180px;
	font-family: CiscoSansThin;
}

.avcSpinner{
	line-height: 300px;
	color:#706868
}

.tbMargin{
	margin-top:40px;
	margin-bottom:20px;
}

.tb2Margin{
	margin-top:20px;
	margin-bottom:20px;
}

.customFilterIcon .k-filter:before{
	content: '\f0b0';
}
.dnsUpAndDownDiv{
	float: left;
    height: 70px;
    padding-top: 10px;
    width: 8px;
}

.avcButtons button{
	margin-top:0px
}
.avcButtons button:nth-child(2){
	margin-right:10px
}
.legendForAvc{
	padding-top:10px;
	padding-left:10px;
}
.legendForAvc i:nth-child(1){
	color: #26c977;
}
.legendForAvc i:nth-child(2){
	color: #95a39c;
}
.legendForAvc i:nth-child(3){
	color: #c94926;
}
.fontCiscoSansLight{
	font-family: CiscoSansLight;
}
@media screen and (max-width: 1310px) {
	.hideOnLowRes {
		display: none;
	}
	.row > .marginLowRes:nth-child(2){
		margin-left:0;
	}
	.row > .marginLowRes:nth-child(3){
		margin-left:10%;
	}
	.avcButtons{
		padding-right: 10px;
	}
}
@media screen and (max-width: 1118px) {
	.row > .marginLowRes:nth-child(2){
		margin-left:-40px;
	}
	#allInterfaceDiv{
		width:360px;
	}
}
@media screen and (max-width: 991px) {
	.row > .marginLowRes:nth-child(2){
		margin-left:0;
	}
	.row > .marginLowRes:nth-child(3){
		margin-left:0;
	}
	#allInterfaceDiv{
		width:400px;
	}
}
.monitorLink{
	text-align: right;
	margin-top:-20px;
	margin-bottom:5px;
}
.monitorLink a{
	font-size: 15px;
	text-decoration: underline;
}
.wanInterface {
	float: left;
	font-size: 14px;
	padding: 0.3em 0.3em 0.5em;
}
.portImageBox {
	border-radius: 6px;
	padding: 5px;
	text-align: center;
	transform: scale(0.9);
	width: 35px;
	margin-left: 10px
}
#rowIpv6List {
	border-bottom: 1px dashed #ddd;
	padding-bottom: 2px;
	margin-bottom: 4px;
}
.avcLoader{
	text-align: center;
	line-height: 280px;
}
.avc-wifi{
	color:white;
	font-size:20px;
	vertical-align: bottom
}
.primaryOrSecondryWanContent{
	padding: 8px;
	padding-left: 5px;
	display: inline;
}
.k-widget.k-tooltip{
	color: #575757;
	background: #fefefe;
	background: -webkit-linear-gradient(#fefefe, #e4e5f0);
	background: -o-linear-gradient(#fefefe, #e4e5f0);
	background: -moz-linear-gradient(#fefefe, #e4e5f0);
	background: linear-gradient(#fefefe, #e4e5f0);
	font-family: CiscoSansLight;
	border-color: #CACACA;
}
.k-callout-w{
	border-right-color: #E3DEDE;
}
.k-callout-s{
	border-top-color: #E3DEDE;
}
.k-callout-n{
	border-bottom-color: #E3DEDE;
}
.k-callout-e{
	border-left-color: #E3DEDE;
}
.avcButtons{
	padding-right: 70px;
}
.monitorLinkdashborad{
	text-align: right;
	margin-top:5px;
	margin-bottom:5px;
	margin-right: 10px;
}
.monitorLinkdashborad a{
	font-size: 15px;
	text-decoration: underline;
}
.LastReload{
    	color: #fff;
	font-family: CiscoSansLight, Arial;
	text-shadow: 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background:rgb(40, 170, 215);
	font-size: 10px;
        float: right;
	
    
}
.LastReload td{
	padding: 3px 3px 3px 3px;
	}
.chartTitleAvc{
	font-weight: bold;
	height: 30px;
	margin-bottom: 10px;
}
.dashboardSettings{
	position: absolute;
	top: -39px;
	right: 20px;
	cursor: pointer;
	color: #645e5e;
	padding: 5px 6px;
	border: 1px solid #B2ADAD;
	border-radius: 3px;
}

.dashboardSettings i{
	font-size:18px;
}

.dashlet-customize{
	margin:.5%;
	height:160px !important;
	border:1px solid #9C9898;
	background:white;
	cursor:move;
}

.dashlet-customize .fa-exchange{
	cursor:pointer;
}

.dashlet-customize-1{
	width: 32% !important;
}
.dashlet-customize-2{
	width: 65% !important;
}
.dashlet-customize-3{
	width: 98% !important;
}

.disabledDashlet{
	margin-top:5px;
	width:65%;
	text-align:left
}

.disabledDashlet label{
	font-size:14px;
}

.disabledDashletIcons{
	padding: 7px 5px 3px 5px;
	border: 1px solid #2E3C47;
	display: inline;
	margin-right: 5px;
	cursor:pointer
}
.disabledDashletIcons:hover{
	border-color: #49afcd;
	background:#49afcd;
	color:white;
}
.disabledDashletIcons i{
	font-size:22px;
}

.dashlet-customize-title{
	font-size: 12px;
	font-family: CiscoSansLight;
	border-bottom: 1px solid #9C9898;
	padding: 5px;
	background: whitesmoke;
}
.dashlet-customize-footer{
	font-size:12px;
	font-family: CiscoSansLight;
	padding:4px 5px;
}
.cloneSetting{
	left:-392px !important;
	top:-48px !important;
}

.dashlet-customize.drag-enter{
	border:1px solid #49afcd;
}
.dashlet-customize.drag-enter .dashlet-customize-title{
	background:#49afcd;
	color:white;
}
.arrow_box {
	position: absolute;
	right:-5px;
	top:20px;
	background: #ffffff;
	border: 1px solid #9e9e9e;
}
.arrow_box:after, .arrow_box:before {
	bottom: 100%;
	left: 92%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #ffffff;
	border-width: 5px;
	margin-left: -5px;
}
.arrow_box:before {
	border-color: rgba(158, 158, 158, 0);
	border-bottom-color: #9e9e9e;
	border-width: 6px;
	margin-left: -6px;
}
.swapListDashboard{
	padding:5px;
	cursor:pointer;
	margin-bottom:0
}
.swapListDashboard li{
	list-style:none;
	padding:3px;
}
.swapListDashboard li:hover{
	background:#e7e7e7;
}
.swapListDashboard li i{
	font-size:12px;
	padding-right:3px;
}
.swapListDashboard li:not(:last-child){
	border-bottom: 1px dashed #e7e7e7;
}
.topHeaderWindow{
	margin-top:-6px;
	margin-right:1%
}
.topHeaderWindow .text_help{
	margin-bottom:3px
}

.topHeaderWindow a{
	font-size:12px;
	text-decoration:underline
}

.customDashletContainer{
	height:510px;
	overflow-y:auto;
	margin-top:-5px;
}
.customDashletImgSize{
	width:100%;
	height:100px
}

.swipeHeader{
	margin-top:4px;
	margin-left:5px;
	text-decoration:underline
}

.infoView{
	word-break: break-all;
	font-family: CiscoSansLight;
	padding: 0px 10px;
	margin-bottom: 5px;
}

.infoTitle{
	font: bold 12px CiscoSansLight, Arial;
	padding: 0px 10px;
	color: #0096D6;
	margin-top:3px;
}

.rowStyle:not(:last-child){
	border-bottom: 1px dashed #e7e7e7;
}

.iconClass i{
	font-size: 16px;
	padding-top: 7px;
}
.iconContainer{
	position: absolute;
	width: 30px;
	height: 30px;
	border: 1px solid #B8B6B6;
	border-radius: 40px;
	text-align: center;
	color: #50D39C;
	left: 55%;
	top: 5px;
}
.rowStyle:nth-child(even){
	background: #FCFCFC;
}

.action-checkbox {
    float: left;
    width: 2em;
    display: inline-block;
    margin-top: 1em
}
.sysInfoContent{
	width:100%;
	overflow-x: hidden;
	overflow-y: auto;
	padding-top:3px;
	height: 345px;
}
.bigIcon {
    font-size: 20px;
}
.k-grid.polarisGrid .k-button-icontext .k-icon{
    background: none;
    font-family: FontAwesome;
    font-size: 17px;
    display: inline-block;
    width: 17px;
    height: 17px;
    line-height: 17px;
}

.k-grid.polarisGrid .k-button-icontext .k-icon.k-edit:before{
    content: "\f040";
}

.k-grid.polarisGrid .k-button-icontext .k-icon.k-update:before{
    content: "\f00c";
}

.k-grid.polarisGrid .k-button-icontext .k-icon.k-cancel:before{
    content: "\f0e2";
}
.fieldinput-center {
	text-align: center;
}
.fieldinput-right {
	text-align: right;
}

#logsGrid .k-grid-content{
   height: 270px;
   overflow-y: auto;
}

.critical {
  color: #f00;
}

div.editSection{
	margin-top: 30px;
	.title{
		font-size: @pageEditSectionFontSize;
		font-family: @pageHeaderFontFamily;
		margin-bottom: 20px;
		color: #0095d7;
		text-transform: uppercase;
		border-bottom: 1px solid #c4c7cc;
	}
}
/* Ntp Server*/
.custom-checkbox .k-checkbox-label::before{
	position:absolute;
	width: 1.25em;
	height: 1.25em;
	font-size: 1.25em;
	line-height: 1.25em;
}
.custom-checkbox input{
	z-index:-9999;
}
.custom-checkbox .k-checkbox-label{
	position: absolute;
	left:1em;
	top:0.2em;
}
.padding-left-zero{
	padding-left:0px !important;
}
.custom-radio > div{
	margin-bottom:10px;
}
.custom-radio .k-radio-label::before{
	width: 16px;
	height: 16px;
}
.custom-radio label.k-radio-label{
	line-height:1.5;
	padding-left: 2em;
}
.custom-radio .k-radio:checked + .k-radio-label::after{
	width: 11px;
	height: 11px;
	top: 4px;
	left: 4px;
}

#snmpTabTrip .k-tabstrip-items .k-state-active
{
      border-color: #fff #fff #0096d6 !important;
}

.txtBold{
	color: #2f5254;
	font-size: 16px;
	padding: 0 0 4px;
	font-weight: normal;
	border-radius: 0;
	display: inline-block;
	margin-top: 18px;
}

.mrB100{
	padding-bottom:100px;
}

.portIntimationContainer{
	height: 50px;
}
#portsGrid .ng-scope, .switchContainer .status{
    cursor: pointer;
}
.switchContainer .uplinkPortLabel, .dashlet .status{
	cursor: default;
}

#gauge-container {
     text-align: center;
     margin: 0 auto;
     background: transparent url("../images/linear-gauge-container.png") no-repeat 50% 50%;
     background-size:30% 100%;
     padding: 18px;
     width: 260px;
     height: 240px;
  }
 #gauge {
     height: 210px;
     display: inline-block;
     *display: inline;
     zoom: 1;
 }
.pd0{
	padding: 0px;
}
.nostyle{
	list-style-type: none
}
.pdL0{
	padding-left: 0px;
}

.defaultSwitch{
	border:1px solid lightgray;
}

.selectSwitch{
	border:3px solid black !important;
}

.white-bg{
	background:#ffffff !important;
	padding-top: 56px;
}
.redCross{
    color: red;
    font-size: 21px;
}
.empSpace{
	width:45px;
}
.toolTop{
	line-height: 25px;
}

.k-loading-image{
    background: url(../../lib/kendo/styles/Bootstrap/loading.gif) no-repeat;
    width:20px;
    height:20px;
}
.pdR0{
	padding-right:0px;
}
.mrL_72{
	margin-left: -72px;
}
.mrL_53{
	margin-left: -53px;
}

.fa-check-circle{
    vertical-align: top;
    font-size: 21px;
    color: green;
}                
.fa-times-circle{
    color: red;
    font-size: 21px;
}
.fa-ban{
    font-size: 21px;
}
.k-dropdown{
	min-width:155px;
    width:auto !important;
}
#samplerRangeContainer span.k-tooltip{
	width:auto;
	margin-top: 2.0em;
}
.k-list-container{
	min-width:155px;
	width:auto !important;
}
