/*
Fetch Customisations to Twill Interface
Created: 15/7/19
Updated: 16/11/20
*/

.adminBtn {
  font: bold 11px;
  text-decoration: none;
  background-color: #EEEEEE;
  color: #333333;
  cursor: pointer;
  padding: 4px 6px 4px 6px;
  border-top: 1px solid #CCCCCC;
  border-right: 1px solid #333333;
  border-bottom: 1px solid #333333;
  border-left: 1px solid #CCCCCC;
}
.adminBtn:hover {
    opacity:0.7;
}


.notBold {
    font-weight: normal !important;
}

.header {
    background-color: #fff;
    padding-bottom:10px;
}
.header .container {
    padding-top:10px;
}
#searchApp, .search--dashboard {
    background-color: #666666 !important;
}
.search--dashboard {
    padding-top:20px !important;
}
.header #searchApp {
    /* override for above default search box bg */
    background-color:#fff !important
}

#searchApp .search__input input {
    background-color:#fff;
}
.header a, .nav__item, .header #search, .ham__icon::before, .headerMobile__list a {
    color:#666 !important;
}
.header__user a .icon, svg .button--icon, .headerSearch__toggle .icon {
    color:#666 !important;
}

.ham__btn {
    margin-top:19px;
}
.ham__icon::before, .ham__icon::after, .ham__line {
    background:#666 !important;
}
.icon--preferences svg {
    color: #347bff;
}
.header .s--on a, .nav__item.s--on a {
    font-weight:bold;
}
.header .header__item {
    color:#666666;
}
.nav {
    background: #666666;
}
.nav a, .nav h1, .nav__list a {
    color:#fff !important;
}
.dropdown__content a {
    color:#666 !important;
}

/* chcek boxes */
.multiselector__icon {
    border-color: #c1c1c1 !important;
}

/* add/remove buttons in repeater fields - NOT WORKING... */
.multiselector--grid .multiselector__checkbox--checked + .multiselector__label .multiselector__icon[data-v-8f63f220] {
    background-color:#239197 !important;
}


/* action bar input elements */
.listing button {
    color:#fff;
}
.listing .button {
    color:#fff !important;
}
.icon {
    /*  declaring globally messes with edit toolbar color */
    /* color:#fff; */
}


/* preview tool */
.previewer .button {
    color:#fff !important;
}

/* DISABLE block editor */
.button--editor {
    display:none !important;
}


/* remove header nav bullets */
.headerMobile__list::before {
    display:none  !important;
}
.header__nav ul::before {
    content:none !important;
}



/* buttons */
.button, .multibutton__trigger {
    background-color:#3278B8 !important;
}
.icon--more-dots {
    color:#fff !important;
}
.button, .close_icon, .button--icon, .button--icon svg, .close-icon-line, .button input, .button input {
    color:#fff !important;
}


/* header logo */
.header__title {
    position:relative;
    top:-5px;
    left:0px;
}
.env--production .envlabel {
    /* hide the label in production */
    display:none !important;
}
.envlabel {
    position:relative;
    top:-21px;
    left:3px;
}
.env--production .nav__item.s--on a:after, .env--production:before {
    background: #239197 !important;
}
#headerLogo {
    width:200px;
    height:auto;
}



/* misc */
.secondarynav__item:nth-of-type(1) {
    float:right !important;
}
.secondarynav__number {
    color:#666666;
}


/* things to DISABLE */
.activityCell__thumb {
    display:none !important;
}






.header {
    padding-bottom:30px;
}
#headerLogo {
    margin-top:7px;
    width:158px;
}

.green {
    color:#0c8e49;
}
.red {
    color:#f00;
}
.orange {
    color:#e18b10;
}


.right {
    float:right;
}


.hide {
    display:none;
}




/* msg boxes */
.msgboxGreen {
    font-size:14px;
    padding:15px;
    background-color:#0c8e49;
    color:#fff;
    margin-bottom:20px;
}
.msgboxOrange {
    font-size:14px;
    padding:15px;
    background-color:#e18b10;
    color:#fff;
    margin-bottom:20px;
}
.msgboxRed {
    font-size:14px;
    padding:15px;
    background-color:#f00;
    color:#fff;
    margin-bottom:20px;
}
.msgboxGrey {
    font-size:14px;
    padding:15px;
    background-color:#d1d1d1;
    color:#000;
    margin-bottom:20px;
}





.secondarynav__item:nth-of-type(1) {
    float:right !important;
}


/* popup field filter in index pages */
.datatable__setupDropdown .dropdown__scroller {
    min-width:300px;
}


/* remove header nav bullets */
.headerMobile__list::before {
    display:none  !important;
}
.header__nav ul::before {
    content:none !important;
}


/* things to DISABLE */
.activityCell__thumb {
    display:none !important;
}



/* hide production label */
.env--production .envlabel {
    display:none !important;
}


/* hide track image thumbs in browser field on albums edit */
#tracks table .browserItem__cell--thumb img {
    display:none;
}
#tracks table .browserItem__cell--thumb {
    width:10px;
    padding-left:0px;
}




/* importer */
#importForm input {
    font-size:22px;
}
#importerWrapper h1 {
    font-size:16px;
}
#importerWrapper, #importerWrapper input  {
    font-size:14px;
}
#importerWrapper form {
    margin-top:20px;
}
#importerWrapper fieldset {
    display:block;
    padding:15px;
    width:auto;
    min-width:400px;
    border:1px solid #000;
    margin-bottom:20px;
}
#importerWrapper fieldset label {
    font-size:13px;
    margin-bottom:9px;
    display:block;
}
#importResultSummary {
    margin-top:30px;
}
#importResultDetails .click {
    display:block;
    text-decoration: underline;
}
#importNotes {
    font-size:14px;
}
#importNotes li {
    list-style:disc;
    margin-left:24px;
    margin-top:4px;
}
#hideImportOptions {
    display:none;
}
.errorDetails {
    display:none;
    padding:5px 0px 20px 15px;
}
.click {
    cursor:pointer;
}


#importHistoryTable {
    width:100%;
}
#importHistoryTable th {
    font-weight:bold;
}
#importHistoryTable td, #importHistoryTable th {
    text-align:left;
    padding:4px 0px;
}
#importHistoryTable th {
    margin-bottom:6px;
}
#importHistoryTable .importDetails .errorDetails {
    display:block !important;
}
#importHistoryTable .importResults {
    margin-top:5px;
    font-size:10px;
    display:none;
    color:#000;
}
#importHistoryTable .click {
    color:#000;
}

.tableFlash {
    animation: tableFlashAnim 1s linear;
    animation-iteration-count: 3;
}

@keyframes tableFlashAnim {
  50% {
    opacity: 0;
  }
}



/* smaller font in filter selects on index pages */
.vselect__field ul li {
    font-size:14px;
}
/* smaller font in column select popup on index pages */
.dropdown__scroller label {
    font-size:14px;
}



/* custom field notes */
.twillFieldNote {
    font-size:12px;
    line-height:14px;
    margin:6px 0px 0px 1px;
    color:#8c8c8c;
}

/* track data box */
#trackData {
    margin-top:10px;
    font-size:14px;
    border:1px solid #e5e5e5;
    padding:20px;
}
#trackData span {
    font-weight: bold;
}
#trackData #queueLog {
    font-size:12px;
}