@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&display=swap');
* {
  margin: 0;padding: 0;
}
*:focus {
    outline: none;
}
html,body{min-height: 100%;}
h1{font-size: 28px;}
h2.title{font-size: 18px}
h4{font-size: 18px;font-weight: 600;}
img{width: 100%}
strong{color: var(--primary-color);}
a{color: var(--primary-color);}
a:hover{color: var(--primary-color80);}
a.notlike{color: #333333; text-decoration: none;}
body {background: #f6f6f6;font-family: 'Open Sans', sans-serif;color: #333333;font-size: 14px;    padding-bottom: 50px;}
body.loading .loadercontent{display: block;}
.loadercontent{position: fixed; background: rgba(255,255,255,0.5);    height: 100%;
    width: 100%;
    z-index: 999;
    display: none;
    }
.loader {
  border: 16px solid #f3f3f3; /* Light grey */
  border-top: 16px solid #3498db; /* Blue */
  border-radius: 50%;
  width: 120px;
  height: 120px;
  animation: spin 2s linear infinite;
      position: absolute;
    top: 50%;
    left: 50%;
}
/* BOOTSTRAP */
.border-light {border-color: rgba(248, 249, 250, 0.3)!important;}
.card{	box-shadow: 0 5px 5px 0 rgba(56,56,56,0.33); border: 0px; border-radius: 10px;}
.table thead th{color: var(--primary-color);font-size: 14px;font-weight: 400;}
.table thead th{border: 0px;}
.table tbody td, .table tbody th{padding-bottom: 10px}
.table td, .table th{border-bottom: 1px solid #dee2e6;border-top:0px;}
.nav-pills .nav-link {background-color: var(--primary-color80);color: var(--theme-color);transition: backgrounds 0.5s; margin-right: 10px; padding: 10px 15px;}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link, .nav-pills .nav-item:hover .nav-link {color: var(--theme-color);background-color: var(--primary-color);}
.badge{width: 120px;font-size: 14px;font-weight: 600;padding: 5px}
.badge-primary{color: #2196f3; background-color: rgba(33, 150, 243, 0.2);}
.badge-secondary{color: #9e9e9e; background-color: rgba(158, 158, 158, 0.2);}
.badge-success{color: #4caf50; background-color: rgba(76, 175, 80, 0.2);}
.badge-danger{color: #FD397A; background-color: rgba(253, 57, 122, 0.2);}
.badge-warning{color: #FFAE00; background-color: rgba(255, 174, 0, 0.2);}
.badge-info{color: #1DC9B7; background-color: rgba(29, 201, 183, 0.2);}
.badge-light{}
.badge-dark{}
.dropdown-item{font-size: 14px;padding: 15px 25px;}
.dropdown-item.active, .dropdown-item:active,.dropdown-item.text-danger:active,.dropdown-item.text-danger.active{color: var(--theme-color) !important;background: var(--primary-color);}
.navbar .nav-item a{padding: 15px 0px;}
table.dataTable tbody tr{cursor: pointer;}
table.dataTable tbody tr.selected {
    background-color: var(--primary-color10) !important;
    cursor: pointer;
}
table.dataTable.display tbody tr.selected:hover {
    background-color: var(--primary-color10) !important;
}

div.dt-buttons {
    position: relative;
    float: right;
}

div.dt-buttons button{
  background: var(--primary-color);
  border: 0;
  color: var(--theme-color);
  font-size: 14px;
  padding: 12px 22px;
  border-radius: 7px;
  outline: none !important;
  cursor: pointer;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  position: relative;
  overflow: hidden;
}
button.dt-button:hover:not(.disabled), div.dt-button:hover:not(.disabled), a.dt-button:hover:not(.disabled) {background: var(--primary-color);border: 0px;}
div.dt-buttons button::before, div.dt-buttons button::after{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;background-color: rgba(0, 0, 0, 0.10);-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;-webkit-transform: translate(0,-100%);transform: translate(0,-100%);-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);}
div.dt-buttons button::after{-webkit-transition-delay: 0.2s;transition-delay: 0.2s;}
div.dt-buttons button:hover:not(:disabled)::before, div.dt-buttons button:hover::after{-webkit-transform: translate(0,0);transform: translate(0,0);}
div.dt-buttons button span{z-index: 2;position: relative;}

@media (min-width: 576px){
  .modal-dialog.modal-lg {
    max-width: 700px;
  }
}
/* Tabelas */
#table-clientes_filter, #table-encomendas_filter, #table-propostas_filter,#table-relatorios_filter,#table-users_filter,#table-produtos_filter, #table-encomendas_filter, #tabela-produtos_filter, #tabeladespesas_filter, #table-userszona_filter, #tarefasemaberto_filter{display: none;}
table.dataTable thead th, table.dataTable thead td,table.dataTable.no-footer{border-color: #DFDFDF;}
table.dataTable thead th, table.dataTable tfoot th{font-weight: 400;}
table.dataTable thead th, table.dataTable thead td{    padding: 8px 10px;}
table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover,table.dataTable tbody tr,table.dataTable.display tbody tr.odd>.sorting_1, table.dataTable.order-column.stripe tbody tr.odd>.sorting_1,table.dataTable.display tbody tr.even>.sorting_1, table.dataTable.order-column.stripe tbody tr.even>.sorting_1{background-color: transparent !important;}
table.dataTable thead .sorting {background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 60 60' style='enable-background:new 0 0 60 60;' fill='%23bbbbbb' xml:space='preserve'%3E%3Cpath d='M23.5,60c-0.552,0-1-0.448-1-1V21c0-0.552,0.448-1,1-1s1,0.448,1,1v38 C24.5,59.552,24.052,60,23.5,60z'/%3E%3Cpath d='M23.5,60c-0.256,0-0.512-0.098-0.707-0.293c-0.391-0.391-0.391-1.023,0-1.414l12-12 c0.391-0.391,1.023-0.391,1.414,0s0.391,1.023,0,1.414l-12,12C24.012,59.902,23.756,60,23.5,60z'/%3E%3Cpath d='M23.5,60c-0.256,0-0.512-0.098-0.707-0.293l-12-12c-0.391-0.391-0.391-1.023,0-1.414 s1.023-0.391,1.414,0l12,12c0.391,0.391,0.391,1.023,0,1.414C24.012,59.902,23.756,60,23.5,60z'/%3E%3Cpath d='M23.5,60c-0.256,0-0.512-0.098-0.707-0.293l-12-12c-0.391-0.391-0.391-1.023,0-1.414 s1.023-0.391,1.414,0l12,12c0.391,0.391,0.391,1.023,0,1.414C24.012,59.902,23.756,60,23.5,60z'/%3E%3Cpath d='M36.5,40c-0.552,0-1-0.448-1-1V1c0-0.552,0.448-1,1-1s1,0.448,1,1v38C37.5,39.552,37.052,40,36.5,40 z'/%3E%3Cpath d='M24.5,14c-0.256,0-0.512-0.098-0.707-0.293c-0.391-0.391-0.391-1.023,0-1.414l12-12 c0.391-0.391,1.023-0.391,1.414,0s0.391,1.023,0,1.414l-12,12C25.012,13.902,24.756,14,24.5,14z'/%3E%3Cpath d='M48.5,14c-0.256,0-0.512-0.098-0.707-0.293l-12-12c-0.391-0.391-0.391-1.023,0-1.414 s1.023-0.391,1.414,0l12,12c0.391,0.391,0.391,1.023,0,1.414C49.012,13.902,48.756,14,48.5,14z'/%3E%3Cpath d='M48.5,14c-0.256,0-0.512-0.098-0.707-0.293l-12-12c-0.391-0.391-0.391-1.023,0-1.414 s1.023-0.391,1.414,0l12,12c0.391,0.391,0.391,1.023,0,1.414C49.012,13.902,48.756,14,48.5,14z'/%3E%3C/svg%3E%0A"); background-size: 15px;}
table.dataTable thead .sorting_desc {background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill='%23333333' x='0px' y='0px' viewBox='0 0 60 60' style='enable-background:new 0 0 60 60;' xml:space='preserve'%3E%3Cpath class='st0' d='M30,51.1c-0.6,0-1-0.4-1-1v-38c0-0.6,0.4-1,1-1s1,0.4,1,1v38C31,50.7,30.6,51.1,30,51.1z'/%3E%3Cpath class='st0' d='M30,51.1c-0.3,0-0.5-0.1-0.7-0.3c-0.4-0.4-0.4-1,0-1.4l12-12c0.4-0.4,1-0.4,1.4,0s0.4,1,0,1.4l-12,12 C30.5,51,30.3,51.1,30,51.1z'/%3E%3Cpath class='st0' d='M30,51.1c-0.3,0-0.5-0.1-0.7-0.3l-12-12c-0.4-0.4-0.4-1,0-1.4c0.4-0.4,1-0.4,1.4,0l12,12c0.4,0.4,0.4,1,0,1.4 C30.5,51,30.3,51.1,30,51.1z'/%3E%3C/svg%3E%0A");background-size: 15px;}
table.dataTable thead .sorting_asc{
background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Camada_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill='%23333333' x='0px' y='0px' viewBox='0 0 60 60' style='enable-background:new 0 0 60 60;' xml:space='preserve'%3E%3Cpath class='st0' d='M30,11.1c0.6,0,1,0.4,1,1v38c0,0.6-0.4,1-1,1s-1-0.4-1-1v-38C29,11.6,29.4,11.1,30,11.1z'/%3E%3Cpath class='st0' d='M30,11.1c0.3,0,0.5,0.1,0.7,0.3c0.4,0.4,0.4,1,0,1.4l-12,12c-0.4,0.4-1,0.4-1.4,0s-0.4-1,0-1.4l12-12 C29.5,11.2,29.7,11.1,30,11.1z'/%3E%3Cpath class='st0' d='M30,11.1c0.3,0,0.5,0.1,0.7,0.3l12,12c0.4,0.4,0.4,1,0,1.4s-1,0.4-1.4,0l-12-12c-0.4-0.4-0.4-1,0-1.4 C29.5,11.2,29.7,11.1,30,11.1z'/%3E%3C/svg%3E ");background-size: 15px;}
/* BOTÕES */
.btn{background: var(--primary-color);border: 0;color: var(--theme-color);font-size: 14px;padding: 12px 22px;border-radius: 7px;outline: none !important;width: 100%;cursor: pointer;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;position: relative;overflow: hidden;display: inline-block;}
.btn:disabled {cursor: default;}
.btn::before, .btn::after{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;background-color: rgba(0, 0, 0, 0.10);-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;-webkit-transform: translate(0,-100%);transform: translate(0,-100%);-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);}
.btn::after{-webkit-transition-delay: 0.2s;transition-delay: 0.2s;}
.btn:hover:not(:disabled)::before, .btn:hover::after{-webkit-transform: translate(0,0);transform: translate(0,0);}
.btn span{z-index: 2;position: relative;}
a.btn:hover{color: var(--theme-color);}
.btn-inline{width: auto;}
.btn-slim{padding: 6px 22px;border-radius: 5px;}
.btn-extraslim{padding: 3px 11px;border-radius: 15px;font-size: 12px;}
.btn-extraslim svg{width: 14px; height: 14px; fill: var(--theme-color);}
.btn.ghost{background: var(--theme-bkcolor20);}
.btn.ghost::before, .btn.ghost::after{background-color: var(--theme-bkcolor20);}
.btn.ghost2{background-color: var(--primary-color50);}
.btn.ghost2::before, .btn.ghost::after{background-color: var(--primary-color50);}
.bnt-icon{background: transparent;border: 0px;cursor: pointer;}
.likehref-btn{background: transparent; border: 0px; text-decoration: underline;cursor: pointer;transition: opacity 0.5s;}
.likehref-btn:hover{opacity: 0.7;}
.likehref-btn.bg{color: var(--theme-color);}
.dots{position: relative; cursor: pointer; padding: 10px 0;}
.dots span{border-top: 5px solid #333333;width:5px;margin: 0 auto; border-radius: 50%;display: block;}
.dots:before,.dots:after{ cursor: pointer;content:'';border-top: 5px solid #333333;border-right: 5px solid #333333;display: block;transition: all 0.3s ease-in-out 0s;border-radius: 50%;position: absolute;top: 10px;}
.dots:before{left: 45%;margin-left: 15px;}
.dots:after{right: 45%;margin-right: 15px;}
.show > .dots:before,.dots:hover:before{left: calc(50% - 2.5px); margin-left: 0;}
.show > .dots:after,.dots:hover:after{right: calc(50% - 2.5px);margin-right: 0;}
.addbtn{background: var(--primary-color);width: 80px; height: 80px; display: inline-block;border-radius: 50%;}
.addbtn svg{fill: var(--theme-color);width: 50px;margin: 15px;}
.editbtn{background: var(--primary-color);width: 80px; height: 80px; display: inline-block;border-radius: 50%;}
.editbtn svg{fill: var(--theme-color);width: 40px;margin: 20px;}
/* INPUT */
.inputborderb{border: 0px; border-bottom: 1px solid #aaaaaa;}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none;}
.campoborder{border: 1px solid var(--primary-color);background-color: #FFFFFF;border-radius: 5px;padding: 5px;}
.campoborder-simple{border: 1px solid #a9a9a9;background-color: #FFFFFF;border-radius: 3px;padding: 2px;}
.inputbg{border:0;border-bottom: 1px solid var(--theme-color);color: var(--theme-color);background: transparent;}
.inputbg::placeholder{color: var(--theme-color);opacity: 1;font-size: 12px;}
select.btn{-webkit-appearance: none;-moz-appearance: none;appearance: none;background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 129 129' xmlns:xlink='http://www.w3.org/1999/xlink' fill='%23ffffff' enable-background='new 0 0 129 129'%3E%3Cpath d='m121.3,34.6c-1.6-1.6-4.2-1.6-5.8,0l-51,51.1-51.1-51.1c-1.6-1.6-4.2-1.6-5.8,0-1.6,1.6-1.6,4.2 0,5.8l53.9,53.9c0.8,0.8 1.8,1.2 2.9,1.2 1,0 2.1-0.4 2.9-1.2l53.9-53.9c1.7-1.6 1.7-4.2 0.1-5.8z'%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: 10px;background-position: right 15px center;margin-right: 0px !important;}
select.btn option{background: #ffffff;color: #333333;}
select.selectcart{font-size: 12px;height: 27px;margin-bottom: 10px;border-radius: 5px;}
.h2input{font-size: 20px;font-weight: 600;; width: 100%;}
.stronginput{font-weight: bold;width: 100%;}
.labelselectproduct{display: block;color:  var(--primary-color); text-transform: uppercase;font-weight: 600;}
.selectproduct{-webkit-appearance: none;-moz-appearance: none;appearance: none;background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 129 129' xmlns:xlink='http://www.w3.org/1999/xlink' fill='%23333333' enable-background='new 0 0 129 129'%3E%3Cpath d='m121.3,34.6c-1.6-1.6-4.2-1.6-5.8,0l-51,51.1-51.1-51.1c-1.6-1.6-4.2-1.6-5.8,0-1.6,1.6-1.6,4.2 0,5.8l53.9,53.9c0.8,0.8 1.8,1.2 2.9,1.2 1,0 2.1-0.4 2.9-1.2l53.9-53.9c1.7-1.6 1.7-4.2 0.1-5.8z'%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: 10px;background-position: right 15px center;margin-right: 0px !important;padding: 5px 15px; padding-right: 25px;border-radius: 3px; width: 250px;margin-bottom: 10px;}
.input-group-addon{display: inline-block;vertical-align: bottom;}
.colorpicker-element .add-on i, .colorpicker-element .input-group-addon i {width: 25px;height: 25px;}
.colorpicker-component input{width: 80px;}
/* HEADER */
header{background: var(--main-bg-image);background-size: cover;color: var(--theme-color);padding-bottom: 100px;}
header > div.container-fluid{padding: 30px;padding-right: 30px;padding-left: 30px;}
header .logo{max-width: 180px}
header .header-top svg{fill: var(--theme-color); width: 26px; height: 26px;}
header .header-info .breadcumbs svg{fill: var(--theme-color); width: 15px; height: 15px;margin-top: -2px;}
header .header-info .breadcumbs a:first-child{text-decoration: none;}
header h1{font-weight: 600;}
header .header-info .breadcumbs a{color: var(--theme-color);font-size: 14px;}
header .header-info .breadcumbs a:not(:last-child):after{content: '';height: 3px;  width: 3px;background-color: var(--theme-color);border-radius: 50%;display: inline-block;margin-bottom: 3px;}
header .header-info .btn{width: 150px;}
header .header-info .btn:not(:last-child){margin-right: 15px}
#menuham span{border-top: 2px solid white;max-width: 28px;margin: 0 auto;
    display: block;}
#menuham span:before,#menuham span:after{content:'';border-top: 2px solid white;display: block;margin-top: 7px;transition: transform 0.3s ease-in-out 0s;}
#menuham.active span{border-width: 0px; padding-top: 8px; padding-bottom: 11px;}
#menuham.active span:before{transform: rotate(45deg);transition: transform 0.3s ease-in-out 0s;}
#menuham.active span:after{transform: rotate(-45deg);transition: transform 0.3s ease-in-out 0s;margin-top: -2px;}
#menudots{position: relative; cursor: pointer; padding: 10px 0;}
#menudots span{border-top: 5px solid white;width:5px;margin: 0 auto; border-radius: 50%;display: block;}
#menudots:before,#menudots:after{ cursor: pointer;content:'';border-top: 5px solid white;border-right: 5px solid white;display: block;transition: all 0.3s ease-in-out 0s;border-radius: 50%;position: absolute;top: 10px;}
#menudots:before{left: 50%;margin-left: 15px;}
#menudots:after{right: 50%;margin-right: 15px;}
#menudots.active:before{left: calc(50% - 2.5px); margin-left: 0;}
#menudots.active:after{right: calc(50% - 2.5px);margin-right: 0;}
.fix-w-60 > div{flex: 0 0 80px;max-width: 80px;}
/* Barra Pesquisa*/
header .header-top .bnt-icon > svg{width: 30px; height: 30px;}
header .header-top .inputpesquisa{background: transparent; border: 0px; border-bottom: 1px solid white;width: calc(100% - 100px);margin: 0 10px;padding: 12px 20px;font-size: 16px;color: var(--theme-color);}
header .header-top #fecharpesquisa > svg{cursor: pointer;}
#barrapesquisa{margin-bottom: -7px;display: none;}
/* Páginas */
#pagina-conteudo{padding: 0 15px; margin-top: -100px;}
.h1header{color: var(--theme-color);font-weight: 600; margin-bottom: 30px;}
.table svg.close{fill: var(--primary-color);width: 18px; height: 18px;opacity: 1;}
.h2o{position: absolute;font-weight: 400;font-size: 10px;}
#resposta{position: fixed;top: 50%;width: 100%;padding: 0 30%;text-align: center;z-index: 99;}
/* Dashboard */
a.card-category{text-decoration: none;}
.card-category{background-size: cover;padding: 0;position: relative;overflow: hidden;}
.card-category .title-category{font-size: 24px;color: var(--theme-color);text-transform: uppercase;font-weight: 600;position: relative;}
.card-category .title-overlay{background: var(--primary-color80);width: 100%;padding: 45px 0;text-align: center;z-index: 2;margin: 45% 0;}
.card-category::before, .card-category::after{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;background-color: var(--theme-bkcolor20);-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;-webkit-transform: translate(0,-100%);transform: translate(0,-100%);-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);}
.card-category::after{-webkit-transition-delay: 0.2s;transition-delay: 0.2s;}
.card-category:hover::before, .card-category:hover::after{-webkit-transform: translate(0,0);transform: translate(0,0);}
/* Calculadora Simples */
#calculadora-simples{padding: 0 15px;position: fixed;width: 100%;bottom: 0;z-index: 9;}
#calculadora-simples .card{display: none;}
.more-icon{background: var(--primary-color);display: inline-block;border-radius: 50%;position: absolute;margin-top: -30px;left: 50%;margin-left: -11.5px;cursor: pointer}
.more-icon-simple{background: var(--primary-color);display: inline-block;border-radius: 50%;cursor: pointer;margin: 0 10px;}
.more-icon svg, .more-icon-simple svg{fill: var(--theme-color); width: 23px;height: 23px;padding: 5px;}
.more-icon:hover, .more-icon-simple:hover{background: var(--primary-color80);}

.open-arrow{background: var(--primary-color);display: inline-block;border-top-left-radius: 70px;border-top-right-radius: 70px;cursor: pointer;    position: absolute;
    margin-top: -50px;    margin-left: -50px;}
.open-arrow svg{fill: var(--theme-color);transform: rotate(180deg); width: 100px;height: 50px;padding-bottom: 10px;transition: all 0.5s;}
.open-arrow.active svg{transform: rotate(0deg);padding-top: 10px;padding-bottom: 0px;}
/* Mini Calculadora */
#mini-calculadora{width: 445px;position: absolute;right: 0;margin-top: 20px;z-index: 9;display: none;color: #333333;}
#mini-calculadora:before{content: '';width: 16px;height: 16px;background: #ffffff;top: -8px;position: absolute;transform: rotate(45deg);right: 31px;}
#mini-calculadora .table img{width: 65px;}
#mini-calculadora .table td, #mini-calculadora .table th{padding: 7px 2px;text-align: left;}
#mini-calculadora .h2o{margin-left: 3px;}
/* Mini Carrinho */
#mini-carrinho{width: 400px;position: absolute;right: 0;margin-top: 20px;z-index: 9;display: none;color: #333333;}
#mini-carrinho:before{content: '';width: 16px;height: 16px;background: #ffffff;top: -8px;position: absolute;transform: rotate(45deg);right: 31px;}
#mini-carrinho .table img{width: 65px;}
#mini-carrinho .table td, #mini-carrinho .table th{padding: 7px 2px;text-align: left;}
#mini-carrinho form input{width: 85px;}
/* Menu */
#menucontainer{width: 200px;position: absolute;right: 0;margin-top: 20px;z-index: 9;display: none;color: #333333;}
#menucontainer:before{content: '';width: 16px;height: 16px;background: #ffffff;top: -8px;position: absolute;transform: rotate(45deg);right: 31px;}
#menudotscontainer{width: 200px;position: absolute;right: 0;margin-top: 20px;z-index: 9;display: none;color: #333333;}
#menudotscontainer:before{content: '';width: 16px;height: 16px;background: #ffffff;top: -8px;position: absolute;transform: rotate(45deg);right: 31px;}
/*Tabs*/
.minimalisttabs.nav-pills .nav-item{padding: 0 15px;}
.minimalisttabs.nav-pills .nav-link{color: #333333;padding: 10px 15px;border-radius: 0;}
.minimalisttabs.nav-pills .nav-item .nav-link{border-bottom: 3px solid transparent;background: transparent;}
.minimalisttabs.nav-pills .nav-item:hover .nav-link, .minimalisttabs.nav-pills .nav-link.active{border-color: var(--primary-color);}
.minimalisttabs.nav-pills .nav-link.active, .nav-pills .show>.nav-link, .minimalisttabs.nav-pills .nav-item:hover .nav-link {color: var(--primary-color); background: transparent;}
.minimalisttabs.nav-pills .nav-link.active svg path, .nav-pills .show>.nav-link svg path, .minimalisttabs.nav-pills .nav-item:hover .nav-link svg path{fill: var(--primary-color);}
/* Perfil */
.uploader {position:relative; overflow:hidden; width:100% ;height:auto; max-width: 150px}
.uploader p{font-size: 12px;margin-top: 10px;text-align: center;}
#filePhoto,.filePhoto{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 2;opacity: 0;cursor: pointer;}
.uploader img{width: 100%;height: auto;    margin-top: 50%;transform: translateY(-50%);}
.imgupload{overflow: hidden; width: 100%;    padding-bottom: 100%;height: 0;background: #eeeeee;border: 1px solid #A9A9A9;margin: 0px;}
.imgupload:before{content:'';}
.imgupload svg{padding: 25px;    width: 100%;fill:var(--primary-color);position: absolute;}
#editarimagemperfil{background: var(--primary-color);display: block;position: absolute;width: 30px;height: 30px;top: -10px;left: 150px;border-radius: 50%;padding: 3px 8px;cursor: pointer;}
#editarimagemperfil svg{width: 14px;height:14px;fill: var(--theme-color);}
.profileform input,.profileform select{width: 100%;border: 1px solid #A9A9A9;border-radius: 3px;padding: 3px 5px;}
.separado svg,.selecionar svg{fill: var(--primary-color);}
.separado svg.notselected,.selecionar svg.notselected{fill: var(--primary-color50);}
/* Pagination */
.pagination{display: inline-block;width: auto;margin: 0;margin-top: 15px;}
.pagination li{display: inline-block;}
.page-item:first-child .page-link {margin: 5px;}
.pagination li a, .dataTables_wrapper .dataTables_paginate .paginate_button {color: #2376A2 !important;font-weight: 500;background: #EFEFEF; border: 0px;margin: 5px;border-radius: 3px;cursor: pointer;padding: .5rem .75rem;line-height: 1;padding: 6px 9px;display: inline-block;}
.pagination li a.direction, .dataTables_paginate .first, .dataTables_paginate .previous, .dataTables_paginate .next, .dataTables_paginate .last{background: #D3E0E7 !important;}
.pagination li a.active,.pagination li a:hover,.dataTables_wrapper .dataTables_paginate .paginate_button.current,.dataTables_wrapper .dataTables_paginate .paginate_button:hover,.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{color: var(--theme-color) !important; background: var(--primary-color) !important;border: 0;}
.pagination li a svg,.dataTables_paginate .paginate_button svg{width: 10px; height: 10px; fill: #2376A2;margin-top: -1px;}
.dataTables_paginate .paginate_button:hover svg{fill: var(--theme-color);}
.pagination li a.active svg,.pagination li a:hover svg{fill: var(--theme-color);}
.pagination li a.disabled, .dataTables_paginate .paginate_button.disabled{opacity: 0.5}
.slick-dots{position: inherit;bottom: 0;}
.slick-dots li {width: auto;height: auto;margin: 0;}
.dataTables_length select{-webkit-appearance: none;-moz-appearance: none;appearance: none;background-color: #D3E0E7 !important; color: #2376A2;border: 0;border-radius: 3px;padding: 2px 5px;padding-right: 15px;background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 129 129' fill='%232376A2' xmlns:xlink='http://www.w3.org/1999/xlink' enable-background='new 0 0 129 129'%3E%3Cpath d='m121.3,34.6c-1.6-1.6-4.2-1.6-5.8,0l-51,51.1-51.1-51.1c-1.6-1.6-4.2-1.6-5.8,0-1.6,1.6-1.6,4.2 0,5.8l53.9,53.9c0.8,0.8 1.8,1.2 2.9,1.2 1,0 2.1-0.4 2.9-1.2l53.9-53.9c1.7-1.6 1.7-4.2 0.1-5.8z'%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: 10px;background-position: right 5px center;}
.dataTables_info{font-size: 12px;clear: none !important;    margin-left: 10px;padding-top: 5px !important;}
/* Página Produtos */
.searchproductinput{padding: 15px 20px;}
.searchproductinput svg{width: 20px; height: 20px; fill: #9D9D9D;}
.searchproductinput input{width: calc(100% - 30px);border: 0; padding: 0 15px}
#filtrosprodutos{display: none;}
.filtros-toggle .esconder{display: none;}
.filtros-toggle.active .esconder{display: block;}
.filtros-toggle.active .mostrar{display: none;}
.filtros-toggle{cursor: pointer;}
.filtros-toggle svg{width: 20px; transition: all 0.5s;}
.filtros-toggle.active svg{transform: rotate(180deg);}
.filtros-toggle h4{font-size: 14px;text-transform: uppercase;margin-bottom: 5px}
.slick-slide > div{margin-left: -15px;margin-right: -15px;}
.produto{padding: 15px;}
.produto .bg{background: var(--main-bg-image);background-size: cover;padding: 10px;}
.produto-content{background: white;padding: 10px;border-radius: 7px;}
.produto h4{font-size: 14px;}
.produto p{font-size: 12px}
.produto-content img{max-height: 200px;max-width: 100%;width: auto;margin: 0 auto;}
.produto form.add-to-cart{border-top: 1px solid rgba(0,0,0,.1);padding-top: 10px;}
.produto form.add-to-cart .campoborder{padding: 0px 5px;width: 45px;}
.produto form.add-to-cart .moretoun , .produto form.add-to-cart .lesstoun{background: var(--primary-color);display: inline-block;width: 36px;text-align: center;margin: 0 15px;color: var(--theme-color);font-size: 24px;border-radius: 50%;}
.produto form.add-to-cart .btn{color: var(--theme-color);width: 70px;padding: 0px;}
  .produto form.add-to-cart .btn svg{fill: var(--theme-color);}
/* Página Singular do Produto */
.imagem-produto{background: var(--main-bg-image);background-size: cover;padding: 15px;}
.imagem-produto img{border-radius: 7px;max-height: 520px;max-width: 100%;height: auto;width: auto;}
.imagem-produto div{background: white; border-radius: 7px;}
.product-short-info .add-to-calculator, .product-short-info .add-to-cart{background-color: var(--primary-color); color: var(--theme-color);padding: 15px;margin-top: 20px;border-radius: 7px;max-width: 450px;}
.product-short-info .add-to-calculator svg, .product-short-info .add-to-cart svg{fill: var(--theme-color); width: 25px; height: 25px;}
.product-short-info .add-to-calculator input, .product-short-info .add-to-cart input{width: 50px;text-align: center;padding: 2px 5px;}
.product-short-info .add-to-cart span{font-size: 26px;line-height: 1;vertical-align: middle;margin: 0 10px;}
.gallery-item{height: 0;padding-bottom: 100%;}
.gallery-item a{position: absolute;width: 100%;}
.gallery-item img{opacity: 1; transition: opacity 0.35s;}
.gallery-item a:before{position: absolute;content: "";height: 70px;width: 70px;bottom: 0;background-color: var(--primary-color);background-image:url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='40px' viewBox='0 0 53 53' style='enable-background:new 0 0 53 53;' xml:space='preserve' fill='%23ffffff'%3E%3Cg%3E%3Cpath d='M52.923,0.618c-0.101-0.244-0.296-0.439-0.541-0.541C52.26,0.027,52.13,0,52,0H40c-0.552,0-1,0.448-1,1s0.448,1,1,1h9.586 L33.293,18.293c-0.391,0.391-0.391,1.023,0,1.414C33.488,19.902,33.744,20,34,20s0.512-0.098,0.707-0.293L51,3.414V13 c0,0.552,0.448,1,1,1s1-0.448,1-1V1C53,0.87,52.973,0.74,52.923,0.618z'/%3E%3Cpath d='M18.293,33.293L2,49.586V40c0-0.552-0.448-1-1-1s-1,0.448-1,1v12c0,0.13,0.027,0.26,0.077,0.382 c0.101,0.244,0.296,0.439,0.541,0.541C0.74,52.973,0.87,53,1,53h12c0.552,0,1-0.448,1-1s-0.448-1-1-1H3.414l16.293-16.293 c0.391-0.391,0.391-1.023,0-1.414S18.684,32.902,18.293,33.293z'/%3E%3Cpath d='M1,14c0.552,0,1-0.448,1-1V3.414l16.292,16.292c0.195,0.195,0.451,0.293,0.707,0.293s0.512-0.098,0.707-0.293 c0.391-0.391,0.391-1.023,0-1.414L3.414,2H13c0.552,0,1-0.448,1-1s-0.448-1-1-1H1C0.87,0,0.74,0.027,0.618,0.077 C0.373,0.179,0.179,0.373,0.077,0.618C0.027,0.74,0,0.87,0,1v12C0,13.552,0.448,14,1,14z'/%3E%3Cpath d='M52,39c-0.552,0-1,0.448-1,1v9.586L34.707,33.292c-0.391-0.391-1.023-0.391-1.414,0s-0.391,1.023,0,1.414L49.586,51H40 c-0.552,0-1,0.448-1,1s0.448,1,1,1h12c0.13,0,0.26-0.027,0.382-0.077c0.244-0.101,0.439-0.296,0.541-0.541 C52.973,52.26,53,52.13,53,52V40C53,39.448,52.552,39,52,39z'/%3E%3C/g%3E%3C/svg%3E");background-position: center;background-repeat: no-repeat;z-index: 2;cursor: pointer;transition:  0.5s;}

.gallery-item a:hover::before{  height: 100%;width: 100%;transition: all 0.5s;}
.gallery-item a video,.gallery-item a iframe{pointer-events: none;height: 100%; background: #000;}
.pdfform form{background-color: var(--primary-color);color: var(--theme-color);padding: 15px 20px;border-radius: 35px 7px 7px 35px;margin-left: 5px;padding-left: 85px;}
.pdfform button{font-size: 16px;    margin-top: -10px;position: absolute;}
.pdfform input{width: calc(100% - 70px);margin-right: 20px}
.pdfform .icon{border: 5px solid white; background-color: var(--theme-bkcolor20);position: absolute;height: 83px;width: 83px;border-radius: 50%;margin-top: -5px;cursor: pointer;transition: all 0.5s;background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='45px' height='45px' fill='%23ffffff' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512;' xml:space='preserve'%3E%3Cpath d='M368,256h-64c-8.837,0-16,7.163-16,16v128c0,8.837,7.163,16,16,16h64c17.673,0,32-14.327,32-32v-96 C400,270.327,385.673,256,368,256z M368,384h-48v-96h48V384z'/%3E%3Cpath d='M512,288v-32h-80c-8.837,0-16,7.163-16,16v144h32v-64h64v-32h-64v-32H512z'/%3E%3Cpath d='M32,464V48c0-8.837,7.163-16,16-16h240v64c0,17.673,14.327,32,32,32h64v48h32v-64c0.025-4.253-1.645-8.341-4.64-11.36 l-96-96C312.341,1.645,308.253-0.024,304,0H48C21.49,0,0,21.491,0,48v416c0,26.51,21.49,48,48,48h112v-32H48 C39.164,480,32,472.837,32,464z'/%3E%3Cpath d='M240,256h-64c-8.837,0-16,7.163-16,16v144h32v-48h48c17.673,0,32-14.327,32-32v-48C272,270.327,257.673,256,240,256z M240,336h-48v-48h48V336z'/%3E%3C/svg%3E%0A");background-repeat: no-repeat;background-position: center center;}
.pdfform .icon:hover{background-color: var(--primary-color);background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='45px' height='45px' fill='%23ffffff' viewBox='0 0 932.15 932.15' style='enable-background:new 0 0 932.15 932.15;' xml:space='preserve'%3E%3Cpath d='M466.075,161.525c-205.6,0-382.8,121.2-464.2,296.1c-2.5,5.3-2.5,11.5,0,16.9c81.4,174.899,258.601,296.1,464.2,296.1 s382.8-121.2,464.2-296.1c2.5-5.3,2.5-11.5,0-16.9C848.875,282.725,671.675,161.525,466.075,161.525z M466.075,676.226 c-116.1,0-210.1-94.101-210.1-210.101c0-116.1,94.1-210.1,210.1-210.1c116.1,0,210.1,94.1,210.1,210.1 S582.075,676.226,466.075,676.226z'/%3E%3Ccircle cx='466.075' cy='466.025' r='134.5'/%3E%3C/svg%3E%0A");}
.mfp-pdf-class .mfp-iframe-scaler {width: 100%;height: 0;overflow: hidden;padding-top: 90%;}
.moretoun,.lesstoun{cursor: pointer;}
/* Clientes */
#table-clientes img, #table-encomendas img{width: 38px;border-radius: 50%;float: left;margin-right: 5px;}
#table-clientes svg, #table-encomendas svg{width: 15px}
.card-theme{display: inline-block;background-color: var(--primary-color);color: var(--theme-color);padding: 15px 25px;border-radius: 7px;text-align: left;margin-left: 20px;}
.card-theme .icon{display: inline-block;background-color: var(--theme-bkcolor20);padding: 8px; border-radius: 50%;margin-right: 20px;}
.card-theme .icon svg{width: 35px;height: 35px;fill:var(--theme-color);}
.card-theme form{margin-right: 20px;}
.card-theme form .inputbg{width: 250px;}
.card-theme form .inputbg:not(input){cursor: pointer;}
#editarimagemcliente{background: var(--primary-color);display: block;position: absolute;width: 30px;height: 30px;top: -10px;left: calc(100% - 40px);border-radius: 50%;padding: 3px 8px;cursor: pointer;}
#editarimagemcliente svg{width: 14px;height:14px;fill: var(--theme-color);}
/* Leads */
#table-propostas img, #table-encomendas img{width: 38px;border-radius: 50%;float: left;margin-right: 5px;}
#table-propostas svg, #table-encomendas svg{width: 15px}
/* Carrinho */
.table.tabela-produtos tbody td, .table.tabela-produtos tbody th {    padding-bottom: 15px;}
.searchproductinput .addbtn{width: 30px;height: 30px;margin-top: -4px;margin-bottom: -4px;float: right;}
.searchproductinput .addbtn svg{fill: var(--theme-color) ;margin: 5px;}
.searchproductinput.withadd input {width: calc(100% - 65px);border: 0;padding: 0 15px;}
.searchproductinput .likehref-btn svg{width: 16px; height: 16px; fill: #333333;}
.searchproductinput .btn-extraslim svg{width: 14px; height: 14px; fill: var(--theme-color);}
.tabela-produtos img{width: 95px;}
.addqt, .subqt{background: var(--primary-color);border: 0;color: var(--theme-color);padding: 4px;width: 30px;font-size: 24px;line-height: 1;vertical-align: bottom;margin: 0 5px;border-radius: 5px; cursor: pointer}
.tabela-produtos input[type="number"]{width: 40px;text-align: center;}
.tabela-produtos select.campoborder{margin-top: 5px;font-size: 12px;padding: 3px 7px;}
.tabela-produtos select.campoborder{-webkit-appearance: none;-moz-appearance: none;appearance: none;padding-right: 25px;background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 129 129' fill='%2var(--primary-color)' xmlns:xlink='http://www.w3.org/1999/xlink' enable-background='new 0 0 129 129'%3E%3Cpath d='m121.3,34.6c-1.6-1.6-4.2-1.6-5.8,0l-51,51.1-51.1-51.1c-1.6-1.6-4.2-1.6-5.8,0-1.6,1.6-1.6,4.2 0,5.8l53.9,53.9c0.8,0.8 1.8,1.2 2.9,1.2 1,0 2.1-0.4 2.9-1.2l53.9-53.9c1.7-1.6 1.7-4.2 0.1-5.8z'%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: 10px;background-position: right 5px center;}
.tabela-produtos .more-icon{margin-top: -11.5px;}
.formaddproduct label{margin-bottom: 0;}

@media (max-width: 992px) {
  .table td, .table th {padding: 7px 3px;}
  .tabela-produtos img{width: 60px;}
  .formaddproduct input{width:100px;}
}

@media (max-width: 767px) {
  .fix-w-60 > div {
    flex: 0 0 60px;
    max-width: 60px;
  }
  #barratopo{margin-top: 20px;}
  #barratopo > div.justify-content-end{
    justify-content: center !important;
  }
  .barralogo{text-align: center;}
  .header-info .col-lg-5{margin-top: 20px; text-align: left !important;}
}

/* Relatório / os */
.det-cliente img{width: 80px; height: 80px;}
#table-relatorios img{width: 38px;border-radius: 50%;float: left;margin-right: 5px;}
#table-relatorios svg{float: left;margin: 0 14.5px;width: 14px}
/* Lista de Utilizadores */
#table-users img{width: 38px;border-radius: 50%;float: left;margin-right: 5px;}
/* Lista de Produtos */
#table-produtos img{width: 65px;}
#table-produtos svg{width: 15px; cursor: pointer;}
#imagens_produto~.iframe-btn{width: 180px; height: 180px;border-radius: 0;}
#imagens_produto~.iframe-btn svg {margin: 65px;}
#ficheiros_produto~.iframe-btn2{width: 80px; height: 80px;border-radius: 0;}
#ficheiros_produto~.iframe-btn2 svg {margin: 15px;}
#imagens_produto img{width: 180px;display: inline-block; margin: 15px;}
#imagens_produto video{width: 180px;margin: 15px; display: inline-block;    vertical-align: middle;}
#add-variable{display: none;}
#variaveisproduto > div{margin-bottom: 30px;}
.remove-variable{color: var(--theme-color);padding: 1px 6.5px;}
.remove-variable:hover{text-decoration: none;color: var(--theme-color);}
#bk_definicoesimg,#logo_definicoesimg{cursor: pointer;background: #999999;}

.slick-slide {margin: 0 10px;}
.slick-list {margin: 0 -10px;}
#filtrosprodutos ul li{display: block;}
#filtrosprodutos ul li label{cursor: pointer;}
#filtrosprodutos > ul{display: flex;justify-content: space-between;margin: 15px;}
#filtrosprodutos > ul > li{display: inline-block;}
#filtrosprodutos > ul > li > label{font-weight: bold;}

.labelcontainer {display: block;position: relative;padding-left: 25px;margin-bottom: 12px;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.labelcontainer input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;}
.checkmark {position: absolute;top: 0;left: 0;height: 15px;width: 15px;background-color: #eee;    margin-top: 3px;}
.labelcontainer:hover input ~ .checkmark {background-color: #ccc;}
.labelcontainer input:checked ~ .checkmark {background-color: var(--primary-color);}
.checkmark:after {content: "";position: absolute;display: none;}
.labelcontainer input:checked ~ .checkmark:after {display: block;}
.labelcontainer .checkmark:after {left: 6px;top: 2px;width: 5px;height: 9px;border: solid var(--theme-color);;border-width: 0 2px 2px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
#suggesstion-box, .suggesstion-box, .suggesstion-carrinho{display: none;position: absolute;
    background: #fff;
    width: calc(100% - 150px);
    margin-top: 15px;
    margin-left: 30px;
    border: 1px solid #ccc;
    z-index: 99;}
#suggesstion-box ul, .suggesstion-box ul, .suggesstion-carrinho ul{list-style: none;margin-bottom: 0;}
#suggesstion-box li, .suggesstion-box li, .suggesstion-carrinho li{padding: 15px;}
#suggesstion-box li:hover, .suggesstion-box li:hover, .suggesstion-carrinho li:hover{background: var(--primary-color);color: var(--theme-color);cursor: pointer;}
.suggesstion-carrinho ul{max-height: 300px; overflow-y: auto;}
/* Editar Categorias */
.lista-categorias-editar ul{
list-style: none;
}
.lista-categorias-editar ul li{
  margin-left: 30px;

}
.lista-categorias-editar ul > li > span{
  padding: 15px;
  margin-bottom: 3px;
  background: var(--primary-color10);
  display: block;
}

.lista-categorias-editar ul > li > span > small > a{
  display: none;
  opacity: 0;
}
.lista-categorias-editar ul > li > span:hover > small > a{
  display: initial;
  opacity: 1;
}
@media (hover: none) and (pointer: coarse) {
  .lista-categorias-editar ul > li > span > small > a{
    display: initial !important;
    opacity: 1 !important;
  }
  .lista-categorias-editar ul > li > span{
    font-size: 12px;
  }
}
@media (max-width: 992px) {
.lista-categorias-editar ul > li > span > small{
display: block;
    margin-top: 6px;
    height: 10px;
  }
  .lista-categorias-editar ul li {
    margin-left: 25px;
}
}
@media (max-width: 767px) {
  .lista-categorias-editar ul li {
    margin-left: 15px;
  }
}
.no-remimension img{width: auto;}

.remove-prod-relacionado{color: var(--theme-color);padding: 1px 6.5px;}
.remove-prod-relacionado:hover{text-decoration: none;color: var(--theme-color);}

/* Dashvoard Tarefas*/
.svgcircle{display: inline-block;
    padding: 13px;
    background: var(--primary-color80);
    border-radius: 50%;}
.svgcircle svg{width: 40px; height: 40px;fill: var(--theme-color);}

.fc-button-primary {
    color: var(--theme-color);
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}

.fc-button-primary:hover {
    color: var(--theme-color);
    background-color: var(--primary-color80);
    border-color: var(--primary-color80);
}

/*css Daniel*/
.imagemuser {width: 38px;border-radius: 50%;float: left;margin-right: 5px;}
