@CHARSET "UTF-8";
body { font-style: normal; font-family: verdana; font-size: 13px; background-image: none; background-color: #EEE; }
a { color: blue; }

/* titulos */
h2 { padding-bottom: 30px; font-size: 28px; }
h3 { padding-bottom: 30px; font-size: 22px; }

/* Light box */
.lightbox { margin:0 auto; padding:50px 20px; display:none; min-width: 400px; min-height: 175px; background-color:#FFF; -webkit-border-radius: 10px; border-radius: 10px; text-align: center; }
.lightbox .close { position:absolute; right:20px; top:20px; cursor:pointer; height:20px; width:20px; color:#000; }

.header { display:block; background: none; margin-bottom: 0; height: auto; }
.header span { float: right; margin: 20px 0 0; }
.header .menu { float: right; clear: both; width:auto; height:38px; font-style: normal; margin-top: 20px; }
.header .menu li { float: left; margin-left: 3px; }
.header .menu li:first-child { margin: 0; }
.header .menu li a { display:block; padding:0 15px; line-height:38px; color:#FFF; background: #000; -webkit-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; }
.header .menu li a:hover,
.header .menu li .active { padding:0 14px; line-height:37px; text-decoration: none; color: #000; background: #FFF; border: 1px solid #c6c6c6; border-bottom: none; }
.titulo-login { text-align: center; margin: 50px 0 20px; }
#login { float: left; padding: 30px; background: #FFF; -webkit-border-radius: 10px; border-radius: 10px; }
#login button { float: right; margin-left: 15px; }
#login .loader { float: right; margin-top: 18px; }

.admin { position:relative; padding:30px 0; margin-bottom:50px; min-height:400px; -webkit-border-radius: 10px; border-radius: 10px; background: #FFF; }

button,
.btn-preto { margin-top:10px; padding:0 30px; height: 36px; line-height:36px; background: url(../img/bt-admin.png) repeat-x 0 0; border: none; -webkit-border-radius: 3px; border-radius: 3px; cursor: pointer; color: #fff; font-size:14px; font-family:verdana; font-style:normal; text-transform: lowercase; }
button:active,
button:focus,
button:hover,
.btn-preto:active,
.btn-preto:focus,
.btn-preto:hover { padding-top:1px; background-position: 0 -36px; text-decoration: none; }
.btn-preto { display: inline-block; }
.btn-preto:active,
.btn-preto:focus,
.btn-preto:hover { height:35px; line-height: 35px; }

.adicionarItem { float: right; clear: both; margin: 10px 0; position: relative; z-index: 10 }

/* Tabelas */
table { display: inline-table; width: 100%; }
table caption { padding: 20px 0 10px; font-weight: bold; }
thead th,
tfoot td { line-height:50px; background: #e6e6e6; font-weight: bold; text-align: center; font-size: 13px;  }

thead th:fisrt-child,
tfoot td:fisrt-child { border-left: 1px solid #e6e6e6; }

thead th:last-child,
tfoot td:last-child { border-right: 1px solid #e6e6e6; }

tbody { border:1px solid #999; }
tbody td { padding:10px; border-bottom:1px solid #999; font-size:16px; text-align: center; vertical-align: middle; }

thead { background: #e6e6e6 }
thead th { background: none; line-height: 40px; text-align: left; padding: 0 5px; }
tbody td { font-size: 12px; text-align: left; padding:10px 5px; border-color: #e2e2e2; border-right:1px solid #e6e6e6  }
tbody tr:nth-child(even) { background: #f9f9f9; }

/* formulátrios padrão */
legend { display:block; padding-bottom:30px; font-family: Georgia; font-size: 28px; font-weight: lighter; font-style: italic; }
label { display:block; padding-bottom:15px; font-family: verdana; font-size: 13px; font-weight: normal; color:#000; text-align: right; }
label em { padding-right:8px; color:#d31e11; }
label a { text-decoration: underline; color:#d31e11; }
form p { padding-bottom: 20px; font-family: verdana; font-style: normal; font-size: 13px; font-weight: lighter; line-height: 22px; }
input[type="text"],
input[type="number"],
input[type="date"],
input[type="tel"],
input[type="url"],
input[type="password"],
input[type="email"],
input[type="readonly"],
textarea { margin-left:15px; padding:10px; width:308px; height:18px; border: 1px solid #b3b3b3; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: inset 1px 1px 2px 0px rgba(0, 0, 0, 0.2); box-shadow: inset 1px 1px 2px 0px rgba(0, 0, 0, 0.2); font-family: verdana; font-size: 13px; font-weight: normal; color:#000; vertical-align: middle; }
textarea { height: 100px; vertical-align: top; resize:none; }
input:focus,
textarea:focus,
input[readonly] { background-color: #f7f7f7; outline: none; border-color: #a6a6a6; }
select { margin-left:15px; width:330px; height:38px; background: transparent; }
input.error,
select.error,
textarea.error { border:1px solid #ff0000; }

.admin #filtro fieldset,
.dataFim { position:relative; background:#f0f0f0; padding: 10px; border: 1px solid #c6c6c6; -webkit-border-radius: 10px; border-radius: 10px; width: 415px; }
.dataFim { width: 280px; margin-bottom: 10px; padding: 10px 10px 0 }
.admin #filtro legend,
.dataFim legend { padding: 0 5px; font-family: verdana; font-size: 12px; font-style: normal; font-weight: bold; }
.admin #filtro label { float:left; padding:0; margin-top: 10px;  }
.admin form { position: relative; padding-bottom: 30px; margin-bottom: 20px; }
.admin button { position: absolute; bottom: 0; right: 0; }
label { position: relative; }
input[type="text"],
input[type="number"],
input[type="date"],
input[type="tel"],
input[type="url"],
input[type="password"],
input[type="email"],
input[type="readonly"],
textarea { -webkit-border-radius: 0; border-radius: 0; background-color: #FFF; -webkit-box-shadow: none; box-shadow: none; }
input[type="file"] { position: absolute; float: right; top: 10px; right: 0; width:83px; opacity:0; -moz-opacity:0; filter:alpha(opacity:0); }
.smallField { width: 80px !important; margin-right: 610px; }
.fakeupload { background: url("../img/botao-selecione.png") no-repeat 100% 50%; cursor: pointer; }
.admin #filtro input[type="text"] { margin:0; width: 145px; height: 16px; padding: 2px 5px; }
.admin #filtro select { width: auto; height: 22px; }
.admin #filtro button { float: left; position:inherit; margin: 0; margin-left: 10px; }
.admin h2 { padding-bottom: 15px; }

/* Erros formulários */
.ctn-error { display:none; margin:0 0 15px; padding:10px 20px; min-width:350px; min-height:15px; border:2px solid #d62d2d; list-style:none; background:#ffdfdf; -webkit-border-radius: 3px; border-radius: 3px; font-family:verdana; font-weight:bold; font-size:13px; color:#000; }
.ctn-error li { display:block; text-align:center; }
.ctn-error label { display:block; padding:0; font-family:verdana; font-size:13px; color:#000; cursor:default; text-align:center; font-weight:bold; }
.success { background:#daf7cb; border-color:#009933; } 
.warnig { background:#fff6df; border-color:#ffae00; }
.warnig li { text-align: left; }
.loader { display:none; padding-left:10px; }

/* Paginate */

.pagination {
  margin: 20px 0;
}

.pagination ul {
  display: inline-block;
  *display: inline;
  margin-bottom: 0;
  margin-left: 0;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  *zoom: 1;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

.pagination ul > li {
  display: inline;
}

.pagination ul > li > a,
.pagination ul > li > span {
  float: left;
  padding: 4px 12px;
  line-height: 20px;
  text-decoration: none;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-left-width: 0;
}

.pagination ul > li > a:hover,
.pagination ul > li > a:focus,
.pagination ul > .active > a,
.pagination ul > .active > span {
  background-color: #f5f5f5;
}

.pagination ul > .active > a,
.pagination ul > .active > span {
  color: #999999;
  cursor: default;
}

.pagination ul > .disabled > span,
.pagination ul > .disabled > a,
.pagination ul > .disabled > a:hover,
.pagination ul > .disabled > a:focus {
  color: #999999;
  cursor: default;
  background-color: transparent;
}

.pagination ul > li:first-child > a,
.pagination ul > li:first-child > span {
  border-left-width: 1px;
  -webkit-border-bottom-left-radius: 4px;
          border-bottom-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
          border-top-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  -moz-border-radius-topleft: 4px;
}

.pagination ul > li:last-child > a,
.pagination ul > li:last-child > span {
  -webkit-border-top-right-radius: 4px;
          border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
          border-bottom-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 4px;
}

.pagination-centered {
  text-align: center;
}

.pagination-right {
  text-align: right;
}

.pagination-large ul > li > a,
.pagination-large ul > li > span {
  padding: 11px 19px;
  font-size: 17.5px;
}

.pagination-large ul > li:first-child > a,
.pagination-large ul > li:first-child > span {
  -webkit-border-bottom-left-radius: 6px;
          border-bottom-left-radius: 6px;
  -webkit-border-top-left-radius: 6px;
          border-top-left-radius: 6px;
  -moz-border-radius-bottomleft: 6px;
  -moz-border-radius-topleft: 6px;
}

.pagination-large ul > li:last-child > a,
.pagination-large ul > li:last-child > span {
  -webkit-border-top-right-radius: 6px;
          border-top-right-radius: 6px;
  -webkit-border-bottom-right-radius: 6px;
          border-bottom-right-radius: 6px;
  -moz-border-radius-topright: 6px;
  -moz-border-radius-bottomright: 6px;
}

.pagination-mini ul > li:first-child > a,
.pagination-small ul > li:first-child > a,
.pagination-mini ul > li:first-child > span,
.pagination-small ul > li:first-child > span {
  -webkit-border-bottom-left-radius: 3px;
          border-bottom-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
          border-top-left-radius: 3px;
  -moz-border-radius-bottomleft: 3px;
  -moz-border-radius-topleft: 3px;
}

.pagination-mini ul > li:last-child > a,
.pagination-small ul > li:last-child > a,
.pagination-mini ul > li:last-child > span,
.pagination-small ul > li:last-child > span {
  -webkit-border-top-right-radius: 3px;
          border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
          border-bottom-right-radius: 3px;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 3px;
}

.pagination-small ul > li > a,
.pagination-small ul > li > span {
  padding: 2px 10px;
  font-size: 11.9px;
}

.pagination-mini ul > li > a,
.pagination-mini ul > li > span {
  padding: 0 6px;
  font-size: 10.5px;
}

.lst-midias {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  padding-bottom: 5rem;
}
.lst-midias li {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  border: 1px solid #ccc;
  & img {
    margin: 0;
    max-width: 200px;
    max-height: 200px;
  }
  .btn.danger {
    background: red;
    color: #fff;
    font: inherit;
    font-size: 1rem;
    display: block;
    width: 100%;
    padding: .5rem 0;
    text-align: center;
  }
}