﻿
.fa.dark-blue {
    color: #3e4095;
}

.fa.light-blue {
    color: #00afef;
}

textarea {
    resize: vertical !important;
}

.c-green {
    color: #24b31b;
}

.c-red {
    color: #ed5666;
}

.c-blue {
    color: #1b7bb9;
}

.dropdown-menu.icon-dropdown {
    min-width: 60px;
}

.dropdown.profile-element.open .dropdown-toggle {
    background: none !important;
}

.nav.navbar-top-links .dropdown-alerts > li > a {
    font-size: 125%;
}

.skin-1 #side-menu.nav li a {
    color: #FFF;
}

.skin-1 #side-menu.nav .profile-element li > a
{
    color: #168fd8;
    font-weight: bold;
}

.skin-1 .nav > li.active .nav {
    background: #505b6f;
}

.skin-1 .nav > li.active,
.skin-1 .navbar-default .nav > li > a:hover,
.skin-1 .navbar-default .nav > li > a:focus {
    color: #fff;
    background: #168fd8;
}

.skin-1 .bootstrap-tagsinput {
    border-radius: 1px;
    border: 1px solid #e5e6e7;
    box-shadow: none;
}

.popover .popover-content {
    text-align: justify;
}

/* Style for flat Chosen */
.chosen-container-single .chosen-single {
    background: #fff;
    filter: none;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    height: 30px;
    padding-top: 2px;
    border: 1px solid #e5e6e7;
    /*-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s;*/
}

.chosen-container-single .chosen-search input {
    background: #fff url('chosen-sprite.png') no-repeat 100% -20;
}

.chosen-container-single .chosen-drop {
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 0 0 1px 1px;
}

.chosen-container-multi .chosen-choices {
    background: #fff;
}

    .chosen-container-multi .chosen-choices .search-choice {
        -webkit-border-radius: 1px;
        -moz-border-radius: 1px;
        border-radius: 1px;
        background: #e4e4e4;
    }

        .chosen-container-multi .chosen-choices .search-choice.search-choice-disabled {
            background: #e4e4e4;
        }

.chosen-container .chosen-results li.highlighted {
    color: #fff;
    background-color: #1484c6;
    border-color: #1484c6;
    background-image: none;
}

.chosen-container-active.chosen-with-drop .chosen-single {
    background: #eee;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-bottomright: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

/* PAGINADOR */
.pagination-container {
    text-align: center;
}

    .pagination-container .total-paginas {
        margin-top: 25px;
    }
/* PAGINADOR */

/* Input validation */
.field-validation-error {
    color: #ED5565/*#e20e0e*/;
}

.input-validation-error {
    border-color: #ED5565;
}

.validation-summary-errors {
    color: #ED5565;
}

.obrigatorio .form-control, .obrigatorio .chosen-container-single .chosen-single {
    background-color: #e5fbd7 !important;
}
/* Input validation */

.popover:not(.clockpicker-popover) {
    min-width: 300px;
}

.popover .popover-title {
    font-weight: bold;
}

.popover .popover-content {
    font-weight: normal;
}

.mini-navbar ul.nav-second-level > li
{
    white-space: nowrap;
}

/* Responsividade de BTN-GROUP */
@media (max-width: 768px) {
    .btn-group-xs-responsive>.btn:first-child:not(:last-child), .btn-group.btn-group-xs-responsive>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
        border-top-right-radius: 4px;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }

    .btn-group-xs-responsive>.btn:last-child:not(:first-child), .btn-group-xs-responsive>.btn:last-child:not(:first-child):hover {
        border-bottom-left-radius: 4px;
        border-top-right-radius: 0;
        border-top-left-radius: 0;
    }

    .btn-group-xs-responsive>.btn, .btn-group-xs-responsive>.btn-group, .btn-group-xs-responsive>.btn-group>.btn {
        display: block;
        float: none;
        width: 100%;
        max-width: 100%;
    }

    .btn-group-xs-responsive>.btn {
        position: relative;
    }

    .btn-group-lgxsresponsive>.btn+.btn {
        margin-top: -1px;
        margin-left: 0;
    }
}
@media (max-width: 991px) {
    .btn-group-sm-responsive>.btn:first-child:not(:last-child), .btn-group.btn-group-sm-responsive>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
        border-top-right-radius: 4px;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }

    .btn-group-sm-responsive>.btn:last-child:not(:first-child), .btn-group-sm-responsive>.btn:last-child:not(:first-child):hover {
        border-bottom-left-radius: 4px;
        border-top-right-radius: 0;
        border-top-left-radius: 0;
    }

    .btn-group-sm-responsive>.btn, .btn-group-sm-responsive>.btn-group, .btn-group-sm-responsive>.btn-group>.btn {
        display: block;
        float: none;
        width: 100%;
        max-width: 100%;
    }

    .btn-group-sm-responsive>.btn {
        position: relative;
    }

    .btn-group-sm-responsive>.btn+.btn {
        margin-top: -1px;
        margin-left: 0;
    }
}
@media (max-width: 1199px) {
    .btn-group-md-responsive>.btn:first-child:not(:last-child), .btn-group.btn-group-md-responsive>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
        border-top-right-radius: 4px;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }

    .btn-group-md-responsive>.btn:last-child:not(:first-child), .btn-group-md-responsive>.btn:last-child:not(:first-child):hover {
        border-bottom-left-radius: 4px;
        border-top-right-radius: 0;
        border-top-left-radius: 0;
    }

    .btn-group-md-responsive>.btn, .btn-group-md-responsive>.btn-group, .btn-group-md-responsive>.btn-group>.btn {
        display: block;
        float: none;
        width: 100%;
        max-width: 100%;
    }

    .btn-group-md-responsive>.btn {
        position: relative;
    }

    .btn-group-md-responsive>.btn+.btn {
        margin-top: -1px;
        margin-left: 0;
    }
}
@media (min-width: 1200px) { 
    .btn-group-lg-responsive>.btn:first-child:not(:last-child), .btn-group.btn-group-lg-responsive>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
        border-top-right-radius: 4px;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }

    .btn-group-lg-responsive>.btn:last-child:not(:first-child), .btn-group-lg-responsive>.btn:last-child:not(:first-child):hover {
        border-bottom-left-radius: 4px;
        border-top-right-radius: 0;
        border-top-left-radius: 0;
    }

    .btn-group-lg-responsive>.btn, .btn-group-lg-responsive>.btn-group, .btn-group-lg-responsive>.btn-group>.btn {
        display: block;
        float: none;
        width: 100%;
        max-width: 100%;
    }

    .btn-group-lg-responsive>.btn {
        position: relative;
    }

    .btn-group-lg-responsive>.btn+.btn {
        margin-top: -1px;
        margin-left: 0;
    }
}
/* Responsiviade de BTN_GROUP */

/* Filtro */
.botoes-filtro-coluna {
    padding-top: 25px;
}

.filtro .botoes {
    margin-top: 15px !important;
}

@media (max-width: 991px) {
    .botoes-filtro-coluna {
        padding-top: 0;
    }
}
/* FIM Filtro */

/* Carregamento */
.carregando {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .85;
    z-index: 9999;
    text-align: center;
}

    .carregando .fa-spinner {
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        color: #FFF;
        /*margin-top: -20px;
        margin-left: -20px;*/
    }

    .carregando .mensagem {
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: 45px;
        margin-left: -35px;
        font-weight: bold;
        color: #FFF;
    }
/* FIM Carregamento */

.sweet-alert ul {
    list-style: none;
    text-align: justify;
    padding: 0;
}

select[readonly] {
    background: #eee;
    opacity: 1;
    pointer-events: none;
    touch-action: none;
}

.inline-block {
    display: inline-block;
}

.skin-1 .nav-header {
    padding: 25px 25px 25px 25px;
    background: #2C3E73;
    background: url(patterns/header-profile-skin-2.png);
}

.skin-1 .navbar-top-links .dropdown-menu.dropdown-alerts li:last-child {
    margin-right: 0;
}

.skin-1 .navbar-top-links .dropdown.open > a.dropdown-toggle {
    background-color: #F2F2F2;
}

body.skin-1 .wrapper.wrapper-content {
    padding: 5px 0;
}

body.skin-1 #page-wrapper {
    padding: 0 5px;
}

body.skin-1 #page-wrapper .navbar-static-top {
    padding-right: 10px;
}

body.skin-1 .ibox {
    margin-bottom: 5px;
}

body.skin-1 .ibox-content {
    padding: 10px;
}

.profile-logo {
    max-height: 32px;
    max-width: 128px;
}

.logo-element {
    padding-top: 10px;
    padding-bottom: 11px;
}

.navbar-header .breadcrumb {
    display: inline-block;
    margin-left: 10px;
    opacity: 0.6;
}

.navbar-header h2 {
    display: inline-block;
}

/* btn green*/
.btn-green.btn-outline {
  color: #23b31a; }
.btn-green.btn-outline:hover { color: #fff; }
.btn-green {
  background-color: #23b31a;
  border-color: #23b31a;
  color: #FFFFFF; }
.skin-1 .btn-green:hover, .skin-1 .btn-green:focus, .skin-1 .btn-green:active, .skin-1 .btn-green.active, .skin-1 .open .dropdown-toggle.btn-green, .skin-1 .btn-green:active:focus, .skin-1 .btn-green:active:hover, .skin-1 .btn-green.active:hover, .skin-1 .btn-green.active:focus 
{
  background-color: #1d9215;
  border-color: #1d9215;
  color: #FFFFFF;
}

.btn-green:hover, .btn-green:focus, .btn-green:active, .btn-green.active, .open .dropdown-toggle.btn-green, .btn-green:active:focus, .btn-green:active:hover, .btn-green.active:hover, .btn-green.active:focus {
  background-color: #1d9215;
  border-color: #1d9215;
  color: #FFFFFF;
}

.btn-green:active, .btn-green.active, .open .dropdown-toggle.btn-green {
  background-image: none; }

.btn-green.disabled, .btn-green.disabled:hover, .btn-green.disabled:focus, .btn-green.disabled:active, .btn-green.disabled.active, .btn-green[disabled], .btn-green[disabled]:hover, .btn-green[disabled]:focus, .btn-green[disabled]:active, .btn-green.active[disabled], fieldset[disabled] .btn-green, fieldset[disabled] .btn-green:hover, fieldset[disabled] .btn-green:focus, fieldset[disabled] .btn-green:active, fieldset[disabled] .btn-green.active {
  background-color: #1dc5a3;
  border-color: #1dc5a3; }


/* btn orange */
.btn-orange.btn-outline {
  color: #1ab394; }
.btn-orange.btn-outline:hover { color: #fff; }
.btn-orange {
  background-color: #ef7207;
  border-color: #ef7207;
  color: #FFFFFF; }
.skin-1 .btn-orange:hover, .skin-1 .btn-orange:focus, .skin-1 .btn-orange:active, .skin-1 .btn-orange.active, .skin-1 .open .dropdown-toggle.btn-orange, .skin-1 .btn-orange:active:focus, .skin-1 .btn-orange:active:hover, .skin-1 .btn-orange.active:hover, .skin-1 .btn-orange.active:focus 
{
  background-color: #e46c06;
  border-color: #e46c06;
  color: #FFFFFF;
}

.btn-orange:hover, .btn-orange:focus, .btn-orange:active, .btn-orange.active, .open .dropdown-toggle.btn-orange, .btn-orange:active:focus, .btn-orange:active:hover, .btn-orange.active:hover, .btn-orange.active:focus {
  background-color: #e46c06;
  border-color: #e46c06;
  color: #FFFFFF;
}

.btn-orange:active, .btn-orange.active, .open .dropdown-toggle.btn-orange {
  background-image: none; }

.btn-orange.disabled, .btn-orange.disabled:hover, .btn-orange.disabled:focus, .btn-orange.disabled:active, .btn-orange.disabled.active, .btn-orange[disabled], .btn-orange[disabled]:hover, .btn-orange[disabled]:focus, .btn-orange[disabled]:active, .btn-orange.active[disabled], fieldset[disabled] .btn-orange, fieldset[disabled] .btn-orange:hover, fieldset[disabled] .btn-orange:focus, fieldset[disabled] .btn-orange:active, fieldset[disabled] .btn-orange.active {
  background-color: #1dc5a3;
  border-color: #1dc5a3; }


.btn-filtro.ativo {
    background-color: #1484c6;
    border-color: #1484c6;
    color: #FFFFFF;
}
    .btn-filtro.ativo:after,
    .btn-filtro.ativo::after {
        content: ' ';
        display: inline-block;
        width: 65px;
        background: #CCC;
        position: absolute;
        float: left;
        margin-left: -6px;
        margin-top: 3px;
        border: 12px SOLID #1584c6;
        border-bottom: none;
        border-right: 33px SOLID #FFF;
        border-left: 33px SOLID #FFF;
        top: 17px;
        left: 20px;
    }

    .btn-filtro2.ativo {
        background-color: #1484c6;
        border-color: #1484c6;
        color: #FFFFFF;
    }
        .btn-filtro2.ativo:after,
        .btn-filtro2.ativo::after {
            content: ' ';
            display: inline-block;
            width: 65px;
            background: #CCC;
            position: absolute;
            float: left;
            margin-left: -6px;
            margin-top: 3px;
            border: 12px SOLID #1584c6;
            border-bottom: none;
            border-right: 33px SOLID #eee;
            border-left: 33px SOLID #eee;
            top: 17px;
            left: 20px;
        }

.form-control:focus, .single-line:focus {
    border-color: #1d84c6 !important;
}

.msg-limite-qtd {
    font-size: 8pt;
}

.skin-1 #side-menu.nav ul.empresas-selecao {
    padding: 3px;
}

.skin-1 #side-menu.nav li.empresa-selecao > form > a {
    color: #000;
    display: block;
    padding: 3px;
}

.skin-1 #side-menu.nav li.empresa-selecao > form > a:hover {
    background-color: #168fd8;
    color: #FFF;
}

.text-green {
    color: rgb(35, 179, 26);
}

#itens-transferencia > tbody > tr > td {
    line-height: 15px;
    vertical-align: middle;
}

.linha-subtotal-saldo {
    border-top: 2px solid #00afef;
    color: #FFF;
}

table.table .linha-subtotal-saldo > td {
    background-color: #168fd8;
}

.linha-subtotal-saldo2 {
    border-top: 2px solid #505b6f;
    color: #FFF;
}

table.table .linha-subtotal-saldo2 > td {
    background-color: #505b6f;
}

.linha-subtotal-saldo3 {
    border-top: 2px solid #7d7d80;
    color: #3D525C;
}

table.table .linha-subtotal-saldo3 > td {
    background-color: #fff;
}


table.table .tr-xs-padding > td {
    padding: 2px;
}

table.table .tr-xs-padding > td.col-img-qtd {
    position: relative;
    text-align: center;
}

.no-outline{
    outline: none !important;
}

.saldo-positivo {
    color: #0e9aef;
}

.saldo-negativo {
    color: #fd2d2d;
}

.saldo-alerta {
    color: #FF5722;
}

.cor-envio {
    color: #3f4195;
}

.cor-retorno {
    color: #24b31b;
}

.border:not(.bottom):not(.top):not(.left):not(.right) {
    border: 1px solid #000;
}

.border.cbt {
    margin-top: -1px;
}

.border.cbr {
    margin-right: -1px;
}

.border.cbb {
    margin-bottom: -1px;
}

.border.cbl {
    margin-left: -1px;
}

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

.border.top {
    border-top: 1px solid #000;
}

.border.no-top {
    border-top: none;
}

.border.left {
    border-left: 1px solid #000;
}

.border.right {
    border-right: 1px solid #000;
}

.gray-border {
    border-color: #e7eaec !important;
}

.dark-gray-bg {
    background-color: #CCC;
}

.logiun-bg {
    color: white;
    background-color: #001240;
}

.no-margin-bottom {
    margin-bottom: 0;
}

.table > tbody > tr > td {
    vertical-align: middle;
}

.op-20 {
    opacity: .2;
}

.pd-l-0 {
    padding-left: 0;
}

.pd-r-0 {
    padding-right: 0;
}

.fs-120 {
    font-size: 120%;
}

.print-only {
    display: none;
}

.logo-on-table {
    display: inline-block;
    overflow: hidden;
    width: 70px;
    text-align: center;
}
.logo-on-table > img {
    vertical-align: middle;
}

.filtro .chosen-container {
    min-height: 34px;
}

.p-l-0 {
    padding-left: 0px;
}

.p-r-0 {
    padding-right: 0px;
}

.p-t-0 {
    padding-top: 0px;
}

.p-b-0 {
    padding-bottom: 0px;
}

.p-l-xxs {
    padding-left: 5px;
}

.p-r-xxs {
    padding-right: 5px;
}

.p-t-xxs {
    padding-top: 5px;
}

.p-b-xxs {
    padding-bottom: 5px;
}

.p-l-xs {
    padding-left: 10px;
}

.p-r-xs {
    padding-right: 10px;
}

.p-t-xs {
    padding-top: 10px;
}

.p-b-xs {
    padding-bottom: 10px;
}

.p-l-sm {
    padding-left: 15px;
}

.p-r-sm {
    padding-right: 15px;
}

.p-t-sm {
    padding-top: 15px;
}

.p-b-sm {
    padding-left: 15px;
}

.p-l-m {
    padding-left: 20px;
}

.p-r-m {
    padding-right: 20px;
}

.p-t-m {
    padding-top: 20px;
}

.p-b-m {
    padding-bottom: 20px;
}

.p-l-md {
    padding-left: 25px;
}

.p-r-md {
    padding-right: 25px;
}

.p-t-md {
    padding-top: 25px;
}

.p-b-md {
    padding-bottom: 25px;
}

.p-l-lg {
    padding-left: 30px;
}

.p-r-lg {
    padding-right: 30px;
}

.p-t-lg {
    padding-top: 30px;
}

.p-b-lg {
    padding-bottom: 30px;
}

.p-l-xl {
    padding-left: 40px;
}

.p-r-xl {
    padding-right: 40px;
}

.p-t-xl {
    padding-top: 40px;
}

.p-b-xl {
    padding-bottom: 40px;
}

/*********************
  Media Query Classes
**********************/
@media only screen and (max-width: 600px)
{
    .hide-on-small-only,
    .hide-on-small-and-down
    {
        display: none !important;
    }
}

@media only screen and (max-width: 992px)
{
    .hide-on-med-and-down
    {
        display: none !important;
    }
}

@media only screen and (min-width: 601px)
{
    .hide-on-med-and-up
    {
        display: none !important;
    }
}

@media only screen and (min-width: 600px) and (max-width: 992px)
{
    .hide-on-med-only
    {
        display: none !important;
    }
}

@media only screen and (min-width: 993px)
{
    .hide-on-large-only
    {
        display: none !important;
    }
}

@media only screen and (min-width: 1201px)
{
    .hide-on-extra-large-only
    {
        display: none !important;
    }
}

@media only screen and (max-width: 1280px)
{
    .hide-on-MDPI-and-down
    {
        display: none !important;
    }
}

@media only screen and (min-width: 1201px)
{
    .show-on-extra-large
    {
        display: block !important;
    }
}

@media only screen and (min-width: 993px)
{
    .show-on-large
    {
        display: block !important;
    }
}

@media only screen and (min-width: 600px) and (max-width: 992px)
{
    .show-on-medium
    {
        display: block !important;
    }
}

@media only screen and (max-width: 600px)
{
    .show-on-small
    {
        display: block !important;
    }
}

@media only screen and (min-width: 601px)
{
    .show-on-medium-and-up
    {
        display: block !important;
    }
}

@media only screen and (max-width: 992px)
{
    .show-on-medium-and-down
    {
        display: block !important;
    }
}

@media only screen and (max-width: 600px)
{
    .center-on-small-only
    {
        text-align: center;
    }
}