/** 
Basware 8.0 Theme
containrs.css
**/

:root{
    --theme-light:          #00a9ce;
    --theme-medium-light: 	#00a9ce;
    --theme-medium-dark:    #195b8a;
    --theme-dark:           #195b8a;

    --adhoc-field:          #4cbcdb;
    --adhoc-field-text:     #0295bd;
    --adhoc-measure-light:  #c9e696;
    --adhoc-measure-dark:   #83af35;
    --adhoc-measure-text:   #5e8c08;

    --background-white:     #ffffff;
    --background-grey-02:   #fafafa;
    --background-grey-03:   #f7f7f7;
    --background-grey-04:   #f4f4f4;
    --background-grey-08:   #ebebeb;
    --background-grey-10:   #e4e4e4;
    --background-grey-16:   #d6d6d6;
    --background-grey-20:   #cccccc;
    --background-grey-29:   #b5b5b5;
    --background-grey-40:   #999999;

    --border-white:         #ffffff;
    --border-grey-06:       #f0f0f0;
    --border-grey-10:       #e4e4e4;
    --border-grey-13:       #dedede;
    --border-grey-16:       #d6d6d6;
    --border-grey-20:       #cccccc;
    --border-grey-29:       #b5b5b5;
    --border-grey-40:       #999999;
    --border-grey-60:       #666666;

}

.banner {
	background-color: var(--theme-medium-light);
	border-bottom: 1px solid #fff;
	height: 60px;
}

/** pagespecific*/
#loginPage #loginForm {
	background: #fff;
    border: none;
    float: right;
    width: 55%;
}

#loginPage {
    background: none;
}

#loginPage .login {
	width: 100%;
	margin: 0px;
}
#loginForm .devices {
	background-image: url(images/login_devices.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-size: 400px;
    height: 175px;
    margin: 20px auto;
    width: 400px;
}

#loginPage #copy {
	display: none;
}
#loginPage #loginForm .action.primary {
	width: auto;
	float: left;
}

#loginPage #loginForm .inputSection h2 {
	float: left;
}

#loginPage #loginForm legend
{
	float: left;
}
#loginForm .inputSection {
	width: 360px;
}
/** theme.css **/

#logo {
	background-image: url(images/logo.png);
	height: 54px;
    width: 148px;
    margin: 3px 4px 0 9px;
}

#frame  {
	top: 60px;
}
.workflowsTitle {
	font-size: 20px;
    padding-bottom: 30px;
    text-align: center;
}

#loginPage #loginForm fieldset label .wrap, #loginPage #loginForm fieldset label {
	color: #666;
}
.list > li > .wrap.pressed, .list > li.selected > .wrap, .list > li.selected > .wrap.over {
    background-color: var(--theme-medium-light);
}

.workflow-actions .button.action.view {
	display: block;
}
.jr-mTree-node.jr-isSelected.jr, .jr-mTree-leaf.jr-isSelected.jr, .jr-mButtonPrimary.jr {
	 background-color: var(--theme-medium-dark);
}

.jr-mButtonPrimary.jr-isHovered[disabled].jr, .jr-mButtonPrimary.jr[disabled]:hover {
	background-color: var(--theme-medium-light);
}

.jr-mButtonPrimary.jr-isHovered.jr, .jr-mButtonPrimary.jr:hover, .jr-mButtonPrimary.jr:focus {
	background-color: var(--theme-medium-light);
}

#home_user .column.decorated.primary > .content > .body, .column.decorated.home > .content > .body
 {
    background-color: var(--background-white) !important;
    
}

#home_admin .homeMain .workflow-actions .button.action.view, #home_user .workflow-actions .button.action.view{
	display: inline-block !important;
}
 
/**
 #home_admin .workflow-icon-adhocview, .workflow-icon-report, .workflow-icon-dashboard, .workflow-icon-datasource, .workflow-icon-domain, .workflow-icon-admin {
	position: absolute;
}

 #home_user .workflow-icon-adhocview, .workflow-icon-report, .workflow-icon-dashboard, .workflow-icon-datasource, .workflow-icon-domain, .workflow-icon-admin {
	position: absolute;
}

 #home_admin .workflow,  #home_user .workflow {
	display: inline-block;
    width: 50%;
    padding: 0 36px 0 0;
    height: auto;
	border: 0px;
	border-radius: 0px;
	box-shadow: none;
	margin-bottom: 48px;
	
}
  #home_admin .workflow-title,  #home_user .workflow-title {
	     font-size: 20px;
    font-weight: normal;
    line-height: 1.4em !important;
    margin-bottom: 3px;
    margin-left: 86px;
    line-height: 1.15em;
 }
 
  #home_admin .workflow-description, #home_user .workflow-description {
	font-size: 12px;
    line-height: 1.5;
    margin: 2px 0 6px 87px;
 } 
 
  #home_admin .workflow-container, .workflow-textblock {
	 display: block;
 }
 
 #home_user .workflow-container, .workflow-textblock {
	 display: block;
 }
 
 
 #home_admin .workflow-actions .button.action.view, #home_admin .workflow-actions .button.action.primary,  #home_user .workflow-actions .button.action.view, #home_user .workflow-actions .button.action.primary {
    width: auto !important;
    display: inline-block;
    margin-right: 5px;
    min-height: 28px;
    padding: 0 15px 0 0;
    text-align: center;
    text-decoration: none;
}

#home_user .column.decorated.primary > .content > .body, .column.decorated.home > .content > .body {
	background-color: var(--background-white);
}
/** buttons.css **/
/*
.action.primary {
	background-color: var(--theme-medium-dark);;
}

.action.primary.over,
.action.primary.pressed {
	background-color: var(--theme-medium-light) !important;
}

.workflow-actions .button.action.view {
	display: block;
}




.menu.primaryNav .wrap.over, .menu.primaryNav .wrap.pressed {
	background-color: transparent;
}

.menu.vertical li > .wrap.over, .menu.vertical li > .wrap.pressed {
    background-color: var(--theme-medium-light);
}*/