h1, .ma__rich-text h1{
  font-size:1.8rem;
  line-height:2rem;
  margin-bottom:.25em;
}
h1.ma__page-header__title {
    margin-bottom: 0.25em;
    font-size:1.8rem;
    line-height:2rem;
  }

h2, h2.ma__comp-heading, .ma__rich-text h2{
font-size: 1.6rem;
line-height:1.8rem;
}

h3, h3.ma__comp-heading, .ma__rich-text h3{
font-size: 1.4rem;
line-height:1.6rem;
}
h4, h4.ma__comp-heading, .ma__rich-text h4, h4.ma__contact-group__name{
font-size: 1.2rem;
line-height:1.4rem;
}
h4, .ma__rich-text h4{
  margin-bottom:0;
}

h5, .ma__rich-text h5 {
  font-size: 1.1rem !important;
  line-height:1.3rem;
  font-weight:700;
}
caption {
    font-size: 1.3rem !important;
    line-height: 1.5rem !important;
    padding-bottom: 3px;
    margin-bottom: 10px;
}

body{
  font-size: 1.1rem;
  line-height:1.3rem;
  min-height: 100vh;
  display: flex;
  flex-direction: column; 
}
footer{
  margin-top:auto;
}
html{
  width:100%;
}
fieldset{
  margin: 20px 0 0 0;
}
.pre-content{
  margin-bottom:0;
}
p.details{
  font-weight:500;
  font-size:1.1rem;
}
p, .ma__rich-text p {
  font-weight:500 !important;
  font-size:1.1rem;
}
.utility .container, .ma__header__container, .ma__breadcrumbs__container, .ma__page-header, .ma__main-nav {
    max-width: none;
}
.main-content.main-content{
  padding-left:40px;
  padding-right:40px;
}
.panel-body {
    font-size: 1.1rem;
    line-height:1.3rem;
}
caption.table-caption.ma__comp-heading {
    font-size: 1.4rem !important;
    line-height: 1.6;
}
h4.icons-list{
  margin-bottom:5px;
}
/*.ma__form-page>* {
    margin-top: 0;
}*/
.ma__page-header__sub-title {
    font-size: 1.125rem !important;
    line-height: 1.3rem !important;
    margin-bottom: 20px;
}

.ma__select-box__label, label.ma__label, label.ma__label.ma__label--optional {
    margin-bottom: 0.1em;
}
.ma__input-group__title, .ma__select-box__label, label, label.ma__tooltip__open {
    font-size: 1.125rem;
    line-height:1.25rem;
    margin-bottom: .1em;
  }
legend, label, .ma__date-range__label {
    margin-bottom: 0.2em;
    font-size: 1.125rem;
}
a.ma__content-link.ma__content-link-admin {
    font-size: 1.125rem;
}
/*.ma__input-checkbox label span, .ma__input-radio label span {
    font-size: 1.1rem;
    line-height:1.3rem;
    margin-bottom: 0.2em;
}*/
th, .panel.panel-primary th, .table>thead>tr>th, .table-condensed>tbody>tr>th, .table-condensed>tfoot>tr>th, .table-condensed>thead>tr>td, .table-condensed>thead>tr>th{
  font-size: 1.125rem;
}
tr, .table-condensed>tbody>tr>td, .table-condensed>tfoot>tr>td{
  font-size: 1.1rem;
}

.ma__decorative-link a, .ma__decorative-link a{
   font-size: 1.1rem;
    line-height:1.3rem;
  }
  a.js-clickable-link{
    font-size: 1.1rem;
    line-height:1.3rem;
  }
  button.btn-xs, button.btn-group-xs>.btn {
    font-size:.8rem;
    padding: 0.5rem;
}
.main-content--two .page-content>* {
    margin-top: 12px;
}
/*.ma__input-radio label {
    margin-top: 15px;
    }
    .ma__input-checkbox label {
    margin-top: 15px;
    }*/
select.form-control:not([size]):not([multiple]), input,multiple  {
    min-height: 38px;
}
.alert{
  margin:0;
  padding: 0;
}

.alert-danger{
  color: #ad0b0b !important;
  background: 0 0 !important;
  border: none !important;
}
.ma__input-date[type=text] {
    background-image: url(../svg/calendar-alt-regular.svg);
    background-size: 20px 20px;
    min-height: 38px;
}
.ma__select-box__link {
    min-height: 38px;
  }
caption.table-caption.ma__comp-heading {
    font-size: 1.6rem !important;
    line-height: 1.2  !important;
}
.ma__rich-text table td, .ma__table td {
    font-size: 1.125rem;
    }

.ma__page-header__title:last-child {
    margin-bottom: 0;
    margin-top: 0;
}
a__comp-heading:not(.ma__comp-heading--sidebar) {
    margin-bottom: 10px;
}
.ma__page-header__content {
    padding-top: 10px;
}
button:focus {
    outline: none;
     border:none;
}
.btn, .btn-group, .btn-primary {
    padding: 0.5rem 0.75rem;
    font-size: 1.1rem;
    line-height: 1.3;
    vertical-align: middle;
    border-radius: 0.25rem;
    letter-spacing: 0;
    font-weight:700;
 text-transform: none;
 border:none;
 margin:2px;
}
.btn-group.btn-table.btn-default, .btn-group.btn-table.btn-danger, button.btn.btn-default.btn-danger.btn-xs, button.btn-xs, button.btn-group-xs>.btn {
    padding: 0.25rem 0.5rem;
    font-size: 1rem;
    line-height: 1.2rem;
    vertical-align: top;
    border-radius: 0.25rem;
    letter-spacing: 0;
    font-weight:700;
 text-transform: none;
  border:none;
  margin:2px;
}
.btn.focus, .btn:focus {
    outline: 0;
    box-shadow: none;
     border:none;
     margin:2px;
}
.btn-primary:hover, .btn-primary:active:hover {
   border: none;
}
.mass-gov-link{
  font-size:1rem;
}
.utility a.js-clickable-link{
  font-size: 1rem;
}
.ma__comp-heading.above-label{
  margin-bottom: 5px !important;
}
.nav-tabs .nav-item {
    margin-right: 2px;
}
.nav-tabs .nav-link {
    padding: 0.5rem 0.75rem;
    border-radius: 4px 4px 0 0;
   margin-right: 2px;
    text-transform: none;
    background-color: #272772;
    color: #fff;
    border:none;
    margin-right:2px;
    font-size:1.1rem;
}

.nav-tabs .nav-link:focus,.nav-tabs .nav-link.active, .nav-tabs .nav-link{
    padding: 0.5rem 0.75rem;
    box-shadow: none;
    letter-spacing: 0;
    border:none;
    margin-right:2px;
    border-radius: 4px 4px 0 0;
}
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:active{
padding: 0.5rem 0.75rem;
box-shadow: none;
letter-spacing: 0;
border:none;
background-color: #ca4d00;;
color:#fff;
margin-right:2px;
border-radius: 4px 4px 0 0;
 }

ul#styleTabs a{
  margin-right:4px;
  font-size:1.3rem;
  border-radius:8px;
  font-weight:500;
  padding:1.5rem 1rem;
  margin-bottom:20px;
}
/*ul#styleTabs a:hover{
  opacity:.7;
}
ul#styleTabs a:active, ul#styleTabs a:focus{
  opacity:1;
}
#buttonsIconsTab{
  background-color:#5454c4;
}
#textTab{
  background-color:#FF914D;
}
#formsTabMulti{
  background-color:#595959;
}
#formsTabSingle{
  background-color:#857e7e;
}
#searchTab{
  background-color:#038855;
}
#tablesPanelsTab{
  background-color:#940fd6;
}
#colorsTab{
  background-color:#f6a91b;
}*/

.fa-angle-right.fa-w-8{
  padding-top:.1rem;
}
.ma__breadcrumbs a {
    font-size: 1rem;
}

button.btn.btn-default>svg, button.btn.btn-primary>svg, button.ma__collapsible-header__button>svg {
    width: 15px;
    height: 17px;
    vertical-align: middle;
}
button.btn.btn-default.btn-xs>svg, button.btn.btn-primary.btn-xs>svg {
    width: 14px;
    height: 15px;
    vertical-align:middle;
    margin:2px;
}
a>svg {
    width: 13px;
    height: 14px;
    vertical-align:middle;
}
.utility a svg {
    display: inline-block;
    height: 0.5em;
    margin-right: -0.8em;
    width: 0.6em;
    vertical-align: middle;
    opacity: .6;
    fill: currentColor;
}
.panel,ul.nav.subtabs  {
    border: 1px solid #a2a2a2;
  }
.is-open .ma__collapsible-header__button, .is-closed .ma__collapsible-header__button {
    border: none;
    background-color:#dcdcdc;
}
.ma__collapsible-header__button {
    padding: 8px 15px;
    border-radius: 4px 4px 0 0;
        background-color:#dcdcdc;
}
.ma__collapsible-header__button:hover, .ma__collapsible-header__button:active, .ma__collapsible-header__button:focus {
    border: none;
    background-color:#dcdcdc;
}
.ma__collapsible-content__item {
    border-radius: 4px;
}
.badge {
    font-size: .8rem;
    background-color: #f6c51b;
    color: #000;
    border-radius: 4px;
}
.ma__select-box__field>*{
    border-radius: 4px;
}
th, .panel.panel-primary th, .table>thead>tr>th ::after, *::before {
    border-radius: 0;
}
input.form-control, textarea.form-control, textarea,  input[type="text"] {
    border-radius: 4px;
} 
.ma__main-nav__link {
    font-size: 1.125rem;
}
.ma__main-nav__top-link, .ma__main-nav__top-link.active, .ma__main-nav__top-link:hover {
    font-size: 1.25rem;
    text-transform:capitalize; 
}
.utility{
  font-size:.8rem;
  line-height:auto;
  height:30px;
}
.container-fluid {
padding-right: 0;
padding-left: 0;
}
.ma__collapsible-content__body {
    padding: 15px;
  }
  .ma__page-header__sub-title {
    padding-right: inherit;
    width: auto; 
    padding-top: 0;
}
.ma__comp-heading:not(.ma__comp-heading--sidebar), h2.ma__comp-heading, h3.ma__comp-heading, h4.ma__comp-heading {
    padding-bottom: 5px !important;
    margin-bottom:15px !important;
}
.panel-body{
  padding-bottom:20px;
}
.panel{
  margin-bottom:30px;
}

.ma__page-header__sub-title ul{
  padding-left:20px;
}
.ma__footer__container{
  max-width:inherit;
}
svg.svg-inline--fa.fa-chevron-circle-up.fa-w-16.pageup {
    margin: 0;
}
.ma__input-radio{
  margin-bottom:4px;
}
.ma__input-checkbox{
  margin-bottom:4px;
}
.ma__tooltip__message{
  font-size:1rem;
}
.ma__tooltip__title {
    font-size: 1.125rem;
    line-height:1.25rem;
    margin-bottom: 0.25em;
    margin: 15px 20px 0;
}
.ma__error-msg {
    font-size: 1.1rem;
  }
.ma__tooltip__open>svg {
    margin-bottom: 0.1em;
    width:14px;
    height:14px;
}
input.has-error:not(:focus) {
    background-image: none;
}
.ma__helper-text {
    font-size: 1rem;
    line-height: 1.2rem;
  }
.ma__form-page>* {
    margin-top: 0;
}
.ma__input-checkbox label span, .ma__input-radio label span {
    font-size: 1.125rem;
    line-height: 1.25em;
}
button.btn.btn-primary#login, button.btn-default#staff-login{
  margin-bottom:10px;
}

.tooltip {
  background-color: #ca4d00 !important;
  max-width: 300px !important;
}

.switch.switch-medium small {
   background-color: #ca4d00;
  }
  
  span.switch.switch-medium.checked {
   background-color: #fff;
  }  
  
  .switch.checked {
  background: #fff;
  }
  
  .switch.switch-medium{
    width:100px;
  }

  ::ng-deep .custom-typeahead-dropdown {
    max-height: 200px !important;
    overflow-y: auto  !important;
  }



/*Media Queries start here */

@media (max-width: 414px){

.ma__page-banner {
     margin-bottom: 0;
}
.page-content{
  padding-right:20px !important;
}
.main-content.main-content{
  padding-left:20px;
  padding-right:20px;
}

.nav-tabs .nav-link {
    padding: 0.75rem 1rem;
    margin: 0 0 10px 0;
}

.pre-content {
    padding-top: 100px;
}

}
@media (max-width: 620px){
.nav-tabs .nav-link, .nav-tabs .nav-link:hover, .nav-tabs .nav-link:active, .nav-tabs .nav-link.active {
  border-radius:4px;
}

.maincontent.main-content {
    padding-left: 20px;
    padding-right: 20px;
}
}
@media (min-width: 621px){
.ma__rich-text ul {
    margin-bottom: 1rem;
}
.ma__rich-text p {
    margin-bottom: 1rem;
}
.ma__contact-group__label {
    font-size: 1.1rem;
    line-height:1.3rem;
}
.ma__contact-group .ma__content-link, .ma__contact-group .ma__decorative-link {
    font-size: 1.1rem;
    line-height:1.3rem;
}
.ma__contact-group__address {
      font-size: 1.1rem;
    line-height:1.3rem;
}
}
@media (max-width: 768px){
.main-content.main-content-full {
    padding-left: 20px;
    padding-right: 20px;
}
.nav-tabs>li>a {
    margin-bottom: 0;
}
.ma__header__logo {
    margin-top: 30px;
}
.ma__header{
  height:110px;
}
}

@media (min-width: 841px){
.ma__main-nav__top-link {
   padding: 10px 12px;
min-width:150px;
 }

.ma__site-logo a img {
    width: 400px;
 }
.ma__main-nav__subitems {
    min-width: 300px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
}
}
@media (max-width: 841px){
button.btn.btn-default#logout{
  margin-right:40px;
}
button.btn.btn-primary#login, button.btn.btn-default#logout, button.btn.btn-default#staff-login{
  margin-right:20px;
}
}

@media (min-width: 911px){
.ma__site-logo a img {
    width: 350px;
    }
button.btn.btn-default#logout{
  margin-bottom:10px;
   margin-right:30px;
}
button.btn.btn-primary#login{
  margin-bottom:10px;
   margin-right:30px;
}
.user_name {
   padding-right: 0;
}

hr {
    margin-top: 1rem;
}
.ma__main-nav__items {
    margin-left: -20px;
    width: calc(100% + 40px);
}
.ma__collapsible-content__body.js-accordion-content{
  padding: 15px;
}
.page-content {
    padding-right: 285px;
    width: calc(100% - 295px);
}
}
@media (min-width: 1400px){
 .ma__main-nav {
    padding-left: 450px;
    padding-right:60px;
  }
.user_name {
   padding-right: 30px;
}
.page-content {
    width: calc(50%);
}
p{
  max-width:80%;
}
}