/* FONTS */
@font-face {
  font-family: 'hiho_light';
  src: url('../fonts/NeueMontreal-Light.otf');
  src: url('../fonts/NeueMontreal-Light.otf') format('truetype');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'hiho_light_italic';
  src: url('../fonts/NeueMontreal-LightItalic.otf');
  src: url('../fonts/NeueMontreal-LightItalic.otf') format('truetype');
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: 'hiho_bold';
  src: url('../fonts/NeueMontreal-Bold.otf');
  src: url('../fonts/NeueMontreal-Bold.otf') format('truetype');
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: 'hiho_bold_italic';
  src: url('../fonts/NeueMontreal-BoldItalic.otf');
  src: url('../fonts/NeueMontreal-BoldItalic.otf') format('truetype');
  font-weight: 900;
  font-style: italic;
}

/* Generic */

@media print {
    .navbar {
        display: none !important;
    }
    body {
    	padding:0;
    }
}
.nomargin {                                 margin:0; }
.cursor_pointer {                           cursor:pointer; }
.hidden {                                   display:none; }
.hero-unit.stacked {                        border:1px solid transparent; margin-bottom:20px; }
.hero-unit.valid {                          background-color:#b4dda4; border:1px dashed #99c586; }
.hero-unit.notvalid {                       background-color:#e5a3a3; border:1px dashed #c78080; }
.clear {                                    clear:both; }
.barre {                                    text-decoration: line-through; }
.table.table-border-ext {                   border:1px solid #dddddd; }
.table tr.valid {                           background-color:#b4dda4; }
.table tr td.text-right,
.table tr th.text-right {                   text-align:right; }
.table tr td .symbol {                      color:#999; display:inline-block; padding-left:6px; font-size:85%;}
.table.table-small {                        font-size:11px; }
.marginBottom10 {                           margin-bottom:10px; }
.marginTop10 {                              margin-top:10px; }
.nopadding {                                padding:0 !important; }

/* Loader */
.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url(../images/preloader.gif) center no-repeat #fff;
}

/* NOTY.js*/
.btn-noty {                                 float:right; margin-left:5px !important; margin-bottom:10px;  }

/* JS TABLE HEAD FIXED */
.table-thead-fixed thead tr {                   background-color:rgba(255,255,255,0.9); color:#000; }
.table-thead-fixed tbody tr:first-child td {    border-top:none; }

/* Tabs */
.nav-tabs > li {
    margin-bottom: -2px;
}
/* 100% Grid */
.container.fullwidth {
    width:100%;
    margin:0;
    padding:0;
    box-sizing:border-box;
}
.container.fullwidth .row {                         margin:0 26px; }
.container.fullwidth .row.nomargin {                margin:0; }
.container.fullwidth .col-12 {
    width:100%;
    clear:both;
}
/* HALF - 50% */
.container.fullwidth .col-6 {                       box-sizing:border-box; display:inline-block; float:left; width:50%; }
.container.fullwidth .col-6:nth-child(1) {          padding-right:13px; }
.container.fullwidth .col-6:nth-child(2) {          padding-left:13px; }

/* THIRD - 33% */
.container.fullwidth .col-4 {                       box-sizing:border-box; display:inline-block; float:left; width:33.333333333%; }
.container.fullwidth .col-4:nth-child(1) {          padding-right:17px; }
.container.fullwidth .col-4:nth-child(2) {          padding:0 8px; }
.container.fullwidth .col-4:nth-child(3) {          padding-left:17px; }

/* THIRD - 66% */
.container.fullwidth .col-8 {                       box-sizing:border-box; display:inline-block; float:left; width:66.6666666666%; }

/* QUART - 25% */
.container.fullwidth .col-3 {                       box-sizing:border-box; display:inline-block; float:left; width:25%; }
.container.fullwidth .col-3:nth-child(1) {          padding-right:19.5px; }
.container.fullwidth .col-3:nth-child(2) {          padding:0 13px 0 6.5px; }
.container.fullwidth .col-3:nth-child(3) {          padding:0 6.5px 0 13px; }
.container.fullwidth .col-3:nth-child(4) {          padding-left:19.5px; }

/* 1/5e - 20% */
.container.fullwidth .col-20 {                       box-sizing:border-box; display:inline-block; float:left; width:20%; }
.container.fullwidth .col-20:nth-child(1) {          padding-right:19.5px; }
.container.fullwidth .col-20:nth-child(2) {          padding:0 13px 0 6.5px; }
.container.fullwidth .col-20:nth-child(3) {          padding:0 9.75px; }
.container.fullwidth .col-20:nth-child(4) {          padding:0 6.5px 0 13px; }
.container.fullwidth .col-20:nth-child(5) {          padding-left:19.5px; }

/* 4/5e - 80% */
.container.fullwidth .col-80 {                       box-sizing:border-box; display:inline-block; float:right; padding-left:20px; width:80%; }

@media screen and (max-width: 640px) {
    /* HALF - 50% */
    .container.fullwidth .col-6 {                       width:100%; }
    .container.fullwidth .col-6:nth-child(1) {          padding-right:0; }
    .container.fullwidth .col-6:nth-child(2) {          padding-left:0; }
}

/* FULL WIDTH STYLES */
.container.fullwidth .hero-unit {                   background: linear-gradient(to bottom right, #5d80ab, #274871); padding:13px; margin-bottom:26px; border-radius:3px; }
.container.fullwidth .hero-unit h1 {                color:#ffffff; font-size:24px; font-weight:700; margin:0; padding:0; line-height: 24px; }
.container.fullwidth .hero-unit h1.event {          font-size:24px; line-height: 24px; }
.container.fullwidth .hero-unit h1.event small {    color:inherit !important; font-size:16px; line-height: 16px; }
.container.fullwidth .hero-unit h1.event .fa {      font-size:14px; line-height: 16px; }
.container.fullwidth .hero-unit h1.event .page_name { display:inline-block; float:right; font-size:20px; }
.container.fullwidth .hero-unit h2 {                color:#ffffff; font-size:32px; font-weight:700; margin:0; padding:0; line-height: 32px; }

.container.fullwidth .tile {                        background: linear-gradient(to bottom right, #f9f9f9, #eeeeee); padding:13px; border-radius:3px; margin-bottom:26px; }
.container.fullwidth .tile h3 {                     font-size:20px; font-weight:700; margin:0 0 20px 0; padding:0; line-height: 20px; }
.container.fullwidth .tile p:last-child {           margin-bottom: 0; }

/* EMPLOYEE */
.container.fullwidth .employee {                    background: linear-gradient(to bottom right, #f9f9f9, #eeeeee); padding:13px; border-radius:3px; margin-top:100px; margin-bottom:26px; position:relative; }
.container.fullwidth .employee.sil {                background: linear-gradient(to bottom right, #5d80ab, #274871); }
.container.fullwidth .employee .weekHours {         display:block; height:100px !important; margin:auto; margin-top:-112px; width:200px !important; }
.container.fullwidth .employee .monthHours {        display:block; height:100px !important; margin:auto; margin-top:-2px; width:200px !important; transform: scaleX(-1) rotate(180deg); }
/*.container.fullwidth .employee .weekHours {         border-radius:85px; display:block; height:170px !important; margin:auto; margin-top:-39px; width:170px !important; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25); }
*/
.container.fullwidth .employee .profile {           border:1px solid #ddd; border-radius:60px; background-color:#fff; background-repeat:no-repeat; background-position:center; background-size:cover; display:block; height:120px; margin:auto; margin-top:-60px; margin-bottom:0px; position:relative; width:120px; z-index:10;  }
.container.fullwidth .employee .crew {              font-size:20px; font-weight:400; margin:15px 0 5px; padding:0; line-height: 20px; text-align:center; }
.container.fullwidth .employee .primary_data {      font-size:14px; font-weight:400; margin:10px 0; padding:0; line-height: 14px; text-align:center; }
.container.fullwidth .employee .edit_fiche {        text-decoration:none; position:absolute; right:10px; top:9px; }
.container.fullwidth .employee .contract {          font-size:13px; font-weight:400; margin:10px 0; padding:0; line-height: 16px; text-align:center; }
.container.fullwidth .employee .light {             color:#999; }
.container.fullwidth .employee .btn {               background:linear-gradient(to bottom right, #e9e9e9, #bbb); border:none; border-radius:0; color:#333; text-shadow:1px 1px 4px #fff;; }



label.list_inline {
    background-color:#ebcbcb;
    border:1px dotted #dda7a7;
    border-radius:4px;
    display:inline-block;
    float:left;
    margin-right:5px;
    padding:5px 7px;
}
label.list_inline.valid {
    background-color:#def0d7;
    border:1px dashed #badaad;
}
label.list_inline input[type=checkbox] {
    display:inline-block;
    margin-right:5px;
    vertical-align: baseline;
}

input[type=checkbox] {
    vertical-align: baseline;
}

.sortable li,
.sortable-tag li,
.sortable-blocks li  {
    cursor:move !important;
    list-style: none;
}
.amount_plus {
    color:#31cf00;
}
.amount_minus {
    color:#ed1a3b;
}
table.mb0 {
    margin-bottom:0;
}
table.table-inverted {
    border-collapse: collapse;
}
table.table-inverted tr {
    display: block;
    float: left;
}
table.table-inverted td {
    display: block;
}

/* Technical Report */
body.events_gi_technical_report {                                     margin:0; padding:0 !important; }
body.events_gi_technical_report table tbody tr td {                   font-size:10px; }
body.events_gi_technical_report table tbody tr td.title {             background-color:#000; color:#fff; padding:10px; text-align:center; }
body.events_gi_technical_report table tbody tr td.title h3 {          margin:0; line-height:1; }
body.events_gi_technical_report table tbody tr td.subtitle {          background-color:#999; color:#fff; padding:5px; text-align:center; }
body.events_gi_technical_report table tbody tr td.subtitle h3 {       font-size:16px; margin:0; line-height:1; }
body.events_gi_technical_report .job_desc {                           display:inline-block; line-height:12px; }
body.events_gi_technical_report .hour_block {                         display:inline-block; float:left; width:40px; }
body.events_gi_technical_report #select_date {                        display:block; margin:0 auto 8px; }
/* PDF Rendering */
body.events_gi_technical_report .table {                                }
body.events_gi_technical_report .table.table_unbreakable {              page-break-inside: avoid !important; }
body.events_gi_technical_report .table.table_unbreakable tr {           page-break-inside: avoid !important; }
body.events_gi_technical_report .table.table_unbreakable tr td {           page-break-inside: avoid !important; }
/* Financial Report */
body.financial_benefits .table-list tr.sub,
body.invoices_cumul .table-list tr.sub {                                font-size:11px; }
body.financial_benefits .table-list tr.sub td:nth-child(1),
body.invoices_cumul .table-list tr.sub td:nth-child(1) {                font-size:13px; }
body.financial_benefits .table-list .main,
body.invoices_cumul .table-list .main {                                 background-color:#fff; }
body.financial_benefits .table-list .main.open,
body.invoices_cumul .table-list .main.open {                            background-color:#f4f4f4 !important; }
body.financial_benefits .table-list .sub,
body.invoices_cumul .table-list .sub {                                  background-color:#fff; }
body.financial_benefits .table-list .sub.hidden,
body.invoices_cumul .table-list .sub.hidden {                           display:none; }

/* Tabs with bordered box */
.tab-content .tab-pane.bordered {               border:1px solid #ddd; border-top:none; padding:20px; }
.nomargin {                                     margin:0; }
.nomarginTop {                                  margin-top:0; }
#stats {                                        margin-bottom:20px; }

/* PRICE OFFERS */
.po_layout strong {                                         font-family: 'Raleway',sans-serif; }
.po_layout strong {                                         font-family: 'hiho_bold'; }
.po_layout .highlight {                                     background-color:#ffde6b; }
.po_layout .table td,
.po_layout .table th {                                      border:none; }
.po_layout h4 {                                             margin:0; }
.po_layout .watermark {                                     display:block; position:absolute; margin:0.5cm auto; top:0; left:0; height:28.7cm; min-width:20cm; width:100%; z-index:999; }
.po_layout .watermark .text {                               color:red; display:block; font-family: helvetica; font-size:150px; height:25.7cm; line-height:25.7cm; margin-top:3cm; position:relative; width:20cm; transform: rotate(311deg); -webkit-transform: rotate(311deg); -moz-transform: rotate(311deg); -o-transform: rotate(311deg); writing-mode: lr-tb; text-align:center; width:100%; }

.po_layout .table {                                         border-collapse: collapse; border-style: hidden; }
.po_layout .table td {                                      font-size:16px; line-height: 22px; }

.po_layout .logo_sil {                                      width:10cm; }

.po_layout .client_info p {                                 vertical-align:bottom; font-size:16pt; line-height:19pt; }
.po_layout .po_info p {                                     text-align: right; vertical-align:bottom; font-size:15pt; line-height:17pt; }
.po_layout .client_info h4 {                                font-size:20pt; font-weight:bold; margin:0 0 0.25cm 0; padding:0; }

.po_layout .border_1px {                                    border:1px solid #222222; }
.po_layout .bg_color_grey {                                 background-color:#eeeeee; }
.po_layout .no_border_left {                                border-left:none; }
.po_layout .no_border_right {                               border-right:none; }

.po_layout .table.table_unbreakable {                       page-break-inside: avoid !important; }

.po_layout .table p {                                       margin:0; }

.po_layout .table .border_top {                             border-top:1px solid #dddddd; }
.po_layout .table .border_bottom {                          border-bottom:1px solid #dddddd; }
.po_layout .table tr {                                      page-break-inside: avoid !important; }

.po_layout .table .bold {                                   font-family:'hiho_bold'; }

.po_layout td.center {                                      text-align:center !important; }
.po_layout .background_yellow {                             background-color:#ffde6b; }
.po_layout .table  {                                        background-color:transparent; border:none; }
.po_layout .table .padding_small {                          padding:0.25cm; }
.po_layout .table .no_margin,
.po_layout .table.no_margin {                               margin:0; }
.po_layout .table .no_padding {                             padding:0; }

.po_layout .table .align_center {                           text-align:center; }
.po_layout .table .align_left {                             text-align:left; }
.po_layout .table .align_right {                            text-align:right; }

.po_layout .table td.valign_top {                           vertical-align:top; }
.po_layout .table td.valign_center {                        vertical-align:middle; }
.po_layout .table td.valign_bottom {                        vertical-align:bottom; }

.po_layout .table .height_0_5cm {                           height:0.5cm; }
.po_layout .table .height_1cm {                             height:1cm; }
.po_layout .table .height_2cm {                             height:2cm; }
/* backgrounds color */
/* New hiho price offer */
.po_layout .table.table_production {                        border:3px solid black; border-bottom:none; }
.po_layout .table.table_production tr td {                  font-size: 18pt; line-height:22pt; padding:0 0.35cm; }
.po_layout .table.table_production tr td {                  padding: 0 0.35cm; }
.po_layout .table.table_production tr:first-child td {      padding: 0.35cm 0.35cm 0; }
.po_layout .table.table_production tr:last-child td {       padding: 0 0.35cm 0.35cm; }

.po_layout .table.products_hiho {                           border:3px solid black; }
.po_layout .table.products_hiho tr th,
.po_layout .table.products_hiho tr td {                     font-size: 15pt; line-height:20pt; }
.po_layout .table.products_hiho tr {                        border-bottom:3px solid black; }
.po_layout .table.products_hiho .products_tr_header th {    font-size: 12pt; }
.po_layout .table.products_hiho .category_name {            font-size: 10pt; padding-top:0; padding-bottom:0; line-height:17pt; }

.po_layout .table.products_hiho tr th:first-child,
.po_layout .table.products_hiho tr td:first-child {         padding-left: 0.35cm; }
.po_layout .table.products_hiho tr.product_description td { font-family: 'hiho_bold'; }
.po_layout .table.products_hiho tr.product_description td em { font-family: 'Raleway'; font-style:italic; font-size:14pt; }

.po_layout .table .conditions {                             font-size: 13pt; line-height:15pt; }
.po_layout .table .conditions strong {                      font-size: 15pt; line-height:18pt; }

/* grey */
.po_layout .table .td_bg_grey_0 {                           background-color:#f6f6f6; }
.po_layout .table .td_bg_grey_1 {                           background-color:#eeeeee; }
.po_layout .table .td_bg_grey_2 {                           background-color:#e4e4e4; }
.po_layout .table .td_bg_grey_3 {                           background-color:#dbdbdb; }
.po_layout .table .td_bg_grey_4 {                           background-color:#c7c7c7; }
/* other */
.po_layout .table .td_bg_black_0 {                          background-color:#000000; color:#fff; }
.po_layout .table .td_bg_black_3 {                          background-color:#333333; color:#fff; }
.po_layout .table .td_bg_red_1 {                            background-color:#ce5332; color:#fff; }
.po_layout .table .td_bg_red_2 {                            background-color:#ce7b32; color:#fff; }
.po_layout .table .td_bg_orange_1 {                         background-color:#f2a02d; color:#000; }

.po_layout .table .color_black {                            color:#000; }

.po_layout .page-break {                                    page-break-before: always; page-break-after: always; }

/* CREW LIST VERSION 2017 PDF */
body.crewlist {                                             background-color:#ffffff; margin:0.5cm; padding:0 !important; }
.crewlist .table.table-border-ext {                         border:1px solid #666666 !important; }
.crewlist .table.table-border-ext tr {                      border:1px solid #666666 !important; }
.crewlist .table.table-border-ext td {                      border:1px solid #666666 !important; }
.crewlist .table.table_unbreakable {                        page-break-inside: avoid !important; }

.crewlist .table {                                          border-bottom:1px solid #dddddd; font-size:12px; }
.crewlist .table .event {                                   background-color:#0F0F28; color:#ffffff; font-size:24px; font-weight:bold; height:2cm; line-height: 2cm; text-align:center; }
.crewlist .table .event_info_title {                        background-color:#6996BE; color:#ffffff; font-size:14px; font-weight:bold; height:0.75cm; line-height: 0.75cm; text-align:center; }
.crewlist .table .event_info_detail {                       background-color:#ffffff; color:#0F0F28; font-size:14px; font-weight:normal; height:0.75cm; line-height: 0.75cm; text-align:center; }
.crewlist .table .job_date {                                background-color:#0F0F28; color:#ffffff; font-size:16px; font-weight:bold; height:1cm; line-height: 1cm; text-align:center; }
.crewlist .table .column_top {                              background-color:#6996BE; border:1px solid #6996BE; color:#ffffff; font-size:14px; font-weight:normal; text-transform:uppercase; height:0.75cm; line-height: 0.75cm; text-align:center; }
.crewlist .table .permanence {                              background-color:#F56919; color:#ffffff; font-size:17px; height:0.75cm; line-height: 0.75cm; text-align:center; }
.crewlist .table .getin {                                   background-color:#dddddd; border:1px solid #dddddd; color:#222222; font-size:15px; font-weight:bold; height:0.75cm; line-height: 0.75cm; text-align:center; }
.crewlist .table .getin.prod_man {                          background-color:#ffd200 !important; border:1px solid #ffd200; }
.crewlist .table .getin.crew_chief {                        background-color:#F59114 !important; border:1px solid #F59114; }
.crewlist .table .getin td:nth-child(2) {                   text-align: right; }
.crewlist .table tr {                                       page-break-inside: avoid !important; }
.crewlist .table tr.crew_row td:nth-child(1) {              border-left:1px solid #dddddd; }
.crewlist .table tr.crew_row td:last-child {                border-right:1px solid #dddddd; }
.crewlist .table .driver {                                  border:1px solid #333333; color:#333333; display:inline-block; font-weight:bold; margin-right:6px; height:16px; line-height:16px; text-align:center; vertical-align:baseline; width:34px; }
.crewlist .table .passenger {                               border:1px dotted #333333; color:#333333; display:inline-block; font-weight:bold; margin-left:6px; height:16px; line-height:16px; text-align:center; vertical-align:baseline; width:34px; }

/* DHTMLXSCHEDULER */

.dhx_cal_container {
    border:1px solid #ddd;
    width:100%;
    height:700px;
    overflow:scroll;
    position:relative;
    margin-bottom:20px;
}
.dhx_cal_navline {
    background-color:#FFF;
    position:top;
}
.dhx_cal_header {
    background-color:#FFF;
    position:top;
    margin-top:-1px;
}
.one_line{
    white-space:nowrap;
    overflow:hidden;
    padding-top:5px; padding-left:5px;
    text-align:left !important;
}

/* Financials */
.financial_invoices_list .unpaid {
    background-color:red;
    color:#ffffff;
}
.financial_invoices_list .unpaid::-webkit-input-placeholder {
    color: #ffffff !important;
}
.financial_invoices_list .number {
    color:red;
    display:inline-block;
    line-height:15px;
    padding:0 2px;
    border-bottom:1px dashed red;
}

/* Navbar 2017 */
.navbar-fixed-bottom {
    right:auto;
}
.navbar-inverse .navbar-inner {
    background-color:transparent;
    background-image:none;
    box-shadow:none;
}
.navbar-inverse .nav > li {
    padding:0;
}
.navbar-inverse .nav > li > a {
    background-color:#dfdfdf;
    border-radius:5px;
    color:#222222;
    font-size:12px;
    vertical-align: baseline;
    margin:5px 0 5px 5px;
    padding:5px;
    text-shadow:none;
}
.navbar-inverse .nav > li > a:hover,
.navbar-inverse .nav > li > a:focus,
.navbar-inverse .nav > li > a.active {
    background-color:#f4b636;
    color:#222222;
}

.navbar-inverse .nav.pull-right > li > a {
    margin-right: 5px;
}

input[class='filtering'] {
    border:none;
    color:#181a1d;
    display:block;
    font-weight: 300;
    font-size:18px;
    height:36px;
    line-height:36px;
    box-sizing:border-box;
    background-color:#eeeeee;
    margin:0 0 20px 0;
    text-align:center;
    width:100%;
}

/* Events List */
input[class='dataTableSearch'] {
    border:none;
    color:#181a1d;
    display:block;
    font-weight: 300;
    font-size:18px;
    height:36px;
    line-height:36px;
    box-sizing:border-box;
    background-color:#eeeeee;
    margin:0 0 20px 0;
    text-align:center;
    width:100%;
}
/* Override datatable */
table.dataTable thead .sorting_asc {
  background: url("http://cdn.datatables.net/1.10.0/images/sort_asc.png") no-repeat center left !important;
}
table.dataTable thead .sorting_desc {
  background: url("http://cdn.datatables.net/1.10.0/images/sort_desc.png") no-repeat center left !important;
}
table.dataTable thead .sorting {
  background: url("http://cdn.datatables.net/1.10.0/images/sort_both.png") no-repeat center left !important;
}
/* Hide searchbox */
.dataTables_filter {
    display:none;
}

/* USERS ACTIVE ON PAGE */
.users_on_page {                    bottom:5px; right:5px; position:fixed; }
.users_on_page ul {                 list-style:none; margin:0; padding:0; }
.users_on_page ul li {              background-color:red; border-radius:5px; clear:both; color:#ffffff; display:block; float:right; font-size: 12px; margin-top:5px; padding: 5px 10px; }
.users_on_page ul li.loading {      background-color:white; color:red; }
.users_on_page ul li.no_user {      background:linear-gradient(to bottom right, #62c462, #51a351); color:white; }

/* ---------------------------------*/
/* MESSENGER - WIDGET
/* ---------------------------------*/

@keyframes glow {
    from { background-color: #222; }
    to { background-color: red; }
}
/* ICON */
.messenger {                                position:relative; z-index:998; }
.messenger .icon {                          bottom:5px; left:50%; height:36px; margin-left:-18px; position:fixed; width:36px; z-index:2;
                                            transition:all 0.2s; -webkit-transition:all 0.2s; }
.messenger .icon span.glow {                background-color:#222; border-radius:36px; color:white; display:block; font-size:16px; height:100%; line-height:32px; position:relative; text-align:center; width:100%; }
.messenger .icon span.glow.yes {            animation-name: glow; animation-duration: 2s; animation-iteration-count: infinite; animation-direction: alternate; }
.messenger .icon span .notification {       background-color:red; border-radius:14px; border:1px solid #fff; color:white; display:block; font-size:9px; height:14px; line-height:14px; position: absolute; opacity:1; text-align:center; top:-4px; right:-4px; width:14px; visibility:visible;
                                            transition:all 0.4s; -webkit-transition:all 0.4s; }
.messenger .icon span .notification.hidden {opacity:0; visibility:hidden;
                                            transition:all 0.4s; -webkit-transition:all 0.4s; }
/* Open */
.messenger .icon.open {                     bottom:15px; margin-left:-129px; width:260px;
                                            transition:all 0.2s; -webkit-transition:all 0.2s; }
.messenger .icon.open span {                border-radius:0;
                                            -webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; }
.messenger .icon.open span.glow {           animation: none !important; }
.messenger .icon.open span .notification {  opacity:0; visibility: hidden; /* hide notification on Open */
                                            transition:all 0.4s; -webkit-transition:all 0.4s; }


/* CHATBOX */
.messenger .chat {                          bottom:35px; left:50%; display:block; height: 350px; margin-left:-140px; position:fixed; opacity:0; visibility: hidden; width:280px;
                                            transition:all 0.4s; -webkit-transition:all 0.4s; }
/* Open */
.messenger .chat.open {                     bottom:8px; display:inline; opacity:1; visibility: visible;
                                            transition:all 0.4s; -webkit-transition:all 0.4s; }
.messenger .chat .box * {                   box-sizing:border-box; }
.messenger .chat .box {                     background-color: rgba(255,255,255,0.95); border-radius:8px; border:1px solid #ccc; height:100%; overflow:hidden; width:100%;
                                            -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.27); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.27); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.27); }
.messenger .chat .notification {            background-color:red; border-radius:16px; color:white; display:block; font-size:10px; height:16px; line-height:14px; opacity:1; position: absolute; text-align:center; top:6px; left:6px; width:16px; visibility: visible;
                                            transition:all 0.4s; -webkit-transition:all 0.4s; }
.messenger .chat .notification.hidden {     opacity:0; visibility: hidden;
                                            transition:all 0.4s; -webkit-transition:all 0.4s; }
.messenger .chat .close {                   color:white; display:block; font-size:16px; position: absolute; top:5px; opacity:1; right:4px;
                                            transition:all 0.4s; -webkit-transition:all 0.4s; }
.messenger .chat .close:hover {             color:#ccc;
                                            transition:all 0.4s; -webkit-transition:all 0.4s; }
.messenger .chat .box .title {              background-color:#222; color:#fff; display:block; padding:3px 5px; text-align:center; width:100%; }

/* HISTORY */
.messenger .chat .box ul.history {                              margin:10px; list-style:none; height:200px; top: 28px; overflow:scroll; padding:0; position:absolute; width:260px; }
.messenger .chat .box ul.history li {                           display:block; float:left; list-style:none; margin:0; padding:0 0 10px 0; width:100%; }
.messenger .chat .box ul.history li .date {                     color:#999; display:block; float:right; font-size:10px; line-height:16px; text-align:right; }
.messenger .chat .box ul.history li .admin {                    background-color:#f4b636; border-radius:18px; color:#222; display:block; float:left; font-family:'arial narrow','helvetica'; font-size:10px; font-weight:700; line-height:18px; height:16px; padding:0 5px; text-align:center;
                                                                transition:all 0.4s; -webkit-transition:all 0.4s; }
.messenger .chat .box ul.history li .admin.viewed {             background-color:#ddd;
                                                                transition:all 0.4s; -webkit-transition:all 0.4s; }
.messenger .chat .box ul.history li .message {                  display:block; float:left; font-family:'helvetica','arial'; font-size:11px; line-height:13px; color:#222; margin-top:7px; text-align:left; width:100%;  }

/* MESSAGE */
.messenger .chat .box textarea {                                background-color:#eee; bottom:33px; border:none; box-shadow:none; display:block; font-family:'helvetica','arial'; font-size:12px; height:58px; line-height:14px; margin:0 10px 10px 10px; padding:6px; position:absolute; resize:none; width:260px;
                                                                -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; }

/* ---------------------------------*/
/* MESSENGER - DASHBOARD
/* ---------------------------------*/
/* HISTORY */
.m_dashboard ul.history {                              border:1px solid #ddd; box-sizing:border-box; list-style:none; max-height:200px; margin:0; overflow:scroll; padding:20px; position:relative; width:100%; }
.m_dashboard ul.history li {                           display:block; float:left; list-style:none; margin:0; padding:0 0 10px 0; width:100%; }
.m_dashboard ul.history li:last-child {                padding-bottom:0; }
.m_dashboard ul.history li .date {                     color:#999; display:block; float:right; font-size:10px; line-height:16px; text-align:right; }
.m_dashboard ul.history li .admin {                    background-color:#f4b636; border-radius:18px; color:#222; display:block; float:left; font-family:'arial narrow','helvetica'; font-size:10px; font-weight:700; line-height:18px; height:16px; padding:0 5px; text-align:center;
                                                       transition:all 0.4s; -webkit-transition:all 0.4s; }
.m_dashboard ul.history li .admin.viewed {             background-color:#ddd;
                                                       transition:all 0.4s; -webkit-transition:all 0.4s; }
.m_dashboard ul.history li .message {                  display:block; float:left; font-family:'helvetica','arial'; font-size:11px; line-height:13px; color:#222; margin-top:7px; text-align:left; width:100%;  }
.m_dashboard ul.history li .message .link {            border-radius:5px; color:#f4b636; display:inline-block; font-size:10px; line-height:13px; margin-right:5px; text-decoration: none; }
.m_dashboard ul.history li .message .link:hover {      color:black; text-decoration:none; }

.textcomplete-dropdown {                                border-radius:4px; overflow:hidden; padding:0; margin-bottom:15px; z-index:999 !important; }
.textcomplete-dropdown li a {                           font-size:12px; line-height:16px; padding:2px 5px; }

/* ---------------------------------*/
/* MESSENGER - FULL HISTORY
/* ---------------------------------*/
.m_complete {                                           box-sizing:border-box; margin:0 -8px 0 -8px; width:788px; }
.m_complete .page {                                     display:inline-block; margin:0 8px 15px; width:249px; }
.m_complete .page.last {                                margin-right:0; }
.m_complete .page h4 {                                  background-color:#222; color:#fff; font-size:14px; display:block; padding: 5px; box-sizing:border-box; margin:0; width:100%; }

.m_complete ul.history {                                border:1px solid #ddd; border-top:none; box-sizing:border-box; list-style:none; height:200px; max-height:200px; margin:0; overflow:scroll; padding:10px; position:relative; width:100%; }
.m_complete ul.history li {                           display:block; float:left; list-style:none; margin:0; padding:0 0 10px 0; width:100%; }
.m_complete ul.history li:last-child {                padding-bottom:0; }
.m_complete ul.history li .date {                     color:#999; display:block; float:right; font-size:10px; line-height:16px; text-align:right; }
.m_complete ul.history li .admin {                    background-color:#f4b636; border-radius:18px; color:#222; display:block; float:left; font-family:'arial narrow','helvetica'; font-size:10px; font-weight:700; line-height:18px; height:16px; padding:0 5px; text-align:center;
                                                       transition:all 0.4s; -webkit-transition:all 0.4s; }
.m_complete ul.history li .admin.viewed {             background-color:#ddd;
                                                       transition:all 0.4s; -webkit-transition:all 0.4s; }
.m_complete ul.history li .message {                  display:block; float:left; font-family:'helvetica','arial'; font-size:11px; line-height:13px; color:#222; margin-top:7px; text-align:left; width:100%;  }
.m_complete ul.history li .message .link {            border-radius:5px; color:#f4b636; display:inline-block; font-size:10px; line-height:13px; margin-right:5px; text-decoration: none; }
.m_complete ul.history li .message .link:hover {      color:black; text-decoration:none; }

.textcomplete-dropdown {                                border-radius:4px; overflow:hidden; padding:0; margin-bottom:15px; z-index:999 !important; }
.textcomplete-dropdown li a {                           font-size:12px; line-height:16px; padding:2px 5px; }

/* ---------------------------------*/
/* MESSENGER - FOOTER NOTIFICATIONS
/* ---------------------------------*/
ul.nav li.footer_messenger a.footer {                   color:white; text-align:center; width:20px;
                                                        animation-name: glow; animation-duration: 2s; animation-iteration-count: infinite; animation-direction: alternate; }
ul.nav li.footer_messenger a.footer:hover {             background:inherit !important; color:white; }
ul.nav li.footer_messenger .dropdown-menu li {          padding:0 3px; }
ul.nav li.footer_messenger .dropdown-menu li a {        border-radius:4px; font-size:11px; padding:0 3px; }

/* ---------------------------------*/
/* INCLUDES - VIEWS - EVENT CONTENT
/* ---------------------------------*/
body.event_content {                                    margin:0; padding:0; width:100; }
body.event_content * {                                  box-sizing:border-box; }
/* Header */
/* Header - Title */
.event_content .event_name {                            font-family: 'Slabo 27px', serif; float:left; padding:0.25cm; position:relative; margin-bottom:0.5cm; text-align:center; width:100%; }
.event_content .event_name span {                       font-size:30px; line-height:1; font-weight:normal; }
.event_content .event_name span small {                 font-size:24px; line-height:1; font-weight:normal; }
/* Header - Logo */
.event_content header {                                 background-color:#f5f5f5; border:1px solid #f5f5f5; border-radius:10px; font-family: 'Slabo 27px', serif; float:left; padding:0.5cm; position:relative; margin-bottom:0.5cm; width:100%; }
.event_content header .logo {                           display:inline-block; float:left; height:2cm; margin-right:1cm; }
.event_content header .logo img {                       display:block; height:100%; }
/* Header - Title */
.event_content header .title {                          display:inline-block; float:left; height:2cm; }
.event_content header .title span {                     clear:both; display:block; float:left; height:0.5cm; width:15cm; }
.event_content header .title .name {                    font-size:16px; font-weight:bold; }
.event_content header .title .date {                    font-size:16px; font-weight:bold; }
.event_content header .title .venue_name {              font-size:16px; font-weight:bold; }
.event_content header .title .venue_city {              font-size:16px; font-weight:bold; }

/* Content */
.event_content .content {                               font-size:20px; font-weight:bold; width:100%; }

/* ---------------------------------*/
/* FOOTER WARNING ALERT
/* ---------------------------------*/
.footer_warning {                                       color:#fff; font-size:18px; background:linear-gradient(to bottom right, #fcc000, #f17b00); border-radius:6px; bottom:40px; left:5px; display:block; padding:20px; position:fixed; text-align:center; width:230px; }
.footer_warning p.title {                               font-weight:bold; font-size:20px; margin:0 0 10px 0; }
.footer_warning p {                                     line-height:16px; font-weight:normal; font-size:16px; margin:0; }

/* Datatable */
.fixedHeader-floating {                                 background-color:rgba(255,255,255,0.9) !important; top:45px !important; }

/* Jump to event */
#shortcuts .select2 {                                   margin-left:5px; margin-top:5px !important;}
#shortcuts .select2 .select2-selection,
#shortcuts .select2 .select2-selection__rendered {      height:30px; line-height:30px; }
#shortcuts .select2 .select2-selection__arrow,
#shortcuts .select2 .select2-chosen {                   padding-top: 6px; }

/* ---------------------------------*/
/* EVENTS PAGE - FIXED HEADER
/* ---------------------------------*/
/*.event-nav-fixed.fixed {                                background-color:#fff; position:fixed; top:61px; width:calc(100% - 52px); z-index:999; }
.tile.event-nav {                                       margin-bottom:26px; }
.tile.event-nav.fixed {                                 margin-bottom:22px; }
.col-12.fixed {                                         margin-top:121px; }
.table-event-fixed tbody tr:first-child td {            border-top:none; }
a.anchor.aEvent {                                       top: -227px; }*/

body.event_detail {                                     padding-top:180px; }
body.event_detail .col-12.fixed {                       background-color: #fff; padding-top:60px; position:fixed; top:0; width:calc(100% - 52px); z-index:99; }
body.event_detail .col-12.fixed ul.nav {                margin-bottom: 0;
                                                        -webkit-box-shadow: 0px 10px 37px -17px rgba(0,0,0,0.75); -moz-box-shadow: 0px 10px 37px -17px rgba(0,0,0,0.75); box-shadow: 0px 10px 37px -17px rgba(0,0,0,0.75); }
body.event_detail .col-12.fixed ul.nav > .active > a,
body.event_detail .col-12.fixed ul.nav > .active > a:hover { background-color:#eee; }

body.event_detail .table-event-fixed thead tr {         background-color:rgba(255,255,255,0.9); color:#000; }

/* ---------------------------------*/
/* EXTRANET
/* ---------------------------------*/
body.extranet {                                         padding:20px 0 0 0; }
.navbar.navbar-extranet {                               background-color:black; border-radius:5px; }
.navbar .navbar-inner {                                 padding-left:10px; padding-right:5px; }