body {
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  color: #000;
}

.img-bg {
  background-image: url("../img/bg-img/bg.jpg");
}

.brand-text {
  display: block;
  font-size: 13px;
  font-weight: 600;
}

.mar-top-10 {
  margin-top: 10px
}

.input-sm {
  width: 100%;
}

.custom-popup {
  background-color: rgba(0, 0, 0, 0.9);
  color: #777;
  padding: 15px;
  text-align: center !important;
}

.custom-popup.full-width {
  width: 100%;
}

.custom-popup.light {
  background-color: #f9f9f9;
}

.custom-popup {
  transform: scale(0.8);
}

.popup_visible .custom-popup {
  transform: scale(1);
}

.width-100 {
  width: 100%;
}

#page-content,
#page-title,
.page-header,
.breadcrumb,
.panel-title {
  padding: 0px 20px 0;
}

.panel-body {
  padding: 5px 20px;
}

.myd-data-table tbody td.shorten {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 200px;
}

#container .table td,
#container .table th {
  font-size: 12px;
}

#container .table tr:hover .myd_toggle,
#container .table tr:hover .myd_toggle a {
  background: #25476a;
  color: #fff;
}

#avatar_list .img-user {
  cursor: pointer;
}


/* BORDER */
/*======================================*/
.border-trans {
  border-color: transparent;
}

.border-light {
  border-color: #ffffff;
}

.border-gray-light {
  border-color: #f3f5f8;
}

.border-gray {
  border-color: #e3e8ee;
}

.border-gray-dark {
  border-color: #c3cedb;
}

.border-trans-light {
  border-color: rgba(255, 255, 255, 0.1);
}

.border-trans-dark {
  border-color: rgba(0, 0, 0, 0.05);
}

.border-primary {
  border-color: #5fa2dd;
}

.border-info {
  border-color: #4ebcda;
}

.border-success {
  border-color: #9cc96b;
}

.border-warning {
  border-color: #ebaa4b;
}

.border-danger {
  border-color: #f76c51;
}

.border-mint {
  border-color: #50c7a7;
}

.border-purple {
  border-color: #986291;
}

.border-pink {
  border-color: #e17ca7;
}

.border-dark {
  border-color: #3b4146;
}



.tooltip.top .tooltip-arrow.border-light,
.tooltip.top-left .tooltip-arrow.border-light,
.tooltip.top-right .tooltip-arrow.border-light {
  border-top-color: #ffffff;
}

.tooltip.top .tooltip-arrow.border-gray-light,
.tooltip.top-left .tooltip-arrow.border-gray-light,
.tooltip.top-right .tooltip-arrow.border-gray-light {
  border-top-color: #f3f5f8;
}

.tooltip.top .tooltip-arrow.border-gray,
.tooltip.top-left .tooltip-arrow.border-gray,
.tooltip.top-right .tooltip-arrow.border-gray {
  border-top-color: #e3e8ee;
}

.tooltip.top .tooltip-arrow.border-gray-dark,
.tooltip.top-left .tooltip-arrow.border-gray-dark,
.tooltip.top-right .tooltip-arrow.border-gray-dark {
  border-top-color: #c3cedb;
}

.tooltip.top .tooltip-arrow.border-trans-light,
.tooltip.top-left .tooltip-arrow.border-trans-light,
.tooltip.top-right .tooltip-arrow.border-trans-light {
  border-top-color: rgba(255, 255, 255, 0.1);
}

.tooltip.top .tooltip-arrow.border-trans-dark,
.tooltip.top-left .tooltip-arrow.border-trans-dark,
.tooltip.top-right .tooltip-arrow.border-trans-dark {
  border-top-color: rgba(0, 0, 0, 0.05);
}

.tooltip.top .tooltip-arrow.border-primary,
.tooltip.top-left .tooltip-arrow.border-primary,
.tooltip.top-right .tooltip-arrow.border-primary {
  border-top-color: #5fa2dd;
}

.tooltip.top .tooltip-arrow.border-info,
.tooltip.top-left .tooltip-arrow.border-info,
.tooltip.top-right .tooltip-arrow.border-info {
  border-top-color: #4ebcda;
}

.tooltip.top .tooltip-arrow.border-success,
.tooltip.top-left .tooltip-arrow.border-success,
.tooltip.top-right .tooltip-arrow.border-success {
  border-top-color: #9cc96b;
}

.tooltip.top .tooltip-arrow.border-warning,
.tooltip.top-left .tooltip-arrow.border-warning,
.tooltip.top-right .tooltip-arrow.border-warning {
  border-top-color: #ebaa4b;
}

.tooltip.top .tooltip-arrow.border-danger,
.tooltip.top-left .tooltip-arrow.border-danger,
.tooltip.top-right .tooltip-arrow.border-danger {
  border-top-color: #f76c51;
}

.tooltip.top .tooltip-arrow.border-mint,
.tooltip.top-left .tooltip-arrow.border-mint,
.tooltip.top-right .tooltip-arrow.border-mint {
  border-top-color: #50c7a7;
}

.tooltip.top .tooltip-arrow.border-purple,
.tooltip.top-left .tooltip-arrow.border-purple,
.tooltip.top-right .tooltip-arrow.border-purple {
  border-top-color: #986291;
}

.tooltip.top .tooltip-arrow.border-pink,
.tooltip.top-left .tooltip-arrow.border-pink,
.tooltip.top-right .tooltip-arrow.border-pink {
  border-top-color: #e17ca7;
}

.tooltip.top .tooltip-arrow.border-dark,
.tooltip.top-left .tooltip-arrow.border-dark,
.tooltip.top-right .tooltip-arrow.border-dark {
  border-top-color: #3b4146;
}



.timeline-entry.highlight {
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.25);
}

.timeline-entry {
  cursor: pointer;
}



.myd-data-table tr td div.resizable,
#form_snag div.resizable {
  overflow: hidden;
  overflow-y: auto;
  height: 40px;
  background-color: #eee;
  opacity: 1;
  border: 1px solid #e9e9e9;
}

#snagList tr td a.btn-link {
  white-space: nowrap;
}


#form_snag div.resizable {
  height: 94px;
}


.morris-full-content {
  height: 106px !important;
}

#msnGraph .morris-hover {
  color: #fff;
}

#morris-chart .morris-hover.morris-default-style {
  background-color: rgba(0, 0, 0, 0.5);
  padding: 7px 15px;
}


.navbar-content img.img-user {
  margin-top: 22px;
}


#myd_tooltip {
  position: relative;
  padding: 3px;
  background: rgba(0, 0, 0, 0.5);
  color: white;
  opacity: 0.7;
  white-space: nowrap;
  font: 10pt sans-serif;
}

.square {
  width: 15px;
  height: 15px;
}

[id^=panelPmv] {
  width: 250px;
  border-radius: 5px;
  padding: 0.4em;
}

[id^=panelPmv] i {
  color: white;
  padding: 0;
}

[id^=panelPmv] div:first-child div:last-child {
  color: white;
  padding: 0;
  padding-right: 0.6em;
}

[id^=panelPmv] div {
  font-family: 'Courier';
  color: rgb(238, 238, 27);
  text-transform: uppercase;
}

/* Couleurs des erreurs */
.flag-ok {
  color: rgb(122, 207, 102);
}

.flag-mineure {
  color: rgb(236, 199, 51);
}

.flag-alerte {
  color: rgb(199, 126, 255);
}

.flag-inconnue {
  color: rgb(255, 164, 81);
}

.flag-muet {
  color: rgb(255, 81, 227);
}

.flag-injoignable {
  color: rgb(80, 186, 255);
}

.flag-majeure {
  color: rgb(255, 94, 84);
}

.flag-edf {
  color: rgb(0, 0, 0);
}

.flag-porte {
  color: rgb(0, 255, 200);
}

.bg-ok {
  background-color: rgb(122, 207, 102);
}

.bg-mineure {
  background-color: rgb(236, 199, 51);
}

.bg-alerte {
  background-color: rgb(199, 126, 255);
}

.bg-inconnue {
  background-color: rgb(255, 164, 81);
}

.bg-muet {
  background-color: rgb(255, 81, 227);
}

.bg-injoignable {
  background-color: rgb(80, 186, 255);
}

.bg-majeure {
  background-color: rgb(255, 94, 84);
}

.bg-grey {
  background-color: rgba(0, 0, 0, 0.1);
}

/* Couleurs des messages */
.msg-normal {
  color: rgb(255, 245, 199);
}

.msg-auto {
  color: rgb(199, 238, 255);
}

.msg-periodique {
  color: rgb(255, 165, 255);
}

.msg-campagne {
  color: rgb(162, 165, 255);
}

.msg-prio {
  color: rgb(255, 73, 124);
}

#pmvList td:first-child {
  width: 2%;
}

#pmvList td:nth-child(2) {
  width: 8%;
}

#pmvList td:nth-child(3) {
  width: 6%;
}

#pmvList td:nth-child(8) {
  width: 250px;
}

#pmvList td:nth-child(9) {
  width: 250px;
}

#pmvList td:last-child {
  width: 6%;
}

#pmvList td:last-child a {
  margin-bottom: 1em;
  width: 7em;
}

.panel-control-left {
  height: 100%;
  position: relative;
  float: left;
  padding: 0 0px 0 5px;
}

#editMsgPmv input {
  border: 0;
  font-family: Courrier;
  color: rgb(238, 238, 27);
  letter-spacing: 0.3em;
  text-align: center;
  text-transform: uppercase;
}

#presetMessages table th,
#presetMessages table tr td {
  text-align: center;
}

#presetMessages table th:first-child,
#presetMessages table tr td:first-child {
  text-align: left;
}

#presetMessages table th:last-child,
#presetMessages table tr td:last-child {
  text-align: right;
}

#supportTable {
  text-align: center;
}

#supportTable tr td:first-child {
  font-weight: bold;
}

#supportTable td div.label {
  width: 1em;
}

/* PRIORITE DES MESSAGES */
.msg-prio-3 {
  background-color: #f22314;
  color: #fff;
}

.msg-prio-2 {
  background-color: #ffc401;
  color: #fff;
}

.msg-prio-1 {
  background-color: #8bc34a;
  color: #fff;
}

.msg-prio-1 a, .msg-prio-2 a, .msg-prio-3 a{
  color: #fff;
}