@charset "utf-8";

/* CSS Document */
* {
	margin: 0px;
}

:root {
    --bg: #f3f4f6;
    --bg-grad: linear-gradient(180deg, #f9fafb 0%, #e5e7eb 40%, #e5e7eb 100%);
    --card-bg: #ffffff;
    --card-bd: rgba(148,163,184,0.6);
    --text: #111111;
    --muted: #6b7280;
    --primary: #16a34a;
    --primary-600: #15803d;
    --focus: 0 0 0 3px blue;
    --base-font-size: 16px;
    --base-line-height: 1.6;
}

body {
	color: var(--text);
	font: var(--base-font-size)/var(--base-line-height) Arial, Helvetica, sans-serif;
	background-color: #f3f4f6;
}

html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
}


*:focus-visible {
    outline: 0.1875rem solid blue;
    outline-offset: 0.125rem;
    box-shadow: 0 0 0 0.125rem #ffffff;
}

a,
button,
.btn,
input[type="button"],
input[type="submit"],
input[type="reset"] {
    min-height: 2.75rem;
    min-width: 2.75rem;
}

a {
    color: #0f3b75;
    text-underline-offset: 0.2em;
}

a:hover {
    color: #082345;
}


h1 {
	background-color: #0000FF;
	color: #FFFFFF;
}
input, textarea{
	font: 1rem/1.5 Arial, Helvetica, sans-serif;
	color: #000000;	

}

button,
input,
select,
textarea {
    min-height: 2.75rem;
}
#btnov {
	background-color: #CCCCCC;
	background-image: url(../imagens/icone_alterar.png);
	background-position: left;
	padding-left: 33px;
	border-style: hidden;
	border: 1px;
	background-repeat: no-repeat;
	padding-left: 16px;
	padding-top: 2px;
}
#btsubmit {
	background-color: #FFFFFF;
	background-image: url(../imagens/icone_selecionar.png);
	background-position: left;
	padding-left: 33px;
	border-style: hidden;
	border: 1px;
	background-repeat: no-repeat;
	padding-left: 16px;
	padding-top: 2px;
}

#btcadastrar {
	background-color: #CCCCCC;
	background-image: url(../imagens/icone_cadastrar.png);
	background-position: left;
	padding-left: 16px;
	padding-top: 2px;
	border-style: hidden;
	border: 1px;
	background-repeat: no-repeat;
}

#btexcluir {
	background-color: #CCCCCC;
	background-image: url(../imagens/icone_excluir.png);
	background-position: left;
	padding-left: 33px;
	border-style: hidden;
	border: 1px;
	background-repeat: no-repeat;
	padding-left: 16px;
	padding-top: 2px;
}

#btbuscar {
	background-color: #CCCCCC;
	background-image: url(../imagens/icone_buscar.png);
	background-position: left;
	padding-left: 33px;
	border-style: hidden;
	border: 1px;
	background-repeat: no-repeat;
	padding-left: 16px;
	padding-top: 2px;
}

#btalterar {
	background-color: #CCCCCC;
	background-image: url(../imagens/icone_alterar.png);
	background-position: left;
	padding-left: 33px;
	border-style: hidden;
	border: 1px;
	background-repeat: no-repeat;
	padding-left: 16px;
	padding-top: 2px;
}

#btcancelar {
	background-color: #CCCCCC;
	background-image: url(../imagens/icone_cancelar.png);
	background-position: left;
	padding-left: 33px;
	border-style: hidden;
	border: 1px;
	background-repeat: no-repeat;
	padding-left: 16px;
	padding-top: 2px;
}
#btiniciarSorteio {
	background-color: #00CC00;
	background-position: left;
	color:#FFFFFF;
	padding-left: 33px;
	border-style: hidden;
	border: 2px;
	padding-left: 16px;
	padding-top: 2px;
	height:33px;
	width:120px;
}
#btnovoSorteio {
	background-color: #FF0000;
	background-position: left;
	color:#FFFFFF;
	padding-left: 33px;
	border-style: hidden;
	border: 2px;
	padding-left: 16px;
	padding-top: 2px;
	height:33px;
	width:120px;
}
#dvbtnovoSorteio {
width:80px;
float:right;
}

#bike {
width:80px;
float:right;
}
.logoff {
	color: #0000FF;
	text-decoration: none;
	padding: 2px;
	background-color: #FFFFFF;
}

.logoff:hover {
	color: #FFFFFF;
	text-decoration: none;
	background-color: #FF0000;
}

.logoff:visited {
	text-decoration: none;
}

a.link {
	color: #0000FF;
	text-decoration: none;
	padding: 4px;
}

a.link:visited {
	color: #0000FF;
	text-decoration: none;
}

a.link:hover {
	color: #000000;
	text-decoration: overline;
	background-color: #FFFFFF;
}

a.home {
	color: #000000;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
}

a.home:visited {
	color: #000000;
	text-decoration: none;
	width: 190px;
}

a.home:hover {
	color: #FF0000;
	background-color: #FFFFFF;
	padding: 3px;
	font-size: 14px;
	font-stretch: semi-condensed;
	font-weight: bold;
	text-decoration: none;
	/*background-color:#339933;*/
	width: 190px;
	background-color: #FFFFFF;
}

.a4_retrato {
	height: 277mm;
	width: 210mm;
	padding: 5mm;
}

.a4_paisagem {
	width: 277mm;
	height: 210mm;
	padding: 5mm;
}

.info {
	color: red;
	font-weight: bold;
	font-stretch: condensed;
	font-size: large;
	float: left;
	margin-left: 15px;
	margin-right: 15px;
	border: 1px thin;
	border-color: blue;
}

.formulario_vasio_altura{

	height: 300px;
}

.chave_info {
	float: left;
}

.combo_grande {
	width: 50em;
}

#botoeira {
	padding: 5px;
}

#info_user {
	width: 770px;
	margin: auto;
	color: #FFFFFF;
	background-color: #6699FF;
	display: block;
	padding: 3px;
	border: 1px solid #000000;
}

#topo {
	background-image: url(../imagens/topo2.png);
	width: 770px;
	height: 115px;
	margin: auto;
	display: block;
	background-color: #F5F5F5;
	margin: auto;
	padding: 3px;
	border: 1px solid;
}

.admin-page {
    min-height: 100vh;
    background: var(--bg-grad);
    color: var(--text);
}

.admin-shell {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

.admin-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 14px 20px;
    gap: 16px;
    border-bottom: 1px solid var(--card-bd);
    background-color: #ffffff;
    box-shadow: 0 2px 6px rgba(148,163,184,0.4);
}

.admin-brand {
    display: flex;
    align-items: center;
    gap: 12px;
}

.admin-logo {
    width: 150px;
    height: 50px;
    border-radius: 12px;
    object-fit: contain;
    background: #ffffff;
    /*box-shadow: 0 6px 18px rgba(34,197,94,0.25);*/
}

.admin-brand-text-title {
    font-size: 1.1rem;
    font-weight: 700;
    letter-spacing: .3px;
}

.admin-brand-text-sub {
    font-size: .95rem;
    color: var(--muted);
}

.admin-status {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px 18px;
    font-size: .95rem;
}

.admin-status-block {
    display: flex;
    align-items: center;
    gap: 6px;
    color: var(--muted);
}

.admin-status-label {
    text-transform: uppercase;
    letter-spacing: .08em;
    font-size: .82rem;
    color: #64748b;
}

.admin-status-value {
    color: var(--text);
    font-weight: 500;
}

.admin-logout {
    padding: 8px 14px;
    border-radius: 999px;
    border: 1px solid rgba(248,250,252,0.18);
    background: radial-gradient(circle at 0 0, rgba(34,197,94,0.22), transparent 60%), rgba(15,118,110,0.9);
    color: #ecfdf5;
    font-weight: 600;
    font-size: .95rem;
    text-decoration: none;
    transition: filter .18s ease, transform .08s ease, box-shadow .18s ease;
    box-shadow: 0 6px 18px rgba(15,118,110,0.45);
}

.admin-logout:hover {
    filter: brightness(1.05);
    box-shadow: 0 10px 28px rgba(15,118,110,0.65);
}

.admin-logout:active {
    transform: translateY(1px);
}

.admin-main {
    width: 100%;
    max-width: 1120px;
    margin: 16px auto 32px;
    padding: 0 16px 24px;
}

.admin-main-card {
    background: var(--card-bg);
    border-radius: 18px;
    border: 1px solid var(--card-bd);
    box-shadow: 0 12px 24px rgba(148,163,184,0.35);
    padding: 18px 18px 26px;
}

.admin-user-pill {
    padding: 4px 9px;
    border-radius: 999px;
    border: 1px solid rgba(148,163,184,0.7);
    background: #f9fafb;
    font-size: .95rem;
}

.admin-time-strong {
    font-variant-numeric: tabular-nums;
}

.admin-session-warning {
    color: #f97316;
}

.login-page {
    min-height: 100vh;
    display: grid;
    place-items: center;
    background: var(--bg-grad);
    color: var(--text);
}

.login-container {
    width: 100%;
    max-width: 28rem;
    padding: 1.5rem;
}

.login-card {
    backdrop-filter: none;
    background: var(--card-bg);
    border: 1px solid var(--card-bd);
    border-radius: 1rem;
    padding: 1.75rem;
    box-shadow: 0 0.75rem 1.5rem rgba(148,163,184,0.35);
}

.login-header {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 22px;
}

.login-logo {
    width: 150px;
    height: 50px;
    border-radius: 12px;
    object-fit: contain;
    background: #ffffff;
    /*box-shadow: 0 6px 18px rgba(34,197,94,0.25);*/
}

.login-title {
    font-size: 1.5rem;
    font-weight: 700;
    letter-spacing: .2px;
}

.login-sub {
    font-size: 1rem;
    color: var(--muted);
}

.field {
    display: grid;
    gap: 6px;
    margin: 12px 0;
}

.label {
    font-weight: 600;
    color: var(--text);
    font-size: 1rem;
}

.input {
    width: 100%;
    min-height: 2.75rem;
    padding: 0.75rem 0.875rem;
    border-radius: 0.75rem;
    border: 1px solid rgba(148,163,184,0.5);
    background: #ffffff;
    color: var(--text);
    font-size: 1rem;
    line-height: 1.5;
    outline: none;
    transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
}

.input:focus {
    border-color: blue;
    box-shadow: var(--focus);
    background: #f9fafb;
}

.password-input-wrap {
    position: relative;
}

.password-input-wrap .input {
    padding-right: 3rem;
}

.password-toggle {
    position: absolute;
    top: 50%;
    right: 0.5rem;
    transform: translateY(-50%);
    border: none;
    background: transparent;
    color: #4b5563;
    font-size: 1.125rem;
    line-height: 1;
    cursor: pointer;
    width: 2.75rem;
    height: 2.75rem;
    padding: 0;
    border-radius: 0.5rem;
}

.password-toggle:hover {
    color: #111827;
}

.password-toggle:focus-visible {
    outline: none;
    box-shadow: var(--focus);
}

.actions {
    margin-top: 16px;
}


.form-instructions {
    margin: 0 0 0.75rem;
    color: #1f2937;
    font-size: 0.95rem;
}

.field-error {
    margin: 0.25rem 0 0;
    color: #991b1b;
    font-size: 0.9rem;
    font-weight: 600;
}

.input[aria-invalid="true"] {
    border-color: #b91c1c;
}
/*
.actions .btn {
    width: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border: none;
    border-radius: 12px;
    padding: 12px 16px;
    font-weight: 700;
    letter-spacing: .2px;
    background: linear-gradient(180deg, var(--primary) 0%, var(--primary-600) 100%);
    color: #052e16;
    cursor: pointer;
    transition: transform .08s ease, filter .2s ease;
}

.actions .btn:hover { filter: brightness(1.05); }
.actions .btn:active { transform: translateY(1px); }
*/
.error {
    background: #fef2f2;
    border: 1px solid #fecaca;
    padding: 10px 12px;
    border-radius: 12px;
    color: #b91c1c;
    margin-bottom: 12px;
    font-size: 1rem;
}

@media (max-width: 768px) {
    .admin-header {
        flex-direction: column;
        align-items: flex-start;
    }
    .admin-status {
        width: 100%;
        justify-content: space-between;
    }
}

@media (max-width: 30rem) {
    .login-card { padding: 1.25rem; }
    .login-logo { width: 3rem; height: 3rem; }
}

@media (orientation: landscape) and (max-height: 32rem) {
    .login-page {
        padding: 1rem 0;
    }

    .login-container {
        max-width: 34rem;
    }

    .login-card {
        padding: 1.25rem;
    }
}

#menu_topo {
	width: 770px;
	height: 30px;
	margin: auto;
	display: block;
	background-color: #ECE9D8;
	margin: auto;
	padding: 3px;
	border: 1px solid;
}

#titulo_cab {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 72px;
	font-style: italic;
	font-stretch: extra-expanded;
	font-weight: bolder;
	color: #000099;
	text-align: right;
	margin-right: 5px;
}

#subtilulo_cab {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-stretch: extra-expanded;
	font-weight: bolder;
	color: #666666;
	text-align: right;
	margin-right: 5px;
}

#busca {
	float: inherit;
	position: absolute;
	display: block;
	background-color: #CCCCCC;
	width: 700px;
	margin: auto;
}

#busca tr:hover {
	color: #000000;
	background: #00FF00;
	cursor: default;
}

#atencao {
	float: inherit;
	position: absolute;
	display: block;
	background-color: #FFCC00;
	width: 500px;
	height: 130px;
	background-image: url(../imagens/icone_alerta.png);
	background-repeat: no-repeat;
	padding-left: 130px;
	/*lo margin: auto;*/
	margin: auto;
}

#formulario {
	display: block;
	background-color: #F5F5F5;
	width: 770px;
	margin: auto;
	padding: 3px;
	border: 1px solid;
	color: #333333;
}

#zoom {
	border: 0px;
	background-image: url(../imagens/zoom.png);
	width: 16px;
	height: 16px;
}

#pensador {
	float: inherit;
	position: absolute;
	display: block;
	background-image: url(../imagens/carregando.gif);
	width: 154px;
	height: 42px;
}

#ultimo_cadastro {
	background-color: #6699FF;
	color: #333333;
	padding: 2px;
}

#ultimo_cadastro h3 {
	color: #FFFFFF;
}

#ultimo_cadastro table {
	color: #000000;
	background: #CCCCCC;
}

#ultimo_cadastro tr:hover {
	color: #000000;
	background: #FFFFFF;
	cursor: default;
}

#login {
	width: 200px;
	margin: auto;
	padding: 3px;
	background: transparent url(../imagens/fundo1.jpg);
}

#login fieldset {
	width: 200px;
	margin: auto;
	padding: 3px;
}

#cadeado {
	float: left;
	width: 131px;
	height: 146px;
	background: transparent url(../imagens/cadeado.jpg);
	margin-right: 3px;
}

#topo_index {
	background-image: url(../imagens/topo3.png);
	width: 770px;
	height: 115px;
	margin: auto;
	display: block;
	background-color: #F5F5F5;
	margin: auto;
	padding: 3px;
	border: 1px solid;
}

#conteudo_index {
	width: 770px;
	margin: auto;
	background-color: #FFFFFF;
}

/*#lateral_login_index{

	display:block;
	background-color:#66CCFF;
	
	width:200px;
	
	padding:2px;
	
	float:left;

}*/
#lateral_index {
	display: block;
	background-color: #6699FF;
	width: 200px;
	padding: 2px;
	float: left;
}

#conteud {
	display: block;
	background-color: #FFFFFF;
	width: 566px;
	position: inherit;
	margin-left: 204px;
	padding: 4px;
}
.suggestions{

	float: right;
	position: absolute;
	display: block;
	background-color: #CCCCCC;
	font-size:12px;
	color: #000000;
	width: 300px;
	height: 130px;
	/*behavior: url(../imagens/htcs/iepngfix.htc);*/
	margin: auto;

}
.suggestions a{
	color:#000000;
	text-decoration:none;

}
.suggestions a:hover{
	color:#000000;
	background:#FFFFFF;
	width:300px;
	

}
.suggestions a:visited{
	color:#000000;

	

}
.suggestions span{

	color:#FF0000;
	font-size:14px;
	font-weight:bold;

}

/*
------------------------------
	Impromptu's
------------------------------
*/
.jqifade{
	position: absolute; 
	background-color: #aaaaaa; 
}
div.jqi{ 
	width: 400px; 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	position: absolute; 
	background-color: #ffffff; 
	font-size: 11px; 
	text-align: left; 
	border: solid 1px #eeeeee;
	/*-moz-border-radius: 10px;
	-webkit-border-radius: 10px;*/
	padding: 7px;
}
div.jqi .jqicontainer{ 
	font-weight: bold; 
}
div.jqi .jqiclose{ 
	position: absolute;
	top: 4px; right: -2px; 
	width: 18px; 
	cursor: default; 
	color: #bbbbbb; 
	font-weight: bold; 
}
div.jqi .jqimessage{ 
	padding: 10px; 
	line-height: 20px; 
	color: #444444; 
}
div.jqi .jqibuttons{ 
	text-align: right; 
	padding: 5px 0 5px 0; 
	border: solid 1px #eeeeee; 
	background-color: #f4f4f4;
}
div.jqi button{ 
	padding: 3px 10px; 
	margin: 0 10px; 
	background-color: #2F6073; 
	border: solid 1px #f4f4f4; 
	color: #ffffff; 
	font-weight: bold; 
	font-size: 12px; 
}
div.jqi button:hover{ 
	background-color: #728A8C;
}
div.jqi button.jqidefaultbutton{ 
	/*background-color: #8DC05B;*/
	background-color: #BF5E26;
}
.jqiwarning .jqi .jqibuttons{ 
	background-color: #BF5E26;
}

/*
------------------------------
	impromptu
------------------------------
*/
.impromptuwarning .impromptu{ background-color: #aaaaaa; }
.impromptufade{
	position: absolute;
	background-color: #ffffff;
}
div.impromptu{
    position: absolute;
	background-color: #cccccc;
	padding: 10px; 
	width: 300px;
	text-align: left;
}
div.impromptu .impromptuclose{
    float: right;
    margin: -35px -10px 0 0;
    cursor: pointer;
    color: #213e80;
}
div.impromptu .impromptucontainer{
	background-color: #213e80;
	padding: 5px; 
	color: #ffffff;
	font-weight: bold;
}
div.impromptu .impromptumessage{
	background-color: #415ea0;
	padding: 10px;
}
div.impromptu .impromptubuttons{
	text-align: center;
	padding: 5px 0 0 0;
}
div.impromptu button{
	padding: 3px 10px 3px 10px;
	margin: 0 10px;
}

/*
------------------------------
	columns ex
------------------------------
*/
.colsJqifadewarning .colsJqi{ background-color: #b0be96; }
.colsJqifade{
	position: absolute;
	background-color: #ffffff;
}
div.colsJqi{
    position: absolute;
	background-color: #d0dEb6;
	padding: 10px; 
	width: 400px;
	text-align: left;
}
div.colsJqi .colsJqiclose{
    float: right;
    margin: -35px -10px 0 0;
    cursor: pointer;
    color: #bbbbbb;
}
div.colsJqi .colsJqicontainer{
	background-color: #e0eEc6;
	padding: 5px; 
	color: #ffffff;
	font-weight: bold;
	height: 160px;
}
div.colsJqi .colsJqimessage{
	background-color: #c0cEa6;
	padding: 10px;
	width: 280px;
	height: 140px;
	float: left;
}
div.colsJqi .jqibuttons{
	text-align: center;
	padding: 5px 0 0 0;
}
div.colsJqi button{
	background: url(../images/button_bg.jpg) top left repeat-x #ffffff;
	border: solid #777777 1px;
	font-size: 12px;
	padding: 3px 10px 3px 10px;
	margin: 5px 5px 5px 10px;
	width: 75px;
}
div.colsJqi button:hover{
	border: solid #aaaaaa 1px;
}

/*
------------------------------
	brown theme
------------------------------
*/
.brownJqiwarning .brownJqi{ background-color: #cccccc; }
.brownJqifade{
	position: absolute;
	background-color: #ffffff;
}
div.brownJqi{
	position: absolute;
	background-color: transparent;
	padding: 10px;
	width: 300px;
	text-align: left;
}
div.brownJqi .brownJqiclose{
    float: right;
    margin: -20px 0 0 0;
    cursor: pointer;
    color: #777777;
    font-size: 11px;
}
div.brownJqi .brownJqicontainer{
	position: relative;
	background-color: transparent;
	border: solid 1px #5F5D5A;
	color: #ffffff;
	font-weight: bold;
}
div.brownJqi .brownJqimessage{
	position: relative;
	background-color: #F7F6F2;
	border-top: solid 1px #C6B8AE;
	border-bottom: solid 1px #C6B8AE;
}
div.brownJqi .brownJqimessage h3{
	background: url(../images/brown_theme_gradient.jpg) top left repeat-x #ffffff;
	margin: 0;
	padding: 7px 0 7px 15px;
	color: #4D4A47;
}
div.brownJqi .brownJqimessage p{
	padding: 10px;
	color: #777777;
}
div.brownJqi .brownJqimessage img.helpImg{
	position: absolute;
	bottom: -25px;
	left: 10px;
}
div.brownJqi .brownJqibuttons{
	text-align: right;
}
div.brownJqi button{
	background: url(../images/brown_theme_gradient.jpg) top left repeat-x #ffffff;
	border: solid #777777 1px;
	font-size: 12px;
	padding: 3px 10px 3px 10px;
	margin: 5px 5px 5px 10px;
}
div.brownJqi button:hover{
	border: solid #aaaaaa 1px;
}

/*
*------------------------
*   clean blue ex
*------------------------
*/
.cleanbluewarning .cleanblue{ background-color: #acb4c4; }
.cleanbluefade{ position: absolute; background-color: #aaaaaa; }
div.cleanblue{ font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; position: absolute; background-color: #ffffff; width: 300px; font-size: 11px; text-align: left; border: solid 1px #213e80; }
div.cleanblue .cleanbluecontainer{ background-color: #ffffff; border-top: solid 14px #213e80; padding: 5px; font-weight: bold; }
div.cleanblue .cleanblueclose{ float: right; width: 18px; cursor: default; margin: -19px -12px 0 0; color: #ffffff; font-weight: bold; }
div.cleanblue .cleanbluemessage{ padding: 10px; line-height: 20px; font-size: 11px; color: #333333; }
div.cleanblue .cleanbluebuttons{ text-align: right; padding: 5px 0 5px 0; border: solid 1px #eeeeee; background-color: #f4f4f4; }
div.cleanblue button{ padding: 3px 10px; margin: 0 10px; background-color: #314e90; border: solid 1px #f4f4f4; color: #ffffff; font-weight: bold; font-size: 12px; }
div.cleanblue button:hover{ border: solid 1px #d4d4d4; }

/*
*------------------------
*   Ext Blue Ex
*------------------------
*/
.extbluewarning .extblue{ border:1px red solid; }
.extbluefade{ position: absolute; background-color: #ffffff; }
div.extblue{ border:1px #6289B6 solid; position: absolute; background-color: #CAD8EA; padding: 0; width: 300px; text-align: left; }
div.extblue .extblueclose{ background-color: #CAD8EA; margin:2px -2px 0 0; cursor: pointer; color: red; text-align: right; }
div.extblue .extbluecontainer{ background-color: #CAD8EA; padding: 0 5px 5px 5px; color: #000000; font:normal 11px Verdana; }
div.extblue .extbluemessage{ background-color: #CAD8EA; padding: 0; margin:0 15px 15px 15px; }
div.extblue .extbluebuttons{ text-align: center; padding: 0px 0 0 0; }
div.extblue button{ padding: 1px 4px; margin: 0 10px; background-color:#cccccc; font-weight:normal; font-family:Verdana; font-size:10px; }

/*
	*
	*--------------------
	*tick box
	*--------------------
	*
*/	

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	opacity: 0.75;
}



#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	opacity: 0;
	height:100%;
	width:100%;
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}
/*
	---- RELOGIO ---
*/
#relogio_digital{
	
	width: 145px;
	height: 18px;
	float: right;
	/*background-image:url(../imagens/relogio.png);*/
	font-stretch:ultra-expanded;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	padding-top:2px;
	
	margin:auto;
	text-align:center;
	
}


/* Modernizao visual mantendo a estrutura original */
:root {
  --bg: #e9edf3;
  --panel: #f8fafc;
  --primary: #2f5ca8;
  --primary-strong: #1d3f78;
  --text: #26323f;
  --border: #cfd8e3;
}
body {
  font-family: Arial, Helvetica, sans-serif;
  background: linear-gradient(180deg, #dfe6ef, var(--bg));
  color: var(--text);
}
#topo, #topo_index {
  max-width: 960px;
  width: calc(100% - 24px);
  border-radius: 10px 10px 0 0;
  border: 1px solid var(--border);
}
#info_user, #formulario, #menu_topo, #conteudo_index {
  max-width: 960px;
  width: calc(100% - 24px);
  border: 1px solid var(--border);
  box-sizing: border-box;
}
#info_user {
  background: var(--primary);
  color: #fff;
}
#formulario, #conteudo_index {
  background: var(--panel);
  border-radius: 0 0 10px 10px;
  box-shadow: 0 8px 24px rgba(19, 35, 61, .08);
}
a.link, .logoff {
  border-radius: 4px;
  transition: background-color .2s ease, color .2s ease;
}
a.link:hover {
  text-decoration: none;
  background: #fff;
}
.logoff:hover {
  background: #b91c1c;
}
input, textarea, select {
  border: 1px solid #b6c2d1;
  border-radius: 4px;
  padding: 5px 6px;
}
#btcadastrar, #btexcluir, #btbuscar, #btalterar, #btcancelar, #btsubmit {
  border: 1px solid #b7c4d4;
  border-radius: 4px;
  background-color: #eef2f8;
}
.redirect-message {
  max-width: 640px;
  margin: 80px auto;
  background: #fff;
  border: 1px solid var(--border);
  border-radius: 8px;
  padding: 24px;
  text-align: center;
}