/* global overrides for casa template */

html {
    font-size: 16px;
}

html,body,.au-body{
	height:100%;
}

main{
	background: #fff;
}

.footer .banner {
    border: none;
    padding:10px !important;
    height:auto !important;
    background:#313131;
}

.banner {
    height:0px;
    border-bottom: 4pt solid black;
    overflow: hidden !important;
    padding:0 !important;
    background: #313131;
    color: #FFFFFF;
}

.banner a, .banner a:hover{
    color: #FFFFFF;
}


#container {
   min-height: 400px;
}

.au-grid > .container {
    padding-left: 12px;
    padding-right: 12px; 
}

.au-grid > .row {
    padding-left: 0px;
    padding-right: 0px;
}

.header{
	background:#0080A2;
	height:110px;
}

.header .logo{
	margin: 1.5rem 0 0 .25rem;
}

.header .logo img{
	height:4rem;
}

.header .logo.au-body.au-body--dark{
	float:left;
	margin-left: .5rem;
}

.header .user .au-body--dark {
    background: transparent;
    display: table-cell;
    vertical-align: middle;
}

.au-body--dark {
    background: #0080A2!important;
}

.container .au-header{
    margin:1rem 0 0 0;
    padding:0;
}

.casa-menu{
    display:none;
}

.casa-sign-out{
	display:block;
	float:right;
	margin-top:32px;
    position: relative;
    z-index: 1;
}


.date-entry{
	margin-top:1rem;
}

.date-entry label{
	font-size:.875rem;
}

.date-entry .date-day, .date-entry .date-month{
	width:25%;
	margin-right:2%;
	float:left;
}

.date-entry .date-year{
	width:46%;
	float:left;
}

.date-guidance{
	clear:both;
	padding-top:0.85rem;
	position:relative;
	font-size:.875rem;
}

.footer{
	background:#4C4C4C;
	margin-top:120px;
	min-height:200px;
	z-index:2000;
	position: relative;
}

.footer-wrapper{
	margin:auto;
}

.footer iframe{
	margin:auto;
	height:400px;
	overflow:hidden;
	width:100%;

}

.hidden { 
    display: none!important;
    visibility: hidden;
}

.au-table__caption {
    color: black;
    padding-top: 0;
}

#modal{
	background:rgba(0,0,0,0.7);
	width:100%;
	height:100%;
	position:fixed;
	z-index:999999;
	display:none;
}

/* modal */

.casa-modal{
	position: absolute; 
    top: 0; 
    bottom: 0; 
    left: 0; 
    right: 0; 
    background: rgba(0,0,0,0.5);
    z-index: 99999999;
}

.casa-modal-header, .casa-modal-footer, .casa-modal-body{
	padding:1rem;
}

.casa-modal-inner{
	margin: 1rem auto 0 auto;
	background: #FFF;
	min-width: 320px;
	max-width: 480px;
	border-radius: 10px;
}

.casa-modal-header{
	border-bottom:1px solid #e5e5e5;
	position: relative;
}

.casa-modal-close{
	position:absolute;
	top:1.2rem;
	right:1.2rem;
	width:20px;
	height:20px;
	background-image: url(../img/close.svg);
	opacity:0.7;
}

.casa-modal-close span{
	  visibility: hidden;
}

.casa-modal-footer{
	border-top:1px solid #e5e5e5;
}

.fade {
    transition: opacity 0.15s linear;
}

/* myCASA dashboard styles */


.casa-dashboard p{
    margin:0 !important;
    padding:0 !important;
}

.casa-dashboard .row h2{
    margin:0.5rem 0 0.5rem 0;
}

.casa-dashboard .row h3{
    /*margin:0.5rem 0 0rem 0;*/
}

.casa-dashboard h1{
    /*margin-bottom:2rem;*/
}


.casa-profile{
    margin-bottom:1rem;
    padding:1rem 0 1rem 0;
    position: relative;
}

.casa-profile ul{
    margin-left:0;
    padding-left:0;
}

@media (min-width: 1200px){
   .col-lg-12-align-right{
    text-align: right;
    }
    .col-lg-12-align-center{
    text-align: center;
    }
}

.casa-profile li{
    display:inline;
    padding-right:0.5rem;

}

.casa-dashboard-row{
    background: #f5f5f5;
    margin-bottom: 1.5rem;
}

.casa-dashboard-item{
    margin-bottom:1rem;
}

.casa-section{
	padding-bottom: 1.25rem;

}

.casa-profiles{
    margin-top:3rem;
    clear:both;

}

.casa-profile-select{
	background:#f5f5f5;
	padding:1rem 1rem 1rem 1rem;
	position:relative;
	margin-bottom:.5rem;
	min-height:9em;
	/*border-radius: 5px;*/
	line-height: 1.5;
}

.casa-profile-organisation, .casa-profile-select{
    border-bottom: 3px solid #f69900;

}

.casa-profile-individual{
    border-bottom: 3px solid #00bfe9;
}

/* status badges */

.badge-warning {
    color: #212529;
    background-color: #ffc107;
}

.badge-expired {
    color: #FFFFFF;
    background-color: #BB0C0F;
}

.badge-error {
    color: #FFFFFF;
    background-color: #BB0C0F;
}

.badge-success {
    color: #FFFFFF;
    background-color: #28a745;
}

.badge-in-progress {
    color: #FFFFFF;
    background-color: #12b5ea;
}

.badge-foreign {
    color: #000000;
    background-color: #F5F5F5;
}

.badge-rec {
    color: #000000;
}

.badge-com {
    color: #000000;
}

.badge {
    display: inline-block;
    padding: .25em .4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem;
}

.casa-lapsed {
    font-style: italic;
    color: #636363;
}

.casa-external{
	background-repeat:no-repeat;
	padding-right:20px;
	background-position: top right;
	background-image:
	        url("data:image/svg+xml;utf8,<?xml version='1.0' encoding='utf-8'?><!-- Generator: Adobe Illustrator 23.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  --><svg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32' style='enable-background:new 0 0 32 32;' xml:space='preserve'><style type='text/css'>.st0{fill-rule:evenodd;clip-rule:evenodd;}</style><g><path class='st0' d='M23,17.4c0-0.8,0.6-1.4,1.4-1.4c0.8,0,1.4,0.6,1.4,1.4v8.4c0,2.3-1.9,4.2-4.2,4.2H6.2C3.9,30,2,28.1,2,25.8	V10.4c0-2.3,1.9-4.2,4.2-4.2h8.4c0.8,0,1.4,0.6,1.4,1.4C16,8.4,15.4,9,14.6,9H6.2c-0.8,0-1.4,0.6-1.4,1.4v15.4	c0,0.8,0.6,1.4,1.4,1.4h15.4c0.8,0,1.4-0.6,1.4-1.4V17.4z'/><path class='st0' d='M27.2,4.8h-7c-0.8,0-1.4-0.6-1.4-1.4S19.4,2,20.2,2h8.4C29.3,2,30,2.7,30,3.4v8.4c0,0.8-0.6,1.4-1.4,1.4	c-0.8,0-1.4-0.6-1.4-1.4V4.8z'/><path class='st0' d='M14.2,19.8c-0.5,0.5-1.4,0.5-2,0c-0.5-0.5-0.5-1.4,0-2L27.6,2.4c0.5-0.5,1.4-0.5,2,0c0.5,0.5,0.5,1.4,0,2	L14.2,19.8z'/></g></svg>");
}

.au-page-alerts {
    margin-top: 1rem;
}

/* javascript classes */
.casa-hidden, .casa-errors{
    display:none;
}

.casa-sort-header{
	font-weight:normal;
	text-decoration:none !important;
}

.casa-sort-table a::after{
    content: " ▼";
    opacity:0;
}

.casa-sort-header-sorted-asc a::after{
	content: " ▼";
	opacity:1;
}

.casa-sort-header-sorted-desc a::after{
	content: " ▲";
	opacity:1;
}

/* specific design system overrides */ 

#profileheading .au-header h1.au-header-heading.au-display-xl {
    font-size: 2.5rem;
    line-height: 1.3;
    margin-bottom: 0;
}

#dashboardheading .au-header h1.au-header-heading.au-display-xl {
    font-size: 2.0rem;
    line-height: 1.25;
    margin-bottom: 2.0rem;
}

#pageheading .au-header h1.au-header-heading.au-display-xl {
    font-size: 2.5rem;
    line-height: 1.3;
    margin-bottom: 0rem;
}

.au-label{
    font-weight:bold;
}
/*
section.au-callout{
    margin-bottom:2rem;
}
*/
.au-callout.casa-declaration{
	background: #E9E9E9;
}
.casa-inline-form-subgroup{
    float:left;
    max-width:8rem;
    margin-right:1rem;
    margin-top:0 !important;
}

.casa-inline-form-subgroup.casa-inline-form-subgroup-lg{
	max-width:18rem !important;
	width:18rem !important;
	margin-top:1rem;
}

.casa-inline-form-subgroup-lg::after, .casa-inline-form-group fieldset:after, .au-form-group::after {
  content: "";
  display: table;
  clear: both;
}

.casa-form-other-list{
	margin-left:2.5rem;
}

.au-body .au-form-group{
    margin-top:2rem;
}


.au-body hr{
	margin-top:4rem;
}

/* bootstrap overrides */
.modal-header {
    font-size: 1.5rem;
    line-height: 1.33333333;
    font-weight: bold;
}

.modal-body h5 {
    font-weight: normal;
}

.modal-footer {
    text-align: left;
}

/* device-specific media queries

.casa-desktop-only, .casa-mobile-only{
	display:none;
} */

@media (max-width: 991px) {
  .casa-desktop-only{display: none;}
	.casa-mobile-only{display:block;}
	td.casa-mobile-only{display:table-cell;}
}

@media only screen and  (min-width: 1200px) {
	.casa-desktop-only{display: block;}
	.casa-mobile-only{display:none;}
	td.casa-desktop-only{display:table-cell;}

}



/* accessibiltiy theme overrides */

.au-accordion--dark .au-body .au-accordion__title:focus,.au-accordion--dark .au-accordion__title:focus{outline-color:#FFE17D;}
.au-body.au-body--dark a:focus, .banner a:focus{outline-color:#FFE17D;}
.au-body.au-body--dark [tabindex="0"]:focus,.au-body.au-body--dark :target{outline-color:#FFE17D;}
.au-btn.au-btn--dark:focus,a.au-btn.au-btn--dark:focus{outline-color:#FFE17D;}
.au-cta-link.au-cta-link--dark:focus{outline-color:#FFE17D;}
.au-control-input--dark .au-control-input__input:focus+.au-control-input__text:before,.au-control-input--dark .au-control-input__input:focus+.au-control-input__text:after{outline-color:#FFE17D;}
.au-direction-link.au-direction-link--dark:focus{outline-color:#FFE17D;}
.au-body--dark .au-progress-indicator--dark .au-body .au-progress-indicator__link:focus,.au-progress-indicator--dark .au-body .au-progress-indicator__link:focus,.au-body--dark .au-progress-indicator--dark .au-progress-indicator__link:focus,.au-progress-indicator--dark .au-progress-indicator__link:focus{outline-color:#FFE17D;}
.au-select.au-select--dark:focus{outline-color:#FFE17D;}
.au-tags.au-tags--dark>li>a:focus,.au-tags.au-tags--dark>li>button:focus,.au-tags.au-tags--dark>dd>a:focus,.au-tags.au-tags--dark>dd>button:focus{outline-color:#FFE17D;}
.au-text-input.au-text-input--dark:focus{outline-color:#FFE17D;}

/* CASA patterns */

.btn-Hollow {
    background-color: #fff !important;
    color: #0080A2 !important;
}

div.guideLoading {
 height: 100%;
 width: 100%;
 display: flex;
 position: fixed;
 top: 0;
 left: 0;
 z-index: 10;
 align-items: center;
}

div.guideLoading.guideMessage {
    height: 100%;    
    background-color: transparent;
}

div.guideLoading.guideMessage::before {
 content: '';
 width: 100%;
 height: 100%;
 background-color: #000000;
 opacity: 0.1;
 position: absolute;
 top: 0;
 z-index: -1;
}

.guideLoading:after, #loadingPage.guideMessage h1:after {
    content: '';
    border: .5rem solid #f3f3f3;
    border-radius: 50%;
    border-top: .5rem solid #0080A2;
    width: 4rem;
    height: 4rem;
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
    margin: 0 auto;
    display: block;
}

#loadingPage.guideMessage.guideLoading:after {
    display: none;
}

#loadingPage.guideMessage h1:after {
    width: 1.5rem;
    height: 1.5rem;
    border-width: 0.2rem;
    margin-top: 5px;
}

#loadingPage.guideMessage h1 { 
     background: rgba(0, 0, 0, 0.6);
     border-radius: 4px;
     padding: 1.875rem;
     color: #f9f9f9;
     font-size: 1.25rem;
     max-width: 50%;
     margin: 0 auto;
}

#loadingPage.guideMessage * {
    display: block;
}

#loadingPage.guideMessage {
    color: #f9f9f9;
    font-size: 1.25rem;
    text-align: center;
}
    
.guideLoading {
    background: none;
    background-color: #fff;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    /*width: 100%;
    height: 100%;*/
    cursor: wait;
    z-index: 10;
}

div.miniguideLoading {
    position: relative;
    height: 16px;
    display: flex;
    align-items: center;
}


.miniguideLoading:after {
    content: '';
    border: 4px solid #f3f3f3;
    border-radius: 50%;
    border-top: 4px solid #0080A2;
    width: 16px;
    height: 16px;
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
    margin: 2px;
    display: block;
}

.miniguideLoading {
    background: none;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 60%;
    height: 100%;
    cursor: wait;
    z-index: 10;
    background-color: #ffffff;
}

/* Safari */
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

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

    100% {
        transform: rotate(360deg);
    }
}

.table-striped {
    background-color: white;
}

    .table-striped > tbody > tr:nth-of-type(odd) > td,
    .table-striped > tbody > tr:nth-of-type(odd) {
        background-color: white;
        color: black;
    }

    .table-striped > tbody > tr:nth-of-type(even) > td,
    .table-striped > tbody > tr:nth-of-type(even) {
        background-color: #F9F9F9;
        color: black;
    }
.rfi-callout {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
    padding-inline: 24px;
    padding-top: 12px;
    padding-bottom: 12px;;
    border: 1px solid #CCD3D8;
    border-left: 6px solid #d60000;
    border-radius: 4px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    color: #313131;
    word-wrap: break-word;
    margin-bottom: 10px;
}


*+.rfi-callout {
    margin-top: 32px;
    margin-top: 2rem
}

.rfi-callout p {
    margin: 0
}

.rfi-callout *+p {
    margin-top: 16px;
    margin-top: 1rem
}

.rfi-callout+p {
    margin-top: 32px;
    margin-top: 2rem
}

.rfi-callout.rfi-callout--error {
    border-color: #d60000;
}

.rfi-info {
    font-size: 14px;
    width: fit-content;
    padding-inline: 5px;
    border-radius: 4px;
    background: #F2F4F5;
}

div.rfi-info::before {
    font-family: 'casa-icon-font';
    font-size: 18px;
    display: inline-block;
    vertical-align: middle;
    color: gray;
    content: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Information / 24 / Outline'%3E%3Cpath id='Vector' d='M10.4998 9.43262C10.2788 9.43262 10.0669 9.52042 9.91059 9.6767C9.75431 9.83298 9.66651 10.0449 9.66651 10.266V13.5993C9.66651 13.8203 9.75431 14.0323 9.91059 14.1885C10.0669 14.3448 10.2788 14.4326 10.4998 14.4326C10.7209 14.4326 10.9328 14.3448 11.0891 14.1885C11.2454 14.0323 11.3332 13.8203 11.3332 13.5993V10.266C11.3332 10.0449 11.2454 9.83298 11.0891 9.6767C10.9328 9.52042 10.7209 9.43262 10.4998 9.43262ZM10.8165 6.16595C10.6136 6.0826 10.3861 6.0826 10.1832 6.16595C10.0809 6.20561 9.98743 6.26508 9.90817 6.34095C9.83457 6.42195 9.77538 6.51496 9.73317 6.61595C9.68652 6.71485 9.66369 6.8233 9.66651 6.93262C9.66587 7.04229 9.68689 7.15101 9.72837 7.25254C9.76984 7.35407 9.83094 7.44642 9.90817 7.52428C9.98918 7.59789 10.0822 7.65708 10.1832 7.69928C10.3094 7.75115 10.4465 7.77121 10.5823 7.75771C10.7181 7.74421 10.8485 7.69755 10.9621 7.62184C11.0757 7.54613 11.1689 7.44369 11.2336 7.32351C11.2983 7.20333 11.3325 7.0691 11.3332 6.93262C11.3301 6.71198 11.2438 6.50065 11.0915 6.34095C11.0123 6.26508 10.9188 6.20561 10.8165 6.16595ZM10.4998 1.93262C8.85166 1.93262 7.2405 2.42136 5.87009 3.33704C4.49968 4.25272 3.43158 5.5542 2.80084 7.07692C2.17011 8.59964 2.00509 10.2752 2.32663 11.8917C2.64817 13.5082 3.44185 14.9931 4.60728 16.1585C5.77272 17.3239 7.25758 18.1176 8.87409 18.4392C10.4906 18.7607 12.1662 18.5957 13.6889 17.9649C15.2116 17.3342 16.5131 16.2661 17.4288 14.8957C18.3444 13.5253 18.8332 11.9141 18.8332 10.266C18.8332 9.1716 18.6176 8.08797 18.1988 7.07692C17.78 6.06588 17.1662 5.14722 16.3924 4.37339C15.6186 3.59957 14.6999 2.98574 13.6889 2.56695C12.6778 2.14817 11.5942 1.93262 10.4998 1.93262ZM10.4998 16.9326C9.1813 16.9326 7.89237 16.5416 6.79604 15.8091C5.69971 15.0765 4.84523 14.0353 4.34064 12.8172C3.83606 11.599 3.70404 10.2586 3.96127 8.96535C4.21851 7.67214 4.85345 6.48426 5.7858 5.55191C6.71815 4.61956 7.90603 3.98462 9.19924 3.72738C10.4924 3.47015 11.8329 3.60217 13.0511 4.10675C14.2692 4.61134 15.3104 5.46582 16.043 6.56215C16.7755 7.65848 17.1665 8.94741 17.1665 10.266C17.1665 12.0341 16.4641 13.7298 15.2139 14.98C13.9636 16.2302 12.268 16.9326 10.4998 16.9326Z' fill='%23353F4B'/%3E%3C/g%3E%3C/svg%3E%0A");
    margin-right: 5px;
    padding-top: 5px;
    font-weight: 300;
}

.rfi-sub-name {
    color: #667989;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
}
.rfi-descriptor {
    display: contents;
    float: left;
    font-size: 20px;
    font-weight: 600;
}
.rfi-descriptor a {
    text-decoration: none !important;
}

.rfi-action-button {
    float: right;
    padding: 1px;
    padding-inline: 10px;
    border: 2px solid #00698F;
    border-radius: 4px;
    background: none;
    color: #00698F !important;
}
a.rfi-action-button {
    text-decoration: none !important;
}

.rfi-action-button:hover {
    cursor: pointer;
    text-decoration: none;
}

.pay-action-button {
    float: right;
    padding: 1px;
    padding-inline: 10px;
    border: 2px solid #00698F;
    border-radius: 4px;
    background: none;
    color: #00698F !important;
}
a.pay-action-button {
    text-decoration: none !important;
    margin-top: -12px;
}

.pay-action-button:hover {
    cursor: pointer;
    text-decoration: none;
}


.form-search-card {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  padding: 32px;
  border: 1px solid #CCD3D8;
  border-radius: 4px;
  font-family: "Open Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  color: #313131;
  word-wrap: break-word;
  margin-bottom: 10px;
}

.form-search-card .title {
  display: contents;
  float: left;
  font-size: 25px;
  font-weight: 700;
}

.form-search-card .description {
  padding-top: 10px;
  padding-bottom: 7px;
}

.form-search-card .right-content {
  float: right;
}

.form-search-card .right-content a {
  text-decoration: underline !important;
  color: #00698F !important;
  font-size: 16px;
  font-weight: 400;
  font-family: sans-serif;
}

.form-search-card .right-content a:hover {
  text-decoration: none !important;
  cursor: pointer;
}

.form-search-button {
  float: right;
  padding: 2px;
  padding-inline: 10px;
  border: 1px solid #00698F;
  border-radius: 0px 4px 4px 0px;
  background: #00698F;
  color: #FFF !important;
}

.form-search-button::after {
  content: url('data:image/svg+xml,<svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.0918 17.6746L15.0002 14.6079C16.2002 13.1116 16.7814 11.2124 16.6242 9.30069C16.4669 7.38903 15.5832 5.61026 14.1548 4.33015C12.7263 3.05003 10.8617 2.36587 8.94427 2.41834C7.02686 2.4708 5.20243 3.25591 3.84612 4.61223C2.4898 5.96855 1.70469 7.79298 1.65222 9.71038C1.59976 11.6278 2.28392 13.4924 3.56403 14.9209C4.84415 16.3493 6.62292 17.233 8.53458 17.3903C10.4462 17.5475 12.3455 16.9664 13.8418 15.7663L16.9085 18.8329C16.986 18.9111 17.0781 18.973 17.1797 19.0154C17.2812 19.0577 17.3902 19.0794 17.5002 19.0794C17.6102 19.0794 17.7191 19.0577 17.8206 19.0154C17.9222 18.973 18.0144 18.9111 18.0918 18.8329C18.242 18.6776 18.326 18.4699 18.326 18.2538C18.326 18.0377 18.242 17.83 18.0918 17.6746ZM9.16683 15.7663C8.01311 15.7663 6.88529 15.4242 5.926 14.7832C4.96672 14.1422 4.21904 13.2312 3.77753 12.1653C3.33602 11.0994 3.2205 9.92647 3.44558 8.79492C3.67066 7.66336 4.22624 6.62396 5.04204 5.80816C5.85785 4.99235 6.89725 4.43678 8.0288 4.2117C9.16036 3.98662 10.3332 4.10214 11.3992 4.54365C12.4651 4.98516 13.3761 5.73283 14.0171 6.69212C14.658 7.6514 15.0002 8.77922 15.0002 9.93294C15.0002 11.48 14.3856 12.9638 13.2916 14.0577C12.1977 15.1517 10.7139 15.7663 9.16683 15.7663Z" fill="white" /></svg>');
  font-size: 16px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
  margin-top: 2px;
}

.flexContainer {
  display: flex;
  padding-top: 10px;
  padding-bottom: 10px;
}

.inputField {
  flex: 1;
  border-radius: 4px 0px 0px 4px !important;
  border: 1px solid #313131;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  padding: 10px;
  ;
}

.flexContainer input:focus {
  outline: none !important;
  border: 1px solid black;
}