.navbar-tng {
    background-color: #175566;
    background-image: none;
    background-repeat: no-repeat;
    border-radius: 0px;
    color: #FFFFFF;
}

.navbar-nav > li > a {
    color: #ffffff
}
.nav > li > a:visited {
    color: #FFFFFF;
}

.nav > li > a:hover {
    color: #538a94;
}

.navbar-tng-image {
    width: auto;
    height: 20px;
}

.navbar-brand {
   // height: auto;
}

.logo-sqtext-medium {
    border: 0;
    margin-top: 125px;
    margin-bottom: 50px;
}

h1.portal-login-text {
    color: #175566;
}

h2 a, h2 a:visited, h3 a:visited, h4 a, h4 a:visited, h5 a, h5 a:visited {
    color: inherit;
}

.buffer {
    margin-top: 20px;
}


.button-outside-form-field {
    margin-top: 0px;
    margin-bottom: 12px;
}

.tng-panel-body-flush {
    padding: 0px;
    vertical-align: middle;
}

.tng-panel-lightgray-form {
    padding: 5px;
    background: lightgray;
    margin: 10px 10px 10px 0px;
}

.tng-panel-ghostwhite-form-element {
    padding: 30px;
    background: ghostwhite;
    margin: 10px 10px 10px 0px;
}

.tng-table-striped {
    margin-bottom: 0px;
}

.tng-table-striped thead > tr > th, td {
  vertical-align: top;
}

.tng-panel-heading a:before {
   font-family: 'Glyphicons Halflings';
   content: '\e114';  /* glyphicon-chevron-up */
   float: right;
   transition: all 0.3s;
}

.tng-panel-heading a[aria-expanded="true"]:before {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	transform: rotate(180deg);
}

span.glyphicon {
    vertical-align: middle;
    margin-top: -5px;
}

.select2 {
    width: 100% !important;
}

.checkbox-like-square {
    width: 25px;
    height: 25px;
    border: 1px solid #0a0a0a;
    text-indent: 35px;
    font-size: 14pt;
}

.table-application-review tr td, tr th {
    padding: 5px 5px 5px 5px;
}

.table-application-review.flushleft tr td, tr th {
    padding-left: 0px;
}

/* Tooltip container (we use the custom name 'portal-tooltip'
 * because the name 'tooltip' causes interference with some
 * other package).
 */
.portal-tooltip {
    position: relative;
    display: inline-block;
}

/* Tooltip text */
.portal-tooltip .tooltiptext {
    visibility: hidden;
    width: max-content;
    background-color: #00000088;
    color: #fff;
    text-align: center;
    padding: 5px 10px;
    border-radius: 6px;
    position: absolute;
    z-index: 1;

    /* show the tooltip at the bottom right of the hoverable text */
    top: 110%;
    left: 85%;
}

/* Show the tooltip text when you mouse over the tooltip container */
.portal-tooltip:hover .tooltiptext {
    visibility: visible;
}

.left-line {
    border-left: solid 2px #ddd;
}

table.table-fixed {
    table-layout: fixed;
}

.no-bottom-margin {
    margin-bottom: 0;
}

.no-top-margin {
    margin-top: 0;
}

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

.col-center {
    display: inline-block;
    float: none;
}

.line {
    display: inline-block;
}

.text-glyphicon {
    font-weight: bold;
    font-size: 1.68em;
    line-height: 0.65em;
    font-family: sans-serif
}

.loading-spinner {
    position: absolute;
    vertical-align: middle;
    margin-left: 15px;
    margin-top: 5px;
    border: 4px solid #f3f3f3; /* Light grey */
    border-top: 4px solid #3498db; /* Blue */
    border-radius: 50%;
    width: 20px;
    height: 20px;
    animation: spin 1.5s linear infinite;
}

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

.vertical-align {
    display: flex;
    align-items: center;
}

.application-section {
    margin-left: -7px;
    padding-left: 7px;

    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 10px;
    margin-top: -10px;
    margin-bottom: -10px;
}
.application-section.is-valid {
    border-left: 7px solid #5cb85c;
}
.application-section.is-valid.mark-invalid-only {
    /* remove green border from valid sections */
    border-left: none;
}
.application-section.is-invalid {
    /* border-left: 7px solid #ebccd1; */
    border-left: 7px solid #d9534f;
    background-color: #f2dede88;
}

/*
 * Backport from Bootstrap 4
 * See: https://stackoverflow.com/questions/32233489/does-bootstrap-have-builtin-padding-and-margin-classes
 */
.padding-xs { padding: .25em; }
.padding-sm { padding: .5em; }
.padding-md { padding: 1em; }
.padding-lg { padding: 1.5em; }
.padding-xl { padding: 3em; }

.padding-x-xs { padding: .25em 0; }
.padding-x-sm { padding: .5em 0; }
.padding-x-md { padding: 1em 0; }
.padding-x-lg { padding: 1.5em 0; }
.padding-x-xl { padding: 3em 0; }

.padding-y-xs { padding: 0 .25em; }
.padding-y-sm { padding: 0 .5em; }
.padding-y-md { padding: 0 1em; }
.padding-y-lg { padding: 0 1.5em; }
.padding-y-xl { padding: 0 3em; }

.padding-top-xs { padding-top: .25em; }
.padding-top-sm { padding-top: .5em; }
.padding-top-md { padding-top: 1em; }
.padding-top-lg { padding-top: 1.5em; }
.padding-top-xl { padding-top: 3em; }

.padding-right-xs { padding-right: .25em; }
.padding-right-sm { padding-right: .5em; }
.padding-right-md { padding-right: 1em; }
.padding-right-lg { padding-right: 1.5em; }
.padding-right-xl { padding-right: 3em; }

.padding-bottom-xs { padding-bottom: .25em; }
.padding-bottom-sm { padding-bottom: .5em; }
.padding-bottom-md { padding-bottom: 1em; }
.padding-bottom-lg { padding-bottom: 1.5em; }
.padding-bottom-xl { padding-bottom: 3em; }

.padding-left-xs { padding-left: .25em; }
.padding-left-sm { padding-left: .5em; }
.padding-left-md { padding-left: 1em; }
.padding-left-lg { padding-left: 1.5em; }
.padding-left-xl { padding-left: 3em; }

.margin-xs { margin: .25em; }
.margin-sm { margin: .5em; }
.margin-md { margin: 1em; }
.margin-lg { margin: 1.5em; }
.margin-xl { margin: 3em; }

.margin-x-xs { margin: .25em 0; }
.margin-x-sm { margin: .5em 0; }
.margin-x-md { margin: 1em 0; }
.margin-x-lg { margin: 1.5em 0; }
.margin-x-xl { margin: 3em 0; }

.margin-y-xs { margin: 0 .25em; }
.margin-y-sm { margin: 0 .5em; }
.margin-y-md { margin: 0 1em; }
.margin-y-lg { margin: 0 1.5em; }
.margin-y-xl { margin: 0 3em; }

.margin-top-xs { margin-top: .25em; }
.margin-top-sm { margin-top: .5em; }
.margin-top-md { margin-top: 1em; }
.margin-top-lg { margin-top: 1.5em; }
.margin-top-xl { margin-top: 3em; }

.margin-right-xs { margin-right: .25em; }
.margin-right-sm { margin-right: .5em; }
.margin-right-md { margin-right: 1em; }
.margin-right-lg { margin-right: 1.5em; }
.margin-right-xl { margin-right: 3em; }

.margin-bottom-xs { margin-bottom: .25em; }
.margin-bottom-sm { margin-bottom: .5em; }
.margin-bottom-md { margin-bottom: 1em; }
.margin-bottom-lg { margin-bottom: 1.5em; }
.margin-bottom-xl { margin-bottom: 3em; }

.margin-left-xs { margin-left: .25em; }
.margin-left-sm { margin-left: .5em; }
.margin-left-md { margin-left: 1em; }
.margin-left-lg { margin-left: 1.5em; }
.margin-left-xl { margin-left: 3em; }