/*.qtip-target {
    cursor: pointer;
    color:#82412a;
    font-style: italic;
}

.qtip-general {
    cursor: pointer;
    color:#82412a;
}*/
/*, .tooltiptargetside*/

/*
.tooltiptarget {
    cursor: pointer;
    color:#82412a;
}

.tooltiptext{
    display: none;
    font: 12px/14px arial,sans-serif;
}
*/

.greentoast {
    background-color: green;
}

.orangetoast {
    background-color: orange;
}

.redtoast {
    background-color: red;
}

.toast {
    height: auto;
    line-height: normal;
    width: auto;
}
/*#toast-container {
  top: auto !important;
  right: auto !important;
  bottom: 10%;
  left:7%;
      z-index:100 !important;
}*/



/*.validation-summary-errors {
    color: red;
  background-color: #ffcdd2;
    padding: 10px 10px 5px 10px;
    margin: 0 0 20px 0;
}

.media-player-tabs li {
    cursor:pointer;

}

.media-player-tabs li.active {
    font-weight: bold;

}*/
/*
a { padding: 5px; }
li { display: inline; }
h2 { font-weight: bold; font-size: 1.4em; }
#content { padding: 20px; }
    */
.selectedText {
    text-decoration: none;
    background: #515151;
    border-radius: 4px !important;
    cursor: pointer;
}

.highlightedTextLightIn {
    text-decoration: none;
    background: #7dc2f9;
    background: rgba(125, 194, 249, 0.34) !important;
    -webkit-box-shadow: 2px 0 1px 2px #7dc2f9;
    -webkit-box-shadow: 2px 0 1px 2px rgba(125, 194, 249, 0.34) !important;
    -moz-box-shadow: 2px 0 1px 2px #7dc2f9;
    -moz-box-shadow: 2px 0 1px 2px rgba(125, 194, 249, 0.34) !important;
    box-shadow: 2px 0 1px 2px #7dc2f9;
    box-shadow: 2px 0 1px 2px rgba(125, 194, 249, 0.34) !important;
    border-radius: 4px !important;
    cursor: pointer;
    -moz-animation: fadein 1s; /* Firefox */
    -webkit-animation: fadein 1s; /* Safari and Chrome */
    -o-animation: fadein 1s; /* Opera */
    animation: fadein 1s;
}

.highlightedTextLightOut {
    text-decoration: none;
    background: transparent !important;
    -webkit-box-shadow: 2px 0 1px 2px transparent !important;
    -moz-box-shadow: 2px 0 1px 2px transparent !important;
    box-shadow: 2px 0 1px 2px transparent !important;
    border-radius: 4px !important;
    cursor: pointer;
    -moz-animation: fadeout 0.9s; /* Firefox */
    -webkit-animation: fadeout 0.9s; /* Safari and Chrome */
    -o-animation: fadeout 0.9s; /* Opera */
    animation: fadeout 0.9s;
}

.highlightedTextDarkIn {
    text-decoration: none;
    background: #7dc2f9 !important;
    background: rgba(66, 165, 245, 0.34) !important;
    border-radius: 4px !important;
    cursor: pointer;
    -moz-animation: fadein 1s; /* Firefox */
    -webkit-animation: fadein 1s; /* Safari and Chrome */
    -o-animation: fadein 1s; /* Opera */
    animation: fadein 1s;
}

.highlightedTextDarkOut {
    text-decoration: none;
    background: transparent !important;
    border-radius: 4px !important;
    cursor: pointer;
    -moz-animation: fadeout 1s; /* Firefox */
    -webkit-animation: fadeout 1s; /* Safari and Chrome */
    -o-animation: fadeout 1s; /* Opera */
    animation: fadeout 1s;
}
/*fadeIn-Light*/
@keyframes fadein {
    from {
        background: transparent;
		-webkit-box-shadow: 2px 0 1px 2px transparent;
		-moz-box-shadow: 2px 0 1px 2px transparent;
		box-shadow: 2px 0 1px 2px transparent;
    }

    to {
        background: #7dc2f9;
		background: rgba(125, 194, 249, 0.34);
		-webkit-box-shadow: 2px 0 1px 2px #7dc2f9;
		-webkit-box-shadow: 2px 0 1px 2px rgba(125, 194, 249, 0.34) !important;
		-moz-box-shadow: 2px 0 1px 2px #7dc2f9;
		-moz-box-shadow: 2px 0 1px 2px rgba(125, 194, 249, 0.34) !important;
		box-shadow: 2px 0 1px 2px #7dc2f9;
		box-shadow: 2px 0 1px 2px rgba(125, 194, 249, 0.34);
    }
}

@-moz-keyframes fadein { /* Firefox */
    from {
        background: transparent;
		-webkit-box-shadow: 2px 0 1px 2px transparent;
		-moz-box-shadow: 2px 0 1px 2px transparent;
		box-shadow: 2px 0 1px 2px transparent;
    }

    to {
        background: #7dc2f9;
		background: rgba(125, 194, 249, 0.34);
		-webkit-box-shadow: 2px 0 1px 2px #7dc2f9;
		-webkit-box-shadow: 2px 0 1px 2px rgba(125, 194, 249, 0.34) !important;
		-moz-box-shadow: 2px 0 1px 2px #7dc2f9;
		-moz-box-shadow: 2px 0 1px 2px rgba(125, 194, 249, 0.34) !important;
		box-shadow: 2px 0 1px 2px #7dc2f9;
		box-shadow: 2px 0 1px 2px rgba(125, 194, 249, 0.34);
    }
}

@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        background: transparent;
		-webkit-box-shadow: 2px 0 1px 2px transparent;
		-moz-box-shadow: 2px 0 1px 2px transparent;
		box-shadow: 2px 0 1px 2px transparent;
    }

    to {
        background: #7dc2f9;
		background: rgba(125, 194, 249, 0.34);
		-webkit-box-shadow: 2px 0 1px 2px #7dc2f9;
		-webkit-box-shadow: 2px 0 1px 2px rgba(125, 194, 249, 0.34) !important;
		-moz-box-shadow: 2px 0 1px 2px #7dc2f9;
		-moz-box-shadow: 2px 0 1px 2px rgba(125, 194, 249, 0.34) !important;
		box-shadow: 2px 0 1px 2px #7dc2f9;
		box-shadow: 2px 0 1px 2px rgba(125, 194, 249, 0.34);
    }
}

@-o-keyframes fadein { /* Opera */
    from {
        background: transparent;
		-webkit-box-shadow: 2px 0 1px 2px transparent;
		-moz-box-shadow: 2px 0 1px 2px transparent;
		box-shadow: 2px 0 1px 2px transparent;
    }

    to {
        background: #7dc2f9;
		background: rgba(125, 194, 249, 0.34);
		-webkit-box-shadow: 2px 0 1px 2px #7dc2f9;
		-webkit-box-shadow: 2px 0 1px 2px rgba(125, 194, 249, 0.34) !important;
		-moz-box-shadow: 2px 0 1px 2px #7dc2f9;
		-moz-box-shadow: 2px 0 1px 2px rgba(125, 194, 249, 0.34) !important;
		box-shadow: 2px 0 1px 2px #7dc2f9;
		box-shadow: 2px 0 1px 2px rgba(125, 194, 249, 0.34);
    }
}
/*fadeOut-Light*/
@keyframes fadeout {
    from {
        background: #7dc2f9;
		background: rgba(125, 194, 249, 0.34);
		-webkit-box-shadow: 2px 0 1px 2px #7dc2f9;
		-webkit-box-shadow: 2px 0 1px 2px rgba(125, 194, 249, 0.34) !important;
		-moz-box-shadow: 2px 0 1px 2px #7dc2f9;
		-moz-box-shadow: 2px 0 1px 2px rgba(125, 194, 249, 0.34) !important;
		box-shadow: 2px 0 1px 2px #7dc2f9;
		box-shadow: 2px 0 1px 2px rgba(125, 194, 249, 0.34);
    }

    to {
        background: transparent;
        -webkit-box-shadow: 0 0 0 0 transparent;
        -moz-box-shadow: 0 0 0 0 transparent;
        box-shadow: 0 0 0 0 transparent;
    }
}

@-moz-keyframes fadeout {
    /* Firefox */
    from {
        background: #7dc2f9;
		background: rgba(125, 194, 249, 0.34);
		-webkit-box-shadow: 2px 0 1px 2px #7dc2f9;
		-webkit-box-shadow: 2px 0 1px 2px rgba(125, 194, 249, 0.34) !important;
		-moz-box-shadow: 2px 0 1px 2px #7dc2f9;
		-moz-box-shadow: 2px 0 1px 2px rgba(125, 194, 249, 0.34) !important;
		box-shadow: 2px 0 1px 2px #7dc2f9;
		box-shadow: 2px 0 1px 2px rgba(125, 194, 249, 0.34);
    }

    to {
        background: transparent;
        -webkit-box-shadow: 0 0 0 0 transparent;
        -moz-box-shadow: 0 0 0 0 transparent;
        box-shadow: 0 0 0 0 transparent;
    }
}

@-webkit-keyframes fadeout {
    /* Safari and Chrome */
    from {
        background: #7dc2f9;
		background: rgba(125, 194, 249, 0.34);
		-webkit-box-shadow: 2px 0 1px 2px #7dc2f9;
		-webkit-box-shadow: 2px 0 1px 2px rgba(125, 194, 249, 0.34) !important;
		-moz-box-shadow: 2px 0 1px 2px #7dc2f9;
		-moz-box-shadow: 2px 0 1px 2px rgba(125, 194, 249, 0.34) !important;
		box-shadow: 2px 0 1px 2px #7dc2f9;
		box-shadow: 2px 0 1px 2px rgba(125, 194, 249, 0.34);
    }

    to {
        background: transparent;
        -webkit-box-shadow: 0 0 0 0 transparent;
        -moz-box-shadow: 0 0 0 0 transparent;
        box-shadow: 0 0 0 0 transparent;
    }
}

@-o-keyframes fadeout {
    /* Opera */
    from {
        background: #7dc2f9;
		background: rgba(125, 194, 249, 0.34);
		-webkit-box-shadow: 2px 0 1px 2px #7dc2f9;
		-webkit-box-shadow: 2px 0 1px 2px rgba(125, 194, 249, 0.34) !important;
		-moz-box-shadow: 2px 0 1px 2px #7dc2f9;
		-moz-box-shadow: 2px 0 1px 2px rgba(125, 194, 249, 0.34) !important;
		box-shadow: 2px 0 1px 2px #7dc2f9;
		box-shadow: 2px 0 1px 2px rgba(125, 194, 249, 0.34);
    }

    to {
        background: transparent;
        -webkit-box-shadow: 0 0 0 0 transparent;
        -moz-box-shadow: 0 0 0 0 transparent;
        box-shadow: 0 0 0 0 transparent;
    }
}

.highlightedTextDark {
    text-decoration: none;
    color: #b3d4fc !important;
    /*background: #515151;*/
    border-radius: 4px !important;
    cursor: pointer;
}

.transcriptText {
    text-decoration: none;
    color: #ff0000 !important;
    cursor: pointer;
}

.transcriptHover {
    text-decoration: none;
    cursor: pointer;
}