@font-face {
    font-family: 'archia-reg';
    src: url('../webfonts/200430085306archia-reg.woff2') format('woff2'), url('../webfonts/200430085306archia-reg.woff') format('woff');
    font-display: auto;
}

body, h1, h2, h3, h4, h5, h6, p, blockquote, li, a {
    font-family: 'archia-reg';
}

html {
    position: relative;
    min-height: 100%;
}

h1, h2, h3, h4, h5, h6, blockquote, li {
    color: #003761;
}
body, p {
    color: #0E151D;
}

/*#admin-menu {display:none;}*/

::selection {
    color: #003761 ;
    background-color: #faec8a;
}
.u-header-logo-toggler {
    height: 60px;
}
.navbar-brand img {
    /*max-width:228px;*/
    flex-shrink:0;
}
.bold {font-weight:600;}
.info, .g-color-primary {
    color: #8FB8DE;
    color: #279AF1 !important;
}
.color-info, .g-color-secondary {
    color: #279AF1 !important;
}
.success {
    color: #0B6E4F;
    color: #439A86;
    color: #32936F;
}
.bg-success {
    background-color: #32936F !important;
}
.warning {
    color: #DD6E42;
}
.border-warning {
    border-color: #DD6E42 !important;
}
.bg-warning {
    background-color: #DD6E42 !important;
}
.danger {
    color: #96031A;
    color: #960200;
    color: #AD343E;
}
.g-bg-lightred-v2 {
    background-color: #dc3545 !important;
}
.silver {
    color: #7D8491;
}
.bg-primary {
    background-color: #003761 !important;
}
.g-bg-primary-opacity-0_8 {
    background-color: rgba(0, 55, 97, 0.8) !important;
}
.bg-super-light {
    background-color: #f9fbfc;
}
.bg-light {
    background-color: #F2F1F5 !important;
}
.border-light {
    border-color: #F2F1F5 !important;
}
.bg-dark {
    background-color: #0E151D !important;
}
.bg-dark-blue {
    background-color:#182f49 !important;
}
.bg-navy {
    background-color: #162234 !important;
}
.bg-info{
    background-color: #279AF1 !important;
}
.border-info {
    border-color: #279AF1 !important;
}
.g-color-gray-light-v6 {
    color: #6E88AB !important;
}
.g-brd-gray-light-v6 {
    border-color: #D9D8E2 !important;
}
strong {font-weight:bold;}

hr {
    border-color: #7D8491;
}

.u-badge-v1, .u-badge-v1--sm {
    transform: none !important;
}
    .u-badge-v1.top-right {
        -webkit-transform: translate(50%, -50%) !important;
        transform: translate(50%, -50%) !important;
    }

[class^="icon-communication"]:before, [class*=" icon-communication"]:before {
    vertical-align:middle;
}
/* Links & Buttons */
a {
    color: #6E88AB;
    outline: none;
    text-decoration:none;
}
    .g-color-secondary--hover:hover, .g-color-secondary--focus:focus, .g-color-secondary--disabled:disabled, .g-color-secondary--active.active, .g-color-secondary--opened[aria-expanded="true"] {
        color: #777777 !important;
    }
    a.g-color-gray-light-v6 {
        color: #6E88AB !important;
    }

    a.g-bg-gray-light-v8--hover:hover {
        background-color: #F2F1F5 !important;
        color: #003761 !important;
    }
    a.g-bg-gray-light-v8--active.active {
        background-color: #003761 !important;
        color: #fff !important;
    }
    a .card:hover {
        cursor: pointer;
        box-shadow: 0 20px 25px -12px rgba(0, 0, 0, 0.09);
        transition-property: all;
        transition-timing-function: ease;
        transition-delay: 0s;
        transition-duration: .3s;
    }
    a .card:hover {
        color: #003761 !important;
        /*background: #faec8a !important;*/
    }
        a .card:hover h4, a .card:hover i{
            color: #003761 !important;
        }
.page-link {
    color: #6E88AB;
}
.btn-link.icon:hover, .btn-link.icon:active, .btn-link.icon:focus {
    text-decoration: none;
}
.btn-link.icon:hover span{
        text-decoration: underline;
    }
.btn {
    border-radius: unset;
    font-weight: 600;
}
.btn-primary, .u-btn-secondary {
    background-color: #faec8a;
    border-color: #faec8a;
    color: #003761;
}
.u-btn-secondary.active, .u-btn-secondary:hover, .btn-primary:hover {
    color: #faec8a;
    background-color: #003761;
    border-color: #003761;
}
.u-btn-secondary:active, .u-btn-secondary:focus, .btn-primary:active, .btn-primary:focus {
    color: #fff !important;
    background-color: #162234;
}
.btn-link {
    color: #6E88AB;
}
.btn-secondary {
    color: #fff;
    background-color: #7D8491;
    border-color: #7D8491;
}
    .btn-secondary:hover, .btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show > .btn-secondary.dropdown-toggle {
        color: #fff !important;
    }
.btn-success:hover, .btn-danger:hover, .btn-outline-success:hover, .btn-outline-danger:hover {
    color: #fff !important;
}
.u-link-v5:hover {
    cursor:pointer;
}
.u-btn-outline-lightgray {
    color: #0E151D;
    border-color: #BFC0CF;
    background-color: #fff;
}
.btn-group .btn {border-left:none;}
    .btn-group label:first-child .btn {
        border-left: 1px solid #BFC0CF;
    }
.btn-group {
    z-index: 105;
}
    .alert {
        border-radius:unset;
    }
.alert-dismissible {
    right:30px;
    top:85px;
}
.dataset-nav-header h3{
    word-break:break-word;
}
/* Navigation */
/*a, button {letter-spacing:1px;}*/

/*li.profile-menu-mobile:last-child {
    border-bottom:1px solid #7D8491;
}*/

.u-header {
    /*background: #003761;*/
    font-size: .9em;
}
    .u-header a, .u-header__section--admin-light [data-dropdown-target] {
        color: #003761;
    }
.u-header__section--admin-dark, .u-header__section--admin-dark .u-header-logo-toggler {
    background-color: #162234;
}
    .u-sidebar-navigation--dark, .u-header__section--admin-dark [aria-labelledby], .u-header__section--admin-dark .u-header-icon-v1.active {
        background-color: #182F49;
    }
        .u-header__section--admin-dark [aria-labelledby] .u-header-dropdown-icon-v1 i, .u-sidebar-navigation--dark .u-side-nav--top-level-menu-link i, .u-header__section--admin-dark a, .u-header__section--admin-dark [aria-labelledby] i, .u-header__section--admin-dark [data-dropdown-target].active i, .u-header__section--admin-dark [data-dropdown-target] i {
            color: #6E88AB;
        }
        .u-sidebar-navigation--dark .u-side-nav--top-level-menu-item:hover, .u-header__section--admin-dark .u-header-dropdown-item-v1.active {
        background-color: #162234;
    }
.u-header__section--admin-light a:hover, .g-color-primary--hover:hover, .g-color-primary--focus:focus, .g-color-primary--disabled:disabled, .g-color-primary--active.active, .g-color-primary--opened[aria-expanded="true"], .u-side-nav--top-level-menu-link.active {
    color: #162234 !important;
    background-color: transparent;
}
.u-header a:hover i, .u-side-nav--top-level-menu-item.active a, .u-side-nav--top-level-menu-item.active i {
    color: #162234 !important;
}
.u-side-nav--top-level-menu-item:after {
    content: '';
    display: block;
    margin: auto;
    height: 3px;
    width: 0px;
    background: transparent;
    transition: width .7s ease, background-color .7s ease;
    position: relative;
    bottom: 0px;
}
.u-side-nav--top-level-menu-link:hover {
    text-decoration:none;
}
.u-side-nav--top-level-menu-item:hover:after, .u-side-nav--top-level-menu-item.active:after {
    width: 100%;
    background: #faec8a !important;
    margin-top: 0px !important;
}
    .side-nav .g-font-size-16 {
    font-size: 1.05rem !important;
}
.u-side-nav--top-level-menu-link [class*="u-badge"] {
    opacity: 1 !important;
}
.u-sidebar-navigation--dark .u-side-nav--top-level-menu-link:hover .u-badge-v1 i {
    background-color:transparent;
    color:#fff !important;
}
.navbar-brand:hover {
    background-color: transparent !important;
}
.u-header__section--admin-dark .u-header-dropdown-icon-v1 {
    background-color: #162234;
}
.u-header__section--admin-light .form-control, .u-header__section--admin-light .form-control:focus {
    color: #fff;
    box-shadow:none;
}
    .u-header__section--admin-light .form-control::placeholder {
        color:#fff;
        opacity:.8
    }
    .workflow-nav a {
        font-weight: bold;
        padding: .5rem 0rem 0rem !important;
    }
.u-header__section--admin-light [aria-labelledby] {
    background-color: #182f49;
    color: #d4dade;
    box-shadow: none;
}
    .u-header__section--admin-light [aria-labelledby] a {
        color: #d4dade;
    }
    .u-header__section--admin-light [aria-labelledby] i {
        color:#6e88ab;
    }
    .u-header__section--admin-light [aria-labelledby] a:hover {
        background-color: #162234;
    }
.u-header__section--admin-light .u-header-icon-v1.active {
    background-color: #182f49;
}
.u-header__section--admin-light .u-header-dropdown-item-v1:hover {
    background-color: #162234;
}
.u-side-nav--top-level-menu-link.active {
    background:#fff;
}
.u-side-nav--top-level-menu-link.active, .u-side-nav--top-level-menu-link.active i {
    color: #003761 !important;
}
    .workflow-nav a:after {
        content: '';
        display: block;
        margin: auto;
        height: 3px;
        width: 0;
        background: 0 0;
        transition: width .4s ease,background-color .4s ease;
        position: relative;
        bottom: -23px;
    }
.workflow-nav a:hover:after, .workflow-nav a.active:after {
    width: 100%;
    background: #faec8a !important;
    margin-top: 0px !important;
}
.workflow-nav a.active {
    color: #003761;
}
#notificationsMenu .btn-block {
    border-radius: 0 0 .25rem .25rem  !important;
}
.u-icons-demo__item:hover {
    color: #faec8a;
    background-color: #003761;
    cursor: pointer;
    box-shadow: 0 0 8px #eee;
}

    .u-icons-demo__item:hover p {
        color: #fff;
    }

/* Forms */
label, .col-form-label {
    color: #003761;
    font-weight: bold;
    font-size: .95em;
}
.form-control {
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    border-color: #BFC0CF;
}
.form-group.row {
    align-items: baseline;
}
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #BFC0CF;
}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #BFC0CF;
    opacity: 1;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #BFC0CF;
    opacity: 1;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #BFC0CF;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: #BFC0CF;
}

::placeholder { /* Most modern browsers support this now. */
    color: #BFC0CF;
}
#content {
    /*display: none;*/
}
.form-control:focus {
    border-color: #4C5A7C;
    box-shadow: 0 0 0 0.2rem rgba(19,56,92,.25);
}
[class*="input-group-"] {
    background-color: #fff;
}
input[type="checkbox"]:checked + .g-bg-lightblue-v3--checked, input[type="radio"]:checked + .g-bg-lightblue-v3--checked, input[type="checkbox"]:checked + .g-bg-lightblue-v3--checked i, input[type="radio"]:checked + .g-bg-lightblue-v3--checked i {
    background-color: #279AF1 !important;
    border-color: #279AF1 !important;
}
.u-check-icon-checkbox-v8 i::after, .u-check-icon-radio-v8 i::after {
    background-color: #BFC0CF;
}
.u-check-icon-checkbox-v8, .u-check-icon-radio-v8 {
    color: #BFC0CF;
    border: solid 1px #BFC0CF;
}
.u-check input[type="checkbox"]:checked + .u-check-icon-checkbox-v8 i::after, .u-check input[type="checkbox"]:checked + .u-check-icon-radio-v8 i::after, .u-check input[type="checkbox"]:checked + * .u-check-icon-checkbox-v8 i::after, .u-check input[type="checkbox"]:checked + * .u-check-icon-radio-v8 i::after, .u-check input[type="radio"]:checked + .u-check-icon-checkbox-v8 i::after, .u-check input[type="radio"]:checked + .u-check-icon-radio-v8 i::after, .u-check input[type="radio"]:checked + * .u-check-icon-checkbox-v8 i::after, .u-check input[type="radio"]:checked + * .u-check-icon-radio-v8 i::after {
    left: calc(100% - 19px);
    background-color: #32936F;
}
.u-check input[type="checkbox"]:checked + .u-check-icon-checkbox-v8, .u-check input[type="checkbox"]:checked + .u-check-icon-radio-v8, .u-check input[type="checkbox"]:checked + * .u-check-icon-checkbox-v8, .u-check input[type="checkbox"]:checked + * .u-check-icon-radio-v8, .u-check input[type="radio"]:checked + .u-check-icon-checkbox-v8, .u-check input[type="radio"]:checked + .u-check-icon-radio-v8, .u-check input[type="radio"]:checked + * .u-check-icon-checkbox-v8, .u-check input[type="radio"]:checked + * .u-check-icon-radio-v8 {
    color: #32936F;
    border-color: #32936F;
}
.u-check-icon-checkbox-v4, .u-check-icon-radio-v4 {
    border: solid 1px #BFC0CF;
    background-color: #fff;
    width:19px;
}
.radio-group .btn {
    font-weight:normal;
}
input[type="radio"]:checked + .g-bg-primary--checked {
    background-color: #003761 !important;
    color: #faec8a !important;
    border-color: #003761 !important;
}
.u-check input[type="checkbox"]:checked + .u-check-icon-checkbox-v4, .u-check input[type="checkbox"]:checked + .u-check-icon-radio-v4, .u-check input[type="checkbox"]:checked + * .u-check-icon-checkbox-v4, .u-check input[type="checkbox"]:checked + * .u-check-icon-radio-v4, .u-check input[type="radio"]:checked + .u-check-icon-checkbox-v4, .u-check input[type="radio"]:checked + .u-check-icon-radio-v4, .u-check input[type="radio"]:checked + * .u-check-icon-checkbox-v4, .u-check input[type="radio"]:checked + * .u-check-icon-radio-v4 {
    color: #32936F !important;
    border-color: #32936F !important;
}
input[type="radio"]:checked + * .g-bg-primary--checked {
    background-color: #32936F !important;
}
.bootstrap-select .btn {
    border: 1px solid #BFC0CF;
    border-radius: 0px;
    padding: .8rem 1rem .6rem;
    line-height: 1.5;
    background-color: #fff;
    height: 42px;
    font-weight: normal;
}
.u-select--v1-select .dropdown-toggle {
    line-height: 1;
    border: none;
    padding: 0;
    height: auto;
}
.u-select--v1-select .dropdown-menu[role="combobox"] [role="listbox"] a:hover {
    background-color: transparent;
}
.show > .btn-light.dropdown-toggle, .bootstrap-select .dropdown-toggle:focus {
    background-color: #182F49;
    border-color: #182F49;
    color: #fff;
    outline: none;
}
.u-select--v1-select.show > .btn-light.dropdown-toggle, .u-select--v1-select .dropdown-toggle:focus {
    color: #182F49 !important;
}
.btn-light:not(:disabled):not(.disabled):active:focus, .show > .btn-light.dropdown-toggle:focus {
    box-shadow: none;
}
    .dropdown-menu {
        margin-top: 5px;
        background-color: #182F49;
        color: #d4dade;
        border: none;
    }
.bootstrap-select .dropdown-menu.inner {
    margin: 10px 0;
}
.dropdown-item {
    padding-top: 0.35714rem !important;
    padding-bottom: 0.35714rem !important;
    color: #d4dade;
}
    .dropdown-item.active, .dropdown-item:active {
        background: #162234;
    }
    .dropdown-item.active, .dropdown-item:active, .dropdown-item:focus, .dropdown-item:hover {
        color: #faec8a !important;
    }

table .bootstrap-select .btn {
    padding: .375rem .75rem;
    height:auto;
}

.u-datepicker-v1 .ui-datepicker-calendar th a:hover, .u-datepicker-v1 .ui-datepicker-calendar th a.ui-state-active, .u-datepicker-v1 .ui-datepicker-calendar td a:hover, .u-datepicker-v1 .ui-datepicker-calendar td a.ui-state-active {
    background-color: #faec8a !important;
    border-color: #faec8a !important;
    color: #003761 !important;
    font-weight: bold;
}
.u-tagsinput--v2--blue .bootstrap-tagsinput .tag {
    background-color: #279AF1;
    color: #fff;
    border-color: #279AF1;
}
[class*="u-tagsinput--v2"] .bootstrap-tagsinput input[type="text"], [class*="u-tagsinput--v2"] .bootstrap-tagsinput .tag + input[type="text"] {
    width: auto;
}

/*Tabs*/
[class*="u-nav-v8"] .nav-link.active, [class*="u-nav-v8"] .nav-link.active .u-nav-v8__icon {
    background-color: #003761;
}
.u-nav-v8-2 .nav-link.active::before {
    background-image: linear-gradient(to bottom left, transparent 49.6%, #003761 50%), linear-gradient(to top left, transparent 49.6%, #003761 50%);
}
[class*="u-nav-v8"] .nav-link {
    background-color: #F2F1F5;
    color: #53585e;
}
    [class*="u-nav-v8"] .nav-link.active, [class*="u-nav-v8"] .nav-link:active, [class*="u-nav-v8"] .nav-link:focus {
        color: #ffffff !important;
    }
[class*="u-nav-v8"] .nav-link.active .u-nav-v8__description {
            color: rgba(255, 255, 255, 0.5);
        }
.u-nav-v8__description {
    color: rgba(0, 0, 0, 0.5);
    font-size: .9rem;
}
[class*="u-nav-v8"] .nav-link::after {
    background-image: none;
}
@media (min-width: 768px) {
    [class*="u-nav-v8"].flex-column .nav-item {
        margin-bottom: 3px;
    }
    .u-nav-v8-2 .nav-link {
        padding: 20px 25px 20px 50px;
    }
    .u-nav-v8-2 .nav-item:first-child .nav-link {
        padding: 20px 25px;
    }
    [class*="u-nav-v8"].flex-column .nav-item:first-child .nav-link, [class*="u-nav-v8"].flex-column .nav-link {
        padding: 20px;
    }
}
/*Spinner*/
.loader {
    border: 2px solid #f3f3f3;
    border-top: 2px solid #3498db;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    animation: spin 2s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* Tables */
table caption {display:none;}
tr.group,
tr.group:hover {
    background-color: #fff !important;
}

    tr.group td {
        font-weight: 600;
        line-height: 1.4;
        font-size: 1.28571rem;
        padding-top: 3rem;
        text-align: left !important;
    }

table.dataTable thead th, table.dataTable tfoot th {
    font-weight: bold;
}
/*#dataSetIndexTable th:first-child, #dataSetIndexTable td:first-child,*/ #schemaIndexTable th:first-child, #schemaIndexTable td:first-child {
    width: 5%;
}
#workflowTable a i, .workflow-icons a i, .card footer i {
    font-size: 1.3rem;
}
.workflow-icons  {
    padding-top: 5px;
}
.g-parent.list-inline-item li {
    padding: 0px !important;
    height: 40px;
    width: 40px;
}
.g-parent.list-inline-item .page-link {
    position: relative;
    width: 100%;
    height: 100%;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
}
.dataTables_paginate {
    display: block;
}
.no-paginate .dataTables_paginate {
    display:none;
}
.pagination .list-inline-item:first-child {
    margin-right: 1rem;
}
.u-pagination-v1-2:hover, .u-pagination-v1-2:focus {
    color: #279AF1;
}
.page-item.active .page-link, .page-item.active .page-link:focus, .page-item.active .page-link:hover {
    background-color: #003761;
    color: #faec8a;
    font-weight: 600;
}
.empty-table {
    display: none;
}
#notificationActivityTable th {
    width: 10%;
    text-align: center;
    font-size: 1.25rem;
    color: #003761;
    vertical-align: middle;
}
#notificationActivityTable th:first-child {
    width: auto;
}
#notificationActivityTable td {
    text-align: center;
}
#notificationActivityTable tr:last-child td, .job-task-table tr:last-child td {
    border: none;
}
.job-task-table td {
    vertical-align:top;
}
[class*="u-table--v3"] .opened + tr {
    background-color: #F2F1F5;
}
.js-details-show i:hover {
    cursor:pointer;
}
tr.float-left td{
    padding:0px !important;
}
table .form-control-md {
    padding:0px !important;
}
#dataSetTokenTable th, #dataSetTokenTable td {
    padding: 1.42857rem 0px !important;
}

.hide-ledger-options td:last-child a {
    display:none;
}
/* Modals */
.custombox-open.custombox-overlay {
    opacity: 0.6 !important;
}
.custombox-overlay {
    z-index:997 !important;
}
.custombox-content {
    z-index: 999 !important;
}
/* Accordions */
.u-accordion-color-primary .u-accordion__header [aria-expanded="true"] {
    color: #003761 !important;
    background-color: #F2F1F5 !important;
}


@media (min-width: 768px) {
    .g-width-300--md {
        width: 300px !important;
    }
    .u-footer--bottom-fixed, .u-footer--bottom-sticky {
        bottom: 2px;
    }
}
@media (min-width: 576px) {
    .u-header-logo-toggler {
        width: 280px;
    }
}
@media (max-width: 1300px) {
    html {
        font-size: .8rem !important;
    }
    li.g-mb-10 {
        margin-bottom: 0rem !important;
    }
    .g-max-width-250--md {
        max-width: 250px !important;
    }
    .u-header-logo-toggler {
        width: 250px;
    }
    tbody .col-lg-3 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
}
@media (max-width: 976px) {
    tbody .col-md-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}


/* Vue.js transitions */
.fade-enter-active, .fade-leave-active {
    transition: opacity .3s;
}

.fade-enter, .fade-leave-to {
    opacity: 0;
}


.list-enter-active, .list-leave-active {
    transition: opacity .3s;
}

.list-enter, .list-leave-to {
    opacity: 0;
}

.list-move {
    transition: transform 1s;
}


.list-highlight-enter-active, .list-highlight-leave-active {
    transition: opacity .3s;
    transition: background-color 1s;
}

.list-highlight-enter, .list-highlight-leave-to {
    opacity: 0;
}

.list-highlight-enter {
    background-color: lightyellow;
}

.list-highlight-move {
    transition: transform 1s;
}

/* dataset sidebar navigation */
#dataset-sidenav, #admin-menu {
    min-height: calc(100vh - 60px);
}

/* help section sidebar */
#help-section-sidebar {
    width: 0;
    height: 0;
    overflow: hidden;
    transition-duration: 0.5s;
}
    #help-section-sidebar .closed {
        position: relative;
        width: 300px;
        height: calc(100vh - 60px);
        right:-300px;
        transition:all .5s;
    }

#help-section-sidebar .closed.open {
            position: fixed;
            right: 0;
            height: 100%;
}
#help-section-sidebar .closed .js-custom-scroll {
            height: calc(100vh - 148px);
}

.formio-form > div > nav > ul.pagination {
    flex-flow: wrap row;
    display:flex !important;
}
.formio-wizard-nav-container {
    display: flex;
    margin-top: 40px;
}
.rectangle, .rectangleWithBorder {
    background-color: #fff;
    padding: 24px;
    width: 100%
}

.rectangle {
    box-shadow: 1px 1px 3px 0 rgba(0,0,0,.09);
}