/* -------------------------------------------- */
/* Transity: Contracts */
/* Version: 2.32 */
/* -------------------------------------------- */
/* Created by @twotribes, Germany */
/* -------------------------------------------- */
/* Browser Scope: ALL */
/* StyleSheet Scope: ACTOR DESIGN */
/* !-------------------------------------------- */

/* !======================================================================================== */
/* !ACTOR DEFINITIONS: Inner layout & styling, some viewport-dependent adaptions */
/* !======================================================================================== */

/* !-------------------------------------------- */
/* !ACTOR: Overlay blocker */
/* !EXPRESSIONS: <none> */
/* !-------------------------------------------- */

#actor-blocker {
    background: rgba(0,0,0,0.8) url("./img/progressbar_infinite.gif") center no-repeat;
}

/* !-------------------------------------------- */
/* !ACTOR: Authentication */
/* !EXPRESSIONS: <none> */
/* !-------------------------------------------- */

/* --- Basic actor layout */
#actor-authentication {
background: #ccc url("./img/background_login.jpg") 0 0 no-repeat;
background-size: cover;
}

#actor-authentication .actor-head {
border-top: 15px solid rgba(0,122,122,0.66);
background: rgba(0,0,0,0.5);
padding: 50px 0 10px 30%;
margin-top: 50px;
}

#actor-authentication .actor-body {
background: rgba(0,0,0,0.5);
padding: 0 0 100px 30%;
border-bottom: 15px solid rgba(0,54,114,0.66);
position: relative;
}

/* --- Headline */
#actor-authentication .actor-head h3 {
color: #fff;
font-size: 200%;
font-weight: normal;
padding-left: 30px;
}

/* --- Login form */
/* Overrides some default form styling */
#actor-authentication .login-formpart {
padding-left: 15px;
}

#actor-authentication .login-formpart .formpart-label {
display: none;
}

#actor-authentication .login-formpart .formpart-input {
border: none;
border-left: 15px solid #003672;
float: none;
width: auto;
padding: 0;
margin-bottom: 10px;
}

#actor-authentication .login-formpart .input-mandatory:before {
display: none;
}

#actor-authentication .login-formpart input {
background-color: #fff;
color: #000;
font-family: "Cooper Hewitt";
font-size: 150%;
padding: 5px;
width: 50%;
}

/* --- Auth button */
#actor-authentication .action-auth {
background: #fff url("./img/sprite_buttons_action.svg") 0 -6px no-repeat;
border-left: 15px solid #003672;
display: block;
height: 40px;
margin-left: 15px;
width: 50%;
padding: 8px 0 0 55px;
font-size: 150%;
color: #003672;
overflow: hidden;
-webkit-transition: background 0.5s ease;
-moz-transition: background 0.5s ease;
-ms-transition: background 0.5s ease;
transition: background 0.5s ease;
}

#actor-authentication .action-auth:hover {
background-color: #EFE5CB;
-webkit-transition: background-color 0.5s ease;
-moz-transition: background-color 0.5s ease;
-ms-transition: background-color 0.5s ease;
transition: background-color 0.5s ease;
}


/* !-------------------------------------------- */
/* !ACTOR: Global navigation */
/* !EXPRESSIONS: <none>, message-hint, message-show, version */
/* !-------------------------------------------- */

/* --- Basic actor layout */
#actor-navigation {
background: #003672;
border-bottom: 3px solid #003672;
}

#actor-navigation .actor-body {
height: 100%;
}

/* Main navigation */
#actor-navigation .navigation-sections {
background-color: #809AB8;
width: 30%;
height: 100%;
}

/* Headlines */
#actor-navigation .navigation-context {
position: absolute;
top: 0;
left: 30%;
width: 70%;
height: 100%;
padding: 14px 0 0 0;
-webkit-transition: top 0.5s ease;
-moz-transition: top 0.5s ease;
-ms-transition: top 0.5s ease;
transition: top 0.5s ease;
}

#actor-navigation.expression-message-show .navigation-context {
top: -100%;
-webkit-transition: top 0.5s ease;
-moz-transition: top 0.5s ease;
-ms-transition: top 0.5s ease;
transition: top 0.5s ease;
}

/* Logo of application owner (move out if messages are shown) */
#actor-navigation .navigation-context .context-owner {
position: absolute;
right: 0;
top: 0;
height: 100%;
overflow: hidden;
width: 200px;
-webkit-transition: top 0.5s ease;
-moz-transition: top 0.5s ease;
-ms-transition: top 0.5s ease;
transition: top 0.5s ease;
}

#actor-navigation.expression-message-show .navigation-context .context-owner {
top: 100%;
-webkit-transition: top 0.5s ease;
-moz-transition: top 0.5s ease;
-ms-transition: top 0.5s ease;
transition: top 0.5s ease;
}

/* Button for showing/hiding/dismissing messages */
#actor-navigation .navigation-message-controller {
position: absolute;
width: 80px;
height: 100%;
right: 200px;
top: -100%;
z-index: 50;
-webkit-transition: top 0.5s ease;
-moz-transition: top 0.5s ease;
-ms-transition: top 0.5s ease;
transition: top 0.5s ease;
}

#actor-navigation.expression-message-hint .navigation-message-controller, 
#actor-navigation.expression-message-show .navigation-message-controller {
top: 0;
-webkit-transition: top 0.5s ease;
-moz-transition: top 0.5s ease;
-ms-transition: top 0.5s ease;
transition: top 0.5s ease;
}

#actor-navigation .navigation-message {
position: absolute;
top: -100%;
left: 30%;
width: calc(70% - 280px);
height: 100%;
padding: 10px;
overflow: auto;
-webkit-transition: top 0.5s ease;
-moz-transition: top 0.5s ease;
-ms-transition: top 0.5s ease;
transition: top 0.5s ease;
}

#actor-navigation.expression-message-show .navigation-message {
top: 0;
-webkit-transition: top 0.5s ease;
-moz-transition: top 0.5s ease;
-ms-transition: top 0.5s ease;
transition: top 0.5s ease;
}


/* --- Main navigation */
#actor-navigation .navigation-sections {
background-color: #809AB8;
}

#actor-navigation .navigation-sections .molecule {
position: relative;
height: 100%;
width: 20%;
float: left;
text-align: center;
border-left: 1px solid #6686AA;
font-weight: bold;
}

#actor-navigation .navigation-sections .section-blocked:before {
content: "";
display: block;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
}

#actor-navigation .navigation-sections .action {
position: relative;
display: block;
width: 100%;
height: 100%;
padding: 5px;
color: #6686AA;
overflow: hidden;
text-indent: -1000em;
-webkit-transition: background 1s ease;
-moz-transition: background 1s ease;
-ms-transition: background 1s ease;
transition: background 1s ease;
}

#actor-navigation .navigation-sections .action:before {
background: transparent url("./img/sprite_icons_main.svg") 0 0 no-repeat;
content: "";
display: block;
position: absolute;
top: 0;
height: 100%;
left: 50%;
margin-left: -25px;
width: 50px;
-webkit-transition: background 1s ease;
-moz-transition: background 1s ease;
-ms-transition: background 1s ease;
transition: background 1s ease;
}

#actor-navigation .navigation-sections #nav-auth .action:before {
background-position: -169px -83px;
-webkit-transition: background 1s ease;
-moz-transition: background 1s ease;
-ms-transition: background 1s ease;
transition: background 1s ease;
}
#actor-navigation .navigation-sections #nav-general .action:before {
background-position: -307px -83px;
-webkit-transition: background 1s ease;
-moz-transition: background 1s ease;
-ms-transition: background 1s ease;
transition: background 1s ease;
}
#actor-navigation .navigation-sections #nav-global-data .action:before {
background-position: -452px -83px;
-webkit-transition: background 1s ease;
-moz-transition: background 1s ease;
-ms-transition: background 1s ease;
transition: background 1s ease;
}
#actor-navigation .navigation-sections #nav-contract-create .action:before {
background-position: -598px -83px;
-webkit-transition: background 1s ease;
-moz-transition: background 1s ease;
-ms-transition: background 1s ease;
transition: background 1s ease;
}
#actor-navigation .navigation-sections #nav-contract-manage .action:before {
background-position: -743px -83px;
-webkit-transition: background 1s ease;
-moz-transition: background 1s ease;
-ms-transition: background 1s ease;
transition: background 1s ease;
}

#actor-navigation .navigation-sections #nav-auth.section-blocked .action:before {
background-position: -169px -163px;
-webkit-transition: background 1s ease;
-moz-transition: background 1s ease;
-ms-transition: background 1s ease;
transition: background 1s ease;
}
#actor-navigation .navigation-sections #nav-general.section-blocked .action:before {
background-position: -307px -163px;
-webkit-transition: background 1s ease;
-moz-transition: background 1s ease;
-ms-transition: background 1s ease;
transition: background 1s ease;
}
#actor-navigation .navigation-sections #nav-global-data.section-blocked .action:before {
background-position: -452px -163px;
-webkit-transition: background 1s ease;
-moz-transition: background 1s ease;
-ms-transition: background 1s ease;
transition: background 1s ease;
}
#actor-navigation .navigation-sections #nav-contract-create.section-blocked .action:before {
background-position: -598px -163px;
-webkit-transition: background 1s ease;
-moz-transition: background 1s ease;
-ms-transition: background 1s ease;
transition: background 1s ease;
}
#actor-navigation .navigation-sections #nav-contract-manage.section-blocked .action:before {
background-position: -743px -163px;
-webkit-transition: background 1s ease;
-moz-transition: background 1s ease;
-ms-transition: background 1s ease;
transition: background 1s ease;
}

#actor-navigation .navigation-sections .molecule:not(.section-blocked) .action:hover,
#actor-navigation .navigation-sections .molecule:not(.section-blocked) .action-state-active {
background-color: #003672;
-webkit-transition: background 0.5s ease;
-moz-transition: background 0.5s ease;
-ms-transition: background 0.5s ease;
transition: background 0.5s ease;
}

.stage-auth #actor-navigation .navigation-sections #nav-auth:not(.section-blocked):hover .action:before, 
.stage-auth #actor-navigation .navigation-sections #nav-auth:not(.section-blocked) .action-state-active:before {
background-position: -36px -3px; /* Different icon on login screen for anonymous users */
-webkit-transition: background 0.3s ease;
-moz-transition: background 0.3s ease;
-ms-transition: background 0.3s ease;
transition: background 0.3s ease;
}
#actor-navigation .navigation-sections #nav-auth:not(.section-blocked):hover .action:before, 
#actor-navigation .navigation-sections #nav-auth:not(.section-blocked) .action-state-active:before {
background-position: -169px -3px;
-webkit-transition: background 0.3s ease;
-moz-transition: background 0.3s ease;
-ms-transition: background 0.3s ease;
transition: background 0.3s ease;
}
#actor-navigation .navigation-sections #nav-general:not(.section-blocked):hover .action:before,
#actor-navigation .navigation-sections #nav-general:not(.section-blocked) .action-state-active:before {
background-position: -307px -3px;
-webkit-transition: background 0.3s ease;
-moz-transition: background 0.3s ease;
-ms-transition: background 0.3s ease;
transition: background 0.3s ease;
}
#actor-navigation .navigation-sections #nav-global-data:not(.section-blocked):hover .action:before,
#actor-navigation .navigation-sections #nav-global-data:not(.section-blocked) .action-state-active:before {
background-position: -452px -3px;
-webkit-transition: background 0.3s ease;
-moz-transition: background 0.3s ease;
-ms-transition: background 0.3s ease;
transition: background 0.3s ease;
}
#actor-navigation .navigation-sections #nav-contract-create:not(.section-blocked):hover .action:before,
#actor-navigation .navigation-sections #nav-contract-create:not(.section-blocked) .action-state-active:before {
background-position: -598px -3px;
-webkit-transition: background 0.3s ease;
-moz-transition: background 0.3s ease;
-ms-transition: background 0.3s ease;
transition: background 0.3s ease;
}
#actor-navigation .navigation-sections #nav-contract-manage:not(.section-blocked):hover .action:before,
#actor-navigation .navigation-sections #nav-contract-manage:not(.section-blocked) .action-state-active:before {
background-position: -743px -3px;
-webkit-transition: background 0.3s ease;
-moz-transition: background 0.3s ease;
-ms-transition: background 0.3s ease;
transition: background 0.3s ease;
}

/* --- Current navigation context */
#actor-navigation .navigation-context {
border-left: 1px solid #6686AA;
}

.stage-object #actor-navigation .navigation-context {
background-color: #007A7A;
}

#actor-navigation .navigation-context .context-title {
font-size: 150%;
font-weight: normal;
color: #fff;
line-height: 1.4em;
padding-left: 30px;
margin-right: 280px;
}

#actor-navigation .navigation-context .context-title span {
display: block;
font-weight: bold;
}

/* Logo and application version */
#actor-navigation .navigation-context .context-owner {
background: transparent url("./img/logo_rmv_2015_03.svg") center center no-repeat;
background-size: 80%;
cursor: pointer;
-webkit-transition: background-position 0.3s ease 0.5s;
-moz-transition: background-position 0.3s ease 0.5s;
-ms-transition: background-position 0.3s ease 0.5s;
transition: background-position 0.3s ease 0.5s;
}

#actor-navigation.expression-version .navigation-context .context-owner {
background-position: center -80px;
-webkit-transition: background-position 0.5s ease;
-moz-transition: background-position 0.5s ease;
-ms-transition: background-position 0.5s ease;
transition: background-position 0.5s ease;
}

.stage-object #actor-navigation .navigation-context .context-owner {
background-color: #007A7A;
}

#actor-navigation .navigation-context .context-owner .atom {
margin-left: 200px;
display: block;
color: #fff;
font-size: 10px;
text-align: center;
width: 100%;
height: 20px;
padding: 2px 5px 0 5px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
-webkit-transition: margin-left 0.5s ease;
-moz-transition: margin-left 0.5s ease;
-ms-transition: margin-left 0.5s ease;
transition: margin-left 0.5s ease;
}

#actor-navigation.expression-version .navigation-context .context-owner .atom {
margin-left: 0;
-webkit-transition: margin-left 0.5s ease 0.5s;
-moz-transition: margin-left 0.5s ease 0.5s;
-ms-transition: margin-left 0.5s ease 0.5s;
transition: margin-left 0.5s ease 0.5s;
}

/* --- Controller for system messages */
#actor-navigation .navigation-message-controller .action {
background: transparent url("./img/sprite_icons_main.svg") -1020px -88px no-repeat;
font-weight: bold;
font-size: 80%;
display: none;
height: 100%;
width: 100%;
padding: 55px 0 0 0;
text-align: center;
}

#actor-navigation .navigation-message-controller .action-toggle-show {
background-position: -872px -88px;
background-color: #4C729C;
color: #809AB8;
-webkit-transition: background 1s ease, color 1s ease;
-moz-transition: background 1s ease, color 1s ease;
-ms-transition: background 1s ease, color 1s ease;
transition: background 1s ease, color 1s ease;
}

.stage-list #actor-navigation .navigation-message-controller .action-toggle-show,
.stage-object #actor-navigation .navigation-message-controller .action-toggle-show {
background-position: -1020px -88px;
background-color: #4CA2A2;
color: #80BCBC;
-webkit-transition: background 1s ease, color 1s ease;
-moz-transition: background 1s ease, color 1s ease;
-ms-transition: background 1s ease, color 1s ease;
transition: background 1s ease, color 1s ease;
}

#actor-navigation .navigation-message-controller .action-toggle-hide {
background-position: -1020px -7px;
color: #fff;
-webkit-transition: background 0.5s ease, color 0.5s ease;
-moz-transition: background 0.5s ease, color 0.5s ease;
-ms-transition: background 0.5s ease, color 0.5s ease;
transition: background 0.5s ease, color 0.5s ease;
}

#actor-navigation.expression-message-hint .navigation-message-controller .action-toggle-show, 
#actor-navigation.expression-message-show .navigation-message-controller .action-toggle-hide {
display: block;
}

#actor-navigation .navigation-message-controller .action:hover {
background-position: -872px -7px;
color: #fff;
-webkit-transition: background 0.5s ease, color 0.5s ease;
-moz-transition: background 0.5s ease, color 0.5s ease;
-ms-transition: background 0.5s ease, color 0.5s ease;
transition: background 0.5s ease, color 0.5s ease;
}

.stage-list #actor-navigation .navigation-message-controller .action:hover,
.stage-object #actor-navigation .navigation-message-controller .action:hover {
background-position: -1020px -7px;
-webkit-transition: background 0.5s ease, color 0.5s ease;
-moz-transition: background 0.5s ease, color 0.5s ease;
-ms-transition: background 0.5s ease, color 0.5s ease;
transition: background 0.5s ease, color 0.5s ease;
}

/* --- System messages */
.stage-object #actor-navigation .navigation-message {
background-color: #007A7A;
}

#actor-navigation .navigation-message .molecule {
margin-bottom: 10px;
padding-left: 20px;
position: relative;
color: #fff;
}

#actor-navigation .navigation-message .molecule:before {
content: "";
position: absolute;
left: 5px;
top: 2px;
width: 10px;
height: 10px;
border-radius: 50%;
}

#actor-navigation .navigation-message .message-level-error:before {
background: #BC8E0F;
}
#actor-navigation .navigation-message .message-level-error {
font-weight: bold;
}

#actor-navigation .navigation-message .message-level-info:before {
background: #fff;
}

#actor-navigation .navigation-message .message-level-success:before {
background: rgba(255,255,255,0.5);
}

/* !-------------------------------------------- */
/* !ACTOR: Object inspector */
/* !EXPRESSIONS: <none>, -properties, -creation */
/* !-------------------------------------------- */

/* --- Basic actor layout */
#actor-inspector {
background: #c2dddd;
}

#actor-inspector .actor-head {
padding: 25px 70px 10px 0;
margin-left: 10px;
}

#actor-inspector .actor-body {
padding: 10px 90px 10px 10px;
}

#actor-inspector .inspector-actions {
position: absolute;
top: 100px;
right: 0;
width: 70px;
}

#actor-inspector .inspector-section {
margin-bottom: 10px;
position: relative;
}

/* --- Inspector headline */
#actor-inspector .actor-head {
font-size: 150%;
color: #007A7A;
}

/* --- Action buttons */
/* Mostly covered by substance styling */

/* Set appropriate background colors */
#actor-inspector .inspector-actions :not(.action-close) .action {
background-color: #B2D7D7;
}
#actor-inspector .inspector-actions :not(.action-close) .action:hover,
#actor-inspector .inspector-actions :not(.action-close) .action-state-active {
background-color: #E5F2F2;
border-color: #007A7A;
}

/* Setup icons for contract editors */
#actor-inspector .inspector-actions .action-history .action:before {
background-position: 0 -71px;
}
#actor-inspector .inspector-actions .action-history .action-state-active:before {
background-position: -73px -71px;
}
#actor-inspector .inspector-actions .action-edit .action:before {
background-position: 0 -0px;
}
#actor-inspector .inspector-actions .action-edit .action-state-active:before {
background-position: -73px -0px;
}
#actor-inspector .inspector-actions .action-manage .action:before {
background-position: 0 -141px;
}
#actor-inspector .inspector-actions .action-manage .action-state-active:before {
background-position: -73px -141px;
}
#actor-inspector .inspector-actions .action-templates .action:before {
background-position: 0 -211px;
}
#actor-inspector .inspector-actions .action-templates .action-state-active:before {
background-position: -73px -211px;
}

/* Hide actions which are not applicable when a contract is created */
#actor-inspector.expression-creation .inspector-actions .action-history, 
#actor-inspector.expression-creation .inspector-actions .action-manage, 
#actor-inspector.expression-creation .inspector-actions .action-templates {
right: -100%;
-webkit-transition: right 2s ease;
-moz-transition: right 2s ease;
-ms-transition: right 2s ease;
transition: right 2s ease;
}

/* --- Collapsible contract properties */
/* Setup of section container & headline */
#actor-inspector .inspector-section {
border: 1px solid #4CA2A2;
}

#actor-inspector .inspector-section h4 {
background-color: rgba(255,255,255,0);
font-weight: bold;
color: #007A7A;
padding: 5px 50px 5px 5px;
border-bottom: 1px solid #B2D7D7;
min-height: 33px;
line-height: 22px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
-webkit-transition: background-color 0.5s ease;
-moz-transition: background-color 0.5s ease;
-ms-transition: background-color 0.5s ease;
transition: background-color 0.5s ease;
}

#actor-inspector .inspector-section.section-expanded h4 {
background-color: rgba(255,255,255,0.3);
-webkit-transition: background-color 0.5s ease;
-moz-transition: background-color 0.5s ease;
-ms-transition: background-color 0.5s ease;
transition: background-color 0.5s ease;
}

#actor-inspector .inspector-section h4 .substance-counter {
color: #000;
}

#actor-inspector .inspector-section h4 .substance-counter.counter-zero {
color: #fff;
}

/* Collapser/expander button */
#actor-inspector .inspector-section .action-visor {
background: transparent url("./img/sprite_buttons_action.svg") center -397px no-repeat;
background-size: 100%;
display: block;
position: absolute;
width: 32px;
height: 32px;
right: 0;
top: 0;
overflow: hidden;
text-indent: -1000em;
-webkit-transition: background-color 0.5s ease;
-moz-transition: background-color 0.5s ease;
-ms-transition: background-color 0.5s ease;
transition: background-color 0.5s ease;
}

#actor-inspector .inspector-section .action-visor:hover, 
#actor-inspector .inspector-section.section-expanded .action-visor:hover {
background-color: #EFE5CB;
-webkit-transition: background-color 0.5s ease;
-moz-transition: background-color 0.5s ease;
-ms-transition: background-color 0.5s ease;
transition: background-color 0.5s ease;
}

#actor-inspector .inspector-section.section-expanded .action-visor {
background-position: center -428px;
background-color: #fff;
-webkit-transition: background-color 0.5s ease;
-moz-transition: background-color 0.5s ease;
-ms-transition: background-color 0.5s ease;
transition: background-color 0.5s ease;
}

/* Properties */
#actor-inspector .inspector-section .molecule {
display: none;
border-bottom: 1px solid #B2D7D7;
}

#actor-inspector .inspector-section .molecule:last-child {
border: none;
}

#actor-inspector .inspector-section .property-sticky, 
#actor-inspector .inspector-section:not(.section-collapsed) .molecule {
display: block;
}

#actor-inspector .inspector-section .property-line {
padding: 5px 5px 5px 5px;
border-bottom: 1px solid #B2D7D7;
}

#actor-inspector .inspector-section .property-line:last-child {
border: none;
}

#actor-inspector .inspector-section .molecule .prop-title {
color: #007A7A;
padding: 5px 5px 2px 5px;
}

#actor-inspector .inspector-section .molecule .prop-value {
font-weight: bold;
color: #000;
padding: 0 5px 10px 5px;
}

/* --- Special treatment for basic contract properties */
#actor-inspector .inspector-basic {
background-color: rgba(255,255,255,0.3);
border: none;
}

#actor-inspector .inspector-basic .molecule .prop-value {
padding-bottom: 5px;
}

#actor-inspector .property-startdate {
float: left;
width: 50%;
}

#actor-inspector .property-enddate {
border-left: 1px solid #B2D7D7;
float: left;
width: 50%;
}

#actor-inspector .inspector-basic .property-startdate .prop-value,
#actor-inspector .inspector-basic .property-enddate .prop-value {
font-weight: normal;
font-size: 130%;
}

#actor-inspector .inspector-basic .date-day:after, 
#actor-inspector .inspector-basic .date-month:after {
content: ".";
}

#actor-inspector .inspector-basic .date-year {
}

#actor-inspector .property-linebundle {
clear: left;
}



/* !-------------------------------------------- */
/* !ACTOR: Object baseline editor */
/* !EXPRESSIONS: <none>, -modal */
/* !-------------------------------------------- */

/* --- Basic actor layout */
#actor-editor-base {
background: #dfefee;
box-shadow: inset 0 0 6px rgba(0,121,121,0.5);
}

#actor-editor-base .actor-head {
padding: 25px 70px 10px 30px;
}

#actor-editor-base .actor-body {
padding: 10px 70px 10px 30px;
}

#actor-editor-base .editor-actions {
position: absolute;
top: 25px;
right: 0;
width: 50px;
}

/* --- Editor headline */
#actor-editor-base .actor-head {
font-size: 150%;
color: #007A7A;
}

/* --- Form actions */
/* Mostly covered via substance styling */


/* --- Form elements */
/* Mostly covered via substance styling */

/* Categorization structure */
/* Mostly covered via substance styling */


/* !-------------------------------------------- */
/* !ACTOR: Object action editor */
/* !EXPRESSIONS: <none> */
/* !-------------------------------------------- */

/* --- Basic actor layout */
#actor-editor {
background: #dfefee;
box-shadow: inset 0 0 6px rgba(0,121,121,0.5);
}

#actor-editor .actor-head {
padding: 25px 70px 10px 30px;
}

#actor-editor .actor-body {
padding: 10px 70px 10px 220px;
}

#actor-editor .cell {
}

#actor-editor .editor-choices {
position: absolute;
top: 68px;
left: 20px;
width: 180px;
}

#actor-editor .editor-actions {
position: absolute;
top: 25px;
right: 0;
width: 50px;
}

#actor-editor .editor-formpart {
}


/* --- Editor headline */
#actor-editor .actor-head {
font-size: 150%;
color: #007A7A;
}

/* --- Editor chooser */
/* Mostly covered via substance styling */

#actor-editor .editor-choices .action {
background: transparent url("./img/sprite_icons_contracts.svg") 5px -2px no-repeat;
}

#actor-editor .editor-choices .choice-ato-tickets .action, 
#actor-editor .editor-choices .choice-insert-ticket .action {
background-position: 5px -2px;
}
#actor-editor .editor-choices .choice-insert-refund .action {
background-position: 5px -37px;
}
#actor-editor .editor-choices .choice-quarter-payment .action {
background-position: 5px -71px;
}
/* DEPRECATED PLUS ICON
#actor-editor .editor-choices .choice-yearly-forecast .action {
background-position: 5px -107px;
}
*/
#actor-editor .editor-choices .choice-forecast .action {
background-position: 5px -139px;
}
#actor-editor .editor-choices .choice-ato-lines-performance .action, 
#actor-editor .editor-choices .choice-insert-lines-performance .action {
background-position: 5px -171px;
}
#actor-editor .editor-choices .choice-ato-settlement .action, 
#actor-editor .editor-choices .choice-yearly-payment .action {
background-position: 5px -205px;
}
#actor-editor .editor-choices .choice-bonus-malus .action {
background-position: 5px -348px;
}

/* --- Form actions */
/* Mostly covered via substance styling */

/* --- Form elements */
/* Mostly covered via substance styling */

/* !-------------------------------------------- */
/* !ACTOR: Object history viewer */
/* !EXPRESSIONS: <none> */
/* !-------------------------------------------- */

/* --- Basic actor layout */
#actor-history {
background: #dfefee;
box-shadow: inset 0 0 6px rgba(0,121,121,0.5);
}

#actor-history .actor-head {
padding: 25px 20px 10px 30px;
}

#actor-history .actor-body {
padding: 10px 20px 10px 30px;
}

#actor-history .evolution-period {
position: relative;
}

#actor-history .history-event .event-description {
float: left;
width: 24%;
padding: 10px 10px 10px 0;
margin-left: 14%;
}

#actor-history .history-event .event-action {
position: relative;
float: left;
width: 24%;
padding: 10px 10px 10px 10px;
}

#actor-history .history-event .event-result {
    float: left;
    width: 35%;
    padding: 10px 0 10px 10px;
}

#actor-history .history-event:after {
content: "";
display: block;
clear: both;
}

/* --- History headline */
#actor-history .actor-head {
font-size: 150%;
color: #007A7A;
}

/* --- Quarter periods */
#actor-history .evolution-period h4 {
background-color: #B2D7D7;
color: #007A7A;
position: absolute;
top: 0;
left: 0;
font-size: 16px;
padding: 5px;
height: 30px;
}

#actor-history .evolution-period h4 .date-quarter:after {
content: "/";
}

/* --- Month periods */
#actor-history .temporal-evolution.temporal-scope-months .evolution-period {
border-top: 2px solid #B2D7D7;
}

#actor-history .evolution-period h5 {
background-color: #B2D7D7;
position: absolute;
top: 0;
left: 0;
padding: 5px;
color: #007A7A;
}

/* Make room for quarter headline when it's the last month in the quarter */
#actor-history .evolution-period:first-child > h5 {
top: 32px;
}

/* --- Entire history event: vertical background for action column */
#actor-history .history-event {
background: transparent -webkit-linear-gradient(180deg, transparent 0%, transparent 38%, rgba(255,255,255,0.3) 38%, rgba(255,255,255,0.3) 62%, transparent 62%, transparent 100%) 0 repeat-y;
background: transparent -moz-linear-gradient(180deg, transparent 0%, transparent 38%, rgba(255,255,255,0.3) 38%, rgba(255,255,255,0.3) 62%, transparent 62%, transparent 100%) 0 repeat-y;
background: transparent -ms-linear-gradient(180deg, transparent 0%, transparent 38%, rgba(255,255,255,0.3) 38%, rgba(255,255,255,0.3) 62%, transparent 62%, transparent 100%) 0 repeat-y;
background: transparent linear-gradient(90deg, transparent 0%, transparent 38%, rgba(255,255,255,0.3) 38%, rgba(255,255,255,0.3) 62%, transparent 62%, transparent 100%) 0 repeat-y;
}

#actor-history .history-event.event-date-overdue {
background: transparent -webkit-linear-gradient(180deg, transparent 0%, transparent 38%, rgba(184,87,86,0.1) 38%, rgba(184,87,86,0.1) 62%, transparent 62%, transparent 100%) 0 repeat-y;
background: transparent -moz-linear-gradient(180deg, transparent 0%, transparent 38%, rgba(184,87,86,0.1) 38%, rgba(184,87,86,0.1) 62%, transparent 62%, transparent 100%) 0 repeat-y;
background: transparent -ms-linear-gradient(180deg, transparent 0%, transparent 38%, rgba(184,87,86,0.1) 38%, rgba(184,87,86,0.1) 62%, transparent 62%, transparent 100%) 0 repeat-y;
background: transparent linear-gradient(90deg, transparent 0%, transparent 38%, rgba(184,87,86,0.1) 38%, rgba(184,87,86,0.1) 62%, transparent 62%, transparent 100%) 0 repeat-y;
}

/* Make room for piled quarter + month headline in case another month begins right after a single event */
#actor-history .temporal-evolution.temporal-scope-months .evolution-period:first-child .history-event {
min-height: 64px;
}

/* --- Single history event with description */
#actor-history .history-event .event-description {
background-color: transparent;
border-top: 1px solid #B2D7D7;
text-align: right;
-webkit-transition: background-color 0.5s ease;
-moz-transition: background-color 0.5s ease;
-ms-transition: background-color 0.5s ease;
transition: background-color 0.5s ease;
}

#actor-history .history-event.event-highlight .event-description {
background-color: rgba(255,255,255,0.5);
background-color: #EFE5CB;
-webkit-transition: background-color 0.5s ease;
-moz-transition: background-color 0.5s ease;
-ms-transition: background-color 0.5s ease;
transition: background-color 0.5s ease;
}

/* Event title */
#actor-history .history-event .description-title {
font-weight: bold;
margin-bottom: 5px;
}

#actor-history .history-event .event-description.description-has-comment .description-title:before {
    content: "★ ";
    font-size: 85%;
    vertical-align: baseline;
}

#actor-history .history-event.event-date-overdue .description-title {
color: #B85710;
}

/* Event comment (optional) */
#actor-history .history-event .description-comment {
    margin-bottom: 5px;
    display: none;
}

#actor-history .history-event .event-description.description-has-comment:hover .description-comment {
    display: block;
}

/* Event date */
#actor-history .history-event .description-date {
font-size: 80%;
}

#actor-history .history-event.event-date-overdue .description-date {
font-weight: bold;
color: #B85710;
}

/* --- Event action column */
#actor-history .history-event .event-action {
border-top: 1px solid #B2D7D7;
text-align: center;
}

#actor-history .history-event .event-action .action-nav {
background: transparent url("./img/sprite_icons_contracts.svg") center -1px no-repeat;
display: inline-block;
height: 32px;
width: 32px;
border-radius: 3px;
margin: 0 3px 0 0;
border: 2px solid #80BCBC;
overflow: hidden;
text-indent: -1000em;
-webkit-transition: background-color 1s ease, border-color 1s ease;
-moz-transition: background-color 1s ease, border-color 1s ease;
-ms-transition: background-color 1s ease, border-color 1s ease;
transition: background-color 1s ease, border-color 1s ease;
}

#actor-history .history-event .event-action .action-nav:hover {
background-color: #fff;
border-color: #007A7A;
-webkit-transition: background-color 0.5s ease, border-color 0.5s ease;
-moz-transition: background-color 0.5s ease, border-color 0.5s ease;
-ms-transition: background-color 0.5s ease, border-color 0.5s ease;
transition: background-color 0.5s ease, border-color 0.5s ease;
}

#actor-history .history-event.event-type-ato-tickets .event-action .action-nav, 
#actor-history .history-event.event-type-insert-ticket .event-action .action-nav {
background-position: center -1px;
}
#actor-history .history-event.event-type-insert-refund .event-action .action-nav {
background-position: center -36px;
}
#actor-history .history-event.event-type-quarter-payment .event-action .action-nav {
background-position: center -70px;
}
/* DEPRECATED PLUS ICON
#actor-history .history-event.event-type-yearly-forecast .event-action .action-nav {
background-position: center -106px;
}
*/
#actor-history .history-event.event-type-forecast .event-action .action-nav {
background-position: center -138px;
}
#actor-history .history-event.event-type-ato-lines-performance .event-action .action-nav, 
#actor-history .history-event.event-type-insert-lines-performance .event-action .action-nav {
background-position: center -170px;
}
#actor-history .history-event.event-type-ato-settlement .event-action .action-nav, 
#actor-history .history-event.event-type-yearly-payment .event-action .action-nav {
background-position: center -204px;
}
#actor-history .history-event.event-type-create-contract .event-action .action-nav {
background-position: center -276px;
}
#actor-history .history-event.event-type-contract-end .event-action .action-nav {
background-position: center -312px;
}
#actor-history .history-event.event-type-edit-master-data .event-action .action-nav {
background-position: center -241px;
}
#actor-history .history-event.event-type-bonus-malus .event-action .action-nav {
background-position: center -347px;
}

#actor-history .history-event .event-action .action-toggle-switch {
position: absolute;
right: 5px;
top: 50%;
margin-top: -15px;
}

/* --- Event result column */
#actor-history .history-event .event-result {
border-top: 1px solid #B2D7D7;
}


/* !-------------------------------------------- */
/* !ACTOR: Object file templates editor */
/* !EXPRESSIONS: <none> */
/* !-------------------------------------------- */

/* --- Basic actor layout */
#actor-templates {
background: #dfefee;
box-shadow: inset 0 0 6px rgba(0,121,121,0.5);
}

#actor-templates .actor-head {
padding: 25px 70px 10px 30px;
}

#actor-templates .actor-body {
padding: 10px 70px 10px 30px;
}

#actor-templates .editor-actions {
position: absolute;
top: 25px;
right: 0;
width: 50px;
}

/* --- Templates headline */
#actor-templates .actor-head {
font-size: 150%;
color: #007A7A;
}

/* !-------------------------------------------- */
/* !ACTOR: Global settings inspector */
/* !EXPRESSIONS: <none> */
/* !-------------------------------------------- */

/* --- Basic actor layout */
#actor-inspector-settings {
background: #CAE1EC;
}

#actor-inspector-settings .actor-head {
padding: 25px 70px 10px 0;
margin-left: 10px;
}

#actor-inspector-settings .actor-body {
padding: 10px 90px 10px 10px;
}

#actor-inspector-settings .inspector-actions {
position: absolute;
top: 100px;
right: 0;
width: 70px;
}

/* --- Inspector headline */
#actor-inspector-settings .actor-head {
font-size: 150%;
color: #003672;
}

/* --- Action buttons */
/* Mostly covered by substance styling */

/* Set appropriate background colors */
#actor-inspector-settings .inspector-actions :not(.action-close) .action {
background-color: #B2C3D5;
color: #6686AA;
}
#actor-inspector-settings .inspector-actions :not(.action-close) .action:hover,
#actor-inspector-settings .inspector-actions :not(.action-close) .action-state-active {
background-color: #E5EBF1;
border-color: #003672;
}

/* Setup icons for settings editors */
#actor-inspector-settings .inspector-actions .action-index .action:before {
background-position: 0 -417px;
}
#actor-inspector-settings .inspector-actions .action-index .action-state-active:before {
background-position: -73px -417px;
}
#actor-inspector-settings .inspector-actions .action-templates .action:before {
background-position: 0 -279px;
}
#actor-inspector-settings .inspector-actions .action-templates .action-state-active:before {
background-position: -73px -279px;
}
#actor-inspector-settings .inspector-actions .action-settings .action:before {
background-position: 0 -493px;
}
#actor-inspector-settings .inspector-actions .action-settings .action-state-active:before {
background-position: -73px -493px;
}

/* --- Contracts table */
#actor-inspector-settings .inspector-years {
width: 100%;
border-collapse: collapse;
border-spacing: 0; 
}

#actor-inspector-settings .year-legend .atom, 
#actor-inspector-settings .year-properties .atom, 
#actor-inspector-settings .year-balance .atom {
border-bottom: 1px solid #B2C3D5;
padding: 5px 0 5px 0;
}

#actor-inspector-settings .year-legend .atom {
font-weight: bold;
font-size: 80%;
vertical-align: bottom;
text-align: center;
}

#actor-inspector-settings .year-legend .property-staff, 
#actor-inspector-settings .year-legend .property-fuel {
text-align: right;
}

/* Display of year range */
#actor-inspector-settings .year-properties .property-year {
vertical-align: top;
text-align: center;
padding-right: 10px;
}

#actor-inspector-settings .property-year .year-start, 
#actor-inspector-settings .property-year .year-end {
background-color: #E5EBF1;
font-size: 80%;
padding: 2px;
font-weight: bold;
}

#actor-inspector-settings .property-year .year-title {
background-color: #B2C3D5;
color: #003672;
font-size: 150%;
padding: 5px;
margin: 1px 0 1px 0;
}

/* Display of other properties */
#actor-inspector-settings .property-contracts {
text-align: center;
}

#actor-inspector-settings .property-contracts .substance-counter {
color: #003672;
font-weight: bold;
font-size: 150%;
}

#actor-inspector-settings .property-index {
text-align: right;
}

#actor-inspector-settings .property-balance .result-amount {
color: #635e4f;
font-size: 100%;
}

#actor-inspector-settings .property-balance .result-amount:before {
border-color: #635e4f;
}

/* !-------------------------------------------- */
/* !ACTOR: Global Settings for Indices */
/* !EXPRESSIONS: <none> */
/* !-------------------------------------------- */

/* --- Basic actor layout */
#actor-settings-index {
background: #EDF5F9;
box-shadow: inset 0 0 6px rgba(128,154,184,1);
}

#actor-settings-index .actor-head {
padding: 25px 70px 10px 30px;
}

#actor-settings-index .actor-body {
padding: 10px 70px 10px 30px;
}

#actor-settings-index .editor-actions {
position: absolute;
top: 25px;
right: 0;
width: 50px;
}

/* --- Editor headline */
#actor-settings-index .actor-head {
font-size: 150%;
color: #003672;
}

/* !-------------------------------------------- */
/* !ACTOR: Global Settings for file templates */
/* !EXPRESSIONS: <none> */
/* !-------------------------------------------- */

/* --- Basic actor layout */
#actor-settings-templates {
background: #EDF5F9;
box-shadow: inset 0 0 6px rgba(128,154,184,1);
}

#actor-settings-templates .actor-head {
padding: 25px 70px 10px 30px;
}

#actor-settings-templates .editor-choices {
position: absolute;
top: 68px;
left: 20px;
width: 180px;
}

#actor-settings-templates .actor-body {
padding: 10px 70px 10px 220px;
}

#actor-settings-templates .editor-actions {
position: absolute;
top: 25px;
right: 0;
width: 50px;
}

/* --- Editor headline */
#actor-settings-templates .actor-head {
font-size: 150%;
color: #003672;
}

/* --- Editor chooser */
/* Mostly covered via substance styling */
/* We use no icons and different colors here */
#actor-settings-templates .editor-choices .action {
padding-left: 10px;
} 

#actor-settings-templates .editor-choices .action:before {
background: #809AB8;
}

#actor-settings-templates .editor-choices .action-state-active, 
#actor-settings-templates .editor-choices .action:hover {
border-color: #B2C3D5;
} 

#actor-settings-templates .editor-choices .action-state-active:before {
background: #003672;
}

/* !-------------------------------------------- */
/* !ACTOR: Global Settings for application */
/* !EXPRESSIONS: <none> */
/* !-------------------------------------------- */

/* --- Basic actor layout */
#actor-settings-app {
background: #EDF5F9;
box-shadow: inset 0 0 6px rgba(128,154,184,1);
}

#actor-settings-app .actor-head {
padding: 25px 70px 10px 30px;
}

#actor-settings-app .editor-choices {
position: absolute;
top: 68px;
left: 20px;
width: 180px;
}

#actor-settings-app .actor-body {
padding: 10px 70px 10px 220px;
}

#actor-settings-app .editor-actions {
position: absolute;
top: 25px;
right: 0;
width: 50px;
}

/* --- Editor headline */
#actor-settings-app .actor-head {
font-size: 150%;
color: #003672;
}

/* --- Editor chooser */
/* Mostly covered via substance styling */
/* We use no icons and different colors here */
#actor-settings-app .editor-choices .action {
padding-left: 10px;
} 

#actor-settings-app .editor-choices .action:before {
background: #809AB8;
}

#actor-settings-app .editor-choices .action-state-active, 
#actor-settings-app .editor-choices .action:hover {
border-color: #B2C3D5;
} 

#actor-settings-app .editor-choices .action-state-active:before {
background: #003672;
}

/* !-------------------------------------------- */
/* !ACTOR: Global data inspector */
/* !EXPRESSIONS: <none> */
/* !-------------------------------------------- */

/* --- Basic actor layout */
#actor-inspector-global-data {
background: #CAE1EC;
}

#actor-inspector-global-data .actor-head {
padding: 25px 70px 10px 0;
margin-left: 10px;
}

#actor-inspector-global-data .actor-body {
padding: 10px 90px 10px 10px;
}

#actor-inspector-global-data .inspector-actions {
position: absolute;
top: 100px;
right: 0;
width: 70px;
}

/* --- Inspector headline */
#actor-inspector-global-data .actor-head {
font-size: 150%;
color: #003672;
}

/* --- Action buttons */
/* Mostly covered by substance styling */

/* Set appropriate background colors */
#actor-inspector-global-data .inspector-actions :not(.action-close) .action {
background-color: #B2C3D5;
color: #6686AA;
}
#actor-inspector-global-data .inspector-actions :not(.action-close) .action:hover,
#actor-inspector-global-data .inspector-actions :not(.action-close) .action-state-active {
background-color: #E5EBF1;
border-color: #003672;
}

/* Setup icons for global-data editors */
#actor-inspector-global-data .inspector-actions .action-edit-data-keys .action:before {
background-position: 0 -350px;
}
#actor-inspector-global-data .inspector-actions .action-edit-data-keys .action-state-active:before {
background-position: -73px -350px;
}
#actor-inspector-global-data .inspector-actions .action-edit-values .action:before {
background-position: 0 -417px;
}
#actor-inspector-global-data .inspector-actions .action-edit-values .action-state-active:before {
background-position: -73px -417px;
}

/* !-------------------------------------------- */
/* !ACTOR: Global data / Keys */
/* !EXPRESSIONS: <none> */
/* !-------------------------------------------- */

/* --- Basic actor layout */
#actor-edit-data-keys {
background: #EDF5F9;
box-shadow: inset 0 0 6px rgba(128,154,184,1);
}

#actor-edit-data-keys .actor-head {
padding: 25px 100px 10px 30px;
}

#actor-edit-data-keys .actor-body {
padding: 10px 100px 10px 10px;
}

#actor-edit-data-keys .editor-actions {
position: absolute;
top: 25px;
right: 0;
width: 50px;
}

/* --- Editor headline */
#actor-edit-data-keys .actor-head {
font-size: 150%;
color: #003672;
}

/* !-------------------------------------------- */
/* !ACTOR: Global data / Values */
/* !EXPRESSIONS: <none> */
/* !-------------------------------------------- */

/* --- Basic actor layout */
#actor-edit-values {
background: #EDF5F9;
box-shadow: inset 0 0 6px rgba(128,154,184,1);
}

#actor-edit-values .actor-head {
padding: 25px 70px 10px 30px;
}

#actor-edit-values .actor-body {
padding: 10px 70px 10px 30px;
}

#actor-edit-values .editor-actions {
position: absolute;
top: 25px;
right: 0;
width: 50px;
}

/* --- Editor headline */
#actor-edit-values .actor-head {
font-size: 150%;
color: #003672;
}

/* !-------------------------------------------- */
/* !ACTOR: ListView controller */
/* !EXPRESSIONS: <none> */
/* !-------------------------------------------- */

/* --- Basic actor layout */
#actor-list-controller {
background: #003672;
border-top: 1px solid #fff;
}

#actor-list-controller .actor-body {
height: 100%;
color: #fff;
}

#actor-list-controller .controller-property {
float: left;
width: 30%;
height: 100%;
position: relative;
}

#actor-list-controller .controller-temporal {
float: left;
width: 70%;
height: 100%;
}

/* --- Controls for list sorting, filtering and searching */
#actor-list-controller .controller-property .property-sort, 
#actor-list-controller .controller-property .property-filter {
padding: 5px 0 0 10px;
font-weight: bold;
width: 40%;
height: 50px;
float: left;
}

#actor-list-controller .controller-property .property-sort label, 
#actor-list-controller .controller-property .property-filter label {
    display: block;
    margin-bottom: 2px;
}

#actor-list-controller .controller-property .property-sort select, 
#actor-list-controller .controller-property .property-filter select {
    margin: 0;
}

/* --- Controls for changing temporal resolution */
#actor-list-controller .controller-property .property-resolution {
position: absolute;
top: 0;
right: 0;
width: 20%;
}

#actor-list-controller .controller-property .property-resolution .action {
background: #6686AA;
border-bottom: 1px solid #49668a;
display: block;
color: #fff;
overflow: hidden;
padding: 2px 10px 2px 0;
font-size: 80%;
text-align: right;
-webkit-transition: background 0.5s ease, color 0.5s ease;
-moz-transition: background 0.5s ease, color 0.5s ease;
-ms-transition: background 0.5s ease, color 0.5s ease;
transition: background 0.5s ease, color 0.5s ease;
}

#actor-list-controller .controller-property .property-resolution .action-state-active {
font-weight: bold;
}

#actor-list-controller .controller-property .property-resolution .action:hover {
background: #fff;
color: #000;
-webkit-transition: background 0.5s ease, color 0.5s ease;
-moz-transition: background 0.5s ease, color 0.5s ease;
-ms-transition: background 0.5s ease, color 0.5s ease;
transition: background 0.5s ease, color 0.5s ease;
}

#actor-list-controller .controller-property .property-resolution .action-show-months {
padding-top: 1px;
height: 16px;
}
#actor-list-controller .controller-property .property-resolution .action-show-quarters {
height: 18px;
}
#actor-list-controller .controller-property .property-resolution .action-show-years {
padding-top: 1px;
height: 16px;
}

/* --- Text search */
#actor-list-controller .controller-property .property-search {
    clear: both;
    border-top: 1px solid #fff;
}

#actor-list-controller .controller-property .property-search.search-active {
    background-color: #007A7A;
}

#actor-list-controller .controller-property .property-search input {
    margin: 8px 10px 0 10px;
    width: calc(80% - 20px);
    height: 20px;
}

#actor-list-controller .controller-property .property-search .action {
    display: inline-block;
    height: 40px;
    width: 9%;
    text-indent: -1000em;
    overflow: hidden;
    background: transparent url("./img/sprite_buttons_action.svg") center 0 no-repeat;
    background-size: 35px;
    vertical-align: top;
}

#actor-list-controller .controller-property .property-search .action-search-set {
    background-position: center -98px;
}

#actor-list-controller .controller-property .property-search .action-search-clear {
    background-position: center -64px;
}

#actor-list-controller .controller-property .property-search:not(.search-active) .action-search-clear {
    display: none;
}

#actor-list-controller .controller-property .property-search .action:hover {
    background-color: rgba(255,255,255,0.4);
}

/* --- Title columns for temporal resolution */
#actor-list-controller .controller-temporal .temporal-evolution {
height: 100%;
}

#actor-list-controller .controller-temporal .evolution-timepoint {
width: 9%;
height: 100%;
float: left;
text-align: center;
border-left: 1px solid #fff;
font-weight: bold;
line-height: 49px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}

#actor-list-controller .controller-temporal .evolution-timepoint.timepoint-now {
width: 28%;
font-weight: bold;
position: relative;
}


/* !-------------------------------------------- */
/* !ACTOR: ListView */
/* !EXPRESSIONS: <none>, -accountedit */
/* !-------------------------------------------- */

/* --- Basic actor layout */
#actor-list-view {
background: #f2f2f2;
}

#actor-list-view .list-contract {
position: relative;
}

#actor-list-view .object-static {
width: 30%;
}

#actor-list-view .object-temporal {
position: absolute;
left: 30%;
top: 0;
width: 70%;
height: 100%;
}

/* --- Object list */
#actor-list-view .list-contract {
border-bottom: 1px solid #fff;
box-shadow: inset 0 0 8px #fff;
}

/* --- Static object properties */
#actor-list-view .object-static {
font-weight: bold;
position: relative;
min-height: 70px;
-webkit-transition: background 1s ease;
-moz-transition: background 1s ease;
-ms-transition: background 1s ease;
transition: background 1s ease;
}

#actor-list-view .object-static .action {
padding: 8px 0 8px 80px;
display: block;
width: 100%;
height: 100%;
color: #666;
}

#actor-list-view .object-static h4,
#actor-list-view .object-static span {
color: #000;
}

#actor-list-view .object-static h4 {
margin-bottom: 5px;
}

#actor-list-view .object-static .static-lines {
position: absolute;
top: 5px;
left: 10px;
bottom: 5px;
background: #fff;
text-align: center;
width: 60px;
padding-top: 5px;
border: 2px solid #e9e9e9;
border-radius: 8px;
-webkit-transition: color 2s ease;
-moz-transition: color 2s ease;
-ms-transition: color 2s ease;
transition: color 2s ease;
}

#actor-list-view .object-static .static-lines .substance-counter {
font-size: 150%;
display: block;
color: #000;
}

/* Selected contract */
#actor-list-view .object-static:hover, 
#actor-list-view .contract-active .object-static {
background: #c2dddd;
box-shadow: inset 0 0 8px #fff;
-webkit-transition: background 2s ease;
-moz-transition: background 2s ease;
-ms-transition: background 2s ease;
transition: background 2s ease;
}

#actor-list-view .contract-active .object-static .static-lines {
border-color: #4CA2A2;
-webkit-transition: border 2s ease;
-moz-transition: border 2s ease;
}

#actor-list-view .contract-active .object-static .substance-counter {
color: #4CA2A2;
-webkit-transition: color 2s ease;
-moz-transition: color 2s ease;
-ms-transition: color 2s ease;
transition: color 2s ease;
}


/* --- Temporal object state */
#actor-list-view .object-temporal .temporal-evolution {
height: 100%;
font-weight: bold;
}

#actor-list-view .object-temporal .temporal-evolution:after {
content: "";
display: block;
clear: both;
}

#actor-list-view .object-temporal .evolution-timepoint {
width: 9%;
height: 100%;
padding: 20px 0 0 0;
float: left;
text-align: center;
border-left: 1px solid #fff;
overflow: hidden;
}

#actor-list-view .contract-active .object-temporal {
background-color: #c2dddd;
box-shadow: inset 0 0 8px #fff;
-webkit-transition: background 2s ease;
-moz-transition: background 2s ease;
-ms-transition: background 2s ease;
transition: background 2s ease;
}

/* Relation to current time */
#actor-list-view .object-temporal .timepoint-past {
}

#actor-list-view .object-temporal .timepoint-now {
background: none;
width: 28%;
padding: 16px 10px 0 10px;
}

#actor-list-view .object-temporal .timepoint-future {
}

#actor-list-view .object-temporal .timepoint-state-off {
background: rgba(255,255,255,0.5);
background: -webkit-linear-gradient(0, transparent 25%, rgba(255, 255, 255, 0.6) 25%, rgba(255, 255, 255, 0.6) 50%, transparent 50%, transparent 75%, rgba(255, 255, 255, 0.6) 75%);
background: -moz-linear-gradient(0, transparent 25%, rgba(255, 255, 255, 0.6) 25%, rgba(255, 255, 255, 0.6) 50%, transparent 50%, transparent 75%, rgba(255, 255, 255, 0.6) 75%);
background: -ms-linear-gradient(0, transparent 25%, rgba(255, 255, 255, 0.6) 25%, rgba(255, 255, 255, 0.6) 50%, transparent 50%, transparent 75%, rgba(255, 255, 255, 0.6) 75%);
background: linear-gradient(90deg, transparent 25%, rgba(255, 255, 255, 0.6) 25%, rgba(255, 255, 255, 0.6) 50%, transparent 50%, transparent 75%, rgba(255, 255, 255, 0.6) 75%);
background-size: 15px;
border-left: none;
}

#actor-list-view .object-temporal .timepoint-state-off:first-child {
border-left: 1px solid #fff;
}

#actor-list-view .object-temporal .timepoint-state-starting, 
#actor-list-view .object-temporal .timepoint-state-ending, 
#actor-list-view .object-temporal .timepoint-state-active {
}

/* Action counters per timepoint */
#actor-list-view .object-temporal .substance-counter {
display: inline-block;
width: 30px;
height: 30px;
border-radius: 50%;
border: 3px solid #B85710;
line-height: 25px;
color: #B85710;
}

#actor-list-view .object-temporal .substance-counter.counter-max {
color: #fff;
background: #fff;
border: none;
}

/* --- List of due contract actions */
#actor-list-view .object-temporal .timepoint-now .timepoint-action {
background: transparent url("./img/sprite_icons_contracts.svg") center -1px no-repeat;
display: inline-block;
height: 32px;
width: 32px;
border-radius: 3px;
margin: 0 3px 50px 0;
border: 2px solid #80BCBC;
overflow: hidden;
-webkit-transition: background-color 1s ease, border-color 1s ease;
-moz-transition: background-color 1s ease, border-color 1s ease;
-ms-transition: background-color 1s ease, border-color 1s ease;
transition: background-color 1s ease, border-color 1s ease;
}

#actor-list-view .object-temporal .timepoint-now .timepoint-action:hover {
background-color: #fff;
border-color: #007A7A;
-webkit-transition: background-color 0.5s ease, border-color 0.5s ease;
-moz-transition: background-color 0.5s ease, border-color 0.5s ease;
-ms-transition: background-color 0.5s ease, border-color 0.5s ease;
transition: background-color 0.5s ease, border-color 0.5s ease;
}

#actor-list-view .object-temporal .timepoint-now .timepoint-action.choice-ato-tickets, 
#actor-list-view .object-temporal .timepoint-now .timepoint-action.choice-insert-ticket {
background-position: center -1px;
}
#actor-list-view .object-temporal .timepoint-now .timepoint-action.choice-insert-refund {
background-position: center -36px;
}
#actor-list-view .object-temporal .timepoint-now .timepoint-action.choice-quarter-payment {
background-position: center -70px;
}
/* DEPRECATED PLUS ICON
#actor-list-view .object-temporal .timepoint-now .timepoint-action.choice-yearly-forecast {
background-position: center -106px;
}
*/
#actor-list-view .object-temporal .timepoint-now .timepoint-action.choice-forecast {
background-position: center -138px;
}
#actor-list-view .object-temporal .timepoint-now .timepoint-action.choice-ato-lines-performance, 
#actor-list-view .object-temporal .timepoint-now .timepoint-action.choice-insert-lines-performance {
background-position: center -170px;
}
#actor-list-view .object-temporal .timepoint-now .timepoint-action.choice-ato-settlement, 
#actor-list-view .object-temporal .timepoint-now .timepoint-action.choice-yearly-payment {
background-position: center -205px;
}
#actor-list-view .object-temporal .timepoint-now .timepoint-action.choice-bonus-malus {
background-position: center -347px;
}

#actor-list-view .object-temporal .timepoint-now .action {
display: block;
width: 100%;
height: 100%;
text-indent: -1000em;
}

/* --- Dialog for changing user password */
/* Container layout */
#actor-list-view .view-account {
    position: relative;
    overflow: hidden;
    margin-top: 20px;
}

#actor-list-view .view-account:after {
    content: "";
    display: block;
    clear: both;
}

#actor-list-view .account-inspector {
    position: relative;
    float:left;
    width: 30%;
    min-height: 50px;
    height: 100%;
}

#actor-list-view .account-editor {
    border-top: 1px solid transparent;
    float:left;
    width: 70%;
    overflow: hidden;
    -webkit-transition: border 1s ease;
    -moz-transition: border 1s ease;
    -ms-transition: border 1s ease;
    transition: border 1s ease;
}

#actor-list-view.expression-accountedit .account-editor {
    border-top: 1px solid #6686AA;
    -webkit-transition: border 1s ease;
    -moz-transition: border 1s ease;
    -ms-transition: border 1s ease;
    transition: border 1s ease;
}

/* Account display with invocation/cancel button */
#actor-list-view .account-inspector .action {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 50px;
    color: #000;
    -webkit-transition: background 2s ease, color 0.5s ease;
    -moz-transition: background 2s ease, color 1s ease;
    -ms-transition: background 2s ease, color 1s ease;
    transition: background 2s ease, color 1s ease;
}

#actor-list-view.expression-accountedit .account-inspector .action, 
#actor-list-view .account-inspector .action:hover {
    background: #6686AA;
    color: #fff;
    -webkit-transition: background 2s ease, color 1s ease;
    -moz-transition: background 2s ease, color 1s ease;
    -ms-transition: background 2s ease, color 1s ease;
    transition: background 2s ease, color 1s ease;
}

#actor-list-view .account-inspector .inspector-display {
    padding: 8px 0 8px 80px;
}

#actor-list-view .account-inspector .inspector-display span {
    font-weight: bold;
    display: block;
}

#actor-list-view .account-inspector .inspector-display:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 10px;
    bottom: 5px;
    background: #fff url("./img/sprite_icons_main.svg") -146px -46px no-repeat;
    background-size: 1000%;
    width: 60px;
    border: 2px solid #e9e9e9;
    border-radius: 8px;
    -webkit-transition: background-color 2s ease, background-position 1s ease;
    -moz-transition: background-color 2s ease, background-position 1s ease;
    -ms-transition: background-color 2s ease, background-position 1s ease;
    transition: background-color 2s ease, background-position 1s ease;
}

#actor-list-view.expression-accountedit .account-inspector .inspector-display:before {
    background-color: #6686AA;
    background-position: -146px -4px;
    -webkit-transition: background-color 2s ease, background-position 1s ease;
    -moz-transition: background-color 2s ease, background-position 1s ease;
    -ms-transition: background-color 2s ease, background-position 1s ease;
    transition: background-color 2s ease, background-position 1s ease;
}

/* Password dialog with form + submit button */
#actor-list-view .account-editor .editor-actions {
    position: absolute;
    top: 10px;
    right: -50px;
    width: 50px;
    -webkit-transition: right 1s ease;
    -moz-transition: right 1s ease;
    -ms-transition: right 1s ease;
    transition: right 1s ease;
}

#actor-list-view.expression-accountedit .account-editor .editor-actions {
    right: 0;
    -webkit-transition: right 1s ease;
    -moz-transition: right 1s ease;
    -ms-transition: right 1s ease;
    transition: right 1s ease;
}

#actor-list-view .account-editor .editor-formpart {
    margin: 0 70px 0 120%; /* More than 100% to remove bars from mandatory fields */
    visibility: hidden; /* blocks accessibility by tab order */
    -webkit-transition: margin-left 1s ease, visibility ease 0 1s;
    -moz-transition: margin-left 1s ease, visibility ease 0 1s;
    -ms-transition: margin-left 1s ease, visibility ease 0 1s;
    transition: margin-left 1s ease, visibility ease 0 1s;
}

#actor-list-view.expression-accountedit .account-editor .editor-formpart {
    margin-left: 10px;
    visibility: visible;
    -webkit-transition: margin-left 1s ease, visibility ease 0 0;
    -moz-transition: margin-left 1s ease, visibility ease 0 0;
    -ms-transition: margin-left 1s ease, visibility ease 0 0;
    transition: margin-left 1s ease, visibility ease 0 0;
}

#actor-list-view .account-editor .editor-formpart .molecule:first-child, 
#actor-list-view .account-editor .editor-formpart .molecule:first-child + .molecule {
    border-top: none;
}



/* !======================================================================================== */
/* !DEVELOPER SECTION: Temporary styles which need to be reviewed and cleaned */
/* !======================================================================================== */