/* autoprefixer grid: autoplace */
html {
    font: 16px/1.5em Tahoma, helvetica, sans-serif;
}

body {
    background-color: #eee;
    font-size: .75rem;
    margin: 0;
    font-family: 'Ubuntu', arial, helvetica, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: auto;
    color: #000;
}

/* makes responsive image in Bootstrap*/
.responsive-img {
    display: block;
    height: auto;
    max-width: 100%;
}

.optn {
    float: right;
    margin-top: 20px;
}

.footer-link:visited,
.footer-link:active,
.footer-link:link {
    color: #D16C28;
    text-decoration: none;
}

a.home-link {
    background: url(/Images/Logo/logo_transnet.png) no-repeat top left;
    display: block;
    /*width: 150px;
     height: 150px;*/
    text-indent: -9999px; /* hides the link text */
}

.home-header {
    background-image: url(/Images/site/background_dots.png);
    border: #000 1px solid;
    margin: 0px 0px 10px;
    display: block;
    padding: 20px 20px 20px 30px;
}

.home-panel {
    border: #000 1px solid;
    padding: 10px;
    margin-bottom: 5px;
    position: relative;
    background-color: #eee;
}

.margin-left-panel-5 {
    margin-left: 5px;
    position: relative;
}

.margin-panel-12 {
    margin-left: 12px;
    margin-right: 12px;
    position: relative;
}

h6, .h6 {
    font-size: 12px;
}

.btn-logout {
    font-size: 14px;
}

label {
    max-width: 100%;
    font-weight: 700;
}

.btn {
    background-image: none;
    border: 1px solid transparent;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
}

.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}

.btn-primary {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
}

.btn-sm, .btn-group-sm > .btn {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.btn-xs, .btn-group-xs > .btn {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.btn:active, .btn.active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 3px 5px rgb(0 0 0 / 13%);
    box-shadow: inset 0 3px 5px rgb(0 0 0 / 13%);
}

.btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
    color: #333;
    background-color: #e6e6e6;
    background-image: none;
    border-color: #adadad;
}

#nextSteps .dropdown-toggle::after {
    content: none;
}

select.input-sm {
    height: 30px;
    line-height: 30px;
}

.input-sm {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #f9f9f9;
}

.pagination > li:first-child > a, .pagination > li:first-child > span {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #337ab7;
    border-color: #337ab7;
}

.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {
    color: #777;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd;
}

.pagination > li > a, .pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}


.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #337ab7;
    border-color: #337ab7;
}

table.dataTable {
    width: 100% !important;
}

.dataTables_paginate ul.pagination {
    float: right;
}

.hide {
    display: none !important;
}


@media only screen and (max-width: 990px) {
    .home-panel {
        margin-left: -15px;
        margin-right: -15px;
    }
}

@media only screen and (min-width: 991px) {
    .home-panel-first {
        margin-left: -15px;
    }

    .home-panel-last {
        margin-right: -15px;
    }    
}


.nav > li {
    position: relative;
    display: block;
}

.nav > li > a {
    position: relative;
    display: block;
    padding: 10px 15px;
}

.home-panel p {
    padding-bottom: 35px;
}

.home-panel-btn {
    position: absolute;
    bottom: 0;
    margin: 10px 0px 10px 0px;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
    box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
}

.dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    color: #262626;
    text-decoration: none;
    background-color: #f5f5f5;
}


/* #Typography
================================================== */
h1, h2, h3, h4, h5, h6 {
    color: #56758e;
    font-weight: bold;
}

    h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
        font-weight: inherit;
    }

h1 {
    font-size: 22px;
    line-height: 30px;
    margin-bottom: 14px;
}

h2 {
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 10px;
}

h3 {
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 8px;
}

h4 {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 4px;
}

h5 {
    font-size: 14px;
    line-height: 22px;
}

.center-block {
    display: block;
    margin-right: auto;
    margin-left: auto;
}

/***********************/
/* NAV BAR ADJUSTMENTS */
/***********************/
.navbar {
    padding: 0;
    margin-bottom: 20px;
    border: 1px solid transparent;
    z-index: 9998;
}


.navbar .container {
    display: block;
}


.navbar-logo {
    width: 140px;
    padding-top: 15px;
    margin-right: 15px;
}

.navbar-default {
    background-color: #56758e !important;
    margin-top: 10px;
}

.navbar-toggler {
    float: right;
}

.navbar-toggler:hover {
    background-color: #ddd;
}

#navigation-bar, .navbar-collapse {
    background-color: #56758e;
}

.navbar-nav > li > a {
    color: #FFF !important;
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 20px;
}


.selected {
    background-color: #585859 !important;
}

.hideBehindCollapsibleNav {
    z-index: -1;
    position: relative;
}

ul.nav a:hover {
    color: #337ab7;
    text-decoration: none;
}



/***********/
/* HEADERS */
/***********/
h1 {
    font-family: 'Open Sans Condensed', 'Helvetica Neue', 'Myriad Pro', Arial, sans-serif;
    padding-top: 0px;
    margin: 0px;
    font-size: 17pt;
    font-weight: bold;
    color: #56758e;
}

h2 {
    font-family: 'Open Sans Condensed', 'Helvetica Neue', 'Myriad Pro', Arial, sans-serif;
    padding-top: 0px;
    margin: 0px;
    font-size: 15pt;
    font-weight: bold;
    color: #56758e;
}

h3 {
    font-family: 'Open Sans Condensed', 'Helvetica Neue', 'Myriad Pro', Arial, sans-serif;
    padding-top: 0px;
    margin: 0px;
    font-size: 13pt;
    font-weight: bold;
    color: #56758e;
}



/***********/
/* ANCHORS */
/***********/
.OrganLink {
    font-weight: 300;
}

    .OrganLink:hover {
        font-weight: bolder !important;
        text-decoration: none !important;
        font-size: 10pt !important;
    }




footer p sup {
    /* Specified in % so that the sup/sup is the
     right size relative to the surrounding text */
    font-size: .65em;
    /* Zero out the line-height so that it doesn't
     interfere with the positioning that follows */
    line-height: 0;
    /* Where the magic happens: makes all browsers position
     the sup/sup properly, relative to the surrounding text */
    position: relative;
    /* Note that if you're using Eric Meyer's reset.css, this
     is already set and you can remove this rule */
    vertical-align: baseline;
}

sup {
    /* Move the superscripted text up */
    top: -0.55em;
}

sub {
    /* Move the subscripted text down, but only
     half as far down as the superscript moved up */
    bottom: -0.25em;
}

#intro {
    padding: 20px 10px 0 10px;
}


#message {
    font-size: 16px;
}

.required-label {
    margin-left: 3px;
    vertical-align: super;
    font-size: smaller;
}

.btn-orange {
    color: #fff;
    background-color: #D67B3D;
    border-color: #D16C28;
}

    .btn-orange:hover {
        color: #fff;
        background-color: #D16C28;
    }

/*.scan-section-header {
    color: #4D7094;
}*/

/*.scan-section-padding {
    margin: 5px;
    padding: 5px;
}*/

.scan-before {
    background-color: #DBE2E9;
    border: 1px dashed #8F969D;
    margin: 5px;
    padding: 5px;
    text-align: center;
    padding: 50px 0px 50px 0px;
}

.scan-info {
    background-color: #CCD6E0;
    border: 1px solid #194775;
    margin: 5px;
    padding: 15px;
}

.scan-warning {
    background-color: #FCF8E3;
    border: 1px solid #FBEED5;
    margin: 5px;
    padding: 15px;
}

.scan-danger {
    background: #f2dede;
    border: 1px solid #b94a48;
    margin: 5px;
    padding: 15px;
}

.scan-success {
    background: #dff0d8;
    border: 1px solid #468847;
    margin: 5px;
    padding: 15px;
}

#organ-scan-after > fieldset > .form-group > .col-form-label,
#recipient-scan-after > fieldset > .form-group > .col-form-label {
    margin-bottom: -5px;
}

#organ-scan-after > fieldset > .form-group > .col-sm-12 > p,
#recipient-scan-after > fieldset > .form-group > .col-sm-12 > p {
    margin-bottom: -5px;
}

.no-match {
    color: #b94a48;
    margin-left: 10px;
}

.is-match {
    color: #468847;
    margin-left: 10px;
}

.disease-alert {
    color: #b94a48;
    font-weight: bold;
}

a:hover {
    color: #0056b3;
    text-decoration: underline;
}

div.dataTables_wrapper div.dataTables_length label {
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
}

div.dataTables_wrapper div.dataTables_length select {
    width: 75px;
    display: inline-block;
}

@media only screen and (max-width: 766px) {
    .disease-table-modal > .modal-dialog {
        width: 320px !important;
    }
}

@media only screen and (min-width: 767px) {
    .disease-table-modal > .modal-dialog {
        width: 320px !important;
    }
}


.disease-table-modal .header {
    font-weight: bold;
    background-color: #c0c0c0;
}

#nextSteps {
    margin-left: 10px;
}

    #nextSteps > .dropdown-menu > li {
        margin-top: 10px;
        margin-bottom: 10px;
    }

        #nextSteps > .dropdown-menu > li > a > .fa {
            margin-right: 10px;
        }

/*.scan-input {
    outline: none;
    position: absolute;
    z-index: -1;
    text-indent: -9999em;
}*/


.modal {
    z-index: 9999;
}

#progress-indicator {
    border: 1px solid #7A7A99;
    background-color: #CCCCFF;
    width: 160px;
    vertical-align: middle;
    color: #4C0066;
    font-size: 14px;
    padding: 10px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -50px;
    margin-left: -80px;
}

/*@
    media only screen and (min-width: 767px) {    
   .home-panel {
     
    }
}


@media only screen and (max-width: 766px) {    
   .tja {

    }
}

*/


/*************
    Reports
***************/

.loadingheader-right {
    float: right;
    margin-right: 6px;
    font-size: 1.2em;
}

td.details-control {
    background: url('/Images/Icons/icon-expand.png') no-repeat center center;
    cursor: pointer;
}

tr.shown td.details-control {
    background: url('/Images/Icons/icon-collapse.png') no-repeat center center;
}

td.select-row-control {
    text-align: center;
}

.date-picker-not-entered {
    background-color: lightyellow;
}

.date-picker-invalid-date {
    background-color: palevioletred;
}

.date-picker-valid-date {
    background-color: lightgreen;
}

.errorBox {
    border: 1px solid;
    margin: 10px 0px;
    padding: 10px 10px 10px 10px;
    color: #D8000C;
    background-color: #FFBABA;
}

#report-filter > fieldset {
    border-color: #c0c0c0;
    border-width: 1px;
    border-style: solid;
    padding: 10px 10px 10px 20px;
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
}

    #report-filter > fieldset > legend {
        font-size: 14px;
        font-weight: bold;
        color: #808080;
        width: 45px;
        text-decoration: none;
    }

.main-menu-dropdown:focus {
    background: #FFFFFF !important;
    color: #000000 !important;
}

div.form-group div > label {
    font-weight: normal;
}

/* New style, per DR 74841, for the modal dialog that warns users when they select No to the question
    "Was this the expected Donor ID, organ, and laterality (if applicable)?"
*/
#col-uow-1 {
    margin: 0px 20px;
}
/*unos - brand*/
.logo-unos {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 250 100'%3E%3Cpath fill='%230f99d6' d='M94.6 18v43.6c-2.2-3.4-4.6-7.1-7.3-11-2.8-3.9-5.6-7.9-8.5-11.8-2.9-3.9-5.9-7.7-8.8-11.3-2.9-3.6-5.6-6.8-8.2-9.4h-9.7V58c-.2 3-.5 5.5-1.2 7.6-.7 2.1-1.6 3.8-2.8 5.2-1.2 1.3-2.7 2.3-4.4 2.9-1.7.6-3.6.9-5.7.9s-4-.3-5.6-.9c-1.8-.7-3.2-1.7-4.4-3-1.2-1.3-2.2-3-2.8-5.2-.7-2.1-1-4.7-1-7.6V18h-12v41c0 3.8.5 7.3 1.5 10.4 1 3.2 2.6 5.9 4.7 8.2 2.1 2.3 4.8 4.2 8 5.5C29.6 84.4 33.5 85 38 85s8.4-.6 11.7-1.9c3.3-1.3 6-3.1 8.1-5.5 2.1-2.3 3.7-5.1 4.7-8.2 1-3.2 1.6-6.6 1.6-10.4V36.6c2.5 3.2 5.3 6.7 8.2 10.7 2.9 4 5.8 8 8.7 12.2 2.8 4.2 5.6 8.4 8.3 12.5 2.7 4.1 5.1 8 7.2 11.6h10.1V18h-12zM203.2 74.7c4.3 0 7.4-.7 9.4-2.2 2-1.5 2.9-3.5 2.9-6.2 0-1.6-.3-2.9-1-4.1-.7-1.1-1.6-2.2-2.8-3.1-1.2-.9-2.7-1.8-4.5-2.6-1.8-.8-3.8-1.6-6.1-2.3-2.3-.8-4.5-1.7-6.6-2.7-2.1-1-4-2.2-5.6-3.7-1.6-1.5-2.9-3.2-3.9-5.2s-1.5-4.5-1.5-7.3c0-5.9 2.1-10.6 6.2-14 4.1-3.4 9.7-5.1 16.8-5.1 4.1 0 7.8.5 10.9 1.4 3.2.9 5.7 1.9 7.5 3l-3.7 9.7c-2.1-1.2-4.5-2.1-7.1-2.7-2.6-.6-5.2-.9-7.9-.9-3.2 0-5.7.7-7.5 2-1.8 1.3-2.7 3.2-2.7 5.6 0 1.5.3 2.7.9 3.7.6 1 1.5 2 2.6 2.8 1.1.8 2.4 1.6 3.9 2.3 1.5.7 3.1 1.4 4.9 2 3.1 1.1 5.9 2.3 8.3 3.5 2.4 1.2 4.5 2.6 6.2 4.2 1.7 1.6 3 3.5 3.8 5.7s1.3 4.8 1.3 7.9c0 5.9-2.1 10.5-6.3 13.8-4.2 3.3-10.4 4.9-18.4 4.9-2.7 0-5.2-.2-7.4-.5s-4.2-.8-6-1.3c-1.7-.5-3.2-1-4.5-1.6-1.3-.5-2.3-1-3-1.5l3.5-9.8c1.7.9 4 1.9 6.9 2.8 2.9 1.1 6.4 1.5 10.5 1.5z'/%3E%3Cpath fill='%2380c342' d='M181.9 48.6c-.3-5.6-1.6-10.5-3.7-14.6-1.2-2.4-2.4-4.4-4.2-6.4-1.9-2.1-4.6-4.1-8.6-5.5-7.6-2.6-20.7-2.8-29.7 8.1.6-.4 1.1-.7 1.7-1 2.5-1.3 5.4-2 8.7-2.2 3.2-.2 6.1.2 8.8 1.2 2.7 1 5 2.4 6.9 4.4 1.9 1.9 3.5 4.3 4.6 7.2 1.1 2.9 1.8 6.1 2 9.7.2 3.6-.2 6.9-.8 9.9-.2 1.1-.8 2.5-1.3 3.6-3.7 8.7-9.6 14.8-17.3 17.6-3.7 1.4-7.3 1.9-10.4 1.9-3.2 0-6-.5-8-1 1.8.9 3.7 1.6 5.8 2.2 4.3 1.2 8.8 1.6 13.5 1.4 4.7-.3 9.1-1.3 13.2-3s7.6-4.1 10.5-7.2c2.8-2.9 5-6.5 6.5-10.7.1-.2.1-.3.2-.5 1.3-4.5 1.9-9.5 1.6-15.1z'/%3E%3Cpath fill='%230f99d6' d='M110.1 52.7c.3 5.6 1.6 10.5 3.7 14.6 1.2 2.4 2.4 4.4 4.2 6.4 1.9 2.1 4.6 4.1 8.6 5.5 7.6 2.6 20.7 2.8 29.7-8.1-.6.4-1.1.7-1.7 1-2.5 1.3-5.4 2-8.7 2.2-3.2.2-6.1-.2-8.8-1.2-2.7-1-5-2.4-6.9-4.4-1.9-1.9-3.5-4.3-4.6-7.2-1.1-2.9-1.8-6.1-2-9.7-.2-3.6.2-6.9.8-9.9.2-1.1.8-2.5 1.3-3.6 3.7-8.7 9.6-14.8 17.3-17.6 3.7-1.4 7.3-1.9 10.4-1.9 3.2 0 6 .5 8 1-1.8-.9-3.7-1.6-5.8-2.2-4.3-1.2-8.8-1.6-13.5-1.4-4.7.3-9.1 1.3-13.2 3s-7.6 4.1-10.5 7.2c-2.8 2.9-5 6.5-6.5 10.7-.1.2-.1.3-.2.5-1.3 4.4-1.9 9.4-1.6 15.1z'/%3E%3Cg fill='%230f99d6'%3E%3Cpath d='M229.8 22.5c.3 0 .6-.1.7-.2.2-.1.2-.3.2-.5 0-.1 0-.2-.1-.3-.1-.1-.1-.2-.2-.2-.1-.1-.2-.1-.4-.2-.1-.1-.3-.1-.5-.2s-.3-.1-.5-.2-.3-.2-.4-.3c-.1-.1-.2-.2-.3-.4-.1-.2-.1-.3-.1-.6 0-.5.2-.8.5-1.1.3-.3.8-.4 1.3-.4.3 0 .6 0 .9.1.2.1.4.1.6.2l-.3.8c-.2-.1-.4-.2-.5-.2-.2 0-.4-.1-.6-.1-.3 0-.4.1-.6.2-.1.1-.2.2-.2.4 0 .1 0 .2.1.3 0 .1.1.2.2.2.1.1.2.1.3.2.1.1.2.1.4.2s.5.2.6.3c.2.1.3.2.5.3.1.1.2.3.3.4.1.2.1.4.1.6 0 .5-.2.8-.5 1.1-.3.3-.8.4-1.4.4h-.6c-.2 0-.3-.1-.5-.1-.1 0-.3-.1-.4-.1-.1 0-.2-.1-.2-.1l.3-.8c.1.1.3.1.5.2s.5.1.8.1zM233.6 18.1c.1.2.2.4.4.7.1.3.3.6.4.9.1.3.3.6.4.9.1.3.3.6.4.9.1-.3.2-.5.4-.9.1-.3.3-.6.4-.9.1-.3.3-.6.4-.9.1-.3.3-.5.4-.7h.8c0 .4.1.8.1 1.2 0 .4.1.9.1 1.3s.1.9.1 1.3.1.9.1 1.3h-.9c0-.6 0-1.2-.1-1.8 0-.6-.1-1.2-.1-1.8-.1.1-.1.2-.2.4s-.2.3-.2.5l-.3.6-.3.6c-.1.2-.2.4-.2.5-.1.2-.1.3-.2.4h-.7c0-.1-.1-.3-.2-.4-.1-.2-.1-.3-.2-.5l-.3-.6-.3-.6c-.1-.2-.2-.4-.2-.5-.1-.2-.1-.3-.2-.4-.1.6-.1 1.2-.1 1.8 0 .6-.1 1.2-.1 1.8h-.9c0-.4 0-.9.1-1.3 0-.5.1-.9.1-1.3s.1-.9.1-1.3.1-.8.1-1.2h.9z'/%3E%3C/g%3E%3C/svg%3E");
    width: 6.0em;
    height: 2.4375em;
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    flex-shrink: 0;
}

.logo-transnet {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 25'%3E%3Cpath fill='%23fff' d='M4 1.77h20.31v3.35H16.7v18.11h-5.08V5.12H4V1.77zM40.89 23.55L34.49 14h-2.25v9.23h-5.08V1.77h6.94c6.54 0 9.51 2.54 9.51 5.89 0 3.09-2.97 4.79-4.25 5.28l7.26 10.3-5.73.31zm-6.57-12.64c2.9 0 4.33-1.45 4.33-3.02 0-1.61-1.32-3.02-4.33-3.02h-2.07v6.05h2.07z'/%3E%3Cpath fill='%23fff' d='M50.65 23.23h-4.54l9.72-21.52h3.47l8.79 21.52h-5.22l-1.82-4.83h-8.4l-2 4.83zm6.47-15.64l-3.25 7.82h6.11l-2.86-7.82zM92.88 1.77v21.46h-4.83L75.68 8.94v14.28h-4.33V1.77h4.5l12.69 14.61V1.77h4.34zM104.06 20.3c1.93 0 3.68-.84 3.68-2.32 0-1.74-2.18-2.7-4.75-4.15-2.29-1.29-5.54-2.86-5.54-6.69 0-3.35 3.47-5.79 7.47-5.79 3.86 0 5.76.84 6.86 1.29l-1.43 3.06c-.86-.39-2.43-1-4.25-1-1.68 0-3.54.48-3.54 1.9 0 1.8 2.29 2.67 4.61 4.05 2.18 1.29 5.9 3.35 5.9 6.43 0 4.18-4.36 6.56-9.08 6.56-4 0-6.29-1.03-7.22-1.51l1.43-3.02c.86.36 2.61 1.19 5.86 1.19z'/%3E%3Cpath fill='%23ef3925' d='M138.35 1.77v21.46h-4.83L121.15 8.94v14.28h-4.33V1.77h4.5l12.69 14.61V1.77h4.34zM158.51 23.23h-15.37V1.77h14.94v3.35h-9.87v5.41h7.22v3.35h-7.22v6.02h10.3v3.33zM160.23 1.77h20.31v3.35h-7.61v18.11h-5.08V5.12h-7.61V1.77z'/%3E%3Cg fill='%23fff'%3E%3Cpath d='M184.92 7.51c.54 0 1.03-.23 1.03-.65 0-.49-.61-.76-1.33-1.16-.64-.36-1.55-.8-1.55-1.87 0-.94.97-1.62 2.09-1.62 1.08 0 1.61.23 1.92.36l-.4.86a2.92 2.92 0 0 0-1.19-.28c-.47 0-.99.14-.99.53 0 .5.64.75 1.29 1.13.61.36 1.65.94 1.65 1.8 0 1.17-1.22 1.84-2.54 1.84-1.12 0-1.76-.29-2.02-.42l.4-.85c.24.1.73.33 1.64.33zM195.36 8.33h-1.35l-.03-3.97-1.8 4h-.88l-1.66-4-.12 3.97h-1.15l.33-6h1.34l1.88 4.38 1.95-4.38h1.28l.21 6z'/%3E%3C/g%3E%3C/svg%3E");
    width: 12.5em;
    height: 1.5625em;
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    flex-shrink: 0;
}

.logo-optn {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 25'%3E%3Cg fill='%2314385f'%3E%3Cpath d='M22.59 12.63c0 1.91-.28 3.59-.85 5.04-.57 1.46-1.34 2.67-2.31 3.65-.97.97-2.12 1.71-3.42 2.2-1.31.49-2.7.74-4.18.74-1.48 0-2.88-.25-4.19-.74a9.57 9.57 0 0 1-3.44-2.2c-.97-.97-1.75-2.19-2.33-3.65-.58-1.45-.87-3.13-.87-5.04 0-1.91.29-3.58.87-5.03.58-1.45 1.37-2.66 2.36-3.65 1-.98 2.15-1.72 3.45-2.22C8.99 1.25 10.37 1 11.83 1c1.46 0 2.84.25 4.14.74a9.28 9.28 0 0 1 3.42 2.22c.97.99 1.75 2.2 2.33 3.65.58 1.44.87 3.11.87 5.02zm-17.38 0c0 1.22.15 2.33.45 3.33.3 1 .73 1.84 1.3 2.54.57.7 1.26 1.24 2.07 1.62.81.39 1.73.58 2.76.58 1.01 0 1.92-.19 2.73-.58.81-.39 1.5-.93 2.07-1.62.57-.7 1-1.54 1.3-2.54.3-1 .45-2.1.45-3.33 0-1.22-.15-2.33-.45-3.33-.3-1-.73-1.84-1.3-2.54-.57-.7-1.26-1.24-2.07-1.62-.81-.39-1.72-.58-2.73-.58-1.03 0-1.95.19-2.76.58-.81.39-1.5.94-2.07 1.64-.57.71-1 1.55-1.3 2.54-.3.99-.45 2.09-.45 3.31zM30.61 1.29c3.23 0 5.71.59 7.44 1.77 1.72 1.18 2.59 3.02 2.59 5.53 0 1.31-.23 2.43-.69 3.36-.46.93-1.13 1.69-2.01 2.28-.88.59-1.95 1.02-3.21 1.3s-2.71.42-4.34.42h-2.02v7.84h-4.05V1.84c.94-.21 1.99-.36 3.13-.43 1.14-.08 2.2-.12 3.16-.12zm.29 3.5c-1.03 0-1.87.03-2.54.1v7.58h1.96c1.95 0 3.45-.27 4.5-.82 1.05-.55 1.57-1.58 1.57-3.1 0-.73-.14-1.34-.42-1.83-.28-.49-.66-.88-1.16-1.16-.49-.28-1.08-.48-1.75-.59-.67-.12-1.39-.18-2.16-.18zM58.83 1.51v3.5h-6.84v18.76h-4.08V5.02h-6.84v-3.5h17.76zM75.56 23.78c-.73-1.22-1.54-2.53-2.44-3.94-.9-1.4-1.83-2.82-2.79-4.24-.96-1.42-1.94-2.81-2.94-4.14-1-1.34-1.94-2.54-2.84-3.61v15.94h-3.98V1.51h3.31c.86.9 1.78 1.97 2.76 3.2.98 1.23 1.98 2.51 2.97 3.84 1 1.33 1.96 2.66 2.89 4 .93 1.34 1.76 2.59 2.49 3.74V1.51H79v22.26h-3.44z'/%3E%3C/g%3E%3C/svg%3E");
    height: 1.5625em;
    width: 5.0em;
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    flex-shrink: 0;
}

/* SVG converted icons */
.icon-checkin, .icon-checkout, .icon-match, .icon-extravessels, .icon-reship {
    display: block;
    background-repeat: no-repeat;
    height: 5.0em;
    width: 5.0em;
    margin: 0 auto;
    flex-shrink: 0;
}

.icon-checkin {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 60'%3E%3Cpath d='M30.22 2.62L3.71 13.29v29.05l27.8 15.05 24.78-15.37v-29.8l-26.07-9.6zm.05 3.37l20.57 7.58-7.71 4.02-20.56-8.51 7.7-3.09zm1.17 17.7l-22.06-9.3 9.01-3.62 21.09 8.73-8.04 4.19zm-24.6-6.97l23.08 9.74v26.49L6.84 40.46V16.72zm26.22 35.99V26.39l8.67-4.53v8.18l3.15-1.71v-8.11l8.26-4.31v24.35L33.06 52.71z'/%3E%3Cpath fill='%23fae6a7' d='M6.84 16.72l23.08 9.74v26.49L6.84 40.46z'/%3E%3Cpath fill='%23fff' d='M6.84 16.72l23.08 9.74v26.49L6.84 40.46z'/%3E%3Cpath fill='%2381b8dc' d='M6.84 16.72l23.08 9.74v6.49L6.84 22.46z'/%3E%3Cpath fill='%23fae6a7' d='M33.06 52.71V26.39l8.68-4.52v8.18l3.14-1.71v-8.12l8.26-4.31v24.35zM31.44 23.69L9.39 14.38l9.01-3.62 21.09 8.73zM30.27 5.99l20.57 7.58-7.71 4.02-20.56-8.51z'/%3E%3Cpath d='M24.54 34.73l-1.6-2.03-7.36 5.48-2.2-2.79-2.04 1.4 3.7 4.79.1.03z'/%3E%3C/svg%3E");
}

.icon-checkout {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 60 60' style='enable-background:new 0 0 60 60;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath d='M30.2,2.6L3.7,13.3v29l27.8,15L56.3,42V12.2L30.2,2.6z M30.3,6l20.6,7.6l-7.7,4L22.6,9.1L30.3,6z M31.4,23.7L9.4,14.4 l9-3.6l21.1,8.7L31.4,23.7z M6.8,16.7l23.1,9.7v26.5L6.8,40.5V16.7z M33.1,52.7V26.4l8.7-4.5V30l3.1-1.7v-8.1l8.3-4.3v24.3 L33.1,52.7z'/%3E%3C/g%3E%3Cpolygon fill='%23fce7a7' points='6.8,16.7 29.9,26.5 29.9,52.9 6.8,40.5 '/%3E%3Cpolygon fill='%23fce7a7' points='33.1,52.7 33.1,26.4 41.7,21.9 41.7,30 44.9,28.3 44.9,20.2 53.1,15.9 53.1,40.3 '/%3E%3Cpolygon fill='%23ffffff' points='33.1,52.7 33.1,26.4 41.7,21.9 41.7,30 44.9,28.3 44.9,20.2 53.1,15.9 53.1,40.3 '/%3E%3Cpolygon fill='%23b793c1' points='33.1,34.7 33.1,26.4 53.1,15.9 53.1,23.9 '/%3E%3Cpolygon fill='%23fce7a7' points='31.4,23.7 9.4,14.4 18.4,10.8 39.5,19.5 '/%3E%3Cpolygon fill='%23fce7a7' points='30.3,6 50.8,13.6 43.1,17.6 22.6,9.1 '/%3E%3C/g%3E%3Cpath id='Path_153_00000026160021422761524270000014462869835701489850_' d='M43.5,35.7c0,0-0.1,0.1-0.1,0.1c-1.1,0.7-2.2,1.3-3.3,2 c-0.1,0.1-0.2,0.1-0.3,0c-0.3-0.2-0.6-0.3-0.9-0.5c-0.1-0.1-0.4-0.1-0.5,0.1c-0.3,0.2-0.5,0.3-0.8,0.5c-0.3,0.2-0.3,0.4-0.1,0.5 c0.6,0.3,1.2,0.7,1.8,1c0.2,0.1,0.2,0.2,0.2,0.4c-0.2,0.8-0.3,1.6-0.4,2.5c-0.1,0.3,0.1,0.4,0.4,0.2l0,0c1.2-0.8,1-0.4,1.2-1.7 c0-0.5,0.3-0.9,0.8-1.1c0.9-0.5,1.8-1.1,2.6-1.6l0.3-0.2c0,0.1,0,0.2,0,0.3c-0.2,1.5-0.3,2.9-0.5,4.4c0,0.4,0.1,0.5,0.5,0.2 c0.3-0.2,0.7-0.4,1-0.6c0.2-0.1,0.3-0.3,0.4-0.5c0.3-1.7,0.7-3.3,1-5c0-0.2,0.1-0.3,0.3-0.4c0.6-0.4,1.3-0.8,1.9-1.2 c0.5-0.4,1-0.9,1.2-1.4c0.2-0.4,0.2-0.7-0.1-0.9c-0.1,0-0.2,0-0.2,0c-0.6-0.1-1.2,0.1-1.8,0.4c-0.6,0.3-1.1,0.7-1.7,1 c-0.2,0.1-0.4,0.2-0.6,0.1c-1.3-0.7-2.7-1.3-4-2c-0.2-0.1-0.5-0.1-0.7,0.1c-0.3,0.2-0.5,0.4-0.8,0.7s-0.3,0.4-0.1,0.5 c1.1,0.7,2.1,1.4,3.2,2.1C43.3,35.6,43.4,35.7,43.5,35.7'/%3E%3C/svg%3E%0A");
}

.icon-match {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 60'%3E%3Cpath fill='%23fae6a7' d='M16.74 10.26c1.85 0 3.36 1.51 3.36 3.36s-1.51 3.36-3.36 3.36-3.36-1.51-3.36-3.36 1.51-3.36 3.36-3.36'/%3E%3Cpath fill='%23b693c1' d='M43.26 10.26c1.85 0 3.36 1.51 3.36 3.36s-1.51 3.36-3.36 3.36c-1.85 0-3.36-1.51-3.36-3.36 0-1.85 1.51-3.36 3.36-3.36'/%3E%3Cpath fill='%23fae6a7' d='M14.19 52.2l.01-13.04h-1.14c-1.4 0-2.54-1.14-2.54-2.54v-9.59c0-1.4 1.14-2.54 2.54-2.54h7.34c1.4 0 2.54 1.14 2.54 2.54v3.31H20.2a3.716 3.716 0 0 0-4.24-2.15c-1.39.3-2.53 1.46-2.81 2.86a3.726 3.726 0 0 0 3.64 4.49c1.65 0 3.03-1.08 3.52-2.56h2.64v3.64c0 .46-.13.9-.35 1.27-.44.76-1.25 1.27-2.19 1.27h-1.13l.01 13.04h-5.1z'/%3E%3Cg fill='%23231f20'%3E%3Cpath d='M43.26 19.46c3.57 0 6.39-3.21 5.75-6.9-.41-2.35-2.34-4.27-4.69-4.69a5.844 5.844 0 1 0-1.06 11.59m0-9.2c1.85 0 3.36 1.51 3.36 3.36s-1.51 3.36-3.36 3.36c-1.85 0-3.36-1.51-3.36-3.36 0-1.85 1.51-3.36 3.36-3.36M16.74 19.46c3.57 0 6.39-3.21 5.75-6.9-.41-2.35-2.34-4.27-4.69-4.69-3.7-.64-6.9 2.18-6.9 5.75 0 3.23 2.61 5.84 5.84 5.84m0-9.2c1.85 0 3.36 1.51 3.36 3.36s-1.51 3.36-3.36 3.36-3.36-1.51-3.36-3.36 1.51-3.36 3.36-3.36M22.95 35.5v1.12c0 .46-.13.9-.35 1.27-.44.76-1.25 1.27-2.19 1.27h-1.13l.01 13.04h2.48V41.44c1.7-.48 3.04-1.83 3.5-3.55.11-.41.17-.83.17-1.27V35.5h-2.49z'/%3E%3Cpath d='M46.94 22.01H39.6c-2.76 0-5.02 2.26-5.02 5.02v3.31h-9.13v-3.31c0-2.76-2.26-5.02-5.02-5.02h-7.37c-2.76 0-5.02 2.26-5.02 5.02v9.59c0 2.29 1.56 4.23 3.66 4.83V52.2h2.48l.01-13.04h-1.13c-1.4 0-2.54-1.14-2.54-2.54v-9.59c0-1.4 1.14-2.54 2.54-2.54h7.34c1.4 0 2.54 1.14 2.54 2.54v3.31H20.2a3.716 3.716 0 0 0-4.24-2.15c-1.39.3-2.53 1.46-2.81 2.86a3.726 3.726 0 0 0 3.64 4.49c1.65 0 3.03-1.08 3.52-2.56h20.58v1.75c0 .48.34.68.76.44l5.15-2.98c.42-.24.42-.64 0-.88l-5.15-2.98c-.42-.24-.76-.04-.76.44v1.59h-3.84v-3.31c0-1.4 1.14-2.54 2.54-2.54h7.34c1.4 0 2.54 1.14 2.54 2.54v9.59c0 .46-.13.9-.35 1.27-.44.76-1.25 1.27-2.19 1.27H45.8l.01 13.04h2.48V41.44c1.7-.48 3.04-1.83 3.5-3.55.11-.41.17-.83.17-1.27v-9.59c0-2.76-2.26-5.02-5.02-5.02z'/%3E%3Cpath d='M37.05 36.62v-1.15h-2.48v1.15c0 2.29 1.56 4.23 3.66 4.83V52.2h2.48l.01-13.04h-1.13c-1.4 0-2.54-1.13-2.54-2.54z'/%3E%3C/g%3E%3Cpath fill='%23b693c1' d='M40.71 52.2l.01-13.04h-1.13c-1.4 0-2.54-1.14-2.54-2.54v-3.64h3.84v1.75c0 .48.34.68.76.44l5.15-2.98c.42-.24.42-.64 0-.88l-5.15-2.98c-.42-.24-.76-.04-.76.44v1.59h-3.84v-3.31c0-1.4 1.14-2.54 2.54-2.54h7.34c1.4 0 2.54 1.14 2.54 2.54v9.59c0 .46-.13.9-.35 1.27-.44.76-1.25 1.27-2.19 1.27H45.8l.01 13.04h-5.1v-.02z'/%3E%3C/svg%3E");
}

.icon-extravessels {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 60'%3E%3Cpath d='M43.75 25.77V11.89L30.02 4.61l-13.77 7.33v13.83l-12.21 6.5v15.61l13.77 7.33L30 48.76l12.19 6.46 13.77-7.33V32.27l-12.21-6.5zM28.53 46.14l-10.72 5.68-10.77-5.74V34.07l10.78-5.74 10.72 5.68v12.13zm-9.29-20.39v-12l10.78-5.74 10.73 5.69v12.09l-10.74 5.7-10.77-5.74zm33.72 20.33l-10.78 5.74-10.72-5.68V34.03l10.73-5.69 10.77 5.73v12.01z'/%3E%3Cpath fill='%2381b8dc' d='M40.75 13.7L30.02 8.01l-10.78 5.74v12l10.77 5.74 10.74-5.7z'/%3E%3Cpath fill='%23fae6a7' d='M7.04 34.07v12.01l10.77 5.74 10.72-5.68V34.02l-10.72-5.68z'/%3E%3Cpath fill='%23b693c1' d='M31.47 34.03v12.11l10.72 5.68 10.77-5.74V34.07l-10.77-5.73z'/%3E%3C/svg%3E");
}

.icon-reship {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 60'%3E%3Cpath fill='%23f29120' d='M35.33 50c-3.48 1.06-7.28 1.2-11.04.19-10.75-2.88-17.14-13.96-14.27-24.71.95-3.56 2.85-6.76 5.46-9.28l-2.58-2.54 7.93.19.44 9.87-2.34-.91-.18-3.76c-2.2 2.03-3.78 4.63-4.56 7.54-2.26 8.45 2.77 17.16 11.21 19.42 3.13.84 6.29.66 9.15-.31l.78 4.3z'/%3E%3Cpath d='M36.41 7.24c-5.83-1.56-11.75-.7-16.69 1.95l5.03.74.01.04c3.46-1.04 7.23-1.16 10.96-.16 10.74 2.88 17.14 13.96 14.26 24.7-.95 3.56-2.85 6.76-5.46 9.28l2.59 2.54-7.93-.19-.44-9.87c-.03-.74-.65-1.31-1.39-1.27-.59.02-1.08.44-1.23.99-.03.13-.05.26-.04.4l.44 9.99c.02 1.35 1.13 2.44 2.43 2.42l9.23.23c.87-.01 1.72-.63 2.07-1.51.33-.81.17-1.66-.42-2.24l-1.62-1.59c2.01-2.47 3.5-5.35 4.35-8.49 3.25-12.16-3.99-24.7-16.15-27.96z'/%3E%3Cpath d='M33.91 16.55c7.03 1.88 11.21 9.13 9.33 16.16-.44 1.63-1.18 3.14-2.17 4.48l.18 3.76c2.2-2.03 3.78-4.63 4.56-7.54 2.26-8.45-2.77-17.16-11.21-19.42-3.14-.84-6.3-.66-9.17.31l.42 2.69c2.5-.96 5.29-1.18 8.06-.44z'/%3E%3Cpath fill='%23fae6a7' d='M41.25 40.94c2.2-2.03 3.78-4.63 4.56-7.54 2.26-8.45-2.77-17.16-11.21-19.42-3.14-.84-6.3-.66-9.17.31l-.69-4.36.01.04c3.46-1.04 7.23-1.16 10.96-.16 10.74 2.88 17.14 13.96 14.26 24.7-.95 3.56-2.85 6.76-5.46 9.28l2.59 2.54-7.93-.19-.44-9.87 2.34.91.18 3.76z'/%3E%3Cpath fill='%23fae6a7' d='M41.25 40.94c2.2-2.03 3.78-4.63 4.56-7.54 2.26-8.45-2.77-17.16-11.21-19.42-3.14-.84-6.3-.66-9.17.31l-.69-4.36.01.04c3.46-1.04 7.23-1.16 10.96-.16 10.74 2.88 17.14 13.96 14.26 24.7-.95 3.56-2.85 6.76-5.46 9.28l2.59 2.54-7.93-.19-.44-9.87 2.34.91.18 3.76z'/%3E%3Cg%3E%3Cpath d='M21.27 23.72c.03.74.65 1.31 1.39 1.27.59-.02 1.08-.44 1.23-.99.03-.13.05-.26.04-.4l-.44-9.99c-.02-1.35-1.13-2.44-2.43-2.42l-9.24-.22c-.87.01-1.72.63-2.07 1.51-.33.81-.17 1.67.42 2.24l1.62 1.59c-2.01 2.47-3.5 5.35-4.35 8.49-3.26 12.16 3.98 24.7 16.14 27.96 5.85 1.57 11.78.7 16.73-1.97L35.33 50c-3.48 1.06-7.28 1.2-11.04.19-10.75-2.88-17.14-13.96-14.27-24.71.95-3.56 2.85-6.76 5.46-9.28l-2.58-2.54 7.93.19.44 9.87z'/%3E%3Cpath d='M26.09 43.45c-7.03-1.88-11.21-9.13-9.33-16.16.44-1.63 1.18-3.14 2.17-4.48l-.18-3.76c-2.2 2.03-3.78 4.63-4.56 7.54-2.26 8.45 2.77 17.16 11.21 19.42 3.13.84 6.29.66 9.15-.31l-.4-2.7c-2.5.97-5.29 1.19-8.06.45z'/%3E%3C/g%3E%3C/svg%3E");
}

.icon-print {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 25 25'%3E%3Cpath fill='%2357768f' d='M6.59 10.43c0 .41-.33.74-.74.74a.73.73 0 0 1-.73-.74c0-.41.33-.74.73-.74.41.01.74.34.74.74z'/%3E%3Cpath fill='%2357768f' d='M21.06 7.07h-3.11V2H6.99v5.07h-3.1c-.9 0-1.63.74-1.63 1.63v7.85c0 .9.74 1.63 1.63 1.63H5.6v-1.14H3.89a.49.49 0 0 1-.49-.49V8.7c0-.27.22-.49.49-.49h17.17c.27 0 .49.22.49.49v7.85c0 .27-.22.49-.49.49h-1.7v1.14h1.7c.9 0 1.63-.74 1.63-1.63V8.7c0-.9-.74-1.63-1.63-1.63zm-4.25 0H8.14V3.14h8.67v3.93z'/%3E%3Cpath fill='%2357768f' d='M19.45 13.52H5.5v1.14h1.42V24h11.12v-9.33h1.42v-1.15zm-2.56 9.34H8.06v-8.17h8.83v8.17z'/%3E%3Cpath fill='%2357768f' d='M14.85 18.06h-4.76a.57.57 0 1 1 0-1.14h4.76a.57.57 0 1 1 0 1.14zM14.85 20.63h-4.76a.57.57 0 1 1 0-1.14h4.76a.57.57 0 1 1 0 1.14z'/%3E%3C/svg%3E");
    height: 1.5625em;
    width: 1.5625em;
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    flex-shrink: 0;
}

/* text css helpers */
.italic {
    font-style: italic;
}

.positive-disease-result {
    color: red;
}

.input-group-addon {
    padding: 10px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.form-control {
    font-size: .7rem;
}

/* media queries for responsive display only */
@media only screen and (min-width:20em) {
    .navbar .navbar-nav {
        border-top: 1px solid #3d5466;
    }

    .navbar .nav-link {
        padding-left: 1.0em;
    }
}


@media only screen and (max-width: 991px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #fff;
    }

    .navbar-right {
        padding: 0px 15px;
    }
}

@media only screen and (min-width: 991px) {
    .navbar-header {
        float: left;
    }

    .navbar-collapse {
        padding-top: 0.5em;
    }

    .navbar-nav > li {
        float: left;
    }

    .navbar-nav.navbar-right {
        flex-grow: 1;
    }

    .navbar-nav > li > a {
        padding-top: 15px;
        padding-bottom: 15px;
    }
}

@media only screen and (min-width:30em) {
}

@media only screen and (min-width: 48em) {
    .navbar .navbar-nav {
        border: none;
    }
}

.unos-card {
    background-color: #fff;
    border-radius: 1em;
    color: #000;
    padding: 1em;
    height: 100%;
}

.unos-card-container {
    margin-top: 1em;
    display: -ms-grid;
    display: grid;
    grid-gap: 1em;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: 1fr 1em 1fr 1em 1fr 1em 1fr;
    grid-template-rows: repeat(4,1fr);
}

    .unos-card-container > *:nth-child(1) {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
    }

    .unos-card-container > *:nth-child(2) {
        -ms-grid-row: 3;
        -ms-grid-column: 1;
    }

    .unos-card-container > *:nth-child(3) {
        -ms-grid-row: 5;
        -ms-grid-column: 1;
    }

    .unos-card-container > *:nth-child(4) {
        -ms-grid-row: 7;
        -ms-grid-column: 1;
    }

    .unos-card-container > a {
        display: block;
    }

@media (min-width: 768px) {
    .unos-card-container {
        -ms-grid-columns: 1fr 1em 1fr;
        grid-template-columns: repeat(2, 1fr);
        -ms-grid-rows: 1fr 1em 1fr;
        grid-template-rows: repeat(2, 1fr);
    }

        .unos-card-container > *:nth-child(1) {
            -ms-grid-row: 1;
            -ms-grid-column: 1;
        }

        .unos-card-container > *:nth-child(2) {
            -ms-grid-row: 1;
            -ms-grid-column: 3;
        }

        .unos-card-container > *:nth-child(3) {
            -ms-grid-row: 3;
            -ms-grid-column: 1;
        }

        .unos-card-container > *:nth-child(4) {
            -ms-grid-row: 3;
            -ms-grid-column: 3;
        }
}

@media (min-width: 992px) {
    .unos-card-container {
        -ms-grid-columns: 1fr 1em 1fr 1em 1fr 1em 1fr;
        grid-template-columns: repeat(4, 1fr);
        -ms-grid-rows: 1fr;
        grid-template-rows: 1fr;
    }

        .unos-card-container > *:nth-child(1) {
            -ms-grid-row: 1;
            -ms-grid-column: 1;
        }

        .unos-card-container > *:nth-child(2) {
            -ms-grid-row: 1;
            -ms-grid-column: 3;
        }

        .unos-card-container > *:nth-child(3) {
            -ms-grid-row: 1;
            -ms-grid-column: 5;
        }

        .unos-card-container > *:nth-child(4) {
            -ms-grid-row: 1;
            -ms-grid-column: 7;
        }
}

.unos-card-container > a:hover {
    text-decoration: none;
}

/* Loader animation CSS */
.ldr-transnet {
    display: inline-block;
    position: relative;
    width: 64px;
    height: 64px;
}

    .ldr-transnet div {
        top: 50%;
        display: inline-block;
        position: absolute;
        left: 6px;
        width: 13px;
        -webkit-animation: ldr-transnet 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
        animation: ldr-transnet 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
    }

        .ldr-transnet div:nth-child(1) {
            left: 6px;
            -webkit-animation-delay: -0.24s;
            animation-delay: -0.24s;
        }

        .ldr-transnet div:nth-child(2) {
            left: 26px;
            -webkit-animation-delay: -0.12s;
            animation-delay: -0.12s;
        }

        .ldr-transnet div:nth-child(3) {
            left: 45px;
            -webkit-animation-delay: 0;
            animation-delay: 0;
        }

@-webkit-keyframes ldr-transnet {
    0% {
        top: 6px;
        height: 51px;
    }

    50%, 100% {
        top: 19px;
        height: 26px;
    }
}

@keyframes ldr-transnet {
    0% {
        top: 6px;
        height: 51px;
    }

    50%, 100% {
        top: 19px;
        height: 26px;
    }
}