﻿/* ** Definição de fontes ** */
@font-face {
  font-family: 'Abel';
  src: url('../fonts/Abel-Regular.ttf');
}
@font-face {
  font-family: 'NewsCycle';
  src: url('../fonts/NewsCycle-Regular.ttf');
}
@font-face {
  font-family: 'NewsCycleBold';
  src: url('../fonts/NewsCycle-Bold.ttf');
}
/* ************************* */
* {
  box-sizing: border-box;
}
/* Dimensionamento por colunas */
.col-1 {
  width: 8.33%;
}
.col-2 {
  width: 16.66%;
}
.col-3 {
  width: 25%;
}
.col-4 {
  width: 33.33%;
}
.col-5 {
  width: 41.66%;
}
.col-6 {
  width: 50%;
}
.col-7 {
  width: 58.33%;
}
.col-8 {
  width: 66.66%;
}
.col-9 {
  width: 75%;
}
.col-10 {
  width: 83.33%;
}
.col-11 {
  width: 91.66%;
}
.col-12 {
  width: 100%;
}
[class*="col-"] {
  float: left;
  padding: 15px;
  /*border:1px solid red;*/
}
/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification\ 
for details on configuring this project to bundle and minify static web assets. */
/* General stylings */
.m-15 {
  margin-left: -15px !important;
  margin-right: -15px !important;
}
.pv-0 {
  padding-top: 0;
  padding-bottom: 0;
}
html {
  position: relative;
  min-height: 100%;
  scroll-behavior: smooth;
}
body {
  height: 100%;
  padding-top: 50px;
  font-family: 'Abel';
  color: #595959;
  background-color: #f2f2f2;
}
/*
body .body-overlay{
    position:absolute;
    width:100%;
    min-height:100%;
    background:rgba(255,255,255,0.45);
    z-index:-1;
}
*/
body#import_window {
  padding-top: 5px;
}
body#close_window {
  padding-top: 5px;
}
/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
  padding-left: 110px;
  padding-right: 15px;
  width: 100%;
  margin-bottom: 100px;
}
.page-content {
  padding: 15px;
}
.page-content h3 {
  font-weight: bold;
  text-transform: uppercase;
}
.page-content h3 span {
  font-weight: bold;
  text-transform: none;
  color: rgba(77, 148, 255, 0.65);
  font-style: italic;
}
.page-content h4 {
  font-weight: bold;
  text-transform: uppercase;
}
.page-content h5 {
  font-weight: bold;
  text-transform: uppercase;
}
.page-content .row {
  margin: 0;
}
/* The alert message box */
.alert_danger {
  padding: 10px;
  background-color: #f44336;
  /* Red */
  color: white;
  margin: 1.5em;
  width: 75%;
  transition: opacity 0.6s;
}
.alert_success {
  padding: 10px;
  background-color: #33cc33;
  /* Green */
  color: white;
  margin: 1.5em;
  width: 75%;
  transition: opacity 0.6s;
}
.alert_info {
  padding: 5px;
  background-color: #a8d8f0;
  /* Blue */
  margin-top: 10px;
  margin-bottom: 10px;
  transition: opacity 0.6s;
  font-size: 10pt;
}
/* close button */
.closebtn {
  margin-left: 15px;
  font-weight: bold;
  float: right;
  font-size: 22px;
  line-height: 20px;
  cursor: pointer;
  transition: 0.15s;
}
/* When moving the mouse over the close button */
.closebtn:hover {
  color: black;
}
#topButton {
  display: none;
  /* Hidden by default */
  position: fixed;
  /* Fixed/sticky position */
  bottom: 80px;
  /* Place the button at the bottom of the page */
  right: 10px;
  /* Place the button 30px from the right */
  z-index: 9999;
  /* Make sure it does not overlap */
  border: none;
  /* Remove borders */
  outline: none;
  /* Remove outline */
  background-image: url(../images/Arrows-Up-Circular-icon.png);
  /* Set a background color */
  background-position: center;
  background-size: contain;
  background-color: transparent;
  background-repeat: no-repeat;
  cursor: pointer;
  /* Add a mouse pointer on hover */
  width: 45px;
  height: 45px;
  transition: opacity 0.35s;
}
#topButton:hover {
  opacity: 0.85;
  transition: opacity 0.35s;
}
#ErrorPage {
  padding-top: 5px;
}
#ErrorPage .alert_danger {
  margin-left: 22.5%;
  text-align: center;
}
.wrapper {
  padding: 20px;
  /*box-shadow: 5px 5px 5px 5px rgba(0, 0, 0, 0.2);*/
  border: 3px solid inset;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.7);
  width: 99%;
  margin-top: 25px;
  margin-left: 0.5%;
  margin-bottom: 50px;
  /*background-color: white;*/
}
.wrapper h2 {
  text-align: center;
}
.btn-default {
  color: #595959;
  border: 0.5px solid rgba(77, 148, 255, 0.45);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 6px rgba(77, 148, 255, 0.6);
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-size: 9pt;
  padding-top: 5px;
  transition: all 0.35s ease-out;
  -webkit-transition: all 0.35s ease-out;
  -moz-transition: all 0.35s ease-out;
  -o-transition: all 0.35s ease-out;
  -ms-transition: all 0.35s ease-out;
}
.btn-default:hover {
  /*font-weight: normal;*/
  background-color: #2a5f95;
  color: #EAE9E9;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);
  transition: all 0.35s ease-in;
  -webkit-transition: all 0.35s ease-in;
  -moz-transition: all 0.35s ease-in;
  -o-transition: all 0.35s ease-in;
  -ms-transition: all 0.35s ease-in;
}
.btn-default:disabled:hover {
  background: none;
  color: #595959;
}
.btn-success {
  color: #595959;
  background: none;
  border: 0.5px solid rgba(0, 255, 0, 0.45);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 6px rgba(0, 255, 0, 0.6);
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-size: 9pt;
  padding-top: 5px;
  transition: all 0.35s ease-out;
  -webkit-transition: all 0.35s ease-out;
  -moz-transition: all 0.35s ease-out;
  -o-transition: all 0.35s ease-out;
  -ms-transition: all 0.35s ease-out;
}
.btn-success:hover {
  /*font-weight: normal;*/
  color: #EAE9E9;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);
  transition: all 0.35s ease-in;
  -webkit-transition: all 0.35s ease-in;
  -moz-transition: all 0.35s ease-in;
  -o-transition: all 0.35s ease-in;
  -ms-transition: all 0.35s ease-in;
}
.btn-success:disabled:hover {
  background: none;
  color: #595959;
}
.btn-danger {
  color: #595959;
  background: none;
  border: 0.5px solid rgba(255, 0, 0, 0.45);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 6px rgba(255, 0, 0, 0.6);
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-size: 9pt;
  padding-top: 5px;
  transition: all 0.35s ease-out;
  -webkit-transition: all 0.35s ease-out;
  -moz-transition: all 0.35s ease-out;
  -o-transition: all 0.35s ease-out;
  -ms-transition: all 0.35s ease-out;
}
.btn-danger:hover {
  /*font-weight: normal;*/
  color: #EAE9E9;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);
  transition: all 0.35s ease-in;
  -webkit-transition: all 0.35s ease-in;
  -moz-transition: all 0.35s ease-in;
  -o-transition: all 0.35s ease-in;
  -ms-transition: all 0.35s ease-in;
}
.btn-danger:disabled:hover {
  background: none;
  color: #595959;
}
.hover-success:hover {
  background-color: #449D44;
}
.hover-danger:hover {
  background-color: #C9302C;
}
.hover-default:hover {
  background-color: #4286f4;
}
#limpa_filtros {
  margin-top: 26px;
  height: 32px;
  padding: 5px;
  padding-bottom: 2px;
}
#limpa_filtros i.fas.fa-filter {
  font-size: 10pt;
}
#limpa_filtros i.fas.fa-times-circle {
  font-size: 8pt;
}
input {
  padding: 4px;
}
input:disabled {
  background-color: rgba(240, 240, 245, 0.5);
}
input:-webkit-autofill {
  -webkit-animation-name: autofill;
  -webkit-animation-fill-mode: both;
}
@-webkit-keyframes autofill {
  to {
    background: transparent;
  }
}
select {
  cursor: pointer;
}
.page-title {
  padding: 0 10px 0 10px;
  box-shadow: 1.2px 1.5px 2px 1.2px rgba(77, 148, 255, 0.6);
  margin: 0;
  background-color: white;
  /*background:rgba(255,255,255,0.85);*/
}
.page-title .row {
  margin: 0;
}
.page-title .title {
  text-align: center;
}
.page-title h3 {
  font-weight: bold;
  text-transform: uppercase;
}
.link {
  color: #1B8FFC;
  transition: all 0.25s ease-out;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  -ms-transition: all 0.25s ease-out;
}
.link:hover {
  color: #1B8FFC;
  text-decoration: none;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
  transition: all 0.25s ease-in;
  -webkit-transition: all 0.25s ease-in;
  -moz-transition: all 0.25s ease-in;
  -o-transition: all 0.25s ease-in;
  -ms-transition: all 0.25s ease-in;
}
.link:focus {
  text-decoration: none;
}
.link:visited {
  text-decoration: none;
}
.link_stocks {
  color: #595959;
  text-decoration: none;
  transition: all 0.25s ease-out;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  -ms-transition: all 0.25s ease-out;
}
.link_stocks:hover {
  font-weight: bold;
  text-decoration: none;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
  transition: all 0.25s ease-in;
  -webkit-transition: all 0.25s ease-in;
  -moz-transition: all 0.25s ease-in;
  -o-transition: all 0.25s ease-in;
  -ms-transition: all 0.25s ease-in;
}
.link_stocks:focus {
  text-decoration: none;
}
.link_stocks:visited {
  text-decoration: none;
}
/* Loader */
#dimScreen {
  position: fixed;
  padding: 0;
  margin: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  z-index: 9999;
  transition: all 0.25s ease;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  -ms-transition: all 0.25s ease;
}
/*#loader {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 2;
    width: 300px;
    height: 300px;
    margin: -75px 0 0 -75px;*/
/*border: 7px solid #ebf2f9;*/
/*border-radius: 50%;
    border-top: 7px solid #2a5f95;
    width: 300px;
    height: 300px;
    -webkit-animation: spin 0.3s linear infinite;
    animation: spin 0.3s linear infinite;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}*/
.lds-spinner {
  color: #971b1e;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 80px;
  height: 80px;
}
.lds-spinner div {
  transform-origin: 40px 40px;
  animation: lds-spinner 1.2s linear infinite;
}
.lds-spinner div:after {
  content: " ";
  display: block;
  position: absolute;
  top: 3px;
  left: 37px;
  width: 6px;
  height: 18px;
  border-radius: 20%;
  /*background: #2a5f95;*/
  background: #fff;
}
.lds-spinner div:nth-child(1) {
  transform: rotate(0deg);
  animation-delay: -1.1s;
}
.lds-spinner div:nth-child(2) {
  transform: rotate(30deg);
  animation-delay: -1s;
}
.lds-spinner div:nth-child(3) {
  transform: rotate(60deg);
  animation-delay: -0.9s;
}
.lds-spinner div:nth-child(4) {
  transform: rotate(90deg);
  animation-delay: -0.8s;
}
.lds-spinner div:nth-child(5) {
  transform: rotate(120deg);
  animation-delay: -0.7s;
}
.lds-spinner div:nth-child(6) {
  transform: rotate(150deg);
  animation-delay: -0.6s;
}
.lds-spinner div:nth-child(7) {
  transform: rotate(180deg);
  animation-delay: -0.5s;
}
.lds-spinner div:nth-child(8) {
  transform: rotate(210deg);
  animation-delay: -0.4s;
}
.lds-spinner div:nth-child(9) {
  transform: rotate(240deg);
  animation-delay: -0.3s;
}
.lds-spinner div:nth-child(10) {
  transform: rotate(270deg);
  animation-delay: -0.2s;
}
.lds-spinner div:nth-child(11) {
  transform: rotate(300deg);
  animation-delay: -0.1s;
}
.lds-spinner div:nth-child(12) {
  transform: rotate(330deg);
  animation-delay: 0s;
}
@keyframes lds-spinner {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/* Checkbox */
#checkbox_label label {
  display: inline;
}
.regular-checkbox {
  display: none;
}
.regular-checkbox + label {
  background-color: #fafafa;
  border: 1px solid #cacece;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
  padding: 10px 10px 15px 15px;
  border-radius: 3px;
  position: relative;
  transition: all 0.35s ease-out;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  -ms-transition: all 0.15s ease-out;
}
.regular-checkbox:hover + label {
  cursor: pointer;
  background-color: #e9ecee;
  border: 1px solid #adb8c0;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05), inset 15px 10px -12px rgba(255, 255, 255, 0.1);
  transition: all 0.15s ease-in;
  -webkit-transition: all 0.15s ease-in;
  -moz-transition: all 0.15s ease-in;
  -o-transition: all 0.15s ease-in;
  -ms-transition: all 0.15s ease-in;
}
.regular-checkbox:disabled + label {
  background-color: #e9ecee;
  cursor: not-allowed;
}
.regular-checkbox + label:active,
.regular-checkbox:checked + label:active {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px 1px 3px rgba(0, 0, 0, 0.1);
}
.regular-checkbox:checked + label {
  color: #99a1a7;
}
.regular-checkbox:checked + label:after {
  content: '\2714';
  font-size: 20px;
  position: absolute;
  top: 1px;
  left: 5px;
  color: #99a1a7;
}
/* Radio button */
.regular-radio {
  display: none;
}
.regular-radio + label {
  background-color: #fafafa;
  border: 1px solid #cacece;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
  padding: 10px 10px 15px 15px;
  border-radius: 50%;
  position: relative;
  transition: all 0.35s ease-out;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  -ms-transition: all 0.15s ease-out;
}
.regular-radio:hover + label {
  cursor: pointer;
  background-color: #e9ecee;
  border: 1px solid #adb8c0;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05), inset 15px 10px -12px rgba(255, 255, 255, 0.1);
  transition: all 0.15s ease-in;
  -webkit-transition: all 0.15s ease-in;
  -moz-transition: all 0.15s ease-in;
  -o-transition: all 0.15s ease-in;
  -ms-transition: all 0.15s ease-in;
}
.regular-radio:disabled + label {
  background-color: #e9ecee;
  cursor: not-allowed;
}
.regular-radio + label:active,
.regular-radio:checked + label:active {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px 1px 3px rgba(0, 0, 0, 0.1);
}
.regular-radio:checked + label {
  color: #99a1a7;
}
.regular-radio:checked + label:after {
  content: '';
  width: 13px;
  height: 13px;
  background: #99a1a7;
  border-radius: 50%;
  font-size: 14px;
  position: absolute;
  top: 6px;
  left: 6px;
}
.tag {
  position: relative;
  display: block;
  font-weight: bold;
  margin-bottom: 8px;
}
.flag_img {
  max-width: 25px;
}
/* Paginação */
.pagination {
  display: inline-block;
  padding: 0;
  margin-top: -5px;
}
.pagination a {
  color: black;
  padding: 8px 5px;
  text-decoration: none;
  border: 1px solid #ddd;
  margin: 2px;
  cursor: pointer;
  float: left;
  vertical-align: middle;
}
.pagination a.active {
  background-color: #2a5f95;
  color: white;
  border-radius: 5px;
}
.pagination p {
  float: left;
  vertical-align: middle;
  padding: 10px;
  margin-left: 0;
}
.pagination #goto_page {
  margin-left: 30px;
  margin-top: 2px;
  width: 200px;
}
.pagination #goto_page input {
  margin-left: 15px;
  width: 25%;
  display: inline;
}
.pagination #goto_page .btn {
  margin-left: 0;
  margin-top: -2px;
  display: inline;
}
/*.pagination a:hover:not(.active) {
            background-color: #ddd;
            border-radius: 5px;
        }*/
/* Top Bar */
.top-bar {
  width: 100%;
  height: 50px;
  position: fixed;
  z-index: 99;
  top: 0;
  left: 0;
  background-color: #2a5f95;
  margin: 0;
  text-align: center;
  padding: 0 30px;
}
.top-bar .brand {
  /*margin-left: 130px;*/
  padding: 0;
}
.top-bar .brand img {
  width: 55%;
  margin-top: -6.5%;
}
/*.top-bar .brand .link {
            color: white;
            text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
            font-size: 16pt;
            font-weight: bold;
            transition: all 0.25s ease-out;
            -webkit-transition: all 0.25s ease-out;
            -moz-transition: all 0.25s ease-out;
            -o-transition: all 0.25s ease-out;
            -ms-transition: all 0.25s ease-out;
        }

            .top-bar .brand .link:hover {
                text-decoration: none;
                color: white;
                font-size: 18pt;
                text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
                transition: all 0.25s ease-in;
                -webkit-transition: all 0.25s ease-in;
                -moz-transition: all 0.25s ease-in;
                -o-transition: all 0.25s ease-in;
                -ms-transition: all 0.25s ease-in;
            }

            .top-bar .brand .link:focus {
                text-decoration: none;
            }

            .top-bar .brand .link:visited {
                text-decoration: none;
            }*/
.top-bar .site-title {
  padding: 5px 0;
}
.top-bar .site-title h1 {
  font-size: 16pt;
  text-align: center;
  color: white;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0;
  margin: 0;
  margin-top: 10px;
  margin-left: 80px;
}
.top-bar .perfil {
  float: right;
  text-align: right;
  color: white;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
  font-size: 12pt;
  vertical-align: middle;
  margin-top: -8px;
}
.top-bar .perfil a.goto-notifications {
  color: white;
  text-decoration: none;
}
.top-bar .perfil .notifications {
  display: inline-block;
  position: relative;
}
.top-bar .perfil .notifications i {
  color: white;
  font-size: 22px;
  vertical-align: middle;
}
.top-bar .perfil .notifications #unread-count {
  position: absolute;
  top: -10px;
  right: -10px;
}
.top-bar .perfil form#logoutForm {
  display: inline-block;
}
/* Dropdown */
.top-bar .perfil .dropdown {
  cursor: pointer;
  position: relative;
  display: inline-block;
  text-align: left;
}
.top-bar .perfil .dropdown .dropbtn {
  margin-top: 0;
  padding: 5px;
  border: 1.5px solid white;
  border-radius: 50%;
  transition: all 0.45s ease-in;
  -webkit-transition: all 0.45s ease-out;
  -moz-transition: all 0.45s ease-out;
  -o-transition: all 0.45s ease-out;
  -ms-transition: all 0.45s ease-out;
}
.top-bar .perfil .dropdown-content {
  position: absolute;
  left: -100px;
  top: 37px;
  background-color: white;
  width: 120px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: -1;
  visibility: hidden;
  opacity: 0;
  transition: all 0.35s ease-in-out 0s, visibility 0s linear 0.35s, z-index 0s linear 0.05s;
  text-align: left;
  padding: 0;
}
.top-bar .perfil .dropdown-content li {
  list-style: none;
  margin: 5px;
  font-size: 10pt;
  text-shadow: none;
  font-weight: bold;
}
.top-bar .perfil .dropdown-content li p {
  color: #2a5f95;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  text-shadow: none;
  text-decoration: none;
  display: block;
  padding: 5px;
}
.top-bar .perfil .dropdown-content li a {
  color: #2a5f95;
  font-weight: bold;
  text-shadow: none;
  text-decoration: none;
  display: block;
  padding: 5px;
  transition: all 0.35s ease-out;
  -webkit-transition: all 0.35s ease-out;
  -moz-transition: all 0.35s ease-out;
  -o-transition: all 0.35s ease-out;
  -ms-transition: all 0.35s ease-out;
}
.top-bar .perfil .dropdown-content li a:hover {
  background-color: #c3d9ee;
  text-shadow: none;
  transition: all 0.35s ease-in;
  -webkit-transition: all 0.35s ease-in;
  -moz-transition: all 0.35s ease-in;
  -o-transition: all 0.35s ease-in;
  -ms-transition: all 0.35s ease-in;
}
.top-bar .perfil .dropdown-content li button {
  padding: 0;
  border: none;
  background: none;
  color: #2a5f95;
  font-weight: bold;
  text-shadow: none;
  text-decoration: none;
  display: block;
  padding: 5px;
  transition: all 0.35s ease-out;
  -webkit-transition: all 0.35s ease-out;
  -moz-transition: all 0.35s ease-out;
  -o-transition: all 0.35s ease-out;
  -ms-transition: all 0.35s ease-out;
}
.top-bar .perfil .dropdown-content li button:hover {
  background-color: #c3d9ee;
  text-shadow: none;
  transition: all 0.35s ease-in;
  -webkit-transition: all 0.35s ease-in;
  -moz-transition: all 0.35s ease-in;
  -o-transition: all 0.35s ease-in;
  -ms-transition: all 0.35s ease-in;
}
.top-bar .perfil .dropdown:hover .dropdown-content {
  text-shadow: none;
  visibility: visible;
  /* shows sub-menu */
  opacity: 1;
  z-index: 1;
  transform: translateY(0%);
  transition-delay: 0s, 0s, 0.35s;
  /* this removes the transition delay so the menu will be visible while the other styles transition */
}
.top-bar .perfil .dropdown:hover .dropbtn {
  background-color: white;
  color: #2a5f95;
  text-shadow: none;
  /*transform: scale(1.2);*/
  transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  -ms-transition: all 0.2s ease-in;
}
/* Side Navigation Bar */
.sidenav {
  height: 100%;
  width: 100px;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  /*background-color: #222222;*/
  background-color: #262626;
  /* 75a3f3 */
  /*overflow-x: hidden;*/
  padding-top: 65px;
}
.sidenav .side-icons {
  margin-top: 0;
}
.sidenav .side-icons a .client-logo {
  margin: auto;
  display: block;
}
.sidenav .side-icons a.tip {
  display: block;
  margin-top: 30px;
  position: relative;
  text-decoration: none;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.sidenav .side-icons a.tip:first-child {
  margin-top: 20px !important;
}
.sidenav .side-icons a.tip:hover {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.sidenav .side-icons a img {
  clear: both;
  padding: 0;
  position: relative;
  width: 65%;
  margin-left: auto;
  margin-right: auto;
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
}
.sidenav .side-icons a p {
  color: #75a3f3;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  opacity: 0.8;
  font-size: 9pt;
}
.sidenav .side-icons a:after {
  content: '';
  position: absolute;
  bottom: -5px;
  left: 50%;
  transform: translate(-50%);
  width: 0;
  border-bottom: 2px solid #75a3f3;
  transition: ease-in-out all 0.3s;
}
.sidenav .side-icons a:hover:after {
  width: 50%;
  transition: ease-in-out all 0.3s;
}
.sidenav .side-icons a.active:after {
  width: 50%;
  transition: ease-in-out all 0.3s;
}
.sidenav .side-icons a img:hover {
  transform: scale(1.1);
  transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -ms-transition: all 0.3s ease-in;
}
/* -- CONTENTS -- */
.form-frame {
  clear: both;
  position: relative;
  padding: 20px;
  border-color: rgba(77, 148, 255, 0.6);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(77, 148, 255, 0.6);
  outline: 0 none;
  background: white;
  margin-top: 10px;
}
.form-group {
  padding: 0 5px 0 5px;
}
/* Tabelas */
.tab-frame {
  padding: 20px;
  border-color: rgba(77, 148, 255, 0.6);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(77, 148, 255, 0.6);
  outline: 0 none;
  background: white;
  margin-top: 5px;
  min-height: 930px;
}
.tab_overflow {
  clear: both;
  overflow-x: auto;
}
table {
  clear: both;
  border: 1px solid #ddd;
  font-size: 11pt;
}
thead,
tbody {
  display: block;
}
/*thead {
    max-width: 100%;
}*/
tbody {
  clear: both;
  overflow: auto;
  max-height: 500px;
}
th,
td {
  text-align: left;
  padding: 0;
  padding-left: 5px;
  border: 3px solid white;
  width: 200px;
  position: relative;
  vertical-align: middle;
}
tr {
  background-color: #e6e6e6;
}
tr:nth-child(even) {
  background-color: white;
}
.table_header {
  background-color: #2a5f95;
  color: white;
}
.table_hover {
  cursor: pointer;
  transition: all 0.25s ease-out;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  -ms-transition: all 0.25s ease-out;
}
.table_hover:hover {
  background-color: #d7e6f4;
  transition: all 0.25s ease-in;
  -webkit-transition: all 0.25s ease-in;
  -moz-transition: all 0.25s ease-in;
  -o-transition: all 0.25s ease-in;
  -ms-transition: all 0.25s ease-in;
}
.th_hover {
  cursor: pointer;
  transition: all 0.25s ease-out;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  -ms-transition: all 0.25s ease-out;
}
.th_hover:hover {
  background-color: #609bd2;
  transition: all 0.25s ease-in;
  -webkit-transition: all 0.25s ease-in;
  -moz-transition: all 0.25s ease-in;
  -o-transition: all 0.25s ease-in;
  -ms-transition: all 0.25s ease-in;
}
table th.sortAsc::after,
th.sortDesc::after {
  content: " ";
  display: inline-block;
  width: 17px;
  height: 17px;
  padding: 0;
  vertical-align: middle;
}
th.sortAsc::after {
  background: url(../images/sort-up.png);
  background-size: contain;
}
th.sortDesc::after {
  background: url(../images/sort-down.png);
  background-size: cover;
}
table .form-control {
  font-size: 10pt;
  height: 30px;
}
table .form-control.fail {
  border-color: #ff0000;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px white, 0 0 0 8px rgba(255, 0, 0, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 0, 0, 0.6);
}
table [class*="col-"] {
  padding: 0;
}
/* Informação nro registos tabela */
.num_registos_tabela {
  width: 30%;
  text-align: left;
  float: left;
  padding: 0;
}
/* Caixa de pesquisa */
.search-box {
  float: left;
  width: 70%;
  text-align: right;
  margin-top: -5px;
  padding: 0;
}
.search-box form .form-search {
  width: 305px;
  border: 1px solid #cccccc;
  border-left: none;
  border-radius: 5px;
  float: right;
  height: 32px;
  padding: 0;
  text-align: left;
  display: inline;
}
.search-box form .form-search input {
  border: none;
  border-left: 1px solid #cccccc;
  border-radius: 5px;
  width: 300px;
  font-size: 10pt;
  color: #808080;
  padding: 5px;
  display: inline;
}
.search-box form .form-search > input:focus {
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.search-box form .form-search ::placeholder {
  font-size: 10pt;
  color: #bfbfbf;
  font-style: italic;
}
.search-box form i.fas.fa-search {
  display: inline;
  float: right;
  height: 32px;
  font-size: 12pt;
  padding-top: 8px;
}
.add_registo {
  background-color: #ddd;
}
.add_registo > td {
  border-bottom: 3px solid #2a5f95;
}
.btn-sm {
  padding: 2px;
}
.btn-addIdioma {
  width: 24px;
  height: 24px;
  display: block;
}
.btn-addIdioma i.far {
  font-size: 11pt;
  margin-top: 5px;
}
.btn-addImagem {
  width: 23px;
  height: 23px;
  display: block;
}
.btn-addImagem i.far {
  font-size: 13pt;
}
.btn-save {
  width: 25px;
  height: 25px;
}
.btn-save i.far {
  font-size: 16pt;
}
.btn-copy {
  width: 25px;
  height: 25px;
}
.btn-copy i.fas {
  font-size: 13pt;
}
.btn-edit {
  width: 25px;
  height: 25px;
}
.btn-edit i.far {
  font-size: 13pt;
}
.btn-trash {
  width: 23px;
  height: 23px;
}
.btn-trash i.far {
  font-size: 13pt;
}
/*#page_users table tbody, table thead {
    display: block;
}

#page_users table tbody {
    overflow: auto;
    height: 450px;
}

    #page_users table tbody tr, table thead tr {
        width: 100%;
    }*/
#page_users th {
  width: 250px;
  padding: 10px;
}
#page_users td {
  width: 250px;
}
#page_users th#user_email,
#page_users td#user_email {
  width: 300px;
}
#page_users th#user_name,
#page_users td#user_name {
  width: 330px;
}
#page_users th#user_telefone,
#page_users td#user_telefone {
  width: 180px;
}
#page_users th#user_tipo,
#page_users td#user_tipo {
  width: 190px;
}
#page_users th#trash,
#page_users td#trash {
  width: 40px;
}
/* End Tabelas */
/* Index Conteudos */
#menu_conteudos.tab-frame {
  min-height: unset;
  height: auto;
  text-align: center;
  margin-top: 25px;
  position: relative;
  /*background:rgba(255,255,255,0.85);*/
}
#menu_conteudos .btn-default {
  font-size: 11pt;
  width: 185px;
  height: 65px;
  margin: 25px;
  white-space: pre-line;
}
#menu_conteudos .btn-default .btn-text-container {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.back-btn {
  width: 100px;
  height: 35px;
  padding: 8px;
}
/* End Index Conteudos */
/* Suporte */
.ticket-page {
  padding: 50px;
}
.ticket {
  margin-top: 20px;
}
.ticket .row {
  margin-left: 0;
  margin-right: 0;
}
.ticket .assunto {
  margin-bottom: 20px;
  width: 40%;
  margin-left: 5%;
  font-family: 'NewsCycle';
  font-size: 12pt;
}
.ticket .assunto input {
  font-family: 'NewsCycle';
  font-size: 12pt;
}
.ticket .estado {
  margin-bottom: 20px;
  width: 80%;
  margin-left: 5%;
}
.ticket .estado select {
  margin-bottom: 20px;
  width: 40%;
}
.ticket .mensagem {
  margin-bottom: 20px;
  width: 80%;
  margin-left: 5%;
}
.ticket .mensagem textarea {
  resize: none;
  height: 250px;
  font-family: 'NewsCycle';
  font-size: 12pt;
}
.ticket .button {
  margin-left: 5%;
}
/*#page_tickets table tbody, table thead {
    display: block;
}

#page_tickets table tbody {
    overflow: auto;
    height: 450px;
}*/
/*#th_ticket_id, #td_ticket_id {
    width: 270px;
}

#th_ticket_user, #td_ticket_user {
    width: 180px;
}

#th_ticket_subject, #td_ticket_subject {
    width: 320px;
}

#th_ticket_state, #td_ticket_state {
    width: 140px;
}

#th_ticket_date, #td_ticket_date {
    width: 150px;
}*/
#not_exist {
  width: 350px;
}
.ticket-page h3 {
  text-transform: none;
}
.ticket-page h4 {
  text-transform: none;
}
.ticket-page h4 span {
  color: rgba(77, 148, 255, 0.65);
  font-style: italic;
}
.ticket-page h5 {
  text-transform: none;
}
.ticket-page h5 span {
  color: rgba(77, 148, 255, 0.65);
  font-style: italic;
}
.ticket-discussion .ticket-buttons {
  width: 65%;
  margin-bottom: 50px;
}
.ticket-discussion .ticket-buttons a {
  font-size: 12pt;
  margin-right: 10px;
}
.ticket-discussion .ticket-buttons .btn-danger span {
  color: #ff0000;
}
.ticket-discussion .ticket-buttons #action-buttons {
  display: inline-block;
}
.ticket-discussion .ticket-buttons .btn-success span {
  color: #00ff00;
}
.ticket-discussion .ticket-buttons .btn-default span {
  color: #0000ff;
}
.ticket-discussion .ticket .estado {
  margin: 0;
  margin-bottom: 30px;
  width: 100%;
}
.ticket-discussion .ticket .estado select {
  width: 25%;
}
.ticket-discussion .info-left {
  display: table;
  float: left;
}
.ticket-discussion .info-left span {
  text-transform: uppercase;
  font-weight: bold;
  color: rgba(77, 148, 255, 0.75);
}
.ticket-discussion .info-right {
  display: block;
  float: right;
}
.ticket-discussion .info-right span {
  text-transform: uppercase;
  font-weight: bold;
  color: rgba(77, 148, 255, 0.75);
}
.ticket-discussion .ticket-post {
  position: relative;
  width: 80%;
  margin-top: 40px;
  text-align: left;
}
.ticket-discussion .ticket-post .message {
  position: relative;
  margin-top: 35px;
}
.ticket-discussion .ticket-post .message .message-content {
  background-color: #adebad;
  padding: 20px;
  display: block;
  font-family: 'NewsCycle';
  font-size: 13pt;
  white-space: pre-line;
}
.ticket-discussion .ticket-post .message > .triangle,
.ticket-post > .triangle:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px;
  border-top-width: 0;
  border-color: transparent;
}
.ticket-discussion .ticket-post .message > .triangle {
  top: -10px;
  border-bottom-color: #adebad;
}
.ticket-discussion .ticket-post .message > .triangle:after {
  top: 11px;
  margin: -10px;
  content: " ";
  border-bottom-color: #fff;
}
.ticket-discussion .ticket-post .message > .triangle {
  left: 5%;
}
.ticket-discussion .ticket-post.right {
  margin-left: 20%;
}
.ticket-discussion .ticket-post.right .message .message-content {
  background-color: #b3c6ff;
}
.ticket-discussion .ticket-post.right .message > .triangle,
.ticket-discussion .ticket-post.right .message .message-content > .triangle:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px;
  border-top-width: 0;
  border-color: transparent;
}
.ticket-discussion .ticket-post.right .message > .triangle {
  top: -10px;
  border-bottom-color: #b3c6ff;
}
.ticket-discussion .ticket-post.right .message > .triangle:after {
  top: 11px;
  margin: -10px;
  content: " ";
  border-bottom-color: #fff;
}
.ticket-discussion .ticket-post.right .message > .triangle {
  left: 93%;
}
#telefoneuser input {
  width: 45%;
}
#tipouser select {
  width: 60%;
}
/* End Registar user */
/* -- END CONTENTS -- */
/* -- Footer -- */
.footer {
  position: absolute;
  bottom: -75px;
  width: 100%;
  background-color: #fff;
  height: 75px;
  padding: 0;
  padding-right: 20px;
  border-top: 0.5px solid rgba(42, 95, 149, 0.6);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 3px rgba(42, 95, 149, 0.6);
  /*background: url("../images/bg.png") no-repeat;
    background-size: cover;*/
}
.footer p {
  color: #333333;
  font-size: 10pt;
}
.footer .copyright {
  float: left;
  margin-left: 120px;
  margin-top: 15px;
  text-align: left;
}
.footer .webmaster {
  position: absolute;
  bottom: 0;
  right: 1%;
  float: right;
  text-align: right;
  display: flex;
  align-items: center;
  justify-content: end;
}
.footer .webmaster a img {
  width: 100px;
  vertical-align: middle;
  transition: all 0.35s ease-out;
  -webkit-transition: all 0.35s ease-out;
  -moz-transition: all 0.35s ease-out;
  -o-transition: all 0.35s ease-out;
  -ms-transition: all 0.35s ease-out;
}
.footer .webmaster a img:hover {
  transform: scale(1.2);
  transition: all 0.35s ease-in;
  -webkit-transition: all 0.35s ease-in;
  -moz-transition: all 0.35s ease-in;
  -o-transition: all 0.35s ease-in;
  -ms-transition: all 0.35s ease-in;
}
/* -- End Footer -- */
/* Custom Site CSS */
/* Dashboard */
.dashboard-card {
  padding: 20px;
  border-color: rgba(77, 148, 255, 0.6);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(77, 148, 255, 0.6);
  outline: 0 none;
  background: white;
  margin-top: 5px;
  height: 330px;
  overflow: auto;
  /* Hide scrollbar for IE, Edge and Firefox */
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
  /* Hide scrollbar for Chrome, Safari and Opera */
}
.dashboard-card::-webkit-scrollbar {
  display: none;
}
.dashboard-card.charts {
  height: auto !important;
}
.dashboard-card .no-notifications {
  display: flex;
  height: 200px;
  align-items: center;
  background-color: white !important;
}
.dashboard-card h4 {
  text-align: center;
}
.dashboard-card#notifications .row:first-of-type {
  margin-top: 3rem;
}
.dashboard-card#notifications .row:nth-child(even) {
  background: #f2f2f2;
}
.dashboard-card h5 {
  padding: 0;
  margin: 0;
}
.dashboard-card h5.notification {
  font-weight: normal;
}
.dashboard-card h5.notification.font-bold {
  font-weight: bold !important;
}
.dashboard-card .btn i {
  font-size: 12px;
}
.dashboard-card .order-state {
  margin-top: 3rem;
  border: 1px solid #e6e6e6;
  border-radius: 5px;
  text-align: center;
  padding: 1rem 0.75rem;
}
.dashboard-card .order-state .badge {
  padding: 5px 10px;
  font-size: 13px;
  border-radius: 5px;
  border-color: #e6e6e6;
}
/* Mensagem popup */
#page_message {
  position: fixed;
  padding: 0;
  margin: 0;
  top: -500px;
  left: -500px;
  width: 0;
  height: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 200;
  transition: width 0.3s, height 0.3s;
  overflow: hidden;
}
#page_message #MessageWindow {
  border-color: rgba(77, 148, 255, 0.6);
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.075) inset, 0 0 10px rgba(77, 148, 255, 0.6);
  /*box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);*/
  border-radius: 5px;
  position: absolute;
  left: 30%;
  top: 35%;
  width: 45%;
  height: 220px;
  overflow: auto;
  padding: 30px;
  background: white;
}
#page_message #MessageWindow img {
  width: 45%;
}
#page_message #MessageWindow #message_ok {
  width: 35%;
  margin-top: 50px;
  margin-left: 15%;
}
/*Page error Pop-up*/
#page_error {
  position: fixed;
  padding: 0;
  margin: 0;
  top: -500px;
  left: -500px;
  width: 0;
  height: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 999;
  transition: width 0.3s, height 0.3s;
}
#page_error .error_message {
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  position: absolute;
  left: 25%;
  top: 20%;
  width: 45%;
  height: auto;
  padding: 30px;
  background: white;
}
#page_error .error_message img {
  width: 80px;
  display: block;
  margin: auto;
}
#page_error .error_message h4 {
  font-weight: bold;
  text-transform: uppercase;
}
#page_error .error_message h5 {
  font-weight: bold;
  text-transform: uppercase;
}
#page_error .error_message button {
  width: 100px;
}
/*Page error Pop-up*/
#page_success {
  position: fixed;
  padding: 0;
  margin: 0;
  top: -500px;
  left: -500px;
  width: 0;
  height: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 99;
  transition: width 0.3s, height 0.3s;
}
#page_success .success_message {
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  position: absolute;
  left: 25%;
  top: 40%;
  width: 45%;
  height: auto;
  padding: 30px;
  background: white;
}
#page_success .success_message img {
  width: 80px;
  display: block;
  margin: auto;
}
#page_success .success_message h4 {
  font-weight: bold;
  text-transform: uppercase;
}
#page_success .success_message h5 {
  font-weight: bold;
  text-transform: uppercase;
}
#page_success .success_message button {
  width: 100px;
}
/*Page stocks0 Pop-up*/
#page_stocks0 {
  position: fixed;
  padding: 0;
  margin: 0;
  top: -500px;
  left: -500px;
  width: 0;
  height: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 99;
  transition: width 0.3s, height 0.3s;
}
#page_stocks0 .success_message {
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  position: absolute;
  left: 30%;
  top: 11%;
  width: 45%;
  height: auto;
  max-height: 600px;
  overflow: auto;
  padding: 30px;
  background: white;
}
#page_stocks0 .success_message img {
  width: 80px;
  display: block;
  margin: auto;
}
#page_stocks0 .success_message h4 {
  font-weight: bold;
  text-transform: uppercase;
}
#page_stocks0 .success_message h5 {
  font-weight: normal;
  font-size: 12pt;
}
#page_stocks0 .success_message h5 span {
  font-weight: bold;
}
#page_stocks0 .success_message button {
  width: 100px;
}
/* Adicionar imagens Pop-up */
#adicionar_imagem {
  position: fixed;
  padding: 0;
  margin: 0;
  top: -2000px;
  left: 0;
  width: 0;
  height: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 99;
  transition: width 0.3s, height 0.3s;
}
#adicionar_imagem .add_imagem {
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  position: absolute;
  left: 20%;
  top: 15%;
  width: 70%;
  height: auto;
  padding: 20px;
  background: white;
  overflow: auto;
}
#adicionar_imagem .add_imagem h3 {
  margin: 0;
}
#adicionar_imagem .add_imagem .row {
  margin: 0;
}
#adicionar_imagem .add_imagem #cancela_imagem {
  position: absolute;
  top: 5px;
  right: 5px;
  background: none;
  border: none;
  transition: all 0.35s ease;
  -webkit-transition: all 0.35s ease;
  -moz-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  -ms-transition: all 0.35s ease;
}
#adicionar_imagem .add_imagem #cancela_imagem .far.fa-times-circle {
  font-size: 18pt;
  color: #969696;
  transition: all 0.35s ease;
  -webkit-transition: all 0.35s ease;
  -moz-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  -ms-transition: all 0.35s ease;
}
#adicionar_imagem .add_imagem #cancela_imagem :hover .far.fa-times-circle {
  color: #323232;
  transition: all 0.35s ease;
  -webkit-transition: all 0.35s ease;
  -moz-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  -ms-transition: all 0.35s ease;
}
#adicionar_imagem .add_imagem #gravar_imagem {
  padding-top: 0;
  margin-top: -20px;
}
/* Página Categorias */
/*#page_categorias table tbody, table thead {
    display: block;
}

*/
/*#page_categorias table {
    width: 18000px;
}*/
#page_categorias table th#imagem,
#page_categorias table td#imagem {
  width: 60px;
}
#page_categorias table tr td#imagem img {
  max-width: 100%;
}
#page_categorias table th#nome,
#page_categorias .categorias td#nome {
  width: 180px;
}
#page_categorias table td#nome input {
  width: 160px;
}
#page_categorias table th#descricao,
#page_categorias .categorias td#descricao {
  width: 280px;
}
#page_categorias table td#descricao input {
  width: 260px;
}
#page_categorias table td#slug input {
  width: 160px;
}
#page_categorias table th#file,
#page_categorias table td#file {
  width: 300px;
}
#page_categorias table td#file input {
  width: 280px;
}
#page_categorias table th#add,
#page_categorias table td#add {
  width: 45px;
}
#page_categorias table th#edit,
#page_categorias table td#edit {
  width: 45px;
}
#page_categorias table th#trash,
#page_categorias table td#trash {
  width: 45px;
}
/* Editar categoria */
#editacategoria_form .imagem {
  width: 10%;
}
#editacategoria_form .imagem img {
  max-width: 100%;
}
#editacategoria_form .cat-banner {
  height: 200px;
  overflow: hidden;
}
#editacategoria_form .cat-banner img {
  width: 100%;
  object-fit: cover;
  object-position: center;
}
/* Página Paises */
#page_paises th#imagem,
#page_paises td#imagem {
  width: 100px;
}
#page_paises td#imagem img {
  max-width: 100%;
}
#page_paises th#active,
#page_paises td#active {
  width: 40px;
}
#page_paises th#codpais,
#page_paises td#codpais {
  width: 120px;
}
#page_paises td#codpais input {
  width: 100px;
}
#page_paises th#nome,
#page_paises td#nome {
  width: 280px;
}
#page_paises td#nome input {
  width: 260px;
}
#page_paises th#file,
#page_paises td#file {
  width: 300px;
}
#page_paises td#file input {
  width: 280px;
}
#page_paises th#add,
#page_paises td#add {
  width: 40px;
}
#page_paises th#trash,
#page_paises td#trash {
  width: 40px;
}
/* Página Generos */
#page_generos th#file,
#page_generos td#file {
  width: 330px;
}
#page_generos td#file input {
  width: 300px;
}
#page_generos th#imagem,
#page_generos td#imagem {
  width: 150px;
}
#page_generos td#imagem img {
  width: 100px;
  display: block;
  margin: auto;
}
#page_generos th#nome,
#page_generos td#nome {
  width: 250px;
}
#page_generos td#nome input {
  width: 230px;
}
#page_generos th#categorias,
#page_generos td#categorias {
  width: 150px;
}
#page_generos td#categorias input {
  width: 120px;
}
#page_generos th#desc,
#page_generos td#desc {
  width: 400px;
}
#page_generos td#desc textarea {
  width: 380px;
  height: 60px;
  resize: none;
}
#page_generos th#trash,
#page_generos td#trash {
  width: 45px;
}
#page_generos th#edit,
#page_generos td#edit {
  width: 45px;
}
#editagenero_form {
  height: auto;
}
#editagenero_form #opt_gender {
  height: 0;
  width: 0;
  overflow: hidden;
  opacity: 0;
  transition: width 0.35s, height 0.35s, opacity 0.35s;
  max-height: 100px;
  padding-top: 0;
}
#editagenero_form #opt_season {
  max-height: 100px;
  padding-top: 0;
}
#editagenero_form textarea {
  height: 100px;
  resize: none;
}
#editagenero_form .imageSeason .imagemInverno {
  width: 22%;
}
#editagenero_form .imageSeason .imagemInverno img {
  max-width: 100%;
}
#editagenero_form .imageSeason .imagemVerao {
  width: 22%;
}
#editagenero_form .imageSeason .imagemVerao img {
  max-width: 100%;
}
/* Página Atributos */
#page_atributos th#imagem,
#page_atributos td#imagem {
  width: 120px;
}
#page_atributos td#imagem img {
  max-width: 30%;
}
#page_atributos th#descricao,
#page_atributos td#descricao {
  width: 250px;
}
#page_atributos td#descricao input {
  width: 230px;
}
#page_atributos th#file,
#page_atributos td#file {
  width: 300px;
}
#page_atributos td#file input {
  width: 280px;
}
#page_atributos th#add,
#page_atributos td#add {
  width: 40px;
  padding-top: 9px;
}
#page_atributos th#trash,
#page_atributos td#trash {
  width: 40px;
  padding-top: 10px;
}
/* Página Materiais */
#page_materiais th#imagem,
#page_materiais td#imagem {
  width: 120px;
}
#page_materiais td#imagem img {
  max-width: 30%;
}
#page_materiais th#descricao,
#page_materiais td#descricao {
  width: 250px;
}
#page_materiais td#descricao input {
  width: 230px;
}
#page_materiais th#file,
#page_materiais td#file {
  width: 300px;
}
#page_materiais td#file input {
  width: 280px;
}
#page_materiais th#add,
#page_materiais td#add {
  width: 40px;
  padding-top: 9px;
}
#page_materiais th#trash,
#page_materiais td#trash {
  width: 40px;
  padding-top: 10px;
}
/* Página Cores */
#page_cores table {
  width: 475px;
}
#page_cores th#descricao,
#page_cores td#descricao {
  width: 250px;
}
#page_cores td#descricao input {
  width: 230px;
}
#page_cores th#cor,
#page_cores td#cor {
  width: 120px;
}
#page_cores td#cor input {
  width: 100px;
  margin-left: 5px;
  cursor: pointer;
}
#page_cores th#add,
#page_cores td#add {
  width: 40px;
  padding-top: 9px;
}
#page_cores th#trash,
#page_cores td#trash {
  width: 40px;
  padding-top: 10px;
}
/* Página Tamanhos */
#page_tamanhos table {
  width: 355px;
}
#page_tamanhos th#descricao,
#page_tamanhos td#descricao {
  width: 250px;
}
#page_tamanhos td#descricao input {
  width: 230px;
}
#page_tamanhos th#minimo,
#page_tamanhos td#minimo {
  width: 85px;
}
#page_tamanhos td#minimo input {
  width: 60px;
}
#page_tamanhos th#maximo,
#page_tamanhos td#maximo {
  width: 85px;
}
#page_tamanhos td#maximo input {
  width: 60px;
}
#page_tamanhos th#add,
#page_tamanhos td#add {
  width: 40px;
}
#page_tamanhos th#trash,
#page_tamanhos td#trash {
  width: 40px;
}
/* Página Disponibilidades */
#page_disponibilidades table {
  width: 355px;
}
#page_disponibilidades th#descricao,
#page_disponibilidades td#descricao {
  width: 250px;
}
#page_disponibilidades td#descricao input {
  width: 230px;
}
#page_disponibilidades th#add,
#page_disponibilidades td#add {
  width: 40px;
  padding-top: 9px;
}
#page_disponibilidades th#trash,
#page_disponibilidades td#trash {
  width: 40px;
  padding-top: 10px;
}
/* Página Tipos de Pagamento */
#page_tipospagamento table {
  width: 355px;
}
#page_tipospagamento th#descricao,
#page_tipospagamento td#descricao {
  width: 250px;
}
#page_tipospagamento td#descricao input {
  width: 230px;
}
#page_tipospagamento th#add,
#page_tipospagamento td#add {
  width: 40px;
  padding-top: 9px;
}
#page_tipospagamento th#trash,
#page_tipospagamento td#trash {
  width: 40px;
  padding-top: 10px;
}
/* Página Produtos */
#page_produtos .tab_overflow {
  position: relative;
}
#page_produtos td,
#page_produtos tr,
#page_produtos th {
  position: unset;
}
#page_produtos #ocultos .btn {
  margin-top: 27px;
}
#page_produtos table {
  width: 4390px;
}
#page_produtos table tbody {
  max-height: 490px;
}
#page_produtos th#referencia,
#page_produtos td#referencia {
  width: 150px;
}
#page_produtos td#referencia input {
  width: 130px;
}
#page_produtos th#ranking,
#page_produtos td#ranking {
  width: 120px;
}
#page_produtos td#ranking input {
  width: 100px;
}
#page_produtos th#nome,
#page_produtos td#nome {
  width: 300px;
}
#page_produtos td#nome input {
  width: 280px;
}
#page_produtos th#categoria,
#page_produtos td#categoria {
  width: 250px;
}
#page_produtos td#categoria select {
  width: 220px;
}
#page_produtos th#genero,
#page_produtos td[id*="genero_"] {
  width: 250px;
}
#page_produtos td#genero select {
  width: 220px;
}
#page_produtos th#corestamanhos,
#page_produtos td#corestamanhos {
  width: 550px;
}
#page_produtos td#corestamanhos #corSizes {
  display: inline-table;
  padding: 3px 5px, 3px, 5px;
  border: 1px solid #d7d7e6;
  background-color: white;
  border-radius: 5px;
  margin-right: 5px;
  cursor: pointer;
  max-width: 150px;
  z-index: 0;
}
#page_produtos td#corestamanhos #corSelect {
  display: block;
  padding: 1px 3px, 1px, 3px;
  background-color: #ebebfa;
  border: 1px solid #ebebfa;
  border-radius: 5px;
  z-index: 0;
}
#page_produtos td#corestamanhos #corSelect #removeColor {
  margin-top: 6px;
  margin-left: 5px;
  margin-right: 5px;
  cursor: pointer;
  color: #b4b4b4;
  transition: all 0.15s ease-in;
  -webkit-transition: all 0.15s ease-in;
  -moz-transition: all 0.15s ease-in;
  -o-transition: all 0.15s ease-in;
  -ms-transition: all 0.15s ease-in;
  z-index: 1;
}
#page_produtos td#corestamanhos #corSelect #removeColor:hover {
  color: red;
  transition: all 0.15s ease-in;
  -webkit-transition: all 0.15s ease-in;
  -moz-transition: all 0.15s ease-in;
  -o-transition: all 0.15s ease-in;
  -ms-transition: all 0.15s ease-in;
}
#page_produtos td#corestamanhos #corSelect .color-circle {
  width: 15px;
  height: 15px;
  margin-top: 5px;
  margin-right: 5px;
  border-radius: 50%;
  display: inline;
}
#page_produtos td#corestamanhos #corSizes #corSize {
  margin: 5px;
  display: inline-table;
}
#page_produtos th#atributos,
#page_produtos td#atributos {
  width: 220px;
}
#page_produtos td#atributos #atributoContainer {
  display: inline-table;
  padding: 3px 5px, 3px, 5px;
  border: 1px solid #d7d7e6;
  border-radius: 5px;
  margin-right: 5px;
  cursor: pointer;
}
#page_produtos td#atributos #atributoSelect {
  display: block;
  padding: 1px 3px, 1px, 3px;
  background-color: #ebebfa;
  border: 1px solid #ebebfa;
  border-radius: 5px;
}
#page_produtos td#atributos #atributoSelect img {
  width: 18px;
  margin-right: 5px;
  display: inline;
}
#page_produtos td#atributos #atributoSelect #removeAtributo {
  margin-top: 6px;
  margin-left: 5px;
  margin-right: 5px;
  cursor: pointer;
  color: #b4b4b4;
  transition: all 0.15s ease-in;
  -webkit-transition: all 0.15s ease-in;
  -moz-transition: all 0.15s ease-in;
  -o-transition: all 0.15s ease-in;
  -ms-transition: all 0.15s ease-in;
}
#page_produtos td#atributos #atributoSelect #removeAtributo:hover {
  color: red;
  transition: all 0.15s ease-in;
  -webkit-transition: all 0.15s ease-in;
  -moz-transition: all 0.15s ease-in;
  -o-transition: all 0.15s ease-in;
  -ms-transition: all 0.15s ease-in;
}
#page_produtos th#materiais,
#page_produtos td#materiais {
  width: 220px;
}
#page_produtos td#materiais #materialContainer {
  display: inline-table;
  padding: 3px 5px, 3px, 5px;
  border: 1px solid #d7d7e6;
  border-radius: 5px;
  margin-right: 5px;
  cursor: pointer;
}
#page_produtos td#materiais #materialSelect {
  display: block;
  padding: 1px 3px, 1px, 3px;
  background-color: #ebebfa;
  border: 1px solid #ebebfa;
  border-radius: 5px;
}
#page_produtos td#materiais #materialSelect #removeMaterial {
  margin-top: 6px;
  margin-left: 5px;
  margin-right: 5px;
  cursor: pointer;
  color: #b4b4b4;
  transition: all 0.15s ease-in;
  -webkit-transition: all 0.15s ease-in;
  -moz-transition: all 0.15s ease-in;
  -o-transition: all 0.15s ease-in;
  -ms-transition: all 0.15s ease-in;
}
#page_produtos td#materiais #materialSelect #removeMaterial:hover {
  color: red;
  transition: all 0.15s ease-in;
  -webkit-transition: all 0.15s ease-in;
  -moz-transition: all 0.15s ease-in;
  -o-transition: all 0.15s ease-in;
  -ms-transition: all 0.15s ease-in;
}
#page_produtos th#descricao,
#page_produtos td#descricao {
  width: 500px;
}
#page_produtos td#descricao textarea {
  width: 480px;
  height: 60px;
  resize: none;
}
#page_produtos th#preco,
#page_produtos td#preco {
  width: 150px;
}
#page_produtos td#preco input {
  width: 75px;
  display: inline;
}
#page_produtos th#precoRevenda,
#page_produtos td#precoRevenda {
  width: 150px;
}
#page_produtos td#precoRevenda input {
  width: 75px;
  display: inline;
}
#page_produtos th#disponibilidade,
#page_produtos td#disponibilidade {
  width: 250px;
}
#page_produtos td#disponibilidade select {
  width: 220px;
}
#page_produtos th#verao,
#page_produtos td#verao {
  width: 70px;
}
/*#page_produtos td#verao input {
        width: 30px;
    }*/
#page_produtos th#inverno,
#page_produtos td#inverno {
  width: 70px;
}
/*#page_produtos td#inverno input {
        width: 30px;
    }*/
#page_produtos th#gender,
#page_produtos td#gender {
  width: 70px;
}
#page_produtos td#gender input {
  width: 30px;
}
#page_produtos th#destaque,
#page_produtos td#destaque {
  width: 110px;
}
/*#page_produtos td#destaque input {
        width: 30px;
    }*/
#page_produtos th#imagens,
#page_produtos td#imagens {
  width: 100px;
}
/*#page_produtos td#imagens {
        position: relative;
    }*/
#page_produtos td#imagens a {
  cursor: pointer;
  z-index: 200;
}
#page_produtos td#imagens #images-container {
  position: fixed;
  padding: 0;
  margin: 0;
  top: -500px;
  left: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
  height: 0;
  z-index: 200;
  transition: width 0.3s, height 0.3s;
  overflow: hidden;
}
#page_produtos td#imagens #images-container #imagens-produtos {
  width: auto;
  height: 600px;
  max-width: 550px;
  border: 1px solid #bebebe;
  background: white;
  position: absolute;
  top: 5%;
  left: 45%;
  overflow: auto;
  padding: 10px;
}
#page_produtos td#imagens #images-container #imagens-produtos #close-images {
  position: absolute;
  top: 5px;
  right: 5px;
  cursor: pointer;
}
#page_produtos td#imagens #images-container #imagens-produtos #close-images i.fas.fa-times-circle {
  font-size: 18pt;
}
/*#page_produtos td#imagens a:hover ~ .container {
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }*/
#page_produtos td#imagens #corSizes {
  display: inline-table;
  padding: 3px 5px, 3px, 5px;
  border: 1px solid #d7d7e6;
  background-color: white;
  border-radius: 5px;
  margin-right: 5px;
  cursor: pointer;
  max-width: 300px;
  z-index: 0;
}
#page_produtos td#imagens #corSizes img {
  width: 75px;
}
#page_produtos td#imagens #corSelect {
  display: block;
  padding: 1px 3px, 1px, 3px;
  background-color: #ebebfa;
  border: 1px solid #ebebfa;
  border-radius: 5px;
  z-index: 0;
}
#page_produtos td#imagens #corSelect .color-circle {
  width: 15px;
  height: 15px;
  margin-top: 5px;
  margin-right: 5px;
  border-radius: 50%;
  display: inline;
}
#page_produtos td#imagens #genderSelect {
  display: block;
  padding: 1px 3px, 1px, 3px;
  background-color: #d6e9f5;
  border: 1px solid #d6e9f5;
  z-index: 0;
  font-style: italic;
}
#page_produtos td#imagens #corSizes #corSize {
  margin: 5px;
  display: inline-table;
}
#page_produtos th#add,
#page_produtos td#add {
  width: 45px;
}
#page_produtos th#copy,
#page_produtos td#copy {
  width: 45px;
}
#page_produtos th#edit,
#page_produtos td#edit {
  width: 45px;
}
#page_produtos th#trash,
#page_produtos td#trash {
  width: 45px;
}
#importaProdutos_page {
  position: fixed;
  padding: 0;
  margin: 0;
  top: -500px;
  left: -500px;
  width: 0;
  height: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 99;
  transition: width 0.3s, height 0.3s;
}
#importaProdutos_page .importaProdutos {
  border-color: rgba(77, 148, 255, 0.6);
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.075) inset, 0 0 10px rgba(77, 148, 255, 0.6);
  /*box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);*/
  border-radius: 5px;
  position: absolute;
  left: 20%;
  top: 25%;
  width: 65%;
  height: 400px;
  overflow: auto;
  padding: 30px;
  background: white;
}
#carregaproduto_form .tab-frame {
  height: 930px;
}
#carregaproduto_form #opt_gender {
  height: 0;
  overflow: hidden;
  opacity: 0;
  transition: height 0.35s, opacity 0.35s;
  max-height: 100px;
  padding-top: 0;
}
#carregaproduto_form textarea {
  height: 100px;
  resize: none;
}
#carregaproduto_form .preco label {
  display: block;
}
#carregaproduto_form .preco input {
  width: 55%;
  display: inline;
}
.currency {
  display: inline;
  margin-left: 5px;
}
#carregaproduto_form ::placeholder {
  color: #b3b3b3;
  font-style: italic;
}
#carregaproduto_form #coresSelection #searchColors.active-search {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
#carregaproduto_form #coresSelection #searchColors input#colorSearch {
  border: none;
  width: 90%;
  padding: 0;
  margin: 0;
}
#carregaproduto_form #coresSelection #searchColors input#colorSearch:focus {
  border: none;
  box-shadow: none;
  outline: 0;
  -webkit-box-shadow: none;
}
#carregaproduto_form #coresSelection #searchColors #cleanSearch {
  margin-top: 4px;
  cursor: pointer;
  color: #b4b4b4;
  transition: all 0.15s ease-in;
  -webkit-transition: all 0.15s ease-in;
  -moz-transition: all 0.15s ease-in;
  -o-transition: all 0.15s ease-in;
  -ms-transition: all 0.15s ease-in;
}
#carregaproduto_form #coresSelection #searchColors #cleanSearch:hover {
  color: #555;
  transition: all 0.15s ease-in;
  -webkit-transition: all 0.15s ease-in;
  -moz-transition: all 0.15s ease-in;
  -o-transition: all 0.15s ease-in;
  -ms-transition: all 0.15s ease-in;
}
#carregaproduto_form #color-pallete {
  width: 100%;
  border: 1px solid #c8c8c8;
  height: 0;
  opacity: 0;
  overflow: hidden;
  transition: height 0.3s;
}
#carregaproduto_form #color-pallete #corElement,
#carregaproduto_form #color-pallete #adicionar_cor {
  clear: both;
  width: 100%;
  padding: 3px;
  transition: all 0.25s ease-in;
  -webkit-transition: all 0.25s ease-in;
  -moz-transition: all 0.25s ease-in;
  -o-transition: all 0.25s ease-in;
  -ms-transition: all 0.25s ease-in;
}
#carregaproduto_form #color-pallete #corElement:hover,
#carregaproduto_form #color-pallete #adicionar_cor:hover {
  background-color: #e6e6e6;
  cursor: pointer;
  transition: all 0.25s ease-in;
  -webkit-transition: all 0.25s ease-in;
  -moz-transition: all 0.25s ease-in;
  -o-transition: all 0.25s ease-in;
  -ms-transition: all 0.25s ease-in;
}
#carregaproduto_form #color-pallete #corElement .color-circle {
  width: 15px;
  height: 15px;
  border-radius: 50%;
}
#carregaproduto_form #coresSelection #color-pallete #closeSearch_container {
  clear: both;
  width: 100%;
  display: block;
  margin: 5px 0 30px 0;
}
#carregaproduto_form #coresSelection #color-pallete #closeSearch_container #closeSearch.fas {
  font-size: 13pt;
}
#carregaproduto_form #coresSelection #color-pallete #closeSearch_container #closeSearch {
  margin-right: 2px;
  cursor: pointer;
  color: #b4b4b4;
  transition: all 0.15s ease-in;
  -webkit-transition: all 0.15s ease-in;
  -moz-transition: all 0.15s ease-in;
  -o-transition: all 0.15s ease-in;
  -ms-transition: all 0.15s ease-in;
}
#carregaproduto_form #coresSelection #color-pallete #closeSearch_container #closeSearch:hover {
  color: #555;
  transition: all 0.15s ease-in;
  -webkit-transition: all 0.15s ease-in;
  -moz-transition: all 0.15s ease-in;
  -o-transition: all 0.15s ease-in;
  -ms-transition: all 0.15s ease-in;
}
#carregaproduto_form #selectedCores {
  margin-top: 25px;
  padding: 5px;
  min-height: 34px;
  height: auto;
  width: 73.5%;
}
#carregaproduto_form #selectedCoresImagens {
  padding: 5px;
  min-height: 34px;
  height: auto;
}
#carregaproduto_form #selectedCores #corSizes,
#carregaproduto_form #selectedCoresImagens #corSizes {
  display: inline-table;
  padding: 3px 5px, 3px, 5px;
  border: 1px solid #d7d7e6;
  border-radius: 5px;
  margin-right: 5px;
  max-width: 750px;
  cursor: pointer;
}
#carregaproduto_form #selectedCoresImagens #genderSelect {
  display: block;
  padding: 1px 3px, 1px, 3px;
  background-color: #d6e9f5;
  border: 1px solid #d6e9f5;
  z-index: 0;
  font-style: italic;
}
#carregaproduto_form #selectedCores #corSelect,
#carregaproduto_form #selectedCoresImagens #corSelect {
  display: block;
  padding: 1px 3px, 1px, 3px;
  background-color: #ebebfa;
  border: 1px solid #ebebfa;
  border-radius: 5px;
}
#carregaproduto_form #selectedCores #corSelect #removeColor {
  margin-top: 6px;
  margin-left: 5px;
  margin-right: 5px;
  cursor: pointer;
  color: #b4b4b4;
  transition: all 0.15s ease-in;
  -webkit-transition: all 0.15s ease-in;
  -moz-transition: all 0.15s ease-in;
  -o-transition: all 0.15s ease-in;
  -ms-transition: all 0.15s ease-in;
}
#carregaproduto_form #selectedCores #corSelect #removeColor:hover {
  color: red;
  transition: all 0.15s ease-in;
  -webkit-transition: all 0.15s ease-in;
  -moz-transition: all 0.15s ease-in;
  -o-transition: all 0.15s ease-in;
  -ms-transition: all 0.15s ease-in;
}
#carregaproduto_form #selectedCores #corSelect .color-circle,
#carregaproduto_form #selectedCoresImagens #corSelect .color-circle {
  width: 15px;
  height: 15px;
  margin-top: 5px;
  margin-right: 5px;
  border-radius: 50%;
  display: inline;
}
#carregaproduto_form #selectedCoresImagens #corSizes #corSize {
  margin: 5px;
  display: inline-table;
}
#carregaproduto_form #selectedCoresImagens #corSizes {
  padding: 0;
  width: 600px;
}
#carregaproduto_form #selectedCoresImagens #corSizes .tempImage {
  clear: both;
  position: relative;
  display: inline-block;
  width: 100px;
}
#carregaproduto_form #selectedCoresImagens #corSizes .tempImage img {
  width: 100px;
}
#carregaproduto_form #selectedCoresImagens #corSizes .tempImage .remove-img {
  position: absolute;
  width: 0;
  height: 0;
  top: 0;
  right: 0;
  background-color: rgba(255, 0, 0, 0.65);
  overflow: hidden;
  transition: height 0.2s ease, width 0.2s ease;
  -webkit-transition: height 0.2s ease, width 0.2s ease;
  -moz-transition: height 0.2s ease, width 0.2s ease;
  -o-transition: height 0.2s ease, width 0.2s ease;
  -ms-transition: height 0.2s ease, width 0.2s ease;
}
#carregaproduto_form #selectedCoresImagens #corSizes .tempImage .remove-img i.fas.fa-times-circle {
  position: absolute;
  font-size: 20pt;
  top: 2px;
  left: 2px;
  color: rgba(255, 255, 255, 0.7);
}
#carregaproduto_form #selectedCoresImagens #corSizes .tempImage .remove-img p {
  position: absolute;
  font-size: 11pt;
  top: 75%;
  left: 25%;
  color: rgba(255, 255, 255, 0.7);
  font-weight: bold;
}
#carregaproduto_form #selectedCoresImagens #corSizes .tempImage:hover .remove-img {
  width: 30px;
  height: 30px;
  transition: height 0.2s ease, width 0.2s ease;
  -webkit-transition: height 0.2s ease, width 0.2s ease;
  -moz-transition: height 0.2s ease, width 0.2s ease;
  -o-transition: height 0.2s ease, width 0.2s ease;
  -ms-transition: height 0.2s ease, width 0.2s ease;
}
#carregaproduto_form #selectedCoresImagens #corSizes .tempImage:hover img {
  opacity: 0.6;
  transition: opacity 0.2s ease;
  -webkit-transition: opacity 0.2s ease;
  -moz-transition: opacity 0.2s ease;
  -o-transition: opacity 0.2s ease;
  -ms-transition: opacity 0.2s ease;
}
#carregaproduto_form #atributosSelection #searchAtributos.active-search {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
#carregaproduto_form #atributosSelection #searchAtributos input#atributoSearch {
  border: none;
  width: 90%;
  padding: 0;
  margin: 0;
}
#carregaproduto_form #atributosSelection #searchAtributos input#atributoSearch:focus {
  border: none;
  box-shadow: none;
  outline: 0;
  -webkit-box-shadow: none;
}
#carregaproduto_form #atributosSelection #searchAtributos #cleanSearch {
  margin-top: 4px;
  cursor: pointer;
  color: #b4b4b4;
  transition: all 0.15s ease-in;
  -webkit-transition: all 0.15s ease-in;
  -moz-transition: all 0.15s ease-in;
  -o-transition: all 0.15s ease-in;
  -ms-transition: all 0.15s ease-in;
}
#carregaproduto_form #atributosSelection #searchAtributos #cleanSearch:hover {
  color: #555;
  transition: all 0.15s ease-in;
  -webkit-transition: all 0.15s ease-in;
  -moz-transition: all 0.15s ease-in;
  -o-transition: all 0.15s ease-in;
  -ms-transition: all 0.15s ease-in;
}
#carregaproduto_form #atribute-list {
  width: 100%;
  border: 1px solid #c8c8c8;
  height: 0;
  opacity: 0;
  overflow: hidden;
  transition: height 0.3s;
}
#carregaproduto_form #atribute-list #atributoElement,
#carregaproduto_form #atribute-list #adicionar_atributo {
  clear: both;
  width: 100%;
  padding: 3px;
  transition: all 0.25s ease-in;
  -webkit-transition: all 0.25s ease-in;
  -moz-transition: all 0.25s ease-in;
  -o-transition: all 0.25s ease-in;
  -ms-transition: all 0.25s ease-in;
}
#carregaproduto_form #atribute-list #atributoElement:hover,
#carregaproduto_form #atribute-list #adicionar_atributo:hover {
  background-color: #e6e6e6;
  cursor: pointer;
  transition: all 0.25s ease-in;
  -webkit-transition: all 0.25s ease-in;
  -moz-transition: all 0.25s ease-in;
  -o-transition: all 0.25s ease-in;
  -ms-transition: all 0.25s ease-in;
}
#carregaproduto_form #atribute-list #atributoElement img {
  width: 20px;
}
#carregaproduto_form #atributosSelection #atribute-list #closeSearch_container {
  clear: both;
  width: 100%;
  display: block;
  margin: 5px 0 30px 0;
}
#carregaproduto_form #atributosSelection #atribute-list #closeSearch_container #closeSearch.fas {
  font-size: 13pt;
}
#carregaproduto_form #atributosSelection #atribute-list #closeSearch_container #closeSearch {
  margin-right: 2px;
  cursor: pointer;
  color: #b4b4b4;
  transition: all 0.15s ease-in;
  -webkit-transition: all 0.15s ease-in;
  -moz-transition: all 0.15s ease-in;
  -o-transition: all 0.15s ease-in;
  -ms-transition: all 0.15s ease-in;
}
#carregaproduto_form #atributosSelection #atribute-list #closeSearch_container #closeSearch:hover {
  color: #555;
  transition: all 0.15s ease-in;
  -webkit-transition: all 0.15s ease-in;
  -moz-transition: all 0.15s ease-in;
  -o-transition: all 0.15s ease-in;
  -ms-transition: all 0.15s ease-in;
}
#carregaproduto_form #selectedAtributos {
  margin-top: 25px;
  padding: 5px;
  min-height: 34px;
  height: auto;
  width: 73.5%;
}
#carregaproduto_form #selectedAtributos #atributoContainer {
  display: inline-table;
  padding: 3px 5px, 3px, 5px;
  border: 1px solid #d7d7e6;
  border-radius: 5px;
  margin-right: 5px;
  cursor: pointer;
}
#carregaproduto_form #selectedAtributos #atributoSelect {
  display: block;
  padding: 1px 3px, 1px, 3px;
  background-color: #ebebfa;
  border: 1px solid #ebebfa;
  border-radius: 5px;
}
#carregaproduto_form #selectedAtributos #atributoSelect img {
  width: 18px;
  margin-right: 5px;
  display: inline;
}
#carregaproduto_form #selectedAtributos #atributoSelect #removeAtributo {
  margin-top: 6px;
  margin-left: 5px;
  margin-right: 5px;
  cursor: pointer;
  color: #b4b4b4;
  transition: all 0.15s ease-in;
  -webkit-transition: all 0.15s ease-in;
  -moz-transition: all 0.15s ease-in;
  -o-transition: all 0.15s ease-in;
  -ms-transition: all 0.15s ease-in;
}
#carregaproduto_form #selectedAtributos #atributoSelect #removeAtributo:hover {
  color: red;
  transition: all 0.15s ease-in;
  -webkit-transition: all 0.15s ease-in;
  -moz-transition: all 0.15s ease-in;
  -o-transition: all 0.15s ease-in;
  -ms-transition: all 0.15s ease-in;
}
#carregaproduto_form #materiaisSelection #searchMateriais.active-search {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
#carregaproduto_form #materiaisSelection #searchMateriais input#materialSearch {
  border: none;
  width: 90%;
  padding: 0;
  margin: 0;
}
#carregaproduto_form #materiaisSelection #searchMateriais input#materialSearch:focus {
  border: none;
  box-shadow: none;
  outline: 0;
  -webkit-box-shadow: none;
}
#carregaproduto_form #materiaisSelection #searchMateriais #cleanSearch {
  margin-top: 4px;
  cursor: pointer;
  color: #b4b4b4;
  transition: all 0.15s ease-in;
  -webkit-transition: all 0.15s ease-in;
  -moz-transition: all 0.15s ease-in;
  -o-transition: all 0.15s ease-in;
  -ms-transition: all 0.15s ease-in;
}
#carregaproduto_form #materiaisSelection #searchMateriais #cleanSearch:hover {
  color: #555;
  transition: all 0.15s ease-in;
  -webkit-transition: all 0.15s ease-in;
  -moz-transition: all 0.15s ease-in;
  -o-transition: all 0.15s ease-in;
  -ms-transition: all 0.15s ease-in;
}
#carregaproduto_form #material-list {
  width: 100%;
  border: 1px solid #c8c8c8;
  height: 0;
  opacity: 0;
  overflow: hidden;
  transition: height 0.3s;
}
#carregaproduto_form #material-list #materialElement,
#carregaproduto_form #material-list #adicionar_material {
  clear: both;
  width: 100%;
  padding: 3px;
  transition: all 0.25s ease-in;
  -webkit-transition: all 0.25s ease-in;
  -moz-transition: all 0.25s ease-in;
  -o-transition: all 0.25s ease-in;
  -ms-transition: all 0.25s ease-in;
}
#carregaproduto_form #material-list #materialElement:hover,
#carregaproduto_form #material-list #adicionar_material:hover {
  background-color: #e6e6e6;
  cursor: pointer;
  transition: all 0.25s ease-in;
  -webkit-transition: all 0.25s ease-in;
  -moz-transition: all 0.25s ease-in;
  -o-transition: all 0.25s ease-in;
  -ms-transition: all 0.25s ease-in;
}
#carregaproduto_form #material-list #materialElement img {
  width: 20px;
}
#carregaproduto_form #materiaisSelection #material-list #closeSearch_container {
  clear: both;
  width: 100%;
  display: block;
  margin: 5px 0 30px 0;
}
#carregaproduto_form #materiaisSelection #material-list #closeSearch_container #closeSearch.fas {
  font-size: 13pt;
}
#carregaproduto_form #materiaisSelection #material-list #closeSearch_container #closeSearch {
  margin-right: 2px;
  cursor: pointer;
  color: #b4b4b4;
  transition: all 0.15s ease-in;
  -webkit-transition: all 0.15s ease-in;
  -moz-transition: all 0.15s ease-in;
  -o-transition: all 0.15s ease-in;
  -ms-transition: all 0.15s ease-in;
}
#carregaproduto_form #materiaisSelection #material-list #closeSearch_container #closeSearch:hover {
  color: #555;
  transition: all 0.15s ease-in;
  -webkit-transition: all 0.15s ease-in;
  -moz-transition: all 0.15s ease-in;
  -o-transition: all 0.15s ease-in;
  -ms-transition: all 0.15s ease-in;
}
#carregaproduto_form #selectedMateriais {
  margin-top: 25px;
  padding: 5px;
  min-height: 34px;
  height: auto;
  width: 73.5%;
}
#carregaproduto_form #selectedMateriais #materialContainer {
  display: inline-table;
  padding: 3px 5px, 3px, 5px;
  border: 1px solid #d7d7e6;
  border-radius: 5px;
  margin-right: 5px;
  cursor: pointer;
}
#carregaproduto_form #selectedMateriais #materialSelect {
  display: block;
  padding: 1px 3px, 1px, 3px;
  background-color: #ebebfa;
  border: 1px solid #ebebfa;
  border-radius: 5px;
}
#carregaproduto_form #selectedMateriais #materialSelect #removeMaterial {
  margin-top: 6px;
  margin-left: 5px;
  margin-right: 5px;
  cursor: pointer;
  color: #b4b4b4;
  transition: all 0.15s ease-in;
  -webkit-transition: all 0.15s ease-in;
  -moz-transition: all 0.15s ease-in;
  -o-transition: all 0.15s ease-in;
  -ms-transition: all 0.15s ease-in;
}
#carregaproduto_form #selectedMateriais #materialSelect #removeMaterial:hover {
  color: red;
  transition: all 0.15s ease-in;
  -webkit-transition: all 0.15s ease-in;
  -moz-transition: all 0.15s ease-in;
  -o-transition: all 0.15s ease-in;
  -ms-transition: all 0.15s ease-in;
}
#carregaproduto_form .produto_images {
  border: 2px solid rgba(0, 0, 0, 0.3);
  padding: 10px;
  margin-top: 25px;
}
#carregaproduto_form .produto_images img {
  width: 150px;
  margin: 10px;
}
/*Adiciona Tamanhos Pop-up*/
#tamanhosForm_page {
  position: fixed;
  padding: 0;
  margin: 0;
  top: -500px;
  left: -500px;
  width: 0;
  height: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 99;
  transition: width 0.3s, height 0.3s;
}
#tamanhosForm_page .tamanhosForm {
  border-color: rgba(77, 148, 255, 0.6);
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.075) inset, 0 0 10px rgba(77, 148, 255, 0.6);
  /*box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);*/
  border-radius: 5px;
  position: absolute;
  left: 15%;
  top: 2%;
  width: 75%;
  height: 700px;
  padding: 30px;
  background: white;
  overflow: auto;
}
#tamanhosForm_page .tamanhosForm #sizeInput {
  width: 100%;
}
#tamanhosForm_page .tamanhosForm #sizeSelect {
  display: inline-block;
  padding: 1px 3px, 1px, 3px;
  background-color: #ebebfa;
  border: 1px solid #ebebfa;
  border-radius: 5px;
  cursor: pointer;
}
#tamanhosForm_page .tamanhosForm #sizeSelect #removeSize {
  margin-top: 6px;
  margin-left: 5px;
  margin-right: 5px;
  cursor: pointer;
  color: #b4b4b4;
  transition: all 0.15s ease-in;
  -webkit-transition: all 0.15s ease-in;
  -moz-transition: all 0.15s ease-in;
  -o-transition: all 0.15s ease-in;
  -ms-transition: all 0.15s ease-in;
}
#tamanhosForm_page .tamanhosForm #sizeSelect #removeSize:hover {
  color: red;
  transition: all 0.15s ease-in;
  -webkit-transition: all 0.15s ease-in;
  -moz-transition: all 0.15s ease-in;
  -o-transition: all 0.15s ease-in;
  -ms-transition: all 0.15s ease-in;
}
#tamanhosForm_page .tamanhosForm #sizesInDB {
  margin-top: 40px;
}
#tamanhosForm_page .tamanhosForm #sizesInDB .sizes-display {
  clear: both;
  height: 250px;
  overflow-y: auto;
}
#tamanhosForm_page .tamanhosForm #sizesInDB p {
  font-weight: bold;
}
#tamanhosForm_page .tamanhosForm #sizesInDB #sizeDisplay {
  display: inline-block;
  padding: 5px;
  background-color: #ebebfa;
  border: 1px solid #ebebfa;
  border-radius: 5px;
  margin: 10px;
  cursor: pointer;
}
#tamanhosForm_page .tamanhosForm .form-input-image {
  display: inline-block;
  width: 47%;
  margin: 10px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  padding: 10px;
}
#tamanhosForm_page .tamanhosForm .form-input-image label {
  display: block;
}
#tamanhosForm_page .tamanhosForm .form-input-image .input-container {
  width: 75%;
  display: inline-block;
}
#tamanhosForm_page .tamanhosForm .form-input-image .display-form-image {
  display: inline-block;
  width: 20%;
  margin: 10px;
}
#tamanhosForm_page .tamanhosForm .form-input-image .display-form-image img {
  max-width: 100%;
}
#edittamanhosForm_page {
  position: fixed;
  padding: 0;
  margin: 0;
  top: -500px;
  left: -500px;
  width: 0;
  height: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 99;
  transition: width 0.3s, height 0.3s;
}
#edittamanhosForm_page .tamanhosForm {
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  position: absolute;
  left: 22.5%;
  top: 40%;
  width: 55%;
  height: auto;
  padding: 30px;
  background: white;
}
#edittamanhosForm_page .tamanhosForm #sizeInput {
  width: 100%;
}
#edittamanhosForm_page .tamanhosForm #sizeSelect {
  display: inline-block;
  padding: 1px 3px, 1px, 3px;
  background-color: #ebebfa;
  border: 1px solid #ebebfa;
  border-radius: 5px;
  cursor: pointer;
}
#edittamanhosForm_page .tamanhosForm #sizeSelect #removeSize {
  margin-top: 6px;
  margin-left: 5px;
  margin-right: 5px;
  cursor: pointer;
  color: #b4b4b4;
  transition: all 0.15s ease-in;
  -webkit-transition: all 0.15s ease-in;
  -moz-transition: all 0.15s ease-in;
  -o-transition: all 0.15s ease-in;
  -ms-transition: all 0.15s ease-in;
}
#edittamanhosForm_page .tamanhosForm #sizeSelect #removeSize:hover {
  color: red;
  transition: all 0.15s ease-in;
  -webkit-transition: all 0.15s ease-in;
  -moz-transition: all 0.15s ease-in;
  -o-transition: all 0.15s ease-in;
  -ms-transition: all 0.15s ease-in;
}
#adiciona_tamanhos {
  position: fixed;
  padding: 0;
  margin: 0;
  top: -500px;
  left: -500px;
  width: 0;
  height: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 99;
  transition: width 0.3s, height 0.3s;
}
#adiciona_tamanhos .tamanhosForm {
  border-color: rgba(77, 148, 255, 0.6);
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.075) inset, 0 0 10px rgba(77, 148, 255, 0.6);
  /*box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);*/
  border-radius: 5px;
  position: absolute;
  left: 15%;
  top: 17%;
  width: 75%;
  height: 630px;
  overflow: auto;
  padding: 30px;
  background: white;
}
#adiciona_tamanhos .tamanhosForm .add_sizes {
  clear: both;
  height: 350px;
  padding-top: 0;
}
#adiciona_tamanhos .tamanhosForm .add_newSize {
  display: block;
  padding: 0;
}
#adiciona_tamanhos .tamanhosForm .add_newSize .idiomaTamanho {
  width: 20%;
}
/* Adiciona Stocks */
#adiciona_stocks {
  position: fixed;
  padding: 0;
  margin: 0;
  top: -500px;
  left: -500px;
  width: 0;
  height: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 200;
  transition: width 0.3s, height 0.3s;
  overflow: hidden;
}
#adiciona_stocks #stocks-form {
  border-color: rgba(77, 148, 255, 0.6);
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.075) inset, 0 0 10px rgba(77, 148, 255, 0.6);
  /*box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);*/
  border-radius: 5px;
  position: absolute;
  left: 30%;
  top: 15%;
  width: 45%;
  max-height: 600px;
  overflow: auto;
  padding: 30px;
  background: white;
}
/* Adiciona Stocks */
#adiciona_ordens {
  position: fixed;
  padding: 0;
  margin: 0;
  top: -500px;
  left: -500px;
  width: 0;
  height: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 200;
  transition: width 0.3s, height 0.3s;
  overflow: hidden;
}
#adiciona_ordens #ordens-form {
  border-color: rgba(77, 148, 255, 0.6);
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.075) inset, 0 0 10px rgba(77, 148, 255, 0.6);
  /*box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);*/
  border-radius: 5px;
  position: absolute;
  left: 30%;
  top: 15%;
  width: 45%;
  max-height: 600px;
  overflow: auto;
  padding: 30px;
  background: white;
}
/* Adiciona Stocks */
#adiciona_campo {
  position: fixed;
  padding: 0;
  margin: 0;
  top: -500px;
  left: -500px;
  width: 0;
  height: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 200;
  transition: width 0.3s, height 0.3s;
  overflow: hidden;
}
#adiciona_campo #campo-form {
  border-color: rgba(77, 148, 255, 0.6);
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.075) inset, 0 0 10px rgba(77, 148, 255, 0.6);
  /*box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);*/
  border-radius: 5px;
  position: absolute;
  left: 50%;
  top: 15%;
  transform: translateX(-50%);
  width: 30%;
  max-height: 600px;
  overflow: auto;
  padding: 30px;
  background: white;
}
#page_message #MessageWindow img {
  width: 45%;
}
#page_message #MessageWindow #message_ok {
  width: 35%;
  margin-top: 50px;
  margin-left: 15%;
}
#adiciona_cores {
  position: fixed;
  padding: 0;
  margin: 0;
  top: -500px;
  left: -500px;
  width: 0;
  height: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 99;
  transition: width 0.3s, height 0.3s;
}
#adiciona_cores .coresForm {
  border-color: rgba(77, 148, 255, 0.6);
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.075) inset, 0 0 10px rgba(77, 148, 255, 0.6);
  /*box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);*/
  border-radius: 5px;
  position: absolute;
  left: 20%;
  top: 25%;
  width: 65%;
  height: 400px;
  overflow: auto;
  padding: 30px;
  background: white;
}
#adiciona_cores .coresForm .add_colors {
  clear: both;
  padding-top: 0;
}
#adiciona_cores .coresForm .add_newcolor {
  display: block;
  padding: 0;
}
#adiciona_cores .coresForm .add_newcolor .idiomaCor {
  width: 30%;
  margin: 10px;
  display: inline-block;
}
#adiciona_cores .coresForm .add_newcolor .codigoCor {
  width: 20%;
  display: block;
  margin: 10px;
}
#adiciona_atributos {
  position: fixed;
  padding: 0;
  margin: 0;
  top: -500px;
  left: -500px;
  width: 0;
  height: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 99;
  transition: width 0.3s, height 0.3s;
}
#adiciona_atributos .atributosForm {
  border-color: rgba(77, 148, 255, 0.6);
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.075) inset, 0 0 10px rgba(77, 148, 255, 0.6);
  /*box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);*/
  border-radius: 5px;
  position: absolute;
  left: 20%;
  top: 25%;
  width: 65%;
  height: 420px;
  overflow: auto;
  padding: 30px;
  background: white;
}
#adiciona_atributos .atributosForm .add_atributos {
  clear: both;
  padding-top: 0;
}
#adiciona_atributos .atributosForm .add_newatributo {
  display: block;
  padding: 0;
}
#adiciona_atributos .atributosForm .add_newatributo .idiomaAtributo {
  width: 30%;
  margin: 10px;
  display: inline-block;
}
#adiciona_atributos .atributosForm .add_newatributo .imagemAtributo {
  margin: 10px;
}
#adiciona_materiais {
  position: fixed;
  padding: 0;
  margin: 0;
  top: -500px;
  left: -500px;
  width: 0;
  height: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 99;
  transition: width 0.3s, height 0.3s;
}
#adiciona_materiais .materiaisForm {
  border-color: rgba(77, 148, 255, 0.6);
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.075) inset, 0 0 10px rgba(77, 148, 255, 0.6);
  /*box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);*/
  border-radius: 5px;
  position: absolute;
  left: 20%;
  top: 25%;
  width: 65%;
  height: 420px;
  overflow: auto;
  padding: 30px;
  background: white;
}
#adiciona_materiais .materiaisForm .add_materiais {
  clear: both;
  padding-top: 0;
}
#adiciona_materiais .materiaisForm .add_newmaterial {
  display: block;
  padding: 0;
}
#adiciona_materiais .materiaisForm .add_newmaterial .idiomaMaterial {
  width: 30%;
  margin: 10px;
  display: inline-block;
}
#adiciona_materiais .materiaisForm .add_newmaterial .imagemMaterial {
  margin: 10px;
}
/* Imagens */
#page_imagens table tbody {
  max-height: 650px;
}
#page_imagens table tbody,
table thead {
  display: block;
}
#page_imagens th#picture,
#page_imagens td#picture {
  width: 130px;
}
#page_imagens td#picture img {
  min-height: 35px;
  max-width: 100px;
}
#page_imagens th#nome,
#page_imagens td#nome {
  width: 300px;
}
#page_imagens th#path,
#page_imagens td#path {
  width: 400px;
}
#page_imagens th#alt,
#page_imagens td#alt {
  width: 200px;
}
#page_imagens td#alt input {
  width: 90%;
}
#page_imagens th#trash,
#page_imagens td#trash {
  width: 40px;
}
#adicionaImagens_page {
  position: fixed;
  padding: 0;
  margin: 0;
  top: -500px;
  left: -500px;
  width: 0;
  height: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 99;
  transition: width 0.3s, height 0.3s;
}
#adicionaImagens_page .adicionaImagens {
  border-color: rgba(77, 148, 255, 0.6);
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.075) inset, 0 0 10px rgba(77, 148, 255, 0.6);
  /*box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);*/
  border-radius: 5px;
  position: absolute;
  left: 20%;
  top: 25%;
  width: 65%;
  height: 400px;
  overflow: auto;
  padding: 30px;
  background: white;
}
/* End Imagens */
/* Países */
#page_paises table tbody,
table thead {
  display: block;
}
#page_paises th#imagem,
#page_paises td#imagem {
  width: 100px;
}
#page_paises td#imagem img {
  max-width: 100%;
}
#page_paises th#nome,
#page_paises td#nome {
  width: 300px;
}
#page_paises th#active,
#page_paises td#active {
  width: 40px;
}
#page_paises th#codpais,
#page_paises td#codpais {
  width: 100px;
}
#page_paises th#trash,
#page_paises td#trash {
  width: 40px;
}
#importaPaises_page {
  position: fixed;
  padding: 0;
  margin: 0;
  top: -500px;
  left: -500px;
  width: 0;
  height: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 99;
  transition: width 0.3s, height 0.3s;
}
#importaPaises_page .importaPaises {
  border-color: rgba(77, 148, 255, 0.6);
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.075) inset, 0 0 10px rgba(77, 148, 255, 0.6);
  /*box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);*/
  border-radius: 5px;
  position: absolute;
  left: 20%;
  top: 25%;
  width: 65%;
  height: 400px;
  overflow: auto;
  padding: 30px;
  background: white;
}
#importa_page {
  position: fixed;
  padding: 0;
  margin: 0;
  top: -500px;
  left: -500px;
  width: 0;
  height: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 99;
  transition: width 0.3s, height 0.3s;
}
#importa_page .importa {
  border-color: rgba(77, 148, 255, 0.6);
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.075) inset, 0 0 10px rgba(77, 148, 255, 0.6);
  /*box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);*/
  border-radius: 5px;
  position: absolute;
  left: 20%;
  top: 25%;
  width: 65%;
  height: 400px;
  overflow: auto;
  padding: 30px;
  background: white;
}
#importa_textos {
  position: fixed;
  padding: 0;
  margin: 0;
  top: -500px;
  left: -500px;
  width: 0;
  height: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 99;
  transition: width 0.3s, height 0.3s;
}
#importa_textos .importa {
  border-color: rgba(77, 148, 255, 0.6);
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.075) inset, 0 0 10px rgba(77, 148, 255, 0.6);
  /*box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);*/
  border-radius: 5px;
  position: absolute;
  left: 20%;
  top: 25%;
  width: 65%;
  height: 400px;
  overflow: auto;
  padding: 30px;
  background: white;
}
#associaImages_page {
  position: fixed;
  padding: 0;
  margin: 0;
  top: -500px;
  left: -500px;
  width: 0;
  height: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 99;
  transition: width 0.3s, height 0.3s;
}
#associaImages_page .associaImages {
  border-color: rgba(77, 148, 255, 0.6);
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.075) inset, 0 0 10px rgba(77, 148, 255, 0.6);
  /*box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);*/
  border-radius: 5px;
  position: absolute;
  left: 20%;
  top: 25%;
  width: 65%;
  height: 400px;
  overflow: auto;
  padding: 30px;
  background: white;
}
#importaProdutoFdc_page {
  position: fixed;
  padding: 0;
  margin: 0;
  top: -500px;
  left: -500px;
  width: 0;
  height: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 99;
  transition: width 0.3s, height 0.3s;
}
#importaProdutoFdc_page .importaProdutoFdc {
  border-color: rgba(77, 148, 255, 0.6);
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.075) inset, 0 0 10px rgba(77, 148, 255, 0.6);
  /*box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);*/
  border-radius: 5px;
  position: absolute;
  left: 20%;
  top: 25%;
  width: 65%;
  height: 400px;
  overflow: auto;
  padding: 30px;
  background: white;
}
#corrigeDados_page {
  position: fixed;
  padding: 0;
  margin: 0;
  top: -500px;
  left: -500px;
  width: 0;
  height: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 99;
  transition: width 0.3s, height 0.3s;
}
#corrigeDados_page .corrigeDados {
  border-color: rgba(77, 148, 255, 0.6);
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.075) inset, 0 0 10px rgba(77, 148, 255, 0.6);
  /*box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);*/
  border-radius: 5px;
  position: absolute;
  left: 20%;
  top: 25%;
  width: 65%;
  height: 400px;
  overflow: auto;
  padding: 30px;
  background: white;
}
/* Países */
/* Idiomas */
#page_idiomas table tbody,
table thead {
  display: block;
}
#page_idiomas th#imagem,
#page_idiomas td#imagem {
  width: 90px;
}
#page_idiomas td#imagem img {
  max-width: 50%;
}
#page_idiomas th#nome,
#page_idiomas td#nome {
  width: 250px;
}
#page_idiomas th#url,
#page_idiomas td#url {
  width: 250px;
}
#page_idiomas th#codpais,
#page_idiomas td#codpais {
  width: 100px;
}
#page_idiomas th#active,
#page_idiomas td#active {
  width: 70px;
}
#page_idiomas th#file,
#page_idiomas td#file {
  width: 350px;
}
#page_idiomas th#add,
#page_idiomas td#add {
  width: 40px;
}
#page_idiomas th#trash,
#page_idiomas td#trash {
  width: 40px;
}
/* Idiomas */
/* Clientes */
#page_clientes table {
  width: 3220px;
}
#page_clientes table tbody,
#page_clientes table thead {
  display: block;
}
#page_clientes th#codcliente,
#page_clientes td#codcliente {
  width: 120px;
}
#page_clientes th#nome,
#page_clientes td#nome {
  width: 250px;
}
#page_clientes th#email,
#page_clientes td#email {
  width: 250px;
}
#page_clientes th#nif,
#page_clientes td#nif {
  width: 150px;
}
#page_clientes th#telefone,
#page_clientes td#telefone {
  width: 150px;
}
#page_clientes th#endereco,
#page_clientes td#endereco {
  width: 300px;
}
#page_clientes th#codpostal,
#page_clientes td#codpostal {
  width: 150px;
}
#page_clientes th#localidade,
#page_clientes td#localidade {
  width: 200px;
}
#page_clientes th#pais,
#page_clientes td#pais {
  width: 200px;
}
#page_clientes td#pais img {
  width: 30px;
  margin-left: 10px;
}
#page_clientes th#trash,
#page_clientes td#trash,
#page_clientes th#edit,
#page_clientes td#edit {
  width: 40px;
}
/* Revendedores */
#page_revendedores table {
  width: 1850px;
}
#page_revendedores table tbody,
#page_revendedores table thead {
  display: block;
}
#page_revendedores th#codrevendedor,
#page_revendedores td#codrevendedor {
  width: 150px;
}
#page_revendedores th#aprovado,
#page_revendedores td#aprovado {
  width: 100px;
}
#page_revendedores th#nome,
#page_revendedores td#nome {
  width: 250px;
}
#page_revendedores th#email,
#page_revendedores td#email {
  width: 250px;
}
#page_revendedores th#nif,
#page_revendedores td#nif {
  width: 150px;
}
#page_revendedores th#telefone,
#page_revendedores td#telefone {
  width: 150px;
}
#page_revendedores th#endereco,
#page_revendedores td#funcao {
  width: 200px;
}
#page_revendedores th#codpostal,
#page_revendedores td#empresa {
  width: 200px;
}
#page_revendedores th#pais,
#page_revendedores td#pais {
  width: 200px;
}
#page_revendedores td#pais img {
  width: 30px;
  margin-left: 10px;
}
#page_revendedores th#trash,
#page_revendedores td#trash {
  width: 40px;
}
#page_revendedores th#edit,
#page_revendedores td#edit {
  width: 40px;
}
/*#importaPaises_page {
    position: fixed;
    padding: 0;
    margin: 0;
    top: -500px;
    left: -500px;
    width: 0;
    height: 0;
    background: rgba(0,0,0,0.6);
    z-index: 99;
    transition: width 0.3s, height 0.3s;
}


    #importaPaises_page .importaPaises {
        border-color: rgba(77, 148, 255, 0.6);
        box-shadow: 0 3px 3px rgba(0, 0, 0, 0.075) inset, 0 0 10px rgba(77, 148, 255, 0.6);
        border-radius: 5px;
        position: absolute;
        left: 20%;
        top: 25%;
        width: 65%;
        height: 400px;
        overflow: auto;
        padding: 30px;
        background: white;
    }*/
/* \s */
#page_encomendas #estado_desc {
  font-weight: bold;
}
#page_encomendas table {
  width: 1320px;
}
#page_encomendas table tbody,
table thead {
  display: block;
}
#page_encomendas th#nroencomenda,
#page_encomendas td#nroencomenda {
  width: 80px;
}
#page_encomendas th#preco,
#page_encomendas td#preco {
  width: 90px;
}
#page_encomendas th#quantidade,
#page_encomendas td#quantidade {
  width: 80px;
}
#page_encomendas th#pagamento,
#page_encomendas td#pagamento {
  width: 150px;
}
#page_encomendas th#estado,
#page_encomendas td#estado {
  width: 150px;
}
#page_encomendas th#data,
#page_encomendas td#data {
  width: 80px;
}
#page_encomendas th#codcliente,
#page_encomendas td#codcliente {
  width: 110px;
}
#page_encomendas th#emailcliente,
#page_encomendas td#emailcliente {
  width: 180px;
}
#page_encomendas th#nomecliente,
#page_encomendas td#nomecliente {
  width: 170px;
}
#page_encomendas th#revenda,
#page_encomendas td#revenda {
  width: 70px;
}
#page_encomendas th#troca,
#page_encomendas td#troca {
  width: 70px;
}
#page_encomendas th#edit,
#page_encomendas td#edit,
#page_encomendas th#trash,
#page_encomendas td#trash {
  width: 40px;
}
#edit_encomenda .tab-frame {
  height: auto;
  min-height: unset;
}
#edit_encomenda table {
  width: 1320px;
}
#edit_encomenda table tbody,
table thead {
  display: block;
}
#edit_encomenda table tbody {
  /*overflow: auto;*/
  height: auto;
  max-height: none;
}
#edit_encomenda tr.removed {
  text-decoration: line-through;
}
#edit_encomenda td {
  vertical-align: middle;
}
#edit_encomenda th#trash,
#edit_encomenda td#trash {
  width: 40px;
}
#edit_encomenda th#imagem,
#edit_encomenda td#imagem {
  width: 110px;
}
/*#edit_encomenda td#imagem {
    padding-top: 5px;
}
*/
#edit_encomenda td#imagem img {
  max-width: 100%;
}
#edit_encomenda th#nome,
#edit_encomenda td#nome {
  width: 300px;
}
#edit_encomenda th#preco,
#edit_encomenda td#preco {
  width: 150px;
}
#edit_encomenda th#quantidade,
#edit_encomenda td#quantidade {
  width: 180px;
}
#edit_encomenda td#quantidade input {
  width: 50%;
  display: inline;
  margin-left: 10px;
}
#edit_encomenda th#precotot,
#edit_encomenda td#precotot {
  width: 180px;
}
#edit_encomenda table .form-qtd #quantidade {
  width: 100%;
}
#edit_encomenda table .form-qtd #quantidade input {
  width: 35%;
  margin-left: 3px;
  margin-right: 3px;
  text-align: center;
  display: inline;
}
#edit_encomenda .form-qtd #quantidade input[type=number]::-webkit-inner-spin-button,
#edit_encomenda table .form-qtd #quantidade input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
#edit_encomenda table .form-qtd #quantidade a {
  width: 20%;
  font-weight: bold;
  display: inline;
  text-align: center;
  cursor: pointer;
  transition: all 0.35s ease;
  -webkit-transition: all 0.35s ease;
  -moz-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  -ms-transition: all 0.35s ease;
}
#edit_encomenda table .form-qtd #quantidade a:hover {
  background-color: #2a5f95;
  background-color: red;
  color: #EAE9E9;
  text-decoration: none;
  background-color: rgba(0, 0, 0, 0.1);
  transition: all 0.35s ease;
  -webkit-transition: all 0.35s ease;
  -moz-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  -ms-transition: all 0.35s ease;
}
#edit_encomenda .edita-encomenda {
  padding: 0;
  margin: 0;
  margin-bottom: 30px;
  display: block;
  border-bottom: 1px solid #d7d7d7;
  padding-bottom: 30px;
}
#edit_encomenda .edita-encomenda #estado_encomenda {
  width: 30%;
  display: inline-table;
  vertical-align: top;
}
#edit_encomenda .edita-encomenda #metodo_pagamento {
  width: 30%;
  display: inline-table;
  vertical-align: top;
}
#edit_encomenda .edita-encomenda #metodo_pagamento.d-none {
  display: none;
}
#edit_encomenda .edita-encomenda #selectTransportadora {
  width: 69%;
  display: none;
  opacity: 0;
  transition: opacity 0.15s ease-in;
}
#edit_encomenda .edita-encomenda #selectTransportadora input[disabled] {
  width: 75%;
  display: inline;
}
#edit_encomenda .edita-encomenda #selectTransportadora #link1 {
  margin-bottom: 5px;
}
#edit_encomenda .edita-encomenda #selectTransportadora #copy_link1,
#edit_encomenda .edita-encomenda #selectTransportadora #copy_link2 {
  display: inline;
  height: 40px;
  font-size: 11pt;
  margin-left: 5px;
}
#edit_encomenda .edita-encomenda .edit-button {
  display: block;
  margin-top: -10px;
}
#edit_encomenda .edita-encomenda .print-button {
  display: block;
  margin-top: -20px;
}
#edit_encomenda .header-encomenda {
  margin-bottom: 20px;
}
#edit_encomenda .header-encomenda h4 {
  font-weight: bold;
  padding-bottom: 20px;
  border-bottom: 1px solid #d7d7d7;
}
#edit_encomenda .header-encomenda h4 span.header-encomenda-left {
  display: inline-table;
  width: 30%;
}
#edit_encomenda .header-encomenda h4 span.header-encomenda-center {
  display: inline-table;
  width: 39%;
  text-align: center;
}
#edit_encomenda .header-encomenda h4 span.header-encomenda-right {
  display: inline-table;
  text-align: right;
  width: 30%;
}
#edit_encomenda .entrega-detalhes {
  height: 580px;
  width: 45%;
  float: left;
  padding: 20px;
  padding-top: 0;
  border-color: rgba(77, 148, 255, 0.6);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(77, 148, 255, 0.6);
  outline: 0 none;
  background: white;
  margin-top: 50px;
  font-size: 12pt;
  margin-bottom: 50px;
  overflow: auto;
}
#edit_encomenda .entrega-detalhes h3 {
  text-transform: uppercase;
  margin-bottom: 5px;
}
#edit_encomenda .entrega-detalhes hr {
  margin-top: 15px;
  border-color: #e6e6e6;
}
#edit_encomenda .entrega-detalhes label {
  margin-left: 10px;
  margin-top: 10px;
}
#edit_encomenda .entrega-detalhes input {
  margin: 10px;
  font-size: 12pt;
}
#edit_encomenda .entrega-detalhes .info-button input {
  margin: 0;
  width: 70%;
}
#edit_encomenda .entrega-detalhes .info-button button {
  margin-top: 15px;
}
#edit_encomenda .entrega-detalhes #nome {
  width: 50%;
}
#edit_encomenda .entrega-detalhes #telefone {
  width: 20%;
  display: inline-block;
}
#edit_encomenda .entrega-detalhes #nif {
  width: 20%;
  display: inline-block;
  margin-left: 20px;
}
#edit_encomenda .entrega-detalhes #endereco-group #endereco {
  width: 70%;
}
#edit_encomenda .entrega-detalhes #codpostal {
  width: 20%;
  display: inline-block;
}
#edit_encomenda .entrega-detalhes #localidade {
  width: 45%;
  display: inline-block;
}
#edit_encomenda .entrega-detalhes .info-group,
#edita_dados_encomenda .entrega-detalhes .info-group {
  position: relative;
  margin-top: 10px;
  margin-bottom: 10px;
  display: block;
  clear: both;
}
#edit_encomenda .entrega-detalhes .info-group #editar_dados_encomenda {
  float: right;
}
#edit_encomenda .entrega-detalhes .info-group h4,
#edita_dados_encomenda .entrega-detalhes .info-group h4 {
  font-size: 12pt;
  text-transform: none;
  font-weight: normal;
}
#edit_encomenda .entrega-detalhes .info-group h4.header {
  font-weight: bold;
  font-size: 14pt;
  margin-bottom: 20px;
}
#edit_encomenda .entrega-detalhes .info-group .info-group-left,
#edita_dados_encomenda .entrega-detalhes .info-group .info-group-left {
  float: left;
  width: 49%;
  margin-top: 15px;
  margin-bottom: 15px;
}
#edit_encomenda .entrega-detalhes .info-group .info-group-right,
#edita_dados_encomenda .entrega-detalhes .info-group .info-group-right {
  float: left;
  width: 49%;
  margin-left: 1%;
  margin-top: 15px;
  margin-bottom: 15px;
}
#edit_encomenda .entrega-detalhes .info-group .info-separator {
  display: inline-block;
  clear: both;
  width: 1%;
  height: inherit;
  border-right: 1px solid #d7d7d7;
}
#edit_encomenda .entrega-detalhes .info-group#metodo-pagamento {
  border-top: 1px solid #d7d7d7;
  border-bottom: 1px solid #d7d7d7;
  padding-top: 20px;
  padding-bottom: 20px;
}
#edit_encomenda .entrega-detalhes .free-portes {
  margin-top: 35px;
}
#edit_encomenda .entrega-detalhes .free-portes .title {
  float: left;
  padding: 0;
  margin: 0;
}
#edit_encomenda .entrega-detalhes .free-portes .title h4 {
  padding: 0;
  margin: 0;
}
#edit_encomenda .entrega-detalhes .free-portes #form_FreePortes .chkbox {
  float: left;
  padding: 0;
  margin-left: 15px;
  margin-top: -15px;
}
#edit_encomenda .entrega-detalhes .free-portes #form_FreePortes .chkbox .regular-checkbox {
  margin: 0;
  padding: 0;
}
#edita_dados_encomenda {
  position: fixed;
  padding: 0;
  margin: 0;
  top: -500px;
  left: -500px;
  width: 0;
  height: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 99;
  transition: width 0.3s, height 0.3s;
}
#edita_dados_encomenda .dadosEncomendaForm {
  border-color: rgba(77, 148, 255, 0.6);
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.075) inset, 0 0 10px rgba(77, 148, 255, 0.6);
  /*box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);*/
  border-radius: 5px;
  position: absolute;
  left: 20%;
  top: 3%;
  width: 65%;
  height: 685px;
  overflow: auto;
  padding: 20px;
  padding-top: 10px;
  background: white;
}
#edita_dados_encomenda h3 {
  padding: 0;
}
#edita_dados_encomenda .dadosEncomendaForm .entrega-detalhes .info-group .info-group-left,
#edita_dados_encomenda .dadosEncomendaForm .entrega-detalhes .info-group .info-group-left {
  margin-bottom: 0;
}
#edita_dados_encomenda .entrega-detalhes .info-group .info-group-left #edita_nome,
#edita_dados_encomenda .entrega-detalhes .info-group .info-group-right #edita_nome_faturacao {
  width: 70%;
}
#edita_dados_encomenda .entrega-detalhes .info-group .info-group-left #edita_telefone,
#edita_dados_encomenda .entrega-detalhes .info-group .info-group-right #edita_nif_faturacao {
  width: 40%;
}
#edita_dados_encomenda .entrega-detalhes .info-group .info-group-left #edita_email {
  width: 70%;
}
#edita_dados_encomenda .entrega-detalhes .info-group .info-group-left #edita_morada,
#edita_dados_encomenda .entrega-detalhes .info-group .info-group-right #edita_morada_faturacao {
  width: 80%;
}
#edita_dados_encomenda .entrega-detalhes .info-group .info-group-left #edita_codpostal,
#edita_dados_encomenda .entrega-detalhes .info-group .info-group-right #edita_codpostal_faturacao {
  margin-top: 10px;
  width: 20%;
  display: inline;
}
#edita_dados_encomenda .entrega-detalhes .info-group .info-group-left #edita_localidade,
#edita_dados_encomenda .entrega-detalhes .info-group .info-group-right #edita_localidade_faturacao {
  margin-top: 10px;
  width: 58%;
  display: inline;
}
#edita_dados_encomenda .entrega-detalhes .info-group .info-group-left #edita_pais,
#edita_dados_encomenda .entrega-detalhes .info-group .info-group-right #edita_pais_faturacao {
  margin-top: 10px;
  width: 80%;
}
#edita_dados_encomenda .entrega-detalhes .info-group .info-group-right #edita_pagamentoID {
  margin-top: 10px;
  width: 80%;
}
#edit_encomenda .troca-info {
  margin-bottom: 10px;
  font-size: 12pt;
  text-transform: uppercase;
}
#edit_encomenda .troca-info-link {
  font-size: 10pt;
  text-transform: uppercase;
}
#edit_encomenda .resumo-encomenda {
  height: 580px;
  float: left;
  width: 22%;
  padding: 20px;
  padding-top: 0;
  border-color: rgba(77, 148, 255, 0.6);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(77, 148, 255, 0.6);
  outline: 0 none;
  background: white;
  margin-top: 50px;
  margin-bottom: 50px;
  margin-left: 1%;
}
#edit_encomenda .resumo-encomenda h3 {
  text-transform: uppercase;
  margin-bottom: 5px;
}
#edit_encomenda .resumo-encomenda hr {
  margin-top: 15px;
  border-color: #e6e6e6;
}
#edit_encomenda .resumo-encomenda .value-group {
  height: 55px;
  margin-top: 10px;
  background-color: #e6e6e6;
  padding: 5px;
}
#edit_encomenda .resumo-encomenda .value-group .value-left {
  text-align: left;
  padding: 5px;
  display: inline-grid;
  width: 60%;
  height: 100%;
  font-size: 12pt;
  font-weight: bold;
  margin-right: 0;
}
#edit_encomenda .resumo-encomenda .value-group .value-right {
  text-align: right;
  padding: 5px;
  display: inline-grid;
  width: 38%;
  height: 100%;
  background-color: white;
  margin-left: 0;
}
#edit_encomenda .resumo-encomenda .value-group h5 {
  font-size: 12pt;
  font-weight: bold;
}
#edit_encomenda #encomenda_log {
  width: 31%;
  padding: 20px;
  padding-top: 0;
  border-color: rgba(77, 148, 255, 0.6);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(77, 148, 255, 0.6);
  outline: 0 none;
  background: white;
  font-size: 12pt;
  margin-bottom: 50px;
  overflow: auto;
  margin-left: 1%;
  margin-top: 50px;
  float: left;
  height: 580px;
}
#edit_encomenda #encomenda_log h3 {
  text-transform: uppercase;
  margin-bottom: 5px;
}
#edit_encomenda #encomenda_log hr {
  margin-top: 15px;
  border-color: #e6e6e6;
}
#edit_encomenda #transportadora_selection #searchTransportadora.active-search {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
#edit_encomenda #transportadora_selection #searchTransportadora input#transportadoraSearch {
  border: none;
  width: 90%;
  padding: 0;
  margin: 0;
}
#edit_encomenda #transportadora_selection #searchTransportadora input#transportadoraSearch:focus {
  border: none;
  box-shadow: none;
  outline: 0;
  -webkit-box-shadow: none;
}
#edit_encomenda #transportadora_selection #searchTransportadora #cleanSearch {
  margin-top: 4px;
  cursor: pointer;
  color: #b4b4b4;
  transition: all 0.15s ease-in;
  -webkit-transition: all 0.15s ease-in;
  -moz-transition: all 0.15s ease-in;
  -o-transition: all 0.15s ease-in;
  -ms-transition: all 0.15s ease-in;
}
#edit_encomenda #transportadora_selection #searchTransportadora #cleanSearch:hover {
  color: #555;
  transition: all 0.15s ease-in;
  -webkit-transition: all 0.15s ease-in;
  -moz-transition: all 0.15s ease-in;
  -o-transition: all 0.15s ease-in;
  -ms-transition: all 0.15s ease-in;
}
#edit_encomenda #transportadoras-list {
  width: 100%;
  border: 1px solid #c8c8c8;
  height: 0;
  opacity: 0;
  overflow: hidden;
  transition: height 0.3s;
}
#edit_encomenda #transportadoras-list #transportadoraElement {
  clear: both;
  width: 100%;
  padding: 5px;
  height: 30px;
  transition: all 0.25s ease-in;
  -webkit-transition: all 0.25s ease-in;
  -moz-transition: all 0.25s ease-in;
  -o-transition: all 0.25s ease-in;
  -ms-transition: all 0.25s ease-in;
}
#edit_encomenda #transportadoras-list #transportadoraElement:hover {
  background-color: #e6e6e6;
  cursor: pointer;
  transition: all 0.25s ease-in;
  -webkit-transition: all 0.25s ease-in;
  -moz-transition: all 0.25s ease-in;
  -o-transition: all 0.25s ease-in;
  -ms-transition: all 0.25s ease-in;
}
#edit_encomenda #transportadoras-list #transportadoraElement img {
  width: 35px;
  max-height: 100%;
}
#edit_encomenda #transportadora_selection #transportadoras-list #closeSearch_container {
  clear: both;
  width: 100%;
  display: block;
  margin: 5px 0 30px 0;
}
#edit_encomenda #transportadora_selection #transportadoras-list #closeSearch_container #closeSearch.fas {
  font-size: 13pt;
}
#edit_encomenda #transportadora_selection #transportadoras-list #closeSearch_container #closeSearch {
  margin-right: 2px;
  cursor: pointer;
  color: #b4b4b4;
  transition: all 0.15s ease-in;
  -webkit-transition: all 0.15s ease-in;
  -moz-transition: all 0.15s ease-in;
  -o-transition: all 0.15s ease-in;
  -ms-transition: all 0.15s ease-in;
}
#edit_encomenda #transportadora_selection #transportadoras-list #closeSearch_container #closeSearch:hover {
  color: #555;
  transition: all 0.15s ease-in;
  -webkit-transition: all 0.15s ease-in;
  -moz-transition: all 0.15s ease-in;
  -o-transition: all 0.15s ease-in;
  -ms-transition: all 0.15s ease-in;
}
#adiciona_transportadoras {
  position: fixed;
  padding: 0;
  margin: 0;
  top: -500px;
  left: -500px;
  width: 0;
  height: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 99;
  transition: width 0.3s, height 0.3s;
}
#adiciona_transportadoras .transportadorasForm {
  border-color: rgba(77, 148, 255, 0.6);
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.075) inset, 0 0 10px rgba(77, 148, 255, 0.6);
  /*box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);*/
  border-radius: 5px;
  position: absolute;
  left: 20%;
  top: 12%;
  width: 65%;
  height: 550px;
  overflow: auto;
  padding: 30px;
  padding-top: 10px;
  background: white;
}
#adiciona_transportadoras .transportadorasForm .add_transportadoras {
  clear: both;
  padding-top: 0;
}
#adiciona_transportadoras .transportadorasForm .add_newtransportadora {
  display: block;
  padding: 0;
}
/* Mensagem popup */
#AddProduto_page {
  position: fixed;
  padding: 0;
  margin: 0;
  top: -500px;
  left: -500px;
  width: 0;
  height: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 200;
  transition: width 0.3s, height 0.3s;
  overflow: hidden;
}
#AddProduto_page .produtos-container {
  border-color: rgba(77, 148, 255, 0.6);
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.075) inset, 0 0 10px rgba(77, 148, 255, 0.6);
  /*box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);*/
  border-radius: 5px;
  position: absolute;
  left: 15%;
  top: 3%;
  width: 70%;
  height: 680px;
  overflow: auto;
  padding: 20px;
  background: white;
}
/* Caixa de pesquisa */
#AddProduto_page .produtos-container .search-box {
  float: none;
  width: 100%;
  text-align: left;
  margin: 0;
  padding: 2px;
}
#AddProduto_page .produtos-container .search-box form .form-search {
  width: 350px;
  border: none;
  float: none;
  height: 45px;
  padding: 0;
  text-align: left;
  display: inline;
}
#AddProduto_page .produtos-container .search-box form .form-search input {
  border: none;
  border: 1px solid #cccccc;
  border-radius: 5px;
  width: 300px;
  font-size: 10pt;
  color: #808080;
  padding: 5px;
  display: inline;
  float: none;
}
#AddProduto_page .produtos-container .search-box form .form-search > input:focus {
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
#AddProduto_page .produtos-container .search-box form .form-search ::placeholder {
  font-size: 10pt;
  color: #bfbfbf;
  font-style: italic;
}
#AddProduto_page .produtos-container .search-box form i.fas.fa-search {
  display: inline;
  float: none;
  height: 32px;
  font-size: 11pt;
  padding-top: 6px;
}
#AddProduto_page .produtos-container #tabelaProdutos table {
  width: 1000px;
}
#AddProduto_page .produtos-container #tabelaProdutos table tbody {
  max-height: 380px;
}
#AddProduto_page .produtos-container #tabelaProdutos th#selection,
#AddProduto_page .produtos-container #tabelaProdutos td#selection {
  width: 60px;
}
#AddProduto_page .produtos-container #tabelaProdutos th#referencia,
#AddProduto_page .produtos-container #tabelaProdutos td#referencia {
  width: 100px;
}
#AddProduto_page .produtos-container #tabelaProdutos th#nome,
#AddProduto_page .produtos-container #tabelaProdutos td#nome {
  width: 200px;
}
#AddProduto_page .produtos-container #tabelaProdutos th#cor,
#AddProduto_page .produtos-container #tabelaProdutos td#cor {
  width: 150px;
}
#AddProduto_page .produtos-container #tabelaProdutos th#tamanho,
#AddProduto_page .produtos-container #tabelaProdutos td#tamanho {
  width: 150px;
}
#AddProduto_page .produtos-container #tabelaProdutos th#stock,
#AddProduto_page .produtos-container #tabelaProdutos td#stock {
  width: 90px;
}
#AddProduto_page .produtos-container #tabelaProdutos th#quantidade,
#AddProduto_page .produtos-container #tabelaProdutos td#quantidade {
  width: 100px;
}
#AddProduto_page .produtos-container #tabelaProdutos th#imagem,
#AddProduto_page .produtos-container #tabelaProdutos td#imagem {
  width: 120px;
}
#AddProduto_page .produtos-container #tabelaProdutos td#imagem img {
  width: 100%;
  margin: auto;
  padding: 5px;
}
#AddProduto_page .produtos-container #tabelaProdutos .regular-checkbox + label {
  padding: 8px 8px 11px 11px;
  margin-top: 45%;
  margin-left: 25%;
}
#AddProduto_page .produtos-container #tabelaProdutos .regular-checkbox:checked + label:after {
  font-size: 12px;
}
/* Página Transportadoras */
#page_transportadoras th#nome,
#page_transportadoras td#nome {
  width: 350px;
}
#page_transportadoras td#nome input {
  width: 330px;
}
#page_transportadoras th#link,
#page_transportadoras td#link {
  width: 450px;
}
#page_transportadoras td#link input {
  width: 430px;
}
#page_transportadoras th#add,
#page_transportadoras td#add {
  width: 40px;
}
#page_transportadoras th#trash,
#page_transportadoras td#trash {
  width: 40px;
}
/* Página Stocks */
#page_stocks {
  clear: both;
}
#page_stocks .tab-frame {
  padding: 10px;
}
#page_stocks .filtra_stocks {
  display: block;
  clear: both;
  width: 100%;
}
#page_stocks #table_stocks {
  width: 790px;
  height: 670px;
  float: left;
  padding: 0;
  margin-left: 0;
  margin-top: 5px;
}
#page_stocks table {
  width: 790px;
}
#page_stocks tbody {
  min-height: 500px;
}
#page_stocks th#imagem,
#page_stocks td#imagem {
  width: 130px;
}
#page_stocks td#imagem img {
  width: 100%;
}
#page_stocks th#referencia,
#page_stocks td#referencia {
  width: 100px;
}
#page_stocks th#nome,
#page_stocks td#nome {
  width: 150px;
}
#page_stocks th#cor,
#page_stocks td#cor {
  width: 150px;
}
#page_stocks th#tamanho,
#page_stocks td#tamanho {
  width: 130px;
}
#page_stocks th#stock,
#page_stocks td#stock {
  width: 100px;
}
#page_stocks td#stock input {
  width: 80px;
}
#page_stocks th#add,
#page_stocks td#add {
  width: 45px;
}
#page_stocks .pagination #goto_page {
  margin-left: 5px;
  margin-top: 2px;
  width: 200px;
}
#page_stocks .pagination #goto_page input {
  margin-left: 0;
  width: 25%;
  display: inline;
}
#page_stocks .pagination #goto_page .btn {
  margin-left: 0;
  margin-top: -2px;
  display: inline;
}
#page_stocks #stocks_log {
  margin-right: 5px;
  margin-top: 5px;
  width: 500px;
  float: right;
  padding: 0;
  margin-bottom: 20px;
}
#page_stocks #stocks_log .tab-frame {
  min-height: unset;
  height: 530px;
  overflow-y: auto;
  padding: 10px;
}
#page_stocks #stocks_log .tab-frame h4 {
  padding: 0;
  margin: 0;
}
#page_stocks #stocks_log .tab-frame hr {
  margin: 15px;
}
#page_stocks #stocks_log .tab-frame .filter-log h5 {
  display: inline;
  margin-right: 10px;
}
#page_stocks #stocks_log .tab-frame .filter-log form {
  display: inline;
  margin-right: 10px;
}
#page_stocks #stocks_log .tab-frame .filter-log input {
  width: 32%;
  display: inline;
}
#page_stocks #stocks_log .tab-frame .filter-log span {
  margin: 0 5px 0 5px;
  display: inline;
}
#page_stocks #stocks_log .tab-frame .filter-log a {
  display: inline;
  padding: 5px;
}
#page_stocks #stocks_log .tab-frame .filter-log button i.fas.fa-filter {
  font-size: 10pt;
}
#page_stocks #stocks_log .tab-frame .filter-log button i.fas.fa-times-circle {
  font-size: 8pt;
}
#page_stocks #stocks_log .tab-frame .timeline ul li div {
  position: relative;
  bottom: 0;
  width: 160px;
  padding: 2px;
  font-size: 11pt;
  background: white;
  color: #1B8FFC;
  border: 0.5px solid rgba(27, 143, 252, 0.45);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(27, 143, 252, 0.6);
}
/* Página Comentários */
#page_comentarios {
  clear: both;
}
#page_comentarios table {
  width: 1950px;
}
#page_comentarios th#referencia,
#page_comentarios td#referencia {
  width: 150px;
}
#page_comentarios th#aprovado,
#page_comentarios td#aprovado {
  width: 70px;
}
#page_comentarios td#referencia input {
  width: 80px;
  display: inline;
}
#page_comentarios td#referencia i {
  font-size: 11pt;
  height: 34px;
  display: inline;
  margin-left: 3px;
  padding: 5px;
}
#page_comentarios th#nome,
#page_comentarios td#nome {
  width: 250px;
}
#page_comentarios th#data,
#page_comentarios td#data {
  width: 120px;
}
#page_comentarios th#cliente,
#page_comentarios td#cliente {
  width: 250px;
}
#page_comentarios td#cliente input {
  width: 230px;
}
#page_comentarios th#localidade,
#page_comentarios td#localidade {
  width: 250px;
}
#page_comentarios td#localidade input {
  width: 230px;
}
#page_comentarios th#avaliacao,
#page_comentarios td#avaliacao {
  width: 120px;
}
#page_comentarios td#avaliacao input {
  width: 60px;
}
#page_comentarios th#comentario,
#page_comentarios td#comentario {
  width: 550px;
}
#page_comentarios td#comentario textarea {
  width: 530px;
  height: 60px;
  resize: none;
}
#page_comentarios th#add,
#page_comentarios td#add {
  width: 40px;
}
#page_comentarios th#trash,
#page_comentarios td#trash {
  width: 40px;
}
/* Página Rankings */
#page_rankings {
  clear: both;
}
#page_rankings .tab-frame {
  max-height: 1000px;
}
#page_rankings .filtra_rankings {
  display: block;
  clear: both;
  width: 100%;
}
#page_rankings .filtra_rankings .ranking_options {
  padding: 0;
  margin: 0;
  text-align: center;
}
#page_rankings .filtra_rankings .ranking_options .form-group {
  padding: 0;
  margin: 0;
  text-align: center;
  padding: 5px;
}
#page_rankings .filtra_rankings .ranking_options #estacao {
  border: 1px solid #c8ccd0;
}
#page_rankings .filtra_rankings .ranking_options #gender {
  border: 1px solid #c8ccd0;
  display: none;
  opacity: 0;
  transition: opacity 0.15s ease-in;
}
#page_rankings table {
  width: 700px;
}
#page_rankings table td a {
  display: block;
}
#page_rankings th#imagem,
#page_rankings td#imagem {
  width: 130px;
}
#page_rankings td#imagem img {
  width: 120px;
  display: block;
  margin: auto;
}
#page_rankings th#referencia,
#page_rankings td#referencia {
  width: 150px;
}
#page_rankings th#nome,
#page_rankings td#nome {
  width: 300px;
}
#page_rankings th#ranking,
#page_rankings td#ranking {
  width: 100px;
}
#page_rankings td#ranking input {
  width: 80px;
}
/* Página Cupões */
#page_cupoes {
  clear: both;
}
#page_cupoes .tab-frame {
  max-height: 950px;
}
#page_cupoes table {
  width: 2325px;
}
#page_cupoes th#referencia,
#page_cupoes td#referencia {
  width: 150px;
}
#page_cupoes th#nome,
#page_cupoes td#nome {
  width: 300px;
}
#page_cupoes td#nome input {
  width: 280px;
}
#page_cupoes th#codigo,
#page_cupoes td#codigo {
  width: 200px;
}
#page_cupoes td#codigo input {
  width: 130px;
  display: inline;
}
#page_cupoes td#codigo .btn-default#gerar_codigo {
  display: inline-block;
  height: 32px;
  margin: 0;
  margin-top: -2px;
  margin-left: 2px;
}
#page_cupoes td#codigo .btn-default#gerar_codigo i {
  font-size: 11pt;
  padding-top: 4px;
}
#page_cupoes th#tipodesconto,
#page_cupoes td#tipodesconto {
  width: 330px;
}
#page_cupoes th#desconto,
#page_cupoes td#desconto {
  width: 150px;
}
#page_cupoes td#desconto input {
  width: 80px;
  display: inline;
}
#page_cupoes td#desconto [id*="valor_percentual_"] {
  display: none;
  opacity: 0;
  transition: opacity 0.15s ease-in;
}
#page_cupoes td#desconto [id*="valor_absoluto_"] {
  display: none;
  opacity: 0;
  transition: opacity 0.15s ease-in;
}
#page_cupoes td#desconto .simbolo {
  margin-left: 5px;
  display: inline;
}
#page_cupoes th#tipovalidade,
#page_cupoes td#tipovalidade {
  width: 330px;
}
#page_cupoes th#validade,
#page_cupoes td#validade {
  width: 200px;
}
#page_cupoes td#validade input#data {
  width: 180px;
}
#page_cupoes td#validade input#utilizacoes {
  width: 80px;
}
#page_cupoes td#validade [id*="valor_data_"] {
  display: none;
  opacity: 0;
  transition: opacity 0.15s ease-in;
}
#page_cupoes td#validade [id*="valor_utilizacoes_"] {
  display: none;
  opacity: 0;
  transition: opacity 0.15s ease-in;
}
#page_cupoes th#exclusivo,
#page_cupoes td#exclusivo {
  width: 150px;
}
#page_cupoes th#email,
#page_cupoes td#email {
  width: 300px;
}
#page_cupoes td#email input {
  width: 280px;
}
#page_cupoes td#email [id*="valor_email_"] {
  display: none;
  opacity: 0;
  transition: opacity 0.15s ease-in;
}
#page_cupoes th#trash,
#page_cupoes td#trash {
  width: 45px;
}
#page_cupoes th#edit,
#page_cupoes td#edit {
  width: 45px;
}
/* Adiciona cupão */
#carregacupao_form #codigo_container {
  width: 20%;
}
#carregacupao_form #codigo_container label {
  display: block;
}
#carregacupao_form #codigo_container input {
  display: inline;
  width: 80%;
}
#carregacupao_form #codigo_container .btn-default#gerar_codigo {
  display: inline-block;
  height: 32px;
  margin: 0;
  margin-top: -2px;
  margin-left: 2px;
}
#carregacupao_form #codigo_container .btn-default#gerar_codigo i {
  font-size: 11pt;
  padding-top: 4px;
}
#carregacupao_form #paises_selection #searchPaises.active-search {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
#carregacupao_form #paises_selection #searchPaises input#paisSearch {
  border: none;
  width: 90%;
  padding: 0;
  margin: 0;
}
#carregacupao_form #paises_selection #searchPaises input#paisSearch:focus {
  border: none;
  box-shadow: none;
  outline: 0;
  -webkit-box-shadow: none;
}
#carregacupao_form #paises_selection #searchPaises #cleanSearch {
  margin-top: 4px;
  cursor: pointer;
  color: #b4b4b4;
  transition: all 0.15s ease-in;
  -webkit-transition: all 0.15s ease-in;
  -moz-transition: all 0.15s ease-in;
  -o-transition: all 0.15s ease-in;
  -ms-transition: all 0.15s ease-in;
}
#carregacupao_form #paises_selection #searchPaises #cleanSearch:hover {
  color: #555;
  transition: all 0.15s ease-in;
  -webkit-transition: all 0.15s ease-in;
  -moz-transition: all 0.15s ease-in;
  -o-transition: all 0.15s ease-in;
  -ms-transition: all 0.15s ease-in;
}
#carregacupao_form #pais-list {
  width: 100%;
  border: 1px solid #c8c8c8;
  height: 0;
  opacity: 0;
  overflow: hidden;
  transition: height 0.3s;
}
#carregacupao_form #pais-list #paisElement {
  clear: both;
  width: 100%;
  padding: 5px;
  height: 30px;
  transition: all 0.25s ease-in;
  -webkit-transition: all 0.25s ease-in;
  -moz-transition: all 0.25s ease-in;
  -o-transition: all 0.25s ease-in;
  -ms-transition: all 0.25s ease-in;
}
#carregacupao_form #pais-list #paisElement:hover {
  background-color: #e6e6e6;
  cursor: pointer;
  transition: all 0.25s ease-in;
  -webkit-transition: all 0.25s ease-in;
  -moz-transition: all 0.25s ease-in;
  -o-transition: all 0.25s ease-in;
  -ms-transition: all 0.25s ease-in;
}
#carregacupao_form #pais-list #paisElement img {
  width: 35px;
  max-height: 100%;
}
#carregacupao_form #paises_selection #pais-list #closeSearch_container {
  clear: both;
  width: 100%;
  display: block;
  margin: 5px 0 30px 0;
}
#carregacupao_form #paises_selection #pais-list #closeSearch_container #closeSearch.fas {
  font-size: 13pt;
}
#carregacupao_form #paises_selection #pais-list #closeSearch_container #closeSearch {
  margin-right: 2px;
  cursor: pointer;
  color: #b4b4b4;
  transition: all 0.15s ease-in;
  -webkit-transition: all 0.15s ease-in;
  -moz-transition: all 0.15s ease-in;
  -o-transition: all 0.15s ease-in;
  -ms-transition: all 0.15s ease-in;
}
#carregacupao_form #paises_selection #pais-list #closeSearch_container #closeSearch:hover {
  color: #555;
  transition: all 0.15s ease-in;
  -webkit-transition: all 0.15s ease-in;
  -moz-transition: all 0.15s ease-in;
  -o-transition: all 0.15s ease-in;
  -ms-transition: all 0.15s ease-in;
}
#carregacupao_form #tipoDesconto {
  border: 1px solid #c8ccd0;
  height: 270px;
}
#carregacupao_form #tipoDesconto .radio-option {
  margin-bottom: 0;
}
#carregacupao_form #tipoDesconto #valor_percentual {
  display: block;
  opacity: 1;
  transition: opacity 0.15s ease-in;
}
#carregacupao_form #tipoDesconto #valor_percentual label {
  display: block;
}
#carregacupao_form #tipoDesconto #valor_percentual input {
  width: 50%;
  display: inline;
}
#carregacupao_form #tipoDesconto #valor_percentual .simbolo {
  display: inline;
}
#carregacupao_form #tipoDesconto #valor_absoluto {
  display: none;
  opacity: 0;
  transition: opacity 0.15s ease-in;
}
#carregacupao_form #tipoDesconto #valor_absoluto label {
  display: block;
}
#carregacupao_form #tipoDesconto #valor_absoluto input {
  width: 50%;
  display: inline;
}
#carregacupao_form #tipoDesconto #valor_absoluto .simbolo {
  display: inline;
}
#carregacupao_form #tipoValidade {
  border: 1px solid #c8ccd0;
  height: 270px;
}
#carregacupao_form #tipoValidade .radio-option {
  margin-bottom: 0;
}
#carregacupao_form #tipoValidade #valor_data {
  display: block;
  opacity: 1;
  transition: opacity 0.15s ease-in;
}
#carregacupao_form #tipoValidade #valor_utilizacoes {
  display: none;
  opacity: 0;
  transition: opacity 0.15s ease-in;
}
#carregacupao_form #tipoValidade #valor_utilizacoes input {
  width: 50%;
}
#carregacupao_form #exclusividade {
  border: 1px solid #c8ccd0;
  height: 270px;
}
#carregacupao_form #exclusividade .radio-option {
  margin-bottom: 0;
}
#carregacupao_form #exclusividade #valor_email,
#carregacupao_form #exclusividade #enviar_email {
  display: none;
  opacity: 0;
  transition: opacity 0.15s ease-in;
}
/* Edita cupão */
#editacupao_form #codigo_container {
  width: 20%;
}
#editacupao_form #codigo_container label {
  display: block;
}
#editacupao_form #codigo_container input {
  display: inline;
  width: 80%;
}
#editacupao_form #codigo_container .btn-default#gerar_codigo {
  display: inline-block;
  height: 32px;
  margin: 0;
  margin-top: -2px;
  margin-left: 2px;
}
#editacupao_form #codigo_container .btn-default#gerar_codigo i {
  font-size: 11pt;
  padding-top: 4px;
}
#editacupao_form #paises_selection #searchPaises.active-search {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
#editacupao_form #paises_selection #searchPaises input#paisSearch {
  border: none;
  width: 90%;
  padding: 0;
  margin: 0;
}
#editacupao_form #paises_selection #searchPaises input#paisSearch:focus {
  border: none;
  box-shadow: none;
  outline: 0;
  -webkit-box-shadow: none;
}
#editacupao_form #paises_selection #searchPaises #cleanSearch {
  margin-top: 4px;
  cursor: pointer;
  color: #b4b4b4;
  transition: all 0.15s ease-in;
  -webkit-transition: all 0.15s ease-in;
  -moz-transition: all 0.15s ease-in;
  -o-transition: all 0.15s ease-in;
  -ms-transition: all 0.15s ease-in;
}
#editacupao_form #paises_selection #searchPaises #cleanSearch:hover {
  color: #555;
  transition: all 0.15s ease-in;
  -webkit-transition: all 0.15s ease-in;
  -moz-transition: all 0.15s ease-in;
  -o-transition: all 0.15s ease-in;
  -ms-transition: all 0.15s ease-in;
}
#editacupao_form #pais-list {
  width: 100%;
  border: 1px solid #c8c8c8;
  height: 0;
  opacity: 0;
  overflow: hidden;
  transition: height 0.3s;
}
#editacupao_form #pais-list #paisElement {
  clear: both;
  width: 100%;
  padding: 5px;
  height: 30px;
  transition: all 0.25s ease-in;
  -webkit-transition: all 0.25s ease-in;
  -moz-transition: all 0.25s ease-in;
  -o-transition: all 0.25s ease-in;
  -ms-transition: all 0.25s ease-in;
}
#editacupao_form #pais-list #paisElement:hover {
  background-color: #e6e6e6;
  cursor: pointer;
  transition: all 0.25s ease-in;
  -webkit-transition: all 0.25s ease-in;
  -moz-transition: all 0.25s ease-in;
  -o-transition: all 0.25s ease-in;
  -ms-transition: all 0.25s ease-in;
}
#editacupao_form #pais-list #paisElement img {
  width: 35px;
  max-height: 100%;
}
#editacupao_form #paises_selection #pais-list #closeSearch_container {
  clear: both;
  width: 100%;
  display: block;
  margin: 5px 0 30px 0;
}
#editacupao_form #paises_selection #pais-list #closeSearch_container #closeSearch.fas {
  font-size: 13pt;
}
#editacupao_form #paises_selection #pais-list #closeSearch_container #closeSearch {
  margin-right: 2px;
  cursor: pointer;
  color: #b4b4b4;
  transition: all 0.15s ease-in;
  -webkit-transition: all 0.15s ease-in;
  -moz-transition: all 0.15s ease-in;
  -o-transition: all 0.15s ease-in;
  -ms-transition: all 0.15s ease-in;
}
#editacupao_form #paises_selection #pais-list #closeSearch_container #closeSearch:hover {
  color: #555;
  transition: all 0.15s ease-in;
  -webkit-transition: all 0.15s ease-in;
  -moz-transition: all 0.15s ease-in;
  -o-transition: all 0.15s ease-in;
  -ms-transition: all 0.15s ease-in;
}
#editacupao_form #tipoDesconto {
  border: 1px solid #c8ccd0;
  height: 270px;
}
#editacupao_form #tipoDesconto .radio-option {
  margin-bottom: 0;
}
#editacupao_form #tipoDesconto #valor_percentual {
  display: none;
  opacity: 0;
  transition: opacity 0.15s ease-in;
}
#editacupao_form #tipoDesconto #valor_percentual label {
  display: block;
}
#editacupao_form #tipoDesconto #valor_percentual input {
  width: 50%;
  display: inline;
}
#editacupao_form #tipoDesconto #valor_percentual .simbolo {
  display: inline;
}
#editacupao_form #tipoDesconto #valor_absoluto {
  display: none;
  opacity: 0;
  transition: opacity 0.15s ease-in;
}
#editacupao_form #tipoDesconto #valor_absoluto label {
  display: block;
}
#editacupao_form #tipoDesconto #valor_absoluto input {
  width: 50%;
  display: inline;
}
#editacupao_form #tipoDesconto #valor_absoluto .simbolo {
  display: inline;
}
#editacupao_form #tipoValidade {
  border: 1px solid #c8ccd0;
  height: 270px;
}
#editacupao_form #tipoValidade .radio-option {
  margin-bottom: 0;
}
#editacupao_form #tipoValidade #valor_data {
  display: none;
  opacity: 0;
  transition: opacity 0.15s ease-in;
}
#editacupao_form #tipoValidade #valor_utilizacoes {
  display: none;
  opacity: 0;
  transition: opacity 0.15s ease-in;
}
#editacupao_form #tipoValidade #valor_utilizacoes input {
  width: 50%;
}
#editacupao_form #exclusividade {
  border: 1px solid #c8ccd0;
  height: 270px;
}
#editacupao_form #exclusividade .radio-option {
  margin-bottom: 0;
}
#editacupao_form #exclusividade #valor_email,
#editacupao_form #exclusividade #enviar_email {
  display: none;
  opacity: 0;
  transition: opacity 0.15s ease-in;
}
/* MailingList */
#page_mailingList table {
  width: 500px;
}
#page_mailingList table tbody,
#page_mailingList table thead {
  display: block;
}
#page_mailingList th#email,
#page_mailingList td#email {
  width: 250px;
}
#page_mailingList th#date,
#page_mailingList td#date {
  width: 150px;
}
#page_mailingList th#trash,
#page_mailingList td#trash {
  width: 40px;
}
/* Página Conteúdos/Header */
#page_edicao_conteudos .tab-frame {
  clear: both;
  height: auto;
  padding-bottom: 50px;
}
#page_edicao_conteudos .tab-frame table tbody {
  height: auto;
}
#page_edicao_conteudos .section-separator {
  height: 0;
  width: 100%;
  border: none;
  box-shadow: 1.2px 1.5px 2px 1.2px rgba(77, 148, 255, 0.4);
  outline: 0 none;
  background: white;
  margin-top: 20px;
  margin-bottom: 40px;
}
#page_edicao_conteudos th#tipo,
#page_edicao_conteudos td#tipo {
  width: 300px;
}
#page_edicao_conteudos th#descTexto,
#page_edicao_conteudos td#descTexto {
  width: 400px;
}
#page_edicao_conteudos td#descTexto input {
  width: 380px;
}
#page_edicao_conteudos #logo_form {
  padding: 0;
  margin: 0;
  width: 40%;
  display: inline-block;
  vertical-align: top;
}
#page_edicao_conteudos #logo_image {
  padding: 0;
  margin: 0;
  width: 30%;
  margin-left: 5%;
  margin-top: -30px;
  display: inline-block;
}
#page_edicao_conteudos #logo_image img {
  width: 100%;
}
#page_edicao_conteudos #season_form {
  padding: 30px;
  margin: 0;
  width: 40%;
}
#page_edicao_conteudos #season_form .season-element {
  width: 49%;
  display: inline-block;
}
#page_edicao_conteudos #banner_form {
  padding: 0;
  margin: 0;
  width: 100%;
  display: inline-block;
  vertical-align: top;
}
#page_edicao_conteudos #banner_form #input-ficheiros {
  padding: 0;
  margin: 0;
  width: 45%;
  display: inline-block;
  vertical-align: top;
}
#page_edicao_conteudos #banner_form #season_form {
  width: 45%;
  margin-left: 3%;
  margin-top: -30px;
  display: inline-block;
  text-align: center;
}
#page_edicao_conteudos #banner_form #season_form .season-container {
  border: 1px solid #c8c8c8;
  border-radius: 5px;
  padding: 15px;
}
#page_edicao_conteudos .banner_images {
  width: 100%;
  /*border: 1px solid rgb(200,200,200);*/
  padding: 10px;
  border-radius: 5px;
  display: block;
  margin-top: 50px;
}
#page_edicao_conteudos .banner_images .banner-image-container {
  width: 48%;
  display: inline-table;
  padding: 20px;
  position: relative;
  border: 1px solid #c8c8c8;
  border-radius: 5px;
  height: 275px;
}
#page_edicao_conteudos .banner_images .banner-image-container .image-banner {
  width: 100%;
  height: 180px;
  padding: 0;
  position: relative;
  display: block;
}
#page_edicao_conteudos .banner_images .banner-image-container .image-banner #deleteBanner {
  width: 100%;
  height: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(255, 0, 0, 0.6);
  transition: all 0.35s ease-out;
  -webkit-transition: all 0.35s ease-out;
  -moz-transition: all 0.35s ease-out;
  -o-transition: all 0.35s ease-out;
  -ms-transition: all 0.35s ease-out;
}
#page_edicao_conteudos .banner_images .banner-image-container .image-banner #deleteBanner i.fas.fa-times-circle {
  color: rgba(170, 170, 170, 0.8);
  font-size: 60pt;
  position: absolute;
  left: 43%;
  top: 25%;
  cursor: pointer;
}
#page_edicao_conteudos .banner_images .banner-image-container .image-banner img {
  width: 100%;
  padding: 0;
  z-index: 0;
}
#page_edicao_conteudos .banner_images .banner-image-container .image-banner:hover > #deleteBanner {
  height: 100%;
  transition: all 0.35s ease-out;
  -webkit-transition: all 0.35s ease-out;
  -moz-transition: all 0.35s ease-out;
  -o-transition: all 0.35s ease-out;
  -ms-transition: all 0.35s ease-out;
}
#page_edicao_conteudos .banner_images .banner-image-container .banner-info {
  width: 100%;
}
#page_edicao_conteudos .banner_images .banner-image-container .banner-info p {
  display: inline-block;
  width: 90%;
}
#page_edicao_conteudos .banner_images .banner-image-container .banner-info .edit-banner {
  display: inline-block;
  margin-left: 5%;
}
/* Edit banner popup */
#EditaBanner_page {
  position: fixed;
  padding: 0;
  margin: 0;
  top: -500px;
  left: -500px;
  width: 0;
  height: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 200;
  transition: width 0.3s, height 0.3s;
  overflow: hidden;
}
#EditaBanner_page .edit-banner-container {
  border-color: rgba(77, 148, 255, 0.6);
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.075) inset, 0 0 10px rgba(77, 148, 255, 0.6);
  /*box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);*/
  border-radius: 5px;
  position: absolute;
  left: 25%;
  top: 3%;
  width: 60%;
  height: 680px;
  overflow: auto;
  padding: 20px;
  background: white;
}
#EditaBanner_page .edit-banner-container .banner-image-container {
  width: 100%;
  display: inline-block;
  padding: 10px;
  position: relative;
  border: 1px solid #c8c8c8;
  border-radius: 5px;
}
#EditaBanner_page .edit-banner-container .banner-image-container .image-banner {
  width: 100%;
  height: auto;
  padding: 0;
  position: relative;
  display: block;
}
#EditaBanner_page .edit-banner-container .banner-image-container .image-banner img {
  width: 100%;
  padding: 0;
  z-index: 0;
}
#EditaBanner_page #banner_form {
  padding: 0;
  margin: 0;
  width: 100%;
}
#EditaBanner_page #banner_form #input-ficheiros {
  padding: 0;
  margin: 0;
  width: 100%;
}
#EditaBanner_page #banner_form #season_form {
  width: 100%;
  text-align: center;
}
#EditaBanner_page #banner_form #season_form .season-container {
  border: 1px solid #c8c8c8;
  border-radius: 5px;
  padding: 15px;
}
#EditaBanner_page #banner_form #season_form .season-container .season-element {
  width: 49%;
  display: inline-block;
}
#page_edicao_conteudos .img_categoria {
  width: 45%;
  margin-left: 2.5%;
  display: inline-block;
}
#page_edicao_conteudos .img_categoria #ImgHomem_form,
#page_edicao_conteudos .img_categoria #ImgMulher_form {
  padding: 0;
  margin: 0;
  width: 80%;
  display: block;
}
#page_edicao_conteudos .img_categoria #ImgHomem_image,
#page_edicao_conteudos .img_categoria #ImgMulher_image {
  padding: 0;
  margin: 0;
  width: 65%;
  display: block;
}
#page_edicao_conteudos .img_categoria #ImgHomem_image img,
#page_edicao_conteudos .img_categoria #ImgMulher_image img {
  width: 100%;
}
#page_edicao_conteudos .produto-destaque {
  padding: 15px;
  width: 15%;
  display: inline-block;
  margin: 15px;
  border: 1px solid #c8c8c8;
  border-radius: 5px;
  position: relative;
}
#page_edicao_conteudos .produto-destaque img {
  width: 100%;
  padding: 0;
}
#page_edicao_conteudos .produto-destaque p {
  font-weight: bold;
}
#page_edicao_conteudos .produto-destaque #removeProduto {
  width: 100%;
  height: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(255, 0, 0, 0.6);
  transition: all 0.35s ease-out;
  -webkit-transition: all 0.35s ease-out;
  -moz-transition: all 0.35s ease-out;
  -o-transition: all 0.35s ease-out;
  -ms-transition: all 0.35s ease-out;
}
#page_edicao_conteudos .produto-destaque #removeProduto i.fas.fa-times-circle {
  color: rgba(170, 170, 170, 0.8);
  font-size: 60pt;
  position: absolute;
  left: 27%;
  top: 30%;
  cursor: pointer;
}
#page_edicao_conteudos .produto-destaque:hover > #removeProduto {
  height: 100%;
  transition: all 0.35s ease-out;
  -webkit-transition: all 0.35s ease-out;
  -moz-transition: all 0.35s ease-out;
  -o-transition: all 0.35s ease-out;
  -ms-transition: all 0.35s ease-out;
}
/* Mensagem popup */
#DestacaProduto_page {
  position: fixed;
  padding: 0;
  margin: 0;
  top: -500px;
  left: -500px;
  width: 0;
  height: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 200;
  transition: width 0.3s, height 0.3s;
  overflow: hidden;
}
#DestacaProduto_page .produtos-container {
  border-color: rgba(77, 148, 255, 0.6);
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.075) inset, 0 0 10px rgba(77, 148, 255, 0.6);
  /*box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);*/
  border-radius: 5px;
  position: absolute;
  left: 25%;
  top: 3%;
  width: 60%;
  height: 680px;
  overflow: auto;
  padding: 20px;
  background: white;
}
/* Caixa de pesquisa */
#DestacaProduto_page .produtos-container .search-box {
  float: none;
  width: 100%;
  text-align: left;
  margin: 0;
  padding: 2px;
}
#DestacaProduto_page .produtos-container .search-box form .form-search {
  width: 350px;
  border: none;
  float: none;
  height: 45px;
  padding: 0;
  text-align: left;
  display: inline;
}
#DestacaProduto_page .produtos-container .search-box form .form-search input {
  border: none;
  border: 1px solid #cccccc;
  border-radius: 5px;
  width: 300px;
  font-size: 10pt;
  color: #808080;
  padding: 5px;
  display: inline;
  float: none;
}
#DestacaProduto_page .produtos-container .search-box form .form-search > input:focus {
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
#DestacaProduto_page .produtos-container .search-box form .form-search ::placeholder {
  font-size: 10pt;
  color: #bfbfbf;
  font-style: italic;
}
#DestacaProduto_page .produtos-container .search-box form i.fas.fa-search {
  display: inline;
  float: none;
  height: 32px;
  font-size: 11pt;
  padding-top: 6px;
}
#DestacaProduto_page .produtos-container #tabelaProdutos table {
  width: 800px;
}
#DestacaProduto_page .produtos-container #tabelaProdutos table tbody {
  max-height: 380px;
}
#DestacaProduto_page .produtos-container #tabelaProdutos th#selection,
#DestacaProduto_page .produtos-container #tabelaProdutos td#selection {
  width: 60px;
}
#DestacaProduto_page .produtos-container #tabelaProdutos th#referencia,
#DestacaProduto_page .produtos-container #tabelaProdutos td#referencia {
  width: 150px;
}
#DestacaProduto_page .produtos-container #tabelaProdutos th#nome,
#DestacaProduto_page .produtos-container #tabelaProdutos td#nome {
  width: 350px;
}
#DestacaProduto_page .produtos-container #tabelaProdutos th#imagem,
#DestacaProduto_page .produtos-container #tabelaProdutos td#imagem {
  width: 200px;
}
#DestacaProduto_page .produtos-container #tabelaProdutos td#imagem img {
  width: 75%;
  margin-left: 10%;
  padding: 5px;
}
#DestacaProduto_page .produtos-container #tabelaProdutos .regular-checkbox + label {
  padding: 8px 8px 11px 11px;
  margin-top: 45%;
  margin-left: 25%;
}
#DestacaProduto_page .produtos-container #tabelaProdutos .regular-checkbox:checked + label:after {
  font-size: 12px;
}
#page_edicao_conteudos .large-text {
  padding: 20px;
  width: 100%;
}
#page_edicao_conteudos .large-text .form-group {
  margin-bottom: 50px;
}
#page_edicao_conteudos .large-text label {
  display: block;
  text-align: center;
  width: 100%;
}
#page_edicao_conteudos .large-text textarea {
  resize: none;
  margin-left: 10%;
  width: 80%;
  height: 400px;
}
#page_edicao_conteudos th#objectos,
#page_edicao_conteudos td#objectos {
  width: 160px;
}
#page_edicao_conteudos td#objectos input {
  width: 130px;
}
#page_edicao_conteudos th#zona,
#page_edicao_conteudos td#zona {
  width: 150px;
}
#page_edicao_conteudos td#zona input {
  width: 80px;
  display: inline;
  text-align: right;
}
#page_edicao_conteudos td#zona span {
  display: inline;
}
#page_edicao_conteudos th#destino,
#page_edicao_conteudos td#destino {
  width: 250px;
}
#page_edicao_conteudos td#destino input {
  width: 220px;
}
#page_edicao_conteudos th#montante,
#page_edicao_conteudos td#montante {
  width: 150px;
}
#page_edicao_conteudos td#montante input {
  width: 80px;
  display: inline;
  text-align: right;
}
#page_edicao_conteudos td#montante span {
  display: inline;
}
#page_edicao_conteudos th#codDestino,
#page_edicao_conteudos td#codDestino {
  width: 130px;
}
/* Página Blocos página */
#page_pageBlocks {
  clear: both;
}
#page_pageBlocks .tab-frame {
  max-height: 950px;
}
#page_pageBlocks table {
  width: 450px;
}
#page_pageBlocks th#nome,
#page_pageBlocks td#nome {
  width: 400px;
}
#page_pageBlocks th#trash,
#page_pageBlocks td#trash {
  width: 45px;
}
#page_pageBlocks th#edit,
#page_pageBlocks td#edit {
  width: 45px;
}
#form_editaBloco img {
  max-width: 100%;
}
/* Página Menús */
#page_Menus {
  clear: both;
}
#page_Menus .tab-frame {
  max-height: 950px;
}
#page_Menus table {
  width: 965px;
}
#page_Menus th#nome,
#page_Menus td#nome {
  width: 400px;
}
#page_Menus th#trash,
#page_Menus td#trash {
  width: 45px;
}
#page_Menus th#edit,
#page_Menus td#edit {
  width: 45px;
}
#page_Menus th#show,
#page_Menus td#show {
  width: 45px;
}
/** Timeline **/
.timeline {
  margin-top: 0px;
  margin-left: -45px;
}
.timeline ul li {
  list-style-type: none;
  position: relative;
  width: 2px;
  margin: 0 auto;
  padding-top: 20px;
  background: #1B8FFC;
}
.timeline ul li:first-child {
  padding-top: 0;
}
.timeline ul li::after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: inherit;
}
.timeline ul li div {
  position: relative;
  bottom: 0;
  width: 160px;
  padding: 2px;
  font-size: 10pt;
  background: white;
  color: #1B8FFC;
  border: 0.5px solid rgba(27, 143, 252, 0.45);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(27, 143, 252, 0.6);
}
.timeline ul li div time {
  border-bottom: 1px solid rgba(0, 0, 0, 0.25);
}
.timeline ul li div p {
  margin-top: 5px;
}
.timeline ul li div::before {
  content: '';
  position: absolute;
  bottom: 0;
  width: 0;
  height: 0;
  border-style: solid;
}
.timeline ul li:nth-child(odd) div {
  left: 40px;
}
.timeline ul li:nth-child(odd) div::before {
  left: -25px;
  border-width: 8px 16px 8px 0;
  border-color: transparent rgba(27, 143, 252, 0.35) transparent transparent;
}
.timeline ul li:nth-child(even) div {
  left: -197px;
  background: white;
  color: #1B8FFC;
  border: 0.5px solid rgba(27, 143, 252, 0.45);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(27, 143, 252, 0.6);
}
.timeline ul li:nth-child(even) div time {
  border-bottom: 1px solid rgba(0, 0, 0, 0.25);
}
.timeline ul li:nth-child(even) div p {
  margin-top: 5px;
}
.timeline ul li:nth-child(even) div::before {
  right: -25px;
  border-width: 8px 0 8px 16px;
  border-color: transparent transparent transparent rgba(27, 143, 252, 0.35);
}
/** End Timeline **/
/* Page Metadados */
#page_metadados table th#nome,
#page_metadados table td#nome {
  width: 200px;
}
#page_metadados table th#conteudo,
#page_metadados table td#conteudo {
  width: 450px;
}
#page_metadados table td#conteudo input {
  width: 430px;
}
#formfields th#edit,
#formfields td#edit {
  width: 40px;
}
#formfields th#trash,
#formfields td#trash {
  width: 40px;
}
#formReplies table {
  width: 400px;
}
#formReplies th#data,
#formReplies td#data {
  width: 150px;
}
#formReplies th#estado,
#formReplies td#estado {
  width: 150px;
}
#formReplies td#estado span.badge {
  font-size: 85% !important;
}
#formReplies th#edit,
#formReplies td#edit {
  width: 40px;
}
#formReplies th#trash,
#formReplies td#trash {
  width: 40px;
}
#formReplyFields table {
  width: 1150px;
}
#formReplyFields th#field,
#formReplyFields td#field {
  width: 200px;
}
#formReplyFields th#fieldValue,
#formReplyFields td#fieldValue {
  width: 950px;
}