/* Minification failed. Returning unminified contents.
(9,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(36,14): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(39,14): run-time error CSS1039: Token not allowed after unary operator: '-purple'
(43,14): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(48,14): run-time error CSS1039: Token not allowed after unary operator: '-purple'
(73,22): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(74,21): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(79,22): run-time error CSS1039: Token not allowed after unary operator: '-purple'
(80,21): run-time error CSS1039: Token not allowed after unary operator: '-purple'
(83,22): run-time error CSS1039: Token not allowed after unary operator: '-darkpurple'
(88,22): run-time error CSS1039: Token not allowed after unary operator: '-purple'
(98,14): run-time error CSS1039: Token not allowed after unary operator: '-purple'
(105,17): run-time error CSS1039: Token not allowed after unary operator: '-purple'
(118,20): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(118,64): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(118,80): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(122,20): run-time error CSS1039: Token not allowed after unary operator: '-purple'
(122,66): run-time error CSS1039: Token not allowed after unary operator: '-purple'
(122,84): run-time error CSS1039: Token not allowed after unary operator: '-purple'
(165,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(166,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(193,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-color'
(213,25): run-time error CSS1039: Token not allowed after unary operator: '-purple'
(227,26): run-time error CSS1039: Token not allowed after unary operator: '-purple'
(246,25): run-time error CSS1039: Token not allowed after unary operator: '-purple'
(256,25): run-time error CSS1039: Token not allowed after unary operator: '-purple'
(283,14): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(309,25): run-time error CSS1039: Token not allowed after unary operator: '-purple'
(315,28): run-time error CSS1039: Token not allowed after unary operator: '-purple'
(344,28): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(349,25): run-time error CSS1039: Token not allowed after unary operator: '-purple'
(354,28): run-time error CSS1039: Token not allowed after unary operator: '-rowsecond'
(358,25): run-time error CSS1039: Token not allowed after unary operator: '-rowhover'
(364,24): run-time error CSS1039: Token not allowed after unary operator: '-rowselected'
(370,28): run-time error CSS1039: Token not allowed after unary operator: '-rowchecked'
(375,28): run-time error CSS1039: Token not allowed after unary operator: '-purple'
(379,25): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(393,25): run-time error CSS1039: Token not allowed after unary operator: '-purple'
(397,14): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(414,22): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(418,22): run-time error CSS1039: Token not allowed after unary operator: '-purple'
(434,25): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(438,22): run-time error CSS1039: Token not allowed after unary operator: '-purple'
(446,25): run-time error CSS1039: Token not allowed after unary operator: '-purple'
 */
/*---------------------------------------------------------
 * User Customizable CSS
 
/* 23.10.2024 CSRC 
	fixed: 
	Support for bootstrap v5.3 
 ---------------------------------------------------------*/
:root {
  --purple: #c0167b;
  --blue: #0062c2;
  --darkpurple: #932666;
  --rowsecond: rgba(0, 98, 194, 0.08);
  --rowchecked: #D2E6FB;
  --rowhover: #c0167b61;
  --rowselected: #9cceff;
}

/*************************************************
    Background image
**************************************************/
.login {
	background-color: #001D42 !important;
	background: url(../../../CSRCWebApp/Content/Images/login/background_mfp.png) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

/*************************************************
    Bootstrap components 
*************************************************/

/* Link color */
a, a:visited {
	color: var(--blue);
}	
a:hover, a:active {
	color: var(--purple);
}	

.login a, .login a:visited{
	color: var(--blue);
	text-decoration:none;
}	

.login a:hover, .login a:active {
	color: var(--purple);
	text-decoration: underline;
}	

.maintenance a, .maintenance a:visited, .maintenance a:focus{ 
	text-decoration:none !important; 
 } 

.login .cc-compliance a{
	color: white;
	text-decoration: none !important;
}

.login .cc-compliance a:hover, a:active{
	color: white;
	text-decoration: underline !important;
}

.login .cc-window .cc-message a{
	color: white;
	text-decoration: underline !important;
}

/* Bootstrap primary stype for buttons */
.btn-primary {
    background: var(--blue);
	border-color: var(--blue);
}

.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .open > .dropdown-toggle.btn-primary {
    text-decoration: none;
    background: var(--purple);
	border-color: var(--purple) !important;
}
.btn-primary:active, .btn-primary.active {
    background: var(--darkpurple);
}

.btn-default:hover, .open > .dropdown-toggle.btn-default {
    color: white !important;
    background: var(--purple) !important;
}

.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
	color: grey;
	border-color: #ccc;
}

/* Bootstrap nav tabs */
.nav > li > a:hover, .nav > li > a:focus {
	color: var(--purple);
	background-color: transparent;
}

.nav-tabs .nav-item .nav-link.active,
.nav-tabs .nav-item .nav-link.active:hover,
.nav-tabs .nav-item .nav-link.active:focus {
    color: var(--purple);
    font-weight: 600;
}

/* Added for remove the pl-0 and mr-3 influence but work after 1098px * 953px */
.navbar-expand-lg .navbar-nav .nav-link{
	margin-Right:0px !important;
	padding-Left:15px !important;
	padding-right:15px;
}

/* change color of list boxes */
option:checked {
  background: var(--blue) -webkit-linear-gradient(bottom, var(--blue) 0%, var(--blue) 100%);
  color: white;
}
option:hover {
  background: var(--purple) -webkit-linear-gradient(bottom, var(--purple) 0%, var(--purple) 100%); 
  color: white;
}

/************************************************
    Login Screen
*************************************************/

/* hide hr below CSRC version */
#formLogin > hr {
	display: none;
}

#formLogin .mt-5 {
	 margin-top: 10px !important;
}

/* normalize username and password input */
#UserName, #Password {
	height: 26px;
	color: #555;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
	-o-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;
}

/* full div holding footer tables */
.login .support-browser {
	border: none!important;
	overflow-y: auto;
	padding: 0px;
}
.login .support-browser, .login footer {
	margin-bottom: 0px;
}

/* Changed the text-color and backgound color */
.login .support-browser .table{
	--bs-table-bg: transparent;
    --bs-table-color: lightgray;
}

.login .support-browser .table .label{
    display: inline;
    padding: 0.2em 0.6em 0.3em;
    font-size: 75%;
    font-weight: 700;
    color: #fff;
    border-radius: 0.25em;
}

.login .support-browser .table .label-success {
    background-color: #5cb85c;
}

.login .support-browser .table .label-danger {
    background-color: #d9534f;
}

.login .support-browser .table th, 
.login .support-browser .table td {
    padding: 5px;
	border-style: none !important;
}

.login .support-browser .table tr {
	border-top: 1px solid var(--bs-border-color);

}

/* Login white box */
.login .form {
	margin-top: 10px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}

/* Increase space between sign-in button and date format textbox */
/* Increase border radius */
.login .form .form-group #SignIn{
	margin-top: 1rem !important;
}

/* System Error message above login */
.validation-summary-errors {
	color: white !important;
	background-color: var(--purple);
	border-radius: 5px;
	font-weight: normal;
	margin-top: 5px;
}
    .validation-summary-errors > ul > li {
        list-style-type: none;
	text-align: center;
    }


/* text input error messages right from input */
.text-danger.field-validation-error {
  color: white !important;
  background-color: var(--purple);
  border-radius: 5px;
  margin-left:3px;
}

.login .form .form-group .text-danger {
  flex: 0 0 auto !important;
  max-width: none !important;
  height:21px;
  width: auto !important;
  padding-left: 4px !important;
  padding-right: 5px !important;
  margin-left:3px;
}

/* Login Error message above login (Invalid user id or password)*/	
.offset-1.col-10.support-browser {
	color: white;
	border-radius: 5px;
	background-color: var(--purple);
	padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 14px;
}

.login #formForgotPassword .col-10.support-browser,
.login #formResetPassword .col-10.support-browser{
	color: white;
	border-radius: 5px;
	background-color: var(--purple);
	padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 14px;
}

/*input box size issue fixed */
.login #formResetPassword .col-5
{
    max-height: 27px !important;
}

/* sign-in button */
#SignIn {
    width: 25%;
    height: 40px;
}

/************************************************
    header, main menu
*************************************************/
.navbar-default {
    background: white;
}

/* header, main menu text color main menu items */
.navbar-light .navbar-nav .nav-link {
	color: var(--blue);
	font-weight: 600;
	text-transform: uppercase;
}
/* main menu "username" right side */
ul.nav.navbar-right > li.dropdown > a.dropdown-toggle {
	text-transform: none;
	font-weight: normal;
}
/***********************************************
    Fixes hidden filter when long usernames in right navbar menu
************************************************/	  
@media only screen and (min-width: 1130px) and (max-width: 1330px) {
  /*hides username */
	ul.nav.navbar-right > li.dropdown > a.dropdown-toggle 
	{
		height: 40px;
		width: 40px;
		overflow: hidden;
	}

}

/* main menu item on hover */
.navbar-light .navbar-nav .nav-item .nav-link:hover, .navbar-light .navbar-nav .nav-item .nav-link:focus {
	color: white;
	background-color: var(--purple);
}

/* main sub menu item hover */
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    color: white !important;
    background-color: var(--purple);
}

/* CSRC logo */
.navbar-brand > img {
	display: block;
	height: 40px;
	margin-right:20px;
}

.navbar-brand {
	margin-right:0px !important;
}

/* better shadow */
.dropdown-menu {
	box-shadow: 10px 10px 12px rgba(2, 2, 2, 0.31);
}

.dropdown-menu .dropdown-item{ 
	color: #212529; 
 }

/**********************************************
    Device Grid
    Colour of rows
***********************************************/
/*    Device Grid    Grid header   */
.dxgvHeader_MetropolisBlueFocuse {
    background-color: var(--blue) !important;
    color: white;
}
/* Device Grid cloumn hover */
.dxgvHeader_MetropolisBlueFocuse:hover {
	background-color: var(--purple) !important;
	color: white;
}
/* every 2nd. row color */
.dxgvDataRowAlt_MetropolisBlueFocuse {
    background-color: var(--rowsecond);
}
/*row mouse hover*/
.dxgvDataRow_MetropolisBlueFocuse:hover {
	background-color: var(--rowhover);
	color: black!important;
}

/*current selected row*/
.dxgvFocusedRow_MetropolisBlueFocuse {
background-color: var(--rowselected);
    /* color: white; */
    color: #000;
}
/*checkmarked rows*/
.dxgvSelectedRow_MetropolisBlueFocuse {
    background-color: var(--rowchecked);
}

/* paging button */
.dxpLite_MetropolisBlueFocuse .dxp-num:hover {
    background-color: var(--purple);
	color:white;
}
.dxpLite_MetropolisBlueFocuse .dxp-current {
	background-color: var(--blue) !important;
}

/*************************************************
    lower pane
    sub menu
**************************************************/
/* View menu pane */
#DivDetailViewMenu.row.dynamic-menu {
    background: white;
}
/* lower panel view top menu item hover */
#DivDetailViewMenu.row.dynamic-menu > ul.nav.nav-tabs > li > a:hover {
	color: white !important;
	background-color: var(--purple);
}
/* Inactive tabs */
#DivDetailViewMenu.row.dynamic-menu > ul.nav.nav-tabs > li > a.dropdown-toggle {
	color: var(--blue);
}

/*	Reload icon in lower list */
a#ReloadDetailsList {
    /* color: white; */
}
a#ReloadDetailsList:hover {
    color: #000;
}


/********************************************
    Left pane
    Customer tree
*********************************************/
.jstree-default .jstree-clicked {
    background: var(--blue);
    color: white;
}
.jstree-default:hover .jstree-anchor:hover {
    background: var(--purple);
    color: white;
}



/*********************************************
    Right pane
    alarms table every 2nd row
**********************************************/
.table-striped > tbody > tr:nth-child(2n+1) {
    background-color: rgba(132, 192, 251, 0.10) !important;
    color: #000;
}

.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
	background-color: var(--blue);
}

.nav-pills > li > a:hover {
    background: var(--purple);
    color: white;
}

/***********************************************
    Splitter for resizing
************************************************/	  
.dxsplVSeparatorHover_MetropolisBlueFocuse, .dxsplHSeparatorHover_MetropolisBlueFocuse, .dxsplVSeparatorButtonHover_MetropolisBlueFocuse, .dxsplHSeparatorButtonHover_MetropolisBlueFocuse {
	background-color: var(--purple);
}