/* FONT COLOR - MAIN COLOR */
/*======================================*/
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
#page-title {
  color: #7a878e;
}
/* FONT COLOR - BODY COLOR */
/*======================================*/
body,
#content-container {
  color: #7a878e;
}
/* BACKGROUND COLOR - STATE ACTIVE  */
/*======================================*/
.searchbox .custom-search-form .input-group-btn:before,
.pace .pace-activity {
  background-color: #1976d2;
}
/* BACKGROUND COLOR - BODY BACKGROUND */
/*======================================*/
body,
#content-container,
#navbar {
  background-color: #ecf0f5;
}
/* TEXT SELECTION */
/*======================================*/
::selection {
  background-color: #1976d2;
  color: #fff;
}
::-moz-selection {
  background-color: #1976d2;
  color: #fff;
}
/* INPUT PLACEHOLDER */
/*======================================*/
::placeholder {
  color: #cdd2d4 !important;
  opacity: 1;
}
::-webkit-input-placeholder {
  color: #cdd2d4 !important;
}
:-ms-input-placeholder {
  color: #cdd2d4 !important;
}
::-ms-input-placeholder {
  color: #cdd2d4 !important;
}
/* CONTAINER */
/*======================================*/
#container.boxed-layout {
  background-color: #f5f5f5;
}
/* CLEAN ZONE (LOGIN, REGISTER, AND ERROR PAGES CONTAINER) */
/*======================================*/
.cls-container {
  background-color: #fff;
}
.cls-container,
.cls-container a:not(.btn),
.cls-container a:hover:not(.btn),
.cls-container a:focus:not(.btn) {
  color: #69757b;
}
#container.cls-container .cls-brand .brand-icon,
#container.cls-container .cls-brand .brand-title {
  color: #4d627b;
}
/* BOXED LAYOUT */
/*======================================*/
@media (min-width: 1024px) {
  #container.boxed-layout,
  #container.boxed-layout.navbar-fixed #navbar {
    background-color: #545f63;
  }
}
/* SCROLLBAR */
/*======================================*/
.nano > .nano-pane > .nano-slider,
.pace .pace-progress {
  background-color: #1669bb;
}
.pace .pace-progress-inner {
  box-shadow: 0 0 10px #1976d2, 0 0 5px #1976d2;
}
/* NAVBAR
    /*====================================*/
@media (min-width: 768px) {
  #navbar {
    background-color: transparent;
  }
}
.navbar-content {
  height: 35px !important;
}
.navbar-aside-icon > i:before {
  background-color: #617183 !important;
  box-shadow: 0 0.45em 0 #617183, 0 0.9em 0 #617183 !important;
}
/* NAVBAR ICON & BUTTON */
/*======================================*/
.navbar-icon-color,
.navbar-top-links > li > a:focus:not(.mainnav-toggle) > i,
.navbar-top-links > li > a:hover:not(.mainnav-toggle) > i {
  color: #fff;
}
.navbar-top-links > li > a {
  color: #fff;
}
.navbar-top-links > li > a:not(.mainnav-toggle) > i {
  color: #fff;
}
.navbar-top-links > li > a:hover {
  color: #fff;
}
.navbar-top-links > .open > a,
.navbar-top-links > .open > a:focus {
  color: #fff;
}
.navbar-top-links .tgl-menu-btn > a,
.navbar-top-links .tgl-menu-btn > a:hover,
.navbar-top-links .tgl-menu-btn > a:focus {
  color: #fff;
}
.navbar-top-links .head-list li a i {
  color: #fff;
}
.navbar-top-links .head-list li a:hover {
  color: #fff;
}
/* NAVBAR RESPONSIVE */
/*======================================*/
@media (min-width: 768px) {
  .navbar-header:before {
    background-color: #ecf0f5;
  }
  #container.mainnav-in .brand-title,
  #container.mainnav-sm .brand-title,
  #container.mainnav-lg .brand-title {
    color: #617183;
  }
}
/* SEARCHBOX */
/*======================================*/
.navbar-content .custom-search-form i {
  color: #617183;
}
@media (min-width: 768px) {
  .navbar-content .custom-search-form input {
    color: #617183;
  }
  .navbar-content .custom-search-form input::placeholder {
    color: #aaa !important;
    opacity: 1;
  }
  .navbar-content .custom-search-form input::-webkit-input-placeholder {
    color: #aaa !important;
  }
  .navbar-content .custom-search-form input:-ms-input-placeholder {
    color: #aaa !important;
  }
  .navbar-content .custom-search-form input::-ms-input-placeholder {
    color: #aaa !important;
  }
}
/* NAVIGATION */
/*======================================*/
#mainnav {
  background-color: #fff;
  color: #6b737c;
}
#mainnav .list-header {
  color: #3c4045;
}
/* PROFILE WIDGET */
/*======================================*/
.mainnav-profile,
.mainnav-profile .mnp-name,
.mainnav-profile .dropdown-caret,
.mainnav-profile .mnp-desc {
  color: #4d627b;
}
.mainnav-profile .profile-wrap {
  background-color: #fff;
}
#mainnav .mainnav-profile .list-group {
  background-color: #fafafa;
}
#mainnav .mainnav-profile .list-group-item {
  color: #4d627b;
}
#mainnav .mainnav-profile .list-group-item:hover {
  color: #303d4c;
}
/* NAVIGATION MENU */
/*======================================*/
#mainnav-menu > li > a:hover,
#mainnav-menu > li > a:active {
  color: #1976d2;
}
#mainnav-menu > li > a.hover {
  color: #1976d2;
  background-color: #ffffff;
}
#mainnav-menu > .active-link > a,
#mainnav-menu > .active-link > a:hover {
  color: #fff;
  background-color: #1976d2;
}
#mainnav-menu > .active-link > a i,
#mainnav-menu > .active-link > a:hover i {
  color: #fff;
}
#mainnav-menu > .active-sub > a,
#mainnav-menu > .active-sub > a:hover {
  color: #fff;
  background-color: #1976d2;
}
#mainnav-menu > .active-sub .active-sub > a,
#mainnav-menu > .active-sub .active-sub > a:hover {
  color: #1976d2;
}
#mainnav-menu .active:not(.active-sub) > a {
  color: #1976d2;
}
#mainnav-menu > .active {
  background-color: #fafafa;
}
#mainnav-menu > .active .active {
  background-color: #f5f5f5;
}

#mainnav-menu > .active .selected .active {
  background-color: #e4f3ff;
}

#mainnav-menu ul a:hover,
.menu-popover .sub-menu ul a:hover,
#mainnav-menu ul ul a:hover,
.menu-popover .sub-menu ul ul a:hover,
#mainnav-menu ul .active-link a,
.menu-popover .sub-menu ul .active-link a {
  color: #1976d2;
}
#container.mainnav-sm #mainnav-menu > .active-link > a,
#container.mainnav-sm #mainnav-menu > .active-sub > a,
#container.mainnav-sm #mainnav-menu > .active-link a:hover,
#container.mainnav-sm #mainnav-menu > .active-sub a:hover {
  background-color: #1976d2;
  box-shadow: none;
}
/* NAVIGATION - SHORTCUT BUTTONS */
/*======================================*/
#mainnav-shortcut .shortcut-grid {
  color: #6b737c;
}
#mainnav-shortcut .shortcut-wrap .shortcut-grid:hover > .icon-wrap {
  background-color: #1976d2;
  color: #fff;
}
/* NAVIGATION - WIDGET */
/*======================================*/
.mainnav-widget {
  color: #6b737c;
}
/* NAVIGATION - COLLAPSING  */
/*======================================*/
@media (min-width: 768px) {
  #container.mainnav-sm ul:not(.shortcut-wrap) .shortcut-grid:hover,
  #container.mainnav-sm .popover.mainnav-shortcut {
    background-color: #ffffff;
    color: #1976d2;
  }
  #container.mainnav-sm #mainnav-menu .active-link > a,
  #container.mainnav-sm #mainnav-menu .active-sub > a {
    color: #fff;
  }
  #container.mainnav-sm #mainnav {
    position: relative;
  }
  #container.mainnav-sm #mainnav .mainnav-widget > .show-small a {
    color: #6b737c;
  }
  #container.mainnav-sm #mainnav .mainnav-widget > .show-small a:hover {
    color: #1976d2;
  }
  #container.mainnav-sm #mainnav .mainnav-widget .hover {
    color: #1976d2;
    background-color: #ffffff;
  }
  .menu-popover .sub-menu ul {
    background-color: #f7f7f7;
  }
  .menu-popover .sub-menu ul ul {
    background-color: #f2f2f2;
  }
  .menu-popover .sub-menu ul ul > li > a:hover {
    color: #1976d2;
  }
  .menu-popover .sub-menu ul a:hover {
    color: #1976d2;
  }
  .menu-popover .sub-menu ul li > a {
    color: #6b737c;
  }
  .menu-popover .single-content {
    color: #1976d2;
    background-color: #ffffff;
  }
  .menu-popover.popover {
    background-color: #fafafa;
    color: #1976d2;
  }
  .menu-popover > .popover-title {
    background-color: #ffffff;
    color: #1976d2;
  }
  .menu-popover .mainnav-widget-content {
    background-color: #ffffff;
  }
}
.mainnav-sm .popover.mainnav-shortcut {
  background-color: #fafafa;
  color: #1976d2;
}
/* NAVIGATION - OFFCANVAS */
/*======================================*/
@media (min-width: 768px) {
  #container.mainnav-in.easeInBack:not(.boxed-layout) #mainnav-container {
    box-shadow: -20px 0 0 0 #fff;
  }
  #container.mainnav-out .brand-title {
    color: #617183;
  }
}
/* ASIDE */
/* ===================================== */

#container #aside-container {
  width: 275px;
  right: -275px;
}

#container #aside .list-link li a:not(.btn) {
  color: #d1d1d1;
}
#container #aside .list-link li a:not(.btn):hover {
  color: #fff;
}
#container #aside .badge-stat {
  color: #344146;
}
#container #aside .text-main {
  color: #fff;
}
#aside {
  background-color: #344146;
  color: #fff;
}
#aside .btn-link {
  color: #fff;
}
#aside .text-muted {
  color: #879da6;
}
/* ASIDE WITH TABS */
/* ===================================== */
#aside-container #aside .nav-tabs li {
  border-bottom: 1px solid #293337;
}
#aside-container #aside .nav-tabs li > a {
  background-color: #344146;
}
#aside-container #aside .nav-tabs li > a:before {
  background: #1976d2;
}
#aside-container #aside .nav-tabs .active a:before {
  background: #1976d2;
}
#container.aside-bright #aside .nav-tabs li {
  border-bottom: 1px solid #f9f9f9;
}
#container.aside-bright #aside .nav-tabs li > a {
  background-color: #fff;
}
/* ASIDE : BRIGHT COLOR THEMES */
/* ===================================== */
#container.aside-bright #aside {
  background-color: #fff;
  color: #7a878e;
}
#container.aside-bright #aside .badge-stat {
  color: #fff;
}
#container.aside-bright #aside .text-main {
  color: #4d627b;
}
#container.aside-bright #aside .text-light {
  color: #7a878e;
}
#container.aside-bright #aside .text-muted {
  color: #b1b9bd;
}
#container.aside-bright #aside .progress {
  background-color: #e6e6e6;
}
#container.aside-bright #aside .list-link li a:not(.btn) {
  color: #88939a;
}
#container.aside-bright #aside .list-link li a:not(.btn):hover {
  color: #7a878e;
}
#container.aside-bright #aside a:not(.btn) {
  color: #7a878e;
}
#container.aside-bright #aside a:not(.btn):hover,
#container.aside-bright #aside a:not(.btn):focus {
  color: #626d73;
}
#container.aside-bright #aside .btn-link {
  color: #7a878e;
}
/* FOOTER */
/*======================================*/
#footer {
  background-color: #ffffff;
  color: #7a878e;
}
/* BOOTSTRAP'S COMPONENTS */
/*======================================*/
.jumbotron {
  background-color: #f2f2f2;
}
/* MEGAMENU */
/*======================================*/
.open.mega-dropdown > .mega-dropdown-toggle:before {
  border-bottom: 7px solid rgba(0, 0, 0, 0.07);
}
.open.mega-dropdown > .mega-dropdown-toggle:after {
  border-bottom: 7px solid #fff;
}
/* TIMELINE */
/*======================================*/
.timeline {
  background-color: #fff;
  color: #7a878e;
}
.timeline:before,
.timeline:after {
  background-color: #bfc5c9;
}
.timeline:after {
  border: 1px solid #bfc5c9;
  background-color: #fff;
}
.timeline-time {
  background-color: #fff;
  color: #7a878e;
}
.timeline-icon:not([class*="bg-"]) {
  background-color: #fff;
}
.timeline-icon:empty {
  border: 2px solid #bfc5c9;
}
.timeline-label {
  background-color: #ffffff;
}
.timeline-label:after {
  border-right: 9px solid #ffffff;
}
.panel .timeline,
.panel .timeline:after,
.panel .timeline-time,
.panel .timeline-label,
.panel .timeline-icon:not([class^="bg-"]):not([class*=" bg-"]) {
  background-color: #fff;
}
.panel .timeline-label {
  background-color: #ffffff;
}
.panel .timeline-label:after {
  border-right-color: #ffffff;
}
@media (min-width: 768px) {
  .two-column.timeline .timeline-entry:nth-child(even) .timeline-label:after {
    border-left: 9px solid #ffffff;
  }
}
/* TAGS */
/*======================================*/
.tag:not(.label) {
  background-color: #fff;
  border: 1px solid #d4dee0;
}
/* EMAIL */
/*======================================*/
.mail-time {
  color: #b1b9bd;
}
.mail-list > li:nth-child(odd) {
  background-color: rgba(0, 0, 0, 0.01);
}
.mail-list > li:hover {
  background-color: rgba(0, 0, 0, 0.05);
}
.mail-list > li.highlight {
  background-color: #f2f0c2;
}
.mail-list a,
.mail-list a:focus {
  display: inline-block;
  color: #7a878e;
}
.mail-star > a,
.mail-star > a:focus {
  color: #d3d7da;
}
.mail-starred .mail-star > a {
  color: #ffa100;
}
.mail-list .mail-star > a:hover {
  color: #ffbd4d;
}
.mail-attach-list > li .mail-file-img,
.mail-attach-list > li .mail-file-icon {
  background-color: #f8f9fa;
}
/* FORM WIZARD */
/*======================================*/
.wz-icon-bw li.active ~ li > a .icon-wrap {
  color: #7a878e;
}
.wz-icon-bw li:not(.active) > a p {
  color: #7a878e !important;
}
/* NIFTY NOTIFICATIONS */
/*======================================*/
.alert-primary .alert-icon {
  color: #fff;
}
.alert-info .alert-icon {
  color: #fff;
}
.alert-success .alert-icon {
  color: #fff;
}
.alert-warning .alert-icon {
  color: #fff;
}
.alert-danger .alert-icon {
  color: #fff;
}
.alert-mint .alert-icon {
  color: #fff;
}
.alert-purple .alert-icon {
  color: #fff;
}
.alert-pink .alert-icon {
  color: #fff;
}
.alert-dark .alert-icon {
  color: #fff;
}
/* NIFTY PURE CSS SELECT COMPONENT */
/*======================================*/
.select:before {
  border-top-color: #b1b9bd;
}
.select select:focus {
  border-color: #1976d2;
}
.pci-hor-dots:before,
.pci-ver-dots:before {
  background-color: #7a878e;
  box-shadow: 0 0.45em 0 #7a878e, 0 0.9em 0 #7a878e;
}
/* BREADCRUMB */
/*======================================*/
.breadcrumb li,
.breadcrumb li a {
  color: #626d73;
}
/* FORM CONTROL  */
/*======================================*/
.form-control:focus {
  border-color: #1976d2;
}
/* LIST GROUP */
/*======================================*/
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
  background-color: #1976d2 !important;
  border-color: #1976d2;
  color: #fff;
}
.list-group-item.active .list-group-item-text,
.list-group-item.active:hover .list-group-item-text,
.list-group-item.active:focus .list-group-item-text {
  color: #fff;
}
/* DROPDOWN */
/*======================================*/
.dropdown-menu:not(.head-list) > li > a:hover {
  background-color: #1976d2;
  color: #fff;
}
/* POPOVER */
/*======================================*/
.popover {
  border: 1px solid #fcfcfc;
}
/* WELLS */
/*======================================*/
.well {
  background-color: #fcfcfc;
  border-color: #f7f7f7;
}
/* PAGER */
/*======================================*/
.pager li > a:active {
  background-color: #1976d2 !important;
  color: #fff !important;
}
.pager li > a:hover,
.pager li > a:focus {
  background-color: #fff;
  border-color: #1976d2;
  color: #1976d2;
  box-shadow: inset 0 0 1px #1976d2, 0 3px 15px rgba(0, 0, 0, 0.25);
  z-index: 2;
}
/* PAGINATION */
/*======================================*/
.pagination > li a:hover,
.pagination > li a:focus {
  border-color: #1976d2;
  color: #1976d2;
  box-shadow: inset 0 0 1px #1976d2;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  background-color: #1976d2;
  border-color: #1976d2;
}
/* TABS */
/*======================================*/
.tab-base .tab-content {
  background-color: #fff;
}
.tab-base .tab-content .tab-footer {
  background-color: #ffffff;
  color: #7a878e;
  border-color: #ffffff;
}
.nav-tabs li a {
  color: #7a878e;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #4d627b;
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
.btn-primary:disabled,
.btn-primary.disabled,
.btn-primary:not([class*="btn-active-"]) + .dropdown-menu > li > a:hover,
.btn-primary:not([class*="btn-active-"]) + .dropdown-menu > li > a:focus,
.btn-primary:not([class*="btn-active-"]) + .dropdown-menu > .active > a,
.btn-primary + .dropdown-menu:not(.head-list) > li > a.active,
.open > .dropdown-toggle.btn-primary,
.btn-hover-primary:hover,
.btn-hover-primary:active,
.btn-hover-primary.active,
.btn-active-primary.btn:active,
.btn-active-primary.btn.active,
.btn-active-primary + .dropdown-menu > li > a:hover,
.btn-active-primary + .dropdown-menu > li > a:focus,
.btn-active-primary + .dropdown-menu > .active > a,
.open .dropdown-toggle.btn.btn-active-primary,
.btn-group.open .dropdown-toggle.btn.btn-active-primary {
  background-color: #1564b2 !important;
  border-color: #1564b2 !important;
  color: #fff !important;
}
/* PANELS */
/*======================================*/
.panel-primary .panel-heading,
.panel-primary .panel-footer,
.panel-primary.panel-colorful {
  background-color: #1976d2;
  border-color: #1976d2;
  color: #fff;
}
.panel-primary.panel-colorful {
  box-shadow: 0 1px 1px #0e4377;
}
.panel-footer {
  background-color: #ffffff;
  color: #7a878e;
}
/* MAGIC CHECK */
/*======================================*/
.magic-radio + label:hover:before,
.magic-checkbox + label:hover:before {
  border-color: #1976d2;
}
.magic-checkbox:checked + label:before {
  background: #1976d2;
  border-color: #1976d2;
}
.magic-radio + label:after {
  background: #1976d2;
}
.magic-radio:checked + label:before {
  border-color: #1976d2;
}
.magic-radio:checked:focus + label:before,
.magic-checkbox:checked:focus + label:before {
  box-shadow: 0 0 0 10px rgba(25, 118, 210, 0.17), inset 0 0 0 10px rgba(22, 119, 179, 0.17);
}
/* SCROLL TO TOP BUTTON */
/*======================================*/
.scroll-top.in {
  background-color: #1976d2;
  color: #fff;
}
body .chosen-container-multi .chosen-choices li.search-choice,
body .chosen-container .chosen-results li.highlighted {
  background-color: #1976d2;
  color: #fff;
}
body .select2-container--default .select2-results__option[aria-selected="true"]:hover,
body .select2-container--default .select2-selection--multiple .select2-selection__choice,
body .select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #1976d2;
  color: #fff;
}
body .select2-container--default .select2-selection--multiple .select2-selection__choice {
  border-color: #1976d2;
}
body .datepicker table thead {
  color: #4d627b;
}
body .datepicker-switch {
  color: #1976d2;
}
body .datepicker table tr td span.active.active,
body .datepicker table tr td span.active.disabled.active,
body .datepicker table tr td span.active.disabled:active,
body .datepicker table tr td span.active.disabled.active:hover,
body .datepicker table tr td span.active.disabled:hover:active,
body .datepicker table tr td span.active:active,
body .datepicker table tr td span.active.active:hover,
body .datepicker table tr td span.active:hover:active,
body .datepicker table tr td.active.active,
body .datepicker table tr td.active.highlighted.active,
body .datepicker table tr td.active.highlighted:active,
body .datepicker table tr td.active:active,
body .datepicker table tr td.selected,
body .datepicker table tr td.selected.highlighted {
  background-color: #1976d2;
  border-color: #1976d2;
  color: #fff;
}
body .datepicker table tr td.active.active:hover {
  background-color: #145ca4;
}
body .datepicker table tr td.range {
  background-color: #92c2f2;
}
body .bootstrap-timepicker-widget table td a {
  color: #4d627b;
}
body .noUi-connect {
  background: #1976d2;
}
body .noUi-handle {
  background: #1976d2;
}
body .noUi-marker-large,
body .noUi-marker {
  background: rgba(255, 255, 255, 0.2);
}
body .fixed-table-container tbody .selected td,
body #container .table.dataTable tbody tr.selected {
  background-color: #1976d2;
  color: #fff;
}
body .fixed-table-container tbody .selected td .text-muted,
body #container .table.dataTable tbody tr.selected .text-muted,
body .fixed-table-container tbody .selected td .btn-link,
body #container .table.dataTable tbody tr.selected .btn-link {
  color: #fff;
}
body .jstree-default .jstree-clicked {
  background-color: #1976d2 !important;
  color: #fff;
}
body .dd-dragel {
  color: #4d627b;
}
body .dd-dragel .dd-handle-btn:before {
  background-color: #fff;
  color: #fff;
}
body .dd-dragel .dd-content,
body .dd-dragel > .dd-item .dd-handle {
  background-color: #1976d2;
  color: #fff;
  box-shadow: none;
}
body .dd-outline:hover,
body .dd-dashed:hover {
  border-color: #1976d2;
}
@keyframes dd-update {
  1% {
    color: #fff;
    background-color: #1976d2;
  }
  100% {
    background-color: #fff;
  }
}
@keyframes dd-dragging {
  1% {
    background-color: #fff;
    box-shadow: none;
  }
  100% {
    background-color: #1976d2;
    color: #fff;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.15);
  }
}
body .note-editable.panel-body {
  border: 1px solid rgba(0, 0, 0, 0.07);
}
#content-container:before {
  content: '';
  display: none;
}

#page-head {
  /*FTTH
   background: url("../images/fdPictWopac.png") top left repeat;
   background: #36a9e1;
   background: #477b94;
   */
   background: #006fa5;
   color: #FFF !important;
   padding-bottom: 50px;
}

#page-head,
#page-content {
  position: static;
}

#page-content,
#page-content.list,
#page-content.view.no-actions {
    margin-top: -60px;
}

#page-content.view,
#page-content.update,
#page-content.creation {
  margin-top: -108px;
}

.page-header {
  color: #4d627b;
}
#page-head,
#page-head h1,
#page-head h2,
#page-head h3,
#page-head h4,
#page-head h5,
#page-head h6,
#page-head .text-main,
#page-head .breadcrumb li,
#page-head .breadcrumb li a,
#page-head .breadcrumb .active {
  color: #FFF;
}
#page-head .breadcrumb > li + li:before {
  border-color: #FFF;
}
.select select {
  color: #7a878e;
}
.panel .fixed-fluid [class*="fixed-"] {
  background-color: transparent;
}
.fixed-fluid [class*="fixed-"] {
  background-color: #fff;
  border-radius: 3px;
}
#mainnav-container {
  /*FTTH
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.07);
  */
  border-right: 2px solid #0082ce;
  box-shadow: 0 2px 10px darkgrey;
}


#my-profile-inactivity-delay {
  width: 50px;
  margin-top: -12px;
}

.valign-bottom {
  vertical-align: bottom;
}

#aside-notifications-lastupdate {
  padding: 2px 10px;
  margin: 0;
  color: #cacaca;
}

#mainnav-menu {
  background: #fff;
}

#mainnav-menu li.section.selected {
  /* background: #e4f3ff; */
  /* background: #d8f2f9; */
  background: #8ab5eb;
  /* background: #98d1ff; */
}

#mainnav-menu li.section.selected > a {
  color: white;
}

#mainnav-menu li.section.selected.parent {
  background: #e4f3ff;
}

#mainnav-menu li.section.selected.parent.is-active {
  background: #8ab5eb; /* f5f5f5 */
}

#mainnav-menu li.section.selected.parent > a {
  /* color: #1976d2; */
  color: #557daf;
}

#mainnav-menu li.section.selected.parent.is-active > a {
  color: white;
}

#mainnav-menu li.section.selected > a:hover,
#mainnav-menu li.section.selected.parent.is-active > a:hover {
  background: #6da4e8;
  color: white;
}

#mainnav-menu li.section.selected > a:hover {
  /* background: #e4f3ff; */
  border-right: 3px solid transparent;
}

#mainnav-menu li.section.selected li.sub-section {
  /* background: #FFF; */
  background: #f2fdff;
}

#mainnav-menu li.sub-section.selected > a.active {
  background: #e4f3ff;
  border-right: 3px solid transparent;
}

#mainnav-menu li.active ul li {
  background: #FFF;
}

.mainnav-lg #mainnav-menu li a {
  padding-right: 0;
  }

.mainnav-lg #mainnav-menu li a:hover {
  border-right: 3px solid darkblue;
}

.mainnav-lg #mainnav-menu li.selected a:hover {
  border-right: 3px solid transparent;
}

.mainnav-lg #mainnav-menu li.active ul li.selected {
  /* background: #e4f3ff; */
  /* background: #98d1ff; */
  background: #dfedff;
}

.mainnav-lg #mainnav-menu li.active ul li a:hover {
  border-right: 3px solid darkblue;
}

#mainnav-menu li a:hover {
  background: #e4f3ff;
}

#mainnav-menu li.active ul li a:hover {
  background: #e4f3ff;
}

#aside-profile-panel .list-group-item,
#aside-notifications-panel .list-group-item {
  border-left: 2px solid transparent;
}

#aside-profile-panel a.list-group-item:hover,
#aside-notifications-panel a.list-group-item:hover {
  /* FTTH
  border-left: 3px solid darkblue;
  background: #e4f3ff;
  padding: 2px 10px;
  */
  border-left: 2px solid darkblue;
  background: #f4f4f4;
}

.notifications-more {
  font-style: italic;
}

.savedsearch-menu {
}

.savedsearch-menu li.dropdown-header {
  padding: 5px 5px 5px 2px !important;
  margin: 0 5px 5px;
  border-bottom: 1px solid #f4f4f4;
}

.savedsearch-menu li {
  padding: 2px 10px;
  font-size: 12px;
  border-left: 1px solid transparent;
}

.savedsearch-menu li.search-item:hover {
  padding: 2px 10px;
  border-left: 1px solid darkblue;
  background: #f4f4f4;
}

.savedsearch-menu .hint {
  padding: 0px 5px;
  font-style: italic;
  color: #b9b9b9;
  font-size: 10px;
  text-transform: none;
  font-weight: normal;
  float: right;
  margin-left: 300px;
  margin-top: 1px;
}

button.btn a {
  color: #FFF;
}


.input-main {
  font-weight: bold;
}

.search-results {
  font-size: 14px;
}

.badge-header {
  top: 20px !important;
  right: 0 !important;
}

#page-title {
  padding: 0px 20px !important;
}

.breadcrumb {
  padding: 0 20px 0px !important;
}

tr.event-details {
  background: #ecf5ff !important;
}

tr.event-details table * {
  font-family: monospace;
  font-size: 12px;
}

tr.odd {
  background: #fff !important;
}

ul.pagination {
  margin: 0 !important;
}

.panel-grid {
  background: aliceblue;
  border-top: 5px solid #2878da;
}

.panel-grid:hover {
  background: #ddecff;
  box-shadow: 0 5px 10px 0 silver !important;
  cursor: pointer;
}

.float-right {
  float: right;
}

.panel-grid .text-muted {
  font-size: 12px;
}

.text-truncate {
  /* hide text if it more than N lines  */
  overflow: hidden;
  /* for set '...' in absolute position */
  position: relative;
  /* use this value to count block height */
  line-height: 1.2em;
  /* max-height = line-height (1.2) * lines max number (3) */
  max-height: 6em;
  /* fix problem when last visible word doesn't adjoin right side  */
  text-align: justify;
  /* place for '...' */
  margin-right: -1em;
  padding-right: 1em;
}
/* create the ... */
.text-truncate:before {
  /* points in the end */
  content: '...';
  /* absolute position */
  position: absolute;
  /* set position to right bottom corner of block */
  right: 0;
  bottom: 0;
}
/* hide ... if we have text, which is less than or equal to max lines */
.text-truncate:after {
  /* points in the end */
  content: '';
  /* absolute position */
  position: absolute;
  /* set position to right bottom corner of text */
  right: 0;
  /* set width and height */
  width: 1em;
  height: 1em;
  margin-top: 0.2em;
  /* bg color = bg color under block */
  background: aliceblue;
}

.panel-grid:hover .text-truncate:after {
  background: #ddecff;
}

.panel-grid .dropdown a {
    padding-left: 5px !important;
    padding-right: 5px !important;
    padding-top: 2px !important;
}

.list-table {
  color: #444;
}

.list-table table thead tr:hover {
  /*
  background: #ddecff !important;
  */
  cursor: default;
}

.list-table table tbody tr:hover {
    background: #ffffff !important;
    cursor: pointer;
}

.list-table table .row-details {
  padding: 5px 0 !important;
}

.tag-success {
  border-left: 3px solid #080 !important;
}

.tag-danger {
  border-left: 3px solid #800 !important;
}

.tag-warning {
  border-left: 3px solid #ffa500 !important;
}

.panel-grid-success {
  border-top-color: green;
}

.panel-grid-danger {
  border-top-color: red;
}

.panel-grid-warning {
  border-top-color: orange;
}

.panel-grid-mint {
  border-top-color: #26a69a;
}

.panel-grid-primary {
  border-top-color: #25476a;
}

.panel-grid-dropdown {
  margin-right: -10px;
  padding-left: 5px;
  float: right;
}

.panel-grid .file-control {
  margin-top: 3px;
}

.text-token {
    font-family: monospace;
    padding: 0px 5px 10px;
}

#page-content.view .contextual-help {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

#page-content.update .contextual-help,
#page-content.creation .contextual-help {
  margin-top: 48px !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

#page-content.view .contextual-help .panel-heading,
#page-content.update .contextual-help .panel-heading,
#page-content.creation .contextual-help .panel-heading {
  border-bottom: 1px solid #cfe4ec;
  background: aliceblue;
}

#page-content.view .toolbar-right,
#page-content.update .toolbar-right,
#page-content.creation .toolbar-right {
    position: relative;
    top: 48px;
}

.text-secondary {
  background: aliceblue;
  padding-bottom: 5px;
  color: #8a9dbb;
  margin-top: 10px;
  font-weight: 600;
}

.btn-secondary {
    background-color: #2c9bc3 !important;
    border-right-color: #2c9bc3 !important;
    border-top-color: #2c9bc3 !important;
    border-bottom-color: #2c9bc3 !important;
    color: #fff !important;
}

.btn-secondary i {
    color: #fff;
}

.btn-create {
    /*
    background-color: #63cdea !important;
    border-color: #63cdea !important;
    */
    background-color: #0044b9 !important;
    border-color: #0044b9 !important;
    color: #eee !important;
}

button.btn a {
  color: #f3f3f3 !important;
}

.btn-danger {
  background-color: #8a0a01 !important;
  border-color: #8a0a01 !important;
}

#page-content.view .sidebar {
    top: 48px;
    position: relative;
}

#page-content.creation .sidebar ul,
#page-content.view .sidebar ul {
  list-style: none;
}

#page-content.view .sidebar .list-header,
#page-content.view .sidebar .list-group-item {
  padding: 10px 5px !important;
}

#page-content.update .informations,
#page-content.view .informations {
  padding: 20px;
}

#page-content.update .text-info,
#page-content.view .text-info {
  color: #0098dd !important;
}

#page-content.update .token.text-info,
#page-content.view .token.text-info {
  font-family: monospace;
}

#page-content.update blockquote,
#page-content.creation blockquote,
#page-content.view blockquote {
    font-size: 13px;
    color: #AAA;
    text-indent: 0;
    border-color: #f3f3f3 !important;
}

#page-content.update .textarea,
#page-content.view .textarea {
    font-size: 12px;
    color: #879aaf;
    text-indent: 0;
    border-color: #f3f3f3 !important;
    padding: 5px 10px;
    background: #f5faff;
}

#page-content.creation .form-group,
#page-content.update .form-group {
  margin-bottom: 5px;
}

#page-content.creation .workflow-update,
#page-content.update .workflow-update {
  margin-top: 15px;
}

#page-content.update .workflow-update.workflow-simple {
  margin-top: 0px;
}

#page-content.view .identifier input {
  background-color: #d6edff;
  cursor: default !important;
}

#page-content.creation .panel,
#page-content.update .panel,
#page-content.view .panel {
  background: #FBFBFB;
  cursor: default !important;
}

#page-content.creation .panel-heading,
#page-content.update .panel-heading,
#page-content.view .panel-heading {
  background: #fff;
  border-bottom: 1px solid #EEE;
}

.panel-control .nav-tabs > li:not(.active) a:hover {
    background-color: transparent !important;
    color: #2958b1;
}

#page-content .grid-table li a,
#page-content .list-table td a {
  color: #444 !important;
}

#page-content.view .panel-body a:hover,
#page-content.creation .panel-body a:hover,
#page-content.update .panel-body a:hover {
  color: #23527c !important;
}

#page-content.view .panel-body .dropdown-menu:not(.head-list) > li > a:hover,
#page-content.creation .panel-body .dropdown-menu:not(.head-list) > li > a:hover,
#page-content.update .panel-body .dropdown-menu:not(.head-list) > li > a:hover {
  color: #fff !important;
}

.codeblock {
  font-family: monospace;
  font-size: 11px;
  background: #F4F4F4;
  border: none;
}

pre.codeblock {
  font-family: monospace;
  font-size: 11px;
  background: #F8F8F8;
  border: none;
}

textarea.codeblock {
  font-family: monospace;
  font-size: 11px;
  background-color: #FFF;
  border-top: 1px solid #e0e0e0 !important;
  border-left: 3px solid #AAA !important;
  border-right: 2px solid #FFF !important;
  border-bottom: 2px solid #FFF !important;
  padding: 15px !important;
}

#page-content.view .panel-body .form-group,
#page-content.creation .panel-body .form-group,
#page-content.update .panel-body .form-group {
  margin-bottom: 5px;
}

a.inline-download-link span {
  color: #444;
  border-bottom: 1px dotted #23527c;
  margin-right: 5px;
}

a:hover.inline-download-link span {
  color: darkblue;
  border-bottom: 1px dotted darkblue;
}

#content-container.inventory #page-head {
  background: #25476a;
}

.panel.workflow-update .panel-body {
  min-height: 300px !important;
}

.workflow-progress .progress {
  /*
   margin-top: 0px !important;
   margin-bottom: 0 !important;
   height: 15px;
   border-radius: 0;
   */
   margin-top: 4px !important;
    margin-bottom: 0 !important;
    height: 10px;
    border-radius: 0;
}

.text-success {
  color: #019a12;
}
.label.label-success,
.progress .progress-bar-success {
  background: #019a12;
}

.text-waiting {
  color: #854f84;
}
.label.label-waiting,
.progress .progress-bar-waiting {
  background: #854f84;
}

.text-gray {
  color: #888;
}
.label.label-gray,
.progress .progress-bar-gray {
  background: #888;
}

.text-light-gray {
  color: lightgray;
}
.label.label-light-gray,
.progress .progress-bar-light-gray {
  background: lightgray;
}

.progress .progress-bar-empty {
  background: transparent;
  margin-right: 0;
  /*
  border-right: 1px solid #fff;
  */
}

.btn-success, .btn-success:focus {
    background-color: #03a549 !important;
    border-color: #03a549 !important;
    color: #fff;
  }

blockquote {
    background: #FFF !important;
    margin-top: 10px;
}

a.a-view-all-fields {
  display: block;
  float: right;
  font-size: 10px;
  margin-top: 22px;
  margin-right: 2px;
  color: #337ab7;
  /*
  color: #1c3550;
  */
}

a.a-view-all-fields.message {
  margin-top: 0px;
}

.msg-raw {
  font-family: monospace;
  font-size: 12px;
  background: #F4F4F4;
  padding: 10px;
  border-radius: 3px;
  border: 1px solid #DDD;
}


#container,
#content-container {
  background: aliceblue;
  }

#container .badge.badge-sm {
    font-size: 9px;
    font-weight: 400;
}


.badge-danger.badge-disabled,
.progress-bar-danger.progress-bar-disabled {
  background: #fbafaa !important;
}

.badge-warning.badge-disabled,
.progress-bar-warning.progress-bar-disabled {
  background: #ffdd8b !important;
}

.text-danger.text-disabled {
  color: #fbafaa !important;
}

.progress-bar-success.progress-bar-disabled {
  background: #aadebf !important;
}

.progress-bar-primary.progress-bar-disabled {
  background: #698098 !important;
}

.progress-bar-gray.progress-bar-disabled {
  background: #CCC !important;
}

.text-gray.text-disabled {
  color: #CCC !important;
}

#container .table th {
    font-size: 11px;
    font-weight: 600;
    border-bottom: 1px solid rgba(0, 0, 0, 0.07);
    color: #a2a2a2;
}

.dashboard-panel {
  background: aliceblue;
}

.dashboard-heading {
    background: #ececec;
    padding: 10px;
}

.dashboard-heading .link {
  margin-top: 5px;
}


.panel-inverse {
  background: #FFF !important;
  padding: 5px 10px !important;
  font-size: 12px;
  line-height: 12px;
}

.dashboard-panel .col-md-12 {
  padding-left: 0;
}

.panel-inverse .text-left {
  margin-top: 13px !important;
}

.panel-inverse.lines .text-left {
  margin-top: 5px !important;
}

.panel-inverse .text-2x {
  margin-right: 5px !important
}

.panel-inverse.panel-dark {
  color: #888 !important;
  border: 1px solid #888 !important;
}

.panel-inverse.panel-success {
  color: #00881e !important;
  border: 1px solid #00881e !important;
}

.panel-inverse.panel-purple {
  color: #ab47bc !important;
  border: 1px solid #ab47bc !important;
}

.panel-inverse.panel-primary {
  color: #1976d2 !important;
  border: 1px solid #1976d2 !important;
}

.panel-inverse.panel-warning {
  color: orange !important;
  border: 1px solid orange !important;
}

.panel-inverse.panel-passport {
  color: #770e70 !important;
  border: 1px solid #770e70 !important;
  }

.float-left {
  float: left;
}

.panel-campaigns {
  border-right: 2px solid #1976d2;
}

.panel-scenarios {
  border-right: 2px solid #ab47bc;
}

.panel-campaigns .panel-inverse,
.panel-scenarios .panel-inverse {
  background: transparent !important;
  border: 0 !important;
}

.bor-rgt {
  border-right: 1px solid #fff;
}

.text-lighter {
  color: #eee;
}

i.img {
  margin-top: 5px !important;
}

.app-inline-alert {
  cursor: pointer;
  position: absolute;
  right: 0;
  margin-top: 7px;
  margin-right: 21px;
  padding: 8px 20px 8px 11px;
  /*
  box-shadow: 5px 5px 10px #1976d2;
  */
}

.app-inline-alert.alert-info {
  border-left-color: #bbeaff;
}

.app-inline-alert strong {
  border-right: 1px solid #63c3ff;
  padding-right: 10px;
  margin-right: 4px;
}

.fade-enter-active, .fade-leave-active {
  transition: opacity .5s;
}
.fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */ {
  opacity: 0;
}

.spinner {
  font-size: 3px !important;
  margin: 10px 5px !important;
}

#container.mainnav-lg.locked #footer,
#container.mainnav-lg.locked #content-container {
  padding-left: 0;
}

#container.mainnav-lg.login #footer,
#container.mainnav-lg.login #content-container {
  padding-top: 0;
  padding-left: 0;
}

.form-signin {
  max-width: 450px;
  padding: 0 15px;
  margin: 0 auto;
}
.form-signin .form-signin-heading,
.form-signin .checkbox {
  margin-bottom: 10px;
}
.form-signin .checkbox {
  font-weight: normal;
}
.form-signin .form-control {
  position: relative;
  height: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px;
  font-size: 16px;
}
.form-signin .form-control:focus {
  z-index: 2;
}
.form-signin input[type="email"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

ul.datalist.pagination {
  float: right;
  position: relative;
  top: 6px;
  right: 20px;
}

ul.help-pagination {
  float: right;
  position: relative;
  top: -5px;
}

ul.pagination .current-offset a {
  font-size: 13px;
}

ul.pagination .current-offset a {
  background: aliceblue !important;
  color: #337ab7 !important;
}

.form-group.identifier.has-error .help-block {
  float: right;
}

.form-panel.title-error {
  position: relative;
  top: -30px;
}

.has-error .help-block {
  color: #737373 !important;
  font-weight: normal;
}

.has-error small.help-block {
  position: relative;
  color: #d71d0f !important;
  font-weight: 700;
}

.modal-mask {
  position: fixed;
  z-index: 9998;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .5);
  display: table;
  transition: opacity .3s ease;
}

.modal-wrapper {
  display: table-cell;
  vertical-align: middle;
}

.modal-container {
  width: 40%;
  margin: 0px auto;
  background-color: #fff;
  border-radius: 2px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .33);
  transition: all .3s ease;
}

.modal-enter {
  opacity: 0;
}

.modal-leave-active {
  opacity: 0;
}

.modal-enter .modal-container,
.modal-leave-active .modal-container {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.pointer {
  cursor: pointer;
}

.alert-danger.secondary  {
  background-color: #f2dede !important;
  border-left: 3px solid #cf1c0f !important;
  color: #c30707 !important;
}

.alert-success.secondary  {
  background-color: #ebedeb !important;
  border-left: 3px solid darkgreen !important;
  color: darkgreen !important;
}

.alert-info.secondary  {
  background-color: lightblue !important;
  border-left: 3px solid #058 !important;
  color: #058 !important;
}

.alert-note.secondary  {
  background-color: #fff8e7 !important;
  border-left: 3px solid #b38602 !important;
  color: #b38602 !important;
}

.alert-gray.secondary  {
  background-color: #F4F4F4 !important;
  border-left: 3px solid darkgray !important;
  color: #828282 !important;
}

.empty-actions {
  height: 33px;
}

.dashboard-date {
  font-size: 1.8em;
}

.pad-no-rgt {
  padding-right: 0 !important;
}

.list-table-2line {
  line-height: 0.8em !important;
}

.list-table-2line th {
  padding-left: 5px !important;
  padding-right: 5px !important;
}

.list-table-2line td {
  padding: 5px 5px 2px !important;
  vertical-align: bottom !important;
}

.list-table-2line td.rowspan {
  vertical-align: top !important;
}

.list-table-2line tr.odd {
  background-color: aliceblue !important;
}

.list-table-2line tr.secondary td {
  padding: 2px 5px !important;
  border: 0 !important;
  vertical-align: top !important;
}

.list-table.list-table-2line ul.list-inline {
  margin: 0 !important;
  padding: 0 !important;
}

.list-table-2line tr.secondary td div {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.list-table-2line td.selector {
  vertical-align: top !important;
  padding: 6px 5px !important;
}

.btn.btn-darkgray {
  background-color: #5e6063 !important;
  border-color: #5e6063 !important;
  color: #d4cfcf !important;
}

.btn.btn-lightgray {
  background-color: #f1f1f1 !important;
  border-color: #cccccc !important;
  color: #737373 !important;
}

.protocol-testing-spinner {
  font-size: 20px;
}

.alert-warning.secondary {
  background-color: #ffe29d !important;
  color: #985704 !important;
}

.alert-info.secondary {
  background-color: aliceblue !important;
  color: #008 !important;
}

.alert-dark.secondary {
  background-color: #EEE !important;
  color: #888 !important;
  border-left: 3px solid #9c9c9c !important;
}

.word-break {
  text-overflow: inherit;
  word-wrap: anywhere;
}

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

#user-status.toggle-switch.status-pending:checked + label:before {
  background: orange;
}

.datalist.inner-datalist.pagination {
  float: right;
  right: 6px;
  top: 5px;
}

.icon-file-transfer.fa-angle-double-left {
  color: #73b773;
}

.icon-file-transfer.fa-angle-double-right {
  color: #5e95ff;
}

.text-running {
  color: #6270a0;
}

tr.file-error td {
  border-top-color: transparent !important;
}

tr.file-error.even td {
  background: #F6F6F6;
}

.public-key {
  height: 100px !important;
  background: #FFF !important;
  margin-top: 10px;
  font-family: monospace;
  color: #AAA;
}

span.hn {
  color: #AAA;
  font-size: 10px;
}

span.hv {
  color: #444;
  font-size: 10px;
  margin-right: 5px;
}

 .mvt-contest.request {
   color: #5a5a84;
   background: #d8e4f8;
   padding: 10px 5px;
   margin: 0;
   font-weight: bold;
 }

 .mvt-contest.response {
   color: #5a845a;
   background: #dde8e1;
   padding: 10px 5px;
   margin: 0;
   font-weight: bold;
 }

.communication-error-body {
  padding: 5px;
  margin-top: 5px;
}

.communication-success-body {
  padding: 5px;
  margin-top: 5px;
  color: #8c9a7c !important;
}

.badge-dlist {
  margin-top: -3px;
  margin-left: 5px;
}

.editable:hover {
  cursor: pointer;
  background: aliceblue;
}

.modal.app-modal {
  top: 150px;
  bottom: auto;
  padding-top: 15px;
}

div.scenario-file {
  background: #c9e3ff;
  color: #044a94;
  font-weight: bold;
  padding: 3px 8px;
}

div.scenario-file i.file-type {
  font-size: 16px;
}

div.scenario-file span.file-expand {
  color: #23527c !important;
}

div.scenario-file span.file-expand i.toggle {
  float: right;
  margin-top: 4px;
}

.table.mb-0 {
  margin-bottom: 0;
}

td.file-included {
  background: #e1f7e5;
  color: #287b1e;
}

td.file-not-included {
  background: #eaeaea;
  color: #757575;
}

#page-content.update blockquote.primary {
  border-color: #7a90b9 !important;
  background: white !important;
}

.mt-1 {
  margin-top: 5px;
  }

.mt-2 {
  margin-top: 10px;
  }

.mt-3 {
  margin-top: 15px;
  }

.mt-4 {
  margin-top: 20px;
  }

#scenario-movements table tr.event-details td {
  max-width: 250px;
  overflow-wrap: break-word;
}

.mb-2 {
  margin-bottom: 10px;
  }

#aside-container .nano-content {
  overflow-y: auto;
  }

#swagger-ui .info .link {
  display: none;
  }

#swagger-ui .info .title {
  display: none;
  }

#swagger-ui .info .version {
  background: transparent;
  border: none;
  }

#swagger-ui .info {
  margin: 0 !important;
  }

.display-inline {
  display: inline;
  }

.form-input-rfc8224tn,
.form-input-datetime {
  width: 200px;
  }

.identity-details {
  margin-top: 10px;
  }

#page-content.view blockquote.blockquote.info {
  border-color: rgb(14, 5, 104) !important;
  background-color: #e9f1f9 !important;
  color: #0e4c6e;
  }

#page-content.view blockquote.blockquote.success {
  border-color: green !important;
  background-color: #f1fff0 !important;
  color: #058a05;
  }

#page-content.view blockquote.blockquote.warning {
  border-color: orange !important;
  background-color: #f6ecc8 !important;
  color: #a63f19;
  }

#page-content.view blockquote.blockquote.error {
  border-color: #970909 !important;
  background-color: #f4e5e5 !important;
  color: #970909;
  }

.navbar-top-links > li > a,
.navbar-content .nav.navbar-top-links,
#navbar {
  height: 35px !important;
  }

#container.aside-in #aside,
#mainnav-container,
#content-container {
  padding-top: 35px !important;
  }

.passport-validation ul.warnings,
.bsm-file-testing ul.warnings {
  list-style: none;
  padding-left: 10px;
  }

.passport-validation ul.warnings .warning,
.bsm-file-testing ul.warnings .warning {
  color: #200;
  margin-bottom: 10px;
  }

.passport-validation ul.warnings .warning .element,
.bsm-file-testing ul.warnings .warning .title {
  color: #605b5b;
  font-weight: 600;
  }

.passport-validation ul.errors,
.bsm-file-testing ul.errors {
  list-style: none;
  padding-left: 10px;
  }

.passport-validation ul.warnings .warning,
.passport-validation ul.errors .error,
.bsm-file-testing ul.errors .error {
  color: #200;
  margin-bottom: 10px;
  }

.passport-validation ul.warnings .warning .element,
.passport-validation ul.errors .error .element,
.bsm-file-testing ul.errors .error .title {
  color: #605b5b;
  font-weight: 600;
  }

.bsm-file-testing #summary .title.error {
  font-weight: 600;
  }

.passport-validation ul.warnings .warning .criticity,
.passport-validation ul.errors .error .criticity,
.bsm-file-testing ul.errors .error .criticity {
  float: left;
  font-weight: 600;
  }

.passport-validation ul.warnings .warning .title,
.passport-validation ul.warnings .warning .msg,
.passport-validation ul.errors .error .title,
.passport-validation ul.errors .error .msg,
.bsm-file-testing ul.errors .error .title,
.bsm-file-testing ul.errors .error .msg {
  padding-left: 100px;
  word-wrap: anywhere;
  }

.passport-validation ul.errors .error.BLOCKER .criticity,
.bsm-file-testing ul.errors .error.BLOCKER .criticity {
  color: #800;
  }

.bsm-file-testing ul.errors .error.WARNING .criticity {
  color: #e15500;
}

.bsm-file-testing #summary .title.error.NOTICE,
.bsm-file-testing ul.errors .error.NOTICE .criticity {
  color: #325b86;
  }

.bsm-file-testing #summary blockquote.error-list {
  margin-top: 0;
  padding-top: 0;
  }

.bsm-file-testing #summary blockquote.info {
  background-color: #e4f5ff !important;
  border-color: #a6cadf !important;
  }

.bsm-file-testing #summary blockquote.info .msg {
  color: #6e6d7d;
  }

.bsm-file-testing #records table.fields {
  margin-left: 20px;
  width: 90%;
  }

.bsm-file-testing #records table.fields tr {
  padding: 5px 10px;
  }

.bsm-file-testing #records table.fields tr td {
  padding: 5px 10px;
  }

.bsm-file-testing #records table.fields tr.header {
  background-color: #DDF;
  }

.bsm-file-testing #records table.fields tr td.name {
  color: #666;
  }

.bsm-file-testing #records table.fields tr td.name.danger,
.bsm-file-testing #records table.fields tr td.value.danger {
  color: #800;
  font-weight: 600;
  }

.bsm-file-testing #records table.fields tr td.name.warning,
.bsm-file-testing #records table.fields tr td.value.warning {
  color: orange;
  font-weight: 600;
  }

.bsm-file-testing #records table.fields tr td.value {
  font-weight: 600;
  color: #444;
  }

.bsm-file-testing #records table.fields tr td.result {
  max-width: 50%
  }

#page-content.view blockquote.hint.success {
  border-color: #080 !important;
  background-color: #e9f4e9 !important;
  color: #107110 !important;
  }

  #page-content.view blockquote.hint.success.with-warnings {
    border-color: #b5d0b5 !important;
    background-color: #e9f4e9 !important;
    color: #658465 !important;
    }

  #page-content.view blockquote.hint.success .warning {
    color: #976406 !important;
    }

#page-content.view blockquote.hint.danger {
  border-color: #800 !important;
  background-color: #f4e9e9 !important;
  color: #800 !important;
  }

#page-content.view blockquote.hint.success.with-warnings,
#page-content.view blockquote.hint.danger.with-warnings {
  margin-bottom: 0 !important;
  }

#page-content.view blockquote.hint.warning {
  margin-top: 0 !important;
  border-color: orange !important;
  background-color: #fbecd9 !important;
  color: #976406 !important;
  padding-top: 10px;
  padding-bottom: 5px;
  }

.sidebar a,
ul.nav.nav-tabs li a {
  cursor: pointer;
  }


.bsm-file-testing #records td.wrap {
  word-wrap: anywhere;
  }

#mainnav-menu i {
  font-size: 24px;
  padding: 0 10px 0 0;
  vertical-align: middle;
  }

.identity .value {
  font-family: "Courier New";
  overflow-wrap: anywhere;
  margin-top: 10px;
  margin-bottom: 20px;
  }

.identity .header {
  font-family: "Courier New";
  }

.identity .identity-info {
  cursor: pointer;
  }

.identity .identity-info:hover {
  text-decoration: underline;
  }

.identity .passport-header {
  color: #b568b5;
  }

  .identity .passport-header.success {
    color: #0A0;
    }

  .identity .passport-header.error {
    color: #A00;
    }

.identity .passport-payload {
  color: #914991;
  }

  .identity .passport-payload.success {
    color: #080;
    }

  .identity .passport-payload.error {
    color: #dd6464;;
    }

.identity .passport-signature {
  color: violet;
  }

  .identity .passport-signature.success {
    color: #040;
    }

  .identity .passport-signature.error {
    color: #f00;
    }

.identity .identity-alg {
  color: blue;
  }

.identity .identity-info {
  color: green;
  }

.identity .identity-ppt {
  color: purple;
  }

.fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */ {
  opacity: 0;
}

button.copy {
  float: right;
  margin-top: -8px;
  margin-left: 5px;
  }

.form-input-passport,
.form-input-private-key,
.form-input-public-key {
  font-family: 'Courier New', Courier, monospace;
  overflow-y: hidden;
  }

.form-input-passport {
  color: #888;
  }

.form-input-public-key {
  color: #008;
  }

.input-text-copy {
  cursor: pointer !important;
  }

pre.danger {
  border-color:#800;
  color:#800;
  background-color: rgb(239, 228, 228);
  }

pre.success {
  border-color:#080;
  color:#080;
  background-color: aliceblue;
  }

.contextual-help ul {
  padding: 10px;
  }

.modal-dialog .modal-container.modal-help {
  border-radius: 10px;
  width: 60%;
  }

.modal-dialog .modal-container.modal-help .bg-info {
  border-radius: 10px 10px 0px 0;
  box-shadow: #AAA 0px 2px 4px;
  background-color: #c6cfd3;
  }

.modal-dialog .modal-container.modal-help .modal-title {
  color: #003462;
  }

a.bpco-certificate-link {
  position: absolute;
  margin-top: 1px;
  margin-left: 5px;
  }

i.contents-copy {
  position: absolute;
  right: 20px;
  top: 10px;
  color: #DDD;
  cursor: pointer;
}

.contents-to-copy:hover i.contents-copy {
  color: #CCC;
  }

div#page-content.passport-validation button.load {
  float: right;
  margin-top: -29px;
  margin-left: 5px;
  }

a.github-project {
  color: #0c5d88;
  }

.identity-results {
  margin-top: 20px;
  }

.passport-details .title {
  font-weight: 600;
  margin-bottom: 5px;
  }

.passport-details .raw {
  color: #888;
  }

.passport-details .decoded {
  margin-top: 20px;
  }

.passport-details {
  padding: 10px;
  color: #666;
  border-color:#888;
  background-color: #F4F4F4;
  }