html {
    font-size: calc(12px + .2vw);
}
.ag-background {
    background-image: url('background.jpg');
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0;
}

.main-content:not(.SignOn) {
     padding-top: 1.5rem;
}

.main-content:not(.SignOn):not(.ForgotPassword):not(.VerifyEmail):not(.changePsw):not(.Welcome):not(.ReportTechnicalIssues):not(.SignOff):not(.SessionTimeOut):not(.frompayment) {
    background-color: white;
}

.loader {
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: white;
    opacity: .8;
    display: flex;
    justify-content: center;
    align-items: center;
}

.loader.hidden {
    animation: fadeOut 1s;
    animation-fill-mode: forwards;
}

@keyframes fadeOut {
    100% {
        opacity: 0;
        visibility: hidden;
    }
}

#nav-brand {
    height: 4.3rem;
    display: inline-flex;
}

#nav-linkanchor {
	width: 4.3rem;
}

#nav-logo {
	height:100%;
	width: 100%;
	display:inline-block;
}

#nav-brand-textblock {
	display:inline;
}

#nav-brand-maintext {
    color: #790E18;
    font-size: 1.8rem;
}

#nav-brand-subtext {
	color:rgba(3,36,89,.9);
    font-size: 1.5rem;
    text-align: center;
}

/*@media (max-width:992px) {*/
    .navbar-collapse .navbar-nav{
        background-color: #ffffff61;/*#e8e8e8;*/
        margin-top: 1em;
    }
/*}*/

#mainNavMenu .nav-item {
    font-size: 1rem;
    margin-left: .1rem;
    margin-right: .1rem;
}

.nav-item.active {
    background-color:rgba(3,36,89,.9);
    color:white;
}

.nav-item:hover {
    background-color:rgba(3,36,89,.7);
    color:white;
}

.shoppingCart {
    white-space:nowrap;
}

.cartBadge {
    background: #2ecc71;
    border-radius: 50%;
    position: relative;
    left: -8px;
    top: -10px;
    opacity: 0.7;
    color: rgba(3, 36, 89, 0.9);
}

.section  {
    display: inline-block;
    width:100%;
    text-align: center;
    color: white;
    z-index:1;
}

.sections .line {
    border-top: 2px solid black;
    top: 3.1rem;
    position: absolute;
    z-index: 0;
}

.Apply-AR .sections .line {
    left: 10%;
    right: 10%;
}

#Apply-AR-breadcrumb {
    z-index: 1;
    top: 1.5rem;
}

.renewsmarlet .sections .line {
    left: 11%;
    right: 11%;
}

.section .number {
    background-color: var(--secondary);
    border-radius: 100%;
    width: 3rem;
    height: 3rem;
    font-size: 2rem;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.section .number.active {
    background-color: #790e18;
}

.section .text {
    display:none;
}

.Apply-AR .sg-repeat-cards .card-body {
    padding-top: 0rem;
    padding-bottom: 0rem;
}
.Apply-AR .sg-repeat-cards .card-body .form-group {
    margin-bottom: .6rem;
}

#esrimap {
    min-height: 400px;
    padding: 0; 
    margin: 0; 
    height: 100%; 
    width: 100%; 
    background-repeat: no-repeat; 
    background-position: center center;
}

@media(min-width:576px) {
    .section .text {
        display: block;
        color: var(--primary);
        font-weight: bold;
        font-size: larger;
    }
}

@media(min-width:992px) {
    .section .text {
        white-space: nowrap;    
    }
}


.table {
    font-size: .9rem;
}

.table .form-group {
    margin-bottom: 0rem;
}

table.dataTable>thead .sorting:before, table.dataTable>thead .sorting:after, table.dataTable>thead .sorting_asc:before, table.dataTable>thead .sorting_asc:after, table.dataTable>thead .sorting_desc:before, table.dataTable>thead .sorting_desc:after, table.dataTable>thead .sorting_asc_disabled:before, table.dataTable>thead .sorting_asc_disabled:after, table.dataTable>thead .sorting_desc_disabled:before, table.dataTable>thead .sorting_desc_disabled:after {
    bottom: .1em;
}

tr.parent.odd, tr.child.odd {
    background-color: #f1f1f1;
}

.sg-datatable-selectcol {
    width: 1%;
}

.welcome-header {
    text-align: center;
    padding: 25px;
    font-size: calc(1rem + 1.5vw);
    font-family: 'Roboto Condensed',sans-serif;
    font-weight: 300;
    color: #fff;
    background-color: rgba(3,36,89,.9);
    margin-left: -7.5px;
    margin-right: -7.5px;
}



.arlingtontab {
    background-color:rgba(3,36,89,.9);
}

.arlingtontab a {
    color: white;
}


.sg-collapsingtext-toggler::after {
    font-family: "Font Awesome 5 Free"; 
    font-weight: 900; 
    float: right;
    content:'\f146';
}

.sg-collapsingtext-toggler.collapsed::after {
    content:'\f0fe';
}

.plain-group .card-heading {
    display: none;
}

.dataTables_filter {
    float: right;
}

.dataTables_length, .dataTables_info, .dt-buttons {
    display: none;
}

@media (min-width: 576px) {
    .dataTables_length, .dataTables_info, .dt-buttons {
        display: inline;
        text-align: left!important;
    }
}

.dtr-title {
    width: 8rem;
    max-width: 50%;
}

.dtr-title:after {
    content: ':';
    float: right;
} 

.dtr-data {
    display: flex;
}

.child td.dtr-data * {
    white-space:normal;
}

/*+/- icon for inspection scheduling phase group*/
table.dataTable.dtr-inline > tbody > tr > td.dtr-control.plusMinus {
    position: relative;
    padding-left: 30px;
    cursor: pointer;
}
table.dataTable.dtr-inline > tbody > tr > td.dtr-control.plusMinus:before {
    top: 50%;
    left: 5px;
    height: 1em;
    width: 1em;
    margin-top: -9px;
    display: block;
    position: absolute;
    color: white;
    border: 0.15em solid white;
    border-radius: 1em;
    box-shadow: 0 0 0.2em #444;
    box-sizing: content-box;
    text-align: center;
    text-indent: 0 !important;
    font-family: "Courier New", Courier, monospace;
    line-height: 1em;
    content: "+";
    background-color: #0275d8;
}
table.dataTable.dtr-inline > tbody > tr.parent > td.dtr-control.plusMinus:before {
    content: "-";
    background-color: #d33333;
}
/* end +/- icon for inspection scheduling phase group*/

/*override pNotfiy icon style*/
.pnotify-icon, .pnotify-icon span {
    display: block;
    padding-right: .2rem;
    float: left;
    font-size: 2rem;
    margin-top: .25rem;
    height: 1.2em;
}

.alert:not(.pnotify-container) {
    display:none;
}

.hide-empty-cols {
    display:none;
}

label {
    font-weight: bold;
}

.modal-header {
    background-color: #790e18;
    color:white;
}

.modal-header .close {
    color:white;
}

.modal-body {
    font-size: initial;
    font-weight: initial;
    white-space:normal;
    color:initial;
}

.modal table:not(.sg-datatable) th, .modal table:not(.sg-datatable) td {
    white-space:normal;
}

.btn-radio {
    background-color: #d5d5d58a;
}

.btn-radio.active {
    background-color: var(--primary);
    color: white;
}


.footer {
    font-size: 15px;
    font-family: Roboto,sans-serif;
    font-weight: 400;
    font-style: italic;
    color: #000;
    text-align: center;
    margin: auto;
    left: 0;
    bottom: 0;
    padding: 25px 5px 5px 10px;
}

/*Bootstrap Overrides*/
.table td, .table th {
    vertical-align:middle!important;
    padding-right: .5rem;
}

.card {
    margin-bottom: .5rem;
}

.card-header label {
    display: inline;
}

.card-header:focus {
    border-color: rgba(7,86,212,.9);
    outline: 0;
    box-shadow: 0 0 0 .4rem rgba(3,36,89,.25);
}

.card-header:not(.collapsed)[data-toggle="collapse"] label::after {
    content: "\f077";
    float: right;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}

.card-header.collapsed[data-toggle="collapse"] label::after {
    content: "\f078";
    float: right;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}

.card-header .link-help {
    color: white;
    opacity: .7;
}

.card-body {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
}

.datepicker {
    /*override datepicker popup zindex so it appears over the navbar*/
    z-index:1050!important;
}

.breadcrumb-item + .breadcrumb-item::before {
    content: "\f054";
    font-family: "Font Awesome 5 Free";
    font-size: .9rem;
}

.invalid-feedback {
    white-space: normal;
}

.aboutpage-headerlinks {
    color: white;
}

/*Bootstrap 4 Col width addition for Tables to space out correctly*/
td.col-1, th.col-1 {
  width: 8.33333%; }

td.col-2, th.col-2 {
  width: 16.66667%; }

td.col-3, th.col-3 {
  width: 25%; }

td.col-4, th.col-4 {
  width: 33.33333%; }

td.col-5, th.col-5 {
  width: 41.66667%; }

td.col-6, th.col-6 {
  width: 50%; }

td.col-7, th.col-7 {
  width: 58.33333%; }

td.col-8, th.col-8 {
  width: 66.66667%; }

td.col-9, th.col-9 {
  width: 75%; }

td.col-10, th.col-10 {
  width: 83.33333%; }

td.col-11, th.col-11 {
  width: 91.66667%; }

td.col-12, th.col-12 {
  width: 100%; }

@media (min-width: 576px) {
td.col-sm-1, th.col-sm-1 {
  width: 8.33333%; }

td.col-sm-2, th.col-sm-2 {
  width: 16.66667%; }

td.col-sm-3, th.col-sm-3 {
  width: 25%; }

td.col-sm-4, th.col-sm-4 {
  width: 33.33333%; }

td.col-sm-5, th.col-sm-5 {
  width: 41.66667%; }

td.col-sm-6, th.col-sm-6 {
  width: 50%; }

td.col-sm-7, th.col-sm-7 {
  width: 58.33333%; }

td.col-sm-8, th.col-sm-8 {
  width: 66.66667%; }

td.col-sm-9, th.col-sm-9 {
  width: 75%; }

td.col-sm-10, th.col-sm-10 {
  width: 83.33333%; }

td.col-sm-11, th.col-sm-11 {
  width: 91.66667%; }

td.col-sm-12, th.col-sm-12 {
  width: 100%; }
}

@media (min-width: 768px) {
td.col-md-1, th.col-md-1 {
  width: 8.33333%; }

td.col-md-2, th.col-md-2 {
  width: 16.66667%; }

td.col-md-3, th.col-md-3 {
  width: 25%; }

td.col-md-4, th.col-md-4 {
  width: 33.33333%; }

td.col-md-5, th.col-md-5 {
  width: 41.66667%; }

td.col-md-6, th.col-md-6 {
  width: 50%; }

td.col-md-7, th.col-md-7 {
  width: 58.33333%; }

td.col-md-8, th.col-md-8 {
  width: 66.66667%; }

td.col-md-9, th.col-md-9 {
  width: 75%; }

td.col-md-10, th.col-md-10 {
  width: 83.33333%; }

td.col-md-11, th.col-md-11 {
  width: 91.66667%; }

td.col-md-12, th.col-md-12 {
  width: 100%; }
}

@media (min-width: 992px) {
td.col-lg-1, th.col-lg-1 {
  width: 8.33333%; }

td.col-lg-2, th.col-lg-2 {
  width: 16.66667%; }

td.col-lg-3, th.col-lg-3 {
  width: 25%; }

td.col-lg-4, th.col-lg-4 {
  width: 33.33333%; }

td.col-lg-5, th.col-lg-5 {
  width: 41.66667%; }

td.col-lg-6, th.col-lg-6 {
  width: 50%; }

td.col-lg-7, th.col-lg-7 {
  width: 58.33333%; }

td.col-lg-8, th.col-lg-8 {
  width: 66.66667%; }

td.col-lg-9, th.col-lg-9 {
  width: 75%; }

td.col-lg-10, th.col-lg-10 {
  width: 83.33333%; }

td.col-lg-11, th.col-lg-11 {
  width: 91.66667%; }

td.col-lg-12, th.col-lg-12 {
  width: 100%; }
}

@media (min-width: 1200px) {
td.col-xl-1, th.col-xl-1 {
  width: 8.33333%; }

td.col-xl-2, th.col-xl-2 {
  width: 16.66667%; }

td.col-xl-3, th.col-xl-3 {
  width: 25%; }

td.col-xl-4, th.col-xl-4 {
  width: 33.33333%; }

td.col-xl-5, th.col-xl-5 {
  width: 41.66667%; }

td.col-xl-6, th.col-xl-6 {
  width: 50%; }

td.col-xl-7, th.col-xl-7 {
  width: 58.33333%; }

td.col-xl-8, th.col-xl-8 {
  width: 66.66667%; }

td.col-xl-9, th.col-xl-9 {
  width: 75%; }

td.col-xl-10, th.col-xl-10 {
  width: 83.33333%; }

td.col-xl-11, th.col-xl-11 {
  width: 91.66667%; }

td.col-xl-12, th.col-xl-12 {
  width: 100%; }
}



/*Old theme compatibility classes*/
.pull-right {
    float:right!important;
}

.pull-left {
    float:left!important;
}

button.pull-right {
    margin-left:auto!important;
}

.welcome-scrollboxes,.pt-myautoscroll-c7, .pt-myautoscroll-c5, .pt-myautoscroll-hg-c3/*pt classes here for compatibiity with old theme*/ {
    height: 30vh;
    font-size:.8rem;
    overflow-y: auto;
    overflow-x: hidden;
}

.welcomepage-icon {
    font-size: 1rem;
    color: #790e18;
}

.welcomepage-links {
    font-size: 1rem;
    color: #000;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: bold;
}

.pt-row-column-sh-c8 /*class here for compatibiity with old theme*/ {
    font-size: .8rem;
}

.hide /*class here for compatibiity with old theme*/{
    display:none;
}

.column-left-c3/*class here for compatibiity with old theme*/ {
    color: #790e18;
    font-weight: bold;
}


/*CSS for password requirement validation*/
.icon::before {
      display: inline-block;
      font-style: normal;
      font-variant: normal;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
    }

.pwdreq {
	color:red;
}
.pwdreq.passed {
	color:green;
}
.pwdreq::before {
    font-family: "Font Awesome 5 Free";
	font-weight: 400;
    content: "\f057";
  }

.pwdreq.passed::before {
    font-family: "Font Awesome 5 Free";
	font-weight: 400;
    content: "\f058";
  }

div.dt-container div.dt-paging ul.pagination {
  justify-content: flex-end;
}