body {
    font-family: "Ubuntu", serif;
}
a {
    text-decoration: none;
}
.direct-chat-text {
    background:none;
    border-color:#3c8dbc
}
.direct-chat-text:after {
    border-right-color:#3c8dbc
}
.direct-chat-footer {
    margin-top:5px;
    font-size:12px;
    color:#696969
}
.flow-message-box {
    display:none
}
.direct-chat-msg {
    padding:5px
}
.users-list>li {
    width:33%
}
.users-list>li img {
    max-width:80%
}
.card-header .card-title-small {
    font-size:14px
}
.flow-body {
    padding:5px
}
.flow-body-child {
    padding:0
}
.header-cta {
    margin-left:10px
}
.small-hr {
    margin-top:10px;
    margin-bottom:10px
}
.col-xs-20 {
    width:20%
}
.rek-answer {
    font-weight:700;
    padding-top:20px;
    margin-bottom:5px
}
.gdpr_sensitive_placeholder {
    margin-top: 15px;
    margin-bottom: 15px;
    padding: 10px;
}
.requisition-data .application-answer, .requisition-data .gdpr_sensitive_placeholder {
    padding:0;
    margin-bottom:20px;
    margin-top:0
}
.reviewanswer .application-question-comment {
    display:none
}
.reviewanswer .application-answer {
    cursor:auto!important
}
.application-answer {
    margin-top:15px;
    margin-bottom:15px;
    padding:10px
}
.application-question {
    font-size:14px;
    font-weight:700;
    margin-bottom:7px
}
.application-question p {
    margin-bottom:0;
    display:inline-block
}
.sortableQuestion {
    min-height:30px
}
.change-version {
    margin-right:5px;
    margin-top:-5px;
    padding:3px;
    height:auto;
    width:auto
}
.sortablePreQuestion li:nth-of-type(odd) {
    background:#f9f9f9
}
.sortablePreQuestion li {
    cursor:move
}
.dataTables_length,.dataTables_filter,div.dataTables_paginate,.dataTables_info {
    margin:5px
}
@media screen and (max-width: 768px) {
    .col-xs-20 {
        width:49%;
        display:inline-block
    }
    .layout-navbar-fixed.layout-fixed .wrapper .sidebar {
        margin-top: 0px;
    }
    .hidden-xs {
        display: none;
    }
    .show-xs {
        display: block;
    }
}
.flash {
    border-radius:5px;
    -moz-animation:flash 2s ease-out;
    -moz-animation-iteration-count:2;
    -webkit-animation:flash 2s ease-out;
    -webkit-animation-iteration-count:2;
    -ms-animation:flash 2s ease-out;
    -ms-animation-iteration-count:2
}
@-webkit-keyframes flash {
    0% {
        background-color:none
    }
    50% {
        background-color:#fbe6b2
    }
    100% {
        background-color:none
    }
}
@-moz-keyframes flash {
    0% {
        background-color:none
    }
    50% {
        background-color:#fbe6b2
    }
    100% {
        background-color:none
    }
}
@-ms-keyframes flash {
    0% {
        background-color:none
    }
    50% {
        background-color:#fbe6b2
    }
    100% {
        background-color:none
    }
}
.application-comments {
    background:#FFF;
    padding:0;
    padding-top:5px
}
.application-comments .box-comment {
    padding:10px
}
.application-comments .box-comment:first-of-type {
    padding-top:10px
}
.box-comment:nth-of-type(odd) {
    background:#F1F1F1
}
.striped:nth-of-type(odd) {
    background:#F1F1F1
}
.application-comments .label {
    font-size:95%;
    padding:.15em .6em
}
span.application-question-count {
    color:#00a65a;
    cursor:pointer
}
.application-question-comment {
    cursor:pointer
}
.application-highlight {
    background:#f9c065!important
}
.highlight-green {
    background:#7bbb7b!important
}
.highlight-green td {
    border-color:#7bbb7b!important;
    background:#7bbb7b!important;
}
.highlight-red {
    background:#f58c8c!important
}
.highlight-red td {
    border-color:#b56d6d!important;
    background:#f58c8c!important;
}
.ref-highlight {
    background:#ffe2b2!important;
    border-radius:5px
}
.generator-activity-highlight td {
    background:#dedede!important
}
.highlight td {
    background:#f7d7a5!important;
    border-right-color:#f7d7a5!important;
    border-bottom-color:#f7d7a5!important
}
.filterhighlight {
    background:#f7d7a5!important
}
.application-label {
    font-size:14px!important;
    padding:0 0 0 7px;
    margin:3px;
    display:inline-block
}
.application-badge-link {
    padding-left:0;
    padding-right:5px;
    color:#FFF;
    margin-top:5px;
    margin-bottom:3px;
    display:inline-block;
    font-size:12px
}
.application-badge-muted {
    opacity:.6;
    filter: contrast(88%);
}
.application-label {
    cursor:pointer
}
.btn-group-xxs>.btn,.btn-xxs {
    padding:0 4px;
    font-size:11px;
    line-height:1.5
}
.todo-button-dropdown {
    background:#FFF;
    border-color:#d2d6de;
    border:1px solid #ccc
}
.bootstrap-select.show-tick .dropdown-menu li.selected a span.check-mark {
    color:green
}
.bootstrap-select.show-tick .dropdown-menu li.selected span {
    font-weight:700
}
.nav>li>div {
    position:relative;
    display:block;
    padding:10px 15px
}
.nav>li>div:hover {
    color:#444;
    background:#f7f7f7
}
.nav-pills>li>div>.fa {
    margin-right:5px
}
.profile-hr {
    margin-top:5px;
    margin-bottom:5px
}
.table-stripedthird>tbody>tr:nth-of-type(4n+1) {
    background-color:#f9f9f9
}
.table-stripedsecond>tbody>tr:nth-of-type(4n+1),.table-stripedsecond>tbody>tr:nth-of-type(4n+2) {
    background-color:#f9f9f9
}
.table-stripedsecond td {
    border-color:transparent!important
}
.builder-option-add {
    cursor:pointer
}
.sortablePreQuestion.nav>li>div {
    padding:6px;
    padding-left:8px
}
.sortablePreQuestion label {
    margin-bottom:0
}
.application-order-translation .fileupload-row {
    border:1px solid #e2e2e2;
    background:#f4f4f4;
    padding:5px;
    margin:3px;
    cursor:pointer
}
.review-application-mark {
    background:#f9cc85!important;
    border-radius:3px
}
.application-review-inject .application-answer {
    cursor:pointer
}
.application-order-translation .application-answer {
    cursor:pointer
}
.datatable-all,.round-datatable, .datatable-req, .datatable-worklist, .review-submitted, .datatable-customsearch, .datatable-all-rows, .datatable-customsearch, .datatable-all-rows-search, .datatable-all-visible {
    opacity: 0;
}
.datatable-worklist th {
    font-size:13px !important;
}
.datatable-loader {
    text-align:center;
    margin-top:40px
}
.todo-marked-red td {
    background:#ffc1c1 !important;
    border-left-color:#ffc1c1!important;
    border-right-color:#ffc1c1!important
}
.todo-marked-green td {
    background:#cce5cc !important;
    border-left-color:#cce5cc!important;
    border-right-color:#cce5cc!important
}
.todo-marked-orange td {
    background:#ffdb99 !important;
    border-left-color:#ffdb99!important;
    border-right-color:#ffdb99!important
}
.todo-marked-aqua td {
    background:#9ff !important;
    border-left-color:#9ff!important;
    border-right-color:#9ff!important
}
.todo-marked-purple td {
    background:#b2b2ff !important;
    border-left-color:#b2b2ff!important;
    border-right-color:#b2b2ff!important
}
.todo-mark-application {
    cursor:pointer;
    font-size:15px
}
#prequestions {
    min-height:70px;
    padding-left:5px;
    padding-right:5px;
    border:1px dashed #a9a9a9
}
.form-select-inline {
    min-width:0;
    width:auto;
    display:inline
}
.table-extra-padding td {
    padding-top:12px!important;
    padding-bottom:12px!important
}
.approval-hightlight {
    background:#fce0b4!important
}
.approval-hightlight td {
    background:#fce0b4!important;
    border-left-color:#fce0b4!important;
    border-right-color:#fce0b4!important
}
.show-grant-form>.description-header,.show-suggested-form>.description-header,.show-grant-form-days>.description-header,.show-grant-form-persons>.description-header {
    margin:0;
    padding:0;
    font-weight:600;
    font-size:16px
}
.show-grant-form>.description-text,.show-suggested-form>.description-text,.show-grant-form-days>.description-text,.show-grant-form-persons>.description-text {
    text-transform:uppercase
}
.builder-last-saved {
    color:#006400;
    font-size:16px
}
.req-information p {
    margin-top:5px;
    margin-bottom:5px
}
.form-group-padding .form-group {
    margin:10px
}
.form-group-padding .nav-tabs>li {
    padding-left:5px
}
.sidebar-menu li > a > .pull-right-container {
    position:absolute;
    right:0;
    top:50%;
    margin-top:-11px
}
.filecontainer strong {
    font-weight:400!important
}
.search-result h3 {
    margin-bottom:0;
    color:#1E0FBE;
    font-weight:600;
    font-size:16px
}
.search-result .search-link {
    color:#006621;
    font-size:14px;
    padding-bottom:5px;
    display:inline-block
}
.search-result p {
    font-size:13px;
    margin-top:3px;
    margin-bottom:3px;
    color:#676a6c
}
.search-result span {
    font-weight:700
}
.linked-applications small {
    color:#333
}
.inactive-language {
    opacity:.5
}
.borderless td,.borderless th {
    border:none!important
}
.order-translation {
    margin-top:15px;
    margin-bottom:15px;
    padding:10px
}
.flag-icon-background {
    background-size:contain;
    background-position:50%;
    background-repeat:no-repeat
}
.flag-icon {
    background-size:contain;
    background-position:50%;
    background-repeat:no-repeat;
    position:relative;
    display:inline-block;
    width:1.33333333em;
    line-height:1em
}
.flag-icon:before {
    content:"\00a0"
}
.flag-icon.flag-icon-squared {
    width:1em
}
.flag-icon-fi {
    background-image:url(/images/flags/fi.svg)
}
.flag-icon-sv {
    background-image:url(/images/flags/se.svg)
}
.flag-icon-en {
    background-image:url(/images/flags/gb.svg)
}
.flag-icon-is {
    background-image:url(/images/flags/is.svg)
}
.toggle-comment-type {
    cursor:pointer
}
.wizard {
    margin:20px auto;
    background:#fff
}
.wizard .nav-tabs {
    position:relative;
    margin:0 auto;
    margin-bottom:0;
    border-bottom-color:#e0e0e0
}
.wizard > div.wizard-inner {
    position:relative
}
.connecting-line {
    height:2px;
    background:#e0e0e0;
    position:absolute;
    width:75%;
    margin:0 auto;
    left:0;
    right:0;
    top:50%;
    z-index:1
}
.wizard .nav-tabs > li.active > a,.wizard .nav-tabs > li.active > a:hover,.wizard .nav-tabs > li.active > a:focus {
    color:#555;
    cursor:default;
    border:0;
    border-bottom-color:transparent
}
span.round-tab {
    width:70px;
    height:70px;
    line-height:70px;
    display:inline-block;
    border-radius:100px;
    background:#fff;
    border:2px solid #e0e0e0;
    z-index:2;
    position:absolute;
    left:0;
    text-align:center;
    font-size:25px
}
span.round-tab i {
    color:#555
}
.wizard li.active span.round-tab {
    background:#fff;
    border:2px solid #5bc0de
}
.wizard li.active span.round-tab i {
    color:#5bc0de
}
span.round-tab:hover {
    color:#333;
    border:2px solid #333
}
.wizard .nav-tabs > li {
    width:25%
}
.wizard-inner li:after {
    content:" ";
    position:absolute;
    left:46%;
    opacity:0;
    margin:0 auto;
    bottom:0;
    border:5px solid transparent;
    border-bottom-color:#5bc0de;
    transition:.1s ease-in-out
}
.wizard-inner li.active:after {
    content:" ";
    position:absolute;
    left:48%;
    opacity:1;
    margin:0 auto;
    bottom:0;
    border:10px solid transparent;
    border-bottom-color:#5bc0de
}
.wizard .nav-tabs > li a {
    width:70px;
    height:70px;
    margin:20px auto;
    border-radius:100%;
    padding:0
}
.wizard .nav-tabs > li a:hover {
    background:transparent
}
.wizard .tab-pane {
    position:relative;
    padding-top:50px
}
.wizard h3 {
    margin-top:0
}
.pagination {
    padding-right:5px
}
.field-container,.application-numbertable {
    margin-top:30px;
    padding:15px;
    padding-bottom:30px
}
.field-container textarea {
    min-height:140px
}
.field-container-error {
    border:1px solid #ebccd1;
    background:#FFE4E1!important;
    border-radius:3px
}
.field-container-input-error {
    border:1px solid #ebccd1;
    background:#FFE4E1!important;
    border-radius:3px
}
.field-container .required {
    color:red;
    font-weight:700;
    font-size:11px
}
table.dataTable tr.group td {
    font-weight:700;
    background-color:#e0e0e0
}
@media( max-width : 585px ) {
    .wizard {
        width:90%;
        height:auto!important
    }
    span.round-tab {
        font-size:16px;
        width:50px;
        height:50px;
        line-height:50px
    }
    .wizard .nav-tabs > li a {
        width:50px;
        height:50px;
        line-height:50px
    }
    .wizard li.active:after {
        content:" ";
        position:absolute;
        left:35%
    }
}
.responsive-logo {
    float:left;
    height:50px;
    display:none
}
.responsive-logo:hover {
    background:rgba(0,0,0,0.1)
}
@media( max-width : 767px ) {
    .longtext {
        word-wrap:break-word;
        min-width:250px;
        max-width:250px;
        white-space:normal!important
    }
    .content {
        padding:4px;
        padding-top:15px
    }
    .main-header .logo {
        display:none
    }
    .fixed .content-wrapper {
        padding-top:50px
    }
    .main-sidebar {
        padding-top:50px
    }
    .responsive-logo {
        display:inline
    }
}
@media( min-width : 767px ) {
    .form-horizontal .control-label {
        padding-top: 7px;
        margin-bottom: 0;
        text-align: right;
    }
}


.pulsate {
    animation:pulse ease-in-out 3s infinite
}
@keyframes pulse {
    0% {
        -webkit-transform:scale(1)
    }
    51% {
        -webkit-transform:scale(1.8)
    }
    100% {
        -webkit-transform:scale(1)
    }
}
.dropdown-menu {
    z-index:9999!important
}
.suggested-amount-table {
    width:100%;
    margin-top:5px
}
.trigger-custom-filter {
    cursor:pointer
}
.tag-container {
    padding:0;
    margin:3px;
    display:inline-block
}
.round-status-table .progress {
    color:#000 !important;
}
.text-left .dataTables_filter {
    text-align:left!important
}
.document-bottom {
    border-top:1px solid #f4f4f4;
    padding-top:5px
}
.table-borderless td,.table-borderless th {
    border:none!important
}
.accordion-small {
    font-size:13px;
    margin:0;
    color:#333
}
.accordion-small a {
    color:#333
}
.accordion-small a:focus,a:hover {
    color:#333;
    text-decoration:none
}
@media (min-width: 992px) {
    .col-md-2-5 {
        width:18%;
        margin-left:15px;
        margin-right:5px;
        float:left
    }
}
.list-group-item-accordion {
    position:relative;
    display:block;
    padding:8px 12px;
    margin-bottom:-1px;
    background-color:#fff;
    border-top:1px solid #ddd;
    border-bottom:1px solid #ddd;
    color:#555;
    font-size:12px
}
.list-group-item-accordion.active,.list-group-item-accordion.active:focus,.list-group-item-accordion.active:hover {
    z-index:2;
    color:#fff;
    background-color:#337ab7;
    border-color:#337ab7
}
.pin-active .fa-thumb-tack {
    color:green
}
.approval-highlight-red {
    background-color:#ffbca8!important
}
.approval-highlight-red td {
    background-color:#ffbca8!important;
    border-left-color:#ffbca8!important;
    border-right-color:#ffbca8!important
}
.approval-highlight-green {
    background-color: #d0efd3 !important
}
.approval-highlight-green td {
    background-color:#d0efd3!important;
    border-left-color:#d0efd3!important;
    border-right-color:#d0efd3!important
}
.approval-highlight-purple {
    background-color:#dcccf4!important
}
.approval-highlight-purple td {
    background-color:#dcccf4!important;
    border-left-color:#dcccf4!important;
    border-right-color:#dcccf4!important
}
.logs-positive {
    background-color:#c4ecc7!important
}
.logs-negative {
    background-color:#ffe0d6!important
}
.logs-notice {
    background-color:#ffb970!important
}
.progress {
    text-align:center
}
.bg-oceangreen {
    background-color:#235e71!important;
    color:#fff!important
}
.datepicker {
    border-radius:0
}
.calendar-warning td {
    background-color:#f9dbdb
}
fieldset.jcalendar {
    font:.9em Helvetica,Arial,sans-serif
}
div.jcalendar-wrapper {
    width:100%;
    margin:auto auto 10px
}
div.jcalendar-selects {
    padding:.6em .4em;
    text-align:center
}
div.jcalendar-selects select {
    font-size:100%
}
div.jcalendar table {
    margin:0 auto;
    width:100%
}
div.jcalendar table th {
    background:#FFF;
    text-align:center
}
div.jcalendar table td {
    background:#FFF;
    padding:0;
    margin:0;
    width:3.2em;
    text-align:center
}
div.jcalendar table th.weekend {
    background:#FFF
}
div.jcalendar table td.weekend {
    background:#FFF
}
div.jcalendar table td a {
    color:#888;
    display:block;
    line-height:1.8em;
    text-decoration:none
}
div.jcalendar table td.today a {
    font-weight:700;
    color:#000
}
div.jcalendar table td.todayANDevent a {
    border-color:#aaa;
    font-weight:700;
    text-decoration:underline;
    color:#000;
    font-style:italic
}
div.jcalendar table td a:hover,div.jcalendar table td a:focus,div.jcalendar table td a:active {
    background:#FFF;
    padding:0
}
div.jcalendar table td a.selected {
    background:#2796b9;
    color:#FFF;
    border-radius:15px
}
div.jcalendar table td.event a {
    text-decoration:underline;
    font-weight:700;
    color:#000
}
div.jcalendar table td.event a.selected {
    color:#FFF;
    text-decoration:underline
}
div.jcalendar table td.event a.selected:hover {
    color:#FFF
}
.calender-head {
    margin:0;
    padding:0;
    width:100%;
    border-collapse:collapse
}
#selected-date {
    width:70%;
    text-align:center;
    background:#FFF;
    font-size:14px;
    font-weight:700
}
#prev-button {
    width:15%;
    text-align:center;
    font-size:18px;
    padding-bottom:8px;
    background:#FFF
}
#next-button {
    background:#FFF;
    text-align:center;
    font-size:18px;
    padding-bottom:8px;
    width:15%
}
#next-button a,#prev-button a {
    text-decoration:none;
    color:#656565
}
#selected-date-events-date {
    background:#2796b9;
    color:#FFF;
    font-weight:700;
    width:40%;
    text-align:center;
    margin:10px auto 5px;
    line-height:25px;
    border-radius:7px
}
#selected-date-events {
    width:80%;
    font-size:85%;
    margin:auto;
    text-align:left
}
.calendar-inline-icon {
    font-size:12px;
    padding-top:1px;
    margin-right:0;
    margin-left:1px!important
}
table.table-worklist-stripe tbody tr:nth-child(4n+1) td,table.table-worklist-stripe tbody tr:nth-child(4n+2) td {
    border-color:#d8dadc;
    background-color: #ececec;
}
.table-worklist-stripe .card-comments {
    background: transparent;
}
.table-worklist-stripe .card-comment {
    border-color:#d8dadc;
}
td.worklist-child-cell {
    border-bottom:2px solid #A6A6A6!important
}
.top-worklist-nav a {
    color:#fff
}
table.dataTable thead>tr>td.dt-orderable-asc, table.dataTable thead>tr>td.dt-orderable-desc, table.dataTable thead>tr>td.dt-ordering-asc, table.dataTable thead>tr>td.dt-ordering-desc, table.dataTable thead>tr>th.dt-orderable-asc, table.dataTable thead>tr>th.dt-orderable-desc, table.dataTable thead>tr>th.dt-ordering-asc, table.dataTable thead>tr>th.dt-ordering-desc {
    padding-right:12px;
}
table.dataTable thead>tr>td.dt-orderable-asc span.dt-column-order, table.dataTable thead>tr>td.dt-orderable-desc span.dt-column-order, table.dataTable thead>tr>td.dt-ordering-asc span.dt-column-order, table.dataTable thead>tr>td.dt-ordering-desc span.dt-column-order, table.dataTable thead>tr>th.dt-orderable-asc span.dt-column-order, table.dataTable thead>tr>th.dt-orderable-desc span.dt-column-order, table.dataTable thead>tr>th.dt-ordering-asc span.dt-column-order, table.dataTable thead>tr>th.dt-ordering-desc span.dt-column-order {
    right:0px;
}
.btn-text {
    white-space:normal
}
.application-question h3 {
    display:inline-block;
    margin-top:0;
    margin-bottom:0
}
.navbar-static-top {
    z-index:999!important
}
.alert-info {
    background-color:#d9edf7!important;
    color:#31708f!important
}
.alert-info a {
    color:#337ab7
}
.worklist-pulsate {
    animation:pulsehighlight 2.5s;
    animation-iteration-count:2
}
.worklist-highlight td {
    background-color:#ffd4a7
}
@keyframes pulsehighlight {
    0% {
        background-color:transparent
    }
    50% {
        background-color:#ffb970
    }
    100% {
        background-color:transparent
    }
}
.payment-yield-correction td {
    background:#ffb8b8;
    font-weight:700
}
.funds-current-year td {
    background:#CCC
}
.tasks-table-even td {
    background:#F9F9F9
}
.tasks-table-child td {
    font-size:13px
}
.product-list-in-box li:nth-child(odd) {
    background-color:#f9f9f9
}
.multikeyli:nth-child(odd) {
    background-color:#d7d7d7!important
}
.multikeyli {
    background-color:#d7d7d7!important;
    border-bottom:1px solid #f4f4f4
}
.fc button {
    padding:1px 6px
}
.sidebar-menu li>a>.fa-angle-left,.sidebar-menu li>a>.pull-right-container>.fa-angle-left {
    width:12px;
    height:12px;
    right:8px
}
.timeline_first:before {
    background:transparent
}
.bootstrap-select .status {
    background:#f0f0f0;
    clear:both;
    color:#999;
    font-size:11px;
    font-style:italic;
    font-weight:500;
    line-height:1;
    margin-bottom:-5px;
    padding:10px 20px
}
.bootstrap-select-header {
    font-weight:700!important;
    font-size:15px;
    font-style:italic!important
}
.box-comment.comment-highlight {
    background:#f7d7a5;
}
.box-comment.comment-highlight:not(:first-of-type) {
    border-top: 1px solid #f39c12;
}
.box-comment.comment-highlight-blue {
    background: #c3d9ff;
}
.box-comment.comment-highlight-blue:not(:first-of-type) {
    border-top: 1px solid #7babff;
}
.box-comment.comment-highlight-green {
    background: #c3ffc4;
}
.box-comment.comment-highlight-green:not(:first-of-type) {
    border-top: 1px solid #7bff8d;
}
.table-striped-extra>tbody>tr:nth-of-type(odd) {
    background-color:#ececec
}
.table-striped-extra>tbody>tr>td {
    border:1px solid #e6e6e6
}
.table-manual-stripe td {
    background-color: rgba(0,0,0,.05);
}
.live .filter-option, .livepreserve .filter-option {
    word-wrap:break-word;
    white-space:normal
}
.filter-container .filter-option {
    word-wrap:break-word;
    white-space:normal
}
.register-dialog-class .modal-body {
    padding:0
}
.table.datatable-customsearch {
    margin-top:0!important
}
.error-row td {
    background:#ff9494;
    border:0!important
}
.clear-label {
    font-weight:400;
    font-size:90%;
    padding:.2em .4em
}
.calendar-unconfirmed {
    background:repeating-linear-gradient(135deg,rgba(255,255,255,0),rgba(255,255,255,0) 10px,rgba(0,0,0,0.25) 10px,rgba(0,0,0,0.25) 20px)
}
.update-application .required {
    display:none
}
#chartjs-tooltip {
    opacity:1;
    position:absolute;
    background:rgba(0,0,0,.7);
    color:#fff;
    border-radius:3px;
    -webkit-transition:all .1s ease;
    transition:all .1s ease;
    pointer-events:none;
    -webkit-transform:translate(-50%,0);
    transform:translate(-50%,0);
    z-index:99999999
}
.chartjs-tooltip-key {
    display:inline-block;
    width:10px;
    height:10px;
    margin-right:10px
}
.file-row {
    margin:5px;
    margin-top:15px
}
.dropzone-fileicon {
    font-size:20px;
    padding-right:5px
}
.file-row {
    margin-top:10px;
    padding:5px;
    border-radius:4px
}
.file-row:nth-of-type(odd) {
    background:#ffd59b
}
.field-container:nth-of-type(odd) {
    background:#F1F1F1
}
.grade {
    font-size:3em;
    flex-grow:0;
    flex-basis:80px;
    text-align:center;
    align-self:center
}
.grade-star {
    font-size:24px;
    padding:4px
}
.fake-nav-pills>li {
    border-bottom:1px solid #f4f4f4;
    margin:0;
    position:relative;
    display:block;
    padding:8px
}
.fake-nav-pills {
    padding-left:0
}
.card-header-application {
    padding:0
}
.card-header-application .card-title {
    padding:10px;
    cursor:pointer;
    display:block
}
.box-application,.box-application .box {
    margin-bottom:10px
}
.box-application .box-footer .form-group {
    margin-bottom:0
}
.box-application-icon {
    vertical-align:middle;
    font-size:14px;
    padding-bottom:2px
}
.btn-app-custom {
    border-radius:3px;
    position:relative;
    padding:5px;
    margin:0 10px 5px;
    min-width:80px;
    height:46px;
    text-align:center;
    color:#666;
    border:1px solid #ddd;
    background-color:#f4f4f4;
    font-size:12px
}
.btn-app-custom-active {
    background:#ffcd69;
    box-shadow:inset 0 3px 5px rgba(0,0,0,.125)
}
.btn-app-custom>.fa,.btn-app-custom>.far,.btn-app-custom>.fas {
    font-size:20px;
    display:block
}
.btn-app-custom>.badge {
    position:absolute;
    top:-3px;
    right:-5px;
    font-size:9px;
    padding:3px 4px;
    font-weight:400
}
.btn-app-custom>.badgeleft {
    position:absolute;
    top:-3px;
    left:-5px;
    font-size:9px;
    padding:3px 4px;
    font-weight:400;
    display:inline-block;
    min-width:10px;
    line-height:1;
    color:#fff;
    text-align:center;
    white-space:nowrap;
    vertical-align:middle;
    background-color:#777;
    border-radius:10px
}
.translationrow {
    display:inline-block
}
.label-purple {
    background-color:#605ca8!important
}
.progress {
    background-color:#d2d2d2!important
}
.progress-bar-danger {
    background-color:#dd4b39!important
}
.table-applicant-stats tfoot td {
    font-weight:700;
    border-top:1px solid #d0d0d0!important
}
.hide {
    display:none!important
}
.box-comments .username {
    color:#444;
    display:block;
    font-weight:600
}
.box-comments .text-muted {
    font-weight:400;
    font-size:12px
}
.badge-default {
    background-color:#d2d6de;
    color:#444
}
.nav-icon-sub {
    font-size:.7rem!important;
    margin-right:0!important;
    min-width: 1rem!important;
    max-width: 1rem!important;
}
.nav-link-child p {
    padding-left:3px !important;
}
.sidebar-menu .nav-link > .nav-badge, .sidebar-menu .nav-link > p > .nav-badge {
    right:3px;
}
.sidebar-menu .nav-link>.nav-badge:nth-child(2), .sidebar-menu .nav-link>p>.nav-badge:nth-child(2) {
    right: 2rem;
}
.form-search:focus {
    border-color:#ced4da
}
.help-block {
    padding:3px;
    display: block;
    width: 100%;
    margin-top: .25rem;
    font-size: .875em;
    color: var(--bs-form-invalid-color);
}
.mid-base {
    margin-top:9px;
}
.form-search {
    background-color:#98a8b9;
    border:1px solid transparent;
    border-right:0
}
.form-search::placeholder {
    color:#292929
}
.form-search-button {
    background-color:#98a8b9;
    border:1px solid #343A40;
    border-left:0;
    color:#292929;
    border-top-left-radius:0;
    border-bottom-left-radius:0
}
.form-search:focus,.form-search:focus + .input-group-append .form-search-button {
    background-color:#fff;
    border:0;
    color:#666
}
.form-search:focus + .input-group-append .form-search-button {
    border:0
}
.thumbnail {
    padding: 4px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
}
.thumbnail a>img, .thumbnail>img {
    display: block;
    max-width: 100%;
    height: auto;
}
.margin-r-5 {
    margin-right:5px;
}

.btn-light {
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    box-shadow: inset 0 0 0 rgba(0,0,0,0);
}
.has-error .form-control {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}

.form-group.has-error .form-control, .form-group.has-error .input-group-addon {
    border-color: #dd4b39;
    box-shadow: none;
}

.form-group.has-error label {
    color: #dd4b39;
}
.table-head-borderless thead tr th {
    border-top:0px !important;
}
.application-next a, .application-previous a {
    color:#FFF !important;
}
.sortablePreQuestion .btn {
    white-space: normal;
    text-align: left;
}
.btn-box-tool {
    color:#97a0b3;
}
.pin-active {
    color:#212529;
}
.todobox .nav-item .nav-link {
    color:#212529;
}
.no-padding {
    padding:0!important
}
.worklistdialog .modal-body {
    padding:0px;
}
.obel_decisiontable-1_1 td {
    background: #e3dff6;
}
.obel_decisiontable-2_1 td {
    background: rgba(111, 186, 255, 0.45);
}
.obel_decisiontable-2_2 td {
    background: rgba(255, 193, 7, 0.58);
}
.obel_decisiontable-2_3 td {
    background: rgba(225, 223, 216, 0.59);
}
.obel_decisiontable-3_1 td {
    background: rgba(184, 246, 198, 0.64);
}
.obel_decisiontable-4_1 td {
    background: rgba(235, 210, 250, 0.59);
}
.obel_decisiontable-5_1 td {
    background: rgba(219, 129, 53, 0.42);
}
.obel_decisiontable-6_6 td {
    background: rgba(230, 129, 129, 0.28);
}

.gdpr_sensitive .application-answer, .gdpr_sensitive .field-container  {
    display:none;
}
.table-borderless-left-right td, .table-borderless-left-right th {
    border-left-width: 0;
}
.table-borderless-left-right td:last-child, .table-borderless-left-right th:last-child {
    border-right-width: 0;
}
.table-borderless-left-right {
    border-left-width: 0;
    border-right-width: 0;
}
.point-radio-container {
    display:inline-block;
    text-align:center;
    margin-right:5px;
    margin-left:5px;
}
.point-radio-container label {
    display:block;
    margin-bottom: 2px;
}
#toast-container>div {
    -moz-box-shadow: 0 0 12px #000;
    -webkit-box-shadow: 0 0 12px #000;
    box-shadow: 0 0 12px #000;
    opacity: 1;
    cursor: pointer;
}
#toast-container.toast-bottom-center>div, #toast-container.toast-top-center>div {
    width:470px;
}
.brand-link.large-brand .brand-image {
    max-height: 45px;
}
.logo-xl {
    margin-top:5px;
}
.brand-link.large-brand .logo-xl {
    margin-top:10px;
}
div.dataTables_wrapper div.dataTables_info {
    padding-top:0px;
}
.alert-warning a:not(.btn) {
    color:#1f2d3d;
}
.alert .btn {
    text-decoration: none;
}
.tupas-bank {
    margin:5px;
    border:3px solid #DAECF8;
    width:248px;
    display:inline-block;
    padding-top:3px;
    padding-bottom:3px;
    cursor:pointer;
}
.tupas-bank-name {
    vertical-align:middle;
    height:60px;
    font-size:18px;
    padding-left:5px;
    cursor:pointer;
}
.tupas-bank-logo {
    vertical-align:middle;
    padding-left:5px;
    cursor:pointer;
}
.tupas-bank-selected {
    border:3px solid #1D4E5E;
    background:#8ba3ca;
}

.Tabs {
    max-width:1160px;
    margin-bottom:20px;
}
.rimbert-round-tab {
    display: inline-block;
    color:#888888;
}
.rimbert-round-tab .text, .Tabs div.steplabel {
    color:#888888;
}
.rimbert-round-tab .text {
    border-bottom:10px solid #888888;
}
.Tabs div.text {
    text-align:center;
    font-size:15px;
    padding: .2em .1em .2em 1em;
}
.Tabs a div.text:hover {
    border-bottom:10px solid #FFF;
}
.tab-arrow {
    position: relative;
    right:-10px;
    font-size:26px;
    bottom:-3px;
    color:#66696E;
}
.tab-arrow:hover {
    text-decoration:none;
}
a.rimbert-round-tab:hover {
    text-decoration:none;
}
.current-steptab .text {
    color:#FFF;
    border-bottom:10px solid #FFF;
}
.current-steptab div.steplabel, .current-steptab .tab-arrow {
    color:#FFF;
}
.rimbert-round-step-ok .text {
    color:#2379b5;
    border-bottom:10px solid #2379b5;
}
.rimbert-round-step-ok div.steplabel, .rimbert-round-step-ok .tab-arrow  {
    color:#2379b5;
}
.current-steptab .text {
    color:#FFF;
    border-bottom:10px solid #FFF;
}
.current-steptab .tab-arrow, .current-steptab div.steplabel {
    color:#FFF;
}
.steplabel {
    text-align:center;
}
.agreement-page {
    background: #d2d6de;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
}
.tupas-bank-label {
    cursor:pointer;
    margin:0px;
}
.valign-middle {
    vertical-align: middle;
}

td.application-jav-button {
    text-align: center;
    width: 75px;
}

/*Bootstrap 4 -> 5 changes*/
.description-block {
    display: block;
    margin: 10px 0;
    text-align: center;
}
.description-block>.description-header {
    font-size: 16px;
    font-weight: 600;
    margin: 0;
    padding: 0;
}
.description-block>.description-text {
    text-transform: uppercase;
}
.card {
    margin-bottom: 1rem;
}

.float-right {
    float: right !important;
}
.float-left {
    float: left !important;
}
.btn-xs {
    padding:.125rem .25rem;
    font-size:.75rem;
    line-height:1.5;
    border-radius:.15rem
}
.app-sidebar {
    background-color: #212631;
    background-image: linear-gradient(45deg, #323f54 0%, #1f2130 100%);
}
.worklistmode {
    background:#272d3e !important;
}
.worklistmode .sidebar-brand {
    border-bottom:0px;
    margin-right:30px;
}
.worklistmode .navbar-nav .nav-link {
    color:#FFF;
}

table.dataTable tr td.dt-type-numeric {
    text-align: left;
}
table.dataTable th.dt-type-numeric {
    text-align: left;
}
.text-bg-default {
    background-color:#d2d6de;
    color:#444
}
.btn-default {
    background-color: #f8f9fa;
    border-color: #ddd;
    color: #444;
}
.chart-legend li {
    list-style-type:none;
}
.dt-info, .dt-length {
    padding-left:10px;
}
.lightbox .bg-transparent, .text-white {
    background: #FFF !important;
    color:#000 !important;
}
.text-purple {
    color: var(--bs-purple);
}
.text-bg-purple {
    color:#FFFFFF;
    background-color: var(--bs-purple) !important;
}
.text-red {
    color: var(--bs-red);
}
.text-green {
    color: var(--bs-green);
}
.text-orange {
    color: var(--bs-orange);
}
.text-aqua {
    color: var(--bs-teal);
}
.bg-brown {
    background-color: var(--bs-gray) !important;
}
.bg-red {
    background-color: var(--bs-red) !important;
}
.bg-orange {
    background-color: var(--bs-orange) !important;
}
.bg-navy {
    color:#FFF;
    background-color: #001f3f !important;
}
.bg-yellow {
    background-color: #ffc107 !important;
}
.card-comments .username {
    color: #495057;
    display: block;
    font-weight: 600;
}
.card-comments .card-comment {
    border-bottom: 1px solid #e9ecef;
    padding: 8px 0;
}
.modal {
    --bs-modal-width:630px;
}
.card.card-outline {
    border-top: 1px solid rgb(228 231 236);
}
.list-group-unbordered .list-group-item {
    border:0px;
    border-bottom:1px solid var(--bs-list-group-border-color);
    padding-left:0px;
    padding-right:0px;
}
.products-list {
    list-style: none;
    margin: 0;
    padding: 0;
}
.product-list-in-box li:nth-child(odd) {
    background-color: #f9f9f9;
}
.products-list>.item {
    border-radius: .25rem;
    background: #fff;
    padding: 10px 0;
}
.products-list .product-description {
    color: #6c757d;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.dt-bootstrap5 .mt-2 {
    margin-top:0px !important;
}
.dt-bootstrap5 .dt-length, .dt-bootstrap5 .dt-search {
    margin-top:0.5rem !important;
    margin-bottom:0.5rem !important;
}
.dt-bootstrap5 .dt-paging, .dt-bootstrap5 .dt-info {
    margin-top:0.5rem !important;
    margin-bottom:5px !important;
}
.form-check-input {
    border: var(--bs-border-width) solid #a5a9ad;
}
.fc-toolbar {
    margin: 0;
    padding: 1rem;
}
.widget-user-2 .widget-user-username {
    font-size: 20px;
    font-weight: 300;
    margin-bottom: 5px;
    margin-top: 5px;
}
.widget-user-2 .widget-user-header {
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
    padding: 1rem;
}
.text-left {
    text-align: left !important;
}
.text-left .dt-search {
    text-align: left !important;
    margin-left:5px;
}
.bg-gradient-olive {
    color: #fff;
    background: #3d9970 linear-gradient(180deg, #5aa885, #3d9970) repeat-x !important;
}
.nav-link-rimbert {
    display: block;
    padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
    font-size: 15px;
    font-weight: var(--bs-nav-link-font-weight);
    color: var(--bs-nav-link-color);
    text-decoration: none;
    background: none;
    border: 0;
    word-wrap: break-word;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}
.sidebar-menu .nav-link-rimbert p {
    display: inline;
    padding-left: 0.5rem;
    margin: 0;
    word-wrap: break-word;
}
.nav-pills .nav-link-rimbert.active, .nav-pills .show > .nav-link-rimbert {
    color: var(--bs-nav-pills-link-active-color);
    background-color: var(--bs-nav-pills-link-active-bg);
}
.sidebar-menu .nav-link-rimbert {
    position: relative;
    transition: width ease-in-out 0.3s;
    border-radius: 0.375rem;
}
.sidebar-menu .nav-link-rimbert>p>.nav-arrow {
    position: absolute;
    top: 30%;
}
.sidebar-menu .menu-open>.nav-link-rimbert .nav-arrow {
    transform: translateY(-50%) rotate(90deg);
    top: 50%;
}
.fixed-header .app-header {
    position: sticky;
    top: 0;
}

div.table-responsive>div.dt-container>div.row>.dt-layout-full {
    padding:0;
}
/*Bootstrap 4 -> 5 changes END*/

#futurepastpayments_wrapper .dt-search {
    display: flex;
    align-items: center;
}

.break-words {
    word-break: break-word;
    overflow-wrap: break-word;
}

.builder-static-container-datapilot {
    display:none;
}

/*Fix issue with chartjs generating 100s of pages when printing*/
@media print { .chartjs-size-monitor { display: none !important; }}