body {
    background-color: #404040;
}
a {
    color: #404040;
    text-decoration: none;
}
.link {
    color: #ffffff;
    text-decoration: underline;
}

#page-wrapper {
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
}

#content-modal {
    background: none;
}

.table-bordered {
    border: 1px solid #dddddd;
}

.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
    border: 1px solid #dddddd;
}

table.dataTable.no-footer {
    border: 1px solid #dddddd;
}

div.dataTables_wrapper div.dataTables_length select {
    height: 30px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

div.dataTables_wrapper div.dataTables_filter input {
    display: inline-block;
    width: auto;
    margin-left: 0.5em;
    height: 30px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.barra-cambio {
    background-color: #070707; 
    color: #ccc; 
    border-bottom: 1px solid #404040;
}
.link-cambio {
    color: #ccc;
}

.panel-primary .panel-footer, .panel-primary .panel-heading { 
    background-color: #0089ff; 
    border: none; 
    color: #fff;
}
.panel-green {
    border-color: #5cb85c;
}
.panel-green > .panel-heading {
    border-color: #5cb85c;
    color: white;
    background-color: #5cb85c;
    border: none;
}
.panel-green .panel-footer { 
    background-color: #5cb85c; 
    border: none; 
    color: #fff;
}
.panel-red {
    border-color: #ff5252;
}
.panel-red > .panel-heading {
    border-color: #ff5252;
    color: white;
    background-color: #ff5252;
    border: none;
}
.panel-red .panel-footer {
    border: none;
    background-color: #ff5252;
    color: #fff;
}
.panel-yellow {
    border-color: #ffd53b;
}
.panel-yellow > .panel-heading {
    border-color: #ffd53b;
    color: white;
    background-color: #ffd53b;
    border: none;
}
.panel-yellow .panel-footer {
    border: none;
    background-color: #ffd53b;
    color: #fff;
}
.panel-default { 
    box-shadow: 5px 5px 9px 0 #cccccc;
}
.panel.panel-default .panel-footer {
    background-color: #efefef;
    border: none;
}
.panel-default .panel-heading { 
    padding: 2rem;
    background: #dadada;
    font-size: 15px;
    border: none; 
}
.panel a .panel-footer:hover { 
    color: #353535;
}

.navbar-top-links li a {
    color: #404040;
}

.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
    color: #fff;
    background-color: #404040;
}

.nav-pills>li>a>.badge, .nav-pills>.active>a>.badge {
    font-size: 12px;
}

#page-wrapper {
    background-color: #eeeeee;
}

.txt-carregando {
    color: #404040;
    text-shadow: 1px 1px #ffffff;
}

.progress-bar {
    background-color: #9e0000;
}

.navbar-default {
    background: #404040;
}

.sidebar ul li {
    border-bottom: 1px solid #000;
}

.sidebar ul li a {
    color: #ccc;
}

.sidebar ul li a:hover {
    background-color: #404040;
    color:#ccc;
}

.sidebar ul li a.active {
    background-color: #404040;
	color:#ccc;
}
.sidebar .nav-second-level li,
.sidebar .nav-third-level li {
    background-color: #eee;
}

.sidebar .nav-second-level li a {
    padding-left: 37px;
    font-size:14px;
    color:#404040;
}

.sidebar .nav-second-level li a.active,
.sidebar .nav-third-level li a.active {
    background-color: #404040;
    color:#fff;
}

.sidebar .nav-second-level li a:hover,
.sidebar .nav-third-level li a:hover {
    color:#ffffff;
}

.nav-tabs>li>a>span {
    font-size: 16px;
    margin-left: 10px;    
}

.logo-topo {
    text-align: center;
    margin:20px;
}

.navbar-brand {
    margin-bottom:20px;
}

.cor1 {
    color: #333333;
}
.cor2 {
    color: #adadad;
}

.background1 {
    background-color: #333333;
    color:#fff;
}
.background2 {
    background-color: #adadad;
    color:#333333;
}

.btn-cor1 {
    color: #fff;
    background-color: #333333;
    border-color: #adadad;  
}
.btn-cor1:hover {
    color: #fff;
    background-color: #333333;
    border-color: #adadad;
}
.btn-cor1.active {
    color: #000;
    font-weight: bolder;
    background-color: #333333;
    border-color: #adadad;
}
.btn-cor2 {
    color: #333333;
    background-color: #adadad;
    border-color: #9d9d9d;
}
.btn-cor2.active {
    color: #333333;
    background-color: #adadad;
    border-color: #9d9d9d;  
}
.alert-cor1 {
    color: #fff;
    background-color: #333333;
    border-color: #adadad;
}
.alert-cor2 {
    color: #000;
    background-color: #adadad;
    border-color: #9d9d9d;
}

.btn-lista-carrinho {
    background-color:#404040;
    color:white!important;
}
.btn-lista-carrinho:hover {
    color:#404040!important;
}
#lista-carrinho {
    padding: 10px;
}
.open>a {
    color: #1e876e!important;
}

.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #eaefdd;
}

.div-descricao-busca {
    background-color: #ffffff;
    color:#000;
}

.pacote-cambio-fixo {
    top:0px;
    position:absolute;
    padding:10px;
    font-size:15px;
    background-color:rgba(176,201,46,0.5);
    color:#36876f;
    font-weight:bolder;
}
.pacote-tipo {
    padding:10px;
    background-color:yellow;
    color:#404040;
    font-size:16px;
    font-weight:bolder;
}

.alert{ margin: 0 15px 15px 15px;border-radius: 0px;border:0px;border-left: 5px solid #eee;}
.alert h4{margin:0}
.alert-success{color:#468847;background-color:#dff0d8;border-color:#468847;}
.alert-danger,.alert-error{color:#b94a48;background-color:#f2dede;border-color:#b94a48;}
.alert-info{color:#3a87ad;background-color:#d9edf7;border-color:#3a87ad;}
.alert-block{padding-top:14px;padding-bottom:14px;}
.alert-block>p,.alert-block>ul{margin-bottom:0;}
.alert-block p+p{margin-top:5px;}
.success {
	border-color: #79B041 !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}
.error {
	border-color: #a94442 !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}

.panel-cliente-cor1>.panel-heading {
    color: #fff;
    background-color: #333333;
    border-color: #adadad;
}
.panel-cliente-cor1>.panel-heading small{
    color: #fff;
}
.panel-cliente-cor2>.panel-heading {
    color: #333333;
    background-color: #adadad;
    border-color: #9d9d9d;
}
.panel-cliente-cor2>.panel-heading small{
    color: #333333;
}

.btn-group-select-num >.btn.active,
.btn-group-select-num >.btn.active:hover {
  background: #404040;
  border-color: #ffffff;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff;
}

.xp-produto {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.xp-produto:hover {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    -webkit-transition: all 0.5s ease;
}

.xp-produto:active {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}

.steps li a, .steps li p {
  background: #ccc;
  color: #333;
}
.steps li:first-child a:before, .steps li p:before {
    border-left: 12px solid #ccc;
}
.steps li a:after, .steps li p:after {
  border-left: 12px solid #ccc;
}
.steps li.active a, .steps li.active p {
  background: #404040;
  color: #fff;
}
.steps li.active a:after, .steps li.active p:after {
  border-left: 12px solid #404040;
}
.steps li.undone a, .steps li.undone p {
  background: #b7b7b7;
  color: #ddd;
}
.steps li.undone a:after, .steps li.undone p:after {
  border-left: 12px solid #b7b7b7;
}

.breadcrumbcrm {
    background-color: #404040;
    box-shadow: 5px 5px 9px 0 #cccccc;
}

.breadcrumbcrm a {
    color:#ddd;
}

.breadcrumbcrm i-status:after {
    background-color: #404040;
}

.breadcrumbcrm i-status {
    color: #ddd;
}

/* Celular */
@media (max-width: 767px) {
    .navbar-top-links li a {
        color: #ccc;
    }
    .logo-topo {    
        margin: 15px 0 15px 60px;
    }
}