@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'proxima_nova_regular-webfont';
    src: url('../fonts/proxima_nova_regular-webfont.eot');
    src: url('../fonts/proxima_nova_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/proxima_nova_regular-webfont.woff2') format('woff2'),
         url('../fonts/proxima_nova_regular-webfont.woff') format('woff'),
         url('../fonts/proxima_nova_regular-webfont.ttf') format('truetype'),
         url('../fonts/proxima_nova_regular-webfont.svg#proxima_nova_regular-webfont') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'proximanova-light-webfont';
    src: url('../fonts/proximanova-light-webfont.eot');
    src: url('../fonts/proximanova-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/proximanova-light-webfont.woff2') format('woff2'),
         url('../fonts/proximanova-light-webfont.woff') format('woff'),
         url('../fonts/proximanova-light-webfont.ttf') format('truetype'),
         url('../fonts/proximanova-light-webfont.svg#proximanova-light-webfont') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {
	font-family: 'Open Sans', sans-serif;
	background:#273142;
}

ul {
	margin-left:0px;
}

h1,h2,h3,h4,h5,h6 {
	font-family: 'proxima_nova_regular-webfont';
	color:#ffffff;
}

label,p {
	
}

a {
	
}

span {
	
}

.button {
	
}

.row {
	max-width:73.125em;
}

/* Header Style */
#header {
	width:100%;
	background:#30373d;
	float:left;
}

#header a.logo {
	margin-top:12px;
	float:left;
}

#header ul {
	margin-bottom:0px;
}

#header ul li {
	list-style:none;
	border-right:1px solid #111315;
	float:left;
}

#header ul li:last-child {
	border:none;
}

#header ul li a {
	line-height:60px;
	color:#ffffff;
	font-size:15px;
	padding:0px 15px;
	display:inline-block;
	font-family: 'proxima_nova_regular-webfont';
	border-bottom:3px solid #30373d;
}

#header ul li a:hover ,#header ul li.active a{
	background:#2c516d;
	border-bottom:3px solid #256193;
}

#header ul.right-side {
	float:left;
	width:100%;
}

#header ul.right-side li {
	float:left;
	list-style:none;
	border:none;
}

#header ul.right-side li a span {
	background:#276293;
	color:#ffffff;
	line-height:19px;
	width:19px;
	border-radius:100%;
	text-align:center;
	margin-left: -5px;
	margin-top: 14px;
	float: right;
}

#header ul.right-side li a {
	padding:0px 11px;
}

#header .dropdown.button, button.dropdown {
	background:none;
	outline:0;
	font-family: 'proxima_nova_regular-webfont';
	margin-bottom:0px;
	font-size:16px;
	padding: 10px 16px 10px 17px;
}

#header .dropdown.button span {
	font-size:14px;
	color:#ffffff;
	font-family: 'proximanova-light-webfont';
	font-weight:300;
}

#header .dropdown.button::after, button.dropdown::after {
	margin-top:-12px;
	right:-2px;
}

#header .f-dropdown li a {
	float:left;
	width:100%;
	border:none;
}

#header .f-dropdown li {
	float:left;
	width:100%;
	border:none;
}

#header .f-dropdown.open {
	background:#30373d;
}

/*dashboard*/
#dashboard {
	float:left;
	width:100%;
	padding:7px 0px;
	background:#264d71;
}

#dashboard h4 {
	font-size:24px;
}

#dashboard a.button {
	background:#2f3943 url(../images/dwonload.png) 6% center no-repeat;
	border-radius:4px;
	line-height:32px;
	padding: 0px 25px 0px 35px;
	margin-bottom:0px;
	margin-top:6px;
}

/*content*/
#content {
	float:left;
	width:100%;
	background:#273142;
	padding-top:18px;
	padding-bottom:100px;
}

#content .MyPanel {
	float:left;
	width:100%;
	background:#1b2431;
	padding:20px 0px;
}

#content .panel {
	padding:0px;
	border:none;
}

#content .panel .hover-box {
	float:left;
	width:100%;
	cursor:pointer;
}

#content .panel .details-new {
	float:left;
	width:100%;
	padding:10px 0px;
}

#content .panel .hover-box:hover .details-new {
	float:left;
	width:100%;
	/*background:#223f5b ;*/
}

#content .panel .hover-box:hover  ul li {
	background:#223f5b ;
}

.onhoverdash.active {
    background-color: #1bbf89 !important;
    transition: background 0.1s ease;
}

.onhovererror.active{
    background-color: #DB524B !important;
    transition: background 0.1s ease;
}

.onhoverwarning.active{
    background-color: #f69f08 !important;
    transition: background 0.1s ease;
}

#content .panel .hover-box {
	background:transparent !important;
}

#content .onhoverdash .details-new {
    background-color: #1bbf89;
    transition: background 0.1s ease;
}

#content .onhovererror .details-new {
    background-color: #DB524B;
    transition: background 0.1s ease;
}

#content .onhoverwarning .details-new {
    background-color: #f69f08;
    transition: background 0.1s ease;
}

#content .panel h4 {
	font-size:19px;
	color:#ffffff;
	margin-top:0px;
}

#content .panel ul {
	margin-bottom:0px;
	margin-top:20px;
	float:left;
	width:100%;
}

#content .panel ul li {
	list-style:none;
	display:inline-block;
	color:#ffffff;
	font-size:14px;
	font-family: 'proxima_nova_regular-webfont';
	background:rgba(38,48,65,0.9);
	padding:5px 9px;
	border-radius:4px;
}

#content .panel ul li span {
	float:left;
	margin-right:15px;
	line-height:16px;
}

#content .accordion {
	background:#1b2431;
	padding-top:5px;
}

.accordion .accordion-navigation > .content.active, .accordion dd > .content.active {
	background:#1b2431;
	font-size:16px;
	font-family: 'proxima_nova_regular-webfont';
	color:#ffffff;
	float:left;
	width:100%;
}

#content .accordion p {
	font-size:14px;
	font-family: 'proxima_nova_regular-webfont';
	color:#ffffff;
}

#content .accordion .p-right {
	padding-right:50px;
	padding-top:15px;
}

.accordion .accordion-navigation, .accordion dd {
	float:left;
	width:100%;
}

.accordion .accordion-navigation > a:hover, .accordion dd > a:hover {
	background:#223f5b url(../images/dwon-arrow.png) 98% center no-repeat;
}

.accordion .accordion-navigation.active > a, .accordion dd.active > a {
	background:#223f5b url(../images/up-arrow.png) 98% center no-repeat;
}

.accordion .accordion-navigation > a, .accordion dd > a {
	background:#223f5b url(../images/dwon-arrow.png) 98% center no-repeat;
	color:#ffffff;
	font-size:16px;
	font-family: 'proxima_nova_regular-webfont';
	border-bottom:3px solid #1b3248;
}

.accordion .accordion-navigation > a.border-none {
	border:none;
}

#content .affected {
	float:left;
	width:100%;
	background:#1d2a3b;
	padding: 15px 0px 0px 0px;
	margin-top:20px;
}

#content .affected h3 {
	font-size:19px;
}

#content .affected table {
	width:100%;
	background:#1b2431;
	border:1px solid #30373d;
	border-spacing: 0px;
	margin-bottom:5px;
}

#content .affected table th {
	color:#ffffff;
	font-size:14px;
	font-family: 'proxima_nova_regular-webfont';
	border-right:1px solid #30373d;
	width:370px;
}

table tr.even, table tr.alt, table tr:nth-of-type(even) {
	background:none;
	width:370px;
}

#content .affected table img {
	margin-left:10px;
}

#content .affected table a {
	float:right;
}

#content .affected table tr {
	border-bottom:1px solid #30373d;
	float:left;
	width:100%;
}

#content .affected table tr td {
	font-size:14px;
	color:#ffffff;
	width:370px;
	border-right:1px solid #30373d;
}

table thead {
	background:none;
}



/** Login Pages Style **/
#login {
	float:left;
	width:100%;
	background:#1b2431;
	height:100%;
} 

#login .tableRow {
	width:100%;
	height:100%;
	display: table;
	vertical-align: middle;
}

#login .tableCell {
	width:100%;
	height:100%;
	display:table-cell;
	vertical-align:middle;
}

#login form {
	float:left;
	width:100%;
	border:1px solid #326594;
	background:#264d71;
}

#login form h3{
	font-size:24px;
	background:#41526d;
	line-height:56px;
	color:#d0d9e6;
	margin:0px;
	font-weight:300;
	border-bottom:1px solid #326594;
}

#login .panel {
	float:left;
	width:100%;
	background:none;
	border:none;
	margin-top:25px;
	padding:0px 30px;
}

#login .panel .details {
	float:left;
	width:100%;
	padding:20px 30px;
	border-bottom:1px solid #dfe3e9;
	position:relative;
}

#login .panel .details .field {
	float:left;
	width:100%;
}

#login .panel .details .field label {
	font-size:14px;
	color:#d0d9e6;
	margin-bottom:4px;
	text-align:left;
}

#login .panel .details .field input[type="text"] {
	width:100%;
	border:none;
	height:46px;
	background:#fff url(../images/mail-box.png) 96% center no-repeat;
	border-radius:4px;
	padding-left:15px;
}

#login .panel .details .field input[type="password"] {
	width:100%;
	border:none;
	height:46px;
	background:#fff url(../images/lock.png) 96% center no-repeat;
	border-radius:4px;
	padding-left:15px;
}

#login .panel .details .field input[type="submit"] {
	width:100%;
	border:none;
	height:45px;
	text-align:center;
	background:#0d86bf;
	font-family: 'proxima_nova_regular-webfont';
	font-size:14px;
	color:#fff;
	outline:0;
	cursor:pointer;
	border-radius:4px;
	margin-bottom:20px;
}

#login .panel .details .field ::-webkit-input-placeholder {
	color:#354052;
	font-family: 'proxima_nova_regular-webfont';
	font-weight:600;
}

#login .panel .forget {
	float:left;
	width:100%;
	padding-bottom:30px;
}

#login .panel .forget span {
	color:#7f8ea3;
	font-size:14px;
	background:#264d71;
	display:inline-block;
	position:relative;
	top:-18px;
	padding:5px 18px;
}

#login .panel .forget h6 {
	font-size:14px;
	color:#d0d9e6;
}

#login .panel .forget h6 a {
	font-size:14px;
	color:#d0d9e6;
	text-decoration:underline;
}


/* ======= New Css Changes ====== */

.centeredcol {
	padding-left:20px;
	padding-right:20px;
}

.panel .panel-body {
	padding:10px 15px;
	border-radius:4px;
}

.centeredcol .panel .panel-body {
	padding:5px 15px;
}

.panel.panel-filled .panel-body {
	padding:10px 15px;
	border-radius:4px;
}

.centeredcol .panel.panel-filled .panel-body {
	padding:5px 15px;
}
/*
.alldashboard:hover .panel .panel-body {
	background:grey;
}*/

.dashboard.onhoverdash, .okcount.onhoverdash, .warningcount.onhoverdash, .errorcount.onhoverdash  {
	background-color:grey;
    transition: background 0.4s ease;
}


/* Small Screens*//* max-width 640px, mobile-only styles, use when QAing mobile issues */
@media only screen and (max-width:40em) {

#login .panel {
	padding:0px 0px;
}

#login form h3 {
	font-size:18px;
}

#login .panel .details {
	padding:10px 10px;
}

#header a.logo {
	float:none;
}

#header {
	padding:20px 0px;
}

#header ul li {
	float:none;
	display:inline-block;
	border:none;
}

#header ul li a {
	font-size:12px;
	padding:0px 3px;
}

#header ul li a:hover {
	background:none;
	border:none;
}

#dashboard a.button {
	width:100%;
	padding:0px 0px;
	font-size:9px;
}

#dashboard h4 {
	font-size:16px;
}

.accordion .accordion-navigation > a, .accordion dd > a {
	font-size:14px;
}

}

/* Medium Screens *//* min-width 641px, medium screens */
@media only screen and (min-width:40.0625em) and (max-width:64em) {

	
}

/* Large Screens *//* min-width 1025px, large screens */
@media only screen and (min-width:64.0625em) and (max-width:73.0625em) {

#header ul li a {
	padding:0px 10px;
}

#header ul.right-side li a {
	padding:0px 5px;
}
	
}

/* XLarge Screens *//* min-width 1441px, xlarge screens */
@media only screen and (min-width:90.0625em) and (max-width:120em) {
	
}

/* XXLarge screens *//* min-width 1921px, xxlarge screens */
@media only screen and (min-width:120.063em) and (max-width:120em) {
	
}

#content #box1.active1, #content #box2.active1, #content #box3.active1, #content #box4.active1 {
    background-color: #1bbf89 !important;
    transition: background 0.4s ease;
}

#content .panel ul li.onhoverwarning:hover {
    background-color: #f69f08 !important;
    transition: background 0.4s ease;
}

#content #box1.active2, #content #box2.active2, #content #box3.active2, #content #box4.active2 {
    background-color: #f69f08 !important;
    transition: background 0.4s ease;
}

#content .panel ul li.onhovererror:hover {
    background-color: #DB524B !important;
    transition: background 0.4s ease;
}

#content #box1.active3, #content #box2.active3, #content #box3.active3, #content #box4.active3 {
    background-color: #DB524B !important;
    transition: background 0.4s ease;
}