/* tailwind theme vars */
:root {
    --primary-color-100: 82 170 142;
    --primary-color-200: 53 118 97;
    --primary-color-300: 37 82 68;
}
/* end of tailwind theme vars */
a {
    color: #357661;
}
.themecolor {
    color: #357661 !important;
}
.themestrong {
    color: rgb(1, 170, 115) !important;
}
.button {
    background-color: rgb(62,173,138) !important;
    background-image: linear-gradient(to bottom, rgb(62,173,138) 0%, rgb(53,118,97) 10%, rgb(53,118,97) 88%, rgb(37,82,68) 100%) !important;
    border-color: rgb(82,170,142) !important;
    border-style: outset !important;
}
/* Search buttons */
.search_button:hover.primary:hover {
    color: #fff;
    background-color: rgb(62,173,138);
    background-image: linear-gradient(to bottom,  rgb(53,118,97) 0%,rgb(62,173,138) 85%,rgb(62,173,138) 100%);
}
.search_button.primary,
.search_button.primary:disabled:hover {
    color: #ddd;
    background-color: rgb(53,118,97,1);
    background-image: linear-gradient(to bottom, rgb(62,173,138) 0%,rgb(53,118,97) 50%,rgb(62,173,138) 100%);
    border-color: rgb(53,118,97);
}
/* End of search buttons */
#sidebar #main-nav li a.nav-top-item {
    background-color: rgb(53,118,97);
    background-image: linear-gradient(165deg, rgb(82,170,142) 0%, rgb(53,118,97) 24%, rgb(37,82,68) 100%);
    border-radius: 5px 0 0 5px;
    border-top: 1px solid rgb(82,170,142);
    border-left: 1px solid rgb(82,170,142);
    transition: color 80ms ease-out;
}
#sidebar #main-nav li a.nav-top-item:hover {
    color: #fff;
    transition: color 80ms ease-in;
}
#sidebar #main-nav li a.current:hover {
    color: #000;
    transition: color 80ms ease-in;
}
/* Cor das bordas pontilhadas no espaco do usuario e orgao */
#profile-links .profile-orgaos {
    border-top: dashed 1px #ddd;
    border-bottom: dashed 1px #ddd;
}
ul.content-box-tabs li a:hover {
    color: #357661;
}
.pagination a.current {
    background-color: rgb(62,173,138) !important;
    background-image: linear-gradient(to bottom, rgb(62,173,138) 0%, rgb(53,118,97) 10%, rgb(53,118,97) 88%, rgb(37,82,68) 100%) !important;
}
.pagination span a.current {
    color: #357661 !important;
}
.action-button span:hover {
    color: #357661;
}
/* Remember login and Custom modal button color */
.remember_button,
.custom_modal_button {
    background-color: rgb(53,118,97) !important;
    background-image: linear-gradient(165deg, rgb(82,170,142) 0%, rgb(53,118,97) 24%, rgb(37,82,68) 100%) !important;
}
/* Fim do remember login and Custom modal button color */
/* New background pattern */
#sidebar,
#sidebar_hidden {
    background-image: url('../images/furley_bg.png') !important;
}
body#login {
    background-color: #007549ff !important;
    /* Configs login pref */
    background-image: url('../images/client/cuiababg.jpg') !important;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;

}
/* Fim do new background pattern */
#login-wrapper {
    background: none !important;
}
#login-wrapper #login-top {
    background-color: #f2e01cff !important;
	padding: 15px 0;
}
#login-wrapper #login-content {
    padding: 30px 0;
}
#login-wrapper #login-content #UsuarioLoginForm .login-fields {
    padding: 15px;
    background-color: #fff;
    border-radius: 3px;
}
#login-forgot-password,
#login-send-button {
    float: none !important;
    text-align: center;
}
#login-forgot-password {
    padding: 10px 0;
}
#login-wrapper #login-content #UsuarioLoginForm a {
    color: #fff;
}
#login-wrapper #login-content #UsuarioLoginForm a:hover {
    text-decoration: underline;
}
#login-wrapper #login-content {
    position: relative;
}
#login-wrapper #login-content input {
    border: 1px solid #e0e1e2;
    width: calc(100% - 15px);
    float: none;
    border-radius: 1px;
}
#login-wrapper #login-content .button {
    width: 200px;
    height: 40px;
    font-size: 14px !important;
    background-color: #82C34D;
    background-image: linear-gradient(to bottom, #97da97 0%, #82C34D 100%) !important;
    color: #fff !important;
    border-color: #5cb85c !important;
}
#login-wrapper #login-content button:hover {
    text-decoration: none;
    background-image: linear-gradient(to bottom, #82C34D 0%, #28a745 100%) !important;
    border-color: #28a745 !important;
}
#login-wrapper #login-content .notification {
    background-color: #20323e !important;
}
/* VidaFuncional Dashboard */
#dbColLeft hr {
    border-color: #357661 !important;
}
#dbColLeft .widget {
    background-color: #357661 !important;
}
#dbColLeft .wicon {
    background-color: #2a5e4e !important;
}
#dbColLeft .wicon i {
    color: #316d5a !important;
}
#dbColLeft .vejamais {
    background-color: rgb(15 25 20 / 0.4) !important;
}
#dbColLeft .vejamais:hover {
    background-color: rgb(15 25 20 / 0.6) !important;
}
#dbColRight {
    border-left: #357661 solid 2px !important;
}
/* Fim da VidaFuncional Dashboard */
/* VidaFuncional Linha do Tempo */
div.tooltip .t-header {
    background-color: rgb(53,118,97) !important;
    background-image: linear-gradient(165deg, rgb(82,170,142) 0%, rgb(53,118,97) 35%, rgb(37,82,68) 100%) !important;
}
/* Fim da VidaFuncional Linha do Tempo */
.images_principal input.switch:checked ~ label:before {
    background-image: linear-gradient(to bottom, rgb(62,173,138) 0%,rgb(53,118,97) 10%,rgb(53,118,97) 88%,rgb(37,82,68) 100%) !important;
}
.bgcolorfull {
    background-color: rgb(53,118,97) !important;
}
.bgcolorstrong {
    background-color: rgb(53 118 97 / 0.6) !important;
}
.bgcolorstrong2 {
    background-color: rgb(53 118 97 / 0.85) !important;
}
.bgcolorsmooth {
    background-color: rgb(53 118 97 / 0.2) !important;
}
.bgcolorsmooth2 {
    background-image: linear-gradient(to right, rgb(22 84 65 / 0.17) 0%, rgb(53 118 97 / 0.1) 100%) !important;
}
.bgcolorsmooth3 {
    background-color: rgb(53 118 97 / 0.05) !important;
}
.fa-actions {
    color: #295647;
}
/* Estilos para a nova temporalidade */
#hcolumns .htitle,
#hcolumns a,
#hcolumns #breadcrumb span,
#hcol_linhagem a {
    color: #357661;
}
#hcolumns #breadcrumb span:first-child {
    color: #555;
}
#hcolumns .column ul li:not(.temporalidade-inativa):hover,
#hcolumns .column ul li.active:not(.temporalidade-inativa) {
    background-color: rgb(53 118 97 / 0.85) !important;
}
/* Fim dos estilos para a nova temporalidade */
/* Estilos para autocomplete */
.ui-menu .ui-menu-item:hover {
    background-color: rgb(53 118 97 / 0.9) !important;
    border-left-color: rgb(53, 118, 97) !important;
}
/* Fim dos estilos para autocomplete */
table .progressbar .ui-progressbar-value {
    background-color: rgb(53,118,97);
    background-image: linear-gradient(165deg, rgb(82,170,142) 0%, rgb(53,118,97) 24%, rgb(37,82,68) 100%);
    border-top: 1px solid rgb(82,170,142);
    border-left: 1px solid rgb(82,170,142);
}
.vida-funcional-busca-resultados a:visited {
    color: rgb(20,55,45);
}