.body-cover {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    z-index: -999;
    background-color: #EAEBEE;
    /*
    background: url("../images/BodyCover.jpg") no-repeat center center fixed;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    */
}

.body-cover-form {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    z-index: -999;
    background-color: rgb(226, 233, 242);
}

.vakata-context {
    z-index: 1050;
}
.g-recaptcha {
    display: inline-block;
}

/* -------------------------------------------------------------------------------------*/
/* Sticky footer styles
/* -------------------------------------------------------------------------------------*/
html {
    position: relative;
    min-height: 100%;
}

body {
  /* Margin bottom by footer height */
  margin-bottom: 60px;
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  white-space: nowrap;
  line-height: 60px; /* Vertically center the text there */
}
@media (max-width: 540px) {
    .footer {
        position: absolute;
        bottom: 0;
        width: 100%;
        white-space: normal;
        line-height: 20px;
        padding-top: 10px;
    }
}
/* -------------------------------------------------------------------------------------*/
/* General Links */
/* -------------------------------------------------------------------------------------*/
a {
    color: #007bff;
    text-decoration: none;
    background-color: transparent;
}
    a:hover {
        color: #007bff;
        color: rgba(0, 123, 255, .7) ;
        text-decoration: underline !important;
    }

.btn-link-a {
    color: #007bff;
    text-decoration: none;
    background-color: transparent;
    padding-left: 0px!important;
}
    .btn-link-a:hover {
        color: #007bff;
        color: rgba(0, 123, 255, .7);
        text-decoration: underline !important;
    }

.link-default {
    color:#007bff !important;
}

.alert-white {
    color: rgb(33, 37, 41);
    background-color: #fff;
    border: 1px solid rgb(149, 165, 166);
}

/*--------------------------------------------------------------------------------------*/
label {
    margin-top: 1px;
    margin-bottom: 0px;
}
.form-group {
    margin-bottom: 6px!important;
}

.required-label {
    padding-left: 10px;
}
    .required-label:before {
        color: red;
        content: "*";
        font-size: 24px;
        font-family: inherit;
        position: absolute;
        margin-top: -3px;
        margin-left: -10px;
    }

/*--------------------------------------------------------------------------------------*/
.container-checkboxlist {
    background-color: rgba(23, 61, 111, .08);
    border-radius: 10px;
    padding: 16px 16px 8px 16px;
    box-shadow: 0px 2px 3px 0px rgba(23,61,111,.4);
    margin-bottom: 4px;
}

/* -------------------------------------------------------------------------------------
Bootstrap Overrides and Theme Styles
Primary (Green): #006b17 rgb(0, 107, 23)
Primary (Normal Blue): #173D6F rgba(23, 61, 111, 1)
Success: #006615 rgb(0, 102, 21)
-------------------------------------------------------------------------------------*/
.is-invalid, .field-validation-error {
    color: #ff0000 !important; /*red*/
}


h1, h2, h3, h4, h5, h6 {
    color: #173D6F !important;
}

/* push down for navbars */
.body-container {
    margin-top: 142px;
}
@media (min-width: 576px) {
    .body-container {
        margin-top: 142px;
    }
}

.navbar-brand {
    vertical-align: bottom;
}
.navbar-brand-logo-img {
    /*118 height large*/
    height: 42px !important;
    margin-top: -24px !important;
    margin-left: 12px !important;
    margin-right: 4px;
    padding-top: 0px !important;
    padding-left: 0px !important;
}
.navbar-brand-logo-text {
    color: #fff !important;
    font-size: 32px;
    font-weight: 500;
    display: inline-block;
    line-height: 24px;
    padding-top: 14px;
    font-family: Lato, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
}
@media (min-width: 576px) {
    .navbar-brand-logo-img {
        height: 42px !important;
        margin-top: -24px !important;
        margin-left: 12px !important;
        margin-right: 4px;
        padding-top: 0px!important;
        padding-left: 0px !important;
    }
}

.nav-link-dark {
    /*color: #FFF !important;*/
    color: #173D6F !important;
    white-space: nowrap;
}

    .nav-link-dark:hover {
        /*color: rgba(255,255,255, .8) !important;*/
        color: rgba(23, 61, 111, .8) !important;
        text-decoration: underline;
        text-decoration-color: #f39c12 !important;
    }

    .nav-link-dark > span:first-of-type {
        color: #f39c12;
    }

.navbar1 {
    height: 50px !important;
    padding-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
    z-index: 1031;
    margin-top: 0px;
    border-left: 0px solid #fff;
    padding-bottom: 0px !important;
}

.navbar2 {
    margin-top: 50px;
    box-shadow: 0px -2px 5px 0px rgba(23,61,111,.9);
}

.navbar2-target {
    margin-top: 0px;
    box-shadow: 0px 2px 6px 0px rgba(23,61,111,.4);
}

.provider-heading {
    font-weight: bold;
    font-size: 14px;
    color: rgba(23, 61, 111, 1) !important;
    max-width: 375px;
    overflow-wrap: break-word;
}

@media (min-width: 576px) {
    .provider-heading {
        font-weight: bold;
        font-size: 15px;
        color: rgba(23, 61, 111, 1) !important;
        max-width: 375px;
        overflow-wrap: break-word;
    }
}
/* -------------------------------------------------------------------------------------*/
/* Index Page */
/* -------------------------------------------------------------------------------------*/
.index-page-title {
    font-size: 32px;
    font-weight: 500;
    line-height: 32px;
    margin-bottom: 0px;
}
.index-page-subtitle {
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 12px;
}
/* -------------------------------------------------------------------------------------*/
/* Session Timer */
/* -------------------------------------------------------------------------------------*/
.sessiontimer-div {
    line-height: 12px;
    font-size: 12px;
    margin-bottom: 0px;
    position: fixed;
    top: 0px;
    right: 0px;
    width: 100px;
    text-align: right;
    color: #fff !important;
    height: 24px;
    z-index: 1032 !important;
    padding-top: 4px;
}
@media (min-width: 576px) {
    .sessiontimer-div {
        line-height: 12px;
        font-size: 12px;
        margin-bottom: 0px;
        position: fixed;
        top: 16px;
        right: 0px;
        width: 100px;
        text-align: right;
        color: #fff !important;
        height: 24px;
        z-index: 1032 !important;
        padding-top: 0px;
    }
}

.btn-primary:active {
    background-color: rgba(23, 61, 111, .9)!important;
}
.btn-primary:hover {
    background-color: rgba(23, 61, 111, .9)!important;
}
.btn-primary:focus {
    background-color: rgba(23, 61, 111, .9) !important;
}
.btn-primary:visited {
    background-color: rgba(23, 61, 111, .9) !important;
}

.btn-success:active {
    background-color: rgba(0, 102, 21, .9) !important;
}
.btn-success:hover {
    background-color: rgba(0, 102, 21, .9) !important;
}
.btn-success:focus {
    background-color: rgba(0, 102, 21, .9) !important;
}
.btn-success:visited {
    background-color: rgba(0, 102, 21, .9) !important;
}

.btn-secondary {
    color: black !important;
}

.btn-orange {
    background-color: #fd7e14;
    border: 1px solid #fd7e14;
    color: #fff !important;
}
    .btn-orange:active {
        background-color: rgba(253, 126, 20, .9) !important;
    }
    .btn-orange:hover {
        background-color: rgba(253, 126, 20, .9) !important;
    }
    .btn-orange:focus {
        background-color: rgba(253, 126, 20, .9) !important;
    }
    .btn-orange:visited {
        background-color: rgba(253, 126, 20, .9) !important;
    }

.btn-purple {
    background-color: #6f42c1;
    border: 1px solid #6f42c1;
    color: #fff !important;
}
    .btn-purple:active {
        background-color: rgba(111, 66, 193, .9) !important;
    }
    .btn-purple:hover {
        background-color: rgba(111, 66, 193, .9) !important;
    }
    .btn-purple:focus {
        background-color: rgba(111, 66, 193, .9) !important;
    }
    .btn-purple:visited {
        background-color: rgba(111, 66, 193, .9) !important;
    }

.link-secondary {
    color: #95a5a6 !important;
    white-space: nowrap;
}
    .link-secondary:hover {
        color: #343a40 !important;
        white-space: nowrap;
    }

.dropdown-menu-nav {
    border: 1px solid #173D6F;
    margin-top: -1px;
    border-radius: 0px!important;
}
.dropdown-menu-user {
    border: 1px solid #173D6F;
    border-radius: 0px !important;
}
.dropdown-item:hover, .dropdown-item:focus {
    color: #fff;
    text-decoration: none;
    background-color: #007bff;
}
.dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #007bff;
}

/* disabled cursor */
.disabled-wrapper {
    display: inline-block;
    cursor: not-allowed;
}
    .disabled-wrapper a,
    .disabled-wrapper button {
        pointer-events: none;
    }

button[disabled] {
    cursor: not-allowed;
}
a.disabled.js-test,
button.disabled.js-test {
    cursor: not-allowed;
}

input:disabled {
    cursor: not-allowed;
}
input[readonly] {
    cursor: not-allowed;
}

.hr-primary {
    height: 1px;
    background-color: #173D6F;
    border: none;
}

.primary-border-bottom {
    border-bottom: 1px solid #173D6F;
}

/* Bordered Div */
.primary-modal-div {
    border: 2px solid #173D6F;
    margin: 12px 12px 12px 12px;
    /*
    height: 450px;
    overflow-y: auto;
    */
}

.primary-modal-table {
    border: 2px solid #173D6F;
}

/* Bordered Table*/
.primary-header {
    box-shadow: 0 0 0 1px #173D6F !important;
}
    .primary-header > thead {
        color: #fff !important;
        background-color: rgba(23, 61, 111, .9) !important;
    }
        .primary-header > thead:hover {
            color: #fff !important;
            background-color: rgba(23, 61, 111, .9) !important;
        }

.primary-footer {
    border-top: 2px inset rgba(23, 61, 111, .16) !important;
    border-bottom: 2px inset rgba(23, 61, 111, .16) !important;
}

.table-responsive table {
    border-right: 2px solid #173D6F !important;
    border-left: 2px solid #173D6F !important;
}

.vtable {
    border-top: 2px solid #173D6F !important;
    border-bottom: 2px solid #173D6F !important;
    border-right: 2px solid #173D6F !important;
    border-left: 2px solid #173D6F !important;
}
.vtable th {
    padding: 12px 6px 12px 6px !important;
}

.vtable-header {
    color: #fff !important;
    background-color: rgba(23, 61, 111, .9) !important;
    vertical-align: middle !important;
    font-size: 14px;
    border-right: 2px solid #173D6F!important;
    line-height: 16px;
}

.vtable-header-sticky {
    background-color: rgb(50,80,123) !important;
    position: -webkit-sticky; /* Safari */
    position: sticky;
    left: -1px;
}
.vtable-header-light {
    color: rgba(23, 61, 111, 1) !important;
    background-color: #ecf0f1 !important;
    vertical-align: middle !important;
}
.vtable-header-info {
    color: #fff !important;
    background-color: #007bff !important;
    vertical-align: middle !important;
}
.vtable-header-primary {
    color: #fff !important;
    background-color: rgba(23, 61, 111, 1) !important;
    vertical-align: middle !important;
}
.vtable-header-success {
    color: #fff !important;
    background-color: #006615 !important;
    vertical-align: middle !important;
}
.vtable-header-yellow {
    color: rgba(23, 61, 111, 1) !important;
    background-color: rgb(255,255,0);
    vertical-align: middle !important;
}
.vtable-header-warning {
    color: rgba(23, 61, 111, 1) !important; 
    background-color: #f39c12 !important;
    vertical-align: middle !important;
}
.vtable-header-danger {
    color: #fff !important;
    background-color: rgb(255,0,26) !important;
    vertical-align: middle !important;
}
.vtable-header-secondary {
    color: black !important;
    background-color: #95a5a6 !important;
    vertical-align: middle !important;
}
.vtable-header-pink {
    color: #fff !important;
    background-color: #e83e8c !important;
    vertical-align: middle !important;
}
.vtable-header-purple {
    color: #fff !important;
    background-color: #6f42c1 !important;
    vertical-align: middle !important;
}
.vtable-header-orange {
    color: #fff !important;
    background-color: #fd7e14 !important;
    vertical-align: middle !important;
}

.vtable-header-dt {
    font-weight: bold;
    vertical-align: top !important;
}


.primary-box-shadow {
    box-shadow: 2px 2px 6px 0px rgba(23, 61, 111,.4);
}

.dt-col-fav {
    /*vertical-align: middle!important;*/
    padding: 12px 0px 0px 4px !important;
    text-align: center !important;
}

.dt-col-center {
    text-align: center !important;
}

.dt-col-status {
    text-align: center !important;
}

/* -------------------------------------------------------------------------------------*/
/* Breadcrumb */
/* -------------------------------------------------------------------------------------*/
.dwc-breadcrumb {
    margin-top: -14px;
    margin-bottom: 8px;
    font-size: 12px;
    text-align: right;
}
/* -------------------------------------------------------------------------------------*/
/* inline form blocks */
/* -------------------------------------------------------------------------------------*/
.form-block-inline {
    display: inline-block;
    padding: 0px;
    margin: 6px 0px 6px 0px;
}
    .form-block-inline > div:nth-child(1) {
        white-space: pre-line;
        word-break: break-word;
        padding: 4px 0px 4px 0px;
        /*background-color: #ecf0f1;*/
    }

    .form-block-inline > div:nth-child(2) {
        border-top: 1px solid #95a5a6;
        border-top: 1px solid #000;
        padding-top: 0px;
        line-height: 18px;
        width: 100%;
    }
.form-block-inline-sm {
    min-width: 150px;
}

.form-block-inline-md {
    min-width: 225px;
}

.form-block-inline-lg {
    min-width: 272px;
}

.form-block-inline-edit {
}
    .form-block-inline-edit > div:nth-child(2) {
        border-top: none!important;
        white-space: nowrap;
    }

.dwc-inline-input {
    display: inline-block;
    width: 100%;
    padding-right: 12px;
    vertical-align: top;
    margin-bottom: 12px;
}

@media (min-width: 576px) {
    .form-block-inline {
        margin: 6px 22px 6px 0px;
    }

    .dwc-inline-input {
        width: 320px;
    }
}

.dwc-hr-collapse {
    margin-top: 6px;
    margin-bottom: 6px;
}

/* -------------------------------------------------------------------------------------*/
/* Block link button */
/* -------------------------------------------------------------------------------------*/
.form-control-link-button {
    display: block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 0.9375rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: none;
}
/* -------------------------------------------------------------------------------------*/
/* Jquery UI overrides */
/* -------------------------------------------------------------------------------------*/
.ui-btn-primary {
    color: #fff!important;
}
.ui-btn-primary a {
    color: #fff !important;
}
.ui-widget {
    font-family: Lato, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
}
.ui-state-default a {
    color: #173D6F !important;
}
.ui-state-active a {
    color: #FFF !important;
}
.jq-tooltip {
    cursor: pointer;
}

.ui-tooltip {
    white-space: pre-line;
}

.jquery-tab {
    padding: 8px 4px 12px 6px !important;
}

/* -------------------------------------------------------------------------------------*/
/* Notification */
/* -------------------------------------------------------------------------------------*/
.notify-div {
    color: #fff;
    background: #006821;
    font-size: 16px;
    line-height: 18px;
    margin-bottom: 0px;
    position: fixed;
    top: 120px;
    z-index: 1034;
    text-align: center;
    width: 100%;
    height: 23px;
}

.notify-label {
    margin-top: auto;
    margin-bottom: auto;
}


/* -------------------------------------------------------------------------------------*/
/* Jquery Tabs */
/* -------------------------------------------------------------------------------------*/
.jquery-tab {
    min-height: 380px;
    height: auto !important;
    height: 380px;
    padding: 12px 12px 12px 12px !important;
}

.jtab {
    background-color: initial;
    /*border-top: 1px solid #006b17 !important;*/
}
    .jtab a {
        /*
        margin-top: -1px !important;
        padding-bottom: 8px !important;
        */
    }
.jtab-warning {
    border-top: 1px solid #f39c12 !important;
    /*box-shadow: 0 0 0 1px #f39c12 !important;*/
}
    .jtab-warning span {
        color: rgb(253, 126, 20) !important;
    }
    .jtab-warning a {
        margin-top: -1px !important;
        padding-bottom: 8px!important;
    }
.jtab-danger {
    border-top: 1px solid rgb(255,0,26) !important;
}
    .jtab-danger span {
        color: rgb(255,0,26) !important;
    }
    .jtab-danger a {
        margin-top: -1px !important;
        padding-bottom: 8px!important;
    }
.ui-state-active a {
    color: #fff !important;
}
/* -------------------------------------------------------------------------------------*/
/* Tab-Spinner */
/* -------------------------------------------------------------------------------------*/
.page-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    margin: auto;
    margin-left: -100px;
    z-index: 9999;
    border: 1px solid #173D6F;
    border-radius: 5px;
    width: 200px;
    text-align: center;
    padding: 12px;
    background-color: #EAEBEE;
}
    .page-loading:after {
        content: "...Loading";
        color: #173D6F;
    }
.page-loading-spinner {
    width: 18px;
    height: 18px;
    color: #173D6F;
}

.referral-spinner-div {
    position: absolute;
    top: 16px;
    right: 10px;
}

    .referral-spinner-div:after {
        content: "loading...";
    }

.referral-spinner {
    height: 16px;
    width: 16px;
}

.tab-spinner-div {
    position: absolute;
    top: 16px;
    right: 10px;
}

    .tab-spinner-div:after {
        content: "loading...";
    }

.tab-spinner {
    height: 16px;
    width: 16px;
}

.spinner-div {
}
    .spinner-div:after {
        content: "loading...";
    }

.spinner {
    height: 16px;
    width: 16px;
}
/* -------------------------------------------------------------------------------------*/
/* jstree */
/* -------------------------------------------------------------------------------------*/
.jstree {
    margin-left: -18px !important;
    font-size: 15px !important;
}
.jstree-node {
    margin-left: 10px !important;
}
.jstree-children:nth-child(n+2) {
    margin-left: 8px !important;
}
.jstree-themeicon {
    color: #173D6F;
    margin-right: -1px !important;
}
.jstree-anchor {
    color: #173D6F !important;
    padding: 0px !important;
    margin-left: -6px !important;
}
.jstree-default .jstree-wholerow-clicked {
    background: rgba(23, 61, 111, .1) !important;
}
/* ------------------------------------------------------ */
/* DWC TAG                                           */
/* ------------------------------------------------------ */
.dwc-tag {
    height: 32px;
    width: 275px;
    margin-right: 8px;
    margin-bottom: 4px;
    display: inline-block;
    border-top: 1px solid rgba(23, 61, 111,.3);
    border-left: 1px solid rgba(23, 61, 111,.3);
    border-right: 1px solid rgba(23, 61, 111,.6);
    border-bottom: 1px solid rgba(23, 61, 111,.6);
    box-shadow: 2px 2px 6px 0px rgba(23, 61, 111,.4);
}
.dwc-tag-sm {
    width: 150px;
}
.dwc-tag-md {
    width: 175px;
}
.dwc-tag-lg {
    width: 200px;
}
.dwc-tag-xl {
    width: 225px;
}
.dwc-tag-xxl {
    width: 245px;
}

.dwc-tag-flipper {
    -moz-transform: perspective(1000px);
    -moz-transform-style: preserve-3d;
    position: relative;
}

.dwc-tag-front, .dwc-tag-back {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 0.6s;
    -webkit-transform-style: preserve-3d;
    -moz-transition: 0.6s;
    -moz-transform-style: preserve-3d;
    -o-transition: 0.6s;
    -o-transform-style: preserve-3d;
    -ms-transition: 0.6s;
    -ms-transform-style: preserve-3d;
    transition: 0.6s;
    transform-style: preserve-3d;
    position: absolute;
    top: 0;
    left: 0;
    height: 32px;
}

.dwc-tag-front {
    background-color: rgba(23, 61, 111,.08);
    width: 100%;
}

.dwc-tag-back {
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    background-color: #fff;
    cursor: pointer;
    width: 100%;
}

.dwc-tag-flip .dwc-tag:hover .dwc-tag-back, .dwc-tag.hover .dwc-tag-back {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);
}

.dwc-tag-flip .dwc-tag:hover .dwc-tag-front, .dwc-tag.hover .dwc-tag-front {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
    border: 1px solid black;
}

/* Front of the card text and images*/
.dwc-tag-front {
    overflow: hidden;
}
.dwc-tag-warning {
    background-color: #f39c12;
}
.dwc-tag-glyph {
    cursor: pointer;
    font-size: 16px;
    color: #173D6F;
    position: absolute;
    left: 8px;
    top: 3px;
}
.dwc-tag-delete {
    font-size: 16px;
    color: #173D6F;
    position: absolute;
    right: 8px;
    top: 3px;
}
.dwc-tag-front-text {
    color: #173D6F;
    cursor: pointer;
    line-height: 18px;
    padding: 5px 8px 5px 28px;
}


/* Back of the card */
.dwc-tag-back {
    width: 100%;
    height: 32px;
    overflow: hidden;
}
.dwc-tag-back-text {
    padding: 5px 8px 2px 4px;
    color: #173D6F;
    display: inline-block;
}
.dwc-tag-back-glyph {
    font-size: 16px;
    color: #173D6F;
    position: absolute;
    right: 8px;
    top: 3px;
}

@media (max-width: 592px) {
    .dwc-tag {
        width: 100%;
    }
}
/* ------------------------------------------------------ */
/* DWC FlipCard                                           */
/* ------------------------------------------------------ */
.dwc-flip-card {
    height: 148px;
    width: 100%;
    margin-right: 12px;
    margin-bottom: 12px;
    display: inline-block;
    border-top: 1px solid rgba(23, 61, 111,.3);
    border-left: 1px solid rgba(23, 61, 111,.3);
    border-right: 1px solid rgba(23, 61, 111,.6);
    border-bottom: 1px solid rgba(23, 61, 111,.6);
    box-shadow: 2px 2px 6px 0px rgba(23, 61, 111,.4);
}
.dwc-flip-card-flipper {
    -moz-transform: perspective(1000px);
    -moz-transform-style: preserve-3d;
    position: relative;
}
.dwc-flip-card-front, .dwc-flip-card-back {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 0.6s;
    -webkit-transform-style: preserve-3d;
    -moz-transition: 0.6s;
    -moz-transform-style: preserve-3d;
    -o-transition: 0.6s;
    -o-transform-style: preserve-3d;
    -ms-transition: 0.6s;
    -ms-transform-style: preserve-3d;
    transition: 0.6s;
    transform-style: preserve-3d;
    position: absolute;
    top: 0;
    left: 0;
    height: 148px;
}

.dwc-flip-card-front {
    width: 100%;
    background-color: rgba(23, 61, 111,.08);
}

.dwc-flip-card-back {
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    background-color: #fff;
    cursor: pointer;
    width: 100%;
}

.dwc-flip-card-flip .dwc-flip-card:hover .dwc-flip-card-back, .dwc-flip-card.hover .dwc-flip-card-back {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);
}

.dwc-flip-card-flip .dwc-flip-card:hover .dwc-flip-card-front, .dwc-flip-card.hover .dwc-flip-card-front {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
    border: 1px solid black;
}

/* Front of the card text and images*/
.dwc-flip-card-info {
    cursor: pointer;
    font-size: 18px;
    width: 24px;
    height: 24px;
    display: inline-block;
    position: absolute;
    left: 8px;
    top: 8px;
    color: #173D6F;
}
.dwc-flip-card-glyph {
    font-size: 24px;
    position: absolute;
    right: 8px;
    top: 8px;
    color: #173D6F;
    cursor: pointer;
}
.dwc-flip-card-title {
    font-weight: bold;
    font-size: 16px;
    color: #173D6F;
}
.dwc-flip-card-front-text {
    padding: 9px 12px 4px 32px;
    color: #173D6F;
    cursor: pointer;
}
.dwc-flip-card-front-footer {
    padding: 4px 0px 0px 0px;
    /*border-top: 1px solid rgba(23, 61, 111,.2);*/
    position: absolute;
    bottom: 0px;
    width: 100%;
    text-align: center;
    cursor: default;
}
.dwc-flip-card-front-footer-actions {
    padding: 0px 0px 4px 0px;
    font-size: 14px;
}
.dwc-flip-card-front-footer-success {
    color: #fff !important;
    background-color: #006615 !important;
    line-height: 15px;
    padding-top: 4px;
    padding-bottom: 4px;
    cursor: pointer;
}
.dwc-flip-card-front-footer-warning {
    color: rgba(23, 61, 111, 1) !important;
    background-color: #f39c12 !important;
    line-height: 15px;
    padding-top: 4px;
    padding-bottom: 4px;
    cursor: pointer;
}

/* Back of the card */
.dwc-flip-card-back {
    width: 100%;
}
.dwc-flip-card-back-text {
    padding: 9px 12px 4px 12px;
    color: #173D6F;
    overflow-x: hidden;
    overflow-y: hidden;
}
.dwc-flip-card-back-footer {
    text-align: center;
    font-size: 14px;
    padding: 4px 8px 8px 8px;
    border-top: 1px solid rgba(23, 61, 111,.2);
    color: #173D6F;
    position: absolute;
    bottom: 0px;
    width: 100%;
}

@media (min-width: 592px) {
    .dwc-flip-card {
        width: 296px;
    }
}


/* ------------------------------------------------------ */
/* DWC Flip Tile                                          */
/* ------------------------------------------------------ */
.dwc-ftile-front-info {
    cursor: help;
    font-size: 18px;
    color: #FCB021 !important;
    width: 24px;
    height: 24px;
    display: inline-block;
    position: absolute;
    left: 8px;
    top: 8px;
}

.dwc-ftile-front-link {
    color: #173D6F !important;
    height: 116px;
    width: 100%;
    padding-top: 0px;
    display: inline-block;
    vertical-align: top;
}

.dwc-ftile-front-glyph {
    font-size: 32px;
    position: absolute;
    right: 8px;
    top: 8px;
}

.dwc-ftile-front-text {
    font-weight: bold;
    font-size: 16px;
    position: absolute;
    bottom: 8px;
    left: 8px;
}
/* hover action */
.dwc-ftile-front:hover {
    background-color: #FCB021;
    opacity: .5;
}

    .dwc-ftile-front:hover .dwc-ftile-front-info {
        color: #FFF !important;
    }

        .dwc-ftile-front:hover .dwc-ftile-front-info:hover {
            color: #173D6F !important;
        }

    .dwc-ftile-front:hover a {
        text-decoration: none;
    }

.dwc-ftile-front-info:hover {
    color: #173D6F !important;
}

.dwc-ftile-back-link {
    font-weight: bold;
    font-size: 14px;
    position: absolute;
    right: 100px;
    bottom: 4px;
    background-color: #EEF4F9;
    padding: 2px 4px 2px 4px;
}
/* --------------------Generic Flip Css--------------------------- */
.dwc-ftile {
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -o-perspective: 1000;
    perspective: 1000;
    margin-right: 16px;
    margin-bottom: 16px;
    display: inline-block;
    box-shadow: 2px 2px 6px 0px rgba(23, 61, 111,.4);
}

.dwc-ftile, .dwc-ftile-front, .dwc-ftile-back {
    width: 100%;
    height: 116px;
}

@media (min-width: 576px) {
    .dwc-ftile, .dwc-ftile-front, .dwc-ftile-back {
        width: 256px;
        height: 116px;
    }
}

.dwc-ftile-flipper {
    -moz-transform: perspective(1000px);
    -moz-transform-style: preserve-3d;
    position: relative;
}

.dwc-ftile-front, .dwc-ftile-back {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 0.6s;
    -webkit-transform-style: preserve-3d;
    -moz-transition: 0.6s;
    -moz-transform-style: preserve-3d;
    -o-transition: 0.6s;
    -o-transform-style: preserve-3d;
    -ms-transition: 0.6s;
    -ms-transform-style: preserve-3d;
    transition: 0.6s;
    transform-style: preserve-3d;
    position: absolute;
    top: 0;
    left: 0;
}

.dwc-ftile-front {
    background-color: rgba(23, 61, 111, .09);
    border: 1px solid rgba(23, 61, 111, .09);
}

.dwc-ftile-back {
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    padding: 8px 8px 6px 8px;
    background-color: #fff;
    cursor: pointer;
    font-size: 14px;
    color: #173D6F !important;
    line-height: 14px !important;
}

.dwc-ftile-flip .dwc-ftile:hover .dwc-ftile-back, .dwc-ftile.hover .dwc-ftile-back {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);
}

.dwc-ftile-flip .dwc-ftile:hover .dwc-ftile-front, .dwc-ftile.hover .dwc-ftile-front {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

/* ------------------------------------------------------ */
/* DWC Tile                                          */
/* ------------------------------------------------------ */
.dwc-tile {
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -o-perspective: 1000;
    perspective: 1000;
    display: inline-block;
    box-shadow: 2px 2px 6px 0px rgba(23, 61, 111,.4);
    background-color: rgba(23, 61, 111, .09);
    border: 1px solid rgba(23, 61, 111, .09);
    border-radius: 5px;
    width: 100%;
}
.dwc-tile-dark {
    background-color: #173D6F;
}
.dwc-tile-danger {
    box-shadow: 2px 2px 6px 0px rgba(255, 0, 26, .4);
    border: 1px solid rgba(255, 0, 26, .4);
}

.dwc-tile a {
    color: #173D6F !important;
    width: 100%;
    padding: 24px;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    border-radius: 5px;
    width: 100%;
}
.dwc-tile-dark a {
    color: #fff !important;
}

.dwc-tile-glyph {
    font-size: 24px;
    position: absolute;
    right: 24px;
    top: 16px;
}

.dwc-tile-title {
    font-weight: bold;
    font-size: 18px;
    max-height: 42px;
    overflow: hidden;
    line-height: 20px;
    text-align: left;
}

.dwc-tile-text {
    margin-top: 12px;
    font-size: 15px;
    line-height: 18px;
    text-align: left;
}

/*
@media (min-width: 576px) {
    .dwc-tile {
        width: 100%;
        height: 158px;
    }
    .dwc-tile-link {
        width: 100%;
        height: 156px;
    }
    .dwc-tile-title {
        width: 94%;
    }
}

@media (min-width: 768px) {
    .dwc-tile {
        width: 320px;
    }
    .dwc-tile-link {
        width: 282px;
    }
    .dwc-tile-title {
        width: 252px;
    }
}

@media (min-width: 992px) {
    .dwc-tile {
        width: 284px;
    }
    .dwc-tile-link {
        width: 282px;
    }
    .dwc-tile-title {
        width: 216px;
    }
}
*/

/* hover action */
.dwc-tile:hover {
    border: 1px solid #173D6F;
}
    .dwc-tile:hover a {
        text-decoration: none !important;
        background-color: rgba(23, 61, 111, .05) !important;
    }

/* ------------------------------------------------------ */
/* DWC Inline Tile                                        */
/* ------------------------------------------------------ */
.dwc-flex-container {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    gap: 10px 20px;
}
.dwc-flex-tile {
    box-shadow: 2px 2px 2px 0px rgba(23, 61, 111,.4);
    background-color: #fff;
    border: 1px solid rgba(23, 61, 111, .4);
    border-radius: 5px;
    padding: 0px;
}
.dwc-flex-tile-title {
    background-color: rgba(23, 61, 111, .09);
    color: #173D6F;
    padding: 12px;
    font-weight: bold;
    text-align: center;
}
.dwc-flex-tile-body {
    padding: 10px;
}
.dwc-flex-tile-row {
    border-bottom: 1px solid rgba(23, 61, 111, .4);
    padding: 6px 0px 6px 0px;
}
/* -------------------------------------------------------------------------------------
Multi Line Text (preserve line breaks)
-------------------------------------------------------------------------------------*/
.multi-line {
    white-space: pre-wrap;
    word-wrap: break-word;
    overflow-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}
/* -------------------------------------------------------------------------------------
Wrap to prevent overflow
-------------------------------------------------------------------------------------*/
.text-wrap-overflow {
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
    -ms-word-break: break-all !important;
    word-break: break-word !important;
    -ms-hyphens: auto !important;
    -moz-hyphens: auto !important;
    -webkit-hyphens: auto !important;
    hyphens: auto !important;
}

/* -------------------------------------------------------------------------------------
Export subgroup
-------------------------------------------------------------------------------------*/
.export-subgroup {
    border-bottom: 1px solid rgba(23, 61, 111,.4);
    margin-bottom: 12px;
    padding: 16px 8px 4px 2px;
    font-weight: bold;
    font-size: 18px;
    color: rgba(23, 61, 111, 1);
}

/* -------------------------------------------------------------------------------------*/
/* Checkbox in grid: make bigger and align    */
/* -------------------------------------------------------------------------------------*/
.dwc-checkbox {
    cursor: pointer;
    height: 18px;
    width: 18px;
    margin: 2px;
}

/* -------------------------------------------------------------------------------------*/
/* Bootstrap Type Ahead                                                                 */
/* -------------------------------------------------------------------------------------*/
.typeahead {
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
}

.typeahead-match {
    font-weight: bold;
}

.typeahead li a:hover,
.typeahead li a:focus {
    background-color: rgba(23, 61, 111, 1) !important;
}

.typeahead li active {
    text-decoration: none;
    color: #fff;
    background-color: rgba(23, 61, 111, 1);
}

.typeahead > .active > a,
.typeahead > .active > a:hover,
.typeahead > .active > a:focus {
    text-decoration: none;
    color: #fff;
    background-color: rgba(23, 61, 111, 1);
}

/* -------------------------------------------------------------------------------------*/
/* Twitter Type Ahead                                                                   */
/* -------------------------------------------------------------------------------------*/

.twitter-typeahead {
    width: 100%;
}

.tt-selectable {
    cursor: pointer !important;
    font-size: 15px;
    padding-left: 12px;
}

.typeahead-container {
    line-height: 20px;
    width: 100%;
    max-height: 200px;
    overflow-y: auto;
    overflow-x: auto;
}

.twitter-typeahead-left .twitter-typeahead {
    width: 80% !important;
    background-color: transparent;
}

/* -------------------------------------------------------------------------------------*/
/* Make input look like a label: good for typeahead selection                           */
/* -------------------------------------------------------------------------------------*/
.dwc-input-typeahead-label {
    border: none !important;
    outline: none !important;
    background: rgba(0, 0, 0, 0) !important;
    cursor: default !important;
    color: #ccc!important;
    font-size: 80%;
    font-weight: 400;
    padding-bottom: 0px !important;
    line-height: 14px;
}

/* -------------------------------------------------------------------------------------*/
/* tables                                                                               */
/* -------------------------------------------------------------------------------------*/
.dtmailtodo_table tbody td {
    padding: 5px 4px 5px 4px !important;

}
.dtmailtodo_table thead th {
    padding-left: 6px;
    padding-right: 8px;
}

.dtmailsearch_table tbody td {
    padding: 5px 4px 5px 4px !important;
}

.dtmailsearch_table thead th {
    padding-left: 6px;
    padding-right: 8px;
}

.table-sm tbody td {
    padding-top: 3px !important;
    padding-bottom: 3px !important;
}

/* -------------------------------------------------------------------------------------*/
/* Prompt Dialog */
/* -------------------------------------------------------------------------------------*/
.app-prompt-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.app-prompt-outer {
    background-color: #fff;
    display: flex;
    align-items: center;
    border: none;
    border-radius: 0px;
    box-shadow: none;
    min-height: 540px;
    width: 100%;
    align-items: center;
}
.app-prompt-inner {
    width: 100%;
    padding: 40px 20px 40px 20px;
}
@media (min-width: 576px) {
    .app-prompt-outer {
        border-radius: 5px;
        box-shadow: 2px 2px 6px 0px rgba(236,240,241,1);
        width: 400px;
    }
}

/* -------------------------------------------------------------------------------------*/
/* forms */
/* -------------------------------------------------------------------------------------*/
.dwc-form-container {
    max-width: 700px;
}

.dwc-form-cover {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    z-index: -999;
    background-color: rgb(226, 233, 242);
}

.dwc-form-page-heading {
    background-color: #173D6F;
    color: #fff;
    font-size: 20px;
    padding: 24px;
    margin-bottom: 16px;
    border-radius: 8px;
}

.dwc-form-page-heading-title {
    font-size: 20px;
}

.dwc-form-section-title {
    color: #173D6F;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 16px;
}

.dwc-form-section-text {
    font-size: 15px;
    font-weight: normal;
}

.dwc-form-page-heading-text {
    font-size: 15px;
    white-space: pre-wrap;
}

.dwc-form-group {
    border: 1px solid rgb(218, 220, 224);
    padding: 24px;
    border-radius: 8px;
    background-color: #fff;
    margin-bottom: 16px !important;
}

.dwc-form-label {
    margin-bottom: 4px;
}

.dwc-form-info {
    margin-top: 8px;
    line-height: 1.5;
}

.dwc-form-button-group {
    padding: 0px;
    margin-bottom: 16px !important;
    text-align: left;
}

.dwc-form-paging-group {
    text-align: right;
    padding-top: 12px;
    color: #173D6F;
}

.dwc-form-clear {
    text-align: right;
    font-size: 13px;
    font-weight: bold;
}

.dwc-form-hr {
    margin-top: 8px;
    margin-bottom: 0px;
}

.dwc-form-checkbox-list {
    line-height: 16px !important;
    padding: 0px 16px 16px 0px;
}

    .dwc-form-checkbox-list input[type='checkbox'] {
        width: 18px;
        height: 18px;
        margin-top: 0px !important;
    }

    .dwc-form-checkbox-list label {
        margin-left: 4px;
        vertical-align: top !important;
    }

.dwc-form-radio {
    white-space: nowrap;
    line-height: 16px !important;
    padding: 0px 16px 16px 0px;
}

    .dwc-form-radio input[type='radio'] {
        width: 18px;
        height: 18px;
    }

    .dwc-form-radio label {
        display: inline-block;
        white-space: normal;
        padding-top: 0px;
        margin-top: 0px;
        line-height: 17px;
        padding-left: 4px;
        padding-right: 16px;
        vertical-align: top !important;
    }

    .dwc-form-radio .infoicon {
        display: inline-block;
        vertical-align: top !important;
        margin-top: 0px;
        margin-left: 1px;
    }

.dwc-form-hidden-input {
    border: none !important;
    outline: none !important;
    background: rgba(0, 0, 0, 0) !important;
    cursor: default !important;
    color: #fff !important;
    font-size: 10px;
    padding: 0px !important;
    line-height: 10px;
    position: absolute;
    right: 0px;
    top: 0px;
    width: 25px;
    /* uncomment to make visible for testing      
    color: #000 !important;
    width: 200px !important;
    border: 1px solid red !important;
    */
}

/* -------------------------------------------------------------------------------------*/
/* Summary Table */
/* -------------------------------------------------------------------------------------*/
.form-summary-table {
    border: 1px solid #173D6F;
    width: 100%;
    margin-bottom: 16px;
}

    .form-summary-table td {
        border: 1px solid #173D6F;
        padding: 0px 4px 8px 4px;
        line-height: 17px;
        vertical-align: top;
    }

.form-summary-td-section-header {
    background-color: #173D6F;
    color: #fff;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: bold;
    padding: 8px 4px 8px 4px !important;
}

.form-summary-td-header {
    /*text-transform: uppercase;*/
    font-size: 12px;
    font-weight: bold;
    color: #5c5c5c;
    margin-bottom: 2px;
}

.form-summary-td-text {
    font-weight: bold;
    font-size: 15px;
    color: #173D6F;
    word-wrap: break-word;
    overflow-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}

.form-summary-td-text-missing {
    font-weight: bold;
    font-size: 14px;
    color: #173D6F;
    background-color: yellow;
}

.form-summary-td-noheading {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
}

.form-summary-logo-container {
    display: block;
    text-align: center;
    height: 90px;
    color: #173D6F;
    padding: 8px 0px 0px 8px;
    background-color: rgba(23, 61, 111, .09);
    box-shadow: 0px 2px 5px 0px rgba(23,61,111, .5);
}

.form-summary-logo-image {
    max-width: 95px;
    position: absolute;
    top: 10px;
}

.form-summary-logo-text {
    width: 100%;
    display: inline-block;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
    height: 95px;
    padding-top: 14px;
}

.form-summary-cb-text {
    line-height: 20px;
}

/* -------------------------------------------------------------------------------------*/
/* Search Filter Container */
/* -------------------------------------------------------------------------------------*/
.container-search-filter {
    background-color: rgba(23, 61, 111, .08);
    border-radius: 10px;
    padding: 12px 12px 12px 12px;
    box-shadow: 0px 2px 3px 0px rgba(23,61,111,.4);
    margin-bottom: 12px;
}

/* -------------------------------------------------------------------------------------*/
/* Search alerts */
/* -------------------------------------------------------------------------------------*/
.thp-input-form-control {
    display: none;
}

/* -------------------------------------------------------------------------------------
Alert Pills
-------------------------------------------------------------------------------------*/
.dwc-alert-pill-warning {
    font-weight: bold;
    font-size: 14px;
    color: #173D6F;
    background-color: #fd7e14;
    padding: 4px 12px 4px 12px;
    display: inline-block;
    border-radius: 10px;
    margin: 0px 8px 2px 0px;
    cursor: pointer;
}

.dwc-alert-pill-danger {
    font-weight: bold;
    font-size: 14px;
    color: #fff;
    background-color: #ff001a;
    padding: 4px 12px 4px 12px;
    display: inline-block;
    border-radius: 10px;
    margin: 0px 8px 2px 0px;
    cursor: pointer;
}

/* -------------------------------------------------------------------------------------*/
/* Tear Notice */
/* -------------------------------------------------------------------------------------*/
.body-cover-tear-notice {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    z-index: -999;
    background-color: rgb(226, 233, 242);
}

.container-tear-notice {
    max-width: 700px;
}

.tear-notice-page-heading {
    background-color: #173D6F;
    color: #fff;
    font-size: 20px;
    padding: 24px;
    margin-bottom: 16px;
    border-radius: 8px;
}
.tear-notice-page-heading-title {
    font-size: 20px;
}
.tear-notice-page-heading-text {
    font-size: 15px;
    white-space: pre-wrap;
}

.tear-notice-section-title {
    color: #173D6F;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 16px;
}

.tear-notice-group {
    border: 1px solid rgb(218, 220, 224);
    padding: 24px;
    border-radius: 8px;
    background-color: #fff;
    margin-bottom: 16px !important;
}

.tear-notice-button-group {
    padding: 0px;
    margin-bottom: 16px !important;
    text-align: left;
}

.tear-notice-paging-group {
    text-align: right;
    padding-top: 12px;
    color: #173D6F;
}

.tear-notice-clearform-group {
    text-align: right;
    font-size: 13px;
    font-weight: bold;
}

.tear-notice-label {
    margin-bottom: 16px;
}

.tear-radio {
    line-height: 16px!important;
    padding: 0px 16px 16px 0px;
}
    .tear-radio input[type='radio'] {
        width: 18px;
        height: 18px;
    }
    .tear-radio label {
        margin-left: 4px;
        vertical-align: top!important;
}

.tear-checkbox-list {
    line-height: 16px !important;
    padding: 0px 16px 16px 0px;
}
    .tear-checkbox-list input[type='checkbox'] {
        width: 18px;
        height: 18px;
        margin-top: 0px!important;
    }
    .tear-checkbox-list label {
        margin-left: 4px;
        vertical-align: top !important;
    }

/* -------------------------------------------------------------------------------------*/
/* Tear */
/* -------------------------------------------------------------------------------------*/
.container-tear-filter {
    background-color: rgba(23, 61, 111, .08);
    border-radius: 10px;
    padding: 12px 12px 12px 12px;
    box-shadow: 0px 2px 3px 0px rgba(23,61,111,.4);
    margin-bottom: 12px;
}

.tear-alert-type-heading {
    font-weight: bold;
    font-size: 14px;
    color: #173D6F;
    background-color: #fd7e14;
    padding: 4px 12px 4px 12px;
    display: inline-block;
    border-radius: 10px;
    margin: 0px 8px 0px 0px;
}
.tear-alert-glyph {
    color: #173D6F;
}

/* -------------------------------------------------------------------------------------
Status History Tiles
-------------------------------------------------------------------------------------*/
.status-hist-tile-wrapper {
    display: inline-block;
    margin-top: 6px;
    margin-bottom: 6px;
}

.status-hist-tile-wrapper-inner {
    display: block;
}

.status-hist-tile-arrow {
    display: inline-block;
    vertical-align: middle !important;
}

.status-hist-tile {
    display: inline-block;
    border: 1px solid rgba(23,61,111, .2);
    border-radius: 10px;
    padding: 0px;
    box-shadow: 0px 2px 2px 0px rgba(23,61,111,.9);
    vertical-align: middle !important;
    min-width: 215px;
}

.status-hist-tile-header {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border: none;
    border-bottom: 1px solid rgba(23,61,111, .2);
    text-align: center;
    padding: 4px 12px 4px 12px;
    font-weight: bold;
}

.status-hist-tile-body {
    padding: 4px 12px 8px 12px;
    font-size: 14px;
    background-color: rgba(23,61,111, .08);
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
/* -------------------------------------------------------------------------------------*/
/* Popover */
/* -------------------------------------------------------------------------------------*/
.popover {
    min-width: 200px;
    max-width: 300px;
    z-index: 1020;
    border-color: #173D6F;
}

.popovers {
    cursor: pointer;
}

.bs-popover-right .arrow::after,
.bs-popover-auto[x-placement^="right"] .arrow::after {
    border-right-color: #173D6F !important;
}

.bs-popover-left .arrow::after,
.bs-popover-auto[x-placement^="left"] .arrow::after {
    border-left-color: #173D6F !important;
}

.bs-popover-top .arrow::after,
.bs-popover-auto[x-placement^="top"] .arrow::after {
    border-top-color: #173D6F !important;
}

.bs-popover-bottom .arrow::after,
.bs-popover-auto[x-placement^="bottom"] .arrow::after {
    border-bottom-color: #173D6F !important;
}

.popover-body {
    max-height: 150px;
    overflow-y: auto;
    white-space: pre-wrap;
}
/* -------------------------------------------------------------------------------------*/
/* Badges */
/* -------------------------------------------------------------------------------------*/
.dwc-badge-from-button {
    height: 33px;
    padding-top: 4px !important;
    margin-right: 12px;
    margin-top: 8px;
}
.dwc-badge-value {
    border-radius: 10px;
    padding: 5px 5px 5px 5px;
    margin-left: 4px;
    min-width: 32px;
}

/* -------------------------------------------------------------------------------------*/
/* Media */
/* -------------------------------------------------------------------------------------*/
@media (min-width: 576px) {
    .sessiontimer-div {
        right: 4px !important;
    }
    .form-divider-right {
        border-right: 0px !important;
    }
}

@media (min-width: 768px) {
    .sessiontimer-div {
        right: 4px !important;
    }
    .form-divider-right {
        border-right: 1px solid #dee2e6 !important;
    }
}

@media (min-width: 992px) {
    .sessiontimer-div {
        right: 4px !important;
    }
    .form-divider-right {
        border-right: 1px solid #dee2e6 !important;
    }
}

@media (min-width: 1200px) {
    .sessiontimer-div {
        right: 4px !important;
    }
    .form-divider-right {
        border-right: 1px solid #dee2e6 !important;
    }
}

@media (print) {
    .sessiontimer-div {
        display:none;
    }
}