/** http://getbootstrap.com/examples/sticky-footer-navbar/ **/
html {
    position: relative;
    min-height: 100%;
}
body {
    /* Margin bottom by footer height */
    margin-bottom: 30px;
}
/** Footer **/
.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    /* Set the fixed height of the footer here */
    height: 30px;
    /*background-color: #272B30;*/
}

.footer p {
    line-height: 30px;
    margin-bottom: 0;
}

/** VideoPlayer **/
#videoContainer {
    min-width: 860px;
    border: 1px solid;
}

#videoContainer video {
    width: 100%;
}

#videoControls .progress {
    height: 25px;
}

#progressTimer {
    font-size: 16px;
}

#videoControls .progress {
    cursor: pointer;
}

#videoControls button {
    width: 100%;
}

/** allow carriage return (with \n) in tooltips **/
/** https://stackoverflow.com/questions/13338780/how-to-make-twitter-bootstrap-tooltips-have-multiple-lines **/
.tooltip-inner {
    white-space:pre;
    max-width:none;
}
/** element with class tooltip-inner ++ encounter-comment (no space between both) **/
.tooltip-inner.encounter-comment {
    text-align: left;
}

/** disable selection (used after a doubleclick) */
/** https://stackoverflow.com/a/880518 */
.no-selection {
    user-select: none; /* standard syntax */
    -webkit-user-select: none; /* webkit (safari, chrome) browsers */
    -moz-user-select: none; /* mozilla browsers */
    -khtml-user-select: none; /* webkit (konqueror) browsers */
    -ms-user-select: none; /* IE10+ */
}

#scoutModal .modal-header { cursor: move; }

/*.collapse { transition: none; }*/

.cursor-hand { cursor: pointer; }
.cursor-help { cursor: help; }
.cursor-cancel { cursor: not-allowed; }