﻿.badge {
  padding: 4px 10px 4px 10px;
  font-size: 12.025px;
  font-weight: bold;
  white-space: nowrap;
  color: #ffffff;
  background-color: #999999;
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  border-radius: 9px;
}

  .badge:hover {
    color: #ffffff;
    text-decoration: none;
    cursor: pointer;
  }

.badge-error {
  background-color: #b94a48;
}

  .badge-error:hover {
    background-color: #953b39;
  }

.badge-warning {
  background-color: #f89406;
}

  .badge-warning:hover {
    background-color: #c67605;
  }

.badge-success {
  background-color: #468847;
}

  .badge-success:hover {
    background-color: #356635;
  }

.badge-info {
  background-color: #3a87ad;
}

  .badge-info:hover {
    background-color: #2d6987;
  }

.badge-inverse {
  background-color: #333333;
}

  .badge-inverse:hover {
    background-color: #1a1a1a;
  }



.panel-top {
  height: 44%;
}

.panel-bot {
  height: 55%;
}


.pnl {
  display: inline-block;
  width: 100%;
  height: 100%;
  position: relative;
  border-width: thin 1px;
  border-color: #DCDCDC;
  border-style: solid;
  margin: 5px;
  padding: 5px;
}

  .pnl .heading {
    margin-bottom: 15px;
  }

.dashboard-icon-nav {
  overflow-y: auto !important;
  overflow-x: hidden !important;
  top: 38px;
  bottom: 0;
  position: absolute;
  padding: 5px !important;
  align-content: baseline;
  display: flex;
  flex-wrap: wrap;
  z-index: 0;
  height: auto !important;
}

.container-contato {
  width: 100%;
  overflow-y: auto;
  top: 41px;
  bottom: 0;
  position: absolute;
  padding: 5px !important;
  align-content: baseline;
  display: flex;
  flex-wrap: wrap;
  z-index: 0;
}

textarea {
  min-height: 60px;
}

.center {
  text-align: center;
}

.iframe-fullscreen {
  position: fixed;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 999999;
  width: 100%;
  height: 100%;
}

.iframe-content {
  border: none;
  width: 100%;
  position: absolute;
  min-height: 100%;
  height: auto;
  -webkit-overflow-scrolling: touch;
}

.highlight {
  background-color: #5CA9FA !important;
  color: #FFFFFF !important;
}

.no-margin {
  margin: 0 !important;
}

.no-padding {
  padding: 0 !important;
}

.sidesection {
  margin-left: 0 !important;
}

.container-nav-list {
  padding: 12px;
  top: 10px;
  bottom: 0px;
  margin-bottom: 0px !important;
  overflow-y: auto;
}

.side-bar {
  width: 190px !important;
}

.border-left-radius {
  border-radius: 3px 0px 0px 3px !important;
}

.border-right-radius {
  border-radius: 0px 3px 3px 0px !important;
}

.container-form {
  width: auto;
  margin-left: 205px;
}

@media (max-width: 800px) {
  .container-nav-list {
    position: relative;
    margin-bottom: 0px;
  }
}

.menu-bar {
  margin: 0;
  border-bottom-width: 0
}

#wrap-header-tab {
  display: table;
  width: 100%;
}

#header-tab li a .tab-icon {
  float: left;
  margin-top: 2px;
}

  #header-tab li a .tab-icon.active,
  #header-tab li.active a .tab-icon,
  #header-tab li a .origem,
  #header-tab li.active a[data-tab-origem] .tab-icon.active,
  #header-tab li a[data-tab-origem] .tab-icon {
    display: none;
  }

    #header-tab li.active a .tab-icon.active,
    #header-tab li a[data-tab-origem] .tab-icon.origem {
      display: inline-block;
    }

#header-tab li a .tab-text {
  float: left;
  margin-left: 5px;
}

#header-tab li a .close {
  float: left;
  margin-left: 5px;
  font-size: 18px;
}

#tab-dashboard {
  position: relative;
  padding-right: 15px;
}

.tab-content {
  overflow: inherit;
}

.nav-list button.action {
  background: none repeat scroll 0 0 transparent;
  border: medium none;
  padding: 3px 15px;
  margin-left: -15px;
  text-align: left;
  font-size: 13px;
  color: #0088CC;
}

  .nav-list button.action:hover {
    background-color: #eeeeee;
  }

/* --Table-- */

table.dataTable tbody td {
  word-break: break-word !important;
  vertical-align: top !important;
}

.datatable {
  margin-bottom: 10px;
}

  .datatable table {
    margin-bottom: 6px;
    margin-top: 6px;
  }

    .datatable table tbody tr td:first-child {
    }

    .datatable table tbody tr td .action-icon {
      margin-right: 8px;
      padding-bottom: -3px !important;
    }

      .datatable table tbody tr td .action-icon:last-child {
        margin-right: 0;
      }

.datatable-length select {
  width: 75px;
  margin-bottom: 0;
}

.datatable-length label {
  margin-bottom: 0;
}

.datatable-filter label {
  float: right;
}

.datatable-filter input {
  margin-bottom: 0;
}

.datatable-info {
  padding-top: 8px;
}

.datatable-pagination {
  margin: 0;
  height: 32px;
}

.datatable .input-search {
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  border-radius: 4px;
  padding: 6px 12px;
  color: #555;
}

  .datatable .input-search:focus {
    width: 50%;
  }

.datatable .datatable-column-left *, .datatable .datatable-column-right * {
  margin-bottom: 0;
}

.datatable .datatable-column-right {
  text-align: right;
}

  .datatable .datatable-column-right .pagination {
    margin-top: 0;
  }

.table .actions, .table .actions.b3 {
  min-width: 115px;
}


  .table .actions.tdb1 {
    min-width: 27px;
  }

  .table .actions.tdb2 {
    min-width: 68px;
  }

  .table .actions.tdb3 {
    min-width: 104px;
  }

  .table .actions.b1 {
    min-width: 32px;
  }

  .table .actions.b2 {
    min-width: 64px;
  }

  .table .actions.b4 {
    min-width: 149px;
  }

  .table .actions.b5 {
    min-width: 183px;
  }

  .table .actions.b6 {
    min-width: 212px;
  }

  .table .actions.b7 {
    min-width: 248px;
  }

  .table .actions.b8 {
    min-width: 284px;
  }

  .table .actions.b9 {
    min-width: 320px;
  }

  .table .actions.b10 {
    min-width: 356px;
  }

  .table .actions a {
    /*margin-left: 4px;*/
  }

    .table .actions a:first-child {
      margin-left: 0;
    }
/* --/Table-- */

/* --Forms--  */
.nav-header {
  cursor: default;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  color: #555 !important;
}

.form-legend {
  font-size: 16px;
  line-height: 16px;
  padding-bottom: 10px;
  margin-bottom: 22px;
  border-bottom: 1px solid #dcdcdc;
}

.form-horizontal .control-group {
  margin-bottom: 5px;
}
/* --/Forms-- */

/* --Progress--  */
.progress .label-bar {
  color: #444444;
  text-shadow: none;
  font-size: 12px;
  position: absolute;
  text-align: center;
  text-shadow: 1px 1px 1px #ffffff;
  width: 100%;
}
/* /--Progress--  */

/* --inavigate--  */
.inavigate table {
  -webkit-box-shadow: 1px 3px 4px #cccccc;
  -moz-box-shadow: 1px 3px 4px #cccccc;
  -ms-box-shadow: 1px 3px 4px #cccccc;
  box-shadow: 1px 3px 4px #cccccc;
  margin-bottom: 0;
}

  .inavigate table th {
    padding: 3px 6px;
  }

  .inavigate table td {
    background-color: #ffffff;
  }

.input-xxlarge.input-inavigate {
  width: 390px;
}

  .input-xxlarge.input-inavigate[readonly] {
    width: 427px;
  }

.inavigate table tfoot div {
  min-height: 26px !important;
  height: 26px;
}

  .inavigate table tfoot div.message {
    padding: 4px 2px;
  }
/* /--inavigate--  */

.heading {
  border-bottom: 1px solid #DCDCDC;
  margin: 20px 0 6px;
  padding-bottom: 4px;
  font-family: 'PT Sans',sans-serif;
  font-weight: 400;
  color: #D63336;
}

/* --Totop-- */
#toTop {
  background: url("../Images/ui.totop.png") no-repeat scroll 0 0 transparent;
  border: medium none;
  bottom: 40px;
  display: none;
  height: 32px;
  overflow: hidden;
  position: fixed;
  right: -1px;
  text-decoration: none;
  text-indent: 100%;
  width: 29px;
}

#toTopHover {
  background: url("../Images/ui.totop.png") no-repeat scroll 0 -32px transparent;
  display: block;
  float: left;
  height: 32px;
  opacity: 0;
  overflow: hidden;
  width: 29px;
}

#toTop:active, #toTop:focus {
  outline: medium none;
}
/* /--Totop-- */

/* --input spinner-- */
.ui-spinner button {
  height: 14px;
  position: absolute;
  background: none;
  border: none;
  width: 18px;
  padding: 0;
  background: url('../Images/spinner_arrows.gif') no-repeat 0 -100px;
  cursor: pointer;
}

.ui-spinner .ui-spinner-up {
  top: 0;
  right: 0;
  background-position: 0 0;
}

.ui-spinner .ui-spinner-down {
  top: 14px;
  right: 0;
  background-position: 0 -14px;
}

.ui-spinner .ui-spinner-up:hover {
  background-position: -18px 0;
}

.ui-spinner .ui-spinner-down:hover {
  background-position: -18px -14px;
}

.ui-spinner input, .ui-spinner input:focus {
  display: block !important;
  margin: 0 !important;
  /*padding: 0;
    min-height: 28px !important;
    height: 28px !important;*/
  padding-right: 24px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
}

.ui-spinner ul {
  margin: 0;
}

.ui-spinner li {
  line-height: 28px;
}

.ui-spinner {
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  position: relative;
  font-size: 13px;
  height: 28px;
  line-height: 28px;
  color: #555;
  background-color: #fff;
  border: 1px solid #ccc;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radiu: 4px;
  border-radius: 4px;
  overflow: hidden;
}

  .ui-spinner .ui-spinner-box {
    background: none;
    border: none !important;
  }
/* --/input spinner-- */


/*  Verificar */
grid-details label {
  margin-bottom: -20px;
  margin-left: 4px;
  font-size: .9em;
}

.grid-details input {
  display: block !important;
  padding: 18px 5px 0 10px;
  font-size: 1em;
  min-height: 38px !important;
}

/* Accordion
------------------------------------------------*/
.accordion-toggle {
  -webkit-transition: background-color 0.2s ease-in-out;
  -moz-transition: background-color 0.2s ease-in-out;
  -o-transition: background-color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out;
}

.accordion-heading .accordion-toggle,
.accordion-heading .accordion-toggle.collapsed {
  background-color: #F5F5F5;
  background-image: url("../Images/sprites.png");
  background-position: 99% -77px;
  background-repeat: no-repeat;
  color: #222222;
  text-decoration: none;
  padding-left: 10px;
  padding-right: 35px;
}

  .accordion-heading .accordion-toggle h5 {
    font-size: 13px;
  }

  .accordion-heading .accordion-toggle:hover {
    background-color: #e5e5e5;
  }

.accordion-heading .active {
  background-position: 99% -106px;
}

.accordion-inner .thumb {
  float: left;
  margin-right: 5px;
}

.accordion-inner .file {
  float: left;
  width: 80px;
  height: 50px;
  padding-top: 30px;
  text-align: center;
  margin-right: 5px;
}

  .accordion-inner .file:hover {
    text-decoration: none;
  }

  .accordion-inner .file .icon-file {
    font-size: 65px;
  }

.accordion-inner .status {
  text-align: right;
}

.accordion-inner .item-header {
  border-bottom: 1px dashed #CCCCCC;
  margin-bottom: 10px;
}

  .accordion-inner .item-header [class*="span"] {
    min-height: 24px;
  }

/**************************************************************************************
* 
***************************************************************************************/


/* --QueryModal-- */
.query-modal {
  padding-top: 4px;
}


/* --Painel-- */
#painel {
  height: auto;
  min-height: 100%;
  overflow: auto;
  margin-top: -20px;
  padding-top: 20px;
}

#content-tab {
  position: relative;
  /*margin-top: 20px;*/
  width: 100%;
  height: calc(100vh - 112px);
}

#painel .heading {
  font-size: 18px;
  margin: 0 0 12px 0;
  padding-bottom: 5px;
  line-height: 27px;
  color: #222222;
}

  #painel .heading h3 {
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0;
  }

#painel span.label {
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

#painel #container-painel {
  margin-right: 300px;
}

/* inicio do sidebar */
#user-list-text-status {
  position: relative;
  z-index: 999;
}

.span-sidebar {
  width: 270px !important;
}

#sidebar {
  -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
  overflow: hidden;
  position: absolute;
  width: 281px;
  padding: 10px;
  bottom: 5px;
  margin: 0;
  top: 0;
  right: 20px;
  z-index: 999;
}

  #sidebar.ready #search-list-bar {
    display: block;
  }

  #sidebar.unavailable #btn-reconnect {
    visibility: visible;
  }

  #sidebar #search-list-bar,
  #sidebar.unavailable #search-list-bar {
    display: none;
  }

  #sidebar #btn-reconnect {
    visibility: hidden;
  }

#sidebar-overlay {
  background-color: rgba(249, 249, 249, 0.9);
  top: 40px;
  right: 0;
  bottom: 3px;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 999;
  padding-top: 42px;
  padding-left: 8px;
}

  #sidebar-overlay .control-bar {
    display: none;
  }

  #sidebar-overlay.control .control-bar {
    display: block;
  }

#sidebar-inner {
  padding: 0;
}

  #sidebar-inner #btn-hide-sidebar {
    padding: 3px 8px;
    visibility: visible;
  }

  #sidebar-inner #info-chats-online {
    visibility: hidden;
  }

#sidebar #search-list-bar {
  margin-bottom: 2px;
  padding-left: 1px;
}

  #sidebar #search-list-bar #user-list-search {
  }

  #sidebar #search-list-bar .corner-right {
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    -ms-border-radiu: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
  }

  #sidebar #search-list-bar ul li {
    font-size: 13px;
  }

    #sidebar #search-list-bar ul li a {
      padding: 2px 15px;
    }

    #sidebar #search-list-bar ul li label {
      margin: 0;
    }

  #sidebar #search-list-bar ul .nav-header {
    font-size: 11px;
    padding: 0 10px;
  }

  #sidebar #search-list-bar ul .divider {
    margin-top: 5px;
    margin-bottom: 5px;
  }

#sidebar #btn-config-status i {
  display: inline-block;
  width: 12px;
  height: 13px;
  margin-left: -2px;
}

#sidebar #btn-config-status.status-online i,
#sidebar #user-list .status-online .user-status {
  background-position: -104px 0;
}

#sidebar #btn-config-status.status-offline i,
#sidebar #btn-config-status.status-invisible i,
#sidebar #user-list .status-offline .user-status,
#sidebar #user-list .status-invisible .user-status {
  background-position: -78px 0;
}

#sidebar #btn-config-status.status-busy i,
#sidebar #user-list .status-busy .user-status {
  background-position: -52px 0;
}

#sidebar #btn-config-status.status-away i,
#sidebar #user-list .status-away .user-status {
  background-position: -26px 0;
}

#sidebar #content-list {
  overflow: auto;
  width: 260px;
  font-size: .9em;
}

#sidebar #user-list {
  list-style: none outside none;
  padding: 0;
}

  #sidebar #user-list li {
    border-bottom: 1px dashed #DCDCDC;
    line-height: normal;
    margin-right: 3px;
    cursor: pointer;
  }

  #sidebar #user-list a {
    display: block;
    padding: 3px 4px 5px 3px;
  }

    #sidebar #user-list a:hover {
      background-color: #f4f4f2;
      text-decoration: none;
    }

  #sidebar #user-list li:last-child,
  #sidebar #user-list li.no-border {
    border-bottom: 0 none;
  }

  #sidebar #user-list li span.label {
    margin-top: 4px;
  }

  #sidebar #user-list small {
    color: #9B9B9B;
    font-size: 11px;
    display: inline-block;
  }

  #sidebar #user-list .user-image {
    margin-right: 4px;
    width: 34px;
    height: 34px;
    border-radius: 50%;
  }

  #sidebar #user-list .user-name {
    display: block;
    max-width: 190px;
    min-height: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  #sidebar #user-list .pending .user-name {
    font-weight: bold;
    color: #333333;
  }

  #sidebar #user-list .user-status {
    display: block;
    width: 16px;
    height: 16px;
    margin-top: 8px;
  }

.hidden-bar #painel #container-painel {
  margin-right: 0;
}

.hidden-bar #sidebar {
  bottom: 5px;
  top: auto;
  box-shadow: none;
  height: auto;
  padding: 6px 5px 2px 10px;
  width: 180px !important;
  cursor: pointer;
}

  .hidden-bar #sidebar:hover {
    background-color: #EBF2F6;
  }

  .hidden-bar #sidebar #search-list-bar,
  .hidden-bar #sidebar #content-list,
  .hidden-bar #sidebar #btn-hide-sidebar,
  .hidden-bar #sidebar h3 small,
  .hidden-bar #sidebar .slimScrollDiv {
    display: none !important;
  }

  .hidden-bar #sidebar .heading {
    border-bottom: medium none;
    margin-bottom: 0;
    padding-bottom: 0;
  }

    .hidden-bar #sidebar .heading h3 {
      font-size: 15px;
      line-height: 1em;
    }

.hidden-bar #sidebar-inner #info-chats-online {
  visibility: visible;
  font-family: Arial;
}

.hidden-bar #dock-modal-chat {
  right: 225px;
}

#dock-modal-chat {
  position: fixed;
  right: 310px;
  bottom: 5px;
  left: 15px;
  min-width: 10px;
  height: 30px;
  z-index: 99;
}

.modal-chat {
  bottom: 0;
  position: absolute;
  right: 0;
  width: 260px;
  border: 1px solid #ddd;
  background-color: #FFFFFF;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radiu: 4px;
  border-radius: 4px;
}

  .modal-chat.collapsed {
    width: 160px;
  }

    .modal-chat .chat-label,
    .modal-chat.collapsed .chat-actions,
    .modal-chat.collapsed .chat-header,
    .modal-chat.collapsed .chat-body,
    .modal-chat.collapsed .chat-footer {
      display: none;
    }

    .modal-chat.collapsed .chat-label {
      display: block;
      -webkit-border-radius: 2px;
      -moz-border-radius: 2px;
      -ms-border-radiu: 2px;
      border-radius: 2px;
      background-color: #EBF2F6;
      cursor: pointer;
    }

      .modal-chat.collapsed .chat-label div {
        font-weight: 700;
        padding: 4px 5px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }

      .modal-chat.collapsed .chat-label .close {
        display: none;
        margin-top: 4px;
        margin-right: 5px;
      }

      .modal-chat.collapsed .chat-label:hover .close {
        display: block;
      }

  .modal-chat .chat-header {
    cursor: pointer;
    font-size: 12px;
    font-weight: 700;
    color: #444444;
    padding: 6px 50px 6px 12px;
    font-size: 13px;
    height: 34px;
    line-height: 22px;
    background: #EDEDED;
    border-bottom: 1px solid #ddd;
    -webkit-border-radius: 4px 4px 0px 0px;
    -moz-border-radius: 4px 4px 0px 0px;
    border-radius: 4px 4px 0px 0px;
    -webkit-box-shadow: inset 0px 1px 0px 0px #fefefe;
    -moz-box-shadow: inset 0px 1px 0px 0px #fefefe;
    box-shadow: inset 0px 1px 0px 0px #fefefe;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .modal-chat .chat-actions {
    position: absolute;
    top: 6px;
    right: 10px;
  }

    .modal-chat .chat-actions .options {
      background: none repeat scroll 0 0 transparent;
      border: 0 none;
      cursor: pointer;
      padding: 0 6px;
      margin-top: -3px;
      margin-right: 2px;
      opacity: 0.3;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      -ms-box-shadow: none;
      box-shadow: none;
    }

      .modal-chat .chat-actions .options:hover {
        opacity: 0.5;
      }

    .modal-chat .chat-actions ul .divider {
      margin-top: 5px;
      margin-bottom: 5px;
    }

    .modal-chat .chat-actions ul li {
      font-size: 12px;
    }

      .modal-chat .chat-actions ul li a {
        padding: 2px 15px;
      }

  .modal-chat .chat-body {
    position: relative;
    height: 205px;
    overflow-y: auto;
    margin: 0;
  }

    .modal-chat .chat-body .chat-notification {
      background-color: #ffffff;
      color: #999999;
      left: 4px;
      bottom: 14px;
      font-size: 0.9em;
      letter-spacing: 0;
      line-height: 1em;
      position: relative;
      width: 230px;
    }

    .modal-chat .chat-body ul {
      padding: 5px 5px 12px;
      margin: 0;
    }

      .modal-chat .chat-body ul li {
        border-top: 1px solid #eeeeee;
        padding: 6px 0;
      }

    .modal-chat .chat-body .divider {
      font-size: 11px;
      font-weight: bold;
      color: gray;
      line-height: 1em;
      padding: 2px 5px 5px;
      border-top: 0 none;
    }

    .modal-chat .chat-body .chat-image {
      float: left;
      width: 34px;
      height: 34px;
    }

    .modal-chat .chat-body .alternate .chat-image {
      float: right;
    }

    .modal-chat .chat-body .chat-info {
      background-color: #FFFFFF;
      color: #999999;
      float: right;
      font-family: tahoma;
      font-size: 9px;
      margin-right: 3px;
      margin-top: -12px;
      visibility: hidden;
      line-height: 1em;
    }

    .modal-chat .chat-body .alternate .chat-info {
      float: left;
      margin-left: 3px;
      margin-right: 0;
    }

    .modal-chat .chat-body ul li:hover .chat-info {
      visibility: visible;
    }

    .modal-chat .chat-body .chat-messages {
      margin-left: 38px;
    }

    .modal-chat .chat-body .alternate .chat-messages {
      margin-left: 0;
      margin-right: 38px;
    }

    .modal-chat .chat-body .chat-messages div {
      display: block;
      font-size: 12px;
      line-height: 1.1em;
      margin-bottom: 4px;
      text-align: left;
      white-space: pre-wrap;
      word-wrap: break-word;
      direction: ltr;
      cursor: default;
    }

    .modal-chat .chat-body .alternate .chat-messages div {
      text-align: right;
    }

    .modal-chat .chat-body .chat-messages div.chat-message-fail {
      opacity: .5;
      color: #999999;
      padding-right: 5px;
      background: transparent url("../Images/alert-icon_10.png") right center no-repeat;
    }

      .modal-chat .chat-body .chat-messages div.chat-message-fail:hover {
        opacity: 1;
        color: #bcbcbc;
      }

  .modal-chat .chat-footer {
    border-top: 1px solid #ddd;
    padding: 2px;
  }

    .modal-chat .chat-footer textarea {
      resize: none;
      margin: 0;
      margin-bottom: 1px;
      padding-top: 6px;
      padding-right: 2px;
      padding-bottom: 6px;
      font-size: 12px;
      height: 30px;
      min-height: 30px;
      line-height: 1.2em;
    }

  .modal-chat.highlight-title .chat-label {
    background-color: #C8D9E3;
  }

  .modal-chat.highlight-title .chat-header {
    background-color: #C8D9E3;
    -webkit-box-shadow: inset 0px 1px 0px 0px #D8E5ED;
    -moz-box-shadow: inset 0px 1px 0px 0px #D8E5ED;
    -ms-box-shadow: inset 0px 1px 0px 0px #D8E5ED;
    box-shadow: inset 0px 1px 0px 0px #D8E5ED;
  }
/* --/Painel-- */



.link-trash {
  display: inline-table;
  width: 100px;
  border: 1px solid #E2E2E2;
  border-radius: 6px;
  text-align: center;
  /*padding: 7px 25px;*/
  line-height: 1em;
  margin-right: 5px;
  cursor: default;
}

  .link-trash .icon {
    margin: 8px 0;
    font-size: 34px;
    color: #bc5959;
  }

  .link-trash .text {
  }

.link-trash-active {
  background-color: #FCF8E3;
  border: 1px solid #FAEB9D;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.link-trash-hover {
  opacity: 1;
  background-color: #F2DEDE;
  border-color: #EED3D7;
}

.counter-label {
  margin-top: 2px;
}

.ddm-rel {
  min-width: 115px;
}

  .ddm-rel .divider {
    margin-top: 4px;
    margin-bottom: 4px;
  }

/***************************************************************
* modal de captura de imagem da webcam
***************************************************************/
#capture-container {
  position: relative;
}

  #capture-container #capture-bar {
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    bottom: 15px;
  }

  #capture-container #video-player,
  #capture-container #img-source {
    width: 100%;
    height: 100%;
  }

  #capture-container #img-source {
    margin-bottom: 5px;
  }

  #capture-container .invert {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
  }

/**************************************************************************************
* widget noticia
***************************************************************************************/
#widget-noticias ul.lista li {
  border-top: 1px solid #e3e3e3;
}

  #widget-noticias ul.lista li:first-child {
    border: none;
  }

    #widget-noticias ul.lista li:first-child h4 {
      margin: 0;
    }

  #widget-noticias ul.lista li h4 {
    margin: 0;
    margin-top: 10px;
    font-size: 16px;
  }

    #widget-noticias ul.lista li h4 a {
      color: #555;
    }

      #widget-noticias ul.lista li h4 a:hover {
        text-decoration: none;
      }


  #widget-noticias ul.lista li .label {
    margin-bottom: 7px;
    display: inline-block;
    text-shadow: none;
    font-size: 11px;
  }

  #widget-noticias ul.lista li .wrap {
    margin-bottom: 0;
    font-size: 13px;
  }

  #widget-noticias ul.lista li .full .data-link {
    display: inline-block;
  }

  #widget-noticias ul.lista li .full,
  #widget-noticias ul.lista li.open .short {
    display: none;
  }

  #widget-noticias ul.lista li .short,
  #widget-noticias ul.lista li.open .full {
    display: inline;
  }

  #widget-noticias ul.lista li .leia-mais {
    display: inline-block;
    margin-bottom: 12px;
    font-size: 13px;
  }

#widget-noticias .pagination {
  margin: 0;
}


/**************************************************************************************
* menu dropdown mensagens
***************************************************************************************/
.dropdown-menu.menu-mensagem li.titulo a {
  background-color: #EEEEEE;
  color: #000000;
  font-weight: 300;
  margin: 0;
  padding: 10px;
}

.dropdown-menu.menu-mensagem li.titulo:hover a {
  background-color: #EEEEEE;
}

.container-flown {
  padding-right: 20px;
  padding-left: 20px;
  *zoom: 1;
}

  .container-flown:before,
  .container-flown:after {
    display: table;
    line-height: 0;
    content: "";
  }

  .container-flown:after {
    clear: both;
  }

.bs-callout {
  padding: 10px;
  margin-bottom: 20px;
  border: 1px solid #ddd;
  border-left-width: 5px;
  border-radius: 3px;
}

  .bs-callout h4.heading {
    margin-top: 0;
    margin-bottom: 15px;
  }

  .bs-callout p:last-child {
    margin-bottom: 0;
  }

  .bs-callout code {
    border-radius: 3px;
  }

  .bs-callout + .bs-callout {
    margin-top: -5px;
  }

.bs-callout-default {
  border-left-color: #777;
}

  .bs-callout-default h4.heading {
    color: #777;
  }

.bs-callout-primary {
  border-left-color: #428bca;
}

  .bs-callout-primary h4.heading {
    color: #428bca;
  }

.bs-callout-success {
  border-left-color: #5cb85c;
}

  .bs-callout-success h4.heading {
    color: #5cb85c;
  }

.bs-callout-danger {
  border-left-color: #d9534f;
}

  .bs-callout-danger h4.heading {
    color: #d9534f;
  }

.bs-callout-warning {
  border-left-color: #f0ad4e;
}

  .bs-callout-warning h4.heading {
    color: #f0ad4e;
  }

.bs-callout-info {
  border-left-color: #5bc0de;
}

  .bs-callout-info h4.heading {
    color: #5bc0de;
  }

.row-selected > td {
  background-color: #cfcfcf !important;
}

div.slider {
  display: none;
}

td.details-control {
  cursor: pointer;
}

ul.unstyled, ol.unstyled {
  list-style: outside none none;
  margin-left: -50px;
  margin-right: -10px;
}

.dados-consulta li {
  border-bottom: 1px dashed #DCDCDC;
  padding: 2px;
}

  .dados-consulta li .consulta-chave {
    color: #888888;
    float: left;
  }

  .dados-consulta li .consulta-valor {
    margin-left: 120px;
    min-height: 20px;
  }

  .dados-consulta li.head {
    background-color: #EBF2F6;
    font-weight: 700;
  }

  .dados-consulta li:first-child {
    border-top: 1px dashed #DCDCDC;
  }

.tgrid > thead > tr > th, .tgrid > tbody > tr > th, .table > tfoot > tr > th, .tgrid > thead > tr > td, .table > tbody > tr > td, .tgrid > tfoot > tr > td {
  padding: 2px;
  vertical-align: middle !important;
}

  .table > thead > tr > th.right, .table > tbody > tr > th.right, .table > tfoot > tr > th.right, .tgrid > thead > tr > td.right, .table > tbody > tr > td.right, .table > tfoot > tr > td.right {
    text-align: right;
  }

.label-check {
  display: inline-block;
  cursor: pointer;
  position: relative;
  padding-left: 21px !important;
}

  .label-check:before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-bottom: 5px !important;
    position: absolute;
    left: -4px;
    bottom: 0;
    margin-right: 4px !important;
    margin-left: 4px !important;
    margin-bottom: 5px !important;
    border: 1px solid #555;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
  }

.checkbox .label-check {
  margin-bottom: 10px;
}

  .checkbox .label-check:before {
    border-radius: 3px;
  }

input[type=checkbox]:checked + .label-check:before {
  content: "\2713";
  font-size: 17px;
  color: #555;
  text-align: right;
  line-height: 14px;
  font-weight: bold;
}


.checkbox-item .btn {
  margin-top: 5px;
}


.checkbox-container {
  display: block;
  width: 100%;
  min-height: 34px;
  font-size: 14px;
  line-height: 1.42857;
  color: #555;
  background-color: #FFF;
  background-image: none;
  border: 1px solid #CCC;
  border-radius: 4px;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075);
  margin-bottom: 0px;
  padding-left: 5px;
  padding-right: 5px;
  list-style: outside none none;
}

  .checkbox-container > li {
    display: inline-block;
  }

    .checkbox-container > li > label {
      min-width: 100%;
      padding: 4px 4px;
      margin-top: 2px !important;
      text-align: left;
    }

      .checkbox-container > li > label > input {
        margin-top: -3px;
      }

      .checkbox-container > li > label:hover, .checkbox-container > li > label:focus {
        background-color: #E6E6E6;
      }



.label-radio {
  display: inline-block;
  cursor: pointer;
  position: relative;
  padding-left: 21px !important;
}

  .label-radio:before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-bottom: 5px !important;
    position: absolute;
    left: -4px;
    bottom: 0;
    margin-right: 4px !important;
    margin-left: 4px !important;
    margin-bottom: 5px !important;
    border: 1px solid #555;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 10px;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
  }

input[type=radio]:checked + .label-radio:before {
  content: "\2022";
  font-size: 30px;
  line-height: 10px;
  line-break: normal;
}

.radio-container.readonly, .radio-container.readonly .label-radio {
  cursor: not-allowed;
  background-color: #EEE;
  opacity: 1;
}


.radio-container {
  display: block;
  width: 100%;
  min-height: 34px;
  font-size: 14px;
  line-height: 1.42857;
  color: #555;
  background-color: #FFF;
  background-image: none;
  border: 1px solid #CCC;
  border-radius: 4px;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075);
  margin-bottom: 0px;
  padding-left: 5px;
  padding-right: 5px;
  list-style: outside none none;
}

  .radio-container > li {
    display: inline-block;
  }

    .radio-container > li > label {
      min-width: 100%;
      padding: 4px 4px;
      margin-top: 2px !important;
      text-align: left;
    }

      .radio-container > li > label > input {
        margin-top: -3px;
      }

      .radio-container > li > label:hover, .radio-container > li > label:focus {
        background-color: #E6E6E6;
      }


.pt-0 {
  padding-top: 0 !important;
}

.pt-5 {
  padding-top: 5px !important;
}

.pt-10 {
  padding-top: 10px !important;
}

.pt-20 {
  padding-top: 20px !important;
}

.pr-0 {
  padding-right: 0 !important;
}

.pr-5 {
  padding-right: 5px !important;
}

.pr-10 {
  padding-right: 10px !important;
}

.pr-20 {
  padding-right: 20px !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pb-5 {
  padding-bottom: 5px !important;
}

.pb-10 {
  padding-bottom: 10px !important;
}

.pb-20 {
  padding-bottom: 20px !important;
}

.pl-0 {
  padding-left: 0 !important;
}

.pl-5 {
  padding-left: 5px !important;
}

.pl-10 {
  padding-left: 10px !important;
}

.pl-20 {
  padding-left: 20px !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mt-5 {
  margin-top: 20px !important;
}

.mt-10 {
  margin-top: 10px !important;
}

.mt-20 {
  margin-top: 20px !important;
}

.mr-0 {
  margin-right: 0 !important;
}

.mr-5 {
  margin-right: 20px !important;
}

.mr-10 {
  margin-right: 10px !important;
}

.mr-20 {
  margin-right: 20px !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mb-5 {
  margin-bottom: 5px !important;
}

.mb-10 {
  margin-bottom: 10px !important;
}

.mb-20 {
  margin-bottom: 20px !important;
}

.ml-0 {
  margin-left: 0 !important;
}

.ml-5 {
  margin-left: 5px !important;
}

.ml-10 {
  margin-left: 10px !important;
}

.ml-20 {
  margin-left: 20px !important;
}

.navigation-menu {
  position: relative;
}

.carousel-nav {
  margin: 0 0 0 28px;
}

.carousel-prev, .carousel-next {
  position: absolute;
  display: block !important;
  padding: 15px 0;
  width: 25px;
  text-align: center;
  line-height: 0;
  top: 0;
  color: #333333;
}

  .carousel-prev:hover, .carousel-next:hover {
    background-image: linear-gradient(to bottom, #ECECEC, #E2E2E2);
    color: #000000;
  }

.carousel-prev {
  left: -25px;
}

.carousel-next {
  right: -25px;
}

.carousel-nav .item {
}

  .carousel-nav .item a:link,
  .carousel-nav .item a:active,
  .carousel-nav .item a:visited {
    text-decoration: none;
    display: inline-block;
    padding: 12px 15px;
    color: #444444;
  }

  .carousel-nav .item a:hover,
  .carousel-nav .item a:focus,
  .carousel-nav .item.active a {
    background-image: linear-gradient(to bottom, #F0F0F0, #E4E4E4);
  }

  .carousel-nav .item.active a {
    color: #000000;
  }

.popover-menu {
  top: 39px !important;
  left: 20px !important;
  right: 20px !important;
  bottom: 20px !important;
  width: auto;
  max-width: 100%;
  border-radius: 0;
  background-color: rgba(255,255,255,1);
  z-index: 999;
}

  .popover-menu .popover-content {
    font-size: 1em;
    width: auto;
    height: 100%;
    text-align: left;
    margin: 0px auto;
    padding: 1%;
    padding-top: 45px;
  }

    .popover-menu .popover-content h1 {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      padding: 8px 14px;
      margin: 0;
      font-size: 14px;
      font-weight: bold;
      line-height: 18px;
      background-color: #f7f7f7;
      border-bottom: 1px solid #ebebeb;
      z-index: 1;
    }

    .popover-menu .popover-content h2 {
      font-size: 14px;
      margin: 0 0 5px;
      text-transform: uppercase;
      font-weight: bold;
    }

    .popover-menu .popover-content .close,
    .popover-menu .popover-content .search {
      position: absolute;
      right: 10px;
      top: 0px;
      padding: 6px 8px;
      display: inline-block;
      z-index: 10;
    }

    .popover-menu .popover-content .search {
      right: 42px;
      float: right;
      font-size: 19px;
      font-weight: bold;
      line-height: 1;
      color: #000;
      text-shadow: 0 1px 0 #fff;
      filter: alpha(opacity=20);
      opacity: .2;
      z-index: 10;
    }

      .popover-menu .popover-content .search:hover,
      .popover-menu .popover-content .search:focus {
        color: #000;
        text-decoration: none;
        cursor: pointer;
        filter: alpha(opacity=50);
        opacity: .5;
      }

    .popover-menu .popover-content .head form {
      margin-bottom: 15px;
    }

    /*CSS3 multiple columns.*/
    /* Get em size for colums: 184/16 */
    .popover-menu .popover-content .columns {
      -moz-column-width: 16em; /* Firefox */
      -webkit-column-width: 16em; /* webkit, Safari, Chrome */
      column-width: 16em;
      margin-bottom: 15px;
      padding-bottom: 15px;
      border-bottom: 1px solid #F0F0F0;
    }

      .popover-menu .popover-content .columns:last-child {
        padding-bottom: 0;
        border-bottom: none;
      }

      /*remove standard list and bullet formatting from ul*/
      .popover-menu .popover-content .columns > ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
      }

        .popover-menu .popover-content .columns > ul > li {
          position: relative;
        }

          /* correct webkit/chrome uneven margin on the first column*/
          .popover-menu .popover-content .columns > ul > li:first-child {
            margin-top: 0px;
          }

          .popover-menu .popover-content .columns > ul > li > a:link,
          .popover-menu .popover-content .columns > ul > li > a:active,
          .popover-menu .popover-content .columns > ul > li > a:visited {
            display: block;
            color: #555555;
            padding: 0 6px;
            border-radius: 4px;
            line-height: 26px;
          }

          .popover-menu .popover-content .columns > ul > li > a:hover,
          .popover-menu .popover-content .columns > ul > li > a:focus {
            text-decoration: none;
            color: #ffffff;
            background-color: #0081c2;
          }

          .popover-menu .popover-content .columns > ul > li .action-group {
            position: absolute;
            top: 0;
            right: 0;
          }

            .popover-menu .popover-content .columns > ul > li .action-group .dropdown-menu {
              position: fixed;
            }

          .popover-menu .popover-content .columns > ul > li:hover .action-button {
            color: #ffffff !important;
          }

          .popover-menu .popover-content .columns > ul > li .action-group .action-button:link,
          .popover-menu .popover-content .columns > ul > li .action-group .action-button:active,
          .popover-menu .popover-content .columns > ul > li .action-group .action-button:visited {
            display: block;
            padding: 0 12px;
            border-radius: 4px;
            line-height: 26px;
            color: #0081c2;
          }

          .popover-menu .popover-content .columns > ul > li .action-group .action-button:hover,
          .popover-menu .popover-content .columns > ul > li .action-group .action-button:focus {
            color: #555555 !important;
            background: #ededed;
            border-radius: 50%;
          }

          .popover-menu .popover-content .columns > ul > li .action-group .dropdown-menu .divider {
            margin: 2px 0;
          }

/*Quebra linha automaticamente com crlr \n\r */
.linebreaks {
  white-space: pre-line !important;
}

.license-danger {
  background: #ff0000 !important;
}

.license-warning {
  background: #ff9000 !important;
}

.license-danger,
.license-warning {
  box-shadow: none !important;
}

  .license-danger .license-message,
  .license-warning .license-message {
    padding: 9px 5px 9px 20px;
    color: #ffffff;
  }

  .license-danger .navbar-nav > li > a,
  .license-warning .navbar-nav > li > a {
    text-shadow: none;
  }

.fc-toolbar h2 {
  font-size: 20px
}

.report-modal .modal-dialog {
  width: 100%;
  height: 100%;
  margin: 0;
}

.report-modal .modal-content {
  border-radius: 0;
  background: none transparent;
  box-shadow: none;
  border: none;
  height: auto;
  min-height: 100%;
}

  .report-modal .modal-content .modal-body {
    padding: 0;
  }

  .report-modal .modal-content .bootbox-close-button {
    color: rgb(97,97,97);
    opacity: 1;
    margin-top: 0 !important;
    position: fixed;
    top: 60px;
    right: 56px;
    background: rgb(242,242,242);
    border-radius: 50px;
    width: 36px;
    height: 36px;
    box-shadow: rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px, rgba(0, 0, 0, 0.2) 0px 3px 1px -2px;
  }

  .report-modal .modal-content .bootbox-body > div {
    text-align: center;
  }

  .report-modal .modal-content iframe {
    border: 0;
    width: 100vw;
    height: 100vh;
    display: block;
    overflow: hidden;
  }

.report-modal + .modal-backdrop {
  background-color: rgb(0,0,0);
  opacity: .85;
}

.report-modal .loading {
  color: #ffffff;
  font-size: 20px;
  padding: 50px 0;
}

  .report-modal .loading .loading-text {
    font-size: 24px;
    margin-left: 10px;
  }

@media print {
  .report-modal {
    display: none !important;
  }
}

.select2-header {
  padding: 6px 13px 6px 9px;
  background-color: #eee;
  font-weight: bold;
}

.col-select2 {
  padding-right: 2px !important;
  padding-left: 2px !important;
}

/*summernote*/
.note-editable {
  line-height: 1.0;
}

pnotify-icon span {
  font-size: 19px !important;
}

.panel-tabs {
  position: relative;
  bottom: 30px;
  clear: both;
  border-bottom: 1px solid transparent;
}

.panel-primary .heading {
  color: #428bca !important;
  margin-top: 0px !important;
}

.panel-tabs > li {
  float: left;
  margin-bottom: -1px;
}

  .panel-tabs > li > a {
    margin-right: 2px;
    margin-top: 4px;
    line-height: .85;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
    color: #ffffff;
  }

    .panel-tabs > li > a:hover {
      border-color: transparent;
      color: #ffffff;
      background-color: transparent;
    }

  .panel-tabs > li.active > a,
  .panel-tabs > li.active > a:hover,
  .panel-tabs > li.active > a:focus {
    color: #428bca;
    cursor: default;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background-color: #ffffff;
    border-bottom-color: transparent;
  }

.btn-help {
  font-size: 12px;
  position: fixed;
  right: -48px;
  top: 45px;
  -webkit-border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px;
  -webkit-transition: all .2s linear;
  -moz-transition: all .2s linear;
  transition: all .2s linear;
}

  .btn-help i {
    margin-right: 3px;
  }

  .btn-help:hover {
    right: -1px;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    transition: all .1s linear;
  }

.modal-help .modal-body {
  padding: 0;
}

.modal-help .bootbox-body {
  min-height: 600px;
}

.modal-help iframe {
  width: 100%;
  height: 100%;
  border: 0 none;
  position: absolute;
}

.message-box {
  width: 100% !important;
  left: 0 !important;
  top: 0 !important;
  text-align: center;
}

  .message-box .ui-pnotify-container {
    width: auto;
    display: inline-block;
    color: #212121;
    background-color: rgba(249, 237, 190, 0.8);
    border: 1px solid rgba(240, 195, 109, 0.8);
    padding: 4px 20px;
  }

    .message-box .ui-pnotify-container .ui-pnotify-text {
      font-size: 20px !important;
    }

.overlay {
  overflow: hidden;
}

  .overlay:before {
    background-color: #fff;
    content: "Carregando...";
    position: fixed;
    top: calc(50% - 75px);
    left: calc(50% - 175px);
    height: 100px;
    width: 350px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 99999;
    font-size: 32px;
    border: 2px solid #333;
    border-radius: 4px;
    padding-left: 63px;
  }

  .overlay:after {
    content: "";
    display: block;
    width: 46px;
    height: 46px;
    margin-left: -100px;
    border-radius: 50%;
    border: 5px solid #007db9;
    border-color: #007db9 transparent #333 transparent;
    animation: dual-ring .7s linear infinite;
    z-index: 99999;
    top: calc(50% - 48px);
    left: calc(50% - 26px);
    position: fixed;
  }

  .overlay .overlay-background:first-child {
    background: #fff;
    width: 100vw;
    height: 100vh;
    position: fixed;
    z-index: 99998;
  }

  .overlay.overlay-transparent .overlay-background:first-child {
    background-color: rgba(255,255,255,0.5);
  }

.tab-pane.overlay:before,
.tab-pane.overlay:after {
  margin-top: 54px;
}

.report-modal .overlay:before,
.report-modal .overlay:after {
  z-index: -1;
}

@keyframes dual-ring {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

/* custom buttons */
.btn-secondary {
  color: #ffffff;
  background-color: #6C757D;
  border-color: #6C757D;
}

  .btn-secondary:hover,
  .btn-secondary:focus,
  .btn-secondary:active,
  .btn-secondary.active,
  .open .dropdown-toggle.btn-secondary {
    color: #ffffff;
    background-color: #545B62;
    border-color: #4e555b;
  }

  .btn-secondary:active,
  .btn-secondary.active,
  .open .dropdown-toggle.btn-secondary {
    background-image: none;
  }

  .btn-secondary.disabled,
  .btn-secondary[disabled],
  fieldset[disabled] .btn-secondary,
  .btn-secondary.disabled:hover,
  .btn-secondary[disabled]:hover,
  fieldset[disabled] .btn-secondary:hover,
  .btn-secondary.disabled:focus,
  .btn-secondary[disabled]:focus,
  fieldset[disabled] .btn-secondary:focus,
  .btn-secondary.disabled:active,
  .btn-secondary[disabled]:active,
  fieldset[disabled] .btn-secondary:active,
  .btn-secondary.disabled.active,
  .btn-secondary[disabled].active,
  fieldset[disabled] .btn-secondary.active {
    background-color: #6C757D;
    border-color: #6C757D;
  }

  .btn-secondary .badge {
    color: #6C757D;
    background-color: #ffffff;
  }

.btn-dark {
  color: #FFFFFF;
  background-color: #343A40;
  border-color: #343A40;
}

  .btn-dark:hover,
  .btn-dark:focus,
  .btn-dark:active,
  .btn-dark.active,
  .open .dropdown-toggle.btn-dark {
    color: #FFFFFF;
    background-color: #23272b;
    border-color: #1d2124;
  }

  .btn-dark:active,
  .btn-dark.active,
  .open .dropdown-toggle.btn-dark {
    background-image: none;
  }

  .btn-dark.disabled,
  .btn-dark[disabled],
  fieldset[disabled] .btn-dark,
  .btn-dark.disabled:hover,
  .btn-dark[disabled]:hover,
  fieldset[disabled] .btn-dark:hover,
  .btn-dark.disabled:focus,
  .btn-dark[disabled]:focus,
  fieldset[disabled] .btn-dark:focus,
  .btn-dark.disabled:active,
  .btn-dark[disabled]:active,
  fieldset[disabled] .btn-dark:active,
  .btn-dark.disabled.active,
  .btn-dark[disabled].active,
  fieldset[disabled] .btn-dark.active {
    background-color: #343A40;
    border-color: #343A40;
  }

  .btn-dark .badge {
    color: #343A40;
    background-color: #FFFFFF;
  }
/*.popover-content {
  white-space: nowrap !important;
}*/
.popover {
  height: auto;
}
