.logo-modulo-principal {
    width: 80px;
    height: 80px;
    border-radius: 15px;
    cursor: pointer;
    margin-bottom: 15px;
    display: flex;
    align-content: center;
    flex-wrap: wrap;
    justify-content: center;
}

.logo-modulo-principal:hover {
    opacity: 0.8;
}

.col-modulo {
    height: 180px;
    display: flex;
    justify-content: flex-start;
    align-content: center;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
}

.logo-modulo-principal img {
    width: 55px;
    height: 55px;
    border-radius: 16px;
}

.logo-modulo-principal .titulo-modulo {
    font-size: 1.3rem;
}

.titulo-modulo,
.titulo-menu-principal {
    color: #454545;
}

.textos-cor-claro .titulo-modulo,
.textos-cor-claro .titulo-menu-principal {
    color: #f2f2f2;
}

.img-logo-login {
    margin: 20px 0;
    width: 100%;
    height: 95px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.sidebar-search input.form-control,
.sidebar-search #search-btn {
    background-color: #cccccc !important;
    color: #333333 !important;
}

.titulo-modulos {
    margin: 5px 0 15px 0;
}

.titulo-menu-principal {
    font-size: 2rem;
    margin: 10px 0 35px 0;
    font-weight: bold;
}

table.display td {
    padding: 3px 10px;
    white-space:nowrap;
}

.msg-error {
    color: #EA0000 !important;
    font-size: 0.875em;
}

.red {
    color:#C33;
}

.form-control-danger, .form-control-danger:hover {
    border-color: #cc0a00 !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075) !important;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075) !important;
}

.form-control-danger:focus, .btn-group > label:focus > .form-control-danger {
    border-color: #990800;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
}

.form-control-warning, .form-control-warning:hover {
    border-color: #8a6d3b;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

.form-control-warning:focus {
    border-color: #66512c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b;
}

.form-control-success, .form-control-success:hover {
    border-color: #3c763d;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

.form-control-success:focus {
    border-color: #2b542c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;
}

.btn {
    transition: all .4s;
}

.btn-one7-escuro {
    color: #fff;
    border-color: #08234d;
    border-radius: 7px !important;
}

.btn-one7-escuro.focus, .btn-one7-escuro:focus {
    color: #fff;
    background-color: #08234d;
    border-color: #08234d
}

.btn-one7-escuro:hover {
    color: #fff;
    background-color: #08234d;
    border-color: #08234d
}

.btn-one7 {
    color: #fff;
    background-color: #08234d;
    border-color: #08234d
}

.btn-one7.focus, .btn-one7:focus {
    color: #fff;
    background-color: #5ad4ff;
    border-color: #5ad4ff
}

.btn-one7:hover {
    color: #fff;
    background-color: #5ad4ff;
    border-color: #5ad4ff
}

.btn-one7.active, .btn-one7:active, .open > .dropdown-toggle.btn-one7 {
    color: #fff;
    background-color: #5ad4ff;
    border-color: #5ad4ff
}

.btn-one7.active.focus, .btn-one7.active:focus, .btn-one7.active:hover, .btn-one7:active.focus, .btn-one7:active:focus, .btn-one7:active:hover, .open > .dropdown-toggle.btn-one7.focus, .open > .dropdown-toggle.btn-one7:focus, .open > .dropdown-toggle.btn-one7:hover {
    color: #fff;
    background-color: #5ad4ff;
    border-color: #5ad4ff
}

.btn-one7.active, .btn-one7:active, .open > .dropdown-toggle.btn-one7 {
    background-image: none
}

.btn-one7.disabled.focus, .btn-one7.disabled:focus, .btn-one7.disabled:hover, .btn-one7[disabled].focus, .btn-one7[disabled]:focus, .btn-one7[disabled]:hover, fieldset[disabled] .btn-one7.focus, fieldset[disabled] .btn-one7:focus, fieldset[disabled] .btn-one7:hover {
    background-color: #08234d;
    border-color: #08234d
}

.btn-one7 .badge {
    color: #08234d;
    background-color: #fff
}

.btn-warning_amarelo {
    color: #fff;
    background-color: #e6c300;
    border-color: #e6c300
}

.btn-warning_amarelo.focus, .btn-warning_amarelo:focus {
    color: #fff;
    background-color: #e6c300;
    border-color: #e6c300
}

.btn-warning_amarelo:hover {
    color: #fff;
    background-color: #e6c300;
    border-color: #e6c300
}

.btn-warning_amarelo.active, .btn-warning_amarelo:active, .open > .dropdown-toggle.btn-warning_amarelo {
    color: #fff;
    background-color: #e6c300;
    border-color: #e6c300
}

.btn-warning_amarelo.active.focus, .btn-warning_amarelo.active:focus, .btn-warning_amarelo.active:hover, .btn-warning_amarelo:active.focus, .btn-warning_amarelo:active:focus, .btn-warning_amarelo:active:hover, .open > .dropdown-toggle.btn-warning_amarelo.focus, .open > .dropdown-toggle.btn-warning_amarelo:focus, .open > .dropdown-toggle.btn-warning_amarelo:hover {
    color: #fff;
    background-color: #e6c300;
    border-color: #e6c300
}

.btn-warning_amarelo.active, .btn-warning_amarelo:active, .open > .dropdown-toggle.btn-warning_amarelo {
    background-image: none
}

.btn-warning_amarelo.disabled.focus, .btn-warning_amarelo.disabled:focus, .btn-warning_amarelo.disabled:hover, .btn-warning_amarelo[disabled].focus, .btn-warning_amarelo[disabled]:focus, .btn-warning_amarelo[disabled]:hover, fieldset[disabled] .btn-warning_amarelo.focus, fieldset[disabled] .btn-warning_amarelo:focus, fieldset[disabled] .btn-warning_amarelo:hover {
    background-color: #e6c300;
    border-color: #e6c300
}

.btn-warning_amarelo .badge {
    color: #e6c300;
    background-color: #fff
}

.btn-default_cinza {
    color: #716D78;
    background-color: #716D78;
    border-color: #716D78
}

.btn-default_cinza.focus, .btn-default_cinza:focus {
    color: #716D78;
    background-color: #716D78;
    border-color: #716D78
}

.btn-default_cinza:hover {
    color: #716D78;
    background-color: #716D78;
    border-color: #716D78
}

.btn-default_cinza.active, .btn-default_cinza:active, .open > .dropdown-toggle.btn-default_cinza {
    color: #716D78;
    background-color: #716D78;
    border-color: #716D78
}

.btn-default_cinza.active.focus, .btn-default_cinza.active:focus, .btn-default_cinza.active:hover, .btn-default_cinza:active.focus, .btn-default_cinza:active:focus, .btn-default_cinza:active:hover, .open > .dropdown-toggle.btn-default_cinza.focus, .open > .dropdown-toggle.btn-default_cinza:focus, .open > .dropdown-toggle.btn-default_cinza:hover {
    color: #716D78;
    background-color: #716D78;
    border-color: #716D78
}

.btn-default_cinza.active, .btn-default_cinza:active, .open > .dropdown-toggle.btn-default_cinza {
    background-image: none
}

.btn-default_cinza.disabled.focus, .btn-default_cinza.disabled:focus, .btn-default_cinza.disabled:hover, .btn-default_cinza[disabled].focus, .btn-default_cinza[disabled]:focus, .btn-default_cinza[disabled]:hover, fieldset[disabled] .btn-default_cinza.focus, fieldset[disabled] .btn-default_cinza:focus, fieldset[disabled] .btn-default_cinza:hover {
    background-color: #716D78;
    border-color: #716D78
}

.btn-default_cinza .badge {
    color: #716D78;
    background-color: #716D78
}


.btn-outline {
    color: inherit;
    background-color: transparent;
    transition: all .5s;
}

.btn-outline, .btn-square {
    border-radius: 0;
}

.btn-primary.btn-outline {
    color: #428bca;
}

.btn-primary.btn-outline:focus,
.btn-success.btn-outline:focus,
.btn-primary.btn-outline:active,
.btn-success.btn-outline:active,
.btn-primary.btn-outline.active,
.btn-success.btn-outline.active {
    color: #fff;
}

.btn-primary.btn-outline .badge {
    color: #fff;
    background-color: #337ab7;
}

.btn-success.btn-outline {
    color: #5cb85c;
}

.btn-success.btn-outline .badge {
    color: #fff;
    background-color: #5cb85c;
}

.btn-one7.btn-outline {
    color: #08234d;
}

.btn-one7.btn-outline:hover {
    color: #fff;
}

.btn-one7.btn-outline .badge {
    color: #fff;
    background-color: #08234d;
}

.btn-info.btn-outline {
    color: #5bc0de;
}

.btn-info.btn-outline .badge {
    color: #fff;
    background-color: #5bc0de;
}

.btn-warning.btn-outline {
    color: #f0ad4e;
}

.btn-warning.btn-outline .badge {
    color: #fff;
    background-color: #f0ad4e;
}

.btn-warning_amarelo.btn-outline {
    color: #e6c300;
}

.btn-warning_amarelo.btn-outline .badge {
    color: #fff;
    background-color: #e6c300;
}

.btn-default_cinza.btn-outline {
    color: #716D78;
}

.btn-default_cinza.btn-outline .badge {
    color: #fff;
    background-color: #716D78;
}

.btn-danger.btn-outline {
    color: #d9534f;
}

.btn-danger.btn-outline .badge {
    color: #fff;
    background-color: #d9534f;
}

.btn-primary.btn-outline:hover, .btn-primary.btn-outline:focus,
.btn-success.btn-outline:hover, .btn-success.btn-outline:focus,
.btn-info.btn-outline:hover, .btn-info.btn-outline:focus,
.btn-warning.btn-outline:hover, .btn-warning.btn-outline:focus,
.btn-warning_amarelo.btn-outline:hover, .btn-warning_amarelo.btn-outline:focus,
.btn-default_cinza.btn-outline:hover, .btn-default_cinza.btn-outline:focus,
.btn-danger.btn-outline {
    color: #d9534f;
}

.btn-danger.btn-outline .badge {
    color: #fff;
    background-color: #d9534f;
}

.btn-primary.btn-outline:hover, .btn-primary.btn-outline:focus,
.btn-success.btn-outline:hover, .btn-success.btn-outline:focus,
.btn-info.btn-outline:hover, .btn-info.btn-outline:focus,
.btn-warning.btn-outline:hover, .btn-warning.btn-outline:focus,
.btn-danger.btn-outline:hover, .btn-danger.btn-outline:focus {
    color: white;
}

.btn-primary.btn-outline:hover > .badge, .btn-primary.btn-outline:focus > .badge {
    color: #337ab7;
    background-color: #fff;
}

.btn-success.btn-outline:hover > .badge, .btn-success.btn-outline:focus > .badge {
    color: #5cb85c;
    background-color: #fff;
}

.btn-info.btn-outline:hover > .badge, .btn-info.btn-outline:focus > .badge {
    color: #5bc0de;
    background-color: #fff;
}

.btn-warning.btn-outline:hover > .badge, .btn-warning.btn-outline:focus > .badge {
    color: #f0ad4e;
    background-color: #fff;
}

.btn-warning_amarelo.btn-outline:hover > .badge, .btn-warning_amarelo.btn-outline:focus > .badge {
    color: #ffffff;
    background-color: #e6c300;
}

.btn-default_cinza.btn-outline:hover > .badge, .btn-default_cinza.btn-outline:focus > .badge {
    color: #ffffff;
    background-color: #716D78;
}

.btn-danger.btn-outline:hover > .badge, .btn-danger.btn-outline:focus > .badge {
    color: #d9534f;
    background-color: #fff;
}

.box-success, .box-static-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}
.box-success:hover, .box-success:active, .box-success.active, .box-success-active.active {
    color: #fff !important;
    background-color: #449d44 !important;
    border-color: #398439 !important;
}
.box-danger, .box-static-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
}
.box-danger:hover, .box-danger:active, .box-danger.active, .box-danger-active.active {
    color: #fff !important;
    background-color: #c9302c !important;
    border-color: #ac2925 !important;
}
.box-info, .box-static-info {
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da;
}
.box-info:hover, .box-info:active, .box-info.active, .box-info-active.active {
    color: #fff !important;
    background-color: #31b0d5 !important;
    border-color: #269abc !important;
}
.box-primary, .box-static-primary {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
}
.box-primary:hover, .box-primary:active, .box-primary.active, .box-primary-active.active {
    color: #fff !important;
    background-color: #286090 !important;
    border-color: #204d74 !important;
}
.box-warning, .box-static-warning {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236;
}
.box-warning:hover, .box-warning:active, .box-warning.active, .box-warning-active.active {
    color: #fff !important;
    background-color: #ec971f !important;
    border-color: #d58512 !important;
}
.box-default, .box-static-default {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ccc;
}
.box-default:hover, .box-default:active, .box-default.active, .box-default-active.active {
    color: #333;
    background-color: #e7e7e7;
    border-color: #999999;
}

.chat {
    margin: 0;
    padding: 0;
    list-style: none;
}

.chat li {
    margin-bottom: 10px;
    padding-bottom: 5px;
    border-bottom: 1px dotted #999999;
}

.chat li.left .chat-body {
    margin-left: 60px;
}

.chat li.right .chat-body {
    margin-right: 60px;
}

.chat li .chat-body p {
    margin: 0;
}

.panel .slidedown .glyphicon,
.chat .glyphicon {
    margin-right: 5px;
}

.chat-panel .panel-body {
    height: 350px;
    overflow-y: scroll;
}

.login-panel {
    margin-top: 25%;
}

.flot-chart {
    display: block;
    height: 400px;
}

.flot-chart-content {
    width: 100%;
    height: 100%;
}

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
    background: transparent;
}

table.dataTable thead .sorting_asc:after {
    content: "\f0de";
    float: right;
    font-family: fontawesome;
}

table.dataTable thead .sorting_desc:after {
    content: "\f0dd";
    float: right;
    font-family: fontawesome;
}

table.dataTable thead .sorting:after {
    content: "\f0dc";
    float: right;
    font-family: fontawesome;
    color: rgba(50, 50, 50, 0.5);
}

.btn-rounded {
    border-radius: 15px;
}

.btn-circle {
    width: 30px;
    height: 30px;
    padding: 6px 0;
    border-radius: 15px;
    text-align: center;
    font-size: 14px;
    line-height: 1.4;
}

.btn-circle.btn-sm {
    width: 20px;
    height: 20px;
    padding: 6px 0;
    border-radius: 15px;
    text-align: center;
    font-size: 10px;
    line-height: 0.8;
}

.btn-circle.btn-lg {
    width: 50px;
    height: 50px;
    padding: 10px 16px;
    border-radius: 25px;
    font-size: 18px;
    line-height: 1.33;
}

.btn-circle.btn-xl {
    width: 70px;
    height: 70px;
    padding: 10px 16px;
    border-radius: 35px;
    font-size: 24px;
    line-height: 1.33;
}

.img-circle-sm {
    min-width: 30px;
    max-width: 30px;
    min-height: 30px;
    max-height: 30px;
    width: 100%;
    border-radius: 50%;
    vertical-align: middle;
    object-fit: cover;
    object-position: center;
}

.img-circle-sm2 {
    min-width: 38px;
    max-width: 38px;
    min-height: 38px;
    max-height: 38px;
    width: 100%;
    border-radius: 50%;
    vertical-align: middle;
    object-fit: cover;
    object-position: center;
}

.img-circle-md {
    min-width: 45px;
    max-width: 45px;
    min-height: 45px;
    max-height: 45px;
    width: 100%;
    border-radius: 50%;
    vertical-align: middle;
    object-fit: cover;
    object-position: center;
}

.img-circle-lg {
    min-width: 60px;
    max-width: 60px;
    min-height: 60px;
    max-height: 60px;
    width: 100%;
    border-radius: 50%;
    vertical-align: middle;
    object-fit: cover;
    object-position: center;
}

.img-circle-xlg {
    min-width: 70px;
    max-width: 70px;
    min-height: 70px;
    max-height: 70px;
    width: 100%;
    border-radius: 50%;
    vertical-align: middle;
    object-fit: cover;
    object-position: center;
}

.border-radius-50pct {
    border-radius: 50%;
}

.vertical-align-middle, .v-mid {
    vertical-align: middle !important;
}

.top-zero {
    top: 0;
}
.top-minus-10 {
    top: -10px;
}
.top-minus-15 {
    top: -15px;
}
.top-minus-20 {
    top: -20px;
}
.top-minus-25 {
    top: -25px;
}


.left-100pct-10px {
    left: calc(100% - 10px);
}
.left-100pct-15px {
    left: calc(100% - 15px);
}
.left-100pct-20px {
    left: calc(100% - 20px);
}
.left-100pct-25px {
    left: calc(100% - 25px);
}
.left-100pct-30px {
    left: calc(100% - 30px);
}
.left-100pct-35px {
    left: calc(100% - 35px);
}
.left-100pct-40px {
    left: calc(100% - 40px);
}
.left-100pct-50px {
    left: calc(100% - 50px);
}
.left-100pct-60px {
    left: calc(100% - 60px);
}
.left-100pct-80px {
    left: calc(100% - 80px);
}
.left-100pct-100px {
    left: calc(100% - 100px);
}


.show-grid [class^="col-"] {
    padding-top: 10px;
    padding-bottom: 10px;
    border: 1px solid #ddd;
    background-color: #eee !important;
}

.show-grid {
    margin: 15px 0;
}

.huge {
    font-size: 40px;
}

.panel-green {
    border-color: #5cb85c;
}

.panel-green > .panel-heading {
    border-color: #5cb85c;
    color: white;
    background-color: #5cb85c;
}

.panel-green > a {
    color: #5cb85c;
}

.panel-green > a:hover {
    color: #3d8b3d;
}

.panel-red {
    border-color: #d9534f;
}

.panel-red > .panel-heading {
    border-color: #d9534f;
    color: white;
    background-color: #d9534f;
}

.panel-red > a {
    color: #d9534f;
}

.panel-red > a:hover {
    color: #b52b27;
}

.panel-yellow {
    border-color: #f0ad4e;
}

.panel-yellow > .panel-heading {
    border-color: #f0ad4e;
    color: white;
    background-color: #f0ad4e;
}

.panel-yellow > a {
    color: #f0ad4e;
}

.panel-yellow > a:hover {
    color: #df8a13;
}

.modalSobre .sobre {
    padding: 10px;
    margin: 5px;
    font-size: 14px;
}

.timeline {
    position: relative;
    padding: 20px 0 20px;
    list-style: none;
}

.timeline:before {
    content: " ";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 49.65%;
    width: 3px;
    margin-left: -1.5px;
    background-color: #eeeeee;
}

.timeline > li {
    position: relative;
    margin-bottom: 20px;
}

.timeline > li:before,
.timeline > li:after {
    content: " ";
    display: table;
}

.timeline > li:after {
    clear: both;
}

.timeline > li:before,
.timeline > li:after {
    content: " ";
    display: table;
}

.timeline > li:after {
    clear: both;
}

.timeline > li > .timeline-panel {
    float: left;
    position: relative;
    width: 45.5%;
    padding: 20px;
    border: 1px solid #d4d4d4;
    border-radius: 2px;
    -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
}

.timeline > li > .timeline-panel:before {
    content: " ";
    display: inline-block;
    position: absolute;
    top: 26px;
    right: -15px;
    border-top: 15px solid transparent;
    border-right: 0 solid #ccc;
    border-bottom: 15px solid transparent;
    border-left: 15px solid #ccc;
}

.timeline > li > .timeline-panel:after {
    content: " ";
    display: inline-block;
    position: absolute;
    top: 27px;
    right: -14px;
    border-top: 14px solid transparent;
    border-right: 0 solid #fff;
    border-bottom: 14px solid transparent;
    border-left: 14px solid #fff;
}

.timeline > li > .timeline-badge {
    z-index: 100;
    position: absolute;
    top: 16px;
    left: 50%;
    width: 50px;
    height: 50px;
    margin-left: -25px;
    border-radius: 50% 50% 50% 50%;
    text-align: center;
    font-size: 1.4em;
    line-height: 50px;
    color: #fff;
    background-color: #999999;
}

.timeline > li.timeline-inverted > .timeline-panel {
    float: right;
}

.timeline > li.timeline-inverted > .timeline-panel:before {
    right: auto;
    left: -15px;
    border-right-width: 15px;
    border-left-width: 0;
}

.timeline > li.timeline-inverted > .timeline-panel:after {
    right: auto;
    left: -14px;
    border-right-width: 14px;
    border-left-width: 0;
}

.timeline-badge.primary, .badge-primary {
    background-color: #2e6da4 !important;
}
.badge-primary-outline {
    border: 1px solid #2e6da4 !important;
}

.timeline-badge.success, .badge-success {
    background-color: #3f903f !important;
}
.badge-success-outline {
    border: 1px solid #3f903f !important;
}

.timeline-badge.warning, .badge-warning {
    background-color: #f0ad4e !important;
}
.badge-warning-outline {
    border: 1px solid #f0ad4e !important;
}

.timeline-badge.warning, .badge-amarelo, .badge-warning_amarelo {
    background-color: #e6c300 !important;
}

.timeline-badge.danger, .badge-danger {
    background-color: #d9534f !important;
}
.badge-danger-outline {
    border: 1px solid #d9534f !important;
}

.timeline-badge.info, .badge-info {
    background-color: #5bc0de !important;
}
.badge-info-outline {
    border: 1px solid #5bc0de !important;
}

.timeline-badge.default, .badge-default {
    background-color: #333 !important;
    color: #FFF !important;
}
.badge-default-outline {
    border: 1px solid #333 !important;
}

.badge-outline {
    background-color: transparent;
    color: #333;
}

.btn-badge-outline {
    background-color: transparent !important;
    color: #333 !important;
}

.timeline-badge.white, .badge-white {
    background-color: #f9f9f9 !important;
    color: #333 !important;
    border: 1px rgba(51, 51, 51, 0.28) solid;
}


.timeline-badge.primary-light, .badge-primary-light {
    background-color: #c9ced6de !important;
    color: #2e6da4 !important;
}

.timeline-badge.success-light, .badge-success-light {
    background-color: #3f903f3d !important;
    color: #136b13 !important;
}

.timeline-badge.warning-light, .badge-warning-light {
    background-color: #f0ad4e4f !important;
    color: #f18e02 !important;
}

.timeline-badge.warning-light, .badge-amarelo-light, .badge-warning_amarelo-light {
    background-color: #e6c30047 !important;
    color: #a79514 !important;
}

.timeline-badge.danger-light, .badge-danger-light {
    background-color: #fee9e6 !important;
    color: #d9534f !important;
}

.timeline-badge.info-light, .badge-info-light {
    background-color: rgba(91, 192, 222, 0.49) !important;
    color: #5bc0de !important;
}

.timeline-badge.default-light, .badge-default-light {
    background-color: #333 !important;
    color: #333 !important;
}

.timeline-badge.white-light, .badge-white-light {
    background-color: #f9f9f9 !important;
    color: #333 !important;
    border: 1px rgba(51, 51, 51, 0.28) solid;
}


.timeline-badge.primary-transparent, .badge-primary-transparent {
    background-color: rgba(201, 206, 214, 0) !important;
    color: #2e6da4 !important;
}

.timeline-badge.success-transparent, .badge-success-transparent {
    background-color: rgba(63, 144, 63, 0) !important;
    color: #136b13 !important;
}

.timeline-badge.warning-transparent, .badge-warning-transparent {
    background-color: rgba(240, 173, 78, 0) !important;
    color: #f18e02 !important;
}

.timeline-badge.amarelo-transparent, .badge-amarelo-transparent, .badge-warning_amarelo-transparent {
    background-color: rgba(230, 195, 0, 0) !important;
    color: #E6C300 !important;
}

.timeline-badge.danger-transparent, .badge-danger-transparent {
    background-color: rgba(254, 233, 230, 0) !important;
    color: #d9534f !important;
}

.timeline-badge.info-transparent, .badge-info-transparent {
    background-color: rgba(91, 192, 222, 0) !important;
    color: #5bc0de !important;
}

.timeline-badge.default-transparent, .badge-default-transparent {
    background-color: rgba(249, 249, 249, 0) !important;
    color: #333 !important;
}

.timeline-badge.white-transparent, .badge-white-transparent {
    background-color: rgba(249, 249, 249, 0) !important;
    color: #333 !important;
}


.timeline-title {
    margin-top: 0;
    color: inherit;
}

.timeline-title > .fa-fw {
    font-size: 80%;
}

.timeline-body > p,
.timeline-body > ul {
    margin-bottom: 0;
}

.timeline-body > p + p {
    margin-top: 5px;
}

.bg-one7-gradient {
    background: linear-gradient(to right, #5500ff, #5ad4ff);
    color: #fff;
}

.bg-one7 {
    background: #5ad4ff;
    color: #fff;
}

@media (max-width: 1200px) {
    ul.timeline > li > .timeline-panel {
        width: calc(43%);
        width: -moz-calc(43%);
        width: -webkit-calc(43%);
    }
}

@media (max-width: 880px) {
    ul.timeline > li > .timeline-panel {
        width: calc(40%);
        width: -moz-calc(40%);
        width: -webkit-calc(40%);
    }
}

@media (max-width: 767px) {
    ul.timeline:before {
        left: 40px;
    }

    ul.timeline > li > .timeline-panel {
        width: calc(85%);
        width: -moz-calc(85%);
        width: -webkit-calc(85%);
    }

    ul.timeline > li > .timeline-badge {
        top: 16px;
        left: 15px;
        margin-left: 0;
    }

    ul.timeline > li > .timeline-panel {
        float: right;
    }

    ul.timeline > li > .timeline-panel:before {
        right: auto;
        left: -15px;
        border-right-width: 15px;
        border-left-width: 0;
    }

    ul.timeline > li > .timeline-panel:after {
        right: auto;
        left: -14px;
        border-right-width: 14px;
        border-left-width: 0;
    }
}

@media (max-width: 600px) {
    ul.timeline > li > .timeline-panel {
        width: calc(82%);
        width: -moz-calc(82%);
        width: -webkit-calc(82%);
    }
}

@media (max-width: 500px) {
    ul.timeline > li > .timeline-panel {
        width: calc(77%);
        width: -moz-calc(77%);
        width: -webkit-calc(77%);
    }
}

@media (max-width: 400px) {
    ul.timeline > li > .timeline-panel {
        width: calc(70%);
        width: -moz-calc(70%);
        width: -webkit-calc(70%);
    }
}

select .disabled {
    pointer-events: none !important;
}

.disabled,
.pointer-eventos-none {
    pointer-events: none;
}

.disabled {
    cursor: not-allowed !important;
    filter: alpha(opacity=75);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .75;
}

.col-menu {
    margin-top: 20px;
}

.col-menu:hover {
    opacity: 0.8;
}

.col-menu:active {
    opacity: 1;
    zoom: 1.01;
}

.image-menu {
    height: 15vmin;
}

.title-menu {
    font-family: Impact, Charcoal, sans-serif;
    font-size: 1.5em;
}

.title-first-level {
    font-size: 15px;
    font-weight: bold;
    color: #333355;
}

.title-second-level {
    font-size: 14px;
    color: #444466;
}

.profile-image {
    border: 1px solid #CCC;
    width: 100%;
    max-width: 200px;
    min-height: 200px;
}

.width100 {
    width: 100% !important;
}

.btn-group-export {
    float: right;
    margin-bottom: 2px;
}

.btn-export {
    background-color: transparent;
    border: none;
    width: 100%;
    padding: 3px 20px !important;
    text-align: left;
}

.btn-export-droptoggle {
    padding: 3px 10px;
}

.dt-buttons > li {
    cursor: pointer;
}

.btn-export:focus {
    outline: -webkit-focus-ring-color auto 0;
}

.texto-success,
.texto-color.success {
    color: #5cb85c;
}

.texto-warning,
.texto-color.warning {
    color: #eea236;
}

.texto-amarelo,
.texto-color.amarelo {
    color: #E6C300;
}

.texto-danger,
.texto-color.danger {
    color: #d9534f;
}

.texto-info,
.texto-color.danger {
    color: #5bc0de;
}

.texto-primary,
.texto-color.primary {
    color: #428bca;
}

.texto-default,
.texto-color.default {
    color: #666666;
}

.texto-white {
    color: #FFF !important;
}

.span-text-gray .text {
    color: #777 !important;
}

.dl-horizontal.text-left > dt {
    text-align: left;
}

.dl-horizontal.text-center > dt {
    text-align: center !important;
}

.breadcrumbHeader {
    margin: 20px 0;
}

.tituloHeader {
    margin: 20px 1%;
    padding: 0 1% 10px 1%;
}

.titulo-header-col {
    margin-top: 30px;
    padding: 0 1% 3px 1%;
}

.tituloHeader > .lblTitulo {
    margin: 0 !important;
}

.titulo-header-col > .lblTitulo {
    margin: 0 1.3% !important;
}

.tituloCinza {
    color: #777;
}

.subTituloHeader {
    font-weight: 400;
    line-height: 1.7;
    color: #777;
    font-size: 65%;
}

.subTitle {
    font-size: 65%;
    color: #777;
    font-weight: 400;
}

.navLink {
    background-color: #f5f5f5;
    border-radius: 11px 11px 0 0 !important;
}

.nav-justified > li > a, .nav-justified > li > a {
    border-color: #d9d9d9 #d9d9d9 #ddd #d9d9d9;
}

.navLi {
    padding: 0 2px;
}

.nav-tabs-full {
    margin-top: 20px;
    margin-left: -20px;
    margin-right: -20px;
    padding: 0 15px;
}

.nav-tabs-full > li > a {
    font-weight: bold;
    font-size: 15px;
}

.nav-tabs > li {
    padding: 0 2px;
}

li > a.nav-tab-border-gray {
    border-color: #f2f2f2 #f2f2f2 #dddddd #f2f2f2;
}

.paginate_button:hover {
    font-weight: normal !important;
    font-family: helvetica, tahoma, verdana, sans-serif !important;
}

.dataTables_processing {
    height: 100% !important;
    top: 0 !important;
    min-height: 70px;
    padding-top: 10px !important;
    vertical-align: middle;
    margin-top: 0 !important;
    font-size: 18px !important;
    z-index: 99;
    background: linear-gradient(to right, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.98), rgba(255, 255, 255, 1), rgba(255, 255, 255, 0.98), rgba(255, 255, 255, 0.95)) !important;
}

table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td:first-child::before, table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th:first-child::before {
    text-indent: 0px !important;
    top: 1px !important;
    left: 0 !important;
    position: inherit;
    margin-bottom: 7px;
    font-weight: bold;
}

table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td:first-child, table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th:first-child {
    padding-top: 2px !important;
    vertical-align: top;
    padding-left: 5px;
}

table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td:first-child::before,
table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th:first-child::before {
    text-indent: 0px !important;
    top: 1px !important;
    left: 0 !important;
    position: inherit;
    margin-bottom: 7px;
    font-weight: bold;
}

table.dataTable tbody tr.odd {
    background-color: #f9f9f9;
}

table.dataTable tbody tr:hover {
    background-color: #f6f6f6;
}

.form-control-xs {
    padding: 1.5px 5px;
    height: auto;
    font-size: 12px;
}

select.form-control-xs {
    padding: 3.4px 5px;
}

.form-control-sm {
    padding: 5px 6px;
    height: auto;
    font-size: 12px;
}

select.form-control-sm {
    padding: 5px 8px;
}

.form-control-md {
    padding: 6px 8px;
    height: auto;
    font-size: 13px;
}

.form-control-md > .bootstrapSelect {
    padding: 4px 12px;
}

select.form-control-md {
    padding: 7.3px 8px;
}

.btn-form {
    margin-top: 20px;
}

.tabDataTable {
    border-collapse: collapse !important;
    margin-top: 15px !important;
    border: 0 !important;
}

.tabDataTable > tbody > tr > td,
.tabDataTable > thead > tr > th {
    font-family: helvetica, tahoma, verdana, sans-serif !important;
    box-sizing: content-box;
}

.tabDataTable > tbody > tr > td {
    border-width: 0 0 2px 0 !important;
    border-style: solid !important;
    border-color: #f4f4f4 !important;
    background-color: transparent;
    font-size: 12px !important;
    vertical-align: middle;
    padding: 7px 5px;
}

.tabDataTable > thead > tr > th {
    border-width: 0 0 2px 0 !important;
    border-style: solid !important;
    border-color: #f4f4f4 !important;
    color: #666 !important;
    background-color: transparent !important;
    font-size: 13px !important;
    white-space: nowrap;
    vertical-align: middle;
    padding: 7px 5px;
    text-transform: uppercase;
}

.dataTables_wrapper {
    margin-top: 15px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    padding: 0.2em 0.8em;
    background: none !important;
    border-radius: 0;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background-color: #585858 !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current {
    background-color: #f6f6f6 !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    background-color: #EEE !important;
}

.tabDataTable > thead > tr > .sorting:after {
    opacity: 0;
}

.tabDataTable > thead > tr > .sorting:hover:after {
    opacity: 1;
}

.btn-group-export {
    float: right;
    margin-bottom: 10px;
}

.btn-export {
    background-color: transparent;
    border: none;
}

.dt-buttons > li {
    cursor: pointer;
}

.btn-export:focus {
    outline: -webkit-focus-ring-color auto 0;
}

.thead-default th {
    color: #464a4c;
    background-color: #eceeef;
}

input[type=date].form-control-sm {
    line-height: normal !important;
}

select .disabled {
    pointer-events: none !important;
}

.desabilitado, disabled {
    pointer-events: auto !important;
    cursor: not-allowed !important;
    filter: alpha(opacity=6);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .6;
}

.opacidade-8 {
    opacity: .8 !important;
    filter: alpha(opacity=8);
}

.opacidade-7 {
    opacity: .7 !important;
    filter: alpha(opacity=7);
}

.opacidade-6 {
    opacity: .6 !important;
    filter: alpha(opacity=6);
}

.opacidade-5 {
    opacity: .5 !important;
    filter: alpha(opacity=5);
}

.opacidade-4 {
    opacity: .4 !important;
    filter: alpha(opacity=4);
}

.opacidade-3 {
    opacity: .3 !important;
    filter: alpha(opacity=3);
}

.opacidade-2 {
    opacity: .2 !important;
    filter: alpha(opacity=2);
}

.opacidade-1 {
    opacity: .1 !important;
    filter: alpha(opacity=1);
}

.opacidade-0 {
    opacity: 0 !important;
    filter: alpha(opacity=0) !important;
}

.opacidade-10 {
    opacity: 1 !important;
    filter: alpha(opacity=10);
}

.box-shadown-none {
    box-shadow: none;
    -webkit-box-shadow: none;
}

.cursor-not-allowed {
    cursor: not-allowed !important;
}

.carregando {
    cursor: wait;
}

.text-uppercase > button > span {
    text-transform: uppercase;
}

.inputTransparent {
    border: 0px;
    width: 100%;
    background-color: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
    padding: 0;
}

.inputTransparent:focus {
    outline: -webkit-focus-ring-color auto 0px !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

.inputTransparent.disabled {
    cursor: default !important;
    opacity: 1 !important;
}

.input-label {
    background-color: #f9f9f9 !important;
}

.permDisabled {
    pointer-events: none;
    opacity: .45 !important;
}

.disabled, .disabled.permDisabled {
    cursor: not-allowed !important;
    filter: alpha(opacity=75);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .75;
}

.btnCadSalvar {
    padding: 6px 20px;
}

.btn-default.disabled {
    background-color: #e1e1e1;
}

.btn-default.btn-label.disabled {
    background-color: #f3f3f3;
}

.btn-default.active,
.btn-default:active,
.btn-default.btn-label.active,
.btn-default.btn-label:active {
    background-color: #CCC;
    border-color: #8c8c8c;
}

.btn-default.active.focus, .btn-default.active:focus,
.btn-default:active.focus, .btn-default:active:focus {
    /* background-color: #bfbfbf;*/
    border-color: #808080;
}

.col-form-label, .col-input {
    text-align: right;
    padding-right: 0 !important;
    padding-top: 3px;
}

.btn-label {
    padding: 6px 17px;
}

.readonly {
    background-color: #eee !important;
    cursor: default;
}

.thRight, .txtRight {
    text-align: right !important;
}

.thLeft, .txtLeft {
    text-align: left !important;
}

.thCenter, .txtCenter {
    text-align: center !important;
}

.noFloat {
    float: initial !important;
}

.pad-radio-button {
    padding-top: 6px;
    padding-bottom: 6px;
}

.col-button{
    padding-top: 22px !important;
}

.noPad {
    padding: 0 !important;
}

.noPad-right {
    padding-right: 0 !important;
}
.noPad-left {
    padding-left: 0 !important;
}
.noPad-top {
    padding-top: 0 !important;
}
.noPad-bot {
    padding-bottom: 0 !important;
}
.noPad-right-left {
    padding-right: 0 !important;
    padding-left: 0 !important;
}


.padXs {
    padding: 3px;
}

.padSm {
    padding-right: 6px;
    padding-left: 6px;
    padding-top: 3px;
    padding-bottom: 3px;
}

.padMd {
    padding-right: 12px;
    padding-left: 12px;
    padding-top: 6px;
    padding-bottom: 6px;
}

.padLg {
    padding-right: 24px;
    padding-left: 24px;
    padding-top: 12px;
    padding-bottom: 12px;
}

.padXlg {
    padding-right: 35px;
    padding-left: 35px;
    padding-top: 25px;
    padding-bottom: 25px;
}

.padXxlg {
    padding-right: 70px;
    padding-left: 70px;
    padding-top: 50px;
    padding-bottom: 50px;
}

.pad10pc {
    padding: 10%;
}

.pad20pc {
    padding: 20%;
}

.pad30pc {
    padding: 30%;
}

.pad40pc {
    padding: 40%;
}

.liNavPill {
    padding-left: 2% !important;
    padding-right: 2% !important;
}

.NavPill {
    border: 1px solid #204d74;
}

.nav-pills > li.active > .NavPill:hover {
    background-color: #3177b0 !important;
    border-color: #122b40 !important;
}

.noMargBot {
    margin-bottom: 2px !important;
}


.zeroMargBot {
    margin-bottom: 0 !important;
}

.zeroMargin, .margin-0 {
    margin: 0 !important;
}

.margin-bot-0 {
    margin-bottom: 0px !important;
}

.margin-bot-5 {
    margin-bottom: 5px !important;
}

.margin-bot-7 {
    margin-bottom: 7px;
}

.margin-bot-10 {
    margin-bottom: 10px !important;
}

.margin-bot-15 {
    margin-bottom: 15px;
}

.margin-bot-20 {
    margin-bottom: 20px;
}

.margin-bot-25 {
    margin-bottom: 25px;
}

.margin-bot-30 {
    margin-bottom: 30px;
}

.margin-bot-40 {
    margin-bottom: 40px;
}

.margin-bot-50 {
    margin-bottom: 50px;
}

.margin-bot-75 {
    margin-bottom: 75px;
}

.margin-bot-100 {
    margin-bottom: 100px;
}


.margin-top-negative-1 {
    margin-top: -1px;
}

.margin-top-negative-2 {
    margin-top: -2px;
}

.margin-top-negative-7 {
    margin-top: -7px;
}

.margin-top-negative-40 {
    margin-top: -40px;
}

.margin-bottom-negative-1 {
    margin-bottom: -1px;
}

.margin-top-negative-125 {
    margin-top: -125px;
}
.margin-top-negative-175 {
    margin-top: -175px;
}

.margin-top-2 {
    margin-top: 2px;
}

.margin-top-5 {
    margin-top: 5px;
}

.margin-topbot-5 {
    margin-top: 5px;
    margin-bottom: 5px;
}

.margin-top-10 {
    margin-top: 10px;
}

.margin-topbot-10 {
    margin-top: 10px;
    margin-bottom: 10px;
}

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

.margin-topbot-15 {
    margin-top: 15px;
    margin-bottom: 15px;
}

.margin-top-20 {
    margin-top: 20px !important;
}

.margin-top-25 {
    margin-top: 25px;
}

.margin-top-30 {
    margin-top: 30px;
}

.margin-top-40 {
    margin-top: 40px;
}

.margin-top-50 {
    margin-top: 50px;
}

.margin-right-10 {
    margin-right: 10px;
}

.margin-left-5 {
    margin-left: 5px;
}

.margin-left-10 {
    margin-left: 10px;
}

.margin-right-15 {
    margin-right: 15px;
}

.margin-right-20 {
    margin-right: 20px;
}

.margin-right-45 {
    margin-right: 45px;
}


.margin-side-5 {
    margin-left: 5px !important;
    margin-right: 5px !important;
}

.margin-side-10 {
    margin-left: 10px;
    margin-right: 10px;
}

.margin-side-15 {
    margin-left: 15px;
    margin-right: 15px;
}

.margin-side-20 {
    margin-left: 20px;
    margin-right: 20px;
}

.margin-side-25 {
    margin-left: 25px;
    margin-right: 25px;
}

.margin-side-30 {
    margin-left: 30px;
    margin-right: 30px;
}

.margin-side-negative-5 {
    margin-left: -5px;
    margin-right: -5px;
}

.margin-side-negative-10 {
    margin-left: -10px;
    margin-right: -10px;
}

.margin-side-negative-15 {
    margin-left: -15px;
    margin-right: -15px;
}

.margin-lateral-5pct {
    margin-right: 5%;
    margin-left: 5%;
}

.margin-lateral-10pct {
    margin-right: 10%;
    margin-left: 10%;
}

.margin-lateral-15pct {
    margin-right: 15%;
    margin-left: 15%;
}

.margin-lateral-15pct {
    margin-right: 15%;
    margin-left: 15%;
}

.margin-lateral-20pct {
    margin-right: 20%;
    margin-left: 20%;
}

.margin-lateral-25pct {
    margin-right: 25%;
    margin-left: 25%;
}

.margin-lateral-30pct {
    margin-right: 30%;
    margin-left: 30%;
}


.zeroMargSide, .row.form-group, .row.btn-group {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

.zeroMargRight {
    margin-right: 0 !important;
}
.zeroMargLeft {
    margin-left: 0 !important;
}


.input-group-addon.ico-addon {
    padding: 2px 5px;
}

.input-group-xs > .input-group-addon {
    padding: 1px 12px;
    font-size: 13px;
}

.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
    outline: 0;
}

input[type=file]:focus, input[type=checkbox]:focus, input[type=radio]:focus, input[type=search]:focus {
    outline: 0;
}

.btn-grid {
    text-align: center !important;
    font-weight: bold;
}

.btn-grid {
    margin-top: 2px;
    margin-bottom: 2px;
}

.btn-grid-xs {
    padding: 1px 8px;
}

.trChecked {
    background-color: #d9f2e5 !important;
}

.trChecked:hover {
    background-color: #dfece1 !important;
}

label {
    margin-bottom: 0 !important;
}

.opaco {
    opacity: 0.9;
}

.esconder {
    display: none !important;
}

.mostrar, .display-block {
    display: block;
}

.inptDanger {
    border-color: #d9534f !important;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(209, 51, 46, .6) !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(209, 51, 46, .6) !important;
}

.ico-danger {
    color: #d9534f
}

.ico-danger:hover, .ico-danger:focus {
    color: #c9302c
}

.ico-danger:active {
    color: #ac2925;
}

.close.ico-danger {
    opacity: 0.8 !important;
}

.chk-md {
    transform: scale(1.35);
    cursor: pointer;
}

.effect-translate-y:hover,
.effect-translate-y.hover {
    transform: translateY(1.5px);
}
.effect-translate-y:active,
.effect-translate-y.active {
    transform: translateY(3px);
}
.effect-translate-y:focus,
.effect-translate-y.focus {
    transform: translateY(4px);
}

.noWrap {
    white-space: nowrap !important;
}

.WordBreak {
    word-break: break-all;
}

.pointer {
    cursor: pointer;
}

.th_ordenavel {
    cursor: pointer;
    white-space: nowrap;
}

.cursor-default {
    cursor: default !important;
}

.input-group-conector {
    width: auto;
    padding: 2px 3px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    font-size: 12px;
    text-align: center;
    background-color: #e9ecef;
    color: #666;
}

.input-group-divisor {
    width: 0 !important;
}

.panel-default > .panel-subHeading {
    color: #555;
    background-color: #f7f7f7;
    padding: 8px 25px;
    border-top: 1px solid #CCC;
    border-bottom: 1px solid #d9d9d9;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    margin-top: 15px;
}

.panel-default-subheading {
    color: #555;
    margin-left: 15px;
    margin-right: 15px;
    border-right: 1px solid #CCC;
    border-left: 1px solid #CCC;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    padding: 7px 13px;
    background-color: #f5f5f5;
    border-top: 1px solid #CCC;
    border-bottom: 1px solid #E1E1E1;
}

.panel-default > .panel-subBody {
    border-top: 1px solid #CCC;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    margin-top: 15px;
}

.panel-default.panel-white > .panel-heading {
    background-color: #FFF;
}

.panel-default.panel-lightgray > .panel-heading {
    background-color: #FBFBFB;
}

.list-sub-item {
    padding: 6px 35px;
    font-size: 13px
}

.list-item-footer {
    background-color: #FBFBFB;
}

.row.form-group > .padSm {
    margin-top: 5px;
}

.form-group {
    margin-bottom: 10px;
}

.textarea-resize-off {
    resize: none;
}

.panelFiltros {
    margin-top: 20px;
}

.modal-header {
    padding: 15px 15px 15px 35px;
}

.modal-title {
    font-size: 27px;
}

.modal-footer.text-center {
    text-align: center !important;
}

.modal-big-lg {
    width: 96% !important;
}

@media (min-width: 768px) {
    .modal-lg1 {
        width: 75% !important;
    }
    .modal-lg2 {
        width: 95% !important;
    }
    .modal-lg3 {
        width: 95% !important;
    }
}

@media (min-width: 1050px) {
    .modal-w-1k {
        width: 1000px !important;
    }
}

.modal-dark {
    background-color: rgba(0, 0, 0, .8) !important;
}

.dataTables_scrollBody {
    height: auto !important;
    overflow: hidden !important;
}

.panel-grid-scrolled .dataTables_scrollBody {
    overflow: auto !important;
}

.dataTables_wrapper.no-footer .dataTables_scrollBody {
    border-color: #ccc !important;
}

.grid-body-500 .dataTables_scrollBody {
    max-height: 500px;
}

.dataTables_length label, .dataTables_wrapper .dataTables_info {
    color: #777;
    font-size: 13px;
    font-weight: normal;
}

.dataTables_length label select {
    border-radius: 4px;
}

.dataTables_length {
    background-color: #FFF;
    padding: 2px;
    margin: 2px 2px 10px 2px;
}

.dataTables_filter {
    margin-bottom: 10px;
}

.stack-bar-top {
    width: 90% !important;
    left: 5% !important;
}

.ui-pnotify-text {
    width: auto !important;
}

.ui-pnotify-container {
    height: auto !important;
}

.inlineBloco {
    display: inline-block;
    vertical-align: top;
}

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

.display-flex {
    display: flex;
}

/* label.active{
    filter: brightness(70%);
}*/

.bootstrap-select .dropdown-toggle:focus {
    outline: 1px auto #eee !important
}

.btn-no-radius-right,
.btn-no-radius-right.bootstrap-select button.bootstrapSelect {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.dropdown-menu > .selected > a {
    font-weight: bold;
}

.tooltip-inner {
    max-width: 300px;
}

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

.popover {
    max-width: 35%;
}

/*
.pageWrapperPropCom {
    background-image: url(../../assets/imagens/wallpaper_ePC.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    opacity: 0.2;
}
*/
.boxShadow {
    box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.3), -1px 0 3px rgba(0, 0, 0, 0.1);
}
.boxShadow-hover:hover {
    box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.3), -1px 0 3px rgba(0, 0, 0, 0.1);
}

.boxShadow-2 {
    box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.3), -1px 0px 5px rgba(0, 0, 0, 0.2);
}
.boxShadow-2-hover:hover {
    box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.3), -1px 0px 5px rgba(0, 0, 0, 0.2);
}

.box-shadow-button {
    box-shadow: 4px 4px 7px rgba(0, 0, 0, 0.3), -1px 0 3px rgba(0, 0, 0, 0.1) !important;
}
.box-shadow-button-hover:hover {
    box-shadow: 4px 4px 7px rgba(0, 0, 0, 0.3), -1px 0 3px rgba(0, 0, 0, 0.1) !important;
}

.soft-boxShadow {
    box-shadow: 2px 2px 2.3px rgba(0, 0, 0, 0.3), -1px 1px 2px rgba(0, 0, 0, 0.1);
}
.soft-boxShadow-hover:hover {
    box-shadow: 2px 2px 2.3px rgba(0, 0, 0, 0.3), -1px 1px 2px rgba(0, 0, 0, 0.1);
}

.slight-boxShadow {
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1), -1px 0 3px rgba(0, 0, 0, 0.1);
}
.slight-boxShadow-hover:hover {
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1), -1px 0 3px rgba(0, 0, 0, 0.1);
}

.white-box-shadow {
    -webkit-box-shadow: 0px 0px 30px 20px rgba(255, 255, 255, 0.75);
    -moz-box-shadow:    0px 0px 30px 20px rgba(255, 255, 255, 0.75);
    box-shadow:         0px 0px 30px 20px rgba(255, 255, 255, 0.75);
}

.errorValidate {
    border-color: #e60000 !important;
}

.font-bold {
    font-weight: bold;
}
.font-bold-hover:hover {
    font-weight: bold !important;
}

.font-italico {
    font-style: italic;
}
.font-italico-hover:hover {
    font-style: italic !important;
}

.font-sublinhado {
    text-decoration: underline;
}
.font-sublinhado-hover:hover {
    text-decoration: underline !important;
}


.width-100, .w-100 {
    width: 100% !important;
}
.width-auto {
    width: auto !important;
}

.width-100, .width-full {
    width: 100% !important;
}

.width-90 {
    width: 90% !important;
}

.width-80 {
    width: 80% !important;
}

.width-70 {
    width: 70% !important;
}

.width-60 {
    width: 60% !important;
}

.width-50 {
    width: 49% !important;
}

.width-40 {
    width: 40% !important;
}

.width-30 {
    width: 30% !important;
}

.width-20 {
    width: 20% !important;
}

.width-10 {
    width: 10% !important;
}

.display-1 {
    font-size: 6.5rem;
    line-height: 1.2;
}

.display-15 {
    font-size: 6rem;
    line-height: 1.2;
}

.display-2 {
    font-size: 5.5rem;
    line-height: 1.2;
}

.display-25 {
    font-size: 5rem;
    line-height: 1.2;
}

.display-3 {
    font-size: 4.5rem;
    line-height: 1.2;
}

.display-35 {
    font-size: 4rem;
    line-height: 1.2;
}

.display-4 {
    font-size: 3.5rem;
    line-height: 1.2;
}

.display-45 {
    font-size: 3rem;
    line-height: 1.2;
}

.display-5 {
    font-size: 2.5rem;
    line-height: 1.2;
}

.display-55 {
    font-size: 2rem;
    line-height: 1.2;
}

.display-6 {
    font-size: 1.5rem;
    line-height: 1.2;
}

.display-65 {
    font-size: 1rem;
    line-height: 1.2;
}

.display-7 {
    font-size: 0.5rem;
    line-height: 1.2;
}

@media (min-width: 768px) {
    .float-sm-left {
        float: left !important;
    }

    .float-sm-right {
        float: right !important;
    }
}

.float-left {
    float: left !important;
}

.float-right {
    float: right !important;
}

.row-flex {
    display: flex;
}

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

.col-center-flex {
    display: flex;
    align-items: center;
}

.centraliza-flex {
    display: flex;
    justify-content: center;
    align-items: center;
}

.panel-default > .panel-subHeading,
.panel-default > .group-panel-sub-itens > .panel-subHeading {
    border-top: 1px solid #CCC;
    border-bottom: 1px solid #E1E1E1;
    border-top-left-radius: 1.5px;
    border-top-right-radius: 1.5px;
    margin-top: 20px;
}

.panel-default > .panel-subBody {
    border-top: 1px solid #CCC;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    margin-top: 15px;
}

.panel-default.panel-white > .panel-heading {
    background-color: #FFF;
}

.panel-default.panel-lightgray > .panel-heading {
    background-color: #FBFBFB;
}

.panel-default > .panel-subHeading.panel-sub-item,
.panel-default > .group-panel-sub-itens > .panel-subHeading.panel-sub-item {
    color: #555;
    margin-left: 15px;
    margin-right: 15px;
    border-right: 1px solid #CCC;
    border-left: 1px solid #CCC;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    padding: 7px 13px;
    background-color: #f5f5f5;
}

.panel-default > .panel-subHeading.panel-subHead-title,
.panel-default > .panel-heading.panel-head-title,
.panel-default > .panel-footer.panel-foot-title,
.panel-default > .group-panel-sub-itens > .panel-subHeading.panel-subHead-title,
.panel-default > .group-panel-sub-itens > .panel-heading.panel-head-title,
.panel-default > .group-panel-sub-itens > .panel-footer.panel-foot-title {
    color: #333;
    background-color: #e1e1e1;
    border-color: #bfbfbf;
}

.panel-mesaOperacoesFiltro > .panel-heading {
    color: #1A284D;
    background-color: #EAF9FF;
    border: 2px solid #5AD4FF;
    border-radius: 4px;
}

.panel-foot-title {
    margin-top: 20px;
}

.panel-body.panel-sub-item {
    padding: 10px 20px;
}

.panel-white > .panel-heading.border-white {
    border-color: #fff !important;
}

.overlay-toast {
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 99999;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: none;
    right: 0;
    bottom: 0;
}

.loader-animado {
    font-size: 4em;
    position:absolute;
    z-index:1080;
    top: 20%;
}
.loader-icone {
    font-size: 4em;
    position: unset;
    z-index: unset;
    top: unset;
}
.modal-loader {
    opacity:0.9;
    background-color:#FFF !important;
    z-index:900;
    position:absolute !important;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.overlay-loading {
    background-color: rgba(0, 0, 0, 0.1);
    z-index: 9999999;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: none;
    right: 0;
    bottom: 0;
}

.skeleton-load {
    -webkit-animation-duration: .25s;
    animation-duration: .25s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    line-height: 1;
    display: inline-block;
    overflow: hidden;
    position: relative;
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    margin: 10px;
    background-color: #E0E0E0;
    z-index: 900;
    position: absolute;
    top: 0;
    left: 0;
    background: repeating-linear-gradient(#E0E0E0, #E0E0E0 40px, #fff 40px, #fff 47px);
}

.skeleton-load::before {
    content: '';
    position: absolute;
    height: 100%;
    width: 500px;
    top: 0;
    left: -500px;
    background-image: linear-gradient(90deg, rgba(255,255,255, 0), rgba(255,255,255, 0.6), rgba(255,255,255, 0));
    animation: progress 1.2s ease-in-out infinite;
}

.position-relative, .position-relative-temp {
    position: relative !important;
}

.position-absolute, .position-absolute-temp {
    position: absolute !important;
}

.btn {
    text-transform: uppercase;
}

@media (max-width: 939px) {
    /* estilos para mobile - corrige os campos select picker*/
    .open > .dropdown-menu {
        display: grid !important;
    }

    .bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a {
        background-color: #9e9e9e33;
        font-weight: bold;
    }
}


/* ------ USER IMG SIZES ----- */
.user-image-xs {
    width: 100%;
    max-width: 20px !important;
    min-width: 20px;
    min-height: 20px;
    max-height: 20px;
    object-fit: cover;
    object-position: center;
}

.user-image-sm {
    width: 100%;
    max-width: 35px !important;
    min-width: 35px;
    min-height: 35px;
    max-height: 35px;
    object-fit: cover;
    object-position: center;
}

.user-image-md {
    width: 100%;
    max-width: 60px !important;
    min-width: 60px;
    min-height: 60px;
    max-height: 60px;
    object-fit: cover;
    object-position: center;
}

.user-image-lg {
    width: 100%;
    max-width: 100px !important;
    min-width: 100px;
    min-height: 100px;
    max-height: 100px;
    object-fit: cover;
    object-position: center;
}

.inputTransparent, .input-label-transparent:not(.form-control-danger) {
    border: 0px;
    width: 100%;
    background-color: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
    padding-left: 3px;
}

.inputTransparent:focus, .input-label-transparent:not(.form-control-danger):focus {
    outline: -webkit-focus-ring-color auto 0px !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

.inputTransparent.disabled, .input-label-transparent.disabled {
    cursor: default !important;
    opacity: 1 !important;
}


.input-transparent-border-bottom:not(.form-control-danger) {
    border: 0px;
    width: 100%;
    background-color: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
    padding-left: 3px;
    border-radius: 0;
    border-bottom: 1px solid #CCC !important;
}
.input-transparent-border-bottom:not(.form-control-danger):focus {
    border-bottom-color: #888 !important;
}

.dropdownMenu {
    right: 0px;
    left: auto;
}

.mapa {
    height: 500px;
    width: 100%;
}

.googleMapa, .googleStreetView {
    min-height: 500px;
    width: 100%;
    height: 100%;
}


/* --------- NOVO ESTILO - Douglas 10/2019 --------- */

.one7_header {
    background-color: #F4F4F4;
    border-bottom: 6px solid transparent;
    border-image: linear-gradient(to right, rgba(113, 77, 236, 1) 1%, rgba(80, 153, 246, 1) 59%, rgba(54, 213, 254, 1) 100%) 1;
    height: 80px !important;
    box-shadow: 2px 3px 15px 0px #374c72ee !important;
}

.one7_sidebar {
    top: 0;
    left: 0;
    padding-top: 0;
    height: 100vh;
    width: 250px;
    box-shadow: 2px 6px 15px 0px #374c72 !important;
    margin-top: 80px;
    z-index: 1030;
}

.one7_header > .navbar {
    margin-left: 260px;
}

.one7_logo > img,
.one7_logo > .img {
    width: 110px !important;
    max-width: 100% !important;
    transition: background-image 0.3s ease-in-out, width 0.5s ease-in-out;
}
.transition-width {
    transition: transform 0.3s ease-in-out, width 0.3s ease-in-out, margin 0.3s ease-in-out;
}

.logo_loader {
    transition: background-image 0.3s ease-in-out, width 0.5s ease-in-out;
    background-repeat: no-repeat !important;
    background-position: center;
    background-size: contain;
    height: 60px;
    margin-top: -80px;
}

.one7-navbar-brand {
    width: 260px !important;
    padding: 15px 8px !important;
    font-size: 25px !important;
    font-weight: bold !important;
    height: 74px !important;
}

.one7_logo {
    float: left;
    padding: 5px 0 5px 15px;
    display: block !important;
}

.one7_logo > .img {
    background-repeat: no-repeat !important;
    background-position: center;
    background-size: contain;
    height: 35px;
}

.one7_logo_modulo {
    font-size: 20px;
    color: #DDD !important;
    float: right;
    margin: 11px 0;
    line-height: normal;
    transition: width 0.3s ease-in-out;
}


.one7_header > .navbar .navbar-custom-menu > .nav > .dropdown > .dropdown-toggle {
    padding: 15px 10px;
    height: -webkit-fill-available;
    font-size: 15px;
    line-height: 30px;
    min-width: 310px;
    font-weight: bold;
}

.one7_header > .navbar .navbar-custom-menu > ul.navbar-nav {
    padding: 7px;
    margin-right: 5px;
}

.one7_header > .navbar .navbar-custom-menu > .nav > .dropdown {
    background-color: #000;
}

.one7_header > .navbar .navbar-custom-menu > .navbar-nav > .user-menu > .dropdown-menu {
    border-top: 0 !important;
}

.navbar-custom-label {
    float: left;
    color: #F7f7f7;
    padding: 20px;
    height: 75px !important;
}

.sidebar-search input[type="text"],
.sidebar-search .btn {
    height: 29px !important;
}

.sidebar-search {
    margin: 10px 15px !important;
}

.sidebar-toggle {
    margin-top: 20px;
    margin-left: 10px;
}

.sidebar-menu > li > a {
    font-weight: bold !important;
    font-size: 14px !important;
}

.sidebar-menu > li > ul > li > a {
    font-size: 12px !important;
    padding-left: 30px !important;
}

.bottom-0 { 
    bottom: 0;
}

.copyright {
    font-size: 11px;
}

.wrapper {
    background-color: #FFF !important;
}

.footer-absoluto {
    flex: 1;
    bottom: 0;
}
.content {
    flex: 1;
    width: 100% !important;
    max-width: 100%;
}

.content-wrapper {
    margin-left: 250px;
}

.treeview-menu {
    margin: 0 !important;
    padding: 0 !important;
}

.user-footer .btn-user-footer {
    width: 49%;
    display: inline-block;
}

.navbar-nav > .user-menu > .dropdown-menu > li.user-header {
    width: 298px;
    height: 200px;
}

.navbar-nav > .user-menu > .dropdown-menu.user-broker {
    width: 362px;
    max-width: 362px;
    margin-left: -50px;
}
.navbar-nav > .user-menu > .dropdown-menu.user-broker > li.user-header {
    width: 360px;
    height: 300px;
}
.navbar-nav > .user-menu > .dropdown-menu.user-broker > li.user-footer {
    width: 360px;
}

.link-branco {
    color: #FFF;
}

.bloco-margin-negative {
    border-width: 1px 0;
    border-color: #CCC;
    border-style: solid;
    margin: 0 -10px;
    padding: 8px 0;
}

.link-branco:hover {
    color: #f2f2f2;
    text-decoration: underline;
}

.btn-default-user-header {
    color: #FFF;
    border-color: #FFF;
    background-color: transparent;
}

.btn-default-user-header:hover {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}

.navbar-nav > .user-menu > .dropdown-menu {
    width: auto;
    right: auto !important;
}

.dropdown-menu {
    max-width: 300px;
    border-color: #CCC;
}

.alerta-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}

/* ESCALA NORMAL ------------------------------------------------------------------------------------- */
@media (min-width: 768px) {

    /* DESATIVA ABERTURA DO MENU AO DAR HOVER ICONE COLLAPSADO */
    .sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .one7_sidebar .sidebar-menu > li:hover > a > .pull-right-container,
    .sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .one7_sidebar .sidebar-menu > li:hover > .treeview-menu {
        display: none !important;
        position: unset;
        width: auto;
        left: unset;
    }

    .sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .one7_sidebar .sidebar-menu > li:hover > a > span:not(.pull-right-container) {
        border-bottom-right-radius: 4px;
    }

    .one7_header .sidebar-toggle:hover > .icon-default {
        transform: rotate(180deg) scale(.5);
        opacity: 0;
    }

    .one7_header .icon-hover,
    .one7_header .icon-hover-toggled {
        opacity: 0;
    }

    body:not(.sidebar-collapse) .one7_header .sidebar-toggle:hover > .icon-hover {
        transform: rotate(180deg) scale(1);
        opacity: 1;
    }

    body.sidebar-collapse .one7_header .sidebar-toggle:hover > .icon-hover-toggled {
        transform: rotate(180deg) scale(1);
        opacity: 1;
    }

    .sidebar-collapse .one7_logo {
        padding: 0;
    }

    .sidebar-collapse .one7_logo_modulo {
        display: none;
    }

    .sidebar-collapse .one7_logo > .img {
        width: 35px !important;
        height: 45px !important;
    }

    .sidebar-collapse .one7-navbar-brand {
        width: 50px !important;
    }

    .one7_header > .logo,
    .one7_header > .navbar {
        height: 74px !important;
    }

    .one7_header > .navbar .navbar-custom-menu > .nav > .dropdown {
        height: 60px !important;
    }

    .nav-bar-fixed {
        position: fixed;
        width: 100%;
    }

    .page-wrapper-fixed {
        display: flex;
        flex-direction: column;
        padding: 90px 0 10px 0 !important;
        min-height: 100vh !important;
    }

    .page-wrapper-80-pad {
        padding-top: 80px !important;
    }

    .sidebar-fixed {
        position: fixed;
    }

    .one7_sidebar .sidebar.collapse {
        display: block !important;
    }

    .one7_sidebar .sidebar.collapse {
        overflow-y: auto;
        height: calc(96.5vh - 50px) !important;
    }
}

/* ESCALA MOBILE ---------------------------------------------------------------------------------------------- */
@media (max-width: 767px) {
    .one7_header {
        height: 150px !important;
        max-height: 150px;
    }

    .one7_header .navbar,
    .one7_header .navbar .dropdown.user-menu {
        height: 51px !important;
        padding: 0 !important;
    }

    .one7_header .navbar .dropdown.user-menu .dropdown-toggle {
        padding: 13px !important;
    }

    .sidebar-toggle {
        margin-top: 25px;
        margin-left: 15px;
    }

    .one7-navbar-brand {
        width: 100% !important;
    }

    .one7_header > .navbar {
        margin-left: 0 !important;
    }

    .one7_sidebar {
        margin-top: 130px !important;
    }

    .one7_sidebar,
    .one7_sidebar .sidebar {
        width: 100%;
    }

    .one7_sidebar {
        min-height: auto;
        height: auto;
    }


    .one7_sidebar {
        -webkit-transition: display 0.2s ease 0.2s;
        -moz-transition: display 0.2s ease 0.2s;
        -o-transition: display 0.2s ease 0.2s;
        transition: display 0.2s ease 0.2s;
    }

    .content-wrapper {
        margin-left: 0 !important;
    }

    .main-sidebar {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    .sidebar-open .content-wrapper {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    .one7_header .sidebar-open:hover > .icon-default {
        transform: rotate(180deg) scale(.5);
        opacity: 0;
    }

    body:not(.sidebar-open) .one7_header .sidebar-toggle:hover > .icon-hover-xs {
        transform: rotate(180deg) scale(1);
        opacity: 1;
    }

    body.sidebar-open .one7_header .sidebar-toggle:hover > .icon-hover-opened-xs {
        transform: rotate(180deg) scale(1);
        opacity: 1;
    }

    .one7_header .icon-hover-xs, .one7_header .icon-hover-opened-xs {
        opacity: 0;
    }

    .one7_header .sidebar-toggle:hover > .icon-default {
        transform: rotate(180deg) scale(.5);
        opacity: 0;
    }

    .text-area-mobile {
        padding-left: 0;
    }

    .mobolie-margin-bt-5 {
        margin-bottom: 5px;
    }

    .mobolie-margin-bt-10 {
        margin-bottom: 10px;
    }

    .mobolie-margin-bt-15 {
        margin-bottom: 15px;
    }

    .mobolie-margin-bt-20 {
        margin-bottom: 15px;
    }

    .mobolie-margin-bt-25 {
        margin-bottom: 15px;
    }

    .ajuste-margin-top-mobile {
        margin-top: 0px !important;
    }

    .mobile-padding-zero {
        padding: 0 !important;
    }

}



.one7_header .sidebar-toggle:before {
    content: '';
}

.one7_header .sidebar-toggle {
    background-color: inherit !important;
}

.one7_header .icon-hover,
.one7_header .icon-default,
.one7_header .icon-hover-toggled,
.one7_header .icon-hover-xs,
.one7_header .icon-hover-opened-xs {
    position: absolute;
    line-height: 0.3em;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.border-top-primary, .border-top-primary:focus {
    border-top: 2px solid #428bca !important;
}

.border-top-success, .border-top-success:focus {
    border-top: 2px solid #5cb85c !important;
}

.border-top-warning, .border-top-warning:focus {
    border-top: 2px solid #f0ad4e !important;
}

.border-top-danger, .border-top-danger:focus {
    border-top: 2px solid #d9534f !important;
}

.border-top-info, .border-top-info:focus  {
    border-top: 2px solid #5bc0de !important;
}


@media (max-width: 767px) {
    .hidden-xs {
        display: none !important
    }
}

@media (min-width: 768px) {
    .hidden-except-xs {
        display: none !important
    }
}

/* CSS PARA TELAS QUE NAO POSSUAM SIDEBAR (COLOCAR CLASSE body-without-sidebar no <body>) */
body.body-without-sidebar .sidebar-toggle {
    display: none !important;
}

body.body-without-sidebar .page-wrapper-fixed {
    margin-left: 0;
}

@media (min-width: 768px) {
    body.body-without-sidebar .one7-navbar-brand {
        width: 400px !important;
    }

    body.body-without-sidebar .one7_header > .navbar {
        margin-left: 400px;
    }
}


/* ----------------- BARRA DE ROLAGEM -------------------- */
/*
::-webkit-scrollbar-button:vertical:decrement,
::-webkit-scrollbar-button:vertical:increment,
::-webkit-scrollbar-button:horizontal:decrement,
::-webkit-scrollbar-button:horizontal:increment {
    background: #2c62ed;
    border-color: #2c62ed;
}

::-webkit-scrollbar-thumb:hover,
::-webkit-scrollbar-button:vertical:decrement:hover,
::-webkit-scrollbar-button:vertical:increment:hover,
::-webkit-scrollbar-button:horizontal:decrement:hover,
::-webkit-scrollbar-button:horizontal:increment:hover {
  background: #8aa8f5;
}

::-webkit-scrollbar-thumb:active,
::-webkit-scrollbar-button:vertical:decrement:active,
::-webkit-scrollbar-button:vertical:increment:active,
::-webkit-scrollbar-button:horizontal:decrement:active,
::-webkit-scrollbar-button:horizontal:increment:active
{
  background: #7297f3;
}

::-webkit-scrollbar-button
{
  border-style: solid;
  height: 15px;
  width: 12px;
}

::-webkit-scrollbar-button:vertical:decrement
{
  border-width: 0 5px 10px 5px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

::-webkit-scrollbar-button:vertical:increment
{
  border-width: 10px 5px 0 5px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

::-webkit-scrollbar-button:horizontal:decrement
{
  border-width: 5px 10px 5px 0;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}

::-webkit-scrollbar-button:horizontal:increment
{
  border-width: 5px 0 5px 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
*/

*[role="link"] {
    color: #3c8dbc;
    /*text-decoration: underline;*/
    cursor: pointer;
}

*[role="link"]:hover {
    color: #72afd2;
    outline: none;
}

*[role="link"]:focus, *[role="link"]:active {
    color: #64a7ce;
    outline: none;
}

.pad-05 {
    padding: 0.5px !important;
}
.pad-1 {
    padding: 1px !important;
}
.pad-2 {
    padding: 2px !important;
}
.pad-3 {
    padding: 3px !important;
}
.pad-5 {
    padding: 5px !important;
}
.pad-7-5 {
    padding: 7.5px !important;
}
.pad-10 {
    padding: 10px !important;
}
.pad-15 {
    padding: 15px !important;
}
.pad-20 {
    padding: 20px !important;
}
.pad-25 {
    padding: 25px !important;
}
.pad-30 {
    padding: 30px !important;
}
.pad-35 {
    padding: 35px !important;
}
.pad-40 {
    padding: 40px !important;
}
.pad-45 {
    padding: 45px !important;
}
.pad-50 {
    padding: 50px !important;
}


.pad-lateral-zero,
.pad-lateral-0,
.padding-side-zero {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.pad-lateral-2,
.padding-side-2 {
    padding-right: 2px !important;
    padding-left: 2px !important;
}

.pad-lateral-3 ,
.padding-side-3{
    padding-right: 3px !important;
    padding-left: 3px !important;
}

.pad-lateral-4 ,
.padding-side-4{
    padding-right: 4px !important;
    padding-left: 4px !important;
}

.pad-lateral-5 ,
.padding-side-5{
    padding-right: 5px !important;
    padding-left: 5px !important;
}

.pad-lateral-6 ,
.padding-side-6{
    padding-right: 6px !important;
    padding-left: 6px !important;
}

.pad-lateral-7 ,
.padding-side-7{
    padding-right: 7px !important;
    padding-left: 7px !important;
}

.pad-lateral-8 ,
.padding-side-8{
    padding-right: 8px !important;
    padding-left: 8px !important;
}

.pad-lateral-9 ,
.padding-side-9{
    padding-right: 9px !important;
    padding-left: 9px !important;
}

.pad-lateral-10,
.padding-side-10 {
    padding-right: 10px !important;
    padding-left: 10px !important;
}

.pad-lateral-14,
.padding-side-14 {
    padding-right: 14px !important;
    padding-left: 14px !important;
}

.pad-lateral-15,
.padding-side-15 {
    padding-right: 15px !important;
    padding-left: 15px !important;
}

.pad-lateral-20,
.padding-side-20 {
    padding-right: 20px !important;
    padding-left: 20px !important;
}

.pad-lateral-25,
.padding-side-25 {
    padding-right: 25px !important;
    padding-left: 25px !important;
}

.pad-lateral-30,
.padding-side-30 {
    padding-right: 30px !important;
    padding-left: 30px !important;
}

.pad-lateral-40,
.padding-side-40 {
    padding-right: 40px !important;
    padding-left: 40px !important;
}

.pad-lateral-50,
.padding-side-50 {
    padding-right: 50px !important;
    padding-left: 50px !important;
}

.pad-lateral-60,
.padding-side-60 {
    padding-right: 60px !important;
    padding-left: 60px !important;
}

.pad-left-3 {
    padding-left: 3px !important;
}

.pad-left-5 {
    padding-left: 5px !important;
}

.pad-left-9 {
    padding-left: 9px !important;
}

.pad-right-9 {
    padding-right: 9px !important;
}

.pad-left-10 {
    padding-left: 10px !important;
}

.pad-right-10 {
    padding-right: 10px !important;
}

.pad-left-15 {
    padding-left: 15px !important;
}

.pad-right-15 {
    padding-right: 15px !important;
}

.pad-left-20 {
    padding-left: 20px !important;
}

.pad-right-20 {
    padding-right: 20px !important;
}

.pad-left-25 {
    padding-left: 25px !important;
}

.pad-right-25 {
    padding-right: 25px !important;
}

.pad-left-30 {
    padding-left: 30px !important;
}

.pad-right-30 {
    padding-right: 30px !important;
}

.padding-10-15 {
    padding: 10px 15px;
}


.pad-topbot-zero {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.pad-top-zero {
    padding-top: 0 !important;
}
.pad-bot-zero {
    padding-bottom: 0 !important;
}

.pad-topbot-2 {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
}

.pad-topbot-5 {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}
.pad-top-5 {
    padding-top: 5px !important;
}
.pad-bot-5 {
    padding-bottom: 5px !important;
}

.pad-topbot-7 {
    padding-top: 7px !important;
    padding-bottom: 7px !important;
}
.pad-top-7 {
    padding-top: 7px !important;
}
.pad-bot-7 {
    padding-bottom: 7px !important;
}

.pad-topbot-9 {
    padding-top: 9px;
    padding-bottom: 9px;
}

.pad-topbot-10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}
.pad-top-10 {
    padding-top: 10px !important;
}
.pad-bot-10 {
    padding-bottom: 10px !important;
}

.pad-topbot-15 {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}
.pad-top-15 {
    padding-top: 15px !important;
}
.pad-bot-15 {
    padding-bottom: 15px !important;
}

.pad-topbot-18 {
    padding-top: 18px !important;
    padding-bottom: 18px !important;
}

.pad-topbot-20 {
    padding-top: 21.5px !important;
    padding-bottom: 21px !important;
}
.pad-top-20 {
    padding-top: 21.5px !important;
}
.pad-top-30 {
    padding-top: 30px !important;
}
.pad-top-40 {
    padding-top: 40px !important;
}
.pad-bot-20 {
    padding-bottom: 21px !important;
}

.pad-bot-30 {
    padding-bottom: 30px !important;
}

.pad-bot-40 {
    padding-bottom: 40px !important;
}

.pad-topbot-25 {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
}

.pad-topbot-30 {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}

.pad-topbot-35 {
    padding-top: 35px !important;
    padding-bottom: 35px !important;
}

.pad-topbot-40 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
}

.pad-top-15 {
    padding-top: 15px !important;
}

.pad-top-50 {
    padding-top: 50px !important;
}

.pad-bot-50 {
    padding-bottom: 50px !important;
}

.pad-topbot-50 {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
}
.pad-input {
    padding: 6px 12px;
}

.pad-inline-start-22 {
    padding-inline-start: 22px;
}

.input-height {
    height: 34px !important;
}


.transition-all {
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.zoom-hover:hover {
    zoom: 1.05 !important;
}

.zoom-normal {
    zoom: 1;
}

.zoom-1-5 {
    zoom: 1.5;
}

.zoom-2 {
    zoom: 2;
}

.zoom-2-5 {
    zoom: 2.5;
}

.zoom-3 {
    zoom: 3;
}


.z-index-0 {
    z-index: 0;
}

.z-index-1 {
    z-index: 1;
}

.z-index-2 {
    z-index: 2;
}

.z-index-3 {
    z-index: 3;
}

.z-index-4 {
    z-index: 4;
}

.z-index-5 {
    z-index: 5;
}

.z-index-500 {
    z-index: 500;
}

.z-index-999 {
    z-index: 999;
}

.z-index-1100 {
    z-index: 1100;
}

.grayescale-10-hover:hover {
    filter: grayscale(10%);
}

.grayescale-30-hover:hover {
    filter: grayscale(30%);
}

.grayescale-50-hover:hover {
    filter: grayscale(50%);
}

.grayescale-70-hover:hover {
    filter: grayscale(70%);
}

.grayescale-90-hover:hover {
    filter: grayscale(90%);
}

.grayescale-100-hover:hover {
    filter: grayscale(100%);
}

.logo-menu-principal {
    width: 115px;
    padding: 15px;
}

.logo-menu-principal:hover {
    padding: 10px;
}

.img-size {
    border: 1px solid #CCC;
    width: 100%;
    max-width: 50px;
    min-width: 50px;
    min-height: 50px;
    max-height: 50px;
}


/* FONTES SIZES */
.font-8 {
    font-size: 8rem;
    line-height: 1.2;
}
.font-775 {
    font-size: 7.75rem;
    line-height: 1.2;
}
.font-75 {
    font-size: 7.5rem;
    line-height: 1.2;
}
.font-725 {
    font-size: 7.25rem;
    line-height: 1.2;
}
.display-05, .font-7 {
    font-size: 7rem;
    line-height: 1.2;
}
.display-1, .font-65 {
    font-size: 6.5rem;
    line-height: 1.2;
}
.font-625 {
    font-size: 6.25rem;
    line-height: 1.2;
}
.display-15, .font-6 {
    font-size: 6rem;
    line-height: 1.2;
}
.font-575 {
    font-size: 5.75rem;
    line-height: 1.2;
}
.display-2, .font-55 {
    font-size: 5.5rem;
    line-height: 1.2;
}
.font-525 {
    font-size: 5.25rem;
    line-height: 1.2;
}
.display-25, .font-5 {
    font-size: 5rem;
    line-height: 1.2;
}
.font-475 {
    font-size: 4.75rem;
    line-height: 1.2;
}
.display-3, .font-45 {
    font-size: 4.5rem;
    line-height: 1.2;
}
.font-425 {
    font-size: 4.25rem;
    line-height: 1.2;
}
.display-35, .font-4 {
    font-size: 4rem;
    line-height: 1.2;
}
.font-375 {
    font-size: 3.75rem;
    line-height: 1.2;
}
.display-4, .font-35 {
    font-size: 3.5rem;
    line-height: 1.2;
}
.font-325 {
    font-size: 3.25rem;
    line-height: 1.2;
}
.display-45, .font-3 {
    font-size: 3rem;
    line-height: 1.2;
}
.font-275 {
    font-size: 2.75rem;
    line-height: 1.2;
}
.display-5, .font-25{
    font-size: 2.5rem;
    line-height: 1.2;
}
.font-225{
    font-size: 2.25rem;
    line-height: 1.2;
}
.display-55, .font-2{
    font-size: 2rem;
    line-height: 1.2;
}
.font-155{
    font-size: 1.55rem;
    line-height: 1.2;
}
.font-175{
    font-size: 1.75rem;
    line-height: 1.2;
}
.font-165{
    font-size: 1.65rem;
    line-height: 1.2;
}
.display-6, .font-15{
    font-size: 1.5rem;
    line-height: 1.2;
}
.font-115{
    font-size: 1.15rem;
    line-height: 1.2;
}
.font-125{
    font-size: 1.25rem;
    line-height: 1.2;
}
.display-65, .font-1{
    font-size: 1rem;
    line-height: 1.2;
}
.font-075{
    font-size: 0.75rem;
    line-height: 1.2;
}
.display-7, .font-05{
    font-size: 0.5rem;
    line-height: 1.2;
}
.font-025{
    font-size: 0.25rem;
    line-height: 1.2;
}

.font-14px {
    font-size: 14px;
}

.line-height-0 {
    line-height: 0 !important;
}
.line-height-0-5 {
    line-height: 0.5 !important;
}
.line-height-1 {
    line-height: 1 !important;
}
.line-height-1-25 {
    line-height: 1.25 !important;
}
.line-height-1-4 {
    line-height: 1.4 !important;
}
.line-height-1-5 {
    line-height: 1.5 !important;
}
.line-height-1-75 {
    line-height: 1.75 !important;
}
.line-height-2 {
    line-height: 2 !important;
}
.line-height-2-25 {
    line-height: 2.25 !important;
}
.line-height-2-5 {
    line-height: 2.5 !important;
}
.line-height-3 {
    line-height: 3 !important;
}
.line-height-4 {
    line-height: 4 !important;
}
.line-height-5 {
    line-height: 5 !important;
}

.line-height-10 {
    line-height: 1.0 !important;
}

.line-height-12 {
    line-height: 1.2 !important;
}

.line-height-14 {
    line-height: 1.4 !important;
}

.line-height-16 {
    line-height: 1.6 !important;
}

.line-height-18 {
    line-height: 1.8 !important;
}

.line-height-20 {
    line-height: 2.0 !important;
}

.all-radius {
    border-radius: 4px;
}
.bottom-radius {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}
.top-radius {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.left-radius {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.right-radius {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.border-square,
.selectpicker-border-square > .bootstrap-select > .bootstrapSelect {
    border-radius: 0 !important;
}
.border-top-square {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}
.border-bottom-square {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}
.border-left-square {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}
.border-right-square {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}
.border-right-dashed {
    border-right-style: dashed;
    border-right-color: #333;
    border-right-width: 3px;
}
.border-left-dashed {
    border-left-style: dashed;
    border-left-color: #333;
    border-left-width: 3px;
}

.margin-0-5 {
    margin: 0.5px;
}

.margin-1px {
    margin: 1px;
}

.margin-5 {
    margin: 5px !important;
}

.margin-10 {
    margin: 10px !important;
}

.margin-15 {
    margin: 15px !important;
}

.margin-20 {
    margin: 20px !important;
}

.margin-lateral-negativo-5 {
    margin-right: -5px;
    margin-left: -5px;
}

.margin-lateral-negativo-10 {
    margin-right: -10px;
    margin-left: -10px;
}

.margin-lateral-negativo-15 {
    margin-right: -15px;
    margin-left: -15px;
}

.margin-lateral-negativo-20 {
    margin-right: -20px;
    margin-left: -20px;
}

.margin-lateral-negativo-25 {
    margin-right: -25px;
    margin-left: -25px;
}

.margin-lateral-negativo-30 {
    margin-right: -30px;
    margin-left: -30px;
}

.margin-lateral-6 {
    margin-right: 6px;
    margin-left: 6px;
}


.margin-bottom-10 {
    margin-bottom: 10px !important;
}

.margin-bottom-15 {
    margin-bottom: 15px !important;
}

.margin-bottom-20 {
    margin-bottom: 20px !important;
}

.margin-bottom-30 {
    margin-bottom: 30px !important;
}

.border-all, .border-hover:hover {
    border-width: 1px;
    border-style: solid;
    border-color: transparent;
}
.border-transparent-important {
    border-color: transparent !important;
}
.border-transparent,
.btn-borderless {
    border-color: transparent;
}
.border-white {
    border-color: #FFF;
}
.border-success {
    border-color: #4cae4c;
}
.border-success-strong {
    border-color: #629339;
}
.border-danger {
    border-color: #d43f3a;
}
.border-danger-strong {
    border-color: #990800;
}
.border-warning {
    border-color: #eea236;
}
.border-warning-strong {
    border-color: #d19215;
}
.border-primary {
    border-color: #2e6da4;
}
.border-info {
    border-color: #46b8da;
}
.border-black {
    border-color: #333;
}
.border-gray-999 {
    border-color: #999;
}
.border-gray-ccc {
    border-color: #ccc;
}
.border-gray-ddd {
    border-color: #ddd;
}

.all-divs-bordered div:not(.row) {
    border: 1px solid #ccc;
}

.border-white-hover:hover {
    border-color: #FFF;
}
.border-success-hover:hover {
    border-color: #d6e9c6;
}
.border-success-strong-hover:hover {
    border-color: #629339;
}
.border-danger-hover:hover {
    border-color: #cc0a00;
}
.border-danger-strong-hover:hover {
    border-color: #990800;
}
.border-warning-hover:hover {
    border-color: #faebcc;
}
.border-warning-strong-hover:hover {
    border-color: #d19215;
}
.border-primary-hover:hover {
    border-color: #337ab7;
}
.border-info-hover:hover {
    border-color: #46b8da;
}
.img-border-info-hover:hover > img {
    border-color: #46b8da;
}
.border-black-hover:hover {
    border-color: #333;
}
.border-gray-999-hover:hover {
    border-color: #999;
}
.border-gray-ccc-hover:hover {
    border-color: #ccc;
}
.border-gray-ddd-hover:hover {
    border-color: #ddd;
}


.border-topo-success {
    border-top-color: #5cb85c !important;
}
.border-topo-danger {
    border-top-color: #d9534f !important;
}
.border-topo-warning {
    border-top-color: #f0ad4e !important;
}
.border-topo-primary {
    border-top-color: #428bca !important;
}
.border-topo-info {
    border-top-color: #5bc0de !important;
}
.border-topo-black {
    border-top-color: #333 !important;
}
.border-topo-gray-999 {
    border-top-color: #999 !important;
}
.border-topo-gray-ccc {
    border-top-color: #ccc !important;
}
.border-topo-gray-ddd {
    border-top-color: #ddd !important;
}


.background-success {
    background-color: #5cb85c !important;
}
.background-danger {
    background-color: #d9534f !important;
}
.background-warning {
    background-color: #f0ad4e !important;
}
.background-primary {
    background-color: #428bca !important;
}
.background-info {
    background-color: #5bc0de !important;
}
.background-black {
    background-color: #333 !important;
}
.background-gray-999 {
    background-color: #999 !important;
}
.background-gray-ccc {
    background-color: #ccc !important;
}
.background-gray-ddd {
    background-color: #ddd !important;
}


.border-left-success {
    border-left-color: #5cb85c !important;
}
.border-left-danger {
    border-left-color: #d9534f !important;
}
.border-left-warning {
    border-left-color: #f0ad4e !important;
}
.border-left-primary {
    border-left-color: #428bca !important;
}
.border-left-info {
    border-left-color: #5bc0de !important;
}
.border-left-black {
    border-left-color: #333 !important;
}
.border-left-gray-999 {
    border-left-color: #999 !important;
}
.border-left-gray-ccc {
    border-left-color: #ccc !important;
}
.border-left-gray-ddd {
    border-left-color: #ddd !important;
}

.border-left-transparent {
    border-left-color: transparent !important;
}
.border-right-transparent {
    border-right-color: transparent !important;
}
.border-top-transparent {
    border-top-color: transparent !important;
}
.border-bot-transparent {
    border-bottom-color: transparent !important;
}

.border-top-gray-f4 {
    border-left-color: #f4f4f4 !important;
}

.border-left-3 {
    border-left-width: 3px !important;
    border-left-style: solid;
}

.border-left-5 {
    border-left-width: 5px !important;
    border-left-style: solid;
}

.border-left-8 {
    border-left-width: 8px !important;
    border-left-style: solid;
}

.border-left-10 {
    border-left-width: 10px !important;
    border-left-style: solid;
}

.border-top-3 {
    border-top-width: 3px !important;
    border-top-style: solid;
}

.border-top-5 {
    border-top-width: 5px !important;
    border-top-style: solid;
}

.border-all-dotted {
    border-style: dotted;
}
.border-top {
    border-top-width: 1px;
    border-top-style: solid;
}
.border-bottom {
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

.border-bottom-info {
    border-bottom-color: #5bc0de !important;
}

.border-top-bottom {
    border-top-width: 1px;
    border-top-style: solid;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}
.border-left {
    border-left-width: 1px;
    border-left-style: solid;
}
.border-left-2 {
    border-left-width: 2px;
    border-left-style: solid;
}
.border-left-zero {
    border-left-width: 0;
}
.border-right {
    border-right-width: 1px;
    border-right-style: solid;
}
.border-right-2 {
    border-right-width: 2px;
    border-right-style: solid;
}
.border-right-zero {
    border-right-width: 0;
}
.border-left-right {
    border-left-width: 1px;
    border-left-style: solid;
    border-right-width: 1px;
    border-right-style: solid;
}
.border-zero {
    border: 0 !important;
}
.border-2px {
    border-width: 2px;
}
.border-3px {
    border-width: 3px;
}
.border-4px {
    border-width: 4px;
}
.border-5px {
    border-width: 5px;
}
.texto-gray-333 {
    color: #333
}
.texto-gray-666 {
    color: #666
}
.texto-gray-999 {
    color: #999
}
.texto-gray-bbb {
    color: #bbb;
}
.texto-gray-ccc {
    color: #ccc;
}
.texto-white {
    color: #FFF;
}

.texto-gray-999-hover-333 {
    color: #999;
}
.texto-gray-999-hover-333:hover {
    color: #333;
}

.texto-gray-333-hover-999 {
    color: #333;
}
.texto-gray-333-hover-999:hover {
    color: #999;
}

.texto-gray-333-hover-666 {
    color: #333;
}
.texto-gray-333-hover-666:hover {
    color: #666;
}

.texto-gray-ccc-hover-666 {
    color: #ccc
}
.texto-gray-ccc-hover-666:hover {
    color: #666;
}

.texto-gray-666-hover-ccc {
    color: #666
}
.texto-gray-666-hover-ccc:hover {
    color: #ccc;
}

.texto-black, 
.texto-black-all * {
    color: #333 !important;
}

.bg-transparent {
    background-color: transparent;
}

.bg-white,
.cor-fundo-branco {
    background-color: #FFFFFF !important;
}

.bg-gray-fe {
    background-color: #FEFEFE;
}

.bg-gray-fd {
    background-color: #FDFDFD;
}

.bg-gray-fc {
    background-color: #FCFCFC;
}

.bg-gray-fb {
    background-color: #FBFBFB;
}

.bg-gray-fa {
    background-color: #FAFAFA;
}

.bg-gray-f8 {
    background-color: #F8F8F8;
}

.bg-gray-f5 {
    background-color: #F5F5F5 !important;
}

.bg-gray-f5-hover:hover {
    background-color: #F5F5F5;
}

.bg-gray-f8-hover:hover {
    background-color: #F8F8F8;
}

.bg-gray-ccc {
    background-color: #CCCCCC;
}

.cor_fundo_cinza {
    background-color: #eeeeee;
}

.btn-primary-strong {
    background-color: #263b73;
    color: #FFF;
}
.btn-primary-strong.btn-outline {
    background-color: #FFF;
    color: #203160;
}

.btn-primary-strong.hover, .btn-primary-strong:hover {
    background-color: #1A284D;
    color: #FFF;
}
.btn-primary-strong.btn-outline:hover {
    background-color: #203160;
    color: #FFF;
}

.btn-primary-strong.active, .btn-primary-strong:active,
.btn-primary-strong.focus, .btn-primary-strong:focus {
    background-color: #131d39;
    color: #FFF;
}

.btn-danger.btn-outline.active,
.btn-primary.btn-outline.active,
.btn-warning.btn-outline.active,
.btn-info.btn-outline.active ,
.btn-success.btn-outline.active{
    color: #FFF;
}

.btn-default.btn-label.focus:not(.active) {
    background-color: #FFF;
}

.btn-primary.btn-outline.btn-checkbox.focus:not(.active)
.btn-primary.btn-outline.btn-checkbox.focus:not(.active):hover {
    color: #337ab7;
    background-color: #fff;
}

.btn-success.btn-outline.btn-checkbox.focus:not(.active),
.btn-success.btn-outline.btn-checkbox.focus:not(.active):hover {
    color: #5cb85c;
    background-color: #fff;
}

.btn-info.btn-outline.btn-checkbox.focus:not(.active),
.btn-info.btn-outline.btn-checkbox.focus:not(.active):hover {
    color: #5bc0de;
    background-color: #fff;
}

.btn-warning.btn-outline.btn-checkbox.focus:not(.active),
.btn-warning.btn-outline.btn-checkbox.focus:not(.active):hover {
    color: #f0ad4e;
    background-color: #fff;
}

.btn-danger.btn-outline.btn-checkbox.focus:not(.active) {
    color: #d9534f;
    background-color: #fff;
}
.btn-danger.btn-outline.btn-checkbox.focus:not(.active):hover {
    background-color: #d9534f;
    color: #fff;
}

.btn-disabled {
    color: #333 !important;
    border-color: #888 !important;
}
.btn-disabled:hover {
    background-color: #DDD !important;
}

.boxContaCorrenteN {
    background-color: #FFD700;
    border-color: #333;
}

.boxContaCorrenteS {
    background-color: #90EE90;
    border-color: #333;
}

.travarBanco {
    width: 6vh;
    font-size: 12px;
    background-color: #2196F3;
    padding: 1.7px;
}

.btnClienteDesabilitado {
    box-shadow: none;
    opacity: .55;
    filter: grayscale(1);
    pointer-events: none;
}

.groupbtnClienteDesabilitado {
    cursor: not-allowed;
}

.coluna-nome {
    width: 200px !important;
    max-width: 200px !important;
}

.overflow-auto {
    overflow: auto;
}
.overflow-hidden {
    overflow: hidden;
}

.overflow-x-auto {
    overflow-x: auto;
}
.overflow-x-hidden {
    overflow-x: hidden;
}

.overflow-y-auto {
    overflow-y: auto;
}
.overflow-y-hidden {
    overflow-y: hidden;
}



.panel-body-grid {
    overflow-x: auto;
}

.col-height-default {
    height: 65px !important;
}

.height-auto {
    height: auto !important;
}

.height-full {
    height: 100%;
}

.height-100 {
    height: 100px !important;
}

.height-200 {
    height: 200px !important;
}

.min-height-100 {
    min-height: 100px !important;
}

.min-height-190 {
    min-height: 190px !important;
}

.min-height-200 {
    min-height: 200px !important;
}

.max-height-100-overflow {
    max-height: 100px !important;
    overflow-y: auto !important;
}

.max-height-110-overflow {
    max-height: 110px !important;
    overflow-y: auto !important;
}

.max-height-130-overflow {
    max-height: 130px !important;
    overflow-y: auto !important;
}

.max-height-150-overflow {
    max-height: 150px !important;
    overflow-y: auto !important;
}

.max-height-200-overflow {
    max-height: 200px !important;
    overflow-y: auto !important;
}

.max-height-500-overflow {
    max-height: 500px !important;
    overflow-y: auto !important;
}

.pad-inline-start-22 {
    padding-inline-start: 22px;
}

@keyframes progress {
    from {
        left: -500px;
    }
    to   {
        left: 100%;
    }
}

.btn-grid-padrao {
    width: 50px !important;
    margin-left: 3px !important;
}

/* .margin-side-15 {
    margin: -20px 15px 10px;
} */

.label-sobreposto {
    position: absolute;
    margin-top: -22px;
    background-color: #FFF;
    padding: 3px;
}

.label-sobreposto-2 {
    position: absolute;
    margin-top: -28px;
    background-color: #FFF;
    padding: 3px;
}

/* Chrome, Safari, Edge, Opera */
input[type=number].hide-number-arrow::-webkit-outer-spin-button,
input[type=number].hide-number-arrow::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number].hide-number-arrow {
  -moz-appearance: textfield;
}

.bootstrap-select .dropdown-menu.open {
    /* alterado em 17/12/20 - DOUGLAS - selectpicker aberto ficando em cima do header */
    z-index: 1111;
    /* z-index: 999; */
}

.combobox-mesa-comite .dropdown-menu.open .dropdown-menu.inner{
    max-height: 45vh !important;
} 

/* Comentado pois estava escondendo os ultimos itens de um combobox com muitos itens
.bootstrap-select .dropdown-menu.open .dropdown-menu.inner {
    max-height: 45vh !important;
} */

.bootstrap-select .dropdown-menu > .disabled > a,
.bootstrap-select .dropdown-menu > .disabled > a:focus,
.bootstrap-select .dropdown-menu > .disabled > a:hover {
    opacity: 0.65 !important;
    font-style: italic;
}

/* ====================== INPUT RANGE (SLIDER) PERSONALIZADO (INI) ======================================================= */

input.input-range-xs[type=range] {
    height: 3px;
    margin-top: 8px;
}

input.input-range[type=range] {
    width: 100%;
    height: 3px;
    margin: 0;
    padding: 0;
    border: 0;
    outline: none;
    -webkit-appearance: none;
    transition: background 450ms ease-in;
}
input.input-range[type=range]:focus {
    outline: none;
}
input.input-range[type=range]::-webkit-slider-thumb {
    box-shadow: 0px 0px 0px #000000;
    border: 1.5px solid #333;
    height: 13px;
    width: 12px;
    border-radius: 25px;
    cursor: pointer;
    -webkit-appearance: none;
    margin-top: -5px;
}
input.input-range-info[type=range]::-webkit-slider-thumb {
    background: #4EB1EB;
}
input.input-range[type=range]::-moz-range-thumb {
    box-shadow: 0px 0px 0px #000000;
    border: 1.5px solid #333;
    height: 13px;
    width: 12px;
    border-radius: 25px;
    cursor: pointer;
}
input.input-range-info[type=range]::-moz-range-thumb {
    background: #4EB1EB;
}
input.input-range[type=range]::-ms-thumb {
    margin-top: 1px;
    box-shadow: 0px 0px 0px #000000;
    border: 1.5px solid #333;
    height: 13px;
    width: 12px;
    border-radius: 25px;
    background: #4EB1EB;
    cursor: pointer;
}
input.input-range-info[type=range]::-ms-thumb {
    background: #4EB1EB;
}
input.input-range[type=range]::-webkit-slider-runnable-track {
    width: 100%;
    height: 3px;
    cursor: pointer;
    animate: 0.2s;
    background: transparent;
    border: 0;
    z-index: 5;
}
input.input-range[type=range]::-moz-range-track {
    width: 100%;
    height: 3px;
    cursor: pointer;
    animate: 0.2s;
    border: 0;
}
input.input-range[type=range]::-ms-track {
    width: 100%;
    height: 3px;
    cursor: pointer;
    animate: 0.2s;
    color: transparent;
}

.input-range-tickers {
    display: flex;
    justify-content: space-between;
    margin-top: -4px;
}
.input-range-tick {
    position: relative;
    display: flex;
    justify-content: center;
    width: 5px;
    height: 5px;
    border-radius: 50%;
}

/* ====================== INPUT RANGE (SLIDER) PERSONALIZADO (FIM) ======================================================= */




.carousel-control {
    width: 4%;
    z-index: 5;
}

.carousel-control.carousel-control-prev {
    left: 1%;
}

.carousel-control.carousel-control-next {
    left: 95%;
}

.carousel-control-next > .fa {
    left: 46%;
}

.carousel-control-prev > .fa {
    left: 1%;
}

.carousel-inner .item.slide-have-animated {
    -webkit-perspective: unset;
    perspective: unset;
}

.overflow-unset {
    overflow: unset;
}

.fa-lg2 {
    font-size: 1.5em !important;
}

.min-width-40pct {
    min-width: 40%;
}
.min-width-45pct {
    min-width: 45%;
}

.min-width-50pct {
    min-width: 50%;
}
.min-width-70pct {
    min-width: 70%;
}

.min-width-60 {
    min-width: 60px;
}

.min-width-80 {
    min-width: 80px;
}

.min-width-200 {
    min-width: 200px;
}

.btn-group-grid-menu-produtos {
    height: 117px;
    overflow: auto;
}

.bs-actionsbox .btn-group-sm .btn {
    line-height: 1.15 !important;
}

.nav-scrollable > li {
    display: inline-block;
    float: none;
}
.nav-scrollable > li > a {
    /* margin-top: 1px; */
}

.display-flex {
    display: flex;
}

.nav-scrollable,
.show-hover-scroll {
    overflow-x: hidden;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
}

.nav-scrollable {
  white-space: nowrap;
  overflow-x: hidden;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  border-bottom: 0;
}

.nav-scrollable:hover,
.show-hover-scroll:hover {
    overflow-x: auto;
}

.nav-scrollable > li > a:hover {
    background: #fbfbfb;
}

.nav-scrollable:hover {
    overflow-x: auto;
}

.nav-scrollable::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}

.nav-scrollable::-webkit-scrollbar,
.gray-scroll::-webkit-scrollbar {
    width: 7px;
    /* height: 7px; */
    background-color: #F5F5F5;
}

.nav-scrollable::-webkit-scrollbar-thumb,
.nav-scrollable::-webkit-scrollbar-thumb:vertical,
.nav-scrollable::-webkit-scrollbar-thumb:horizontal,
.gray-scroll::-webkit-scrollbar-thumb,
.gray-scroll::-webkit-scrollbar-thumb:vertical,
.gray-scroll::-webkit-scrollbar-thumb:horizontal {
    background-color: #555;
    border: 1px solid #555;
}

.box-valor-nao-disponivel-reter {
    margin-top: -30px;
    display: none; margin-bottom: 20px;
    color: #071f44;
    text-align: right;
    font-size: 12px;margin-right: 5px;
}

.input-label-bottom {
    border: 0px;
    width: 100%;
    background-color: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
    padding-left: 3px;
    border-bottom: 1px solid #ccc !important;
    border-radius: 0;
}

.text-right-text-center-mobile {
    text-align: left;
}

.bolinha-time-line-vertical {
    margin-left: -2px;
    margin-top: -2px;
    height: 22px;
    background: radial-gradient(circle closest-side,#46b8da 0%,#46b8da 98%,rgba(0,0,0,0) 100%);
}

.opacity-03 {
    opacity: 0.3;
    filter: grayscale(0.4);
}

.opacity-05 {
    opacity: 0.5;
    filter: grayscale(0.4);
}

.opacity-07 {
    opacity: 0.7;
    filter: grayscale(0.4);
}

.elemento-card-parecer-hover:hover {
    box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.4), 1px 0 5px rgba(0, 0, 0, 0.1);
}

.seta-direita:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin-right: 1px;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid black;
}

.ponta-seta {
    border-left: 7px solid black;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    max-height: 8px;
}

.circulo-azul-contador {
    border-radius: 100%;
    border: 2px solid #46b8da;
    width: 50px;
    height: 50px;
    margin-bottom: 50px;
}

.tempo-floating-danger {
    border: 1px solid #a94442;
    background-color: red;
    color: white;
    border-radius: 10px;
    padding-left: 10px;
    padding-right: 10px;
    min-width: 63px;
    margin-top: -25px;
}

.tempo-floating-warning {
    border: 1px solid #f0ad4e;
    background-color: #f0ad4e80;
    border-radius: 10px;
    padding-left: 10px;
    padding-right: 10px;
    min-width: 63px;
    margin-top: -25px;
}

.tempo-floating-success {
    border: 1px solid #5cb85c;
    background-color: #5cb85c80;
    border-radius: 10px;
    padding-left: 10px;
    padding-right: 10px;
    min-width: 63px;
    margin-top: -25px;
}

.msg-status-tempo-percorrido {
    margin-top: 15px;
    width: 100px;
    margin-left: -27px;
}

.linha-seta-tempo {
    width: 100%;
    height: 25px;
    border-bottom: 2px solid black;
    align-items: center;
    display: flex;
    justify-content: center;
}

.widthZero {
    width: 0 !important;
}

.width-50px {
    width: 50px !important;
}

.width-100px {
    width: 100px !important;
}

.width-150px {
    width: 150px !important;
}

.width-160px {
    width: 160px !important;
}

.width-200px {
    width: 200px !important;
}

.width-250px {
    width: 250px !important;
}

.width-300px {
    width: 300px !important;
}

.width-350px {
    width: 350px !important;
}


.width-8-pct {
    width: 8%;
}

.width-10-pct {
    width: 10%;
}

.width-15-pct {
    width: 15%;
}

.width-20-pct {
    width: 20%;
}

.width-25-pct {
    width: 25%;
}

#linhaTempoExperiencia::-webkit-scrollbar {
    /* height: 7px; */
}

.cor-tempo-experincia-total-vermelho {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background-color: red;
    border: 1px solid #a94442;
}

.cor-tempo-experincia-total-laranja {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background-color: #f7d6a6;
    border: 1px solid #f0ad4e;
}

.cor-tempo-experincia-total-verde {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background-color: #addbad;
    border: 1px solid #5cb85c;
}

.no-border-radius-left .tokenfield {
    border-radius: 0px 3px 3px 0;
}

.elemento-token-field .token-input {
    width: auto !important;
}

.btn-clicked-status-operacao {
    border: 1px solid #BDBDBD !important;
    background: #eee !important;
    box-shadow: 2px 2px 2.3px rgba(0, 0, 0, 0.3), -1px 1px 2px rgba(0, 0, 0, 0.1);
}

.btn-status-analise-operacao:hover {
    box-shadow: 2px 2px 2.3px rgba(0, 0, 0, 0.3), -1px 1px 2px rgba(0, 0, 0, 0.1);
}

.hover-subTipo:hover {
    box-shadow: 2px 2px 2.3px rgba(0, 0, 0, 0.3), -1px 1px 2px rgba(0, 0, 0, 0.1);
}

.item-show-hover-parent > .mostra-hover {
    opacity: 0 !important;
}
.item-show-hover-parent:hover > .mostra-hover {
    opacity: 1 !important;
}

.icon-show-hover-parent > .fa {
    opacity: 0 !important;
}
.icon-show-hover-parent:hover > .fa {
    opacity: 1 !important;
}

.icon-show-over-input {
    position: absolute;
    top: 27px;
    right: 8px;
}

.span-show-hover-parent > span {
    opacity: 0 !important;
}
.span-show-hover-parent:hover > span {
    opacity: 1 !important;
}

.div-show-hover-parent > div {
    display: none !important;
}
.div-show-hover-parent:hover > div {
    display: block !important;
}

.cor-status-operacao-deferida {
    color: #00a65a;
    background-color: #C8E6C9;
    border-color: #4CAF50;
}

.cor-status-operacao-indeferida {
    color: #F44336;
    background-color: #FFCDD2;
    border-color: #F44336;
}

.cor-status-operacao-em-analise {
    color: #856404;
    background-color: #fff3cd;
    border-color: #f0ad4e;
}

.cor-status-operacao-postergada {
    color: #BA68C8;
    background-color: #F3E5F5;
    border-color: #BA68C8;
}

.cor-status-operacao-em-processamento {
    color: #673AB7;
    background-color: #B39DDB;
    border-color: #673AB7;
}

.cor-status-operacao-ajuste-cliente {
    color: #2196F3;
    background-color: #B3E5FC;
    border-color: #2196F3;
}

.cor-status-operacao-default {
    color: #9E9E9E;
    background-color: #E0E0E0;
    border-color: #9E9E9E;
}

.cor-status-operacao-emitindo {
    color: #607d8b;
    background-color: #E0E0E0;
    border-color: #607d8b;
}

.cor-status-operacao-aguardando {
    color: #9900CC;
    background-color: #E0E0E0;
    border-color: #9900CC;
}

.cor-status-operacao-concluido {
    color: #2196f3;
    background-color: #2196f33d;
    border-color: #2196f3;
}

.cor-status-operacao-garantia {
    color: #ff9800;
    background-color: #ffecb3;
    border-color: #ff9800;
}

.texto-azul-escuro {
    color: #204d74;
}

.flip-card {
    perspective: 1000px;
}

.flip-card-inner {
    position: relative;
    text-align: center;
    transition: transform 0.6s;
    transform-style: preserve-3d;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}

.flip-card-ativar .flip-card-inner {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.flip-card-ativar-inverso .flip-card-inner {
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
}

.flip-card-front, .flip-card-back, .flip-card-back-inverso {
    position: absolute;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    transform: rotateX(0deg);
}

.flip-card-back {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.flip-card-back-inverso {
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
}





.progress-bar-animated {
    -webkit-animation: progress-bar-stripes 1s linear infinite;
    animation: progress-bar-stripes 1s linear infinite;
    transition-duration: 2s;
}

.border-radius-3 {
    border-radius: 3px;
}

.border-radius-4 {
    border-radius: 4px;
}

.border-radius-5 {
    border-radius: 5px;
}

.border-radius-10 {
    border-radius: 10px;
}

.border-radius-20 {
    border-radius: 20px;
}

.border-radius-circle {
    border-radius: 50%;
}

.bg-success {
    background-color: #5cb85c;
    color: white;
}

.bg-warning {
    background-color: #f0ad4e;
}

.bg-primary {
    background-color: #337ab7;
    color: white;
}

.bg-danger {
    background-color: #d9534f;
    color: white;
}

.bg-amarelo {
    background-color: #fbff03;
    color: #333;
}

.bg-gray-ab {
    background-color: #ababab;
}

.bg-black-333 {
    background-color: #333;
}

.bg-violet {
    background-color: #9c27b0;
}

.bg-info {
    background-color: #46B8DA;
    color: white;
}

.circle-wrap {
    margin: 5px auto;
    width: auto;
    height: auto;
    background: #e6e2e7;
    border-radius: 50%;
}

.circle-wrap .circle .mask,
.circle-wrap .circle .fill {
    width: 150px;
    height: 150px;
    position: absolute;
    border-radius: 50%;
}

.circle-wrap .circle .mask {
    clip: rect(0px, 150px, 150px, 75px);
}

.circle-wrap .circle .mask .fill {
    clip: rect(0px, 75px, 150px, 0px);
    background-color: #9e00b1;
}

.circle-wrap .circle .mask.full,
.circle-wrap .circle .fill {
    animation: fill ease-in-out 2s;
    transition-duration: 2s;
}

@keyframes fill {
    0% {
        transform: rotate(0deg);
    }
    100% {
        /* transform: rotate(180deg); */
    }
}

.circle-wrap .inside-circle {
    width: 130px;
    height: 130px;
    border-radius: 50%;
    background: #fff;
    line-height: 130px;
    text-align: center;
    margin-top: 10px;
    margin-left: 10px;
    position: absolute;
    z-index: 100;
    font-weight: 700;
    font-size: 2.8em;
}
.box-white {
    color: #333;
    background-color: #fff;
    border-color: #999999;
}

.display-grid {
    display: grid;
}

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

.box-white:hover, .box-white:active, .box-white.active, .box-white-active.active {
    color: #333;
    background-color: #f5f5f5;
    border-color: #999999;
}

.align-itens-center {
    align-items: center;
}

.align-itens-right {
    align-items: right !important;
}

.btn-slide-vertical:hover {
    color: #46b8da;
}

.nao-selecionar-texto {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
 }

.padding-right-5 {
    padding-right: 5px !important;
}

.ajuste-centralizar-progress-circle {
    margin-left: auto;
    margin-right: auto;
    width: 140px;
    height: 100px;
}

.d-flex-justify-content-center {
    display: flex !important;
    justify-content: center !important;
}

.color-blue {
    background-color: #FFFFFF !important;
    color: #08234d !important;
}

.color-red {
    background-color: #FFFFFF;
    color: #FF0000;
}

.color-gray {
    color: #B2B1B0;
}

.progress {
    background-color: #d2d6de;
}

.degrade-color-border {
    border-width: 6px 0 6px 6px;
    border-style: solid;
    -webkit-border-image: -webkit-gradient(linear, 0 100%, 0 0, from(rgba(7, 35, 77, 1)), to(rgba(0, 0, 0, 0))) 1 100%;
    -webkit-border-image: -webkit-linear-gradient(right, rgba(7, 35, 77, 1), rgba(92, 192, 222, 1)) 1 100%;
    -moz-border-image: -moz-linear-gradient(right, rgba(7, 35, 77, 1), rgba(92, 192, 222, 1)) 1 100%;
    -o-border-image: -o-linear-gradient(right, rgba(7, 35, 77, 1), rgba(92, 192, 222, 1)) 1 100%;
    border-image: linear-gradient(to top, rgba(7, 35, 77, 1), rgba(92, 192, 222, 1)) 1 100%;
}

.position-unset {
    position: unset !important;
}

.cracha-header {
    padding: 15px;
    height: 105px;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
}
.cracha-header-username {
    margin-top: 0;
    margin-bottom: 5px;
    text-shadow: 0 1px 1px rgba(0,0,0,0.2);
}
.cracha-header-desc {
    margin-top: 0;
}
.cracha-image {
    position: absolute;
    top: 50px;
    left: 50%;
    margin-left: -45px;
}
.cracha-image img {
    width: 100%;
    max-width: 100px;
    min-width: 100px;
    min-height: 100px;
    max-height: 100px;
    background-color: #FFF;
}
.cracha-footer {
    padding: 35px 10px 10px 10px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

.box-roxo-one7, .box-static-roxo-one7 {
    color: #fff;
    background-color: #6074f1;
    border-color: #1027bc;
}
.box-roxo-one7:hover, .box-roxo-one7:active, .box-roxo-one7.active, .box-roxo-one7-active.active {
    color: #fff !important;
    background-color: #122cd3 !important;
    border-color: #0c1d8d !important;
}

.btn-roxo-one7.btn-outline {
    color: #6074f1;
}

.btn-roxo-one7 {
    color: #fff;
    background-color: #6074f1;
    border-color: #1027bc;
}

.btn-roxo-one7.btn-outline {
    color: #428bca;
}

.btn-roxo-one7:hover {
    color: #fff;
    background-color: #1431eb;
    border-color: #0a1875;
}

.btn-roxo-one7.active, .btn-roxo-one7:active, .open > .dropdown-toggle.btn-roxo-one7 {
    color: #fff;
    background-color: #1027bc;
    border-color: #0c1d8d;
}

.dataListInputRange {
    display: flex;
    width: 100%;
    justify-content: space-between;
    padding-top: 0px;
}

.optionListInputRange {
    width: 2ex;
    display: flex;
    justify-content: center;
    height: 42px;
    align-items: end;
    height: 4ex;
    background-position-y: -15px;
    background-position-x: center;
}

.imagemUsuarioReserva:hover:not(.usuarioSelecionado) {
    cursor: pointer;
    border: 2px solid #46b8da !important;
}

.imagemUsuarioReserva:hover:not(.usuarioSelecionado) + .cliqueReservar {
	transition: 1s;
	display: block !important;
}

.cardUsuarioHover {
    color: #fff !important;
    background-color: #122cd3 !important;
    border-color: #0c1d8d !important;
}

/* FAB - botão flutuante no rodapé */
.area_menu{
	position: fixed;
    left: 0;
    right: 5px;
	bottom: 0;
	overflow: visible;
	height: 2px;
	z-index: 1000;
}

.fab-site {
    position: absolute;
	bottom: 10px;
	right: 0;
}

.fab-site .main {
    display: flex;
    justify-content: center;
    align-items: center;
}

.fab-site:hover,
.fab-site:active{
	box-shadow:  0 24px 38px 3px rgba(0,0,0,0.14), 0 9px 46px 8px rgba(0,0,0,0.12), 0 11px 15px -7px rgba(0,0,0,0.2);
}

.fab-site a {
    cursor: pointer;
    width: 48px;
    height: 48px;
    border-radius: 30px;
    border: none;
    box-shadow: 0 1px 5px rgba(0, 0, 0, .4);
    font-size: 24px;
    color: white;
    text-align: center;
    line-height: 2.1em;
    -webkit-transition: .2s ease-out;
    -moz-transition: .2s ease-out;
    transition: .2s ease-out;

    @media (min-width: 1025px) and (max-width: 1400px) {
        width: 40px;
        height: 40px;
        font-size: 21px;
    }
}

.fab-site a:focus {
    outline: none;
}

.fab-site a.main {
    position: absolute;
    width: 60px;
    height: 60px;
    border-radius: 30px;
    right: 0;
    bottom: 0;
    z-index: 20;
    line-height: 2.6em;
    text-align: center;
    background: #071f44;

    @media (min-width: 1025px) and (max-width: 1400px) {
        width: 50px;
        height: 50px;
        font-size: 20px !important;
    }
}

.fab-site a.main:hover {
    background-color: #47acd5;
}

.fab-site ul {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 0;
    padding-right: 5px;
    margin: 0;
    list-style: none;
    z-index: 10;
    -webkit-transition: .2s ease-out;
    -moz-transition: .2s ease-out;
    transition: .2s ease-out;
}

.fab-site ul li {
    display: flex;
    justify-content: flex-end;
    position: relative;
    margin-bottom: -10%;
    opacity: 0;
    -webkit-transition: .3s ease-out;
    -moz-transition: .3s ease-out;
    transition: .3s ease-out;
}

.fab-site ul li a {
    background: #071f44;
    box-shadow: #eeeeee 0px 0px 10px 5px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.fab-site ul li a:hover {
    background-color: #47acd5;
    box-shadow: none;
}

.fab-site ul li a i {
    font-size: 15px;
}

.fab-site ul li label {
    margin-right: 10px;
    white-space: nowrap;
    display: block;
    margin-top: 6px;
    padding: 11px 10px 27px 15px;
    background-color: #47acd5;
    color: #FFF;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
    border-radius: 4px;
    height: 20px;
    min-width: 190px;
    font-size: 12px;
    pointer-events: none;
    opacity: 0;
    -webkit-transition: .2s ease-out;
    -moz-transition: .2s ease-out;
    transition: .2s ease-out;
    color: white;
}

.fab-site.show a.main, .fab-site.show a.main {
    outline: none;
    box-shadow: 0 3px 8px rgba(0, 0, 0, .5);
    color: white;
}

.fab-site.show a.main + ul, .fab-site.show a.main + ul {
    bottom: 70px;
    top: auto;
    @media (min-width: 1025px) and (max-width: 1400px) {
        bottom: 50px;
    }
    
}

.fab-site.show a.main + ul li,
.fab-site.show a.main + ul li {
    margin-bottom: 5px;
    opacity: 1;
    display: flex;
    justify-content: flex-end;
    @media (min-width: 1025px) and (max-width: 1400px) {
        margin-bottom: 4px;
        .label-menu-flutuante {
            margin-top: 4px;
        }
    }
}

.fab-site.show a.main + ul li:hover label, .fab-site.show a.main + ul li:hover label {
    opacity: 1;
}


.area_menu_pareceres {
    position: fixed;
    left: 0;
    right: 70px;
    bottom: 0;
    overflow: visible;
    height: 2px;
    z-index: 1000;
}

.fab-pareceres {
    position: absolute;
    bottom: 10px;
    right: 0;
}

.fab-pareceres:hover,
.fab-pareceres:active {
    box-shadow: 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12), 0 11px 15px -7px rgba(0, 0, 0, 0.2);
}

.fab-pareceres a {
    cursor: pointer;
    width: 48px;
    height: 48px;
    border-radius: 30px;
    border: none;
    box-shadow: 0 1px 5px rgba(0, 0, 0, .4);
    font-size: 24px;
    color: white;
    text-align: center;
    line-height: 2.1em;
    -webkit-transition: .2s ease-out;
    -moz-transition: .2s ease-out;
    transition: .2s ease-out;
}

.fab-pareceres a:focus {
    outline: none;
}

.fab-pareceres a.main {
    position: absolute;
    width: 60px;
    height: 60px;
    border-radius: 30px;
    right: 0;
    bottom: 0;
    z-index: 20;
    line-height: 2.6em;
    text-align: center;
    background: #47acd5;
}

.fab-pareceres a.main:hover {
    background-color: #071f44;
}

.fab-pareceres.show a.main, .fab-pareceres.show a.main {
    outline: none;
    box-shadow: 0 3px 8px rgba(0, 0, 0, .5);
    color: white;
}

.nenhumRegistro {
    color: gray;
    text-transform: uppercase;
}

.text-capitalize {
    text-transform: capitalize;
}

.one7-blue-background {
    color: #fff;
    background-color: #08234d;
    border: 30px solid #fff;
}

.one7-blue-background input, textarea {
    background: none;
    border: none;
}

.font-light-blue {
    color: #5ad4ff;
}

.box-shadow-blue {
    box-shadow: 0px 0px 2px 2px #46b8da;
    -moz-box-shadow: 0px 0px 2px 2px #46b8da;
}

.elementoDesabilitado {
    pointer-events: none !important;
    cursor: not-allowed !important;
    filter: alpha(opacity=6);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .6 !important;
}

li.elementoDesabilitado {
    display: none !important;
}

.qtdAprovadosQuadroTotais, .qtdReprovadosQuadroTotais {
    min-width: 110px;
    text-align: center;
}

.custom-modal{
    /*Places modal center of the page*/
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: fit-content;
    height: fit-content;
    padding: 0 !important;
    z-index: 1050;
    /* end */
}

.custom-modal .modal-dialog{
    margin: 0;
}

#imgColor{
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
    filter: gray;
    -webkit-filter: grayscale(0%);

}

#imgColor:hover{
    filter: none;
    -webkit-filter: grayscale(50%);
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

#imgGray{
    filter: none;
    -webkit-filter: grayscale(100%);
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

#imgGray:hover{
    -moz-transition: all 0.5s linear;
    opacity: 0.5;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
    filter: gray;
    -webkit-filter: grayscale(70%);
}

.min-height-75 { 
    min-height: 75px !important; 
} 



.scrollbar-sm ::-webkit-scrollbar-track, 
.scrollbar-sm ::-webkit-scrollbar {
    width: 6px !important;
}

.scrollbar-md ::-webkit-scrollbar-track, 
.scrollbar-md ::-webkit-scrollbar {
    width: 8px !important;
}

.color-azul-escuro-one7 {
    color: #1a284d !important;
}

.dois_fatores_bloco {
    width: 450px;
    height: auto;
    margin: auto;
    padding: 50px 0 50px 0;
}

.btn-desativado-validacao {
    color: white !important;
    background-color: #a7a7a7 !important;
    opacity: 0.9 !important;
}

.btn-ativado-validacao {
    color: white !important;
    background-color: #5AD4FF !important;
    opacity: 1 !important;
}

.btn-sair-validacao {
    color: #1a284d !important;
    background-color: #5AD4FF !important;
}

.vertical-align-unset, .v-unset {
    vertical-align: unset !important;
}


.abaStatusOper {
    border-color: #ccc !important;
    border-radius: 3px;
    border: 2px solid #ccc;
    color: #08234d !important;
}

.abaStatusOper:hover:not([disabled]), .abaStatusOper:active:not([disabled]), .abaStatusOper:focus:not([disabled]) {
    background-color: #0085ff !important;
    border: 2px solid #0085ff !important;
    color: white !important;
}
.abaStatusOper:not(.active) #sinalizadorDataAceite{
    color: #0085FF;
}

.abaStatusOper.active:not([disabled]) {
    background-color: #0085ff !important;
    border-color: #0085ff !important;
    color: white !important;
}

.abaStatusOper.active:not([disabled]) .valorCardStatusAnalise:not([disabled]), .abaStatusOper:hover:not([disabled]) .valorCardStatusAnalise:not([disabled]) {
    border-top: 2px solid white;
}

.valorCardStatusAnalise {
    border-top: 2px solid #ccc;
}

.texto-normal {
    text-transform: none;
}

.btn-reservado {
    border-radius: 4px;
    border: 2px solid #DDD;
    display: inline-flex;
    align-items: center;
}
  
.table-borderless > tbody > tr > td,
.table-borderless > tbody > tr > th,
.table-borderless > tfoot > tr > td,
.table-borderless > tfoot > tr > th,
.table-borderless > thead > tr > td,
.table-borderless > thead > tr > th {
    border: none;
}

#mesaOperacoes .table {
    border-collapse: separate;
    border-spacing: 0 0.7em !important;
    border-bottom: none !important;
}

#mesaOperacoes tr {
    font-size: 1em;
}

#mesaOperacoes tr td:first-of-type {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

#mesaOperacoes tr td:last-of-type {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

#mesaOperacoes td {
    vertical-align: middle !important;
}

.btnAcoesMesa:hover {
    background-color: #D6F4FF;
    transition: 0.3s;
}
.btnAcoesMesa{
    cursor: pointer;
}

.bolinha {
    width: 7px;
    height: 7px;
    border-radius: 50%;
}

#lblRESERVADO_SIM .bolinha {
    background-color: #6A9B34;
}

#lblRESERVADO_NAO .bolinha {
    background-color: #CB444B;
}

.quadrado {
    width: 15px;
    height: 15px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
#lblRESERVADO_NAO .quadrado {
    background-color: rgba(203, 68, 75, 0.15);
}

#lblRESERVADO_SIM .quadrado {
    background-color: rgba(106, 155, 52, 0.15);
}

.sigaBorda {
    border-left: 8px solid #337ab7;
    width: 10px;
    border-radius: 5px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.linhaCliente {
    position: relative;
}

.nomeCliente {
    margin-left: 8px;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
}

.cell-overflow {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 1;
}

.btn-reservado.active, .btn-reservado:active {
    background-color: #1A284D !important;
    border-color: #1A284D !important;
    color: #FFF !important;
}

.btn-reservado:hover:not(.active) {
    background-color: #D6F4FF;
    border-color: #D9E0F2;
}

#responsavelOperacao {
    padding: 3px !important;
}

#responsavelOperacao:hover {
    background-color: #D9E0F2;
    border-radius: 2px;
}

.vertical-middle {
    vertical-align: middle;
}

table.dataTable.tableMesa thead .sorting:after {
    float: none !important;
}
table.dataTable.tableMesa thead .sorting_asc:after {
    float: none !important;
}
table.dataTable.tableMesa thead .sorting_desc:after {
    float: none !important;
}

#tabelaMesaOperacoes td {
    padding: 8px 4px 8px 4px !important;
    background-color: #f2f2f2 !important;
}

#tabelaMesaOperacoes tr th {
    padding: 0 0 10px 0 !important;
}

.hover-animacao-underline {
    display: inline-block;
    position: relative;
    color: #1A284D;
}
  
.hover-animacao-underline:not(:active, .active):after {
    content: '';
    position: absolute;
    width: 100%;
    transform: scaleX(0);
    height: 2px;
    bottom: 0;
    left: 0;
    margin-bottom: -1.5px;
    background-color: #1A284D;
    transform-origin: bottom right;
    transition: transform 0.25s ease-out;
}

.active .badgeContadorMesa {
    background-color: #D9E0F2 !important;
    transition: background-color 0.3s;
}

.hover-animacao-underline:hover:after {
    transform: scaleX(1);
    transform-origin: bottom left;
}

.badgeContadorMesa  {
    background-color: #5AD4FF;
}

#filtroTipoMesa .btn.active,  #filtroTipoMesa .btn:active {
    border-radius: 2px;
    border-bottom: 2px solid #1A284D;
    transition-property: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}


.abaStatusOper:hover #sinalizadorDataAceite, .abaStatusOper:active #sinalizadorDataAceite, .abaStatusOper:focus #sinalizadorDataAceite {
    color: white !important;
}

.sem-visibilidade {
    visibility: hidden;
}

.com-visibilidade {
    visibility: visible;
}

.abaStatusOper:disabled {
    border: none;
    color: #747474 !important;
    background-color: #F4F4F4;
}

.hoverFiltroMesa:hover #textoFiltroTipoMesa, .active #textoFiltroTipoMesa{
    text-shadow: 0 0 .65px #333, 0 0 .65px #333;
}

.abaStatusOper:hover:disabled {
    background-color: #F4F4F4;
}

.peq-barra-vertical {
    width: 2px;
    height: 15px;
    background-color: #1A284D;
    margin: 0 10px;
}

.exportarMesa:hover {
    background-color: rgba(26, 40, 77, 0.08);
    transition: 0.3s;
}

.exportarMesa {
    color: #1A284D;
    font-weight: bold;
    padding: 10px 20px 10px 20px;
    border: 1px solid #747474;
    border-radius: 4px !important;
    background-color: white;
}

#tiposMesa {
    width: 100%;
    background-color: #F4F4F4;
    border-radius: 4px;
    margin-bottom: 20px;
}

.box-alcada-ok {
    color: black;
    background: #54a9001f;
    padding: 10px;
    text-wrap: nowrap;
    cursor: pointer;
    border-radius: 4px;
    max-width: 130px;
    .descricao {
        border-bottom: solid 1px black;
    }

    .descricao:hover {
        color: green;
        border-bottom: solid 1px green;
    }
}

.box-alcada-recomendada {
    color: black;
    background: #feb7001f;
    padding: 10px;
    text-wrap: nowrap;
    cursor: pointer;
    border-radius: 4px;
    max-width: 130px;
    .descricao {
        border-bottom: solid 1px black;
    }

    .descricao:hover {
        border-bottom: solid 1px orange;
        .fa {
            color: orange;
        }
    }
}

.box-alcada-analisar {
    color: black;
    background: #ff00001f;
    padding: 10px;
    text-wrap: nowrap;
    cursor: pointer;
    border-radius: 4px;
    max-width: 130px;
    .descricao {
        border-bottom: solid 1px black;
    }
    .descricao:hover {
        border-bottom: solid 1px red;
        .fa {
            color: red;
        }
    }
}

.box-alcada-sem-calculo {
    color: black;
    background: #e0e0e0;
    padding: 10px;
    text-wrap: nowrap;
    cursor: pointer;
    border-radius: 4px;
    max-width: 130px;
    .descricao {
        border-bottom: solid 1px black;
    }
    .descricao:hover {
        border-bottom: solid 1px #1565c0;
        .fa {
            color: #1565c0;
        }
    }
}

.box-alcada-processando {
    color: black;
    background: #bbdefb;
    padding: 10px;
    text-wrap: nowrap;
    cursor: pointer;
    border-radius: 4px;
    max-width: 130px;
    .descricao {
        border-bottom: solid 1px black;
    }
    .descricao:hover {
        border-bottom: solid 1px #1565c0;
        .fa {
            color: #1565c0;
        }
    }
}

.cursor-texto-gerado {
    display: inline-block;
    width: 14px;
    height: 14px;
    background-color: black;
    border-radius: 50%;
    animation: blink 0.7s infinite;
    vertical-align: middle;
    margin-left: 2px;
    margin-top: -3px;
}

@keyframes blink {
    0%, 100% { opacity: 1; }
    50% { opacity: 0; }
}

.label-criterio-gerado {
    text-wrap: pretty;
    border-bottom: 1px solid #9fa8da; display: flex; align-items: center; justify-content: center; min-height: 45px;
}

.label-bottom-criterio-gerado {
    padding: 10px;
    margin-top: 7px;
    font-size: 14px;
    background: #b3c0e5;
}

.label-bottom-criterio-gerado-claro {
    padding: 10px 1px;
    margin-top: 7px;
    font-size: 14px;
    background: #f4f4f4;
    a {
        text-decoration: underline;
    }
}

.label-bottom-criterio-gerado-branco {
    padding: 10px;
    margin-top: 7px;
    font-size: 14px;
}

.btn-abrir-todos {
    font-size: 14px;
    margin-bottom: 10px;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: end;
    color: #0085ff;
    .all-icone-toggle {
        font-size: 25px;
        margin-left: 5px;
    }
    .box-abrir-todos {
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: end;
        border: 1px solid white;
        padding: 5px;
        padding-left: 10px;
        border-radius: 4px;
    }
}

@keyframes slideInFromRight {
    0% {
        transform: translateX(100%);
        opacity: 0;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes slideInFromTop {
    0% {
        transform: translateY(-100%);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

.modal.slide-in-right .modal-dialog {
    animation: slideInFromRight 0.5s forwards;
}

.card-historico-calculos {
    border-bottom: 1px solid #e5e5e5;
    font-size: 16px;
    padding: 15px;
    &:hover {
        background: #f5f5f5;
    }
}

.modalHistoricoCalculos .modal-dialog {
    top: 12%;
    animation: slideInFromTop 0.7s forwards;
}

#modalCalculoAlcadas .liquidez-calculo {
    zoom: 0.9;
}

#modalCalculoAlcadas .liquidez-calculo .border-info {
    border-color: transparent;
}

#modalCalculoAlcadas .liquidez-calculo .liquidez-body {
    border-top: 1px solid #9fa8da;
}

#modalCalculoAlcadas .liquidez-calculo .liquidez-body .lstElementosVertical {
    background: #f4f4f4;
    padding: 5px 0;
}

#modalCalculoAlcadas .liquidez-calculo .liquidez-body .lstElementosVertical.border-info {
    border-bottom-color: #9fa8da !important;
}

.painel-calculos.panel {
    -webkit-box-shadow: unset;
    box-shadow: unset;
    margin-bottom: 10px !important;
}
.painel-calculos > .collapseAutomacao {
    padding-bottom: 15px !important;
}

.btn-minimizar-modal {
    color: #cccccc;
}
.btn-minimizar-modal:hover {
    color: #000;
}

.btn-maximizar-modal {
    position: fixed;
    left: 0;
    right: 5px;
    top: 165px;
    bottom: 0;
    overflow: visible;
    height: 2px;
    z-index: 1000;
}

.modal-max-min {
    position: absolute;
    bottom: 10px;
    right: 0;
    animation: fadeIn 0.5s ease-in-out;
}

.modal-max-min:hover,
.modal-max-min:active {
    box-shadow: 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12), 0 11px 15px -7px rgba(0, 0, 0, 0.2);
}

.modal-max-min a {
    cursor: pointer;
    width: 48px;
    height: 48px;
    border-radius: 30px;
    border: none;
    box-shadow: 0 1px 5px rgba(0, 0, 0, .4);
    font-size: 24px;
    color: white;
    text-align: center;
    line-height: 2.1em;
    -webkit-transition: .2s ease-out;
    -moz-transition: .2s ease-out;
    transition: .2s ease-out;
}

.modal-max-min a:focus {
    outline: none;
}

.modal-max-min a.main {
    position: absolute;
    width: 60px;
    height: 60px;
    border-radius: 30px;
    right: 0;
    bottom: 0;
    z-index: 20;
    line-height: 2.6em;
    text-align: center;
    background: #47acd5;
}

.modal-max-min a.main:hover {
    background-color: #071f44;
}

.modal-max-min.show a.main, .modal-max-min.show a.main {
    outline: none;
    box-shadow: 0 3px 8px rgba(0, 0, 0, .5);
    color: white;
}

.dragging-element {
    cursor: grabbing !important;
}

.graficos-meta-tv {
    display: flex;
    justify-content: center;
    margin-top: -50px;
}

.graficos-meta-tv-label {
    margin-top: -80px;
    font-size: 35px;
    font-weight: 600;
}


.manter-quebra-linha {
    white-space: pre-line;
}

.upload-imagem {
    padding: 7px;
    border: 1px solid #aaa;
    border-radius: 4px;
    margin: 5px;
}

.upload-imagem:hover {
    cursor: pointer;
    border-color: #bcbcbc;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);
}

.upload-imagem:active {
    border-color: #ccc;
}

.upload-imagem.upload-ativo {
    border-color: #5ad4ff;
    -webkit-box-shadow: 0px 0px 5px 3px rgba(90,212,255,0.3);
    -moz-box-shadow: 0px 0px 5px 3px rgba(90,212,255,0.3);
    box-shadow: 0px 0px 5px 3px rgba(90,212,255,0.3);
}

.upload-imagem .imagem-preview {
    background-repeat: no-repeat !important;
    background-position: center;
    background-size: contain;
}

.limpar-upload-imagem {
    position: absolute;
    right: 15px;
    top: 10px;
    font-size: 17px;
    text-shadow: unset;
}

#report-header {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 72px;
    padding: 16px 28px;
    color: #45464F !important;
    background: linear-gradient(180deg, #F8FAFD 0%, #EFF3F8 100%);
    border-bottom: 1px solid #D7DDE8;
    box-shadow: 0 8px 24px rgba(69, 70, 79, 0.08);
}

.report-header__title-group {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    font-size: 20px;
}

.report-header__workspace,
.report-header__title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.report-header__workspace {
    color: #6D7280;
}

.report-header__title {
    font-weight: 700;
}

.report-header__separator {
    color: #A0A6B2;
    font-weight: 600;
}

.report-header__status {
    margin-left: auto;
    text-align: right;
}

.powerbi-embedded-page,
.powerbi-embedded-page #layoutPadrao,
.powerbi-embedded-page .powerbi-embedded-content,
.powerbi-embedded-page .powerbi-embedded-main {
    min-height: 100vh;
}

.powerbi-embedded-page,
.powerbi-embedded-page #layoutPadrao {
    background: #EEF2F7;
}

.powerbi-embedded-shell {
    display: flex;
    flex-direction: column;
}

.powerbi-embedded-content {
    padding: 0 !important;
}

.powerbi-embedded-main {
    display: flex;
    flex-direction: column;
    background: linear-gradient(180deg, #F6F8FB 0%, #EDF1F7 100%);
}

.powerbi-report-stage {
    position: relative;
    flex: 1;
    min-height: 0;
    background: linear-gradient(180deg, #F4F7FB 0%, #EEF2F7 100%);
}

#reportContainer {
    width: 100%;
    height: calc(100vh - 72px);
    min-height: 520px;
    overflow: hidden;
    background: transparent;
    opacity: 1;
    transition: opacity 0.18s ease-in-out;
}

#reportContainer.is-loading {
    opacity: 0;
}

#reportContainer.is-ready {
    opacity: 1;
}

#reportContainer iframe {
    background: transparent;
}

.powerbi-loading-preview-root {
    color-scheme: light;
}

.powerbi-loading-preview-root,
.powerbi-loading-preview-root * {
    box-sizing: border-box;
}

body.powerbi-loading-preview-page {
    margin: 0;
    min-height: 100vh;
    font-family: "IBM Plex Sans", Arial, sans-serif;
}

#loadingIconPowerBI {
    position: fixed;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    background: linear-gradient(180deg, rgba(246, 248, 251, 0.98) 0%, rgba(238, 242, 247, 0.98) 100%);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.18s ease-in-out, visibility 0.18s ease-in-out;
    z-index: 1055;
}

#loadingIconPowerBI.is-visible {
    opacity: 1;
    visibility: visible;
}

.powerbi-loading-card {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding: 14px 20px;
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.88);
    border: 1px solid rgba(160, 166, 178, 0.25);
    box-shadow: 0 18px 40px rgba(69, 70, 79, 0.10);
    color: #4A4D57;
    font-size: 15px;
    font-weight: 600;
}

.powerbi-loading-spinner {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    border: 3px solid rgba(74, 77, 87, 0.18);
    border-top-color: #4A4D57;
    animation: powerbi-loading-spin 0.85s linear infinite;
}

@keyframes powerbi-loading-spin {
    to {
        transform: rotate(360deg);
    }
}

@media (max-width: 991px) {
    #report-header {
        flex-direction: column;
        align-items: flex-start;
        padding: 14px 18px;
    }

    .report-header__title-group {
        width: 100%;
        font-size: 18px;
    }

    .report-header__status {
        margin-left: 0;
        text-align: left;
    }

    #reportContainer {
        height: calc(100vh - 106px);
        min-height: 420px;
    }
}

.header-powerbi {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}

.header-powerbi h4 {
    margin: 0;
    font-weight: bold;
    color: #45464F;
}

.vertical-center {
    display: flex;
    align-items: flex-end;
}

.btn-gerar-relatorio {
    border-radius: 8px;
    outline: none !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    text-transform: none !important;
    color: #74767E !important;
    border-color: #74767E;
    background-color: white;
    border: 1px solid !important;
}

.btn-gerar-relatorio:hover {
    background-color: #F7F8FF;
}

.btn-gerar-relatorio:disabled {
    opacity: 0.5;
}

.position-relative {
    position: relative;
}

.overflow-linha-unica {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: bottom;
}

.overflow-300.overflow-linha-unica {
  max-width: 300px;
}

.relatorioPowerBI {
    .header {
        margin-bottom: 12px;
    }

    .header h1 {
        font-size: 20px;
        margin: 0;
        color: #333;
    }

    .workspace {
        background: #fff;
        margin-bottom: 8px;
        padding: 8px;
        overflow: hidden;
        border-top: 1px solid #e1e4e8;
        border-bottom: 1px solid #e1e4e8;
        margin-bottom: 20px
    }

    .workspace-header {
        display: flex;
        align-items: center;
        padding: 10px 16px;
        cursor: pointer;
        user-select: none;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .workspace-header i.toggle-icon {
        margin-right: 8px;
        width: 16px;
        text-align: center;
    }

    .workspace-title {
        flex-grow: 1;
        font-weight: bold;
        color: #2c3e50;
    }

    .workspace-actions i {
        margin-left: 10px;
        cursor: pointer;
        color: #586069;
    }

    .workspace-actions i:hover {
        background-color: #F7F8FF !important;
        border-radius: 8px;
    }

    .btnAlterarRelatorio:hover {
        background-color: #15264b !important;
        color: #fff !important;
        transition: all 0.3s ease;
    }

    .btnEditarWorkSpace:hover {
        background-color: #F7F8FF !important;
        border-radius: 8px;
        border: none;
    }

    .report-list {
        display: none;
        border-top: none;
    }

    .report-list table {
        width: 100%;
        border-collapse: collapse;
    }

    .report-list th,
    .report-list td {
        padding: 10px 16px;
        text-align: left;
        border: none;
        padding: 20px
    }

    .report-list th {
        background: white;
        font-weight: normal;
        color: #333;
    }

    .report-list tbody tr:nth-child(odd) {
        background-color: #F9F9F9;
    }

    .report-list tbody tr:nth-child(even) {
        background-color: #fff;
    }

    .report-list tr+tr td {
        border-top: none;
    }

    .toggle {
        position: relative;
        display: inline-block;
    }

    .toggle input {
        position: absolute;
        opacity: 0;
        width: 0;
        height: 0;
    }

    .toggle label {
        display: inline-block;
        width: 36px;
        height: 24px;
        border-radius: 16px;
        background: #fff;
        border: 2px solid #7f848f;
        cursor: pointer;
        transition: background 0.25s, border-color 0.25s;
        position: relative;
    }

    .toggle label::after {
        content: "";
        position: absolute;
        top: 50%;
        left: -2;
        transform: translateY(-50%);
        width: 24px;
        height: 24px;
        border-radius: 50%;
        background: #fff;
        border: 2px solid #7f848f;
        transition: left 0.25s, border-color 0.25s;
    }

    .toggle input:checked+label {
        background: #15264b;
        border-color: #15264b;
    }

    .toggle input:checked+label::after {
        left: calc(100% - 3px - 18px);
        border-color: #15264b;
    }


    .toggle.elementoDesabilitado label {
        border-color: rgba(127, 132, 143, 0.5);
        cursor: not-allowed;
    }

    .toggle.elementoDesabilitado label::after {
        border-color: rgba(127, 132, 143, 0.5);
    }

    .toggle.elementoDesabilitado input:checked+label {
        border-color: rgba(27, 27, 32, 0.5);
    }

    .toggle.elementoDesabilitado input:checked+label::after {
        border-color: rgba(27, 27, 32, 0.5);
    }

    .btnAlterarRelatorio.elementoDesabilitado {
        color: #C4C7D0 !important;
    }
}

.btn-grid-acoes {
    padding: 8px;
    border-radius: 4px;
}

#tab_PowerBIVinculos td {
    padding: 8px;
}

#formCadastroPowerBIVinculos .readonly-select .dropdown-menu li a {
    pointer-events: none;
}

#relatorioPowerBI .tabDataTable > tbody > tr > td {
    font-size: 13px !important;
}

.texto-normal-selectpicker button.bootstrapSelect {
    text-transform: none;
}

.texto-normal {
    .bootstrapSelect.btn {
        text-transform: none !important;
    }
}

.ajustes-no-menu {
    padding: 15px 0 10px 0 !important;
    margin-left: 0px !important;
}

.botao-aba {
    min-height: 84px;
}