/*
 * Base structure
 */

/* Move down content because we have a fixed navbar that is 50px tall */
body {
  padding-top: 50px;
}

/*
 * Global add-ons
 */

.sub-header {
  padding-bottom: 10px;
  border-bottom: 1px solid #eee;
}


/*
 * Sidebar
 */

/* Hide for mobile, show later */
.sidebar {
  display: none;
}
@media (min-width: 768px) {
  .sidebar {
    position: fixed;
    top: 51px;
    bottom: 0;
    left: 0;
    z-index: 1000;
    display: block;
    padding: 20px;
    overflow-x: hidden;
    overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
    background-color: #f5f5f5;
    border-right: 1px solid #eee;
  }
}

/* Sidebar navigation */
.nav-sidebar {
  margin-right: -21px; /* 20px padding + 1px border */
  margin-bottom: 20px;
  margin-left: -20px;
}
.nav-sidebar > li > a {
  padding-right: 20px;
  padding-left: 20px;
}
.nav-sidebar > .active > a {
  color: #fff;
  background-color: #428bca;
}


/*
 * Main content
 */

.main {
  padding: 20px;
}
@media (min-width: 768px) {
  .main {
    padding-right: 40px;
    padding-left: 40px;
  }
}
.main .page-header {
  margin-top: 0;
}


/*
 * Placeholder dashboard ideas
 */

.placeholders {
  margin-bottom: 30px;
  text-align: center;
}
.placeholders h4 {
  margin-bottom: 0;
}
.placeholder {
  margin-bottom: 20px;
}
.placeholder img {
  display: inline-block;
  border-radius: 50%;
}

.navbar-default {
	/* background-color: #f8f8f8;
    border-bottom-color: #e7e7e7;
    border-left-color: #e7e7e7;
    border-right-color: #e7e7e7;
    border-top-color: #e7e7e7; */

    background-color: #b4d8ef;
    border-bottom-color: #373737;
    border-left-color: #373737;
    border-right-color: #373737;
    border-top-color: #373737;
    
    /* background-color: #F3F5FE;
    border-bottom-color: #FFF;
    border-left-color: #FFF;
    border-right-color: #FFF;
    border-top-color: #FFF; */
    
    
}
.navbar-default .navbar-brand {
	color: #ffffff;	
	font-size: 18px;
}
.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > a:hover{
	color: #000;	
	font-size: 16px;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
	background-color: #b4d8ef !important;
	color: #000 !important;
}

.navbar-nav .open .dropdown-menu {
	background-color: #FFF !important;
	max-height: 400px;
	/*commented for Report Menu to change group wise reports sub menu on 26/03/2021 by Durgadevi*/
	 /* overflow-y: auto;  */
} 

.navbar-nav .open .dropdown-menu li:hover {
	background-color: #b4d8ef;
	color: #000;
}
.navbar-nav .open .dropdown-menu li:hover a span {
	color: #000;
}	

@media (min-width: 768px) {
	.horMenu {
		position: fixed;
	    top: 10px;
	    left: 250px;
	}
}

h1 {
	font-size: 20px !important;
}

.singleLine {
    text-wrap:none;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.ui-inputfield, .ui-widget-content .ui-inputfield, .ui-widget-header .ui-inputfield {
	font-size: 11px !important;
}
.ui-panel .ui-panel-titlebar {
	padding-top: 0px !important;
}

.ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button {
	height: 25px;
}
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
	font-size: 11px !important;
}

#ui-datepicker-div {
	font-size: 11px !important;
}
.ui-selectonemenu-panel .ui-selectonemenu-item {
	font-size: 11px;
}

#salesdashboard_content, #admindashboard_content {
	border: 0px solid #FFF !important;
	background-color: #FFF !important;
}

.ui-widget-content {
	background-image:none;	
}

.ui-dashboard-column {
	padding-bottom: 0px !important;
}

.panelBottom {
	margin-bottom: 15px;
}

.height70 {
	min-height: 70px;	
}

.height430 {
	min-height: 430px;	
}

.height400 {
	min-height: 400px;
}

.height510 {
	min-height: 510px;	
}

.ui-widget-header {
	color: #000;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {
	background-color: #fff !important;
	background-image: none !important;
}

.ui-selectonemenu-items .ui-selectonemenu-list-item:HOVER {
	background-color: #b4d8ef !important;
	color: #000 !important;
}

@media (max-width: 768px) {
	.ui-fluid {
		margin-top: 50px;
	}
	.noTopGp {
		margin-top: 0px !important;
	}
	.reducedCustDDWidth {
		min-width: 300px !important;
		width: 300px !important;
	}	
}

.ui-panel-content {
	margin-top: 0 !important;
}

.dropdown-menu {
	font-size: 12px !important;
} 

.reducedWidth {
	min-width: 100px !important;
}

/* .ui-picklist {
	display:inline-block;	
}
*/
/*.ui-picklist > div {
	display: none !important;	
}*/

/* .ui-picklist-list {
	width: auto !important;
	min-width: 50px !important;
}
 */
 
/* @media (min-width: 640px) {
	 .ui-picklist-list {
		width: 250px !important;
	}
} */

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
	font-size: 10px !important;
} 
.ui-column-title {
	font-weight: bolder;
}
.loginclass{
	margin-top:0px!important;
}

.kraftDiv {
	position: absolute; 
	left: 350; 
	top: 180; 
	width: 250; 
	color: #FFFFFF; 
	border-top: 2px solid #ffffff; 
	border-left: 2px solid #ffffff; 
	DFborder-right: 2px solid #808080; 
	border-bottom: 2px solid #808080; 
	background: #d8cfc8; 
	visibility: hidden; 
	text-align: center
}

.kraftDiv2 {
	height: 18; 
	font-size: 12; 
	text-align: left; 
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#FF005500', EndColorStr='#FF00ff00')
}

.subtitle {
	color: #000 !important;
}

/* @media (min-height: 600px) {
	 .minHeight {
		height: 200px !important;
	}
} */


@media (min-width:600px) {
	.custSummaryData {
		width: 70%;
	}
}

.inletGrid.ui-panelgrid>*>tr,
.inletGrid.ui-panelgrid .ui-panelgrid-cell {
	 border: none;
} 

@media (max-width:600px) {
	.groupImg, .groupImg img {
		width: 0px;
		height: 0px;
	}
	
	.loginBlock {
		width: 100% !important;
	}
}

.loginGuide {
	margin-left: 10%; 
	color: red; 
	font-size: 11pt; 
	font-weight: bold;
	text-align: center;
}

.loginGuide a {
	color: blue !important;
	text-decoration: underline;
}


.loginLinks {
	cursor:pointer;
	text-decoration: underline;
	font-weight: bold;
	color: #405774 !important;
}

@media (min-height:600px) {
	.heightAdjust{
		height: 100px;
	}
}
.BottomLinks {
	color: #405774 !important;
    font-size: 10pt;
    font-weight: 800;
    letter-spacing: 0.2px;
    text-decoration-color: -moz-use-text-color;
    text-decoration-line: underline;
    text-decoration-style: solid;
}

.copyright {
	-x-system-font: none;
    font-family: arial;
    font-feature-settings: normal;
    font-kerning: auto;
    font-language-override: normal;
    font-size: 10px;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-synthesis: weight style;
    font-variant-alternates: normal;
    font-variant-caps: normal;
    font-variant-east-asian: normal;
    font-variant-ligatures: normal;
    font-variant-numeric: normal;
    font-variant-position: normal;
    font-weight: normal;
    letter-spacing: 0.2px;
    line-height: normal;
    padding-bottom: 3px;
    padding-left: 15px;
    padding-right: 3px;
    padding-top: 3px;
}
.ui-panelgrid .ui-grid-responsive .ui-grid-row {
	border-top-width: 0 !important;
}

.bgcolor {
	background-color: #f5f7ff !important;
}

.loginScr {
	background-color: #FFF;
	padding-top: 0 !important;
}

.loginLabel {
	color: #4a0025;
    font-family: Bookman Old Style,monospace;
    font-size: 10pt;
    font-weight: bold;
}

.ui-panel-titlebar-icon {
	margin-top: 0.4em !important;
}


/****** current loggined in User style in header.xhtml */
#currentUser {
	text-align: right;
	width: 100%;
	padding-right: 20px;
} 

@media (min-width: 768px) {
	#currentUser {
		position: fixed;
		top: 10px;
	}
}

.ui-autocomplete-input.ui-autocomplete-dd-input, .ui-fluid .ui-autocomplete, .ui-fluid .ui-autocomplete-input {
	background-color: #FFFACD; 
}

.contactUser tr td {
	padding: 10px;
	vertical-align: top;
}

.mandatoryBgColor, .mandatoryBgColor:hover, .mandatoryBgColor:focus  {
	background-color: #c8c8c8 !important;
}