/* Common properties: */
.navbar-inner {https://photos.cbcity.nsw.gov.au/fotoweb
    background-color: #000000; /* header color */
}
.intranetextra-link {
    color: #aaa !important; /* header icon color */
}


.sso-sign-in-page:focus {
    font-size: 0px !important;
    color: #FFF;
    background-color: #00b7d7;
    border-color: #fff;
}

.btn-secondary:focus {
    /*REMOVED MICHAEL D 22072021 
    font-size: 0px !important;*/
    color: #FFF;
    background-color: #00b7d7;
    border-color: #fff;
}


.home-page-search .content-title {
    margin: 0;
    padding-top: 1%;
    padding-left:2%;
    text-align: left;
    color: black;
    font-size: 30px;
    font-family: "Fabriga regular", Arial;
}

/*LOGO CLICK HOVER COLOUR */

.navbar-logo:focus {
  outline: 0px solid #ffffff;
  outline-offset: -3px;
}

/* Sidebar width */   
#sidebar {
    width: 250px;
}

/* SEARCH BUTTON COLOUR*/   

.navbar-search .main-search-btn {
  background-color: #00b7d7;
  border-color: #00b7d7;
  color: #fff;
  cursor: pointer;
  font-size: 14px;
  line-height: 1;
  padding: 6px 12px;
  position: relative;
      -webkit-box-shadow: 0 0 0 0px #00b7d7;
  -moz-box-shadow: 0 0 0 0px #00b7d7;
  -ms-box-shadow: 0 0 0 0px #00b7d7;
  box-shadow: 0 0 0 0px #00b7d7;
}

/*SEARCH BUTTON HOVER COLOUR */

.navbar-search .main-search-btn:hover {
  color: #FFF;
  background-color: #00b7d7;
  border-color: #00b7d7;
}

/* SEARCH BUTTON CLICK OUTLINE */

.navbar-search .main-search-btn:focus {
  border-radius: 4px;
  -webkit-box-shadow: 0 0 0 0px #00b7d7;
  -moz-box-shadow: 0 0 0 0px #00b7d7;
  -ms-box-shadow: 0 0 0 0px #00b7d7;
  box-shadow: 0 0 0 0px #00b7d7;
  z-index: 10;
}

/* SEARCH BAR ALIGNMENT */

.home-page-search .navbar-search {
  display: inline-block;
  left: 21%;
  position: absolute;
  top: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 40%;
}

/* SEARCH BAR CLICK BORDER COLOUR */

.navbar-search .main-search-field:focus {
  border-radius: 4px;
  -webkit-box-shadow: 0 0 0 0px #ffffff;
  -moz-box-shadow: 0 0 0 0px #ffffff;
  -ms-box-shadow: 0 0 0 0px #ffffff;
  box-shadow: 0 0 0 0px #ffffff;
}

/*SEARCH BAR CLICK COLOUR */

.navbar-search .main-search-field:focus {
  border-color: #00b7d7;
  outline: 0;
  -webkit-box-shadow: inset 0 0px 0px #00b7d7, 0 0 0px #00b7d7;
  -moz-box-shadow: inset 0 0px 0px #00b7d7, 0 0 0px #00b7d7;
  -ms-box-shadow: inset 0 0px 0px #00b7d7, 0 0 0px #00b7d7;
  box-shadow: inset 0 0px 0px #00b7d7, 0 0 0px #00b7d7;
}


/* SEARCH BAR ERROR MESSAGE */

.home-page-search .navbar-search .message-content {
  background-color: #00b7d7;
  border-radius: 4px;
  color: #fff;
  padding: 0px 6px;
 display: inline-block;
  left: 3%;
  position: absolute;
  top: 80%;
}


/*BACKGROUND SIZE*/

.home-page-search {
  background-clip: border-box;
  background-image: url("/fotoweb/resources/logos/homepage.png");
  background-size: cover;
  height: 0;
  max-height: 150px;
  margin-bottom: 10px;
  margin-top: -10px;
  min-width: 768px;
  position: relative;
}

/*TOP NAV COLOUR */

.navbar-inner {
  background: #000000;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
  min-height: 50px;
  padding: 0 10px;
}

/* UPLOAD BUTTON COLOUR */

.btn-upload {
      background-color: #00b7d7;
  border-color: #00b7d7;
    -webkit-box-shadow: 0 0 0 0px #00b7d7;
  -moz-box-shadow: 0 0 0 0px #00b7d7;
  -ms-box-shadow: 0 0 0 0px #00b7d7;
  box-shadow: 0 0 0 0px #00b7d7;
}

/* UPLOAD BUTTON HOVER COLOUR*/

.btn-upload:hover {
  color: #FFF;
  background-color: #00b7d7;
  border-color: #00b7d7;
}

/* UPLOAD BUTTON FOCUS COLOUR */

.btn-upload:focus {
  border-radius: 4px;
  -webkit-box-shadow: 0 0 0 0px #00b7d7;
  -moz-box-shadow: 0 0 0 0px #00b7d7;
  -ms-box-shadow: 0 0 0 0px #00b7d7;
  box-shadow: 0 0 0 0px #00b7d7;
  z-index: 10;
}


/* MEDIA BOX CLICK COLOUR */

.media-set-elem-in:focus {
  outline: 3px solid #000;
  outline-offset: 0;
}

.media-set-elem-in .icon-mark:focus {
  outline: 3px solid #000;
  outline-offset: -1px;
}

.selectedThumbnailsWrapper .thumbnail .icon-close:focus {
  outline: 2px solid #000;
  outline-offset: 0;
}

.thumbnails .thumbnail:focus,
.thumbnails .thumbnail:hover {
  border-color: #000000;
  -webkit-box-shadow: 0 0 0 1px #000000;
  -moz-box-shadow: 0 0 0 1px #000000;
  box-shadow: 0 0 0 1px #000000;
}

/*BUTTON COLOURS*/

.btn-primary {
      background-color: #00b7d7;
  border-color: #00b7d7;
    -webkit-box-shadow: 0 0 0 0px #00b7d7;
  -moz-box-shadow: 0 0 0 0px #00b7d7;
  -ms-box-shadow: 0 0 0 0px #00b7d7;
  box-shadow: 0 0 0 0px #00b7d7;
}

.btn-primary:hover {
  color: #FFF;
  background-color: #00b7d7;
  border-color: #00b7d7;
}

/* Common properties: */
.navbar-inner {
background-color: #000000;
}

/* Icon Colours*/
.main-menu-item-text {
    color: white;
}

.main-menu-item-icon {
    color: white;
}

.main-menu-item-text {
  font-size: 12px;
  padding-left: 2px;
  text-transform: uppercase;
  vertical-align: middle;
}

/* Icon Hover*/
.main-menu-item-link:hover {
  color: #00b7d7;
  text-decoration: none;
}


.main-menu-item-link:focus {
  outline: 3px solid #15a5df;
  outline-offset: -3px;
}


/* ASSET PIN CLICKED COLOUR */

.selected .thumbnail .asset-pin-active {
  color: #F0533E;
}
.asset-pin-active {
  color: #F0533E;
}


/* Tag colours*/

.taxonomy-navigation .taxonomy-item-title {
  color: #00b7d7;
}

.taxonomy-navigation .taxonomy-item-title:hover {
  color: #00b7d7;
}

.taxonomy-navigation .taxonomy-item-title:not([href]) {
  color: #00b7d7;
}

.taxonomy .btn-input-control .btn-input {
  color: #00b7d7;
  margin-left: 5px;
}
.taxonomy .icon-add {
  color: #00b7d7;
  font-size: 12px;
}

.taxonomy .taxonomy-clear-all {
  bottom: 0;
  color: #00b7d7;
  cursor: pointer;
  font-size: 12px;
  position: absolute;
  right: 0;
}

.taxonomy-tree .tree-leaf-active > .title-wrap .title {
  background: #00b7d7;
  color: #fff;
  padding: 0 3px;
  -webkit-border-radius: 4px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 4px;
  -moz-background-clip: padding;
  background-clip: padding-box;
  border-radius: 4px;
}




/* MAIN MENU CLICK BOX */

.main-menu-item-link:focus {
  outline: 0px solid #15a5df;
  outline-offset: -3px;
}


/* FOOTER*/
#footer {
    background-color: #000;
    color: #fff;
}

#footer {
    width: 100%;
    background-color: #000;
    color: #fff;
    Font-size: 16px;
    padding: 22px 30px 20px;
    text-transform: uppercase;
    margin-top: 60px;
    margin-bottom: 0;
    height: 73px;
}

/* TAG COLOURS */

.bagItemEditMode, .bagItemViewMode {
    background-color: #00B7D7;
    border: 1px solid #00B7D7;
    border-width: 1px 0 1px 1px;
    border-radius: 2px 0 0 2px;
    color: #ffffff;
    display: inline-block;
    line-height: 20px;
    margin: 1px 12px 1px 0;
    max-width: 90%;
    padding: 0 5px;
    position: relative;
    white-space: nowrap;
}

/* Search Bar Three Dots */

.navbar-search .advanced-search-link.active {
    color: #00b7d7;
}

/*Advanced Search Outline */
.advancedSearchForm__blockTitle {
    color: #00b7d7;
    margin: 7px 0;
    padding: 3px 0;
}

/* Advanced Search Blue */

.popover-title {
    font-weight: normal;
    background-color: #fff;
    border-bottom: 1px solid #00b7d7;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-background-clip: padding-box;
    -moz-border-radius-topleft: 5px;
    -moz-background-clip: padding;
    background-clip: padding-box;
    border-top-left-radius: 5px;
    color: #00b7d7;
    padding: 8px 30px 8px 10px;
    position: relative;
}


.advancedSearchForm hr {
    border-color: #00b7d7;
    margin: 5px 0;
}

/* Search bar hyperlink & SEARCH BAR X */

.btn-link {
    font-weight: 400;
    color: #1b4081;
    text-decoration: none;
}

/* CALENDAR ICON COLOUR */

.advancedSearchForm__blockList__element .fa-calendar {
    color: #00b7d7 !important;
}

.adv-search-dates-clear {
    color: #1B4081;
    cursor: pointer;
    text-decoration: underline;
}


/* EXIT X COLOUR */

.popover-title .close {
    color: #00b7d7;
    display: block;
    position: relative;
    font-size: 24px;
    font-weight: 900;
    line-height: 1;
    margin: 0;
    padding: 2px;
    position: absolute;
    right: 6px;
    height: 28px;
    width: 28px;
    top: 50%;
    zoom: 1;
    filter: alpha(opacity=100);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

/* TAB TEXT LABELS COLOUR */

a {
    color: #00b7d7;
    text-decoration: none;
    background-color: transparent;
}

/* SMART FOLDERS COLOURS */
.folder-navigation .add-smart-folder {
    color: #00b7d7;
    cursor: pointer;
    display: block;
    padding: 10px;
    position: relative;
}

.folders-list-create-item {
    color: #00b7d7;
    cursor: pointer;
    display: block;
    padding: 10px;
    position: relative;
}

/* LAST MODIFIED TEXT AND ARROW */
.sorting-controler .sorting-name {
    color: #00b7d7;
}


.sorting-controler .sorting-direction {
    color: #00b7d7;
    text-align: center;
    width: 10px;
}

/* ADD RELEASE BUTTON COLOUR AND SEND TO ARCHIVE BUTTON COLOUR */

Style Attribute {
    background-color: #9CC73F;
    color: white;
}

.style {
    background-color: white;
    color: #F0533E;
}

/* BREAD CRUMB TEXT COLOUR */

.breadcrumb a {
    color: #00b7d7;
    text-decoration: underline;
}

/* REMOVE ALL PINS TEXT */

.remove-all-pins {
    color: #00b7d7;
    cursor: pointer;
    display: none;
    float: right;
}

/* SIDE BAR COLLAPSE ALL */

#sidebar .collapse-all {
    color: #00b7d7;
    font-size: 12px;
    margin-top: 5px;
    padding-bottom: 2px;
    text-align: right;
}


/* PREVIOUS AND NEXT BUTTONS */

.preview-navigation-item {
    color: #00b7d7;
    cursor: pointer;
}

/* CREATE ALBUM COLOUR */

.album-create-modal-popover .btn-add {
    background: #00b7d7;
    color: #fff;
    float: left;
    font-size: 14px;
    line-height: 28px;
    padding: 0;
    height: 30px;
    width: 130px;
    margin-left: -100px;
}

/* ALBUM ICON COLOUR */

.albums-list-action-panel .filter-checked {
    color: #00b7d7;
}


/* RIGHT SIDE TOP NAV ICONS */

.intranetextra-link {
    color: #fff !important;
}

/* RIGHT SIDE PERSON ICON COLOUR */

.extended-nav .settings-link {
    color: #FFF;
    height: 50px;
    line-height: 50px;
    padding: 0 15px;
    vertical-align: middle;
    text-decoration: none;
}

/* SLIDE TOGGLES */

element.style {
    height: 20px;
    width: 30px;
    margin: 0px;
    position: relative;
    background: #00b7d7;
    border-radius: 10px;
    cursor: pointer;
    transition: background 0.25s ease 0s;
}


input[type="radio"]:checked:before {
    border: 1px solid #00B7D7;
}

/* ADD ARCHIVE TEXT COLOURS */

.management-page .modal-container .section-header, .management-modal .modal-container .section-header {
    color: #00b7d7;
    border-bottom: 1px solid #00b7d7;
    margin-bottom: 10px;
}

/*SELECTED THUMBNAIL COLOUR */

.selected .thumbnail .infobar {
    background-color: #00b7d7;
    color: #fff;
}

/* CLEAR ALL HYPERLINK COLOUR */

.selection-panel .unselect-all {
    color: #00b7d7;
    cursor: pointer;
    text-decoration: underline;
}

/* COPY LINK BUTTON */

.copy-permalink {
    color: #00b7d7;
    cursor: pointer;
    margin-left: 7px;
    padding: 3px;
}

/* left red tag */

.taxonomy .taxonomy-item.selected {
    border-left: 3px solid #f0533e;
}

/* TAG TRIANGLE COLOUR */

.bagItemEditMode:after, .bagItemViewMode:after {
    border-color: transparent transparent transparent #00B7D7;
    border-width: 10px 0 10px 7px;
    margin-top: -10px;
}


/* FLOATING FOOTER */

#floatingFooter {
    background: #000000;
    background-color: #000000;
    bottom: 0;
    left: 0;
    max-height: 150px;
    min-width: 768px;
    position: fixed;
    width: 100%;
    z-index: 110;
}

/* ADD ALBUM LINKS */

.album-share-panel > .elem {
    color: #00b7d7;
    cursor: pointer;
    display: inline-block;
    margin: 0 0 0 10px;
    vertical-align: middle;
    *display: inline;
    *zoom: 1;
}

/* ALBUM COVER TILE COLOUR */

.album-page-cover-image {
    background: #00b7d7;
    border-radius: 4px;
    position: relative;
    height: 112px;
    width: 200px;
}

/* SHARE FORM TEXT */

.share-form .form-section-title {
    color: #00b7d7;
    margin: 0 0 8px;
    padding: 3px 0;
}

/* SHARE FORM UNDERLINE */

.share-form .form-section-title-underline {
    border-bottom: 1px solid #00b7d7;
}

/* SHARE FORM ICONS */

.share-form .add-on {
    color: #00b7d7;
    display: inline-block;
    vertical-align: middle;
}

/* COPY LINK ICON */

.get-link-form .icon-lists {
    color: #00b7d7;
    font-size: 18px;
    vertical-align: middle;
    pointer-events: none;
}


/* SAVE TICK AND X BOX */

.metadataField .saveFieldEdit {
    color: #900A651;
}

.metadataField .cancelFieldEdit {
    color: #F0533E;
    border-left: 1px solid #ccc;
}

/* ADD TO ALBUM COLOUR */

.add-smth-input .btn-add {
    background: #00b7d7;
    color: #fff;
    float: left;
    font-size: 14px;
    line-height: 28px;
    padding: 0;
    height: 30px;
    width: 130px;
    margin-left: -100px;
}

/* MOVE TO COPY COLOUR */

.tree-leaf-access-active > .title-wrap {
    color: #00b7d7;
}

/* RED SEACH NUMBERS */

.collections-tabs .matches-count {
    background: #F0533E;
    border-radius: 3px;
    bottom: 100%;
    color: #fff;
    display: block;
    font-size: 10px;
    line-height: 10px;
    padding: 3px 3px 4px;
    position: absolute;
    right: -1px;
    -webkit-transform: translateY(5px);
    -moz-transform: translateY(5px);
    -ms-transform: translateY(5px);
    -o-transform: translateY(5px);
    transform: translateY(5px);
}

/* BLUE TICK */

.sorting-variants-item-active .active-icon {
    color: #00b7d7;
    display: block;
    position: absolute;
    right: 5px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

/* CREATE ALERT COLOUR */

.breadcrumb .add-alert-btn .text {
    color: #00b7d7;
    white-space: nowrap;
}

/* ALERT COLOUR */

.alert-success {
    color: #000;
    background-color: #9CC73F;
    border-color: #9CC73F;
}

/* EXTERNAL LOGIN BUTTON */

.login-type-page-content button {
    font-size: 16px;
    content: "External Log in Only";
}

/* BLUE QUESTION MARK */

.smart-folder-modal .url-fragment-hint {
    color: #00b7d7;
    cursor: pointer;
    font-size: 20px;
    margin-left: 5px;
    vertical-align: text-top;
}

/* UPLOAD CROSS */

.upload-view-container .upload-cell .close .icon-front {
    color: #00b7d7;
}

/* BELL LINK FOCUS */

.intranetextra-link:focus {
    outline: 0px solid #fff;
    outline-offset: -3px;
}


/*Sign on Screen Button */

.sso-sign-in-page {
font-size: 0px !important;
  color: #FFF;
  /*Sign on Screen */
  border-color: #fff;
}

.sso-sign-in-page::before {
content: "Staff Log in Button" !important;
 color: ffffff;
font-weight: bold !important;
font-size: 16px !important;
    color: #00b7d7;
 border-color: #fff;
}