#columns img, #columns p, #columns h1, #columns h2, #columns h3, #columns h4, #columns h5, #columns h6 {margin: 0; padding: 0; border:none; }
/* End Reset */

/* Keep scroll bar on right hand side of page so the page doesn't jerk around when it changes size */
body { overflow-x: hidden; overflow-y: scroll; background: #EAEFF2; }

.widget-content-readout, .widget-content-gauge, .widget-content-clock, .widget-content-alerts,
#columns table { font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif }

#columns { padding-top: 85px; overflow: hidden; }

#goto_contents .cic-button-icon { width: 22px; height: 30px; margin: 0 auto auto; background: transparent url("../images/dashboard/icons.png") scroll 0 -120px no-repeat; text-indent: -9999em; display: block; }
#goto_contents .cic-button-icon {
    background-position: 0 -413px !important;
}

/* Dashboard Style */
#columns, #header, #dashboard, #new_widget_panel { min-width: 900px; }
#new_widget_panel .widget-menu-wrapper {
    overflow-y: hidden;
    overflow-x: auto;
    white-space: nowrap;
    height: 150px;
}

#dashboard { margin: 5px 0 100px 4px; }

#links .cic-button-icon,
#dashboard_links .cic-button-icon { background: url('../images/dashboard/icons.png') no-repeat 0 0; width: 20px; height: 20px; position: relative; top: 8px; display: block; float: left; text-indent: -9999em; }
#dashboard_links .cic-button-text { padding: 0 6px; }
#dashboard_links .cic-button.pressed .cic-button-text, #dashboard_links .cic-button:active .cic-button-text { padding: 2px 5px 0 7px; }
.settings-button { overflow: hidden;
                   text-overflow: ellipsis;
                   white-space: nowrap;
}
.cic-button-icon-labelled { margin-right: 3px; }

#new_col_left .cic-button-icon { background-position: 0 -20px; }
#share_dashboard .cic-button-icon { background-position: 0 -40px; }
#delete_dashboard .cic-button-icon { background-position: 0 -60px; }
#open_panel .cic-button-icon { background-position: 0 -80px; }
#tab_menu .cic-button-icon {background-position: 0 -360px; }
#add_report .cic-button-icon { background-position: 0 -160px; }
#open_settings .cic-button-icon { background-position: 0 -200px; }
#filter_reports .cic-button-icon { background-position: 0 -260px; }
#clone_dashboard .cic-button-icon { background-position: 0 -435px; }
#open_v7 .cic-button-icon, #view_v7 .cic-button-icon {
    background: url('../images/dashboard/VIEWv7.svg') no-repeat 0 0;
    background-size: 20px 20px;
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7464%) hue-rotate(129deg) brightness(113%) contrast(105%);
}
#open_v7 .cic-button-icon-labelled {
    margin-right: 5px;
}

#view_v7 .cic-button-icon-labelled {
    margin-right: 5px;
    margin-top: 8px;
}
#open_v7.cic-button.hidden {
    display:none;
}
#drag_column { height: 10px; min-height: 10px; }

#pause_carousel .cic-button-icon { background-image: url('../images/dashboard/playPause.png'); }
#pause_carousel .cic-button-icon.play { background-position: 0 -20px; color: black }

/* Dashboard Widget Style */
.column { float: left; width: 49.8%; min-height: 200px; height: auto; min-width: 100px; }
.column.single-column { width: 99.8%; }

.widget-head { color: #666; overflow: hidden; height: 39px; line-height: 39px; padding: 1px 1px 0 0; }
.widget-head-right { height: 39px; float: right; padding-top: 1px; width: 60px; position: relative; }
.widget-head-right-download { height: 39px; float: right; padding-top: 1px; width: 5px; position: relative; }
.widget-dialog-head-right { width: 6px; }
.widget-footer { height: 12px; margin-left: 12px; }
.widget-footer-left { height: 12px; width: 12px; float: left; }
.widget-title { font-size: 13pt; position: relative; left: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 0; }
#columns .widget-title { left: 5px;}
#columns .resize-widget .widget-title { padding-right: 70px;}
.widget-border-left  { padding: 0 0   0 2px; background: transparent url("../images/dashboard/module-shadow-left.png")  repeat-y top left; }
.widget-border-right { padding: 0 4px 0 2px; background: transparent url("../images/dashboard/module-shadow-right.png") repeat-y top right; }
.widget-description { display: none;  }

.module-message{width:100%;color:#999;text-align:center;padding-top:20px;height: 20px;overflow: hidden}

.widget-content {
    background: #EFEFEF url("../images/dashboard/widget-content.png") no-repeat center 0;
    overflow: visible;
    margin: 0 1px 0 1px;
    position: relative;
}

.widget-content .ui-resizable-handle { height: 12px; bottom: -11px; z-index: 899; background: transparent url("../images/dashboard/module_icons.png") scroll center -27px no-repeat; }

.widget.color-transparent .widget-border-right,
.widget.color-transparent .widget-border-left {
    background: none;
}

.widget.color-transparent .widget-content,
.widget-content.transparent {
    background: transparent;
    border: none;
}

.widget-content.printing {
    position: fixed;
    z-index: 9000;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border: 0;
    background: #fff;
}

.widget-head        { background-position: left  top;   background-color: transparent; background-repeat: no-repeat; }
.widget-head-right  { background-position: right top;   background-color: transparent; background-repeat: no-repeat; }
.widget-head-right-download  { background-position: right top;   background-color: transparent; background-repeat: no-repeat; }
.widget-footer      { background-position: right -56px; background-color: transparent; background-repeat: no-repeat; }
.widget-footer-left { background-position: left  -56px; background-color: transparent; background-repeat: no-repeat; }

.widget-table-footer.widget-footer      { background-position: right -322px; }
.widget-table-footer.widget-footer-left { background-position: left  -322px; }

.widget-head, .widget-head-right, .widget-head-right-download, .widget-footer, .widget-footer-left { background-image: url('../images/dashboard/module.png'); }

.widget.maximised {
    /* top: same as dashbpard offset */
    bottom: 0;
    left:  -6px;
    right: -5px;
    position: absolute;
}

/* Widget content style */
.widget-content p.big { padding: 5px; text-shadow:0 0 5px rgba(0, 0, 0, 0.25); text-align: center; }
.widget-content .table { width: 100%; background: #fff; font-size: 0.9em; }
.widget-content .table a { text-decoration: underline; }

/* Widget Colors */
.colors .color-black  { background: #EEE; }
.colors .color-white  { background: #4A6E7F; }
.colors .color-orange { background: #de391a; }
.colors .color-green  { background: #1c7940; }
.colors .color-red    { background: #961932; }
.colors .color-blue   { background: #3f4c6b; }
.colors .color-transparent { background: #fff url('../images/hidden-tile.gif') repeat top left; }
/* Blue */
.color-blue .widget-head-right { background-position: right -220px; }
.color-blue .widget-head { background-position: left -220px; }
.color-blue .resize-widget-head-right, .color-blue .resize-widget-head{
    background-color: #211756;
    background-image: none;
    background-image: linear-gradient(to bottom, #211756, #0A0425);
    background-position: left 0;
}
/* Black */
.color-black .widget-head-right { background-position: right -270px; }
.color-black .widget-head { background-position: left -270px; }
.color-black .resize-widget-head-right, .color-black .resize-widget-head{
    background-color: #D7D7D7;
    background-image: none;
    background-image: linear-gradient(to bottom, #D7D7D7, #B0B0B0);
    background-position: left 0;
    border-color: #B4B4B4;
}
/* Orange */
.color-orange .widget-head-right { background-position: right -120px; }
.color-orange .widget-head { background-position: left -120px; }
.color-orange .resize-widget-head-right, .color-orange .resize-widget-head{
    background-color: #B11212;
    background-image: none;
    background-image: linear-gradient(to bottom, #B11212, #670807);
    background-position: left 0;
}
/* Green */
.color-green .widget-head-right { background-position: right -170px; }
.color-green .widget-head { background-position: left -170px; }
.color-green .resize-widget-head-right, .color-green .resize-widget-head{
    background-color: #09632D;
    background-image: none;
    background-image: linear-gradient(to bottom, #09632D, #023616);
    background-position: left 0;
}
/* Red */
.color-red .widget-head-right { background-position: right -70px; }
.color-red .widget-head { background-position: left -70px; }
.color-red .resize-widget-head-right, .color-red .resize-widget-head{
    background-color: #900924;
    background-image: none;
    background-image: linear-gradient(to bottom, #900924, #48000D);
    background-position: left 0;
}

.color-transparent .widget-head,
.color-transparent .widget-head-right,
.color-transparent .widget-footer,
.color-transparent .widget-footer-left {
    background: transparent;
    box-shadow: none;
    border-style: none;
}

/* Dark colours should have white text */
.color-red    .widget-title,
.color-blue   .widget-title,
.color-green  .widget-title,
.color-orange .widget-title,
.color-white  .widget-title {
    text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.8);
    color: #FFF;
}
/* Light colours should have grey text */
.color-black .widget-title,
.color-transparent .widget-title {
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
    color: #666;
}

.color-white.badge .widget-content {
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.8);
    color: #4F4F4F;
}

/* Colours for visual alerts*/
.priority5 { color: #356A36; font-weight: 700;}
.priority4 { color: #00719B; font-weight: 700;}
.priority3 { color: #4A264A; font-weight: 700;}
.priority2 { color: #C44A07; font-weight: 700;}
.priority1 { color: #990000; font-weight: 700;}

.widget-content-readout .priority5, .widget-content-readout .priority4, .widget-content-readout .priority3, .widget-content-readout .priority2, .widget-content-readout .priority1 { font-weight: normal; }

/* End Colors */

.template .widget-content { background: transparent url('../images/dashboard/stripe.png') repeat top left; }

#event_feed_wrap {
    float: right;
    margin-left: 5px;
    margin-top: 3px;
    width: 35px;
    height: 31px;
    background: transparent url('../images/loading-slow.gif') no-repeat center center;
}
#event_feed_wrap.connecting { background-image: url('../images/loading-fast.gif'); }
#event_feed_wrap.connected { background: none; }

#event_feed3_wrap {
    float: right;
    margin-left: 5px;
    margin-top: 3px;
    height: 31px;
    background: #4b7686 url('../images/dashboard/eventfeed-status.png') no-repeat 0 -55px;
    border-radius: 4px;
    overflow: hidden;
}
#event_feed3_wrap.connecting { background-position-y: -56px }
#event_feed3_wrap.connected { background-position-y: -1px }
#event_feed3_wrap.disconnected { background-position-y: -111px }
#event_feed_label {
    font-size: 100%;
    overflow: hidden;
    padding-right: 10px;
    font-weight: bold;
}
#event_feed_status {
    font-size: 75%;
    line-height: 7px;
}
#event_feed_label, #event_feed_status {
    color: #FFF;
    text-align: left;
    padding-left: 15px;
    white-space: nowrap;
}

/* Dashboard modules */
.widget-content-clock { height: 7.3em; }
.widget-content-clock .clock_time { font-size: 4.5em; text-align: center; padding: 10px; line-height: 50px; }
.widget-content-clock .clock_date { font-size: 1.2em; text-align: center; padding: 0 10px 10px; line-height: 1em; color: #576A75; }

.widget-content-gauge .gauge { padding: 10px; visibility: hidden; height: 180px; position: relative; top: 0; left: 0; width: 301px; margin: 0 auto; overflow: hidden; }
.widget-content-gauge .dial { margin: auto; overflow: hidden; }
.widget-content-gauge .dial-background { position: absolute; top: 0; left: 0; }
.widget-content-gauge .gauge-value { text-align: center; font-size: 1.5em; top: 175px; position: absolute; left: 0; width: 321px; }
.widget-content-gauge .labels { /*width: 300px; margin: auto;*/top: 0; position: relative; }
.widget-content-gauge .min-label { position: absolute; width: 50%; top: 0; left: 0;  text-align: left; }
.widget-content-gauge .max-label { position: absolute; width: 50%; top: 0; right: 0; text-align: right }
.widget-content-gauge { overflow: hidden; }
.widget-content-gauge .dial { background: transparent url('../images/dashboard/gauge.png') no-repeat center top; height: 164px; width: 301px; }
.widget-content-gauge .labels { width: 301px; margin: auto; }

.widget-content-readout { height: 68px; }
.widget-content-readout .value_wrap { line-height: 50px; height: 100%; padding: 0 10px 0; text-align: center; font-size: 4.5em; white-space: nowrap; }
.widget-content-readout .manual { word-wrap: break-word; white-space: normal; line-height: normal; }
.widget-content-readout .scroll { overflow-y: scroll; }
.widget-content-readout .no-scroll { display: inline-block; }

.legend-colour { height: 12px; width: 12px; border: 1px solid #444; margin: 4px; }
.legend-row td { padding: 0 3px; }

.widget-loading { background: #fff url('../images/dashboard/module-loading.gif') no-repeat center center; }

.widget-rerun-report {cursor: pointer;background: url(../images/dashboard/rerun-report.png) 0px 0px no-repeat;height: 30px;width: 30px; float: left;
}
.widget-queue-report {cursor: pointer;background: url(../images/dashboard/queue-report.png) 0px 0px no-repeat;height: 30px;width: 30px; float:left; padding: 10px;
}
.failed-report-buttons {margin-left: auto;margin-top: 10px;margin-right: auto;width: 80px;position: relative;height: 32px;
}
.new-view-report-link-button {margin-left: auto;margin-top: 10px;margin-right: auto;position: relative;height: 32px; display: flex; justify-content: center;
}
.widget-content-piechart  { height: 240px; }
.widget-content-barchart  { height: 200px; }
.widget-content-datechart { height: 180px; }
.widget-content-report    { height: 200px; }
.widget-content-multireadout { overflow: hidden; min-height: 50px; }

.multi-readout-table { width: 100%; margin-bottom: -7px; }
.multi-readout-row   { background: #EAEBEB url('../images/dashboard/multi-readout.png') repeat-x 0 0; line-height: 50px;  }
.multi-readout-label { font-size: 14pt; color: #777; padding-left: 10px; }
.multi-readout-value { font-size: 22pt; text-align: right; font-weight: bold; padding-right: 5px; padding-top: 4px; line-height: 46px; font-family: 'Arial'; }

.widget-content-agentgroup { min-height: 150px; overflow-x: auto; }
.widget-content-agentgroup.resizable { min-height: 150px; overflow: visible; }
.widget-content-userstates { min-height: 50px; overflow-x: auto; }
.widget-content-userstates.resizable { min-height: 50px; overflow: visible; }
.widget-content-queues { min-height: 100px; overflow-x: auto; }
.widget-content-queues.resizable { min-height: 100px; overflow: visible; }
.agentgroup-agents-scroll { overflow: auto; }
.widget-content-queues { min-height: 50px; overflow-x: auto; }
.widget-content-dialcampaign { min-height: 50px; overflow-x: auto; }
.widget-content-scheduledcalls { min-height: 150px; }

.resize-widget {
    background: #efefef none repeat scroll 0 0;
    position: relative;
}

.resize-widget-head, .resize-widget-head-right {
    background-color: #325869;
    background-image: none;
    background-image: linear-gradient(to bottom, #325869, #002c3f);
    border-style: solid;
    border-color: #002c3f;
    color: #ffffff;
    font-size: 1.3em;
    font-weight: bold;
    height: 40px;
    line-height: 40px;
    text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.8);
}

.resize-widget-head {
    border-radius: 4px 0 0 0;
    border-width: 1px 0 1px 1px;
    margin: 3px 7px 0 3px;
    box-shadow: -2px 2px 5px -3px rgba(0, 0, 0, 0.9);
}

.resize-widget-head-right {
    border-radius: 0 4px 0 0;
    border-width: 1px 1px 1px 0;
    margin: 0 5px 0 0;
    box-shadow: 2px 0 2px 0 rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
}

/*.agentgroup-agents { margin-bottom: -5px; }*/
.agentgroup-gauges-background { background: transparent url('../images/dashboard/gauges-background.png') repeat-x 0 0; text-align: center; }
.agentgroup-gauges td { border-bottom: 1px solid #ccc; border-top: 1px solid #fff; }
.agentgroup-agents, .agentgroup-stats { width: 100%; }
.agentgroup-stats-gauges { max-width: 700px; margin: 0 auto; }
.donut-gauge { width: 90px; margin: 5px auto; position: relative; overflow: hidden; }
.donut-gauge, .donut-background-left { height: 108px; background: transparent url('../images/dashboard/donut-gauge-background.png') no-repeat 0 0; }
.donut-background-left { width: 44px; position: absolute; top: 0; left: 0; z-index: 100; }

.agentgroup-agents.agents-hide { display: none; }

.agents-loggedon .agentgroup-agent.loggedoff  { display: none; }
.agents-loggedontoday .agentgroup-agent.notloggedontoday { display: none; }

.users-loggedon .agentgroup-agent.loggedoff  { display: none; }
.users-loggedontoday .agentgroup-agent.notloggedontoday { display: none; }

.queues-active_queues .inactive {display: none;}
.queues-active_queues .no-queues {display: none;}
.no-active-queues-row.no-queues {display: none;}
.no-active-queues-row{color:#999;font-size: 16px; display: flex; justify-content: space-around; margin-top: 15px;}

.agent-display-options { width:100%; }
.agent-display-options a, .show-agent-subgroups a, .anonymise-names a { color: #fff; }

.show-agent-subgroups, .anonymise-names {
    margin-top: 10px;
    margin-left: 3px;
    margin-bottom: 8px;
}
#sound_notification_toggle a { color: #fff; }

#sound_notification_toggle {
    margin-top: 8px;
    margin-bottom: 2px;
}

.row-height-control-container { height: 46px; width: 25px; float:left; }
.row-height-increase { height: 18px; width: 25px; background: transparent url('../images/table/datagrid-next-prev.png') no-repeat -100px -7px; cursor: pointer; }
.row-height-increase.hover { background-position: -123px -7px; }
.row-height-decrease { height: 18px; width: 25px; background: transparent url('../images/table/datagrid-next-prev.png') no-repeat -100px -34px; cursor: pointer; }
.row-height-decrease.hover { background-position: -123px -34px; }
.row-height-value { color: #fff; font-size: 35px; float:left; line-height:32px; }

.donut-label {
    width: 100%;
    bottom: 1px;
    left: 0;
    position: absolute;
    z-index: 201;
    color: #666;
    font-weight: bold;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.8);
    text-align: center;
    font-family: Verdana, sans-serif;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-left: 1px;
    cursor: default;
}

.donut-value {
    position: absolute;
    z-index: 200;
    top: 0; bottom: 0; right: 0; left: 0;
    background: transparent url('../images/dashboard/donut-gauge-foreground.png') no-repeat 0 0;
    padding-top: 34px;
    font-weight: bold;
    color: #555;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.8);
    text-align: center;
    font-size: 22pt;
}
.donut-dial { width: 84px; height: 84px; position: absolute; top: 2px; left: 2px; }

.donut-left, .donut-right { zoom: 1; position: absolute; width: 42px; height: 84px; top: 0; left: 0; background-color: transparent; background-repeat: no-repeat; background-position: left top; }
.donut-right { background-position: right top; left: 41px; }
.donut-dial-right { display: none; z-index: 101; }
.donut-dial-left { z-index: 99; }

.donut-available    { background-image: url('../images/dashboard/gauge-available.png'); }
.donut-oninbdcalls  { background-image: url('../images/dashboard/gauge-incoming.png'); }
.donut-onoutbdcalls { background-image: url('../images/dashboard/gauge-outgoing.png'); }
.donut-unavailable  { background-image: url('../images/dashboard/gauge-unavailable.png'); }
.donut-callsetup    { background-image: url('../images/dashboard/gauge-callsetup.png'); }
.donut-inwrap       { background-image: url('../images/dashboard/gauge-wrap.png'); }

.agentgroup-summary  { background: url("../images/dashboard/multi-readout.png") repeat-x scroll 0 bottom #EAEBEB; }
.agentgroup-summary td { border: 1px solid #fff; border-color: #fff #E1E2E3 #E1E2E3 #fff; padding: 2px 0 0 7px; }
.agentgroup-stat-label { color: #999; }
.agentgroup-stat-value { width: 88px; height: 30px; line-height: 26px; font-size: 20pt; font-weight: bold; color: #666; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.8); }

.agentgroup-stats, .agentgroup-agents { border-collapse: separate; border-spacing: 0; }
.agentgroup-agents-header { text-align: center; }
.alert-head,
.agentgroup-agents-header th, .agentgroup-agents-header div { font-variant: small-caps; font-weight: normal; color: #999; background: #F6F6F6;  border-top-width: 2px; }
.agentgroup-agent { color: #666; font-size: 10.5pt; line-height: 32px; }
.dialcampaign-row { background: #EFEFEF; font-size: 12pt; line-height: 24px; color: #666 }
.tableview-row { background: #F4F4F4; }
.dialcampaign-status { width: 108px; }
.queue-row, .tableview-row { color: #999; font-size: 12pt; line-height: 24px; }
.queue-row td, .tableview-row div { text-align: center; cursor: pointer; padding-left: 10px; padding-right: 10px;}
.queue-row td.unpublished { cursor: default; }
.queue-row td.hover { text-decoration: underline; }
.queue-row .queue-row-queuename:hover, .dialcampaign-row .dialcampaign-row-dialcampaignname:hover { border-bottom: 1px solid #e1e2e3 !important;}
.queue-row td.customAlert { text-decoration: underline;}
.queue-row-queuename { padding: 0 7px; text-align: left !important;}
.dialcampaign-row-dialcampaignname, .tableview-row-tableviewname { padding: 0 7px; text-align: left !important; vertical-align: middle; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 150px; }
.tableview-row-tableviewname {text-indent: 20px;}
.queue-row.alt{ background: #f4f4f4; }
.sortable { cursor: pointer; }
.agentgroup-agent.alt { background: #f4f4f4; }
.agentgroup-agent-name { padding: 0 7px; white-space: nowrap; }
.agentgroup-agents-status { width: 96px; }
.agentgroup-agents-name { text-align: left; padding: 0 7px; }
.agent-stat { text-align: center; }
.agentgroup-agent-duration, .agentgroup-agent-duration-custom, .agentgroup-agent-duration-call { width: 86px; background: transparent url('../images/dashboard/agent-status-duration.png') no-repeat 0 4px; text-align: right; padding-right: 10px ; }
.agentgroup-agent-duration-call.nocall { background: none; }
.thin .agentgroup-agent-duration, .thin .agentgroup-agent-duration-custom { width: 86px; background: transparent url('../images/dashboard/agent-status-duration-small.png') no-repeat 0 4px; text-align: right; padding-right: 10px ; }
.thin { font-size: 14px; }
.agentgroup-agent.loggedoff .agentgroup-agent-duration, .agentgroup-agent.loggedoff .agentgroup-agent-duration-custom { background: none; }
.agentgroup-agent.loggedoff { color: #999; }
.agentgroup-agent.loggedoff .status-text { text-shadow: none; }
.agent-stat.TableID, .agent-stat.TableViewID { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 150px;}

.agent-status-badge { height: 29px; width: 108px; margin-top: 2px; background: transparent url('../images/dashboard/agent-status.png') no-repeat 0 0; }
.thin .agent-status-badge { height: 19px; width: 108px; margin-top: 2px; background: transparent url('../images/dashboard/agent-status-small.png') no-repeat 0 0; }
.blank.agent-status-badge { height: 29px; width: 108px; line-height: 34px; color: #FFFFFF; background: transparent url('../images/dashboard/agent-status-blank.png') no-repeat 0 0; }
.thin .blank.agent-status-badge { height: 24px; width: 108px; line-height: 22px; top: -7%; color: #FFFFFF; background: transparent url('../images/dashboard/agent-status-small-blank.png') no-repeat 0 0; }

.thin .user-status{ height: 20px;}

.agent-status-custom { color: #000; font-weight: bold; white-space: nowrap;}
.agent-status-custom.unavailable { color: #000; }
.agent-status-custom.loggedoff { color: #666; }
.agent-status-custom.outbound { color: #4A264A; }
.agent-status-custom.inbound,
.agent-status-custom.sms,
.agent-status-custom.email,
.agent-status-custom.im,
.agent-status-custom.onthephone,
.agent-status-custom.socialmediapublic2,
.agent-status-custom.socialmediadirect2,
.agent-status-custom.socialmediapublic1,
.agent-status-custom.socialmediadirect1
{ color: #990000; }
.agent-status-custom.available,
.agent-status-custom.internalonly,
.agent-status-custom.directonly
{ color: #356A36; }
.agent-status-custom.active { color: #356A36; }
.agent-status-custom.callsetup { color: #C44A07; }
.agent-status-custom.inboundcallsetup,
.agent-status-custom.outboundcallsetup,
.agent-status-custom.smssetup,
.agent-status-custom.emailsetup,
.agent-status-custom.imsetup,
.agent-status-custom.ringing,
.agent-status-custom.makingcall,
.agent-status-custom.socialmediapublicsetup2,
.agent-status-custom.socialmediadirectsetup2,
.agent-status-custom.socialmediapublicsetup1,
.agent-status-custom.socialmediadirectsetup1
{ color: #C44A07; }
.agent-status-custom.wrapup,
.agent-status-custom.wrap
{ color: #00719B; }

.table-sorted-asc  { background: #f6f6f6 url('../images/table/real_time_table_ascending.png') repeat-x right bottom !important; padding-left: 10px; padding-right: 15px; }
.table-sorted-desc { background: #e7e7e7 url('../images/table/real_time_table_descending.png') repeat-x right bottom !important; padding-left: 10px; padding-right: 15px;}

/*.agent-status-custom { padding-left: 8px; padding-right: 8px; }*/

.agent-stat.CurrentQueue { white-space: nowrap; }
/*
color: #fff;
font-weight: bold;
text-align: center;
text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.2);
 */
.agent-status-badge.available,
.agent-status-badge.internalonly,
.agent-status-badge.directonly   { background-position: 0 -30px; }
.agent-status-badge.callsetup,
.agent-status-badge.makingcall,
.agent-status-badge.ringing   { background-position: 0 -60px; }
.agent-status-badge.inbound     { background-position: 0 -90px; }
.agent-status-badge.outbound    { background-position: 0 -120px; }
.agent-status-badge.wrapup,
.agent-status-badge.wrap		{ background-position: 0 -150px; }
.agent-status-badge.unavailable { background-position: 0 -180px; }
.agent-status-badge.loggedoff   { background-position: 0 -210px; }
.agent-status-badge.smssetup    { background-position: 0 -240px; }
.agent-status-badge.sms         { background-position: 0 -270px; }
.agent-status-badge.emailsetup  { background-position: 0 -300px; }
.agent-status-badge.email       { background-position: 0 -330px; }
.agent-status-badge.imsetup,
.agent-status-badge.chatsetup   { background-position: 0 -360px; }
.agent-status-badge.im,
.agent-status-badge.chat        { background-position: 0 -390px; }
.agent-status-badge.onthephone   { background-position: 0 -420px; }
.preview .agent-status-badge.callsetup { background-position: 0 -570px;}


.blank.agent-status-badge.available  { background-position: 0 -29px; }
.blank.agent-status-badge.callsetup,
.blank.agent-status-badge.inboundcallsetup,
.blank.agent-status-badge.outboundcallsetup,
.blank.agent-status-badge.makingcall,
.blank.agent-status-badge.ringing   { background-position: 0 -59px; }
.blank.agent-status-badge.inbound     { background-position: 0 -89px; }
.blank.agent-status-badge.outbound    { background-position: 0 -119px; }
.blank.agent-status-badge.wrapup,
.blank.agent-status-badge.wrap		{ background-position: 0 -149px; }
.blank.agent-status-badge.unavailable,
.blank.agent-status-badge.available-internalonly,
.blank.agent-status-badge.available-directonly  { background-position: 0 -179px; }
.blank.agent-status-badge.loggedoff   { color: #999999; background-position: 0 -209px; }
.blank.agent-status-badge { background-position: 0 0px; }

.blank.agent-status-badge.smssetup,
.blank.agent-status-badge.emailsetup,
.blank.blank.agent-status-badge.imsetup,
.blank.agent-status-badge.chatsetup,
.blank.agent-status-badge.trustpilotsetup,
.blank.agent-status-badge.twitterdmsetup,
.blank.agent-status-badge.twittersetup,
.blank.agent-status-badge.facebooksetup,
.blank.agent-status-badge.facebookdmsetup,
.blank.agent-status-badge.whatsappsetup,
.blank.agent-status-badge.linesetup,
.blank.agent-status-badge.instagramdmsetup,
.blank.agent-status-badge.instagramsetup,
.blank.agent-status-badge.twitterpublicsetup,
.blank.agent-status-badge.googlebusinessmessagesetup,
.blank.agent-status-badge.socialmediasetup,
.blank.agent-status-badge.preview { background-position: 0 -59px; }

.blank.agent-status-badge.sms,
.blank.agent-status-badge.email,
.blank.agent-status-badge.im,
.blank.agent-status-badge.chat,
.blank.agent-status-badge.onthephone,
.blank.agent-status-badge.trustpilot,
.blank.agent-status-badge.twitter,
.blank.agent-status-badge.facebook,
.blank.agent-status-badge.twitterdm,
.blank.agent-status-badge.facebookdm,
.blank.agent-status-badge.whatsapp,
.blank.agent-status-badge.line,
.blank.agent-status-badge.instagramdm,
.blank.agent-status-badge.instagram,
.blank.agent-status-badge.twitterpublic,
.blank.agent-status-badge.googlebusinessmessage,
.blank.agent-status-badge.socialmedia { background-position: 0 -89px; }

.agent-status-badge.socialmediapublicsetup2,
.agent-status-badge.socialmediadirectsetup2   { background-position: 0 -450px; }
.agent-status-badge.socialmediapublic2,
.agent-status-badge.socialmediadirect2   { background-position: 0 -480px; }
.agent-status-badge.socialmediapublicsetup1,
.agent-status-badge.socialmediadirectsetup1   { background-position: 0 -510px; }
.agent-status-badge.socialmediapublic1,
.agent-status-badge.socialmediadirect1   { background-position: 0 -540px; }



.status-text-container {
    height: 30px;
    width: 94px;
    margin-left: 7px;
    /*position: absolute;*/
    overflow: hidden;
}

.status-text {
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    font-family: Verdana, sans-serif;
    font-size: 11px;
    text-shadow: -1px -1px 0 rgba(0,0,0,.4);
    height: 28px;
    line-height: 29px;
}

.thin .status-text {
    height: 16px;
    line-height: 22px;
}

.inanimate {
    left: 0;
    right: 0;
}

.animated {
    animation-name:  scroll-left;
    animation-duration: 5s;
    animation-timing-function: linear;
    animation-delay: 0s;
    animation-iteration-count: infinite;
}

@keyframes scroll-left {
    0% { transform: translateX(0px); opacity: 0; }
    10% { transform: translateX(0px); opacity: 1; }
    30% { transform: translateX(0px); }
    100% { transform: translateX(-105%); }
}

.agent-listen-in,
.agent-barge-in,
.agent-set-unavailable,
.agent-set-toggle {
    height: 26px;
    width:  28px;
    margin: 2px 0 0 2px;
    float:  left;
    background: transparent url('../images/dashboard/agent-status-duration.png') no-repeat -160px 0;
}

.unavailable .agent-set-toggle,
.agent-set-loggedoff {
    height: 26px;
    width:  28px;
    margin: 2px 0 0 2px;
    float:  left;
    background: transparent url('../images/dashboard/set-agent-status.png') no-repeat 0;
}

.thin .agent-listen-in,
.thin .agent-barge-in,
.thin .agent-set-unavailable,
.thin .agent-set-toggle {
    background: transparent url('../images/dashboard/agent-status-duration-small.png') no-repeat -160px 0;
    height: 20px;
}

.thin.unavailable .agent-set-toggle,
.thin .agent-set-loggedoff {
    background: transparent url('../images/dashboard/set-agent-status-small.png') no-repeat 0;
    height: 20px;
}

.agent-barge-in, .thin .agent-barge-in { background-position: -190px 0; }
.agent-set-unavailable { background-position: -280px; cursor: pointer }
.agent-set-toggle { background-position: -280px; cursor: pointer }
.agent-set-loggedoff { background-position: -60px; cursor: pointer }

.thin .agent-set-unavailable { background-position: -280px 0; cursor: pointer }
.thin .agent-set-toggle { background-position: -280px 0; cursor: pointer }
.thin.unavailable .agent-set-toggle { background-position: 0 0; cursor: pointer }
.thin .agent-set-loggedoff { background-position: -60px 0; cursor: pointer }

.agentgroup-agent.inbound  .agent-listen-in,
.agentgroup-agent.outbound .agent-listen-in {
    background-position: -100px 0;
    cursor: pointer;
}

.agentgroup-agent.inbound  .agent-barge-in,
.agentgroup-agent.outbound .agent-barge-in {
    background-position: -130px 0;
    cursor: pointer;
}

.agentgroup-agent.loggedoff .agent-set-unavailable { background-position: -310px; cursor: default; }
.agentgroup-agent.loggedoff .agent-set-loggedoff { background-position: -90px; cursor: default; }
.agentgroup-agent.loggedoff .agent-set-toggle { background-position: -310px; cursor: default; }

.thin.agentgroup-agent.loggedoff .agent-set-unavailable { background-position: -310px 0; cursor: default; }
.thin.agentgroup-agent.loggedoff .agent-set-loggedoff { background-position: -90px 0; cursor: default; }
.thin.agentgroup-agent.loggedoff .agent-set-toggle { background-position: -310px 0; cursor: default; }

.agent-listen-in.connecting,
.agent-barge-in.connecting,
.agent-set-unavailable.connecting,
.agent-set-toggle.connecting,
.agent-set-loggedoff.connecting
{
     background: transparent url('../images/loading-small-transparent.gif') no-repeat center center !important;
}

.user-status{
    height: 29px;
    text-align: center;
    width: 108px;
}




/*.agent-listen-in.pressed {
    background-position: -220px 0;
    cursor: default;
}

.agent-barge-in.pressed {
    background-position: -250px 0;
    cursor: default;
}*/

.agentgroup-agents-monitor { width: 60px; }
.agentgroup-agents-set-status { width: 30px; }

#dashboard { color: #008BBF; }
#new_tab_menu { width: 400px; }
#new_tab_description{
    resize: none;
    width: 99%;
}
#new_tab_form { padding-top: 10px; }

#name_first_dashboard { width: 500px; left: 50%; top: 35%; margin-left: -250px; margin-top: -100px; position: absolute; }
#tab_type_intro { padding-top: 10px; }
#tab_type_options { width: 400px; float: left; margin-top: 8px; margin-bottom: 8px;}
.dialog-widget-content { padding: 5px 10px; }
.dialog-widget-head { text-indent: 10px; }
.dialog-widget-head-right { width: 10px; }

#dashboard .message { margin-top: 0.5em; }

.shared-icon, .tab-text .shared-icon { display: block; float: right; width: 20px; height: 18px; margin: 3px 0 0 3px; background: url(../images/dashboard/icons.png) no-repeat center -100px; text-indent: -9999em; }
.shared-tab {
    background: url(../images/dashboard/icons.png) no-repeat right -100px;
    padding-right: 30px;
}


/*
 * -----------------------------------------------------------------------------------------------------------------
 * Styles for interactive parts of page.
 */

.widget-icon {
    display: block;
    width: 30px;
    height: 24px;
    outline: none;
    text-indent: -9999em;
    background: url("../images/dashboard/widget-icons.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
}

.widget-icon.remove { background-position: -34px  0; position: absolute; top: 9px; right: 4px; }
.widget-icon.edit   { background-position: 0  0;     position: absolute; top: 9px; right: 34px; }
.widget-icon.collapse     { background-position: -94px  0; float: left;  margin: 9px 0 0 9px; width: 24px; }
.collapsed .widget-icon.collapse { background-position: -64px 0; }

/*.widget-placeholder { margin: 1px 0 1px 4px; }*/

/* Blue */
.color-blue .widget-icon.edit     { background-position:   0   -120px; }
.color-blue .widget-icon.remove   { background-position: -34px -120px; }
.color-blue .widget-icon.collapse { background-position: -94px -120px; }
.color-blue.collapsed .widget-icon.collapse { background-position: -64px -120px; }
/* Black */
.color-black .widget-icon.edit     { background-position:   0   -150px; }
.color-black .widget-icon.remove   { background-position: -34px -150px; }
.color-black .widget-icon.collapse { background-position: -94px -150px; }
.color-black.collapsed .widget-icon.collapse { background-position: -64px -150px; }
/* Orange */
.color-orange .widget-icon.edit     { background-position:   0   -60px; }
.color-orange .widget-icon.remove   { background-position: -34px -60px; }
.color-orange .widget-icon.collapse { background-position: -94px -60px; }
.color-orange.collapsed .widget-icon.collapse { background-position: -64px -60px; }
/* Green */
.color-green .widget-icon.edit     { background-position:   0   -90px; }
.color-green .widget-icon.remove   { background-position: -34px -90px; }
.color-green .widget-icon.collapse { background-position: -94px -90px; }
.color-green.collapsed .widget-icon.collapse { background-position: -64px -90px; }
/* Red */
.color-red .widget-icon.edit     { background-position:   0   -30px; }
.color-red .widget-icon.remove   { background-position: -34px -30px; }
.color-red .widget-icon.collapse { background-position: -94px -30px; }
.color-red.collapsed .widget-icon.collapse { background-position: -64px -30px; }

#report_preview_message,
.report-message,
.report-header {
    height: 29px;
    overflow: hidden;
    margin: 0 1px;
    background: transparent url('../images/table/table_header.png') repeat-x center bottom;
}

#report_preview_message,
.report-message {
    font-size: 14px;
    text-align: center;
    padding: 5px 0;
    height: auto;
    color: #777;
}

#report_preview_message.hidden {
    display: none;
}

#columns .report-export,
#columns .report-display-options {
    height: 20px;
    padding: 2px;
    float: left;
}

#columns .report-export {
    float: right;
}

.report-export-option,
.report-display-options .display-option {
    float: left;
    width: 28px;
    height: 24px;
    cursor: pointer;
    background: transparent url('../images/dashboard/report-display-icons.png') no-repeat left -24px;
}

.report-export-option.download-csv { background-position: -112px 0; }
.report-export-option.download-csv.disabled  { pointer-events: none; opacity: 0.3; }
.report-export-option.queued-report { background-position: -140px 0; }
.report-export-option.print        { background-position: -140px 0; }
.report-export-option.filter       { background-position: -196px 0; }

.report-display-options .png_pie,
.report-display-options .pie      { background-position: -28px  -24px; }
.report-display-options .png_line,
.report-display-options .line     { background-position: -56px  -24px; }
.report-display-options .csv,
.report-display-options .grid     { background-position: -84px  -24px; }
.report-display-options .csv_treegrid,
.report-display-options .treegrid { background-position: -84px  -24px; }
.report-display-options .csv_matrix,
.report-display-options .matrix   { background-position: -168px -24px; }
.report-display-options .xml      { background-position: -224px -24px; }
.report-display-options .xls      { background-position: -280px -24px; }
.report-display-options .xls_template_mapping, .report-display-options .iex_mapping {
    background: transparent url('../images/dashboard/templatemapping.png') no-repeat;
    cursor: default;
}
.report-display-options .email_table  { background-position: -252px  -24px; }

.report-display-options .selected.png_bar,
.report-display-options .multibar:hover,
.report-display-options .selected.multibar { background-position:  0 0; }
.report-display-options .selected.png_pie,
.report-display-options .pie:hover,
.report-display-options .selected.pie      { background-position: -28px 0; }
.report-display-options .selected.png_line,
.report-display-options .line:hover,
.report-display-options .selected.line     { background-position: -56px 0; }
.report-display-options .selected.csv,
.report-display-options .grid:hover,
.report-display-options .selected.grid     { background-position: -84px 0; }
.report-display-options .selected.csv_treegrid,
.report-display-options .treegrid:hover,
.report-display-options .selected.treegrid { background-position: -84px 0; }
.report-display-options .selected.csv_matrix,
.report-display-options .matrix:hover,
.report-display-options .selected.matrix   { background-position: -168px 0; }

.report-display-options .selected.xml      { background-position: -224px 0; }
.report-display-options .selected.email_table  { background-position: -252px  0; }
.report-display-options .selected.xls      { background-position: -280px -0; }

.widget-filters {
    border-top: 1px solid #ccc;
    background: url("../images/table/table_header.png") repeat-x scroll 0 bottom #F4F4F5;
    display: none;
    margin: 0 1px;
    padding: 2px;
}

.widget-filters .cic-badge-list { height: 100px; }
.widget-filters .cic-badge-list-title { width: 30px; height: 30px; background-position: 0 -117px; margin: 32px 5px; }
.widget-filters .cic-badge-list-description { display: none; }
.widget-filters .cic-badge-list-label   { width: 40px; }
.widget-filters .cic-badge-list-left    { left: 38px; }
.widget-filters .cic-badge-list-middle  { left: 47px; }
.widget-filters .cic-badge-list-content { left: 40px; }

.widget-placeholder-inner {
    background: #222D3F;
    opacity: 0.1;
    border: 5px solid #f4f4f5;
    height: 95%;
    filter:alpha(opacity=10);
}

.edit-box {
    overflow: hidden;
    background: #555 url('../images/dashboard/edit-box.png') repeat-x top left;
    width: 100%;
    color: #fff;
}

.widget.color-transparent .edit-box { border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }

#columns .edit-box .items {
    max-width: 1000px;
    margin: 0 auto;
}

.edit-box .item {
    border-top: 1px solid #787878;
    border-bottom: 1px solid #333;
    padding: 0 0 6px 0;
    margin: 0 12px;
    overflow: hidden;
    clear: both;
}

.configured-events .item {
    border-top: 1px solid #787878;
    border-bottom: 1px solid #333;
    padding: 0 0 10px 0;
    margin: 0 0 0 0;
    overflow: hidden;
    clear: both;
}

.edit-box .first-item { border-top: none; }
.edit-box .last-item { border-bottom: none; }

.edit-box .ui-selector,
.edit-box .ui-selector .ui-selector-repeat,
.edit-box .ui-selector .text,
.edit-box .ui-selector-left,
.edit-box .ui-selector-right,
.edit-box .ui-selector-button,
.edit-box .ui-textbox,
.edit-box .ui-textbox-button,
.edit-box .ui-textbox .ui-textbox-repeat,
.edit-box .ui-textbox .text,
.edit-box .ui-textbox-left,
.edit-box .ui-textbox-right {
    height: 36px;
    zoom: 1;
}

.edit-box .ui-selector .ui-textbox-button{
    height: 35px;
    border-bottom: 1px solid #787878;
    border-left: none;
}

.edit-box .ui-textbox .text {
    display: block;
    color: #eee;
    border: none;
    outline: none;
    padding: 0;
    width: 100%;
    background: transparent;
    line-height: 36px;
    position: absolute;
    top: 0;
    left: 0;
}

.edit-box .ui-textbox .ui-textbox-repeat {
    margin-left: 8px;
    margin-right: 5px;
    background: #333 url('../images/controls/cic-textbox.png') repeat-x 0 -200px;
    position: relative;
}

.edit-box .ui-textbox-left {
    background: transparent url('../images/controls/cic-textbox.png') no-repeat left -120px;
    width: 8px;
    float: left;
}

.edit-box .ui-textbox-right {
    background: transparent url('../images/controls/cic-textbox.png') no-repeat right -160px;
    width: 5px;
    float: right;
}

.edit-box .event-configure, .add-equation, .add-queue-event, .add-agent-event, .campaign-configure {
    float: right;
    margin: 10px 0 0 10px;
}

.add-queue-event, .add-agent-event {
    clear: right;
}

.configured-events-div{
    margin-top: 70px;
}

.visible-events-div{
    margin-top: 70px;
}

.edit-box .button::-moz-focus-inner { border: 0; padding: 0; }


.edit-box .ui-selector-center,
.edit-box .ui-selector-repeat {
    text-align: center;
    margin-left: 4px;
    margin-right: 5px;
    background: transparent url('../images/controls/select-box.png') repeat-x 0 -40px;
    line-height: 36px;
    color: #fff;
    overflow: hidden;
    display: block;
}

.edit-box .ui-selector-center {
    padding: 0 0.5em;
}

.edit-box .ui-selector-repeat {
    text-align: left;
    text-indent: 5px;
    margin-right: 96px;
}

.edit-box .ui-selector-left {
    background: transparent url('../images/controls/select-box.png') no-repeat right 0;
    width: 4px;
    float: left;
}

.edit-box .ui-selector-right {
    background: transparent url('../images/controls/select-box.png') no-repeat left -80px;
    width: 4px;
    float: right;
}

.edit-box .ui-textbox-button,
.edit-box .ui-selector-small-button,
.edit-box .ui-selector-button {
    background: transparent url('../images/controls/cic-textbox-button-hud.png') no-repeat 0 0;
    width: 96px;
    float: right;
    line-height: 36px;
    text-align: center;
    text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.6);
    color: #FFF;
    cursor: pointer;
    font-weight: bold;
    border: none;
    outline: none;
    margin: 0;
}

.edit-box .ui-selector-small-button {
    width: 40px;
}

.edit-box .ui-textbox-button {
    width: 40px;
    height: 35px;
    border-left: 1px solid #222;
    position: relative;
    z-index: 899;
}

.edit-box .ui-textbox-button:hover,
.edit-box .ui-selector-button:hover {
    background-position: center -40px;
}

.edit-box .ui-textbox-button:active,
.edit-box .ui-selector-button:active {
    background-position: 0 -80px;
}

.edit-box .ui-textbox-button-right { background-position: right 0; }
.edit-box .ui-textbox-button-right:hover  { background-position: right -40px; }
.edit-box .ui-textbox-button-right:active { background-position: right -80px; }

/* Hack to get this to display correctly in Chrome etc. */
.browser_webkit .edit-box .ui-selector-center,
.browser_webkit .edit-box .ui-selector-repeat {
    margin: 0;
}

.edit-box .cic-selectbox { width: 100%; }

/* Remove dotted border from button. From: http://stackoverflow.com/questions/71074/how-to-remove-firefoxs-dotted-outline-on-buttons-as-well-as-links */
button.ui-selector-button::-moz-focus-inner { border: 0; padding: 0; }

.edit-box .save-widget-options { float: right; margin: 10px 0 0 0; }

.edit-box label {
    display: block;
    color: #FFF;
    text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.6);
    line-height: 36px;
}

.edit-box .colors .color {
    width: 14%;
    height: 8px;
    margin: 4px 0 0 0;
    float: left;
    display: inline;
    cursor: pointer;
}

.edit-box .colors .color-white { width: 15%; border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; -webkit-border-radius: 4px 0 0 4px; }
.edit-box .colors .color-transparent { width: 15%; border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; -webkit-border-radius: 0 4px 4px 0; }

#event_status_alert_menu,
#event_alert_menu,
#event_format_menu,
#event_attribute_menu {
    position: absolute;
    display: none;
    height:  223px;
    width:   202px;
    z-index: 1011;
    padding: 0 1px;
    background: transparent url('../images/dashboard/event-option-menu.png') no-repeat 0 0;
}

.event-alert-save, .event-alert-cancel{
    font-family: Arial;
    font-size: 12px;
    height: 33px;
    width: 98px;
    text-align: center;
    text-indent: 0;
}

.event-alert-save{
    float:left;
}

.event-alert-cancel{
    float:right;
}

#event_attribute_menu.equation {
    left: 50%;
    margin-left: 202px;
    background-position: -215px 0;
}

#event_format_menu.event-format-menu-short {
    /*background: transparent url('../images/dashboard/event-attribute-menu-short.png') no-repeat 0 0;*/
    background: transparent url("../images/dashboard/event-option-menu.png") no-repeat scroll -642px 0;
    height:  187px;
}

#event_formats,
#event_attributes {
    background: transparent url('../images/dashboard/event-attributes.png') no-repeat 0 0;
}

#event_formats {
    background-position: 0 -435px;
}

#event_attribute_menu.equation #event_attributes { background-position: 0 -216px; }

#event_alert_menu{
    background-position: -429px -6px;
}

#event_status_alert_menu{
    background-position: 0 -233px;
}

#status_div{
    height:18px;
    padding: 10px;
}

.event-alert,
.event-format,
.event-attribute {
    display: block;
    position: relative;
    height: 36px;
    line-height: 34px;
    text-indent: 48px;
    color: #fff;
    font-weight: bold;
    text-shadow: -1px -1px 0 #000;
    cursor: pointer;
}

#event_attribute_menu.equation .event-attribute { color: #666; text-shadow: 1px 1px 0 #fff; }

.event-format.selected,
#event_attribute_menu.equation .event-attribute.selected,
.event-attribute.selected {
    background: transparent url('../images/dashboard/event-attribute-selected.png') no-repeat 0 0;
    color: #fff;
    text-shadow: -1px -1px 0 #000;
}

.event-format.disabled,
.event-attribute.disabled { color: #999; cursor: default; cursor: not-allowed; text-shadow: none; }
#event_attribute_menu.equation .event-attribute.disabled { color: #ccc; text-shadow: none; }

.event-format-type,
.event-attribute-type {
    width: 38px;
    text-indent: -9999em;
    overflow: hidden;
    background: transparent url('../images/dashboard/event-attributes.png') no-repeat 0 0;
    height: 36px;
}

.event-format .event-format-type,
.event-attribute .event-attribute-type {
    position: absolute;
    top: 0;
    left: 0;
}

.attribute-blank   { background-position: 0 30px;  }
.attribute-value   { background-position: 0 -36px;  }
.attribute-min     { background-position: 0 -72px;  }
.attribute-max     { background-position: 0 -108px; }
.attribute-mean    { background-position: 0 -144px; }
.attribute-average { background-position: 0 -180px; }
.attribute-alert   { background-position: 0 -861px; }

.equation-attribute.attribute-count   { background-position: 0 -216px; }
.equation-attribute.attribute-value   { background-position: 0 -252px; }
.equation-attribute.attribute-min     { background-position: 0 -288px; }
.equation-attribute.attribute-max     { background-position: 0 -324px; }
.equation-attribute.attribute-mean    { background-position: 0 -360px; }
.equation-attribute.attribute-average { background-position: 0 -396px; }

.message-attribute.attribute-count   { background-position: 0 -216px; }
.message-attribute.attribute-value   { background-position: 0 -252px; }
.message-attribute.attribute-min     { background-position: 0 -288px; }
.message-attribute.attribute-max     { background-position: 0 -324px; }
.message-attribute.attribute-mean    { background-position: 0 -360px; }
.message-attribute.attribute-average { background-position: 0 -396px; }

.format-number   { background-position: 0  -435px;  }
.format-text     { background-position: 0  -471px;  }
.format-percent  { background-position: 0  -506px;  }
.format-minutes  { background-position: 0  -542px;  }
.format-hours    { background-position: 0  -579px;  }
.format-gbp      { background-position: 0  -616px;  }

#event_alert_menu input, #event_status_alert_menu input{
    background-color: transparent;
    border: 0 solid;
    color: #EEEEEE;
    outline: none;
}

#event_status_alert_menu #status_div input{
    width: 100%;
}

/* New Widget Menu */

#new_widget_panel {
    background: transparent url('../images/dashboard/widget-menu.png') repeat-x 0 0;
    height: 157px;
    width: 100%;
    position: fixed;
    z-index: 900;
    top: 84px;
    left: 0;
    right: 0;
    display: none;
}

#widget_menu {
    margin: 12px auto;
    height: 140px;
}

#widget_menu .widget-menu-item {
    float: left;
    cursor: move;
    /*cursor: -moz-grab;*/
}

.widget-menu-item {
    height: 130px;
    /*width:  105px;*/
    position: relative;
}

.widget-menu-item.ui-draggable-dragging,
.widget-menu-item.dragging {
    cursor: move;
    /*cursor: -moz-grabbing;*/
    z-index: 9000;
    width: 105px !important;
}

#dashboard .widget-menu-item {
    width: auto !important;
    border: 1px solid #f00;
}

.widget-menu-icon {
    width: 105px;
    height: 130px;
    margin: auto;
    background: transparent url('../images/dashboard/widget-menu-icon.png') no-repeat 0 0;
}

.widget-menu-title {
    position: absolute;
    left: 0;
    right: 0;
    top: 98px;
    color: #333;
    text-shadow: 1px 1px 0 #fff;
    text-align: center;
    font-weight: bold;
    font-family: Arial, Helvetica;
}

.title-height-control-container { height: 33px; width: 25px; float:left; }
.title-height-increase { height: 18px; width: 25px; background: transparent url('../images/table/datagrid-next-prev.png') no-repeat -100px -7px; cursor: pointer; }
.title-height-increase.hover { background-position: -123px -7px; }
.title-height-decrease { height: 18px; width: 25px; background: transparent url('../images/table/datagrid-next-prev.png') no-repeat -100px -34px; cursor: pointer; }
.title-height-decrease.hover { background-position: -123px -34px; }
.title-height-value { color: #fff; font-size: 35px; float:left; line-height:32px; }

.font-size-control-container { height: 33px; width: 25px; float:left; }
.font-size-increase { height: 18px; width: 25px; background: transparent url('../images/table/datagrid-next-prev.png') no-repeat -100px -7px; cursor: pointer; }
.font-size-increase.hover { background-position: -123px -7px; }
.font-size-decrease { height: 18px; width: 25px; background: transparent url('../images/table/datagrid-next-prev.png') no-repeat -100px -34px; cursor: pointer; }
.font-size-decrease.hover { background-position: -123px -34px; }
.font-size-value { color: #fff; font-size: 35px; float:left; line-height:32px; }

#new_widget {
    visibility: hidden;
}

#widget_menu_close {
    background: transparent url('../images/dashboard/widget-menu-close.png') no-repeat 0 0;
    position: relative;
    left: 50%;
    width: 90px;
    margin-left: -45px;
    display: block;
    padding-top: 2px;
    height: 31px;
    top: -7px;
    font-weight: bold;
    color: #fff;
    text-shadow: -1px -1px 0 #000;
    text-align: center;
    font-variant: small-caps;
    line-height: 32px;
    z-index: -1;
}
/* Queue selection dialog */
#queues_dialog, #pbxusers_dialog, #campaigns_dialog { position: fixed; width: 920px; top: 0; left: 50%; margin-left: -460px; z-index: 1010; }

.queues-configure, .userstates-users-configure, .campaigns-configure{
    max-width: 150px;
}

.queue-options-list item{
    clear: both;
    border-bottom: 1px solid #333;
    border-top: 1px solid #333;
}

.queue-options-list first-item{
    border-top: medium none;
}

.queue-options-list last-item{
    border-bottom: medium none;
}

#queue_chooser, #user_chooser, #campaign_chooser { width: 874px; }

/* Event selection dialog */
#event_dialog { position: fixed; width: 1000px; top: 0; left: 50%; margin-left: -460px; z-index: 1010; }

#event_dialog_list{
    position: relative;
    background: transparent url('../images/dashboard/event-menu-middle-wide.png') repeat-y 0 0;
    margin: 10px 0;
    padding: 1px 0;
}

#event_dialog_list_top{
    background: transparent url('../images/dashboard/event-menu-top-wide.png') no-repeat 0 0;
    height: 10px;
    position: absolute;
    top: 0; left: 0; right: 0;
    z-index: 900;
}

#event_dialog_list_bottom{
    background: transparent url('../images/dashboard/event-menu-bottom-wide.png') no-repeat 0 0;
    height: 130px;
    position: absolute;
    bottom: 0; left: 0; right: 0;
    z-index: 900;
}

#pbxusers_dialog_list,
#queues_dialog_list,
#campaigns_dialog_list{
    position: relative;
    background: transparent url('../images/dashboard/event-menu-middle.png') repeat-y 0 0;
    margin: 10px 0;
    padding: 1px 0;
}

#pbxusers_dialog_list_top,
#queues_dialog_list_top,
#campaigns_dialog_list_top{
    background: transparent url('../images/dashboard/event-menu-top.png') no-repeat 0 0;
    height: 10px;
    position: absolute;
    top: 0; left: 0; right: 0;
    z-index: 900;
}

#pbxusers_dialog_list_bottom,
#queues_dialog_list_bottom,
#campaigns_dialog_list_bottom {
    background: transparent url('../images/dashboard/event-menu-bottom.png') no-repeat 0 0;
    height: 130px;
    position: absolute;
    bottom: 0; left: 0; right: 0;
    z-index: 900;
}

#event_dialog .refresh{ float:left; margin-left: 0;}

#eventmenu_loading{ display: none; background: #fff url('../images/dashboard/module-loading.gif') no-repeat center center; }

#pbxusers_list,
#queues_list,
#campaigns_list,
#event_list { overflow-y: scroll; overflow-x: hidden; max-height: 400px; min-height: 150px; position: relative; z-index: 1000; font-size: 10pt; }
#event_list ul, #event_list ol, #pbxusers_list ul, #pbxusers_list ol { margin: 0; list-style: none; }
#event_list .event { color: #3981AC; /*font-weight: bold;*/ padding: 3px 0 2px 25px; font-family: Verdana; }
#event_list .event.disabled { color: #CCC; }
#event_list .event.partdisabled { background-position: 0 -150px;  }
.event-sub-list { padding-left: 10px; }
.first-event-sub-list { padding-top: 10px; }
#event_list .events, #pbxusers_list .users { padding: 0 0 7px 7px; margin: 0; display: none; background: #F4F4F5; }
#pbxusers_list .users { width: 849px; }
#event_list .events { width: 929px; }
.event-sub-block { margin-top: 7px; }
#event_list.single-event .checkbox { background-position: 0 -180px; }
#event_list.single-event .checkbox.selected { background-position: 0 -270px; }

.event-block-title.expanded:hover,
.event-block-title {
    font-weight: bold;
    padding: 8px;
    /*background: #eee url("../images/dashboard/event-block.png") repeat-x 0 0;
    border: 1px solid #aaa;
    border-color: #D8D8D8 #CCC #AAA #CCC;*/
    cursor: pointer;
    border-bottom: 1px solid #cecece;
    border-top: 1px solid #f4f4f5;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
}

.event-block-showmore-title {
    font-weight: bold;
    padding: 0 !important;
    font-size: 11px;
    text-align: center;
    cursor: pointer;
    border-bottom: 1px solid #cecece;
    border-top: 1px solid #f4f4f5;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
    line-height: 25px;
    height: 25px;
    color: #939393;
}

.events-showmore-title{
    font-weight: bold;
    text-align: center;
    color: #939393;
    font-size: 11px;
    padding-right: 21px;
    margin-top: 5px;
    cursor: pointer;
    height: 20px;
}

.events-showmore-title.loading{
    background: transparent url('../images/loading-small-transparent.gif') no-repeat center center;
}

.row-hover,
.column-hover,
.event-block-title:hover { background: #eaeaea; }
.event-block-showmore-title:hover { background: #eaeaea; }

.event-block-showmore-title.loading{
    background: #F4F4F5 url('../images/loading-small-transparent.gif') no-repeat center center;
}

.row-hover.checkbox-cell,
.column-hover.checkbox-cell { background: #f4f4f4; }

.event-block-title:hover { border-top: 1px solid #ddd; border-bottom: 1px solid #E8E8E8; }
.event-category-table .column-hover { border-left: 1px solid #ddd; }
.event-category-table .row-hover    { border-top: 1px solid #ddd; }

#event_list .expanded .collapse { background-position: -20px 0; }
.event-linked-block { margin-left: 10px; }

.event-row-title, .event-column-header { cursor: pointer; }

.single-event .event-row-title, .single-event .event-column-header { cursor: default; }

.selected .event-block-title:hover,
.selected .event-block-title { border: none; padding: 9px 8px; background: transparent url('../images/dashboard/event-block-selected.png') repeat-x 0 0; }

.event-block-title.loading{
    background: #f0f0f0 url('../images/loading-small-transparent.gif') no-repeat right center;
    background-position-x: 99%;
    padding-right:10px;
}

#event_list .collapse, #pbxusers_list .collapse {
    float: left;
    width: 16px;
    height: 16px;
    margin: 3px 5px 0 0;
    background: transparent url("../images/dashboard/event-menu-icons.png") no-repeat 0 0;
    text-indent: -9999em;
}

#pbxusers_list .username{
    cursor: pointer;
}

#event_dialog #event_chooser { width: 954px; }
#event_chooser { width: 874px; }
#event_dialog .event-category { margin: 5px; background: transparent url('../images/dashboard/event-menu-category-bottom-wide.png') no-repeat 0 bottom; }
.event-category { margin: 5px; background: transparent url('../images/dashboard/event-menu-category-bottom.png') no-repeat 0 bottom; padding-bottom: 8px; }
#event_dialog .event-category-header { background: transparent url('../images/dashboard/event-menu-category-top-wide.png') no-repeat 0 0; }
.event-category-header { background: transparent url('../images/dashboard/event-menu-category-top.png') no-repeat 0 0; height: 68px; position: relative; }

.event-category-icon {
    background: transparent url('../images/dashboard/event-menu-categories.png') no-repeat 0 -250px;
    height: 48px;
    width: 48px;
    position: absolute;
    top: 11px;
    left: 11px;
}

.response-category   { background-position: 0 0; }
.agentgroup-category { background-position: 0 -50px;  }
.agent-category      { background-position: 0 -100px; }
.queue-category      { background-position: 0 -150px; }
.matrix-category     { background-position: 0 -200px; }

.event-category-title {
    position: absolute;
    left: 68px;
    top: 0;
    margin: 0;
    line-height: 45px;
    color: #666;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
}

.event-category-description {
    position: absolute;
    top: 30px;
    left: 68px;
}

#event_dialog .event-category-events { background: transparent url('../images/dashboard/event-menu-category-middle-wide.png') repeat-y 0 0; }
#event_dialog .config-table,
#event_dialog .config-table tfoot,
#event_dialog .event-category-table,
#event_dialog .event-category-list { background: transparent url('../images/dashboard/event-menu-category-list-top-wide.png') no-repeat 0 0; }


.event-category-events { padding: 0 5px 0 3px; background: transparent url('../images/dashboard/event-menu-category-middle.png') repeat-y 0 0; }
.config-table,
.config-table tfoot,
.event-category-table,
.event-category-list { background: transparent url('../images/dashboard/event-menu-category-list-top.png') no-repeat 0 0; }

.config-table,
.event-category-table {
    border-collapse: separate;
    border-spacing: 0;
}

#event_dialog .event-category-table {
    width: 936px;
}

.event-category-table {
    width: 856px;
}

.config-table th,
.event-category-table th {
    font-size: 11px;
    font-variant: small-caps;
    font-weight: normal;
    line-height: 12px;
    padding: 5px 2px;
    border-bottom: 1px solid #CECECE;
}

.config-table th,
.config-table td,
.event-category-table th,
.event-category-table td {
    border-color: #FFF #CECECE #CECECE #FFF;
    border-style: solid;
    border-width: 1px;
    vertical-align: middle;
}

.config-table td,
.event-category-table td {
    padding: 5px;
}

.config-table td {
    background: #ECECEC;
}

#pbxusers_list .checkbox-cell .user,
#queues_list .checkbox-cell .queue,
#event_list .checkbox-cell .event {
    display: block;
    height: 18px;
    width: 18px;
    margin: 0 auto;
    padding: 0;
    text-indent: -999em;
    overflow: hidden;
}

.checkbox-cell { text-align: center; background: #ECECEC; }
.queue-header { width: 68px; }
.ag-header    { width: 35px; }
.agent-header    { width: 75px; }
/*.queue-row-title { width:  }*/
.event-row-title { font-weight: bold; }

.hud.cic-radiobutton { background-position: 0 -390px; }
.hud.cic-radiobutton.selected { background-position: 0 -480px; }
.hud.cic-radiobutton.disabled { background-position: 0 -540px; }
.hud.cic-radiobutton.mousedown { background-position: 0 -450px; }
.hud.cic-radiobutton.disabled.selected { background-position: 0 -570px; }
.editbox-rb-group-item { margin: 2px; }

.widget.dragging, .widget.ui-draggable-dragging {
    z-index: 1001;
    cursor: move;
    /*cursor: grabbing;*/
    /*cursor: -moz-grabbing;*/
    /*cursor: -webkit-grabbing;*/
}

#share_with { margin-bottom: 10px; }
#share_tab_menu { width: 700px; }
#share_user_list { max-height: 300px; overflow: auto; }
.widget-content .share-user-list { width: 400px; table-layout: fixed; }
#share_author { float: right; max-width: 250px; padding-right: 20px; }

.share-userlist-name     { overflow: hidden; width: 234px; }
.share-userlist-username { overflow: hidden; width: 140px; }
.table .share-userlist-checkbox { width: 50px; text-align: center; cursor: pointer; }

.column-resize-handle {
    cursor: e-resize;
    position: fixed;
    top: 0;
    bottom: 0;
    width: 7px;
    display: block;
    /* background: #f00; */
    background: #000;
    opacity: 0.02;
    filter: alpha(opacity=2);
}

#popup_user_list { max-height: 200px; overflow: auto; }
#dta_notification_agent_group_list { max-height: 200px; overflow-y: auto; overflow-x: hidden; }
.widget-content .popup-user-list { width: 300px; table-layout: fixed; }
.widget-content .dta-notification-agent-group-list { width: 375px; table-layout: fixed; }
.popup-userlist-username, .dta-notification-agent-group-name  { overflow: hidden; width: 231px; }
.table .popup-userlist-checkbox, .table .dta-notification-agent-group-checkbox { width: 50px; text-align: center; cursor: pointer; }
#popup_for_specific { margin-top: 10px; }
.popup-message-settings-button {
    background: transparent url('../images/dashboard/settings.png') no-repeat 0 0;
    height:32px;
    width:32px;
    float: right;
    cursor: pointer;
}

.column-delete a { display: block; text-align: center; padding: 10em 0; text-decoration: underline; }

.configured-events, .configured-campaigns { margin-top: 15px; }
.configured-events li, .configured-campaigns li { margin-top: 5px; }

.visible-events-list { margin-top: 15px; }
.visible-events-list li { margin-top: 5px; }

#equation_dialog { width: 600px; margin-left: -300px; z-index: 1009; }
.equation-textarea {
    width: 557px;
    font: 150%/1.6em 'Lucida Console', monospace;
    color: #666;
    padding: 5px;
}

.equation-variables { max-height: 220px; overflow: auto; margin-bottom: 5px; }
.equation-variables li { min-height: 36px; padding: 5px; margin: 5px 0; background: #fff; border: 1px solid #eee; border-color: #ccc #eee #eee #ccc;  }
.equation-variables li.error { background: #FFEDEF; }
.equation-variables .error-message { padding: 10px 0 0; text-align: center; clear: both; }

.percentage-difference-variable { max-height: 220px; overflow: auto; margin-bottom: 5px; }
.percentage-difference-variable li { min-height: 36px; padding: 5px; margin: 5px 0; background: #fff; border: 1px solid #eee; border-color: #ccc #eee #eee #ccc;  }
.percentage-difference-variable li.error { background: #FFEDEF; }
.percentage-difference-variable .error-message { padding: 10px 0 0; text-align: center; clear: both; }

.past-value-variable { max-height: 220px; overflow: auto; margin-bottom: 5px; }
.past-value-variable li { min-height: 36px; padding: 5px; margin: 5px 0; background: #fff; border: 1px solid #eee; border-color: #ccc #eee #eee #ccc;  }
.past-value-variable li.error { background: #FFEDEF; }
.past-value-variable .error-message { padding: 10px 0 0; text-align: center; clear: both; }

#raise_condition_add_events, #reset_condition_add_events, #message_add_events, #equation_add_events {
    white-space: nowrap;
    display: inline-block;
    min-width: 100px;
    max-width: 300px;
    float: left;
    overflow: hidden;
}

.variable-name           { width: 250px; float: right; }
.edit-variable-attribute { width: 40px; border-right: 1px solid #aaa; }
.delete-variable         { height: 36px; width: 36px; }
.variable-event-name     { padding: 0 0.5em; line-height: 36px; display: block; float: left; width: 260px; height: 36px; overflow: hidden; }
.variable-name-textbox.text { width: 171px; position: relative; zoom: 1; }

.edit-icon,
.delete-icon,
.configure-icon,
.down-icon,
.up-icon,
.remove-icon { width: 20px; height: 20px; margin: 8px auto auto; background: transparent url("../images/dashboard/icons.png") scroll 0 -120px no-repeat; text-indent: -9999em; display: block; }
.edit-icon   { background-position: 0 -140px; }
.remove-icon { background-position: 0 -160px; }
.configure-icon { background-position: 0 -240px; }
.up-icon { background-position: 0 -312px; }
.down-icon { background-position: 0 -338px; }

.edit-variable-attribute .cic-button-text,
.delete-variable .cic-button-text { padding: 0; }

#formatmessage_dialog { width: 600px; margin-left: -300px; z-index: 1009; }
.message-textarea {
    width: 557px;
    font: 150%/1.6em 'Lucida Console', monospace;
    color: #666;
    padding: 5px;
}

.message-variables { max-height: 220px; overflow: auto; margin-bottom: 5px; }
.message-variables li { min-height: 36px; padding: 5px; margin: 5px 0; background: #fff; border: 1px solid #eee; border-color: #ccc #eee #eee #ccc;  }
.message-variables li.error { background: #FFEDEF; }
.message-variables .error-message { padding: 10px 0 0; text-align: center; clear: both; }


#dateslider_exceptions_dialog{ width: 740px; }

.dateslider_exceptions_time{
    float: left;
    width: 100px;
    margin-top: 5px;
}

.cic-button.add{
    float:left;
    width:50px;
    margin-top: 5px;
    margin-left: 8px;
}

.current-exceptions{
    width:460px;
    font-size: 14px;
    font-weight: bold;
    margin-left: 100px;
}

.current-exceptions .label{
    font-size: 13px;
    color: #3981AC;
    font-weight: normal;
}

.exception:hover{
    cursor: pointer;
}

.remove-exception{
    float: right;
    width: 15px;
    height: 20px;
    background: url("../images/dashboard/source/icon_sprite.png") repeat-x scroll 0 -12px transparent;
}

.remove-exception:hover{
    background-position: -16px -12px;
}

#agentstatus_alerts_dialog{ width: 700px; }

/**
 *
 * Reports
 *
 */
/*#header { position: static; }*/
/*#report_datepicker { height: 142px; }*/
#dashboard_date_menu { position: relative;}

#dashboard_dateslider { position: relative; z-index: 100; overflow: hidden; margin-right: 155px;}

#dashboard_time_menu {
    position: absolute;
    width: 139px;
    padding: 5px 8px;
    right: 0;
    top: 0;
    bottom: 0;
    background: #F4F4F5;
    box-shadow: 1px 1px 5px rgba(0,0,0,0.3) inset;
}

.dashboard-time {
    width: 100px;
    right: 25px;
}

#set_datetime_range,
#add_time_exceptions {
    position: absolute;
    width: 134px;
    bottom: 5px;
}

#set_datetime_range .cic-button-text {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.exceptions-button-set {color: #f6aa0f;}

#set_datetime_range {
    bottom: 45px;
}

#dateslider-startdate,
#dateslider-enddate {
    color: #666;
    padding-bottom: 5px;
}

#dashboard_time_menu.no-scroll #dateslider-startdate,
#dashboard_time_menu.no-scroll #dateslider-enddate {
    line-height: 15px;
    padding: 0;
}

.dateslider-range-label {
    color: #3981ac;
    font-size: 11px;
    line-height: 12px;
}

#historical_dashboard_datepicker {
    position: fixed;
    width: 300px;
    left: 50%;
    margin-left: -150px;
    top: -10px;
    display: none;
    z-index: 10000;
}

.historical_dashboard_time {
    float: right;
    width: 100px;
    margin-top: 5px;
    margin-right: 25px;
}

.historical-dashboard-date {
    float: left;
    font-weight: bold;
    color: #3981ac;
    font-size: 14px;
    height: 36px;
    line-height: 36px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
    width: 100px;
    margin-left: 25px;
    margin-top: 5px;
}

#edit_tab_menu, #clone_dashboard_menu{
    width: 400px;
    position: fixed;
    left: 50%;
    margin-left: -150px;
    top: -10px;
    display: none;
    z-index: 10000;
}
#edit_tab_description{
    resize: none;
    width: 99%;
}

#share_clone{
    padding-top: 25px;
}




/*#dashboard { margin-top: 162px; }*/

.cic-dateslider { overflow: hidden; background: #dcdede; }
.cic-dateslider-calendar { position: relative; left: 0; overflow: hidden; }

.cic-dateslider-scrollbar { height: 20px; background: transparent url('../images/controls/cic-ds-scroll-bg.png') repeat-x top left; }
.cic-dateslider-scrollbar-slider { cursor: move; position: relative; left: 0; top: 1px; background: transparent url('../images/controls/cic-ds-scroll-repeat.png') repeat-x left center; height: 18px; }

.cic-dateslider-scrollbar-slider-left,
.cic-dateslider-scrollbar-slider-right {
    position: absolute;
    width: 8px;
    height: 18px;
}

.cic-dateslider-scrollbar-slider-left  { left:  -8px; background: transparent url('../images/controls/cic-ds-scroll-left.png') no-repeat right center; }
.cic-dateslider-scrollbar-slider-right { right: -8px; background: transparent url('../images/controls/cic-ds-scroll-right.png') no-repeat left center; }
.cic-dateslider-scrollbar-slider-grip { height: 18px; width: 10px; position: absolute; left: 50%; margin-left: -5px; background: transparent url('../images/controls/cic-ds-slider-handle.png') no-repeat center center; }

.cic-ds-months { background: #e8e8e8; height: 23px; position: relative; height: 25px; line-height: 24px; }
.cic-ds-month { color: #fff; background: #e8e8e8 url('../images/controls/cic-ds-month.png') no-repeat 0 0; position: absolute; top: 0; text-align: center; font-weight: bold; height: 100%; cursor: pointer; }
.cic-ds-month-left, .cic-ds-month-right { color: #547F8D; }
.cic-ds-month-left  { height: 100%; float: left; text-align: left; padding-left: 6px; }
.cic-ds-month-right { height: 100%; float: right; text-align: right; padding-right: 6px; background: #e8e8e8 url('../images/controls/cic-ds-month.png') no-repeat right 0; }
.cic-ds-month:hover { background-position: 0 -25px; }
.cic-ds-month:hover .cic-ds-month-right { background-position: right -25px; }

.cic-ds-weeks { height: 100px; position: relative; z-index: 1999; margin: 0 5px; border-left: 1px solid #C4C4C4; }
#columns .cic-ds-weeks, #columns .cic-ds-months { margin: 0 5px; }
.cic-ds-week { font-size: 8.5pt; float: left; border: 1px solid #c4c4c4; border-right-color: #9f9f9f; border-left: none; border-bottom: none; }
.cic-ds-week-header { height: 20px; width: 139px; text-align: center; color: #333; /*background: #cbcbcb url('../images/controls/cic-ds-month.png') no-repeat center -3px;*/ cursor: pointer; }

.cic-ds-week-header:hover,
.cic-ds-day:hover { color: #008BBF; }

.cic-ds-days { height: 79px; margin: 0; padding: 0; /*background: #dcdede;*/ background: #008BBF url('../images/controls/cic-ds-days-bar.png') repeat-x 0 0; }
.cic-ds-day  { float: left; width: 20px; height: 79px; background: transparent url('../images/controls/cic-day-bar-mask.png') no-repeat 0 0; margin: 0; color: #666; font-size: 7pt; text-align: center; line-height: 16px; cursor: pointer; }

.cic-ds-day div { margin: 47px 1px 0 1px; padding: 0; background: #f4f4fc; }
.cic-ds-day.weekend { background: transparent url('../images/controls/cic-weekend-bar-mask.png') no-repeat 0 0; }
.cic-ds-day.weekend.sa { width: 19px; }

.cic-ds-day.holiday { background: transparent url('../images/controls/cic-holiday-bar-mask.png') no-repeat 0 0; }
.cic-ds-day.holiday div { background: #EBEBEB; }

.cic-ds-day.disabled, .cic-ds-day.weekend.disabled, .cic-ds-day.disabled div { cursor: default; background: #DCDEDE; color: #aaa; }

.cic-ds-gutter { background: #e8e8e8; height: 16px; border-top: 1px solid #c4c4c4; }

.cic-ds-slider { position: absolute; top: 19px; height: 126px; left: 5px; width: 20px; }
.cic-ds-slider-bg { margin: 0 5px; background: transparent url('../images/controls/cic-ds-slider-repeat.png') repeat-x 0 0; height: 126px; }

.cic-ds-slider .ui-resizable-w, .cic-ds-slider .ui-resizable-e { width: 12px; background: transparent url('../images/controls/cic-ds-slider-left.png') no-repeat 0 0; z-index: 1999; }
.cic-ds-slider .ui-resizable-e { right: -7px; background-image: url('../images/controls/cic-ds-slider-right.png'); }
.cic-ds-slider .ui-resizable-w { left: -7px; }
.cic-ds-slider-handle { height: 16px; top: 106px; position: relative; cursor: move; background: transparent url('../images/controls/cic-ds-slider-handle.png') no-repeat center center; margin: 0 -20px; z-index: 2000; }

.cic-ds-slider-selection { background: #3DA7CE; position: absolute; display: none; height: 90px; top: 20px; /*z-index: 1900;*/ }

.cic-ds-slider-selection-right,
.cic-ds-slider-selection-left { position: absolute; width: 4px; height: 90px; background: #3DA7CE; z-index: 3001; }

.cic-ds-slider-selection-left  { left:  -4px; }
.cic-ds-slider-selection-right { right: -4px; }

.cic-ds-day.v1  { background-position: 0 -3px; }
.cic-ds-day.v2  { background-position: 0 -4px; }
.cic-ds-day.v3  { background-position: 0 -5px; }
.cic-ds-day.v4  { background-position: 0 -6px; }
.cic-ds-day.v5  { background-position: 0 -7px; }
.cic-ds-day.v6  { background-position: 0 -8px; }
.cic-ds-day.v7  { background-position: 0 -9px; }
.cic-ds-day.v8  { background-position: 0 -10px; }
.cic-ds-day.v9  { background-position: 0 -11px; }
.cic-ds-day.v10 { background-position: 0 -12px; }
.cic-ds-day.v11 { background-position: 0 -13px; }
.cic-ds-day.v12 { background-position: 0 -14px; }
.cic-ds-day.v13 { background-position: 0 -15px; }
.cic-ds-day.v14 { background-position: 0 -16px; }
.cic-ds-day.v15 { background-position: 0 -17px; }
.cic-ds-day.v16 { background-position: 0 -18px; }
.cic-ds-day.v17 { background-position: 0 -19px; }
.cic-ds-day.v18 { background-position: 0 -20px; }
.cic-ds-day.v19 { background-position: 0 -21px; }
.cic-ds-day.v20 { background-position: 0 -22px; }
.cic-ds-day.v21 { background-position: 0 -23px; }
.cic-ds-day.v22 { background-position: 0 -24px; }
.cic-ds-day.v23 { background-position: 0 -25px; }
.cic-ds-day.v24 { background-position: 0 -26px; }
.cic-ds-day.v25 { background-position: 0 -27px; }
.cic-ds-day.v26 { background-position: 0 -28px; }
.cic-ds-day.v27 { background-position: 0 -29px; }
.cic-ds-day.v28 { background-position: 0 -30px; }
.cic-ds-day.v29 { background-position: 0 -31px; }
.cic-ds-day.v30 { background-position: 0 -32px; }
.cic-ds-day.v31 { background-position: 0 -33px; }
.cic-ds-day.v32 { background-position: 0 -34px; }
.cic-ds-day.v33 { background-position: 0 -35px; }
.cic-ds-day.v34 { background-position: 0 -36px; }
.cic-ds-day.v35 { background-position: 0 -37px; }
.cic-ds-day.v36 { background-position: 0 -38px; }
.cic-ds-day.v37 { background-position: 0 -39px; }
.cic-ds-day.v38 { background-position: 0 -40px; }
.cic-ds-day.v39 { background-position: 0 -41px; }
.cic-ds-day.v40 { background-position: 0 -42px; }
.cic-ds-day.v41 { background-position: 0 -43px; }
.cic-ds-day.v42 { background-position: 0 -44px; }
.cic-ds-day.v43 { background-position: 0 -45px; }
.cic-ds-day.v44 { background-position: 0 -46px; }
.cic-ds-day.v45 { background-position: 0 -47px; }
.cic-ds-day.v46 { background-position: 0 -48px; }
.cic-ds-day.v47 { background-position: 0 -49px; }
.cic-ds-day.v48 { background-position: 0 -50px; }
.cic-ds-day.v49 { background-position: 0 -51px; }
.cic-ds-day.v50 { background-position: 0 -52px; }

#report_status { display: none; }

#running_report { position: fixed; z-index: 9999; width: 250px; height: 105px; top: 262px; left: 50%; margin: -53px auto auto -125px; background: transparent url('../images/dashboard/running-report.png') no-repeat 0 0; font-family: Arial, Helvetica; }
/*#running_title   { margin: 20px 20px 5px; color: #333; font-size: 16pt; }
#running_message { margin: 0 20px; font-size: 14pt; }*/
#report_loading { height: 19px; width: 220px; margin: 68px 16px; background: transparent url('../images/dashboard/running-reports.gif') no-repeat 0 0; }
#report_running_overlay { display: block; }

@-webkit-keyframes animate-shine {
    0%   { opacity: 0; width: 100%; }
    40%  { opacity: 0.4;}
    100% { opacity: 0; width: 20%; }
}

@-moz-keyframes animate-shine {
    0%   { opacity: 0; width: 100%; }
    40%  { opacity: 0.3;}
    100% { opacity: 0; width: 20%; }
}

#report_running_overlay_shine {
    display: block;
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    background: transparent;
    background-image: -moz-linear-gradient(0% 100% -3deg, transparent 0, #fff 30%, transparent 100%);
    -moz-animation:    animate-shine 2.5s ease-in infinite;
    background-image: -webkit-linear-gradient(-3deg, transparent 0, #fff 30%, transparent 100%);
    -webkit-animation: animate-shine 2.5s ease-in infinite;
}

#addreportmenu {
    position: fixed;
    margin-top: 23px;
    top: 0;
    left: 220px;
    width: 407px;
    z-index: 1000;
}

#addreportmenu_top     { background: transparent url('../images/dashboard/add-report-top.png')    no-repeat left top; height: 43px; }
#addreportmenu_content { background: transparent url('../images/dashboard/add-report-repeat.png') repeat-y  left top; padding: 0 20px 0 14px; }
#addreportmenu_footer  { background: transparent url('../images/dashboard/add-report-bottom.png') no-repeat left top; height: 20px; }

#addreportmenu .report {
    background: transparent url('../images/dashboard/add-report-option.png') no-repeat left top;
    height: 20px;
    /*width: 353px;*/
    width: 329px;
    padding: 12px;
    margin-top: 7px;
    cursor: move;
    position: relative;
}

#addreport_tabs {
    height: 45px;
    position: relative;
    width: 378px;
}

.addreport-tab {
    width: 189px;
    height: 42px;
    line-height: 42px;
    background: transparent url('../images/dashboard/add-report-types.png') no-repeat 0 -50px;
    position: absolute;
    top: 0;
    color: #666;
    text-shadow: 1px 1px 0 #fff;
    text-indent: 10px;
    font-weight: bold;
    cursor: pointer;
}

.addreport-tab.selected {
    color: #fff;
    text-shadow: -1px -1px 0 #000;
}

#addreport_tab_reports   { right: 0; background-position: right 0; }
#addreport_tab_templates { left:  0; }

#addreport_tab_reports.selected   { background-position: right -50px; }
#addreport_tab_templates.selected { background-position: 0 0; }

#addreportmenu .no-scroll .report {
    width: 353px;
    background: transparent url('../images/dashboard/add-report-option.png') no-repeat left -100px;
}

.addreport-type-count { position: absolute; width: 52px; text-align: center; text-indent: 0; color: #666; text-shadow: 0 1px 0 #fff; font-family: Arial, Helvetica; top: 0; left: 136px; }
#addreport_tab_reports .addreport-type-count { left: 133px; }

#addreportmenu .report.report-hover { background-position: left -50px; }
#addreportmenu .no-scroll .report.report-hover {  background-position: left -150px; }

#reports_menu { margin-top: 1px; }

.report-title { float: left; height: 2em; max-width: 230px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

#addreportmenu .cic-button { margin: 3px -3px 0 0; }
#create_report { float: left; }

#addreportmenu .cic-control-bar { margin-top: 8px; }

#addreport_filter,
#addreport_intro { margin-bottom: 8px; }

#addreportmenu_scroll { max-height: 370px; }
#addreport_template_actions,
#addreportmenuactions { position: absolute; top: -4px; right: -8px; height: 37px; width: 69px; background: transparent url('../images/dashboard/add-report-menu-actions.png') no-repeat 0 0; }
#addreport_template_actions { background-position: -70px; width: 37px; }
#edit_report, #delete_report, #create_from_template { position: relative; top: 0; left: 0; width: 30px; height: 30px; cursor: pointer; float: left; display: block; }

.report-output { float: right; width: 18px; height: 17px; background: transparent url('../images/dashboard/add-report-icons.png') no-repeat 0 0; margin: 2px; }
.report-output-multibar.enabled { background-position:  3px    0; }
.report-output-multibar         { background-position:  3px   -18px; }
.report-output-pie.enabled      { background-position: -18px   0; }
.report-output-pie              { background-position: -18px  -18px; }
.report-output-line.enabled     { background-position: -39px   0; }
.report-output-line             { background-position: -39px  -18px; width: 21px; }
.report-output-grid.enabled     { background-position: -63px   0; }
.report-output-grid             { background-position: -63px  -18px; }
.report-output-matrix.enabled   { background-position: -85px   0; }
.report-output-matrix           { background-position: -85px  -18px; }
.report-output-treegrid.enabled { background-position: -107px  0; }
.report-output-treegrid         { background-position: -107px -18px; }

.column .report { height: 250px; }

.table td { border: 1px solid #ddd; /*border-width: 0 1px 1px 0;*/ }

.datagrid-footer {
    position: absolute;
    z-index: 99;
    bottom: 0;
    width: 100%;
    height: 25px;
    border-top: 1px solid #ccc;
    background: transparent url('../images/table/table_header.png') repeat-x scroll center bottom;
}

.datagrid-footer-pagination {
    height: 28px;
    padding: 0 1px;
}

.agentgroup-footer {
    z-index: 99;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 30px;
}

.paging-buttons{
    margin-top: 4px;
}

.paging{
    display: none;
    height: 35px;
}

.paging .page-label {white-space: nowrap; overflow: hidden;}

.page-up,
.page-arrow {
    background: transparent url('../images/table/datagrid-next-prev.png') no-repeat scroll left top;
    height: 28px;
    width: 31px;
    float: right;
    cursor: pointer;
}

.page-next { background-position: -31px top; }
.page-next:active { background-position: -31px -28px; }
.page-prev:active { background-position: left  -28px; }

.page-next.disabled { background-position: -31px -56px; cursor: default; }
.page-prev.disabled { background-position: left  -56px; cursor: default; }

.page-up { background-position: -64px top; float: left; margin-left: 2px; }
.page-up:active { background-position: -64px -28px; }
.page-up.disabled { display: none; }

.page-label { text-align: right; line-height: 28px; margin-right: 70px; color: #666;}

.page-temp { line-height: 28px; float: left; color: #666; }

.table-wrapper {
    top: 0;
    bottom: 27px;
    left: 0;
    right: 0;
    overflow-x: auto;
    overflow-y: hidden;
    position: absolute;
}

.treegrid-table-wrapper {
    bottom: 0;
    overflow-y: auto;
}

.expandable-treegrid{
    cursor: pointer;
}

/*.table-wrapper.has-footer { bottom: 27px; }*/

.datagrid th, .datagrid td { white-space: nowrap; max-width: 500px; overflow: hidden; /*height: 20px;*/ }
.view-subdimension { text-decoration: underline; }

#report_error { position: fixed; top: 50%; width: 100%; margin-top: 100px; }

.ui-selectable-helper { position: absolute; z-index: 9999; border: 1px dotted black; }

#settings_menu { top: 32px; right: 32px; z-index: 9999; position: fixed; }

#metric_settings_menu {z-index: 2000; position: fixed; top:250px; display: none;}

/* Schedule Config */
#schedule_table { max-height: 550px; min-height: 200px; overflow-y: auto; background: #eee; }
#schedule_edit {
    max-height: 800px;
    padding: 0 10px 10px;
    overflow-x: hidden;
    overflow-y: scroll;
}
#schedule_main_settings {
    min-height: 290px;
    display: inline-block;
    vertical-align: top;
}

#schedule_report_settings {
    min-height: 290px;
    width: 733px;
    display: inline-block;
    vertical-align: top;
}
#schedule_widget { min-height: 246px; }
#schedule_export_settings {
    min-height: 290px;
    display: block;
    margin-bottom: 35px;
}

#queuedreport_table { max-height: 550px; min-height: 200px; overflow-y: auto; background: #eee; }
#queuedreport_edit { padding: 0 10px 10px; overflow: hidden; }
#queuedreport_widget { min-height: 246px; }

#addreportmenu_scroll.no-scroll .cic-scroll-wrap { overflow: visible; }
#email-auto-predict { margin-left: 0; width: 298px; top: 200px; }
#edit_schedule .cic-dropdown-datalist { width: 261px; }

#add_email { float: right; }
.alert-action-message { width: 359px; height: 42px; padding: 8px; background: transparent url("../images/dashboard/email-textbox.png") round left top; border: none; resize: none; }

#schedule_message { width: 325px; height: 70px; padding: 8px;
    background: transparent url("../images/dashboard/email-textbox.png") round;
    border: none; resize: none; max-height: 110%; max-width: 110%;}

#schedule_frequency_units { width: 207px; float: left; }
#schedule_frequency_units .cic-dropdown-datalist { width: 176px; }

#schedule_reports { max-height: 300px; margin-bottom: 10px;}
#queuedreport_reports { margin-right: 6px; max-height: 198px; }

.form-section { padding: 10px 0 0; clear: both; }
.remove-icon { width: 16px; margin: 8px auto; background-position: center -178px; text-indent: -9999em; display: block; }
.action-address-list { max-height: 200px; overflow: auto; padding-right: 3px; }
.email-address-list { max-height: 400px; overflow: auto; padding-right: 3px; }
.email-address-textbox, .action-address-textbox { margin-bottom: 8px; }
.cic-textbox .email-address, .cic-textbox .action-address { width: 267px; }

.email-data { float: right; width: 340px; padding-top: 10px; padding-bottom: 10px;}
.email-addresses { width: 332px; float: left;}

.ftp-login { float: right; width: 340px; padding-top: 10px; padding-bottom: 10px;}
.ftp-addresses { width: 332px; float: left; }

.run-from-settings { width: 346px; float: left;}
.run-every-settings { float: right; padding-top: 20px; padding-bottom: 10px;}

.integration-list { width: 340px; float: left; }
.integration-parameters-list { width: 340px; float: right; padding-top: 10px; padding-bottom: 10px; }
.integration-parameters { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.integration-textbox {width: 331px;}
.integration-dropdown {width: 335px;}

.schedule-display-options {
    height: 20px;
    padding: 4px;
    float: right;
}

.cic-checkbox-list-item.selected .report-name {
    float: left;
    max-width: 218px;
    overflow: hidden;
    height: 36px;
}

#schedule_reports .cic-checkbox-list-item.selected .report-name {
    max-width: 550px;
}

#queuedreport_reports .report-name {
    max-width: 430px;
}

#delete_schedule { float: left; margin: 0 10px 0 0; }

#schedule_enabled {
    position: relative;
    top:  10px;
    left: 10px;
    line-height: 16px;
}

#schedule_start_date { width: 150px; float: left; margin: 0 6px 0 -4px; }
#schedule_start_hours, #schedule_start_minutes { width: 70px; float: left; }
.cic-dropdown-datalist-time { width: 50px; }

#schedule_xls_template_mapping, #schedule_iex_mapping {
    width: 18px;
    background: transparent;
    margin: 0;
    padding-left: 5px;
    height: 24px;
    line-height: 16px;
    display: block;
    zoom: 1;
    border: 0;
    outline: 0;
}

#schedule_iex_export{
    margin-left: -2px;
}

#schedule_cumulative{
    margin-top: 3px;
}

/* AKY */

.schedule-config-step { display: none; padding: 10px 0; clear: both; }

.schedules-wrap {
    overflow-y: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

#schedule_steps,
.schedule-step,
#schedule_steps_wrap {
    background: url("../images/controls/cic-button-sprite-silver.png") repeat-x scroll 0 0 transparent;
}

#schedule_steps_wrap {
    margin-top: 10px;
    padding-right: 4px;
    background-position: right -100px;
    background-repeat: no-repeat;
}

#schedule_steps {
    width: 725px;
    height: 36px;
    padding-left: 5px;
    margin: 0 auto;
    color: #666;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
    font-weight: bold;
}

#schedule_steps.step-0 { background-position: 0 -50px; }
#schedule_steps_wrap.stepRight { background-position: right -150px; }


.schedule-step {
    float: left;
    width: 241px;
    padding: 6px 0;
    height: 24px;
    text-align: center;
    background-position: 0 -200px;
    line-height: 24px;
    cursor: pointer;
    border-left: 1px solid #999;
}

.schedule-step.step-0 { border-left: none; }
.schedule-step.active { background-position: 0 -250px; }



/* Audit Log */

#close_audit { margin-top: 10px; }

.audit-user, .audit-date, .audit-desc { white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

#audit_log_table { width: 769px; }
.audit-user { width: 150px; }
.audit-date { width: 125px; max-width: 125px; }
.audit-desc { width: 456px; }

/* Edit user profiles */
#edit_users { width: 760px; margin-left: -360px; }
#edit_users_organisation_pane { width: 320px; }
#edit_users_assign_profiles {margin-left: 320px; margin-top: -380px}
.edit-users-pane { width: 370px; height: 380px;}

#edit_users_assign_profiles.edit-users-pane, #edit_users_edit_profile.edit-users-pane
{ width: 410px; }

#organisation_users, .organisation-menu { margin: 0 10px; background: #eee; border: 1px solid #ccc; }
#organisation_users_list { border: none; }

.organisation-menu { height: 350px; max-height: 350px; overflow: hidden; position: relative; }
#organisation_users{ height: 274px; }
#organisation_users_list { height: 100%; }
.current-profile { font-weight: normal; }
.organisation-sub-menu { border: none; width: 298px; float: left; height: 314px; max-height: 314px; }
.top-organisation { height: 350px; max-height: 350px; }

.organisations-menu-slider { position: absolute; top: 0; left: 0; z-index: 999; }
.organisations-back { position: absolute; bottom: 0; z-index: 1000; left: 0; right: 0; display: none; }

#user_profile { float: left; width: 320px;}
#user_profile .cic-dropdown-datalist { width: 289px; }
#create_user_profile { float: left; margin: 5px 0 5px 5px; min-width: 46px; max-width: 70px; }

#assign_to_users { clear: both; padding-top: 10px; display: block; }
#userprofile_rights_label { display: block; padding-top: 17px; }

.edit-users-label { margin-left: 10px; }

#edit_users_edit_profile { width: 350px; margin: 10px; margin-left: 320px; margin-top: -380px}
#delete_profile { float: left; margin: 0; }

.profile-name-wrapper{
    width:255px;
    text-overflow: ellipsis;
    overflow:hidden;
    float: left;
    white-space: nowrap;
}

.profile-name-wrapper.short{
    width:87%;
}

/* Template Reports */
#template_reports { width: 720px; margin-left: -360px; }
#templates_organisation_pane { width: 320px; }
#templates_reports_pane {margin-left: 320px; margin-top: -380px}
#template_reports_reports { height: 350px; max-height: 350px;  }
#template_no_organisation { position: relative; height: 350px; width: 368px; background: #eee; border: 1px solid #ccc; }
#template_select_org { position: absolute; top: 50%; margin-top: -1em; width: 368px; }

/* Template Extended Records */
#template_extended_records { width: 720px; margin-left: -360px; }
#template_extended_records_organisation_pane { width: 320px; }
#template_extended_records_pane {margin-left: 320px; margin-top: -380px}
#template_extended_records_list { height: 350px; max-height: 350px;  }
#template_extended_records_no_organisation { position: relative; height: 350px; width: 368px; background: #eee; border: 1px solid #ccc; }
#template_extended_records_select_org { position: absolute; top: 50%; margin-top: -1em; width: 368px; }

/* Filters and badge list style */
#dashboard_filters {
    background: transparent url('../images/report_builder/report-list.png') repeat-x 0 bottom;
    display: none;
    position: relative;
    z-index: 100;
}

.cic-badges { background: transparent url('../images/controls/report-builder-badge-blanks.png') repeat-x 0 0; }
.cic-badges.ui-sortable { cursor: move; }
#columns .cic-badges { margin: 5px; }

.cic-badge-list-title { margin: 5px 2px 0; background: transparent url('../images/report_builder/report-builder-icons.png') no-repeat 0 0; text-indent: 45px; }

#dashboard_filters .cic-badge-list-title {
    background-position: 0 -117px;
    text-indent: 30px;
    margin: 0 0 0 8px;
    padding-bottom: 2px;
}

#filter_menu {
    margin-left: -193px;
    width: 347px;
}

#filter_menu_filters {
    max-height: 500px;
    overflow-y: scroll;
}

#datasource_filters {
    max-height: 500px;
    /*overflow-y: auto;*/
}

#addfilters {
    margin: 3px 0;
}

.cic-button-silver,
.cic-button-silver .cic-button-wrap,
.cic-button-silver .cic-button-text {
    background-image: url('../images/controls/cic-button-sprite-silver.png');
    color: #666;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
}

.cic-button-silver.pressed .cic-button-text {
    color: #222;
}

.filter-options-dtmf {
    width: 320px;
}

.filter-dtmf-instructions {
    font-size: 8pt;
}

/* Metrics / Dimensions / Fields option blocks title */
.category-title {
    background: transparent url("../images/report_builder/category.png") no-repeat 0 0;
    height: 43px;
    padding-top: 1px;
    line-height: 40px;
    zoom: 1;
    border: 0;
    outline: 0;
    color: #FFF;
    font-weight: bold;
    text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.8);
    cursor: pointer;
    text-decoration: none;
    text-indent: 12px;
}

.category-title.fixed,
.category-title.toggled {
    background-position: 0 -50px;
}

.category-title.fixed {
    cursor: default;
}

.category {
    display: none;
    background: #fff;
    overflow: hidden;
    margin-bottom: 4px;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #eee;
    border-radius: 0 0 4px 4px;
}

.category.fixed {
    display: block;
}

.subcategory-name {
    padding-left: 2px;
    font-size: 12px;
    font-weight: bold;
    clear: both;
}

.report-checkbox {
    font-size: 90%;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 0 0 1px 22px;
}

.checkbox-list-item {
    padding: 1px 4px;
}

/* Metric filter dialog */

#metric_filter_dialog {
    position: absolute;
    z-index: 9999;
    overflow: visible;
}

#metric_filter_main {
    position: relative;
    height: 50px;
}

#metric_filter_comparison_upper_bound {
    position: relative;
    height: 50px;
}

#metric_filter_comparison_use_upper_bound {
    line-height: 20px;
    left: 10px;
    position: absolute;
    top: 13px;
    width: 100px;
    z-index: 801;
    padding: 0 22px;
}

#metric_filter_upper_bound_overlay,
#metric_filter_options_overlay{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
    filter:alpha(opacity=70);
    opacity: 0.7;
    z-index: 800;
}

#metric_filter_options_overlay{
    z-index: 802;
    top: 35px;
    bottom: 50px;
}

#metric_filter_comparison,
#metric_filter_comparison_upper_bound_type{
    float:right;
}

#metric_filter_value_list {
    clear: both;
}

#metric_filter_value_list_values {
    max-height: 300px;
    overflow-y: auto;
    max-width: none;
    padding-right: 2px;
    margin-left: 65px;
}

#metric_filter_value_list_or {
    float: left;
    width: 50px;
}

/* Filter's dialog */
#filter_options {
    position: absolute;
    top: 320px;
    z-index: 9999;
    overflow: visible;
}

.filter-option {
    padding: 10px;
    width: 400px;
}

.filter-case {
    display: none;
}

/*
.filter-case {
    max-width: 400px;
}

#filter_type_text {
    max-width: 650px;
}*/

#filter_description {
    font-size: 8pt;
    line-height: 1.5em;
    margin: 2px auto 5px;
    max-width: 380px;
    zoom: 1;
}

#filter_any_or_none {
    display: block;
    line-height: 34px;
    margin-left: 9px;
}
#filter_any, #filter_none { padding-left: 25px; font-weight: bold; }

.filter-inlcude-or-exclude { margin: 6px 9px; }

#filter_values { min-width: 350px; width: 420px; }

#filter_select_pagination {
    border: 1px solid #CCCCCC;
    height: 28px;
    padding: 2px;
    background: url("../images/table/table_header.png") repeat-x scroll center bottom transparent;
}


#filter_dashboard_configurable {
    clear: both;
    line-height: 34px;
    margin-left: 4px;
    display: none;
}

.comparison-filter-name {
    float: left;
    border: 2px dotted #ccc;
    padding: 6px;
    margin: 5px;
    font-size: 11pt;
    min-width: 50px;
}

#filter_text_comparison,
#filter_comparison_upper_bound_type,
#filter_quantitative_comparison {
    float: right;
}

.filter-comparison-value {
    float: right;
    margin: 5px;
    width: 58px;
}

.filter-text-value {
    float: right;
    margin: 5px;
    width: 200px;
}

#filter_type_quantitative {
    max-width: 700px;
}

#filter_type_quantitative_main,
#filter_type_text_main,
#filter_comparison_upper_bound {
    position: relative;
    height: 50px;
}

#filter_comparison_use_upper_bound {
    line-height: 20px;
    left: 10px;
    position: absolute;
    top: 13px;
    width: 100px;
    z-index: 801;
    padding: 0 22px;

}

#filter_upper_bound_overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
    filter:alpha(opacity=70);
    opacity: 0.7;
    z-index: 800;
}

#filter_value_list {
    clear: both;
}

#filter_value_list_values {
    max-height: 300px;
    overflow-y: auto;
    max-width: none;
    padding-right: 2px;
    margin-left: 65px;
}

#filter_value_list_or {
    float: left;
    width: 50px;
}

.filter-list-value {
    margin: 2px 0 2px 0;
    /*width: 88px;*/
    overflow: hidden;
    position: relative;
}

.filter-list-value .cic-textbox-button {
    margin: 0;
}

.remove-filter-value {
    position: absolute;
    right: 0;
    top: 0;
}

.bowser_webkit .filter-list-value .text {
    position: absolute;
    top: 0;
    left: 0;
    width: auto;
    right: 25px;
}

#search_filter_values {
    margin-bottom: 8px;
    position: relative;
    height: 36px;
}

#search_filter {
    position: absolute;
    right: 0;
    top: 0;
}

#search_filter_text {
    position: absolute;
    right: 63px;
    left: 0;
}

/* DTMF key pad */
.dtmf-keypad {
    margin: 10px auto;
    width: 220px;
}

.dtmf-keypad-row {
    height: 46px;
}

.dtmf-key {
    float: left;
    margin: 0 6px;
    width: 56px;
}

.dtmf-key-no-response {
    margin: 0 6px;
}


.threshold { border-radius: 5px; }
.widget-content-readout .threshold { padding: 0   10px; }
.multi-readout-value .threshold    { padding: 3px 10px; }
.agent-stat .threshold { padding: 5px 6px; }

@-moz-keyframes animate-threshold-critical {
    0%   { background-color: #E33413 }
    50%  { background-color: #990000 }
    100% { background-color: #E33413 }
}

.threshold-notify   { color: #fff; background: linear-gradient(to bottom, #51A053, #448745); }
.threshold-warning  { color: #fff; background: linear-gradient(to bottom, #44B4DF, #00A1DE); }
.threshold-minor    { color: #fff; background: linear-gradient(to bottom, #663366, #653665); }
.threshold-major    { color: #fff; background: linear-gradient(to bottom, #C73A3A, #A73030); }
.threshold-critical { color: #fff; background: #E33413; animation: animate-threshold-critical 2.5s ease-in infinite; }

/* Alerts */
.widget-content-alerts { background: url('../images/dashboard/no-alerts.png') repeat; height: 200px; }

.alerts-wrap {
    overflow-y: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.alerts-list { border-bottom: 1px solid #ccc; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); width: 100%; }
.alert-row { background: url("../images/dashboard/multi-readout.png") repeat-x scroll 0 0 #EAEBEB; padding: 10px 5px; }
.alert-name { color: #B94A4A; font-size: 14pt; padding: 4px 4px 4px 30px; background: url("../images/dashboard/alert-icon.png") no-repeat scroll left 4px transparent; }
.alert-time { color: #999; font-size: 10pt; line-height: 28px; }
.alert-head { text-align: left; padding: 2px 5px 0; }
.alert-head-name { padding-left: 35px; }


#alerts_dialog { width: 800px; margin-left: -400px; z-index: 1009; }
#alerts_table { max-height: 550px; min-height: 200px; overflow-y: auto; background: #eee; }
.alert-config-step { display: none; padding: 10px 0; clear: both; }

#alert_steps,
.alert-step,
#alert_steps_wrap {
    background: url("../images/controls/cic-button-sprite-silver.png") repeat-x scroll 0 0 transparent;
}

#alert_steps_wrap {
    margin-top: 10px;
    padding-right: 4px;
    background-position: right -100px;
    background-repeat: no-repeat;
    margin-right: 20px;
}

#alert_steps {
    width: 739px;
    height: 36px;
    padding-left: 5px;
    margin: 0 auto;
    color: #666;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
    font-weight: bold;
}

#alert_steps.step-0 { background-position: 0 -50px; }
#alert_steps_wrap.step-4 { background-position: right -150px; }

.alert-step {
    float: left;
    width: 135px;
    padding: 6px 6px;
    height: 24px;
    text-align: center;
    background-position: 0 -200px;
    line-height: 24px;
    cursor: pointer;
    border-left: 1px solid #999;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;

}

.alert-step.step-0 { border-left: none; }
.alert-step.active { background-position: 0 -250px; }

#alerts_dialog .checkbox-cell { padding: 5px 14px; }
#reset_condition_new, #reset_condition_period { display: none; }
#reset_time_period_wrap { width: 140px; float: left; margin: 5px 23px 5px 0; }
#reset_time_period_units { width: 207px; float: left; }
#reset_time_period_units .cic-dropdown-datalist { width: 176px; }

#raise_condition_variables.equation-variables,
#reset_condition_variables.equation-variables { margin-right: 18px; }

#alerts_dialog_alert { display: none; }
#alerts_raise_action, #alerts_reset_action { min-height: 135px; position: relative; }
.alert-action-email, .alert-action-sms, .alert-action-popup, .alert-action-dta-notification { margin-left: 380px; display: none; margin-right: 16px }
.alert-action-type  { width: 370px; position: absolute; left: 2px; top: 0; }
.add-action-address { float: right; }
.alert-name-textbox { margin-right: 20px; }
#alerts_schedule_table { width: 752px; }
#alerts_add_schedule { cursor: pointer; }
.selected-action { display: block; }
.alert-schedule-checkbox { width: 22px; height: 21px; display: block; padding: 0; }
#delete_alert { float: left; margin: 0 10px 0 0; }
#alert_enabled { line-height: 16px; position: relative; top: 10px; }

#padded-cic-control-bar {
    padding-top: 20px;
    padding-bottom: 6px;
    padding-right: 12px;
}

#alerts_dialog .equation-textarea {
    width: 742px;
}

#download_menu {
    position: absolute;
    top: 320px;
    z-index: 9999;
    overflow: visible;
    min-width: 122px;
}

#download_menu .cic-control-bar {
    padding-top: 10px;
    padding-right: 10px;
    margin-top: 0;
}

#download_menu #download_menu_options {
    height: 100px;
}


#agentstatus_alerts_table { width: 650px; }

#agentstatus_alerts_table thead tr{
    height: 38px;
}

#add_status_alert { cursor: pointer; }

.alert-status-header{
    width: 250px;
}

.alert-threshold-header{width: 70px;}

.alert-threshold-div{height: 36px; width: 44px; margin-left: 13px;}

.alert-threshold-div.priority5{
    background: transparent url('../images/dashboard/event-option-menu.png') no-repeat 0 0;
    background-position: 0 -269px;
}
.alert-threshold-div.priority4{
    background: transparent url('../images/dashboard/event-option-menu.png') no-repeat 0 0;
    background-position: 0 -304px;
}
.alert-threshold-div.priority3{
    background: transparent url('../images/dashboard/event-option-menu.png') no-repeat 0 0;
    background-position: 0 -340px;
}
.alert-threshold-div.priority2{
    background: transparent url('../images/dashboard/event-option-menu.png') no-repeat 0 0;
    background-position: 0 -377px;
}
.alert-threshold-div.priority1{
    background: transparent url('../images/dashboard/event-option-menu.png') no-repeat 0 0;
    background-position: 0 -412px;
}


/* Popup alert window */

#popup_alert_dialog {
    top: 50%;
    left: 50%;
    margin-top: -250px;
    margin-left: -350px;
    width: 700px;
    position: absolute;
    z-index: 9999;
    overflow: visible;
}

#popup_alert_dialog .alert-row{
    position: relative;
}

#popup_alert_dialog .alert-name{
    width:70%;
    display:inline-block;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: top;
    font-size: 17pt;
    line-height: 22px;
}

#popup_alert_dialog .alert-time{
    width:20%;
    text-align: right;
    display:inline-block;
    font-size: 13pt;
    vertical-align: top;
}

#popup_alert_dialog .alert-message{
    margin: 10px;
    margin-top: 20px;
    color: #666;
    font-size: 19pt;
    line-height: 35px;
    white-space: pre-wrap;
}

#popup_alert_dialog .clear-alert{
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 29px;
}

.clear-alert-button{
    width: 15px;
    height: 20px;
    background: url("../images/dashboard/source/icon_sprite.png") repeat-x scroll 0 -12px transparent;
    margin-top: 14px;
}

.clear-alert-button:hover{
    background-position: -16px -12px;
    cursor: pointer;
}

.widget-content-popupalerts { background: url('../images/dashboard/no-alerts.png') repeat; height: 350px; }

.resize-title {
    display : none !important;
}

.resize-widget .resize-title {
    display : block !important;
}

.summary-stat { display: inline; float: left; padding-right: 20px;}

#campaigns_list .event-category-table tr {
    cursor: pointer;
}

.dialcampaign-cell, .tableview-cell {
    text-align: center;
    vertical-align: middle;
    width: 1px;
}

.dialcampaign-sub-event {
    text-align: left;
}

.dialcampaign-cell-leftborder { border-left: 1px solid #D1D2D3; }
.dialcampaign-cell-rightborder { border-right: 1px solid #fff; }

.dialcampaign-header-value {
    width: 0;
    padding: 5px;
    line-height: 14px;
}

.dialcampaign-status-badge {
    height: 27px;
    width: 108px;
    margin-top: 2px;
    background: transparent url('../images/dashboard/dialcampaign-status.png') no-repeat 0 0;
    border: none !important;
    background-position-y: -210px;
    text-align: center;
    cursor: pointer;
}
.large .dialcampaign-status-badge {
    height: 32px;
    background: transparent url('../images/dashboard/dialcampaign-status-large.png') no-repeat 0 0;
}
.small .dialcampaign-status-badge {
    height: 22px;
    background: transparent url('../images/dashboard/dialcampaign-status-small.png') no-repeat 0 0;
}
.dialcampaign-status-badge.running { background-position-y: -35px; }
.dialcampaign-status-badge.running.no-records { background-position-y: -70px; }
.dialcampaign-status-badge.running-ooh { background-position-y: -105px; }
.dialcampaign-status-badge.paused-till-schedule { background-position-y: -140px; }
.dialcampaign-status-badge.paused { background-position-y: -175px; }
.dialcampaign-status-badge.not-running { background-position-y: -210px; }

#newtab_add_link, #edittab_add_link, #add_link {
    float:left !important;
    margin-left: 0 !important;
}

.add-link { width: 22px; height: 30px; margin: 8px auto auto; background: transparent url("../images/dashboard/icons.png") scroll 0 -120px no-repeat; text-indent: -9999em; display: block; }

.add-link {background-position: 0 -383px; }

#dashboardcarousel_dialog {
    width: 700px;
}

#carousel_dashboard {
    margin-left:25px;
    width: 436px;
    float: left;
}

.carousel-configuration {
    max-height: 300px;
    overflow-y: auto;
    width: 652px;
}

.carousel-configuration li , #extendedrecord_column_list li, #extendedrecord_column_list_new li, #customeventblock_column_list li{
    width: 605px;
    height:42px;
    margin-left: 30px;
    margin-bottom: 2px;
    background-color: #F7F7F7;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
    border-radius: 3px;
    font-size: 13px;
    cursor: move;
}
#customeventblock_column_list li {
    cursor: auto;
    width: 500px;
    margin-left: 5px;
    margin-bottom: 4px;
    display: flex;
}

#extendedrecord_column_list li, #extendedrecord_column_list_new li {
    cursor: auto;
    width: 780px;
}

#extendedrecord_column_list li:hover, #extendedrecord_column_list_new li:hover {
    border-color: #999;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.3);
}

#extendedrecord_column_list_new li:hover {
    cursor: move;
}

.carousel-configuration .carousel-duration {
    width:30px;
}

.carousel-dashboard-name-div, .extendedrecord-columnname-div, .customeventblock-columnname-div, .customeventblock-columnid-div {
    width: 430px;
    float: left;
    clear: left;
    height: 42px;
    line-height: 42px;
    margin-left: 10px;
    margin-right: 3px;
    overflow: hidden;
}

.extendedrecord-columnname-div {
    width: 300px;
}

.customeventblock-columnname-div {
    width: 300px;
    margin-top: 3px;
    margin-left: 3px;
    margin-right: 15px;
}
.customeventblock-columnid-div {
    width: 135px;
    margin-top: 3px;
    margin-left: 3px;
    float: left;
    overflow: hidden;
}

#customeventblock_column_list {
    max-height: 400px;
    overflow-y: auto;
    margin-left: 20px;
}
#events_header {
    display: none;
    margin-left: 24px;
}
#custom_events_title {
    margin-left: 5px;
    font-size: 14px;
}

#customeventblocks {
    width: 413px;
}

.carousel-duration-div {
    float: left;
}

.carousel-duration-textbox {
    margin-top: 3px;
}

.carousel-duration {
    text-align: right;
}

.carousel-seconds-label {
    float: left;
    height: 42px;
    line-height: 41px;
    margin-left: 4px;
}

.remove-carousel-dashboard, .remove-column-div, .edit-column-div, .remove-custom-event {
    float:left;
    background: url('../images/dashboard/icons.png') no-repeat 0 -178px;
    width: 20px;
    height: 20px;
    position: relative;
    top: 8px;
    display: block;
    text-indent: -9999em;
    margin-top: 2px;
    margin-left: 35px;
}

.remove-carousel-dashboard {
    float: right;
    margin-right: 10px;
    margin-left: 10px;
}

.remove-custom-event {
    margin-left: 0px;
    margin-right: 3px;
}

.remove-column-div {
    display:none;
    margin-left: 3px;
}

.edit-column-div {
    display:none;
    background-position: 0 -239px;
    margin-left: 8px;
}

#extendedrecord_column_list .edit-column-div {
    margin-left: 20px;
}

.remove-carousel-dashboard:hover, .remove-column-div:hover, .edit-column-div:hover, .remove-custom-event:hover {
    cursor: pointer;
    box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.2);
}

.carousel-save-error {
    height: 36px;
    line-height: 36px;
    float:left;
    margin-left:30px;
    color: red;
}

.carousel-no-dashboards {
    font-style: italic;
    color: #B4B4B4 !important;
}

#carousel_dashboard .cic-dropdown-value {
    white-space: nowrap;
    overflow: hidden;
}

#add-dashboard.cic-button.add,
#add-exception.cic-button.add {
    width:90px;
}

#extendedrecord_dialog {
    width: 870px;
}

#customeventblock_dialog {
    width: 600px;
}

#extendedrecords, #new_extendedrecord {
    margin-left:25px;
    width: 436px;
    float: left;
}

#new_extendedrecord_controls_div {
    margin-left:25px;
    width: 436px;
}

#extendedrecord_dialog .new-record, #extendedrecord_dialog .new-column, #extendedrecord_dialog .commit {
    float:left;
    margin-left: 0px;
}

#extendedrecord_dialog .commit {
    margin-left: 5px;
}

#extendedrecord_dialog .delete-extendedrecord {
    margin-left: 0;
}

.extendedrecord-defaultvalue-div {
    float:left;
    width: 200px;
    height: 42px;
    line-height: 42px;
    margin-right: 3px;
    overflow: hidden;
}

.extendedrecord-datatype-div {
    float:left;
    width: 150px;
    height: 42px;
    line-height: 42px;
}

.extendedrecord-version-div {
    float:left;
    width: 60px;
    height: 42px;
    line-height: 42px;
    text-align: center;
}

#extendedrecord_column_list .extendedrecord-version-div {
    font-weight: bold;
    color: green;
}

.extendedrecord-configuration .header,
.customeventblock-configuration .header {
    height: 25px;
    width: 780px;
    background-color: #F7F7F7;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
    border-radius: 5px 5px 2px 2px;
    margin-left: 30px;
    margin-bottom: 2px;
}

.customeventblock-configuration .header {
    width: 500px;
    margin-left: 25px;
}

.extendedrecord-configuration #name_header,
.extendedrecord-configuration #datatype_header,
.extendedrecord-configuration #version_header,
.extendedrecord-configuration #defaultvalue_header,
.customeventblock-configuration #name_header,
.customeventblock-configuration #id_header,
.customeventblock-configuration #id_delete_event {
    float:left;
    line-height: 25px;
    font-weight: bold;
}

.extendedrecord-configuration #name_header {
    width:300px;
    margin-left: 5px;
}

.customeventblock-configuration #name_header {
    margin-left: 5px;
    width: 300px;
    margin-right: 15px;
}
.customeventblock-configuration #id_header {
    width: 135px;
}
.customeventblock-configuration #id_delete_event {
    width: 25px;
}

.extendedrecord-configuration #defaultvalue_header {
    width: 200px;
    margin-left: 5px;
}

.extendedrecord-configuration #datatype_header {
    width: 150px;
    margin-left: 5px;
}

.extendedrecord-configuration #version_header {
    width: 60px;
}

#extendedrecord_controls_div {
    margin-top: 8px;
    margin-left: 30px;
    margin-right: 35px;
    margin-bottom: 8px;
}

#customeventblock_controls_div {
    margin-top: 10px;
    margin-bottom: 8px;
    margin-left: 16px;
    margin-right: 44px;
}

#extendedrecord_controls_div .new-column,
#customeventblock_controls_div .new-column {
    float:left;
}

#update_event_controls {
    float:right;
}


#customeventblock_dialog .delete-event-group {
    float:left;
    display: none;
}

#customeventblock_dialog .new-record {
    float:left;
    margin-left: 5px;
}


#default_value_control_bar {
    margin-top: 8px;
    margin-left: 30px;
    margin-right: 35px;
    margin-bottom: 8px;
}

#new_column, #edit_new_column, #edit_committed_column {
    height: 38px;
    width: 800px;
    margin-left: 30px;
}

#new_column #new_name,
#new_column #new_datatype,
#new_column #new_save,
#new_column #new_cancel,
#edit_new_column #edit_new_name,
#edit_new_column #edit_new_datatype,
#edit_new_column #edit_new_update,
#edit_new_column #edit_new_cancel,
#edit_committed_column #edit_committed_name,
#edit_committed_column #edit_committed_update,
#edit_committed_column #edit_committed_cancel {
    float: left;
}

#new_column #new_name,
#new_column #new_save,
#new_column #new_cancel,
#edit_new_column #edit_new_name,
#edit_new_column #edit_new_update,
#edit_new_column #edit_new_cancel,
#edit_committed_column #edit_committed_name,
#edit_committed_column #edit_committed_update,
#edit_committed_column #edit_committed_cancel{
    margin-top: 5px;
}

#new_column #new_save,
#edit_new_column #edit_new_update,
#edit_committed_column #edit_committed_update {
    margin-right: 3px;
}

#edit_committed_column #edit_committed_name {
    margin-right: 4px;
}

#new_name .new-name {
    width: 349px;
}

#edit_new_name {
    width: 340px;
}

#edit_committed_name {
    width: 640px;
}

#new_datatype .new-datatype, #edit_new_datatype .new-datatype {
    width: 116px;
}

#new_datatype_dropdown {
    width: 114px;
}

.default_value_textbox {
    width: 175px;
    float: left;
    margin-top: 5px;
    margin-left: 3px;
    margin-right: 3px;
}

.default_value_text {
    float: left;
}

#default_value_checkbox {
    left: 2px;
    line-height: 16px;
    position: relative;
    top: 10px;
    float: left;
    margin-right: 20px;
}

#new_extendedrecord_controls_div {
    width: 436px;
    float: left;
    margin-left: 0;
}

.extendedrecord-configuration {
    width: 830px;
    min-height: 60px;
    max-height: 300px;
    overflow-y: auto;
}

.version-span {
    font-size: 18px;
    font-weight: bold;
}

#extendedrecord_message_div,
#new_extendedrecord_message_div,
#customeventblock_message_div,
#new_customeventblock_message_div {
    height: 18px;
    line-height: 18px;
    margin-left: 30px;
    color: red;
    text-align: right;
    margin-right: 40px;
}

#new_extendedrecord_message_div,
#new_customeventblock_message_div,
#customeventblock_message_div {
    clear: both;
    height: 30px;
    line-height: 30px;
    margin-left: 0;
    margin-right: 40px;
}
#new_customeventblock_message_div {
    margin-right: 3px;
}


#extended_record_title {
    height: 37px;
    line-height: 37px;
    background-image: url('../images/report_builder/extended_record.png');
    background-repeat: no-repeat;
    padding-left: 35px;
    font-size: 18px;
    color: #888888;
}

.widget-chart.highchart-chart {
    position: absolute;
    top: 0px;
    width: 100%;
    height: 100%;
}

.widget-chart .highcharts-container {
    position: absolute;
    top: 0px;
    width: 100%;
    height: 100%;
}

.highcharts-axis-labels {
    fill: #4b4b4b;
}

/* Bar specific colour */
.highchart-chart.bar .highcharts-color-0 {
    fill: #1f99c6;
    stroke: #1f99c6;
}

/* Line specific colour */
.highchart-chart.dtline .highcharts-color-0 {
    fill: #1f99c6;
    stroke: #1f99c6;
}

/* Pie */
.highcharts-data-label-connector {
    stroke: #505050;
}

.scheduledcalls-chartcontainer {
    position: absolute;
    top: 0px;
    bottom: 30px;
    width: 100%;
}

.scheduledcalls-controls {
    position: absolute;
    bottom: 0;
    height: 15px;
    width: 100%;
}

.scheduledcalls-controls .zoom-out {
    position: absolute;
    height: 25px;
    width: 30px;
    background: transparent url("../images/table/datagrid-in-out.png") scroll -32px -2px no-repeat;
    left: 40px;
    bottom: 5px;
    cursor: pointer;
}

.scheduledcalls-controls .zoom-in {
    position: absolute;
    height: 25px;
    width: 30px;
    background: transparent url("../images/table/datagrid-in-out.png") scroll -2px -2px no-repeat;
    left: 10px;
    bottom: 5px;
    cursor: pointer;
}

.scheduledcalls-controls .pan-left {
    position: absolute;
    height: 25px;
    width: 30px;
    background: transparent url("../images/table/datagrid-next-prev.png") scroll -2px -2px no-repeat;
    right: 40px;
    bottom: 5px;
    cursor: pointer;
}

.scheduledcalls-controls .pan-right {
    position: absolute;
    height: 25px;
    width: 30px;
    background: transparent url("../images/table/datagrid-next-prev.png") scroll -32px -2px no-repeat;
    right: 10px;
    bottom: 5px;
    cursor: pointer;
}

.queuedreport-download-button {
    width: 17px;
    height: 19px;
    cursor: pointer;
    background: transparent url('../images/dashboard/report-display-icons.png') no-repeat left -24px;
    background-position: -112px 0;
}

.queuedreport-failed {
    background-color: #F5F5F5
}

.queuedreport-start-datetime-title {
    width: 250px;
    float: left;
}

.queuedreport-end-datetime-title {
    margin-left: 265px;
}

.queuedreport-start-time {
    float: left;
    width: 100px;
    margin-top: 5px;
}

.queuedreport-end-time {
    float: left;
    width: 100px;
    margin-top: 5px;
}

#queuedreport_table td {
    max-width: 150px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.disable-click {
    pointer-events: none;
}

.cursor-default {
    cursor: default;
}

.visibility-hidden {
    visibility: hidden;
}

#queuedreport_start_date { width: 130px; float: left; margin: 0 6px 0 -4px; }
#queuedreport_end_date { width: 130px; float: left; margin: 0 6px 0 10px; }

.scheduledcalls-controls  .zoom-out:active   { background-position-y: -30px; }
.scheduledcalls-controls  .zoom-in:active    { background-position-y: -30px; }
.scheduledcalls-controls  .pan-left:active   { background-position-y: -30px; }
.scheduledcalls-controls  .pan-right:active  { background-position-y: -30px; }

.scheduledcalls-controls .zoom-out.inactive  { background-position-y: -58px; cursor: default; }
.scheduledcalls-controls .zoom-in.inactive   { background-position-y: -58px; cursor: default; }
.scheduledcalls-controls .pan-left.inactive  { background-position-y: -58px; cursor: default; }
.scheduledcalls-controls .pan-right.inactive { background-position-y: -58px; cursor: default; }

th.sortable { padding-right: 16px; text-overflow: ellipsis; }

.warning-message {
    height: 29px;
    line-height: 39px;
    display: none;
    color: #961932;
}

.warning-message.on{
    display: block;
}

.sup {
    font-size: 60%;
    vertical-align: super;
}