/* 
This file exists in multiple places and should be kept consistent across all of them;

  o ESS_NGQ_QUARANTINE\ngq-base\ngq-ui\branding\templates
  o ESS_NGQ_QUARANTINE\ngq-base\ngq-ui\web\css\default
  o ESS_NGQ_QUARANTINE\ngq-base\ngq-ui\web\css\localhost
  o ESS_Ansible/blob/feature-ngq-ui-25-2/quarantineui/roles/states/configured/files/brand.css
*/

.ngq-navbar-branded {
	border-bottom: 1px solid #aaaaaa;
	height: 42px; 
	background-color: #e7e7e7;
}

.ngq-navbar-logged-in-user {
	background-color: #e7e7e7;
	margin-top : 12px;
	margin-right : 10px;	
}
.ngq-navbar-logged-in-user > a {
	color: #6c6c6c !important;  
}
.logged-in-user {
	background-color: #e7e7e7;
	border-top: none;
	margin-top : 10px;
	margin-right : -12px;
	
}
.logged-in-user > li > a {
	padding: 4px !important;
}

.logged-in-user > li > select,label{
	margin-left : 4px;
}


.ngq-navbar-branded .ngq-navbar-nav label{
    color: #6c6c6c; 	
}
	
.ngq-navbar-branded .ngq-navbar-nav>li>a {
	color: #6c6c6c;
}

.sidebar-collapse {
	background-color: #213C60;
}

.action-dropdown {
	background-color: #213C60;
    border-right: 1px solid white;
}

.action-dropdown .fixed-select {
	width : 200px;
	margin : 5px;
	border : 1px solid #6c6c6c;
}

.action-dropdown >li>a {
    color: #6c6c6c !important;
    cursor: pointer;    
}

.action-dropdown >li>a:hover {
    color: white !important;
    cursor: pointer;
    background-color: #213C60;    
}	
	

#pageslide {
	background-color: #213C60;
	border-right: 1px solid #aaaaaa;
}

#pageslide .nav>li>a {
	color: white;
	padding: 15px;
}

#pageslide .logged-in-user-name {
    color: white !important;
}

.current {
	color: white !important;
	font-weight: bold;
	background-color: #00a4b7; 
}

#pageslide .nav>li>a:hover {
	background-color: #00a4b7; 
}

.tc {
	display: block;
	margin-top: 22px;
}

.brand-login-top {	
	min-height: 65px;
	margin-left: 20px;
	padding-top: 0;
	height : 100%;
		
	/* Change the below if you need the background colour changed */
	border: 1px solid #e7e7e7;
	border-bottom: none;		
	/*background-color: #e7e7e7;*/
}
.botton-gray {
	border-bottom: 1px solid #5c5c5c;
}
.brand-logo {
	width: 65px;
	margin-top: 12px;
}

.brand-footer-logo {
	margin-top: 12px;
	width: 100px;
}

@media ( max-width : 800px) {
    
    .brand-logo {
        width: 50px;
        margin-top: 12px;
        display:block;
        float : left;
    }
    .tc {
        display: block;
        margin-top: 22px;
        font-size : 11px;
    }
    
    
    	
}


.branding-text {
	/*background-color: #e7e7e7;*/
	/*color: white;*/
}