html{
    width:100%;
    height:100%;
}

body {
    background: url("/images/bodyBg.jpg") repeat scroll 0 0 transparent;
    color: #424242;
    font-family: 'Open+Sans', sans-serif;
    font-size: 13px;
    height: 100%;
    margin: 0;
    padding: 0;
}

#homepage{
    cursor: pointer;
}

#runTour{
    display: inline-block;
    cursor: pointer;
    border: solid 1px black;
    /*border-radius: 4px;*/
}

#runTour:hover{
    /*border: solid 3px black;*/
}

.progress-striped .bar {
    background-color: #3aa21d !important;

}

#chatIframe{
    width:1020px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    z-index: 1000;
    transition: bottom 0.3s ease-in-out;
    bottom: -35vh; /* Adjusted to match the height */
    height: 35vh;
}

#chatIframe.open {
    bottom: 35px; /* Adjusted to bring the iframe up to its full height */
    visibility: visible;
}



#primaryNavigation > li > a{
    background-color: #222;
}

#primaryNavigationFooterList li img{
    background-color: #222 !important;
}

#communicatorBadge.new{
    background: #0088cc !important;
    color: white !important;
}

#docsBadge.new{
    background: #0088cc !important;
    color: white !important;
}

#decisionBadge.new{
    background: #0088cc !important;
    color: white !important;
}

#cboxLoadedContent{
    background: #090909 !important;
}
::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

/*/ Track /*/
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

/*/ Handle /*/
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #5C5C5C ;
    -webkit-box-shadow: inset 0 0 6px black;
}
::-webkit-scrollbar-thumb:window-inactive {
    background: black;
}

.viewport{
  /*  overflow: hidden; */
  height: 100%;
}

.jGrowl-message{
    margin-top: 5px;
    word-wrap: break-word;
}

.jGrowl-notification{
    /*    float:left !important;*/
    background: rgba(43,43,43,1);
    background: -moz-linear-gradient(left, rgba(43,43,43,1) 0%, rgba(17,17,17,1) 47%, rgba(0,0,0,1) 72%, rgba(0,0,0,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(43,43,43,1)), color-stop(47%, rgba(17,17,17,1)), color-stop(72%, rgba(0,0,0,1)), color-stop(100%, rgba(0,0,0,1)));
    background: -webkit-linear-gradient(left, rgba(43,43,43,1) 0%, rgba(17,17,17,1) 47%, rgba(0,0,0,1) 72%, rgba(0,0,0,1) 100%);
    background: -o-linear-gradient(left, rgba(43,43,43,1) 0%, rgba(17,17,17,1) 47%, rgba(0,0,0,1) 72%, rgba(0,0,0,1) 100%);
    background: -ms-linear-gradient(left, rgba(43,43,43,1) 0%, rgba(17,17,17,1) 47%, rgba(0,0,0,1) 72%, rgba(0,0,0,1) 100%);
    background: linear-gradient(to right, rgba(43,43,43,1) 0%, rgba(17,17,17,1) 47%, rgba(0,0,0,1) 72%, rgba(0,0,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b2b2b', endColorstr='#000000', GradientType=1 );
    cursor:pointer;
}

#textminus,#textplus{
    cursor: pointer;
}

.jgrowlMsg{
    float: left;
    width: 160px;
    font-size:16px;
    color:white;
    word-wrap: break-word;
    border-left: 1px solid rgb(192, 192, 192);
    min-height: 48px;
    padding-left: 10px;
    text-shadow: 1px 1px 1px #000000;
}

.jgrowlImg{
    width: 48px;
    height: 48px;
    float:left;
    margin-right: 5px;
}

.wordIcon{
    background-image: url('/img/word-48.png');
    background-repeat: no-repeat;
}

.videoIcon{
    background-image: url('/img/video-file-48.png');
    background-repeat: no-repeat;
}

.audioIcon{
    background-image: url('/img/audio-file-48.png');
    background-repeat: no-repeat;
}

.imageIcon{
    background-image: url('/img/picture-48.png');
    background-repeat: no-repeat;
}

.communicatorIcon{
    background-image: url('/img/comments-48.png');
    background-repeat: no-repeat;
}

.questionIcon{
    background-image: url('/img/comments-48.png');
    background-repeat: no-repeat;
}

.saveIcon{
    background-image: url('/img/save-48.png');
    background-repeat: no-repeat;
}

.navbar-inner {
    min-height: 35px !important;
}

.navbar-inner a {
    padding: 0 15px 0 15px !important;
}

.inner-content{

}

.overflow-y{
    overflow-y:auto;
}

.inheritHeight{
    height: inherit;
}


.documentLink:hover, .documentLink:focus {
    text-decoration: underline;
}

.documentLink {
    display: block;
    color: #546f8e;
    cursor: pointer;
}

blockquote {
    background: #f9f9f9 !important;
    border-width:1px;
    font-style: normal !important;
    border-style: solid !important;
    padding: 10px !important;
    font-family: 'Open+Sans', sans-serif;
    -moz-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.1);
    -webkit-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.1);
    box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.1);
    padding: 16px !important;
}



blockquote.pull-left {
    margin: 10px 10px 10px 15px !important;
    border-left-width: 27px !important;
    border-right-width: 1px !important;
    border-color: #468847 !important;
    position:relative !important;

}

blockquote.pull-right {
    margin: 10px 15px 10px 10px !important;
    border-right-width: 27px !important;
    border-left-width: 1px !important;
    border-color: #3a87ad !important;
    position:relative !important;

}

blockquote.pull-left i{
    left: -13px;
    position: absolute;
    top: 50%;
    z-index: 1;
    width: 16px;
    height: 16px;
    margin-top: -8px;
    margin-left: -8px;
}

#triangle-left {
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-right: 15px solid #468847;
    border-bottom: 10px solid transparent;
    position: absolute;
    top: 50%;
    left: -35px;
    transform: translateY(-50%);
}

#triangle-right {
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-left: 15px solid #3a87ad;
    border-bottom: 10px solid transparent;
    position: absolute;
    right: -35px;
    top: 50%;
    transform: translateY(-50%);
}

blockquote.pull-right i{
    right: -20px;
    position: absolute;
    top: 50%;
    z-index: 1;
    width: 16px;
    height: 16px;
    margin-top: -8px;
    margin-left: -8px;
}

blockquote p {
    padding: 5px;
    /*font-size: 13px;*/
    text-align: left !important;
    line-height: 20px !important;
}

#answerQuestion{
    margin-left: 0;
	word-break: break-all;
}

#questionTitle{
    border-left: 10px solid grey;
    padding: 10px;
    margin-top: 0;
}

blockquote > .time{
    font-size: 13px;
    display: block;
    line-height: 20px;
    color: gray;
    position: absolute;
    top: 1px;
    right: 5px;
}

blockquote.pull-right .time{
    text-align: right;
}

blockquote.pull-left .time{
    text-align: left;
}

.questionTitle{
    font-size: 16px;
}


documentLink:hover, documentLink:focus {
    color: #005580 !important;
}


#wysiwig {
    /*width: 400px !important;*/
    /*height: 500px;*/
    height: auto;
    /*overflow-y: auto;*/
}

#chatmessage {
    height: 810px;
    overflow-y: auto;
}

#documentTableContainer .current{
    background-color: #DADADA;
}

#documentTableContainer tbody tr:first-child {
    border-top:none;
}

#documentTableContainer tbody tr:hover td, #documentTableContainer tbody tr:hover th {
    background-color: #eee;
    cursor:pointer;
}


#documentExplorer .current{
    background-color: #DADADA;
}

#documentExplorer tbody tr:hover td, #documentExplorer tbody tr:hover th {
    background-color: #eee;
    cursor:pointer;
}

.unread-document, .unread-document:hover{
    color: red;
}


/*#documentTableContainer .span5 {
    width: 45.3%;
}*/

#documentTableContainer .span7 {
    width: 61.7%;
}

#documentTableContainer h4 {
    margin: 0 !important;
}

.docViewerMiddle{
    overflow-y: auto !important;
    margin: 0 !important;
    border-left: 1px solid #DDDDDD !important;
    background-color: #F9F9F9;
}



/*#documentTableContainer tbody tr td, #documentTableContainer tbody tr,  #documentTableContainer tbody{
    border: none;
}*/



.screenHeight {
    height: 600px;
}

#hydraWindowInner {

}

#hide_sidebar_btn {

}

#fe-sidebar-nav {

}

.media-grid a.new_video{border-color:#0069d6;-webkit-box-shadow:0 1px 4px rgba(0, 105, 214, 0.25);-moz-box-shadow:0 1px 4px rgba(0, 105, 214, 0.25);box-shadow:0 1px 4px rgba(0, 105, 214, 0.25);}

.media-grid a.new_photo{border-color:#0069d6;-webkit-box-shadow:0 1px 4px rgba(0, 105, 214, 0.25);-moz-box-shadow:0 1px 4px rgba(0, 105, 214, 0.25);box-shadow:0 1px 4px rgba(0, 105, 214, 0.25);}

.bg-white {background-color: white;}

.bold{
    font-weight: bold;
}
.error{
    background-color: pink;
}

#docs a h4{
    font-size:12px;
}
#docs a {
    cursor:pointer;

}
#docs li {
    margin-right:15px;
    margin-left:10px;
}
.navbar-inverse .nav > li, .navbar-inverse .nav > li:last-child {
    border-color: #373737;
    line-height: 35px;
}


.docLive a{

    color:black;
}

#new_message_alert img
{
    position: relative;
    top:5px;
}
#new_video_alert img
{
    position: relative;
    top:3px;
}
#new_message_alert,#new_video_alert
{
    cursor: pointer;
}
table#videoInformation
{
    margin-top:10px;

}
table#videoInformation tbody tr td
{
    width: 100%;
}
.grid_3 .video_info
{
    padding:10px;
}
.thin_actions
{
    border-top: 1px solid #ddd;
    margin-top: 20px;
    padding-top:5px;
}
.printerButton
{
    float:right;
}
#bannerr, #footerr
{
    background-image: -moz-linear-gradient(center top , #333333, #222222);
    background-repeat: repeat-x;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), 0 -1px 0 rgba(0, 0, 0, 0.1);
    position:relative;
    width:100%;
    height:100px;
    color: #fff;
}
#footerr
{position: relative;

 /*margin-top: -75px; /* negative value of footer height */
 clear:both;
}
#demo_bar
{
    position:fixed;
    left:100px;
    height:200px;
    width:200px;
    background-color:#fff;
    top:400px;
}
#notificationContainer
{
    -webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);}.well blockquote{border-color:#ddd;border-color:rgba(0, 0, 0, 0.15);
                                                                                                                                                                                                        margin-bottom: 20px;
                                                                                                                                                                                                        background-color:#f5f5f5 !important;border:1px solid #eee;border:1px solid rgba(0, 0, 0, 0.05);
}

#reasonDivContainer{
    border: 1px solid #ddd;
    background: #fdfdfd;
    position: relative;
    /*padding:10px;*/
    height: inherit;
}

#reasonDiv{
    display: block;
    position:absolute;
    height:auto;
    bottom:0;
    top:0;
    left:0;
    right:0;
    margin: 10px;
    overflow-y: auto;
    background: #fff;
    padding: 10px;
    border: 1px solid #ddd;
    -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.05);
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.05);
    box-shadow: 1px 1px 2px rgba(0,0,0,0.05);
}

#decisionDivContainer{
    border: 1px solid #ddd;
    background: #fdfdfd;
    position: relative;
    /*padding:10px;*/
    height: inherit;
}

#decisionDiv{
    display: block;
    position:absolute;
    height:auto;
    bottom:0;
    top:0;
    left:0;
    right:0;
    margin: 10px;
    overflow-y: auto;
    background: #fff;
    padding: 10px;
    border: 1px solid #ddd;
    -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.05);
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.05);
    box-shadow: 1px 1px 2px rgba(0,0,0,0.05);
}

#decisionButtons
{
    margin-bottom: 10px;
}
#dlogPrintArea{
    height: auto;
}
#decisionLogTabs
{
    margin-top: 0px;
    background-color: #fff;
}
#decisionLogTable
{
    margin-bottom: 0px;
    overflow-y: auto;
}
#decisionLogTable tbody tr
{
    background-color: #fff;
    cursor:pointer;
}

#decisionLogsContainer{
    height: inherit;
}

.welcomeContainer{
    height: inherit;
    overflow-y: auto;
}

#fe-sidebar-nav{
    overflow-y: auto;
}

.icon-lock{
    background-position: -287px -24px !important;
}

[class^="icon-"],
[class*=" icon-"] {
    display: inline-block !important;
    width: 14px !important;
    height: 14px !important;
    margin-top: 1px !important;
    *margin-right: .3em !important;
    line-height: 14px !important;
    vertical-align: text-top !important;
    background-image: url("../img/glyphicons-halflings.png") !important;
    /*background-position: 14px 14px !important;*/
    background-repeat: no-repeat !important;
}

.icon-white{
    background-image: url("../img/glyphicons-halflings-white.png") !important;
}
.committedIcon{
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    border-collapse: separate;
    color: #000000;
    font-weight: normal;
    margin: 0;
    padding: 0;
    text-align: left;
    text-decoration: none;
    vertical-align: baseline;
    white-space: nowrap;
    width: auto;
    font-size:12px;
}

#clock1{
    font-size: 16px;
    margin-top: 10px;
    text-align: center;
}

#decisionLogForm, #previousDecisionLogsContainer
{

    padding-left:0px;
    /*background:#f5f5f5;*/
    -webkit-border-radius:0 0 3px 3px;-moz-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px;

}
.decisionLogTextarea{
    padding: 0px 0px 0px 0px !important;
    margin: 0px 0px 0px 0px !important;
    border-radius: 0px 0px 0px 0px !important;
    width: 422px !important;

}

#new_log_button
{
    margin-bottom:10px;
}
#clips
{
    /*height: 577px !important;*/
    height: inherit;
    overflow-y: scroll;
}
#clipsContainer{
    /* height: inherit; */
    /* overflow-y: auto; */
}

.pagination ul
{
    background-color: #fff
}
#clips.fixed_height
{
    height: 92px;
    overflow: hidden;
}
#audios.fixed_height
{
    height: 92px;
    overflow: hidden;
}

#decisionLogForm
{
    padding:20px
}
#previousDecisionLogsContainer
{
    height: inherit;
}
.hidden
{
    display:none;
}
#communicatorContainer,#decisionLogsContainer, #new_message_alert,#new_video_alert,#new_photos_alert,#new_tasks_alert,#communicatorForm,#answer_buttons,#decisionLogForm,.thin_actions
{
    display:none;
}
.newQuestion
{
    background-color:#dff0d8 !important;
}
.newResponse{
    background-color:#C5E9FA !important;
}


.table .reponses{
    font-size:15px;
    text-align: center;
    font-weight: bold;
}

#communicatorForm{
    /*height: 127px;*/
}

#answerTables
{
    /*max-height:400px;*/
    /*overflow: auto;*/
}

#logo
{

    height:inherit;
}
.well2{background-color:#f5f5f5;padding:15px;border:1px solid #eee;}

#primaryNavigationContainer .buttons
{

    background:#f5f5f5;margin-bottom:18px;border:1px solid #ddd;-webkit-border-radius:0 0 3px 3px;-moz-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px;
    padding: 10px;padding-bottom: 0px; width:215px;
}
.buttons
{
}
.buttons .seperator
{
    margin:20px 0px;

}
table{
}
.buttons li
{
    margin-bottom: 10px;
}
.buttons li button
{
    width: 100%;
    font-size: 13px !important;
    text-align: left;
}
.button_image
{
    float:left;
}

#jp_video_0,.audioImg,.photoinject{
    cursor: move;
}

#cboxClose{
    font-size: 24px;
    color: gold;
}

#decisionLogTable tr{

    /*font-size:16px;*/

}

#decisionLogTable > tbody > tr > td > p{
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}


.button_pad
{
    padding-bottom: 0px;
    padding-left:5px;
    float:left;
    display:inline;
    margin-top: 1px;
    text-align: left;
}

#primaryNavigation
{
}
#mainContent
{
    background-color: #fff;
    height: 580px;
    /*
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #dbdbdb;
    */
    margin-top: 0px;

}
.content
{


}
#mainLoader
{
    margin-bottom: 0px;

}
#otherSpecificInput
{
    display:none;
}
#contentArea
{
    min-height: 100%;
    width:100%;
    background-image:url('../images/background-width.png');
    background-position: center;
    background-repeat: repeat-y;
    background-color: #e6e6e6;
}
#logout
{
    float: right;
    margin-top:20px;
    color: #fff;
}
.xxlarge
{
    width:500px !important;
}

#processorDocuments > tr{
    border: solid 1px #dadada;
}
.dlogBoxes {

    width:305px !important;
    height:300px;

}

#emptyDlogList {
    margin-top: 10px;
}

#logout:hover
{
    color: #57A957;
}
#notifications
{
    margin-top: 5px;
    margin-bottom:0px;
}
#notifications div div
{
    text-align: center;
}
#commuicatorTextarea
{
    width: 520px;
    margin-top:20px;
    height: 100px;

}
.alpha
{
    margin-left: 0px;
}
.omega
{
    margin-right: -20px;
}
#comBackButton img
{
    position:relative;
}
#communicatorButtons
{
    padding-top:20px;
}
.text-center
{
    text-align: center;
}
.aiEnhanced td{
    background-color: #b64dd630 !important;
}
#photosContainer{

    display:none;
}
#AiContainer{
    display: none;
}
.pressedBtn{
    background-color: #003940;
    color:white;
    
}

#videoContainer
{
    display:none;
}
#audioContainer
{
    display:none;
}
#tasksContainer
{
    display:none;
}
#wordContainer
{
    height: inherit;
    display:none;
}
#documentContainer
{
    display:none;
}

.redactor-toolbar {
    background: rgb(237,237,237) !important;
    background: -moz-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(222,222,222,1) 100%) !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(237,237,237,1)), color-stop(100%,rgba(222,222,222,1))) !important;
    background: -webkit-linear-gradient(top, rgba(237,237,237,1) 0%,rgba(222,222,222,1) 100%) !important;
    background: -o-linear-gradient(top, rgba(237,237,237,1) 0%,rgba(222,222,222,1) 100%) !important;
    background: -ms-linear-gradient(top, rgba(237,237,237,1) 0%,rgba(222,222,222,1) 100%) !important;
    background: linear-gradient(to bottom, rgba(237,237,237,1) 0%,rgba(222,222,222,1) 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#dedede',GradientType=0 ) !important;
    border: 1px solid #bbb !important;
}

.redactor-box.error{
    border: 1px solid #b94a48;
    -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);
}

#documentTableContainer
{
    /*overflow: auto;*/
    /*    height: 810px;*/
}

#photosContainer
{
    display:none;
}



#communicatorContainer
{


}
.documentList{
    /*overflow-y: auto;*/
}
#communicatorMainTable{
    overflow-y: auto;
    overflow-x: hidden;
    width:100%;
}

.communicatorTableContainer
{
    /*    overflow-y: auto;
        overflow-x: hidden;*/
    /*height: 550px;*/
    /*margin-bottom: 10px;*/
    background-color: whitesmoke;background-color: #f5f5f5;
    background-image: url("/images/background/brilliant.png");
    /* This is mostly intended for prototyping; please download the pattern and re-host for production environments. Thank you! */
    position:relative;
}

#communicatorTableContainer
{
    /*overflow: auto;*/
    /*height: 550px;*/
    height: inherit;
}
#communicatorTable
{
    width:inherit;

}
#communicatorTable tbody tr.active
{
    cursor: pointer;
}

/* Style communicator table to look more like a communication list */
#communicatorTable {
    border-collapse: separate;
    border-spacing: 0 12px;
    background: transparent;
}

#communicatorTable thead {
    display: none; /* Hide the header since we're making it look like a list */
}

#communicatorTable tbody tr {
    background: #fff;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    border-radius: 8px;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    margin-bottom: 12px;
}

#communicatorTable tbody tr:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0,0,0,0.15);
    background: #f8f9fa;
}

#communicatorTable td {
    padding: 16px !important;
    border: none;
    vertical-align: top;
}

#communicatorTable td:first-child {
    /* Style for message number */
    color: #6c757d;
    font-size: 14px;
    width: 30px; /* Reduced from 40px */
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    text-align: center;
}

#communicatorTable td:nth-child(2) {
    /* Style for message content */
    color: #2c3e50;
    font-size: 15px; 
    line-height: 1.5;
    padding-right: 24px !important;
}

#communicatorTable td:nth-child(3) {
    /* Style for timestamp */
    color: #6c757d;
    font-size: 13px;
    width: 160px;
    text-align: right !important;
}

#communicatorTable td:last-child {
    /* Style for response count */
    color: #495057;
    font-size: 14px;
    width: 80px;
    text-align: center;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

#communicatorTable td:last-child::before {
    content: '💬 ';
    color: #6c757d;
    font-size: 13px;
}

/* Style for unread messages */
#communicatorTable tr.unreadQuestion {
    border-left: 4px solid #28a745;
}





.table{margin-bottom: 0px;}

.communicatorTable tbody tr.active
{
    cursor: pointer;
}

#communicatorTable tbody tr td:nth-of-type(2) {
    word-break: break-all;
}

.centerText{
    text-align: center;
}

.answerTable
{
    display:none;
    overflow-y: auto;
}
.breadcrumb
{
    margin: 0px;
}
.clocktime
{
    /*margin-top: 10px;*/
    /*padding-left:45px;*/
}
#communicatorContainer #printerButton
{
}


/*temp*/
#backButton
{
    width: 10px;
    height: 10px;

}
#clips li a img
{
    /*   width:105px !important;
      height:82px !important;
    */
}
.arrow_button
{
    margin-bottom: 20px;
}
.arrow_button img
{
    position: relative;
    top:3px;
}

.playerTitleFull, .playerTitleMin{
    font-size: 14px !important;
    margin-left: 0 !important;
}

.playerTitleBig{

    width: 100%;
    height: 25px;
    padding-top:5px;
    color:white;
    font-size: 18px;
    background-color: #000000d4;
    position: absolute;
    z-index: 1000000000;
     animation:signup-response 0.5s 1;
    -webkit-animation:signup-response 0.5s 1;
    animation-fill-mode: forwards;

    animation-delay:10s;
    -webkit-animation-delay:10s; /* Safari and Chrome */
    -webkit-animation-fill-mode: forwards;

}

@keyframes signup-response{
    from {opacity :1;}
    to {opacity :0;}
}

@-webkit-keyframes signup-response{
    from {opacity :1;}
    to {opacity :0;}
}

#cboxClose{
        z-index: 1100000000;
}
.playerTitleMin{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    display: inline-block;

}

.playerAudio{
    max-width: 158px;
}

.playerVideo{
    max-width: 542px;
}

.webPlayer{
    line-height: 1.1 !important;
}
.webPlayer .controls .play-progress .time.duration {
    /*top: 0;*/
}

.webPlayer .controls .play-progress .time.current {
    /*top: 0;*/
}

.newNotice{
    background-color: #b94a48 !important;
}

.showChatBox{
  position: absolute;
  right: 147px;
  bottom: 0;
  width: 200px;
  height: 40px;
  background: black;
  border-radius: 5px 5px 0 0;
}

.showChatBox > * {
  float:left;
}

#chatIframe{
  position: fixed;
 
}

.alerts-border {
    border: 3px #833088 solid;

    animation: blink 1s;
    animation-iteration-count: 3;
}

@keyframes blink {
    50% {
        border-color: black;
    }
}