.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }

/* width */
body::-webkit-scrollbar {
    width: 10px;
}
body *::-webkit-scrollbar {
    width: 5px;
}

/* Track */
body::-webkit-scrollbar-track,
body *::-webkit-scrollbar-track {
    background: #fbfbfb;
    background: #ddd;
}

/* Handle */
body::-webkit-scrollbar-corner,
body::-webkit-scrollbar-thumb,
body *::-webkit-scrollbar-corner,
body *::-webkit-scrollbar-thumb {
    background: #3b8dbc;
    background: #aaa;
}

/* Handle on hover */
body::-webkit-scrollbar-thumb:hover,
body *::-webkit-scrollbar-thumb:hover {
    background: #1f4d74;
    background: #3c8dbc;
}

.select2 input::-webkit-input-placeholder {
    padding-left: 1.5rem;
}

text.highcharts-credits {
    visibility: hidden !important;
    display: none !important;
}


.toast-title, .toast-message{
    font-family: arial;
}

.main-header{
    position: fixed;
    width: 100%;
}
.main-sidebar, .left-side, .control-sidebar{
    position: fixed;
}
.content-wrapper{
    margin-top:50px;
    min-height: calc(100vh - 102px) !important;
}

.main-sidebar{
    position: fixed;
    overflow-y: auto;
    bottom: 0;
    top: 0;
}


.page-loading,
.page-loading-inner{
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 99;
    background: #ecf0f5 url(../img/loading.svg) 50% 50% no-repeat;
}
.page-loading::before,
.page-loading-inner::before{
    content: attr(data-title);
    position: fixed;
    top: 50%;
    left: 50%;
    text-align: center;
    background: #d2d6de;
    padding: 6px 10px;
    border-radius: 5px;
    font-size: 13px;
    line-height: 17px;
    width: 300px;
    width: 250px;
    width: unset;
    /* margin: 40px 0 0 -150px; */
    /* margin: 40px 0 0 -125px; */
    /* margin: 40px -50px 0; */
    transform: translateX(-50%) translateY(150%);
}

.page-loading-inner,
.page-loading-inner::before{
    position: absolute !important;
}

.page-loading.page-loading-align-top,
.page-loading-inner.page-loading-inner-align-top{
    background: #ecf0f5 url(../img/loading.svg) 50% 1% no-repeat;
}

.page-loading.page-loading-align-top::before,
.page-loading-inner.page-loading-inner-align-top::before{
    top: 40px;
}


@media (max-width: 767px) {
    .content-wrapper{
        margin-top:100px;
    }
    .content-wrapper{
        /*padding-top: 90px;*/
    }
    .fc-toolbar{
        /*position: fixed;*/
        top: 100px;
        left: 0;
        z-index: 999;
        background: white;
        width: 100%;
    }
    .fc-toolbar .fc-center{
        /*width: calc(100% + 20px);*/
        font-size: 20px;
        margin: 10px 0 -15px -10px;
        background: #ecf0f5;
        padding: 0 0 10px 0;
    }
    .fc-toolbar .fc-center h2{
        width: 100%;
        font-size: 20px;
        color: #367fa9;
    }

    .dataTable{
        font-size: 12px;
    }
}

/*.dataTable tr th{
    background: #eee;
}*/

.main-header .navbar .nav > li > a > .label{
    font-size: 13px;
}

/* Logo */
.login-logo img{
    width: 100%;
    padding: 0;
}
.main-header .logo .logo-lg{
    background: url('../img/logo-white.png') no-repeat 50% 50%;
    background-size: contain;
}
.main-header .logo .logo-mini{
    background: url('../img/favicon.png') no-repeat 50% 50%;
    background-size: contain;
}

.sidebar-mini.sidebar-collapse .main-sidebar{
    overflow-y: visible;
}

table td .label{
    font-size: 14px;
    font-weight: lighter;
}

.ribbon{
    padding: 10px 14px;
    border-radius: 2px;
    background: #ddd;
    color: black;
    font-weight: 500;
    font-size: 13px;
    display: inline-block;
    line-height: 1;
    margin-bottom: 16px;
}
a.ribbon:hover{
    color: black;
    opacity: 0.7;
}
table td .ribbon{
    padding: 7px 10px;
    margin: -5px 0 -4px 0;
}
.ribbon.green{
    background: rgba(0, 166, 90, 0.2);
}
.ribbon.red{
    background: rgba(166, 0, 0, 0.15);
}
.ribbon.blue{
    background: rgba(0, 142, 166, 0.2);
}
.ribbon.yellow{
    background: rgba(214, 207, 0, 0.2);
}
.ribbon.orange{
    background: rgba(255, 141, 0, 0.2);
}

small.label.label-xs {
    font-size: 90% !important;
    padding: 0px 3px;
}

small.label.label-sm {
    font-size: 100% !important;
    padding: 0px 3px;
}


.select2-container--default .select2-selection--multiple, .select2-container--default .select2-selection--single, .select2-selection .select2-selection--single{
    min-height: 34px;
    border-color: #d2d6de;
    border-radius: 0;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b{
    margin-top: 1px;
}
.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color: #3c8dbc;}
.select2-result-repository__title { color: black; font-weight: bold; word-wrap: break-word; line-height: 1.1; margin-bottom: 4px; }
.select2-result-repository__description { font-size: 13px; color: #777; margin-top: 4px; }
.select2-result-repository__description2 { display: inline-block; color: #aaa; font-size: 11px; }
.select2-results__option--highlighted .select2-result-repository__title { color: white; }
.select2-results__option--highlighted .select2-result-repository__description, .select2-results__option--highlighted .select2-result-repository__description2{ color: #c6dcef; }

.select2-container--default.select2-container--focus .select2-selection--multiple{
    border: solid #3c8dbc 1px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice{
    color: #333;
}
.select2-container--default .select2-results__option[aria-selected=true], .select2-container--default .select2-results__option[aria-selected=true]:hover{
    color: #fff;
    background-color: #63add8;
}

.select2-container--focus .select2-selection{
    border-color:#3c8dbc !important;
}

.select2-container {
    width: 100% !important;
}

.navbar-custom-menu > .navbar-nav > li > .dropdown-menu{
    box-shadow: 0 5px 10px -5px rgba(0, 0, 0, 0.28);
    background-color: white;
    border-bottom: 0;
}

.navbar-custom-menu > .navbar-nav > li > .dropdown-menu .menu {
    min-height: 200px;
}
.navbar-custom-menu > .navbar-nav .dropdown-menu > li .menu > li > a > h3 {
    margin-bottom: 5px;
}

.navbar-custom-menu > .navbar-nav.nav li.dropdown.user.user-menu > a {
    padding: 16px 15px 13px;
}

.fc-day-grid-event{
    text-align: center;
}
.closeon{
    display: inline-block;
    padding: 0px 3px;
    text-align: center;
    width: 10px;
    height: 13px;
    line-height: 1;
    border-radius: 0 2px 0 0;
    font-weight: lighter;
    font-size: 12px;
    background: rgb(60, 141, 188);
    color: rgba(255, 255, 255, 0.5);
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 9;
    cursor: pointer;
    border-top: 1px solid #2a83b3;
    border-right: 1px solid #2a83b3;
}
.closeon:hover{
    /*background: rgba(0, 0, 0, 0.3);*/
    color: white;
}

.event-selected{
    border-color: #000;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.35);
}
.fc-list-item.event-selected{
    box-shadow: none;
    background: #cfedff;
}
.fc-list-item.event-selected:hover td{
    background: #bce6ff;
}

form label.required:after, .required:after {
    color: red;
    content: " *";
}

/* Show red borders when filled, but invalid */
input:required:not(:placeholder-shown),
textarea:required:not(:placeholder-shown),
select:required:not(:placeholder-shown) {
    /* border-color: hsl(0, 76%, 50%); */
    border-color: #dd4b39;
}

/* Show green borders when valid */
input:required:valid,
textarea:required:valid,
select:required:valid {
    /* border-color: hsl(120, 76%, 50%); */
    border-color: #00a65a;
}

.colors{
    text-align: center;
}
.colors label{
    text-align: center;
    text-transform: uppercase;
    font-size: 11px;
    padding: 10px;
    border-radius: 3px;
    border: 1px solid #ddd;
    cursor: pointer;
    transition: all 0.3s ease;
}
.colors label:hover{
    background: rgba(243, 156, 18, 0.2);
}
.colors label.checked{
    background: rgba(243, 156, 18, 0.2);
    border-color: #e08e0b;
}
.colors label .color-palette{
    width: 40px;
    padding: 10px;
    height: 40px;
    border-radius: 3px;
    margin: 3px auto;
}
.colors label input{
    visibility: hidden;
}

.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li.active > a,
.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li.active > a:hover,
.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li.active > a:focus,
.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li.active > a:active{
    background: #2c3b41;
}


.control-sidebar-menu .menu-icon{
    margin-top: 5px;
}
.control-sidebar-menu .menu-info{
    margin-top: 0;
}
.control-sidebar-menu .menu-info span{
    font-size: 12px;
    color: #3c8dbc;
    display: block;
}

.no-click{
    cursor: default !important;
    text-decoration: none !important;
}

.vertical-center {
    display: inline-block;
    vertical-align: middle;
    float: none;
}


/* BASKET/DESEMPENHO */

.table-basket{
    border-top: 2px solid #ccc;
}
.table-basket th, .table-basket td{
    text-align: center;
    position: relative;
}
.table-basket tbody > tr > td, .table-basket tbody > tr > th{
    border-left: 1px solid #f4f4f4;
}
.table-basket tbody > tr > td:first-child, .table-basket tbody > tr > th:first-child{
    border-left:0;
}
.table-basket th{
    border: 1px solid #ccc;
}
.table-basket td{
    margin: 0;
    padding: 0 !important;
    vertical-align: inherit !important;
    border: 1px solid #ddd;
    min-height: 28px;
}
.table-basket tbody tr:not(.fimdesemana):hover{
    background: #d5f1ff !important;
}
.table-basket thead tr{
    background: #d2d6de;
}
.table-basket tfoot tr td{
    padding: 20px 0px !important;
    font-weight: bold;
}
.table-basket tr td:nth-child(1){
    width: 110px;
    background: rgba(0, 0, 0, 0.04);
}
.table-basket tr td:nth-child(2){
    background: rgba(0, 0, 0, 0.04);
}
.table-basket tr th{
    border-bottom: 2px solid #3c8dbc !important;
}
.table-basket input, .table-basket .total{
    width: 100%;
    text-align: right;
    border: 0;
    background: transparent;
    padding: 3px 5px;
    color: #367fa9;
    font-size: 15px;
    outline: none;
}
.table-basket tr td span.calculofinal{
    color: red;
}
.table-basket input.error{
    outline: 1px solid red;
}
.table-basket td::before{
    content: '';
    position: absolute;
    z-index: 2;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(255,255,255,0.9) url('/dist/img/ripple.svg') no-repeat 50% 50%;
    opacity: 0;
    pointer-events: none;
    transition: all 0.3s ease;
}
.table-basket td.loading::before{
    opacity: 1;
    pointer-events: all;
}
.table-basket tr.hoje{
    background: rgb(220, 255, 231) !important;
}
.table-basket tr.hoje td:first-child::after{
    content: "\f0da";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    left: 0;
    top: 2px;
    color: #09793c;
    font-size: 24px;
}
.table-basket tr.fimdesemana{
    height: 28px;
    opacity: 0.5;
    background: rgba(0, 0, 0, 0.1) !important;
}


.small-box > .inner{
    position: relative;
    z-index: 1;
}





.box-header > .box-tools{
    top: 7px;
}
.box-dark{
    border: 1px solid #000000;
    background: #374850;
    color: white;
}
.box-dark .box-header{
    /*background: #556871;*/
    border-top: 3px solid #1c2428;
    color: white;
}
.box-header .box-title > i{
    margin: 0 8px 0 8px;
}
.box-dark .box-header .box-title span i{
    color: #98b2c1 !important
}
.box-dark .box-header.with-border{
    border-bottom-color: rgba(255, 255, 255, 0.1);
}






.box-valores{
    border-right: 1px solid #d2d6de;
    border-left: 1px solid #d2d6de;
}
.box-valores .col-md-12{
    background: rgba(210, 214, 222, 0.3);
}
.box-valores .icon-arrow{
    font-size: 15px;
}
.box-valores .situacao{
    width: 100%;
    padding: 10px 0;
    line-height: 12px;
    vertical-align: middle;
    background: #d2d6de;
    font-weight: bold;
    font-size: 11px;
    font-family: arial;
}
.box-valores .box-valores-bloco{
    min-height: 82px;
}


/*.box-valores .col-md-12 .no-padding{
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}
.box-valores .col-md-12 .no-padding:nth-child(5){
  border-right: 0;
  }*/
.box-valores .desconto > div{
    padding: 8px 0;
    border-radius: 0 0 5px 0;
}
.box-valores .desconto h1{
    margin: 0;
}
.box-valores h1{
    min-height: 30px;
}
.box-valores span{
    white-space: pre;
}

@media (min-width: 1400px) {
    .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
        float: left;
    }
    .col-xl-12 {
        width: 100%;
    }
    .col-xl-11 {
        width: 91.66666667%;
    }
    .col-xl-10 {
        width: 83.33333333%;
    }
    .col-xl-9 {
        width: 75%;
    }
    .col-xl-8 {
        width: 66.66666667%;
    }
    .col-xl-7 {
        width: 58.33333333%;
    }
    .col-xl-6 {
        width: 50%;
    }
    .col-xl-5 {
        width: 41.66666667%;
    }
    .col-xl-4 {
        width: 33.33333333%;
    }
    .col-xl-3 {
        width: 25%;
    }
    .col-xl-2 {
        width: 16.66666667%;
    }
    .col-xl-1 {
        width: 8.33333333%;
    }
    .col-xl-pull-12 {
        right: 100%;
    }
    .col-xl-pull-11 {
        right: 91.66666667%;
    }
    .col-xl-pull-10 {
        right: 83.33333333%;
    }
    .col-xl-pull-9 {
        right: 75%;
    }
    .col-xl-pull-8 {
        right: 66.66666667%;
    }
    .col-xl-pull-7 {
        right: 58.33333333%;
    }
    .col-xl-pull-6 {
        right: 50%;
    }
    .col-xl-pull-5 {
        right: 41.66666667%;
    }
    .col-xl-pull-4 {
        right: 33.33333333%;
    }
    .col-xl-pull-3 {
        right: 25%;
    }
    .col-xl-pull-2 {
        right: 16.66666667%;
    }
    .col-xl-pull-1 {
        right: 8.33333333%;
    }
    .col-xl-pull-0 {
        right: auto;
    }
    .col-xl-push-12 {
        left: 100%;
    }
    .col-xl-push-11 {
        left: 91.66666667%;
    }
    .col-xl-push-10 {
        left: 83.33333333%;
    }
    .col-xl-push-9 {
        left: 75%;
    }
    .col-xl-push-8 {
        left: 66.66666667%;
    }
    .col-xl-push-7 {
        left: 58.33333333%;
    }
    .col-xl-push-6 {
        left: 50%;
    }
    .col-xl-push-5 {
        left: 41.66666667%;
    }
    .col-xl-push-4 {
        left: 33.33333333%;
    }
    .col-xl-push-3 {
        left: 25%;
    }
    .col-xl-push-2 {
        left: 16.66666667%;
    }
    .col-xl-push-1 {
        left: 8.33333333%;
    }
    .col-xl-push-0 {
        left: auto;
    }
    .col-xl-offset-12 {
        margin-left: 100%;
    }
    .col-xl-offset-11 {
        margin-left: 91.66666667%;
    }
    .col-xl-offset-10 {
        margin-left: 83.33333333%;
    }
    .col-xl-offset-9 {
        margin-left: 75%;
    }
    .col-xl-offset-8 {
        margin-left: 66.66666667%;
    }
    .col-xl-offset-7 {
        margin-left: 58.33333333%;
    }
    .col-xl-offset-6 {
        margin-left: 50%;
    }
    .col-xl-offset-5 {
        margin-left: 41.66666667%;
    }
    .col-xl-offset-4 {
        margin-left: 33.33333333%;
    }
    .col-xl-offset-3 {
        margin-left: 25%;
    }
    .col-xl-offset-2 {
        margin-left: 16.66666667%;
    }
    .col-xl-offset-1 {
        margin-left: 8.33333333%;
    }
    .col-xl-offset-0 {
        margin-left: 0;
    }
}

@media (min-width: 1600px) {
    .col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12 {
        float: left;
    }
    .col-xxl-12 {
        width: 100%;
    }
    .col-xxl-11 {
        width: 91.66666667%;
    }
    .col-xxl-10 {
        width: 83.33333333%;
    }
    .col-xxl-9 {
        width: 75%;
    }
    .col-xxl-8 {
        width: 66.66666667%;
    }
    .col-xxl-7 {
        width: 58.33333333%;
    }
    .col-xxl-6 {
        width: 50%;
    }
    .col-xxl-5 {
        width: 41.66666667%;
    }
    .col-xxl-4 {
        width: 33.33333333%;
    }
    .col-xxl-3 {
        width: 25%;
    }
    .col-xxl-2 {
        width: 16.66666667%;
    }
    .col-xxl-1 {
        width: 8.33333333%;
    }
    .col-xxl-pull-12 {
        right: 100%;
    }
    .col-xxl-pull-11 {
        right: 91.66666667%;
    }
    .col-xxl-pull-10 {
        right: 83.33333333%;
    }
    .col-xxl-pull-9 {
        right: 75%;
    }
    .col-xxl-pull-8 {
        right: 66.66666667%;
    }
    .col-xxl-pull-7 {
        right: 58.33333333%;
    }
    .col-xxl-pull-6 {
        right: 50%;
    }
    .col-xxl-pull-5 {
        right: 41.66666667%;
    }
    .col-xxl-pull-4 {
        right: 33.33333333%;
    }
    .col-xxl-pull-3 {
        right: 25%;
    }
    .col-xxl-pull-2 {
        right: 16.66666667%;
    }
    .col-xxl-pull-1 {
        right: 8.33333333%;
    }
    .col-xxl-pull-0 {
        right: auto;
    }
    .col-xxl-push-12 {
        left: 100%;
    }
    .col-xxl-push-11 {
        left: 91.66666667%;
    }
    .col-xxl-push-10 {
        left: 83.33333333%;
    }
    .col-xxl-push-9 {
        left: 75%;
    }
    .col-xxl-push-8 {
        left: 66.66666667%;
    }
    .col-xxl-push-7 {
        left: 58.33333333%;
    }
    .col-xxl-push-6 {
        left: 50%;
    }
    .col-xxl-push-5 {
        left: 41.66666667%;
    }
    .col-xxl-push-4 {
        left: 33.33333333%;
    }
    .col-xxl-push-3 {
        left: 25%;
    }
    .col-xxl-push-2 {
        left: 16.66666667%;
    }
    .col-xxl-push-1 {
        left: 8.33333333%;
    }
    .col-xxl-push-0 {
        left: auto;
    }
    .col-xxl-offset-12 {
        margin-left: 100%;
    }
    .col-xxl-offset-11 {
        margin-left: 91.66666667%;
    }
    .col-xxl-offset-10 {
        margin-left: 83.33333333%;
    }
    .col-xxl-offset-9 {
        margin-left: 75%;
    }
    .col-xxl-offset-8 {
        margin-left: 66.66666667%;
    }
    .col-xxl-offset-7 {
        margin-left: 58.33333333%;
    }
    .col-xxl-offset-6 {
        margin-left: 50%;
    }
    .col-xxl-offset-5 {
        margin-left: 41.66666667%;
    }
    .col-xxl-offset-4 {
        margin-left: 33.33333333%;
    }
    .col-xxl-offset-3 {
        margin-left: 25%;
    }
    .col-xxl-offset-2 {
        margin-left: 16.66666667%;
    }
    .col-xxl-offset-1 {
        margin-left: 8.33333333%;
    }
    .col-xxl-offset-0 {
        margin-left: 0;
    }
}

@media (max-width: 1920px) {
    .box-valores h1{
        font-size: 30px;
    }
}
@media (max-width: 1760px) {
    .box-valores h1{
        font-size: 28px;
    }
    .box-valores h1 span{
        font-size: 24px;
    }
}
@media (max-width: 1600px) {
    .box-valores h1{
        font-size: 24px;
    }
    .box-valores h1 span{
        font-size: 20px;
    }
    .box-valores h1+span{
        font-size: 12px;
    }
}
@media (max-width: 1400px) {
    .box-valores h1{
        font-size: 20px;
    }
    .box-valores h1 span{
        font-size: 16px;
    }
    .box-valores h1+span{
        font-size: 10px;
    }
    .box-valores .situacao{
        font-size: 9px;
    }
}
@media (max-width: 1200px) {
    .box-valores .icon-arrow{
        font-size: 10px;
    }
    .box-valores h1{
        font-size: 14px;
    }
    .box-valores h1 span{
        font-size: 10px;
    }
    .box-valores h1+span,
    .box-valores .situacao{
        font-size: 7.5px;
    }
}
@media (max-width: 991px) {
    .box-valores .icon-arrow{
        font-size: 16px;
    }
    .box-valores h1{
        font-size: 18px;
    }
    .box-valores h1 span{
        font-size: 15px;
    }
    .box-valores h1+span{
        font-size: 13px;
    }
    .box-valores .situacao{
        font-size: 9px;
    }
}
@media (max-width: 767px) {
    .box-valores .icon-arrow{
        font-size: 16px;
    }
    .box-valores h1{
        font-size: 16px;
        min-height: 35px;
    }
    .box-valores h1 span{
        font-size: 13px;
    }
    .box-valores h1+span{
        font-size: 10px;
    }
    .box-valores .situacao{
        font-size: 8px;
        white-space: pre;
    }
}
@media (max-width: 580px) {
    .box-valores h1{
        font-size: 12px;
        min-height: 25px;
    }
    .box-valores .icon-arrow,
    .box-valores h1 span,
    .box-valores h1+span{
        font-size: 12px;
    }
    .box-valores .situacao{
        font-size: 8px;
        white-space: pre;
    }
}

.box .widget-user-header{
    background: url(../img/cover-widget.jpg) 50% 50% no-repeat;
    background-size: cover;
}
.box .widget-user-header.bg-grey{
    background-color: #222d32 !important;
}
.box-widget .description-block > .description-header{
    padding: 5px 0;
}
.widget-user .widget-user-image > img{
    border-color: rgb(71, 86, 94);
}
.box.bg-grey .box-footer {
    padding-top: 30px;
    background: #374850;
    border-color: rgb(71, 86, 94);
    color: white;
}
.box.bg-grey .border-right{
    border-right: 1px solid rgb(71, 86, 94);
}
.widget-user .widget-user-image > img{
    margin-top: -27px;
}


.box-resumo .label{
    background: #777;
    font-size: 15px;
    padding: 7px 0;
    line-height: 5px;
    font-family: arial;
    min-width: 40px;
    display: inline-block;
    margin: 0 10px;
}
.box-resumo p{
    line-height: 25px;
    font-size: 16px;
    font-weight: lighter;
    margin-bottom: 0;
}


.box-tips ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
.box-tips .ribbon{
    padding: 2px 4px;
    background: rgb(243, 156, 18);
    color: #000;
    margin: 0 2px 0 0;
}
.box-tips a{
    color:#fff;
}
.box-tips a:hover{
    text-decoration: underline;
}

.bg-green-alpha,
.callout.callout-success-alpha,
:not(.fc) :not(.fc-today).alert-success-alpha,
.label-success-alpha,
.modal-success-alpha .modal-body {
    background-color: rgba(0, 166, 90, .5) !important;
}
.bg-red-alpha,
.callout.callout-danger-alpha,
:not(.fc) :not(.fc-today).alert-danger-alpha,
:not(.fc) :not(.fc-today).alert-error-alpha,
.label-danger-alpha,
.modal-danger-alpha .modal-body {
    background-color: rgba(221, 75, 57, .5) !important;
}
.bg-yellow-alpha,
.callout.callout-warning-alpha,
:not(.fc) :not(.fc-today).alert-warning-alpha,
.label-warning-alpha,
.modal-warning-alpha .modal-body {
    background-color: rgba(243, 156, 18, .5) !important;
}
.bg-aqua-alpha,
.callout.callout-info-alpha,
:not(.fc) :not(.fc-today).alert-info-alpha,
.label-info-alpha,
.modal-info-alpha .modal-body {
    background-color: rgba(0, 192, 239, .5) !important;
}
.bg-blue-alpha {
    background-color: rgba(0, 115, 183, .5) !important;
}
.bg-light-blue-alpha,
.label-primary-alpha,
.modal-primary-alpha .modal-body {
    background-color: rgba(60, 141, 188, .5) !important;
}
.bg-navy-alpha {
    background-color: rgba(0, 31, 63, .5) !important;
}
.bg-teal-alpha {
    background-color: rgba(57, 204, 204, .5) !important;
}
.bg-olive-alpha {
    background-color: rgba(61, 153, 112, .5) !important;
}
.bg-lime-alpha {
    background-color: rgba(1, 255, 112, .5) !important;
}
.bg-orange-alpha {
    background-color: rgba(255, 133, 27, .5) !important;
}
.bg-fuchsia-alpha {
    background-color: rgba(240, 18, 190, .5) !important;
}
.bg-purple-alpha {
    background-color: rgba(96, 92, 168, .5) !important;
}
.bg-maroon-alpha {
    background-color: rgba(216, 27, 96, .5) !important;
}
.bg-gold-alpha {
    background-color: rgba(238, 201, 0, .5) !important;
}

.bg-white{
    background: white;
    color: black;
}
.bg-yellow{
    color:black;
}
.bg-salmon{
    background-color: #ffe7de !important;
}
.bg-salmon h1{
    color: #dd4b39;
}
.bg-lightblue{
    background-color: #def0ff !important;
}
.bg-lightblue h1{
    color: #0073b7;
}
.bg-pink{
    background-color: #ffc0cb !important;
    color: black;
}

.modal[class*=success] button.close,
.modal[class*=danger] button.close,
.modal[class*=warning] button.close,
.modal[class*=info] button.close,
.modal[class*=primary] button.close {
    color: white;
}

.color-red{
    color:#dd4b39 !important;
}
.color-yellow{
    color:#f39c12 !important;
}
.color-blue{
    color:#0073b7 !important;
}
.color-green{
    color:#00a65a !important;
}
[class*='alpha'] h1,
.color-white{
    color: white !important;
}
.color-black{
    color: black !important;
}

[class*='alpha'] h1 {
    text-shadow: 0 0 10px #000;
}

.relatorio-table{
    font-size: 12px;
    overflow: auto;
    text-align: left;
}
.relatorio-table-sticky,
.relatorio-table.relatorio-table-sticky {
    position: relative;
    /*height: 50vh;*/
    max-height: 50vh;
    padding-bottom: unset;
    padding-top: unset;
}
.relatorio-table th,
.relatorio-table tr,
.relatorio-table td {
    padding: 0px 5px;
    text-align: left;
}
.relatorio-table th{
    text-align: left;
    vertical-align: bottom !important;
    background: #eee;
    text-align: center;
    border: 1px solid #d9d9d9;
}

form#lista-dados [id*=lista-dados] table.table tbody td.center.aligned {
    min-width: 130px;
    text-align: center;
}

.table-hover > tbody > tr:hover {
    background-color: #f5f5f5;
}
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
    background-color: #e8e8e8;
}
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
    background-color: #d0e9c6;
}
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
    background-color: #c4e3f3;
}
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
    background-color: #faf2cc;
}
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
    background-color: #ebcccc;
}

.table-striped > thead > tr:nth-of-type(odd) {
    background-color: #f9f9f9;
}
.table-striped > thead > tr:nth-of-type(even) td {
    background-color: transparent;
}



hr{
    height: 1px;
    width: 100%;
    background: #bbb;
    margin: 10px 0;
    display: inline-block;
    opacity: 0.3;
}

.dash-executivo .dash-bloco{
    padding: 0;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
}
.dash-executivo .dash-bloco h2{
    font-size: 26px;
    min-height: 50px;
    /*border-bottom: 1px solid rgba(255, 255, 255, 0.08);*/
    /*padding-bottom: 5px;*/
    margin-bottom: 5px;
    margin-top: 15px;
}
.dash-executivo .dash-bloco h2 span{
    display: block;
    font-size: 15px;
    opacity: 0.5;
}

.dash-executivo .dash-bloco h5{
    padding: 10px 0;
    border-top: 1px solid #ddd;
    margin: 0;
    background: #eee;
    /*white-space: nowrap;*/
}
.dash-executivo .col-md-12 p{
    margin: 0;
    padding: 10px;
    clear: both;
    font-size: 12px;
    color:#0073b7
}
.dash-executivo .dash-bloco p{
    min-height: 30px;
    margin: 0;
    white-space: nowrap;
}
/*.dash-executivo .dash-bloco p b{
        padding: 0px 7px;
        background: #1c2428;
        border-radius: 3px;
}*/

.history{
    background-color: #f1f1f1;
}
.history .box-body{
    min-height: 420px;
    padding: 0;
}
.history .item{
    background: transparent;
    padding: 10px;
    border-bottom: 1px solid #ddd;
}
.history .item:nth-child(2n){
    background: #e9e9e9;
}
.history .box-footer{
    background: #f9f9f9;
}
.select-footer{
    padding: 5px;
    background: #eee;
    border-radius: 0 0 3px 3px;
    overflow: hidden;
    box-shadow: inset 0 12px 20px -20px rgb(0, 0, 0);
    font-weight: 300;
}
.select-footer b{
    font-weight: 400;
}
.multi-wrapper{
    border-radius: 0;
}
.multi-wrapper .non-selected-wrapper .item.selected{
    color: #999;
}
.multi-wrapper .executada{
    background: rgba(0, 166, 90, 0.2);
    border-radius: 3px;
}

.box-title span{
    border: 1px solid #ccc;
    padding: 3px 9px;
    border-radius: 3px;
    font-size: 13px;
    top: -1px;
    margin: 0 4px;
    position: relative;
}
.box-title span i{
    margin-right: 3px;
    color: #0073b7;
}

.box-header .pop{
    position: absolute;
    left: 8px;
    top: 6px;
    padding: 4px 10px;
}


.dash-executivo.bg-grey{
    background: #374850 !important;
    color: white;
    border-color: #1c2428;
}
.dash-executivo.bg-grey .box-title{
    color: white;
}
.dash-executivo.bg-grey .dash-bloco h5{
    background: rgba(0, 0, 0, 0.5);
}
.dash-executivo.bg-grey .box-header.with-border, .dash-executivo.bg-grey .dash-bloco, .dash-executivo.bg-grey .dash-bloco h5, .box-title span{
    border-color: rgba(255, 255, 255, 0.08);
}
.dash-executivo.bg-grey .col-md-12 p, .dash-executivo .box-title span > i{
    color: #98b2c1 !important;
}

.dash-executivo .dash-bloco-valores{
    min-height: 80px;
}

@media (max-width: 1520px) {
    .dash-executivo .dash-bloco h2{
        font-size: 19px;
    }
}
@media (max-width: 767px) {
    .dash-executivo .dash-bloco p{
        font-size: 11px
    }
    .dash-executivo2 .dash-bloco h5{
        /*min-height: 51px;*/
    }
    .dash-executivo .dash-bloco h2 span{
        font-size: 14px;
        display: block;
        font-weight: lighter;
    }
}
@media (max-width: 500px) {

}

.grid{
    width: 100%;
}
.grid .box .box-body{
    overflow-x: auto;
}
/* jQuery UI Draggable adds ui-draggable-dragging */
.grid-item.ui-draggable-dragging,
.grid-item.is-positioning-post-drag {
    z-index: 2; /* keep dragged item on top */
}
.packery-drop-placeholder {
    outline: 3px dashed #aaa;
    outline-offset: -6px;
    -webkit-transition: -webkit-transform 0.2s;
    transition: transform 0.2s;
}
.grid:after {
    content: '';
    display: block;
    clear: both;
}

.grid-item{
    float: left;
    padding: 5px;
    z-index: 3;
    /*outline: 1px solid rgba(0, 0, 0, 0.1);*/
}

.grid-item .box{
    margin-bottom: 0;
}

.dashboard .grid-item{
    width: 25%;
}
.dashboard .grid-item .box-title{
    width: calc(100% - 60px);
    padding: 2px 0 0 35px;
}

.dashboard .grid-sizer,
.dashboard .grid-item--small{ width: 25%; }
.dashboard .grid-item--medium{ width: 50%; }
.dashboard .grid-item--large{ width: 75%; }
.dashboard .grid-item--full{ width: 100%; }
.dashboard .grid-item > .box{margin-bottom: 0;}
.dashboard .grid-item .chart{overflow: auto;}


@media (max-width: 1300px) {
    .grid-item.col-lg-6{
        width: 50% !important;
    }
}
@media (max-width: 1024px) {
    .grid-item, .grid-item.col-lg-6{
        width: 100% !important;
    }
}

.grid-item .dropdown{
    margin-top: 2px;
}
.grid-item .dropdown .btn{
    padding: 2px 8px;
}
.grid-item .dropdown .dropdown-menu{
    background: #e6e6e6;
    border: 1px solid #adadad;
}
.grid-item .dropdown .dropdown-menu > .divider{
    background-color: #ccc;
}
.grid-item .dropdown .dropdown-menu > li > a:hover,
.grid-item .dropdown .dropdown-menu > li > a.active{
    background-color: #CFCFCF;
    color: #000;
}
@media (max-width: 767px) {
    .grid-item{
        width: 100%;
    }
}
html.mobile .grid-item{
    width: 100% !important;
    /*float: none !important;
    left: auto !important;
    top: auto !important;
    position: relative !important;*/
}



/* AGENDA */
.fc-time-grid-container, .fc-scroller{
    height: auto !important;
}
.event-controls{
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
    background: #374850;
    padding: 12px;
    transition: all 0.4s ease;
    transform: translateY(100%);
    min-height: 58px;
}
.body-event-selected .event-controls{
    transform: translateY(0%);
}
.event-controls .btn,.event-controls-btns-pipeline .btn{
    margin-left:10px;
}
.event-controls.event-controls-btns .btn:last-child{
    margin-left: 0;
}
.event-controls-title{
    color: white;
    float: left;
    line-height: 1;
    margin: 7px 15px 0 14px;
    font-size: 19px;
}
.event-controls-date{
    background: #222d32;
    margin: 6px 0 0 0;
    float: left;
    border-radius: 10px;
    height: 23px;
}
.event-controls-days, .event-controls-hours{
    color: rgba(255, 255, 255, 0.65);
    float: left;
    line-height: 23px;
    margin: 0 12px;
    font-size: 13px;
}
.event-controls-icon{
    float: left;
    color: #fff;
    font-size: 26px;
    margin: 0;
    top: -3px;
    position: relative;
    text-shadow: 0 0 3px #000;
}
.event-controls-btns{
    float: right;
}
.event-controls-label{
    padding: 5px 0 0 0;
}
.event-my{
    border-left: 3px solid #ff0000 !important;
}

.fc-center h2{
    padding-top: 10px;
}









.grafico-infos{
    font-size: 10px;
    overflow: visible;
}
.grafico-infos table.table {
    margin-bottom: 0px;
    /*table-layout: fixed;*/
}
.grafico-infos table.table tbody tr td{
    vertical-align: middle !important;
    padding: 5px 3px;
    border-right: 1px solid #eee;
    height: 40px;
    -webkit-transition: width 0.5s ease-in-out;
    -moz-transition: width 0.5s ease-in-out;
    -ms-transition: width 0.5s ease-in-out;
    -o-transition: width 0.5s ease-in-out;
    transition: width 0.5s ease-in-out;

    -webkit-transition: all 400ms cubic-bezier(0.390, 0.575, 0.565, 1.000);
    -moz-transition: all 400ms cubic-bezier(0.390, 0.575, 0.565, 1.000);
    -o-transition: all 400ms cubic-bezier(0.390, 0.575, 0.565, 1.000);
    transition: all 400ms cubic-bezier(0.390, 0.575, 0.565, 1.000); /* easeOutSine */

    -webkit-transition-timing-function: cubic-bezier(0.390, 0.575, 0.565, 1.000);
    -moz-transition-timing-function: cubic-bezier(0.390, 0.575, 0.565, 1.000);
    -o-transition-timing-function: cubic-bezier(0.390, 0.575, 0.565, 1.000);
    transition-timing-function: cubic-bezier(0.390, 0.575, 0.565, 1.000); /* easeOutSine */
}
.grafico-infos table.table tbody tr td:not(:first-child){
    text-align: center;
}
.grafico-infos tbody tr .title:first-child{
    text-align: right;
    color: white;
    text-shadow: #000 1px -1px, #000 -1px 1px, #000 1px 1px, #000 -1px -1px;
}


.navbar-custom-menu .fa-1x {
    font-size: 1.35em
}
.navbar-nav > .user-menu > .dropdown-menu > li.user-header > img{
    width: auto;
    border-radius: 3px;
}


.error-page {
    width: 850px;
}
.error-page > .error-content {
    margin-left: 200px;
}

.error-page > .headline{
    margin: -15px 0 0 0;
}

.sidebar-menu > li.treeview ul.treeview-menu.submenu > li[class*='bg-'] {
    margin-left: -6px;
    padding-left: 6px;
}
.sidebar-menu > li.treeview ul.treeview-menu.submenu li.treeview ul.treeview-menu.submenu > li[class*='bg-'] {
    margin-left: -26px;
    padding-left: 26px;
}

.sidebar-menu li.treeview ul.treeview-menu.submenu li[class*='bg-'] a,
.sidebar-menu > li.treeview.menu-open > a {
    color: #fff;
}

/*
.sidebar-menu li.treeview ul.treeview-menu li.destaque-azul {
        background: #005485;
}

.sidebar-menu li.treeview ul.treeview-menu li.destaque-laranja {
        background: #945a00;
}

.sidebar-menu li.treeview ul.treeview-menu li.destaque-vermelho {
        background: #cc3623;
}

.sidebar-menu li.treeview ul.treeview-menu li.destaque-verde {
        background: #036d3d;
}
*/

.sidebar-menu ul.treeview-menu > li > a {
    overflow: hidden;
}
.sidebar-menu ul.treeview-menu > li > a > i + span {
    max-width: 90%;
    float: left;
    overflow: hidden;
}
.sidebar-menu ul.treeview-menu > li > a span.pull-container.destaque-menu {
    /*margin: 10px;*/
    float: right;
}
.sidebar-menu ul.treeview-menu a span.pull-right-container + span.pull-container.destaque-menu {
    margin-right: 10px;
}
.sidebar-menu li.active.menu-open > a > .pull-right-container > .fa-angle-left,
.sidebar-menu li.menu-open > a > .pull-right-container > .fa-angle-left,
.sidebar-menu li.active.menu-open > .treeview-menu li.active.menu-open > a > .pull-right-container > .fa-angle-left {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.table tbody {
    -webkit-overflow-scrolling: touch;
}
.table-responsive .table-parent{
    /*overflow-x: visible;*/
}
.table-parent tbody .label{
    font-weight: 400 !important;
}

.bg-black-active,.label-black {
    background-color: #000000 !important;
}
.bg-black-active,.label-darkred {
    background-color: darkred !important;
}


.relatorio-table table th {
    cursor: col-resize;
}

.relatorio-table table th.resizing {
    cursor: col-resize;
}

.relatorio-table table .noCrsr {
    margin-right: +5px;
    cursor: default;
}

.relatorio-table table .noSelect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

}

.trim-ellipsis {
    min-width: 0;
    max-width: 90px;
}
.ellipsis {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
}

input[type='checkbox'].toggleCheck {
    display:block;
    margin: 0 auto;
    /*margin-bottom: 10px;*/
    -webkit-appearance: none;
    border:none;
    background-color: #ccc;
    width: 90px;
    height: 40px;
    border-radius: 3px;
    box-shadow: inset 0 1px 4px rgba(0,0,0,.2);
    cursor: pointer;
    position: relative;
    transition: background-color 1s;
}
input[type='checkbox'].toggleCheck:after{
    content: "0";
    line-height: 2.2;
    text-indent: 60px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 45%;
    height: 80%;
    background-color: #fdfdfd;
    margin: 4%;
    border-radius: 3px;
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
    background: rgb(255,255,255);
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(243,243,243,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(243,243,243,1)));
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 100%);
    background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 100%);
    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 100%);
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f3f3',GradientType=0 );
    transition: .25s all;
}
input[type='checkbox'].toggleCheck:checked:after {
    left: 45%;
    content: 'I';
    content: '|';
    text-indent: -20px;
    line-height: 2;
}
input[type='checkbox'].toggleCheck.error:after{
    content: "X";
    line-height: 2;
}
input[type='checkbox'].toggleCheck:checked{
    background-color: #79d122;
}
input[type='checkbox'].toggleCheck.error{
    background-color: #c63d3d;
}


/* toggle-radio STYLING */
.toggle-radio {
    display: flex;
    /*flex-flow: row nowrap;*/
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: stretch;
}
.toggle-radio input {
    width: 0;
    height: 0;
    position: absolute;
    left: -9999px;
    display: none !important;
}
.toggle-radio input + label {
    margin: 0;
    padding: .75rem 1rem;
    position: relative;
    border: solid 1px #DDD;
    font-size: 1rem;
    font-weight: normal;
    /*box-shadow: 0 0 0 rgba(255, 255, 255, 0);*/
    /*transition: border-color .15s ease-out,  color .25s ease-out,  background-color .15s ease-out, box-shadow .15s ease-out;*/
    /* ADD THESE PROPERTIES TO SWITCH FROM AUTO WIDTH TO FULL WIDTH */
    flex: 1 0; display: flex; justify-content: center; align-items: center;
    /*flex: 0 0 33%; display: flex; justify-content: center; align-items: center;*/
    /* ----- */
}
.toggle-radio input[disabled] + label {
    background-color: #eee;
    cursor: not-allowed;
}
.toggle-radio input + label:first-of-type {
    border-radius: 6px 0 0 6px;
    /*border-right: none;*/
}
.toggle-radio input + label:last-of-type {
    border-radius: 0 6px 6px 0;
    /*border-left: none;*/
}
.toggle-radio input:not([disabled]):hover + label {
    border-color: #213140;
}
.toggle-radio input:checked + label {
    font-weight: bold;
    background-color: #3c8dbc;
    color: #FFF;
    box-shadow: 0 0 10px rgba(60, 141, 188, 0.5);
    border-color: #3c8dbc;
    z-index: 1;
}
.toggle-radio input:focus + label {
    outline: dotted 1px #CCC;
    outline-offset: .45rem;
}
@media (max-width: 800px) {
    .toggle-radio {
        /*flex-flow: row nowrap;*/
    }

    .toggle-radio input + label {
        padding: .75rem .25rem;
        flex: 0 0 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
}

.table-responsive .dropdown.open ul.dropdown-menu {
    right: 0;
    left: unset;
}

/*@media only screen and (max-width: 991px) {

        .table-responsive table.table:not(.clientes-agendados) { width: 100%; border-collapse: collapse; border-spacing: 0; display: block; position: relative; }

        .table-responsive table.table:not(.clientes-agendados) th,
        .table-responsive table.table:not(.clientes-agendados) td { margin: 0; vertical-align: top; }
        .table-responsive table.table:not(.clientes-agendados) th { text-align: left; }
        .table-responsive table.table:not(.clientes-agendados) tr td:last-child { width: 100%; }

        .table-responsive table.table:not(.clientes-agendados) thead { display: block; float: left; padding: 1px 0px; }
        .table-responsive table.table:not(.clientes-agendados) tbody { display: block; width: auto; position: relative; overflow-x: auto; white-space: nowrap;
                -webkit-overflow-scrolling: touch;
                background: -webkit-radial-gradient(left ellipse, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 75%) 0 center, -webkit-radial-gradient(right ellipse, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 75%) 100% center;
                background: radial-gradient(ellipse at left, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 75%) 0 center, radial-gradient(ellipse at right, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 75%) 100% center;
                background-size: 10px 100%, 10px 100%;
                background-attachment: scroll, scroll;
                background-repeat: no-repeat;
        }
        .table-responsive table.table:not(.clientes-agendados) tbody tr:first-child {
                background-image: -webkit-linear-gradient(left, white 50%, rgba(255, 255, 255, 0) 100%);
                background-image: linear-gradient(to right, white 50%, rgba(255, 255, 255, 0) 100%);
                background-repeat: no-repeat;
                background-size: 20px 100%;
            background-color: initial;
        }
        .table-responsive table.table:not(.clientes-agendados) tbody tr:last-child {
                background-image: -webkit-linear-gradient(right, white 50%, rgba(255, 255, 255, 0) 100%);
                background-image: linear-gradient(to left, white 50%, rgba(255, 255, 255, 0) 100%);
                background-repeat: no-repeat;
                background-size: 20px 100%;
            background-color: initial;
                background-position: 100% 0;
        }
        .table-responsive table.table.table-hover:not(.clientes-agendados) tbody tr:hover {
            background-color: initial !important;
        }

        .table-responsive table.table:not(.clientes-agendados) th { display: block; text-align: right; }
        .table-responsive table.table:not(.clientes-agendados) tbody tr { display: inline-block; vertical-align: top; padding: 0; }

        .table-responsive table.table:not(.clientes-agendados) th { border-bottom: 0; border-left: 0; }
        .table-responsive table.table:not(.clientes-agendados) td { border-left: 0; border-right: 0; border-bottom: 0; }
        .table-responsive table.table:not(.clientes-agendados) tbody tr { border-left: 1px solid #babcbf; background-color: initial !important; }
        .table-responsive table.table:not(.clientes-agendados) tbody tr td:last-child,
        .table-responsive table.table:not(.clientes-agendados) tbody tr:last-child td:last-child { border-bottom: 1px solid #babcbf !important; }
        .table-responsive table.table:not(.clientes-agendados) tbody tr:last-child td:not(:last-child) { border-bottom: 1px solid #f4f4f4 !important; }

        .table-responsive table.table:not(.clientes-agendados) td { display: block; min-height: 33px; text-align: left; }
        .table-responsive table.table:not(.clientes-agendados) thead th { min-height: 33px; padding: 10px 5px; }
        .table-responsive table.table:not(.clientes-agendados) thead th.action:last-child { min-height: 42px; padding: 11px 5px; }

        .relatorio-table.table-responsive table.table:not(.clientes-agendados) td { min-height: 19px; }
        .relatorio-table.table-responsive table.table:not(.clientes-agendados) thead th { min-height: 19px; padding: 5px; text-align: right !important;}
        .relatorio-table.table-responsive table.table:not(.clientes-agendados) thead th.action:last-child { min-height: 28px; padding: 6px 5px; }
}
*/

/* PAGINATION */
.pagination {
    margin-top: 0;
    margin-bottom: 0;
}
.pagination > li > a {
    background: #fafafa;
    color: #666;
}
.pagination.pagination-flat > li > a {
    border-radius: 0 !important;
}

.pagination.pagination-flex {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
}

@media screen and (max-width: 768px) {
    .pagination.pagination-flex {
        justify-content: center;
    }

    label,
    .divPagination .divPaginationPagina .pagination .previous,
    .divPagination .divPaginationPagina .pagination .next{
        display: block;
    }
    .divPagination .divPaginationExibir,
    .divPagination .divPaginationIrPara,
    .divPagination .divPaginationPagina{
        text-align: center;
    }
    .divPagination .divPaginationPagina .pagination .previous > a,
    .divPagination .divPaginationPagina .pagination .next > a{
        float: initial;
    }
    
    .divPagination {
        margin-top: 15px;
    }

    .divPagination .input-group {
        display: inline-flex;
    }

    .divPagination .input-group .input-group-addon, .divPagination .input-group .input-group-btn {
        width: auto;
    }
}

.debug .box-body {
    word-break: break-all;
}