/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
    color: #ff0000;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors {
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid {
    display: none;
}

/* Styles for editor and display helpers
----------------------------------------------------------*/
.display-label,
.editor-label {
    margin: 1em 0 0 0;
}

.display-field,
.editor-field {
    margin: 0.5em 0 0 0;
}

.text-box {
    width: 30em;
}

    .text-box.multi-line {
        height: 6.5em;
    }

.tri-state {
    width: 6em;
}

/**base*/

/*tags*/
.tags {
    zoom: 1;
}

    .tags:before, .tags:after {
        content: '';
        display: table;
    }

    .tags:after {
        clear: both;
    }

    .tags li {
        position: relative;
        float: left;
        margin: 0 0 8px 12px;
    }

        .tags li:active {
            margin-top: 1px;
            margin-bottom: 7px;
        }

        .tags li:after {
            content: '';
            z-index: 2;
            position: absolute;
            top: 10px;
            right: -2px;
            width: 5px;
            height: 6px;
            opacity: .95;
            background: #eb6b22;
            border-radius: 3px 0 0 3px;
            -webkit-box-shadow: inset 1px 0 #99400e;
            box-shadow: inset 1px 0 #99400e;
        }

    .tags a, .tags span {
        display: block;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .tags a {
        height: 26px;
        line-height: 23px;
        padding: 0 9px 0 8px;
        font-size: 12px;
        color: #555;
        text-decoration: none;
        text-shadow: 0 1px white;
        background: #fafafa;
        border-width: 1px 0 1px 1px;
        border-style: solid;
        border-color: #dadada #d2d2d2 #c5c5c5;
        border-radius: 3px 0 0 3px;
        background-image: -webkit-linear-gradient(top, #fcfcfc, #f0f0f0);
        background-image: -moz-linear-gradient(top, #fcfcfc, #f0f0f0);
        background-image: -o-linear-gradient(top, #fcfcfc, #f0f0f0);
        background-image: linear-gradient(to bottom, #fcfcfc, #f0f0f0);
        -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.7), 0 1px 2px rgba(0, 0, 0, 0.05);
        box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.7), 0 1px 2px rgba(0, 0, 0, 0.05);
    }

        .tags a:hover span {
            padding: 0 7px 0 6px;
            max-width: 40px;
            -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.15), 1px 1px 2px rgba(0, 0, 0, 0.2);
            box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.15), 1px 1px 2px rgba(0, 0, 0, 0.2);
        }

    .tags span {
        position: absolute;
        top: 1px;
        left: 100%;
        z-index: 2;
        overflow: hidden;
        max-width: 0;
        height: 24px;
        line-height: 21px;
        padding: 0 0 0 2px;
        color: white;
        text-shadow: 0 -1px rgba(0, 0, 0, 0.3);
        background: #eb6b22;
        border: 1px solid;
        border-color: #d15813 #c85412 #bf5011;
        border-radius: 0 2px 2px 0;
        opacity: .95;
        background-image: -webkit-linear-gradient(top, #ed7b39, #df5e14);
        background-image: -moz-linear-gradient(top, #ed7b39, #df5e14);
        background-image: -o-linear-gradient(top, #ed7b39, #df5e14);
        background-image: linear-gradient(to bottom, #ed7b39, #df5e14);
        -webkit-transition: 0.3s ease-out;
        -moz-transition: 0.3s ease-out;
        -o-transition: 0.3s ease-out;
        transition: 0.3s ease-out;
        -webkit-transition-property: padding, max-width;
        -moz-transition-property: padding, max-width;
        -o-transition-property: padding, max-width;
        transition-property: padding, max-width;
    }

.green li:after {
    background: #65bb34;
    -webkit-box-shadow: inset 1px 0 #3a6b1e;
    box-shadow: inset 1px 0 #3a6b1e;
}

.green span {
    background: #65bb34;
    border-color: #549b2b #4f9329 #4b8b27;
    background-image: -webkit-linear-gradient(top, #71ca3f, #5aa72e);
    background-image: -moz-linear-gradient(top, #71ca3f, #5aa72e);
    background-image: -o-linear-gradient(top, #71ca3f, #5aa72e);
    background-image: linear-gradient(to bottom, #71ca3f, #5aa72e);
}

.blue li:after {
    background: #56a3d5;
    -webkit-box-shadow: inset 1px 0 #276f9e;
    box-shadow: inset 1px 0 #276f9e;
}

.blue span {
    background: #56a3d5;
    border-color: #3591cd #318cc7 #2f86be;
    background-image: -webkit-linear-gradient(top, #6aaeda, #4298d0);
    background-image: -moz-linear-gradient(top, #6aaeda, #4298d0);
    background-image: -o-linear-gradient(top, #6aaeda, #4298d0);
    background-image: linear-gradient(to bottom, #6aaeda, #4298d0);
}
/*done*/

/*more deep level menu in bootstrap*/
.dropdown-submenu {
    position: relative;
}

    .dropdown-submenu > .dropdown-menu {
        top: 0;
        left: 100%;
        margin-top: -6px;
        margin-left: -1px;
        -webkit-border-radius: 0 6px 6px 6px;
        -moz-border-radius: 0 6px 6px 6px;
        border-radius: 0 6px 6px 6px;
    }

    .dropdown-submenu:hover > .dropdown-menu {
        display: block;
    }

    .dropdown-submenu > a:after {
        display: block;
        content: " ";
        float: right;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid;
        border-width: 5px 0 5px 5px;
        border-left-color: #cccccc;
        margin-top: 5px;
        margin-right: -10px;
    }

    .dropdown-submenu:hover > a:after {
        border-left-color: #ffffff;
    }

    .dropdown-submenu.pull-left {
        float: none;
    }

        .dropdown-submenu.pull-left > .dropdown-menu {
            left: -100%;
            margin-left: 10px;
            -webkit-border-radius: 6px 0 6px 6px;
            -moz-border-radius: 6px 0 6px 6px;
            border-radius: 6px 0 6px 6px;
        }
/*done*/



/*bootstrap slider arow center fix*/
.carousel-control .glyphicon,
.carousel-control .prev,
.carousel-control .next {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 5;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    margin-left: -10px;
    font-family: serif;
}

    .carousel-control .prev:before {
        content: '\2039';
    }

    .carousel-control .next:before {
        content: '\203a';
    }
/*done*/

/*multi column menu*/
.dropdown-menu.multi-column {
    width: 400px;
}

    .dropdown-menu.multi-column .dropdown-menu {
        display: block !important;
        position: static !important;
        margin: 0 !important;
        border: none !important;
        box-shadow: none !important;
        min-width: 100px;
    }
/*end of multi column menu*/

.tab-content {
    padding-top: 10px;
}


/*typehead*/
.typeahead,
.tt-query,
.tt-hint {
    width: 396px;
    height: 30px;
    padding: 8px 12px;
    font-size: 12px;
    line-height: 30px;
    border: 2px solid #ccc;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    outline: none;
}

.typeahead {
    background-color: #fff;
}

    .typeahead:focus {
        border: 2px solid #0097cf;
    }

.tt-query {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.tt-hint {
    color: #999;
}

.tt-dropdown-menu {
    width: 100%;
    margin-top: 12px;
    padding: 8px 0;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
}

.tt-suggestion {
    padding: 3px 20px;
    font-size: 14px;
    line-height: 18px;
}

    .tt-suggestion.tt-cursor {
        color: #fff;
        background-color: #0097cf;
    }

    .tt-suggestion p {
        margin: 0;
    }

.gist {
    font-size: 14px;
}

/* example specific styles */
/* ----------------------- */

#multiple-datasets .group-name {
    margin: 0 20px 5px 20px;
    padding: 3px 0;
    border-bottom: 1px solid #ccc;
}

#scrollable-dropdown-menu .tt-dropdown-menu {
    max-height: 150px;
    overflow-y: auto;
}

#rtl-support .tt-dropdown-menu {
    text-align: right;
}

#multiple-datasets .group-name {
    margin: 0 20px 5px 20px;
    padding: 3px 0;
    border-bottom: 1px solid #ccc;
    font-weight: bold;
    font-size: 14px;
}
/*typehead end*/