/* Minification failed. Returning unminified contents.
(9370,32): run-time error CSS1039: Token not allowed after unary operator: '-tt-shift'
 */
/*! angularjs-slider - v5.8.7 - 
 (c) Rafal Zajac <rzajac@gmail.com>, Valentin Hervieu <valentin@hervieu.me>, Jussi Saarivirta <jusasi@gmail.com>, Angelin Sirbu <angelin.sirbu@gmail.com> - 
 https://github.com/angular-slider/angularjs-slider - 
 2016-11-09 */
.rzslider {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 4px;
  margin: 35px 0 15px 0;
  vertical-align: middle;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.rzslider.with-legend {
  margin-bottom: 40px;
}

.rzslider[disabled] {
  cursor: not-allowed;
}

.rzslider[disabled] .rz-pointer {
  cursor: not-allowed;
  background-color: #d8e0f3;
}

.rzslider[disabled] .rz-bar-wrapper.rz-draggable {
  cursor: not-allowed;
}

.rzslider[disabled] .rz-bar.rz-selection {
  background: #8b91a2;
}

.rzslider[disabled] .rz-ticks .rz-tick {
  cursor: not-allowed;
}

.rzslider[disabled] .rz-ticks .rz-tick.rz-selected {
  background: #8b91a2;
}

.rzslider span {
  position: absolute;
  display: inline-block;
  white-space: nowrap;
}

.rzslider .rz-base {
  width: 100%;
  height: 100%;
  padding: 0;
}

.rzslider .rz-bar-wrapper {
  left: 0;
  z-index: 1;
  width: 100%;
  height: 32px;
  padding-top: 16px;
  margin-top: -16px;
  box-sizing: border-box;
}

.rzslider .rz-bar-wrapper.rz-draggable {
  cursor: move;
}

.rzslider .rz-bar {
  left: 0;
  z-index: 1;
  width: 100%;
  height: 4px;
  background: #d8e0f3;
  -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
          border-radius: 2px;
}

.rzslider .rz-bar.rz-selection {
  z-index: 2;
  background: #0db9f0;
  -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
          border-radius: 2px;
}

.rzslider .rz-pointer {
  top: -14px;
  z-index: 3;
  width: 32px;
  height: 32px;
  cursor: pointer;
  background-color: #0db9f0;
  -webkit-border-radius: 16px;
     -moz-border-radius: 16px;
          border-radius: 16px;
}

.rzslider .rz-pointer:after {
  position: absolute;
  top: 12px;
  left: 12px;
  width: 8px;
  height: 8px;
  background: #ffffff;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  content: '';
}

.rzslider .rz-pointer:hover:after {
  background-color: #ffffff;
}

.rzslider .rz-pointer.rz-active {
  z-index: 4;
}

.rzslider .rz-pointer.rz-active:after {
  background-color: #451aff;
}

.rzslider .rz-bubble {
  bottom: 16px;
  padding: 1px 3px;
  color: #55637d;
  cursor: default;
}

.rzslider .rz-bubble.rz-selection {
  top: 16px;
}

.rzslider .rz-bubble.rz-limit {
  color: #55637d;
}

.rzslider .rz-ticks {
  position: absolute;
  top: -3px;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 0;
  margin: 0;
  list-style: none;
  box-sizing: border-box;
}

.rzslider .rz-ticks .rz-tick {
  position: absolute;
  top: 0;
  left: 0;
  width: 10px;
  height: 10px;
  margin-left: 11px;
  text-align: center;
  cursor: pointer;
  background: #d8e0f3;
  border-radius: 50%;
}

.rzslider .rz-ticks .rz-tick.rz-selected {
  background: #0db9f0;
}

.rzslider .rz-ticks .rz-tick .rz-tick-value {
  position: absolute;
  top: -30px;
  transform: translate(-50%, 0);
}

.rzslider .rz-ticks .rz-tick .rz-tick-legend {
  position: absolute;
  top: 24px;
  max-width: 50px;
  white-space: normal;
  transform: translate(-50%, 0);
}

.rzslider .rz-ticks.rz-ticks-values-under .rz-tick-value {
  top: initial;
  bottom: -32px;
}

.rzslider.rz-vertical {
  position: relative;
  width: 4px;
  height: 100%;
  padding: 0;
  margin: 0 20px;
  vertical-align: baseline;
}

.rzslider.rz-vertical .rz-base {
  width: 100%;
  height: 100%;
  padding: 0;
}

.rzslider.rz-vertical .rz-bar-wrapper {
  top: auto;
  left: 0;
  width: 32px;
  height: 100%;
  padding: 0 0 0 16px;
  margin: 0 0 0 -16px;
}

.rzslider.rz-vertical .rz-bar {
  bottom: 0;
  left: auto;
  width: 4px;
  height: 100%;
}

.rzslider.rz-vertical .rz-pointer {
  top: auto;
  bottom: 0;
  left: -14px !important;
}

.rzslider.rz-vertical .rz-bubble {
  bottom: 0;
  left: 16px !important;
  margin-left: 3px;
}

.rzslider.rz-vertical .rz-bubble.rz-selection {
  top: auto;
  left: 16px !important;
}

.rzslider.rz-vertical .rz-ticks {
  top: 0;
  left: -3px;
  z-index: 1;
  width: 0;
  height: 100%;
}

.rzslider.rz-vertical .rz-ticks .rz-tick {
  margin-top: 11px;
  margin-left: auto;
  vertical-align: middle;
}

.rzslider.rz-vertical .rz-ticks .rz-tick .rz-tick-value {
  top: initial;
  left: 24px;
  transform: translate(0, -28%);
}

.rzslider.rz-vertical .rz-ticks .rz-tick .rz-tick-legend {
  top: initial;
  right: 24px;
  max-width: none;
  white-space: nowrap;
  transform: translate(0, -28%);
}

.rzslider.rz-vertical .rz-ticks.rz-ticks-values-under .rz-tick-value {
  right: 24px;
  bottom: initial;
  left: initial;
}
/*#region Override background color theme */

/*For Bootstrap 3*/
/*.nav, .pagination, .carousel, .panel-title a { cursor: pointer; }



/*#endregion */

/* #region Main Styles */

.ng-cloak {
    display: none !important;
 }

/*select > option {
    color: black;
}



.widget .padd {
    
    height: 12em;
}

    .widget .padd.padd-tight {
        padding: 6px;
    }

.list-flow.list-flow-tight {
    width: 90px;
}*/




/*.btn > i {
    margin-right: 8px;
}


    .btn.btn-notext > i {
        margin-right: 0;
    }

.btn-group{
    margin: .2em;
}


small {
    font-size: 14px;
}*/

.text-subtle {
    color: #b7b7b7;
}

.page-title-subtle {
    color: white;
}

.page-title {
    color: #EEE;
    margin-right: 12px;
}

.right {
    clear: right;
    float: right;
}

/*.widget-content .padd:hover {
    cursor: pointer;
    color: white;
    background-color: #52b9e9;
}

    .widget-content .padd:hover * {
        color: white;
    }

.list-flow {
    margin: 6px;
    float: left;
    width: 110px;
    height: 120px;
    border-bottom: solid 0 transparent;
    padding: 1.5% .5%;
}

.name-stack h5 {
    text-align: center;
    padding: 0;
    margin: 0;
    line-height: 18px !important;
}


.search-query {
    margin: 2px auto 8px auto !important;
}

.fa-search {
    color: #FFFFFF;
}

.form-search {
    min-height: 2em;
}

.input-group[class*="col-"] {
    width: 80%;
    margin: 0 1.5em;}

.user .user-pic {
    display: block;
    margin: auto;
}

.user .user-details {
    margin-left: 100px;
    margin-right: 10px;
}

.widget-content {
    padding: 1em;
    margin: 0;
}

.stacked {
    float: none !important;
    display: block;
    margin: auto;
}



.navbar .navbar-brand {
    background: url(/content/images/arrb.png) no-repeat left center !important;
    margin: 0 1em;
    height: 55px;
}

.navbar .brand-title {
    margin-left: 100px;
    color: #FFFFFF;
}

.navbar-logo img {
    height: 20px;
}

.today-datas li {
    padding: 20px 14px;
}*/

/*#region Splash */
#splash-page {
    z-index: 99999 !important;
}

    #splash-page .bar {
        width: 100%;
    }

.page-splash {
    z-index: 99999 !important;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #333;
    opacity: .9;
    pointer-events: auto;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: opacity 0.3s linear;
    -moz-transition: opacity 0.3s linear;
    -o-transition: opacity 0.3s linear;
    transition: opacity 0.3s linear;
}

.page-splash-message {
    text-align: center;
    margin: 20% auto 0 auto;
    font-size: 400%;
    font-family: "Segoe UI", Arial, Helvetica, sans-serif;
    font-weight: normal;
    -webkit-text-shadow: 2px 2px #000000;
    text-shadow: 2px 2px #000000;
    text-shadow: 2px 2px rgba(0, 0, 0, 0.15);
    text-transform: uppercase;
    text-decoration: none;
    color: #F58A00;
    padding: 0;
}

    .page-splash-message.page-splash-message-subtle {
        margin: 30% auto 0 auto;
        font-size: 200%;
    }

.fa-asterisk.fa-asterisk-large {
    font-size: 180%;
    vertical-align: middle;
    color: #F58A00;
}

.fa-asterisk.fa-asterisk-alert {
    color: #F58A00;
}

.fa-asterisk-inline {
    padding: 0 4px 0 0;
}


.progress,
.page-progress-bar {
    margin: 30px 10% !important;
}

.spinner {
    margin: 20% auto 0 auto;
    left: auto;
    top: auto !important;
}
/*#endregion*/

/*table th > a {
    font-weight: bold;
}

.table-hover tbody tr:hover > td,
.table-hover tbody tr:hover > th {
    cursor: pointer;
}


.widget-content.referrer {
    border-width: 0;
}

a {
    cursor: pointer;
}*/

/* #endregion */

/*#region wrapper for angular ng-include and ng-view animations*/
.view-container {
    position: relative;
    overflow: hidden;
}
/*#endregion */

/*#region Angular ng-include, ng-view, ng-repeat shuffle animations*/

.shuffle-animation.ng-enter,
.shuffle-animation.ng-leave {
    position: relative;
}

.shuffle-animation.ng-enter {
    -moz-transition: ease-out all 0.3s 0.4s;
    -o-transition: ease-out all 0.3s 0.4s;
    -webkit-transition: ease-out all 0.3s 0.4s;
    transition: ease-out all 0.3s 0.4s;
    left: 2em;
    opacity: 0;
}

    .shuffle-animation.ng-enter.ng-enter-active {
        left: 0;
        opacity: 1;
    }

.shuffle-animation.ng-leave {
    -moz-transition: 0.3s ease-out all;
    -o-transition: 0.3s ease-out all;
    -webkit-transition: 0.3s ease-out all;
    transition: 0.3s ease-out all;
    left: 0;
    opacity: 1;
}

    .shuffle-animation.ng-leave.ng-leave-active {
        left: 2em;
        opacity: 0;
    }
/*#endregion*/

/*#region Angular ng-include, ng-view, ng-repeat fader animation */
.fader-animation.ng-enter,
.fader-animation.ng-leave,
.fader-animation.ng-move {
    position: relative;
}

.fader-animation.ng-enter,
.fader-animation.ng-leave {
    -webkit-transition: cubic-bezier(0.250, 0.460, 0.450, 0.940) all 0.5s;
    -moz-transition: cubic-bezier(0.250, 0.460, 0.450, 0.940) all 0.5s;
    -o-transition: cubic-bezier(0.250, 0.460, 0.450, 0.940) all 0.5s;
    transition: cubic-bezier(0.250, 0.460, 0.450, 0.940) all 0.5s;
    opacity: 1;
}

.fader-animation.ng-enter,
.fader-animation.ng-leave.ng-leave-active {
    opacity: 0;
}

    .fader-animation.ng-enter.ng-enter-active {
        opacity: 1;
    }

.fader-animation.ng-move {
  opacity:0.5;
}
.fader-animation.ng-move.ng-move-active {
  opacity:1;
}

/*#endregion*/

/*#region Angular ng-show dissolve animation */
.dissolve-animation.ng-hide-remove {
    display: inline!important;
}

.dissolve-animation.ng-hide-remove,
.dissolve-animation.ng-hide-add {
    -webkit-transition: 0.8s linear all;
    -moz-transition: 0.8s linear all;
    -o-transition: 0.8s linear all;
    transition: 0.8s linear all;
}

    .dissolve-animation.ng-hide-remove.ng-hide-remove-active,
    .dissolve-animation.ng-hide-add {
        opacity: 1;
    }

        .dissolve-animation.ng-hide-add.ng-hide-add-active,
        .dissolve-animation.ng-hide-remove {
            opacity: 0;
        }
/*#endregion */

/*#region toastr */
#toast-container.toast-top-full-width > div, #toast-container.toast-bottom-full-width > div {
    margin: 4px auto;
}

/*#endregion */


  /*#draggable, #draggable2 { width: 100px; height: 100px; padding: 0.5em; float: left; margin: 0 10px 10px 0; }
  #draggable div { cursor: move; }*/

/* ─── Restrict-manager-projects dropdown (Edit User Details dialog) ─── */
.cp-dc-project-dropdown .cp-dc-project-menu {
    max-height: 60vh;
    min-height: 200px;
    overflow-y: auto;
    min-width: 420px;
    padding: 0;
}

.cp-dc-project-dropdown .cp-dc-project-search-row {
    position: sticky;
    top: 0;
    z-index: 1;
    padding: 6px 10px;
    background: #fff;
    border-bottom: 1px solid #e5e5e5;
}

.cp-dc-project-dropdown .cp-dc-project-item {
    padding: 0;
    cursor: pointer;
    border-bottom: 1px solid #f3f3f3;
}

.cp-dc-project-dropdown .cp-dc-project-row {
    display: block;
    padding: 6px 12px;
}

.cp-dc-project-dropdown .cp-dc-project-row input[type="checkbox"] {
    margin-right: 8px;
    vertical-align: middle;
    /* Let the <li>'s ng-click handle toggles — the checkbox only mirrors state */
    pointer-events: none;
}

.cp-dc-project-dropdown .cp-dc-project-item:hover {
    background: #f5f5f5;
}

.cp-dc-project-dropdown .cp-dc-project-item.cp-dc-project-selected {
    background: #eaf3fb;
}

.cp-dc-project-dropdown .cp-dc-project-item.cp-dc-project-selected:hover {
    background: #dfeaf5;
}

.cp-dc-project-dropdown .cp-dc-project-empty {
    padding: 8px 12px;
}


  


/*------------------------------------------------------------------

[Main Stylesheet]

Project:	Base Admin
Version:	3.0
Last change:	09/04/2013
Assigned to:	Rod Howard (rh)


*** Any customizations made to this should be added to the custom.css
stylesheet in order to separate your customizations and make 
upgrading in the future easier. ***

-------------------------------------------------------------------*/
/*------------------------------------------------------------------
[ Global ]
*/
body {
  /*background: #e9e9e9 url(tiny_grid.png) repeat 0 0;*/
  font: 13px/1.7em 'Open Sans';
}
p {
  font: 13px/1.7em 'Open Sans';
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Open Sans';
  font-weight: normal;
}
input,
button,
select,
textarea {
  font-family: 'Open Sans';
}
[class^="icon-"]:not(.ui-icon),
[class*="icon-"]:not(.ui-icon) {
  background: none;
}
[class^="icon-"] {
  background: none\9;
}
.dropdown .dropdown-menu {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
.btn-icon-only {
  padding-right: 6px;
  padding-left: 3px;
}
.table td {
  vertical-align: middle;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
}
.chart-holder {
  width: 100%;
  height: 250px;
}
.clear {
  clear: both;
}
/*------------------------------------------------------------------
[ Navbar / .navbar ]
*/
.navbar {
  margin-bottom: 0;
  border-radius: 0;
  border-radius: 0 !important;
}
.navbar.navbar-inverse {
  background: #292929;
  border-color: #292929;
  border-bottom: 1px solid #000;
}
.navbar.navbar-inverse .navbar-toggle {
  padding: 9px;
  margin-top: 6px;
  margin-right: 5px;
  margin-bottom: 0;
  color: #666;
  font-size: 18px;
  line-height: 0;
  border-color: transparent;
}
.navbar .navbar-nav > li > a {
  font-size: 12px;
}
.navbar .navbar-header .navbar-brand {
  color: #CCC;
  font-weight: 600;
  position: relative;
  top: 0;
}
.navbar .navbar-header .navbar-brand:hover {
  color: #FFF;
}
.navbar .navbar-nav > li > .dropdown-menu {
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.navbar .navbar-nav > li > .dropdown-menu::before,
.navbar .navbar-nav > li > .dropdown-menu::after {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #CCC;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  top: -7px;
  left: 9px;
}
.navbar .navbar-nav > li > .dropdown-menu::after {
  border-left-width: 6px;
  border-right-width: 6px;
  border-bottom-width: 6px;
  border-bottom-color: #fff;
  top: -6px;
  left: 10px;
}
.navbar .navbar-nav.navbar-right > li > .dropdown-menu::before,
.navbar .navbar-nav.navbar-right > li > .dropdown-menu::after {
  left: auto;
  right: 9px;
}
.navbar .navbar-nav.navbar-right > li > .dropdown-menu::after {
  left: auto;
  right: 10px;
}
.navbar.navbar-inverse .navbar-form .search-query {
  width: 225px;
  margin-top: 2px;
  background-color: #333;
  font-size: 11px;
  font-weight: bold;
  line-height: 20px;
  border-color: #000;
  border-radius: 20px;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15);
}
.navbar.navbar-inverse .navbar-form .search-query:focus {
  background-color: #FFF;
}
.navbar.navbar-inverse .navbar-form .search-query::-webkit-input-placeholder {
  color: #666;
}
.navbar.navbar-inverse .navbar-form .search-query::-moz-placeholder {
  color: #666;
}
/*------------------------------------------------------------------
[ Subnavbar / .subnavbar ]
*/
.subnavbar {
  margin-bottom: 2.5em;
  border-top: 1px solid #595959;
}
.subnavbar .subnav-toggle {
  display: none;
  padding: .5em 0;
  margin: 0 auto;
  font-size: 18px;
  text-align: center;
  color: #ff9900;
}
.subnavbar .subnav-toggle:hover {
  text-decoration: none;
}
.subnavbar .subnavbar-inner {
  height: 80px;
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#414141), to(#323232));
  background-image: -webkit-linear-gradient(top, #414141, 0%, #323232, 100%);
  background-image: -moz-linear-gradient(top, #414141 0%, #323232 100%);
  background-image: linear-gradient(to bottom, #414141 0%, #323232 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff414141', endColorstr='#ff323232', GradientType=0);
  border-bottom: 1px solid #000;
}
.subnavbar .btn-subnavbar {
  display: none;
  padding: 10px 0 8px;
  color: #F90;
  font-size: 16px;
  text-align: center;
  cursor: pointer;
}
.subnavbar .btn-subnavbar:hover {
  text-decoration: none;
}
.subnavbar .dropdown .caret {
  margin-top: -16px;
  border-top-color: #888;
  border-bottom-color: #888;
  opacity: 35;
  filter: alpha(opacity=3500);
}
.subnavbar .dropdown.open .caret {
  display: none;
}
.subnavbar .mainnav {
  display: inline-block;
  height: 80px;
  padding: 0;
  margin: 0;
  border-left: 1px solid #292929;
  border-right: 1px solid #4A4A4A;
}
.subnavbar .mainnav > li {
  float: left;
  min-width: 90px;
  height: 80px;
  padding: 0;
  margin: 0;
  text-align: center;
  list-style: none;
  border-left: 1px solid #4A4A4A;
  border-right: 1px solid #292929;
}
.subnavbar .mainnav > li > a {
  display: block;
  height: 100%;
  padding: 0 15px;
  font-size: 12px;
  font-weight: bold;
  color: #636363;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}
.subnavbar .mainnav > li > a:hover {
  color: #888;
  text-decoration: none;
}
.subnavbar .mainnav > li > a > i {
  position: relative;
  top: 2px;
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-top: 12px;
  margin-bottom: 9px;
  font-size: 28px;
}
.subnavbar .mainnav > li > a > span {
  display: block;
  padding-bottom: 2px;
}
.subnavbar .mainnav > li.open > a {
  text-decoration: none;
}
.subnavbar .mainnav > li.active > a {
  background: #333;
  color: #F90;
}
.subnavbar .mainnav > li.active > a .caret {
  border-top-color: #ff9900;
  border-bottom-color: #ff9900;
}
.subnavbar .dropdown > .dropdown-menu {
  top: 97%;
  text-align: left;
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-topright: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.subnavbar .dropdown > .dropdown-menu a {
  font-size: 12px;
}
.subnavbar .dropdown > .dropdown-menu::before,
.subnavbar .dropdown > .dropdown-menu::after {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #CCC;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  top: -7px;
  left: 9px;
}
.subnavbar .dropdown > .dropdown-menu::after {
  border-left-width: 6px;
  border-right-width: 6px;
  border-bottom-width: 6px;
  border-bottom-color: #fff;
  top: -6px;
  left: 10px;
}
.subnavbar .dropdown-submenu .dropdown-menu:after,
.subnavbar .dropdown-submenu .dropdown-menu:before {
  display: none;
}
.subnavbar .subnav-collapse.collapse {
  height: auto\9;
  overflow: visible\9;
}
/*------------------------------------------------------------------
[ Main / .main ]
*/
.main {
  padding-bottom: 2em;
}
/*------------------------------------------------------------------
[ Extra / .extra ]
*/
.extra {
  border-top: 1px solid #000;
  padding: 20px 0;
  font-size: 11px;
  color: #BBB;
  background: #1A1A1A;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
}
.extra a {
  color: #666;
}
.extra h4 {
  margin-bottom: 1em;
  font-weight: 400;
}
.extra ul {
  padding: 0;
  margin: 0;
}
.extra ul li {
  margin-bottom: .6em;
  list-style: none;
}
/*------------------------------------------------------------------
[ Footer/ .footer ]
*/
.footer {
  margin-top: 0;
  border-top: 1px solid #000;
  padding: 15px 0;
  font-size: 12px;
  background: #111;
  color: #999;
  -webkit-box-shadow: inset 0 1px 0 #292929;
  box-shadow: inset 0 1px 0 #292929;
}
.footer #footer-terms {
  text-align: right;
}
.footer a {
  color: #FFF;
}
.footer a:hover {
  color: #FFF;
  text-decoration: none;
}
/*------------------------------------------------------------------
[ Error / .error-container ]
*/
.error-container {
  margin-top: 4em;
  margin-bottom: 4em;
  text-align: center;
}
.error-container h1 {
  margin-bottom: .5em;
  font-size: 120px;
  line-height: 1em;
}
.error-container h2 {
  margin-bottom: .75em;
  font-size: 28px;
}
.error-container .error-details {
  margin-bottom: 1.5em;
  font-size: 16px;
}
.error-container .error-actions a {
  margin: 0 .5em;
}
/*------------------------------------------------------------------
[ Datepicker / .ui-datepicker ]
*/
.ui-datepicker {
  padding: .35em .35em 0;
}
.ui-datepicker th {
  font-weight: bold;
  color: gray;
}
.ui-datepicker .ui-widget-header {
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#555555), to(#363636));
  background-image: -webkit-linear-gradient(top, #555555, 0%, #363636, 100%);
  background-image: -moz-linear-gradient(top, #555555 0%, #363636 100%);
  background-image: linear-gradient(to bottom, #555555 0%, #363636 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff555555', endColorstr='#ff363636', GradientType=0);
  border: 1px solid #2f2f2f;
  -webkit-box-shadow: inset 0 1px 0 #838383;
  box-shadow: inset 0 1px 0 #838383;
}
.ui-datepicker td a {
  margin-bottom: 0px;
  border: 0px;
}
.ui-datepicker td:hover {
  color: #ffffff;
}
.ui-datepicker td .ui-state-default {
  padding: 6px;
  margin-bottom: 0px;
  color: #505050;
  font-size: 11px;
  text-align: center;
  background: none;
  filter: none;
  border: 0px;
  border-top-right-radius: 2px;
  border-top-left-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
  text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.25);
}
.ui-datepicker td .ui-state-default:hover {
  color: #ffffff;
  background: #999999;
  text-shadow: none;
}
.ui-datepicker td .ui-state-active {
  margin-bottom: 0px;
  color: #ffffff;
  font-size: normal;
  background: #ff9900;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.ui-datepicker .ui-state-hover,
.ui-datepicker .ui-widget-content .ui-state-hover,
.ui-datepicker .ui-widget-header .ui-state-hover,
.ui-datepicker .ui-state-focus,
.ui-datepicker .ui-widget-content .ui-state-focus,
.ui-datepicker .ui-widget-header .ui-state-focus {
  background: #ffffff;
  border: 1px solid #b36b00;
}
.ui-datepicker-today a:hover {
  color: #ffffff;
  background-color: #ff9900;
}
.ui-datepicker-today a {
  padding: 0 1px;
  margin-bottom: 0px;
  background-color: #999999;
  cursor: pointer;
}
.ui-datepicker-next-hover .ui-icon,
.ui-datepicker-prev-hover .ui-icon {
  background-color: #ffffff;
  background-image: url(../css/ui-lightness/images/ui-icons_222222_256x240.png);
  opacity: .5;
}
/*------------------------------------------------------------------
[ Slider / .ui-slider ]
*/
.ui-slider {
  position: relative;
  text-align: left;
}
.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 25px;
  height: 16px;
  background: url(../img/jquery/handle.png) no-repeat;
  border: none;
  cursor: pointer;
}
.ui-slider .ui-slider-handle:hover {
  background-position: 0 -16px;
}
.ui-slider .ui-slider-handle:active {
  background-position: 0 -16px;
}
.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  height: 6px;
  font-size: .7em;
  display: block;
  border: 1px solid #FFF;
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
  border-bottom-right-radius: 6px;
  border-top-right-radius: 6px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.35);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.35);
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#cccccc), to(#bdbdbd));
  background-image: -webkit-linear-gradient(top, #cccccc, 0%, #bdbdbd, 100%);
  background-image: -moz-linear-gradient(top, #cccccc 0%, #bdbdbd 100%);
  background-image: linear-gradient(to bottom, #cccccc 0%, #bdbdbd 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcccccc', endColorstr='#ffbdbdbd', GradientType=0);
  border-color: #b3b3b3;
}
.ui-slider.slider-primary .ui-slider-range {
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#ffa929), to(#ff9d0a));
  background-image: -webkit-linear-gradient(top, #ffa929, 0%, #ff9d0a, 100%);
  background-image: -moz-linear-gradient(top, #ffa929 0%, #ff9d0a 100%);
  background-image: linear-gradient(to bottom, #ffa929 0%, #ff9d0a 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffa929', endColorstr='#ffff9d0a', GradientType=0);
  border-color: #cc7a00;
}
.ui-slider.slider-secondary .ui-slider-range {
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#333333), to(#242424));
  background-image: -webkit-linear-gradient(top, #333333, 0%, #242424, 100%);
  background-image: -moz-linear-gradient(top, #333333 0%, #242424 100%);
  background-image: linear-gradient(to bottom, #333333 0%, #242424 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff333333', endColorstr='#ff242424', GradientType=0);
  border-color: #1a1a1a;
}
.ui-slider.slider-tertiary .ui-slider-range {
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#777777), to(#686868));
  background-image: -webkit-linear-gradient(top, #777777, 0%, #686868, 100%);
  background-image: -moz-linear-gradient(top, #777777 0%, #686868 100%);
  background-image: linear-gradient(to bottom, #777777 0%, #686868 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff777777', endColorstr='#ff686868', GradientType=0);
  border-color: #5e5e5e;
}
.ui-slider-horizontal {
  height: 12px;
}
.ui-slider-horizontal .ui-slider-handle {
  top: -4px;
  margin-left: -0.6em;
}
.ui-slider-horizontal .ui-slider-range {
  top: -1px;
  height: 110%;
}
.ui-slider-horizontal .ui-slider-range-min {
  left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
  right: 0;
}
.ui-slider-vertical {
  width: 11px;
  height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
  left: -3px;
  margin-left: 0;
  margin-bottom: -0.6em;
  width: 15px;
  height: 24px;
  background: url(../img/jquery/handle-vertical.png) no-repeat;
}
.ui-slider-vertical .ui-slider-handle:hover {
  background-position: 0 -24px;
}
.ui-slider-vertical .ui-slider-handle:active {
  background-position: 0 -24px;
}
.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 9px;
}
.ui-slider-vertical .ui-slider-range-min {
  bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
  top: 0;
}
/*------------------------------------------------------------------
[ Validation / .control-group ]
*/
.form-group {
  position: relative;
}
.form-group span.error {
  display: inline-block !important;
  color: #B94A48;
  font-size: 11px;
  font-weight: 600;
  position: relative;
  top: -5px;
  padding: 4px 8px;
  margin-bottom: 1em;
  color: #FFF;
  background: #B94A48;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.35);
}
.form-group span.error::after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #B94A48;
  position: absolute;
  bottom: -6px;
  left: 7px;
}
.form-group.error {
  padding-bottom: .5em;
}
.form-group.error div.clean {
  display: none;
}
.form-group.success span.error {
  display: none !important;
}
.form-group.success span.error::after {
  border: none;
}
.form-group.success div.clean {
  display: none;
  position: absolute;
  left: 0;
  width: 15px;
  height: 15px;
  background: url(../img/validation/validation-success.png) no-repeat 0 0;
}
.form-horizontal .form-group span.error {
  margin-left: 1.5em;
  margin-left: 15px;
}
.form-group {
  margin-bottom: 30px;
}
/*------------------------------------------------------------------
[ Widget / .widget ]
*/
.widget {
  position: relative;
  clear: both;
  width: auto;
  margin-bottom: 2em;
  /* Clearfix Hack */

  /* Widget Table */

  /* Widget Plain */

  /* Widget Box */

}
.widget .widget-header {
  position: relative;
  height: 40px;
  line-height: 40px;
  background: #E9E9E9;
  background: -moz-linear-gradient(top, #fafafa 0%, #e9e9e9 100%);
  /* FF3.6+ */

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fafafa), color-stop(100%, #e9e9e9));
  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(top, #fafafa 0%, #e9e9e9 100%);
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(top, #fafafa 0%, #e9e9e9 100%);
  /* Opera11.10+ */

  background: -ms-linear-gradient(top, #fafafa 0%, #e9e9e9 100%);
  /* IE10+ */

  background: linear-gradient(top, #fafafa 0%, #e9e9e9 100%);
  /* W3C */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAFAFA', endColorstr='#E9E9E9');
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAFAFA', endColorstr='#E9E9E9')";
  border: 1px solid #D5D5D5;
  -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;
  -webkit-background-clip: padding-box;
}
.widget .widget-header h3 {
  top: 0;
  position: relative;
  left: 10px;
  display: inline-block;
  margin-right: 3em;
  font-size: 15px;
  font-weight: 400;
  color: #555;
  line-height: 18px;
  text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.5);
}
.widget .widget-header [class^="icon-"],
.widget .widget-header [class*=" icon-"] {
  display: inline-block;
  margin-top: -3px;
  margin-left: 13px;
  margin-right: -2px;
  font-size: 16px;
  color: #555;
  vertical-align: middle;
}
.widget .widget-content {
  padding: 25px 15px 15px;
  background: #FFF;
  border: 1px solid #D5D5D5;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.widget .widget-header + .widget-content {
  border-top: none;
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-topright: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.widget.widget-nopad .widget-content {
  padding: 0;
}
.widget .widget-content:before,
.widget .widget-content:after {
  content: " ";
  /* 1 */

  display: table;
  /* 2 */

}
.widget .widget-content:after {
  clear: both;
}
.widget .widget-content:before,
.widget .widget-content:after {
  content: " ";
  /* 1 */

  display: table;
  /* 2 */

}
.widget .widget-content:after {
  clear: both;
}
.widget.widget-table .widget-content {
  padding: 0;
}
.widget.widget-table .table {
  margin-bottom: 0;
  border: none;
}
.widget.widget-table .table tr td:first-child,
.widget.widget-table .table tr th:first-child {
  border-left: none;
}
.widget.widget-plain {
  background: transparent;
  border: none;
}
.widget.widget-plain .widget-content {
  padding: 0;
  background: transparent;
  border: none;
}
.widget.widget-box .widget-content {
  background: #E3E3E3;
  background: #FFF;
}
/*------------------------------------------------------------------
[ Shortcuts / .shortcuts ]
*/
.shortcuts {
  text-align: center;
}
.shortcuts .shortcut {
  width: 110px;
  display: inline-block;
  padding: 15px 0;
  margin: 0 5px 1em;
  vertical-align: top;
  text-decoration: none;
  background: #F3F3F3;
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#ffffff), to(#eeeeee));
  background-image: -webkit-linear-gradient(top, #ffffff, 0%, #eeeeee, 100%);
  background-image: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
  background-image: linear-gradient(to bottom, #ffffff 0%, #eeeeee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffeeeeee', GradientType=0);
  border: 1px solid #ddd;
  box-sizing: border-box;
  border-radius: 5px;
}
.shortcuts .shortcut .shortcut-icon {
  width: 100%;
  margin-top: .25em;
  margin-bottom: .35em;
  font-size: 32px;
  color: #555;
}
.shortcuts .shortcut:hover {
  background: #E8E8E8;
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#fafafa), to(#e1e1e1));
  background-image: -webkit-linear-gradient(top, #fafafa, 0%, #e1e1e1, 100%);
  background-image: -moz-linear-gradient(top, #fafafa 0%, #e1e1e1 100%);
  background-image: linear-gradient(to bottom, #fafafa 0%, #e1e1e1 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffafafa', endColorstr='#ffe1e1e1', GradientType=0);
}
.shortcuts .shortcut:active {
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.shortcuts .shortcut:hover .shortcut-icon {
  color: #666;
}
.shortcuts .shortcut-label {
  display: block;
  margin-top: .75em;
  font-weight: 400;
  color: #666;
}
/*------------------------------------------------------------------
[ Item Row / .item-row ]
*/
.item-row {
  display: table;
  width: 100%;
  padding-bottom: 3.5em;
  margin-bottom: 3.5em;
  border-bottom: 1px dotted #BBB;
}
.item-row .item-label {
  display: table-cell;
  vertical-align: top;
  width: 200px;
  font-size: 13px;
  font-weight: 600;
}
.item-row .item-content {
  display: table-cell;
}
/*------------------------------------------------------------------
[ MsgBox / .jquery-msgbox ]
*/
.jquery-msgbox-wrapper {
  padding-left: 90px;
}
.jquery-msgbox-alert {
  background: url(../img/notifications/alert-48.png) no-repeat 21px 20px;
}
.jquery-msgbox-info {
  background: url(../img/notifications/info-48.png) no-repeat 21px 20px;
}
.jquery-msgbox-error {
  background: url(../img/notifications/error-48.png) no-repeat 21px 20px;
}
.jquery-msgbox-prompt {
  background: url(../img/notifications/question-dark-48.png) no-repeat 20px 20px;
}
.jquery-msgbox-confirm {
  background: url(../img/notifications/question-48.png) no-repeat 20px 20px;
}
/*------------------------------------------------------------------
[ Growl / .msgGrowl ]
*/
.msgGrowl.success .msgGrowl-content {
  background: url(../img/notifications/success-32.png) no-repeat 7px 13px;
}
.msgGrowl.error .msgGrowl-content {
  background: url(../img/notifications/error-32.png) no-repeat 7px 13px;
}
.msgGrowl.info .msgGrowl-content {
  background: url(../img/notifications/info-32.png) no-repeat 7px 13px;
}
.msgGrowl.warning .msgGrowl-content {
  background: url(../img/notifications/alert-32.png) no-repeat 7px 13px;
}
/*------------------------------------------------------------------
[ Back to Top / #back-to-top ]
*/
#back-to-top {
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 9999;
  width: 45px;
  height: 45px;
  display: block;
  background: #222;
  background: rgba(0, 0, 0, 0.75);
  font-size: 16px;
  text-align: center;
  line-height: 45px;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  cursor: pointer;
}
#back-to-top:hover {
  text-decoration: none;
  background-color: #F90;
  background: rgba(255, 153, 0, 0.75);
}
#back-to-top i {
  color: #fff;
}
/*------------------------------------------------------------------
[ Stacked / .stacked ]
*/
.stacked {
  position: relative;
}
.stacked:after,
.stacked:before {
  content: '';
  position: absolute;
  display: block;
  height: 1px;
  bottom: -2px;
  left: 3px;
  right: 3px;
  background-color: #ffffff;
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
  border: 1px solid #d3d3d3;
  border-top: 0;
}
.stacked:before {
  bottom: -4px;
  left: 6px;
  right: 6px;
}
.nav-tabs > li > a,
.nav-pills > li > a {
  padding: 7px 12px;
}
.tab-content {
  margin-top: 1.75em;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  border-color: #eee;
}
.nav-pills > li > a,
.nav-pills > li > a:hover {
  color: #555;
}
.nav-pills > li > a .caret,
.nav-pills > li > a:hover .caret {
  margin-top: -2px;
  border-top-color: #555;
  border-bottom-color: #555;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  background-color: #ff9900;
}
.nav-tabs > li > a,
.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus {
  color: #555;
  border-top-width: 3px;
}
.nav-tabs > li > a .caret,
.nav-tabs > li > a:hover .caret,
.nav-tabs > li > a:focus .caret {
  margin-top: -2px;
  border-top-color: #555;
  border-bottom-color: #555;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  border-top: 3px solid #ff9900;
}
a.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
  color: #555;
}
/*------------------------------------------------------------------
[ Tables / .table ]
*/
.table-bordered thead tr th {
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 13px;
  font-weight: 600;
  color: #444;
  border-left: 1px solid #F1F1F1;
  border-right: 1px solid #CCC;
  -webkit-box-shadow: inset 0 1px 0 #ffffff;
  box-shadow: inset 0 1px 0 #ffffff;
}
.table-bordered thead tr th:first-child {
  border-left-color: #CCC;
}
.table-bordered thead tr th:last-child {
  border-right: none;
}
.table-bordered tbody tr:first-child td {
  border-top-color: #CCC;
}
.table-bordered tbody tr td {
  border-left: 1px solid #FFF;
  border-right: 1px solid #DDD;
}
.table-bordered tbody tr td:first-child {
  border-left-color: #DDD;
}
.table-bordered tbody tr td:last-child {
  border-right: none;
}
.table-bordered {
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}
.table-bordered thead tr {
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#f5f5f5), to(#e2e2e2));
  background-image: -webkit-linear-gradient(top, #f5f5f5, 0%, #e2e2e2, 100%);
  background-image: -moz-linear-gradient(top, #f5f5f5 0%, #e2e2e2 100%);
  background-image: linear-gradient(to bottom, #f5f5f5 0%, #e2e2e2 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe2e2e2', GradientType=0);
}
.table-bordered thead th {
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 13px;
  font-weight: 400;
  color: #444;
  border-left: 1px solid #F1F1F1;
  border-right: 1px solid #CCC;
  -moz-box-shadow: inset 0 1px 0 #ffffff;
  -webkit-box-shadow: inset 0 1px 0 #ffffff;
  box-shadow: inset 0 1px 0 #ffffff;
}
.table-bordered thead th:first-child {
  border-left-color: #CCC;
}
.table-bordered thead th:last-child {
  border-right: none;
}
.table-bordered tbody td {
  border-left: 1px solid #FFF;
  border-right: 1px solid #DDD;
}
.table-bordered tbody tr td:first-child {
  border-left-color: #DDD;
}
.table-bordered tbody tr td:last-child {
  border-right: none;
}
/*------------------------------------------------------------------
[ Accordion / .accordion-group ]
*/
.accordion.highlight .panel.open.panel-default > .panel-heading {
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#ff9900), to(#cc7a00));
  background-image: -webkit-linear-gradient(top, #ff9900, 0%, #cc7a00, 100%);
  background-image: -moz-linear-gradient(top, #ff9900 0%, #cc7a00 100%);
  background-image: linear-gradient(to bottom, #ff9900 0%, #cc7a00 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff9900', endColorstr='#ffcc7a00', GradientType=0);
  border-color: #b36b00;
}
.accordion .panel.open.panel-default > .panel-heading {
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#555555), to(#3b3b3b));
  background-image: -webkit-linear-gradient(top, #555555, 0%, #3b3b3b, 100%);
  background-image: -moz-linear-gradient(top, #555555 0%, #3b3b3b 100%);
  background-image: linear-gradient(to bottom, #555555 0%, #3b3b3b 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff555555', endColorstr='#ff3b3b3b', GradientType=0);
  border: 1px solid #222222;
  color: #FFF;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.35);
}
.panel .accordion-toggle {
  display: block;
  font-size: 15px;
  font-weight: 400;
}
.panel .accordion-toggle:hover {
  text-decoration: none;
}
/*------------------------------------------------------------------
[ Modal / .modal ]
*/
.modal {
  border: none;
  border-top-right-radius: 6px;
  border-top-left-radius: 6px;
  -webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
}
.modal-header {
  padding: 17px 20px;
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#444444), to(#2d2d2d));
  background-image: -webkit-linear-gradient(top, #444444, 0%, #2d2d2d, 100%);
  background-image: -moz-linear-gradient(top, #444444 0%, #2d2d2d 100%);
  background-image: linear-gradient(to bottom, #444444 0%, #2d2d2d 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff2d2d2d', GradientType=0);
  border: 1px solid #111111;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}
.modal-header h1,
.modal-header h2,
.modal-header h3,
.modal-header h4,
.modal-header h5,
.modal-header h6 {
  margin-bottom: 0;
  color: #ffffff;
  font-weight: 400;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.modal-header .close {
  color: #ffffff;
  opacity: 100;
  filter: alpha(opacity=10000);
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}
/*------------------------------------------------------------------
[ Dropdown Menu / .dropdown-menu ]
*/
.dropdown-menu {
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.dropdown-menu > li > a {
  padding: 5px 9px;
  margin: 0 6px;
  font-size: 12px;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: #FFF;
  background-color: #ff9900;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #ffffff;
  background: #ff9900;
  text-shadow: none;
}
.dropdown-submenu {
  position: relative;
}
.dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -6px;
  margin-left: -1px;
  -webkit-border-radius: 0 6px 6px 6px;
  -moz-border-radius: 0 6px 6px 6px;
  border-radius: 0 6px 6px 6px;
}
.dropdown-submenu:hover > .dropdown-menu {
  display: block;
}
.dropdown-submenu > a:after {
  display: block;
  content: " ";
  float: right;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-left-color: #cccccc;
  margin-top: 5px;
  margin-right: -5px;
}
.dropdown-submenu:hover > a:after {
  border-left-color: #ffffff;
}
.dropdown-submenu.pull-left {
  float: none;
}
.dropdown-submenu.pull-left > .dropdown-menu {
  left: -100%;
  margin-left: 10px;
  -webkit-border-radius: 6px 0 6px 6px;
  -moz-border-radius: 6px 0 6px 6px;
  border-radius: 6px 0 6px 6px;
}
/*------------------------------------------------------------------
[ Pagination / .pagination ]
*/
ul.pagination li a {
  padding: 0 10px;
  margin-right: .25em;
  margin-left: .25em;
  color: #444;
  line-height: 32px;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
ul.pagination li.active a {
  font-weight: 600;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45);
  background-color: #F90;
  border-color: #F90;
}
ul.pagination li.active a:hover {
  background-color: #F90;
  border-color: #F90;
}
.pager li {
  margin-right: .25em;
  margin-left: .25em;
}
.pager li > a {
  color: #444;
  border-bottom-left-radius: 8px;
  border-top-left-radius: 8px;
  border-bottom-right-radius: 8px;
  border-top-right-radius: 8px;
}
/*------------------------------------------------------------------
[ Gallery / .gallery-container ]
*/
.gallery-container {
  margin: 0;
  margin-bottom: 20px;
  list-style: none;
  text-align: center;
}
.gallery-container li {
  width: 200px;
  display: inline-block;
  vertical-align: top;
  margin: 0 5px;
  margin-bottom: 2em;
  border: 1px solid #d3d3d3;
  position: relative;
  padding: 6px;
}
.gallery-container img {
  position: relative;
  z-index: 10;
  max-width: 100%;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  cursor: pointer;
}
.gallery-container li {
  position: relative;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.gallery-container li :after,
.gallery-container li :before {
  content: '';
  position: absolute;
  display: block;
  height: 1px;
  bottom: -3px;
  left: 3px;
  right: 3px;
  background-color: #ffffff;
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
  border: 1px solid #d3d3d3;
  border-top: 0;
}
.gallery-container li :before {
  bottom: -5px;
  left: 6px;
  right: 6px;
}
.preview {
  position: absolute;
  top: 7px;
  left: 7px;
  z-index: 20;
  display: none;
  width: 184px;
  height: 120px;
  background-color: rgba(0, 0, 0, 0.65);
  background-image: url(../img/gallery/zoom.png);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.btn-default,
.btn-primary,
.btn-secondary,
.btn-tertiary,
.btn-success,
.btn-info,
.btn-warning,
.btn-danger {
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
}
.btn-default:active,
.btn-primary:active,
.btn-secondary:active,
.btn-tertiary:active,
.btn-success:active,
.btn-info:active,
.btn-warning:active,
.btn-danger:active,
.btn-default.active,
.btn-primary.active,
.btn-secondary.active,
.btn-tertiary.active,
.btn-success.active,
.btn-info.active,
.btn-warning.active,
.btn-danger.active {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn:active,
.btn.active {
  background-image: none;
}
.btn-default {
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, 0%, #e6e6e6, 100%);
  background-image: -moz-linear-gradient(top, #ffffff 0%, #e6e6e6 100%);
  background-image: linear-gradient(to bottom, #ffffff 0%, #e6e6e6 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
  border-color: #e0e0e0;
  text-shadow: 0 1px 0 #fff;
  border-color: #ccc;
}
.btn-default:active,
.btn-default.active {
  background-color: #e6e6e6;
  border-color: #e0e0e0;
}
.btn-primary {
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#ff9900), to(#cc7a00));
  background-image: -webkit-linear-gradient(top, #ff9900, 0%, #cc7a00, 100%);
  background-image: -moz-linear-gradient(top, #ff9900 0%, #cc7a00 100%);
  background-image: linear-gradient(to bottom, #ff9900 0%, #cc7a00 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff9900', endColorstr='#ffcc7a00', GradientType=0);
  border-color: #c27400;
}
.btn-primary:active,
.btn-primary.active {
  background-color: #cc7a00;
  border-color: #c27400;
}
.btn-primary:hover {
  border-color: #c27400;
}
.btn-success {
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#5cb85c), to(#449d44));
  background-image: -webkit-linear-gradient(top, #5cb85c, 0%, #449d44, 100%);
  background-image: -moz-linear-gradient(top, #5cb85c 0%, #449d44 100%);
  background-image: linear-gradient(to bottom, #5cb85c 0%, #449d44 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff449d44', GradientType=0);
  border-color: #419641;
}
.btn-success:active,
.btn-success.active {
  background-color: #449d44;
  border-color: #419641;
}
.btn-warning {
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#ffbb1c), to(#e8a300));
  background-image: -webkit-linear-gradient(top, #ffbb1c, 0%, #e8a300, 100%);
  background-image: -moz-linear-gradient(top, #ffbb1c 0%, #e8a300 100%);
  background-image: linear-gradient(to bottom, #ffbb1c 0%, #e8a300 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffbb1c', endColorstr='#ffe8a300', GradientType=0);
  border-color: #de9b00;
}
.btn-warning:active,
.btn-warning.active {
  background-color: #e8a300;
  border-color: #de9b00;
}
.btn-danger {
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#d9534f), to(#c9302c));
  background-image: -webkit-linear-gradient(top, #d9534f, 0%, #c9302c, 100%);
  background-image: -moz-linear-gradient(top, #d9534f 0%, #c9302c 100%);
  background-image: linear-gradient(to bottom, #d9534f 0%, #c9302c 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc9302c', GradientType=0);
  border-color: #c12e2a;
}
.btn-danger:active,
.btn-danger.active {
  background-color: #c9302c;
  border-color: #c12e2a;
}
.btn-info {
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#5bc0de), to(#31b0d5));
  background-image: -webkit-linear-gradient(top, #5bc0de, 0%, #31b0d5, 100%);
  background-image: -moz-linear-gradient(top, #5bc0de 0%, #31b0d5 100%);
  background-image: linear-gradient(to bottom, #5bc0de 0%, #31b0d5 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff31b0d5', GradientType=0);
  border-color: #2aabd2;
}
.btn-info:active,
.btn-info.active {
  background-color: #31b0d5;
  border-color: #2aabd2;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  background-color: #cc7a00;
  border-color: #c27400;
}
.thumbnail,
.img-thumbnail {
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
}
.navbar {
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#ffffff), to(#f8f8f8));
  background-image: -webkit-linear-gradient(top, #ffffff, 0%, #f8f8f8, 100%);
  background-image: -moz-linear-gradient(top, #ffffff 0%, #f8f8f8 100%);
  background-image: linear-gradient(to bottom, #ffffff 0%, #f8f8f8 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff8f8f8', GradientType=0);
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 5px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 5px rgba(0, 0, 0, 0.075);
}
.navbar .navbar-nav > .active > a {
  background-color: #f8f8f8;
}
.navbar-brand,
.navbar-nav > li > a {
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
}
.navbar-inverse {
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#3c3c3c), to(#222222));
  background-image: -webkit-linear-gradient(top, #3c3c3c, 0%, #222222, 100%);
  background-image: -moz-linear-gradient(top, #3c3c3c 0%, #222222 100%);
  background-image: linear-gradient(to bottom, #3c3c3c 0%, #222222 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3c3c3c', endColorstr='#ff222222', GradientType=0);
}
.navbar-inverse .navbar-nav > .active > a {
  background-color: #222222;
}
.navbar-inverse .navbar-brand,
.navbar-inverse .navbar-nav > li > a {
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.navbar-static-top,
.navbar-fixed-top,
.navbar-fixed-bottom {
  border-radius: 0;
}
/*.progress {
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#ebebeb), to(#f5f5f5));
  background-image: -webkit-linear-gradient(top, #ebebeb, 0%, #f5f5f5, 100%);
  background-image: -moz-linear-gradient(top, #ebebeb 0%, #f5f5f5 100%);
  background-image: linear-gradient(to bottom, #ebebeb 0%, #f5f5f5 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb', endColorstr='#fff5f5f5', GradientType=0);
}
.progress-bar {
  background: #428bca;
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#428bca), to(#3071a9));
  background-image: -webkit-linear-gradient(top, #428bca, 0%, #3071a9, 100%);
  background-image: -moz-linear-gradient(top, #428bca 0%, #3071a9 100%);
  background-image: linear-gradient(to bottom, #428bca 0%, #3071a9 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff3071a9', GradientType=0);
}
.progress-bar-success {
  background: #5cb85c;
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#5cb85c), to(#449d44));
  background-image: -webkit-linear-gradient(top, #5cb85c, 0%, #449d44, 100%);
  background-image: -moz-linear-gradient(top, #5cb85c 0%, #449d44 100%);
  background-image: linear-gradient(to bottom, #5cb85c 0%, #449d44 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff449d44', GradientType=0);
}
.progress-bar-info {
  background: #5bc0de;
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#5bc0de), to(#31b0d5));
  background-image: -webkit-linear-gradient(top, #5bc0de, 0%, #31b0d5, 100%);
  background-image: -moz-linear-gradient(top, #5bc0de 0%, #31b0d5 100%);
  background-image: linear-gradient(to bottom, #5bc0de 0%, #31b0d5 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff31b0d5', GradientType=0);
}
.progress-bar-warning {
  background: #ffbb1c;
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#ffbb1c), to(#e8a300));
  background-image: -webkit-linear-gradient(top, #ffbb1c, 0%, #e8a300, 100%);
  background-image: -moz-linear-gradient(top, #ffbb1c 0%, #e8a300 100%);
  background-image: linear-gradient(to bottom, #ffbb1c 0%, #e8a300 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffbb1c', endColorstr='#ffe8a300', GradientType=0);
}
.progress-bar-danger {
  background: #d9534f;
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#d9534f), to(#c9302c));
  background-image: -webkit-linear-gradient(top, #d9534f, 0%, #c9302c, 100%);
  background-image: -moz-linear-gradient(top, #d9534f 0%, #c9302c 100%);
  background-image: linear-gradient(to bottom, #d9534f 0%, #c9302c 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc9302c', GradientType=0);
}
.progress-bar-primary {
  background: #ff9900;
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#ff9900), to(#cc7a00));
  background-image: -webkit-linear-gradient(top, #ff9900, 0%, #cc7a00, 100%);
  background-image: -moz-linear-gradient(top, #ff9900 0%, #cc7a00 100%);
  background-image: linear-gradient(to bottom, #ff9900 0%, #cc7a00 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff9900', endColorstr='#ffcc7a00', GradientType=0);
}
.progress-bar-secondary {
  background: #666666;
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#666666), to(#4d4d4d));
  background-image: -webkit-linear-gradient(top, #666666, 0%, #4d4d4d, 100%);
  background-image: -moz-linear-gradient(top, #666666 0%, #4d4d4d 100%);
  background-image: linear-gradient(to bottom, #666666 0%, #4d4d4d 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff666666', endColorstr='#ff4d4d4d', GradientType=0);
}
.progress-bar-tertiary {
  background: #aaaaaa;
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#aaaaaa), to(#919191));
  background-image: -webkit-linear-gradient(top, #aaaaaa, 0%, #919191, 100%);
  background-image: -moz-linear-gradient(top, #aaaaaa 0%, #919191 100%);
  background-image: linear-gradient(to bottom, #aaaaaa 0%, #919191 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffaaaaaa', endColorstr='#ff919191', GradientType=0);
}*/
.list-group {
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
}
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
  text-shadow: 0 -1px 0 #cc7a00;
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#ff9900), to(#d98200));
  background-image: -webkit-linear-gradient(top, #ff9900, 0%, #d98200, 100%);
  background-image: -moz-linear-gradient(top, #ff9900 0%, #d98200 100%);
  background-image: linear-gradient(to bottom, #ff9900 0%, #d98200 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff9900', endColorstr='#ffd98200', GradientType=0);
  border-color: #d98200;
}
.panel {
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
.panel-primary > .panel-heading {
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#428bca), to(#357ebd));
  background-image: -webkit-linear-gradient(top, #428bca, 0%, #357ebd, 100%);
  background-image: -moz-linear-gradient(top, #428bca 0%, #357ebd 100%);
  background-image: linear-gradient(to bottom, #428bca 0%, #357ebd 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff357ebd', GradientType=0);
}
.panel-success > .panel-heading {
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#dff0d8), to(#d0e9c6));
  background-image: -webkit-linear-gradient(top, #dff0d8, 0%, #d0e9c6, 100%);
  background-image: -moz-linear-gradient(top, #dff0d8 0%, #d0e9c6 100%);
  background-image: linear-gradient(to bottom, #dff0d8 0%, #d0e9c6 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffd0e9c6', GradientType=0);
}
.panel-info > .panel-heading {
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#d9edf7), to(#c4e3f3));
  background-image: -webkit-linear-gradient(top, #d9edf7, 0%, #c4e3f3, 100%);
  background-image: -moz-linear-gradient(top, #d9edf7 0%, #c4e3f3 100%);
  background-image: linear-gradient(to bottom, #d9edf7 0%, #c4e3f3 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffc4e3f3', GradientType=0);
}
.panel-warning > .panel-heading {
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#fcf8e3), to(#faf2cc));
  background-image: -webkit-linear-gradient(top, #fcf8e3, 0%, #faf2cc, 100%);
  background-image: -moz-linear-gradient(top, #fcf8e3 0%, #faf2cc 100%);
  background-image: linear-gradient(to bottom, #fcf8e3 0%, #faf2cc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fffaf2cc', GradientType=0);
}
.panel-danger > .panel-heading {
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#f2dede), to(#ebcccc));
  background-image: -webkit-linear-gradient(top, #f2dede, 0%, #ebcccc, 100%);
  background-image: -moz-linear-gradient(top, #f2dede 0%, #ebcccc 100%);
  background-image: linear-gradient(to bottom, #f2dede 0%, #ebcccc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffebcccc', GradientType=0);
}
.panel-default > .panel-heading {
  background-color: #F3F3F3;
}

/*------------------------------------------------------------------

[Responsive Stylesheet]

Project:	Base Admin
Version:	3.0
Last change:	09/04/2013
Assigned to:	Rod Howard (rh)


[Table of contents]


*** Any customizations made to this should be added to the custom.css
stylesheet in order to separate your customizations and make 
upgrading in the future easier. ***

-------------------------------------------------------------------*/
/*------------------------------------------------------------------
[1. Max Width: 480px]
*/
@media (max-width: 480px) {
  .error-container h1 {
    font-size: 72px;
  }
  .shortcuts .shortcut {
    width: 95px;
  }
  .shortcuts .shortcut .shortcut-label {
    font-size: 12px;
  }
  .shortcuts .shortcut .shortcut-icon {
    font-size: 24px;
  }
}
/*------------------------------------------------------------------
[3. Max Width: 979px]
*/
@media (max-width: 979px) {
  .navbar-fixed-top {
    position: static;
    margin-bottom: 0;
  }
  .navbar .btn-navbar {
    font-size: 18px;
    background: none;
    filter: none;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .navbar .container {
    padding: 0 10px;
  }
  .subnavbar .subnavbar .container {
    width: auto;
  }
}
/* Extra small devices (phones, up to 480px) */
/* No media query since this is the default in Bootstrap */
@media (max-width: 768px) {
  .navbar {
    padding-left: 10px;
    padding-right: 10px;
    margin-right: -20px;
    margin-left: -20px;
  }
  .navbar .navbar-nav > li > .dropdown-menu::before,
  .navbar .navbar-nav > li > .dropdown-menu::after {
    display: none;
  }
  .subnavbar .subnav-toggle {
    display: block;
  }
  #main {
    padding: 0 10px;
    margin-right: -20px;
    margin-left: -20px;
  }
  .extra {
    margin-right: -20px;
    margin-left: -20px;
  }
  .main .container {
    padding: 0;
  }
  .main .row {
    margin-right: -15px;
    margin-left: -15px;
  }
  .footer {
    margin-right: -20px;
    margin-left: -20px;
  }
  .footer #footer-terms {
    margin-top: 1em;
    text-align: left;
  }
  .footer #footer-terms a {
    margin-left: 0;
    margin-right: 1em;
  }
  .item-row {
    display: block;
  }
  .item-row:before,
  .item-row:after {
    content: " ";
    /* 1 */
  
    display: table;
    /* 2 */
  
  }
  .item-row:after {
    clear: both;
  }
  .item-row .item-label {
    display: block;
    width: 100%;
    margin-bottom: 1.5em;
  }
  .item-row .item-content {
    display: block;
    width: 100%;
  }
  .subnavbar {
    margin-left: -20px;
    margin-right: -20px;
  }
  .subnavbar .btn-subnavbar {
    display: block;
  }
  .subnavbar .subnavbar-inner {
    height: auto;
  }
  .subnavbar .mainnav {
    display: block;
    width: 100%;
    height: auto;
    margin-top: 1em;
    margin-bottom: 1.5em;
    border: none;
  }
  .subnavbar .mainnav > li {
    float: none;
    width: 100%;
    height: auto;
    margin-bottom: 1em;
    text-align: left;
    border: none;
  }
  .subnavbar .mainnav > li > a {
    display: block;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-right: .5em;
    color: #CCC;
    font-size: 13px;
    font-weight: 600;
  }
  .subnavbar .mainnav > li > a > span {
    display: inline;
  }
  .subnavbar .mainnav > li > a > i {
    display: inline;
    margin-right: .5em;
    margin-bottom: 0;
    font-size: 14px;
  }
  .subnavbar .mainnav > li > a .caret {
    margin-top: -2px;
    margin-left: 3px;
  }
  .subnavbar .mainnav > li.active > a {
    color: #F90;
    background: transparent;
  }
  .subnavbar .dropdown .dropdown-menu {
    position: static;
    float: none;
    width: 100%;
    background: transparent;
    border: none;
    box-shadow: none;
  }
  .subnavbar .dropdown .dropdown-menu a {
    padding: 12px 40px;
    color: #FFF;
    font-weight: 600;
  }
  .subnavbar .dropdown .dropdown-menu a:active,
  .subnavbar .dropdown .dropdown-menu a:focus {
    background: #555 !important;
    outline: none;
  }
  .subnavbar .dropdown .dropdown-menu::before,
  .subnavbar .dropdown .dropdown-menu::after {
    display: none;
  }
  .subnavbar .dropdown.open .caret {
    display: inline-block;
  }
  .subnavbar .dropdown-submenu > a:after {
    display: none;
  }
  .subnavbar .dropdown-submenu > .dropdown-menu {
    display: block;
  }
  .subnavbar .dropdown-submenu > .dropdown-menu > li > a {
    padding-right: 20px;
    padding-left: 60px;
  }
}
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
  .subnav-collapse.collapse {
    display: block!important;
    height: auto!important;
    padding-bottom: 0;
    overflow: visible!important;
  }
}
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
  
}
/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  .navbar .container,
  .subnavbar .container {
    padding-right: 0;
    padding-left: 0;
  }
  .page-title {
    margin-left: -15px;
  }
}


.pnlm-container {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    overflow: hidden;
    position: relative;
    cursor: inherit;
    width: 100%;
    height: 100%;
    background: #f4f4f4 url('images/background.svg') repeat;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    user-select: none;
    outline: 0;
    line-height: 1.4;
    contain: content;
    direction: ltr;
    height: calc(100vh - 165px); 
    width: 100%;
    max-height: 90vw;
}



.pnlm-container,
.pnlm-load-button {
    font-family: Helvetica, "Nimbus Sans L", "Liberation Sans", Arial, sans-serif;
}

    .pnlm-container * {
        box-sizing: content-box;
    }

.pnlm-ui {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.pnlm-grab {
    cursor: grab;
    cursor: url('images/grab.svg') 12 8, default;
}

.pnlm-grabbing {
    cursor: grabbing;
    cursor: url('images/grabbing.svg') 12 8, default;
}

.pnlm-sprite {
    background-image: url('images/sprites.svg');
}

.pnlm-container:-moz-full-screen {
    height: 100% !important;
    width: 100% !important;
    position: static !important;
}

.pnlm-container:-webkit-full-screen {
    height: 100% !important;
    width: 100% !important;
    position: static !important;
}

.pnlm-container:-ms-fullscreen {
    height: 100% !important;
    width: 100% !important;
    position: static !important;
}

.pnlm-container:fullscreen {
    height: 100% !important;
    width: 100% !important;
    position: static !important;
}

.pnlm-render-container {
    cursor: inherit;
    /* Fix display bug in Safari 7 */
    position: absolute;
    height: 100%;
    width: 100%;
}

.pnlm-controls {
    margin-top: 4px;
    background-color: #fff;
    border: 1px solid #999;
    border-color: rgba(0, 0, 0, 0.4);
    border-radius: 3px;
    cursor: pointer;
    z-index: 3;
    /* Fix Safari fullscreen bug */
    -webkit-transform: translateZ(9999px);
    transform: translateZ(9999px);
}

.pnlm-control:hover {
    background-color: #f8f8f8;
}

.pnlm-controls-container {
    position: absolute;
    top: 0;
    left: 4px;
    z-index: 2;
}

.pnlm-zoom-controls {
    width: 26px;
    height: 52px;
}

.pnlm-zoom-in {
    width: 100%;
    height: 50%;
    position: absolute;
    top: 0;
    border-radius: 3px 3px 0 0;
}

.pnlm-zoom-out {
    width: 100%;
    height: 50%;
    position: absolute;
    bottom: 0;
    background-position: 0 -26px;
    border-top: 1px solid #ddd;
    border-top-color: rgba(0, 0, 0, 0.10);
    border-radius: 0 0 3px 3px;
}

.pnlm-fullscreen-toggle-button,
.pnlm-orientation-button,
.pnlm-hot-spot-debug-indicator {
    width: 26px;
    height: 26px;
}

.pnlm-hot-spot-debug-indicator {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 26px;
    height: 26px;
    margin: -13px 0 0 -13px;
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 13px;
    display: none;
}

.pnlm-orientation-button-inactive {
    background-position: 0 -156px;
}

.pnlm-orientation-button-active {
    background-position: 0 -182px;
}

.pnlm-fullscreen-toggle-button-inactive {
    background-position: 0 -52px;
}

.pnlm-fullscreen-toggle-button-active {
    background-position: 0 -78px;
}

.pnlm-panorama-info {
    position: absolute;
    bottom: 4px;
    background-color: rgba(0, 0, 0, 0.7);
    border-radius: 0 3px 3px 0;
    padding-right: 10px;
    color: #fff;
    text-align: left;
    display: none;
    z-index: 3;
    /* Fix Safari fullscreen bug */
    -webkit-transform: translateZ(9999px);
    transform: translateZ(9999px);
}

.pnlm-title-box {
    position: relative;
    font-size: 20px;
    display: table;
    padding-left: 5px;
    margin-bottom: 3px;
}

.pnlm-author-box {
    position: relative;
    font-size: 12px;
    display: table;
    padding-left: 5px;
}

.pnlm-load-box {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 200px;
    height: 150px;
    margin: -75px 0 0 -100px;
    background-color: rgba(0, 0, 0, 0.7);
    border-radius: 3px;
    text-align: center;
    font-size: 20px;
    display: none;
    color: #fff;
}

    .pnlm-load-box p {
        margin: 20px 0;
    }

.pnlm-lbox {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 20px;
    margin: -10px 0 0 -10px;
    display: none;
}

.pnlm-loading {
    animation-duration: 1.5s;
    -webkit-animation-duration: 1.5s;
    animation-name: pnlm-mv;
    -webkit-animation-name: pnlm-mv;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    animation-timing-function: linear;
    -webkit-animation-timing-function: linear;
    height: 10px;
    width: 10px;
    background-color: #fff;
    position: relative;
}

@keyframes pnlm-mv {
    from {
        left: 0;
        top: 0;
    }

    25% {
        left: 10px;
        top: 0;
    }

    50% {
        left: 10px;
        top: 10px;
    }

    75% {
        left: 0;
        top: 10px;
    }

    to {
        left: 0;
        top: 0;
    }
}

@-webkit-keyframes pnlm-mv {
    from {
        left: 0;
        top: 0;
    }

    25% {
        left: 10px;
        top: 0;
    }

    50% {
        left: 10px;
        top: 10px;
    }

    75% {
        left: 0;
        top: 10px;
    }

    to {
        left: 0;
        top: 0;
    }
}

.pnlm-load-button {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 200px;
    height: 100px;
    margin: -50px 0 0 -100px;
    background-color: rgba(0, 0, 0, .7);
    border-radius: 3px;
    font-size: 20px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    border: none;
    padding: 0;
    line-height: 1.4;
}

    .pnlm-load-button:hover {
        background-color: rgba(0, 0, 0, .8);
    }

    .pnlm-load-button:focus {
        outline: none;
        box-shadow: 0px 0px 0px 1px #fff inset;
    }

    .pnlm-load-button div {
        display: table;
        text-align: center;
        width: 100%;
    }

    .pnlm-load-button p {
        display: table-cell;
        vertical-align: middle;
    }

.pnlm-info-box {
    font-size: 15px;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 200px;
    height: 150px;
    margin: -75px 0 0 -100px;
    border-radius: 3px;
    display: table;
    text-align: center;
    color: #fff;
    table-layout: fixed;
    z-index: 2;
    background-color: rgb(127,127,127);
}

    .pnlm-info-box a,
    .pnlm-author-box a {
        color: #fff;
        word-wrap: break-word;
        overflow-wrap: break-word;
    }

    .pnlm-info-box p {
        display: table-cell;
        vertical-align: middle;
        padding: 0 5px 0 5px;
        font-size: 24px;
        color: rgb(164,164,164);
    }

.pnlm-error-msg {
    display: none;

}


.pnlm-interaction-msg {
    display: none;
    pointer-events: none;
    background: rgba(0, 0, 0, 0.7);
    opacity: 1;
    transition: opacity 0.3s ease-in-out;
    width: 100%;
    height: 100%;
    margin: 0;
    top: 0;
    left: 0;
}

.pnlm-outline {
    border: 1px solid #fff;
    border-radius: 3px;
    padding: 0 2px;
}

.pnlm-about-msg {
    font-size: 11px;
    line-height: 11px;
    color: #fff;
    padding: 5px 8px 5px 8px;
    background: rgba(0, 0, 0, 0.7);
    border-radius: 3px;
    position: absolute;
    top: 50px;
    left: 50px;
    display: none;
    opacity: 0;
    -moz-transition: opacity .3s ease-in-out;
    -webkit-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    -ms-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
    z-index: 2;
}

    .pnlm-about-msg a:link,
    .pnlm-about-msg a:visited {
        color: #fff;
    }

    .pnlm-about-msg a:hover,
    .pnlm-about-msg a:active {
        color: #eee;
    }

.pnlm-hotspot-base {
    position: absolute;
    visibility: hidden;
    cursor: default;
    vertical-align: middle;
    top: 0;
    z-index: 1;
}

    .pnlm-hotspot-base:hover ~ .pnlm-hotspot-base {
        z-index: 0;
    }

.pnlm-hotspot {
    height: 26px;
    width: 26px;
    border-radius: 13px;
}

    .pnlm-hotspot:hover {
        background-color: rgba(255, 255, 255, 0.2);
    }

    .pnlm-hotspot.pnlm-info {
        background-position: 0 -104px;
    }

    .pnlm-hotspot.pnlm-scene {
        background-position: 0 -130px;
    }

div.pnlm-tooltip span {
    visibility: hidden;
    position: absolute;
    border-radius: 3px;
    background-color: rgba(0, 0, 0, 0.7);
    color: #fff;
    text-align: center;
    max-width: 200px;
    padding: 5px 10px;
    margin-left: -220px;
    cursor: default;
}

div.pnlm-tooltip:hover span {
    visibility: visible;
}

    div.pnlm-tooltip:hover span:after {
        content: '';
        position: absolute;
        width: 0;
        height: 0;
        border-width: 10px;
        border-style: solid;
        border-color: rgba(0, 0, 0, 0.7) transparent transparent transparent;
        bottom: -20px;
        left: -10px;
        margin: 0 50%;
    }

.pnlm-compass {
    position: absolute;
    width: 50px;
    height: 50px;
    right: 4px;
    bottom: 4px;
    border-radius: 25px;
    background-image: url('images/compass.svg');
    cursor: default;
    display: none;
}

.pnlm-world {
    position: absolute;
    left: 50%;
    top: 50%;
}

.pnlm-face {
    position: absolute;
    -webkit-transform-origin: 0 0 0;
    transform-origin: 0 0 0;
}

.pnlm-dragfix,
.pnlm-preview-img {
    position: absolute;
    height: 100%;
    width: 100%;
}

.pnlm-preview-img {
    background-size: cover;
    background-position: center;
}

.pnlm-lbar {
    width: 150px;
    margin: 0 auto;
    border: #fff 1px solid;
    height: 6px;
}

.pnlm-lbar-fill {
    background: #fff;
    height: 100%;
    width: 0;
}

.pnlm-lmsg {
    font-size: 12px;
}

.pnlm-fade-img {
    position: absolute;
    top: 0;
    left: 0;
}

.pnlm-pointer {
    cursor: pointer;
}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before, .vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-modal-dialog, .vjs-modal-dialog .vjs-modal-dialog-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.video-js .vjs-big-play-button .vjs-icon-placeholder:before, .vjs-button > .vjs-icon-placeholder:before {
  text-align: center; }

@font-face {
  font-family: VideoJS;
  src: url("font/VideoJS.eot?#iefix") format("eot"); }

@font-face {
  font-family: VideoJS;
  src: url(data:application/font-woff;charset=utf-8;base64,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) format("woff"), url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAAKAIAAAwAgT1MvMlGRXgUAAAEoAAAAVmNtYXDiMBC2AAAB/AAAAUpnbHlmW/HoBwAAA4gAAA9QaGVhZAyD6V8AAADQAAAANmhoZWEOogcgAAAArAAAACRobXR42QAAAAAAAYAAAAB8bG9jYTDINOoAAANIAAAAQG1heHABMAB5AAABCAAAACBuYW1l1cf1oAAAEtgAAAIKcG9zdGZEjeMAABTkAAABgQABAAAHAAAAAKEHAAAAAAAHAAABAAAAAAAAAAAAAAAAAAAAHwABAAAAAQAAwdxheF8PPPUACwcAAAAAANMyzzEAAAAA0zLPMQAAAAAHAAcAAAAACAACAAAAAAAAAAEAAAAfAG0ABwAAAAAAAgAAAAoACgAAAP8AAAAAAAAAAQcAAZAABQAIBHEE5gAAAPoEcQTmAAADXABXAc4AAAIABQMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUGZFZABA8QHxHgcAAAAAoQcAAAAAAAABAAAAAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAAAAAMAAAADAAAAHAABAAAAAABEAAMAAQAAABwABAAoAAAABgAEAAEAAgAA8R7//wAAAADxAf//AAAPAAABAAAAAAAAAAABBgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOAFAAZgCyAMYA5gEeAUgBdAGcAfICLgKOAroDCgOOA7AD6gQ4BHwEuAToBQwFogXoBjYGbAbaB3IHqAABAAAAAAWLBYsAAgAAAREBAlUDNgWL++oCCwAAAwAAAAAGawZrAAIADgAaAAAJAhMEAAMSAAUkABMCAAEmACc2ADcWABcGAALrAcD+QJX+w/5aCAgBpgE9AT0BpggI/lr+w/3+rgYGAVL9/QFSBgb+rgIwAVABUAGbCP5a/sP+w/5aCAgBpgE9AT0BpvrIBgFS/f0BUgYG/q79/f6uAAAAAgAAAAAFQAWLAAMABwAAASERKQERIREBwAEr/tUCVQErAXUEFvvqBBYAAAAEAAAAAAYgBiAABgATACQAJwAAAS4BJxUXNjcGBxc+ATUmACcVFhIBBwEhESEBEQEGBxU+ATcXNwEHFwTQAWVVuAO7AidxJSgF/t/lpc77t18BYf6fASsBdQE+TF1OijuZX/1gnJwDgGSeK6W4GBhqW3FGnFT0AWM4mjT+9AHrX/6f/kD+iwH2/sI7HZoSRDGYXwSWnJwAAAEAAAAABKsF1gAFAAABESEBEQECCwEqAXb+igRg/kD+iwSq/osAAAACAAAAAAVmBdYABgAMAAABLgEnET4BAREhAREBBWUBZVRUZfwRASsBdf6LA4Bkniv9piueAUT+QP6LBKr+iwAAAwAAAAAGIAYPAAUADAAaAAATESEBEQEFLgEnET4BAxUWEhcGAgcVNgA3JgDgASsBdf6LAsUBZVVVZbqlzgMDzqXlASEFBf7fBGD+QP6LBKr+i+Bkniv9piueAvOaNP70tbX+9DSaOAFi9fUBYgAAAAQAAAAABYsFiwAFAAsAEQAXAAABIxEhNSMDMzUzNSEBIxUhESMDFTMVMxECC5YBduCWluD+igOA4AF2luDglgLr/oqWAgrglvyAlgF2AqCW4AF2AAQAAAAABYsFiwAFAAsAEQAXAAABMxUzESETIxUhESMBMzUzNSETNSMRITUBdeCW/org4AF2lgHAluD+ipaWAXYCVeABdgHAlgF2++rglgHA4P6KlgAAAAACAAAAAAXWBdYADwATAAABIQ4BBxEeARchPgE3ES4BAyERIQVA/IA/VQEBVT8DgD9VAQFVP/yAA4AF1QFVP/yAP1UBAVU/A4A/VfvsA4AAAAYAAAAABmsGawAHAAwAEwAbACAAKAAACQEmJw4BBwElLgEnAQUhATYSNyYFAQYCBxYXIQUeARcBMwEWFz4BNwECvgFkTlSH8GEBEgOONemh/u4C5f3QAXpcaAEB/BP+3VxoAQEOAjD95DXpoQESeP7dTlSH8GH+7gPwAmgSAQFYUP4nd6X2Pv4nS/1zZAEBk01NAfhk/v+TTUhLpfY+Adn+CBIBAVhQAdkAAAAFAAAAAAZrBdYADwATABcAGwAfAAABIQ4BBxEeARchPgE3ES4BASEVIQEhNSEFITUhNSE1IQXV+1ZAVAICVEAEqkBUAgJU+xYBKv7WAur9FgLqAcD+1gEq/RYC6gXVAVU//IA/VQEBVT8DgD9V/ayV/tWVlZWWlQADAAAAAAYgBdYADwAnAD8AAAEhDgEHER4BFyE+ATcRLgEBIzUjFTM1MxUUBgcjLgEnET4BNzMeARUFIzUjFTM1MxUOAQcjLgE1ETQ2NzMeARcFi/vqP1QCAlQ/BBY/VAICVP1rcJWVcCog4CAqAQEqIOAgKgILcJWVcAEqIOAgKiog4CAqAQXVAVU//IA/VQEBVT8DgD9V/fcl4CVKICoBASogASogKgEBKiBKJeAlSiAqAQEqIAEqICoBASogAAAGAAAAAAYgBPYAAwAHAAsADwATABcAABMzNSMRMzUjETM1IwEhNSERITUhERUhNeCVlZWVlZUBKwQV++sEFfvrBBUDNZb+QJUBwJX+QJb+QJUCVZWVAAAAAQAAAAAGIAZsAC4AAAEiBgcBNjQnAR4BMz4BNy4BJw4BBxQXAS4BIw4BBx4BFzI2NwEGBx4BFz4BNy4BBUArSh797AcHAg8eTixffwICf19ffwIH/fEeTixffwICf18sTh4CFAUBA3tcXHsDA3sCTx8bATcZNhkBNB0gAn9fX38CAn9fGxn+zRwgAn9fX38CIBz+yhcaXHsCAntcXXsAAAIAAAAABlkGawBDAE8AAAE2NCc3PgEnAy4BDwEmLwEuASchDgEPAQYHJyYGBwMGFh8BBhQXBw4BFxMeAT8BFh8BHgEXIT4BPwE2NxcWNjcTNiYnBS4BJz4BNx4BFw4BBasFBZ4KBgeWBxkNujpEHAMUD/7WDxQCHEU5ug0aB5UHBQudBQWdCwUHlQcaDbo5RRwCFA8BKg8UAhxFOboNGgeVBwUL/ThvlAIClG9vlAIClAM3JEokewkaDQEDDAkFSy0cxg4RAQERDsYcLUsFCQz+/QwbCXskSiR7CRoN/v0MCQVLLRzGDhEBAREOxhwtSwUJDAEDDBsJQQKUb2+UAgKUb2+UAAAAAAEAAAAABmsGawALAAATEgAFJAATAgAlBACVCAGmAT0BPQGmCAj+Wv7D/sP+WgOA/sP+WggIAaYBPQE9AaYICP5aAAAAAgAAAAAGawZrAAsAFwAAAQQAAxIABSQAEwIAASYAJzYANxYAFwYAA4D+w/5aCAgBpgE9AT0BpggI/lr+w/3+rgYGAVL9/QFSBgb+rgZrCP5a/sP+w/5aCAgBpgE9AT0BpvrIBgFS/f0BUgYG/q79/f6uAAADAAAAAAZrBmsACwAXACMAAAEEAAMSAAUkABMCAAEmACc2ADcWABcGAAMOAQcuASc+ATceAQOA/sP+WggIAaYBPQE9AaYICP5a/sP9/q4GBgFS/f0BUgYG/q4dAn9fX38CAn9fX38Gawj+Wv7D/sP+WggIAaYBPQE9Aab6yAYBUv39AVIGBv6u/f3+rgJPX38CAn9fX38CAn8AAAAEAAAAAAYgBiAADwAbACUAKQAAASEOAQcRHgEXIT4BNxEuAQEjNSMVIxEzFTM1OwEhHgEXEQ4BByE3MzUjBYv76j9UAgJUPwQWP1QCAlT9a3CVcHCVcJYBKiAqAQEqIP7WcJWVBiACVD/76j9UAgJUPwQWP1T8gpWVAcC7uwEqIP7WICoBcOAAAgAAAAAGawZrAAsAFwAAAQQAAxIABSQAEwIAEwcJAScJATcJARcBA4D+w/5aCAgBpgE9AT0BpggI/lo4af70/vRpAQv+9WkBDAEMaf71BmsI/lr+w/7D/loICAGmAT0BPQGm/BFpAQv+9WkBDAEMaf71AQtp/vQAAQAAAAAF1ga2ABYAAAERCQERHgEXDgEHLgEnIxYAFzYANyYAA4D+iwF1vv0FBf2+vv0FlQYBUf7+AVEGBv6vBYsBKv6L/osBKgT9v779BQX9vv7+rwYGAVH+/gFRAAAAAQAAAAAFPwcAABQAAAERIyIGHQEhAyMRIREjETM1NDYzMgU/nVY8ASUn/v7O///QrZMG9P74SEi9/tj9CQL3ASjaus0AAAAABAAAAAAGjgcAADAARQBgAGwAAAEUHgMVFAcGBCMiJicmNTQ2NzYlLgE1NDcGIyImNTQ2Nz4BMyEHIx4BFRQOAycyNjc2NTQuAiMiBgcGFRQeAxMyPgI1NC4BLwEmLwImIyIOAxUUHgIBMxUjFSM1IzUzNTMDH0BbWkAwSP7qn4TlOSVZSoMBESAfFS4WlMtIP03TcAGiioNKTDFFRjGSJlAaNSI/akAqURkvFCs9WTY6a1s3Dg8THgocJU4QIDVob1M2RnF9A2vV1WnU1GkD5CRFQ1CATlpTenNTYDxHUYouUhIqQCkkMQTBlFKaNkJAWD+MWkhzRztAPiEbOWY6hn1SJyE7ZS5nZ1I0/JcaNF4+GTAkGCMLFx04Ag4kOF07Rms7HQNsbNvbbNkAAwAAAAAGgAZsAAMADgAqAAABESERARYGKwEiJjQ2MhYBESERNCYjIgYHBhURIRIQLwEhFSM+AzMyFgHd/rYBXwFnVAJSZGemZASP/rdRVj9VFQv+twIBAQFJAhQqR2c/q9AEj/whA98BMkliYpNhYfzd/cgCEml3RTMeM/3XAY8B8DAwkCAwOB/jAAABAAAAAAaUBgAAMQAAAQYHFhUUAg4BBCMgJxYzMjcuAScWMzI3LgE9ARYXLgE1NDcWBBcmNTQ2MzIXNjcGBzYGlENfAUyb1v7SrP7x4SMr4bBpph8hHCsqcJNETkJOLHkBW8YIvYaMYG1gJWldBWhiRQ4cgv797rdtkQSKAn1hBQsXsXUEJgMsjlNYS5WzCiYkhr1mFTlzPwoAAAABAAAAAAWABwAAIgAAARcOAQcGLgM1ESM1PgQ3PgE7AREhFSERFB4CNzYFMFAXsFlorXBOIahIckQwFAUBBwT0AU3+sg0gQzBOAc/tIz4BAjhceHg6AiDXGlddb1ctBQf+WPz9+h40NR4BAgABAAAAAAaABoAASgAAARQCBCMiJzY/AR4BMzI+ATU0LgEjIg4DFRQWFxY/ATY3NicmNTQ2MzIWFRQGIyImNz4CNTQmIyIGFRQXAwYXJgI1NBIkIAQSBoDO/p/Rb2s7EzYUaj15vmh34o5ptn9bK1BNHggIBgIGETPRqZepiWs9Sg4IJRc2Mj5WGWMRBM7+zgFhAaIBYc4DgNH+n84gXUfTJzmJ8JZyyH46YH2GQ2ieIAwgHxgGFxQ9WpfZpIOq7lc9I3VZHzJCclVJMf5eRmtbAXzp0QFhzs7+nwAABwAAAAAHAATPAA4AFwAqAD0AUABaAF0AAAERNh4CBw4BBwYmIycmNxY2NzYmBxEUBRY2Nz4BNy4BJyMGHwEeARcOARcWNjc+ATcuAScjBh8BHgEXFAYXFjY3PgE3LgEnIwYfAR4BFw4BBTM/ARUzESMGAyUVJwMchM2UWwgNq4JHrQgBAapUaAoJcWMBfiIhDiMrAQJLMB0BBAokNAIBPmMiIQ4iLAECSzAeAQUKJDQBP2MiIQ4iLAECSzAeAQUKJDQBAT75g+5B4arNLNIBJ44ByQL9BQ9mvYCKwA8FBQMDwwJVTGdzBf6VB8IHNR08lld9uT4LCRA/qGNxvUwHNR08lld9uT4LCRA/qGNxvUwHNR08lld9uT4LCRA/qGNxvVJkAWUDDEf+tYP5AQAAAAEAAAAABiAGtgAbAAABBAADER4BFzMRITU2ADcWABcVIREzPgE3EQIAA4D+4v6FBwJ/X+D+1QYBJ97eAScG/tXgX38CB/6FBrUH/oX+4v32X38CAlWV3gEnBgb+2d6V/asCf18CCgEeAXsAAAAAEADGAAEAAAAAAAEABwAAAAEAAAAAAAIABwAHAAEAAAAAAAMABwAOAAEAAAAAAAQABwAVAAEAAAAAAAUACwAcAAEAAAAAAAYABwAnAAEAAAAAAAoAKwAuAAEAAAAAAAsAEwBZAAMAAQQJAAEADgBsAAMAAQQJAAIADgB6AAMAAQQJAAMADgCIAAMAAQQJAAQADgCWAAMAAQQJAAUAFgCkAAMAAQQJAAYADgC6AAMAAQQJAAoAVgDIAAMAAQQJAAsAJgEeVmlkZW9KU1JlZ3VsYXJWaWRlb0pTVmlkZW9KU1ZlcnNpb24gMS4wVmlkZW9KU0dlbmVyYXRlZCBieSBzdmcydHRmIGZyb20gRm9udGVsbG8gcHJvamVjdC5odHRwOi8vZm9udGVsbG8uY29tAFYAaQBkAGUAbwBKAFMAUgBlAGcAdQBsAGEAcgBWAGkAZABlAG8ASgBTAFYAaQBkAGUAbwBKAFMAVgBlAHIAcwBpAG8AbgAgADEALgAwAFYAaQBkAGUAbwBKAFMARwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABzAHYAZwAyAHQAdABmACAAZgByAG8AbQAgAEYAbwBuAHQAZQBsAGwAbwAgAHAAcgBvAGoAZQBjAHQALgBoAHQAdABwADoALwAvAGYAbwBuAHQAZQBsAGwAbwAuAGMAbwBtAAAAAgAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAfAAABAgEDAQQBBQEGAQcBCAEJAQoBCwEMAQ0BDgEPARABEQESARMBFAEVARYBFwEYARkBGgEbARwBHQEeAR8EcGxheQtwbGF5LWNpcmNsZQVwYXVzZQt2b2x1bWUtbXV0ZQp2b2x1bWUtbG93CnZvbHVtZS1taWQLdm9sdW1lLWhpZ2gQZnVsbHNjcmVlbi1lbnRlcg9mdWxsc2NyZWVuLWV4aXQGc3F1YXJlB3NwaW5uZXIJc3VidGl0bGVzCGNhcHRpb25zCGNoYXB0ZXJzBXNoYXJlA2NvZwZjaXJjbGUOY2lyY2xlLW91dGxpbmUTY2lyY2xlLWlubmVyLWNpcmNsZQJoZAZjYW5jZWwGcmVwbGF5CGZhY2Vib29rBWdwbHVzCGxpbmtlZGluB3R3aXR0ZXIGdHVtYmxyCXBpbnRlcmVzdBFhdWRpby1kZXNjcmlwdGlvbgVhdWRpbwAAAAAA) format("truetype");
  font-weight: normal;
  font-style: normal; }

.vjs-icon-play, .video-js .vjs-big-play-button .vjs-icon-placeholder:before, .video-js .vjs-play-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-play:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before, .video-js .vjs-play-control .vjs-icon-placeholder:before {
    content: "\f101"; }

.vjs-icon-play-circle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-play-circle:before {
    content: "\f102"; }

.vjs-icon-pause, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-pause:before, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before {
    content: "\f103"; }

.vjs-icon-volume-mute, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-volume-mute:before, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before {
    content: "\f104"; }

.vjs-icon-volume-low, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-volume-low:before, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before {
    content: "\f105"; }

.vjs-icon-volume-mid, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-volume-mid:before, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before {
    content: "\f106"; }

.vjs-icon-volume-high, .video-js .vjs-mute-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-volume-high:before, .video-js .vjs-mute-control .vjs-icon-placeholder:before {
    content: "\f107"; }

.vjs-icon-fullscreen-enter, .video-js .vjs-fullscreen-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-fullscreen-enter:before, .video-js .vjs-fullscreen-control .vjs-icon-placeholder:before {
    content: "\f108"; }

.vjs-icon-fullscreen-exit, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-fullscreen-exit:before, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before {
    content: "\f109"; }

.vjs-icon-square {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-square:before {
    content: "\f10a"; }

.vjs-icon-spinner {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-spinner:before {
    content: "\f10b"; }

.vjs-icon-subtitles, .video-js .vjs-subtitles-button .vjs-icon-placeholder, .video-js .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-subtitles:before, .video-js .vjs-subtitles-button .vjs-icon-placeholder:before, .video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,
  .video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,
  .video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,
  .video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,
  .video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before {
    content: "\f10c"; }

.vjs-icon-captions, .video-js .vjs-captions-button .vjs-icon-placeholder, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-captions:before, .video-js .vjs-captions-button .vjs-icon-placeholder:before, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,
  .video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before {
    content: "\f10d"; }

.vjs-icon-chapters, .video-js .vjs-chapters-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-chapters:before, .video-js .vjs-chapters-button .vjs-icon-placeholder:before {
    content: "\f10e"; }

.vjs-icon-share {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-share:before {
    content: "\f10f"; }

.vjs-icon-cog {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-cog:before {
    content: "\f110"; }

.vjs-icon-circle, .video-js .vjs-play-progress, .video-js .vjs-volume-level {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-circle:before, .video-js .vjs-play-progress:before, .video-js .vjs-volume-level:before {
    content: "\f111"; }

.vjs-icon-circle-outline {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-circle-outline:before {
    content: "\f112"; }

.vjs-icon-circle-inner-circle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-circle-inner-circle:before {
    content: "\f113"; }

.vjs-icon-hd {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-hd:before {
    content: "\f114"; }

.vjs-icon-cancel, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-cancel:before, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before {
    content: "\f115"; }

.vjs-icon-replay, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-replay:before, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before {
    content: "\f116"; }

.vjs-icon-facebook {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-facebook:before {
    content: "\f117"; }

.vjs-icon-gplus {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-gplus:before {
    content: "\f118"; }

.vjs-icon-linkedin {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-linkedin:before {
    content: "\f119"; }

.vjs-icon-twitter {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-twitter:before {
    content: "\f11a"; }

.vjs-icon-tumblr {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-tumblr:before {
    content: "\f11b"; }

.vjs-icon-pinterest {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-pinterest:before {
    content: "\f11c"; }

.vjs-icon-audio-description, .video-js .vjs-descriptions-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-audio-description:before, .video-js .vjs-descriptions-button .vjs-icon-placeholder:before {
    content: "\f11d"; }

.vjs-icon-audio, .video-js .vjs-audio-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-audio:before, .video-js .vjs-audio-button .vjs-icon-placeholder:before {
    content: "\f11e"; }

.video-js {
  display: block;
  vertical-align: top;
  box-sizing: border-box;
  color: #fff;
  background-color: #000;
  position: relative;
  padding: 0;
  font-size: 10px;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
  font-family: Arial, Helvetica, sans-serif; }
  .video-js:-moz-full-screen {
    position: absolute; }
  .video-js:-webkit-full-screen {
    width: 100% !important;
    height: 100% !important; }

.video-js[tabindex="-1"] {
  outline: none; }

.video-js *,
.video-js *:before,
.video-js *:after {
  box-sizing: inherit; }

.video-js ul {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  list-style-position: outside;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0; }

.video-js.vjs-fluid,
.video-js.vjs-16-9,
.video-js.vjs-4-3 {
  width: 100%;
  max-width: 100%;
  height: 0; }

.video-js.vjs-16-9 {
  padding-top: 56.25%; }

.video-js.vjs-4-3 {
  padding-top: 75%; }

.video-js.vjs-fill {
  width: 100%;
  height: 100%; }

.video-js .vjs-tech {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

body.vjs-full-window {
  padding: 0;
  margin: 0;
  height: 100%;
  overflow-y: auto; }

.vjs-full-window .video-js.vjs-fullscreen {
  position: fixed;
  overflow: hidden;
  z-index: 1000;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0; }

.video-js.vjs-fullscreen {
  width: 100% !important;
  height: 100% !important;
  padding-top: 0 !important; }

.video-js.vjs-fullscreen.vjs-user-inactive {
  cursor: none; }

.vjs-hidden {
  display: none !important; }

.vjs-disabled {
  opacity: 0.5;
  cursor: default; }

.video-js .vjs-offscreen {
  height: 1px;
  left: -9999px;
  position: absolute;
  top: 0;
  width: 1px; }

.vjs-lock-showing {
  display: block !important;
  opacity: 1;
  visibility: visible; }

.vjs-no-js {
  padding: 20px;
  color: #fff;
  background-color: #000;
  font-size: 18px;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  width: 300px;
  height: 150px;
  margin: 0px auto; }

.vjs-no-js a,
.vjs-no-js a:visited {
  color: #66A8CC; }

.video-js .vjs-big-play-button {
  font-size: 3em;
  line-height: 1.5em;
  height: 1.5em;
  width: 3em;
  display: block;
  position: absolute;
  top: 10px;
  left: 10px;
  padding: 0;
  cursor: pointer;
  opacity: 1;
  border: 0.06666em solid #fff;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
  -webkit-border-radius: 0.3em;
  -moz-border-radius: 0.3em;
  border-radius: 0.3em;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s; }

.vjs-big-play-centered .vjs-big-play-button {
  top: 50%;
  left: 50%;
  margin-top: -0.75em;
  margin-left: -1.5em; }

.video-js:hover .vjs-big-play-button,
.video-js .vjs-big-play-button:focus {
  border-color: #fff;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
  -webkit-transition: all 0s;
  -moz-transition: all 0s;
  -ms-transition: all 0s;
  -o-transition: all 0s;
  transition: all 0s; }

.vjs-controls-disabled .vjs-big-play-button,
.vjs-has-started .vjs-big-play-button,
.vjs-using-native-controls .vjs-big-play-button,
.vjs-error .vjs-big-play-button {
  display: none; }

.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button {
  display: block; }

.video-js button {
  background: none;
  border: none;
  color: inherit;
  display: inline-block;
  overflow: visible;
  font-size: inherit;
  line-height: inherit;
  text-transform: none;
  text-decoration: none;
  transition: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

.video-js .vjs-control.vjs-close-button {
  cursor: pointer;
  height: 3em;
  position: absolute;
  right: 0;
  top: 0.5em;
  z-index: 2; }

.video-js .vjs-modal-dialog {
  background: rgba(0, 0, 0, 0.8);
  background: -webkit-linear-gradient(-90deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
  overflow: auto;
  box-sizing: content-box; }

.video-js .vjs-modal-dialog > * {
  box-sizing: border-box; }

.vjs-modal-dialog .vjs-modal-dialog-content {
  font-size: 1.2em;
  line-height: 1.5;
  padding: 20px 24px;
  z-index: 1; }

.vjs-menu-button {
  cursor: pointer; }

.vjs-menu-button.vjs-disabled {
  cursor: default; }

.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
  display: none; }

.vjs-menu .vjs-menu-content {
  display: block;
  padding: 0;
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  overflow: auto;
  box-sizing: content-box; }

.vjs-menu .vjs-menu-content > * {
  box-sizing: border-box; }

.vjs-scrubbing .vjs-menu-button:hover .vjs-menu {
  display: none; }

.vjs-menu li {
  list-style: none;
  margin: 0;
  padding: 0.2em 0;
  line-height: 1.4em;
  font-size: 1.2em;
  text-align: center;
  text-transform: lowercase; }

.vjs-menu li.vjs-menu-item:focus,
.vjs-menu li.vjs-menu-item:hover {
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5); }

.vjs-menu li.vjs-selected,
.vjs-menu li.vjs-selected:focus,
.vjs-menu li.vjs-selected:hover {
  background-color: #fff;
  color: #2B333F; }

.vjs-menu li.vjs-menu-title {
  text-align: center;
  text-transform: uppercase;
  font-size: 1em;
  line-height: 2em;
  padding: 0;
  margin: 0 0 0.3em 0;
  font-weight: bold;
  cursor: default; }

.vjs-menu-button-popup .vjs-menu {
  display: none;
  position: absolute;
  bottom: 0;
  width: 10em;
  left: -3em;
  height: 0em;
  margin-bottom: 1.5em;
  border-top-color: rgba(43, 51, 63, 0.7); }

.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
  position: absolute;
  width: 100%;
  bottom: 1.5em;
  max-height: 15em; }

.vjs-workinghover .vjs-menu-button-popup:hover .vjs-menu,
.vjs-menu-button-popup .vjs-menu.vjs-lock-showing {
  display: block; }

.video-js .vjs-menu-button-inline {
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  overflow: hidden; }

.video-js .vjs-menu-button-inline:before {
  width: 2.222222222em; }

.video-js .vjs-menu-button-inline:hover,
.video-js .vjs-menu-button-inline:focus,
.video-js .vjs-menu-button-inline.vjs-slider-active,
.video-js.vjs-no-flex .vjs-menu-button-inline {
  width: 12em; }

.vjs-menu-button-inline .vjs-menu {
  opacity: 0;
  height: 100%;
  width: auto;
  position: absolute;
  left: 4em;
  top: 0;
  padding: 0;
  margin: 0;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s; }

.vjs-menu-button-inline:hover .vjs-menu,
.vjs-menu-button-inline:focus .vjs-menu,
.vjs-menu-button-inline.vjs-slider-active .vjs-menu {
  display: block;
  opacity: 1; }

.vjs-no-flex .vjs-menu-button-inline .vjs-menu {
  display: block;
  opacity: 1;
  position: relative;
  width: auto; }

.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu {
  width: auto; }

.vjs-menu-button-inline .vjs-menu-content {
  width: auto;
  height: 100%;
  margin: 0;
  overflow: hidden; }

.video-js .vjs-control-bar {
  display: none;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3.0em;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7); }

.vjs-has-started .vjs-control-bar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  visibility: visible;
  opacity: 1;
  -webkit-transition: visibility 0.1s, opacity 0.1s;
  -moz-transition: visibility 0.1s, opacity 0.1s;
  -ms-transition: visibility 0.1s, opacity 0.1s;
  -o-transition: visibility 0.1s, opacity 0.1s;
  transition: visibility 0.1s, opacity 0.1s; }

.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  visibility: visible;
  opacity: 0;
  -webkit-transition: visibility 1s, opacity 1s;
  -moz-transition: visibility 1s, opacity 1s;
  -ms-transition: visibility 1s, opacity 1s;
  -o-transition: visibility 1s, opacity 1s;
  transition: visibility 1s, opacity 1s; }

.vjs-controls-disabled .vjs-control-bar,
.vjs-using-native-controls .vjs-control-bar,
.vjs-error .vjs-control-bar {
  display: none !important; }

.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  opacity: 1;
  visibility: visible; }

.vjs-has-started.vjs-no-flex .vjs-control-bar {
  display: table; }

.video-js .vjs-control {
  position: relative;
  text-align: center;
  margin: 0;
  padding: 0;
  height: 100%;
  width: 4em;
  -webkit-box-flex: none;
  -moz-box-flex: none;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none; }

.vjs-button > .vjs-icon-placeholder:before {
  font-size: 1.8em;
  line-height: 1.67; }

.video-js .vjs-control:focus:before,
.video-js .vjs-control:hover:before,
.video-js .vjs-control:focus {
  text-shadow: 0em 0em 1em white; }

.video-js .vjs-control-text {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.vjs-no-flex .vjs-control {
  display: table-cell;
  vertical-align: middle; }

.video-js .vjs-custom-control-spacer {
  display: none; }

.video-js .vjs-progress-control {
  cursor: pointer;
  -webkit-box-flex: auto;
  -moz-box-flex: auto;
  -webkit-flex: auto;
  -ms-flex: auto;
  flex: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  min-width: 4em; }

.vjs-live .vjs-progress-control {
  display: none; }

.vjs-no-flex .vjs-progress-control {
  width: auto; }

.video-js .vjs-progress-holder {
  -webkit-box-flex: auto;
  -moz-box-flex: auto;
  -webkit-flex: auto;
  -ms-flex: auto;
  flex: auto;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  height: 0.3em; }

.video-js .vjs-progress-control .vjs-progress-holder {
  margin: 0 10px; }

.video-js .vjs-progress-control:hover .vjs-progress-holder {
  font-size: 1.666666666666666666em; }

.video-js .vjs-progress-holder .vjs-play-progress,
.video-js .vjs-progress-holder .vjs-load-progress,
.video-js .vjs-progress-holder .vjs-load-progress div {
  position: absolute;
  display: block;
  height: 100%;
  margin: 0;
  padding: 0;
  width: 0;
  left: 0;
  top: 0; }

.video-js .vjs-play-progress {
  background-color: #fff; }
  .video-js .vjs-play-progress:before {
    font-size: 0.9em;
    position: absolute;
    right: -0.5em;
    top: -0.333333333333333em;
    z-index: 1; }

.video-js .vjs-load-progress {
  background: #bfc7d3;
  background: rgba(115, 133, 159, 0.5); }

.video-js .vjs-load-progress div {
  background: white;
  background: rgba(115, 133, 159, 0.75); }

.video-js .vjs-time-tooltip {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.8);
  -webkit-border-radius: 0.3em;
  -moz-border-radius: 0.3em;
  border-radius: 0.3em;
  color: #000;
  float: right;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  padding: 6px 8px 8px 8px;
  pointer-events: none;
  position: relative;
  top: -3.4em;
  visibility: hidden;
  z-index: 1; }

.video-js .vjs-progress-holder:focus .vjs-time-tooltip {
  display: none; }

.video-js .vjs-progress-control:hover .vjs-time-tooltip,
.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip {
  display: block;
  font-size: 0.6em;
  visibility: visible; }

.video-js .vjs-progress-control .vjs-mouse-display {
  display: none;
  position: absolute;
  width: 1px;
  height: 100%;
  background-color: #000;
  z-index: 1; }

.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
  z-index: 0; }

.video-js .vjs-progress-control:hover .vjs-mouse-display {
  display: block; }

.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility 1s, opacity 1s;
  -moz-transition: visibility 1s, opacity 1s;
  -ms-transition: visibility 1s, opacity 1s;
  -o-transition: visibility 1s, opacity 1s;
  transition: visibility 1s, opacity 1s; }

.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
  display: none; }

.vjs-mouse-display .vjs-time-tooltip {
  color: #fff;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.8); }

.video-js .vjs-slider {
  position: relative;
  cursor: pointer;
  padding: 0;
  margin: 0 0.45em 0 0.45em;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5); }

.video-js .vjs-slider:focus {
  text-shadow: 0em 0em 1em white;
  -webkit-box-shadow: 0 0 1em #fff;
  -moz-box-shadow: 0 0 1em #fff;
  box-shadow: 0 0 1em #fff; }

.video-js .vjs-mute-control {
  cursor: pointer;
  -webkit-box-flex: none;
  -moz-box-flex: none;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  padding-left: 2em;
  padding-right: 2em;
  padding-bottom: 3em; }

.video-js .vjs-volume-control {
  cursor: pointer;
  margin-right: 1em;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.video-js .vjs-volume-control.vjs-volume-horizontal {
  width: 5em; }

.video-js .vjs-volume-panel .vjs-volume-control {
  visibility: visible;
  opacity: 0;
  width: 1px;
  height: 1px;
  margin-left: -1px; }

.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
  .vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical .vjs-volume-bar,
  .vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical .vjs-volume-level {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }

.video-js .vjs-volume-panel {
  -webkit-transition: width 1s;
  -moz-transition: width 1s;
  -ms-transition: width 1s;
  -o-transition: width 1s;
  transition: width 1s; }
  .video-js .vjs-volume-panel:hover .vjs-volume-control,
  .video-js .vjs-volume-panel:active .vjs-volume-control,
  .video-js .vjs-volume-panel:focus .vjs-volume-control,
  .video-js .vjs-volume-panel .vjs-volume-control:hover,
  .video-js .vjs-volume-panel .vjs-volume-control:active,
  .video-js .vjs-volume-panel .vjs-volume-control:focus,
  .video-js .vjs-volume-panel .vjs-mute-control:hover ~ .vjs-volume-control,
  .video-js .vjs-volume-panel .vjs-mute-control:active ~ .vjs-volume-control,
  .video-js .vjs-volume-panel .vjs-mute-control:focus ~ .vjs-volume-control,
  .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active {
    visibility: visible;
    opacity: 1;
    position: relative;
    -webkit-transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
    -moz-transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
    -ms-transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
    -o-transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
    transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s; }
    .video-js .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-horizontal,
    .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,
    .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal,
    .video-js .vjs-volume-panel .vjs-volume-control:hover.vjs-volume-horizontal,
    .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal,
    .video-js .vjs-volume-panel .vjs-volume-control:focus.vjs-volume-horizontal,
    .video-js .vjs-volume-panel .vjs-mute-control:hover ~ .vjs-volume-control.vjs-volume-horizontal,
    .video-js .vjs-volume-panel .vjs-mute-control:active ~ .vjs-volume-control.vjs-volume-horizontal,
    .video-js .vjs-volume-panel .vjs-mute-control:focus ~ .vjs-volume-control.vjs-volume-horizontal,
    .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal {
      width: 5em;
      height: 3em; }
    .video-js .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-vertical,
    .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical,
    .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical,
    .video-js .vjs-volume-panel .vjs-volume-control:hover.vjs-volume-vertical,
    .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical,
    .video-js .vjs-volume-panel .vjs-volume-control:focus.vjs-volume-vertical,
    .video-js .vjs-volume-panel .vjs-mute-control:hover ~ .vjs-volume-control.vjs-volume-vertical,
    .video-js .vjs-volume-panel .vjs-mute-control:active ~ .vjs-volume-control.vjs-volume-vertical,
    .video-js .vjs-volume-panel .vjs-mute-control:focus ~ .vjs-volume-control.vjs-volume-vertical,
    .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical {
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
      .video-js .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-vertical .vjs-volume-bar,
      .video-js .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-vertical .vjs-volume-level,
      .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical .vjs-volume-bar,
      .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical .vjs-volume-level,
      .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical .vjs-volume-bar,
      .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical .vjs-volume-level,
      .video-js .vjs-volume-panel .vjs-volume-control:hover.vjs-volume-vertical .vjs-volume-bar,
      .video-js .vjs-volume-panel .vjs-volume-control:hover.vjs-volume-vertical .vjs-volume-level,
      .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical .vjs-volume-bar,
      .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical .vjs-volume-level,
      .video-js .vjs-volume-panel .vjs-volume-control:focus.vjs-volume-vertical .vjs-volume-bar,
      .video-js .vjs-volume-panel .vjs-volume-control:focus.vjs-volume-vertical .vjs-volume-level,
      .video-js .vjs-volume-panel .vjs-mute-control:hover ~ .vjs-volume-control.vjs-volume-vertical .vjs-volume-bar,
      .video-js .vjs-volume-panel .vjs-mute-control:hover ~ .vjs-volume-control.vjs-volume-vertical .vjs-volume-level,
      .video-js .vjs-volume-panel .vjs-mute-control:active ~ .vjs-volume-control.vjs-volume-vertical .vjs-volume-bar,
      .video-js .vjs-volume-panel .vjs-mute-control:active ~ .vjs-volume-control.vjs-volume-vertical .vjs-volume-level,
      .video-js .vjs-volume-panel .vjs-mute-control:focus ~ .vjs-volume-control.vjs-volume-vertical .vjs-volume-bar,
      .video-js .vjs-volume-panel .vjs-mute-control:focus ~ .vjs-volume-control.vjs-volume-vertical .vjs-volume-level,
      .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical .vjs-volume-bar,
      .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical .vjs-volume-level {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
  .video-js .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal:focus, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active {
    width: 9em;
    -webkit-transition: width 0.1s;
    -moz-transition: width 0.1s;
    -ms-transition: width 0.1s;
    -o-transition: width 0.1s;
    transition: width 0.1s; }

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
  height: 8em;
  width: 3em;
  left: -3.5em;
  -webkit-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;
  -moz-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;
  -ms-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;
  -o-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;
  transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s; }

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
  -webkit-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
  -moz-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
  -ms-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
  -o-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
  transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s; }

.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
  width: 5em;
  height: 3em;
  visibility: visible;
  opacity: 1;
  position: relative;
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none; }

.video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical,
.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
  position: absolute;
  bottom: 3em;
  left: 0.5em; }

.video-js .vjs-volume-panel {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.video-js .vjs-volume-bar {
  margin: 1.35em 0.45em; }

.vjs-volume-bar.vjs-slider-horizontal {
  width: 5em;
  height: 0.3em; }

.vjs-volume-bar.vjs-slider-vertical {
  width: 0.3em;
  height: 5em;
  margin: 1.35em auto; }

.video-js .vjs-volume-level {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #fff; }
  .video-js .vjs-volume-level:before {
    position: absolute;
    font-size: 0.9em; }

.vjs-slider-vertical .vjs-volume-level {
  width: 0.3em; }
  .vjs-slider-vertical .vjs-volume-level:before {
    top: -0.5em;
    left: -0.3em; }

.vjs-slider-horizontal .vjs-volume-level {
  height: 0.3em; }
  .vjs-slider-horizontal .vjs-volume-level:before {
    top: -0.3em;
    right: -0.5em; }

.video-js .vjs-volume-panel.vjs-volume-panel-vertical {
  width: 4em; }

.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
  height: 100%; }

.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
  width: 100%; }

.video-js .vjs-volume-vertical {
  width: 3em;
  height: 8em;
  bottom: 8em;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7); }

.video-js .vjs-volume-horizontal .vjs-menu {
  left: -2em; }

.vjs-poster {
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  background-color: #000000;
  cursor: pointer;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%; }

.vjs-poster img {
  display: block;
  vertical-align: middle;
  margin: 0 auto;
  max-height: 100%;
  padding: 0;
  width: 100%; }

.vjs-has-started .vjs-poster {
  display: none; }

.vjs-audio.vjs-has-started .vjs-poster {
  display: block; }

.vjs-using-native-controls .vjs-poster {
  display: none; }

.video-js .vjs-live-control {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  -webkit-box-flex: auto;
  -moz-box-flex: auto;
  -webkit-flex: auto;
  -ms-flex: auto;
  flex: auto;
  font-size: 1em;
  line-height: 3em; }

.vjs-no-flex .vjs-live-control {
  display: table-cell;
  width: auto;
  text-align: left; }

.video-js .vjs-time-control {
  -webkit-box-flex: none;
  -moz-box-flex: none;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  font-size: 1em;
  line-height: 3em;
  min-width: 2em;
  width: auto;
  padding-left: 1em;
  padding-right: 1em; }

.vjs-live .vjs-time-control {
  display: none; }

.video-js .vjs-current-time,
.vjs-no-flex .vjs-current-time {
  display: none; }

.vjs-no-flex .vjs-remaining-time.vjs-time-control.vjs-control {
  width: 0px !important;
  white-space: nowrap; }

.video-js .vjs-duration,
.vjs-no-flex .vjs-duration {
  display: none; }

.vjs-time-divider {
  display: none;
  line-height: 3em; }

.vjs-live .vjs-time-divider {
  display: none; }

.video-js .vjs-play-control .vjs-icon-placeholder {
  cursor: pointer;
  -webkit-box-flex: none;
  -moz-box-flex: none;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none; }

.vjs-text-track-display {
  position: absolute;
  bottom: 3em;
  left: 0;
  right: 0;
  top: 0;
  pointer-events: none; }

.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
  bottom: 1em; }

.video-js .vjs-text-track {
  font-size: 1.4em;
  text-align: center;
  margin-bottom: 0.1em;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.5); }

.vjs-subtitles {
  color: #fff; }

.vjs-captions {
  color: #fc6; }

.vjs-tt-cue {
  display: block; }

video::-webkit-media-text-track-display {
  -moz-transform: translateY(-3em);
  -ms-transform: translateY(-3em);
  -o-transform: translateY(-3em);
  -webkit-transform: translateY(-3em);
  transform: translateY(-3em); }

.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
  -moz-transform: translateY(-1.5em);
  -ms-transform: translateY(-1.5em);
  -o-transform: translateY(-1.5em);
  -webkit-transform: translateY(-1.5em);
  transform: translateY(-1.5em); }

.video-js .vjs-fullscreen-control {
  cursor: pointer;
  -webkit-box-flex: none;
  -moz-box-flex: none;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none; }

.vjs-playback-rate .vjs-playback-rate-value {
  font-size: 1.5em;
  line-height: 2;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center; }

.vjs-playback-rate .vjs-menu {
  width: 4em;
  left: 0em; }

.vjs-error .vjs-error-display .vjs-modal-dialog-content {
  font-size: 1.4em;
  text-align: center; }

.vjs-error .vjs-error-display:before {
  color: #fff;
  content: 'X';
  font-family: Arial, Helvetica, sans-serif;
  font-size: 4em;
  left: 0;
  line-height: 1;
  margin-top: -0.5em;
  position: absolute;
  text-shadow: 0.05em 0.05em 0.1em #000;
  text-align: center;
  top: 50%;
  vertical-align: middle;
  width: 100%; }

.vjs-loading-spinner {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -25px 0 0 -25px;
  opacity: 0.85;
  text-align: left;
  border: 6px solid rgba(43, 51, 63, 0.7);
  box-sizing: border-box;
  background-clip: padding-box;
  width: 50px;
  height: 50px;
  border-radius: 25px; }

.vjs-seeking .vjs-loading-spinner,
.vjs-waiting .vjs-loading-spinner {
  display: block; }

.vjs-loading-spinner:before,
.vjs-loading-spinner:after {
  content: "";
  position: absolute;
  margin: -6px;
  box-sizing: inherit;
  width: inherit;
  height: inherit;
  border-radius: inherit;
  opacity: 1;
  border: inherit;
  border-color: transparent;
  border-top-color: white; }

.vjs-seeking .vjs-loading-spinner:before,
.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:after {
  -webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
  animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite; }

.vjs-seeking .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:before {
  border-top-color: white; }

.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:after {
  border-top-color: white;
  -webkit-animation-delay: 0.44s;
  animation-delay: 0.44s; }

@keyframes vjs-spinner-spin {
  100% {
    transform: rotate(360deg); } }

@-webkit-keyframes vjs-spinner-spin {
  100% {
    -webkit-transform: rotate(360deg); } }

@keyframes vjs-spinner-fade {
  0% {
    border-top-color: #73859f; }
  20% {
    border-top-color: #73859f; }
  35% {
    border-top-color: white; }
  60% {
    border-top-color: #73859f; }
  100% {
    border-top-color: #73859f; } }

@-webkit-keyframes vjs-spinner-fade {
  0% {
    border-top-color: #73859f; }
  20% {
    border-top-color: #73859f; }
  35% {
    border-top-color: white; }
  60% {
    border-top-color: #73859f; }
  100% {
    border-top-color: #73859f; } }

.vjs-chapters-button .vjs-menu ul {
  width: 24em; }

.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
  position: absolute; }

.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
  font-family: VideoJS;
  content: "\f10d";
  font-size: 1.5em;
  line-height: inherit; }

.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-custom-control-spacer {
  -webkit-box-flex: auto;
  -moz-box-flex: auto;
  -webkit-flex: auto;
  -ms-flex: auto;
  flex: auto; }

.video-js.vjs-layout-tiny:not(.vjs-fullscreen).vjs-no-flex .vjs-custom-control-spacer {
  width: auto; }

.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-current-time, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-time-divider, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-duration, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-remaining-time,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-playback-rate, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-progress-control,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-mute-control, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-control,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-chapters-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-descriptions-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-captions-button,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-subtitles-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-audio-button {
  display: none; }

.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-current-time, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-time-divider, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-duration, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-remaining-time,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-playback-rate,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-mute-control, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-control,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-chapters-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-descriptions-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-captions-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-subtitles-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-audio-button {
  display: none; }

.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-current-time, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-time-divider, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-duration, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-remaining-time,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-playback-rate,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-mute-control, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-volume-control,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-chapters-button, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-descriptions-button, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-captions-button,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-subtitles-button .vjs-audio-button {
  display: none; }

.vjs-modal-dialog.vjs-text-track-settings {
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.75);
  color: #fff;
  height: 70%; }

.vjs-text-track-settings .vjs-modal-dialog-content {
  display: table; }

.vjs-text-track-settings .vjs-track-settings-colors,
.vjs-text-track-settings .vjs-track-settings-font,
.vjs-text-track-settings .vjs-track-settings-controls {
  display: table-cell; }

.vjs-text-track-settings .vjs-track-settings-controls {
  text-align: right;
  vertical-align: bottom; }

.vjs-text-track-settings fieldset {
  margin: 5px;
  padding: 3px;
  border: none; }

.vjs-text-track-settings fieldset span {
  display: inline-block;
  margin-left: 5px; }

.vjs-text-track-settings legend {
  color: #fff;
  margin: 0 0 5px 0; }

.vjs-text-track-settings .vjs-label {
  position: absolute;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  display: block;
  margin: 0 0 5px 0;
  padding: 0;
  border: 0;
  height: 1px;
  width: 1px;
  overflow: hidden; }

.vjs-track-settings-controls button:focus,
.vjs-track-settings-controls button:active {
  outline-style: solid;
  outline-width: medium;
  background-image: linear-gradient(0deg, #fff 88%, #73859f 100%); }

.vjs-track-settings-controls button:hover {
  color: rgba(43, 51, 63, 0.75); }

.vjs-track-settings-controls button {
  background-color: #fff;
  background-image: linear-gradient(-180deg, #fff 88%, #73859f 100%);
  color: #2B333F;
  cursor: pointer;
  border-radius: 2px; }

.vjs-track-settings-controls .vjs-default-button {
  margin-right: 1em; }

@media print {
  .video-js > *:not(.vjs-tech):not(.vjs-poster) {
    visibility: hidden; } }

@media \0screen {
  .vjs-user-inactive.vjs-playing .vjs-control-bar :before {
    content: "";
  }
}

@media \0screen {
  .vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
    visibility: hidden;
  }
}


/* Essentials */
html {
    height: 100%;
    margin: 0;
    padding: 0;
    min-width: 600px;
    overflow-x: hidden;
    padding-bottom: 1px;
}

body {
    /*font-size: 13px;
    line-height: 23px;
    color: #666;
    background: #111;*/
    /*padding-top: 45px;*/
    -webkit-font-smoothing: antialiased;
    height: 100%;
    background: black;
}

.notification-bar {
    width: 100%;
    padding: 10px 5%;
    color: #31708f;
    background: #d9edf7;
    /*position: absolute;*/
    box-sizing: border-box;
    display: none;
    font-size: 14px;
}

    .notification-bar .close {
        top: 10px;
        right: 10px;
        position: absolute;
        cursor: pointer;
    }


legendTitle {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    font-size: 1.5em;
    line-height: inherit;
    color: #333;
    border: 0;
    border-bottom: 1px solid #e5e5e5;
}


.top-buffer {
    margin-top: 10px;
}

.navbar .btn-link {
    color: white;
}

.modal-header h4 {
    font-size: 15px;
    margin-left: -10px;
}



.panel .accordion-toggle {
    padding-top: 7px;
}

.fa-topmenubuttons {
    font-size: 20px;
    margin-top: -3px;
    /*margin-left: 15px;*/
    margin-right: 7px;
    color: #D05A3B;
    vertical-align: middle;
}

.legend-and-div-block {
    min-height: 200px;
    padding-top: 25px;
}

pre {
    margin: 0px;
    padding: 0px;
    background-color: inherit;
    border: 0px;
    white-space: pre-line;
}

.button-icon {
    margin-right: 5px;
}


legend {
    font-size: 19px;
    padding: 3px;
}

.formatted-text {
    white-space: pre-wrap;
}

.table td.text {
    /*max-width: 100px;*/
}

    .table td.text span {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: inline-block;
        max-width: 100%;
    }

        .table td.text span:hover {
            text-overflow: clip;
            white-space: normal;
            /*word-break: break-all;*/
        }


.collapsedProjectNote {
    max-height: 150px;
}


.angular-ellipsis-append {
    color: red;
    font-weight: bold;
    display: table;
}



.widget {
    background-image: none;
    background-color: lightgray;
}

    .widget .sub-widget .widget-header {
        background-image: none;
        background-color: lightgray;
    }

        /*.widget .sub-widget .widget-header .alert-danger {

    background-image: none;
    background-color: ;

}*/


        .widget .sub-widget .widget-header h3 {
            color: black;
        }

    .widget .sub-widget .widget-content {
        margin-bottom: 15px;
    }

.overlay-right {
    position: absolute;
    margin-left: auto;
    margin-right: 20px;
    margin-top: 35px;
    /*top: 20%;*/
    /*left: 0;*/
    right: 0;
    /*bottom: 0;*/
    z-index: 1;
    display: inline-block;
    opacity: 0.8;
}

.legend-section-status {
    padding: 0 15px 0 15px;
    width: 100%;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
}


.no-padding {
    padding: 0;
}

.form-control {
    padding: 6px 12px;
}

.input-m {
    padding: 6px 6px;
}

.container {
    display: table;
}

.content {
    display: table-row;
    height: 100%;
}

.content-body {
    display: table-cell;
}


.padding-top {
    padding-top: 2px;
}

.padding-top-10 {
    padding-top: 10px;
}

.word-wrap {
    word-wrap: break-word;
}

.fileUpload li {
    margin-bottom: 4px;
}

/* Aestetics */
.container {
    width: 100%;
    height: 100%;
    padding-left: 0px;
    padding-right: 0px
}
/*.header, .footer { padding: 28px 0px; background: #f7f7f7; }*/

/*.leftNav {position: absolute; padding-left: 100px; background: #333;}*/
/*.content-body { padding: 0px;background: #333; }*/

a {
    color: #D05A3B;
}

    a:hover, a:focus {
        color: #D62629;
        outline: 0;
    }

.widget-anchor-white {
    color: #9d9d9d
}

    .widget-anchor-white:hover, .widget-anchor-white:focus, widget-anchor-white:visited {
        color: white
    }


.btn-link {
    color: #D05A3B;
}

    .btn-link:hover,
    .btn-link:focus,
    .btn-link:active,
    .btn-link.active {
        color: #D62629;
    }


.text-info {
    color: #333;
}

.btn-default {
    background-image: -webkit-gradient(linear, left 0%, left 100%, from(#ffffff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(top, #ffffff, 0%, #e6e6e6, 100%);
    background-image: -moz-linear-gradient(top, #ffffff 0%, #e6e6e6 100%);
    background-image: linear-gradient(to bottom, #ffffff 0%, #e6e6e6 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
    border-color: #e0e0e0;
    text-shadow: 0 1px 0 #fff;
    border-color: #ccc;
}

    .btn-default:active,
    .btn-default.active {
        background-color: #e6e6e6;
        border-color: #e0e0e0;
    }

.btn-primary {
    background-image: -webkit-gradient(linear, left 0%, left 100%, from(#D56A4F), to(#BB5135));
    background-image: -webkit-linear-gradient(top, #D56A4F, 0%, #BB5135, 100%);
    background-image: -moz-linear-gradient(top, #D56A4F 0%, #BB5135 100%);
    background-image: linear-gradient(to bottom, #D56A4F 0%, #BB5135 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffD56A4F', endColorstr='#ffBB5135', GradientType=0);
    border-color: #A6482F;
}

    .btn-primary:active,
    .btn-primary.active {
        background-color: #A6482F;
        border-color: #BB5135;
    }

    .btn-primary:hover {
        border-color: #A6482F;
    }

.btn-setting {
    width : 140px;
}

.btn-success {
    background-image: -webkit-gradient(linear, left 0%, left 100%, from(#6A757B), to(#45535A));
    background-image: -webkit-linear-gradient(top, #6A757B, 0%, #45535A, 100%);
    background-image: -moz-linear-gradient(top, #6A757B 0%, #45535A 100%);
    background-image: linear-gradient(to bottom, #6A757B 0%, #45535A 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6A757B', endColorstr='#ff45535A', GradientType=0);
    border-color: #374248;
}

    .btn-success:hover,
    .btn-success:focus,
    .btn-success.focus,
    .btn-success:active,
    .btn-success.active,
    .open > .dropdown-toggle.btn-success {
        background-color: #45535A;
        border-color: #374248;
    }




.btn-warning {
    background-image: -webkit-gradient(linear, left 0%, left 100%, from(#ffbb1c), to(#e8a300));
    background-image: -webkit-linear-gradient(top, #ffbb1c, 0%, #e8a300, 100%);
    background-image: -moz-linear-gradient(top, #ffbb1c 0%, #e8a300 100%);
    background-image: linear-gradient(to bottom, #ffbb1c 0%, #e8a300 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffbb1c', endColorstr='#ffe8a300', GradientType=0);
    border-color: #de9b00;
}

    .btn-warning:active,
    .btn-warning.active {
        background-color: #e8a300;
        border-color: #de9b00;
    }

.btn-danger {
    background-image: -webkit-gradient(linear, left 0%, left 100%, from(#d9534f), to(#c9302c));
    background-image: -webkit-linear-gradient(top, #d9534f, 0%, #c9302c, 100%);
    background-image: -moz-linear-gradient(top, #d9534f 0%, #c9302c 100%);
    background-image: linear-gradient(to bottom, #d9534f 0%, #c9302c 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc9302c', GradientType=0);
    border-color: #c12e2a;
}

    .btn-danger:active,
    .btn-danger.active {
        background-color: #c9302c;
        border-color: #c12e2a;
    }

.btn-info {
    background-image: -webkit-gradient(linear, left 0%, left 100%, from(#A2A9AC), to(#82878A));
    background-image: -webkit-linear-gradient(top, #A2A9AC, 0%, #82878A, 100%);
    background-image: -moz-linear-gradient(top, #A2A9AC 0%, #82878A 100%);
    background-image: linear-gradient(to bottom, #A2A9AC 0%, #82878A 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffA2A9AC', endColorstr='#ff82878A', GradientType=0);
    border-color: #717678;
}

    .btn-info:hover,
    .btn-info:focus,
    .btn-info:active,
    .btn-info.active,
    .open .dropdown-toggle.btn-primary {
        background-color: #82878A;
        border-color: #717678;
    }

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
    background-color: #D05A3B;
    border-color: #BB5135;
}


.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
    color: #FFF;
    background-color: #D05A3B;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
    color: #ffffff;
    background: #D05A3B;
    text-shadow: none;
}

.dropdown-menu li.hr {
    border-bottom: 1px solid rgba(0, 0, 0, 0.25);
    margin-bottom: 8px;
}




/* Back to top */

.totop {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 104400;
    background: #BB5135;
    display: none;
}

    .totop a, .totop a:visited {
        display: block;
        width: 30px;
        height: 30px;
        color: #fff;
        text-align: center;
        line-height: 30px;
    }

        .totop a:hover {
            color: #eee;
            text-decoration: none;
        }

/* Half column - CHECK LATER */

.col-left {
    width: 48%;
    float: left;
}

.col-right {
    width: 48%;
    float: right;
}



.navbar-brand {
    background: url('/content/images/HawkeyeInsightLogo.png') no-repeat left 5px !important;
    width: 400px;
    /*height: 40px;
    padding: 5px;*/
    /*margin: 0 1em;*/
    border-right: solid thin #9D9D9D;
}

.navbar-brand-arrbsystems {
    margin-left: 10px;
    margin-top: 5px;
    height: 45px;
    margin-bottom: 5px;
}

.navbar .brand-title {
    margin-left: 200px;
    color: #FFFFFF;
}

.navbar-logo img {
    height: 0px;
}

.pageNavButtons {
    vertical-align: middle;
    padding-top: 8px;
}

/* Main */

.mainbar {
    position: relative;
    margin-left: 0px;
    /*padding-left: 100px;*/
    margin-right: 0;
    width: 100%;
    /*width: calc(100% - 100px);*/
    background: #fff url(theme/tiny_grid.png) repeat 0 0;
    /*background: #fff url(theme/bg-greyblend.jpg) repeat 0 0;*/
    /*min-height: 900px;*/
    height: 100%;
    display: table;
}

    .mainbar .container {
        width: 100%;
        padding: 0 !important;
    }



    /* Page head */

    .mainbar .page-head {
        padding: 15px 20px;
        border-bottom: 1px solid #fff;
    }

    .mainbar .page-meta {
        font-size: 13px;
        line-height: 15px;
        margin-left: 2px;
        display: block;
    }


    /* Matter */

    .mainbar .matter {
        border-top: 0px solid #ddd;
        margin: 2em;
    }

/* Widget */


/* Toggle button */

.toggle-button span {
    font-size: 13px !important;
}




/*#region Widgets */

/* maps */

.insightMap {
    background: none;
    background-color: rgb(41, 41, 41);
}

.insightMap .insightLogoPanel {
    position: fixed;
    height: 50px;
    width: 300px;
    right: 45px;
    bottom: 30px;
   
    pointer-events: none;
}



    .insightMap .insightCustLogo {
        float: right;
        bottom: 0px;
        opacity: 0.5;
        pointer-events: auto;
        max-width: 150px;
        max-height: 40px;
    }



    .insightMap .insightCustLogo:hover {
        opacity: 1.0;
    }



.map iframe {
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
}

.gm-style {
    font-family: 'Open Sans';
    font-size: 11px;
    font-weight: 400;
}

/*Google*/
.recordattributespanel {
    width: 350px;
}

.infobox {
    /*border:2px solid black;*/
    margin-top: 16px;
    /*background:#333;*/
    /*color:#FFF;*/
    /*font-family:Arial, Helvetica, sans-serif;*/
    /*font-size:12px;
    padding: .5em 1em;*/
    /*-webkit-border-radius: 2px;*/
    /*-moz-border-radius: 2px;*/
    /*border-radius: 2px;*/
    /*text-shadow:0 -1px #000000;*/
    /*-webkit-box-shadow: 0 0  8px #000;
    box-shadow: 0 0 8px #000;*/
}

/* maps ends */

/* Job Status Colours */
.statusInvalid {
    color: #db2f2c;
}

.statusPlanning {
    color: #bfcfcc;
}

.statusCollecting {
    color: #ffff6d;
}

.statusCollected {
    color: #ff7802;
}

.statusProcessing {
    color: #53b9e9;
}

.statusProcessed {
    color: #873DFF;
}

.statusVerified {
    color: #97df89;
}

.statusDelivered {
    color: #28a122;
}

.surveyRow .fa {
    text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000;
    font-size: 1.5em;
}

.badge-status-processing {
    background-color: #53b9e9;
    margin-right: 2px;
    border-radius: 4px;
    color: black;
    font-weight: lighter;
}

    .badge-status-processing:hover {
        background-color: #50a9f9;
    }

.vehicle-panel-backup {
    position: absolute;
    top: 0px;
    right: 10px;
}


.configure-panel {
    min-height: 60px !important;
    max-height: 300px;
    overflow: scroll;
    /*position: absolute;
  right: 0;
  top: 0;
  z-index: 10;
    width: 160px;*/
}

.segmentation {
    margin-bottom: 2px;
    margin-top: 0px;
}

    .segmentation .formParam {
        float: left;
        margin-left: 20px;
        margin-right: 20px;
    }

    .segmentation label {
        display: block;
        margin-bottom: 0px;
    }

    .segmentation input {
        display: block;
    }


.dataViewerChartPanel {
    padding-top: 4px;
    padding-bottom: 4px;
    padding-right: 4px;
    padding-left: 0px;
    height: 100%;
    width: 100%;
}

.chartOption {
    padding-left: 4px;
}

.chartOption-glyphicon {
    top: 2px;
}

.dataViewerChart /* svg */ {
    /*height: 180px;*/
    margin: 0px;
    padding: 0px;
    height: 100%;
    width: 100%;
}



.chart-widget {
    position: absolute;
    left: 50px;
    margin-bottom: 0px;
    bottom: 0px;
    /*height: 285px;*/
    right: 50px;
    z-index: 10;
}



.dataViewerChart .widget {
    margin-bottom: 0px;
}

.chart-widget .panel {
    margin-bottom: 0px;
}

.chart-widget .chart-widget-content {
    height: 180px;
    width: 100%;
}

.chart-widgetXL {
    position: absolute;
    left: 50px;
    margin-bottom: 0px;
    bottom: 0px;
    /*height: 650px;*/
    right: 50px;
    z-index: 10;
}


    .chart-widgetXL .chart-widget-content {
        height: 550px;
    }

.chart-widget .myGrid {
    width: 100%;
    height: 225px;
}


.chart-widgetXL .myGrid {
    width: 100%;
    height: 250px;
}

.chart-widget .spinner {
    margin: 0px;
    top: auto;
}


.myGrid {
    width: 100%;
    height: 100%;
}


/* Chart tooltip*/


/*.charttooltipx {
   
    background-color: rgba(255,255,255,1.0);
    color: rgba(0,0,0,1.0);
    padding: 1px;
    border: 1px solid rgba(0,0,0,.2);
    z-index: 10000;
    display: block;

    font-family: Arial;
    font-size: 13px;
    text-align: left;
    pointer-events: none;

    white-space: nowrap;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}*/

/*.charttooltip {
    background: rgba(255,255,255, 0.8);
    border: 1px solid rgba(0,0,0,0.5);
    border-radius: 4px;
}*/

/*Give tooltips that old fade in transition by
    putting a "with-transitions" class on the container div.
*/
/*.charttooltip.with-transitions, .with-transitions .charttooltip {
    transition: opacity 50ms linear;
    -moz-transition: opacity 50ms linear;
    -webkit-transition: opacity 50ms linear;

    transition-delay: 200ms;
    -moz-transition-delay: 200ms;
    -webkit-transition-delay: 200ms;
}*/


/*.charttooltip h3 {
    margin: 0;
    padding: 4px 14px;
    line-height: 18px;
    font-weight: normal;
    background-color: rgba(247,247,247,0.75);
    color: rgba(0,0,0,1.0);
    text-align: center;

    border-bottom: 1px solid #ebebeb;

    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}*/

.charttooltip {
    color: #000000;
}

    .charttooltip p {
        margin: 0;
        padding: 5px 14px;
        text-align: center;
    }

    .charttooltip span {
        display: inline-block;
        margin: 2px 0;
    }

    .charttooltip table {
        margin: 6px;
        border-spacing: 0;
    }


        .charttooltip table td {
            padding: 2px 9px 2px 0;
            vertical-align: middle;
        }

            .charttooltip table td.key {
                font-weight: normal;
            }

            .charttooltip table td.value {
                text-align: right;
                font-weight: bold;
            }

        .charttooltip table tr.highlight td {
            padding: 1px 9px 1px 0;
            border-bottom-style: solid;
            border-bottom-width: 1px;
            border-top-style: solid;
            border-top-width: 1px;
        }

        .charttooltip table td.legend-color-guide div {
            width: 8px;
            height: 8px;
            vertical-align: middle;
        }

        .charttooltip table td.legend-color-guide div {
            width: 12px;
            height: 12px;
            border: 1px solid #999;
        }

    .charttooltip .footer {
        padding: 3px;
        text-align: center;
    }

.charttooltip-pending-removal {
    pointer-events: none;
    display: none;
}



/* Widget / Panel overides */

.tab-content {
    margin-top: 0;
}

.widget .widget-header {
    height: 24px;
    line-height: 22px;
}

.widget .pull-right {
    margin-right: 10px;
}


.modal-header {
    padding-top: 4px;
    padding-bottom: 4px;
}



.panel .panel-heading {
    line-height: 22px;
    height: 24px;
    padding: 0 10px 0 10px;
    font-size: 1.2em;
}


    .panel .panel-heading h3 {
        top: 0;
        position: relative;
        left: 10px;
        display: inline-block;
        margin-right: 3em;
        font-size: 15px;
        font-weight: 400;
        line-height: 18px;
        text-shadow: none;
        color: white;
    }

.panel-default > .panel-heading {
    background-image: -webkit-gradient(linear, left 0%, left 100%, from(#444444), to(#2d2d2d));
    background-image: -webkit-linear-gradient(top, #444444, 0%, #2d2d2d, 100%);
    background-image: -moz-linear-gradient(top, #444444 0%, #2d2d2d 100%);
    background-image: linear-gradient(to bottom, #444444 0%, #2d2d2d 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff2d2d2d', GradientType=0);
    color: white;
}

.widget .widget-header {
    background-image: -webkit-gradient(linear, left 0%, left 100%, from(#444444), to(#2d2d2d));
    background-image: -webkit-linear-gradient(top, #444444, 0%, #2d2d2d, 100%);
    background-image: -moz-linear-gradient(top, #444444 0%, #2d2d2d 100%);
    background-image: linear-gradient(to bottom, #444444 0%, #2d2d2d 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff2d2d2d', GradientType=0);
    color: white;
}

    .widget .widget-header h3 {
        top: 0;
        position: relative;
        left: 10px;
        display: inline-block;
        margin-right: 3em;
        font-size: 15px;
        font-weight: 400;
        line-height: 18px;
        text-shadow: none;
        color: white;
    }



/* End overides */

/* Multi year slider */
.imageYearSlider {
    position: absolute;
    top: 0px;
    width: 98%;
    right: 0px;
    /*height: 100%;*/
    margin-top: 0px;
    margin-right: 30px;
    z-index: 1;
}

.imageYearComparison {
    top: 0px;
    margin-top: 24px;
    padding-right: 0px;
    padding-left: 10px;
    font-size: 18px;
    vertical-align: middle;
}

.rzslider {
    margin: 35px 0 15px 0;
}

    .rzslider .rz-bar-wrapper {
        height: 16px;
        padding-top: 0px;
        margin-top: 0px;
    }

    .rzslider .rz-pointer {
        top: -6px;
        margin-left: 8px;
        width: 16px;
        height: 16px;
        background-color: #D05A3B;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px;
    }

        .rzslider .rz-pointer:after {
            top: 6px;
            left: 6px;
            width: 4px;
            height: 4px;
            -webkit-border-radius: 2px;
            -moz-border-radius: 2px;
            border-radius: 2px;
            content: '';
        }

    .rzslider .rz-bubble {
        color: white;
        text-shadow: 1px 1px #000;
        bottom: -28px;
        margin-left: 8px;
    }

        .rzslider .rz-bubble.rz-selection {
            top: 8px;
        }

/* End Multi year slider */

.videoViewPanel {
    height: 95%;
    position: absolute;
    top: 0px;
    left: 0px;
    margin-top: 20px;
    margin-left: 20px;
    overflow: auto;
}

.vidImg {
    position: absolute;
    min-height: 100%;
    display: block;
    -webkit-transform: translate(-50%, -50%);
    min-width: 100%;
}


.videoHighResImage {
    cursor: default;
}

.highResImageDialog h4 {
    font-size: 16px;
}

.highResImageDialog h5, .highResImageDialog h6 {
    font-size: 13px;
}

.fullheightwidth {
    height: 100%;
    width: 100%;
}

.tsdChartPanel {
    
}

.tsdChartPanel .nextImageContainer {
    top: 45%;
    bottom: 45%;
    width: 20px;
}

.tsdChartPanel .prevImageContainer {
    top: 45%;
    bottom: 45%;
    width: 20px;
}



    .tsdViewWidget .tsdbowlChart {
        width: 300px;
        height: 150px;
    }

.tsdViewWidget .widget-content {
    padding: 0px 10px 0px 0px;
    background-color: transparent;
    border: 0;
}

.tsdViewWidget .tsdbowlChartXL {
    width: 400px;
    height: 200px;
}

.hlsVideoPanel {
    width: 485px;
    position: relative;
    left: 64px;
    top: 100px;
}

.hlsVideoPanel-1_5x {
    font-size: 1.25em;
}


.mappingPanelRight {
    position: absolute;
    right: 6px;
    top: 100px;
    /*opacity : 0.95;*/
    overflow: hidden;
    z-index: 1;
    margin-top: 40px;
    margin-right: 10px;
}

    .mappingPanelRight .widget {
        margin-bottom: 1em;
    }

.videoThumbnailViewPanel {
    min-width: 200px;
    max-width: 516px;
}

.videoThumbnailViewPanelXL {
    max-width: 650px;
}


.prevImageContainer:hover a {
    opacity: 0.70;
}


.nextImageContainer:hover a {
    opacity: 0.7;
}


.videoThumbnailViewPanelRow {
    margin: 0 auto;
    /*border:2px solid red;*/
    /*width: 335px;*/
}

.videoThumbnailViewPanel .widget-content {
    padding: 2px;
    background-color: transparent;
    border: 0;
}

.videoThumbnailViewPanel .widget {
    /*margin-bottom: 5px;*/
}

.videoThumbnail {
    /*width: 140px;
    height: 105px;*/
    /*border:1px solid gray;*/
    padding: 0px;
    margin: 0px;
    text-align: center;
    cursor: pointer;
    /*line-height: 100px;*/
    /*margin-left: auto;*/
    position: relative;
    background-color: white;
}

.videoThumbnailImg {
    vertical-align: middle;
    /*display: inline-block;*/
    width: 100%;
    /*max-width: 140px;*/
    /*max-height: 105px;*/
    /*height: inherit !important;*/
    padding: 0px;
    border: 2px solid white;
}

.videoThumbnailImgEmpty {
}

/*.videoThumbnailxl {
    width: 160px;
    height: 118px;
    line-height: 113px;
}*/
/*.videoThumbnailImgXl {
    vertical-align: middle;
    display: inline-block;
    max-width: 160px;
    max-height: 118px;
    padding: 2px;
}*/
.layout-badge .badge-view-selection {
    background: none;
    color: #D05A3B;
    font-weight: normal;
    font-size: inherit;
    cursor: pointer;
}

.layout-badge .badge-view-selection-selected {
    font-weight: bold;
    color: #D06A3B;
}

.videoThumbnail:hover input {
    opacity: 1;
}



.videoThumbnail .thumbnailCheckbox {
    position: absolute;
    bottom: 5px;
    left: 5px;
    opacity: 0;
    z-index: 5;
}

.videoThumbnail .thumbnailSpinner {
    position: absolute;
    top: 7px;
    right: 0px;
    z-index: 5;
    color: lightgray;
}


.flexRowJustified {
    display: flex;
    justify-content: flex-end;
    background-color: white;
    width: 100%;
}

.flexRowSpaced {
    display: flex;
    justify-content: space-between;
    background-color: white;
}

.grid-two-col {
    display: grid;
    grid-template-columns: 24px 1fr;
}


.imgThumbnailFlexCol {
    flex: 1;
    /*width: 33.3333%;*/
    /*flex: auto;*/
    /*height: 126px;*/
    /*height: 105px;*/
    width: 500px; /* forces the individual images to increase in size for XL view */
}

.acdRowNoGap .imgThumbnailFlexCol .videoThumbnailImg {
    height: 142px;
}

.acdRowNoGap .acdImgThumbnailFlexCol .videoThumbnailImg {
    height: 142px;
}

.videoThumbnailViewPanelXL .acdRowNoGap .imgThumbnailFlexCol .videoThumbnailImg {
    height: 182px;
}

.videoThumbnailViewPanelXL .acdRowNoGap .acdImgThumbnailFlexCol .videoThumbnailImg {
    height: 182px;
}

/*.imgThumbnailFlexCol .videoThumbnailImg {
    height: inherit !important;
}*/

.imgThumbnailFlexColThird {
    width: 33.3333%;
    max-height: 128px;
}

.acdImgThumbnailFlexColThird {
    width: 105px;
    max-height: 128px;
}

    .acdImgThumbnailFlexColThird .videoThumbnailImg {
        width: 105px;
        height: 128px;
    }

.videoThumbnailViewPanelXL .acdImgThumbnailFlexColThird {
    width: 152px;
    max-height: 162px;
}

    .videoThumbnailViewPanelXL .acdImgThumbnailFlexColThird .videoThumbnailImg {
        width: 136px;
        height: 162px;
    }


.videoThumbnailViewPanelXL .acdImgThumbnailFlexColThird {
    width: 134px;
    max-height: 162px;
}

.acdImgThumbnailFlexCol {
    width: 118px;
}

.pnlm-container.videoThumbnailImg {
    height: 146px;
}


.doublePanoramaAcdRow .acdImgThumbnailFlexCol {
    width: 172px;
}

.doublePanoramaAcdRow .videoThumbnailImg.pnlm-container {
    height: 106px;
}

.videoThumbnailViewPanelXL .videoThumbnailImg.pnlm-container {
    height: 188px;
}


.videoThumbnailViewPanelXL .doublePanoramaAcdRow .videoThumbnailImg.pnlm-container {
    height: 126px;
}


.videoThumbnailViewPanelXL .doublePanoramaAcdRow .acdImgThumbnailFlexCol {
    width: 204px;
}


.videoThumbnailViewPanelXL .acdImgThumbnailFlexCol {
    width: 152px;
}

.stdThumbnail {
    /*height: 126px;*/
    width: 492px;
}

.fullHDThumbnail {
    /*height: 126px;*/
    width: 650px;
}

.acdThumbnailFlexCol {
    width: auto;
}

.acdThumbnail {
    width: 305px;
}

.videoHighResImage a {
    position: absolute;
    top: 45%;
    min-height: 10%;
    color: #F90;
    font-size: 16px; /*fallback if 2vw doesn't work '*/
    font-size: 3vw;
    opacity: 0;
    -webkit-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    -ms-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
    overflow: hidden;
    padding-top: 4px;
    padding-bottom: 4px;
}

.videoHighResImageFooter {
    cursor: pointer;
    position: relative;
    top: -8px;
}

.videoThumbnail a {
    position: absolute;
    top: 40%;
    min-height: 10%;
    color: #F90;
    font-size: 8px; /*fallback if 2vw doesn't work '*/
    font-size: 1.5vw;
    opacity: 0;
    -webkit-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    -ms-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
    overflow: hidden;
    padding-top: 4px;
    padding-bottom: 4px;
}


.prevImageContainer {
    position: absolute;
    top: 20%;
    left: 0px;
    bottom: 25%;
    width: 15%;
    z-index: 1;
    cursor: pointer;
}

    .prevImageContainer a {
        left: 0px;
        padding-top: 0;
        display: inline-block;
    }

.nextImageContainer a {
    right: 0px;
    padding-top: 0;
    display: inline-block;
}


.nextImageContainer {
    position: absolute;
    top: 20%;
    bottom: 25%;
    right: 0px;
    text-align: left;
    width: 15%;
    z-index: 1;
    cursor: pointer;
}


.videoHighResImage .prevImageContainer {
    left: 0px;
    width: 25px;
}

/*.videoHighResImage .prevImageContainer a   {
  padding: 50px 0px 50px 50px;
  left: -50px;
}*/

.videoHighResImage .nextImageContainer {
    right: 0px;
    width: 25px;
}

/*.videoHighResImage .nextImageContainer a   {
  padding: 50px 50px 50px 0px;
}*/






#slide-panel {
    position: absolute;
    /*width:25%;*/
    /*height: 60px;*/
    /*padding:0px;*/
    background: #eee;
    /*margin-top: -60px;*/
    margin-top: 0px;
    z-index: 5;
    background-color: #3b3b3b;
    border-radius: 0px 0px 3px 3px;
}

    #slide-panel .row {
        margin-left: 0px;
        margin-right: 0px;
        padding-top: 2px;
        padding-bottom: 2px;
    }

    #slide-panel input {
        height: 25px;
    }

    #slide-panel button {
        height: 25px;
    }


    #slide-panel

    input[type=range] {
        padding: 0;
    }


#opener {
    position: absolute;
    width: 20%;
    left: 40%;
    bottom: -20px;
    cursor: pointer;
}

.angled-pulldown-tab {
    position: relative;
    height: 20px;
    width: 100px;
    background: #3b3b3b;
    float: left;
    color: #FFFFFF;
    z-index: 50;
}

    .angled-pulldown-tab:before {
        content: '';
        line-height: 0;
        font-size: 0;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 20px 20px 0 0;
        border-color: #3b3b3b transparent transparent transparent;
        position: absolute;
        top: 0;
        right: -19px;
    }

    .angled-pulldown-tab:after {
        content: '';
        line-height: 0;
        font-size: 0;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 20px 20px 0;
        border-color: transparent #3b3b3b transparent transparent;
        position: absolute;
        top: 0px;
        left: -19px;
    }

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield;
}


.login_logo {
    position: relative;
    width: 100%;
    height: 275px;
    text-align: center;
    background-image: url(/Content/images/HawkeyeInsightLogoLogin_Black.jpg);
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    background-size: 100%;
    background-repeat: no-repeat;
}

.login_background {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    background: black;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.login_overlay {
    position: relative;
    top: 30%;
    opacity: 0.8;
}



/*#endregion */


.navbar {
    z-index: 20;
}


.map {
    height: 228px;
}

.disclaimer p {
    color: whitesmoke;
}

.positionMarkerInfoBox {
    border: 1px solid black;
    margin-top: 8px;
    background: #333;
    color: white;
    padding: 5px;
    font-size: 1.2em;
    line-height: normal;
}


.selectRoadInfoBox {
    border: 1px solid black;
    margin-top: 8px;
    margin-bottom: 3px;
    background: #333;
    color: white;
    padding: 2px;
    font-size: 1.2em;
    line-height: normal;
    opacity: 0.75;
}

.dataSourceInfoBox, .dataSourceInfoBox:hover, .dataSourceInfoBox:focus {
    /*border: 1px solid black;*/
    margin-top: 8px;
    margin-bottom: 3px;
    margin-left: 10px;
    color: white;
    padding: 4px 10px;
    font-size: 1.25em;
    line-height: normal;
    /*opacity: 0.7;	*/
    background-color: rgba(90, 90, 90, 0.7);
    box-shadow: 0 2px 6px rgba(0,0,0,0.3);
    cursor: pointer;
}

.dataSourceInfoBoxIcons {
    width: 46px;
    height: 36px;
}



.searchResultsBox {
    border: 1px solid #337AB7;
    margin-top: 8px;
    background: white;
    padding: 5px;
}

.mapLegend {
    margin: 8px;
    /*margin-left : 30px;*/
    margin-bottom: 12px; /* to align with bottom of chart*/
}



/* Hawkeye navigation slider*/
.nav-slider {
    overflow: hidden;
    height: 25px;
}

    .nav-slider .right {
        float: right;
        width: 100px;
        height: 100%;
    }

    .nav-slider .left {
        overflow: hidden;
        height: 100%;
    }

.nav-slider-ctrl {
    color: #D86450;
}

    .nav-slider-ctrl:hover, .nav-slider-ctrl:focus {
        color: #D62629;
    }

.toggle.btn-xs {
    min-width: 50px;
    min-height: 25px;
}



.direction-toggle .btn-primary {
    background-image: -webkit-gradient(linear, left 0%, left 100%, from(#D86450), to(#D95A41));
    background-image: -webkit-linear-gradient(top, #D86450, 0%, #D95A41, 100%);
    background-image: -moz-linear-gradient(top, #D86450 0%, #D95A41 100%);
    background-image: linear-gradient(to bottom, #D86450 0%, #D95A41 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D8715F', endColorstr='#D95A41', GradientType=0);
    border-color: #D86450;
}

    .direction-toggle .btn-primary:active,
    .direction-toggle .btn-primary.active {
        background-color: #D86450;
        border-color: #D62629;
    }




/* end navigation slider */

.thumbnail {
    min-height: 52px !important;
}

.btn-droppable {
    width: 100%;
    height: 30px;
    padding-left: 4px;
}

.btn-draggable {
    width: 25%;
}



.table-borderless {
    border-top: none !important;
    padding: 0px;
    margin-bottom: 0px;
}

    .table-borderless > thead > tr > th,
    .table-borderless > tbody > tr > th,
    .table-borderless > tfoot > tr > th,
    .table-borderless > thead > tr > td,
    .table-borderless > tbody > tr > td,
    .table-borderless > tfoot > tr > td {
        padding: 2px;
        border-top: none !important;
    }

.chartIcon, .chartIcon:hover, .chartIcon:focus {
    margin-top: 1px;
    /*color: rgba(43, 43, 43, 0.7);*/
    color: white;
    box-shadow: 0 2px 6px rgba(33,33,33,0.3);
    background-color: rgba(33, 33, 33, 0.7);
    padding: 3px;
    font-size: 1.7em;
    border: 1px solid transparent;
    border-radius: 3px;
}

/* used t make bar-chart icon same size as other icons*/
.mapChartIcon {
    padding: 3px 0px;
    font-size: 1.5em;
}

.scrollable-menu {
    height: auto;
    max-height: 85vh;
    overflow-x: hidden;
}

.mapbutton {
    margin: 9px 2px 0px 0px;
    padding: 9px 10px 11px 9px;
    color: dimgray;
    background-color: #fafafa;
    border: 2px solid #fff;
    box-shadow: 0 2px 6px rgba(0,0,0,0.3);
}



.videopaneltoolbar {
    z-index: 1000;
    position: absolute;
    top: 20px;
    left: -60px;
    width: 50px;
    background-color: rgba(16, 16, 16, 0.3);
    box-shadow: 0 2px 6px rgba(0,0,0,0.3);
}

.videopaneltoolbaricon {
    opacity: 1.0;
    /*color: #F90;*/
}

.imageComparison .videopaneltoolbar {
    left: 20px;
}

.projectLinkImage {
    height: 24px;
    width: 24px;
    border: 0;
    margin-bottom: 4px;
}

.projectLinkFA {
    font-size: 1.5em;
}

/* for project SVG chart */
#statuschart {
    height: 25px;
    margin: 0px;
    padding: 0px;
    /*width: 100%;*/
}

.tooltip-table-container {
    padding:5px;
}

.tooltip-table {
    width: 100%;
    box-sizing: content-box;
    margin: 0 0 10px 0;
}

.tooltip-table th, .tooltip-table td {
    border: 1px solid rgb(100,100,100);
    width: fit-content;
    padding: 1px 5px;
}

.tooltip-table td {
    width: 56px;
}

.processing-summary-symbol {
    font-size: 1.1em;
    line-height:1.4em;
}

.processing-summary-symbol.center {
    margin: 0 auto;
}

.vertical-align-td {
    vertical-align: middle;
    justify-content: center;
}

.processing-summary-symbol.processing {
    border-radius: 50%;
    width: 17px;
    height: 17px;
    display: block;
    position: relative;
    background-color: transparent;
    border: 4px solid transparent;
    border-color: #53B9E9;
    border-top-color: #2CCEF6;
    transform-origin: center;
    animation: processingLogoSpin 1.5s linear infinite;
}

.processing-summary-symbol.processing.error {
    border-color: #DB2F2C;
    border-top-color: #DB5050;
}

.processing-summary-symbol.complete {
    color: green;
}

.processing-summary-symbol.queued {
    color: #696868;
}

.processing-summary-symbol.partial {
    color: #873DFF;
}

.processing-summary-symbol.copy-files {
    background: no-repeat url("images/copy-file.png") center;
    background-size: contain;
    height: 18px !important;
    width: 18px !important;
}

.processing-summary-symbol.error {
    color: red;
}

.processing-summary-symbol.unknown::after {
    /*background: no-repeat url("images/no-data.png") center;*/
    /*background-size: contain;*/
    /*height:20px;*/
    content: "\00a0-";
    color: rgb(190,190,190);
}

/*.processing-summary-symbol.file-verification-pass {
    background: no-repeat url("images/fv-tick.png") center;
    background-size: contain;
    height: 20px;
    width: 20px;
}*/

/*.processing-summary-symbol.file-verification-fail {
    background: no-repeat url("images/fv-error.png") center;
    background-size: contain;
    height: 20px;
    width: 20px;
}*/


@keyframes processingLogoSpin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.d3-tip {
    position: absolute;
    background-color: rgba(255,255,255,0.85);
    padding: 5px;
    border: 1px solid rgba(0,0,0,.2);
    z-index: 10000;
    font-family: Arial;
    font-size: 13px;
    text-align: left;
    pointer-events: none;
    white-space: nowrap;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    /* Creates a small triangle extender for the tooltip */
    .d3-tip:after {
        box-sizing: border-box;
        display: inline;
        font-size: 10px;
        /*width: 100%;*/
        line-height: 1;
        color: rgba(0, 0, 0, 0.8);
        content: "\25BC";
        position: absolute;
        text-align: center;
    }

    /* Style northward tooltips differently */
    .d3-tip.n:after {
        margin: -1px 0 0 0;
        top: 100%;
        left: 0;
    }

/* style for legend in projects.html*/
.projectlegend {
    padding: 10px 5px 5px 10px;
}
/* style for legend in project details */
.projectDetailsLegend {
    font-size: 15px;
    padding: 0px 5px 0px 10px;
}

    .projectDetailsLegend i {
        font-size: 15px;
        padding: 0px 5px 0px 10px;
    }

.tabStatusArea {
    position: relative;
    top: -2px;
    float: right;
    height: 20px;
    /*right: 8px;*/
}

/* edit project details */
.projectRadioButtons input {
    margin-left: 20px;
}

    .projectRadioButtons input:first-child {
        margin-left: 0px;
    }

/*.projectRadioButtons input[type=radio] .first {
    margin-left: 0px;
}*/

/* styles used in projects table */
.table-hover tbody tr:hover > td,
.table-hover tbody tr:hover > th {
    cursor: pointer;
}

.weather-widget-overlay {
    position: absolute;
    float: right;
    right: 228px;
    margin-top: 10px;
    z-index: 10;
    opacity: 0.8
}

.vehicle-nav {
    min-width: 150px;
    position: absolute;
    margin-left: auto;
    margin-right: 10px;
    top: 10px;
    right: 4px;
    z-index: 1;
    opacity: 0.8;
    max-width: 450px;
}

    .vehicle-nav .widget .widget-content {
        padding: 0px;
        background: none;
        border: none;
    }

.vehicle-nav-control {
    text-align: left;
}



.vehicle-google-map {
    position: absolute;
    /*height: 80vh;*/
    height: 100%;
    width: 100%;
    display: block;
    min-height: 500px;
}


.data-collection-google-map {
    position: relative;
    /*height: 80vh;*/
    height: 100%;
    width: 100%;
    display: block;
    min-height: 200px;
}

.projectrecordattributespanel {
    width: 350px;
}



.noresize {
    resize: none;
}

.vresize {
    resize: vertical;
}

.hresize {
    resize: horizontal;
}



#chart svg {
    height: 300px;
    margin: 0px;
    padding: 0px;
    /*height: 100%;*/
    width: 100%;
}

#chart2 svg {
    height: 325px;
    margin: 0px;
    padding: 0px;
    /*height: 100%;*/
    width: 100%;
}

#chart3 svg {
    height: 325px;
    margin: 0px;
    padding: 0px;
    /*height: 100%;*/
    width: 100%;
}


.input-xs {
    /*height: 20px;*/
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}



.th-sortable {
    cursor: pointer;
}

.st-sort-ascent:before {
    content: '\25B2';
}

.st-sort-descent:before {
    content: '\25BC';
}

.st-selected {
    background: #216eff !important;
    color: white !important;
}

.amcharts-pie-slice {
    transform: scale(1);
    transform-origin: 50% 50%;
    transition-duration: 0.3s;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    cursor: pointer;
    box-shadow: 0 0 30px 0 #000;
}

    .amcharts-pie-slice:hover {
        transform: scale(1.1);
        filter: url(#shadow);
    }

.hawkeye-insight-layer-properties {
    margin-left: 55px;
}

.layer-properties-button .dataSourceInfoBox {
    opacity: 0.6;
}

.hawkeye-insight-layer-properties .dataSourceInfoBox {
    opacity: 0.85;
}


.layer-properties-button .dataSourceInfoBox:hover {
    opacity: inherit;
}

.layer-properties-button .popover {
    max-width: none;
}

.layer-properties-button .dataSourceDescription {
    font-size: 2em;
}

.layer-properties-control {
    border: 1px solid #444;
    border-radius: 5px;
    /*background-color: #303030;*/
    background-color: rgba(33, 33, 33, 0.7);
    box-shadow: 0 2px 6px rgba(0,0,0,0.3);
    /*opacity: 0.85;*/
}

.hawkeye-insight-layer-properties .layer-properties-control {
    width: 312px;
}

.layer-properties-control ul {
    padding-left: 10px;
}

.layer-list {
    list-style: none outside none;
    margin: 10px 10px 5px 0px;
}

.layer-properties-filter {
    width: 290px;
    padding: 5px 5px 0px 5px;
    margin: 0px 0px 5px 0px;
    border: 1px solid #444;
    border-radius: 5px;
    font-size: 1.0em;
    font-weight: normal;
    text-align: left;
    opacity: 1.0;
    background-color: white;
}

    .layer-properties-filter .delete {
        font-size: 1.4em;
        margin: 5px 0px 0px 1px;
        float: right;
        cursor: pointer;
    }

.layer-list-item {
    width: 290px;
    padding: 5px 5px;
    margin: 5px 0;
    border: 1px solid #444;
    border-radius: 5px;
    font-size: 1.0em;
    font-weight: normal;
    text-align: center;
    cursor: pointer;
    opacity: 0.85;
    background-color: white;
}

.layer-list-item-title {
    background-color: inherit;
    color: inherit;
    font-size: 1.1em;
}

.layer-list-item-content {
    text-align: left;
    width: 100%;
    color: inherit;
    background-color: inherit;
    cursor: default;
}


/*#region feedback form*/
#feedback {
    position: fixed;
    left: 0;
    bottom: 0;
    min-height: 350px;
    margin-left: -3px;
    margin-bottom: 10px;
    z-index: 99;
}

#feedback-form {
    float: left;
    width: 400px;
    height: 100%;
    z-index: 1000;
    padding-left: 5px;
    padding-right: 10px;
    background-clip: 'padding-box';
    border: 1px solid rgba(0,0,0,.2);
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
}

#feedback-tab {
    position: absolute;
    top:60px;
    right:-60px;
    float: right;
    color: #fff;
    font-size: 20px;
    cursor: pointer;
    text-align: center;
    width: 100px;
    height: 34px;
    background-color: rgba(0,0,0,0.5);
    padding-top: 0px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

    #feedback-tab:hover {
        background-color: rgba(0,0,0,0.4);
    }

#feedback-form textarea {
    resize: none;
}


/*#region vehicle listing panel */


/*#region feedback form*/



/*#region Datasource category */

.category-Rutting {
    background-image: -webkit-gradient(linear, left 0%, left 100%, from(#61A547), to(#61C947));
    background-image: -webkit-linear-gradient(top, #61A547, 0%, #61C947, 100%);
    background-image: -moz-linear-gradient(top, #61A547 0%, #61C947 100%);
    background-image: linear-gradient(to bottom, #61A547 0%, #61C947 100%);
    background-repeat: repeat-x;
    border-color: #618047;
}

.category-Roughness {
    background-image: -webkit-gradient(linear, left 0%, left 100%, from(#4578B0), to(#4578C9));
    background-image: -webkit-linear-gradient(top, #4578B0, 0%, #4578C9, 100%);
    background-image: -moz-linear-gradient(top, #4578B0 0%, #4578C9 100%);
    background-image: linear-gradient(to bottom, #4578B0 0%, #4578C9 100%);
    background-repeat: repeat-x;
    border-color: #4546D5;
}

.category-Cracking {
    background-image: -webkit-gradient(linear, left 0%, left 100%, from(#D34637), to(#D12D27));
    background-image: -webkit-linear-gradient(top, #D34637, 0%, #D12D27, 100%);
    background-image: -moz-linear-gradient(top, #D34637 0%, #D12D27 100%);
    background-image: linear-gradient(to bottom, #D34637 0%, #D12D27 100%);
    background-repeat: repeat-x;
    border-color: #FF2D27;
}

.category-TSD {
    background-image: -webkit-gradient(linear, left 0%, left 100%, from(#2B5D16), to(#2B3516));
    background-image: -webkit-linear-gradient(top, #2B5D16, 0%, #2B3516, 100%);
    background-image: -moz-linear-gradient(top, #2B5D16 0%, #2B3516 100%);
    background-image: linear-gradient(to bottom, #2B5D16 0%, #2B3516 100%);
    background-repeat: repeat-x;
    border-color: #2B2316;
}

.category-Texture {
    background-image: -webkit-gradient(linear, left 0%, left 100%, from(#5C5296), to(#473997));
    background-image: -webkit-linear-gradient(top, #5C5296, 0%, #473997, 100%);
    background-image: -moz-linear-gradient(top, #5C5296 0%, #473997 100%);
    background-image: linear-gradient(to bottom, #5C5296 0%, #473997 100%);
    background-repeat: repeat-x;
    border-color: #262A93;
}

.category-Geometry {
    background-image: -webkit-gradient(linear, left 0%, left 100%, from(#6D3C21), to(#6E3413));
    background-image: -webkit-linear-gradient(top, #6D3C21, 0%, #6E3413, 100%);
    background-image: -moz-linear-gradient(top, #6D3C21 0%, #6E3413 100%);
    background-image: linear-gradient(to bottom, #6D3C21 0%, #6E3413 100%);
    background-repeat: repeat-x;
    border-color: #6B2309;
}

.category-Rating {
    background-image: -webkit-gradient(linear, left 0%, left 100%, from(#E1E579), to(#E8E756));
    background-image: -webkit-linear-gradient(top, #E1E579, 0%, #E8E756, 100%);
    background-image: -moz-linear-gradient(top, #E1E579 0%, #E8E756 100%);
    background-image: linear-gradient(to bottom, #E1E579 0%, #E8E756 100%);
    background-repeat: repeat-x;
    border-color: #E2D91D;
}

/*.category-another {
      background-image: -webkit-gradient(linear, left 0%, left 100%, from(#8E458D), to(#90278A));
  background-image: -webkit-linear-gradient(top, #8E458D, 0%, #90278A, 100%);
  background-image: -moz-linear-gradient(top, #8E458D 0%, #90278A 100%);
  background-image: linear-gradient(to bottom, #8E458D 0%, #90278A 100%);
  background-repeat: repeat-x;  
  border-color: #8C1A7E;
}

.category-andanother {
      background-image: -webkit-gradient(linear, left 0%, left 100%, from(#DB8C78), to(#DD8465));
  background-image: -webkit-linear-gradient(top, #DB8C78, 0%, #DD8465, 100%);
  background-image: -moz-linear-gradient(top, #DB8C78 0%, #DD8465 100%);
  background-image: linear-gradient(to bottom, #DB8C78 0%, #DD8465 100%);
  background-repeat: repeat-x;  
  border-color: #D85331;
}*/

.compare-chart-menu {
    font-size: 0.8em;
    margin-right: 10px;
}

    .compare-chart-menu a,
    .compare-chart-menu a:hover,
    .compare-chart-menu a:focus {
        color: #FFF;
        text-decoration: none;
    }


.full-width-height-modal .modal-dialog {
    width: 90%;
    overflow-y: initial !important;
    max-height: calc(100vh - 100px);
    overflow-y: auto;
}

.full-width-height-modal .modal-body {
}

.full-width-height-modal .pre-scrollable {
    overflow-y: auto;
}

.survey-verification .side-panel {
    height: 100%;
    max-height: 100%;
    overflow-y: auto;
}

.survey-verification-modal .modal-dialog {
    width: 90vw !important;
    max-width: 90vw !important;
    height: 90vh !important;
    max-height: 90vh !important;
}


.survey-verification .modal-body {

}

.survey-verification .pre-scrollable {
    overflow-y: auto;
}

.survey-verification .side-panel {
    height: 100%;
    max-height: 100%;
    overflow-y: auto;
}

.side-panel p {
    margin-bottom: 0px;
}

.side-panel h4 {
    margin-bottom: 2px;
}


.side-panel table {
    margin-bottom: 2px;
}

.side-panel td {
    margin-bottom: 2px;
}

.survey-verification .google-map-full {
    height: 100%;
}

.survey-verification .google-map-split {
    height: 60%;
}

.toggle.acceptToggleStyle {
    border-radius: 2px;
}

    .toggle.acceptToggleStyle .toggle-handle {
        border-radius: 2px;
    }

    /* Fix the width of the toggle button when initialized when hidden*/
    .toggle.acceptToggleStyle.btn {
        min-width: 90px;
        min-height: 34px;
    }

.ativa-scroll {
    height: 100%;
    max-height: 100%;
    overflow-y: auto;
}

.badge-notify {
    background: red;
    position: relative;
    top: -20px;
    left: -35px;
}

/* video-js styles to hide volume controls and remaining time */

.video-js .vjs-volume-panel {
    display: none;
}

.video-js .vjs-remaining-time {
    display: none;
}

.video-js.vjs-fullscreen .vjs-volume-panel {
    display: none;
}

.video-js.vjs-fullscreen .vjs-remaining-time {
    display: none;
}


.videoSpeedButton, .videoSpeedButton:hover, .videoSpeedButton:focus, .videoSpeedButton a {
    color: white;
    font-size: 1.0em;
    line-height: normal;
    cursor: pointer;
    text-decoration: none;
    margin-right: 10px;
}

    .videoSpeedButton .dropdown-menu {
        min-width: 120px;
    }


/*#region Dashboard*/


.mainbar .dashboard {
    background: black url(theme/tiny_grid.png) repeat 0 0;
}

.dashboard .vehicle-panel {
    border-radius: 10px;
    background-color: #151313;
    margin: 4px;
    padding: 10px;
    color: whitesmoke;
}

.badge-status {
    border-radius: 4px;
    color: black;
    font-weight: lighter;
    float: left;
    margin: 2px;
    padding: 4px;
    line-height: 10px;
    font-size: 0.9em;
}

.badge-status-passed {
    background-color: green;
}



    .badge-status-passed:hover {
        background-color: darkgreen;
    }

.badge-status-failed {
    background-color: red;
}

    .badge-status-failed:hover {
        background-color: darkred;
    }


.badge-status-accepted {
    background-color: yellow;
}

    .badge-status-accepted:hover {
        background-color: yellow;
    }

.badge-status-recollect {
    background-color: darkorange;
}

    .badge-status-recollect:hover {
        background-color: darkorange;
    }


.led-box {
    height: 30px;
    width: 25%;
    margin: 10px 0;
    float: left;
}

    .led-box p {
        font-size: 12px;
        text-align: center;
        margin: 1em;
    }
.disabled-button {
    color: #333 !important;
    pointer-events: none;
    cursor: default;
}
.status-box {
    background-color: #000; 
    color: #fff; 
    padding: 10px;
    border-radius: 8px; 
    min-height:156px;
    width: 300px; 
    font-family: Arial, sans-serif;

}
.dashboard-nav-buttons {
    position: fixed;
    margin-top:30px;
    right: 20px;
    text-align: center;
    border-radius: 3px;
    width:200px;
    height:30px;
    z-index:1;
}

.status-content {
    color: whitesmoke;
    padding: 10px;
    border-radius: 5px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    max-height: 100px;
    overflow-y: auto
}
.diagnostic-orange {
    height: 80%;
    width: 90%;
    background: #ffaa00;
    border-radius: 10px;
    align-items: center;
    justify-content: center;
    display: flex;
    margin-bottom: 10px;
    flex-direction: column;
}
.diagnostic-green {
    height: 80%;
    width: 90%;
    background: #03C03C;
    margin-bottom: 10px;
    border-radius: 10px;
    align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: column;
}
.box-red {
    height: 80%;
    width: 90%;
    background: #FB4141;
    margin-bottom: 10px;
    border-radius: 10px;
    align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: column;
}
.box-grey {
    height: 80%;
    width: 90%;
    background: gray;
    margin-bottom: 10px;
    border-radius: 10px;
    align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: column;
}
.box-green {
    height: 80%;
    width: 90%;
    background: #03C03C;
    margin-bottom: 10px;
    border-radius: 10px;
    align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: column;
}
.led-red {
    margin: 0 auto;
    width: 24px;
    height: 24px;
    background-color: #F00;
    border-radius: 50%;
    box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #441313 0 -1px 9px, rgba(255, 0, 0, 0.5) 0 2px 12px;
    -webkit-animation: blinkRed 0.5s infinite;
    -moz-animation: blinkRed 0.5s infinite;
    -ms-animation: blinkRed 0.5s infinite;
    -o-animation: blinkRed 0.5s infinite;
    animation: blinkRed 0.5s infinite;
    float: left;
    margin: 2px;
}

.led-gray {
    margin: 0 auto;
    width: 24px;
    height: 24px;
    background-color: gray;
    border-radius: 50%;
    box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset darkgray 0 -1px 9px, gray 0 2px 12px;
    float: left;
    margin: 2px;
}

/* region filter query - START */


.filter-query-control {
    width: 385px;
    position: absolute;
    left: 65px;
    top: 70px;
    font: 400 11px Roboto, Arial, sans-serif;
}


    .filter-query-control .widget-footer {
        padding: 8px;
        margin-top: 5px;
    }

    .filter-query-control .widget-content {
        padding: 8px;
    }

    .filter-query-control .filter-title {
        text-align: left;
        padding: 0px 0px 5px 5px;
    }

        .filter-query-control .filter-title label {
            float: left !important;
            height: 30px;
            padding: 8px 8px 8px 0px;
        }

        .filter-query-control .filter-title select {
            /*max-width:270px;*/
            width: 248px;
        }

        .filter-query-control .filter-title i {
            padding: 3px 0px 0px 3px;
        }



    .filter-query-control .form-control {
        padding: 4px 10px;
    }



.filter-query-group {
    /*margin: 10px 0px 5px 0px;*/
}

.filter-query-condition {
    padding: 3px;
}

    .filter-query-condition .form-control {
        padding: 4px 10px;
    }

    .filter-query-condition .condition-btn, .filter-query-panel .condition-btn {
        position: relative;
        top: 5px;
        color: #555;
        padding: 2px;
    }

.filter-query-group .top-right {
    margin: 0px;
    cursor: pointer;
    position: relative;
    top: -10px;
    right: -10px;
    float: right;
}

.filter-query-panel {
}

    .filter-query-panel .center {
        text-align: center;
    }

    .filter-query-panel .alert {
        padding: 5px 0px 5px 0px;
        margin-bottom: 0px;
    }


.disabledlink, .dropdown-menu > li > a.disabledlink {
    color: #aaa;
    pointer-events: none;
}


.veh-vis {
    height: 100%;
}

    .veh-vis .container-fluid {
        height: 100%;
    }

    .veh-vis .map {
        height: 600px;
        width: 100%;
        /*min-height:500px;*/
    }

    .veh-vis .control-panel {
        height: 100%;
        /*color:white; */
    }

    .veh-vis #map {
        background-color: #501010;
        background-image: radial-gradient(#781521, #541217);
    }

    .veh-vis .status {
        font-size: 3.0em;
        font-family: "Courier New", Courier, monospace;
        color: white;
        position: relative;
        line-height: 0;
        top: -30px;
        margin: 0px;
        padding: 0px;
    }

    .veh-vis #veh-selection {
        height: 100px;
        overflow-y: scroll;
        border: 1px solid;
        padding: 3px;
    }

    .veh-vis input {
        width: auto;
    }


/* region filter query - END */

/* region bookmark - START */


.bookmark-control {
    width: 450px;
    position: absolute;
    left: 85px;
    top: 70px;
    /*font: 400 11px Roboto, Arial, sans-serif;*/
}


    .bookmark-control .widget-footer {
        padding: 8px;
        margin-top: 5px;
    }

    .bookmark-control .widget-content {
        padding: 0px 8px 8px 8px;
    }


    .bookmark-control label {
        float: left !important;
        height: 20px;
        padding: 8px 8px 8px 0px;
        margin-bottom: 10px;
    }

    .bookmark-control .form-control {
        padding: 4px 10px;
        width: 100%;
        height: 75px;
        overflow-y: scroll;
    }

    .bookmark-control .bookmark-title {
        text-align: left;
        padding: 0px 0px 5px 5px;
    }


        .bookmark-control .bookmark-title select {
            /*max-width:270px;*/
            width: 248px;
        }

        .bookmark-control .bookmark-title i {
            padding: 3px 0px 0px 3px;
        }

.bookmark-placeholder {
    font-size: 0.85em;
    font-weight: lighter;
}

.bookmark-dialog-label {
    margin: 5px 0px 0px 0px;
}

.bookmark-icon {
    font-size: 1.75em;
}

.flip-h {
    transform: scale(-1, 1);
}


/* region bookmark - END */



@-webkit-keyframes blinkRed {
    from {
        background-color: #F00;
    }

    50% {
        background-color: #A00;
        box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #441313 0 -1px 9px, rgba(255, 0, 0, 0.5) 0 2px 0;
    }

    to {
        background-color: #F00;
    }
}

@-moz-keyframes blinkRed {
    from {
        background-color: #F00;
    }

    50% {
        background-color: #A00;
        box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #441313 0 -1px 9px, rgba(255, 0, 0, 0.5) 0 2px 0;
    }

    to {
        background-color: #F00;
    }
}

@-ms-keyframes blinkRed {
    from {
        background-color: #F00;
    }

    50% {
        background-color: #A00;
        box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #441313 0 -1px 9px, rgba(255, 0, 0, 0.5) 0 2px 0;
    }

    to {
        background-color: #F00;
    }
}

@-o-keyframes blinkRed {
    from {
        background-color: #F00;
    }

    50% {
        background-color: #A00;
        box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #441313 0 -1px 9px, rgba(255, 0, 0, 0.5) 0 2px 0;
    }

    to {
        background-color: #F00;
    }
}

@keyframes blinkRed {
    from {
        background-color: #F00;
    }

    50% {
        background-color: #A00;
        box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #441313 0 -1px 9px, rgba(255, 0, 0, 0.5) 0 2px 0;
    }

    to {
        background-color: #F00;
    }
}

.led-yellow {
    margin: 0 auto;
    width: 24px;
    height: 24px;
    background-color: #FF0;
    border-radius: 50%;
    box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #808002 0 -1px 9px, #FF0 0 2px 12px;
    -webkit-animation: blinkYellow 1s infinite;
    -moz-animation: blinkYellow 1s infinite;
    -ms-animation: blinkYellow 1s infinite;
    -o-animation: blinkYellow 1s infinite;
    animation: blinkYellow 1s infinite;
    float: left;
    margin: 2px;
}

@-webkit-keyframes blinkYellow {
    from {
        background-color: #FF0;
    }

    50% {
        background-color: #AA0;
        box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #808002 0 -1px 9px, #FF0 0 2px 0;
    }

    to {
        background-color: #FF0;
    }
}

@-moz-keyframes blinkYellow {
    from {
        background-color: #FF0;
    }

    50% {
        background-color: #AA0;
        box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #808002 0 -1px 9px, #FF0 0 2px 0;
    }

    to {
        background-color: #FF0;
    }
}

@-ms-keyframes blinkYellow {
    from {
        background-color: #FF0;
    }

    50% {
        background-color: #AA0;
        box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #808002 0 -1px 9px, #FF0 0 2px 0;
    }

    to {
        background-color: #FF0;
    }
}

@-o-keyframes blinkYellow {
    from {
        background-color: #FF0;
    }

    50% {
        background-color: #AA0;
        box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #808002 0 -1px 9px, #FF0 0 2px 0;
    }

    to {
        background-color: #FF0;
    }
}

@keyframes blinkYellow {
    from {
        background-color: #FF0;
    }

    50% {
        background-color: #AA0;
        box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #808002 0 -1px 9px, #FF0 0 2px 0;
    }

    to {
        background-color: #FF0;
    }
}

.led-green {
    margin: 0 auto;
    width: 24px;
    height: 24px;
    background-color: #ABFF00;
    border-radius: 50%;
    box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #304701 0 -1px 9px, #89FF00 0 2px 12px;
    float: left;
    margin: 2px;
}

.led-blue {
    margin: 0 auto;
    width: 24px;
    height: 24px;
    background-color: #24E0FF;
    border-radius: 50%;
    box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #006 0 -1px 9px, #3F8CFF 0 2px 14px;
    float: left;
    margin: 2px;
}

/*#region Responsive */

@media (max-height: 750px) {
    .hidden-smh {
        display: none !important;
    }
}

@media (max-height: 800px) {


    /*     .videoThumbnailViewPanel {
       max-width: 420px; 
    }

    .videoThumbnailViewPanelXL {
        max-width: 550px;  
    } */


    /*     .acdRowNoGap .imgThumbnailFlexCol .videoThumbnailImg {
        height: 114px;
    }

    .acdRowNoGap .acdImgThumbnailFlexCol .videoThumbnailImg {
        height: 114px;
    } */
    /* 
    .videoThumbnailViewPanelXL .acdRowNoGap .imgThumbnailFlexCol .videoThumbnailImg {
        height: 123px;
    }

    .videoThumbnailViewPanelXL .acdRowNoGap .acdImgThumbnailFlexCol .videoThumbnailImg {
        height: 123px;
    } */

    /*.imgThumbnailFlexCol .videoThumbnailImg {
    height: inherit !important;
}*/
    /* 
    .imgThumbnailFlexColThird {
        width: 33.3333%;
        max-height: 100px;
    }

    .acdImgThumbnailFlexColThird {
        width: 84px;
        max-height: 100px;
    }

        .acdImgThumbnailFlexColThird .videoThumbnailImg {
            width: 84px;
            height: 100px;
        }

    .videoThumbnailViewPanelXL .acdImgThumbnailFlexColThird {
        width: 105px;
        max-height: 123px;
    }
    .videoThumbnailViewPanelXL .acdImgThumbnailFlexColThird .videoThumbnailImg {
        width: 105px;
        height: 123px;
    }


    .videoThumbnailViewPanelXL .acdImgThumbnailFlexColThird {
        width: 105px;
        height: 123px;
    }

    .acdImgThumbnailFlexCol {
        width: 84px;
    }

    .videoThumbnailViewPanelXL .acdImgThumbnailFlexCol {
        width: 123px;
    } */




    .chart-widget {
        /*height: 180px;*/
    }

        .chart-widget .chart-widget-content {
            height: 180px;
        }

    .chart-widgetXL {
        /*height: 400px;*/
    }

        .chart-widgetXL .chart-widget-content {
            height: 275px;
        }
}



/* Manager specific */
#upload_button {
    display: inline-block;
}

    #upload_button input[type=file] {
        display: none;
    }

.upload-button input[type=file] {
    display: none;
}


/* end manager specific */

@media (max-width: 1250px) {
}



@media (max-width: 1024px) {

    /*     .videoThumbnailViewPanel {
        max-width: 250px;
    }

    .videoThumbnailViewPanelXL {
        max-width: 350px;
    } */


}



/* Hack for older IE versions */
@media screen\0 {
    /*.google-map { min-height: 800px; }*/
}

@media (max-height: 620px) {
    .scrollable-menu {
        height: auto;
        max-height: 50vh;
        overflow-x: hidden;
    }
}

@media (max-width: 768px) {
    .videopaneltoolbar {
        left: 15px;
    }
}

.font-bold {
    font-weight: bold;
}

.highlightInheritance {
    background-color: #F7F7F7;
}
.survey-verification .modal-body {
    max-height: calc(100vh - 180px);
}
.verification-image-preview-modal .modal-dialog {
    width: fit-content !important;
}

.verification-image-preview-modal .modal-content {
    width: fit-content;
}

.survey-verification #gmap.google-map-full {
    height: 460px;
    min-height: 320px;
}

.survey-verification #gmap.google-map-split {
    height: 300px;
    min-height: 240px;
}

.survey-verification #streetview_canvas {
    min-height: 200px;
}

.survey-verification .tab-content {
    overflow: visible;
}

.survey-verification .nav-tabs {
    margin-bottom: 8px;
}

.verification-modal-wide .modal-dialog .verification-modal-wide .modal-dialog {
    width: 1100px;
    max-width: 95vw;
}

.survey-verification .other-images-root .viewer {
    width: 100%;
    padding-bottom: 8px;
}

.dropdown-submenu.dropdown-submenu-right > .dropdown-menu {
    left: unset !important;
    right: 100% !important;
}


/* ============================================================
   Client Portal — scoped styles
   Uses existing .widget / .widget-header patterns from Manager
   ============================================================ */

/* Beta ribbon — top-right corner fold, anchored to dashboard (not scrollable) */
#client-dashboard-view .cp-beta-ribbon {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 9999;
    overflow: hidden;
    width: 100px;
    height: 100px;
    pointer-events: none;
}

#client-dashboard-view .cp-beta-ribbon span {
    display: block;
    position: absolute;
    width: 150px;
    padding: 4px 0;
    background-color: #D05A3B;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-align: center;
    text-transform: uppercase;
    transform: rotate(45deg);
    top: 22px;
    right: -35px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
    pointer-events: auto;
}

/* Metric cards row */
#client-dashboard-view .cp-metrics {
    display: flex;
    flex-wrap: wrap;
    gap: 0;
    margin-bottom: 0;
    justify-content: center;
}

#client-dashboard-view .cp-metric-card {
    text-align: center;
    padding: 6px 8px;
}

#client-dashboard-view .cp-metric-card .cp-metric-value {
    font-size: 20px;
    font-weight: 600;
    margin: 0;
    color: #333;
}

#client-dashboard-view .cp-metric-card .cp-metric-label {
    font-size: 12px;
    color: #666;
    margin: 2px 0 0 0;
}

/* Clickable metric cards */
#client-dashboard-view .cp-metric-card.cp-clickable {
    cursor: pointer;
    transition: background-color 0.15s;
}

#client-dashboard-view .cp-metric-card.cp-clickable:hover {
    background-color: #f5f5f5;
}

#client-dashboard-view .cp-metric-card.cp-clickable .cp-metric-value {
    color: #D05A3B;
}

/* Progress bar container */
#client-dashboard-view .cp-progress-bar {
    height: 26px;
    margin: 0;
    border-radius: 3px;
    overflow: visible;
    background-color: #e9ecef;
    position: relative;
}

#client-dashboard-view .cp-progress-bar .cp-progress-segment {
    float: left;
    height: 100%;
    position: relative;
}

/* Status labels row — proportionally aligned under bar segments */
#client-dashboard-view .cp-status-labels {
    overflow: hidden;
    margin-top: 6px;
}

#client-dashboard-view .cp-status-label-item {
    float: left;
    text-align: center;
    overflow: hidden;
    padding: 0 2px;
    box-sizing: border-box;
}

#client-dashboard-view .cp-status-label-badge {
    display: inline-block;
    font-size: 10px;
    padding: 1px 5px;
    border-radius: 3px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}

#client-dashboard-view .cp-status-label-stats {
    font-size: 10px;
    color: #666;
    line-height: 1.4;
    margin-top: 2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#client-dashboard-view .cp-status-label-sects {
    display: block;
    color: #999;
}

/* CFD chart container — taller to better use the column space */
#client-dashboard-view .cp-chart-container {
    width: 100%;
    height: 320px;
}

/* Square map: 1:1 aspect ratio using padding-bottom trick */
#client-dashboard-view .cp-map-square {
    position: relative;
    width: 100%;
    padding-bottom: 100%; /* 1:1 square */
    height: 0;
    overflow: hidden;
}

#client-dashboard-view .cp-map-square ng-map,
#client-dashboard-view .cp-map-square > div:not(.angular-google-map-container):not(.cp-overview-map-hint),
#client-dashboard-view .cp-map-square .angular-google-map,
#client-dashboard-view .cp-map-square .angular-google-map-container {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 100% !important;
}

/* Map section */
#client-dashboard-view .cp-map-topbar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px;
}

#client-dashboard-view .cp-map-status-pill {
    display: inline-flex;
    align-items: center;
    padding: 2px 7px;
    border-radius: 2px;
    font-size: 10px;
    cursor: pointer;
    border: 1px solid transparent;
    transition: opacity 0.15s;
}

#client-dashboard-view .cp-map-status-pill.cp-hidden {
    opacity: 0.35;
}

#client-dashboard-view .cp-map-status-pill .cp-pill-count {
    margin-left: 3px;
    font-weight: 600;
}

#client-dashboard-view .cp-map-stats {
    font-size: 11px;
    color: #999;
    padding: 4px 0;
}

/* Sections table */
#client-dashboard-view .cp-sections-table {
    margin-bottom: 0;
    font-size: 12px;
    table-layout: fixed;
    width: 100%;
}

/* Item 10: Fixed column widths for grouped table — prevent jarring reflow on sort */
#client-dashboard-view .cp-sections-table .cp-col-group   { width: auto; }
#client-dashboard-view .cp-sections-table .cp-col-sections { width: 76px; }
#client-dashboard-view .cp-sections-table .cp-col-length   { width: 100px; }
#client-dashboard-view .cp-sections-table .cp-col-status   { width: 80px; }
#client-dashboard-view .cp-sections-table .cp-col-date     { width: 114px; }


/* Loading overlay */
#client-dashboard-view .cp-loading-inline {
    text-align: center;
    padding: 30px 0;
    color: #999;
}

/* Pagination compact */
#client-dashboard-view .cp-pagination {
    margin: 6px 0;
}

#client-dashboard-view .cp-pagination .pagination {
    margin: 0;
    flex-wrap: nowrap;
}

#client-dashboard-view .cp-pagination .pagination > li > a {
    padding: 4px 10px;
    font-size: 12px;
}

/* Item 7: Fix page input inside active pagination — Bootstrap sets white text on .active > a */
#client-dashboard-view .cp-pagination .pagination > li.active > a .cp-page-input,
#client-dashboard-view .cp-page-input {
    color: #333;
    background-color: #fff;
    width: 32px;
    text-align: center;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 1px 2px;
    font-size: 12px;
    line-height: 1.2;
}

/* Project selector row */
#client-dashboard-view .cp-project-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

#client-dashboard-view .cp-project-row .cp-last-updated {
    font-size: 11px;
    color: #999;
    margin-left: auto;
}

/* ── Page layout: nav panel pushes content ── */
#client-dashboard-view {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    min-height: calc(100vh - 50px);
}

/* ── Page background / flex fill ── */
#client-dashboard-view .matter {
    flex: 1;
    min-width: 0;
    overflow-y: auto;
    background-color: #f5f7fa;
    padding: 8px 16px;
}

/* ── Header row: project selector + tabs on one line ── */
#client-dashboard-view .cp-header-row {
    display: flex;
    align-items: flex-end;
    gap: 12px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 8px;
}

#client-dashboard-view .cp-header-row .cp-project-selector {
    margin-left: auto;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    gap: 8px;
    padding-bottom: 6px;
}

/* ── Bootstrap nav-tabs overrides (orange active accent) ── */
#client-dashboard-view .cp-nav-tabs {
    border-bottom: none;
    margin-left: 0;
    flex-shrink: 0;
    margin-bottom: 0;
}

#client-dashboard-view .cp-nav-tabs > li > a {
    font-size: 13px;
    color: #666;
    padding: 6px 16px;
}

#client-dashboard-view .cp-nav-tabs > li > a:hover {
    color: #333;
    background-color: transparent;
    border-color: transparent;
}

#client-dashboard-view .cp-nav-tabs > li.active > a,
#client-dashboard-view .cp-nav-tabs > li.active > a:hover,
#client-dashboard-view .cp-nav-tabs > li.active > a:focus {
    color: #D05A3B;
    border-top-color: #D05A3B;
    border-left-color: #ddd;
    border-right-color: #ddd;
    border-bottom-color: #fff;
}

/* ── Card (replaces .widget.stacked / .widget-header) ── */
#client-dashboard-view .cp-card {
    background: #fff;
    border: 1px solid #e8e8e8;
    border-radius: 6px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
    margin-bottom: 12px;
    padding: 10px 14px;
}

#client-dashboard-view .cp-card-title {
    font-size: 12px;
    font-weight: 600;
    color: #555;
    margin: 0 0 6px 0;
    padding: 0;
}

/* ── Hero metric card ── */
#client-dashboard-view .cp-metric-hero {
    text-align: center;
    padding: 6px 12px;
}

#client-dashboard-view .cp-metric-hero .cp-metric-value {
    font-size: 28px;
    font-weight: 700;
    color: #333;
    margin: 0;
}

#client-dashboard-view .cp-metric-hero .cp-metric-label {
    font-size: 11px;
    color: #888;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin: 2px 0 0 0;
}

/* ── Overview mini map card ── */
#client-dashboard-view .cp-overview-map-card {
    padding: 0;
    overflow: hidden;
}

/* Strip all native Google Maps UI — logo, copyright, terms, controls */
#client-dashboard-view .gm-style .gmnoprint,
#client-dashboard-view .gm-style-cc,
#client-dashboard-view .gm-style a[href*="google.com"] {
    display: none !important;
}

/* Block pointer events on all Google Maps internals so scroll/drag can't be
   captured by the map; clicks bubble up to the cp-map-square container. */
#client-dashboard-view .cp-map-square ng-map,
#client-dashboard-view .cp-map-square .angular-google-map,
#client-dashboard-view .cp-map-square .angular-google-map-container,
#client-dashboard-view .cp-map-square .gm-style {
    pointer-events: none !important;
}

#client-dashboard-view .cp-overview-map-hint {
    position: absolute;
    bottom: 8px;
    right: 8px;
    z-index: 2;
    background: rgba(255, 255, 255, 0.72);
    padding: 3px 8px;
    border-radius: 3px;
    font-size: 11px;
    color: #555;
    pointer-events: none;
}

/* ── Overview map explore button ── */
#client-dashboard-view .cp-overview-explore-btn {
    position: absolute;
    bottom: 8px;
    right: 8px;
    z-index: 2;
    background: rgba(255, 255, 255, 0.92);
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 4px 10px;
    font-size: 12px;
    color: #D05A3B;
    cursor: pointer;
    font-weight: 600;
    transition: background-color 0.15s, border-color 0.15s;
}

#client-dashboard-view .cp-overview-explore-btn:hover {
    background: #fff;
    border-color: #D05A3B;
}

/* ── Detail tab map — fills card height via flex ── */
#client-dashboard-view .cp-detail-map {
    flex: 1;
    min-height: 0;
    position: relative;
}

#client-dashboard-view .cp-detail-map ng-map,
#client-dashboard-view .cp-detail-map .angular-google-map,
#client-dashboard-view .cp-detail-map .angular-google-map-container {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 100% !important;
}

/* Thin divider between metric cards and progress bar */
#client-dashboard-view .cp-metrics-divider {
    border: none;
    border-top: 1px solid #e8e8e8;
    margin: 4px 0 6px;
}

/* Sections table toolbar */
#client-dashboard-view .cp-table-toolbar {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    margin-bottom: 8px;
    padding: 6px 8px;
    border-bottom: 1px solid #eee;
}

#client-dashboard-view .cp-table-search {
    width: 180px;
    min-width: 120px;
}

/* Status checkbox dropdown */
#client-dashboard-view .cp-status-dropdown {
    position: relative;
    display: inline-block;
    flex-shrink: 0;
}

#client-dashboard-view .cp-status-dropdown-btn {
    white-space: nowrap;
}

#client-dashboard-view .cp-status-hidden-badge {
    background: #D05A3B;
    font-size: 10px;
    padding: 1px 5px;
    margin-left: 2px;
}

#client-dashboard-view .cp-status-dropdown-panel {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 300;
    background: #fff;
    border: 1px solid #d8d8d8;
    border-radius: 2px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.12);
    min-width: 180px;
    max-height: 260px;
    overflow-y: auto;
    padding: 6px 0;
    margin-top: 2px;
}

#client-dashboard-view .cp-status-dropdown-actions {
    display: flex;
    gap: 10px;
    padding: 4px 12px 6px;
    border-bottom: 1px solid #f0f0f0;
    margin-bottom: 4px;
    font-size: 11px;
}

#client-dashboard-view .cp-status-dropdown-actions a {
    color: #888;
    text-decoration: none;
    cursor: pointer;
}

#client-dashboard-view .cp-status-dropdown-actions a:hover {
    color: #D05A3B;
}

#client-dashboard-view .cp-status-dropdown-item {
    display: flex;
    align-items: center;
    gap: 7px;
    padding: 4px 12px;
    font-weight: normal;
    cursor: pointer;
    font-size: 12px;
    margin: 0;
    white-space: nowrap;
}

#client-dashboard-view .cp-status-dropdown-item:hover {
    background: #f8f9fa;
}

#client-dashboard-view .cp-status-dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 2px;
    flex-shrink: 0;
}

#client-dashboard-view .cp-status-dropdown-count {
    background: #eee;
    color: #666;
    border-radius: 8px;
    padding: 1px 6px;
    font-size: 10px;
    flex-shrink: 0;
    margin-left: auto;
}

/* Quick date buttons in table toolbar */
#client-dashboard-view .cp-date-quick-btns {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 3px;
    flex-shrink: 0;
}

#client-dashboard-view .cp-table-export-btn {
    flex-shrink: 0;
}

#client-dashboard-view .cp-table-count {
    margin-left: auto;
    font-size: 11px;
    color: #999;
    white-space: nowrap;
}

/* Map topbar toggle links (legacy, keep for any other uses) */
#client-dashboard-view .cp-map-toggle-link {
    font-size: 11px;
    color: #888;
    cursor: pointer;
    padding: 0 3px;
    text-decoration: none;
}

#client-dashboard-view .cp-map-toggle-link:hover {
    color: #555;
    text-decoration: none;
}

#client-dashboard-view .cp-map-toggle-sep {
    font-size: 11px;
    color: #ccc;
    padding: 0 3px;
}

/* ── Date filter dropdown (inline in topbar, pushed right) ── */
#client-dashboard-view .cp-map-date-dropdown-wrap {
    position: relative;
    display: inline-block;
    flex-shrink: 0;
}

#client-dashboard-view .cp-map-date-btn {
    background: #fff;
    border: 1px solid #d0d0d0;
    border-radius: 2px;
    padding: 3px 10px;
    font-size: 12px;
    color: #444;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

#client-dashboard-view .cp-map-date-btn:hover {
    background: #f5f5f5;
    border-color: #b0b0b0;
}

#client-dashboard-view .cp-map-date-btn-badge {
    background: #D05A3B;
    color: #fff;
    border-radius: 10px;
    padding: 1px 6px;
    font-size: 10px;
    font-weight: 600;
}

#client-dashboard-view .cp-map-date-panel {
    position: absolute;
    top: 100%;
    right: 0;
    left: auto;
    z-index: 200;
    background: #fff;
    border: 1px solid #d8d8d8;
    border-radius: 2px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.12);
    min-width: 220px;
    max-height: 280px;
    overflow-y: auto;
    padding: 6px 0;
}

#client-dashboard-view .cp-map-date-panel-actions {
    display: flex;
    gap: 10px;
    padding: 4px 12px 6px;
    border-bottom: 1px solid #f0f0f0;
    margin-bottom: 4px;
    font-size: 11px;
}

#client-dashboard-view .cp-map-date-panel-actions a {
    color: #888;
    text-decoration: none;
}

#client-dashboard-view .cp-map-date-panel-actions a:hover {
    color: #D05A3B;
}

#client-dashboard-view .cp-map-date-panel-item {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 4px 12px;
    font-weight: normal;
    cursor: pointer;
    font-size: 12px;
    margin: 0;
}

#client-dashboard-view .cp-map-date-panel-item:hover {
    background: #f8f9fa;
}

#client-dashboard-view .cp-map-date-panel-item span:first-of-type {
    flex: 1;
}

#client-dashboard-view .cp-map-date-panel-count {
    background: #eee;
    color: #666;
    border-radius: 8px;
    padding: 1px 6px;
    font-size: 10px;
    flex-shrink: 0;
}

/* Date Range Filter Bar */
#client-dashboard-view .cp-date-range-bar {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    padding: 8px 0 0 0;
    border-top: 1px solid #eee;
    margin-top: 8px;
}

#client-dashboard-view .cp-date-range-quick {
    display: flex;
    gap: 4px;
}

#client-dashboard-view .cp-date-range-custom {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-left: auto;
}

#client-dashboard-view .cp-date-range-label {
    font-size: 12px;
    font-weight: normal;
    margin: 0;
    color: #666;
}

#client-dashboard-view .cp-date-input {
    width: 140px;
    height: 26px;
    padding: 2px 6px;
    font-size: 12px;
}

/* ── Table toolbar: date range dropdown ── */
#client-dashboard-view .cp-date-dropdown {
    position: relative;
    display: inline-block;
    flex-shrink: 0;
}

#client-dashboard-view .cp-date-dropdown-panel {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 300;
    background: #fff;
    border: 1px solid #d8d8d8;
    border-radius: 2px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.12);
    padding: 8px 10px;
    min-width: 290px;
    margin-top: 2px;
}

#client-dashboard-view .cp-date-dropdown-panel .cp-date-quick-btns {
    display: flex;
    gap: 4px;
    flex-wrap: nowrap;
}

#client-dashboard-view .cp-date-dropdown-hint {
    font-size: 11px;
    color: #888;
    margin-top: 8px;
    padding-top: 6px;
    border-top: 1px solid #eee;
    font-style: italic;
}

#client-dashboard-view .cp-date-custom-row {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-top: 7px;
}

#client-dashboard-view .cp-date-sep {
    color: #999;
    font-size: 11px;
}

#client-dashboard-view .cp-date-active-label {
    color: #D05A3B;
    font-size: 11px;
    margin-left: 2px;
}

/* ── Toolbar buttons (shared style for Status/Date/Export) ── */
#client-dashboard-view .cp-toolbar-btn {
    border-radius: 2px;
    padding: 4px 10px;
    font-size: 12px;
    height: 30px;
    border-color: #ccc;
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

/* ── Detail tab unified header bar ── */
#client-dashboard-view .cp-detail-unified-header {
    margin-bottom: 8px;
    border-radius: 6px 6px 0 0;
}

#client-dashboard-view .cp-detail-header-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
}

/* Map status pills pushed to the right, separated */
#client-dashboard-view .cp-detail-header-pills {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 4px;
    margin-left: auto;
    padding-left: 8px;
    border-left: 1px solid #eee;
}

/* ── Detail tab container — flexbox equal-height layout for map + table ── */
#client-dashboard-view .cp-detail-tab-container {
    display: flex;
    align-items: stretch;
    position: relative;
    overflow: hidden;
}

/* Table column: slightly wider (left side). 4px right padding gives a small visual gap to the map column. */
#client-dashboard-view .cp-detail-tab-container > .cp-detail-table-col {
    flex: 0 0 58%;
    min-width: 0;
    display: flex;
    flex-direction: column;
    padding-right: 4px;
}

/* Map column: fills remaining space (right side) */
#client-dashboard-view .cp-detail-tab-container > .cp-detail-map-col {
    flex: 1;
    min-width: 0;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

#client-dashboard-view .cp-detail-tab-container > .cp-detail-table-col > .cp-card,
#client-dashboard-view .cp-detail-tab-container > .cp-detail-map-col > .cp-card {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    margin-bottom: 0;
}

/* Scrollable table body — fills remaining card height after title/toolbar */
#client-dashboard-view .cp-sections-body {
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
    min-height: 0;
}

/* Pagination pinned to bottom of the table card (outside scroll area) */
#client-dashboard-view .cp-detail-table-col .cp-card > .cp-pagination {
    flex: 0 0 auto;
    border-top: 1px solid #eee;
    padding: 0 10px;
}

/* Pinned activity row highlight — cyan to match map halo (avoid yellow/Collecting conflict) */
#client-dashboard-view .cp-activity-item.cp-activity-pinned {
    border-left: 3px solid #00BFFF;
    background-color: #e0f7fa;
}
#client-dashboard-view .cp-activity-table tr.cp-activity-pinned > td {
    background-color: #e0f7fa;
}

/* Recent Activity table inside the overview card */
#client-dashboard-view .cp-activity-table {
    margin-bottom: 0;
}
#client-dashboard-view .cp-activity-table th,
#client-dashboard-view .cp-activity-table td {
    vertical-align: middle;
}

/* Grouped detail table — secondary group-name suffix beside the (bold) road list */
#client-dashboard-view .cp-group-secondary {
    font-weight: 400;
    color: #777;
}

/* Sortable column headers */
#client-dashboard-view .cp-sortable-th {
    cursor: pointer;
    white-space: nowrap;
    user-select: none;
}

#client-dashboard-view .cp-sortable-th:hover {
    background-color: #f5f5f5;
}

/* Column width constraints — prevent horizontal overflow in cp-detail-table-col */
#client-dashboard-view .cp-sections-table th,
#client-dashboard-view .cp-sections-table td {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Section name — cap width so it doesn't dominate */
#client-dashboard-view .cp-sections-table th:nth-child(1),
#client-dashboard-view .cp-sections-table td:nth-child(1) {
    max-width: 120px;
}

/* Region, Group, Vehicle caps removed — table-layout:fixed + explicit widths handle sizing */

/* Suppress horizontal scroll on table wrapper — column caps handle overflow */
#client-dashboard-view #cp-sections-widget .table-responsive {
    overflow-x: hidden;
}

/* ── Section Detail Slide-Out Panel (Feature 5) ── */
#client-dashboard-view .cp-detail-panel {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 380px;
    background: #fff;
    border-left: 1px solid #e0e0e0;
    box-shadow: -2px 0 8px rgba(0, 0, 0, 0.08);
    transform: translateX(100%);
    transition: transform 0.25s ease;
    z-index: 100;
    overflow-y: auto;
    /* Top padding kept small so content sits near the top now that the title row was removed;
       right padding leaves room for the absolutely-positioned close button. */
    padding: 10px 20px 20px 20px;
}

#client-dashboard-view .cp-detail-panel.cp-detail-panel-open {
    transform: translateX(0);
}

#client-dashboard-view .cp-detail-panel-close {
    position: absolute;
    top: 10px;
    right: 10px;
    background: none;
    border: none;
    font-size: 18px;
    color: #999;
    cursor: pointer;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    transition: background-color 0.15s, color 0.15s;
}

#client-dashboard-view .cp-detail-panel-close:hover {
    background-color: #f0f0f0;
    color: #333;
}

/* Edge toggle tab — absolutely positioned sibling to the panel, always visible */
#client-dashboard-view .cp-detail-edge-tab {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 56px;
    background: #fff;
    border: 1px solid #e0e0e0;
    border-right: none;
    border-radius: 4px 0 0 4px;
    box-shadow: -2px 0 6px rgba(0, 0, 0, 0.08);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #666;
    font-size: 12px;
    transition: right 0.25s ease, background-color 0.15s, color 0.15s;
    z-index: 102;
    padding: 0;
}

#client-dashboard-view .cp-detail-edge-tab:hover {
    background-color: #f5f5f5;
    color: #D05A3B;
}

/* Toggle tab — always visible on the left edge of the panel */
#client-dashboard-view .cp-detail-panel-toggle-tab {
    position: absolute;
    left: -28px;
    top: 50%;
    transform: translateY(-50%);
    width: 28px;
    height: 56px;
    background: #fff;
    border: 1px solid #e0e0e0;
    border-right: none;
    border-radius: 4px 0 0 4px;
    box-shadow: -2px 0 6px rgba(0, 0, 0, 0.08);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #666;
    font-size: 12px;
    transition: background-color 0.15s, color 0.15s;
    z-index: 101;
}

#client-dashboard-view .cp-detail-panel-toggle-tab:hover {
    background-color: #f5f5f5;
    color: #333;
}

#client-dashboard-view .cp-detail-panel-content {
    margin-top: 0;
}

#client-dashboard-view .cp-detail-title {
    font-size: 16px;
    font-weight: 600;
    color: #333;
    margin: 0 0 4px 0;
    padding-right: 30px;
}

#client-dashboard-view .cp-detail-subtitle {
    font-size: 12px;
    color: #888;
    margin: 0 0 16px 0;
}

/* Properties table */
#client-dashboard-view .cp-detail-props {
    width: 100%;
    font-size: 13px;
    border-collapse: collapse;
}

#client-dashboard-view .cp-detail-props td {
    padding: 6px 0;
    border-bottom: 1px solid #f0f0f0;
    vertical-align: middle;
}

#client-dashboard-view .cp-detail-props-label {
    color: #888;
    width: 100px;
    font-weight: 500;
}

/* Section headings */
#client-dashboard-view .cp-detail-section-heading {
    font-size: 13px;
    font-weight: 600;
    color: #555;
    margin: 0 0 4px 0;
    padding-bottom: 4px;
    border-bottom: 1px solid #e5e5e5;
}

/* Status history timeline */
#client-dashboard-view .cp-timeline {
    list-style: none;
    padding: 0;
    margin: 12px 0 0 16px;
    border-left: 2px solid #e5e5e5;
}

#client-dashboard-view .cp-timeline-item {
    position: relative;
    padding: 0 0 16px 20px;
}

#client-dashboard-view .cp-timeline-item:last-child {
    padding-bottom: 0;
}

#client-dashboard-view .cp-timeline-dot {
    position: absolute;
    left: -7px;
    top: 2px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 2px solid #fff;
    box-shadow: 0 0 0 1px #ddd;
}

#client-dashboard-view .cp-timeline-status {
    font-size: 13px;
    font-weight: 600;
    display: block;
}

#client-dashboard-view .cp-timeline-date {
    font-size: 11px;
    color: #888;
    display: block;
    margin-top: 1px;
}

/* Coordinates section */
#client-dashboard-view .cp-detail-coords {
    font-size: 12px;
    color: #555;
    font-family: 'Consolas', 'Courier New', monospace;
    line-height: 1.6;
}

/* ── Bidirectional selection (Feature 4) ──
   Cyan to match the Recent Activity pinned row + the map's group-selection halo. */
#client-dashboard-view .cp-sections-table tr.cp-row-selected {
    background-color: #e0f7fa !important;
    border-left: 3px solid #00BFFF;
}

#client-dashboard-view .cp-sections-table tr[style*="cursor: pointer"]:hover {
    background-color: #f8f9fa !important;
}

#client-dashboard-view .cp-sections-table tr.cp-row-selected:hover {
    background-color: #e0f7fa !important;
    border-left: 3px solid #00BFFF;
}

/* ── Recent Activity Feed (Feature 6) ── */

#client-dashboard-view .cp-activity-list {
    display: flex;
    flex-direction: column;
    gap: 0;
    max-height: calc(100vh - 350px);
    overflow-y: auto;
}

#client-dashboard-view .cp-activity-item {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 5px 0;
    border-bottom: 1px solid #f0f0f0;
    font-size: 12px;
    cursor: pointer;
}

#client-dashboard-view .cp-activity-item:last-child {
    border-bottom: none;
}

#client-dashboard-view .cp-activity-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    flex-shrink: 0;
}

#client-dashboard-view .cp-activity-date {
    width: 50px;
    flex-shrink: 0;
    color: #888;
    font-size: 11px;
}

#client-dashboard-view .cp-activity-text {
    flex: 1;
}

#client-dashboard-view .cp-activity-length {
    white-space: nowrap;
}

/* ── Activity day grouping ── */
#client-dashboard-view .cp-activity-day-group {
    margin-bottom: 6px;
}

#client-dashboard-view .cp-activity-day-header {
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #aaa;
    padding: 4px 0 2px;
    border-bottom: 1px solid #f0f0f0;
    margin-bottom: 2px;
}

/* ── Route Progress Enhancements (Feature 7) ── */
#client-dashboard-view .cp-route-link {
    color: #333;
    text-decoration: none;
    font-size: 12px;
    font-weight: 500;
}

#client-dashboard-view .cp-route-link:hover {
    color: #D05A3B;
    text-decoration: underline;
}

#client-dashboard-view .cp-route-expand-btn {
    background: none;
    border: none;
    padding: 2px 6px;
    cursor: pointer;
    color: #888;
    font-size: 11px;
    flex-shrink: 0;
}

#client-dashboard-view .cp-route-expand-btn:hover {
    color: #333;
}

#client-dashboard-view .cp-route-expanded-sections {
    padding: 4px 0 8px 0;
    background: #fafbfc;
    border-bottom: 1px solid #e8e8e8;
    max-height: 180px;
    overflow-y: auto;
}

/* ════════════════════════════════════════════════════════════
   Overview Viewport-Fit Layout
   ════════════════════════════════════════════════════════════ */

#client-dashboard-view .cp-overview-viewport {
    display: flex;
    flex-direction: column;
    height: calc(100vh - 155px); /* navbar + combined header row + compact matter padding */
    min-height: 400px;
    /* `clip` (not `hidden`) lets the progress-bar segment tooltips render outside
       this box without being cropped, while still constraining the overall layout
       height and width. The clip-margin gives them headroom to extend. */
    overflow: clip;
    overflow-clip-margin: 200px;
    gap: 8px;
}

/* The shared `section.matter` layout container (a descendant of #client-dashboard-view)
   has `overflow: auto`, which clips the progress-bar segment tooltips at its right
   edge. Scope to the client dashboard and switch to `clip` + `overflow-clip-margin`
   so tooltips can extend past it without breaking layout for other pages.
   cp-overview-viewport already enforces the height budget, so .matter doesn't need
   to scroll on the client dashboard. */
#client-dashboard-view section.matter {
    overflow: clip;
    overflow-clip-margin: 200px;
}

/* Hero card should not grow */
#client-dashboard-view .cp-overview-viewport > .cp-card {
    flex: 0 0 auto;
    margin-bottom: 0;
}

/* Body: left panels + right map */
#client-dashboard-view .cp-overview-body {
    flex: 1 1 0;
    min-height: 0;
    display: flex;
    gap: 8px;
}

/* Left column: top row (recent + chart) and bottom row (route progress) */
#client-dashboard-view .cp-overview-left {
    flex: 2;
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-height: 0;
}

/* Top row: Recent Activity (narrow) + CFD Chart (wide) side by side */
#client-dashboard-view .cp-overview-left-top {
    flex: 0 0 275px;
    display: flex;
    gap: 8px;
    min-height: 0;
}

#client-dashboard-view .cp-overview-left-top > .cp-card {
    min-height: 0;
    overflow: hidden;
    margin-bottom: 0;
    display: flex;
    flex-direction: column;
}

/* Recent Activity: narrow but functional */
#client-dashboard-view .cp-overview-left-top > .cp-card:first-child {
    flex: 0 0 260px;
}

/* CFD Chart: takes all remaining space */
#client-dashboard-view .cp-overview-left-top > .cp-card:last-child {
    flex: 1;
}

/* Hide km length column in narrow activity card */
#client-dashboard-view .cp-overview-left-top .cp-activity-length {
    display: none;
}

/* Activity list scrolls within its card */
#client-dashboard-view .cp-overview-left-top .cp-activity-list {
    flex: 1 1 0;
    min-height: 0;
    overflow-y: auto;
}

/* CFD chart fills remaining card space */
#client-dashboard-view .cp-overview-left-top .cp-chart-container {
    width: 100%;
    height: 100%;
    min-height: 100px;
}

/* Bottom row: Route Progress — height = content, capped at remaining space (map bottom) */
#client-dashboard-view .cp-overview-left-bottom {
    flex: 0 0 auto;
    min-height: 0;
    max-height: calc(100% - 283px); /* 275px top row + 8px gap */
    overflow-y: auto;
}

#client-dashboard-view .cp-overview-left-bottom > .cp-card {
    min-height: 0;
    margin-bottom: 0;
    display: flex;
    flex-direction: column;
}

/* Right column: map fills full height */
#client-dashboard-view .cp-overview-right {
    flex: 3;
    min-height: 0;
}

#client-dashboard-view .cp-overview-right > .cp-card {
    height: 100%;
    margin-bottom: 0;
    padding: 0;
    overflow: hidden;
}

/* Override the 1:1 aspect-ratio trick when inside viewport layout */
#client-dashboard-view .cp-overview-right .cp-map-square {
    padding-bottom: 0;
    height: 100%;
}

/* ════════════════════════════════════════════════════════════
   Detail Tab Viewport-Fit Layout
   Mirrors cp-overview-viewport so both tabs fill the screen.
   ════════════════════════════════════════════════════════════ */

#client-dashboard-view .cp-detail-viewport {
    display: flex;
    flex-direction: column;
    height: calc(100vh - 155px); /* same budget as cp-overview-viewport */
    min-height: 400px;
    overflow: hidden;
    gap: 8px;
}

/* Header card (search / status / date / export): fixed height */
#client-dashboard-view .cp-detail-viewport > .cp-card {
    flex: 0 0 auto;
    margin-bottom: 0;
}

/* Main split (table + map): fills whatever height remains */
#client-dashboard-view .cp-detail-viewport > .cp-detail-tab-container {
    flex: 1 1 0;
    min-height: 0;
}

/* ════════════════════════════════════════════════════════════
   Progress Bar Tooltips + Inline Percentages
   ════════════════════════════════════════════════════════════ */

/* Make segments flex containers for the inline label */
#client-dashboard-view .cp-progress-bar .cp-progress-segment {
    float: left;
    height: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: visible;
}

/* Inline percentage label inside the segment — clips when segment is narrow */
#client-dashboard-view .cp-segment-label {
    font-size: 10px;
    font-weight: 600;
    white-space: nowrap;
    pointer-events: none;
    max-width: 100%;
    overflow: hidden;
    text-overflow: clip;
    display: block;
}

/* CSS tooltip via ::after pseudo-element */
#client-dashboard-view .cp-has-tooltip {
    cursor: pointer;
}

#client-dashboard-view .cp-has-tooltip::after {
    content: attr(data-tooltip);
    position: absolute;
    bottom: 100%;
    left: 50%;
    /* `--tt-shift` is set by JS (clientDashboard.js: adjustTooltipPosition) on
       mouseenter to slide the tooltip back inside the viewport when its natural
       centered position would overflow. Defaults to -50% of pseudo-element width
       so the very-first hover (before JS fires) is still centered. */
    transform: translateX(var(--tt-shift, -50%));
    background: #333;
    color: #fff;
    padding: 6px 10px;
    border-radius: 4px;
    font-size: 12px;
    white-space: nowrap;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.15s;
    z-index: 1000;
    margin-bottom: 6px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}

#client-dashboard-view .cp-has-tooltip:hover::after {
    opacity: 1;
}

/* ── Left-hand Navigation Panel ── */
#client-dashboard-view .cp-nav-panel {
    flex-shrink: 0;
    position: relative;
    overflow: visible; /* allow toggle button to protrude */
    width: 28px; /* collapsed: only the toggle tab visible */
    background: #fff;
    border-right: 1px solid #e0e0e0;
    box-shadow: 2px 0 8px rgba(0, 0, 0, 0.08);
    transition: width 0.25s ease;
}

#client-dashboard-view .cp-nav-panel.cp-nav-panel-open {
    width: 240px;
    padding: 14px 36px 14px 14px; /* right accounts for the 28px toggle tab */
    overflow-y: auto;
}

/* Hide nav content when collapsed so nothing bleeds through the 28px sliver */
#client-dashboard-view .cp-nav-panel:not(.cp-nav-panel-open) .cp-nav-section {
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.15s ease, visibility 0s 0.15s;
}

#client-dashboard-view .cp-nav-panel.cp-nav-panel-open .cp-nav-section {
    visibility: visible;
    opacity: 1;
    transition: opacity 0.2s ease 0.1s;
}

/* Toggle tab — visible on right edge, always accessible */
#client-dashboard-view .cp-nav-panel-toggle {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 28px;
    height: 56px;
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 0 4px 4px 0;
    box-shadow: 2px 0 6px rgba(0, 0, 0, 0.08);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #666;
    font-size: 12px;
    transition: background-color 0.15s, color 0.15s;
    z-index: 201;
}

#client-dashboard-view .cp-nav-panel-toggle:hover {
    background-color: #f5f5f5;
    color: #333;
}

#client-dashboard-view .cp-nav-section {
    margin-bottom: 20px;
}

#client-dashboard-view .cp-nav-label {
    display: block;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: #999;
    margin-bottom: 6px;
}

#client-dashboard-view .cp-nav-project-select {
    width: 100%;
    font-size: 12px;
}

#client-dashboard-view .cp-nav-last-updated {
    font-size: 10px;
    color: #bbb;
    margin-top: 4px;
}

#client-dashboard-view .cp-nav-legend {
    list-style: none;
    padding: 0;
    margin: 0;
}

#client-dashboard-view .cp-nav-legend-item {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 3px 0;
}

#client-dashboard-view .cp-nav-legend-swatch {
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 2px;
    flex-shrink: 0;
}

#client-dashboard-view .cp-nav-legend-name {
    font-size: 12px;
    color: #555;
}

/* ─── Shapefile Attribute Filters ─── */

#client-dashboard-view .cp-nav-label-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 6px;
}

#client-dashboard-view .cp-nav-label-row .cp-nav-label {
    margin-bottom: 0;
}

#client-dashboard-view .cp-attr-clear-all {
    background: none;
    border: none;
    color: #1a73e8;
    font-size: 11px;
    cursor: pointer;
    padding: 0;
    text-decoration: underline;
}

#client-dashboard-view .cp-attr-clear-all:hover {
    color: #1558b0;
}

#client-dashboard-view .cp-attr-field-group {
    margin-bottom: 14px;
}

#client-dashboard-view .cp-attr-field-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 4px;
}

#client-dashboard-view .cp-attr-field-label {
    font-size: 11px;
    font-weight: 600;
    color: #555;
}

#client-dashboard-view .cp-attr-field-actions {
    display: flex;
    gap: 4px;
}

#client-dashboard-view .cp-attr-action-btn {
    background: none;
    border: 1px solid #ddd;
    border-radius: 3px;
    color: #888;
    font-size: 10px;
    padding: 1px 5px;
    cursor: pointer;
    line-height: 1.4;
}

#client-dashboard-view .cp-attr-action-btn:hover {
    background: #f5f5f5;
    color: #555;
}

#client-dashboard-view .cp-attr-value-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

#client-dashboard-view .cp-attr-value-list-scrollable {
    max-height: 160px;
    overflow-y: auto;
    border: 1px solid #eee;
    border-radius: 3px;
    padding: 4px 0;
}

#client-dashboard-view .cp-attr-value-list li {
    padding: 2px 0;
}

#client-dashboard-view .cp-attr-value-list-scrollable li {
    padding: 2px 8px;
}

#client-dashboard-view .cp-attr-checkbox-label {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    color: #555;
    cursor: pointer;
    margin: 0;
    font-weight: normal;
}

#client-dashboard-view .cp-attr-checkbox-label input[type="checkbox"] {
    cursor: pointer;
    flex-shrink: 0;
}

/* ════════════════════════════════════════════════════════════
   Grouped Table (Details Tab)
   ════════════════════════════════════════════════════════════ */

/* Group header row */
#client-dashboard-view .cp-group-row {
    cursor: pointer;
    background-color: #f0f2f5 !important;
    font-weight: 600;
}

#client-dashboard-view .cp-group-row:hover {
    background-color: #e6e9ed !important;
}

/* Group name cell */
#client-dashboard-view .cp-group-name-cell {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 200px;
}

/* Expand icon cell */
#client-dashboard-view .cp-group-expand-cell {
    width: 30px;
    text-align: center;
    color: #888;
}

/* Mini status progress bar in group row */
#client-dashboard-view .cp-group-status-bar {
    height: 10px;
    min-width: 60px;
    max-width: 100%;
    border-radius: 2px;
    overflow: hidden;
    background-color: #ddd;
}

/* Section child rows (expanded) */
#client-dashboard-view .cp-group-child-row {
    background-color: #fff !important;
    cursor: pointer;
    border-left: 3px solid transparent;
}

#client-dashboard-view .cp-group-child-row:hover {
    background-color: #f8f9fa !important;
    border-left-color: #00BFFF;
}

#client-dashboard-view .cp-group-child-row.cp-row-selected {
    background-color: #e0f7fa !important;
    border-left-color: #00BFFF;
}

/* Indent cell for section name */
#client-dashboard-view .cp-child-route-cell {
    padding-left: 28px !important;
    font-size: 11px;
    position: relative;
}

/* Vertical line connecting children to parent */
#client-dashboard-view .cp-child-route-cell::before {
    content: '';
    position: absolute;
    left: 14px;
    top: 50%;
    width: 8px;
    height: 1px;
    background-color: #ccc;
}

/* Other child data cells */
#client-dashboard-view .cp-group-child-row td {
    font-size: 11px;
    color: #555;
}

/* Completion % cell — muted for groups */
#client-dashboard-view .cp-group-completion-cell {
    font-size: 12px;
    font-weight: 600;
    color: #444;
}

/* Table: prevent any horizontal scroll on the grouped table wrapper */
#client-dashboard-view .cp-grouped-table-wrap {
    overflow-x: hidden;
}

/* (table-layout: fixed is now set on .cp-sections-table directly) */

/* Column widths for the 6-column grouped table — ensure headers are readable */
#client-dashboard-view .cp-grouped-table-wrap col.cp-col-expand   { width: 30px; }
#client-dashboard-view .cp-grouped-table-wrap col.cp-col-group    { width: auto; min-width: 120px; }
#client-dashboard-view .cp-grouped-table-wrap col.cp-col-sections { width: 65px; }
#client-dashboard-view .cp-grouped-table-wrap col.cp-col-length   { width: 80px; }
#client-dashboard-view .cp-grouped-table-wrap col.cp-col-status   { width: 100px; }

/* Grouped table sortable headers */
#client-dashboard-view .cp-grouped-table-wrap th.cp-sortable-th {
    cursor: pointer;
    white-space: nowrap;
    user-select: none;
}

#client-dashboard-view .cp-grouped-table-wrap th.cp-sortable-th:hover {
    background-color: #e6e9ed;
}

/* Active sort icon (colored when column is sorted) */
#client-dashboard-view .cp-sort-icon {
    margin-left: 3px;
    color: #D05A3B;
    font-size: 11px;
}

/* Inactive sort icon (faint hint on unsorted columns) */
#client-dashboard-view .cp-sort-icon-inactive {
    margin-left: 3px;
    color: #ccc;
    font-size: 11px;
}

/* ============================================================
   Responsive: Tablet (Item 5 + Item 17)
   ============================================================ */
@media (max-width: 992px) {
    /* Stack detail layout vertically — table above, map below */
    #client-dashboard-view .cp-detail-tab-container {
        flex-direction: column !important;
    }
    #client-dashboard-view .cp-detail-tab-container > .cp-detail-table-col {
        flex: 0 0 auto;
        max-height: 50vh;
        overflow-y: auto;
    }
    #client-dashboard-view .cp-detail-tab-container > .cp-detail-map-col {
        flex: 0 0 400px;
    }

    /* Stack overview body vertically — metrics + activity on top, map below.
       Mirrors cp-detail-tab-container so the map never falls out of the
       viewport on tall, narrow windows (cp-overview-viewport is fixed height
       with overflow:hidden, so an uncapped left column would clip the map). */
    #client-dashboard-view .cp-overview-body {
        flex-direction: column;
    }
    #client-dashboard-view .cp-overview-left {
        flex: 0 0 auto;
        max-height: 50vh;
        overflow-y: auto;
    }
    #client-dashboard-view .cp-overview-right {
        flex: 0 0 400px;
    }

    /* Item 17: Stack pagination controls vertically */
    #client-dashboard-view .cp-pagination .row > div {
        width: 100%;
        text-align: center !important;
        margin-bottom: 4px;
    }
}

/* ============================================================
   Responsive: Mobile (Item 5)
   ============================================================ */
@media (max-width: 768px) {
    /* Make dashboard a single column */
    #client-dashboard-view {
        flex-direction: column;
    }

    /* Nav panel becomes overlay */
    #client-dashboard-view .cp-nav-panel {
        position: fixed;
        z-index: 1000;
        top: 50px;
        left: 0;
        bottom: 0;
        background: #fff;
        box-shadow: 2px 0 8px rgba(0,0,0,0.15);
    }

    /* Compact toolbar: wrap search + buttons */
    #client-dashboard-view .cp-table-toolbar {
        flex-wrap: wrap;
        gap: 4px;
    }
    #client-dashboard-view .cp-table-search {
        width: 100%;
        margin-bottom: 4px;
    }

    /* Map at minimum height on mobile */
    #client-dashboard-view .cp-detail-tab-container > .cp-detail-map-col {
        flex: 0 0 300px;
    }
    #client-dashboard-view .cp-overview-right {
        flex: 0 0 300px;
    }

    /* Smaller table text */
    #client-dashboard-view .cp-sections-table {
        font-size: 11px;
    }

    /* Hide beta ribbon on very small screens */
    #client-dashboard-view .cp-beta-ribbon {
        display: none;
    }

    /* Compact pagination buttons */
    #client-dashboard-view .cp-pagination .pagination > li > a {
        padding: 3px 6px;
        font-size: 11px;
    }
}

/* Tighten InfoWindow chrome around content */
#client-dashboard-view .gm-style-iw-c {
    padding: 0 !important;
    border-radius: 8px !important;
}
#client-dashboard-view .gm-style-iw-d {
    overflow: hidden !important;
    padding: 8px 10px !important;
}
/* Shrink the close-button header row so it doesn't add top whitespace */
#client-dashboard-view .gm-style-iw-chr {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    z-index: 1 !important;
}

/* ============================================================
   "NEW" feature highlight — mirrors Insight's badge on Dashboards
   Apply .new-feature-highlight to a button to render the banner.
   ============================================================ */
.new-feature-highlight {
    position: relative;
}

.new-feature-highlight::before {
    content: '';
    position: absolute;
    right: -1px;
    top: -1px;
    background: url('images/banner-highlight.png') no-repeat;
    background-size: contain;
    height: 28px;
    width: 28px;
    pointer-events: none;
}

/* ============================================================
   Client Portal — internal-user info banner
   Shown on the dashboard for non-client-viewer-only users to
   explain what the Client Portal is and how to grant access.
   ============================================================ */
#client-dashboard-view .cp-info-banner {
    margin: 8px 0 12px 0;
}

#client-dashboard-view .cp-info-banner .fa-info-circle {
    margin-right: 6px;
}

#client-dashboard-view .cp-info-banner a {
    margin-left: 4px;
}

#client-dashboard-view .cp-info-banner a .fa-external-link {
    margin-left: 4px;
    font-size: 0.85em;
}