/*! @gov.au/skip-link v2.0.16 */

@media print {
    .au-skip-link__link {
        background: #fff !important
    }
}

.au-skip-link {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    color: #313131
}

.au-skip-link__link {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

    .au-skip-link__link:active, .au-skip-link__link:focus {
        outline: 3px solid #9263DE;
        outline-offset: 2px;
        top: 16px;
        top: 1rem;
        left: 16px;
        left: 1rem;
        padding: 24px;
        padding: 1.5rem;
        clip: auto;
        height: auto;
        margin: 0;
        overflow: visible;
        position: absolute;
        width: auto;
        color: #fff;
        background-color: #00698f;
        text-decoration: underline;
        -webkit-text-decoration-skip: ink;
        text-decoration-skip-ink: auto;
        z-index: 600
    }

    .au-body .au-skip-link__link:hover, .au-skip-link__link:hover {
        text-decoration: none;
        color: #fff
    }


/* 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;
}

.column-custom {
  float: left;
  width: 50%;
}

.rcorners10 {
  border-radius: 10px;
  border: 2px solid #000000; 
  padding: 20px;
}

.circular-text {
  border: 1px solid #ccc;
  background-color: white;
  border-radius: 50%;
  height: 42px;
  width: 42px;
  text-align: center;
  margin-right: auto;
  margin-left: auto;
  padding-top: 6px
}

.separator {
  display: flex;
  align-items: center;
  text-align: center;
}

.separator::before,
.separator::after {
  content: '';
  flex: 1;
  border-bottom: 1px solid #000;
}

.separator:not(:empty)::before {
  margin-right: .25em;
}

.separator:not(:empty)::after {
  margin-left: .25em;
}

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

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

.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;
}
.au-callout {
		font-size: 16px;
		font-size: 1rem;
		line-height: 1.5;
		padding: 24px;
		padding: 1.5rem;
		border-left: 4px solid gray;
		border-left: .25rem solid gray;
		font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
		color: #313131;
		background-color: #f5f5f5;
		word-wrap: break-word
}
.banner-message{
	font-size: 16px;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"
}
.banner-title{
	font-size: 18px;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"
}

.para-style {
	color: rgb(31, 39, 51);
	font-family: "Open Sans", sans-serif;
	font-size: 16px;
	font-weight: 400
	
}

.paragraph-style {
	color: rgb(53, 63, 75);
	font-family: "Open Sans", sans-serif;
	font-size: 16px;
	font-weight: 300
/* 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;
    }