/*! MarketingXpress | Tools */

/*****************
 * TOOL: EXCEL IMPORT
 *****************/

.tool-excel-import .label { margin-bottom: 4px;  font-family: 'bold'; }
.tool-excel-import .text-small { font-size: 0.8em; }
.tool-excel-import .text.extra-margin { margin-top: 20px; margin-bottom: 20px; font-weight: bold; }
.tool-excel-import .area-excel-download { display:inline-block; }
.tool-excel-import .area-excel-download .text-small { float:left; }
.tool-excel-import .area-excel-file .value {cursor: pointer; min-width: 400px; margin: 20px 0 10px; padding: 15px 50px; border: 3px dashed #ccc; border-radius: 5px; background-color: #EEE; }
.tool-excel-import .area-excel-sheet .value-container { margin: 10px 0; }
.tool-excel-import .area-excel-sheet select { background-color: #fbfbfb; border: solid 1px #ddd; padding: 0.25em 1em; min-width: 150px; }
.tool-excel-import .area-excel-columns select { background-color: #fbfbfb; border: solid 1px #ddd; padding: 0.25em 1em; }
.tool-excel-import .area-excel-columns .col1 { width: 0 }
.tool-excel-import .area-excel-columns .col2 { width: 40%;  }
.tool-excel-import .area-excel-columns .col3 { width: 60%;  }
.tool-excel-import .area-excel-columns > .cols { margin-bottom: 5px; }
.tool-excel-import .area-excel-rows { display: block; }
.tool-excel-import > .area-excel-data { min-height: 100px; }    
.tool-excel-import > .area-excel-data .excel-data-row-action { cursor:pointer; display:inline-block; width: 30px; height:20px; text-align:center; }
.tool-excel-import > .area-excel-data tr.valid > td, .tool-paste-import tr.valid > td { background-color:#D8FFD1; }
.tool-excel-import > .area-excel-data tr.invalid > td, .tool-paste-import tr.invalid > td { background-color:#ff8f8f; }
.tool-excel-import > .area-excel-data tr.warning > td, .tool-paste-import tr.warning > td { background-color:#fff; }
.tool-excel-import > .area-excel-data tr.duplicate > td, .tool-paste-import tr.duplicate > td { background-color: orange; }
.tool-excel-import > .area-excel-data tr.unknown > td, .tool-paste-import tr.unknown > td { background-color: #f3f3f3; }
.tool-excel-import > .area-excel-actions { margin: 20px 0 0 0; }
.tool-excel-import > .area-excel-actions > .right { float:right; }
.tool-excel-import > .area-excel-actions > .right .import-duplicate-options { margin-left: 59%; padding-bottom: 10px; }
.tool-excel-import > .area-excel-actions > .right .import-duplicate-options p {  }
.tool-excel-import > .area-excel-actions button { margin-left: 20px; float: right; }
.tool-excel-import .download-example {  border:none; outline: none; text-decoration: underline; }
.tool-excel-import .dataTables_length { display: block !important; padding-top: 5px; }
.tool-excel-import .dataTables_paginate { margin-top: -30px; }
.tool-excel-import .area-excel-columns select.active { background-color: rgba(0,0,0,.3); color: #fff;}
.tool-excel-import .excel-import-grid { overflow: auto; }
.tool-excel-import .warning-block { position: relative; }
.tool-excel-import .warning-block .warning-description { display: none; position: absolute; }
.tool-excel-import .warning-block:hover .warning-description { display: block; }
.tool-excel-import > .area-excel-data tbody tr td.functions, .tool-excel-import > .area-excel-data thead tr th.functions { min-width: 100px; max-width: 125px; box-sizing: border-box; }

.tool-excel-import.editmode .area-excel-columns .col1 { width: 13px; margin-top:4px; margin-right:10px; }
.tool-excel-import.editmode .area-excel-columns .col2 { width: calc(40% - 50px);  }
.tool-excel-import.editmode .area-excel-columns .col3 { width: 60%;  }
.tool-excel-import.editmode .area-excel-primary-column select { background-color: #fbfbfb; border: solid 1px #ddd; padding: 0.25em 1em; min-width:150px; transition: all ease .2s;}
.tool-excel-import.editmode .area-excel-primary-column select.active { background-color: rgba(0,0,0,0.3); color: #fff; }

.tool-paste-import .invalid-rows, .tool-excel-import .invalid-rows {color: #ff0500; opacity: 0.7; padding-left: 5px; cursor: pointer;}
.tool-paste-import .valid-rows, .tool-excel-import .valid-rows {color: #2a6e48; opacity: 0.7; padding-left: 5px;}
.tool-paste-import .empty-cells, .tool-excel-import .empty-cells {color: #7c7b81; opacity: 0.7; padding-left: 5px; cursor: pointer;}
.tool-paste-import .duplicate-rows, .tool-excel-import .duplicate-rows {color: orange; opacity: 0.7; padding-left: 5px; cursor: pointer;}
.tool-paste-import .invalid-rows.active, .tool-excel-import .invalid-rows.active, .tool-paste-import .valid-rows.active, .tool-excel-import .valid-rows.active, .tool-paste-import .empty-cells.active, .tool-excel-import .empty-cells.active, .tool-paste-import .duplicate-rows.active, .tool-excel-import .duplicate-rows.active {
    font-weight: bold;
    opacity: 1;
}

/*****************
 * TOOL: PASTE IMPORT
 *****************/
.tool-paste-import > .area-paste-actions { margin: 20px 0 0 0; }
.tool-paste-import > .area-paste-actions > .right { float:right; }
.tool-paste-import > .area-paste-actions > .right .import-duplicate-options { margin-left: 59%; padding-bottom: 10px; }
.tool-paste-import > .area-paste-actions > .right .import-duplicate-options p {  }
.tool-paste-import > .area-paste-actions button { margin-left: 20px; float: left; }
.tool-paste-import .download-example { border:none; outline: none; background-color: transparent; font-weight: bold; }
.tool-paste-import > .row-error-message { color:red; }
.tool-paste-import .margin-10 { margin-bottom: 10px; }
.tool-paste-import .data-indicators { height: 28px; }
.tool-paste-import .data-indicators .inline-block { display: inline-block; }
.tool-paste-import .data-indicators div { padding-right: 20px; }
.tool-paste-import .dataTables_paginate { margin-top: -30px; }
.tool-paste-import .dataTables_length { display: block !important; padding-top: 5px; }
.tool-paste-import .area-excel-columns select { background-color: #fbfbfb; border: solid 1px #ddd; padding: 0.25em 1em; width: 100%; transition: all .2s ease; border-radius: 5px;}
.tool-paste-import .area-excel-columns select.active { background-color: rgba(0,0,0,.3); color: #fff; }
.tool-paste-import .area-excel-columns .col1 { width: 0 }
.tool-paste-import .area-excel-columns .col2 { width: 40%;  }
.tool-paste-import .area-excel-columns .col3 { width: 60%;  }
.tool-paste-import .area-excel-columns > .cols { margin-bottom: 5px; }
.tool-paste-import .area-excel-columns .columns-container { width: 100%;}
.tool-paste-import .area-excel-columns .columns-container .column:nth-child(odd) { padding-left: 0px;}
.tool-paste-import .area-excel-columns .columns-container .column:nth-child(even) { padding-right: 0px;}


/*.tool-paste-import .area-excel-data .cols > select { margin-right: 10px; }*/
/*.tool-paste-import .area-excel-data .cols > select.value-map { padding: 6px 0px; }*/

/*****************
 * TOOL: BUDGET
 *****************/
.tool-budget-details {  }

/* input */
.tool-budget-details .budget-details-form { width: 45%; }
.tool-budget-details .budget-details-form .formRow { padding: 15px 0 0 0; }

/* basic info */
.tool-budget-details .basic-info { width: 100%; background-color: #F9F9F9; width: 100%; }
.tool-budget-details .basic-info .header { padding: 15px 0 0 15px; font-weight: bold; }
.tool-budget-details .basic-info .info { padding: 0 15px 15px 15px; }
.tool-budget-details .basic-info .info .saldo { width: 25%; display: inline-block; vertical-align: top; }
.tool-budget-details .basic-info .info .saldo .current { font-size: 22px; font-weight: bold; }
.tool-budget-details .basic-info .info .saldo .startbudget span { font-size: 11px; padding-right: 15px; }
.tool-budget-details .basic-info .info .orders { width: 25%; display: inline-block; vertical-align: top; }
.tool-budget-details .basic-info .info .declarations { width: 25%; display: inline-block; vertical-align: top; }
.tool-budget-details .basic-info .info .corrections { width: 20%; display: inline-block; vertical-align: top; }
.tool-budget-details .basic-info .valuta { font-family:'bold'; }
.tool-budget-details .basic-info .progress { border-radius: 3px; overflow: hidden; }
.tool-budget-details .basic-info .progress > .component { }

/* details */
.tool-budget-details .details { margin-top: 20px; }
.tool-budget-details .details .tool-list-item-body .info { position: relative; }
.tool-budget-details .details .tool-list-item-body .info .mutation { float:right; font-size: 20px; font-weight: bold; }
.tool-budget-details .details .tool-list-item-body .info .declaration-status { text-align:right; }

/* feed */
.feed { height: 60vh; overflow: auto; }
.tool-budget-details .feed-source-view { /* height: 200px !important; overflow-y:hidden !important; */ }
.budget-all .tool-list-column .tool-list-column-body .tool-list-items { overflow: auto !important; }


/*****************
 * TOOL: FOLLOWUP
 *****************/

.tool-followup { }

/* head */
.tool-followup > .head { background-color: #7d7d7d; color: #fff; height: 46px; /*position: relative;*/ }
.tool-followup > .head .icon { display: inline-block; vertical-align: top; }
.tool-followup > .head .icon i { text-align: center; width: 24px; height: 24px; font-size: 20px; margin: 14px 12px 10px 14px; }
/*.tool-followup > .head .icon [class^="mxf-"] { font-size: 32px; padding: 7px; }*/
.tool-followup > .head .tabs { display: inline-block; vertical-align: top; height: inherit; }
.tool-followup > .head .tab { border-bottom: 2px solid #fff; box-sizing: border-box; height: inherit; padding: 13px 0 0 0; }
.tool-followup > .head .tab .label { font-family: 'bold'; }
.tool-followup > .head .close { display: inline-block; vertical-align: top; height: inherit; float: right; margin: 0 10px 0 0; color: #eee; cursor: pointer; }
.tool-followup > .head .close i { text-align: center; width: 16px; height: 16px; font-size: 16px; margin: 15px; }

/* body */
.tool-followup > .body { background-color: white; }
.tool-followup > .body > .section { padding: 20px 40px 20px 40px; box-sizing: border-box; }

/* section: guide */
.tool-followup > .body .section-guide { background-color: #F3F3F3; padding: 26px 40px 26px 40px; text-align: center; font-family: 'bold'; }

/* section: template */
.tool-followup > .body .section-template { }

.tool-followup > .body .section-template > .control { width: 100%; display: flex; flex-flow: row wrap; box-sizing: border-box; }
.tool-followup > .body .section-template > .control > .icon { width: 44px; height: 44px; background-color: #7d7d7d; border-radius: 22px; text-align: center; margin: 0 25px 0 0; color: #fff; }
.tool-followup > .body .section-template > .control > .icon i { font-size: 22px; line-height: 44px; color:#fff; }
.tool-followup > .body .section-template > .control > select { flex: 1; cursor:pointer; max-width:334px;}

/* section: recipients */
.tool-followup > .body .section-recipients { }
.tool-followup > .body .section-recipients .mxui-selector { }

/* section: files */
.tool-followup > .body .section-files { }
.tool-followup > .body .section-files .mxui-upload { margin: 20px 0 0 0; }

/* section: message */
.tool-followup > .body .section-message { }
.tool-followup > .body .section-message textarea { border-radius: 8px; border-color: #a5a5a5; min-height: 80px; font-size: 0.9em; }

/* section: actions */
.tool-followup > .body .section-actions { text-align: center; }
.tool-followup > .body .section-actions .button { font-size: 0.9em; margin: 0 4px 0 4px; }

/* dialog: sidebar */
.ds-content > .tool-followup > .body { height: calc(100vh - 46px); overflow-y: auto; }

/*****************
 * TOOL: REPORTING DIALOG
 *****************/

.dialog-report { }
.dialog-report > .tool-tabs { }
/*.dialog-report > .tool-tabs > .tabs .tab { background-color: #fff; color: inherit; font-family: 'bold'; }*/
/*.dialog-report > .tool-tabs > .tabs .tab.active { border-bottom: 1px solid #fff; }*/

.dialog-report > .area-tab-content { overflow:auto; margin-top: -1px; padding: 16px; }
    
.dialog-report .area-content-general { }
.dialog-report .area-content-general .col1 { width: 60%; }
.dialog-report .area-content-general .col2 { width: 40%; }

.dialog-report .report-name { padding: 3px 6px 3px 6px; border-radius: 4px; background-color: #ececec; display: inline-block; }
.dialog-report .report-info { margin: 5px 0 0 0; }
.dialog-report .report-info .link { color: #00a1ff; cursor: pointer; }
.dialog-report .report-info .value { }

.dialog-report .report-extra { margin: 10px 0 0 0; }

.dialog-report .report-graphs { margin: 30px 0 0 0; }
.dialog-report .report-graph { float: left; width: 200px; }
.dialog-report .report-graph.stretch { width: 100%; }
.dialog-report .report-graph .title { font-family: 'bold'; margin: 0 0 0 10px; }
.dialog-report .report-graph .chart { }

.dialog-report .report-stats { background-color: #ececec; border-radius: 10px; padding: 22px 16px 22px 16px; height: inherit; }

.dialog-report .report-stat { position: relative; margin: 0 0 24px 0; }
.dialog-report .report-stat > .title { font-family: 'bold'; margin: 0 0 6px 0; }
.dialog-report .report-stat .percentage { position: absolute; top: 0; right: 0; font-family: 'bold'; }
.dialog-report .report-stat .clickable { cursor:pointer; }
	
.dialog-report .report-stat .bar { position: relative; z-index: 1; background-color: #ccc; margin: 8px 0 8px 0; overflow: hidden; width: 100%; justify-content: center; align-items: center; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.dialog-report .report-stat .bar.big { height: 16px; margin-top: 16px; }
.dialog-report .report-stat .bar.small { height: 10px; }
.dialog-report .report-stat .bar > .indicator { background-color: #e47f00; position: absolute; top: 0; left: 0; width: 0; height: 100%; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
    
.dialog-report .report-stat > .stat-sub { padding-left: 4px; position: relative; }
.dialog-report .report-stat > .stat-sub .title { padding-right: 40px; word-break: break-word; }

.dialog-report .area-toolbar { margin: 10px 0 5px 0; padding: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.dialog-report .area-toolbar .left { float: left; }
.dialog-report .area-toolbar .right { float: right; }
	
.dialog-report .area-toolbar .filter { float: left; margin: 0; padding: 0; cursor: pointer; margin-right: 5px; border-radius: 30px; background-color: rgba(0,0,0,0.05); transition: all .2s ease; position: relative; }    
.dialog-report .area-toolbar .filter:hover, .dialog-report .area-toolbar .filter.active { background-color: rgba(0,0,0,0.2); }    
.dialog-report .area-toolbar .filter .head { color: #656565; margin: 4px 0 4px 0; padding: 5px 10px 5px 0; }
.dialog-report .area-toolbar .filter.last .head { border-right: none; }
.dialog-report .area-toolbar .filter .head .label { display: inline-block; font-family: 'bold'; padding: 0 0 0 16px; }
.dialog-report .area-toolbar .filter .head i { margin: 0 5px 0 5px; }
.dialog-report .area-toolbar .filter .body { position: absolute; z-index: 3; background: #F3F3F3; padding: 0; border-radius: 3px; display: none; }
.dialog-report .area-toolbar .filter .body.right { right: 0; }
	
.dialog-report .area-toolbar .filter:hover .body { display: block; }
.dialog-report .area-toolbar .filter .body ul.options { max-height: 250px; overflow-y: auto; }
.dialog-report .area-toolbar .filter .option { padding: 5px 15px 5px 10px; cursor: pointer; display: flex; }
.dialog-report .area-toolbar .filter .option:hover { background-color: #E9E9E9; }
.dialog-report .area-toolbar .filter .option input { cursor: pointer; }
.dialog-report .area-toolbar .filter .option label { margin: 0 0 0 10px; cursor: pointer; }
	
.dialog-report .area-toolbar .button { margin: 4px 8px 4px 0; border-radius: 5px; }

.dialog-report .processing { margin: 10px 0; color: red; }


/*****************
 * TOOL: REPORTING DASHBOARD (shared)
 *****************/

/* component */
.tool-reporting-dashboard { padding: 10px 10px 10px 10px; box-sizing: border-box; width: 100%; }

/* section summary */
.tool-reporting-dashboard .section-summary { padding: 15px 14px 30px 14px; box-sizing:border-box; display: flex; align-items: flex-start; }
    
.tool-reporting-dashboard .section-summary .primary { float:left; /*width: 70%; min-width: 300px;*/ flex-grow: 1;  }
.tool-reporting-dashboard .section-summary .secondary { float:left; /*width: 30%; min-width:100px;*/ padding: 0 0 0 10px; }
.tool-reporting-dashboard .section-summary .secondary > * { margin: 0 0 0 auto; }
    
.tool-reporting-dashboard .section-summary .head {margin: 0 0 10px 0; }
.tool-reporting-dashboard .section-summary .head .title { }
.tool-reporting-dashboard .section-summary .head .caption { font-style:italic; }

.tool-reporting-dashboard .section-summary .list { display:table; margin: 20px 0 0 0;}
.tool-reporting-dashboard .section-summary .item { display:table-row; }
.tool-reporting-dashboard .section-summary .item > * { display:table-cell; vertical-align: top;  }
.tool-reporting-dashboard .section-summary .item .icon { padding: 0.1em 6px 0 0; }
.tool-reporting-dashboard .section-summary .item .icon > .circle { width:16px; height:16px; border-radius:8px; }
.tool-reporting-dashboard .section-summary .item .label { word-break: break-word; }
.tool-reporting-dashboard .section-summary .item .counter { text-align:right; padding: 0 2px 2px 6px;}
.tool-reporting-dashboard .section-summary .item .counter > .default { display:inline; font-family:'bold'; padding: 0.1em 0.3em 0.1em 0.3em; }
.tool-reporting-dashboard .section-summary .item .counter > .increment { display:inline; background-color: grey; border-radius:4px; padding: 0.1em 0.3em 0.1em 0.3em; color:#fff; font-family:'bold'; }
.tool-reporting-dashboard .section-summary .item.focus .label { background-color: grey; color: #fff; border-radius: 4px; padding: 0 0.3em 0 0.3em; font-family: bold; }
.tool-reporting-dashboard .section-summary .item.clickable { cursor:pointer; }

.tool-reporting-dashboard .section-summary .mxui-dropdown { margin: 0 0 10px 0; }
.tool-reporting-dashboard .section-summary .chart { height: 130px; width: 130px; text-align:center;  }
.tool-reporting-dashboard .section-summary .chart-caption { height: 130px; width: 130px; padding: 20px 3px 10px 3px; box-sizing:border-box; text-align: center; }

.tool-reporting-dashboard .section-summary .chart .highcharts-title { }
.tool-reporting-dashboard .section-summary .chart .highcharts-title .count { text-align:center; font-family:'bold';}
.tool-reporting-dashboard .section-summary .chart .highcharts-title .caption { text-align:center; font-size:0.7em;}

.tool-reporting-dashboard .section-summary .link { margin-top: 14px; }

/* section graphic */
.tool-reporting-dashboard .section-graphic { padding: 15px 14px 15px 14px; background-color:#fff; }
.tool-reporting-dashboard .section-graphic .bar { padding: 0 0 24px 0; }    
.tool-reporting-dashboard .section-graphic .bar:after { content: ''; display: block; clear: both; }
.tool-reporting-dashboard .section-graphic .title { float:left; }
.tool-reporting-dashboard .section-graphic .mxui-dropdown.range { float:right; }
.tool-reporting-dashboard .section-graphic .chart { height: 300px; width: 450px; text-align:center; }

.tool-reporting-dashboard .section-graphic .chart .highcharts-tooltip * { font-family: 'bold'; }

/* chart */    
.tool-reporting-dashboard .cs-chartcolor { background-color: grey; fill:grey; }


/*****************
 * TOOL: LIST
 *****************/

.tool-list { width: 100%; }
.tool-list .tool-list-header { background-color: #535353; border-bottom: 1px solid #dddddd; padding: 0 10px 0 56px; height: 36px; max-height: 36px; }
.tool-list .tool-list-body { }
.tool-list .tool-list-footer { padding: 0; }

/*.portal .tool-list ul { list-style: none; margin: 0; padding: 0; } Dit wordt al gedaan door de css op hoofdniveau - html-markup class werkt niet als dit actief stond */
.tool-list ul.sortable, 
.tool-list ul.sortable ul { padding: 0; list-style-type: none; }
.tool-list ul.sortable ul { margin: 0 0 0 15px; }
.tool-list ul.sortable { }
.tool-list .sort-item-placeholder { min-height: 50px; line-height: 1.2em; border: 1px dashed #5a5a5a; background-color: #fff; margin-bottom: 6px; }

.tool-list .tool-list-header .search { float: left; margin: 7px 0; }
.tool-list .tool-list-header .search input { background-color: #dddddd; border: 1px solid #dddddd; padding: 2px 10px; }
.tool-list .tool-list-header .add { float: right; color: #fff; height: 36px; cursor: pointer; padding: 0 10px; }
.tool-list .tool-list-header .add:hover { /*background-color: #dddddd; color: #5a5a5a;*/ }
.tool-list .tool-list-header .add .label { display: inline-block; line-height: 36px; }
.tool-list .tool-list-header .add .add-icon { display: inline-block; height: 20px; width: 20px; background-image: url(/Resources/Images/sprite_grey.png); background-position: -120px -2560px; background-repeat: no-repeat; overflow: hidden; vertical-align: middle; }
.tool-list .tool-list-header .add:hover .add-icon { /*background-position: -0px -2560px;*/ }

.tool-list .tool-list-body .tool-list-loader { text-align: center; margin: 20px 0 20px 0; }
.tool-list .hidden { display: none !important; visibility: hidden !important; }

.tool-list .tool-list-no-items { text-align: center; margin: 20px 0 20px 0; }
.tool-list .tool-list-no-items .tool-guide-intro .image>i { font-size: 50px; margin-top: 0px !important;}

.tool-list .tool-list-items { /*margin: 10px 0 10px 0;*/ min-height: 50px; }
.tool-list .tool-list-items .tool-list-item-body { min-height: 30px; }
.tool-list .tool-list-items .tool-list-item-body:hover { }
.tool-list .tool-list-items .tool-list-item.selected .tool-list-item-body { background-color: #ccc; }
.tool-list .tool-list-items .tool-list-item.inactive > .tool-list-item-body { background-color: #dddddd; opacity: 0.5; }
.tool-list .tool-list-items .tool-list-item.locked { opacity:0.5; }

.tool-list .tool-list-items .tool-list-item-body .sort { float: left; cursor:pointer; width: 40px; height: 20px; margin-top: 5px; }
.tool-list .tool-list-items .tool-list-item-body .sort .sort-icon { height: 20px; width: 20px; margin: auto; cursor: pointer; background-position: -36px -2516px; background-image: url(/Resources/Images/sprite_grey.png); background-repeat: no-repeat; overflow: hidden; display: none; }
.tool-list .tool-list-items .tool-list-item-body:hover .sort .sort-icon { display: block; }
.tool-list .tool-list-items .tool-list-item-body .thumb { float: left; margin-right: 10px; }
.tool-list .tool-list-items .tool-list-item-body .thumb img { min-width:20px; min-height:20px;  max-height: 40px; max-width: 40px; margin-top: 5px; }
.tool-list .tool-list-items .tool-list-item-body .info { display: inline-block; margin-top: 4px; }
.tool-list .tool-list-items .tool-list-item-body .info .label { font-weight: bold; }
.tool-list .tool-list-items .tool-list-item-body .actions { float: right; }
.tool-list .tool-list-items .tool-list-item-body:hover .actions { display: block; }
.tool-list .tool-list-items .tool-list-item-body .actions .action { display: inline-block; cursor: pointer; height: 20px; margin-left: 10px; }
.tool-list .tool-list-items .tool-list-item-body .actions .action a { text-decoration: none; font-size: 15px; color: #5b6770; }
.tool-list .tool-list-items .tool-list-item-body .actions .action.collapse > .fa-chevron-up { display:none; }
.tool-list .tool-list-items .tool-list-item-body .actions .action.collapse.collapsed > .fa-chevron-down { display:none; }
.tool-list .tool-list-items .tool-list-item-body .actions .action.collapse.collapsed > .fa-chevron-up { display:block; }

.tool-list .tool-list-item .tool-list-item-body .sort { opacity: 0; transition: all .2s;}
.tool-list .tool-list-item .tool-list-item-body:hover .sort { opacity: 1; }

/* Front office app builder styling only */
.tool-list .ab-list-front .tool-list-items .tool-list-item-body .actions { display:block !important; }
.tool-list .ab-list-front .tool-list-items .tool-list-item-body .actions .action:not(.collapse):not(.locked) { display:block; opacity: 0; }
.tool-list .ab-list-front .tool-list-items .tool-list-item-body:hover .actions .action { display:block !important; opacity: 1 !important;}
.tool-list .ab-list-front .tool-list-items .tool-list-item-body .sort { cursor:pointer; width: 20px; height: 20px; margin-top: 5px; }
.tool-list .ab-list-front .tool-list-items .tool-list-item-body { transition:all 0.5s ease; }

.tool-list .search-hidden { display: none !important; visibility: hidden !important; }
.tool-list .filter-hidden { display: none !important; visibility: hidden !important; }

.tool-list .tool-list-columns { -ms-zoom: 1; zoom: 1; width: 100%; }
.tool-list .tool-list-columns:before,
.tool-list .tool-list-columns:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.tool-list .tool-list-columns:after { clear: both; }
.tool-list .tool-list-columns .tool-list-column-group > .tool-list-column { float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.tool-list .tool-list-column-head { margin: 0 0 10px 0; border: 1px solid #5a5a5a; background-color: #fff; min-height: 50px; padding: 6px 30px; }
.tool-list .tool-list-column-head .label { font-weight: bold; }
.tool-list .tool-list-column-head .description { font-style: italic; }

.tool-list .tool-list-item.row-big > .tool-list-item-body .actions { float: right; }
.tool-list .tool-list-items .tool-list-item-body .actions .action { float: right; }


/* app-tool */
.tool-app .tool-list .tool-list-items .tool-list-item-body { border: 1px solid #eee; border-bottom: 1px solid #ccc; padding: 10px; margin: 4px 0 4px 0; }
.tool-app .tool-list .tool-list-items .tool-list-item-body:hover { background-color: #ccc; }
.tool-list .tool-list-items .tool-list-item.app-style .actions { display: none; }
.tool-list .tool-list-items .tool-list-item.form-style .actions { display: none; }

/* item-style: default-style */
/* todo: move older style to default-style */

/* item-style: row-big */
.tool-list .tool-list-item.row-big > .tool-list-item-body { display: table; width: 100%; margin: 0 0 4px 0; padding: 3px 12px 3px 12px; border: 1px solid #dcdcdc; border-radius: 2px; 
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; 
    -webkit-box-shadow: 0px 0px 3px 0px rgba(220,220,220,1); -moz-box-shadow: 0px 0px 3px 0px rgba(220,220,220,1); box-shadow: 0px 0px 3px 0px rgba(220,220,220,1); }
.tool-list .tool-list-item.row-big > .tool-list-item-body .thumb > img { max-width: 100%; max-height: 100%; }
.tool-list .tool-list-item.row-big.selectable > .tool-list-item-body { cursor: pointer; }
.tool-list .tool-list-item.row-big.selectable > .tool-list-item-body:hover { background-color: #fafafa; }
.tool-list .tool-list-item.row-big.selected > .tool-list-item-body { background-color: #F0F0F0; }
.tool-list .tool-list-item.row-big > .tool-list-item-body .sort { display: table-cell; vertical-align: middle; float: none; padding-right: 10px; }
.tool-list .tool-list-item.row-big > .tool-list-item-body .sort > .sort-icon { display: block; }
.tool-list .tool-list-item.row-big > .tool-list-item-body .thumb { display: table-cell; vertical-align: middle; float: none; height: 60px; width: 60px; padding-right: 20px; }
.tool-list .tool-list-item.row-big > .tool-list-item-body .info { display: table-cell; vertical-align: middle; float: none; color: #9d9d9d; font-size: 16px; min-height: 40px; padding-right: 10px; }
.tool-list .tool-list-item.row-big > .tool-list-item-body .label { color: #535353; font-weight: bold; font-size: 16px; }
.tool-list .tool-list-item.row-big > .tool-list-item-body .description { font-size: 15px; margin-top: 6px; }
.tool-list .tool-list-item.row-big > .tool-list-item-body .actions { display: none; vertical-align: middle; float: none; text-align: right; padding-right: 0px; }
.tool-list .tool-list-item.row-big > .tool-list-item-body .actions .action a { color: #5b6770; }
.tool-list .tool-list-item.row-big > .tool-list-item-body:hover .actions { display: table-cell; }

/* item-style: row-medium */
.tool-list .tool-list-item.row-medium > .tool-list-item-body { display: table; width: 100%; margin: 6px 0 6px 0; padding: 2px 12px 2px 12px; border: 1px solid #dcdcdc; border-radius: 2px; 
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; 
    -webkit-box-shadow: 0px 0px 3px 0px rgba(220,220,220,1); -moz-box-shadow: 0px 0px 3px 0px rgba(220,220,220,1); box-shadow: 0px 0px 3px 0px rgba(220,220,220,1); }
.tool-list .tool-list-item.row-medium > .tool-list-item-body .thumb > img { max-width: 100%; max-height: 100%; }
.tool-list .tool-list-item.row-medium.selectable > .tool-list-item-body { cursor: pointer; }
.tool-list .tool-list-item.row-medium.selectable > .tool-list-item-body:hover { background-color: #fafafa; }
.tool-list .tool-list-item.row-medium.selected > .tool-list-item-body { background-color: #F0F0F0; }
.tool-list .tool-list-item.row-medium > .tool-list-item-body .sort { display: table-cell; vertical-align: middle; float: none; padding-right: 10px; }
.tool-list .tool-list-item.row-medium > .tool-list-item-body .sort > .sort-icon { display: block; }
.tool-list .tool-list-item.row-medium > .tool-list-item-body .thumb { display: table-cell; vertical-align: middle; float: none; height: 60px; width: 60px; padding-right: 12px; }
.tool-list .tool-list-item.row-medium > .tool-list-item-body .info { display: table-cell; vertical-align: middle; float: none; color: #9d9d9d; font-size: 16px; min-height: 40px; padding-right: 10px; }
.tool-list .tool-list-item.row-medium > .tool-list-item-body .label { color: #535353; font-weight: bold; font-size: 15px; }
.tool-list .tool-list-item.row-medium > .tool-list-item-body .description { font-size: 14px; }
.tool-list .tool-list-item.row-medium > .tool-list-item-body .actions { display: none; vertical-align: middle; float: none; text-align: right; padding-right: 10px; }
.tool-list .tool-list-item.row-medium > .tool-list-item-body .actions .action a { color: #aaa; }
.tool-list .tool-list-item.row-medium > .tool-list-item-body:hover .actions { display: table-cell; }



/* dashboard (disabled) */

.dashboard .tool-list-2 { width:100%; }
.dashboard .tool-list-2 .tool-list-header { background-color: #5b6770; padding: 0; height: 36px; max-height:36px; border-radius: 3px; overflow: hidden; }
.dashboard .tool-list-2 .tool-list-body { padding: 0 0 0 0; }
.dashboard .tool-list-2 .tool-list-footer { padding: 0 0 0 0; }
                     
.dashboard .tool-list-2 ul { list-style:none; margin: 0; padding: 0; }
.dashboard .tool-list-2 ul.sortable, 
.dashboard .tool-list-2 ul.sortable ul {padding: 0; list-style-type: none; }
.dashboard .tool-list-2 ul.sortable ul { margin: 0 0 0 25px;  }
.dashboard .tool-list-2 ul.sortable { }
.dashboard .tool-list-2 .sort-item-placeholder { min-height: 50px; line-height: 1.2em; border: 1px dashed #39bced; background-color: #fff; margin-bottom:6px; }
                     
.dashboard .tool-list-2 .tool-list-header .search { float:left; margin: 5px; max-width:50%; }
.dashboard .tool-list-2 .tool-list-header .search input { background-color: #eee; border: 1px solid #eee; padding: 2px 10px; height:26px; width:100%; }
.dashboard .tool-list-2 .tool-list-header .add { float:right; color: #fff; height: 36px; cursor:pointer; padding: 0 10px; }
.dashboard .tool-list-2 .tool-list-header .add:hover { background-color:#a8a8a8; color:#5a5a5a;}
.dashboard .tool-list-2 .tool-list-header .add .label { display:inline-block; line-height: 36px; }
.dashboard .tool-list-2 .tool-list-header .add .add-icon { display:inline-block; height:20px; width:20px; background-image: url(/Resources/Images/sprite_grey.png); background-position: -120px -2560px; background-repeat:no-repeat; overflow: hidden; vertical-align: middle; }
.dashboard .tool-list-2 .tool-list-header .add:hover .add-icon { background-position: -0px -2560px; }
                     
.dashboard .tool-list-2 .tool-list-body .tool-list-loader { text-align: center; margin: 20px 0 20px 0; }
.dashboard .tool-list-2 .hidden { display:none !important; visibility:hidden !important; }
                     
.dashboard .tool-list-2 .tool-list-no-items { text-align: center; margin: 20px 0 20px 0; }
                     
.dashboard .tool-list-2 .tool-list-items { margin: 10px 0 10px 0; min-height:50px; }
.dashboard .tool-list-2 .tool-list-items .tool-list-item-body { /*margin: 0 0 10px 0; border: 1px solid #f2f2f2; border-radius: 3px; min-height: 50px;*/ }
.dashboard .tool-list-2 .tool-list-items .tool-list-item-body:hover {}
.dashboard .tool-list-2 .tool-list-items .tool-list-item.selected .tool-list-item-body { background-color: #edf5f7; border: 1px solid #edf5f7;  /*background-color: #fdf1e5;*/ }
.dashboard .tool-list-2 .tool-list-items .tool-list-item.inactive > .tool-list-item-body { background-color: #f4f4f4; opacity: 0.5; }
                     
.dashboard .tool-list-2 .tool-list-items .tool-list-item-body .sort { float: left; width:40px; height: 20px; margin-top: 15px; }
.dashboard .tool-list-2 .tool-list-items .tool-list-item-body .sort .sort-icon { height:20px; width:20px; margin: auto; cursor:pointer; background-position: -36px -2516px; background-image: url(/Resources/Images/sprite_grey.png); background-repeat:no-repeat; overflow: hidden; display: none; }
.dashboard .tool-list-2 .tool-list-items .tool-list-item-body:hover .sort .sort-icon { display: block; }
.dashboard .tool-list-2 .tool-list-items .tool-list-item-body .thumb { float: left; margin-right: 10px; }
.dashboard .tool-list-2 .tool-list-items .tool-list-item-body .thumb img { max-height:40px; max-width:40px; margin-top: 5px; }
.dashboard .tool-list-2 .tool-list-items .tool-list-item-body .info { display:inline-block; margin-top: 7px; width: calc(100% - 110px); }
.dashboard .tool-list-2 .tool-list-items .tool-list-item-body .info .label { font-weight: bold; }
.dashboard .tool-list-2 .tool-list-items .tool-list-item-body .actions { float:right; margin-top: 15px; display: none; }
.dashboard .tool-list-2 .tool-list-items .tool-list-item-body:hover .actions { display: block; }
.dashboard .tool-list-2 .tool-list-items .tool-list-item-body .actions .action { display:inline-block; cursor:pointer; height:20px; width:20px; margin-left:10px; }
.dashboard .tool-list-2 .tool-list-items .tool-list-item-body .actions .action a { text-decoration: none; font-size: 15px; color: #000; }
                     
.dashboard .tool-list-2 .search-hidden { display:none !important; visibility:hidden !important; }
.dashboard .tool-list-2 .filter-hidden { display: none !important; visibility: hidden !important; }
                     
.dashboard .tool-list-2 .tool-list-columns { zoom:1; width: 100%;}
.dashboard .tool-list-2 .tool-list-columns:before,
.dashboard .tool-list-2 .tool-list-columns:after { content:"\0020";display:block;height:0;overflow:hidden; }
.dashboard .tool-list-2 .tool-list-columns:after { clear:both; }
.dashboard .tool-list-2 .tool-list-columns > .tool-list-column { float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; }
                     
.dashboard .tool-list-2 .tool-list-column-head { margin: 0 0 10px 0; border: 1px solid #8d8d8d; background-color: #DADADA; min-height: 50px; padding: 6px 30px; }
.dashboard .tool-list-2 .tool-list-column-head .label { font-weight:bold; }
.dashboard .tool-list-2 .tool-list-column-head .description { font-style:italic; }


/*****************
 * TOOL: APPBUILDER
 *****************/

.tool-appbuilder { height: 100%; }

.tool-appbuilder .ab-header,
.ab-form-builder .ab-header { padding: 8px 16px; background-color: #5b6770; color: white; font-weight: bold; border-radius: 3px; }
.tool-appbuilder .ab-manage,
.ab-form-builder .ab-manage { display: flex; align-items: flex-start; height: 100%; }
.tool-appbuilder .app-builder-field,
.abl-form-builder.app-builder-field { overflow-y: auto; overflow-x: hidden; height: 100%; }


.tool-appbuilder .ab-steps { flex: 1; height: 100%; margin-right: 20px }

.tool-appbuilder .ab-steps > .tool-list,
.ab-form-builder .ab-fields > .tool-list { height: 100%; }

.tool-appbuilder .ab-steps > .tool-list > .tool-list-body,
.ab-form-builder .ab-fields > .tool-list > .tool-list-body { display: flex; height:100%; }

.tool-appbuilder .ab-steps > .tool-list > .tool-list-body > .tool-list-items,
.ab-form-builder .ab-fields > .tool-list > .tool-list-body > .tool-list-items { flex: 1; height:100%; overflow: auto; }

.tool-appbuilder .ab-edit { flex: 3; height: 100%; }

.tool-appbuilder .ab-edit-screen,
.tool-appbuilder .ab-manage-step,
.tool-appbuilder .ab-manage-field-form { height: 100%; }

.tool-list .tool-list-body:not(.ab-list-front) .tool-list-items .tool-list-item-body .actions .action a { color:#000000 !important; }


.tool-appbuilder .area-app-field .edit-element-details { height:100%; /*padding:5px;*/ overflow-y:hidden; }
.tool-appbuilder .area-app-field .edit-element-details .app-builder-title { padding-top:10px; }
.tool-appbuilder .area-app-field .edit-element-details .area-tab-content { height:80%; overflow-y:auto; }

.ab-form-builder { height: 100%; }

.ab-form-builder .ab-field-manage-item { max-height: 100%; display: flex; flex-direction: column; height:100%; }
.ab-form-builder .ab-field-edit-screen { max-height: 100%; flex: 1; height:100%; }

.ab-form-builder .ab-field-manage-item-form { height: calc(100% - 100px); overflow: auto; flex: 1; }

.ab-form-builder .ab-fields { flex: 1; margin-right: 20px; height: 100%; }
.ab-form-builder .ab-field { flex: 2; box-shadow: 0px 0px 3px 0px rgba(220,220,220,1); border-radius: 3px; max-height: 100%; height:100%; display: flex; margin-right: 3px; }

.ab-form-builder .ab-buttons #btn_save,
.ab-form-builder .ab-buttons #btn_cancel { float: right; margin-bottom: 16px; margin-right: 16px; margin-top: 16px; }

.ab-form-builder .ab-buttons #btn_delete,
.ab-form-builder .ab-buttons #btn_move { margin-left: 16px; margin-top: 16px; margin-bottom: 16px; }

.tool-appbuilder .ab-no-selection,
.ab-form-builder .ab-no-selection { flex: 1; padding-bottom: 20px; }


/*.dashboard .tool-appbuilder .tool-list .tool-list-items .tool-list-item-body { margin: 0 0 10px 0; border: 1px solid #f2f2f2; border-radius: 3px; min-height: 50px; }
.dashboard .tool-appbuilder .tool-list .tool-list-items .tool-list-item-body .info {display: inline-block; margin-top: 15px; width: calc(100% - 140px);}
.dashboard .tool-appbuilder .tool-list .tool-list-items .tool-list-item-body .actions .action a {text-decoration: none; font-size: 14px; color: #999; transition: font-size 0.05s;}
.dashboard .tool-appbuilder .tool-list .tool-list-items .tool-list-item-body .actions .action:hover a{font-size: 16px; color: #444;}*/


.ab-language-switch-container { color: white; margin-right: auto; padding-left: 20px; }
.ab-language-switch-container .language-option { display: inline-block; cursor: pointer; padding-right: 20px; opacity: 0.3; }
.ab-language-switch-container .language-option:hover { opacity: 0.7; }
.ab-language-switch-container .language-option.active { opacity: 1; }
.ab-language-switch-container .language-flag { max-height: 32px; max-width: 32px; padding-left: 5px; }


/*****************
 * Form element: Range
 *****************/

.formRow.range-element .range-container .range { padding: 10px 5px; border-bottom:1px solid #D4D8D9; }
.formRow.range-element .range-container .range:last-child { border-bottom:0px; }
.formRow.range-element .range-container .range .range-label { font-size:12px; }
.formRow.range-element .range-container .range .range-settings-label { margin-top:5px; }
.formRow.range-element .range-container .range .indicator-wrapper { display:flex; margin-bottom:5px; }
.formRow.range-element .range-container .range .indicator-wrapper .indicator-icon { flex:10%; text-align:center; display:flex; justify-content:center; align-items:center; }
.formRow.range-element .range-container .range .indicator-wrapper .indicator-icon .indicator { width: 14px; height: 14px; vertical-align:middle; border-radius: 50%; }
.formRow.range-element .range-container .range .indicator-wrapper .indicator-label { flex:90%; }
.formRow.range-element .range-container .range .indicator-wrapper .indicator-label .label { display: inline-block; width: 100%; font-size: 12px; }

.formRow.range-element .range-container .range .range-settings { margin-top:10px; display:flex; justify-content:center; align-items:center; }
.formRow.range-element .range-container .range .range-settings .between { flex:20%; }
.formRow.range-element .range-container .range .range-settings .min-value { display: inline-block; flex: 35%; font-size: 12px; }
.formRow.range-element .range-container .range .range-settings .and { text-align:center; flex:10%; }
.formRow.range-element .range-container .range .range-settings .max-value { display: inline-block; flex: 35%; font-size: 12px; }

.formRow.range-element .range-container .range .percentage-label { display: none; margin-top: 5px; }
.formRow.range-element .range-container .range .percentage-icon { display: none; flex: 5%; text-align: center;}
.formRow.range-element .range-container.percentage .range .percentage-label, .formRow.range-element .range-container.percentage .range .percentage-icon { display: block; }
.formRow.range-element .range-container.percentage .range .range-settings .min-value, .formRow.range-element .range-container.percentage .range .range-settings .max-value { flex: 30%; }

.formRow.range-element.range-element-horizontal .range-container .range { display:flex; box-sizing:border-box; }
.formRow.range-element.range-element-horizontal .range-container .range input { padding:10px 5px; }
.formRow.range-element.range-element-horizontal .range-container .range .indicator-wrapper { flex:25%; margin-bottom:3px; text-align:center; }
.formRow.range-element.range-element-horizontal .range-container .range .indicator-wrapper .indicator-label { padding:10px; }
.formRow.range-element.range-element-horizontal .range-container .range .range-label { flex:15%; display: flex; justify-content: center; align-items: center; }
.formRow.range-element.range-element-horizontal .range-container .range .range-settings-label { flex:20%; padding:10px; margin-top:0px; text-align:center; }
.formRow.range-element.range-element-horizontal .range-container .range .range-settings { flex:25%; margin-top:0px; }
.formRow.range-element.range-element-horizontal .range-container .range .range-settings .percentage-icon, 
.formRow.range-element.range-element-horizontal .range-container .range .range-settings .and { padding:5px; }
.formRow.range-element.range-element-horizontal .range-container .range .percentage-label { flex:20%; margin-top:10px; display:none; }

/*****************
 * TOOL: FEED
 *****************/

.tool-feed { }
.tool-feed > .feed-toolbar { margin-bottom: 10px; }
.tool-feed > .feed-toolbar > ul { list-style: none; background-color: #f2f2f2; padding: 3px 3px 3px 3px; }
.tool-feed > .feed-toolbar > ul > li { display: inline-block; padding: 3px 5px 3px 5px; color: #979797; cursor: pointer; font-size: 14px; }
.tool-feed > .feed-toolbar > ul > li > i { }
.tool-feed > .feed-toolbar > ul > li:hover { color: #344bfc; }
.tool-feed > .feed-toolbar > ul > li.focus > i { color: #344bfc; }
.tool-feed > .feed-toolbar > ul > li.focus > span { color: #000; }
.tool-feed > .feed-toolbar > ul > li.focus:hover > span { color: #344bfc; }
.tool-feed > .feed-toolbar > .feed-toolbar-input { }
.tool-feed > .feed-toolbar > .feed-toolbar-input input,
.tool-feed > .feed-toolbar > .feed-toolbar-input textarea { border: none; padding: 10px; color: #979797; font-size: 14px; }
.tool-feed > .feed-toolbar > .feed-toolbar-input input:focus,
.tool-feed > .feed-toolbar > .feed-toolbar-input textarea:focus { outline-color: transparent; outline-style: none; color: #000; }
.tool-feed > .feed-toolbar > .feed-toolbar-input > .comment { }
.tool-feed > .feed-toolbar > .feed-toolbar-input > .comment > textarea { border-bottom: 2px solid #f2f2f2; }
.tool-feed > .feed-toolbar > .feed-toolbar-input > .comment > .bottom { text-align: right; }
.tool-feed > .feed-toolbar > .feed-toolbar-input > .comment > .bottom > button { padding: 2px 12px 2px 12px; font-size: 14px; }
.tool-feed .feed-source-tabs > ul { list-style: none; text-align: center; font-size: 0; min-height:39px; }
.tool-feed .feed-source-tabs > ul > li { display: inline-block; padding: 5px 8px 5px 8px; font-size: 16px; font-weight: bold; border-bottom: 4px solid transparent; cursor: pointer; }

.tool-feed .feed-source-tabs > ul > li.source-tabs-collapsed { display:none; position:relative; float:right; }
.tool-feed .feed-source-tabs > ul > li.source-tabs-collapsed > ul.collapsed-items { z-index:1; display: none; position: absolute; top: 100%; right: 0px; width: 150px; list-style: none; text-align: center; font-size: 0; }
.tool-feed .feed-source-tabs > ul > li.source-tabs-collapsed > ul.collapsed-items > li { color:rgba(0, 0, 0, 0.7); padding: 5px 8px 5px 8px; font-size: 14px; font-weight: bold; border-bottom: 4px solid transparent; cursor: pointer; }
.tool-feed .feed-source-tabs > ul > li.source-tabs-collapsed > ul.collapsed-items > li.active { color:rgba(0, 0, 0, 1) }
.tool-feed .feed-source-tabs > ul > li.source-tabs-collapsed:hover > ul.collapsed-items { display:block; }

.tool-feed > .feed-no-data { padding: 10px; text-align: center; }

/* items */
.tool-feed > .feed-source-view .cd-timeline-block > .edit { display: none; position: absolute; top: 4px; right: 4px; cursor: pointer; z-index: 1; font-size: 14px; background-color: #eed8ad; padding: 2px 4px 2px 4px; border-radius: 0.25em; }
.tool-feed > .feed-source-view .cd-timeline-block:hover > .edit { display: block; }

/* item: task */
.tool-feed > .feed-source-view .task .more { cursor:pointer; }
.tool-feed > .feed-source-view .task .checkbox { cursor:pointer; }
.tool-feed > .feed-source-view .task .checkbox .fa { display:none; }
.tool-feed > .feed-source-view .task.open .checkbox .fa.open { display:inline-block; }
.tool-feed > .feed-source-view .task.complete .checkbox .fa.complete { display:inline-block; }
.tool-feed > .feed-source-view .task.complete .checkbox .fa.open { display:none; }
.tool-feed > .feed-source-view .task.open .checkbox .fa.complete { display:none; }
.tool-feed > .feed-source-view .task .main .deadline { display: inline-block; }
.tool-feed > .feed-source-view .task .main .deadline.none .value  { color: #000; }
.tool-feed > .feed-source-view .task .main .deadline.ok .value  { color: #19c56f; }
.tool-feed > .feed-source-view .task .main .deadline.warning .value  { color: #ffd300; }
.tool-feed > .feed-source-view .task .main .deadline.critical .value  { color: #ff3434; }
.tool-feed > .feed-source-view .task .edit { display: inline-block; margin: 0 0 0 12px; cursor: pointer; }

/* comment-attachment */
.tool-feed > .feed-source-view .comment-attachments { width: 100%; cursor:pointer; }
.tool-feed > .feed-source-view .comment-attachments .single-attachment { display: block; width: 100%; clear: both; }
.tool-feed > .feed-source-view .comment-attachments .single-attachment > a { padding: 2px; text-decoration:none; color:none; }
.tool-feed > .feed-source-view .comment-attachments .single-attachment > a:hover { text-decoration:none; }
.tool-feed > .feed-source-view .comment-attachments .single-attachment .icon { display:inline-block; width: 16px; color: #aaa; }
.tool-feed > .feed-source-view .comment-attachments .single-attachment .name { display: inline-block; margin: 0 4px 0 0px; font-family: 'bold'; color: #3178b6; }
.tool-feed > .feed-source-view .comment-attachments .single-attachment .download { display: none; width: 20px; text-align:center; color: #aaa; }
.tool-feed > .feed-source-view .comment-attachments .single-attachment:hover .name { }
.tool-feed > .feed-source-view .comment-attachments .single-attachment:hover .download { display:inline-block; }

/* Close button */
.feed-source-tabs { position: relative; }
.tool-feed .feed-close { position: absolute; top: 49%; transform: translateY(-50%); right: 30px; font-size: 14px; cursor: pointer; color: #8d8d8d; }

.tool-feed > .feed-source-view { padding: 0px 15px;}

/* Budget */
.tool-feed > .feed-source-view.budget-all .feed,
.tool-feed > .feed-source-view.budget-orders .feed,
.tool-feed > .feed-source-view.budget-declarations .feed { height:100%; }


/* deprecated from here */
#contact-feed.no-data p,
#contact-feed-details.no-data p,
#feed.no-data p { margin-left: 35px; }

#cd-timeline { position: relative; padding: 5px 0; }
/*#cd-timeline::before { content: ''; position: absolute; top: 0; left: 10px; height: 100%; width: 4px; }*/
#cd-timeline::before { /* this is the vertical line */ content: ''; top: 0; bottom: 0; position: absolute; width: 4px; left: 0; border-left: 4px dotted #eed8ad; background: none !important; }

.cd-timeline-block { position: relative; margin: 2em 0 2em 0; width: 100%; }
.cd-timeline-block:after { content: ""; display: table; clear: both; }
.cd-timeline-block:first-child { margin-top: 0; }
.cd-timeline-block:last-child { margin-bottom: 0; }

.cd-timeline-img { position: absolute; top: 0; left: 0; width: 20px; height: 20px; border-radius: 50%; box-shadow: 0 0 0 4px white, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05); }
.cd-timeline-img img { display: block; width: 14px; height: 14px; position: relative; left: 50%; top: 50%; margin-left: -7px; margin-top: -7px; }
.cd-timeline-img.cd-picture { background: #75ce66; }
.cd-timeline-img.cd-movie { background: #c03b44; }
.cd-timeline-img.cd-location { background: #f0ca45; }

@-webkit-keyframes cd-bounce-1 {
    0% { opacity: 0; -webkit-transform: scale(0.5); }
    60% { opacity: 1; -webkit-transform: scale(1.2); }
    100% { -webkit-transform: scale(1); }
}

@-moz-keyframes cd-bounce-1 {
    0% { opacity: 0; -moz-transform: scale(0.5); }
    60% { opacity: 1; -moz-transform: scale(1.2); }
    100% { -moz-transform: scale(1); }
}

@keyframes cd-bounce-1 {
    0% { opacity: 0; -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); }
    60% { opacity: 1; -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); }
    100% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
}

.cd-timeline-picture { position: absolute; top: 0; left: 0; width: 40px; height: 40px; display: none; }
.cd-timeline-content { position: relative; margin-left: 25px; background: white; border-radius: 0.25em; padding: 1em; }
.cd-timeline-content:after { content: ""; display: table; clear: both; }
.cd-timeline-content h2 { color: #303e49; }
.cd-timeline-content p, .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date { font-size: 13px; font-size: 0.8125rem; }
.cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date { display: inline-block; }
.cd-timeline-content p { margin: 1em 0; line-height: 1.6; }
.cd-timeline-content .cd-read-more { float: right; padding: .8em 1em; background: #acb7c0; color: white; border-radius: 0.25em; }
.no-touch .cd-timeline-content .cd-read-more:hover { background-color: #bac4cb; }
.cd-timeline-content .cd-date { float: left; padding: 0; opacity: .7; }
.cd-timeline-content::before { content: ''; position: absolute; top: 6px; right: 100%; height: 0; width: 0; border: 7px solid transparent; border-right: 7px solid white; }

@media only screen and (min-width: 768px) {
    .cd-timeline-content h2 { font-size: 20px; font-size: 1.25rem; }
    .cd-timeline-content p { font-size: 16px; font-size: 1rem; }
    .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date { font-size: 14px; font-size: 0.875rem; }
}

@-webkit-keyframes cd-bounce-2 {
    0% { opacity: 0; -webkit-transform: translateX(-100px); }
    60% { opacity: 1; -webkit-transform: translateX(20px); }
    100% { -webkit-transform: translateX(0); }
}

@-moz-keyframes cd-bounce-2 {
    0% { opacity: 0; -moz-transform: translateX(-100px); }
    60% { opacity: 1; -moz-transform: translateX(20px); }
    100% { -moz-transform: translateX(0); }
}

@keyframes cd-bounce-2 {
    0% { opacity: 0; -webkit-transform: translateX(-100px); -moz-transform: translateX(-100px); -ms-transform: translateX(-100px); -o-transform: translateX(-100px); transform: translateX(-100px); }
    60% { opacity: 1; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); }
    100% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }
}

@-webkit-keyframes cd-bounce-2-inverse {
    0% { opacity: 0; -webkit-transform: translateX(100px); }
    60% { opacity: 1; -webkit-transform: translateX(-20px); }
    100% { -webkit-transform: translateX(0); }
}

@-moz-keyframes cd-bounce-2-inverse {
    0% { opacity: 0; -moz-transform: translateX(100px); }
    60% { opacity: 1; -moz-transform: translateX(-20px); }
    100% { -moz-transform: translateX(0); }
}

@keyframes cd-bounce-2-inverse {
    0% { opacity: 0; -webkit-transform: translateX(100px); -moz-transform: translateX(100px); -ms-transform: translateX(100px); -o-transform: translateX(100px); transform: translateX(100px); }
    60% { opacity: 1; -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); -ms-transform: translateX(-20px); -o-transform: translateX(-20px); transform: translateX(-20px); }
    100% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }
}


.tool-feed { background-color: #f8f8f8; min-height:400px; }
.tool-feed #cd-timeline::before { border-left: none; padding: 0; }
.tool-feed #cd-timeline { margin-left: 15px; margin-right: 15px; padding: 0; }

.tool-feed > .head { font-family:"Open Sans"; display: inherit; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; }
.tool-feed > .head .feed-title { padding: 10px 25px 8px 25px; font-size: 13px; color: #fff;  }
.tool-feed .feed-source-tabs > ul { text-align: left; padding: 0px 30px;}
.tool-feed .feed-source-tabs > ul > li { display: inline-block; color: rgba(0, 0, 0, 0.5); padding: 10px 10px 10px 10px; font-size: 14px; font-weight: bold; }
.tool-feed .feed-source-tabs > ul > li.active { color: rgba(0, 0, 0, 1); }
.tool-feed .feed-source-tabs > ul > li:hover { color: rgba(0, 0, 0, 1); }

.tool-feed .feed-subject { text-align: center; font-family: 'bold'; padding: 25px 0; margin: 0 13px; border-bottom: 1px solid #e7e7e7; font-size: 16px; }

.tool-feed > .feed-toolbar { margin-bottom: 0; padding:30px;}
.tool-feed > .feed-toolbar .button { margin: 0px 0 15px 0px; font-size: 14px; }
.tool-feed .feed-view > .feed-toolbar { margin-top:5px; height:40px; }
.tool-feed .feed-view > .feed-toolbar .search-input-wrapper { position:relative; }
.tool-feed .feed-view > .feed-toolbar .search-input-wrapper:before { font-family: "Font Awesome\ 5 Pro"; font-weight: 900; content: "\f002"; position: absolute; left: 23px; top: 10px; color: #7f868c; }
.tool-feed .feed-view > .feed-toolbar .search-input-wrapper input[type=text] { height: 30px; padding-left: 32px; width: 75%; margin-left: 14px; float: left; margin-top: 5px; color: #7f868c; }
.tool-feed .feed-view > .feed-toolbar button { float:left; margin-left:3px; height:30px; width:30px; margin-top:5px; border:0px; color:#000; }
.tool-feed .feed-view > .feed-toolbar i { color:#fff; }

@media only screen and (max-width: 1600px) {
    .tool-feed .feed-view > .feed-toolbar .search-input-wrapper input[type=text] { width: 75%; }
}

@media only screen and (max-width: 1500px) {
    .tool-feed .feed-view > .feed-toolbar .search-input-wrapper input[type=text] { margin-left:8px; width: 75%; }
}

@media only screen and (max-width: 1350px) {
    .tool-feed .feed-view > .feed-toolbar .search-input-wrapper input[type=text] { margin-left:5px; width: 75%; }
}

@media only screen and (max-width:1000px) {
    .tool-feed .feed-view > .feed-toolbar .search-input-wrapper input[type=text] { margin-left: 5px; width: 75%; }
    .tool-feed .feed-view > .feed-toolbar .search-input-wrapper:before { left: 12px; font-size: 14px; }
    .tool-feed { min-height:150px; }
}

@media only screen and (max-width:850px) {
    .tool-feed .feed-view > .feed-toolbar .search-input-wrapper input[type=text] { margin-left: 5px; width: 75%; }
}

.tool-feed .tool-list .tool-list-items { margin: 0px 0 60px 0; min-height: 50px; }
.tool-feed .tool-list .tool-list-items .tool-list-item-body .info { width: calc(100% - 50px); }
.tool-feed .tool-list .tool-list-items .tool-list-item-body .info .label { font-size: 13px; }
.tool-feed .tool-list .tool-list-items .tool-list-item-body .info .subtitle { font-size: 11px; color: #7f868c; }
.tool-feed .tool-list .tool-list-items .tool-list-item-body .info .description { font-size: 13px; margin-top: 10px; }
.tool-feed .tool-list .tool-list-items .tool-list-item-body .info .footer { font-size: 11px; color: #7f868c; }
.tool-feed .tool-list .tool-list-items .tool-list-item-body .info .pill { background-color: #31383d; padding: 1px 4px 1px 4px; border-radius: 3px; color: #fff; font-size: 0.8em; margin-bottom: 4px; margin-top: 12px; display: inline-block; }
.tool-feed .tool-list-item { padding: 25px 0; border-bottom: 1px solid #e7e7e7; }

.tool-feed .comments .tool-list-item-body { position:relative; }
.tool-feed .comments .tool-list-item-body .actions { float:none; position:absolute; top:0;right:0; }

.tool-feed .tasks .tool-list-item { padding: 11px 16px; background-color: #fff; margin-top: 8px; border-bottom: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.tool-feed .tasks .tool-list-items li:first-child { margin-top: 17px; }
.tool-feed .tasks .tool-list-items .tool-list-item-body { min-height: 0; }
.tool-feed .tasks .tool-list-items .main .checkbox { display: inline-block; color: #aaaaaa; }
.tool-feed .tasks .tool-list-items .main .checkbox.checked > .complete { display:block; }
.tool-feed .tasks .tool-list-items .main .checkbox.checked > .open { display:none; }
.tool-feed .tasks .tool-list-items .main .checkbox:not(.checked) > .complete { display:none; }
.tool-feed .tasks .tool-list-items .main .checkbox:not(.checked) > .open { display:block; }
.tool-feed .tasks .tool-list-items .main .label { display: inline; margin-left: 10px; font-size: 14px; }
.tool-feed .tasks .tool-list-items .main .task-checkbox { float: left; margin-right: 5px; }
.tool-feed .tasks .tool-list-items .main .task-label { float: left; margin-left: 0px !important; width: 52%; overflow: hidden; display: -webkit-box !important; -webkit-line-clamp: 1; -webkit-box-orient: vertical; cursor: pointer; }
.tool-feed .tasks .tool-list-items .main .task-label-right { width: 40%; text-align: right; }
.tool-feed .tasks .tool-list-items .main .more { display: inline-block; margin-left: 10px; color: #3178b6; font-family: 'bold'; font-size: 12px; text-decoration: underline; }
.tool-feed .tasks .tool-list-items .main .right { float: right; }
.tool-feed .tasks .tool-list-items .main .right .deadline .attention { display: inline-block; }
.tool-feed .tasks .tool-list-items .main .right .deadline .label { display: inline-block; font-size: 12px; }
.tool-feed .tasks .tool-list-items .main .right .deadline .value { display: inline-block; margin-left: 8px; font-size: 12px; font-family: 'bold'; }

.tool-feed .tasks .tool-list-items .details { margin-top: 12px; }
.tool-feed .tasks .tool-list-items .details .description { font-size: 13px; font-style: italic; line-height: 22px; border-top: 1px solid #e7e7e7; padding-top: 20px; }
.tool-feed .tasks .tool-list-items .details .date { font-size: 11px; color: #7f868c; margin-top: 10px; }
.tool-feed .tasks .tool-list-items .details .date .start { display: inline-block; margin-right: 16px; font-family: 'bold'; }
.tool-feed .tasks .tool-list-items .details .date .label { display: inline-block; margin-right: 4px; }
.tool-feed .tasks .tool-list-items .details .date .deadline { display: inline-block; margin-left: 8px; font-family: 'bold'; }
.tool-feed .tasks .tool-list-items .details .assignees { display: inline-block; margin-top: 20px; }
.tool-feed .tasks .tool-list-items .details .assignees .title { font-size: 13px; font-family: 'bold'; margin-bottom: 8px; }
.tool-feed .tasks .tool-list-items .details .assignees .assignee { display: inline-block; }
.tool-feed .tasks .tool-list-items .details .assignees .assignee .thumb { float: none; }
.tool-feed .tasks .tool-list-items .details .assignees .assignee .thumb img { max-height: 30px; max-width: 30px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; margin-top: 3px; }

.tool-feed .tool-list .tool-list-items .tool-list-item-body .thumb img { max-height: 40px; max-width: 40px; object-fit: cover; width: 40px; height: 40px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; margin-top: 3px; }



/* integrated-sidebar */
.tool-feed.integrated-sidebar { height: 100%; background-color: #fff; }
.tool-feed.integrated-sidebar > .head { -webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 0; -moz-border-radius-topleft: 0; -moz-border-radius-topright: 0; border-top-left-radius: 0; border-top-right-radius: 0; }
.tool-feed.integrated-sidebar .feed-source-view { max-height: 100% !important; }



/* dashboard */
.dashboard .tool-feed { background-color: #f8f8f8; }
.dashboard .tool-feed #cd-timeline::before { border-left: none; padding: 0; }
.dashboard .tool-feed #cd-timeline { margin-left: 15px; margin-right: 15px; padding: 0; }
 
.dashboard .tool-feed > .head { display: inherit; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; }
.dashboard .tool-feed > .head .feed-title { padding: 10px 25px 8px 25px; font-size: 13px; color: #fff;  }
.dashboard .tool-feed .feed-source-tabs { background-color:#5b5b5b;  -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; }
.dashboard .tool-feed .feed-source-tabs > ul { text-align: left; }
.dashboard .tool-feed .feed-source-tabs > ul > li { display: inline-block; border-bottom: 2px solid transparent; color: rgba(255, 255, 255, 0.5); padding: 10px 25px 8px 25px; font-size: 13px; font-weight: normal; cursor: pointer; }
.dashboard .tool-feed .feed-source-tabs > ul > li.active { color: rgba(255, 255, 255, 1); border-bottom: 2px solid #000; }
.dashboard .tool-feed .feed-source-tabs > ul > li:hover { border-bottom: 2px solid #000; }

 

.dashboard .tool-feed .feed-subject { text-align: center; font-family: 'bold'; padding: 25px 0; margin: 0 13px; border-bottom: 1px solid #e7e7e7; font-size: 16px; }
 
.dashboard .tool-feed > .feed-toolbar { margin-bottom: 0; }
.dashboard .tool-feed > .feed-toolbar .button { margin: 15px 0 0 15px; font-size: 14px; }
 
.dashboard .tool-feed .tool-list .tool-list-items { margin: 0px 0 60px 0; min-height: 50px; }
.dashboard .tool-feed .tool-list .tool-list-items .tool-list-item-body .info { width: calc(100% - 110px); }
.dashboard .tool-feed .tool-list .tool-list-items .tool-list-item-body .info .label { font-size: 13px; }
.dashboard .tool-feed .tool-list .tool-list-items .tool-list-item-body .info .subtitle { font-size: 11px; color: #7f868c; }
.dashboard .tool-feed .tool-list .tool-list-items .tool-list-item-body .info .description { font-size: 13px; }
.dashboard .tool-feed .tool-list-item { padding: 25px 0; border-bottom: 1px solid #e7e7e7; }
 
.dashboard .tool-feed .comments .tool-list-item-body { position:relative; }
.dashboard .tool-feed .comments .tool-list-item-body .actions { float:none; position:absolute; top:0;right:0; }
 
.dashboard .tool-feed .tasks .tool-list-item { padding: 11px 16px; background-color: #fff; margin-top: 8px; border-bottom: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.dashboard .tool-feed .tasks .tool-list-items li:first-child { margin-top: 17px; }
.dashboard .tool-feed .tasks .tool-list-items .tool-list-item-body { min-height: 0; }
.dashboard .tool-feed .tasks .tool-list-items .main .checkbox { display: inline-block; color: #aaaaaa; }
.dashboard .tool-feed .tasks .tool-list-items .main .label { display: inline; margin-left: 10px; font-size: 14px; }
.dashboard .tool-feed .tasks .tool-list-items .main .more { display: inline-block; margin-left: 10px; color: #3178b6; font-family: 'bold'; font-size: 12px; text-decoration: underline; }
.dashboard .tool-feed .tasks .tool-list-items .main .right { float: right; }
.dashboard .tool-feed .tasks .tool-list-items .main .right .deadline .attention { display: inline-block; }
.dashboard .tool-feed .tasks .tool-list-items .main .right .deadline .label { display: inline-block; font-size: 12px; }
.dashboard .tool-feed .tasks .tool-list-items .main .right .deadline .value { display: inline-block; margin-left: 8px; font-size: 11px; font-family: 'bold'; }
 
.dashboard .tool-feed .tasks .tool-list-items .details { margin-top: 12px; }
.dashboard .tool-feed .tasks .tool-list-items .details .description { font-size: 13px; line-height: 22px; border-top: 1px solid #e7e7e7; padding-top: 20px; }
.dashboard .tool-feed .tasks .tool-list-items .details .date { font-size: 11px; color: #7f868c; margin-top: 10px; }
.dashboard .tool-feed .tasks .tool-list-items .details .date .start { display: inline-block; margin-right: 16px; font-family: 'bold'; }
.dashboard .tool-feed .tasks .tool-list-items .details .date .label { display: inline-block; margin-right: 4px; }
.dashboard .tool-feed .tasks .tool-list-items .details .date .deadline { display: inline-block; margin-left: 8px; font-family: 'bold'; }
.dashboard .tool-feed .tasks .tool-list-items .details .assignees { display: inline-block; margin-top: 20px; }
.dashboard .tool-feed .tasks .tool-list-items .details .assignees .title { font-size: 13px; font-family: 'bold'; margin-bottom: 8px; }
.dashboard .tool-feed .tasks .tool-list-items .details .assignees .assignee { display: inline-block; }
.dashboard .tool-feed .tasks .tool-list-items .details .assignees .assignee .thumb { float: none; }
.dashboard .tool-feed .tasks .tool-list-items .details .assignees .assignee .thumb img { max-height: 30px; max-width: 30px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; margin-top: 3px; }
 
.dashboard .tool-feed .tool-list .tool-list-items .tool-list-item-body .thumb img { max-height: 40px; max-width: 40px; object-fit: cover; width: 40px; height: 40px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; margin-top: 3px; }
 
/* items */
.dashboard .tool-feed > .feed-source-view .cd-timeline-block > .edit { display: none; position: absolute; top: 4px; right: 4px; cursor: pointer; z-index: 1; font-size: 14px; background-color: #eed8ad; padding: 2px 4px 2px 4px; border-radius: 0.25em; }
.dashboard .tool-feed > .feed-source-view .cd-timeline-block:hover > .edit { display: block; }
 
/* item: task */
.dashboard .tool-feed > .feed-source-view .task .more { cursor:pointer; }
.dashboard .tool-feed > .feed-source-view .task .checkbox { cursor:pointer; }
.dashboard .tool-feed > .feed-source-view .task .checkbox .fa { display:none; }
.dashboard .tool-feed > .feed-source-view .task.open .checkbox .fa.open { display:inline-block; }
.dashboard .tool-feed > .feed-source-view .task.complete .checkbox .fa.complete { display:inline-block; }
.dashboard .tool-feed > .feed-source-view .task .main .deadline { display: inline-block; }
.dashboard .tool-feed > .feed-source-view .task .main .deadline.none .value  { color: #000; }
.dashboard .tool-feed > .feed-source-view .task .main .deadline.ok .value  { color: #19c56f; }
.dashboard .tool-feed > .feed-source-view .task .main .deadline.warning .value  { color: #ffd300; }
.dashboard .tool-feed > .feed-source-view .task .main .deadline.critical .value  { color: #ff3434; }
.dashboard .tool-feed > .feed-source-view .task .edit { display: inline-block; margin: 0 0 0 12px; cursor: pointer; }
 
/* comment-attachment */
.dashboard .tool-feed > .feed-source-view .comment-attachments { width: 100%; cursor:pointer; }
.dashboard .tool-feed > .feed-source-view .comment-attachments .single-attachment { display: block; width: 100%; clear: both; }
.dashboard .tool-feed > .feed-source-view .comment-attachments .single-attachment > a { padding: 2px; text-decoration:none; color:none; }
.dashboard .tool-feed > .feed-source-view .comment-attachments .single-attachment > a:hover { text-decoration:none; }
.dashboard .tool-feed > .feed-source-view .comment-attachments .single-attachment .icon { display:inline-block; width: 16px; color: #aaa; }
.dashboard .tool-feed > .feed-source-view .comment-attachments .single-attachment .name { display: inline-block; margin: 0 4px 0 0px; font-family: 'bold'; color: #3178b6; }
.dashboard .tool-feed > .feed-source-view .comment-attachments .single-attachment .download { display: none; width: 20px; text-align:center; color: #aaa; }
.dashboard .tool-feed > .feed-source-view .comment-attachments .single-attachment:hover .name { }
.dashboard .tool-feed > .feed-source-view .comment-attachments .single-attachment:hover .download { display:inline-block; }

/*-------------------------------------**/

/* Field overview */
.field { zoom: 1; /*width: 100%;*/ margin: 15px 0px; }
.field .label { width: 100%; display:inline-block; font-weight: bold; font-size: 15px; color: #000; }
.field .value { color: #777777; display:inline-block; font-size: 15px; text-overflow: ellipsis; min-height: 21px; word-break:break-word; }
.field.ignore-padding-left { padding-left: 0px !important; }

/* Field inline */
.field.inline-mode { margin: 5px 0px; }
.field.inline-mode .label { display: inline-block; width: 40%; }
.field.inline-mode .value { display: inline-block; width: initial; }
.field.inline-mode .scoring-range { display: inline-block; }

.aa-step-label { display: inline-block; }
.aa-step-header .aa-step-edit { display: inline-block; cursor: pointer; padding-top: 0px; }
.aa-step-actions { display: inline-block; float: right; }
.aa-step-action { cursor: pointer; display: inline-block; }
.aa-step-action.mode-save { margin-left: 10px; }

.save-button-container { display: inline-block; position: sticky; bottom: 10px; right: 15px; float: right; }

/* Step options dropdown */
.aa-step-options { position: relative; display: inline-block; float: right; width: 20px; text-align: center; }
.aa-step-options-list { display: none; z-index: 10; position: absolute; right: 0px; background-color: #F3F3F3; -webkit-box-shadow: 3px 3px 10px -2px #AA9; box-shadow: 3px 3px 10px -2px #AA9; }
.aa-step-options:hover .aa-step-options-list { display: block; }
.aa-step-option { white-space: nowrap; text-align: left; padding: 5px 10px 5px 10px; cursor: pointer; }
.aa-step-option i { width: 20px; }
.aa-step-option-label { margin-left: 5px; }
.aa-step-option:hover { background-color: #E9E9E9; }