:root {
    --text-color        : #202020;
    --text-light        : #f6f6f6;
    --agency-color      : #202020;
    --grey              : #818181;
    --lightish-grey     : #e3e3e3;
    --light-grey        : #f6f6f6;
}

.d-flex {
    display: flex !important;
}

.align-center {
    text-align : center;
}

.agency-navbar {
    background : var(--agency-color);
    color: #fff;
}
.trustid-content .text-dark {
    color : var(--text-color) !important;
}
.trustid-content .text-light {
    color : var(--text-light) !important;
}
.trustid-content .text-grey {
    color : var(--grey) !important;
}
.text-dark, .text-dark:before {
    color: var(--text-color);
}
.text-grey, .text-grey:before {
    color: var(--grey);
}
.text-agency, .text-agency:before  {
    color: var(--agency-color);
}

.trustid-content .card.info-card {
    padding: 15px 18px;
    border-radius : 15px;
    text-align: center;
    font-size: 1.05em;
}

.trustid-content .border{
    border-radius : 15px;
    border: 2px solid #e3e3e3;
}

.trustid-content strong i.fa{
    font-size: 1.125em;
}

.trustid-content .trustid-info {
    background : #fff;
    border-radius: 5px;
    margin-bottom: 10px;
    margin-top: 10px;
    height: 80px;
}
.trustid-content .trustid-info:first-child{
    margin-top: 1.5em;
}

.trustid-content .trustid-info .trustid-details {
    flex-grow:1;
    height:100%;
    padding:10px;
    box-sizing:border-box;
    display:flex;
    flex-direction: column;
    /*padding-top: 10px;*/
}

.trustid-content .trustid-info .trustid-details > strong {
    flex-grow: 1;
}

.trustid-content .trustid-info .status {
    width: 30px;
    background : var(--available);
    color: #fff;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    position: relative;
    height: 100%;
}

/*Statuses*/

.trustid-content .trustid-info.new .status{
    background : var(--published);
    color: #fff;
}

.trustid-content .trustid-info.completed{
    opacity:0.75;
}

.trustid-content .trustid-info .status div {
    transform: rotate(180deg);
    writing-mode: vertical-rl;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 30px;
    font-size: 12px;
}

.trustid-content .trustid-info .chevron {
    text-align: center;
    line-height: 80px;
    padding: 0 5px;
}
.trustid-content .trustid-info .chevron .fa {
    color : var(--grey);
}