/**
 * app css stylesheet
 *
 * Colors
 * 
 * Blue (caret)               #0088cc (#08c)
 * Blue (Main 2)              #005b80
 * Blue (Main 1)              #00a3e0
 * Blue (progress bar)        #a1c9d5
 * Blue (openstreet map)      #b5d0d0
 * Yellow                     #ffc107
 * Red (Error, Action)        #c80000
 * Purple (sip)               #a20ba6
 * Purple (Mojo)              #6f5499
 * Salmon (RACK, HE4000)      #ff9797
 * Green (AIR)                #00b3b3
 * 
 * White                      #ffffff (#FFF)
 * White dark                 #f5f5f5
 * Gray (accordion)           #ebebeb
 * Gray Ultralight (label)    #e2e2e2
 * Gray Light (label)         #cccccc (#CCC)
 * Gray Light (Text, small)   #999999 (#999)
 * Gray 02 (timestamp)        #727274
 * Gray Dark                  #666666 (#666)
 * Gray                       #555555 (#555)
 * Gray                       #3a3a3a
 * Gray                       #333333 (#333)
 * Gray Ultradark             #2F2F2F
 * Black Aviwest (background) #2a2a2a
 * Black (PRO)                #222222 (#222)
 */

/*
|
| Font
|
*/
@font-face
{
  font-family: font-aviwest;
  src: url('/css/Prototype.ttf')
}

@font-face
{
  font-family: GothamBlack;
  src: url('/css/GothamBlack.ttf')
}
@font-face
{
  font-family: Gotham-Light;
  src: url('/css/Gotham-Light.otf');
}
@font-face
{
  font-family: Gotham-Medium;
  src: url('/css/Gotham-Medium.otf');
}
@font-face
{
  font-family: Gotham-Bold;
  src: url('/css/Gotham-Bold.otf');
}
@font-face
{
  font-family: Gotham-Book;
  src: url('/css/Gotham-Book.otf');
}

body, p, input, button, select, textarea,
.navbar-search .search-query {
  font-family: Gotham-Book, "Helvetica Neue", Helvetica, Arial, sans-serif;
  letter-spacing: -0.5px;
}

strong {
  font-family: Gotham-Medium;
  letter-spacing: -0.5px;
  font-weight: 400;
}

/*
|
| Branding color
|
*/
.hvcolor {
  color: #00a3e0 !important;
}

.hvcolor2 {
  color: #005b80;
}

input[type="checkbox"] {
  accent-color: #00a3e0;
}
.act-success, 
.sticky.st-success {
  color: #00a3e0;
}

.act-info,
.alert-info,
.sticky.st-info {
  color: #005b80;
}

.sticky.st-error {
  color:#C80000
}

.sticky.st-info{color:#00a6fc}

.alert-info {
  background-color: #f5f5f5;
  border-style: none;
}

.act-warning {
  color: #ffc107;
}
.alert-warning {
  color: #005b80;
  background-color: #ffc107;
  border-style: none;
}

.act-danger {
  color: #c80000;
}

.act-certificate {
  display: block;
};

.thumb-error {
  background-color: rgba(200, 0, 0, 0.8) !important;
  border-color: #c80000 !important;
  
}

/*
|
| Nav-tabs
|
*/

a {
  color:#00a3e0;
  text-decoration:none
}

a:hover {
  color: #005b80;
}

a.dropdown-toggle.ng-binding.active,
.nav-tabs>.active>a,
.nav-tabs>.active>a:hover {
  color: #005b80;
  font-family: Gotham-Bold;
}

.dropdown-menu li > a:hover,
.dropdown-menu .active > a,
.dropdown-menu .active > a:hover {
  background-color: #00a3e0;
}

/*
|
| Glyphicons
|
*/
.glyphicons {
  font-size: 18px;
}

.glyphicons.rotate30 {
  -webkit-transform: rotate(30deg);
  -moz-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  transform: rotate(30deg);
}
.glyphicons.disabled {
  color: #727274;
}
.btn .glyphicons {
  margin-top: -3px;
  margin-bottom: -3px;
  font-size: 12px;
}
.btn-mini .glyphicons {
    margin-top: -4px;
    margin-bottom: -4px;
    font-size: 11px;
    margin-left: -6px;
    margin-right: -6px;
}

.btn-medium {
    padding: 2px, 6px;
    line-height: 14px;
    font-size: 12px;
}

.btn-info {
  color: white;
  background: #00a3e0;
}

/*
|
| Ellipsis text
|
*/
.trim {
  white-space: nowrap;
  max-width: 60px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  vertical-align: middle;
}
.trim-fsz9 {
  font-size: 9px;
}
.trim-80 {
  max-width: 80px;
}
.trim-100 {
  max-width: 100px;
}
.trim-110 {
  max-width: 110px;
}
.trim-130 {
  max-width: 130px;
}
.trim-200 {
  max-width: 200px;
}
.trim-300 {
  max-width: 300px;
}
.trim-500 {
  max-width: 500px;
}

.label-info, .badge-info {
  background: #00a3e0 /* Haivision blue */
}

.act-abbr,
.label-abbr {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 100px;
  display: inline-block;
  vertical-align: middle;
}
.act-abbr {
  max-width: 60px;
  font-size: 9px;
}
.abbr-60 {
  max-width: 60px !important;
}
.abbr-70 {
  max-width: 70px !important;
}
.abbr-80 {
  max-width: 80px !important;
}
.abbr-110 {
  max-width: 110px;
}
.abbr-140 {
  max-width: 140px !important;
}
.abbr-200 {
  max-width: 200px !important;
}
.abbr-470 {
  max-width: 470px !important;
}

.btn:hover {
  background-position: 0px -20px;
}

.brand {
  font-family: Gotham-Bold !important;
}

.container {
  padding-top: 52px;
}

.spacer {
  height: 1em;
}

.clickable {
  cursor: pointer;
  text-decoration: none;
}

.no-pointer {
  cursor: inherit;
}

.modal-body-general textarea {
  resize: vertical;
  font-size: 0.8em;
  min-width: 510px;
  min-height: 36px;
}

.heading-certificate {
  margin-bottom: 6px;
}

.text-right {
  text-align: right !important;
}

.text-left {
  text-align: left !important;
}

.text-light {
  color: #999;
}

.text-divider {
  background-color: #727274;
  cursor: auto;
  margin: 4px 0;
}

small {
    font-size: 11px;
    color: #999;
}

.timestamp {
  display: inline-block;
  min-width: 120px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  letter-spacing: 0;
  color: #727274;
  margin-right: 1rem;
}

.input-disabled {
  text-decoration: line-through;
}

.modal.fade.in {
  top: 35%;
}

.modal-long.modal.fade.in {
    top: 30%;
}
.modal-long .modal-body {
    max-height: none;
}

.modal-body {
    max-height: 600px;
}

.modal-fileListing {
    width:  500px;
}

.modal-remote {
    width:    auto;
}

.modal-remoteProxy {
    width:  1230px;
}

.modal-remoteProxySmall {
    width:   440px;
}

.remoteProxyIcon {
    margin-top:   2px;
    margin-right: 10px;
}

.modal-network {
    top:       10%;
    left:      30%;
    margin-left: 0;
    margin-top:  0;
    width:   750px;
}

.modal-body-min {
    min-height: 250px;
}

.modal-body-webui {
    max-height: 900px;
}

.modal-body-booking {
    min-height: 400px;
}

.modal-body-general {
    max-height: 630px;
}

.modal-subheader {
    padding: 20px 15px 0px 15px;
}

/* in case of modal-bodal follows modal-subheader */
.modal-subheader + .modal-body {
    padding: 0px 15px 20px 15px;
}

.label-ultralight {
  background: #e2e2e2;
}

.label-light {
  background: #cccccc;
}

.label-dark {
  background: #666;
}

.label-ultradark {
  background: #2F2F2F;
  color: gray;
}

.label-action {
  background-color: #c80000;
  color: white;
}

.badge-sip,
.label-sip {
  background-color: #a20ba6;
}

.badge-fullscreen {
  background-color: white;
  color: rgb(42, 42, 42);
}

.badge.DMNG-STUDIO,
.label.DMNG-STUDIO {
  background-color: #00a3e0; /* Blue */
}

.badge[class*="PRO"],
.label[class*="PRO"] {
  background-color: #222;    /* Black */
}

.badge.DMNG-APP,
.label.DMNG-APP,
.badge.MOJOPRO-APP,
.label.MOJOPRO-APP,
.badge.Custom,
.label.Custom {
  background-color: #6f5499; /* Purple */
}

.badge[class*="RACK"],
.label[class*="RACK"],
.badge.HE4000,
.label.HE4000 {
  background-color: #ff9797; /* Pink */
}
.badge[class*="AIR"],
.label[class*="AIR"] {
  background-color: #00b3b3; /* Green */
}

.label.DMNG-LAPTOP,
.label.MOJOPRO-LAPTOP {
  background-color: white;   /* White */
  color: #2A2A2A;
  border: 1px solid gray;
  text-shadow: 0 0 0 white;
  padding: 0px 4px 1px;
}
.badge.DMNG-LAPTOP,
.badge.MOJOPRO-LAPTOP {
  background-color: white;
  color: #2A2A2A;
  border: 1px solid gray;
}
.badge.THIRD-PARTY,
.label.THIRD-PARTY {
  background-color: #AB0000; /* Red */
}

.label-white {
  background-color: white;
  color: #00a3e0;
  border: 1px solid #e2e2e2;
  text-shadow: unset;
  padding: 0px 4px 1px;
}

.size36 {
  width: 36px;
}

.output-not-inspected {
  color: #cccccc;
}

.badge-consumed {
  background-color: #005b80;
}
.badge-roaming {
  background-color: #00a3e0;
}

.badge-selected {
  padding: 0px 3px 0px;
  background-color: #333;
}

.icon-device-detail-white,
.icon-device-detail {
  display: inline-block;
  width: 14px;
  height: 14px;
  line-height: 14px;
  vertical-align: text-top;
  background-image: url('/img/icon-device-detail.png');
  background-position: center;
  background-repeat: no-repeat;
}
.icon-device-detail-white {
  background-image: url('/img/icon-device-detail-white.png');
}

.accordion {
  margin-bottom: 8px;
  background-color: #f5f5f5;
}
.accordion-heading {
  background-color: #ebebeb;
}
.accordion-heading a:hover{
  text-decoration: none;
}

ul.dropdown-menu.menu-action {
  min-width: 185px;
}

.dropdown-menu li span {
  padding: 3px 20px 3px 8px;
  position: relative;
  opacity: 0.5;
  display: block;
}

.dropdown-scroll-menu {
  max-height: 350px;
  overflow-y: auto;
}

.dropdown .caret {
  margin-top: 8px;
  border-top-color: #00a3e0;
  border-bottom-color: #00a3e0;
}

.dropdown:hover .caret,
.open .caret {
  border-top-color: #005b80;
  border-bottom-color: #005b80;
}

.dropdown-menu.device-group {
  left:0;
  font-size: 13px;
  text-align: left;
}

.dropdown-menu.video-return li span {
  padding: 0;
  position: relative;
  opacity: 1;
  display: inline-block;
}
/*
|
| Jumbotron
|
*/
.jumbotron {
  padding-top: 48px;
  padding-bottom: 48px;
  padding-right: 60px;
  padding-left: 60px;
  background-color: #ebebeb;
  border-radius: 6px;
}
.jumbotron h1 {
    font-size: 63px;
    line-height: 88px;
}
.jumbotron p {
    margin-bottom: 15px;
    font-size: 21px;
    font-weight: 200;
}

/*
|
| Dropdown-menu for data plan day
|
*/
ul.dropdown-menu.data-plan-day {
  width: 170px;
  min-width: auto;
}
ul.dropdown-menu.data-plan-day li a {
  display: inline-block;
  padding: 0px 4px;
  min-width: 14px;
  text-align: center;
}
ul.dropdown-menu.data-plan-day li a.active {
  color: #FFF;
  text-decoration: none;
  background-color: #222;
}

/*
|
| Dropdown-menu for date picker
|
*/
.date-picker .dropdown-toggle {
  min-width: 6em;
  text-align: right;
}
.date-picker ul.dropdown-menu {
  width: 190px;
  min-width: auto;
}
.date-picker ul.dropdown-menu li a {
  display: inline-block;
  padding: 0px 4px;
  min-width: 17px;
  text-align: center;
}
.date-picker ul.dropdown-menu li a.today {
  background-color: #CCC;
}
.date-picker ul.dropdown-menu li a.active {
  color: #FFF;
  text-decoration: none;
  background-color: #222;
}

/*
|
| Fullscreen
|
*/
body.fullscreen {
  margin: 0;
  background-color: #2A2A2A;
  color: #FFF;
  max-width: none;
}

body.fullscreen .modal {
  color: #222;
}

body.fullscreen .heading {
  border-bottom-color: #555;
}

body.fullscreen .nav-list.well,
body.fullscreen .dashboard-device-thumbnail,
body.fullscreen .dashboard-device-detail-body,
body.fullscreen .dashboard-studio-detail-body,
body.fullscreen .accordion,
body.fullscreen .accordion-group,
body.fullscreen .accordion-inner {
  background-color: #333;
  border-color: #555;
}

body.fullscreen .accordion {
  border-radius: 4px;
}

body.fullscreen .accordion-heading {
  background-color: #2A2A2A;
  border-radius: 4px;
}

body.fullscreen .accordion-inner {
  border-top-color: #333;
  border-radius: 0 0 4px 4px;
}

body.fullscreen .dashboard-basebandplayer-thumbnail {
    border-color: #555;
}

body.fullscreen .form-search .well .nav-header {
    background-color: rgb(42, 42, 42);
    border-radius: 4px;
    color: white;
    text-shadow: 0px 1px 0px rgba(42, 42, 42, 0.5);
}

body.fullscreen .search-query {
    background-color: #F4F4F4;
}

body.fullscreen .form-search {
  margin-top: 1em;
  margin-left: 1em;
}
body.fullscreen label,
body.fullscreen .act,
body.fullscreen .dropdown-menu a {
  color: white;
}

body.fullscreen .label-white {
  background-color: #222;
  border-color: #222;
}

body.fullscreen .act-success, 
body.fullscreen .sticky.st-success {
  color: #00a3e0;
}

body.fullscreen .dashboard-grid {
  border: none;
}

body.fullscreen .top-right, .top-left, .top-center {
  top: 0px;
}

body.fullscreen .ui-progressbar {
  background: #ccc;
}

body.fullscreen .dropdown-menu,
body.fullscreen .dashboard-grid-studio-col .panel:hover,
body.fullscreen .dashboard-basebandplayer-thumbnail .input-select .dropdown-menu {
  background-color: #3A3A3A;
}

/*
|
| Nav
|
*/

label.checkbox {
  font-size: 12px;
}

.nav-header-label {
  vertical-align: sub;
}

.nav-header {
  font-family: Gotham-Medium;
  letter-spacing: -0.2px;
  padding-bottom: 0px !important;
}

.navbar .divider-vertical {
  height: 45px;
}

.navbar .nav>li>a {
  padding-top: 12px;
}

.nav-list > .active > a, .nav-list > .active > a:hover {
  background-color: #999;
}

.nav-list {
  margin-bottom: 8px;
}

.navbar {
  z-index: 1007;
}

.navbar .act {
  margin-top: 10px;
  display: block;
}

.nav .nav-header {
  color: #333;
}

.nav-header-sip {
  text-transform: none !important;
}

.row-fluid {
  padding-top: 7px;
}

body .search-query {
  margin: 5px 0 -12px !important;
}

/*
|
| Branding
|
*/
.aviwest .login_content form {
  background-image:url('/img/Haivision_Logo_2022.svg');
  background-repeat: no-repeat;
  background-position: center -70px;
  padding: 150px 20px 70px;
}

@media (min-width: 979px) {
  .aviwest .navbar .brand {
    background-image: url("/img/Haivision_Manager_UI_Logo.svg");
    background-repeat: no-repeat;
    background-position: -220px -175px;
    background-size: 700px;
    padding-left: 45px;
    height: 45px;
    padding-right: 0;
  }
}

@media (max-width: 978px) {
.navbar .brand {
    line-height: 24px;
  }
}

.nav-bar-monitoring {
  padding: 4px;
  position: absolute;
  top: 8px;
  right: 70px;
  /*color: white;*/
  font-size: 12px;
  font-family: Courier New, Arial, sans-serif;
  letter-spacing: 0;
}

.nav-bar-monitoring .icon-tasks {
  background-position-y: -147px;
}

/*
|
| Form search
|
*/
.form-search .well {
  padding-top: 0;
  padding-bottom: 0;
}

.form-search .well .nav-header {
  background-color: #ebebeb;
}

.form-search > ul.nav > li.last {
  margin-bottom: 1em;
}

/*
|
| Forms
|
*/
.container input.ng-invalid {
  color: #b94a48;
  border-color: #b94a48;
}

.container select.ng-invalid {
  border-color: #b94a48;
}

/* See Evolutions #3909 */
label.checkbox {
  display: inline-block;
}

.linebreak {
  display: block;
}

.controls>.checkbox-pt0:first-child{padding-top:0px}.radio.inline

/*
|
| Manager info
|
*/
.manager-info {
  float: right;
}

.manager-info {
  font-size: 11px;
}

.manager-info li {
  line-height: 26px;
  overflow: hidden;
  border-bottom: 1px dashed #ccc;
}

.manager-info li:last-child {
  border: none;
}

.act-right {
  float: right;
}

.msg-bar {
  margin-right: 150px;
}

.manager-info .act-right {
  font-weight: 400;
  font-family: Gotham-Medium !important;
  letter-spacing: -0.5px;
}

/*
|
| Picto
|
*/
span.picto {
  background-repeat:no-repeat;
  background-position: center;
  height:20px;
  width:30px;
  display: inline-block;
  vertical-align: middle;
}

span.picto_large {
  background-repeat:no-repeat;
  background-position: center;
  width:28px;
  height:28px;
  display: inline-block;
  vertical-align: middle;
}

span.picto_small {
  background-repeat:no-repeat;
  background-position: center;
  width:16px;
  height:16px;
  display: inline-block;
  vertical-align: middle;
}

span.picto_mini {
  background-repeat:no-repeat;
  background-position: center;
  width:14px;
  height:14px;
  line-height: 14px;
  display: inline-block;
  vertical-align: text-top;
}

span.picto_circle {
  border: solid 1px;
  border-radius: 18px;
  border-color: #ccc;
  background-color: white;
}

span.picto_large.disabled {
  opacity: 0.5;
}

.picto_ajax_loader {
  background-image:url('/img/picto_ajax_loader.gif');
}
.picto_ajax_loader_inverse {
  background-image:url('/img/picto_ajax_loader_black.gif');
}
.picto_sort_asc {
  background-image:url('/img/sort_asc.png');
}

.picto_sort_desc {
  background-image:url('/img/sort_desc.png');
}

.picto_sort_both {
  background-image:url('/img/sort_both.png');
}
.picto_intercom_0 {
  background-image:none;
  border-color: #cccccc !important;
}
.picto_intercom_1 {
  background-image:url('/img/picto_intercom_capture.png');
}
.picto_intercom_2 {
  background-image:url('/img/picto_intercom_playback.png');
}
.picto_intercom_3 {
  background-image:url('/img/picto_intercom_captplay.png');
}
.picto_intercom_4 {
  background-image:url('/img/picto_intercom_error.png');
}
.picto_intercom_5 {
  background-image:url('/img/picto_intercom_registered.png');
}
.picto_USB {
  background-image:url('/img/picto_USB.png');
}
.picto_SD_0 {
  background-image:none;
  border-color: #cccccc !important;
}
.picto_SD_1 {
  background-image:url('/img/picto_SD_1.png');
}
.picto_SD_2 {
  background-image:url('/img/picto_SD_2.png');
}
.picto_SD_3 {
  background-image:url('/img/picto_SD_3.png');
}
.picto_SD_4 {
  background-image:url('/img/picto_SD_4.png');
}
.picto_SD_5 {
  background-image:url('/img/picto_SD_5.png');
}
.picto_SD_6 {
  background-image:url('/img/picto_SD_6.png');
}
.picto_SD_200 {
  background-image:url('/img/picto_SD_200.png');
}
.picto_BAT_0 {
  background-image:url('/img/picto_BAT_empty.png');
}
.picto_BAT_1 {
  background-image:url('/img/picto_BAT_1.png');
}
.picto_BAT_2 {
  background-image:url('/img/picto_BAT_2.png');
}
.picto_BAT_3 {
  background-image:url('/img/picto_BAT_3.png');
}
.picto_BAT_4 {
  background-image:url('/img/picto_BAT_4.png');
}
.picto_BAT_5 {
  background-image:url('/img/picto_BAT_5.png');
}
.picto_BAT_6 {
  background-image:url('/img/picto_BAT_charge.png');
}
.picto_BAT_7 {
  background-image:url('/img/picto_BAT_secteur.png');
}
.picto_BAT_8 {
  background-image:url('/img/picto_BAT_warning.png');
}
.picto_BAT_9 {
  background-image:url('/img/picto_BAT_warning.png');
}
.picto_BAT_10 {
  background-image:url('/img/picto_BAT_warning.png');
}
.picto_BAT_11 {
  background-image:url('/img/picto_BAT_int_empty.png');
}
.picto_BAT_12 {
  background-image:url('/img/picto_BAT_int_1.png');
}
.picto_BAT_13 {
  background-image:url('/img/picto_BAT_int_2.png');
}
.picto_BAT_14 {
  background-image:url('/img/picto_BAT_int_3.png');
}
.picto_BAT_15 {
  background-image:url('/img/picto_BAT_int_4.png');
}
.picto_BAT_16 {
  background-image:url('/img/picto_BAT_int_5.png');
}
.picto_BAT_17 {
  background-image:url('/img/picto_BAT_int_warning.png');
}
.picto_BAT_18 {
  background-image:url('/img/picto_BAT_int_critical.png');
}
.picto_lock {
  background-image:url('/img/picto_lock.png');
}
.picto_unlock {
  background-image:url('/img/picto_unlock.png');
}
.picto_lock_white {
  background-image:url('/img/picto_lock_white.png');
}
.picto_unlock_white {
  background-image:url('/img/picto_unlock_white.png');
}
.picto_external_link {
  background-image:url('/img/external_link.png');
}
.picto_external_link_white {
  background-image:url('/img/external_link_white.png');
}
.picto_earphone {
  background-image:url('/img/picto_earphone.png');
}
.picto_earphone_disabled {
  background-image:url('/img/picto_earphone_disabled.png');
}
.picto_earphone_hangup {
  background-image:url('/img/picto_earphone_hangup.png');
}
.picto_mute {
  background-image:url('/img/picto_mute.png');
}
.picto_mute_white {
  background-image:url('/img/picto_mute_white.png');
}
.picto_volume_up {
  background-image:url('/img/picto_volume_up.png');
}
.picto_volume_up_white {
  background-image:url('/img/picto_volume_up_white.png');
}
.picto_microphone {
  background-image:url('/img/picto_microphone.png');
  width: 26px !important;
}
.picto_microphone_white {
  background-image:url('/img/picto_microphone_white.png');
  width: 26px !important;
}
.picto_mic_mute {
  background-image:url('/img/picto_mic_mute.png');
  width: 26px !important;
}
.picto_mic_mute_white {
  background-image:url('/img/picto_mic_mute_white.png');
  width: 26px !important;
}
.picto_user {
  background-image:url('/img/picto_user.png');
}
.picto_user_blue {
  background-image:url('/img/picto_user_blue.png');
}
.picto_account-logout {
  background-image:url('/img/account-logout-2x.png');
  background-color: #999;
  background-repeat:no-repeat;
  background-position: center;
  height:19px;
  width:20px;
  display: inline-block;
  border-radius: 2px;
}
.picto_group {
  background-image:url('/img/picto_group.png');
}
.picto_group_white {
  background-image:url('/img/picto_group_white.png');
}
.picto_ETHERNET {
  background-image:url('/img/picto_ETHERNET.png');
}
.picto_ETH_connect {
  background-image:url('/img/picto_ETH_connect.png');
}
.picto_ETH_disconnect {
  background-image:url('/img/picto_ETH_disconnect.png');
}
.picto_WIFI {
  background-image:url('/img/picto_WIFI.png');
}
.picto_CELLULAR {
  background-image:url('/img/picto_CELLULAR.png');
}
.picto_2G {
  background-image:url('/img/picto_2G.png');
}
.picto_3G {
  background-image:url('/img/picto_3G.png');
}
.picto_4G {
  background-image:url('/img/picto_4G.png');
}
.picto_5G {
  background-image:url('/img/picto_5G.png');
}
.picto_signal_-1 {
  background-image:url('/img/picto_signal_-1.png');
}
.picto_signal_0 {
  background-image:url('/img/picto_signal_0.png');
}
.picto_signal_1 {
  background-image:url('/img/picto_signal_1.png');
}
.picto_signal_2 {
  background-image:url('/img/picto_signal_2.png');
}
.picto_signal_3 {
  background-image:url('/img/picto_signal_3.png');
}
.picto_signal_4 {
  background-image:url('/img/picto_signal_4.png');
}
.picto_signal_5 {
  background-image:url('/img/picto_signal_5.png');
}
.picto_video_return_white {
  background-image:url('/img/icon-video-return-white.svg');
  background-size: 20px 15px !important;
  width: 20px !important;
  height: 15px !important;
  vertical-align: top !important;
}
.picto_video_return_black {
  background-image:url('/img/icon-video-return-black.svg');
  background-size: 20px 15px !important;
  width: 20px !important;
  height: 15px !important;
  vertical-align: top !important;
}

.picto_compressed {
  background-image:url('/img/aw-encoder-2.svg');
  background-size: 15px !important;
  width: 13px !important;
  height: 15px !important;
  margin-bottom: 2px;
}

body.fullscreen .picto_compressed {
  background-image:url('/img/aw-encoder-2-white.svg');
}

/*
|
| Chart
|
*/
#chart-device-stats,
#chart-sim-stats {
  height: 160px;
  width: 430px;
  margin-bottom: 1em;
  display: inline-block;
  vertical-align: middle;
  margin: 0 10px 20px 10px;
}
#pie-chart-operator {
  width: 100%;
  height: 250px;
  display: block;
}​
/*
|
| Map
|
*/
#map-openstreet {
  display: block;
  height: 500px;
  width: 870px;
  background-color: #b5d0d0;
}

@media screen and (min-height: 900px) {
  #map-openstreet {
    height: 800px;
  }
}

.olPopupContent {
  padding: 0 !important;
}
.olAlphaImg {
  cursor: pointer;
}

/*
|
| Login
|
*/
.login_content {
  padding-top: 200px;
  margin: 0 auto;
  max-width: 500px;
}

/*
|
| Dashboard
|
*/
div.dashboard-device-detail {
  /*
  padding-bottom: 13px;
  margin-bottom: 0;
  */
  margin-bottom: 8px;
}
div.dashboard-studio-detail {
  margin-bottom: 8px;
}
.dashboard-studio-detail-body li {
  margin-bottom: 2px;
}
.dashboard-studio-detail-body a.dropdown-toggle:hover {
  text-decoration: none;
}
.dashboard-studio-detail-body,
.dashboard-basebandplayer-thumbnail .input-select .dropdown-menu,
.dashboard-device-detail-body {
  background-color: #F5F5F5;
  padding: 4px;
  border: 1px solid rgba(0, 0, 0, 0.05);
  border-radius: 4px;
}
.dashboard-studio-detail-body .label,
.dashboard-device-detail-body .label {
  display: inline-block;
  vertical-align: middle;
}
.dashboard-device-detail .live-profile,
.dashboard-device-detail .btn-group {
  display: inline-block;
  vertical-align: middle;
}
.dashboard-device-detail-body p {
  overflow-wrap: anywhere;
}
.btn {
  margin-left: -1px !important;
}
.dashboard-device-detail-info p {
  margin: 0;
}
.dashboard-device-detail .dashboard-device-thumbnail {
  margin: 0;
}
.dashboard-device-detail .heading {
  margin-bottom: 8px;
}
.dashboard-device-detail .dashboard-device-thumbnail {
  border: none;
  padding: 0;
}
.dashboard-tab-list .table {
  border-collapse: inherit;
}

.table-width220 {
  width: 220px;
}

.table-width242 {
  width: 242px;
}

.table-width260 {
  width: 260px;
}

.firmware-progressbar div {
  height: 4px;
  width: 100px;
}

.dashboard-tab-map {
  position: relative;
}

.dashboard-tab-map .dashboard-map-device-thumbnail {
  position: absolute;
  top: 0px;
  right: 0px;
  margin: 0;
  z-index: 1005;
  background-color: #333;
  height: 500px;
  color: white;
  opacity: 0.8;
}
@media screen and (min-height: 1000px) {
  .dashboard-tab-map .dashboard-map-device-thumbnail {
    height: 800px;
  }
}
.dashboard-tab-map .dashboard-map-device-thumbnail h4,
.dashboard-tab-map .dashboard-map-device-thumbnail h5 {
  margin: 1em;
}
.dashboard-tab-map .dashboard-device-thumbnail {
  margin-left: 1em;
  margin-right: 1em;
}

.dashboard-tab-map .dashboard-out-of-map,
.dashboard-tab-map .dashboard-refresh-map {
  position: absolute;
  top: 61px;
  left: 11px;
  margin: 0;
  z-index: 1000;
}
.dashboard-tab-map .dashboard-out-of-map button,
.dashboard-tab-map .dashboard-refresh-map button {
  width: 22px;
  height: 22px;
  padding: 0
}
.dashboard-tab-map .dashboard-out-of-map .btn-success {
  background: white;
  color: #00a3e0;
}

.dashboard-tab-map .dashboard-out-of-map {
  top: 85px;
}

.dashboard-tab-map .dashboard-map-menu-right {
  position: absolute;
  top: 0px;
  right: 0px;
  margin: 0;
  z-index: 1006;
  background-color: #333;
  height: 500px;
  min-width: 180px;
  color: white;
  opacity: 0.8;
  max-height: 800px;
  overflow-y: auto;
}
@media screen and (min-height: 900px) {
  .dashboard-tab-map .dashboard-map-menu-right {
    height: 800px;
  }
}
.dashboard-tab-map .dashboard-map-menu-right div {
  padding: 1em;
}
.dashboard-tab-map .dashboard-map-menu-right .label {
    min-width: 4.2em;
    text-align: center;
    display: inline-block;
}
.dashboard-tab-map .dashboard-map-menu-right .label.DMNG-PRO {
  background-color: #000;
}

.dashboard-basebandplayer-grid {
  display: inline;
}
.dashboard-basebandplayer-thumbnail,
.dashboard-device-thumbnail {
  float: left;
  display: inline-block;
  padding: 0 4px 4px 4px;
  margin-right: 8px;
  margin-bottom: 8px;
  border: 1px solid #ddd;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: white;
  position: relative;
}

.dashboard-device-inspected {
  border: 1px solid #00a3e0 !important;
}

.dashboard-device-thumbnail.mute {
  background-color: #F5F5F5;
  border-color: #ddd;
}
.dashboard-device-thumbnail.solo {
  background-color: #ebebeb;
  border-color: #ccc;
}
.dashboard-device-thumbnail img {
  width: 120px;
  height: 66px;
}
.dashboard-device-thumbnail .btn-group {
  margin-left: 1px;
  margin-top: 3px;
}
.dashboard-device-thumbnail .btn-group>.btn {
  width: 40px;
}

.dashboard-basebandplayer-thumbnail {
  background-color: #333;
  border-color: #555;
}
.dashboard-basebandplayer-thumbnail .btn-mini {
    padding: 0px 6px 1px 6px;
    vertical-align: bottom;
}

.dashboard-basebandplayer-thumbnail .label {
  display: inline-block;
}

.dashboard-basebandplayer-thumbnail p,
.dashboard-device-thumbnail p {
  margin: 0
}

.dashboard-basebandplayer-thumbnail h6,
.dashboard-device-thumbnail h6 {
  color: white;
}

.dashboard-basebandplayer-thumbnail li {
  line-height: 14px;
}

.dashboard-basebandplayer-thumbnail .dropdown-menu .active>a {
  background-color: #00a3e0;
}

.dashboard-basebandplayer-thumbnail .nav {
  margin: 0;
  display: flex;
}

.dashboard-basebandplayer-thumbnail .nav > li > a {
  color: #ccc;
}

.dashboard-basebandplayer-thumbnail .input-select {
  min-height: 10px;
}

.dashboard-basebandplayer-thumbnail .input-select .label {
  padding: 1px 4px 2px;
}

.dashboard-basebandplayer-thumbnail .input-select .dropdown-toggle .caret {
  margin-top: 6px;
  border-top-color: #ccc;
  border-bottom-color: #ccc;
}

.input-select .dropdown-toggle:hover {
  color: white;
  background-color: #333;
}

.input-select a.ng-binding:hover {
  color: #ccc;
  background-color: #333;
}

.dashboard-basebandplayer-thumbnail .dropdown-menu li span {
  padding: 0;
  position: relative;
  opacity: 1;
  display: inline-block;
}

.dashboard-basebandplayer-thumbnail img {
  width: 160px;
  height: 90px;
}

.dashboard-basebandplayer-thumbnail .label-abbr {
  max-width: 88px;
}

.dashboard-basebandplayer-thumbnail-body,
.dashboard-device-thumbnail-body {
  position: relative;
}
.dashboard-basebandplayer-thumbnail-body {
  margin: 5px 0 2px 0;
}
.dashboard-device-thumbnail-body {
  margin: 3px 0 0 0;
  height: 66px;
  width:  120px;
}

.dashboard-basebandplayer-thumbnail-overlay,
.dashboard-device-thumbnail-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  background-color: rgba(0,0,0,0.5);
}

.dashboard-device-label-action {
  position: absolute;
  top: 6px;
  left: 6px;
  z-index: 10;
  background-color: #c80000;
  color: white;
  line-height: 8px;
  font-size: 0.7em;
  padding: 3px 5px;
  border-radius: 4px;
}

.dashboard-basebandplayer-label-live {
  position: absolute;
  top: 6px;
  left: 6px;
  z-index: 10;
  background-color: #c80000;
  color: white;
  line-height: 10px;
  font-size: 0.8em;
  padding: 3px 5px;
  border-radius: 4px;
}

.dashboard-basebandplayer-thumbnail-overlay ul,
.dashboard-device-thumbnail-overlay ul {
  color: white;
  font-size: 11px;
  padding: 4px;
  overflow: hidden;
  white-space: nowrap;
}

.dashboard-basebandplayer-thumbnail-empty,
.dashboard-device-thumbnail-empty {
  display: block;
  height: 90px;
  width: 160px;
  background-color: black;
  background-image:url('/img/Haivision_Logo_2022.svg');
  background-repeat: no-repeat;
  background-position: center;
}
.dashboard-basebandplayer-thumbnail-empty.disabled,
.dashboard-device-thumbnail-empty.disabled {
  background-image:url('/img/Haivision_Logo_2022.svg');
  background-color: #2a2a2a;
}
.dashboard-device-thumbnail-empty.disabled {
  width: 120px;
  height: 66px;
}

.dashboard-basebandplayer-thumbnail-empty p,
.dashboard-device-thumbnail-empty p {
  text-align: center;
  padding-top: 45px;
}

.fullscreen .dashboard-grid {
  background: #2A2A2A;
  color:white;
}
.dashboard-grid {
  background-color: #F5F5F5;
  border: 1px solid rgba(0, 0, 0, 0.05);
  border-radius: 4px;
  position: relative;
  min-height: 240px;
}
.dashboard-grid-device-col {
 padding-left: 0.5em;
}
.fullscreen .dashboard-grid-studio-col .pannel {
  border: 1px solid rgb(85, 85, 85);
}
.dashboard-grid-studio-col .panel {
  border: 1px solid #DDD;
  border-radius: 4px;
  padding: 5px;
  margin-bottom: 8px;
  width: 176px;
}
.dashboard-grid-studio-col .panel-body {
  display: block;
}
.dashboard-grid-studio-col .panel:hover {
  background-color: #ebebeb;
}
.dashboard-grid-studio-col .panel.active {
  border-color: #00a3e0;
}

.dashboard-grid-studio-col .label {
  display: inline-block;
  margin-right: 1px;
  margin-left: 1px;
}
.dashboard-grid-studio-channel {
  clear: both;
}
.dashboard-grid-studio-channel .label {
  min-width: 12px;
  text-align: center;
  font-size: 10px;
}
.dashboard-grid-output-col {
  position: relative;
}
.dashboard-grid-output-pagination {
  margin-right: 26px;
}
.dashboard-grid-output-tabs {
  -ms-transform: rotate(90deg); /* IE 9 */
  -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
  transform: rotate(90deg);
  position: absolute;
  width: 400px;
  top: 200px;
  right: -187px;
}
.dashboard-grid-output-tabs a {
  padding: 4px 8px;
}
.dashboard-grid-output-tabs a.active {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  background-color: #00a3e0; /* Haivision blue */
  color: white;
}

/*
|
| Studio
|
*/
.studio-progressbar {
  display: inline-block;
  vertical-align: top;
}

.studio-progressbar div {
  width: 180px;
  height: 12px;
}

.studio-progressbar .ui-widget-header {
  background-color: #a1c9d5;
}

/*
|
| Devices
|
*/
.device-picto-list {
  margin-bottom: 0;
}

.device-picto-list li {
  float: left;
}

.device-picto-list span {
  padding: 0px;
  margin-top: 2px;
  margin-bottom: 2px;
  margin-right: 2px;
}

.device-picto-list span.picto_large {
  border: solid 1px;
  border-radius: 18px;
  border-color: #CCC;
  position: relative;
  background-color: #ebebeb;
}

.device-picto-list span.picto_empty {
  border-color: #cccccc;
}

.device-picto-list .label {
  position: absolute;
  right: -3px;
  top: -2px;
  border-radius: 8px;
  padding: 0px;
  width: 16px;
  height: 16px;
  text-align: center;
  line-height: 16px;
}

.device-picto-list .footer {
  background-color: #a20ba6;
  position: absolute;
  right: 12px;
  top: 18px;
  border-radius: 3px;
  padding: 0px;
  width: 20px;
  height: 14px;
  text-align: center;
  font-size: 6pt;
  font-style: normal;
  line-height: 14px;
}

/*
|
| SIP
|
*/
.list-sip {
  height: 30px;
  margin-top: 2px;
  margin-bottom: 2px;
}
.list-sip li {
  float: left;
}
.text-sip {
  color: #a20ba6;
}
.nav-list-sip li {
  line-height: 28px;
}
.sip-progressbar div {
  width: 118px;
  height: 4px;
  margin-top: 4px;
}
.sip-progressbar .ui-progressbar .ui-progressbar-value {
  background-image: url('/img/progress_bar_orange.gif');
}
.sip-btn-group.btn-group {
  display: inline-block;
  vertical-align: middle;
}

.sip-text-headers {
  text-align: center !important;
  background-color: #ebebeb;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.sip-pairing-background {
  background-color: #f5f5f5;
}

/*
|
| Drag and Drop
|
*/
.device-target-over {
  background-color: #00a3e0 !important;
  opacity: .5 !important;
}
.device-drag-over:not(.active) {
  animation: blink-animation 1s steps(5, start) infinite;
  -webkit-animation: blink-animation 1s steps(5, start) infinite;
}
@keyframes blink-animation {
  to {
    border-color: #00a3e0;
  }
}
@-webkit-keyframes blink-animation {
  to {
    border-color: #00a3e0;
  }
}

.device-target {
  background-color: #00a3e0;
  opacity: .4;
  border: 1px dashed white;
  position: absolute;
  top: 0;
  left: 0;
  width: 167px;
  height: 146px;
  border-radius: 3px;
}

.priority-target-over {
  background-color: #00a3e0 !important;
  color: white;
  opacity: 1 !important;
}
.priority-target-over i {
  visibility: hidden;
}
.priority-target {
  opacity: .4;
  color: black;
  font-weight: bold;
}

[draggable] {
  cursor: move;
}

/*
|
| Statistics
|
*/
.stat-summary .well {
  background-color: transparent;
}
.stat-summary dd,
.stat-summary dt
{
  padding-top: 2px;
}

.accordion-inner {
  padding: 9px 0px;
}

.alert-center {
  text-align: center !important;
}

.muted-password {
  color: #555;
  font-size: 9px;
}

/*
|
| icon
|
*/
.icon-chevron-up {
  background-position-y: -117px !important;
}

.icon-chevron-down {
  background-position-y: -117px !important;
}

/*
|
| picto svg
|
*/
.picto_sdi {
  background-image: url('/img/picto_sdi.svg');
  background-size: 16px;
  background-repeat:no-repeat;
  background-position: bottom;
  width:16px;
  height:16px;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
}

.icon-iap {
  background-image: url('/img/picto_iap.svg');
  height: 16px;
  width: 16px;
  background-size: contain;
  background-position: top;
}
.icon-iap.icon-white {
  background-image: url('/img/picto_iap_white.svg');
}

.icon-server-white {
  background-image: url('/img/server-solid-white.svg');
  height: 40px;
  width: 40px;
  position: absolute;
  top: 0px;
  right: 20px;
  background-size: contain;
  background-position: top;
}

.icon-server-green {
  background-image: url('/img/server-solid-green.svg');
  height: 40px;
  width: 40px;
  position: absolute;
  top: 0px;
  right: 20px;
  background-size: contain;
  background-position: top;
}

.icon-server-orange {
  background-image: url('/img/server-solid-orange.svg');
  height: 40px;
  width: 40px;
  position: absolute;
  top: 0px;
  right: 20px;
  background-size: contain;
  background-position: top;
}

.icon-server-red {
  background-image: url('/img/server-solid-red.svg');
  height: 40px;
  width: 40px;
  position: absolute;
  top: 0px;
  right: 20px;
  background-size: contain;
  background-position: top;
}

.badge-warning {
  padding: 0px 6px 0px;
  position: absolute;
  top: 0px;
  right: 20px;
  background-color: #C62626;
}

.inputusage {
  padding-top: 10px;
}

/*
|
| Slider
|
*/
.slider-input-usage .ui-slider {
  margin-top: 30px;
  margin-bottom: 45px;
  background-color: #f5f5f5; /*#eff8f8;*/
  height: 8px;
}

.ui-slider .ui-widget-header {
  background-color: #f5f5f5; /*#eff8f8;*/
}

.ui-slider-handle {
  border-radius: 10px;
}

.ui-slider-handle.ui-state-default {
  background: #005b80;
}