.btn.btn-info{
    color: #fff;
    background-color: #495057 !important;
    border-color: #495057 !important;
    box-shadow: 0 2px 2px 0 #495057, 0 3px 1px -2px #495057, 0 1px 5px 0 #495057;
}

.btn-info:hover {
    color: #ffffff;
    background-color: #495057 !important;
    border-color: #495057 !important;
  }

.discount-type {
    background-color: orange;
    width: 15%;
}

mark {
    background: gray;
    color: white;
}

.card [data-background-color="blue"] {
    background: linear-gradient(60deg, #0000da, #00acc1);
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(0, 188, 212, 0.4);
}

table.dataTable tbody tr:hover {
    background-color: #dee2e6 !important;
}

/*
a.advancedsearch {
    color: #124e8e !important;
}

a.advancedsearch:hover {
    text-decoration: underline;
}

a.dropdown-toggle {
    color: #124e8e !important;
}

a.dropdown-toggle:hover {
    text-decoration: underline;
}
    
.pagination > .page-item.active > a,
.pagination > .page-item.active > a:focus,
.pagination > .page-item.active > a:hover,
.pagination > .page-item.active > span,
.pagination > .page-item.active > span:focus,
.pagination > .page-item.active > span:hover {
    background-color: #124e8e;
    border-color: #124e8e;
    color: #fff;
    box-shadow: 0 4px 5px 0 rgba(137, 134, 138, 0.98), 0 1px 10px 0 rgb(125, 120, 125), 0 2px 4px -1px rgb(87, 81, 88);
}
*/
li.nav-item.active > a.nav-link.hub-menu--active-color {
    text-decoration: none;
    background-color: #d46110;
}

.bootstrap-tagsinput.default-badge .tag {
    background-color: #6C757D;
    color: #fff;
}

/* Troca a cor da seleção dos dropdown menu. Ex.: Menu hamburger dos Selects
.dropdown-menu .dropdown-item:hover,
.dropdown-menu .dropdown-item:focus,
.dropdown-menu a:hover,
.dropdown-menu a:focus,
.dropdown-menu a:active {
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(156, 39, 176, 0.4);
    background-color: #124e8e;
    color: #FFFFFF;
}
*/

.bootstrap-select.form-control {
    position: absolute;
    margin-top: 0px;
    -webkit-transition: none;
    transition: none;
}

/* Formatação das cores do PivotTable*/
#wdr-pivot-view #wdr-grid-view div.negative {
    color: rgb(249, 28, 29);
    background-color: rgb(255, 255, 255);
}

#wdr-pivot-view #wdr-grid-view div.grayBackground {
    color: rgb(255, 255, 255);
    background-color: #495057;
}

#wdr-pivot-view #wdr-grid-view div.backgroundhighlight {
    background-color: #f0f0f0;
}

#wdr-pivot-view .link {
    text-decoration: underline;
    text-decoration-color: blue;
}

.xwdr-grid-column { 
    width: 50px;
    max-width: 70px; 
}

td.details-control {
    background: url('https://raw.githubusercontent.com/DataTables/DataTables/1.10.7/examples/resources/details_open.png') no-repeat center center;
    cursor: pointer;
}

tr.shown td.details-control {
    background: url('https://raw.githubusercontent.com/DataTables/DataTables/1.10.7/examples/resources/details_close.png') no-repeat center center;
}

table.dataTable .child-container table {
    width: 47%;
    margin: 10px 10px 10px 40px;
    float: left;
    border: solid 1px #dddddd;
}

table.dataTable .child-container {
    max-height: 150px;
    overflow-y: auto;
}

.md-menu.md-select {
    overflow: hidden;
    -webkit-transition: none;
    transition: none;
}

.divError {
    display: none;
}

.dataTables_wrapper {
    position: relative;
    /*min-height: 302px;*/
    _height: 302px;
    zoom: 1; /* Feeling sorry for IE */
}

div.dataTables_scrollBody.dropdown-visible {
    overflow: visible !important;
}

.main-panel > .content {
    margin-top: 20px;
    padding: 30px 15px;
    min-height: calc(100vh - 123px);
}

input.bootstrap-tagsinput[data-color="red"] {
    border-color: #f44336;
    color: #f44336;
}

input.tagsinput[data-color="azure"] {
    border-color: #00bcd4;
    color: #00bcd4;
}

input[data-color="azure"] .tagsinput {
    border-color: #00bcd4;
    color: #00bcd4;
}

.bootstrap-tagsinput.info-badge .tag {
    background-color: #a9a9a9;
    color: #fff;
}

/*Redefinicao da cor.*/
.card .card-header-default .card-icon,
.card .card-header-default .card-text,
.card .card-header-default:not(.card-header-icon):not(.card-header-text),
.card.bg-info,
.card.card-rotate.bg-default .front,
.card.card-rotate.bg-default .back {
    /*background: linear-gradient(60deg, #26c6da, #00acc1); willams*/
    background: #495057 ; /*linear-gradient(#495057, #495057, #495057);*/
}

.card .card-header-warning .card-icon,
.card .card-header-warning .card-text,
.card .card-header-warning:not(.card-header-icon):not(.card-header-text),
.card.bg-warning,
.card.card-rotate.bg-warning .front,
.card.card-rotate.bg-warning .back {
    background: linear-gradient(60deg, #d46110, #d46110);
}

/*Redefinição da Sombra*/
.card .card-header-default .card-icon,
.card .card-header-default:not(.card-header-icon):not(.card-header-text),
.card .card-header-default .card-text {
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(6, 6, 6, 0.4);
}

/*Redefinição nav Pill*/
.nav-pills.nav-pills-default .nav-item .nav-link.active,
.nav-pills.nav-pills-default .nav-item .nav-link.active:focus,
.nav-pills.nav-pills-default .nav-item .nav-link.active:hover {
    background-color: #6C757D; /*#495057;*/
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(6, 6, 6, 0.4);
    color: #fff;
}

.bg-info {
    background-color: #495057 !important;
}

a.bg-info:hover,
a.bg-info:focus,
button.bg-info:hover,
button.bg-info:focus {
    background-color: #495057 !important;
}


.border-info {
    border-color: #495057 !important;
}


/*
    .ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
    border: 1px solid #aaaaaa;
    background: #ffffff url("images/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x;
    font-weight: normal;
    color: #212121;
}
*/

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
    border: solid var(--hub-blue);
    background: var(--hub-blue); /*url("images/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x;*/
    font-weight: normal;
    color: #ffffff;
}

/*TAG input. Desenhando linha de baixo da div*/
/* 
   .bootstrap-tagsinput {
    background-color: #fff;
    border: 1px solid rgb(255, 255, 255);
    border-width: 0 0 1px !important;
    border-color: #d2d2d2 !important;
    display: inline-block;
    padding: 4px 6px;
    padding-top:9px;
    color: #555;
    vertical-align: middle;
    max-width: 100%;
    cursor: text;
    box-shadow: none;
    border-radius:0%;
  }

  .bootstrap-tagsinput .tag {
    margin: 0px 0px 0px 0;
  } 

  .twitter-typeahead{
      display: inline !important;
  } */




#banner-wrap {
    position: relative;
}

#banner::after {
    content: "";
    display: block;
    background: rgba(221, 221, 221, 0.7);
    width: 100%;
    height: 30px;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 0;
    border-radius: 30px;
    padding: 10px 15px;
}

h2 {
    font-family: sans-serif;
    color: #6C757D;
    font-size: 20px;
    text-align: center;
    z-index: 1;
    position: relative;
    padding: 0px 10px;
}

.close{
    z-index: 99999999;
}

/*Forçando o Z-index para que o bloqueio fique por cima das telas com modal*/
.blockOverlay{
    z-index: 999999998;
}

.modal-dialog .modal-header .close {
    position: absolute;
    padding-top: 26px;
    padding-right: 30px;
}

.advancedsearch{
    align-items: center;
    padding-top: 10px;
    display: inline-block;
    float: none;
}

.card-wizard[data-color="blue"] .moving-tab {
    background-color: #6C757D;
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(6, 6, 6, 0.4);
    color: #fff;
}

body.modal-open {
    overflow: visible;
}


.ui-autocomplete {
  max-height: 250px;
  overflow-y: auto;
  /* prevent horizontal scrollbar */
  overflow-x: hidden;
}
/* IE 6 doesn't support max-height
 * we use height instead, but this forces the menu to always be this tall
 */
* html .ui-autocomplete {
  height: 100px;
}

.rememberMeCheck{
    padding-left: 48px;
}

/* Check box utilizado no grid
.form-check .form-check-sign .check {
    top: 4;
  }
  */

  /* Check box utilizado no grid */
  .check-in-grid {
    top: 5;
}

table.dataTable.dt-checkboxes-select tbody tr,
table.dataTable thead th.dt-checkboxes-select-all,
table.dataTable tbody td.dt-checkboxes-cell {
  xcursor: pointer;
}

table.dataTable thead th.dt-checkboxes-select-all,
table.dataTable tbody td.dt-checkboxes-cell {
  text-align: center;
}

div.dataTables_wrapper span.select-info,
div.dataTables_wrapper span.select-item {
  margin-left: 0.5em;
}

@media screen and (max-width: 640px) {
  div.dataTables_wrapper span.select-info,
  div.dataTables_wrapper span.select-item {
    margin-left: 0;
    display: block;
  }
}

.alert-success{
    background-color: #75B798;
}

.alert-danger{
    background-color: #E35C6A;
}

.alert-warning{
    background-color: #FFB171;
}

/*
.alert-success, .alert-danger, .alert-warning{
    color: #000000 !important;
}
*/

.mouse-pointer:hover{
    cursor: pointer;
    box-shadow: none, 0 0 0 0.2rem rgba(33, 150, 243, 0.5);

}

div.click-to-top span {
    display: none; position: absolute; bottom: 0; left: 0; right: 0; background: #333; color: #fff; 
}

div.click-to-top:hover span {
    display: block; 
}

.sidebar .sidebar-wrapper {
    height: calc(100vh - 300px);
}

.icon-more-options-grid {
    display: inline !important;
    color: #3C4858;
}

.icon-more-options-grid:hover {
    display: inline !important;
    color: #3C4858;
}

.ui-tooltip {
    background-color: #000000 !important;
    color: white !important;
    padding: 8px !important;
	position: absolute;
	z-index: 9999999;
	max-width: 300px;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
    opacity: 1;
    border: none;
}

.nav-pills-shape {
    background-color: transparent !important;
}

.nav-pills-label {
    color: white !important;
}

.input-quick-menu {
    xbackground: rgb(0, 0, 0) !important;
}

.input-quick-menu, .is-focused {
    xbackground: #1A1A1A !important;
    xborder-color:white !important;
}

.bmd-form-group, .is-focused {
    xbackground: #1A1A1A !important;
    xborder-color:white !important;
}

.progress{
    height: 100% !important;
}

.sidebar .sidebar-wrapper>.nav [data-toggle="collapse"]~div>ul>li>a .sidebar-normal,
.sidebar .sidebar-wrapper .user .user-info [data-toggle="collapse"]~div>ul>li>a .sidebar-normal {
  white-space: normal !important;
}

.modal { 
    overflow: auto !important; 
}

.row-selectpicker{
    height: 54px !important;
}

@media (max-width: 991px) {
    .bootstrap-select {
        position: relative !important;
    }
}


.jstree-default a.jstree-search { color:#3C4858; }

.image-txt-container {
    display: flex;
    align-items: center;
    flex-direction: row;
  }

.tag.label{
    background-color: #6C757D !important;
    color: #fff !important;
}

.jumbotron-lightRed {
    padding-top: 1rem;
    background-color: #ffefef;
}

.jumbotron-lightGreen {
    padding-top: 1rem;
    background-color: #efffef; 
}

.label-black {
    color: #000000;
}