.field-validation-error, .validation-summary-errors {
    color: red;
}

body {
    min-width: 640px;
}

.submenuHeader ul {
    display: none;
}

#selected,
#selected2,
#selectManual,
#selectManualInProg,
#selectAlertsInProg,
#selectVocRec,
#selectVocRecInProg,
#selectNewOrder,
#selectExtCut,
#selectExtCutInProg,
#selectDeletedOrder,
#visualSelected,
#channelSelected,
#emissionSelected {
    background-color: rgb(93, 207, 243) !important;
}

.manual:hover,
.vocRec:hover,
.manualInProg:hover,
.alertsInProg:hover,
.vocRecInProg:hover,
.extCut:hover,
.extCutInProg:hover,
.deletedOrders:hover,
.newOrders:hover,
#orders > tbody > tr:hover,
.validationSequences:hover,
.keywordsList:hover,
.vocRecKeywordsList:hover,
.visualsList:hover,
.channelsList:hover,
.emissionsList:hover,
table#emissionsList > tbody > tr.selectable:hover,
table#participants > tbody > tr.highlight:hover,
td.nameCat:hover,
td.nameSubcat:hover,
table#visuals_list > tbody > tr:hover,
.detailsSequence:hover {
    cursor: pointer;
    opacity: 0.75;
}

.detailsAlert:hover {
    cursor: pointer;
    opacity: 0.75;
}
/* //TODO: change into a class and put it "everywhere" */

table.tablesorter thead tr .header {
    background-image: none;
    background-repeat: no-repeat;
    background-position: center right;
    cursor: pointer;
    background-image: url(/Images/bg.gif);
}

table.tablesorter thead tr .headerSortUp {
    background-image: url(/Images/asc.gif);
}

table.tablesorter thead tr .headerSortDown {
    background-image: url(/Images/desc.gif);
}

textarea {
    resize: none;
}

tr {
    height: 2.5em;
}

.dashboardScrollable {
    height: 300px;
    overflow-y: auto;
}

.no-pointer {
    cursor: default;
}

#packagePlayer {
}

#player {
    width: 100%;
}

#play {
    background-image: url("/Images/player/play.png");
}

    #play:hover {
        background-image: url("/Images/player/play-on.png");
    }

#pause {
    background-image: url("/Images/player/pause.png");
}

    #pause:hover {
        background-image: url("/Images/player/pause-on.png");
    }

#stop {
    background-image: url("/Images/player/stop.png");
}

    #stop:hover {
        background-image: url("/Images/player/stop-on.png");
    }

#volumeOn {
    background-image: url("/Images/player/sound-on.png");
}

#volumeOff {
    background-image: url("/Images/player/sound.png");
}

.imagemedia {
    background: url("/Images/img-radio.jpg") no-repeat top left;
    display: block;
    width: 50px;
    height: 26px;
    text-indent: -9999px;
}


.playerButton {
    display: inline-block;
    margin-right: 1%;
    height: 32px;
    width: 32px;
}

.floatRight {
    float: right;
}

.spanProgress {
    font-weight: bold;
}

#onProgressBar {
    float: right;
}


#sliderVol {
    margin-right: 1%;
    display: inline-block;
    width: 20%;
    margin-top: 2%;
}

#SampleScreenshot:hover {
    cursor: pointer;
}


.col-xxs {
    width: 60px;
    min-width: 30px;
}

.col-sm {
    width: 120px;
    min-width: 90px;
}

.col-med {
    width: 300px;
    min-width: 200px;
}

.col-big {
    width: 600px;
    min-width: 300px;
}

.csslink {
    font-weight: bold;
}

.cssStyle2 {
    text-align: left;
}

#divgrid tbody tr:hover td {
    background-color: #00bfff;
    color: white;
}

.webGrid th, .webGrid td {
    padding: 2px 1px 2px 1px;
    border-left: none #dcdcdc thin;
    border-right: none #dcdcdc thin;
    border-top: none #dcdcdc thin;
    border-bottom: solid #dcdcdc thin;
}


.highlightword {
    background-color: #add8e6;
    font-weight: bold;
}

#menu a[data-bubble]::after {
    content: attr(data-bubble);
    position: absolute;
    top: 0;
    right: 0.5em;
    height: 1.5em;
    line-height: 1.5em;
    padding: 0 .46em;
    text-align: center;
    text-shadow: 0 0.063em 0 rgba(0,0,0,.2);
    background-color: #eee;
    color: #364652;
    box-shadow: 0 0.063em 0.063em rgba(0,0,0,.2);
    border-radius: 4em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; /*Prevents text flicker*/
    z-index: -1;
}


#menu a:hover[data-bubble]::after, #menu a:active[data-bubble]::after, #menu a:focus[data-bubble]::after {
    -webkit-animation: ease bubbleover .4s;
    animation: ease bubbleover .4s;
    top: 3em; /* If pseudo animation not supported [see http://css-tricks.com/transitions-and-animations-on-css-generated-content/], simple hover fallback happens*/
    z-index: 1;
}

@-webkit-keyframes bubbleover {
    0% {
        -webkit-transform: translate(0, -1em);
        z-index: -1;
    }

    50% {
        -webkit-transform: translate(0, 0.5em);
        z-index: -1;
    }

    100% {
        -webkit-transform: translate(0, 0);
        z-index: 1;
    }
}

@keyframes bubbleover {
    0% {
        transform: translate(0, -1em);
        z-index: -1;
    }

    50% {
        transform: translate(0, 0.5em);
        z-index: -1;
    }

    100% {
        transform: translate(0, 0);
        z-index: 1;
    }
}

/*.elemMenu, .dropdown-submenu {
    padding-top: 10px;
}*/

.icon-fixed-width {
    margin-right: 5px;
}

.blockedalert {
    background-color: #dc143c;
    color: white;
}

.normalalert {
    background-color: transparent;
}

.pixelalert {
    background-color: #add8e6;
    color: black;
}

.hidden {
    display: none;
}