/* Optional scoped theme for tag-it which mimics the zendesk widget. */
/*---------------------------------------------
    Colours
-----------------------------------------------
#ABB4AB -   French Grey -   Darker than sage
#C4CCB7 -   Soft Sage   -   Sage Green
#EBF1CA -   Soft Mint   -   light green
#EDE2B9 -   Babies Bottom - sandy colour
#E7CDB2 -   Baby Sophia Pink - skin colour
#C7B2A1 -   Mama's Mauve - tanned skin colour
#A6BEBD -   Little Denim - Greeny Blue
#C3DEDC -   Baby Jack Blue  - peppermint
#f8f6eb -   Light pink
#98897f -   Brown Text
#676a67 -   Gray Text

-----------------------------------------------
FONTS
-----------------------------------------------
font-family: 'Open Sans', sans-serif;
font-family: 'Open Sans Condensed', sans-serif;
font-family: 'Droid Serif', serif;

*/

ul.tagit {
    border-style: solid;
    border-width: 1px;
    border-color: #C6C6C6;
    background: inherit;
}
ul.tagit li.tagit-choice {
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    border: 1px solid #C4CCB7;

    background: none;
    background-color: #EBF1CA;

    font-weight: normal;
}
ul.tagit li.tagit-choice .tagit-label:not(a) {
    color: #555;
}
ul.tagit li.tagit-choice a.tagit-close {
    text-decoration: none;
}
ul.tagit li.tagit-choice .tagit-close {
    right: .4em;
}
ul.tagit li.tagit-choice .ui-icon {
    display: none;
}
ul.tagit li.tagit-choice .tagit-close .text-icon {
    display: inline;
    font-family: arial, sans-serif;
    font-size: 16px;
    line-height: 16px;
    color: #777;
}
ul.tagit li.tagit-choice:hover, ul.tagit li.tagit-choice.remove {
    background-color: #C4CCB7;
    border-color: #C4CCB7;
}
ul.tagit li.tagit-choice a.tagLabel:hover,
ul.tagit li.tagit-choice a.tagit-close .text-icon:hover {
    color: #222;
}
ul.tagit input[type="text"] {
    color: #333333;
    background: none;
}
.ui-widget {
    font-size: 1.1em;
}