/* Last updated 11.40am 2 Oct 2019 */
/* Last updated 11.40am 2 Oct 2019 */
/* For buttons loading state */
@keyframes spinAround {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

/* Scope to main body and rightbar content only 
#AT_Main_body {
  /* Text links in copy */
  /* Big important links */
  /* Using styles including SVG method from https://designsystem.gov.au/components/cta-link/ */
  /* Navigation link style in content blocks */
  /* Buttons */
  /* Form buttons loading state */
  /* Default focus styles */
  /* Active links 
}*/

#AT_Main_body a,
.at-link {
  color: #2d7caf;
  text-decoration: underline;
  cursor: pointer;
}

#AT_Main_body a:hover {
  color: hsl(218, 27%, 24%);
}

#AT_Main_body a.important {
  font-size: 1.375rem !important;
  /* 22px */
  font-family: 'OpenSansBold', Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: bold;
}

@media only screen and (min-width: 768px) {
  #AT_Main_body a.important {
    font-size: 1.625rem !important;
    /* 26px */
  }
}


#AT_Main_body a.important:after {
  content: " ";
  width: 1rem;
  height: 1rem;
  margin: 0 0.25rem 0 0.2rem;
  display: inline-block;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 128 128'%3E%3Cpath fill='%232d7caf' d='M128 64l-64 64-16-16 64-64'/%3E%3Cpath fill='%232d7caf' d='M128 64l-16 16-64-64L64 0'/%3E%3C/svg%3E");
}

#AT_Main_body a.important:hover:after, #AT_Main_body a.important:active:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 128 128'%3E%3Cpath fill='%232c384c' d='M128 64l-64 64-16-16 64-64'/%3E%3Cpath fill='%232c384c' d='M128 64l-16 16-64-64L64 0'/%3E%3C/svg%3E");
}

#AT_Main_body a.navigation {
  font-family: 'OpenSansBold', Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: bold;
}

#AT_Main_body a.navigation:after {
  content: " ";
  width: 0.75rem;
  height: 0.75rem;
  margin-right: 0.25rem;
  display: inline-block;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 128 128'%3E%3Cpath fill='%232d7caf' d='M128 64l-64 64-16-16 64-64'/%3E%3Cpath fill='%232d7caf' d='M128 64l-16 16-64-64L64 0'/%3E%3C/svg%3E");
}

#AT_Main_body a.navigation:hover:after, #AT_Main_body a.navigation:active:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 128 128'%3E%3Cpath fill='%232c384c' d='M128 64l-64 64-16-16 64-64'/%3E%3Cpath fill='%232c384c' d='M128 64l-16 16-64-64L64 0'/%3E%3C/svg%3E");
}

#AT_Main_body .button, #AT_Main_body input[type="submit"].button, .button, a.button
{
  width:170px;
  padding:9px 8px;
  font-family: 'OpenSansBold', sans-serif;
  font-weight: bold;
  background: #2d7caf;
  border: 2px solid #2d7caf;
  border-radius: 4px;
  color: #fff;
  line-height: 1.4;
  font-size: 16px;
  transition: background-color 135ms linear, border-color 135ms linear;
  cursor: default;
  position: relative;
}

#AT_Main_body a.button, a.button {
  font-size:16px;
}

.button-sm {
  padding:4px 5px;
  width:106px;
  text-align: center;
}

.at-link {
  color: #2d7caf;
  text-decoration: none;
  font-weight: bold;
}

.at-link:hover {
  text-decoration: underline;
}

button.primary {
    background: #2d7caf;
    border-radius: 4px;
    border-color: #2d7caf;
    font-weight:bold;
}

button.primary:hover,.add-file.btn.btn-primary:hover,button.cancel:hover {
  background:white;
  color: #2c384c;
  border-radius:4px;
  border:2px solid black;
  text-decoration: underline;
}

.add-file.btn.btn-primary:hover {
  text-decoration:none;
}

.add-file.btn.btn-primary {
  background: #ffffff;
  border: 2px solid #399cdb;
  border-radius:4px;
  color: #2c384c;
  text-align: center;
  padding:4px 5px;
  width:106px;
  text-align: center;
  font-size:14px;
}

.add-file.btn.btn-primary:focus {
  outline:2px solid #9c6fe8;
  outline-offset:2px;
}

button.cancel {
  background: #ffffff;
  border: 2px solid #399cdb;
  border-radius:4px;
  color: #2c384c;
  text-align: center;
  font-weight:bold;
}

#AT_Main_body .field-group .submit-btn, #AT_Main_body input[type="button"].submit-btn,
.submit-btn.btn.btn-primary{
  width:170px;
  padding:9px 8px;
  font-family: 'OpenSansBold', sans-serif;
  font-weight: bold;
  border-radius: 4px;
  line-height: 1.4;
  font-size: 1rem;
  transition: background-color 135ms linear, border-color 135ms linear;
  cursor: default;
  position: relative;
  text-align: center;
}

#AT_Main_body .field-group .submit-btn, #AT_Main_body input[type="button"].submit-btn,
.submit-btn.btn.btn-primary {
  background: #2d7caf;
  border: 2px solid #2d7caf;
  color:#fff;
}
#AT_Main_body .button.secondary, #AT_Main_body input[type="submit"].button.secondary,
.button.secondary {
  background: #ffffff;
  border: 2px solid #399cdb;
  color: #2c384c;
  text-align: center;
}

#AT_Main_body .button:hover, #AT_Main_body input[type="submit"].button:hover,
.button:hover, input[type="submit"].button:hover,input[type="button"].submit-btn:hover,
#AT_Main_body .field-group .submit-btn:hover, #AT_Main_body input[type="button"].submit-btn:hover,
.submit-btn.btn.btn-primary:hover {
  background: #fff !important;
  border: 2px solid #2c384c;
  color: #2c384c;
  cursor: default;
  text-decoration: underline;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
}

#AT_Main_body .button:active, #AT_Main_body input[type="submit"].button:active {
  background: #fff !important;
  border: 2px solid #2c384c;
  color: #2c384c;
  cursor: default;
  text-decoration: underline;
  outline: 2px solid #9c6fe8;
  outline-offset: 2px;
  box-shadow: none;
}

#AT_Main_body .button:disabled, #AT_Main_body input[type="submit"].button:disabled {
  background: #b8bcc3 !important;
  border: 2px solid #b8bcc3;
  color: #737a88;
}

#AT_Main_body button.is-loading, #AT_Main_body input[type="submit"].is-loading {
  color: transparent !important;
}

#AT_Main_body button.is-loading::after, #AT_Main_body input[type="submit"].is-loading::after {
  content: "";
  display: block;
  animation: spinAround 500ms infinite linear;
  border: 2px solid #ffffff;
  border-radius: 50%;
  border-right-color: transparent !important;
  border-top-color: transparent !important;
  height: 16px;
  width: 16px;
  position: absolute;
  left: calc(50% - 10px);
  top: calc(50% - 10px);
  position: absolute !important;
  font-size: 16px;
}

#AT_Main_body button:focus,
#AT_Main_body .button:focus,
#AT_Main_body input[type="submit"]:focus,
.button:focus, .input[type="button"].submit-btn:focus,
#AT_Main_body .field-group .submit-btn:focus, #AT_Main_body input[type="button"].submit-btn:focus,
.submit-btn.btn.btn-primary:focus  {
  outline: 2px solid #9c6fe8;
  outline-offset: 2px;
  /*background:white;*/
}

.nav>li>a.button:focus {
  background: #2d7caf;
}

#AT_Main_body button::-moz-focus-inner {
  border: 0;
}

#AT_Main_body a:focus {
  outline: 2px solid #9c6fe8;
  outline-offset: 2px;
}

#AT_Main_body a:active {
  color: #2c384c;
}

/* For What Input testing - see https://github.com/ten1seven/what-input */
/* Hides default focus styles for mouse and touch users */
[data-whatintent='mouse'] #AT_Main_body button:focus,
[data-whatintent='mouse'] #AT_Main_body input[type="submit"]:focus,
[data-whatintent='mouse'] #AT_Main_body a:focus,
[data-whatintent='touch'] #AT_Main_body button:focus,
[data-whatintent='touch'] #AT_Main_body input[type="submit"]:focus,
[data-whatintent='touch'] #AT_Main_body a:focus {
  outline: none;
}

[data-whatintent='mouse'] #AT_Main_body a:focus,
[data-whatintent='touch'] #AT_Main_body a:focus {
  color: #2c384c;
}

/* Re-enable outline for active state */
[data-whatintent='mouse'] #AT_Main_body button:active,
[data-whatintent='mouse'] #AT_Main_body input[type="submit"]:active,
[data-whatintent='touch'] #AT_Main_body button:active,
[data-whatintent='touch'] #AT_Main_body input[type="submit"]:active {
  outline: 2px solid #9c6fe8;
}

/* Force fix button cursor - overwrite main.css */
button, form button, #AT_Main button, form input[type="submit"], #AT_Main input[type="submit"], html input[type="button"], input[type="reset"], input[type="submit"] {
  cursor: default;
}

button:hover, form button:hover, #AT_Main button:hover, form input[type="submit"]:hover, #AT_Main input[type="submit"]:hover, html input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {
  cursor: default;
}

.page-copy {
  flex: 1;
}

.revokeContainer{
  padding: 15px 0;
}

.pagination{
  padding-bottom: 15px;
}

div.input-group-btn>button.btn-hg{
  padding: 7px 12px;
}

button.revoke{
  border: 0px !important;
  background-color: transparent !important;
}

.table>tbody>tr{
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color:  rgb(221, 221, 221);
  border-collapse: collapse;
}

.table>tbody>tr>td{
  vertical-align: middle !important;
  border: 0px;
}

.btn-entitylist-filter-submit{
  display: none !important;
}

.entitylist-filter-option-text{
  width: 250px;
}

.revokeDiv{
  vertical-align: top;
  margin: 5px;
}

.revokeButton{
  padding: 10px;
  margin: 5px;
}

#filterDropdownId{
  padding: 10px;
  margin: 5px;
}

#entitylist-filters {
  display: flex;
  justify-content: space-between;
  align-items: baseline;           
}

#entitylist-filters > li {
  flex: 0 1 auto;        
}

#entitylist-filters .entitylist-filter-option-text .form-control {
  width: auto;
  min-width: 200px;       
}

#EntityList92ebd784-f934-f011-8c4c-00224898b724 {
  max-width: 1200px;
  margin: 0 auto;
  padding: 1rem;
}

.entitylist table tbody tr:nth-child(even) { 
  background-color: #EBF5FB;
}

.entitylist table tbody tr:hover { 
  background-color: #399CDB;
  transition: background 0.2s;
}

.entitylist table thead th {
  border-bottom: 2px solid #2d7caf;
}

.revokeButton {
  padding:5px 8px;
  margin: 10.5px 0px;
  margin-left: 0px !important;
  font-family: 'OpenSansBold', sans-serif;
  font-weight: bold;
  background: #2d7caf;
  border: 2px solid #2d7caf;
  border-radius: 4px;
  color: #fff;
  line-height: 1.4;
  font-size: 16px;
  transition: background-color 135ms linear, border-color 135ms linear;
  cursor: default;
  position: relative;
}

.revokeButton:hover {
  background: #fff !important;
  border: 2px solid #2c384c;
  color: #2c384c;
  cursor: default;
  text-decoration: underline;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
}

.entitylist {
  box-shadow: 0 2px 6px rgba(0,0,0,0.1);
  border-radius: 4px;
  background: #fff;
}

.entitylist-filter-option-group-label, #dropdown_0>option {
  color: #2c384c;
  font-weight: bold;
}

.toolbar-actions, ul.view-select {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 69px;
  margin: 0px 20px !important;
}

.view-toolbar {
  justify-content: space-between;
  align-items: center;
}

#revokeText {
  margin: 10px;
  padding: 5px;
}

.Revoke {
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}

.visible {
  opacity: 1;
}

.revocationError {
  margin: 0px 10px;
  border-color: #2c384c !important;
  box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}

#flowErrorMessage {
  max-height: 150px; 
  overflow-y: auto; 
  padding: 5px;
  background-color: transparent;
}

#flowErrorContainer {
  background-color: #EBF5FB !important;
  border-color: #399CDB !important;
}

#AT_Main img{
  max-width: 100%;
  margin: 5vh 0px 10px;
}

.button-container {
  text-align: center;
}

div.navbar.bg-light.navbarlight{
  height: 10vh;
  margin: 10vh;
}

.pageHeight {
  display: flex;
  flex-direction: column;
  
}

footer{
  height: 17vh;
  margin: 0px  !important;
}

footer .footer-top{
  height: 100%;
}

#processingMsg{
  background-color: #EBF5FB !important;
  border-color: #399CDB !important;
}