/* (c) 2016-2017 Business Collaborator Ltd */

/* graphite styles */

.truncated .md-tax-path {
    white-space: nowrap;
}
.md-tax-path .segment {
    white-space: nowrap;
    display: inline-block;
    margin-left: 0em;
    margin-right: 0em;
}
.md-tax-path .first-segment {
    margin-left: 0em;
}
.truncated .md-tax-path .segment {
    margin-left: 0em;
    margin-right: 0em;
}

.md-tax-internal-sep,
.md-tax-prefix {
    color: #aaaaaa;
    font-size: 1.2em;
}

.simple-filter .taxonomy-search-field {
    display: inline-block;
}

.simple-filter .md-edit-tax-path {
    display: inline-block;
    padding-left: 10px;
}

.simple-filter .md-edit-tax-path a {
    padding-right: 5px;
}

.ui-helper-reset .md-edit-tax-path {
    width: 100%;
    clear: left;
    float: left;
    padding-left: 10px;
}

.md-edit-tax-path.ui-taxonomy-state-hover {
    background: #EEEEEE;
    border: 2 0 2 0 solid #AAAAAA;
}

.md-edit-tax-path.ui-taxonomy-state-hover .md-tax-delete{
    visibility:visible;
}

.md-edit-tax-path .md-tax-delete {
    visibility:visible;
}

.md-tax-delete.glyphicon {
    margin: -1px 0px 1px 5px;
    padding: 10px;
    cursor: pointer;
}

.widget-container .md-tax-delete{
    float:none;
    top: 0px;
}

.simple-filter .md-edit-tax-path .md-tax-delete{
    float: none;
}

.collection-heading-filter-doc .taxonomy-search-field {
    display: inline-block;
}

.collection-heading-filter-doc .md-edit-tax-path {
    display: inline-block;
    padding-left: 10px;
}

.collection-heading-filter-doc .md-edit-tax-path .md-tax-delete{
    float: none;
    top: 0px;
}
.collection-heading-filter-doc .md-edit-tax-path a {
    padding-right: 5px;
}
.collection-heading-filter-doc .md-edit-tax-path {
    border: 1px solid transparent;
    white-space: nowrap;
}

.md-edit-tax-path a {
    color: #555;
}

.invalid a {
    color: red;
}

.md-edit-tax-path .md-tax-main a:hover {
    background: #EEEEEE;
    border: 2px 0px 2px 2px dashed #CCCCCC;
    color:black;
}

.md-add-tax-path {
    white-space: nowrap;
    clear:left;
}

.md-add-tax-path a {
  line-height: 2.5em;
  padding-left: 10px;
}


/* modified for HTML5 */
.md-view-tax-path {
    line-height: 1em;
    padding-top: inherit;
    border: none;
}

.md-view-tax-path img{
    vertical-align: middle;
    margin-right: 0.4em;
}

.md-edit-tax-path img{
    vertical-align: middle;
    margin-right: 0.4em;
}

.md-tax-edit {
    width:100%;
    float: left;
}

.md-tax-wrapper {
    border: 1px solid #ccc;
    /* Not ideal but we want consistency for taxonomy fields ignoring fixed
    width style of parent */
    width: 100%;
}

.md-tax-add {

}

.md-tax-row img{
    vertical-align: middle;
}
.md-sub-label {
    font-style: italic;
    position: relative;
    top: -1px;
    font-size: 7pt;
    margin-left: -5px;
}

.inf table{
    border-collapse: collapse;
}

.simple-filter img{
    vertical-align:middle;
}
.md-tax-table th{
    font-weight: bold;
    color: #727272;
    padding-left: 20px;
    padding-top: 1px;
    min-width: 50px;
    text-align: left;
}

.md-tax-table td{
    border-top: 1px solid #AAAAAA;
    vertical-align: middle;
}

.md-tax-table tr{
    vertical-align: top;
    line-height: 2em;
}

.md-tax-table .invalid td{
    color: red !important;
}

.md-tax-table .invalid .md-tax-internal-sep {
    color: red;
}

.ui-helper-reset .invalid{
    border: 2px solid transparent;
    color: red;
    line-height: 1.5em;
    padding-top: 3px;
}

.ui-helper-reset .invalid .md-tax-internal-sep {
    color: red;
}

.ui-helper-reset .invalid img {
    padding-left: 3px;
    padding-right: 3px;
    padding-bottom: 2px;
    vertical-align: middle;
}

.md-tax-table .invalid img {
    padding-left: 2px;
    padding-right: 4px;
    padding-bottom: 3px;
}

.md-tax-table .ui-taxonomy-state-hover {
    background: #EEEEEE;
}

div.ui-dialog-content table.md-tax-table {
    /* Force some additional right-hand margin to
     * prevent scrollbars from causing word wrap in
     * pop-up jQuery dialogs, and obscuring the
     * values.
     */
    white-space: nowrap;
    margin-right: 10px;
    border-collapse: collapse;
}


a.md-tax-main:hover, a.md-sub-label:hover {
    text-decoration: none;
}