﻿#restorePassword { width: 500px; margin: 0 auto;}
#restorePassword table.block { width: 300px;  margin: 0 auto; }
#restorePassword table tr td input { width: 250px; min-width: 0; }

#forgottenPassword { width: 500px; margin: 0 auto;}
#forgottenPassword table.block { width: 300px;  margin: 0 auto; }
#forgottenPassword table tr td input { width: 250px; min-width: 0; }

#add-clients { position: relative; }
#importFromCsv { position: absolute; top: 10px; right: 10px;padding: 5px;width: 150px;text-align: center; }
#search-clients { width: 100%; }
#intermediary-clients.highlight-matches .match{ background-color: #FFFB8E; }
.organisation h3 .action-loading-16 {position: absolute; margin-top: -10px; top: 50%; right: 5px;}

.team-join-request { margin: 10px 0; display: block; }

.team { width: 100%;display: none;}
.team div.ui-corner-input { display: block;}
.team tr td input { width: 100%; }
.team th { padding: 5px; border: inherit; }
.team td { padding: 5px; border: inherit; }

.team table { width: 100%; }
.team table th { background: none; background-color: #E0F2B3;}
.team table td { padding: 3px; }
.team tr.team-organisations > td, .team tr.team-permissions > td { padding: 0; }
.team tr.team-organisations th.abn  { width: 100px; }
.team tr th.permissions { width: 400px; }

.team tr.team-organisations > td > div,
.team tr.team-permissions > td > div { margin: -1px; } 
.team .team-member tr.ui-widget-content { border-top: none !important; }

.team td.collapse { width: 16px; }
.team td.team-remove { width: 16px; }


.team th.team-header { padding: 0 0 5px 0; text-align: left; }
.team th.team-header .ui-submit-button {padding: 0 !important; right: 0px; top: 0px; bottom: 0px; margin: -1px;}

.team .team-result { background: #FFFFDD; display: none; padding: 3px;text-align: left;}

.team .team-member { cursor: default; }


.team .team-organisation {  }

.team .team-member:hover,
.team .team-organisation:hover,
.team .team-permissions table tr:hover { background-color: #F7FFE5; background-image: none; }

.team .team-permissions { display: none; }

.team .icon-loading-16 { width: auto; padding: 1px;}

.team th.abn  { width: 100px; }
.team th.role { min-width: 192px; width: 200px; }
.team th.actions { width: 120px; }

.team .collapse-hidden { display: none; width: 16px; }

.team [data-status="accepted"] .joined,
.team [data-status="accepted"] .invited,
.team [data-status="accepted"] .invite,
.team [data-status="accepted"] .resend
 { display: none !important; }

.team [data-status="invited"] .joined,
.team [data-status="invited"] .accepted,
.team [data-status="invited"] .invite,
.team [data-status="invited"] .resend
 { display: none !important; }
 
.team [data-status="joined"] { font-weight: bold; }
.team [data-status="joined"] .invited,
.team [data-status="joined"] .accepted,
.team [data-status="joined"] .invite,
.team [data-status="joined"] .resend,
.team [data-status="joined"] .collapse,
.team [data-status="joined"] .team-permissions
 { display: none !important; }

.team [data-status="joined"] .collapse-hidden  { display: table-cell; }
 
.team [data-status="resend"] .invited,
.team [data-status="resend"] .accepted,
.team [data-status="resend"] .invite,
.team [data-status="resend"] .joined
 { display: none !important; }

.team [data-status="none"] {color: #AAA;}
.team [data-status="none"] .joined,
.team [data-status="none"] .accepted,
.team [data-status="none"] .invited,
.team [data-status="none"] .resend,
.team [data-status="none"] .control,
.team [data-status="none"] .collapse,
.team [data-status="none"] .team-permissions
 { display: none !important; }
 
.team [data-status="none"] .collapse-hidden  { display: table-cell; }

.team [data-laststatus="none"] .invited [data-action="invite"],
.team [data-laststatus="accepted"] .invited [data-action="invite"],
.team [data-laststatus="joined"] .invited [data-action="invite"] { display: none; }

.team .action .ui-dropdown { min-width: 160px; }
.team .action div.center { width: 180px; margin: 0 auto;}
.team .action .ui-submit-button { font-weight: bold; margin: 0 auto; left: 50%;margin-left: -40px;}
.team .action div.center .ui-submit-button { font-weight: bold; margin: 0 5px; left: 0;float: left;}
.team .action .ui-submit-button button {padding: 2px; font-size: 8pt; min-width: 80px; width: 80px; height: 20px;}

.team .permissions-group { font-weight: bold; }
.team .permissions-group td { border: none; }
.team .permissions-group td.collapse { border: inherit; }
.team .team-permissions tr[data-group], .team .team-permissions tbody[data-group] { display: none; }
.team td.permissions { width: 370px; border-right: none;}

#settings {margin: 0 auto;  }
#settings .page-header { margin: 0; }
.settings .ui-corner-input { display: block;}
.settings td input { width: 100%; }
.settings th { padding: 5px; }
.settings td { padding: 10px;border: inherit;}
.settings td td { padding: 5px; }
td.settings-menu { padding: 0; }
ul.settings-menu { list-style: none; margin: 0; padding: 0;}
ul.settings-menu li { display: inline; float: left; margin: -1px; }
ul.settings-menu li a {font-weight: bold; padding: 10px; float: left; }


.settings-credentials { padding: 10px; } 
.settings-credentials table { width: 100%; }      
.settings-credentials .ui-corner-input { display: inline;}
.settings-credentials td input { width: 200px; }
.settings-credentials th { padding: 5px; border: inherit; }
.settings-credentials td { padding: 5px; border: inherit; }
.settings-credentials td.add-key-store { padding: 0; }
.settings-credentials td.collapse { width: 16px; }
.settings-credentials td.remove { width: 16px; }
.settings-credentials tr.credentials { display: none; }
.settings-credentials tr.credentials td { padding: 0; }  
                                           
#upload_auskey { padding: 0 10px; }
#upload_auskey .ui-corner-input { display: block;}
#upload_auskey table td { padding: 5px !important; }

#settings_team {padding: 0 10px; }

.credential input { width: auto !important; }
.credential { margin: 10px; text-align: left; padding: 30px 5px 5px 5px; position: relative; }
.credential-disable {z-index: 1; border: 1px solid transparent; opacity: 0.5; filter: alpha(opacity=50); position: absolute; left: 0;top: 0;right: 0;bottom: 0;}
.credential-actions {z-index: 1; position: absolute; left: -1px; top : -1px; padding: 10px; } 
.credential-renew { position: absolute; right: 10px; top : 10px; }
.credential-actions .icon-loading-16 { float: left; }
.credential-actions .credential-isactive { }
.credential-certificate { width: 100px; display: block; text-align: center;text-decoration: none; }
.credential-certificate:hover { text-decoration: underline; }
.credential-certificate .icon { display: block;width: auto; }
.credential-intermediary { width: 100px; text-align: center; }
.credential-intermediary .icon-loading-16 { margin: 0 auto; }
.credential-intermediary label { display: block; }
.credential-info {  }
.credential-info table { border: none; border-collapse: collapse; }
.credential-info table tr th { width: 910px;text-align: left; border-right: none; border-top: none; border-left: none; }
.credential-info table tr td { border: none; padding: 2px; }
.credential-info table tr td > span { padding-left: 5px; white-space: nowrap; }
 
.credential .message-box {border: inherit; z-index: 2; background: #FFFFDD; position: absolute; left: 60px; right: 60px; top: 0px; padding: 0 25px 0 10px; margin-top: -1px;}
.credential .message-box table {width: 100%; }
.credential .message-box table tr td { vertical-align: middle; padding: 1px;}
.credential .message-box table tr td:first-child { width: 30px; }
.credential .message-box-close { cursor: pointer; position: absolute; top: 0; right: 0; padding: 3px; }

.aus-key {
    width: 400px;
    margin: 5px; 
    position: relative;
}
.aus-key .label { text-align: right; }

.auskey .auskey-actions { float: right; }
.auskey .reset-password { display: none; }
.auskey .set-password { display: inline;}
.auskey.auskey-passworded .reset-password { display: inline; }
.auskey.auskey-passworded .set-password { display: none; }
.auskey .password-actions { border-left: none !important; }
.auskey:hover { background-color: #d8f0ff;background-image: none; }

#xero-organisations { padding: 10px;  }
#noXeroOrganisaions {height: auto; position: relative;display: none;width: 100%;}

.xero-block-row { padding: 2px 0;}

.xero-organisation-block { background: rgb(239, 246, 252); padding: 10px 5px;position: relative;}
.xero-organisation-block label{ font-weight: bold; white-space: nowrap;color: #278ECE;}
.xero-organisation-block h2 { opacity: 0.75;font-family: sans-serif;}
.organisation-info { width: 92%; position: relative;display: inline-block;}

.xero-connection-actions {
    width: 5%; position: relative; display: inline-block; height: 100%; vertical-align: top;
}
.xero-connection-actions img { width: 24px;height: 24px;}
.xero-disconnect { top: 50%;right: 10px; margin-top: -12px; position: absolute; background-repeat: no-repeat; background-image: url(images/connect.png); background-size: 24px 24px; width: 24px; height: 24px; }
.xero-disconnect.disconnected {background-image: url(images/disconnect.png)}