@charset "UTF-8";

/*
  Projeto: Stiff Admin
  Desenvolvedor: Bruno Trazzini
  URL: http://www.stiff.com.br
*/

/*
  Palheta de cores
  #000 preto
  #fff branco
*/

/* ----- Body ----- */
body { margin: 0; padding: 0; color: #000; font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 71%; background: #fff url(../../img/admin/bg-menu.gif) 0 0 repeat-y; }

html > body { font-size: 8.5pt; }

img { border: none; }



/* ----- Cabeçalho ----- */
#cabecalho { color: white; background-color: #C40000; margin: 0; padding: 1ex 1ex 1ex 1.5mm; }

#cabecalho a { color: white; background-color: transparent; text-decoration: underline; font-weight: normal; margin: 0; padding: 0 0.75ex 0 0.5ex; }  

#cabecalho a:hover { text-decoration: underline; }

#cabecalho div { float: right; }



/* ----- Menu ----- */
#menu { width: 15em; float: left; clear: left; border-right: 1px solid rgb(153,153,153); }

#menu div { border-bottom: 1px solid rgb(153,153,153); }

#menu div p { font-weight: bold; margin: 0 0 0.5em 2.5mm; padding: 1em 0 0 0; }

#menu ul { list-style-type: none; list-style-position: outside; margin: 0; padding: 0 0 1.1em 0; }

#menu li { margin: 0; padding: 0.1ex 0; }

#menu a { color: #000; background-color: transparent; text-decoration: none; margin: 0; padding: 0.75em 1ex 0.75em 5mm; display: block; }

#menu a:hover { color: white; background-color: #dd625a; text-decoration: none; }



/* ----- Conteúdo ----- */
#conteudo { color: black; background-color: white; text-align: justify; line-height: 1.5em; margin: 0 0 0 15em; padding: 0.5mm 5mm 5mm 5mm; border-left: 1px solid rgb(153,153,153); }

#conteudo p { margin: 1em 1ex 2em 1ex; padding: 0; }

#conteudo a { color: #000; background-color: transparent; text-decoration: underline; }


#conteudo a:hover { text-decoration: none; }

#conteudo h1 { color: black; background-color: #fff; border-bottom: 1px solid #8E2117; font-size: 100%; font-weight: bold; margin: 20px 0px; padding: 5px 10px; }

#conteudo h2 { color: black; font-size: 18px; font-weight: bold; margin: 10px 0px; padding: 10px 10px; border-bottom: 1px solid #ccc; }


dl { margin: 1em 1ex 2em 1ex; padding: 0; }

dt { font-weight: bold; margin: 0 0 0 0; padding: 0; }

dd { margin: 0 0 2em 2em; padding: 0; }



/* ----- Forms ----- */
fieldset { margin: 10px auto; padding: 15px; border: 1px solid #ccc; }

legend { font-weight: bold; }

label { width: 120px; display: inline-block; text-align: left; vertical-align: top; }

label span { padding-right: 5px; color: red; }

div.input.radio span { width: 120px; display: inline-block; text-align: left; }

div.input.radio label { width: auto !important; margin: 0px 20px 0px 0px; }

.error-message { padding: 0px 0px 10px 120px; color: red; }


.input-text { width: 300px; margin: 0.5em 0.5em 0.5em 0; }

.input-text { border:1px solid #bbb; background:#f6f6f6; padding:5px; }

.input-text:focus { border:1px solid #999; background:#fff; }


textarea { width: 300px; height: 200px; margin: 0.5em 0.5em 0.5em 0; }

textarea { border:1px solid #bbb; background:#eee; padding:5px; }

textarea:focus { border:1px solid #999; background:#fff; }


select { width: auto !important; border: 1px solid #ccc; background:#f6f6f6; }

select:focus { border: 1px solid #999; background:#fff; }


fieldset input[type='radio'] { width: auto; margin: 0 5px 0 10px; padding: 0; }


.buttons { width: 100%; margin: 10px auto; padding-top: 15px;  border-top: 1px solid #ccc; }

.buttons_top { width: 100%; margin: 10px auto; padding-bottom: 15px;  border-bottom: 1px solid #ccc; }


.buttons input,
.buttons_top input { margin-right: 20px; }

.button { margin: 0px 10px 0px 0px; padding: 5px; display: inline-block; border: 1px solid #ccc; text-decoration: none !important; }


/* ----- Tabela ----- */
.table_index { width: 100%; margin: 20px auto; font-family: verdana, helvetica, arial, sans-serif; font-size: 100%; }

.table_index th { padding: 5px; background-color: #fff; border-bottom: 1px solid #8E2117; color: #000; font-weight: bold; text-align: left; }

.table_index th a { padding: 5px; background-color: #6487dc; color: #fff; cursor: pointer; display: block; text-decoration: none; }

.table_index th a:hover { background-color: rgb(0,51,153); }

.table_index td { padding: 5px; border-bottom: 1px solid #ddd; text-align: left; }

.table_index td a img { border: 0; }


.table_index .altRow { background-color: #f6f6f6; }

.table_index .evenRow { background-color: #fff; }

.table_index .altRow:hover,
.table_index .evenRow:hover { background-color: #F0E68C; }


/* ----- Mensagens ----- */
#authMessage,
.message-error { width: 96%; margin: 10px 0px 10px 0px; padding: 7px 2%; background: #ecc5c5; border: 1px solid #c89797; color: #6b0f0e; }

.message { width: 96%; margin: 10px 0px 10px 0px; padding: 7px 2%; background: #c1e8ba; border: 1px solid #a4c897; color: #376b0e; }

.error-message { margin-left: 0px; color: red; font-size: 11px; }

.carregando { height: 16px; padding-left: 18px; background: url(../../img/admin/icons/spinner.gif) top left no-repeat; display: inline-block; }

.red { color: #cc0000 !important; }

.hr { width: 90%; height: 1px; margin: 10px auto; background-color: #ccc; clear: both; }



/* ----- Enviar Arquivos ----- */
#tbl-enviar-arquivos { width: 100%; margin: 10px 0px; border-top: 1px solid #ccc; }

#tbl-enviar-arquivos td { padding: 10px; }

#tbl-enviar-arquivos .td-enviar { width: 150px !important; min-width: 150px !important; max-width: 150px !important; padding-right: 20px; text-align: left; vertical-align: top; }

#tbl-enviar-arquivos .td-enviar #enviar { cursor: pointer; text-align: center; overflow: hidden;  }


#tbl-enviar-arquivos .td-arquivos { width: 90%; vertical-align: top; text-align: left; }

#tbl-enviar-arquivos .td-arquivos #mostra { width: 600px; margin: 0px; padding: 0px; overflow: hidden; }

#tbl-enviar-arquivos .td-arquivos #mostra li { width: 100px; height: 115px; margin: 5px; padding: 0px; float: left; text-align: center; list-style: none; border: 1px outset white; }


/* ----- Botão Enviar Arquivos ----- */
.qq-uploader { position:relative; width: 100%;}

.qq-upload-button {display:block; /* or inline-block */width: 130px; margin: 10px 0px; padding: 10px 0; text-align:center; background:#fff; border:1px solid #ddd; color:#000;}
.qq-upload-button-hover {background:#ccc;}
.qq-upload-button-focus {outline:1px dotted black;}

.qq-upload-drop-area {position:absolute; top:0; left:0; width:100%; height:100%; min-height: 70px; z-index:2; background:#FF9797; text-align:center;}
.qq-upload-drop-area span {display:block; position:absolute; top: 50%; width:100%; margin-top:-8px; font-size:16px; }
.qq-upload-drop-area-active {background:#FF7171;}

.qq-upload-list {margin:0; padding:0; list-style:none; text-align: left;}
.qq-upload-list li { margin:0; padding:0; line-height:15px; font-size:12px;}
.qq-upload-file, .qq-upload-spinner, .qq-upload-size, .qq-upload-cancel, .qq-upload-failed-text { margin-right: 7px; }

.qq-upload-file {  }
.qq-upload-spinner {display:inline-block; background: url(../../img/admin/loading.gif); width:15px; height:15px; vertical-align:text-bottom;}
.qq-upload-size,.qq-upload-cancel {font-size:11px;}

.qq-upload-failed-text {display:none;}
.qq-upload-fail .qq-upload-failed-text {display:inline;}