/*------ BOOTSTRAP STYLES ------*/
/*quick notifs*/
.bg-wizzard-level-1
{
    background-color: #7e7e7e;
    border: solid #5e5e5e 2px;
}
.bg-wizzard-level-1.mb-2 {
    background-image: url(/qcadooView/public/css/core/images/wizzard_border.png);
    background-repeat: no-repeat;
}
.bg-wizzard-level-2
{
    background-color: #7e7e7e;
    border: solid #5e5e5e 2px;
}
.bg-wizzard-level-2.mb-2 {
    background-image: url(/qcadooView/public/css/core/images/wizzard_border.png);
    background-repeat: no-repeat;
}
.bg-wizzard-level-3
{
    background-color: #7e7e7e;
    border: solid #5e5e5e 2px;
}
.bg-wizzard-level-3.mb-2 {
    background-image: url(/qcadooView/public/css/core/images/wizzard_border.png);
    background-repeat: no-repeat;
}
.bg-wizzard-level-4
{
    background-color: #7e7e7e;
    border: solid #5e5e5e 2px;
}
.bg-wizzard-level-4.mb-2 {
    background-image: url(/qcadooView/public/css/core/images/wizzard_border.png);
    background-repeat: no-repeat;
}
.bg-wizzard-level-5
{
    background-color: #7e7e7e;
    border: solid #5e5e5e 2px;
}
.bg-wizzard-level-5.mb-2 {
    background-image: url(/qcadooView/public/css/core/images/wizzard_border.png);
    background-repeat: no-repeat;
}
.btn-wizzard
{
    color: #fff;
    background-color: #7e7e7e;
    border: solid #5e5e5e 2px;
}
.btn-wizzard:hover
{
    color: #fff;
    background-color: #6e6e6e;
    border: solid #5e5e5e 2px;
}
.badge-primary
{
    background-color: #6e6e6e;  
}

/*------ PRIVACY POLICY CONFIRMATION STYLES ------*/
#privacyPolicyConfirmation #header {
  padding: 5px 10px;
  border-bottom: solid #ffe2e2 1px;
  border-color: #ec1c24;
  background-color: #ffe2e2;
  color: #ec1c24;
  text-align: center;
}
#privacyPolicyConfirmation #header #headerText {
  display: inline-block;
  font-weight: bold;
}

#privacyPolicyConfirmation #content {
  padding: 20px;
  text-align: center;
  background-color: #eaeaea;
  width: 700px;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}

#privacyPolicyConfirmation #content #infoWrapper {
  margin: 20px;
}

#privacyPolicyConfirmation #content #privacyPolicyLinkWrapper {
  margin: 20px;
}

#privacyPolicyConfirmation #content #privacyPolicyLinkWrapper #privacyPolicyLink {
  text-decoration: none;
}

#privacyPolicyConfirmation #content #confirmationCheckboxWrapper {
  margin: 20px;
}

#privacyPolicyConfirmation #content #closeButtonWrapper {
  margin: 20px;
}

#loginFormExtender #privacyPolicyLink {
  text-align: center;
  width: 100%;
  margin-bottom: 20px;
  display: inline-block;
  color: #005ec5;
  font-family: 'Lucida Grande',Arial bold, Arial, Helvetica, sans-serif;
  font-size: 11px;
  text-decoration: none;
}

#privacyPolicyConfirmation #closeButtonWrapper #closeButton
{
  text-decoration: none;
  text-align: center;
  display: block;
  margin: auto;  
}

/*------ NO ACCESS PAGE STYLES ------*/
#noAccessPage #closeButtonWrapper #closeButton
{
  text-decoration: none;
  text-align: center;
}
#noAccessPage #header {
  padding: 2px 10px;
  border-bottom: solid #a7a7a7 2px;
  margin-top: 120px;
  margin-bottom: 10px;
  font-size: 45px;
  font-weight: normal;
  color: white;
  text-align: center;		
}
#noAccessPage #header #headerText {
  display: inline-block;
}
#noAccessPage #content {
  padding: 20px;
  margin: auto;
  margin-top: 20px;
  margin-bottom: 80px;
  text-align: center;
  font-size: 20px;
}

/*------ LICENCE LIMIT EXCEEDED STYLES ------*/
#licenceLimitExceededLink
{
  color: white;
}
#licenceLimitExceeded #closeButtonWrapper #closeButton
{
  text-decoration: none;
  text-align: center;
}
#licenceLimitExceeded #header {
  padding: 2px 10px;
  border-bottom: solid #a7a7a7 2px;
  margin-top: 120px;
  margin-bottom: 10px;
  font-size: 45px;
  font-weight: normal;
  color: white;
  text-align: center;		
}
#licenceLimitExceeded #header #headerText {
  display: inline-block;
}
#licenceLimitExceeded #content {
  padding: 20px;
  margin: auto;
  margin-top: 20px;
  margin-bottom: 80px;
  text-align: center;
  font-size: 20px;
}

/*------ LOGIN STYLES ------*/
#privacyPolicyConfirmation #closeButtonWrapper #closeButton,
#noAccessPage #closeButtonWrapper #closeButton,
#licenceLimitExceeded #closeButtonWrapper #closeButton,
#loginForm #loginButtonWrapper #loginButton,
#passwordResetForm #passwordResetButtonWrapper #passwordResetButton,
#passwordChangeForm #passwordChangeButtonWrapper #passwordChangeButton
{
	/*CUSTOMIZABLE: login button*/
  width: 120px;
  height: 37px;
	background-image: none;
	background-position: initial;
	background-repeat: initial;
  background: #ffd602;
}
#privacyPolicyConfirmation #closeButtonWrapper #closeButton:hover,
#noAccessPage #closeButtonWrapper #closeButton:hover,
#licenceLimitExceeded #closeButtonWrapper #closeButton:hover,
#loginForm #loginButtonWrapper #loginButton:hover,
#passwordResetForm #passwordResetButtonWrapper #passwordResetButton:hover,
#passwordChangeForm #passwordChangeButtonWrapper #passwordChangeButton:hover
{
	/*CUSTOMIZABLE: login button hover*/
  background: #ffe666;
}
#privacyPolicyConfirmation #closeButtonWrapper #closeButton span,
#noAccessPage #closeButtonWrapper #closeButton span,
#licenceLimitExceeded #closeButtonWrapper #closeButton span,
#loginForm #loginButtonWrapper #loginButton span,
#passwordResetForm #passwordResetButtonWrapper #passwordResetButton span,
#passwordChangeForm #passwordChangeButtonWrapper #passwordChangeButton span
{
	/*CUSTOMIZABLE: login button text*/
  line-height: 37px;
  color: #3e3e40;
  font-family: "Lucida Grande",Arial bold, Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: bold;
  margin-left: 0px;
  display: block;
  text-align: center;
}
#loginContentWrapper {
    background-color: #fafafa;
}

/*------ DASHBOARD STYLES ------*/
.dashboardContentWrapper {
  background: #eaeaea !important; /*CUSTOMIZABLE: color of background for dashboard, the "!important" declaration is used because ".dashboardContentWrapper" class is defined inside style block of dashboard.jsp */
}
.tile-title {
	color:#3e3e40; /*CUSTOMIZABLE: default color of text for dashboard tile title*/
}
.tile-description {
	color:#3e3e40; /*CUSTOMIZABLE: default color of text for dashboard tile description*/
}
.btn-tile {
	background-color: #ffd602; /*CUSTOMIZABLE: color of background for dashboard tiles*/
  border: 3px solid #ffd602; /*CUSTOMIZABLE: color of background for dashboard tiles*/
}
.btn-tile:hover {
  border: 3px solid #3e3e40; /*CUSTOMIZABLE: color of border for hoverd dashboard tiles*/
}

/*------ GRIDSTYLES ------*/
.gridContainer .gridLink
{
  color: #777777;  
}
.qGridContainer .gridLink 
{
  color: #777777;  
}

/*------ FORM STYLES ------*/
/*--border line colors--*/
.gridLayoutTable > tbody > tr > td.rightBorder {
  border-right: solid #cfcfcf 1px;
}
.borderLayout {
  margin: 20px 10px;
  border: solid #cfcfcf 1px;
}
.smallLayoutContainer .smallLayoutHeader .smallLayoutHeaderItem {
	border: solid #cfcfcf 1px;
}
.smallLayoutContainer .smallLayoutContent .smallLayoutContentItem {
	border: solid #cfcfcf 1px;
}
.awesomeDynamicList {
	border: solid #cfcfcf 1px;
}
.awesomeDynamicList.hasButtons .awesomeListLine .awesomeListFormContainer {
	border-right: solid #cfcfcf 1px;
}
.awesomeListLine {
	border-bottom: solid #cfcfcf 1px;
}
.awesomeDynamicList.hasButtons .awesomeDynamicListHeader {
	border-right: solid #cfcfcf 1px;
}
.awesomeDynamicListHeader {
	border-bottom: solid #cfcfcf 1px;
	background-image: none;
	background-position: initial;
	background-repeat: initial;
}
div.windowContent div.contextualHelpButton.withBorder {
	border-bottom: 1px solid #cfcfcf;
}
.separatorLine {
	color: #cfcfcf;
	border-color: #cfcfcf;
	background-color: #cfcfcf;
}
.windowContainer .windowContent .windowHeader {
	border-bottom: 1px solid #cfcfcf;
}
.windowContainer .tabWindowHeader.noTabs {
	border-bottom: 1px solid #cfcfcf;
}
.windowContainer .windowTabs {
	border-bottom: solid #cfcfcf 1px;
}
.windowContainer .windowTabs div a {
	border-top: solid #cfcfcf 1px;
	border-left: solid #cfcfcf 1px;
	border-right: solid #cfcfcf 1px;
}
/*--font color--*/
.component_form_element .labelbox {
  color: #3e3e3e;
}
.windowContainer .windowContent .windowHeader span {
	color: #3e3e3e;
}
.windowContainer .tabWindowHeader span {
	color: #3e3e3e;
}
.borderLayoutLabel {
    color: #4e4e4e;
}
/*--fields--*/
.component_container_form_x {
	background-image: none;
	background-position: initial;
	background-repeat: initial;
}
.component_container_form_y {
	background-image: none;
	background-position: initial;
	background-repeat: initial;
}
.component_container_form_inner input[type='text'], .component_container_form_inner input[type='password'], .component_container_form_inner textarea, .component_container_form_inner select, .component_container_form_w select, .component_container_form_inner .fileValueWrapper {
	background-image: none;
	background-position: initial;
	background-repeat: initial;
}
.grid_paging input[type='text'] {
	background-image: none;
	background-position: initial;
	background-repeat: initial;
}
.component_container_form_w select {
  padding-top: 1px;
  padding-left: 1px;
}
/*--help description--*/
.description_message {
  border: 1px solid #4e4e4e;  
}
.description_message span {
  background-image: none;
  background-color: #5e5e5e;  
}
 
/*------ MENU STYLES ------*/
#mainPageIframeWrapper {
  background: #eaeaea; /*CUSTOMIZABLE: color of background for empty page - visible during switching between menu options */
}

#q_row1_out {
	background-color: #3e3e3e; /*CUSTOMIZABLE: color of background for menu level1*/
}

#secondLevelMenuWrapper {
	background-color: #ffd602; /*CUSTOMIZABLE: color of background for menu level2*/
}

#menuLogo {
	/*CUSTOMIZABLE: logo background*/
	background-color: #3e3e3e;
}
#q_row3_out_container {
	/*CUSTOMIZABLE: ribbon background*/
	height:70px;
	font-family: Arial, Helvetica, sans-serif;	
	background-image: none;
	background-position: initial;
	background-repeat: initial;
	background-color: #eaeaea;
  overflow: hidden;  
}
.ribbonGroupsDropdown {
	background-color: #eaeaea;  /*CUSTOMIZABLE: color of background for ribbon*/
}
#q_row3_out_container #q_row3_out_tabs {
	/*CUSTOMIZABLE: tab ribbon background*/
  background: #e0e0e0;
	background-image: none;
	background-position: initial;
	background-repeat: initial;
}
#q_row3_out_container #q_row3_out_tabs_left > div{
	/*CUSTOMIZABLE: tab ribbon left background*/
	background-image: none;
	background-position: initial;
	background-repeat: initial;
}
#q_row3_out_container #q_row3_out_tabs_right > div {
	/*CUSTOMIZABLE: tab ribbon right background*/
	background-image: none;
	background-position: initial;
	background-repeat: initial;
}

.tabWindowRibbon #q_row4_out {
  /*CUSTOMIZABLE: ribbon shadow*/
	background-image: none;
	background-position: initial;
	background-repeat: initial;
	height: 0px;
	//width: 0px;
}

ul.q_row1 {
	margin: 0px 0px 0px; /*CUSTOMIZABLE: top margin of menu level1*/
	font-size:12px;
	font-weight:bold;
	font-family:"Lucida Grande",Arial, Helvetica, sans-serif;
	color:#cfcfcf; /*CUSTOMIZABLE: color of text for menu level1*/
}
ul.q_row1 li a {
	color:#cfcfcf; /*CUSTOMIZABLE: color of text for menu level1*/
}
ul.q_row1 li:hover {
  background-color: #5d5d5d; /*CUSTOMIZABLE: color of backgroud for hover menu level1*/
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}
ul.q_row1 li:hover a {
	color: #cfcfcf; /*CUSTOMIZABLE: color of text for hover menu level1*/
}
ul.q_row1 li:hover a span {
	color: #cfcfcf; /*CUSTOMIZABLE: color of text for hover menu level1*/
}
ul.q_row1 li.activ {
	background-color: #ffd602; /*CUSTOMIZABLE: color of backgroud active menu level1*/
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}
ul.q_row1 li.activ a {
	color: #3e3e40; /*CUSTOMIZABLE: color of text for active menu level1 */
}
ul.q_row1 li.activ a span {
	color: #3e3e40; /*CUSTOMIZABLE: color of text for active menu level1 */
}

ul.q_row2 {
	font-size:11px;
	font-weight:normal;
	font-family: "Lucida Grande",Arial, Helvetica, sans-serif;
	color:#3e3e40; /*CUSTOMIZABLE: color of text for menu level2*/
}
ul.q_row2 li a {
	color:#3e3e40; /*CUSTOMIZABLE: color of text for menu level2*/
}
ul.q_row2 li:hover {
  background-color: #eaeaea; /*CUSTOMIZABLE: color of backgroud for hover menu level2*/
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}
ul.q_row2 li:hover a {
	color:#0e0e0e; /*CUSTOMIZABLE: color of text for hover menu level2*/
}
ul.q_row2 li:hover a span {
	color:#0e0e0e; /*CUSTOMIZABLE: color of text for hover menu level2*/
}
ul.q_row2 li.activ {
	background-color: #eaeaea; /*CUSTOMIZABLE: color of backgroud active menu level2*/
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}
ul.q_row2 li.activ a {
	color:#0e0e0e; /*CUSTOMIZABLE: color of text for active menu level2*/
}
ul.q_row2 li.activ a span {
	color:#0e0e0e; /*CUSTOMIZABLE: color of text for active menu level2*/
}

.ribbonMenu {
	margin-right: 5px; /*CUSTOMIZABLE: margin for ribbon group*/
  margin-top: 3px; /*CUSTOMIZABLE: margin for ribbon group*/
  margin-bottom: 1px; /*CUSTOMIZABLE: margin for ribbon group*/
	font-size:11px;
	border: 1px solid lightgray; /*CUSTOMIZABLE: border for ribbon group*/
	border-radius: 5px; /*CUSTOMIZABLE: border for ribbon group*/
}
.ribbon_title {
	font-size:10px;
	color:#777; /*CUSTOMIZABLE: color of text for ribbon group name*/
	background-color:#eaeaea; /*CUSTOMIZABLE: color of background for ribbon group name*/
}
.enabled ul.ribbonListElement li:hover > a {
	background-color: #f6f6f6; /*CUSTOMIZABLE: color of background for ribbon hover*/
	border-radius: 5px;
}
ul.ribbon_list li.btnOne.enabled:hover a span  {
	background-color: #f6f6f6; /*CUSTOMIZABLE: color of background for small ribbon hover*/
	border-radius: 5px;
}
.ribbon_content .btnOne.enabled .description_message,
.ribbon_content .enabled .ribbonListElement .description_message {
	border-color: #4e4e4e; /*CUSTOMIZABLE: color of border of description messege for ribbon elements*/
}

/*multiSearchDialog*/
#multiSearchDialog {
  font-family: "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
  font-size: 12px;
}

#multiSearchDialog .matchText {
  margin-left: 15px;
}

#multiSearchDialog .ui-widget-content {
  background-color: #fafafa;
}

/*grid with auto value warrping*/
.ui-jqgrid tr.jqgrow td {
   white-space: normal;
   word-break: break-word;
}