/*
    Cores personalizadas
*/
label.required:after {
    content: ' •';
    color: #c33b3b
}
.yellow,
.yellow a {
    color: #fff !important;
    background-color: #DAC323 !important;
    border-color: #BFAB27 !important;
}
.yellow:active,
.yellow.active,
.yellow:focus,
.yellow.focus,
.yellow:hover,
.yellow a:hover {
    background-color: #F0D72A !important;
    border-color: #D2B600 !important;
}

.darkyellow,
.darkyellow a {
    color: #fff !important;
    background-color: #D1BF3F !important;
    border-color: #C1AF2E !important;
}
    .darkyellow:active,
    .darkyellow.active,
    .darkyellow:focus,
    .darkyellow.focus,
    .darkyellow:hover,
    .darkyellow a:hover {
        background-color: #CAB41E !important;
        border-color: #B09E22 !important;
    }

.blue,
.blue a {
    color: #fff !important;
    background-color: #2146EA !important;
    border-color: #1E3BB8 !important;
}

.blue:active,
.blue.active,
.blue:focus,
.blue.focus,
.blue:hover,
.blue a:hover {
    background-color: #405DDB !important;
    border-color: #2A47C2 !important;
}

.gray,
.gray a {
    color: #fff !important;
    background-color: #B4B4B4 !important;
    border-color: #929292 !important;
}
.gray:active,
.gray.active,
.gray:focus,
.gray.focus,
.gray:hover,
.gray a:hover {
    background-color: #9c9c9c !important;
    border-color: #5c5c5c !important;
}

.purple,
.purple a {
    color: #fff !important;
    background-color: #6A14BC !important;
    border-color: #5E2892 !important;
}
    .purple:active,
    .purple.active,
    .purple:focus,
    .purple.focus,
    .purple:hover,
    .purple a:hover {
        background-color: #521290 !important;
        border-color: #411071 !important;
    }


.orange,
.orange a {
    color: #fff !important;
    background-color: #ffc107 !important;
    border-color: #ff9800 !important;
}
.orange:active,
.orange.active,
.orange:focus,
.orange.focus,
.orange:hover,
.orange a:hover {
    background-color: #ff9800 !important;
    border-color: #ff5722 !important;
}

.pink,
.pink a {
    color: #fff !important;
    background-color: #ffc107 !important;
    border-color: #ff9800 !important;
}
.pink:active,
.pink.active,
.pink:focus,
.pink.focus,
.pink:hover,
.pink a:hover {
    background-color: #ff9800 !important;
    border-color: #ff5722 !important;
}

/* Styles for validation helpers
-----------------------------------------------------------*/
span.input-validation-error {
    border: none;
    background-color: transparent;
    color: #f00;
}

.field-validation-error {
    color: #f00;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #f00;
    background-color: #fee;
}

.validation-summary-errors {
    font-weight: bold;
    color: #f00;
}

.validation-summary-valid {
    display: none;
}

.bg-muted {
    background-color: #888 !important;
}


/* #region Styles for datatable ---------------------------------------------------------------------*/

div.datatable {
    padding-left: 5px;
    padding-right: 5px;
    position: relative;
}



table.dataTable tr td a.btn.btn-sm.disabled {
    pointer-events: all;
}

.pagination > li > a, .pagination > li > span {
    margin-left: -1px;
    border-color: #ddd;
}

table.dataTable tr.odd td.sorting_1 {
    background-color: #f1f1f1;
}

body.contrast table.dataTable tr.even td.sorting_1 {
    background-color: #222222 !important;
}

body.contrast .table-hover>tbody>tr:hover>td, body.contrast .table-hover>tbody>tr:hover>th{
    background-color: #222 !important;
}

table.dataTable tr.even td.sorting_1 {
    background-color: #f9f9f9;
}

.line-dotted {
    border-bottom: 1px dotted rgba(0, 0, 0, 0.2);
    margin-top: 15px;
    margin-bottom: 15px;
}

td.details-datatable {
    background: url('vendor/datatables/images/details_open.png') no-repeat center center;
    cursor: pointer;
}

tr.shown td.details-datatable {
    background: url('vendor/datatables/images/details_close.png') no-repeat center center;
}

/*.dataTables_wrapper .dataTables_processing {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 40px;
    margin-left: -50%;
    margin-top: -25px;
    padding-top: 20px;
    text-align: center;
    font-size: 1.2em;
    background-color: white;
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0.9)), color-stop(75%, rgba(255, 255, 255, 0.9)), color-stop(100%, rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
    background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
}*/

.captcha {
    margin: 0;
}

.captcha img {
    max-width: 100%;
    margin-top: 0px;
    height: 45px;
}

body.contrast button.captcha-button-accessibility {
    background-color:#000;
    margin:-1px; 
}

/* #endregion */

.controllJStree {
    position: relative;
    top: -5px;
    text-align: right;
    float: right;
}

@-moz-document url-prefix() {
    .controllJStree {
        position: relative;
        top: -31px;
        text-align: right;
        float: right;
    }
}

.btn-modal {
    display: inline-block;
    margin-bottom: 0;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857;
    -webkit-user-select: none;
    color: #333;
    background-color: #fff;
    border-color: #ccc #ccc #c7c7c7;
}

.btn-file {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}

.tt-dropdown-menu {
    cursor:pointer;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 14px;
    text-align: left;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box;
    width:100%;
}

.tt-suggestion > p {
    display: block;
    padding: 3px 20px;
    margin-bottom: 0px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333333;
    white-space: nowrap;
}

.tt-suggestion > p:hover,
.tt-suggestion > p:focus {
    color: #ffffff;
    text-decoration: none;
    outline: 0;
    background-color: #428bca;
}

.tt-suggestion.tt-cursor {
    color: #ffffff;
    background-color: #428bca;
}

.no-border-tt{
    width: 100%;
    border:none;
}
.no-border-tt, .no-border-tt:focus {
    box-shadow: none;
    outline: 0;
}

.input-group .tt-dropdown-menu {
    top: 32px !important;
}

.input-group.input-group-lg .tt-dropdown-menu {
    top: 44px !important;
}

.input-group.input-group-sm .tt-dropdown-menu {
    top: 28px !important;
}

.datatable  {
    overflow-x: auto;
}

.loading {
    z-index: 9999;
    background-color: rgba(45, 91, 148, 0.7);
}

.body-no-scroll {
    max-height:98%;
}

.even-contrast{
   background-color:#1b1b1b;
}

table.scroll {
    /* width: 100%; */ /* Optional */
    /* border-collapse: collapse; */
    border-spacing: 0;
    border: 0px solid black;
}

table.scroll tbody,
table.scroll thead { display: block; }

thead tr th { 
    height: 30px;
    line-height: 30px;
    /* text-align: left; */
}

table.scroll tbody {
    height: 100px;
    overflow-y: auto;
    overflow-x: hidden;
}

tbody { border-top: 0px solid black; }

tbody td, thead th {
    /* width: 20%; */ /* Optional */
    border-right: 1px solid black;
    /* white-space: nowrap; */
}

tbody td:last-child, thead th:last-child {
    border-right: none;
}
.fullscreen_pricing {
    width:100%;
    height:100%;
    position:absolute;
    z-index:9999;
    top:-120px;
    left:0px;
}

.fullscreen_pricing table {
    font-size: xx-small;
}
.fullscreen_pricing table input{
    font-size: xx-small;
    height:20px;
    width:50px;
    padding-left:2px;
    padding-right:2px;
}
.fullscreen_pricing table a{
    font-size: xx-small;
    height:20px;
}

.fullscreen_pricing table thead tr th{
  padding:0px;
   text-align:center;

}
.fullscreen_pricing table thead tr td{
  padding:0px;
   text-align:center;
}
.fullscreen_pricing table tbody td{
   padding:0px;
   text-align:center;
}
.popover {
    max-width: 100%;
}
.header-bg {
    background: linear-gradient(90deg,#428bca 0,#d6eafb 16%,#d6eafb 100%);
}
.breadcrumb {
    margin-bottom: 0px;
}
.panelb {
    margin-bottom: 20px;
    background-color: #fff;
    
}
.fundo-branco {
       background-color: #ffffff;
}

.divDestaque {
    padding-top: 2px;
    padding-bottom: 2px;
    background: linear-gradient(90deg,#f1f1f1 0,#f1f1f1 16%,#ccc 100%);
}

.divDestaqueChild {
    padding-top: 2px;
    padding-bottom: 2px;
    background: linear-gradient(90deg,#deffec 0,#b4dec6 16%,#619a7a 100%);
}

.divDestaque h4, .divDestaqueChild h4 {
    margin-left: 10px;
    font-weight: bold;
}
.btnLinha {
    margin-top: 25px;
}
input#exibir-cmpVlLancamento, input#exibir-totalTransacoes {
    font-size: 20px;
    background-color: #fff1f1;
    font-weight: bold;
    color: red;
    text-align: right;
}
.col-md-3.total-valor-texto {
    text-align:right;
}
#toast-container > div {
    width: 500px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.panelLogin {
    box-shadow: 7px 6px 6px #0000002e;
}