html {
    background-color: #F5F6F9;
}

body {
    color: #354151;
    background-color: #F5F6F9;
    font-size: 14px;
    font-family: "IBM Plex Sans", "Montserrat", "Helvetica Neue", Arial, sans-serif;
    -webkit-font-smoothing: antialiased;

    transition: border-top .5s cubic-bezier(.35,0,.25,1);
}

body {
    border-top: 4px solid #51D530;
}

body *:focus {
    outline: transparent;
}

a {
    color: #354151;
}

a:hover {
    text-decoration: none;
}

.flex {
    display: flex;
}

.flex-left, .flex-start {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

.flex-start {
    flex-direction: inherit;
    align-items: flex-start;
}

.flex-center {
    display: flex;
    justify-content: center;
    align-items: center;
}

.flex-right, .flex-end {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
}

.flex-end {
    flex-direction: inherit;
    height: 100%;
}

.flex-row {
    display: flex;
    flex-direction: row;
}

.flex-column {
    display: flex;
    flex-direction: column;
}

.flex-space-between {
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}

.form-control {
    border: 1px solid rgba(220, 224, 237, 0.5);
    color: #8995A6;
    border-radius: 4px;
    font-size: 14px;
    line-height: normal;
    -webkit-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
    -moz-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
    -o-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
    -ms-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
    transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.form-control:focus {
    outline: 0 !important;
    border: 1px solid #8995A6;
    color: #354151;
    box-shadow: none;
    -webkit-box-shadow: none;
}

.form-control:disabled, .form-control[readonly] {
    background-color: #F6F7F9;
    border: 1px solid rgba(0, 0, 0, 0.04);
}

.form-control:focus {
    border: 1px solid #51D530;
}

.form-group label {
    font-size: 0.8rem;
    margin-bottom: 5px;
    color: #8995A6;
}

.form-group:focus-within label {
    color: #51D530;
}

.form-group:not(.error) span.error {
    display: none;
}

.form-group.error span.error,
.form-group span.inform {
    display: inherit;
    font-size: 0.8rem;
    margin-top: 5px;
}

.form-group span.inform {
    color: #7E8A9A;
}

.form-group.error span.error {
    color: #F94470;
}

.form-group.error .form-control {
    border-color: #F94470;
}

.form-group.error label {
    color: #F94470;
}

.form-group input[type=file] {
    cursor: pointer;
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
}

.form-group.bordered {
    border: 1px solid rgba(220, 224, 237, 0.5);
    border-radius: 4px;
    padding: 0.4rem 10px 10px 10px;
}

.md-button.md-default-theme.md-primary, .md-button.md-primary {
    color: #354151;
}

.md-button.md-default-theme.md-primary:not(.md-secondary):not(.md-cancel-button),
.md-button.md-primary:not(.md-secondary):not(.md-cancel-button) {
    color:#FFFFFF;
}

.md-button:not(.md-icon-button) {
    font-weight: 600;
    font-size: 0.8rem;
    line-height: 20px;
    text-align: center;
    text-transform: none;
    color: #FFFFFF;
    display: flex;
    justify-content: center;

    border: 1px solid rgba(0, 0, 0, 0.04);
    box-sizing: border-box;
    border-radius: 4px;
    padding: 6px 8px;
}

.md-button:not(.md-icon-button):not(.md-secondary):not(.md-cancel-button) {
    background: #51D530;
}

.md-button:not(.md-icon-button):not(.md-secondary):not(.md-cancel-button):hover,
.md-button:not(.md-icon-button):not(.md-secondary):not(.md-cancel-button):active,
.md-button:not(.md-icon-button):not(.md-secondary):not(.md-cancel-button):focus {
    color: #FFFFFF;
    background: #51D530cc;
}

.md-button:not(.md-icon-button):disabled,
.md-button:not(.md-icon-button):disabled:focus,
.md-button:not(.md-icon-button):disabled:hover,
.md-button:not(.md-icon-button):disabled:active,
.md-button:not(.md-icon-button):not(.md-secondary):disabled,
.md-button:not(.md-icon-button):not(.md-secondary):disabled:focus,
.md-button:not(.md-icon-button):not(.md-secondary):disabled:hover,
.md-button:not(.md-icon-button):not(.md-secondary):disabled:active {
    color: #D8DDEA !important;
    background: #F6F7F9 !important;
}

.md-button:disabled .svg-icon {
    fill: #D8DDEA !important;
}

.md-button.md-icon-button {
    background: transparent;
    color: #51D530;
}

.md-button.md-icon-button:hover,
.md-button.md-default-theme:not([disabled]).md-icon-button:hover,
.md-button:not([disabled]).md-icon-button:hover {
    background-color: #E6DBF9;
    color: #51D530;
}

.md-button.md-icon-button:active,
.md-button.md-icon-button:focus {
    background: #51D530;
    color: #FFFFFF;
}

.md-button, .md-button.md-icon-button md-icon {
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: cubic-bezier(.35,0,.25,1);
    transition-timing-function: cubic-bezier(.35,0,.25,1);
    -webkit-transition-property: background-color,border-color,fill,color;
    transition-property: background-color,border-color,fill,color;
}

.md-button.md-secondary,
.md-button.md-cancel-button {
    background-color: #FFFFFF;
    color: #354151;
    border: 1px solid #D8DDEA;
    border-radius: 4px;
    box-sizing: border-box;
}

.md-button.md-secondary:hover,
.md-button.md-secondary:focus,
.md-button.md-cancel-button:hover,
.md-button.md-cancel-button:focus {
    background-color: #F6F7F9;
}

.md-button.md-secondary:hover,
.md-button.md-secondary:focus,
.md-button.md-cancel-button:hover,
.md-button.md-cancel-button:focus {
    background-color: #FFFFFF;
    border-color: #51D530;
    color: #51D530;
}

.md-button.md-secondary span,
.md-button.md-cancel-button span {
    margin: auto;
}

.md-button.md-icon-button {
    margin: auto 0;
}

.md-button.small-button {
    margin: 0;
    padding: 0;
    width: auto;
    height: auto;
    min-height: 0;
}

h2, .md-toolbar-tools h2 {
    font-size: 24px;
    line-height: 32px;
    color: #354151;
    margin: 10px 5px;
}

h3 {
    font-size: 18px;
    line-height: 28px;
    color: #7E8A9A;
    margin: 10px 5px;
}

h4 {
    font-size: 12px;
    line-height: 18px;
    color: #7E8A9A;
    margin: 10px 5px;
}

table.md-table th.md-column {
    font-weight: 600;
    font-size: 14px;
    font-style: normal;
    line-height: 20px;
    color: #354151;
}

table.md-table td.md-cell {
    font-weight: normal;
    font-style: normal;
    font-size: 14px;
    line-height: 20px;
    color: #354151;
}

.font-large {
    font-size: 24px;
    overflow: visible;
}

md-toolbar.md-table-toolbar .md-toolbar-tools {
    padding: 0 16px;
}

md-toolbar.md-default-theme:not(.md-menu-toolbar), md-toolbar:not(.md-menu-toolbar) {
    background-color: transparent;
    color: #354151;
}

md-toolbar.md-table-toolbar.md-default-theme:not(.md-menu-toolbar).md-default, md-toolbar.md-table-toolbar:not(.md-menu-toolbar).md-default {
    background-color: transparent;
}

md-dialog.md-default-theme, md-dialog {
    border-radius: 12px;
    background-color: #FFFFFF;
    color: #354151;
}

md-dialog md-toolbar.dialog-header {
    border-bottom: 1px solid #DCE0ED;
}

md-toolbar.md-default .md-toolbar-tools {
    padding: 0;
}

.dialog-header .md-toolbar-tools h2 {
    color: #354151;
}

.table-head-actions {
    padding-right: 14px;
}

.md-tooltip {
    background-color: #FDF5E0 !important;
    color: #354151 !important;
    font-size: 14px;
    line-height: 20px;
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 3px;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.08), inset 0px 2px 0px rgba(255, 255, 255, 0.4);
    height: auto;
    width: auto;
    white-space: normal;
    word-break: break-all;
    padding: 2px 8px;
}

.md-tooltip.md-show {
    opacity: 0.95;
}

.form-group.no-margin {
    margin: 0;
}

.form-control.padding-top {
    padding-top: .15rem;
}

.form-control.no-border {
    border: 0;
}

.form-control md-select {
    margin: 0 auto;
    font-size: 14px;
    color: #354151;
    overflow: hidden;
}

table.md-table td.md-cell .form-group {
    margin-bottom: 0;
}

md-select .md-select-value, md-select:not([disabled]):focus .md-select-value {
    border: 0;
}

md-select-menu.md-default-theme md-content md-option[selected],
md-select-menu md-content md-option[selected],
md-select-menu.md-default-theme md-content md-option[selected]:focus,
md-select-menu md-content md-option[selected]:focus {
    color: #354151;
}

md-select-menu.md-default-theme md-content md-option[selected],
md-select-menu md-content md-option[selected],
md-select-menu.md-default-theme md-content md-option[selected]:focus,
md-select-menu md-content md-option[selected]:focus {
    color: #51D530;
}

.md-select-value .md-select-icon:after {
    font-size: 20px;
}

.svg-icon {
    width: 24px;
    height: 24px;

    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: cubic-bezier(.35,0,.25,1);
    transition-timing-function: cubic-bezier(.35,0,.25,1);
    -webkit-transition-property: background-color,fill,color;
    transition-property: background-color,fill,color;
}

.svg-inherit .svg-icon {
    fill: inherit !important;
}

.svg-small .svg-icon {
    width: 16px;
    height: 16px;
}

.svg-large .svg-icon {
    width: 30px;
    height: 30px;
}

.svg-alert .svg-icon {
    fill: red !important;
}

.svg-warning .svg-icon {
    fill: #FD9347 !important;
}

.svg-normal .svg-icon {
    fill: #43A047 !important;
}

.md-icon-button md-progress-circular svg {
    width: 24px !important;
    height: 24px !important;
    transform-origin: 12px 12px 12px !important;
}

.svg-green .svg-icon {
    fill: green !important;
}

.svg-gray .svg-icon{
    fill: #7E8A9A !important;
}

.svg-icon {
    fill: #51D530;
}

.svg-status-created .svg-icon {
    fill: #9A61F6 !important;
}

.svg-status-processing .svg-icon{
    fill: #4eadf2 !important;
}

.svg-status-finished .svg-icon{
    fill: #43A047 !important;
}

.svg-status-error .svg-icon{
    fill: #e63c3c !important;
}

.svg-status-canceled .svg-icon{
    fill: gray !important;
}

.md-button:not(.md-icon-button):not(.logout-button) .svg-icon {
    margin-right: 5px;
    fill: #FFFFFF;
}

.md-icon-button:focus:not(:hover) .svg-icon,
.md-icon-button:active:not(:hover) .svg-icon {
    fill: #FFFFFF;
}

.md-button.logout-button.md-secondary {
    margin: auto 0;
    color: #7E8A9A;
}

.md-button:not(:focus):not(:hover).logout-button .svg-icon,
.md-button:not(:focus):not(:hover).show-hide-button .svg-icon {
    fill: #7E8A9A;
}

.md-button.logout-button.md-icon-button,
.md-button.logout-button.md-icon-button.md-ink-ripple {
    width: 40px;
    overflow: visible;
}

md-select-menu {
    border-radius: 8px;
}

md-option .md-text,
.md-select-value>span:not(.md-select-icon) {
    overflow: visible;
}

md-switch.md-default-theme.md-checked .md-bar,
md-switch.md-checked .md-bar {
    background-color: rgba(81, 213, 48, 0.5);
}

md-switch.md-default-theme.md-checked .md-thumb,
md-switch.md-checked .md-thumb {
    background-color: #51D530;
}

md-switch.md-default-theme.md-checked .md-thumb,
md-switch.md-checked .md-thumb {
    color: #51D530;
}

md-checkbox.md-default-theme.md-checked .md-ink-ripple,
md-checkbox.md-checked .md-ink-ripple {
    color: #51D530;
}

md-checkbox.md-default-theme.md-checked .md-icon,
md-checkbox.md-checked .md-icon {
    background-color: #51D530;
}

.filter-close {
    width: 40px;
    margin-top:6px;
}

.table-info-area {
    border-top: 1px rgba(0,0,0,.12) solid;
}

.table-info-area .md-table-pagination {
    border-top: none;
}

.table-options-alert {
    margin-left: 10px;
    padding: 0px 10px;

    font-size: 12px;
    white-space: nowrap;

    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.table-options-alert {
    color: #51D530;
}

.sample-table-alert-zone {
    height: 56px;
}

.timeline-area {
    background-color: rgba(255, 255, 255, 0.6);
    border: 1px solid #E7EAF3;
    box-shadow: 0px 1px 4px rgba(53, 65, 81, 0.04);
    border-radius: 8px;
    padding-top: 14px;
    padding-bottom: 14px;
    margin: 14px 0 14px -8px;
    z-index: 0;
    width: 200px;
    min-height: calc(100vh - 142px);
    overflow-x: hidden;
    overflow-y: auto;
    opacity: 1;

    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: cubic-bezier(.35,0,.25,1);
    transition-timing-function: cubic-bezier(.35,0,.25,1);
    -webkit-transition-property: width,opacity;
    transition-property: width,opacity;
}

.timeline-area::-webkit-scrollbar {
    display: none;
}

.timeline-area.ng-hide {
    width: 0;
    opacity: 0;
}

.timeline-area .row {
    margin-right: 0;
    margin-left: 0;
}

.timeline-area h3 {
    margin: 0 5px .5rem 0;
}

.timeline-area h4 {
    margin: 0 5px .5rem 5px;
    line-height: normal;
}

.timeline-area.margin-left {
    margin-left: 4px;
}

md-switch .md-label {
    word-break: break-word;
    white-space: normal;
    padding-left: 12px;
    line-height: initial;
}

.md-datepicker-input-container {
    border: 0px;
    width: 100%;
    margin-top: .2rem;
}

.md-datepicker-input {
    width: 100%;
}

.md-default-theme .md-datepicker-triangle-button .md-datepicker-expand-triangle, .md-datepicker-triangle-button .md-datepicker-expand-triangle {
    margin-top: 0.2rem;
}

.md-default-theme .md-calendar-date.md-calendar-date-today .md-calendar-date-selection-indicator,
.md-calendar-date.md-calendar-date-today .md-calendar-date-selection-indicator {
    border: 1px solid #51D530;
}

.form-control .md-datepicker-input {
    color: #8995A6;
}

.form-control:focus .md-datepicker-input {
    color: #354151;
}

.md-default-theme .md-calendar-date.md-calendar-selected-date .md-calendar-date-selection-indicator,
.md-calendar-date.md-calendar-selected-date .md-calendar-date-selection-indicator,
.md-default-theme .md-calendar-date.md-focus.md-calendar-selected-date .md-calendar-date-selection-indicator,
.md-calendar-date.md-focus.md-calendar-selected-date .md-calendar-date-selection-indicator {
    background-color: #51D530;
}

.md-default-theme .md-datepicker-open .md-datepicker-calendar-icon,
.md-datepicker-open .md-datepicker-calendar-icon {
    color: #FFFFFF;
}

table.md-table.md-row-select tbody.md-body>tr.md-row.md-selected {
    background-color: #F6F7F9;
}

md-autocomplete.md-default-theme, md-autocomplete {
    background-color: transparent;
    color: #7E8A9A;
}

md-autocomplete, md-autocomplete md-autocomplete-wrap, md-autocomplete input:not(.md-input) {
    height: auto;
    line-height: normal;
    padding: 0px;
    margin-top: 0.1rem;
}

md-autocomplete.md-default-theme input, md-autocomplete input {
    color: #7E8A9A;
}

md-autocomplete.md-default-theme input:focus, md-autocomplete input:focus {
    color: #354151;
}

md-autocomplete-wrap.md-whiteframe-z1 {
    box-shadow: none;
}

.full-width {
    width: 100%;
}

md-tabs.md-default-theme .md-tab.md-active,
md-tabs .md-tab.md-active,
md-tabs.md-default-theme .md-tab.md-active md-icon,
md-tabs .md-tab.md-active md-icon, md-tabs.md-default-theme .md-tab.md-focused, md-tabs .md-tab.md-focused,
md-tabs.md-default-theme .md-tab.md-focused md-icon,
md-tabs .md-tab.md-focused md-icon {
    color: #51D530;
}

md-tabs.md-default-theme md-ink-bar,
md-tabs md-ink-bar {
    color: #51D530;
    background-color: #51D530;
    height: 3px;
    margin-bottom: -1px;
}

md-tabs.md-default-theme .md-tab, md-tabs .md-tab {
    color: #7E8A9A;
    text-transform: none;
}

.hiddable {
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: cubic-bezier(.35,0,.25,1);
    transition-timing-function: cubic-bezier(.35,0,.25,1);
    -webkit-transition-property: height,opacity;
    transition-property: height,opacity;

    opacity: 1;
}

.hiddable.ng-hide {
    opacity: 0;
}

.hiddable.md-button {
    transition-property: background-color,fill,color,opacity;
}

md-progress-linear.md-default-theme .md-bar,
md-progress-linear .md-bar {
    background-color: #51D530;
}

md-progress-linear.md-default-theme .md-container,
md-progress-linear .md-container {
    background-color: #D6EED0;
}

md-progress-circular.md-default-theme path,
md-progress-circular path {
    stroke: #51D530;
}

.filter-info {
    display: flex;
    flex-direction: row;
    width: 100%;
    word-break: break-word;
    padding: 0 24px;

    opacity: 1;

    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: cubic-bezier(.35,0,.25,1);
    transition-timing-function: cubic-bezier(.35,0,.25,1);
    -webkit-transition-property: opacity;
    transition-property: opacity;
}

.filter-info.ng-hide {
    opacity: 0;
}

table.md-table:not(.md-row-select) td.md-cell:nth-child(n+2):nth-last-child(n+2),
table.md-table:not(.md-row-select) th.md-column:nth-child(n+2):nth-last-child(n+2) {
    padding: 0 18px 0 0;
}

md-dialog h2 {
    margin-left: 0;
}

md-dialog.md-content-overflow .md-actions, md-dialog.md-content-overflow md-dialog-actions {
    border-top-width: 0;
    border-top-style: none;
}

md-progress-linear {
    margin-left: 10px;
    margin-right: 10px;
}

md-select.md-default-theme[disabled] .md-select-value, md-select[disabled] .md-select-value {
    background-image: none;
}

.md-toolbar-tools h3 {
    margin: 10px 5px;
}

.md-toolbar-tools.fit-content {
    height: auto;
    max-height: 128px;
}

.secondary-text {
    font-size: 16px;
    line-height: 22px;
    color: #7E8A9A;
    margin: 0 5px;
}

table.narrow-table.md-table.md-row-select td.md-cell:nth-child(n+3):nth-last-child(n+2),
table.narrow-table.md-table.md-row-select th.md-column:nth-child(n+3):nth-last-child(n+2) {
    padding: 0 20px 0 0;
}

.form-control.padding-top md-autocomplete,
.form-control.padding-top md-autocomplete md-autocomplete-wrap,
.form-control.padding-top md-autocomplete input:not(.md-input) {

    margin-top: 0;
    padding-left: 1px;
    line-height: 24px;
}

md-progress-linear.task-progress {
    height: 10px;
}

md-progress-linear.task-progress .md-container {
    background-color: #F6F7F9;
    height: 10px;
    border-radius: 5px;
}

md-progress-linear.task-progress .md-bar {
    background-color: #45D37E !important;
    height: 10px;
    border-radius: 5px;
}

.md-button.md-icon-button.drop-down-item {
    width: 100%;
    height: 100%;
    border-radius: 0%;
    color: #354151 !important;
}

.md-button.md-icon-button.drop-down-item span{
    margin-left: 6px;
}