/*
 *  Document   : main.css
 *  Author     : pixelcave
 *  Description: The main stylesheet of the template
 *
 *  Structure (with shortcodes):
 *      (#m01mls) MAIN LAYOUT
 *      (#m02hds) HEADER
 *      (#m03sns) SIDEBAR/NAVIGATION
 *      (#m04mcs) MAIN CONTENT
 *      (#m05pgs) PAGES
 *      (#m06bos) BOOTSTRAP OVERWRITE/EXTEND STYLES
 *      (#m07hes) HELPERS
 *      (#m08ths) THEMES
 *      (#m09res) RESPONSIVE
 *      (#m10rts) RETINA
 *      (#m11prs) PRINT
 */
/*
=================================================================
(#m01mls) MAIN LAYOUT
=================================================================
*/

/* Include Open Sans font from Google Web Fonts */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,400italic,600,600italic,700,700italic');

/* Importa todos os ícones de FontAwesome */
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css');

/* Preloader */
#page-wrapper.page-loading {
    overflow: hidden;
}

#page-wrapper.page-loading .preloader {
    display: block;
}

#page-wrapper.page-loading #page-container {
    opacity: 0;
}

.preloader {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #333333;
    z-index: 99999;
}

.preloader .inner {
    position: fixed;
    top: 20%;
    left: 50%;
    margin: 0 0 0 -50px;
    width: 100px;
    height: 100px;
    text-align: center;
}

.preloader-spinner {
    width: 24px;
    height: 24px;
    border: 3px solid transparent;
    border-left-color: #ffffff;
    border-right-color: #ffffff;
    border-top-color: #ffffff;
    border-radius: 50%;
    -webkit-animation: nprogress-spinner .4s linear infinite;
    -moz-animation: nprogress-spinner .4s linear infinite;
    -ms-animation: nprogress-spinner .4s linear infinite;
    -o-animation: nprogress-spinner .4s linear infinite;
    animation: nprogress-spinner .4s linear infinite;
}

.preloader-spinner {
    width: 100px;
    height: 100px;
    margin: 0 auto;
    border-width: 3px;
}

/* Main Structure */
body {
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #394263;
    font-size: 13px;
    background-color: #222222;
}

#page-container,
#main-container,
#page-content + footer {
    min-width: 320px;
}

#page-container {
    width: 100%;
    padding: 0;
    margin: 0 auto;
    overflow-x: hidden;
    -webkit-transition: background-color 0.2s ease-out, opacity 0.3s ease-out;
    transition: background-color 0.2s ease-out, opacity 0.3s ease-out;
}

#page-container,
#sidebar,
#sidebar-alt {
    background-color: #394263;
}

#sidebar,
#sidebar-alt {
    width: 0;
    position: absolute;
    overflow: hidden;
}

#sidebar-alt {
    right: 0;
}

#sidebar,
#sidebar-alt,
#main-container,
.header-fixed-top header,
.header-fixed-bottom header,
.footer-fixed #page-content + footer {
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

#page-content {
    padding: 10px 5px 1px;
    background-color: #eaedf1;
}

#page-content + footer {
    padding: 9px 10px;
    font-size: 11px;
    background-color: #ffffff;
    border-top: 1px solid #dbe1e8;
}

/* Fixed Header */
#page-container.header-fixed-top {
    padding: 50px 0 0;
}

#page-container.header-fixed-bottom {
    padding: 0 0 50px;
}

/* Sidebar + Static Header */
.sidebar-visible-xs #sidebar {
    width: 200px;
}

.sidebar-visible-xs #main-container {
    margin-left: 200px;
    margin-right: -200px;
}

/* LINK LOGADO: força o conteúdo a ocupar 100% sem reservar espaço da sidebar */
.link-logado #sidebar {
	display: none !important;
	width: 0 !important;
}
.link-logado #main-container {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
.link-logado.sidebar-visible-xs #main-container,
.link-logado.sidebar-alt-visible-xs #main-container,
.link-logado.sidebar-visible-lg #main-container,
.link-logado.sidebar-alt-visible-lg #main-container,
.link-logado.sidebar-mini.sidebar-visible-lg-mini #main-container {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
.link-logado.sidebar-visible-xs.header-fixed-top header.navbar-fixed-top,
.link-logado.sidebar-visible-xs.header-fixed-bottom header.navbar-fixed-bottom,
.link-logado.sidebar-alt-visible-xs.header-fixed-top header.navbar-fixed-top,
.link-logado.sidebar-alt-visible-xs.header-fixed-bottom header.navbar-fixed-bottom {
	left: 0 !important;
	right: 0 !important;
}

/* MELHORIA NO CSS PARA RESOLVER ALTURA AUTOMÁTICA DO CONTEÚDO */
/* Certifique-se de que o corpo e o contêiner principal ocupem toda a altura */
html, body {
    height: 100%;
    margin: 0;
}

#page-container {
    display: flex;
    flex-direction: column;
    min-height: 100vh; /* Garante que o contêiner ocupe toda a altura da página */
}

#main-container {
    flex: 1; /* O conteúdo principal vai ocupar todo o espaço disponível */
}

#page-content {
    min-height: calc(100vh - 80px); /* Ajuste 100px para a altura do cabeçalho e do rodapé */
    min-height: 100vw !important; /* CORRIGE AS BORDAS PRETAS NO FIM DA PÁGINA, COMO TER VIEWPORT WIDTH (VW) EM MIN-HEIGHT RESOLVE ISSO AÍ SÓ DEUS SABE */
}

footer {
    background: #f8f9fa;
    padding: 10px 0;
    width: 100%;
}
/* FIM MELHORIA NO CSS PARA RESOLVER ALTURA AUTOMÁTICA DO CONTEÚDO */

/* Sidebar + Fixed Header */
.header-fixed-top #sidebar,
.header-fixed-bottom #sidebar {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
}

.header-fixed-top .sidebar-content,
.header-fixed-bottom .sidebar-content {
    padding-bottom: 50px;
}

.sidebar-visible-xs.header-fixed-top header.navbar-fixed-top,
.sidebar-visible-xs.header-fixed-bottom header.navbar-fixed-bottom {
    left: 200px;
    right: -200px;
}

/* Alternative Sidebar + Static Header */
.sidebar-alt-visible-xs #sidebar-alt {
    width: 200px;
}

.sidebar-alt-visible-xs #main-container {
    margin-right: 200px;
    margin-left: -200px;
}

/* Alternative Sidebar + Fixed Header */
.header-fixed-top #sidebar-alt,
.header-fixed-bottom #sidebar-alt {
    position: fixed;
    right: 0;
    top: 0;
    bottom: 0;
}

.sidebar-alt-visible-xs.header-fixed-top header.navbar-fixed-top,
.sidebar-alt-visible-xs.header-fixed-bottom header.navbar-fixed-bottom {
    right: 200px;
    left: -200px;
}

/* Fixed Footer */
.footer-fixed #page-content + footer {
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 999;
}

.footer-fixed #page-content {
    padding-bottom: 41px;
}

.footer-fixed.sidebar-visible-xs #page-content + footer {
    right: -200px;
    left: 200px;
}

.footer-fixed.sidebar-alt-visible-xs #page-content + footer {
    right: 200px;
    left: -200px;
}

.footer-fixed.header-fixed-bottom #page-content + footer {
    bottom: 50px;
}

/*
=================================================================
(#m02hds) HEADER
=================================================================
*/

header.navbar-default,
header.navbar-inverse {
    padding: 0;
    margin: 0;
    min-width: 320px;
    border: none;
}

header.navbar-default.navbar-fixed-top {
    border-bottom: 1px solid #eaedf1;
}

header.navbar-default.navbar-fixed-bottom {
    border-top: 1px solid #eaedf1;
}

header.navbar-inverse.navbar-fixed-top {
    border-bottom: 1px solid #394263;
}

header.navbar-inverse.navbar-fixed-bottom {
    border-top: 1px solid #394263;
}

/* Header Nav */
.navbar-default .navbar-nav > li > a {
    color: #394263;
}

.navbar-inverse .navbar-nav > li > a {
    color: #ffffff;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus,
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus,
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
    color: #ffffff;
    background-color: #1bbae1;
}

.navbar-inverse .collapse.in .navbar-nav .open .dropdown-menu > li > a {
    color: #dddddd;
}

.nav.navbar-nav-custom {
    float: left;
    margin: 0;
}

.nav.navbar-nav-custom > li {
    min-height: 50px;
    float: left;
}

.nav.navbar-nav-custom > li > a {
    min-width: 50px;
    padding: 5px 7px;
    line-height: 40px;
    text-align: center;
    color: #394263;
    position: relative;
}

.nav.navbar-nav-custom > li > a .gi,
.nav.navbar-nav-custom > li > a .hi,
.nav.navbar-nav-custom > li > a .si,
.nav.navbar-nav-custom > li > a .fi {
    margin-top: -3px;
}

.nav.navbar-nav-custom > li > a .label-indicator {
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 0;
    font-weight: 600;
}

.navbar-fixed-bottom .nav.navbar-nav-custom > li > a .label-indicator {
    top: auto;
    bottom: 0;
}

.navbar-inverse .nav.navbar-nav-custom > li > a {
    color: #ffffff;
}

.nav.navbar-nav-custom > li.open > a,
.nav.navbar-nav-custom > li > a:hover,
.nav.navbar-nav-custom > li > a:focus {
    background-color: #1bbae1;
    color: #ffffff;
}

.nav.navbar-nav-custom > li > a > img {
    width: 40px;
    height: 40px;
    border: 2px solid #fff;
    border-radius: 20px;
    vertical-align: top;
}

/* Header Search */
.navbar-form {
    margin: 7px 0;
}

.collapsing .navbar-form,
.collapse.in .navbar-form {
    margin-left: -15px;
    margin-right: -15px;
}

.collapsing .navbar-form .form-group,
.collapse.in .navbar-form .form-group {
    margin-bottom: 0;
}

.navbar-form-custom {
    padding: 0;
    width: 100px;
    float: left;
    height: 50px;
}

.navbar-form-custom .form-control {
    padding: 10px;
    margin: 0;
    height: 50px;
    font-size: 15px;
    background: transparent;
    border: none;
    z-index: 2000;
}

.navbar-form-custom .form-control:hover,
.navbar-form-custom .form-control:focus {
    background-color: #ffffff;
}

.navbar-form-custom .form-control:focus {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    font-size: 18px;
    padding: 10px 20px;
}

.navbar-inverse .navbar-form-custom .form-control {
    color: #ffffff;
}

.navbar-inverse .navbar-form-custom .form-control:hover,
.navbar-inverse .navbar-form-custom .form-control:focus {
    background: #000000;
    color: #ffffff;
}

/*
=================================================================
(#m03sns) SIDEBAR/NAVIGATION
=================================================================
*/

/* Sidebar Content */
.sidebar-content {
    width: 200px;
    color: #ffffff;
}

.sidebar-section {
    padding: 10px;
}

/* Sidebar Brand + Title */
.sidebar-brand,
.sidebar-title {
    height: 50px;
    line-height: 50px;
    padding: 0 10px;
    margin: 0;
    font-weight: 300;
    font-size: 18px;
    display: block;
    color: #ffffff;
    background: rgba(0, 0, 0, 0.15);
}

a.sidebar-brand:hover,
a.sidebar-brand:focus,
a.sidebar-title:hover,
a.sidebar-title:focus {
    background-color: #1bbae1;
    color: #ffffff;
    text-decoration: none;
}

.sidebar-brand i,
.sidebar-title i {
    font-size: 14px;
    display: inline-block;
    width: 18px;
    text-align: center;
    margin-right: 10px;
    opacity: 0.5;
}

.sidebar-title i.pull-left {
    margin: 20px 10px 0 0;
}

.sidebar-title i.pull-right {
    margin: 20px 0 0 10px;
}

/* Sidebar User */
.sidebar-user {
    padding-left: 88px;
    background: rgba(255, 255, 255, 0.1);
}

.sidebar-user-avatar {
    width: 68px;
    height: 68px;
    float: left;
    padding: 2px;
    margin-left: -78px;
    border-radius: 34px;
    background: rgba(255, 255, 255, 0.75);
}

.sidebar-user-avatar img {
    width: 64px;
    height: 64px;
    border-radius: 32px;
}

.sidebar-user-name {
    font-size: 17px;
    font-weight: 300;
    margin-top: 10px;
    line-height: 26px;
}

.sidebar-user-links a {
    color: #ffffff;
    opacity: 0.3;
    margin-right: 5px;
}

.sidebar-user-links a:hover,
.sidebar-user-links a:focus {
    color: #ffffff;
    text-decoration: none;
    opacity: 1;
}

.sidebar-user-links a > i {
    font-size: 14px;
}

/* Sidebar Color Themes */
.sidebar-themes {
    list-style: none;
    margin: 0;
    padding-top: 12px;
    padding-bottom: 6px;
    background: rgba(0, 0, 0, 0.15);
    opacity: .5;
    -webkit-transition: opacity .25s ease-out;
    transition: opacity .25s ease-out;
}

.sidebar-themes:hover {
    opacity: 1;
}

.sidebar-themes li {
    float: left;
    margin: 0 5px 6px 0;
}

.sidebar-themes li a {
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 10px;
    border-width: 2px;
    border-style: solid;
}

.sidebar-themes li a:hover,
.sidebar-themes li a:focus {
    border-color: #ffffff !important;
}

.sidebar-themes li.active a {
    border-color: #ffffff !important;
}

/* Sidebar Chat */
.chat-users {
    list-style: none;
    margin: 0;
    padding: 10px;
}

.chat-users li {
    float: left;
    margin: 0;
    padding: 3px;
}

.chat-users a {
    position: relative;
    display: inline-block;
    padding: 2px;
    width: 52px;
    height: 52px;
    border-radius: 25px;
    background: rgba(255, 255, 255, 0.10);
}

.chat-users a span {
    position: absolute;
    top: 0;
    right: 0;
    width: 6px;
    height: 6px;
    border-radius: 3px;
    background-color: #cccccc;
}

.chat-users a img {
    width: 48px;
    height: 48px;
    opacity: 0.5;
}

.chat-users a.chat-user-online,
.chat-users a.chat-user-away,
.chat-users a.chat-user-busy {
    background: rgba(255, 255, 255, 0.75);
}

.chat-users a.chat-user-online span {
    background-color: #2ecc71;
}

.chat-users a.chat-user-away span {
    background-color: #f39c12;
}

.chat-users a.chat-user-busy span {
    background-color: #e74c3c;
}

.chat-users a:hover {
    background-color: #ffffff;
    -webkit-box-shadow: 0 0 4px 2px #999999;
    box-shadow: 0 0 4px 2px #999999;
}

.chat-users a:hover img,
.chat-users a.chat-user-online img,
.chat-users a.chat-user-away img,
.chat-users a.chat-user-busy img {
    opacity: 1;
}

.chat-talk-info {
    line-height: 22px;
    font-size: 13px;
}

.chat-talk-info img {
    width: 22px;
    height: 22px;
    float: left;
    margin-right: 10px;
}

.chat-talk-messages {
    list-style: none;
    margin: 0;
    padding: 5px 0;
    background: rgba(0, 0, 0, 0.20);
}

.chat-talk-messages li {
    padding: 7px 10px;
    margin-bottom: 7px;
}

.chat-talk-messages .chat-talk-msg {
    width: 180px;
    margin-right: 20px;
    border-right: 3px solid #fff;
    background: rgba(0, 0, 0, 0.40);
}

.chat-talk-messages .chat-talk-msg.chat-talk-msg-highlight {
    margin-right: 0;
    margin-left: 20px;
    border-right: none;
    border-left-width: 3px;
    border-left-style: solid;
}

.chat-form {
    margin: 0;
    padding: 5px 10px;
    background: rgba(0, 0, 0, 0.40);
}

.chat-form .form-control {
    background: transparent;
    color: #eeeeee;
}

/* Sidebar Navigation */
.sidebar-nav {
    list-style: none;
    margin: 0;
    padding: 10px 0 0;
}

.sidebar-nav .sidebar-header:first-child {
    margin-top: 0;
}

.sidebar-nav a {
    display: block;
    color: #eaedf1;
    padding: 0 10px;
    min-height: 35px;
    line-height: 35px;
}

.sidebar-nav a:hover,
.sidebar-nav a:focus,
.sidebar-nav a.open,
.sidebar-nav li.active > a {
    color: #ffffff;
    text-decoration: none;
    background: rgba(0, 0, 0, 0.15);
}

.sidebar-nav a.active {
    padding-left: 5px;
    border-left: 5px solid #1bbae1;
    background: rgba(0, 0, 0, 0.3);
}

.sidebar-nav a > .sidebar-nav-icon {
    margin-right: 10px;
}

.sidebar-nav a > .sidebar-nav-indicator {
    float: right;
    line-height: inherit;
    margin-left: 4px;
    -webkit-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
}

.sidebar-nav a > .sidebar-nav-icon,
.sidebar-nav a > .sidebar-nav-indicator {
    display: inline-block;
    opacity: 0.5;
    width: 18px;
    font-size: 14px;
    text-align: center;
}

.sidebar-nav a:hover,
.sidebar-nav a:hover > .sidebar-nav-icon,
.sidebar-nav a:hover > .sidebar-nav-indicator,
.sidebar-nav a.active,
.sidebar-nav a.active > .sidebar-nav-icon,
.sidebar-nav a.active > .sidebar-nav-indicator,
.sidebar-nav a.open,
.sidebar-nav a.open > .sidebar-nav-icon,
.sidebar-nav a.open > .sidebar-nav-indicator,
.sidebar-nav li.active > a,
.sidebar-nav li.active > a > .sidebar-nav-icon,
.sidebar-nav li.active > a > .sidebar-nav-indicator {
    opacity: 1;
}

.sidebar-nav a.active > .sidebar-nav-indicator,
.sidebar-nav a.open > .sidebar-nav-indicator,
.sidebar-nav li.active > a > .sidebar-nav-indicator {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.sidebar-nav ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: none;
    background: rgba(0, 0, 0, 0.3);
}

.sidebar-nav li.active > ul {
    display: block;
}

.sidebar-nav ul a {
    margin: 0;
    font-size: 12px;
    padding-left: 15px;
    min-height: 32px;
    line-height: 32px;
}

.sidebar-nav ul a.active,
.sidebar-nav ul a.active:hover {
    border-left: 5px solid #1bbae1;
    padding-left: 10px;
}

.sidebar-nav ul ul {
    background: rgba(0, 0, 0, 0.4);
}

.sidebar-nav ul ul a {
    padding-left: 25px;
}

.sidebar-nav ul ul a.active,
.sidebar-nav ul ul a.active:hover {
    padding-left: 20px;
}

/* Sidebar Header */
.sidebar-header {
    margin: 10px 0 0;
    padding: 10px;
    line-height: 12px;
}

.sidebar-header + .sidebar-section {
    padding-top: 0px;
    padding-bottom: 0px;
}

.sidebar-header .sidebar-header-title {
    color: #ffffff;
    font-size: 11px;
    text-transform: uppercase;
    opacity: 0.5;
}

.sidebar-header-options {
    display: inline-block;
}

.sidebar-header-options > a,
.sidebar-nav .sidebar-header-options a {
    float: right;
    margin: 0;
    padding: 0;
    min-height: 0;
    line-height: inherit;
    display: block;
    min-width: 18px;
    text-align: center;
    color: #ffffff;
    opacity: 0.3;
}

.sidebar-header-options a.active,
.sidebar-header-options a:hover,
.sidebar-header-options a:focus,
.sidebar-nav .sidebar-header-options a.active,
.sidebar-nav .sidebar-header-options a:hover,
.sidebar-nav .sidebar-header-options a:focus {
    background: none;
    color: #ffffff;
    opacity: 1;
}

.sidebar-header-options a > i {
    font-size: 14px;
}

.clear-both {
    clear: both;
}

/*
=================================================================
(#m04mcs) MAIN CONTENT
=================================================================
*/

/* Content Header */
.content-header {
    background-color: #ffffff;
    border-top: 1px solid #eaedf1;
    border-bottom: 1px solid #dbe1e8;
}

.content-header h1,
.content-header h2 {
    margin: 0;
    font-size: 26px;
    line-height: 32px;
}

.content-header small
.content-header small{
    font-size: 17px;
}

.header-section h1 i {
    font-size: 56px;
    float: right;
    margin: 2px 0 0 10px;
    color: #eaedf1;
    margin: 0 0 0 10px;
    line-height: 64px;
}

.header-section {
    padding: 30px 10px;
}

.content-header,
.content-top {
    margin: -10px -5px 10px;
}

.content-top {
    background-color: #ffffff;
    border-bottom: 1px solid #dbe1e8;
}

.content-header-media {
    position: relative;
    height: 125px;
    overflow: hidden;
    border-top-color: #222222;
}

.content-header-media .header-section {
    z-index: 200;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    color: #ffffff;
    background: rgba(0, 0, 0, 0.6);
}

.content-header-media small,
.content-header-media i {
    color: #dddddd;
}

.content-header-media > img {
    position: absolute;
    top: 0;
    left: 50%;
    width: 2560px;
    height: 248px;
    margin-left: -1280px;
}

.content-header-media > .content-header-media-map {
    height: 270px;
}

/* Blocks */
.block {
    margin: 0 0 10px;
    padding: 20px 15px 1px;
    background-color: #ffffff;
    border: 1px solid #dbe1e8;
}

.block.full {
    padding: 20px 15px;
}

.block .block-content-full {
    margin: -20px -15px -1px;
}

.block .block-content-mini-padding {
    padding: 8px;
}

.block.full .block-content-full {
    margin: -20px -15px;
}

.block .tab-content .block-content-full,
.block.full .tab-content .block-content-full {
    margin-top: -19px !important;
}

.block-title {
    margin: -20px -15px 20px;
    background-color: #f9fafc;
    border-bottom: 1px solid #eaedf1;
}

.block-title h1,
.block-title h2,
.block-title h3,
.block-title h4,
.block-title h5,
.block-title h6 {
    display: inline-block;
    font-size: 16px;
    line-height: 1.4;
    margin: 0;
    padding: 10px 16px 7px;
    font-weight: normal;
}

.block-title h1 small,
.block-title h2 small,
.block-title h3 small,
.block-title h4 small,
.block-title h5 small,
.block-title h6 small {
    font-size: 13px;
    color: #777777;
    font-weight: normal;
}

.block-title h1,
.block-title h2,
.block-title h3 {
    padding-left: 15px;
    padding-right: 15px;
}

.block-title .nav-tabs,
.block-options {
    min-height: 40px;
    line-height: 38px;
}

.block-title .nav-tabs {
    padding: 3px 1px 0;
    border-bottom: none;
}

.block-title .nav-tabs > li > a {
    border-bottom: none;
}

.block-title .nav-tabs {
    margin-bottom: -2px;
}

.block-title .nav-tabs > li > a {
    margin-bottom: 0;
}

.block-title .nav-tabs > li > a:hover {
    background: none;
}

.block-title .nav-tabs > li.active > a,
.block-title .nav-tabs > li.active > a:hover,
.block-title .nav-tabs > li.active > a:focus {
    border: 1px solid #eaedf1;
    border-bottom-color: #ffffff;
    background-color: #ffffff;
}

.block-title code {
    padding: 2px 3px;
}

.block-options {
    margin: 0 6px;
    line-height: 37px;
}

.block-options .label {
    display: inline-block;
    padding: 6px;
    vertical-align: middle;
    font-size: 13px;
}

.block-top {
    margin: -20px -15px 20px;
    border-bottom: 1px dotted #dbe1e8;
}

.block-section {
    margin-bottom: 20px;
}

.block.block-fullscreen {
    position: fixed;
    top: 5px;
    bottom: 5px;
    left: 5px;
    right: 5px;
    z-index: 1031;
    margin-bottom: 0;
    overflow-y: auto;
}

/* Widgets */
.widget {
    background-color: #ffffff;
    margin-bottom: 10px;
}

.widget .widget-extra-full,
.widget .widget-extra {
    position: relative;
    padding: 15px;
}

.widget .widget-extra {
    padding-top: 1px;
    padding-bottom: 1px;
}

.widget .widget-content-light {
    color: #ffffff;
}

.widget .widget-content-light small {
    color: #eeeeee;
}

.widget .widget-image,
.widget .widget-icon {
    width: 64px;
    height: 64px;
}

.widget .widget-icon {
    display: inline-block;
    line-height: 64px;
    text-align: center;
    font-size: 28px;
    color: #ffffff;
    border-radius: 32px;
}

.widget .widget-icon .gi,
.widget .widget-icon .si,
.widget .widget-icon .hi,
.widget .widget-icon .fi {
    margin-top: -3px;
}

.widget .widget-options,
.widget .widget-options-left {
    position: absolute;
    top: 5px;
    opacity: 0.5;
}

.widget .widget-options {
    right: 5px;
}

.widget .widget-options-left {
    left: 5px;
}

.widget .widget-options:hover,
.widget .widget-options-left:hover {
    opacity: 1;
}

.widget-simple {
    padding: 15px;
}

.widget-simple:before,
.widget-simple:after {
    content:" ";
    display:table;
}

.widget-simple:after{
    clear:both;
}

.widget-simple .widget-image,
.widget-simple .widget-icon {
    margin: 0 15px;
}

.widget-simple .widget-image.pull-left,
.widget-simple .widget-icon.pull-left {
    margin-left: 0;
}

.widget-simple .widget-image.pull-right,
.widget-simple .widget-icon.pull-right {
    margin-right: 0;
}

.widget-simple .widget-content {
    font-size: 18px;
    margin: 12px 0;
}

.widget-simple .widget-content small {
    display: block;
    margin-top: 7px;
    font-size: 13px;
    font-weight: 400;
}

.widget-advanced .widget-header {
    position: relative;
    padding: 15px 15px 50px;
    height: 150px;
    overflow: hidden;
}

.widget-advanced .widget-background {
    position: absolute;
    top: 0;
    left: 0;
    height: 150px;
}

.widget-advanced .widget-background-map {
    height: 180px;
    width: 100%;
}

.widget-advanced .widget-content-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 15px;
    margin: 0;
    background: rgba(0, 0, 0, 0.6);
}

.widget-advanced .widget-main {
    position: relative;
    padding: 50px 15px 15px;
}

.widget-advanced .widget-image-container {
    position: absolute;
    display: inline-block;
    padding: 5px;
    width: 74px;
    height: 74px;
    top: -36px;
    left: 50%;
    margin-left: -36px;
    border-radius: 36px;
    background-color: #ffffff;
}

.widget-advanced .widget-header .widget-image-container {
    position: static;
    left: auto;
    top: auto;
    margin: 0;
}

.widget-advanced-alt .widget-header,
.widget-advanced-alt .widget-main {
    padding: 15px;
}

.widget-advanced-alt .widget-header {
    height: auto;
    min-height: 150px;
}

/* Link Widgets */
a.widget {
    display: block;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

a.widget:hover,
a.widget:focus,
a.widget:active {
    text-decoration: none;
}

a.widget.widget-hover-effect1:hover {
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
    -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
}

a.widget.widget-hover-effect1:active {
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px);
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

a.widget.widget-hover-effect2:hover {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-box-shadow: inset 0 -5px 0 rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 -5px 0 rgba(0, 0, 0, 0.2);
}

a.widget.widget-hover-effect2:active {
    -webkit-transform: translateY(2px);
    transform: translateY(2px);
    -webkit-box-shadow: none;
    box-shadow: none;
}

a.widget.widget-hover-effect3:hover {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg);
}

a.widget.widget-hover-effect3:active {
    -webkit-transform: rotate(2deg) scale(0.95);
    transform: rotate(2deg) scale(0.95);
}

a.widget.widget-hover-effect4:hover {
    -webkit-transform: scale(0.98);
    transform: scale(0.98);
}

a.widget.widget-hover-effect4:active {
    -webkit-transform: rotate(-1deg) scale(0.95);
    transform: rotate(-1deg) scale(0.95);
}

/* Content which contains floats */
.content-float .pull-left {
    margin: 0 20px 20px 0;
}

.content-float .pull-right {
    margin: 0 0 20px 20px;
}

/* Draggable Blocks */
.draggable-blocks .block-title {
    cursor: move;
}

.draggable-placeholder {
    background-color: #dddddd;
    border: 1px dashed #999999;
    margin-bottom: 10px;
}

/* Scroll to top link */
#to-top {
    display: none;
    position: fixed;
    bottom: 55px;
    left: 5px;
    border-radius: 3px;
    padding: 0 12px;
    font-size: 28px;
    text-align: center;
    color: #ffffff;
    background-color: #000000;
    opacity: 0.1;
}

#to-top:hover {
    color: #ffffff;
    background-color: #1bbae1;
    text-decoration: none;
    opacity: 1;
}

/*
=================================================================
(#m05pgs) PAGES
=================================================================
*/

/* Login */
#login-background {
    width: 100%;
    height: 100vh;
    overflow: hidden;
    position: relative;
}

#login-background > img {
    position: absolute;
    width: 2560px;
    height: 100vh;
    object-fit: cover;
    left: 50%;
    margin-left: -1280px;
}

#login-alt-container {
    display: none;
}

#login-container,
#login-alt-container,
#registro-candidato-container {
    position: absolute;
    width: 300px;
    top: 10px;
    left: 50%;
    margin-left: -150px;
    z-index: 1000;
    border-radius: 15px 15px 0px 0px;
}

#login-container .login-title, #registro-candidato-container .login-title{
    padding: 20px 10px;
    background: #ffffff;
    background: rgba(255, 255, 255, 1);
}

#login-container .login-title h1,
#login-alt-container h1 ,
#registro-candidato-container h1{
    font-size: 26px;
    color: #000000;
}

#login-container .login-title h1 small,
#login-alt-container h1 small,
#registro-candidato-container h1 small {
    font-size: 16px;
    color: #000000;
}

#login-container > .block, 
#registro-candidato-container > .block{
    border: none;
    border-radius: 15px 15px 15px 15px;
}

.login-title {
    border-radius: 15px;
    margin-bottom: 10px;
}

#login-container .register-terms {
    line-height: 30px;
    margin-right: 10px;
    float: left;
}

/* Full Background Image */
img.full-bg {
    min-height: 100%;
    min-width: 1280px;
    width: 100%;
    height: auto;
    position: fixed;
    top: 0;
    left: 0;
}

@media screen and (max-width: 1280px) {
    img.full-bg {
        left: 50%;
        margin-left: -640px;
    }
}

/* Full Page Container */
.full-page-container {
    position: absolute;
    width: 300px;
    padding: 10px;
    top: 20px;
    left: 50%;
    margin-left: -150px;
    z-index: 1000;
    background-color: #333333;
    background-color: rgba(0,0,0,.5);
}

.full-page-section {
    padding: 25px 0;
    margin: 25px -10px;
    background-color: #000000;
    background-color: rgba(0,0,0,.15);
}

/* Countdown */
.countdown-con {
    color: #ffffff;
    text-align: center;
}

.countdown-con .countdown-num {
    font-size: 56px;
    font-weight: bold;
}

.countdown-con .countdown-info {
    font-size: 16px;
    color: rgba(255, 255, 255, .6);
}

/* Calendar */
.calendar-events {
    list-style: none;
    margin: 0;
    padding: 0;
}

.calendar-events li {
    color: #ffffff;
    margin-bottom: 5px;
    padding: 5px 10px;
    border-radius: 3px;
    background-color: #555555;
    opacity: 0.85;
}

.calendar-events li:hover {
    cursor: move;
    opacity: 1;
}

/* Gallery */
.gallery img, .gallery a img, .gallery-image img, a[data-toggle="lightbox-image"] img {
    max-width: 100%;
}

a[data-toggle="lightbox-image"],
a.gallery-link {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in;
}

.gallery a:hover img,
.gallery-image:hover img,
a[data-toggle="lightbox-image"]:hover img {
    opacity: 0.75;
}

.gallery-image {
    position: relative;
}

.gallery-image-options {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: none;
    padding: 10px;
}

.gallery-image:hover .gallery-image-options {
    display: block;
}

.gallery > .row > div {
    margin-bottom: 15px;
}

.gallery.gallery-widget > .row > div {
    margin-bottom: 0;
    padding-top: 7px;
    padding-bottom: 7px;
}

/* Media Items */
.media-items {
    position: relative;
    margin-bottom: 20px;
    padding: 10px;
    text-align: center;
    background-color: #f9f9f9;
    border: 2px solid #f1f1f1;
    -webkit-transition: all .15s ease-out;
    transition: all .15s ease-out;
}

.media-items:hover {
    border-color: #cccccc;
}

.media-items:hover .media-items-options {
    display: block;
}

.media-items .media-items-options {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    padding: 10px;
    display: none;
}

.media-items .media-items-content {
    padding: 40px 0 20px;
}

/* Charts */
.pie-chart .pie-avatar {
    position: absolute;
    top: 8px;
    left: 8px;
}

.chart {
    height: 360px;
}

.chart-tooltip,
.mini-chart-tooltip {
    position: absolute;
    display: none;
    color: #ffffff;
    background-color: #000000;
    padding: 4px 10px;
}

.chart-pie-label {
     font-size: 12px;
     text-align: center;
     padding: 8px 12px;
     color: #ffffff;
}

.mini-chart-tooltip {
    left: 0;
    top: 0;
    visibility: hidden;
}

.legend table td {
    padding: 4px;
    font-size: 14px;
}

/* Timeline */
.timeline {
    position: relative;
}

.timeline-header {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
    padding: 0 15px;
    min-height: 60px;
    line-height: 60px;
    background-color: #ffffff;
    border-bottom: 2px solid #f0f0f0;
    z-index: 500;
}

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

.timeline-list:after {
    position: absolute;
    display: block;
    width: 2px;
    top: 0;
    left: 95px;
    bottom: 0;
    content: "";
    background-color: #f0f0f0;
    z-index: 1;
}

.timeline-header + .timeline-list:after {
    top: 60px;
}

.timeline-list li {
    position: relative;
    margin: 0;
    padding: 15px 0;
}

.timeline-list.timeline-hover li:hover {
    background-color: #f9f9f9;
}

.timeline-list .timeline-icon {
    position: absolute;
    left: 80px;
    top: 10px;
    width: 30px;
    height: 30px;
    line-height: 28px;
    font-size: 14px;
    text-align: center;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 15px;
    z-index: 500;
}

.timeline-list .active .timeline-icon {
    background-color: #1bbae1;
    border-color: #1bbae1;
    color: #ffffff;
}

.timeline-list .timeline-time {
    float: left;
    width: 70px;
    text-align: right;
}

.timeline-list .timeline-content {
    margin-left: 120px;
}

.block-content-full .timeline-content {
    padding-right: 20px;
}

.media-feed {
    margin-bottom: 0;
}

.media-feed > .media {
    margin-top: 0;
    padding: 20px 20px 0;
    border-top: 1px dotted #dbe1e8;
}

.media-feed > .media:first-child {
    border-top: none;
}

.media-feed.media-feed-hover > .media:hover {
    background-color: #f9f9f9;
}

/* Error */
#error-container {
    padding: 120px 20px;
    position: relative;
}

#error-container .error-options {
    position: absolute;
    top: 20px;
    left: 20px;
}

#error-container h1 {
    font-size: 96px;
    color: #ffffff;
    margin-bottom: 40px;
}

#error-container h2 {
    color: #cccccc;
    margin-bottom: 40px;
    line-height: 1.4;
}

#error-container form {
    padding: 20px;
    border-radius: 3px;
    background: rgba(255, 255, 255, 0.1);
}

#error-container .form-control {
    border-color: #ffffff;
}

/* Pricing Table */
.table.table-pricing {
    background-color: #ffffff;
}

.table-pricing th,
.table-pricing td {
    text-align: center;
}

.table-pricing th {
    font-size: 24px !important;
}

.table-pricing td {
    font-size: 15px;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
}

.table-pricing .table-price {
    background-color: #f9f9f9;
}

.table-pricing.table-featured .table-price,
.table-pricing .table-price.table-featured {
    background-color: #252525;
}

.table-pricing.table-featured th,
.table-pricing th.table-featured {
    background-color: #1bbae1;
    border-bottom: 2px solid #394263;
    color: #ffffff;
}

.table-pricing.table-featured td,
.table-pricing td.table-featured {
    background-color: #394263;
    color: #ffffff;
}

/* Chat UI */
.chatui-container {
    position: relative;
}

.chatui-people,
.chatui-talk {
    overflow-y: hidden;
}

.chatui-people .chatui-header {
    font-size: 14px;
    line-height: 14px;
    color: #999999;
    text-transform: uppercase;
    padding: 5px 20px;
}

.chatui-people hr {
    border-top-color: #252525;
    border-top-color: rgba(0, 0, 0, 0.25);
}

.chatui-people .list-group-item {
    background: transparent;
    min-height: 52px;
    border: 0;
    border-radius: 0 !important;
}

.chatui-people .list-group-item .badge {
    margin-top: 7px;
}

.chatui-people .list-group-item .list-group-item-heading {
    color: #ffffff;
    line-height: 32px;
    margin: 0;
}

.chatui-people .list-group-item:hover,
.chatui-people .list-group-item:focus {
    background: rgba(0, 0, 0, 0.2);
}

.chatui-people .list-group-item img {
    float: left;
    width: 32px;
    height: 32px;
    margin-right: 10px;
}

.chatui-talk {
    top: 0;
    bottom: 50px;
}

.chatui-talk ul {
    padding: 15px;
    margin: 0;
    list-style: none;
}

.chatui-talk li {
    padding: 5px 10px;
    margin-bottom: 7px;
}

.chatui-talk .chatui-talk-msg {
    padding: 15px 10px;
    padding-right: 50px;
    border-left: 5px solid #333333;
    background-color: #f6f6f6;
    position: relative;
}

.chatui-talk .chatui-talk-msg.chatui-talk-msg-highlight {
    padding-left: 50px;
    border-left: none;
    border-right-width: 5px;
    border-right-style: solid;
}

.chatui-talk-msg .chatui-talk-msg-avatar {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 32px;
    height: 32px;
}

.chatui-talk-msg.chatui-talk-msg-highlight .chatui-talk-msg-avatar {
    top: 8px;
    right: auto;
    left: 8px;
}

.chatui-input {
    height: 50px;
    line-height: 50px;
    border-top: 1px solid #eeeeee;
}

/* Tasks */
.task-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.task-list li {
    padding: 15px 40px 15px 15px;
    margin-bottom: 10px;
    background-color: #ffffff;
    border-radius: 3px;
    position: relative;
    -webkit-transition: box-shadow 0.15s ease-out;
    transition: box-shadow 0.15s ease-out;
}

.task-list li:hover {
    -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
}

.task-list li.in-1x {
    margin-left: 15px;
}

.task-list li.in-2x {
    margin-left: 30px;
}

.task-list li > .task-close {
    position: absolute;
    top: 15px;
    right: 15px;
    color: #000000;
    opacity: 0;
    -webkit-transition: opacity 0.2s ease-out;
    transition: opacity 0.2s ease-out;
}

.task-list li:hover > .task-close {
    opacity: .25;
}

.task-list li.task-done {
    opacity: .50;
}

.task-list li.task-done > label {
    text-decoration: line-through;
}

/*
=================================================================
(#m06bos) BOOTSTRAP OVERWRITE/EXTEND STYLES
=================================================================
*/

/* Navbar */
.navbar.navbar-default {
    background-color: #f9fafc;
}

.navbar.navbar-inverse {
    background-color: #4c5471;
}

.navbar-fixed-top,
.navbar-fixed-bottom {
    border-width: 0;
}

/* Typography */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 300;
}

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small,
.h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small,
h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small,
.h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small {
    font-weight: 300;
    color: #777777;
}

h1, h2, h3 {
    margin-bottom: 15px;
}

.text-primary,
.text-primary:hover,
a,
a:hover,
a:focus,
a.text-primary,
a.text-primary:hover,
a.text-primary:focus {
    color: #1bbae1;
}

.text-danger,
.text-danger:hover,
a.text-danger,
a.text-danger:hover,
a.text-danger:focus {
    color: #e74c3c;
}

.text-warning,
.text-warning:hover,
a.text-warning,
a.text-warning:hover,
a.text-warning:focus {
    color: #e67e22;
}

.text-success,
.text-success:hover,
a.text-success,
a.text-success:hover,
a.text-success:focus {
    color: #27ae60;
}

.text-info,
.text-info:hover,
a.text-info,
a.text-info:hover,
a.text-info:focus {
    color: #3498db;
}

.text-muted,
.text-muted:hover,
a.text-muted,
a.text-muted:hover,
a.text-muted:focus {
    color: #999999;
}

.text-light,
.text-light:hover,
a.text-light,
a.text-light:hover,
a.text-light:focus {
    color: #ffffff;
}

.text-atencao,
.text-atencao:hover,
a.text-atencao,
a.text-atencao:hover,
a.text-atencao:focus {
    color: #f9b02a;
}

b, strong {
    font-weight: 600;
}

ul,
ol {
    padding-left: 30px;
}

.list-li-push li {
    margin-bottom: 10px;
}

p {
    line-height: 1.6;
}

article p {
    font-size: 16px;
    line-height: 1.8;
}

.well {
    background-color: #f9f9f9;
    border: 1px solid #eeeeee;
}

.page-header {
    border-bottom-width: 1px;
    border-bottom-color: #dddddd;
    margin: 30px 0 20px;
}

.sub-header {
    margin: 10px 0 20px;
    padding: 10px 0;
    border-bottom: 1px dotted #dddddd;
}

blockquote {
    border-left-width: 3px;
}

blockquote {
    margin: 20px 0;
    padding: 30px 60px 30px 20px;
    position: relative;
    width: 100%;
    border-color: #eaedf1;
}

blockquote:before {
    display: block;
    content: "\201C";
    font-family: serif;
    font-size: 96px;
    position: absolute;
    right: 10px;
    top: -30px;
    color: #eaedf1;
}

blockquote.pull-right:before {
    left: 10px;
    right: auto;
}

/* Forms */
label {
    font-weight: 600;
}

fieldset legend {
    font-size: 16px;
    padding: 30px 0 10px;
    border-bottom: 2px solid #eaedf1;
}

input[type="file"] {
    padding-top: 7px;
}

input[type="text"].form-control,
input[type="password"].form-control,
input[type="email"].form-control,
textarea.form-control {
    -webkit-appearance: none;
}

.form-control {
    font-size: 13px;
    padding: 6px 8px;
    max-width: 100%;
    margin: 1px 0;
    color: #394263;
    border-color: #dbe1e8;
}

.form-control-borderless .form-control,
.form-control-borderless .input-group-addon,
.form-control-borderless,
.form-control-borderless:focus {
    border: transparent !important;
}

.input-group {
    margin-top: 1px;
    margin-bottom: 1px;
}

.btn-white {
    color: #fff !important;
}

.input-group .form-control {
    margin-top: 0;
}

.form-control:focus {
    border-color: #1bbae1;
}

.help-block {
    color: #777777;
    font-weight: 400;
}

.input-group-addon {
    min-width: 45px;
    text-align: center;
    background-color: #ffffff;
    border-color: #dbe1e8;
}

.form-horizontal .control-label {
    margin-bottom: 5px;
}

.form-bordered {
    margin: -15px -15px -1px;
}

.modal-body .form-bordered {
    margin-bottom: -20px;
}

.form-bordered fieldset legend {
    margin: 0;
    padding-left: 20px;
    padding-right: 20px;
}

.form-bordered .form-group {
    margin: 0;
    border: none;
    padding: 15px;
}

.form-bordered .form-group.form-actions {
    background-color: #f9fafc;
    border-bottom: none;
}

.form-horizontal.form-bordered .form-group {
    padding-left: 0;
    padding-right: 0;
}

.form-bordered .help-block {
    margin-bottom: 0;
}

.has-success .form-control,
.has-warning .form-control,
.has-error .form-control {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.has-success .help-block,
.has-success .control-label,
.has-success .input-group-addon,
.has-success .checkbox,
.has-success .checkbox-inline,
.has-success .radio,
.has-success .radio-inline {
    color: #27ae60;
}

.has-success .form-control,
.has-success .input-group-addon {
    border-color: #27ae60;
    background-color: #ffffff;
}

.has-success .form-control:focus {
    border-color: #166638;
}

.has-warning .help-block,
.has-warning .control-label,
.has-warning .input-group-addon,
.has-warning .checkbox,
.has-warning .checkbox-inline,
.has-warning .radio,
.has-warning .radio-inline {
    color: #e67e22;
}

.has-warning .form-control,
.has-warning .input-group-addon {
    border-color: #e67e22;
    background-color: #ffffff;
}

.has-warning .form-control:focus {
    border-color: #b3621b;
}

.has-error .help-block,
.has-error .control-label,
.has-error .input-group-addon,
.has-error .checkbox,
.has-error .checkbox-inline,
.has-error .radio,
.has-error .radio-inline {
    color: #e74c3c;
}

.has-error .form-control,
.has-error .input-group-addon {
    border-color: #e74c3c;
    background-color: #ffffff;
}

.has-error .form-control:focus {
    border-color: #c0392b;
}

/* Form Wizards */
.wizard-steps {
    border-bottom: 1px solid #eaedf1;
    margin-bottom: 20px;
}

.form-bordered .wizard-steps {
    margin-bottom: 0;
}

.wizard-steps .row {
    margin: 0;
}

.wizard-steps .row div {
    padding: 15px 0;
    font-size: 15px;
    text-align: center;
}

.form-bordered .wizard-steps .row div {
    padding-top: 10px;
}

.wizard-steps span {
    display: inline-block;
    width: 100px;
    height: 100px;
    line-height: 100px;
    border: 1px solid #1bbae1;
    border-radius: 50px;
}

.wizard-steps div.done span,
.wizard-steps div.active span {
    background-color: #1bbae1;
    color: #ffffff;
}

.wizard-steps div.done span {
    opacity: 0.25;
}

.wizard-steps div.active span {
    opacity: 1;
}

/* Form Select Switches */
.switch {
    margin: 1px 0;
    position: relative;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
}

.switch input {
    position: absolute;
    opacity: 0;
}

.switch span {
    position: relative;
    display: inline-block;
    width: 54px;
    height: 28px;
    border-radius: 28px;
    background-color: #f9f9f9;
    border: 1px solid #dddddd;
    -webkit-transition: background-color 0.35s;
    transition: background-color 0.35s;
}

.switch span:after {
    content: "";
    position: absolute;
    left: 2px;
    top: 1px;
    bottom: 1px;
    width: 24px;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 50%;
    -webkit-box-shadow: 1px 0 3px rgba(0, 0, 0, 0.05);
    box-shadow: 1px 0 3px rgba(0, 0, 0, 0.05);
    -webkit-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
}

.switch input:checked + span:after {
    left: 26px;
    border: none;
    -webkit-box-shadow: -2px 0 3px rgba(0, 0, 0, 0.1);
    box-shadow: -2px 0 3px rgba(0, 0, 0, 0.1);
}

.switch input:checked + span {
    background-color: #eeeeee;
}

.switch-default span {
    border-color: #dbe1e8;
}

.switch-default input:checked + span {
    background-color: #dbe1e8;
}

.switch-primary span {
    border-color: #1bbae1;
}

.switch-primary input:checked + span {
    background-color: #1bbae1;
}

.switch-info span {
    border-color: #7abce7;
}

.switch-info input:checked + span {
    background-color: #7abce7;
}

.switch-success span {
    border-color: #aad178;
}

.switch-success input:checked + span {
    background-color: #aad178;
}

.switch-warning span {
    border-color: #f7be64;
}

.switch-warning input:checked + span {
    background-color: #f7be64;
}

.switch-danger span {
    border-color: #ef8a80;
}

.switch-danger input:checked + span {
    background-color: #ef8a80;
}

/* Tables */
.table.table-vcenter th,
.table.table-vcenter td {
    vertical-align: middle;
}

.table-options {
    padding: 6px 0;
}

.table thead > tr > th {
    font-size: 18px;
    font-weight: 600;
}

.table thead > tr > th > small {
    font-weight: 400;
    font-size: 75%;
}

.table thead > tr > th,
.table thead > tr > td,
.table tfoot > tr > th,
.table tfoot > tr > td {
    padding-top: 14px;
    padding-bottom: 14px;
}

.table tfoot > tr > th,
.table tfoot > tr > td {
    background-color: #f9fafc;
}

.table-borderless tbody > tr > th,
.table-borderless tbody > tr > td {
    border-top-width: 0;
}

.table thead > tr > th,
.table tbody > tr > th,
.table tfoot > tr > th,
.table thead > tr > td,
.table tbody > tr > td,
.table tfoot > tr > td,
.table tbody + tbody,
.table-bordered,
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
    border-color: #eaedf1;
}

.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
    background-color: #fcf9f9;
    color:black;
}

.mudar-cor-passagens-lista{
    background-color: #9f9f9f !important;
}

/* List Group */
.list-group-item {
    border-color: #eaedf1;
}

a.list-group-item.active,
a.list-group-item.active:hover,
a.list-group-item.active:focus {
    background-color: #1bbae1;
    border-color: #1bbae1;
}

a.list-group-item.active .list-group-item-text,
a.list-group-item.active:hover .list-group-item-text,
a.list-group-item.active:focus .list-group-item-text {
    color: #ffffff;
}

a.list-group-item:hover,
a.list-group-item:focus {
    background-color: #f9fafc;
}

a.list-group-item.active > .badge {
    background: rgba(0, 0, 0, 0.4);
    color: #ffffff;
}

/* Navs */
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus,
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus,
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
    color: #fff;
    background-color: #1bbae1;
}

.nav > li i {
    font-size: 14px;
}

.nav-pills > .active > a > .badge {
    color: #1bbae1;
}

.nav-stacked > li > a {
    margin: 4px 0 0;
}

.nav .caret,
.nav a:hover .caret,
.nav a:focus .caret {
    border-top-color: #1bbae1;
    border-bottom-color: #1bbae1;
}

.nav > li > a:hover,
.nav > li > a:focus {
    background-color: #f9fafc;
}

.nav-tabs {
    border-bottom-color: #eaedf1;
}

.nav-tabs > li {
    margin-bottom: 0;
}

.nav-tabs > li > a {
    padding-left: 7px;
    padding-right: 7px;
    margin-bottom: -1px;
}

.nav-tabs > li > a:hover {
    border-color: #eaedf1;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
    color: #394263;
    border-color: #eaedf1;
    border-bottom-color: transparent;
}

.nav-pills > li.active > a > .badge {
    background: rgba(0, 0, 0, 0.2);
    color: #ffffff;
}

.nav-pills.nav-icons > li > a i {
    margin-right: 10px;
}

.nav-pills.nav-icons > li.active > a i,
.nav-pills.nav-icons > li.active > a:hover i,
.nav-pills.nav-icons > li.active > a:focus i {
    color: #ffffff;
}

.dropdown-menu {
    padding: 0;
    font-size: 13px;
    border-color: #dbe1e8;
    -webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.1);
    box-shadow: 0 3px 6px rgba(0,0,0,0.1);
}

.dropdown-menu > li > a {
    padding: 6px 10px;
}

.dropdown-menu i {
    opacity: 0.2;
    line-height: 17px;
}

.dropdown-menu a:hover i {
    opacity: 0.5;
}

.dropdown-menu .divider {
    margin: 2px 0;
    padding: 0 !important;
    background-color: #f0f0f0;
}

li.dropdown-header {
    padding: 5px 10px;
    color: #394263;
    background-color: #f9fafc;
    border-top: 1px solid #eaedf1;
    border-bottom: 1px solid #eaedf1;
}

.dropdown-menu li:first-child.dropdown-header {
    border-top: none;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.dropdown-menu.dropdown-custom {
    min-width: 200px;
}

.dropdown-menu.dropdown-custom > li {
    padding: 8px 10px;
    font-size: 12px;
}

.dropdown-menu.dropdown-custom > li > a {
    border-radius: 3px;
}

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -3px;
    margin-left: 0;
}

.dropdown-submenu:hover > .dropdown-menu {
    display: block;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left > .dropdown-menu {
    left: -100%;
    margin-left: 10px;
}

.collapse.in .dropdown.open .dropdown-menu {
    display: block;
    position: static;
    margin: 0 0 0 15px;
    left: auto;
    top: auto;
}

.navbar-fixed-top .dropdown-menu {
    max-height: 400px;
    overflow-y: auto;
}

.pagination > li > a,
.pagination > li > span  {
    color: #1bbae1;
    margin-left: 5px;
    margin-right: 5px;
    border: none !important;
    border-radius: 25px !important;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    background-color: #1bbae1;
}

.pager > li > a,
.pager > li > span {
    border-color: #eaedf1;
}

.pager > li > a:hover,
.pagination > li > a:hover {
    background-color: #1bbae1;
    border-color: #1bbae1;
    color: #ffffff;
}

.pager > li.disabled > a:hover {
    border-color: #eaedf1;
}

/* Horizontal Navigation */
.nav-horizontal {
    padding: 10px 7px 1px;
    margin: 0;
    list-style: none;
}

.nav-horizontal li {
    display: inline-block;
    margin: 0 3px 9px;
}

.nav-horizontal a {
    display: block;
    min-width: 140px;
    border-radius: 3px;
    font-weight: bold;
    text-align: left;
    padding: 8px 10px;
    background-color: #f9fafc;
}

.nav-horizontal a:hover,
.nav-horizontal li.active a {
    background-color: #1bbae1;
    text-decoration: none;
    color: #ffffff;
}

.nav-horizontal a:focus {
    text-decoration: none;
}

.nav-horizontal a:hover i,
.nav-horizontal li.active a i {
    color: #ffffff;
    opacity: .6;
}

.nav-horizontal i {
    display: inline-block;
    font-size: 14px;
    color: #dbe1e8;
    margin-right: 5px;
}

/* Popover */
.popover-title {
    background: none;
    border: none;
    font-size: 17px;
    font-weight: 600;
}

/* Tooltip */
.tooltip {
    z-index: 1051;
}

.tooltip.in {
    opacity: 1;
}

.tooltip-inner {
    padding: 4px 6px;
    background-color: #000000;
    color: #ffffff;
}

.tooltip.top .tooltip-arrow,
.tooltip.top-left .tooltip-arrow,
.tooltip.top-right .tooltip-arrow {
    border-top-color: #000000;
}

.tooltip.right .tooltip-arrow {
    border-right-color: #000000;
}

.tooltip.left .tooltip-arrow {
    border-left-color: #000000;
}

.tooltip.bottom .tooltip-arrow,
.tooltip.bottom-left .tooltip-arrow,
.tooltip.bottom-right .tooltip-arrow {
    border-bottom-color: #000000;
}

/* Breadcrumps */
.breadcrumb {
    background-color: #ffffff;
}

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

.breadcrumb-top {
    margin: -10px -5px 10px;
    padding: 7px 10px;
    border-top: 1px solid #eaedf1;
    border-bottom: 1px solid #dbe1e8;
    font-size: 12px;
}

.content-header + .breadcrumb-top,
.breadcrumb-top + .content-header {
    margin-top: -11px;
}

.breadcrumb > li + li:before {
    content: "\203a";
}

/* Progress Bars */
.progress,
.progress-bar {
    height: 20px;
    line-height: 20px;
}

.progress-bar-danger {
    background-color: #e74c3c;
}

.progress-bar-warning {
    background-color: #f39c12;
}

.progress-bar-success {
    background-color: #2ecc71;
}

.progress-bar-info {
    background-color: #3498db;
}

/* Modals */
.modal-content {
    border-radius: 3px;
}

.modal-header {
    padding: 15px 15px 14px;
    border-bottom: 1px solid #eeeeee;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.modal-title {
    font-weight: 300;
}

.modal-body {
    padding: 20px 15px;
}

.modal-body .nav-tabs {
    margin: 0 -15px 15px;
    padding: 0 5px !important;
}

.modal-footer {
    margin-top: 0;
    padding: 14px 15px 15px;
    border-top: 1px solid #eeeeee;
    background-color: #f9f9f9;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

/* Buttons */
.btn {
    margin: 1px 0;
    background-color: #ffffff;
}

.btn .gi,
.btn .hi,
.btn .si,
.btn .fi {
    line-height: 1;
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
    opacity: 0.4;
}

.block-options .btn,
.input-group .btn,
.modal-content .btn {
    margin-top: 0;
    margin-bottom: 0;
}

.btn-default {
    background-color: #f1f3f6;
    border-color: #dbe1e8;
    color: #394263;
}

.btn-default.btn-alt {
    background-color: #ffffff;
}

.btn-default:hover {
    background-color: #eaedf1;
    border-color: #c2c8cf;
}

.btn-default:focus,
.btn-default.focus,
.btn-default:active,
.btn-default:active:hover,
.btn-default:active:focus,
.btn-default.active,
.btn-default.active:hover,
.btn-default.active:focus,
.open .btn-default.dropdown-toggle,
.open .btn-default.dropdown-toggle:hover,
.open .btn-default.dropdown-toggle:focus,
.open .btn-default.dropdown-toggle.focus {
    background-color: #eaedf1;
    border-color: #eaedf1;
}

.btn-default.disabled,
.btn-default.disabled:hover,
.btn-default.disabled:focus,
.btn-default.disabled:active,
.btn-default.disabled.active,
.btn-default[disabled]:hover,
.btn-default[disabled]:focus,
.btn-default[disabled].focus,
.btn-default[disabled]:active,
.btn-default[disabled].active,
.btn-default[disabled]:active:focus,
.btn-default[disabled].active:focus,
fieldset[disabled] .btn-default:hover,
fieldset[disabled] .btn-default:focus,
fieldset[disabled] .btn-default.focus,
fieldset[disabled] .btn-default:active,
fieldset[disabled] .btn-default.active,
fieldset[disabled] .btn-default:active:focus,
fieldset[disabled] .btn-default.active:focus {
    background-color: #eaedf1;
    border-color: #eaedf1;
}

.btn-primary {
    background-color: #6ad2eb;
    border-color: #1bbae1;
    color: #ffffff;
}

.btn-primary.btn-alt {
    background-color: #ffffff;
    color: #1bbae1;
}

.btn-primary:hover {
    background-color: #1bbae1;
    border-color: #1593b3;
    color: #ffffff;
}

.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary:active:hover,
.btn-primary:active:focus,
.btn-primary.active,
.btn-primary.active:hover,
.btn-primary.active:focus,
.open .btn-primary.dropdown-toggle,
.open .btn-primary.dropdown-toggle:hover,
.open .btn-primary.dropdown-toggle:focus,
.open .btn-primary.dropdown-toggle.focus {
    background-color: #1bbae1;
    border-color: #1bbae1;
    color: #ffffff;
}

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

.btn-danger {
    background-color: #ef8a80;
    border-color: #e74c3c;
    color: #ffffff;
}

.btn-danger.btn-alt {
    background-color: #ffffff;
    color: #e74c3c;
}

.btn-danger:hover {
    background-color: #e74c3c;
    border-color: #9c3428;
    color: #ffffff;
}

.btn-danger:focus,
.btn-danger.focus,
.btn-danger:active,
.btn-danger:active:hover,
.btn-danger:active:focus,
.btn-danger.active,
.btn-danger.active:hover,
.btn-danger.active:focus,
.open .btn-danger.dropdown-toggle,
.open .btn-danger.dropdown-toggle:hover,
.open .btn-danger.dropdown-toggle:focus,
.open .btn-danger.dropdown-toggle.focus {
    background-color: #e74c3c;
    border-color: #e74c3c;
    color: #ffffff;
}

.btn-danger.disabled,
.btn-danger.disabled:hover,
.btn-danger.disabled:focus,
.btn-danger.disabled:active,
.btn-danger.disabled.active,
.btn-danger[disabled]:hover,
.btn-danger[disabled]:focus,
.btn-danger[disabled].focus,
.btn-danger[disabled]:active,
.btn-danger[disabled].active,
.btn-danger[disabled]:active:focus,
.btn-danger[disabled].active:focus,
fieldset[disabled] .btn-danger:hover,
fieldset[disabled] .btn-danger:focus,
fieldset[disabled] .btn-danger.focus,
fieldset[disabled] .btn-danger:active,
fieldset[disabled] .btn-danger.active,
fieldset[disabled] .btn-danger:active:focus,
fieldset[disabled] .btn-danger.active:focus {
    background-color: #e74c3c;
    border-color: #e74c3c;
    color: #ffffff;
}

.btn-warning {
    background-color: #f7be64;
    border-color: #f39c12;
    color: #ffffff;
}

.btn-warning.btn-alt {
    background-color: #ffffff;
    color: #f39c12;
}

.btn-warning:hover {
    background-color: #f39c12;
    border-color: #b3730c;
    color: #ffffff;
}

.btn-warning:focus,
.btn-warning.focus,
.btn-warning:active,
.btn-warning:active:hover,
.btn-warning:active:focus,
.btn-warning.active,
.btn-warning.active:hover,
.btn-warning.active:focus,
.open .btn-warning.dropdown-toggle,
.open .btn-warning.dropdown-toggle:hover,
.open .btn-warning.dropdown-toggle:focus,
.open .btn-warning.dropdown-toggle.focus {
    background-color: #f39c12;
    border-color: #f39c12;
    color: #ffffff;
}

.btn-warning.disabled,
.btn-warning.disabled:hover,
.btn-warning.disabled:focus,
.btn-warning.disabled:active,
.btn-warning.disabled.active,
.btn-warning[disabled]:hover,
.btn-warning[disabled]:focus,
.btn-warning[disabled].focus,
.btn-warning[disabled]:active,
.btn-warning[disabled].active,
.btn-warning[disabled]:active:focus,
.btn-warning[disabled].active:focus,
fieldset[disabled] .btn-warning:hover,
fieldset[disabled] .btn-warning:focus,
fieldset[disabled] .btn-warning.focus,
fieldset[disabled] .btn-warning:active,
fieldset[disabled] .btn-warning.active,
fieldset[disabled] .btn-warning:active:focus,
fieldset[disabled] .btn-warning.active:focus {
    background-color: #f39c12;
    border-color: #f39c12;
    color: #ffffff;
}

.btn-success {
    background-color: #aad178;
    border-color: #7db831;
    color: #ffffff;
}

.btn-success.btn-alt {
    background-color: #ffffff;
    color: #7db831;
}

.btn-success:hover {
    background-color: #7db831;
    border-color: #578022;
    color: #ffffff;
}

.btn-success:focus,
.btn-success.focus,
.btn-success:active,
.btn-success:active:hover,
.btn-success:active:focus,
.btn-success.active,
.btn-success.active:hover,
.btn-success.active:focus,
.open .btn-success.dropdown-toggle,
.open .btn-success.dropdown-toggle:hover,
.open .btn-success.dropdown-toggle:focus,
.open .btn-success.dropdown-toggle.focus {
    background-color: #7db831;
    border-color: #7db831;
    color: #ffffff;
}

.btn-success.disabled,
.btn-success.disabled:hover,
.btn-success.disabled:focus,
.btn-success.disabled:active,
.btn-success.disabled.active,
.btn-success[disabled]:hover,
.btn-success[disabled]:focus,
.btn-success[disabled].focus,
.btn-success[disabled]:active,
.btn-success[disabled].active,
.btn-success[disabled]:active:focus,
.btn-success[disabled].active:focus,
fieldset[disabled] .btn-success:hover,
fieldset[disabled] .btn-success:focus,
fieldset[disabled] .btn-success.focus,
fieldset[disabled] .btn-success:active,
fieldset[disabled] .btn-success.active,
fieldset[disabled] .btn-success:active:focus,
fieldset[disabled] .btn-success.active:focus {
    background-color: #7db831;
    border-color: #7db831;
    color: #ffffff;
}

.btn-info {
    background-color: #7abce7;
    border-color: #3498db;
    color: #ffffff;
}

.btn-info.btn-alt {
    background-color: #ffffff;
    color: #3498db;
}

.btn-info:hover {
    background-color: #3498db;
    border-color: #2875a8;
    color: #ffffff;
}

.btn-info:focus,
.btn-info.focus,
.btn-info:active,
.btn-info:active:hover,
.btn-info:active:focus,
.btn-info.active,
.btn-info.active:hover,
.btn-info.active:focus,
.open .btn-info.dropdown-toggle,
.open .btn-info.dropdown-toggle:hover,
.open .btn-info.dropdown-toggle:focus,
.open .btn-info.dropdown-toggle.focus {
    background-color: #3498db;
    border-color: #3498db;
    color: #ffffff;
}

.btn-info.disabled,
.btn-info.disabled:hover,
.btn-info.disabled:focus,
.btn-info.disabled:active,
.btn-info.disabled.active,
.btn-info[disabled]:hover,
.btn-info[disabled]:focus,
.btn-info[disabled].focus,
.btn-info[disabled]:active,
.btn-info[disabled].active,
.btn-info[disabled]:active:focus,
.btn-info[disabled].active:focus,
fieldset[disabled] .btn-info:hover,
fieldset[disabled] .btn-info:focus,
fieldset[disabled] .btn-info.focus,
fieldset[disabled] .btn-info:active,
fieldset[disabled] .btn-info.active,
fieldset[disabled] .btn-info:active:focus,
fieldset[disabled] .btn-info.active:focus {
    background-color: #3498db;
    border-color: #3498db;
    color: #ffffff;
}

.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link.btn-icon:hover,
.btn-link.btn-icon:focus {
    color: #1bbae1;
}

.btn-link.btn-icon {
    color: #999999;
}

.btn-link.btn-icon:hover,
.btn-link.btn-icon:focus {
    text-decoration: none;
}

.block-options .btn {
    border-radius: 15px;
    padding-right: 8px;
    padding-left: 8px;
    min-width: 30px;
    text-align: center;
}

/* Panels */
.panel {
    margin-bottom: 20px;
}

.panel-heading {
    padding: 15px;
}

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

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

.panel-group {
    margin-bottom: 20px;
}

/* Pre, Code */
pre {
    background: #151515;
    overflow: scroll;
}

code {
    border: 1px solid #fad4df;
    margin: 1px 0;
    display: inline-block;
}

.btn code {
    display: inline;
    margin: 0;
}

/* Alerts */
.alert {
    border-top-width: 0;
    border-right-width: 2px;
    border-bottom-width: 0;
    border-left-width: 2px;
}

.alert-danger {
    color: #e74c3c;
    background-color: #ffd1cc;
    border-color: #ffb8b0;
}

.alert-danger .alert-link {
    color: #e74c3c;
}

.alert-warning {
    color: #e67e22;
    background-color: #ffe4cc;
    border-color: #ffd6b2;
}

.alert-warning .alert-link {
    color: #e67e22;
}

.alert-success {
    color: #27ae60;
    background-color: #daf2e4;
    border-color: #b8e5cb;
}

.alert-success .alert-link {
    color: #27ae60;
}

.alert-info {
    color: #3498db;
    background-color: #dae8f2;
    border-color: #b8d2e5;
}

.alert-info .alert-link {
    color: #3498db;
}

.alert-dismissable .close {
    top: -5px;
    right: -25px;
}

.close {
    text-shadow: none;
}

/* Alternative Alerts */
.alert.alert-alt {
    margin: 0 0 2px;
    padding: 5px;
    font-size: 12px;
    border-width: 0;
    border-left-width: 2px;
}

.alert.alert-alt small {
    opacity: 0.75;
}

.alert-alt.alert-dismissable .close {
    right: 0;
}

.alert-alt.alert-dismissable .close:hover {
    color: #ffffff;
}

.alert-danger.alert-alt {
    border-color: #e74c3c;
}

.alert-warning.alert-alt {
    border-color: #e67e22;
}

.alert-success.alert-alt {
    border-color: #27ae60;
}

.alert-info.alert-alt {
    border-color: #3498db;
}

.sidebar-content .alert.alert-alt {
    margin-left: -10px;
    padding-left: 10px;
    background: transparent;
    color: #ffffff;
}

#sidebar-alt .sidebar-content .alert.alert-alt {
    margin-left: 0;
    margin-right: -10px;
    padding-left: 0;
    padding-right: 10px;
}

#sidebar-alt .sidebar-content .alert.alert-alt {
    border-width: 0;
    border-right-width: 2px;
}

/* Labels, Badges */
.label,
.badge {
    font-weight: normal;
    font-size: 90%;
}

.label {
    padding: 1px 4px;
}

.badge {
    background: rgba(0, 0, 0, 0.3);
    padding: 3px 6px;
}

.label-danger {
    background-color: #e74c3c;
}

.label-danger[href]:hover,
.label-danger[href]:focus {
    background-color: #ff5542;
}

.label-warning {
    background-color: #e67e22;
}

.label-warning[href]:hover,
.label-warning[href]:focus {
    background-color: #ff8b26;
}

.label-success {
    background-color: #27ae60;
}

.label-success[href]:hover,
.label-success[href]:focus {
    background-color: #2cc76c;
}

.label-info {
    background-color: #2980b9;
}

.label-info[href]:hover,
.label-info[href]:focus {
    background-color: #2f92d4;
}

.label-primary {
    background-color: #1bbae1;
}

.label-primary[href]:hover,
.label-primary[href]:focus {
    background-color: #5ac5e0;
}

.label-default {
    background-color: #999999;
}

.label-default[href]:hover,
.label-default[href]:focus {
    background-color: #777777;
}

/* Carousel */
.carousel-control.left,
.carousel-control.right,
.carousel-control.left.no-hover:hover,
.carousel-control.right.no-hover:hover {
    background: none;
}

.carousel-control.left:hover,
.carousel-control.right:hover {
    background: rgba(0, 0, 0, 0.30);
}

.carousel-control span {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 5;
    display: inline-block;
}

.carousel-control i {
    width: 20px;
    height: 20px;
    margin-top: -10px;
    margin-left: -10px;
}

/* Bottom Margin */
p, .table, .alert, .carousel {
    margin-bottom: 20px;
}

/* Removing shadows and radius */
.navbar-form-custom .form-control:hover,
.navbar-form-custom .form-control:focus,
.navbar-form,
.navbar-collapse,
.form-control,
.form-control:focus,
.has-success .form-control:focus,
.has-warning .form-control:focus,
.has-error .form-control:focus,
.popover,
.progress,
.progress-bar,
.btn.active,
.open .btn.dropdown-toggle,
.panel {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.navbar-form-custom .form-control,
.navbar,
.dropdown-menu,
.tooltip-inner,
.breadcrumb,
.alert.alert-alt {
    border-radius: 0;
}

/*
=================================================================
(#m07hes) HELPERS
=================================================================
*/

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

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

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

.display-none {
    display: none;
}

.remove-margin {
    margin: 0 !important;
}

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

.remove-padding {
    padding: 0 !important;
}

.remove-radius {
    border-radius: 0 !important;
}

.remove-box-shadow {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.remove-transition {
    -moz-transition: none !important;
    -webkit-transition: none !important;
    transition: none !important;
}

.lt-ie10 .hidden-lt-ie10 {
    display: none !important;
}

.visible-lt-ie10 {
    display: none;
}

.lt-ie10 .visible-lt-ie10 {
    display: block;
}

:focus {
    outline: 0 !important;
}

/*
=================================================================
(#m08ths) THEMES
=================================================================
*/

/* Alternative Main Style */
.style-alt #page-content {
    background-color: #ffffff;
}

.style-alt .block {
    border-color: #dbe1e8;
}

.style-alt .block.block-alt-noborder {
    border-color: transparent;
}

.style-alt .block-title {
    background-color: #dbe1e8;
    border-bottom-color: #dbe1e8;
}

.style-alt .content-header + .breadcrumb-top,
.style-alt .breadcrumb-top + .content-header,
.style-alt #page-content + footer {
    background-color: #f9fafc;
}

.style-alt .content-header,
.style-alt .breadcrumb-top {
    border-bottom-color: #eaedf1;
}

.style-alt #page-content + footer {
    border-top-color: #eaedf1;
}

.style-alt .widget,
.style-alt .task-list li {
    background-color: #f6f6f6;
}

/* Test Circle used in Color Themes Page */
.test-circle {
    display: inline-block;
    width: 100px;
    height: 100px;
    line-height: 100px;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    border-radius: 50px;
    background-color: #eeeeee;
    border: 2px solid #cccccc;
    color: #ffffff;
    margin-bottom: 15px;
}

/* Default Color Theme specific colors */
.themed-color {
    color: #1bbae1;
}

.themed-border {
    border-color: #1bbae1;
}

.themed-background {
    background-color: #1bbae1;
}

.themed-color-dark {
    color: #394263;
}

.themed-border-dark {
    border-color: #394263;
}

.themed-background-dark {
    background-color: #394263;    
}

.themed-background-dark-light {
    background-color: #507994 !important;
}

/* Contextual Background Colors */
.themed-background-danger {
    background-color: #e74c3c !important;
}

.themed-background-warning {
    background-color: #e67e22 !important;
}

.themed-background-info {
    background-color: #3498db !important;
}

.themed-background-success {
    background-color: #27ae60 !important;
}

.themed-background-muted {
    background-color: #999999 !important;
}

.themed-background-muted-light {
    background-color: #f9f9f9!important;
}

/*
=================================================================
(#m09res) RESPONSIVE
=================================================================
*/

/* Small devices, Tablets (>767px) */
@media screen and (min-width: 768px) {

    /* General */
    #login-background {
        height: 100vh;
    }

    #login-background > img {
        top: 0;
    }

    #login-container,
    #login-alt-container {
        width: 480px;
        top: 136px;
        margin-left: -240px;
    }

    .full-page-container {
        width: 740px;
        top: 120px;
        padding: 20px;
        margin-left: -370px;
    }

    .full-page-section {
        padding: 50px 0;
        margin: 50px -20px;
    }

    #page-content {
        padding: 20px 20px 1px;
    }

    .header-section,
    .breadcrumb-top,
    .block,
    .block.full,
    .modal-body,
    #page-content + footer {
        padding-left: 20px;
        padding-right: 20px;
    }

    .block .block-content-full {
        margin: -20px -20px -1px;
    }

    .block.full .block-content-full {
        margin: -20px;
    }

    .content-header,
    .content-top,
    .breadcrumb-top {
        margin: -20px -20px 20px;
    }

    .content-header + .breadcrumb-top,
    .breadcrumb-top + .content-header {
        margin-top: -21px;
    }

    .block,
    .widget {
        margin-bottom: 20px;
    }

    .block-title,
    .block-top {
        margin-left: -20px;
        margin-right: -20px;
    }

    .draggable-placeholder {
        margin-bottom: 20px;
    }

    .navbar-fixed-top .dropdown-menu {
        max-height: none;
        overflow-y: visible;
    }

    /* Forms */
    .form-bordered {
        margin-left: -20px;
        margin-right: -20px;
    }

    .form-bordered .form-group {
        padding-left: 20px;
        padding-right: 20px;
    }

    .form-horizontal.form-bordered .form-group {
        padding-left: 5px;
        padding-right: 5px;
    }

    /* Tabs */
    .nav-tabs > li > a {
        padding-left: 15px;
        padding-right: 15px;
        margin-left: 3px;
        margin-right: 3px;
    }

    /* Chat UI */
    .chatui-people,
    .chatui-talk,
    .chatui-input {
        position: absolute;
    }

    .chatui-talk,
    .chatui-input {
        right: 250px;
        left: 0;
    }

    .chatui-people {
        top: 0;
        right: 0;
        bottom: 0;
        width: 250px;
        height: auto;
    }

    .chatui-talk {
        height: auto;
    }

    .chatui-talk .chatui-talk-msg {
        width: 50%;
        margin-left: 50%;
    }

    .chatui-talk .chatui-talk-msg.chatui-talk-msg-highlight {
        margin-left: 0;
        margin-right: 50%;
    }

    .chatui-input {
        bottom: 0;
    }
}

/* Medium devices, Desktops (>991px) */
@media screen and (min-width: 992px) {

    /* General */
    #login-alt-container {
        display: block;
    }

    /* Sidebar Animations */
    .sidebar-no-animations #sidebar,
    .sidebar-no-animations #sidebar-alt {
        -webkit-transition: opacity 0.5s linear, background-color 0.2s ease-out;
        transition: opacity 0.5s linear, background-color 0.2s ease-out;
    }

    .sidebar-no-animations #main-container,
    .sidebar-no-animations.header-fixed-top header.navbar-fixed-top,
    .sidebar-no-animations.header-fixed-bottom header.navbar-fixed-bottom,
    .sidebar-no-animations.footer-fixed #page-content + footer {
        -webkit-transition: none;
        transition: none;
    }

    /* Reset sidebar classes used only on small screens */
    .sidebar-visible-xs #sidebar,
    .sidebar-alt-visible-xs #sidebar-alt {
        width: 0;
    }

    .sidebar-visible-xs #main-container,
    .sidebar-alt-visible-xs #main-container {
        margin-left: 0;
        margin-right: 0;
    }

    .sidebar-visible-xs.header-fixed-top header.navbar-fixed-top,
    .sidebar-visible-xs.header-fixed-bottom header.navbar-fixed-bottom,
    .sidebar-alt-visible-xs.header-fixed-top header.navbar-fixed-top,
    .sidebar-alt-visible-xs.header-fixed-bottom header.navbar-fixed-bottom,
    .sidebar-visible-xs.footer-fixed #page-content + footer,
    .sidebar-alt-visible-xs.footer-fixed #page-content + footer {
        right: 0;
        left: 0;
    }

    /* Both Sidebars */
    #sidebar,
    #sidebar-alt,
    .sidebar-partial #sidebar,
    .sidebar-alt-partial #sidebar-alt {
        width: 0;
        opacity: 0.2;
    }

    .sidebar-partial #sidebar,
    .sidebar-alt-partial #sidebar-alt {
        width: 25px;
    }

    .sidebar-partial #sidebar:hover,
    .sidebar-visible-lg #sidebar,
    .sidebar-visible-lg.sidebar-partial #sidebar,
    .sidebar-alt-partial #sidebar-alt:hover,
    .sidebar-alt-visible-lg #sidebar-alt,
    .sidebar-alt-visible-lg.sidebar-alt-partial #sidebar-alt {
        width: 200px;
        opacity: 1;
    }

    .sidebar-partial #sidebar .sidebar-brand i,
    .sidebar-alt-partial #sidebar-alt .sidebar-brand i {
        display: none;
    }

    .sidebar-partial #sidebar:hover .sidebar-brand i,
    .sidebar-visible-lg #sidebar .sidebar-brand i,
    .sidebar-alt-partial #sidebar-alt:hover .sidebar-brand i,
    .sidebar-alt-visible-lg #sidebar-alt .sidebar-brand i {
        display: inline-block;
    }

    /* Main Sidebar */
    .sidebar-partial #main-container {
        margin-left: 25px;
    }

    .sidebar-partial #sidebar:hover + #main-container,
    .sidebar-visible-lg #main-container {
        margin-left: 200px;
    }

    .sidebar-partial.footer-fixed #main-container #page-content + footer,
    .sidebar-partial.header-fixed-top header.navbar-fixed-top,
    .sidebar-partial.header-fixed-bottom header.navbar-fixed-bottom {
        left: 65px;
    }

    .sidebar-partial #sidebar:hover + #main-container header.navbar-fixed-top,
    .sidebar-partial #sidebar:hover + #main-container header.navbar-fixed-bottom,
    .sidebar-partial #sidebar:hover + #main-container #page-content + footer,
    .sidebar-visible-lg.header-fixed-top header.navbar-fixed-top,
    .sidebar-visible-lg.header-fixed-bottom header.navbar-fixed-bottom,
    .sidebar-visible-lg.footer-fixed #main-container #page-content + footer {
        left: 200px;
    }

    /* Alternative Sidebar */
    .sidebar-alt-partial #main-container {
        margin-right: 65px;
    }

    .sidebar-alt-partial #sidebar-alt:hover ~ #main-container,
    .sidebar-alt-visible-lg #main-container {
        margin-right: 200px;
    }

    .sidebar-alt-partial.footer-fixed #main-container #page-content + footer,
    .sidebar-alt-partial.header-fixed-top header.navbar-fixed-top,
    .sidebar-alt-partial.header-fixed-bottom header.navbar-fixed-bottom {
        right: 65px;
    }

    .sidebar-alt-partial #sidebar-alt:hover ~ #main-container header.navbar-fixed-top,
    .sidebar-alt-partial #sidebar-alt:hover ~ #main-container header.navbar-fixed-bottom,
    .sidebar-alt-partial #sidebar-alt:hover ~ #main-container #page-content + footer,
    .sidebar-alt-visible-lg.header-fixed-top header.navbar-fixed-top,
    .sidebar-alt-visible-lg.header-fixed-bottom header.navbar-fixed-bottom,
    .sidebar-alt-visible-lg.footer-fixed #main-container #page-content + footer {
        right: 200px;
    }

    /* Main Sidebar - Mini mode */
    .sidebar-mini.sidebar-visible-lg-mini #main-container {
        margin-left: 40px;
    }

    .sidebar-mini.sidebar-visible-lg-mini #main-container header.navbar-fixed-top,
    .sidebar-mini.sidebar-visible-lg-mini #main-container header.navbar-fixed-bottom,
    .sidebar-mini.sidebar-visible-lg-mini #main-container #page-content + footer {
        left: 40px;
    }

    .sidebar-mini.sidebar-visible-lg-mini #sidebar {
        overflow: visible;
        opacity: 1;
        z-index: 1029;
    }

    .sidebar-mini.sidebar-visible-lg-mini #sidebar .sidebar-content {
        width: 40px;
    }

    .sidebar-mini.sidebar-visible-lg-mini #sidebar .sidebar-nav-mini-hide,
    .sidebar-mini.sidebar-visible-lg-mini #sidebar .sidebar-header > span {
        display: none;
    }

    .sidebar-mini.sidebar-visible-lg-mini #sidebar .sidebar-header {
        padding: 0;
        margin: 5px 0;
        border-top: 1px solid rgba(255, 255, 255, .1);
    }

    .sidebar-mini.sidebar-visible-lg-mini #sidebar .sidebar-nav li {
        position: relative;
    }

    .sidebar-mini.sidebar-visible-lg-mini #sidebar .sidebar-nav .sidebar-nav-menu + ul {
        position: absolute;
        width: 220px;
        top: 0;
        right: -220px;
        margin: 0;
        padding: 6px 5px;
        border-left: 3px solid #1bbae1;
        background-color: #394263;
    }

    .sidebar-mini.sidebar-visible-lg-mini #sidebar .sidebar-nav ul a {
        margin: 0;
        padding-left: 10px;
        border-left: none;
    }

    .sidebar-mini.sidebar-visible-lg-mini #sidebar .sidebar-nav ul ul {
        margin-left: 0;
    }

    .sidebar-mini.sidebar-visible-lg-mini #sidebar .sidebar-nav > li.active > ul {
        display: none;
    }

    .sidebar-mini.sidebar-visible-lg-mini #sidebar .sidebar-nav .sidebar-nav-menu.open + ul {
        display: block !important;
    }

    /* Nav Horizontal */
    .nav-horizontal a {
        text-align: center;
        min-width: 130px;
        padding: 12px 15px;
    }

    .nav-horizontal i {
        display: block;
        height: 55px;
        margin-right: 0;
        margin-bottom: 10px;
        font-size: 42px;
        padding: 10px;
    }
}

/* Large devices, Desktops (>1199px) */
@media screen and (min-width: 1200px) {

    /* Main Layout */
    .header-fixed-top .sidebar-content,
    .header-fixed-bottom .sidebar-content {
        padding-bottom: 0;
    }

    /* General */
    article p {
        font-size: 19px;
        line-height: 1.9;
    }
}

/*
=================================================================
(#m10rts) RETINA
=================================================================
*/

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5) {
    /* If you did use a CSS image background, you can put your high resolution image here */

}

/*
=================================================================
(#m11prs) PRINT
=================================================================
*/

@media print {
    #sidebar, #sidebar-alt, .content-header, .breadcrumb-top, .block-title .block-options, #page-content + footer, #to-top {display: none !important;}
    #page-content {min-height: 0 !important; height: auto !important; padding: 0 !important;}
    #main-container {margin: 0 !important;}
    .block, .block.full {border: none !important; padding: 0 !important;}
    .block-title {margin: 0 0 20px !important;}
}

.display-none {
    display: none!important;
}


/*
=================================================================
INCLUSOES DAMASIO
=================================================================
*/
.btn-status {
    display: block;
    cursor: pointer;
}

.btn-status:hover {
    text-shadow: 2px 2px 2px rgb(0, 0, 0, .5);
}

.transition {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

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

.float-right {
    right: 35px!important;
    top: 4px!important;
}

.empresa_campos_edit {
    display: none;
}

.header_table_edit_empresa_editar {
    display: none;
}

.linha-cadastro, .linha-seguro-cadastro, .linha-cct-cadastro, .linha-cnegm-cadastro, .linha-cnege-cadastro, .linha-cndt-cadastro, .linha-cnd-cadastro {
    display: none;
}

.linha-sefipa-cadastro, .linha-sefipp-cadastro, .linha-sefipu-cadastro, .linha-pcmso-cadastro {
    display: none;
}

.linha-inssa-cadastro, .linha-inssp-cadastro, .linha-inssu-cadastro, .linha-ppra-cadastro {
    display: none;
}

.linha-fgtsa-cadastro, .linha-fgtsp-cadastro, .linha-fgtsu-cadastro, .linha-crf-cadastro {
    display: none;
}

.linha-holerite-antepenultimo-cadastro, .linha-demonstracao_resultado-cadastro, .linha-balanco_patrimonial-cadastro, .linha-certidao_negativa_bacen-cadastro {
    display: none;
}

.linha-holerite-penultimo-cadastro {
    display: none;
}

.linha-certidao_cartorio_distribuidor-cadastro, .linha-certidao_falencia-cadastro, .linha-certidao_casamento-cadastro, .linha-analitico_folha_pagamento-cadastro {
    display: none;
}

.linha-comprovante_pagamento-cadastro, .linha-holerite_ultimo-cadastro, .linha-holerite_penultimo-cadastro, .linha-holerite_antepenultimo-cadastro {
    display: none;
}

.linha-comprovante-pagamento-cadastro, .linha-holerite-ultimo-cadastro, .linha-analitico-folha-pagamento-cadastro, .linha-certidao-casamento-cadastro, .linha-certidao-falencia-cadastro {
    display: none;
}

.linha-certidao-cartorio-distribuidor-cadastro, .linha-balanco-patrimonial-cadastro, .linha-certidao-negativa-bacen-cadastro, .linha-demonstracao-resultado-cadastro {
    display: none;
}

.linha-ebitida-completa-cadastro, .linha-balancete-cadastro, .linha-backlog-completa-cadastro {
    display: none;
}

.obs-admin {
    background: #FFFFFE;
    display: block;
    height: 30px;
    min-width: 40px;
}

.email-admin-1, .email-admin-2, .email-admin-3, .email-admin-4, .td-data-inicio, .td-data-fim {
    background: #FFFFFE;
    display: block;
    height: 30px;
    min-width: 40px;
}

input.td-data-inicio, input.td-data-fim {
    display: none;
}

textarea.obs-admin-textarea {
    display: none;
}

.modal-xlg {
    width: 90%!important;
    height: 90%!important;
}

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

.modal-xlg .modal-content {
    height: 100%!important;
}

.modal-xlg .modal-content .modal-body {
    height: calc(100% - 80px)!important;
}

.modal-xlg .modal-content .modal-body .block {
    height: calc(100% - 40px)!important;
}

.link-editar-funcao {
    display: none;
}

.li-link-editar-funcao {
    display: none!important;
}

.linha-medicoes .label-danger {
    color: #FFF!important;
    text-align: center!important;
    font-weight: bold!important;
}

.linha-medicoes .label-success {
    color: #000!important;
    text-align: center!important;
    font-weight: bold!important;
}

.linha-medicoes option.alert-success {
    color: #000!important;
    font-weight: bold!important;
}

.linha-medicoes option.alert-danger {
    color: #FFF!important;
    font-weight: bold!important;
}

.linha-medicoes .btn-success {
    color: #000!important;
    font-weight: bold!important;
}

.linha-medicoes .btn-danger {
    color: #FFF!important;
    font-weight: bold!important;
}

.formFuncoes > .form-group:nth-child(odd) {
    background: rgb(252, 252, 252);
}

.formFuncoes > .form-group:nth-child(even) {
    background: #EFEFEF;
}

.block-imagem, .block-title-logo-empresa {
    display: none;
}

.block-top-title-imagem {
    padding-bottom: 0!important;
    margin-bottom: -1px!important;
}

.endereco-empresa-arquivos-imprimir {
    display: inline-block;
    width: 80%;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
}

.endereco-empresa-arquivos-imprimir p {
    margin-bottom: 5px;
}

.block-atualiza-endereco-empresa {
    display: none;
}

.click-detalhes-funcao {
	cursor: pointer;
}

.input-arquivo-funcionarios {
	width: 114px!important;
	max-width: 114px!important;
}

.navbar-form-custom.form-funcoes {
    width: 140px!important;
    max-width: 140px!important;
}

#form-reminder {
    display: none;
}

#form-register {
    display: none;
}

.itens-checkbox .coluna-checkbox label {
    margin-left: 0;
    min-height: 40px;
    min-width: 100%;
}

.select-categoria-cadastro-fornecedor {
    border-color: #777777!important;
}

.form-register-fornecedores .input-group {
    display: block;
}

.div-group-servicos, .div-group-produtos, .div-group-ambiental, .div-group-ambiental-mais {
    display: none;
}

.form-group-mais-documento input[type='checkbox'] {
    width: auto!important;
    margin-top: 9px;
    display: block;
}

.campo_arquivo .btn-group .btn {
    max-width: 100px!important;
    height: auto!important;
    white-space: normal;
}

.input-edit-cadastro-fornecedor {
    display: none;
}

.block-options-salva-cadastro {
    display: none;
}

.content-ramos-cadastro-edit .coluna-checkbox label {
    margin-left: 0;
}

.content-ramos-cadastro-edit {
    overflow-y: scroll;
}

.tag-ramo-atuacao {
    margin-bottom: 10px;
    padding: 3px;
    display: inline-block;
}

button.btn {
    position: relative;
    display: inline-block;
}

/*
button.btn::after {
    display: none!important;
    content: 'Não dê duplo clique nos botões. Obrigado';
    background: #000;
    display: block;
    font-size: 12px;
    line-height: 12px;
    max-width: 1500%;
    position: absolute;
    right: 0px;
    top: -35px;
    padding: 1em 1em;
    text-align: center;
    border-radius: 4px;
    word-wrap: break-word;
    box-sizing: border-box;
    overflow: hidden;
    color: #FFF;
    opacity: .7;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

button.btn:hover::after {
    display: block!important;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
*/

a.btn {
    position: relative;
    display: inline-block;
}

/*
a.btn::after {
    display: none!important;
    content: 'Não dê duplo clique nos botões. Obrigado';
    background: #000;
    display: block;
    font-size: 12px;
    line-height: 12px;
    max-width: 1500%;
    position: absolute;
    right: 0px;
    top: -35px;
    padding: 1em 1em;
    text-align: center;
    border-radius: 4px;
    word-wrap: break-word;
    box-sizing: border-box;
    overflow: hidden;
    color: #FFF;
    opacity: .7;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

a.btn:hover::after {
    display: block!important;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

a.btn.btn-acoes::after, button.btn.btn-acoes::after {
    display: none!important;
    content: '';
    background: transparent;
    font-size: 12px;
    line-height: 0;
    max-width: 0;
    position: absolute;
    right: 0px;
    top: 0;
    padding: 0;
    text-align: center;
    border-radius: 0;
    word-wrap: break-word;
    box-sizing: border-box;
    overflow: hidden;
    color: transparent;
    opacity: 1;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
*/

.input-de {
    display: block;
    width: calc(100% - 90px);
    float: left;
    margin-left: 10px;
}

.input-ate {
    display: block;
    width: calc(100% - 50px);
    float: left;
}

.span-de {
    display: block;
    width: 30px;
    float: left;
    padding-top: 7px;
}

.span-ate {
    display: block;
    width: 20px;
    float: left;
    margin-left: 20px;
    padding-top: 7px;
}

.col-md-2-de {
    padding-right: 0;
}

.tr-content-detalhes-relatorios {
    display: none;
}

.tr-content-detalhes-relatorios > td {
    padding: 0!important;
}

.div-content-detalhes-relatorios {
    display: none;
}

.img-loading {
    display: none;
}

.tabela-detalhes {
    border: 1px solid #eaedf1;
    border-color: #eaedf1;
}

.timeline-detalhes-status {
    border: 1px solid #eaedf1;
}

.tr-content-detalhes-relatorios .div-coluna-despesas {
    padding-right: 0!important;
}

.tr-content-detalhes-relatorios .div-coluna-historico {
    padding-left: 0!important;
}

/*-------------------------------------------------------------------------------*/
/*                                                                               */
/*        AJUSTES MOBILE GERAIS DAMASIO                                          */
/*                                                                               */
/*-------------------------------------------------------------------------------*/
@media screen and (max-width: 1380px){
    .page-avaliador .col-md-12 {
        padding: 0!important;
    }

    .page-avaliador .col-md-12 .col-md-8 {
        width: 100%!important;
        padding-left: 10px;
        padding-right: 10px;
    }

    .page-avaliador .col-md-12 .col-md-4 {
        width: 100%!important;
        padding-left: 10px;
        padding-right: 10px;
    }
}

.mostra-senha-admin {
    display: none;
}

.mostra-senha-admin-esconde {
    color: red;
}

.mostra-senha-admin-esconde::before {
    content: '****** ';
    color: red;
    font-weight: bold;
}

.td-datas-funcoes * {
    line-height: 20px;
}



.titulo-setor-avaliado {
    width: 20%;
}

.nota-avaliada {
    width: 10%;
}

.texto-explicativo {
    width: 70%;
    display: none;
}

.widget-icon.nota-avaliada {
    margin: 10px 15px 0;
}

.widget .widget-icon.nota-avaliada {
    display: inline-block;
    line-height: 34px;
    text-align: center;
    font-size: 15px;
    color: #ffffff;
    border-radius: 32px;
}

.widget-icon.nota-avaliada {
    width: 34px;
    height: 34px;
}

.strong-forte {
    font-weight: 900!important;
}

.hover-stars {
    cursor: pointer;
}

.load-ajax {
    position: absolute;
    right: -15px!important;
    top: 4px;
    opacity: .7;
}

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

.select2setores + span {
    width: 100%!important;
}

.div-container-justificativa {
    padding: 0!important;
}

.div-container-justificativa .block-title {
    width: 100%!important;
    margin-left: 0;
    margin-top: 0;
    margin-bottom: 15px;
}

.div-container-justificativa .block-title h5 {
    padding-top: 7px;
}

.textarea-justificativa {
    width: 100%!important;
    height: 80px!important;
}

.select2 + span, .campo-select-nome-filtro + span {
    width: 100%!important;
}

.btn-finalizar-avaliacao {
    margin: 10px 10px;
    display: none;
}

.alert-justificativas-feedbacks {
    width: calc(100% - 30px)!important;
    margin-left: 15px;
    margin-bottom: 0;
    display: none;
}

.btn-feedback-finalizado {
    margin: 10px 10px;
}

.block-title-pontos-a-avaliar {
    padding-top: 7px;
    padding-bottom: 20px;
}

.block-carrega-load {
    position: relative;
}

.bloco-div-load {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(255, 255, 255, .7);
    display: none;
}

.bloco-div-load i {
    position: absolute;
    top: 50%;
    margin-top: -25px;
    left: 50%;
    margin-left: -25px;
    z-index: 1000;
}

.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
    width: 100%!important;
}

.campoPrint {
    height: calc(100% - 50px);
    width: 100%;
    overflow-y: auto;
}

/* BTN IMPRIMIR */
.btn-imprimir-consulta {
    position: absolute!important;
    right: 25px;
    top: 5px;
}
/* BTN IMPRIMIR */

/* AJUSTES FEEDBACKS */
.div-anula-item {
    border-color: #ffb8b0;
}

.div-anula-item:hover {
    background-color: #ffd1cc;
    border-color: #ffb8b0;
}

.label-anula-item {
    cursor: pointer;
    color: #e74c3c;
}

.label-anula-item input {
    cursor: pointer;
}

.title-inline {
    display: inline!important;
}

.hover-stars {
    position: relative;
}

.esconde-estrelas {
    width: 100%;
    height: 100%;
    background-color: transparent;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}

.img-thumb-youtube {
    width: 100%!important;
}

.img-play-youtube {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -43.5px;
    margin-left: -62.5px;
    width: 125px;
}

.btn-video {
    position: relative;
}

.modal-header-academia {
    margin: 0!important;
    padding: 0!important;
}

.modal-body-academia {
    margin: 0!important;
    padding: 0!important;
}

.modal-block-academia {
    margin: 0!important;
    padding: 0!important;
    margin-bottom: 15px!important;
    margin-top: 15px!important;
}

.add-rel {
    margin-top: -35px;
    margin-right: 10px;
}

.add-antecipacao {
    margin-top: -35px;
    margin-right: 10px;
}

a[data-btn-add] {
    margin-top: -35px;
    margin-right: 10px;
}

.form-relatorios-rdv .form-group {
    width: 100%!important;
    max-width: calc(100% - 60px)!important;
    margin-left: 30px!important;
}

.form-group-outro-colab-sim {
    display: none;
}

.btn-status-relatorio-financeiro {
    width: 80%!important;
    display: block!important;
    margin: auto!important;
}

.dropdown-menu-mse {
    left: -118px!important;
}

a.btn.btn-aprovar-despesa::after {
    display: none!important;
    content: 'Aprovar Despesa';
    background: #000;
    display: block;
    font-size: 12px;
    line-height: 12px;
    max-width: 1500%;
    position: absolute;
    right: 0px;
    top: -35px;
    padding: 1em 1em;
    text-align: center;
    border-radius: 4px;
    word-wrap: break-word;
    box-sizing: border-box;
    overflow: hidden;
    color: #FFF;
    opacity: .7;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

a.btn.btn-aprovar-despesa:hover::after {
    display: block!important;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

a.btn.btn-reprovar-despesa::after {
    display: none!important;
    content: 'Reprovar Despesa';
    background: #000;
    display: block;
    font-size: 12px;
    line-height: 12px;
    max-width: 1500%;
    position: absolute;
    right: 0px;
    top: -35px;
    padding: 1em 1em;
    text-align: center;
    border-radius: 4px;
    word-wrap: break-word;
    box-sizing: border-box;
    overflow: hidden;
    color: #FFF;
    opacity: .7;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

a.btn.btn-reprovar-despesa:hover::after {
    display: block!important;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.h3-historico {
    margin-top: 0!important;
    margin-bottom: 0!important;
    text-align: center;
    padding: 0 0 7px 0;
}

.img-loading-aprova-reprova-todos {
    display: none;
}

.modal-xlg.modal-customized .modal-content {
    height: auto!important;
}

.modal-xlg.modal-customized .modal-content .modal-body {
    height: auto!important;
}

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

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

#div-dev-info {
    width: 100%;
    height: 40px;
    background: #F00;
    text-align: center;
    padding-top: 0.5pc;
    position: fixed;
    z-index: 9999;
}

#div-dev-info p {
    color: #FFF;
    font-size: 1em;
    font-weight: bold;
}

#div-dev-info-padding-top {
    width: 100%;
    height: 40px;
    text-align: center;
    padding-top: 0.5pc;
}

/* MODAL PARA GERACAO DE PPP DE FUNCIONARIOS */
.modal-xlg .modal-content.content-modal-ppp {
    height: auto!important;
}
.modal-xlg .modal-content .modal-body.modal-infinito {
    height: auto!important;
}

.bloco-dados-ppp {
    width: calc(33.333% - 15px)!important;
    margin-left: 15px;
}

.bloco-dados-ppp:nth-child(1) {
    width: 33.3333%!important;
    margin-left: 0!important;
}

.tab-pane-ppp-1 {
    position: relative;
}

.div-img-load-ppp-1 {
    width: 100%;
    max-width: 100%;
    height: calc(100% - 30px);
    position: absolute;
    top: 0;
    z-index: 999;
    background-color: #FFF;
    text-align: center;
    display: none;
    opacity: .70;
}

.img-load-ppp-1 {
    height: 100%;
    max-height: 100%;
    margin: auto;
}

.block-ppp-2 {
    position: relative;
}

.div-img-load-ppp-2 {
    width: 100%;
    max-width: calc(100% - 20px);
    height: calc(100% - 10px);
    position: absolute;
    top: 0;
    z-index: 999;
    background-color: #FFF;
    text-align: center;
    display: none;
    opacity: .70;
}

.img-load-ppp-2 {
    height: 100%;
    max-height: 100%;
    margin: auto;
}

input.form-control {
    width: auto;
}

.content-modal-ppp-impressao {
    overflow: auto;
    height: auto!important;
}

.campo-detalhes-funcoes {
    overflow: auto;
    height: calc(100% - 40px);
}

/* AJUSTES TELA DE MEMBROS RDV */
.form-membros input.form-control {
    width: 100%;
}

.right-0 {
    right: 20px;
}
.top-0 {
    top: 10px;
}
/* AJUSTES TELA DE MEMBROS RDV */

/* CHECKLIST CONTRATACAO */
.modal-body-checklist {
    overflow: auto;
}

.modal-checklist-body {
    overflow: auto!important;
}

.form-checklist-contratacao {
    margin-left: 0;
    margin-right: 0;
}

.form-checklist-contratacao .row {
    margin-left: 0;
    margin-right: 0;
}

.form-checklist-contratacao.form-bordered {
    margin-top: 0;
}

.form-checklist-contratacao.form-bordered .form-group {
    border: 1px dashed #eaedf1;
    background-color: #fbfef2;
}

.form-checklist-contratacao .form-control, .form-checklist-contratacao select, .form-checklist-contratacao textarea {
    width: 100%;
}

.form-checklist-contratacao input[type='radio'].form-control, .form-checklist-contratacao input[type='checkbox'].form-control {
    width: auto;
}

.form-checklist-contratacao .form-group > div > div {
    display: inline;
    padding-left: 0;
    padding-right: 0;
}

.form-checklist-contratacao .form-group > div > div > label {
    display: inline;
    float: left;
    line-height: 42px;
    margin-right: 15px;
    cursor: pointer;
}

.form-checklist-contratacao .form-group > div > div label input {
    display: inline;
    float: left;
    margin-right: 5px;
}

.form-group-ps {
    padding-bottom: 13px!important;
}

.form-horizontal .control-label.control-label-ps {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
}

.help-block-ps {
    clear: both;
    margin-top: 0;
}

.div_ps_obs, .div_passagens, .div_referencia_nome, .div_referencia_obs, .div_salario_cct_obs, .div_justificativa_cct {
    display: none;
}

.col-content-img-anexos img {
    max-width: 100%;
    clear: both;
    margin-bottom: 15px;
    float: left;
}

.btn-group-img-loading {
    position: relative;
}

.img-loading-checklist {
    visibility: hidden;
    position: absolute;
    right: -25px;
    top: 0;
    /* This timing applies on the way OUT */
    transition-timing-function: ease-in;
    /* Quick on the way out */
    transition: 0.2s;
}

.img-loading-checklist.img-loading-animada {
    visibility: visible;
    position: absolute;
    z-index: 999;
    right: 0px;
    top: 0;
    /* This timing applies on the way IN */
    transition-timing-function: ease-out;
    /* A litttttle slower on the way in */
    transition: 0.25s;
}

.btn-status-relatorio-financeiro {
    padding-right: 20px;
}
/* END CHECKLIST CONTRATACAO */

/* BOTAO DE VOLTA NA TELA DE FUNCIONARIOS */
.btn-voltar-funcionarios {
    position: absolute!important;
    right: 20px;
    top: 10px;
}
/* BOTAO DE VOLTA NA TELA DE FUNCIONARIOS */

/* AJUSTES BOTAO DE LOGIN COM GOOGLE */
.padding-40 div {
    border-radius: 15px;
}

/* TRECHO PARA LOGIN DE COLABORADORES */
.login-colab-mse {
    margin-left: 32.5px;
}

@media screen and (max-width: 926px) {
    /* TABELA DE RELATORIOS LISTA PARA COLABORADORES */
    .table-relatorios-colabs-lista {
        max-width: 100%!important;
        width: 100%!important;
    }

    .table-relatorios-colabs-lista tr {
        max-width: 100%!important;
        width: 100%!important;
    }

    .block-listagem-relatorios-colabs {
        max-width: 100%!important;
        width: 100%!important;
    }

    .table-mobile {
        
    }

    .modal-lista-despesas-relatorios {
        width: 95%!important;
    }

    .modal-xlg .modal-content.block-lista-despesas-mobile {
        height: auto!important;
    }
}

/** 
SISTEMA DE ANTECIPACAO (RISCO SACADO)
*/
.help-block-inline {
    display: inline-flex;
}

.help-block-black {
    color: #000;
}

.input-inline {
    
}

.col-md-termo {
    display: none;
}

.col-md-termo-show {
    display: block!important;
}

.table-striped>tbody>tr.linha-antecipacao-ok:nth-of-type(odd) {
    background-color: rgb(170, 209, 120, 0.7)!important;
}
.table-striped>tbody>tr.linha-antecipacao-ok:nth-of-type(even) {
    background-color: rgb(204, 243, 153, 0.7)!important;
}

.table-striped>tbody>tr.linha-antecipacao-recusada:nth-of-type(odd) {
    background-color: #f13838;
    background-color: rgba(228, 60, 60, 0.9);
}
.table-striped>tbody>tr.linha-antecipacao-recusada:nth-of-type(even) {
    background-color: #e66161;
    background-color: rgba(240, 100, 100, 0.9);
}

.table-striped>tbody>tr.linha-antecipacao-recusada:nth-of-type(odd):hover {
    background-color: #f13838;
    background-color: rgba(228, 60, 60, 0.6);
}
.table-striped>tbody>tr.linha-antecipacao-recusada:nth-of-type(even):hover {
    background-color: #e66161;
    background-color: rgba(240, 100, 100, 0.6);
}

.table-striped>tbody>tr.linha-antecipacao-recusada td {
    color: #FFF;
}

.text-strong-motivo {
    font-weight: bolder;
    text-decoration: underline;
}

.text-strong-motivo-italico {
    font-style: italic;
}

/** 
AJUSTANDO CSS DOS BOTOES DE PAGINACAO
*/
.pagination > li > a, .pagination > li > span {
    margin-left: 1px;
    margin-right: 1px;
}
/** 
FIM AJUSTANDO CSS DOS BOTOES DE PAGINACAO
*/

/** 
FIM SISTEMA DE ANTECIPACAO (RISCO SACADO)
*/
div#page-content[data-pagina-ativa] .tab-content .tab-pane table tr th {
    font-weight: bold;
    font-size: 100%;
}

table.table-forn-documentos {
    max-width: 100%!important;
}

table.table-forn-documentos tr th {
    font-weight: bold;
    font-size: 100%;
}

table.table-forn-documentos tr td, table.table-forn-documentos tr td * {
    font-size: 100%!important;
}



.tab-content .tab-pane table tr[data-atrasado] {
    position: relative;
}

.tab-content .tab-pane table tr[data-atrasado] td {
    background-color: rgb(255, 255, 0)!important;
    color: #000!important;
}

.tab-content .tab-pane table tr[data-atrasado]:hover td {
    background-color: rgb(255, 255, 0, 0.7)!important;
}

.tab-content .tab-pane table tr[data-atrasado] td::after {
    display: none!important;
    content: 'Cadastrado há mais de 7(sete) dias!';
    background: #000;
    display: block;
    font-size: 12px;
    line-height: 12px;
    width: 250px;
    max-width: 1500%;
    position: absolute;
    left: 0px;
    top: -30px;
    padding: 1em 1em;
    text-align: center;
    border-radius: 4px;
    word-wrap: break-word;
    box-sizing: border-box;
    overflow: hidden;
    color: #FFF;
    opacity: .7;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.tab-content .tab-pane table tr[data-atrasado] td:hover::after {
    display: block!important;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.dropdown-menu>li>a.text-danger {
    background-color: #e74c3c!important;
    color: #FFF!important;
}

.dropdown-menu>li>a.text-danger:hover, .dropdown-menu>li>a.text-danger:hover, .dropdown-menu>li>a.text-danger:focus {
    background-color: #413e3e!important;
    color: #e74c3c!important;
}

/* AJUSTES SISTEMA DE MEDICAO */
.btn-reprova-gerente, .btn-reprova-diretor, .btn-reprova-qualidade, .btn-reprova-contratos, .btn-reprova-adm, .btn-reprova-suprimentos, .btn-reprova-rafael {
    background-color: RED;
    color: white!important;
}

.btn-reprova-gerente a, .btn-reprova-diretor a, .btn-reprova-qualidade a, .btn-reprova-contratos a, .btn-reprova-adm a, .btn-reprova-suprimentos a {

}

.btn-reprova-gerente i, .btn-reprova-diretor i, .btn-reprova-qualidade i, .btn-reprova-contratos i, .btn-reprova-adm i, .btn-reprova-suprimentos i, .btn-reprova-rafael i {
    opacity: 1;
}

.btn-reprova-gerente:hover, .btn-reprova-diretor:hover, .btn-reprova-qualidade:hover, .btn-reprova-contratos:hover, .btn-reprova-adm:hover, .btn-reprova-suprimentos:hover, .btn-reprova-rafael:hover {
    background-color: rgb(255, 95, 95)!important;
    color: white!important;
}

.btn-aprova-gerente, .btn-aprova-diretor, .btn-aprova-qualidade, .btn-aprova-contratos, .btn-aprova-adm, .btn-aprova-suprimentos {
    background-color: rgb(0, 128, 0)!important;
    color: white!important;
}

.btn-aprova-rafael {
    background-color: rgb(50, 205, 50)!important; /* Verde Lima Claro */
    color: white!important;
}

.btn-aprova-gerente i, .btn-aprova-diretor i, .btn-aprova-qualidade i, .btn-aprova-contratos i, .btn-aprova-adm i, .btn-aprova-suprimentos i, .btn-aprova-rafael i {
    opacity: 1;
}

.btn-aprova-gerente:hover, .btn-aprova-diretor:hover, .btn-aprova-qualidade:hover, .btn-aprova-contratos:hover, .btn-aprova-adm:hover, .btn-aprova-suprimentos:hover, .btn-aprova-rafael:hover {
    background-color: rgb(1, 167, 1)!important;
    color: white!important;
}

.btn-aprova-pendencia-contratos {
    background-color: rgb(5, 182, 5)!important;
    color: white!important;
}

.btn-aprova-pendencia-contratos:hover {
    background-color: rgb(5, 182, 5, .7)!important;
    color: white!important;
}

.btn-aprova-pendencia-contratos i {
    opacity: 1;
}

.btn-pendente-contratos {
    background-color: rgb(255, 100, 255)!important;
    color: white!important;
}

.btn-pendente-contratos:hover {
    background-color: rgb(255, 155, 255)!important;
    color: white!important;
}

.btn-pendente-contratos i {
    opacity: 1;
}

#page-content[data-pagina-ativa='medicoes_obras'] {
    
}

.table-lista-medicoes-por-obra tr td {
    position: relative;
}

.div-lista-status-diretor, .div-lista-status-gerente, .div-lista-status-qualidade, .div-lista-status-contratos, .div-lista-status-adm, .div-lista-status-faturado, .div-lista-status-pago, .div-lista-status-rafael, .div-lista-status-avancos {
    padding-top: 20px;
    position: absolute;
    z-index: -10;
    right: 0;
    top: -500px;
    min-width: 600%;
    opacity: 0;
    background-color: white;
    box-shadow: 1px 0px 15px #000;
    -webkit-transition: all 0.3s ease!important;
    -moz-transition: all 0.3s ease!important;
    -ms-transition: all 0.3s ease!important;
    -o-transition: all 0.3s ease!important;
    transition: all 0.3s ease!important;
}

.div-lista-status-avancos-planilha, .div-lista-status-qualidade-planilha, .div-lista-status-gerente-planilha, .div-lista-status-diretor-planilha {
    padding-top: 20px;
    position: absolute;
    z-index: -1000;
    left: 150%;
    top: 10%;    
    transform: translate(-50%, -50%);
    min-width: 100%; /* Ajuste conforme necessário */
    opacity: 0;
    background-color: white;
    box-shadow: 1px 0px 15px #000;
    -webkit-transition: all 0.3s ease!important;
    -moz-transition: all 0.3s ease!important;
    -ms-transition: all 0.3s ease!important;
    -o-transition: all 0.3s ease!important;
    transition: all 0.3s ease!important;
}

.div-lista-status-contratos-planilha{
    padding-top: 20px;
    position: absolute;
    z-index: -1000;
    left: 80%;
    top: 10%;    
    transform: translate(-50%, -50%);
    min-width: 100%; /* Ajuste conforme necessário */
    opacity: 0;
    background-color: white;
    box-shadow: 1px 0px 15px #000;
    -webkit-transition: all 0.3s ease!important;
    -moz-transition: all 0.3s ease!important;
    -ms-transition: all 0.3s ease!important;
    -o-transition: all 0.3s ease!important;
    transition: all 0.3s ease!important;
}

.div-lista-status-adm-planilha{
    padding-top: 20px;
    position: absolute;
    z-index: -1000;
    left: -20%;
    top: 10%;
    transform: translate(-50%, -50%);
    min-width: 100%; /* Ajuste conforme necessário */
    opacity: 0;
    background-color: white;
    box-shadow: 1px 0px 15px #000;
    -webkit-transition: all 0.3s ease!important;
    -moz-transition: all 0.3s ease!important;
    -ms-transition: all 0.3s ease!important;
    -o-transition: all 0.3s ease!important;
    transition: all 0.3s ease!important;
}


.table-lista-status {
    
}

.btn-fechar-historico-status {
    position: absolute!important;
    right: 3px;
    top: 3px;
}

/* 
* AJUSTANDO A TABELA PARA FICAR APRESENTÁVEL EM TELAS MENORES
*/
@media screen and (max-width: 1694px) {
    .table-lista-medicoes-por-obra {
        overflow-x: auto!important;
    }

    [data-pagina-ativa='medicoes_obras'] .row-content-medicoes #block-listagem {
        overflow-x: auto!important;
    }
}

@media screen and (max-width: 1694px) {
    .table-lista-medicoes-por-obra {
        overflow-x: auto!important;
    }

    [data-pagina-ativa='medicoes_obras'] .row-content-medicoes #block-listagem {
        overflow-x: auto!important;
    }
}

/* 
* FIM AJUSTANDO A TABELA PARA FICAR APRESENTÁVEL EM TELAS MENORES
*/

/*
* ADICIONADO BTN-PINK
*/
.btn-pink {
    background-color: rgb(255, 100, 255);
    border-color: rgb(255, 30, 255);
    color: #ffffff;
}

.btn-pink.btn-alt {
    background-color: rgb(255, 255, 255, .5);
    color: rgb(255, 88, 255);
}

.btn-pink:hover {
    background-color: rgb(255, 155, 255);
    border-color: rgb(255, 30, 255);
    color: #ffffff;
}
/*
* FIM ADICIONADO BTN-PINK
*/

/*
* AJUSTES DIA 24-02-2023
*/
.img-pergunta-retencao {
    max-width: 100%;
}

.block-content-avisos-cronograma p {
    font-weight: normal;
}

.block-content-avisos-cronograma strong {
    font-weight: bold;
}

.tab-content .tab-pane table tr[data-atrasado-medicoes] td {
    background-color: rgba(255, 200, 37)!important;
    color: #000!important;
}

.tab-content .tab-pane table tr[data-atrasado-medicoes]:hover td {
    background-color: rgba(255, 220, 77)!important;
}

.tab-content .tab-pane table tr[data-atrasado-medicoes] td::after {
    display: none!important;
    content: 'Pagamento fora do prazo de 7 dias!';
    background: #000;
    display: block;
    font-size: 12px;
    line-height: 12px;
    width: 250px;
    max-width: 1500%;
    position: absolute;
    left: 0px;
    top: -30px;
    padding: 1em 1em;
    text-align: center;
    border-radius: 4px;
    word-wrap: break-word;
    box-sizing: border-box;
    overflow: hidden;
    color: #FFF;
    opacity: .7;
    border-radius: 4px;
    z-index: 1;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.tab-content .tab-pane table tr[data-atrasado-medicoes] td:hover::after {
    display: block!important;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
/*
* FIM AJUSTES DIA 24-02-2023
*/

/*
* AJUSTES DIA 27-02-2023
*/
.tr-nome-obra-medicoes td {
    background-color: rgb(46, 46, 69);
    color: #FFF;
}
/*
* FIM AJUSTES DIA 27-02-2023
*/

/*
* ADICIONANDO TEXTO DE ALERTA PRA QUANDO EXISTIREM NOVAS MEDICOES NA OBRA
*/
.text-alert-novo-medicoes {
    position: absolute;
    top: -10%;
    right: 10%;
    background-color: #ef8a80;
    border: 1px solid #e74c3c;
    color: #ffffff;
    display: block;
    border-radius: 3em;
    min-width: 2em;
    text-align: center;
    line-height: 1.5em;
}

a[data-novo]:hover .text-alert-novo-medicoes {
    background-color: #e74c3c;
    border-color: #9c3428;
}

/*
* CRIADA TELA PARA GERENCIAR USUARIOS DO SISTEMA DE CANDIDATOS / ENTREVISTA
*/
.block-content-principal-candidatos {
    position: relative;
}

/*
* FIM ADICIONANDO TEXTO DE ALERTA PRA QUANDO EXISTIREM NOVAS MEDICOES NA OBRA
*/

/*
* ADICIONANDO TAMANHOS PERSONALIZADOS PARA TELA DE GESTÃO DE RECRUTAMENTO
*/
.campo-qtde {
    width: 60px!important;
}

.campo-valor {
    width: 140px!important;
}

.campo-aprov-reprov {
    width: 120px!important;
}

#aprov_qualidade.aprov_seguranca.campo-aprov-reprov {
    width: 100%!important;
}

#aprov_diretor.campo-aprov-reprov {
    width: 100%!important;
}

#aprov_diretor.campo-aprov-reprov {
    width: 135px!important;
}

.campo-nome {
    width: 230px!important;
}

.campo-ok-negado {
    width: 180px!important;
}

.campo-date-date {
    width: 110px!important;
}

.form-filtros-recrutamentos .aprova-reprova-filtros {
    width: 100%;
}

#aprov_qualidade.aprov_seguranca.campo-aprov-reprov.campo-aprov-reprov-tam-fixo {
    width: 120px!important;
}
/*
* ADICIONANDO TAMANHOS PERSONALIZADOS PARA TELA DE GESTÃO DE RECRUTAMENTO
*/

/*
* ESCONDENDO O CAMPO QTDE TEMPO DE ESPERIENCIA
*/
#qtde_tempo_experiencia {
    display: none;
}
#qtde_tempo_experiencia.qtde_tempo_experiencia_display_block {
    display: block;
}
/*
* ESCONDENDO O CAMPO QTDE TEMPO DE ESPERIENCIA
*/

/*
* AJUSTANDO BOTAO DE ADICIONAR MESES DE EXPERIENCIA PARA FICAR MAIS BONITO
*/
.btn-qtde-meses {
    margin-top: 7px!important;
    clear: both;
    float: left;
}

/*
* ESTILOS PARA MOSTRAR E ESCONDER CAMPO DE EDITAR PDF INLINE
*/
input[type="file"].campo-edita-pdf {
    display: none;
}

button.btn.btn-cancela-edita-pdf {
    display: none;
}

/*
* LABEL SUCCESS|WARNING|DANGER|DEFAULT NOVAS
*/
.label-success, .label-success[disabled] {
    background-color: #aad178;
    border-color: #7db831;
    color: #ffffff;
}

.label-success:hover, .label-success:focus, .label-success:active {
    color: #fff;
    background-color: #449d44;
    border-color: #398439;
}

.label-warning, .label-warning[disabled] {
    background-color: #f7be64;
    border-color: #f39c12;
    color: #ffffff;
}

.label-warning:hover, .label-warning:focus, .label-warning:active {
    color: #fff;
    background-color: #ec971f;
    border-color: #d58512;
}

.label-danger, .label-danger[disabled] {
    background-color: #ef8a80;
    border-color: #e74c3c;
    color: #ffffff;
}

.label-danger:hover, .label-danger:focus, .label-danger:active {
    color: #fff;
    background-color: #c9302c;
    border-color: #ac2925;
}

.label-default, .label-default[disabled] {
    background-color: #eaedf1;
    border-color: #c2c8cf;
}

.label-default:hover, .label-default:focus, .label-default:active {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}

/*
* doubleScrollDamasio
*/
/* .doubleScrollDamasio {
    position: fixed;
    top: 0px;
    z-index: 1;
} */

.tbodyUsersLista {
    padding-top: 10px;
    position: relative!important;
}

.campo-n-vagas {
    width: 60px!important;
    margin: auto;
}

/* ARQUIVO DE PAGINACAO */
.block-section-paginacao {
    
}

.help-block-danger {
    color: #e74c3c;
}

.campo-responsavel-solicitacao-vaga, .campo-hora-extra, .campo-40-porcento {
    display: none;
}

.campo-responsavel-solicitacao-vaga-status-vaga-sede, .campo-hora-extra-clt, .campo-40-porcento-sim {
    display: block;
}

.campo-responsavel-solicitacao-vaga {
    display: none;
}

.help-block.text-red {
    color: #e74c3c;
}

.btn-hse-obra {
    width: 100%;
    margin-bottom: 10px;
}

.btn-hse-obra strong {
    display: block;
}

.btn-hse-obra a {
    
}


.responsividade-hugo {
    width: 300px;
    text-align: right;
}
.col-md-2.alinha{
    width: auto;
    text-align:left;
    margin-bottom: 0;
    padding-top: 7px
}
.col-md-3.respomobile{
    position:static;
}

.buscar-cnpj-fornecedores-qualidade {
    width: 100%!important;
}

.table-header-fixo .container {
    width: 100%;
}

.table-striped>tbody>tr.linha-ativa:nth-of-type(odd){
    background-color: #90ee90!important;
    opacity: 1.0;
}
.table-striped>tbody>tr.linha-ativa:nth-of-type(even){
    background-color: #84fa84!important;
    opacity: 1.0;
}


/*table-striped>tbody>tr:nth-of-type(odd)*/
.table-striped>tbody>tr.linha-desistente:nth-of-type(odd){
    background-color: #C91C1C!important;
    opacity: 1.0;
}
.table-striped>tbody>tr.linha-desistente:nth-of-type(even){
    background-color: #D17474!important;
    opacity: 1.0;
}

/*PARTE QUE DEIXA A LINHA VERDA QUANDO A PASSAGEM É COMPRADA*/
.linha-comprada{
    background-color: #90EE90!important;
    opacity: 1.0;
}

/* FIM DA PARTE QUE DEIXA A LINHA VERDA QUANDO A PASSAGEM É COMPRADA*/

.linha-folga{
    background-color: #FFFACD!important;
    opacity: 1.0;
}

.linha-viagem{
    background-color: #87CEFA!important;
    opacity: 1.0;
}

/*DEIXAR A LINHA DA FOLGA VERMELHA SE O COLABORADOR FPOR DESISTENTE*/
.linha-vermelha {
    background-color: lightcoral!important;

}

tr.linha-vermelha:hover td {
    background-color: lightcoral !important;
}

.red{
    background-color: lightcoral !important;
}
/*DEIXAR A LINHA DA FOLGA VERMELHA SE O COLABORADOR FPOR DESISTENTE*/

/*DEIXAR A TH DA TABELA DE FOLGA MAIS LARGA*/
#largura-th{
    padding: 25px;
}
/*FIM DEIXAR A TH DA TABELA DE FOLGA MAIS LARGA*/

/*DEIXANDO CABECALHO FIXO COM A ROLAGEM DE TELA*/

/*FIM DEIXANDO CABECALHO FIXO COM A ROLAGEM DE TELA*/

/* IFRAME DA MINUTA DO CONTRATO */
.iframe-pdf-minuta {
    height: 800px!important;
}


.select-test-user-dev {
    width: 450px;
}

/*
* TRECHO QUE EDITA O BOTAO DE SUPORTE E FAZ ELE FICAR FIXO NO RODAPÉ DA PÁGINA
*/
.li-link-suporte {
    position: fixed;
    bottom: 50px;
    left: 10px;
    opacity: 1!important;
    background-color: #1bbae1;
    width: 50px;
    height: 50px;
    border-radius: 50em;
    border: 1px #FFF solid;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.li-link-suporte:hover {
    border: 1px #1bbae1 solid;
    background-color: #FFF;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.li-link-suporte:hover span {
    color: #1bbae1;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.li-link-suporte:hover i:before {
    color: #1bbae1;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.li-link-suporte a {
    width: 50px;
    height: 50px;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.li-link-suporte a.active {
    padding-left: 0;
    border-left: none;
    background: transparent;
}

.li-link-suporte a:hover {
    background: transparent;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.li-link-suporte a span {
    position: absolute;
    bottom: -30px;
    left: 0;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    overflow: visible;
    width: 190px;
    line-height: 1em;
}

.li-link-suporte a i {
    opacity: 1!important;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.li-link-suporte a i:before {
    font-size: 32px;
    position: absolute;
    top: 9px;
    left: 14px;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.li-link-suporte a i:before:hover {

}

.login-title-tarja {
    background-color: rgba(255, 0, 0, 0.6)!important;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    text-align: center!important;
}

.login-title-tarja h1 {
    color: #FFF;
    font-weight: bold;
    font-size: 2em;
    text-align: center;
    width: 100%;
    display: block;
}

.btn-pull-right-top {
    position: absolute!important;
    top: 6px;
    right: 20px;
}

.table-planilha-medicao tr {
    border: 1px solid #000;
}

.table-planilha-medicao tr th, .table-planilha-medicao tr td {
    border: 1px solid #000!important;
    font-size: 12px!important;
}

.table-planilhas-medicoes tr {
    cursor: pointer;
}

.table-striped>tbody>tr.tr-planilha-medicao:nth-of-type(odd):hover {
    background: #1bbae1;
}

.table.table-planilha-medicao>thead>tr>th,
.table.table-planilha-medicao>tbody>tr>th,
.table.table-planilha-medicao>tfoot>tr>th,
.table.table-planilha-medicao>thead>tr>td,
.table.table-planilha-medicao>tbody>tr>td,
.table.table-planilha-medicao>tfoot>tr>td {
    padding: 4px 8px;
}

.tr-planilha-medicao:hover {
    background: #1bbae1;
}

.td-tres-linhas:hover {
    
}

.font-size-big {
    font-size: 32px;
    vertical-align: middle!important;
}

.table-no-padding tr td {
    padding: 0!important;
}

.no-style {
    width: auto!important;
    border: none;
}

.medicoes_planilhas_planilha_descricao,
.medicoes_planilhas_planilha_valor,
.medicoes_planilhas_planilha_valor_unitario,
.medicoes_planilhas_planilha_qtde_total,
.medicoes_planilhas_planilha_porcentagem {
    resize: none;
    height: auto;
    overflow: hidden;
    margin: -20px;      /*TAVA MEXENDO AQUIIIIIIIIIIIIIIIII */
    border: none;
    /*max-width: 5px !important;
    width: fit-content !important; */
}

.textarea-descricao {
    min-width: 25%;
    height: 24px;
    width: 100%;
}

.btn-circle {
    border-radius: 98% !important;
}

.btn-xxs {
    padding: 1px 4px;
    font-size: 10px;
    line-height: 1.5;
    border-radius: 3px;
}

.tr-item {
    background: #DDD!important;
    page-break-inside: avoid !important;
}

.largura-maior{
    width: 100%!important;
}

.maximo{
    width: 100%!important;
}

/* Fixador da coluna "Nome" - (Modulo Recursos Humanos - Recrutamento)*/

.fixed-column-sticky-left-name {
    position: sticky;
    left: 515px;
    z-index: 1;
    text-align: center;
    width: 200px;
}

.fixed-column-sticky-left {
    position: sticky;
    left: 210px;
    z-index: 1;
    text-align: center;
    width: 200px;
}

.fixed-column {
    position: sticky;
    left: 0px;
    z-index: 1;
    text-align: center;
    width: 200px;
}

.colorName{
    padding: 0;
    margin: 40px;
    border: 2px solid white;
    background-color: white;
    border-top-left-radius: 30px;
    border-top-right-radius: 50px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 70px
}
.vagas-th>th{    
    cursor: pointer;
}
th.discriminacao-conta-corrente{
    width: 200px!important;
}

td.campo-saldo{
    width: 100px!important;
}
.medicoes_planilhas_planilha_conta_corrente_valores{
    width: 100px!important;
}

/*
.medicoes_planilhas_planilha_discriminacao{
    width: 210px!important;
}
*/

.total-pago{
    background-color: #9CC3E3 !important; /* Uma cor de fundo leve */
    font-size: 1.8em !important;          /* Aumenta o tamanho da fonte */
    border: 2px solid #333 !important;    /* Adiciona uma borda escura */
    padding: 10px !important;             /* Aumenta o espaçamento interno */
}

td.total-pago strong {
    color: #000;     /* Uma cor de texto mais vibrante */
    font-weight: bold;
}

.block-content-assinatura {
    padding: 20px; /* Espaçamento interno para que o conteúdo não fique muito perto das bordas da div */
    border: 2px solid #333; /* Uma borda escura para destacar a div */
    background-color: #f7f7f7; /* Uma cor de fundo leve para contrastar com o texto */
    font-size: 1.1em; /* Aumenta o tamanho da fonte para melhor leitura */
    line-height: 1.5; /* Espaçamento entre as linhas para melhor leitura */
    margin-top: 0px; /* Espaçamento no topo para separar da div anterior */
    margin-bottom: 20px; /* Espaçamento na parte de baixo. */
}

/* Para o nome do fornecedor e a linha onde ele assinará */
.block-content-assinatura span.fornecedor {
    display: block; /* Faz com que o nome do fornecedor apareça em uma nova linha */
    margin-top: 20px; /* Espaçamento no topo */
    border-bottom: 1px solid #000; /* Uma linha onde o fornecedor assinará */
    padding-bottom: 30px; /* Espaçamento interno abaixo para separar o texto da linha de assinatura */
}

.desconto-faturamento-discriminacao{
    width: 400px;
}
.valor-item-discriminacao{
    width: 100%;    
}

.valor-faturamento-discriminacao{
    padding: 0;
    width: 100px;
}
.table-descontos{
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.block-content-aprovacoes{
    margin-bottom: 20px !important;
    margin-top: 0px !important;
}

.help-block-satisfacao{
    color: red;
}
.themed-color-amethyst{
    text-align: center;
}

.themed-color-black{
    text-align: center;
}

/*Expade a linha efetiv_obra_terceiros*/
.hidden-row{
    display: none;
}

.td_color{
    background-color: white;
}

.th_color{
    background-color: #f7f7f7;
}

.botton-efetivo{
    text-align: right;
    margin: 0% 0.95% 0% 0%;
}

.medicao-finalizada{    
    margin-bottom: 1% !important;
}
.stucked_sticky{
    position: sticky !important;
    left: 105px;
    z-index: 1 !important;
    text-align: center !important;
    padding-right: 20px;
}

.tamanhoColunas-quinzenas{
    min-width: 230px;
}
.centraliza-form-control{
    margin-left: auto !important;
    margin-right: auto !important;
    
}
.tamanhoMinColuna{
    min-width: 105px !important;
    background-color: #CFCFCF;
}
.total-executado-container {
    display: flex;
    justify-content: center!important; /* Centralizar o conteúdo no centro */
}

/* .valor-total-executado {
    text-align: center;
    margin-left: auto;  Alinha o span à direita 
    margin-right: 5%;  Adiciona um espaçamento à direita do span 
} */

.data-desconto-faturamento {
    font-size: 12px; /* Ajuste o tamanho conforme a sua necessidade */
    width: 100%;
    border: none; /* Remove a borda padrão do input */
    padding: 0; /* Remove o padding padrão */
    background-color: transparent; /* Deixa o fundo transparente */
    box-sizing: border-box; /* Garante que padding e borda sejam incluídos no tamanho total */
}

/* Se você deseja remover o destaque ao focar no input (já que está desabilitado) */
.data-desconto-faturamento:focus {
    outline: none;
}

.conta_corrente_descricao {
    width: 100%;                /* Ajuste para preencher toda a largura da td */
    font-size: 12px;            /* Reduz o tamanho da fonte. Ajuste conforme necessário */
    border: none;               /* Remove a borda padrão do input */
    background-color: transparent; /* Torna o fundo transparente */
    box-sizing: border-box;    /* Garante que padding e borda sejam incluídos no tamanho total */
    white-space: nowrap;       /* Evita que o texto seja quebrado em várias linhas */
    overflow-x: auto;          /* Se, mesmo assim, o texto for muito longo, permita a rolagem */
    overflow-y: auto;
}

/* Se você deseja remover o destaque ao focar no input (já que está desabilitado) */
.conta_corrente_descricao:focus {
    outline: none;
}

.valor-item-conta-corrente {
    border: none;               /* Remove a borda padrão do input */
    background-color: transparent; /* Torna o fundo transparente */
    max-width: 100px; /* Limita a largura em 100px para não exceder o limite da tabela. */
    text-align: left; /* Alinha a esquerda */
}

.valor-item-discriminacao-conta-corrente {
    border: none;               /* Remove a borda padrão do input */
    background-color: transparent; /* Torna o fundo transparente */
    max-width: 100px;    
}

.saldo-item-conta-corrente {
    border: none;               /* Remove a borda padrão do input */
    background-color: transparent; /* Torna o fundo transparente */
    max-width: 100px; /* Limita a largura em 100px para não exceder o limite da tabela. */
    text-align: left; /* Alinha a esquerda */
}

.content-filtro-cabecalho {
    width: 100%;
}

.div-btn-sort {
    width: 5%;
    float: left;
    display: block;
    padding-right: 5px;
}

.div-btn-filtro {
    width: 90%;
    float: left;
    display: inline;
}

@keyframes alert {
    0% {
       background-color: lightcoral;
    }
    50% {
        background-color: black;
    }
    100% {
        background-color: lightcoral;
    }
}

.alerta-folga {
    animation: alert .5s infinite;
    color: white;
}

.div-btn-fecha-filtro,
.div-btn-fecha-filtro-medicao-fornecedor, 
.div-btn-fecha-nome, 
.div-btn-fecha-telefone,
.div-btn-fecha-funcao, 
.div-btn-fecha-empresa, 
.div-btn-fecha-tipo-contratacao, 
.div-btn-fecha-cidade, 
.div-btn-fecha-cpf, 
.div-btn-fecha-rg,
.div-btn-fecha-data-nascimento, 
.div-btn-fecha-data-cadastro, 
.div-btn-fecha-link-unico, 
.div-btn-fecha-data-chegada, 
.div-btn-fecha-teste-qualidade,
.div-btn-fecha-aso-status ,
.div-btn-fecha-aso-agendado,
.div-btn-fecha-envio-cliente,
.div-btn-fecha-data-admissao-chegada, 
.div-btn-fecha-conta-status, 
.div-btn-fecha-docs-pessoais, 
.div-btn-fecha-data-admissao, 
.div-btn-fecha-integracao, 
.div-btn-moi-mod, 
.div-btn-fecha-aprovacao-gerenciadora{
    width: 5%;
    float: right;
    margin-top: 10px;
    display: none;
    position: relative;
}

.div-btn-fecha-filtro a,
.div-btn-fecha-filtro-medicao-fornecedor a,
.div-btn-fecha-nome a, 
.div-btn-fecha-telefone a,
.div-btn-fecha-funcao a, 
.div-btn-fecha-empresa a, 
.div-btn-fecha-tipo-contratacao a, 
.div-btn-fecha-cidade a,  
.div-btn-fecha-cpf a, 
.div-btn-fecha-rg a, 
.div-btn-fecha-data-nascimento a, 
.div-btn-fecha-data-cadastro a, 
.div-btn-fecha-link-unico a, 
.div-btn-fecha-data-chegada a, 
.div-btn-fecha-teste-qualidade a,
.div-btn-fecha-aso-status a,
.div-btn-fecha-aso-agendado a,
.div-btn-fecha-envio-cliente a,  
.div-btn-fecha-data-admissao-chegada a, 
.div-btn-fecha-conta-status a, 
.div-btn-fecha-docs-pessoais a, 
.div-btn-fecha-data-admissao a, 
.div-btn-fecha-integracao a, 
.div-btn-moi-mod a, 
.div-btn-fecha-aprovacao-gerenciadora a{
    position: absolute;
    color: #C91C1C;
    border-radius: 5px;
    right: 0;
    top: -8px;
    cursor: pointer;
}

.div-th-select {
    width: 100%;
}

.th-select,
.th-select-fornecedor,
.th-select-filtro, 
.th-nome, 
.th-telefone,
.th-funcao, 
.th-empresa, 
.th-tipo-contratacao, 
.th-cidade,  
.th-cpf, 
.th-rg, 
.th-data-nascimento, 
.th-data-cadastro, 
.th-link-unico, 
.th-data-chegada, 
.th-teste-qualidade, 
.th-aso-agendado,
.th-envio-cliente,
.th-aso-status, 
.th-data-admissao-chegada, 
.th-conta-status, 
.th-docs-pessoais, 
.th-data-admissao, 
.th-integracao, 
.th-moi-mod, 
.th-aprovacao-gerenciadora{
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    display: none;
}

.aprov_rafael {
    cursor: pointer;
}

.tamanhoColunas-quinzenas{
    min-width: 230px;
}
.centraliza-form-control{
    margin-left: auto !important;
    margin-right: auto !important;
    
}
.tamanhoMinColuna{
    min-width: 105px !important;
    background-color: #CFCFCF;
}
.text-bold {
    /*font-weight: bold !important; */
    color: black ;

}

.fixador-recrutamentocolumn {
    position: sticky;
    left: 0;
    z-index: 1;
    text-align: center;
}

/* POSITION STIKCKY*/
.fixarColuna0 {
    position: sticky;
    left: 0;
    z-index: 2;
    text-align: center;
}

.fixarColuna1 { /* Responsável por fixar a Coluna de uma tabela. */
    position: sticky;
    left: 100px;
    z-index: 1;
    text-align: center;
}

.fixarColuna1-medicoes { /* Responsável por fixar a Coluna de uma tabela. */
    position: sticky;
    left: 240px;
    z-index: 1;
    text-align: center;
}

.fixarColuna9-medicoes { /* Responsável por fixar a Coluna de uma tabela. */
    position: sticky;
    left: 480px;
    z-index: 1;
    text-align: center;
}

.fixarColuna15-medicoes { /* Responsável por fixar a Coluna de uma tabela. */
    position: sticky;
    left: 550px;
    z-index: 1;
    text-align: center;
}

.fixarColuna2 { /* Responsável por fixar a Coluna de uma tabela. */
    position: sticky;
    left: 390px;
    z-index: 1;
    text-align: center;
}
.fixarColuna3 { /* Responsável por fixar a Coluna de uma tabela. */
    position: sticky;
    left: 320px;
    z-index: 1;
    text-align: center;
}
.fixarColuna4 { /* Responsável por fixar a Coluna de uma tabela. */
    position: sticky;
    left: 570px;
    z-index: 1;
    text-align: center;
}

.fixarColuna5 { /* Responsável por fixar a Coluna de uma tabela. */
    position: sticky;
    left: 220px;
    z-index: 2;
    text-align: center;
}

.backgroundFixedColuna { 
    background-color: #FFF;
}

.zIndex {
    z-index: 999;
}
.responsavel_kpi{
    width: 100% !important;
    margin-left: auto;
    margin-right: auto;
}
.btn-add-item-planilha-kpi{
    transform: scale(1.35, 1.35);
}
.select-lista-kpi{
    width: 100px;
    margin-left: auto;
    margin-right: auto;
}
.bg-kpi{
    background-color: #394263 !important;
    color: white;
    border-color: #13316f;
    border-width: 0px !important;
}
.bg-kpi-light{
    background-color: #eee !important;
    border: solid 1px #dbe1e8 !important;
    color: #394263;
    border-radius: 5px;
    width: 600px !important;
}
.lateral-kpi{
    position: sticky;
    padding: 0;
    left: 0;
    z-index: 1;
    width: 300px !important;
} 
.lateral-kpi-2{
    position: sticky;
    left: 616px;
    z-index: 1;
    padding: 0;

}
.lateral-kpi-3{
    position: sticky;
    left: 732px;
    z-index: 1;
    max-width: 40px !important;
    padding: 0;

}
.kpi-atividade{
    width: 600px !important;
    min-height: 70px !important;
    display: inline-block !important;
    padding: 0;

}
.kpi-responsavel{
    width: 100px !important;
}
.kpi-border{
    border-right: solid 15px #E6E3E1 !important;
}
.time-input{
    width: 50px !important;
}
.btn-add-atividade-planilha-kpi{
    transform: scale(1.7, 1.7) !important;
    margin-left: -10px;
}
.bg-feriado-kpi{
    background-color: #D4F5D1;
}
.log-kpi{
    font-size: 7pt;
    transition: all 1s;
    white-space: nowrap !important;
}
.log-kpi:hover {
    font-size: 10pt;
}
.dia-fixo{
    cursor:pointer;
}
.dashboard-kpi-titulo{
    margin:0;
    padding:0;
    border:0;
    height:66px !important;
    max-height:66px !important;
}

.btn-visu-kpi {
    background-color: #1bbae1;
    border-radius: 10px;
    color: white !important;
}

.medicoes_planilhas_planilha_descricao_item {
    border: none;
    overflow: hidden;
    /*resize: none;*/
    min-height: 20px; /* Altura mínima inicial */
    text-size-adjust: 100% !important;
    resize: vertical;
}

/* Estilizações adicionais para se assemelhar a um input de texto */
.medicoes_planilhas_planilha_descricao_item {
    background-color: transparent;
    outline: none;
}

/* Ajustar automaticamente a altura com base no conteúdo */
.medicoes_planilhas_planilha_descricao_item {
    height: auto;
}

.medicoes_planilhas_descicao_maior{
    width: 500px !important;
    max-width: 500px !important;
    min-width: 500px !important;
}

/* troca obra filtros*/
/* Filtro por nome colaborador */
.th-filtro{
    text-align: center;
    width: 200px !important;
    max-width: 200px !important;
    min-width: 200px !important;
}

.div-th-select-troca-obra {
    width: 90%;
}

.div-btn-fecha-filtro-fornecedor{
    width: 100%;
    float: left;
    display: none;
    position: relative;
}

.div-btn-fecha-filtro-trca-obra {
    width: 100%;
    float: left;
    display: none;
    position: relative;
}

.div-btn-fecha-filtro-trca-obra a {
    position: absolute;
    right: 0;
    /*top: -8px;*/
    cursor: pointer;
    color: red!important;
}

/*FIM  Filtro por nome colaborador */

.th-filtro-cargo-solicitado{
    text-align: center;
    width: 200px !important;
    max-width: 200px !important;
    min-width: 200px !important;
}

.div-th-select-cargo-solicitado {
    width: 90%;
}

.div-btn-fecha-filtro-cargo-solicitado {
    width: 100%;
    float: left;
    display: none;
    position: relative;
    color: red!important;
}

.div-btn-fecha-filtro-cargo-solicitado a {
    position: absolute;
    right: 0;
    /*top: -8px;*/
    cursor: pointer;
    color: red!important;
}

/* */
.header_table_usuarios {
    font-size: 14px!important;
    font-weight: bold!important;
}
.spacing-formulario{
    margin-left: 50px !important;
}
.funcao-histograma{
    min-width: 70% !important;
    font-size: 13pt;
}
.qtd-histograma{
    font-size: 13pt;
}
.centraliza-histograma{
    display: flex;
    justify-content: center;
    
}
.item-quantidade option{
    display: flex !important;
    justify-content: space-between !important;
}
.normal-text {
    font-weight: normal!important;
}

/* troca obra filtros*/

#divFornecimentoMSE {
    /*display: none;*/
}

#divFornecimentoColaborador {
    /*display: none;*/
}

/*RESPONSIVIDADE NO INFRAME DAS INTEGRAÇÕES*/
#pdf-container canvas {
    width: 100%; /* Faz o PDF ocupar toda a largura do container */
    margin-bottom: 20px; /* Espaço entre as páginas */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* Sombra para cada página do PDF */
}
/*FIM RESPONSIVIDADE NO INFRAME DAS INTEGRAÇÕES*/

/*RESPONSIVIDADE NO INFRAME DAS INTEGRAÇÕES*/
#pdf-container canvas {
    width: 100%; /* Faz o PDF ocupar toda a largura do container */
    margin-bottom: 20px; /* Espaço entre as páginas */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* Sombra para cada página do PDF */
}
/*FIM RESPONSIVIDADE NO INFRAME DAS INTEGRAÇÕES*/

.table-forn-documentos {

}

.table-forn-documentos tr th {

}


/*
.th-small-width{
    white-space: nowrap!important; /* Evita que o texto quebre em linhas 
    width: 100% !important; /* Um valor baixo para começar a largura mínima 
    min-width: 20px!important; /* Garante que a largura seja pelo menos suficiente para caber o conteúdo 
    /* background-color: red!important; 
}

.input-small-width{
    width: 200px
}
*/

.input-cell {
    display: table-cell !important;
    width: 90% !important; /* Isso assegura que a célula tenha a largura mínima necessária */
    white-space: nowrap !important; /* Previne que a célula quebre em várias linhas */
    padding: 0 !important; /* Remove o padding para não afetar a largura */
    min-width: 100px !important; /* Ajuste este valor conforme necessário para a largura mínima */
}

.input-cell input {
    width: 100% !important; /* Faz o input ocupar toda a largura da célula */
    box-sizing: border-box !important; /* Assegura que padding e border do input sejam incluídos na largura total */
    min-width: 100px !important; /* Ajuste este valor para garantir que o input tenha uma largura mínima adequada */
    padding: 0 !important; /* Remove o padding para não afetar a largura */
    background-color: transparent !important;
}

.background-transparent{
    background-color: transparent!important;
}

.black-border { /* Utilizado em medições planilhas*/
    border: 2px solid #333!important;
}
.black-border-left { /* Utilizado em medições planilhas*/
    border-left: 2px solid #333!important;
}
.black-border-top { /* Utilizado em medições planilhas*/
    border-top: 2px solid #333!important;
}
.black-border-bottom { /* Utilizado em medições planilhas*/
    border-bottom: 2px solid #333!important;
}
.black-border-right { /* Utilizado em medições planilhas*/
    border-right: 2px solid #333!important;
}

.fontsz-9 { /* Prioriza o tamanho da fonte na classe aplicada e sobrepõe o padrão do template. */
    font-size: 9px!important;
}

.fontsz-10 { /* Prioriza o tamanho da fonte na classe aplicada e sobrepõe o padrão do template. */
    font-size: 10px!important;
}

.fontsz-12 { /* Prioriza o tamanho da fonte na classe aplicada e sobrepõe o padrão do template. */
    font-size: 12px!important;
}

.fontsz-13 { /* Prioriza o tamanho da fonte na classe aplicada e sobrepõe o padrão do template. */
    font-size: 13px!important;
}

.fontsz-14 { /* Prioriza o tamanho da fonte na classe aplicada e sobrepõe o padrão do template. */
    font-size: 14px!important;
}

.fontsz-16 { /* Prioriza o tamanho da fonte na classe aplicada e sobrepõe o padrão do template. */
    font-size: 16px!important;
}
.fontsz-20 { /* Prioriza o tamanho da fonte na classe aplicada e sobrepõe o padrão do template. */
    font-size: 20px!important;
}
.assinatura-img { /* Utilizado em medições planilhas, padroniza o tamanho das assinaturas.*/
    max-width: 120px!important;
    border-bottom: 1px solid #000!important; 
    margin-bottom: 25px!important;
}

.mini-subtitle { /* Utilizado em medições planilhas para colocar subtitulo nas imagens de assinatura */
    text-align: center; 
    font-size: 10px; 
    color: #000;
    margin-top: -25px;
}

.margin-title { /* Utilizado em medições planilhas, faz com que o título da assinatura crie espaço entre a tabela de cima.*/
    margin-top: 30px!important;
    margin-bottom: 0px!important;
}

.container-flex {
    border: 1px solid rgba(0, 0, 0, 0.0); 
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
}

.planilha-section-topo {
    display: flex;
    flex-wrap: nowrap;
    margin: 0;
    width: 100%;
    z-index: 1;
}

.planilha-section-aprovacoes {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: flex-end;
    width: 100%;
    text-align: right;
    margin-top: 20px; /* Adiciona espaço acima para separar das outras divs */
    overflow: hidden;
    position: relative; /* Mantém o elemento no fluxo do documento */
}

.planilha-section-aprovacoes+.block-content-aprovacoes {
    display: flex;
    flex-direction: row;        
    width: 100%;
    text-align: right;
    margin-top: 20px; /* Adiciona espaço acima para separar das outras divs */
    overflow: hidden;
    position: relative; /* Mantém o elemento no fluxo do documento */
}

.th-titles {
    font-size: 14px!important;
}
.planilha-section-fim {
    display: flex;
    width: 100%;
    margin: 0; 
    z-index: 1;
}
.clear-both {
    clear: both;
}.painel-integracoes {
    font-weight: bold;
    max-width: 270px;
    text-align: left; 
    margin-top: -30px;
}

.title-painel-integracoes {
    font-size: 15px;
    color: #777;
}

.num-painel-integracoes {
    font-size: 18px;
    color: #394263;
}

.num-painel-integracoes-filtros {
    font-size: 12px;
    color: #394263;
}

.descricao.textarea-descricao.campo_dados_planilha.input_capitalize.text-center.medicoes_planilhas_planilha_descricao.text-bold{
    width: 100px; /* Largura inicial */
    min-width: 50px; /* Largura mínima */
    max-width: 350px; /* Largura máxima */
    /*padding: 8px;*/
    /* font-size: 16px;*/
    box-sizing: border-box; /* Garante que padding não afete a largura total */
}

.td-width-250 {
    min-width: 250px!important;
}

/* INÍCIO: ESTILIZAÇÕES CSS QUE PODEM SER UTILIZADAS GLOBALMENTE. FEITO POR ALEXANDRE */

.fxd-width-20 { /* Faz com que qualquer elemento com essa classe tenha uma width fixa de 100px (min/max !important impede que os conteúdos alterem o tamanho do elemento pai). */
    min-width: 20px!important;
    width: 20px!important;
    max-width: 20px!important;
}
.fxd-width-50 {
    min-width: 50px!important;
    width: 50px!important;
    max-width: 50px!important;
}

.fxd-width-60 {
    min-width: 60px!important;
    width: 60px!important;
    max-width: 60px!important;
}

.fxd-width-90 { /* Faz com que qualquer elemento com essa classe tenha uma width fixa de 100px (min/max !important impede que os conteúdos alterem o tamanho do elemento pai). */
    min-width: 90px!important;
    width: 90px!important;
    max-width: 90px!important;
}

.fxd-width-80 { /* Faz com que qualquer elemento com essa classe tenha uma width fixa de 100px (min/max !important impede que os conteúdos alterem o tamanho do elemento pai). */
    min-width: 80px!important;
    width: 80px!important;
    max-width: 80px!important;
}

.fxd-width-100 { /* Faz com que qualquer elemento com essa classe tenha uma width fixa de 100px (min/max !important impede que os conteúdos alterem o tamanho do elemento pai). */
    min-width: 100px!important;
    width: 100px!important;
    max-width: 100px!important;
    transition: width 0.3s ease;
    overflow: hidden;
}

.fxd-width-120 { /* Faz com que qualquer elemento com essa classe tenha uma width fixa de 120px (min/max !important impede que os conteúdos alterem o tamanho do elemento pai). */
    min-width: 120px!important;
    width: 120px!important;
    max-width: 120px!important;
    transition: width 0.3s ease;
    overflow: hidden;
}

.fxd-width-130 { /* Faz com que qualquer elemento com essa classe tenha uma width fixa de 120px (min/max !important impede que os conteúdos alterem o tamanho do elemento pai). */
    min-width: 130px!important;
    width: 130px!important;
    max-width: 130px!important;
    transition: width 0.3s ease;
    overflow: hidden;
}

.fxd-width-140 { /* Faz com que qualquer elemento com essa classe tenha uma width fixa de 120px (min/max !important impede que os conteúdos alterem o tamanho do elemento pai). */
    min-width: 145px!important;
    width: 145px!important;
    max-width: 145px!important;
    transition: width 0.3s ease;
    overflow: hidden;
}

.fxd-width-150 { /* Faz com que qualquer elemento com essa classe tenha uma width fixa de 150px (min/max !important impede que os conteúdos alterem o tamanho do elemento pai). */
    min-width: 150px!important;
    width: 150px!important;
    max-width: 150px!important;
}

.fxd-width-160 { /* Faz com que qualquer elemento com essa classe tenha uma width fixa de 150px (min/max !important impede que os conteúdos alterem o tamanho do elemento pai). */
    min-width: 160px!important;
    width: 160px!important;
    max-width: 160px!important;
}

.fxd-width-170 { /* Faz com que qualquer elemento com essa classe tenha uma width fixa de 150px (min/max !important impede que os conteúdos alterem o tamanho do elemento pai). */
    min-width: 170px!important;
    width: 170px!important;
    max-width: 170px!important;
}

.fxd-width-200 { /* Faz com que qualquer elemento com essa classe tenha uma width fixa de 200px (min/max !important impede que os conteúdos alterem o tamanho do elemento pai). */
    min-width: 200px!important;
    width: 200px!important;
    max-width: 200px!important;
}

.fxd-width-250 { /* Faz com que qualquer elemento com essa classe tenha uma width fixa de 250px (min/max !important impede que os conteúdos alterem o tamanho do elemento pai). */
    min-width: 250px!important;
    width: 250px!important;
    max-width: 250px!important;
}

.fxd-width-300 { /* Faz com que qualquer elemento com essa classe tenha uma width fixa de 300px (min/max !important impede que os conteúdos alterem o tamanho do elemento pai). */
    min-width: 300px!important;
    width: 300px!important;
    max-width: 300px!important;
}

.fxd-width-360 { /* Faz com que qualquer elemento com essa classe tenha uma width fixa de 360px (min/max !important impede que os conteúdos alterem o tamanho do elemento pai). */
    min-width: 360px!important;
    width: 360px!important;
    max-width: 360px!important;
}

.fxd-width-350 { /* Faz com que qualquer elemento com essa classe tenha uma width fixa de 300px (min/max !important impede que os conteúdos alterem o tamanho do elemento pai). */
    min-width: 350px!important;
    width: 350px!important;
    max-width: 350px!important;
}

.fxd-width-400 { /* Faz com que qualquer elemento com essa classe tenha uma width fixa de 400px (min/max !important impede que os conteúdos alterem o tamanho do elemento pai). */
    min-width: 400px!important;
    width: 400px!important;
    max-width: 400px!important;
}

.fxd-width-450 { /* Faz com que qualquer elemento com essa classe tenha uma width fixa de 400px (min/max !important impede que os conteúdos alterem o tamanho do elemento pai). */
    min-width: 450px!important;
    width: 450px!important;
    max-width: 450px!important;
}

.fxd-width-565 { /* Faz com que qualquer elemento com essa classe tenha uma width fixa de 500px (min/max !important impede que os conteúdos alterem o tamanho do elemento pai). */
    min-width: 565px!important;
    width: 565px!important;
    max-width: 565px!important;
}

.fxd-width-500 { /* Faz com que qualquer elemento com essa classe tenha uma width fixa de 500px (min/max !important impede que os conteúdos alterem o tamanho do elemento pai). */
    min-width: 500px!important;
    width: 500px!important;
    max-width: 500px!important;
}

.fxd-width-600 { /* Faz com que qualquer elemento com essa classe tenha uma width fixa de 600px (min/max !important impede que os conteúdos alterem o tamanho do elemento pai). */
    min-width: 600px!important;
    width: 600px!important;
    max-width: 600px!important;
}

.width-500 {
    width: 500px !important;
    max-width: 500px !important;
}
.min-height-27 {
    min-height:27px;
}
.min-height-30 {
    min-height:30px;
}
.min-height-50 {
    min-height:50px;
}
.min-height-100 {
    min-height:100px;
}
.min-width-100 {
    min-width:100px;
}
.min-width-150 {
    min-width:150px;
}

.centralizar-select-td { /* Utilizado para centralizar selects e elementos de uma Td e deixar em coluna, basta envelopar todos em uma div com essa classe. */
    min-width: 100%!important;
    max-width: 100%!important;
    display: flex!important;
    flex-direction: column!important;
    text-align: center!important;
    align-items: center!important;
    justify-content: center!important;
}

.table-outside-border { /* Aplica uma borda apenas ao redor da tabela, ao invés de aplicar entre as colunas e linhas. */
    border: 1px solid #eaedf1;
}

.d-flex-center { /* Alinha ao centro verticalmente e horizontalmente os elementos de uma div. */
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    text-align: center;
    align-content: center;
    justify-content: center;
}

.div-show-log { /* Exibe o log ao passar o mouse na td. */
    max-height: 0px;
    opacity: 0;
    overflow: hidden;
    transition: max-height 0.3s ease, opacity 0.3s ease;
}

.td-show-log:hover .div-show-log {
    max-height: 1000px!important;
    opacity: 1;
}

.div-expand-line {
    --expand-delay: 0s;
    max-height: 25px;
    overflow: hidden;
    transition: max-height 0.3s ease-in-out var(--expand-delay);
}

.td-expand-line:hover .div-expand-line {
    --expand-delay: .2s;
    max-height: 1000px;
}

.mbt-10 {
    margin-bottom: 10px;
}

.mbt-20 {
    margin-bottom: 20px;
}
/* FIM: ESTILIZAÇÕES CSS QUE PODEM SER UTILIZADAS GLOBALMENTE. FEITO POR ALEXANDRE */

/* INÍCIO: NOVO SISTEMA DE PAGINAÇÃO COM RESPONSIVIDADE MOBILE - FEITO POR ALEXANDRE */
.secao-paginacao {
    max-width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between!important;
}

.paginacao-itens {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center!important;
    justify-content: space-between!important;
}

.paginacao-itens ul {
    margin-bottom: 0px!important;
}

.paginacao-indicadores {
    margin-top: 5px;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    width: 100%;
}

.paginacao-input {
    border: 1px solid #767676;
    border-radius: 25px;
    padding: 5px;
    margin-right: 5px;
}

.paginacao-btn {
    background-color: #1bbae1;
    color: #fff;
    border: none;
    border-radius: 25px;
    padding: 5px 10px;
    cursor: pointer;
}

@media (max-width: 840px) { /* Media query para paginação mobile */
    .secao-paginacao {
        flex-direction: column;
        align-items: stretch;
    }

    .paginacao-itens {
        margin-bottom: 10px;
    }

    .paginacao-indicadores {
        flex-direction: column;
        align-items: center; 
    }

    .paginacao-input,
    .paginacao-btn {
        width: auto;
    }
}

/* FIM: NOVO SISTEMA DE PAGINAÇÃO COM RESPONSIVIDADE MOBILE - FEITO POR ALEXANDRE */

/* INÍCIO: SELECT2 PERSONALIZADO PARA FUNCIONAR COM PESQUISA (USADO NA TELA DE FUNÇÕES) */
.custom-selectsearch-container {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
}

.input-custom-selectsearch {
    flex: 1;
    border: 1px solid #ccc;
    padding: 8px;
    font-size: 14px;
    z-index: 1;
}

.custom-selectsearch-dropdown {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background-color: #fff;
    border: 1px solid #ccc;
    border-top: none;
    max-height: 200px;
    overflow-y: auto;
    z-index: 10;
}

.custom-selectsearch-dropdown ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.custom-selectsearch-dropdown li {
    padding: 8px;
    cursor: pointer;
}

.custom-selectsearch-dropdown li:hover {
    background-color: #f1f1f1;
}


.custom-selectsearch-dropdown {
    display: none;
    position: absolute;
    width: 100%;
    background-color: #fff;
    border: 1px solid #ccc;
    max-height: 200px;
    overflow-y: auto;
    z-index: 1000;
}

.custom-selectsearch-dropdown ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.custom-selectsearch-dropdown li {
    padding: 8px;
    cursor: pointer;
}

.custom-selectsearch-dropdown li:hover {
    background-color: #f1f1f1;
}
/* FIM: SELECT2 PERSONALIZADO PARA FUNCIONAR COM PESQUISA (USADO NA TELA DE FUNÇÕES) */

#medicoes_planilhas_planilha_descricao_print{
    display: none;
}

#medicoes_planilhas_planilha_item_descricao_print{
    display: none;
}
.campo-oculto {
    display: none;
}

.pagination-block { /* Usado para paginações que estejam interferindo o layout  da lista. */
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    background-color: #ffffff;
}

/* Início seção responsável por limitar o tamanho da imagem e estiliza-la em chamados_ticket.php */
.img-ticket { 
    max-height: 300px;
    max-width: 300px;
    object-fit: cover;
    position: relative; 
}

.img-ticket:hover img { 
    filter: brightness(90%); 
}

.bloco-ticket {
    margin: 10px 20px 10px 20px;
    padding: 15px 15px 15px;
    background-color: #ffffff;
    border: 1px solid #dbe1e8;
    border-radius: 15px;
}

.rounded-border-block {
    margin: 5px;
    padding: 10px;
    background-color: #ffffff;
    border: 1px solid #dbe1e8;
    border-radius: 15px;
}
.bloco-filtro{
    padding-top: 5px;
    padding-bottom: 5px;
}
/* Fim seção responsável por limitar o tamanho da imagem e estiliza-la em chamados_ticket.php */

.modal-img {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    justify-content: center;
    max-width: 100%;
    max-height: 100%;
    padding: 10px;
}

.modal-img img {
    object-fit: cover;
    position: relative;
    max-width: 1400px;
    max-height: 100%;
}

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

.ticket-btns {
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
}

.ticket-btns a {
    margin-right: 5px;
}

.ticket-btns-esquerda {
    display: flex;
    justify-content: flex-start;
    align-items: center; /* Alinha os itens verticalmente ao centro */
}

.ticket-btns-direita {
    display: flex;
    justify-content: flex-end;
    align-items: center; /* Alinha os itens verticalmente ao centro */
}

.fxd-width-300 { /* Força com que qualquer elemento com essa classe tenha uma width fixa de 250px (min/max !important ajudam a impedir que outras classes do template sobrepõem a width.*/
    min-width: 300px!important;
    width: 300px!important;
    max-width: 300px!important;
}

/*Lista de integrados*/
.fixarColunaIntegrado0 {
    position: sticky !important;
    left: 0 !important;
    z-index: 2 !important;
    text-align: center !important;    
}

.fixarColunaMapa1 {
    position: sticky !important;
    left: 200px !important;
    z-index: 2 !important;
    text-align: center !important;
}

.fixarColunaMapa2 {
    position: sticky !important;
    left: 300px !important;
    z-index: 1 !important;
    text-align: center !important;
}

.fixarColunaMapa3 {
    position: sticky !important;
    left: 400px !important;
    z-index: 1 !important;
    text-align: center !important;
}

.fixarColunaMapa4 {
    position: sticky !important;
    left: 500px !important;
    z-index: 1 !important;
    text-align: center !important;
}

.fixarColunaMapa5 {
    position: sticky !important;
    left: 600px !important;
    z-index: 1 !important;
    text-align: center !important;
}

.fixarColunaMapa6 {
    position: sticky !important;
    left: 700px !important;
    z-index: 1 !important;
    text-align: center !important;
}

.fixarColunaMapa8 {
    position: sticky;
    left: 900px;
    z-index: 1;
    text-align: center;
}

.fixarColunaIntegrado1 {
    position: sticky;
    left: 490px;
    z-index: 1;
    text-align: center;
}

.fixarColunaIntegrado2 {
    position: sticky;
    left: 490px;
    z-index: 1;
    text-align: center;
}

.fixarColunaIntegrado3 {
    position: sticky;
    left: 410px;
    z-index: 1;
    text-align: center;
}
.fixarColunaIntegrado4 {
    position: sticky;
    left: 700px;
    z-index: 1;
    text-align: center;
}

.fixarColunaIntegrado5 {
    position: sticky;
    left: 210px;
    z-index: 2;
    text-align: center;
}

.section-paginacao { /* Responsável por envelopar a paginação e o contador em uma div para evitar quebra de Layout em certas páginas. */
    display: flex;
    flex-direction: row-reverse; /* Faz com que o contador fique na esquerda e a paginação na direita. */
    justify-content: space-between;
}

.td-position-relative{
    position: relative;
}

.icone-fechar { /* Responsável pelo ícone de fechar nos filtros de tabela */
    color: #C91C1C !important;
    text-decoration: none !important;
    text-decoration-line: none !important;
    font-size: 12px;
    cursor: pointer;
}

.section-paginacao { /* Responsável por envelopar a paginação e o contador em uma div para evitar quebra de Layout em certas páginas. */
    display: flex;
    flex-direction: row-reverse; /* Faz com que o contador fique na esquerda e a paginação na direita. */
    justify-content: space-between;
}

.animationPulseSlow { /* ANIMAÇÃO PARA PULSAR LENTAMENTE */
    animation: pulse 2s infinite;
}

@keyframes animationPulseSlow {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.05);
    }
    100% {
        transform: scale(1);
    }
}

.btns-arquivos {
    display: flex;
    flex-direction: column;
    margin-top: 5px;
    gap: 5px;
}

.status_folga{
    width: 120px; 
    font-size: 14px; 
    font-weight: bold;
}

.bloco-filtros-pesquisa {
    min-width: 100%!important;
    display: flex!important;
    flex-direction: row!important;
    flex-wrap: wrap !important;
    padding-left: 10px;
    padding-right: 10px;
    gap: 5px;
}

.div-filtro-nomes {
    display: flex;
    min-width: 200px;
    flex-direction: row;
    flex-wrap: nowrap;
}

.div-filtro-datas {
    display: flex!important;
    flex-direction: row!important;
    clear: both;
}

.div-filtro-datas div {
    min-width: 160px;
}



.status_folga{
    width: 120px; 
    font-size: 14px; 
    font-weight: bold;
}

.btn-ordena, .div-btn-sort{
    cursor: pointer;
}

.td-position-relative{
    position: relative;
}


.btn-right-filtro-rafael{    
    position: absolute!important;
    top: 6px;
    right: 20px;
}

.scroll-container-table-modal { /*scroll lateral para tables em modal*/
    max-height: 550px;
    overflow-y: auto;
    overflow-x: auto;
}

/*Estrutura para filtro de input na table, onde o 'x' para fechar fica junto ao iput utilizado junto a funcao com jQuery*/
.input-container-filtro {
    display: flex;
    align-items: center;
}

.exibe-input-filtro-th {
    display: flex;
    align-items: center;
    position: relative;
}

.exibe-input-filtro-th input {
    padding-right: 30px;
}

.fecha-filtro-input {
    position: absolute;
    right: 10px;
    cursor: pointer;
}
/*fim da estrutura*/

.centraliza-div-1{
    display: flex;
    justify-content: center;
}
.direita-div-1{
    display: flex;
    justify-content: end;
}

.esquerda-div-2{
    display: flex !important;
    justify-content: start !important;
    align-items: start !important;
    flex-direction: column !important;
}
.centraliza-div-y{
    display: flex; 
    align-items: center; 
}
.centraliza-div-xy{
    display: flex; 
    align-items: center; 
    justify-content: center;
}
.justify-between{
    display: flex; 
    justify-content: space-between;
}
.align-end{
    display: flex; 
    align-items: end; 
}

.d-block{
    display: block !important;
}
.tabela_simples tr{
    border: 1px solid #000;
    font-size:16px;
}
.tabela_simples tr td{
    padding:10px;
}
.tabela_simples th{
    background-color: #000;
    font-weight: bold;
    color:#fff;
    padding-bottom:5px;
}
/* Estilização de borda */
.b-radius-3{
    border-radius: 3px;
}
.b-radius-5{
    border-radius: 5px;
}
.b-radius-8{
    border-radius: 8px;
}
.b-radius-10{
    border-radius: 10px;
}
.b-radius-12{
    border-radius: 12px;
}
.b-radius-15{
    border-radius: 15px;
}
/* .tabela_simples thead{
    page-break-inside: avoid !important;
} */

/*Utilizado para fixar menu no modal - obras histograma*/
.sticky-menu {
    position: sticky;
    top: 0;
    z-index: 1000;
    padding: 10px 0; 
    background-color: #f9fafc;
}
.texto-linha {
    line-height: 1px; 
}

.text-area-link-assinar{
    border-radius: 10px;
    background-color: rgba(240, 240, 240);
    max-width: 320px;
    padding: 7px;
    display: flex;
    justify-content: space-between;
    align-items: end;
}

.text-area-link-assinar i {
    display: none;
}

.text-area-link-assinar:hover i {
    display: inline;
}

.text-area-link-assinar:hover{
    cursor: pointer !important;
    background-color: #DCECFE !important;    
    transition: all 0.5s;
}

.card-docs{
    margin-top: 10px;
    padding: 4px;
    /*background-color: #DCECFE;*/
}
.card-docs .widget-extra{
    background-color: #fcf9f9;
}
/* INÍCIO CLASSES DE POSICIONAMENTO */

.centraliza-div-1{
    display: flex !important;
    justify-content: center !important;
}
.centraliza-div-2{
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    flex-direction: column !important;
}

.nome-coluna-pdf{
    display: none;
}

.espacamento-div-1{
    display:flex;
    justify-content: space-between;
}
.gap-0{
    display:flex;
    gap:0px;
}

.gap-5{
    display:flex;
    gap:5px;
}

.gap-10{
    display:flex;
    gap:10px;
}

.gap-15{
    display:flex;
    gap:15px;
}

.gap-20{
    display:flex;
    gap:20px;
}

.gap-25{
    display:flex;
    gap:25px;
}

.justify-around{
    display:flex;
    justify-content: space-around;
}
.max-width{
    width: 100% !important;
}
.max-height{
    height: 100% !important;
}

.p-0{
    padding:0 !important;
}
.px-1{
    padding-right:4px !important;
    padding-left:4px !important;
}
.px-2{
    padding-right:8px !important;
    padding-left:8px !important;
}
.px-0{
    padding-right:0px !important;
    padding-left:0px !important;
}
.pe-0{
    padding-right:0px !important;
}

.ps-0{
    padding-left:0px !important;
}
.ps-1{
    padding-left:4px !important;
}
.ps-2{
    padding-left:8px !important;
}
.ps-3{
    padding-left:12px !important;
}
.ps-4{
    padding-left:16px !important;
}

/* PADDING */
.p-1{
    padding:4px !important;
}
.p-2{
    padding:8px !important;
}
.p-3{
    padding:12px !important;
}
.p-4{
    padding:16px !important;
}
/* PADDING */
.pt-0{
    padding-top:0px !important;
}
.pt-1{
    padding-top:4px !important;
}
.pt-2{
    padding-top:8px !important;
}
.pt-3{
    padding-top:12px !important;
}
.pt-4{
    padding-top:16px !important;
}

.m-0{
    margin:0 !important;
}
.m-1{
    margin:4px !important;
}
.m-2{
    margin:8px !important;
}
.m-3{
    margin:12px !important;
}
.m-4{
    margin:16px !important;
}
/* MARGEM TOP */
.mt-0{
    margin-top:0px !important;
}
.mt-1{
    margin-top:4px !important;
}
.mt-2{
    margin-top:8px !important;
}
.mt-3{
    margin-top:12px !important;
}
.mt-4{
    margin-top:16px !important;
}

/* MARGEM ESQUERDA */
.ms-0{
    margin-left:0px !important;
}
.ms-1{
    margin-left:4px !important;
}
.ms-2{
    margin-left:8px !important;
}
.ms-3{
    margin-left:12px !important;
}
.ms-4{
    margin-left:16px !important;
}

/* MARGEM DIREITA */
.me-1{
    margin-right:0px !important;
}
.me-1{
    margin-right:4px !important;
}
.me-2{
    margin-right:8px !important;
}
.me-3{
    margin-right:12px !important;
}
.me-4{
    margin-right:16px !important;
}

/* MARGEM BAIXO */
.mb-0{
    margin-bottom:0px !important;
}
.mb-1{
    margin-bottom:4px !important;
}
.mb-2{
    margin-bottom:8px !important;
}
.mb-3{
    margin-bottom:12px !important;
}
.mb-4{
    margin-bottom:16px !important;
}

/* PADDING BAIXO */
.pb-1{
    padding-bottom:4px !important;
}
.pb-2{
    padding-bottom:8px !important;
}
.pb-3{
    padding-bottom:12px !important;
}
.pb-4{
    padding-bottom:16px !important;
}
/* PADDING BAIXO */

.py-1{
    padding-top:4px !important;
    padding-bottom:4px !important;
}
/* FIM CLASSES DE POSICIONAMENTO */

.dropdown-data {
    opacity: 0;
    height: 0;
    transition: opacity 0.2s, height 0.5s;
}

.td-dropdown-data:hover .dropdown-data {
    opacity: 1;
    height: auto; /* or a specific value */
}

.input-invisible-cell{
    width: 100%;  /* O input ocupará toda a largura da <td> */
    border: none; /* Remove a borda do input */
    background: transparent; /* Deixa o fundo transparente */
    text-align: center; /* Centraliza o texto dentro do input */
    padding: 0; /* Remove qualquer padding interno */
    outline: none; /* Remove a borda que aparece ao clicar no input */
    font-size: 10px !important; /* Tamanho da fonte menor */
}

/* FONT SIZE */
.fnt-szpt-26{
    font-size: 34.66px !important;
}
.fnt-szpt-12{
    font-size: 16px !important;
}
/* FONT SIZE */

.green-bookmark{
    background-color: #00ff00;
}
.yellow-bookmark{
    background-color: yellow !important;
}

.nowrap {
    white-space: nowrap !important;
    overflow: hidden;
    text-overflow: ellipsis;
}
.dark-blue{
    background-color:#337ab7;
    color:white !important;
}
.color-white{
    color:white !important;
}
.inputFileAdaptado::file-selector-button {
    display: flex;
    align-items: center;
    flex-flow: column;
    height: fit-content;
    width: 100%;
}
.input-file-area-container{
    position: relative;
    border: 4px dashed #DEDEDE;
    height:100%;
    min-height: 100%;
}
.input-file-area{
    position: absolute;
    display: flex;
    color: transparent;
    text-align: center;
    justify-content: center;
    align-items: center;
    align-content: center;
    cursor: pointer;
    width: 100%;
    height: 100%;
}
.input-file-area-upload {
    cursor: pointer;
    color: #CCCCCC;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    align-content: center;
    font-size: 19px;
    padding: 20px;
    min-width: 260px;
    margin-top: 40%;
}
.input-file-area::file-selector-button{
    display: none;
}
.input-file-area::file-upload-button{
    display: none;
}
.d-flex-row{
    display: flex;
    flex-direction: row;
}
.d-flex-column{
    display: flex;
    flex-direction: column;
}

.fit-content{
    height: fit-content;
    width: fit-content;
}

.pointer{
    cursor:pointer;
}

.border-radius-5{
    border-radius: 5px !important;
}

.border-radius-7{
    border-radius: 7px !important;
}

.border-radius-10{
    border-radius: 10px !important;
}

.melhor-oferta{
    background-color: #90EE90 !important;        
}

.input-mapa-compras-valores{
    width: 100%;  /* O input ocupará toda a largura da <td> */
    border: none; /* Remove a borda do input */
    background: transparent; /* Deixa o fundo transparente */
    text-align: center; /* Centraliza o texto dentro do input */
    padding: 0; /* Remove qualquer padding interno */
    outline: none; /* Remove a borda que aparece ao clicar no input */
    font-size: 10px !important; /* Tamanho da fonte menor */
}


/*
.fxd-height-100 {
    min-height: 30px!important;
    height: 30px!important;
    max-height: 30px!important;
    font-size: 10px!important;
}
*/

/* Classe para tds: Ajustar horizontalmente e manter a menor altura possível */
.td-compact {
    font-size: 10px !important; /* Tamanho da fonte menor */
    line-height: 1 !important; /* Altura da linha mínima */
    padding-left: 5px !important; /* Menor padding possível */
    padding-right: 5px !important; /* Menor padding possível */
    height: auto !important; /* Altura automática */
    vertical-align: middle !important; /* Centralizar conteúdo verticalmente */
    white-space: nowrap !important; /* Impedir quebra de linha, ajusta horizontalmente */
    overflow: hidden !important; /* Ocultar barras de rolagem */
    resize: none !important; /* Impedir redimensionamento */
}

.td-compact * {
    font-size: 10px !important; /* Fonte menor para todos os elementos */
    line-height: 1 !important; /* Altura da linha mínima */
}

/* Classe para inputs, textareas, e selects dentro das tds */
.td-compact input,
.td-compact textarea,
.td-compact select {
    font-size: 10px !important; /* Fonte menor */
    padding: 2px !important; /* Menor padding */
    height: auto !important; /* Altura automática */
    line-height: 1 !important; /* Altura da linha mínima */
    white-space: nowrap !important; /* Impedir quebra de linha */
}

/* Classe para textarea dentro das tds */
.td-compact textarea {
    resize: none !important; /* Impedir redimensionamento */
    height: 100% !important; /* Ocupando toda a altura */
    overflow: hidden !important; /* Ocultar barras de rolagem */
}

/* Classe para checkboxes dentro das tds */
.td-compact .form-check-input {
    width: 16px !important;
    height: 16px !important;
    margin: 0 !important; /* Remover margem */
}

.td-compact .form-check-input-item-vinculado {
    width: 16px !important;
    height: 16px !important;
    margin: 0 !important; /* Remover margem */
}

/* Classe para ths: Diminuir o tamanho da fonte */
.th-compact {
    font-size: 10px !important; /* Reduzir o tamanho da fonte */
    padding: 2px 4px !important; /* Reduzir o padding (vertical | horizontal) para manter um layout compacto */
    height: auto !important; /* Altura automática */
    line-height: 1 !important; /* Reduzir a altura da linha ao mínimo possível */
    vertical-align: middle !important; /* Alinhar conteúdo verticalmente ao centro */
    /*white-space: nowrap;  Impedir quebra de linha para que o conteúdo fique em uma única linha */
    text-overflow: ellipsis; /* Adicionar reticências se o texto for muito longo */
    overflow: hidden; /* Ocultar o conteúdo que ultrapassar o limite */
}

.font-10-px{
    font-size: 10px !important;
}

.fxd-width-80-planilha {
    min-width: 80px!important;
    width: 80px!important;
    max-width: 80px!important;
    transition: width 0.3s ease; /* Transição suave ao alterar a largura */
    overflow: hidden;
}

.fxd-width-100-mapa {
    min-width: 100px!important;
    width: 100px!important;
    max-width: 100px!important;
    transition: width 0.3s ease; /* Transição suave ao alterar a largura */
    overflow: hidden;
}

.fxd-width-150-mapa {
    min-width: 150px !important;
    width: 150px !important;
    max-width: 150px!important;
    transition: width 0.3s ease; /* Transição suave ao alterar a largura */
    overflow: hidden;
}

.fxd-width-200-mapa {
    min-width: 200px !important;
    width: 200px !important;
    max-width: 200px!important;
    transition: width 0.3s ease; /* Transição suave ao alterar a largura */
    overflow: hidden;
}

.fxd-width-250-mapa {
    min-width: 250px !important;
    width: 250px !important;
    max-width: 250px!important;
    transition: width 0.3s ease; /* Transição suave ao alterar a largura */
    overflow: hidden;
}

.fxd-width-descricao-mapa {
    width: 300px !important;
    max-width: 300px !important; /* Define a largura máxima da célula */
    min-width: 200px !important; /* Define a largura máxima da célula */
    word-wrap: break-word !important; /* Permite a quebra de palavras longas */
    overflow-wrap: break-word !important; /* Compatibilidade adicional para a quebra de palavras */
    text-align: center !important; /* Alinha o texto à esquerda para melhor leitura */
    font-size: 10px !important; /* Tamanho da fonte menor */
}

.descricao-span {
    display: block !important; /* Garante que o conteúdo do span se expanda verticalmente */
    max-width: 100% !important; /* Limita o span a ocupar no máximo o tamanho da célula */
    white-space: normal !important; /* Permite a quebra de linha dentro do span */
    word-wrap: break-word !important; /* Força a quebra de palavras longas para evitar estouro */
    font-size: 10px !important; /* Tamanho da fonte menor */
}

.fxd-width-expanded {
    width: auto !important;
    max-width: none !important;
    white-space: normal !important; /* Permitir quebra de linha */
    overflow: visible; /* Exibir o conteúdo excedente */
}


/* Estilização personalizada da td */
.td-compact-custom {
    font-size: 10px !important; /* Tamanho da fonte menor */
    line-height: 1 !important; /* Altura da linha mínima */
    padding-left: 5px !important; /* Menor padding possível */
    padding-right: 5px !important; /* Menor padding possível */
    height: auto !important; /* Altura automática */
    vertical-align: middle !important; /* Centralizar conteúdo verticalmente */
    white-space: nowrap !important; /* Impedir quebra de linha */
    overflow: hidden !important; /* Ocultar barras de rolagem */
    resize: none !important; /* Impedir redimensionamento */
    position: relative; /* Necessário para posicionamento adequado do select */
}

/* Estilização personalizada do select */
.select-custom {
    font-size: 10px !important; /* Fonte menor */
    line-height: 1 !important; /* Linha compacta */
    padding: 0 !important; /* Remover padding */
    margin: 0 !important; /* Remover margem */
    height: 100% !important; /* Ocupa toda a altura da td */
    width: 100% !important; /* Ocupa toda a largura da td */
    vertical-align: middle !important; /* Alinhamento vertical centralizado */
    background-color: transparent !important; /* Fundo transparente */
    border: none !important; /* Sem borda */
    appearance: none !important; /* Remover a seta padrão do select */
    -webkit-appearance: none !important; /* Remover seta no Safari */
    -moz-appearance: none !important; /* Remover seta no Firefox */
    outline: none !important; /* Remover contorno ao focar */
    box-sizing: border-box !important; /* Garantir que padding e bordas não influenciem no tamanho */
    cursor: pointer; /* Cursor tipo pointer */
}

.d-none{
    display: none !important;
}

.btn-mostra-select {
    white-space: nowrap !important; /* Impede que o conteúdo quebre em várias linhas */
    /*overflow: hidden !important;     Esconde o conteúdo que ultrapassar o limite */
    text-overflow: ellipsis !important; /* Adiciona "..." no final se o conteúdo for maior que o espaço disponível */    
    display: inline-block; /* Garante que o span seja tratado como um bloco inline */
    width: 100% !important; /* Define a largura como 100% da célula */
    text-align: left !important;    
}

.btn-select-s1 {
    white-space: nowrap !important; /* Impede que o conteúdo quebre em várias linhas */
    /*overflow: hidden !important;     Esconde o conteúdo que ultrapassar o limite */
    text-overflow: ellipsis !important; /* Adiciona "..." no final se o conteúdo for maior que o espaço disponível */    
    display: inline-block; /* Garante que o span seja tratado como um bloco inline */
    width: 100% !important; /* Define a largura como 100% da célula */
    text-align: left !important;    
}

.td-compact-fornecedor {
    max-width: 150px !important;    /* Define uma largura máxima para o span, ajuste conforme necessário */
}

.text-left {
    text-align: left !important;
}

.dark-blue{
    background-color:#337ab7;
    color:white !important;
}

.p-0{
    padding:0 !important;
}
.px-0{
    padding-right:0px !important;
    padding-left:0px !important;
}
.pe-0{
    padding-right:0px !important;
}
.ps-0{
    padding-left:0px !important;
}
.p-1{
    padding:4px !important;
}
.p-2{
    padding:8px !important;
}
.p-3{
    padding:12px !important;
}
.pt-1{
    padding-top:4px !important;
}
.m-0{
    margin:0 !important;
}
.mt-1{
    margin-top:4px !important;
}
.mt-2{
    margin-top:8px !important;
}
.mt-3{
    margin-top:12px !important;
}
.pb-1{
    padding-bottom:4px !important;
}
.pb-0{
    padding-bottom:0px !important;
}

.py-1{
    padding-top:4px !important;
    padding-bottom:4px !important;
}
.py-2{
    padding-top:8px !important;
    padding-bottom:8px !important;
}
.py-3{
    padding-top:12px !important;
    padding-bottom:12px !important;
}
.py-4{
    padding-top:16px !important;
    padding-bottom:16px !important;
}

.px-1{
    padding-right:4px !important;
    padding-left:4px !important;
}
.alerta-fornecedor-s1 {
    background-color: #f8d7da !important;
    color: #721c24 !important;
    padding: 5px !important;
    border: 1px solid #f5c6cb !important;
    margin-bottom: 10px !important;
    border-radius: 5px !important;
}

.alerta-fornecedor-s1-popup {    
    max-width: 250px !important;
    background-color: #f8d7da !important;
    color: #721c24 !important;
    padding: 5px !important;
    border: 1px solid #f5c6cb !important;
    margin-bottom: 10px !important;
    border-radius: 5px !important;
}

.btn-pdf-mapa-compras{    
    color:#cdcdcd;
    cursor:pointer;
    transition: all 0.5s;
}
.btn-pdf-mapa-compras:hover{
    color: #F20505;
}

.btn-pdf-planilhas-medicao{    
    color:#394263;;
    cursor:pointer;
    transition: all 0.5s;
}
.btn-pdf-planilhas-medicao:hover{
    color: #F20505;
}

.item-flex{
    flex:1;
}
/*Estilização nos text-area de itens vindos do mapa de compras para o pedidos_compra*/
.descricao-textarea {
    width: 100%;
    height: 34px !important; /* Altura inicial, equivalente aos outros inputs */
    overflow: hidden;
    resize: none;
    transition: height 0.3s ease;
}

.descricao-container:hover .descricao-textarea {
    max-height: 200px !important; /* Limite máximo de expansão */
    height: 90px !important;
    overflow-y: auto; /* Adiciona rolagem se necessário */
}
/*fim Estilização nos text-area de itens vindos do mapa de compras para o pedidos_compra*/

.hover-cinza-suave:hover {
    background-color: #e0e0e0 !important;
}


.btn-insere-linha-requisicao{
    position: absolute !important;
    top: 2px !important;
    /*left: 2px !important;*/
}

.notificacao_sininho{
    position: absolute;
    top: -5px;
    right: -12px;
    background-color: #e74c3c;
    color: white;
    border-radius: 50%;
    padding: 2px 5px;
    font-size: 10px;
    min-width: 15px;
    height: 15px;
    text-align: center;
    line-height: 15px;
}

/* CSS PARA PÁGINA DE ASSINATURAS */
.fieldset-content-signature-pad {
    display: flex;
    justify-content: center;
    gap: 20px; /* Espaçamento de 20px entre os itens */
    padding: 10px;
}

.fieldset-content-signature-pad input {
    border: 1px solid rgb(150, 150, 150);
    border-radius: 6px;
    width: calc(50% - 10px);
}

#signaturePad {
    border: 2px solid rgb(150, 150, 150);
    border-radius: 6px;
    width: calc(50% - 10px)!important;
    height: 300px;
    touch-action: none; /* Necessário para evitar comportamento inesperado em dispositivos touch */
    background-color: #fff;
    position: relative;
    z-index: 10; /* Garantir que está acima de outros elementos */
    display: flex;
    justify-content: center;
}

.input-100 {
    width: 400px!important;
}

.div-pdf {
    display: flex;
    justify-content: center;
    border-bottom: 2px solid rgb(150, 150, 150, .3);
    background-color:rgba(0, 0, 0, 0.05);
    margin-bottom: 15px;
}

.form-group-sign {
    padding-top: 5px!important;
    padding-bottom: 5px!important;
}

.text-muted, .text-muted:hover, a.text-muted, a.text-muted:hover, a.text-muted:focus {
    background: transparent;
}

.upper-case-text {
    text-transform: uppercase !important;;
}

.azul-suave-planilha{
    background-color: #9CC3E3 !important; /* Uma cor de fundo leve */        
}

/*
.azul-suave-teste-planilha{
    /*background-color: #229DE3 !important;  Uma cor de fundo leve * /
    background-color: #88AAC6 !important; /* Uma cor de fundo leve * /        
}*/

.azul-suave-subitem-planilha{ 
    background-color: transparent !important;  /*Uma cor de fundo leve     */        
}

.azul-suave-item-0-planilha{
    /* background-color: #88AAC6 !important;  Uma cor de fundo leve */
    /*background-color: #AED8FC !important;  /*Uma cor de fundo leve */
    /*background-color: rgb(174,216,252, 0.5) !important;  Uma cor de fundo leve */
    background-color: #007486 !important;        
}

.azul-suave-item-0-planilha>input{
    color: white !important;
}


/*
font-size: 1.8em !important;          /* Aumenta o tamanho da fonte * /
    border: 2px solid #333 !important;    /* Adiciona uma borda escura * /
    padding: 10px !important;             /* Aumenta o espaçamento interno * /
}

td.total-pago strong {
    color: #000;     /* Uma cor de texto mais vibrante * /
    font-weight: bold;
}
*/

/* Classe para fundo amarelo quando o campo está focado */
.bg-yellow-planilha {
    background-color: yellow !important;
    transition: background-color 0.3s; /* Transição suave para a cor amarela */
}

/* Classe para fundo verde após a função ser chamada */
.bg-green-planilha {
    background-color: #90EE90 !important;
    transition: background-color 0.3s; /* Transição suave para a cor verde */
}

.bg-white-planilha {
    background-color: #fff !important;
    transition: background-color 0.3s; /* Transição suave para a cor verde */
}

.bg-amethyst {
    background-color: rgb(175, 100, 204);
}

.label-gray {
    background-color: #6c757d !important; /* Cor de fundo cinza */
    color: white !important; /* Cor do texto branco para melhor contraste */
}

.bg-gray {
    background-color: #FCF8F1 !important;
    transition: background-color 0.3s; /* Transição suave para a cor verde */
}

.block-content-planilha {
    overflow-x: auto !important;
    width: 100% !important; /* Garante que a div ocupe o espaço disponível */
    
}

.block-content-planilha table {
    max-width: 100% ; /* Limita a largura da tabela ao espaço disponível */
    table-layout: auto !important; /* Ajusta o layout das colunas de acordo com o conteúdo */
}

.fxd-width-80-planilha { /* Faz com que qualquer elemento com essa classe tenha uma width fixa de 100px (min/max !important impede que os conteúdos alterem o tamanho do elemento pai). */
    min-width: 80px!important;
    width: 80px!important;
    max-width: 80px!important;
}

.page-break-planilha {
    page-break-inside: avoid !important;
}

.padding-0-left-right{
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.div-log-medicoes{
    display: none; /* Esconde inicialmente */
    position: center; /* Para evitar problemas com layout */
    top: 100%; /* Ajuste conforme a necessidade */
    left: 0; /* Ajuste conforme a necessidade */
    z-index: 10; /* Para sobreposição adequada */
}

td .observacao-expandir {
    max-height: 40px !important; /* Altura inicial mínima */
    overflow: hidden !important; /* Oculta o conteúdo excedente */
    text-overflow: ellipsis !important;
    transition: max-height 0.3s ease-out !important; /* Transição suave */
}

td:hover .observacao-expandir {
    max-height: 300px !important; /* Expande a altura para mostrar o conteúdo */
}

.td-cod-seq {
    display: flex; /* Alinha os elementos na mesma linha */
    align-items: center; /* Garante alinhamento vertical */
}

.fa-angle-right {
    margin-right: 5px; /* Espaçamento entre a seta e o texto */
    font-size: 12px; /* Ajuste o tamanho da seta */
    cursor: pointer;
    transition: transform 0.3s ease; /* Animação suave para rotação */
}

tr.erro-linha {
    background-color: rgba(255, 255, 0, 0.2) !important;
}

.pedido-disabled {
    background-color: #e9ecef !important; /* Fundo típico de elementos desabilitados */        
    cursor: not-allowed !important; /* Cursor indicando que está desabilitado */
    opacity: 0.65 !important; /* Opacidade para reforçar o estado desabilitado */
}

.flex-center {
    display: flex; /* Flexbox para alinhar horizontalmente */
    align-items: center; /* Alinha verticalmente no centro */
    justify-content: space-between; /* Espaço entre os elementos */
}

.link-s1 a {
    display: inline-block;
    width: 24px; /* Defina um tamanho fixo */
    height: 24px;
    line-height: 24px; /* Centraliza o texto verticalmente */
    text-align: center; /* Centraliza o texto horizontalmente */
    border: 1px solid #007BFF; /* Borda azul */
    border-radius: 50%; /* Torna a borda circular */
    color: #007BFF; /* Cor do texto */
    font-size: 14px;
    text-decoration: none; /* Remove o sublinhado */
    font-weight: bold;
    transition: background-color 0.3s, color 0.3s;
}

.link-s1 a:hover {
    background-color: #007BFF; /* Fundo azul ao passar o mouse */
    color: #FFF; /* Texto branco ao passar o mouse */
}

/* Estilo para checkbox aprovado */
.checkbox-success {
    appearance: none;
    width: 20px;
    height: 20px;
    border: 2px solid #28a745; /* Verde escuro */
    border-radius: 4px;
    background-color: #fff; /* Fundo branco */
    /*cursor: not-allowed;*/
    position: relative;
    display: inline-block;
}

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

/* Estado selecionado */
.checkbox-success:checked {
    background-color: #28a745; /* Fundo verde */
    border-color: #28a745;    
}

/* Adiciona a seta preta quando selecionado */
.checkbox-success:checked::after {
    content: '';
    position: absolute;
    top: 2px;
    left: 5px;
    width: 6px;
    height: 12px;
    border: solid white; /* Cor preta para a seta */
    border-width: 0 2px 2px 0;
    transform: rotate(45deg); /* Gira a linha para formar uma seta */    
}

/* Estilo para checkbox reprovado */
.checkbox-danger {
    appearance: none;
    width: 20px;
    height: 20px;
    border: 2px solid #dc3545; /* Vermelho escuro */
    border-radius: 4px;
    background-color: transparent;
    /*cursor: not-allowed;*/
    position: relative;
}

/* Adiciona o "X" */
.checkbox-danger::after,
.checkbox-danger::before {
    content: '';
    position: absolute;
    width: 12px; /* Largura das linhas do "X" */
    height: 2px; /* Espessura das linhas do "X" */
    background-color: #dc3545;
    top: 50%; /* Centraliza verticalmente */
    left: 50%; /* Centraliza horizontalmente */
    transform-origin: center;
}

/* Primeiro traço do "X" */
.checkbox-danger::after {
    transform: translate(-50%, -50%) rotate(45deg); /* Posiciona o traço */
}

/* Segundo traço do "X" */
.checkbox-danger::before {
    transform: translate(-50%, -50%) rotate(-45deg); /* Posiciona o traço */
}

/* Estilo para checkbox reprovado */
.checkbox-warning {
    appearance: none;
    width: 20px;
    height: 20px;
    border: 2px solid #e67e22;
    border-radius: 4px;
    background-color: transparent;
    /*cursor: not-allowed;*/
    position: relative;
}

.checkbox-primary {
    appearance: none;
    width: 20px;
    height: 20px;
    border: 2px solid #5ac5e0;
    border-radius: 4px;
    background-color: transparent;
    /*cursor: not-allowed;*/
    position: relative;
}

.checkbox-pink {
    appearance: none;
    width: 20px;
    height: 20px;
    border: 2px solid rgb(255, 30, 255);
    border-radius: 4px;
    background-color: transparent;
    cursor: not-allowed;
    position: relative;
}

.font-size-10{
    font-size: 10px !important;
}

/* Estilização do contêiner principal */
.header-container-medicoes {
    display: flex;
    justify-content: space-between; /* Garante que os itens fiquem nos extremos */
    align-items: center; /* Centraliza verticalmente */
    flex-wrap: wrap; /* Garante que o conteúdo quebre a linha em telas menores */
}

/* Estilização da lista de abas */
.ul-grid-medicoes {
    margin: 0; /* Remove margens extras */
    padding: 0; /* Remove preenchimento */
    list-style: none; /* Remove marcadores */
    display: flex; /* Alinha as abas horizontalmente */
    gap: 10px; /* Espaçamento entre os itens */
}

.ul-grid-medicoes li {
    display: inline-block; /* Mantém as abas lado a lado */
}


.btn-container-medicoes {
    display: flex;
    justify-content: flex-end; /* Alinha à direita */
    gap: 10px; /* Espaçamento entre os botões */
}

.btn-container-medicoes .btn {
    margin: 0; /* Remove margens extras */
    margin-right: 5px;
    align-items: center; /* Centraliza os ícones verticalmente */
}

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

.background-red{
    background-color: #ffdede !important;
}

.medicao-aprovacao{
    color: #9CC3E3 !important;
    background-color: #007486 !important;
}

/* Blocks */
.border-style-block {
    margin: 10px 10px 10px 10px;
    padding: 20px 15px 1px;
    background-color: #ffffff;
    border: 1px solid #dbe1e8;
}

/* Estilização exclusiva para o select com a classe "select-medicoes" */
select.select-medicoes option[value="1"] {
    background-color: #27ae60 !important;
    color: white !important;
}
select.select-medicoes option[value="0"] {
    background-color: #e74c3c !important; 
    color: white !important;
}
select.select-medicoes option[value="2"] {
    background-color: #e67e22 !important;
    color: white !important;
}
select.select-medicoes option[value="4"] {
    background-color: #27ae60 !important;
    color: white !important;
}
select.select-medicoes option[value="5"] {
    background-color: rgb(255, 100, 255) !important;
    color: white !important;
}

select.select-medicoes option[value="15"] {
    background-color: #e74c3c !important; 
    color: white !important;
}

select.select-medicoes option[value="16"] {
    background-color: rgb(0, 128, 0)!important;
    color: white !important;
}

select.select-medicoes option[value="17"] {
    background-color: white!important;
    color: black !important;
}

select.select-medicoes option[value="18"] {
    background-color: white!important;
    color: black !important;
}

select.select-medicoes option[value="19"] {
    background-color: white!important;
    color: black !important;
}

.grid-aprov-medicoes{
    padding-top: 1px !important;
    padding-bottom: 1px !important;
    position: relative !important;
    padding: 15px !important;
    /*background-color: #007486 !important;*/
    background-color: #007486!important;
}
.titulo-grid-aprov-medicoes{
    color: #000 !important;
}

.mapa-compras-total-nf{    
    color: #F20505;
}

.mapa-compras-total-nf{    
    color: #F20505;
}

.mapa-compras-total-nf{    
    color: #F20505;
}

.fxd-width-200-rmi {
    width: 200px !important; /* Define a largura fixa */
    min-width: 200px !important;
    max-width: 200px !important;
    padding: 5px !important;
    word-wrap: break-word !important; /* Permite quebra de palavras longas */
    overflow-wrap: break-word !important;
    white-space: normal !important; /* Permite quebra de linha */
    text-align: center !important; /* Mantém o alinhamento centralizado */
}

.dropdown-editar {
    background-color: #f0ad4e; /* Amarelo claro */
    color: white !important;
    padding: 6px 12px;
}

.dropdown-editar:hover {
    background-color: #ffe8a1;
    color: #856404;
}

.dropdown-excluir {
    background-color: #e74c3c !important; 
    color: white !important;
    padding: 6px 12px;
}

.dropdown-excluir:hover {
    background-color: #f5b5b9;
    color: #721c24;
}

.dropdown-editar {
    background-color: #f0ad4e; /* Amarelo claro */
    color: white !important;
    padding: 6px 12px;
} 

.dropdown-editar:hover {
    background-color: #ffe8a1;
    color: #856404;
}

.dropdown-excluir {
    background-color: #e74c3c !important; 
    color: white !important;
    padding: 6px 12px;
}

.dropdown-excluir:hover {
    background-color: #f5b5b9;
    color: #721c24;
}


.input-container-pedido-rd {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-top: 5px;
}

.input-container-pedido-rd input {
    width: 100%;
    text-align: center;
    appearance: textfield;
    -moz-appearance: textfield;
    -webkit-appearance: textfield;
}

.input-container-pedido-rd button {
    margin-top: 5px; /* Espaçamento de 5px entre o input e o botão */
    width: 50%; /* Mantendo o botão menor */    
}

.linha-cinza-gray {
    background-color: #c0c2c4 !important; /* Cor de fundo cinza */
    /*color: white !important;  Cor do texto branco para melhor contraste */
}

.rnc-div-text {
    max-height: 4.5em; /* 3 linhas × line-height */
    line-height: 1.5em;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    transition: max-height 1s ease;
}
.rnc-div-text::after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    height: 1.5em;
    width: 100%;
}
.rnc-div-text:hover {
    max-height: 1000px; /* bem maior que o necessário */
}
.rnc-div-text:hover::after {
    content: none; /* remove o fade no hover */
}



.div-acoes-pagina { /* CSS PARA A DIV COM BOTÕES AÇÕES DA LISTA (EX: LIMPAR FILTRO E RETORNAR PÁGINA) PODE USAR EM QUALQUER LISTA  */
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin: 10px 0;
}

.div-acoes-pagina .acoes-esquerda,
.div-acoes-pagina .acoes-centro,
.div-acoes-pagina .acoes-direita { /* REGRA MAIS FLEXIVEL PRA GERENCIAR QUAL DIV SERÁ ALINHADA A ALGUM LADO DA DIV */
    display: flex;
    align-items: center;
}

.btn-informacoes-breadcrumb { /* CSS PARA O BOTÃO AUXILIAR DE INFORMAÇÕES OU AÇÕES QUE FICA NA LISTA DO CABEÇALHO DA PÁGINA */
    margin-top: -2px;
    float: right;
}

.div-btn-navtabs-global { /* CSS SIMPLIFICADO PARA O BOTÃO DE AÇÃO GLOBAL QUE FICA JUNTO AS ABAS DE NAVEGAÇÃO (INSERIR EMBAIXO DA <ul> DAS ABAS) */
    margin-top: -31px; 
    float: right; 
    margin-right: 10px;
}

.texto-ellipsis-3{
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}
.texto-ellipsis-2{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}
.texto-ellipsis-1{
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}

.absolute-center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.absolute-left {
    position: absolute;
    left: 0;
}

.absolute-right {
    position: absolute;
    right: 0;
}

.relative-element {
    position: relative;
}
/*-------------------------------------------------------------------------------*/
/*                                                                               */
/*        LOADING (DEIXAR SEMPRE POR ULTIMO)                                     */
/*                                                                               */
/*-------------------------------------------------------------------------------*/

.loading-overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 9998;
    background: #13316f;
    top: 0;
    left: 0;
    opacity: .80;
    display: none;
}

.loading {
    width: 120px;
    height: 120px;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -60px;
    margin-top: -60px;
    background: url(../img/loading.GIF) no-repeat 0 0 transparent;
    z-index: 9999;
    border-radius: 100%;
    opacity: .70;
    display: none;
}

/* ADICIONANDO NOVAS REGRAS DE CSS */

/* Estilo específico para alert-danger na página de candidatos */
.alert-danger.candidato-documento-alert {
    color: #8b2635;
    background-color: #fff5f5;
    border-color: #ff7b8e;
    border-left: 4px solid #e74c3c;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(231, 76, 60, 0.15);
    font-weight: 500;
    position: relative;
}

.alert-danger.candidato-documento-alert::before {
    content: "⚠️";
    font-size: 1.2em;
    margin-right: 8px;
    position: relative;
    top: 1px;
}

.alert-danger.candidato-documento-alert .alert-link {
    color: #8b2635;
    text-decoration: underline;
}

.alert-danger.candidato-documento-alert:hover {
    background-color: #ffebee;
    border-color: #e74c3c;
    transform: translateY(-1px);
    transition: all 0.2s ease;
}