| Server IP : 54.233.248.239 / Your IP : 172.28.20.13 Web Server : Apache System : Linux ip-172-28-29-189 6.5.0-1014-aws #14~22.04.1-Ubuntu SMP Thu Feb 15 15:27:06 UTC 2024 x86_64 User : www-data ( 33) PHP Version : 7.2.34-43+ubuntu22.04.1+deb.sury.org+1 Disable Function : pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wifcontinued,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_get_handler,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority,pcntl_async_signals, MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : OFF | Sudo : ON | Pkexec : ON Directory : /var/www/html/vinumday2_0/public/css/admin/ |
Upload File : |
.circle-icon{
font-size: 20px;
}
.circle-icon.green{
color: #1dc053;
}
.circle-icon.yellow{
color: #fcac07;
}
.circle-icon.red{
color: red;
}
.color-red{
color: red;
}
.spacer{
display:table;
width:100%;
padding:15px 0px;
}
.single-dropzone .dz-preview{
display:none;
}
.dz-error-mark svg, .dz-success-mark svg, .dz-details{
display:none!important;
}
.session-return-wrapper{
position:fixed;
right:0px;
bottom:0px;
margin:30px;
display:flex;
justify-content: center;
}
.session-return-wrapper i.fa-times{
cursor:pointer;
}
.session-return-success {
border-radius: 5px;
background-color: #5cb85c;
padding: 9px;
display: table;
color: #fff;
margin: 15px;
font-size: 13px;
}
.session-return-error{
background-color:#d9534f;
border-radius: 5px;
padding: 9px;
display: table;
color: #fff;
margin: 15px;
font-size: 13px;
}
/*.item+.item{
margin-top:15px;
}*/
.carregando{
width: 100%;
height: 100%;
left:0px;
top:0px;
position: fixed;
background-color: rgba(255, 255, 255, 0.51);
background-image: url(../../img/load-carregando.gif);
z-index: 9999;
background-position: center center;
background-repeat: no-repeat;
display: none;
}
/* ALERTAS */
.alerta{
background:#fff;
border-bottom:1px solid #ddd;
display:table;
margin:0;
font-size:14px;
font-weight: 300;
z-index:9999;
box-shadow:0px 3px 6px rgba(0,0,0,0.1);
-webkit-box-shadow:0px 3px 6px rgba(0,0,0,0.1);
}
.alerta > div{
display:table-cell;
vertical-align: middle;
}
.alerta .titulo{
font-weight: 600;
margin:0;
display:block;
font-size:16px;
}
.alerta .fecha-alerta{
display:table-cell;
vertical-align:top;
padding:10px;
font-size:14px;
display:block;
color:#ccc;
}
.alerta .icone{
color:#fff;
padding:15px;
}
.alerta .text{
padding:10px;
width:240px;
font-size:13px;
color:#666;
}
.alerta-success{
border:2px solid #4cae4c;
}
.alerta-success .titulo{
color:#4cae4c;
}
.alerta-success .wrap-icone{
background:#4cae4c;
}
.alerta-success .fecha-alerta:hover{
color:#4cae4c;
}
.alerta-danger{
border:2px solid #b72020;
}
.alerta-danger .titulo{
color:#b72020;
}
.alerta-danger .wrap-icone{
background:#b72020;
}
.alerta-danger .fecha-alerta:hover{
color:#b72020;
}
.alerta-info{
border:2px solid #0d4279;
}
.alerta-info .titulo{
color:#0d4279;
}
.alerta-info .wrap-icone{
background:#0d4279;
margin-right:5px;
}
.alerta-info .fecha-alerta:hover{
color:#0d4279;
}
.alerta-warning{
border:2px solid #f0ad4e;
}
.alerta-warning .titulo{
color:#f0ad4e;
}
.alerta-warning .wrap-icone{
background:#f0ad4e;
}
.alerta-warning .fecha-alerta:hover{
color:#f0ad4e;
}
.alerta.active{
animation-name: alerta;
animation-duration: 1s;
animation-direction: normal;
animation-fill-mode: forwards;
animation-timing-function: ease-in-out;
}
@keyframes alerta{
0%{
opacity:0;
transform: translate(0,100%);
-webkit-transform: translate(0,100%);
}
40%{
transform: translate(0,0);
-webkit-transform: translate(0,0);
}
60%{
transform: translate(0,0) rotate(-15deg);
-webkit-transform: translate(0,0) rotate(-15deg);
}
70%{
transform: translate(0,0) rotate(10deg);
-webkit-transform: translate(0,0) rotate(10deg);
}
80%{
transform: translate(0,0) rotate(-5deg);
-webkit-transform: translate(0,0) rotate(-5deg);
}
90%{
transform: translate(0,0) rotate(2deg);
-webkit-transform: translate(0,0) rotate(2deg);
}
100%{
opacity:1;
transform: translate(0,0) rotate(0deg);
-webkit-transform: translate(0,0) rotate(0deg);
}
}
.table-add{
display:block;
width:100%;
text-align:center;
padding:10px 15px;
border: 1px dashed #ccc;
margin-top: 5px;
color:#00a65a;
transition:.3s;
-webkit-transition:.3s;
}
.table-add:hover{
padding:15px;
background:rgba(0,0,0,0.01);
}
.th-action{
width:14%!important;
}
.lista-galeria{
background: rgba(0, 0, 0, 0.03);
}
.lista-galeria .item{
width: 120px;
float: left;
margin: 5px;
background: #fff;
box-shadow: 2px 2px 10px;
padding: 5px;
}
.lista-galeria .item .thumb{
background-position: center center;
background-size: 100%;
height: 110px;
width: 110px;
margin-bottom: 5px;
}
.lista-galeria .item .icon{
transition-duration: 0.5s;
cursor: pointer;
}
.lista-galeria .item .icon:hover{
color: #337ab7;
}
.taggle_input{
border: 1px solid #e1e1e1;
}
.icone-viewer{
display:flex;
align-items: center;
justify-content: center;
width:20%;
min-height: 60px;
}
#alerta {
-moz-animation: cssAnimation 0s ease-in 5s forwards;
/* Firefox */
-webkit-animation: cssAnimation 0s ease-in 5s forwards;
/* Safari and Chrome */
-o-animation: cssAnimation 0s ease-in 5s forwards;
/* Opera */
animation: cssAnimation 0s ease-in 5s forwards;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
@keyframes cssAnimation {
to {
width:0;
height:0;
visibility:hidden;
}
}
.select2{
width:100%!important;
}
.dataTables_filter{
text-align: right;
margin: 0 1% 1% 0;
}
.dataTables_filter input{
margin-left:5px;
}
li:not(.active) a[data-toggle="pill"]{
background-color: #efefef;
border-top: 3px solid #e1e1e1!important;
}
.nav-pills li:not(.active) + li:not(.active){
border-left: 1px solid #e1e1e1!important;
}
.taggle_placeholder{
display:none;
}
.taggle_list{
padding-left:0;
}
.cupom-head {
display: table;
width: 100%;
background-color: #EEE;
border:1px solid #e1e1e1;
}
.cupom-head div + div {
border-left:1px solid #e1e1e1;
}
.cupom-head div{
padding:10px;
text-align:center;
font-weight: 600;
}
.cupom-item>div + div{
border-left:1px solid #f1f1f1;
}
.cupom-item{
display:flex;
width: 100%;
align-items: center;
background-color:#fafafa;
}
.cupom-item + .cupom-item{
border-top:1px solid #f1f1f1;
}
.cupom-body{
overflow-y:scroll;
max-height:300px;
border-bottom: 1px solid #f1f1f1;
border-left: 1px solid #f1f1f1;
border-right: 1px solid #f1f1f1;
}
.cupom-item div{
padding: 5px;
background-color:#fafafa;
text-align:center;
}
.control-value{
padding:7px 0px;
}
.busca-cupom-box {
float: right;
padding: 7px;
max-width:210px;
}
.busca-cupom-box .sidebar-form{
border-color: #fff;
margin:0;
}
.busca-cupom-box input, .busca-cupom-box button{
background-color: #fafafa!important;
}
.actions-cupom{
text-align: center;
display: table;
width:100%;
margin:20px 0px;
}
.actions-cupom button{
margin:5px;
font-size:15px;
font-weight: 600;
}
.cupom-head {
display: table;
width: 100%;
background-color: #EEE;
border:1px solid #e1e1e1;
}
.cupom-head div + div {
border-left:1px solid #e1e1e1;
}
.cupom-head div{
padding:10px;
text-align:center;
font-weight: 600;
}
.cupom-item{
display:flex;
width: 100%;
align-items: center;
background-color:#fafafa;
}
.cupom-item + .cupom-item{
border-top:1px solid #f1f1f1;
}
.cupom-body{
overflow-y:scroll;
max-height:300px;
border-bottom: 1px solid #f1f1f1;
border-left: 1px solid #f1f1f1;
border-right: 1px solid #f1f1f1;
}
.cupom-item div{
padding: 5px;
background-color:#fafafa;
text-align:center;
}
.progress-div{
margin:20px 0px 30px 0px;
}
.horario-head {
display: table;
width: 100%;
background-color: #EEE;
border:1px solid #e1e1e1;
}
.horario-head div + div {
border-left:1px solid #e1e1e1;
}
.horario-head div{
padding:10px;
text-align:center;
font-weight: 600;
}
.horario-item div + div{
border-left:1px solid #f1f1f1;
}
.horario-item{
display:flex;
width: 100%;
align-items: center;
background-color:#fafafa;
}
.horario-item + .horario-item{
border-top:1px solid #f1f1f1;
}
.horario-body{
overflow-y:scroll;
max-height:300px;
border-bottom: 1px solid #f1f1f1;
border-left: 1px solid #f1f1f1;
border-right: 1px solid #f1f1f1;
}
.horario-item div{
padding: 5px;
background-color:#fafafa;
text-align:center;
}
.modal-body{
display:table;
width:100%;
}
.convidados{
margin-top: 30px;
border:1px solid #fafafa;
display: none;
}
.delete-anexo{
display: inline-block;
margin-left: 10px;
cursor: pointer;
}
[href="#seo-tab"]{
display: none;
}
.flexbox-convidados{
display: flex;
align-items: center;
justify-content: space-around;
width: 30%;
margin: auto;
}
.actions-tel{
position: absolute;
top: 2px;
right: 17px;
}
#mobileMask.ativo, #phoneMask.ativo{
border:1px solid #3c8dbc;
}
.removeCondomino{
float: right;
color: #d9534f;
cursor:pointer;
margin-top:3px;
}
.item-condomino{
padding:5px;
display: table;
width: 100%;
}
.add-options-enum{
display: table;
width: 100%;
margin:15px 0px;
text-align: center;
}
.item-option{
display: table;
width: 100%;
margin: 15px 0px;
}
.enumOptions{
margin-top:5px;
display: none;
}
.w-70{
width: 70%;
}
.inline-flex{
display: inline-flex;
align-items: center;
width: 100%;
justify-content: space-between;
}
.lista-produtos table{
width: 100%;
}
.lista-produtos table tr {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
border-bottom: 1px solid #eee;
/*
margin-bottom: 10px;
margin-top: 10px;
padding-bottom: 10px;
*/
}
#lista-produtos input{
padding: 4px !important;
}
#qtd_produto{
padding: 6px 0;
border-radius: 2px;
border: 1px solid #d2d6de;
width: 50px;
}
.produto__nome{
width: 40%;
margin-left: 10px;
}
.mb-20{
margin-bottom: 20px;
}
/*
* Component: BoxForm
* --------------
*/
.box-form {
position: relative;
border-radius: 10px;
background: #ffffff;
margin-bottom: 20px;
width: 100%;
box-shadow: 0 1px 5px 0 rgba(45,62,80,.12);
padding: 0px 15px;
}
.box-form.box-primary {
border-top-color: #313868;
}
.box-form.box-info {
border-top-color: #00c0ef;
}
.box-form.box-danger {
border-top-color: #ff404a;
}
.box-form.box-warning {
border-top-color: #FFD209;
}
.box-form.box-success {
border-top-color: #30c670;
}
.box-form.box-default {
border-top-color: #d2d6de;
}
.box-form.collapsed-box .box-body-form,
.box-form.collapsed-box .box-footer-form {
display: none;
}
.box-form .nav-stacked > li {
border-bottom: 1px solid #f4f4f4;
margin: 0;
}
.box-form .nav-stacked > li:last-of-type {
border-bottom: none;
}
.box-form.height-control .box-body-form {
max-height: 300px;
overflow: auto;
}
.box-form .border-right {
border-right: 1px solid #f4f4f4;
}
.box-form .border-left {
border-left: 1px solid #f4f4f4;
}
.box-form.box-solid {
border-top: 0;
}
.box-form.box-solid > .box-header-form .btn.btn-default {
background: transparent;
}
.box-form.box-solid > .box-header-form .btn:hover,
.box-form.box-solid > .box-header-form a:hover {
background: rgba(0, 0, 0, 0.1);
}
.box-form.box-solid.box-default {
border: 1px solid #d2d6de;
}
.box-form.box-solid.box-default > .box-header-form {
color: #444444;
background: #d2d6de;
background-color: #d2d6de;
}
.box-form.box-solid.box-default > .box-header-form a,
.box-form.box-solid.box-default > .box-header-form .btn {
color: #444444;
}
.box-form.box-solid.box-primary {
border: 1px solid #313868;
}
.box-form.box-solid.box-primary > .box-header-form {
color: #ffffff;
background: #313868;
background-color: #313868;
}
.box-form.box-solid.box-primary > .box-header-form a,
.box-form.box-solid.box-primary > .box-header-form .btn {
color: #ffffff;
}
.box-form.box-solid.box-info {
border: 1px solid #00c0ef;
}
.box-form.box-solid.box-info > .box-header-form {
color: #ffffff;
background: #00c0ef;
background-color: #00c0ef;
}
.box-form.box-solid.box-info > .box-header-form a,
.box-form.box-solid.box-info > .box-header-form .btn {
color: #ffffff;
}
.box-form.box-solid.box-danger {
border: 1px solid #ff404a;
}
.box-form.box-solid.box-danger > .box-header-form {
color: #ffffff;
background: #ff404a;
background-color: #ff404a;
}
.box-form.box-solid.box-danger > .box-header-form a,
.box-form.box-solid.box-danger > .box-header-form .btn {
color: #ffffff;
}
.box-form.box-solid.box-warning {
border: 1px solid #FFD209;
}
.box-form.box-solid.box-warning > .box-header-form {
color: #ffffff;
background: #FFD209;
background-color: #FFD209;
}
.box-form.box-solid.box-warning > .box-header-form a,
.box-form.box-solid.box-warning > .box-header-form .btn {
color: #ffffff;
}
.box-form.box-solid.box-success {
border: 1px solid #30c670;
}
.box-form.box-solid.box-success > .box-header-form {
color: #ffffff;
background: #30c670;
background-color: #30c670;
}
.box-form.box-solid.box-success > .box-header-form a,
.box-form.box-solid.box-success > .box-header-form .btn {
color: #ffffff;
}
.box-form.box-solid > .box-header > .box-tools .btn {
border: 0;
box-shadow: none;
}
.box-form.box-solid[class*='bg'] > .box-header-form {
color: #fff;
}
.box-form .box-group > .box-form {
margin-bottom: 5px;
}
.box-form .knob-label {
text-align: center;
color: #333;
font-weight: 100;
font-size: 12px;
margin-bottom: 0.3em;
}
.box-form > .overlay,
.overlay-wrapper > .overlay,
.box-form > .loading-img,
.overlay-wrapper > .loading-img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.box-form .overlay,
.overlay-wrapper .overlay {
z-index: 50;
background: rgba(255, 255, 255, 0.7);
border-radius: 3px;
}
.box-form .overlay > .fa,
.overlay-wrapper .overlay > .fa {
position: absolute;
top: 50%;
left: 50%;
margin-left: -15px;
margin-top: -15px;
color: #000;
font-size: 30px;
}
.box-form .overlay.dark,
.overlay-wrapper .overlay.dark {
background: rgba(0, 0, 0, 0.5);
}
.box-header-form:before,
.box-body-form:before,
.box-footer-form:before,
.box-header-form:after,
.box-body-form:after,
.box-footer-form:after {
content: " ";
display: table;
}
.box-header-form:after,
.box-body-form:after,
.box-footer-form:after {
clear: both;
}
.clear {clear:both; width:100%; display:block;}
.box-header-form {
color: #444;
display: block;
padding: 10px 0px;
position: relative;
border-bottom: 1px solid #c6c7c8;
/*border-top: 1px solid #c6c7c8;*/
}
.box-header-form.with-border {
border-bottom: 1px solid #f4f4f4;
}
.collapsed-box .box-header-form.with-border {
border-bottom: none;
}
.box-header-form > .fa,
.box-header-form > .glyphicon,
.box-header-form > .ion,
.box-header-form .box-title {
display: inline-block;
font-size: 18px;
margin: 0;
line-height: 1;
}
.box-header-form > .fa,
.box-header-form > .glyphicon,
.box-header-form > .ion {
margin-right: 5px;
}
.box-header-form > .box-tools {
position: absolute;
right: 10px;
top: 5px;
}
.box-header-form > .box-tools [data-toggle="tooltip"] {
position: relative;
}
.box-header-form > .box-tools.pull-right .dropdown-menu {
right: 0;
left: auto;
}
.btn-box-tool {
padding: 5px;
font-size: 12px;
background: transparent;
color: #97a0b3;
}
.open .btn-box-tool,
.btn-box-tool:hover {
color: #606c84;
}
.btn-box-tool.btn:active {
box-shadow: none;
}
.box-body-form {
border-top-left-radius: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
padding-top: 10px;
}
.no-header .box-body-form {
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.box-body-form > .table {
margin-bottom: 0;
}
.box-body-form .fc {
margin-top: 5px;
}
.box-body-form .full-width-chart {
margin: -19px;
}
.box-body-form.no-padding .full-width-chart {
margin: -9px;
}
.box-body-form .box-pane {
border-top-left-radius: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 3px;
}
.box-body-form .box-pane-right {
border-top-left-radius: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 0;
}
.box-footer-form {
border-top-left-radius: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
/*border-top: 1px solid #f4f4f4;
padding: 10px;
border-top: 1px solid #c6c7c8;*/
/*border-bottom: 1px solid #c6c7c8;
background-color: #ffffff;*/
}
.box-body-form .form-group {
float: left;
width: 100%;
margin-top: 10px;
/* margin: 0;
margin-bottom: 30px;*/
}
.box-body-form .form-group-half {
float: left;
/*width: 50%;*/
margin-top: 10px;
margin-bottom: 15px;
/* margin: 0;
margin-bottom: 30px;*/
}
.box-fixed{
position: fixed;
right: 1%;
display: inline-block;
bottom: 0;
box-shadow: 0 1px 5px 0 rgba(45,62,80,.12);
/*
background: white;
padding: 10px 20px;
*/
border-radius: 5px 5px 0px 0px;
}
.fixed-bar{
position: fixed;
bottom:0;
right: 0;
left: 230px;
padding: 10px 15px;
background-color: rgba(255,255,255,0.9);
-webkit-box-shadow: 10px 10px 30px 5px rgba(0,0,0,.2);
-moz-box-shadow: 10px 10px 30px 5px rgba(0,0,0,.2);
box-shadow: 10px 10px 30px 5px rgba(0,0,0,.2);
}
.fixed-bar .item{
display: inline-block;
padding: 0px 5px;
margin: 0;
}
.fixed-bar .item button{
margin-top: 24px;
}
.fixed-bar .item a{
margin-top: 24px;
}
.criar-produto-rapido{
display: none;
overflow: hidden;
float: left;
}
.topmenu{
/*border:1px solid #C9D3DD;*/
border-left: none;
/*margin-bottom: 20px;*/
display: table;
width: 100%;
margin-bottom:20px;
}
.topmenu .item{
padding: 15px;
color: #000000;
background: #e2e2e2;
cursor: pointer;
border-left: 1px solid #C9D3DD;
float: left;
text-align: center;
height: 65px;
display: flex;
justify-content: center;
align-items: center;
}
.topmenu i{
margin-left: 5px;
}
.topmenu .item.active{
background: #fff;
opacity: 1;
border-top: 2px solid;
padding: 14px;
}
.topmenu .item.inactive{
opacity: 0.6;
}
.cartoes{
width: 100%;
margin-top: 15px;
margin-bottom: 20px;
}
.cartoes.disabled{
opacity: 0.2;
}
.cartoes.disabled .default-input{
cursor: not-allowed;
}
.cartoes__salvar-cartao{
display: flex;
align-items: center;
width: 100%;
margin-top: 20px;
}
.cartoes__salvar-cartao input{
margin: 0;
margin-right: 10px;
width: 3%;
}
.cartoes__salvar-cartao label{
margin: 0;
}
.cartoes__novo-cartao{
padding: 18px 70px;
box-sizing: border-box;
border: 2px solid transparent;
color: white;
background: #f55133;
border-radius: 3px;
font-weight: 900;
letter-spacing: 1px;
text-transform: uppercase;
font-size: 16px;
display: flex;
align-items: center;
cursor: pointer;
margin-top: 30px;
}
.cartoes__novo-cartao:hover{
border-color: #f55133;
color: #f55133;
background: white;
}
.cartoes__item{
display: flex;
align-items: center;
padding-bottom: 20px;
border-bottom: 2px solid #e1e1e1;
}
.cartoes__item+.cartoes__item{
margin-top: 20px;
}
.cartoes__item p{
font-weight: 600;
color: #464647;
}
.cartoes__item .validade{
margin-left: 30px;
}
.cartoes__item .cartao-item__title{
margin:0;
}
.cartoes__item img{
margin-right: 10px;
}
.cartoes__item input{
margin-right: 20px;
}
.flex-between{
display: flex;
align-items: center;
justify-content: space-between;
align-items: normal;
}
.card-wrapper{
margin-bottom: 15px;
}
.spacer{
display:table;
width:100%;
padding:15px;
}
a, button {
transition:all 0.5s;
-moz-transition: all 0.5s; /* Firefox 4 */
-webkit-transition: all 0.5s; /* Safari and Chrome */
-o-transition: all 0.5s; /* Opera */
text-decoration:none; cursor:pointer;
}
.single-dropzone .dz-preview{
display:none;
}
.dz-error-mark svg, .dz-success-mark svg, .dz-details{
display:none!important;
}
.session-return-wrapper{
position:fixed;
right:0px;
bottom:0px;
margin:30px;
display:flex;
justify-content: center;
}
.session-return-wrapper i.fa-times{
cursor:pointer;
}
.session-return-success {
border-radius: 5px;
background-color: #5cb85c;
padding: 9px;
display: table;
color: #fff;
margin: 15px;
font-size: 13px;
}
.session-return-error{
background-color:#d9534f;
border-radius: 5px;
padding: 9px;
display: table;
color: #fff;
margin: 15px;
font-size: 13px;
}
/*.item+.item{
margin-top:15px;
}*/
.carregando{
width: 100%;
height: 100%;
left:0px;
top:0px;
position: fixed;
background-color: rgba(255, 255, 255, 0.51);
background-image: url(../../img/load-carregando.gif);
z-index: 9999;
background-position: center center;
background-repeat: no-repeat;
display: none;
}
/* ALERTAS */
.alertas-cont{
position:fixed;
bottom:15px;
right:15px;
display: flex;
flex-direction: column;
z-index: 9999;
}
.alerta{
position:fixed;
background:#fff;
border-bottom:1px solid #ddd;
display:table;
margin:0;
margin-bottom: 15px;
bottom:15px;
right:15px;
font-size:14px;
font-weight: 300;
z-index:9999;
box-shadow:0px 3px 6px rgba(0,0,0,0.1);
-webkit-box-shadow:0px 3px 6px rgba(0,0,0,0.1);
}
.alerta > div{
display:table-cell;
vertical-align: middle;
}
.alerta .titulo{
font-weight: 600;
margin:0;
display:block;
font-size:16px;
}
.alerta .fecha-alerta{
display:table-cell;
vertical-align:top;
padding:10px;
font-size:14px;
display:block;
color:#ccc;
}
.alerta .icone{
color:#fff;
padding:15px;
}
.alerta .text{
padding:10px;
width:240px;
font-size:13px;
color:#666;
}
.alerta-success{
border-top:1px solid #4cae4c;
}
.alerta-success .titulo{
color:#4cae4c;
}
.alerta-success .wrap-icone{
background:#4cae4c;
}
.alerta-success .fecha-alerta:hover{
color:#4cae4c;
}
.alerta-danger{
border:2px solid #b72020;
}
.alerta-danger .titulo{
color:#b72020;
}
.alerta-danger .wrap-icone{
background:#b72020;
}
.alerta-danger .fecha-alerta:hover{
color:#b72020;
}
.alerta-info{
border:2px solid #0d4279;
}
.alerta-info .titulo{
color:#0d4279;
}
.alerta-info .wrap-icone{
background:#0d4279;
margin-right:5px;
}
.alerta-info .fecha-alerta:hover{
color:#0d4279;
}
.alerta-warning{
border:2px solid #f0ad4e;
}
.alerta-warning .titulo{
color:#f0ad4e;
}
.alerta-warning .wrap-icone{
background:#f0ad4e;
}
.alerta-warning .fecha-alerta:hover{
color:#f0ad4e;
}
.alerta.active{
animation-name: alerta;
animation-duration: 1s;
animation-direction: normal;
animation-fill-mode: forwards;
animation-timing-function: ease-in-out;
}
@keyframes alerta{
0%{
opacity:0;
transform: translate(0,100%);
-webkit-transform: translate(0,100%);
}
40%{
transform: translate(0,0);
-webkit-transform: translate(0,0);
}
60%{
transform: translate(0,0) rotate(-15deg);
-webkit-transform: translate(0,0) rotate(-15deg);
}
70%{
transform: translate(0,0) rotate(10deg);
-webkit-transform: translate(0,0) rotate(10deg);
}
80%{
transform: translate(0,0) rotate(-5deg);
-webkit-transform: translate(0,0) rotate(-5deg);
}
90%{
transform: translate(0,0) rotate(2deg);
-webkit-transform: translate(0,0) rotate(2deg);
}
100%{
opacity:1;
transform: translate(0,0) rotate(0deg);
-webkit-transform: translate(0,0) rotate(0deg);
}
}
.table-add{
/*
text-align: center;
padding: 10px 15px;
border-radius: 5px;
transition: .3s;
-webkit-transition: .3s;
margin-left: auto;
letter-spacing: .5px;
*/
color: white;
background: #30c670;
font-weight: bold;
}
.table-add:hover{
background: #614798;
color: white;
}
.th-action{
width:14%!important;
}
.lista-galeria{
background: rgba(0, 0, 0, 0.03);
}
.lista-galeria .item{
width: 120px;
float: left;
margin: 5px;
background: #fff;
box-shadow: 2px 2px 10px;
padding: 5px;
}
.lista-galeria .item .thumb{
background-position: center center;
background-size: 100%;
height: 110px;
width: 110px;
margin-bottom: 5px;
}
.lista-galeria .item .icon{
transition-duration: 0.5s;
cursor: pointer;
}
.lista-galeria .item .icon:hover{
color: #337ab7;
}
.taggle_input{
border: 1px solid #e1e1e1;
}
.icone-viewer{
display:flex;
align-items: center;
justify-content: center;
width:20%;
min-height: 60px;
}
#alerta {
-moz-animation: cssAnimation 0s ease-in 5s forwards;
/* Firefox */
-webkit-animation: cssAnimation 0s ease-in 5s forwards;
/* Safari and Chrome */
-o-animation: cssAnimation 0s ease-in 5s forwards;
/* Opera */
animation: cssAnimation 0s ease-in 5s forwards;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
@keyframes cssAnimation {
to {
width:0;
height:0;
visibility:hidden;
}
}
.select2{
width:100%!important;
}
.dataTables_filter{
text-align: right;
margin: 0 1% 1% 0;
}
.dataTables_filter input{
margin-left:5px;
}
li:not(.active) a[data-toggle="pill"]{
background-color: #efefef;
border-top: 3px solid #e1e1e1!important;
}
.nav-pills li:not(.active) + li:not(.active){
border-left: 1px solid #e1e1e1!important;
}
.taggle_placeholder{
display:none;
}
.taggle_list{
padding-left:0;
}
.cupom-head {
display: table;
width: 100%;
background-color: #EEE;
border:1px solid #e1e1e1;
}
.cupom-head div + div {
border-left:1px solid #e1e1e1;
}
.cupom-head div{
padding:10px;
text-align:center;
font-weight: 600;
}
.cupom-item>div + div{
border-left:1px solid #f1f1f1;
}
.cupom-item{
display:flex;
width: 100%;
align-items: center;
background-color:#fafafa;
}
.cupom-item + .cupom-item{
border-top:1px solid #f1f1f1;
}
.cupom-body{
overflow-y:scroll;
max-height:300px;
border-bottom: 1px solid #f1f1f1;
border-left: 1px solid #f1f1f1;
border-right: 1px solid #f1f1f1;
}
.cupom-item div{
padding: 5px;
background-color:#fafafa;
text-align:center;
}
.control-value{
padding:7px 0px;
}
.busca-cupom-box {
float: right;
padding: 7px;
max-width:210px;
}
.busca-cupom-box .sidebar-form{
border-color: #fff;
margin:0;
}
.busca-cupom-box input, .busca-cupom-box button{
background-color: #fafafa!important;
}
.actions-cupom{
text-align: center;
display: table;
width:100%;
margin:20px 0px;
}
.actions-cupom button{
margin:5px;
font-size:15px;
font-weight: 600;
}
.cupom-head {
display: table;
width: 100%;
background-color: #EEE;
border:1px solid #e1e1e1;
}
.cupom-head div + div {
border-left:1px solid #e1e1e1;
}
.cupom-head div{
padding:10px;
text-align:center;
font-weight: 600;
}
.cupom-item{
display:flex;
width: 100%;
align-items: center;
background-color:#fafafa;
}
.cupom-item + .cupom-item{
border-top:1px solid #f1f1f1;
}
.cupom-body{
overflow-y:scroll;
max-height:300px;
border-bottom: 1px solid #f1f1f1;
border-left: 1px solid #f1f1f1;
border-right: 1px solid #f1f1f1;
}
.cupom-item div{
padding: 5px;
background-color:#fafafa;
text-align:center;
}
.progress-div{
margin:20px 0px 30px 0px;
}
.horario-head {
display: table;
width: 100%;
background-color: #EEE;
border:1px solid #e1e1e1;
}
.horario-head div + div {
border-left:1px solid #e1e1e1;
}
.horario-head div{
padding:10px;
text-align:center;
font-weight: 600;
}
.horario-item div + div{
border-left:1px solid #f1f1f1;
}
.horario-item{
display:flex;
width: 100%;
align-items: center;
background-color:#fafafa;
}
.horario-item + .horario-item{
border-top:1px solid #f1f1f1;
}
.horario-body{
overflow-y:scroll;
max-height:300px;
border-bottom: 1px solid #f1f1f1;
border-left: 1px solid #f1f1f1;
border-right: 1px solid #f1f1f1;
}
.horario-item div{
padding: 5px;
background-color:#fafafa;
text-align:center;
}
.modal-body{
display:table;
width:100%;
}
.convidados{
margin-top: 30px;
border:1px solid #fafafa;
display: none;
}
.delete-anexo{
display: inline-block;
margin-left: 10px;
cursor: pointer;
}
[href="#seo-tab"]{
display: none;
}
.flexbox-convidados{
display: flex;
align-items: center;
justify-content: space-around;
width: 30%;
margin: auto;
}
.actions-tel{
position: absolute;
top: 2px;
right: 17px;
}
#mobileMask.ativo, #phoneMask.ativo{
border:1px solid #3c8dbc;
}
.removeCondomino{
float: right;
color: #d9534f;
cursor:pointer;
margin-top:3px;
}
.item-condomino{
padding:5px;
display: table;
width: 100%;
}
.add-options-enum{
display: table;
width: 100%;
margin:15px 0px;
text-align: center;
}
.item-option{
display: table;
width: 100%;
margin: 15px 0px;
}
.enumOptions{
margin-top:5px;
display: none;
}
/*.dynamic-list-section{
display: table;
width: 80%;
margin: 0 10%;*
}*/
.dynamic-list-section .subtitle{
font-size:18px;
}
.dynamic-list-section table td, .dynamic-list-section table th{
text-align: center;
}
.fixed-bar{
position: fixed;
bottom:0;
right: 0;
left: 70px;
padding: 10px 15px;
background-color: rgba(255,255,255,0.9);
-webkit-box-shadow: 10px 10px 30px 5px rgba(0,0,0,.2);
-moz-box-shadow: 10px 10px 30px 5px rgba(0,0,0,.2);
box-shadow: 10px 10px 30px 5px rgba(0,0,0,.2);
}
.fixed-bar .item{
display: inline-block;
padding: 0px 5px;
margin: 0;
}
.fixed-bar .item button{
margin-top: 24px;
}
.criar-produto-rapido{
display: none;
overflow: hidden;
float: left;
}
.main-sidebar{
background-color: white;
box-shadow: 0 1px 5px 0 rgba(45,62,80,.12)
}
.main-header .navbar{
background-color: white;
}
.sidebar-menu li>a{
color: #444;
}
.main-header .navbar a{
color: white;
font-weight: 600;
}
.btn-danger{
background-color: #F53855;
border: none;
}
.btn-primary{
background-color: #313868;
border: none;
color: #ffffff;
}
.btn-secondary{
background-color: #e0583f;
color: white;
font-weight: bold;
}
.btn-rounded{
width: 25px;
height: 25px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
font-size: 12px;
margin-left: 5px;
}
.nav-flex{
display: flex;
width: 100%;
justify-content: space-between;
align-items: center;
background: #313868;
}
.search-form {
display: block;
padding: 13px 15px;
width: 100%;
max-width: 550px;
}
.search-form .form-control{
border: none;
border-radius: 5px 0px 0px 5px;
background: rgba(255,255,255,.2);
transition: background-color .3s,color .3s;
}
.search-form .form-control:focus{
background-color: #f3f3f3;
color: #464a4c;
}
.search-form .form-control:focus::placeholder{
color: #464a4c;
}
.search-form .form-control::placeholder{
color: white;
}
.esq{
position: relative;
}
#search-btn{
color: white;
background: #e0583f;
border-radius: 0 5px 5px 0;
}
.big-drop .dropdown-menu > div {
display: flex;
}
#tipo-criar-rapido{
float: left;
background-color: transparent;
background-image: none;
padding: 15px 15px;
font-family: fontAwesome;
max-width: 440px;
}
#tipo-criar-rapido .dropdown-menu{
top: 38px;
border: none;
left: -10px;
border-radius: 0px 0px 5px 5px;
box-shadow: 0 1px 5px 0 rgba(45,62,80,.12);
border-left: 2px solid #313868;
}
#tipo-criar-rapido .dropdown-menu ul{
padding: 20px;
}
.big-drop .dropdown-menu ul {
list-style: none;
padding: 0;
margin: 0;
max-width: 140px;
}
body{
/*font-family: 'Helvetica Neue', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;*/
font-family: 'Source Sans Pro', sans-serif;
}
.btn-nav span {
display: block;
transform: rotate(225deg);
-webkit-transform: rotate(225deg);
transition: .3s;
-webkit-transition: .3s;
}
.open .btn-nav span {
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
}
.big-drop .dropdown-menu li {
white-space: nowrap;
}
.big-drop .dropdown-menu li > a {
padding: 0;
color: #bbb;
font-size: 13px;
line-height: 1.8em;
font-weight: 300;
display: block;
}
.main-header .logo-mini img {
max-height: 38px;
margin-left: 5px;
transform: rotate(22deg);
}
.main-header .logo-lg img {
max-height: 35px;
}
.main-header .logo .logo-lg, .main-header .logo .logo-mini {
height: auto;
line-height: initial;
}
.main-header .logo {
padding: 12px 0;
border-bottom: none!important;
}
.sidebar-mini.sidebar-collapse .sidebar-menu > li > a{
text-indent: -3px;
padding: 15px 0;
text-align: center;
font-size: 24px;
}
.sidebar-mini.sidebar-collapse .sidebar-menu > li > a:hover{
color: white;
background: #313868;
}
.big-drop .dropdown-menu li > a{
font-family: 'Helvetica Neue', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
font-weight: 400;
}
.big-drop .dropdown-menu li > a:hover{
color: #444;
padding-left: 3px;
}
.breadcrumb>li{
font-size: 16px;
}
.dataTables_filter input{
border-radius: 5px;
}
.dataTables_filter input:focus{
border: 1px solid #00eba0;
}
.modal .modal-dialog{
position: absolute;
right: 0;
height:100%;
margin: 0;
width: 85%;
}
.modal .modal-content{
min-height: 100%;
}
.modal .modal-header{
background:#3f74e6;
color:#fff;
}
.modal .modal-header h4{
font-size:14px;
font-weight: 700;
}
.modal-backdrop{
opacity: .8;
background-color: #272822;
}
/* Painel de Negociação - Inicio */
.card-detail {
border-radius:4px;
margin: 0 0 10px;
padding: 16px 45px 16px 16px;
box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.3), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
z-index: 10!important;
background: #fff;
}
.card-detail:hover {
cursor: move;
}
.card-detail .team-members {
/*
padding: 2px 0 0;
margin: 0 0 10px;
*/
}
.card-detail .team-members img {
height: 16px;
width: 16px;
}
.card-detail .icons {
padding-top: 4px;
margin-top: 4px;
font-size: 12px;
}
.card-detail .options {
display: flex;
flex-direction: column;
width: 30px;
position: absolute;
right: 10px;
top: 10px;
}
.card-detail .options a {
opacity: 1;
font-size: 12px;
padding: 6px 10px;
margin-top: 5px;
}
.card-detail h4 {
margin: 0 0 10px;
padding: 0;
font-size: 15px;
}
.card-detail h4 a{
color: #333;
}
.card-detail h4 small {
margin-top: 10px;
display: block;
font-size: 12px;
}
.card-detail p {
margin: 0;
padding: 0;
font-size: 12px;
}
.ui-state-highlight-list {
background: #dcdedf;
padding: 10px 0;
margin: 0 0 13px;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
box-shadow: inset 0 1px 2px #555;
}
.kanban-board li{
list-style-type: none;
position: relative;
}
.kanban-board {
overflow-x: scroll;
overflow-y: hidden;
width: 100%;
padding: 5px 0 00px;
}
.kanban-board .row {
margin: 0;
}
.kanban-board .row.ui-sortable-helper .agile-list-scroll {
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.8);
border: 1px solid transparent;
}
.kanban-board .agile {
margin: 0 15px;
width: 300px;
float: left;
}
.kanban-board .agile .agile-list-scroll {
overflow-x: hidden;
overflow-y: auto;
background: rgb(245, 248, 250);
}
.kanban-board .agile h5 {
border: 1px solid transparent;
width: 100%;
padding: 10px 15px 10px;
margin: 0;
font-size: 14px;
}
.kanban-board .agile h5 i {
margin-right: 15px;
}
.kanban-board .agile h5:hover {
cursor: move;
}
.kanban-board .agile .agile-list {
min-height: 100%!important;
padding: 15px 15px 0;
}
.kanban-board .agile .agile-list .label {
margin-right: 6px;
border: 1px solid transparent;
border-radius: 4px;
}
.kanban-board .agile .agile-list a .label:hover {
border: 1px solid transparent;
opacity: 0.6;
}
.kanban-board .agile .agile-list a:hover {
text-decoration: none;
}
.ui-state-highlight-column {
float: left;
width: 300px;
margin: 0 15px -20px;
border: 4px dashed transparent;
border-radius: 4px;
}
.card-barra-probabilidade {
color:#FFF;
display: flex;
align-items: center;
justify-content: center;
height:15px;
font-weight: bold;
background-color: #46B29D;
border-radius: 3px;
}
.content-area {
margin-top: 15px;
}
.negociacao-content-wrapper {
padding-top: 60px;
}
/* Painel de Negociação - Fim */
.flex-container{
display: flex;
flex-flow: row wrap;
justify-content: space-around;
}
.filtros{
display: flex;
flex-flow: row wrap;
justify-content: flex-end;
margin-top: 20px;
position: relative;
}
#flex-calendar{
margin-top: 20px;
}
.button__dropdown{
padding: 6px 12px;
line-height: 1.42857143;
border: 1px solid #d8e0ea;
border-radius: 3px;
box-shadow: 0 1px 5px 0 rgba(45,62,80,.12);
margin-right: 15px;
width: 160px;
}
.content__dropdown{
top: 38px;
border: none;
padding: 15px 24px;
right: 76px;
z-index: 999;
background: white;
border-radius: 0px 0px 5px 5px;
box-shadow: 0 1px 5px 0 rgba(45,62,80,.12);
border-left: 2px solid #313868;
position: absolute;
}
.form-control{
border-radius: 5px;
}
.form-control__error{
border: 1px solid red;
}
#modalLarge .modal-lg{
width: 900px;
}
#modalLarge .box{
margin-bottom: 0;
border-radius: 0px;
padding: 0;
}
.mini-kanban-item {
float: left;
padding: 0px 15px;
background: #ddd;
}
.mini-kanban-active {
color: #fff;
}
.mini-kanban-active+.mini-kanban-active {
border-left: 1px #fff solid;
}
.mini-kanban{
display: table;
width: 100%;
text-align: center;
border-radius: 20px;
background-color: #fff;
margin: 0px 0px 20px 0px;
overflow: hidden;
}
.info-table-box {
display: table;
width: 100%;
padding-bottom: 20px;
}
.colorpicker-tags{
width: 95%;
float: right;
border-left: 1px solid #d2d6de;
margin-top: 2px;
}
.relative{
position: relative;
}
.tags-section{
margin-top: 10px;
}
.tags-section i{
cursor: pointer;
}
.tags-section p{
margin-top: 10px;
}
.add-compromisso{
margin: 10px 0;
}
.comentario {
padding: 15px 0;
margin-left: 21px;
display: flex;
justify-content: space-between;
align-items: flex-start;
position: relative;
}
.comentarios {
margin: 20px 0;
box-sizing: border-box;
padding: 0 15px;
}
.by {
font-size: 12px;
text-align: right;
white-space: nowrap;
padding-left: 15px;
color: #888;
}
.comentario:before {
content: "";
position: absolute;
z-index: 1;
left: -21px;
top: 50%;
height: 11px;
width: 11px;
background: #fff;
border-radius: 50%;
border: 2px solid #00eba0;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
}
.navbar-flex{
display: flex;
align-items: center;
}
.navbar-flex .dropdown a{
padding: 15px;
display: block;
}
.navbar-flex li:hover a{
color: #313868;
background: white;
border-radius: 5px;
}
.comentario:not(:first-child):after {
content: "";
position: absolute;
left: -16px;
bottom: 50%;
height: 100%;
width: 2px;
background: #eee;
}
.list-group-item p{
margin: 0px;
}
#empresa-tab .box,#oportunidades-tab .box{
box-shadow: none;
padding: 0;
}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover{
color: #313868;
background: #f7f7f7;
border-radius: 5px;
}
.navbar-flex .dropdown-menu li:hover a{
background: transparent;
}
.dropdown-menu{
padding: 15px;
}
#DIV_1 {
box-sizing: border-box;
color: rgb(41, 62, 82);
height: 550px;
text-align: center;
width: 100%;
border: 0px none rgb(41, 62, 82);
margin-top: 80px;
}/*#DIV_1*/
#FORM_2 {
box-shadow: rgba(153, 169, 190, 0.3) 0px 1px 3px 0px;
box-sizing: border-box;
color: rgb(41, 62, 82);
height: 470px;
max-width: 600px;
text-align: left;
width: 600px;
background: rgb(255, 255, 255) none repeat scroll 0% 0% / auto padding-box border-box;
border: 0px none rgb(41, 62, 82);
border-radius: 5px 5px 5px 5px;
margin: 0px auto;
outline: rgb(41, 62, 82) none 0px;
padding: 50px 100px;
}/*#FORM_2*/
#INPUT_3, #INPUT_4 {
cursor: default;
display: none;
height: auto;
text-size-adjust: 100%;
width: auto;
perspective-origin: 50% 50%;
transform-origin: 50% 50%;
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
border: 0px none rgb(0, 0, 0);
font: normal normal 400 normal 16px / normal AvenirRegular, Helvetica, sans-serif;
padding: 0px;
}/*#INPUT_3, #INPUT_4*/
#H1_5 {
box-sizing: border-box;
color: rgb(41, 62, 82);
height: 34px;
letter-spacing: 0.6px;
text-align: center;
text-decoration: none solid rgb(41, 62, 82);
width: 400px;
border: 0px none rgb(41, 62, 82);
margin: 0px 0px 5px;
display: flex;
align-items: center;
justify-content: center;
}/*#H1_5*/
#P_6 {
box-sizing: border-box;
color: rgb(146, 169, 190);
height: 19px;
text-align: center;
text-decoration: none solid rgb(146, 169, 190);
text-size-adjust: 100%;
width: 400px;
column-rule-color: rgb(146, 169, 190);
perspective-origin: 200px 9.5px;
transform-origin: 200px 9.5px;
caret-color: rgb(146, 169, 190);
border: 0px none rgb(146, 169, 190);
font: normal normal 400 normal 16px / normal AvenirMedium, Helvetica, sans-serif;
margin: 0px 0px 30px;
outline: rgb(146, 169, 190) none 0px;
}/*#P_6*/
#LABEL_7, #LABEL_10 {
bottom: 0px;
box-sizing: border-box;
clear: both;
color: rgb(41, 62, 82);
display: block;
height: 77px;
left: 0px;
position: relative;
right: 0px;
text-align: left;
text-decoration: none solid rgb(41, 62, 82);
text-size-adjust: 100%;
top: 0px;
vertical-align: top;
width: 400px;
column-rule-color: rgb(41, 62, 82);
perspective-origin: 200px 38.5px;
transform-origin: 200px 38.5px;
caret-color: rgb(41, 62, 82);
border: 0px none rgb(41, 62, 82);
font: normal normal 400 normal 16px / 16px AvenirRegular, Helvetica, sans-serif;
margin: 0px 0px 20px;
outline: rgb(41, 62, 82) none 0px;
}/*#LABEL_7, #LABEL_10*/
#B_8, #B_11 {
bottom: 0px;
box-sizing: border-box;
color: rgb(41, 62, 82);
cursor: default;
display: block;
height: 17px;
left: 0px;
overflow-wrap: break-word;
position: relative;
right: 0px;
text-align: left;
text-decoration: none solid rgb(41, 62, 82);
text-size-adjust: 100%;
top: 0px;
width: 385px;
word-break: break-word;
word-wrap: break-word;
column-rule-color: rgb(41, 62, 82);
perspective-origin: 192.5px 8.5px;
transform-origin: 192.5px 8.5px;
caret-color: rgb(41, 62, 82);
border: 0px none rgb(41, 62, 82);
font: normal normal 400 normal 14px / normal AvenirDemi, Helvetica, sans-serif;
margin: 0px 15px 8px 0px;
outline: rgb(41, 62, 82) none 0px;
}/*#B_8, #B_11*/
#A_12 {
box-sizing: border-box;
color: rgb(0, 129, 255);
display: block;
float: right;
height: 17px;
overflow-wrap: break-word;
text-align: left;
text-decoration: none solid rgb(0, 129, 255);
text-size-adjust: 100%;
width: 140px;
word-break: break-word;
word-wrap: break-word;
column-rule-color: rgb(0, 129, 255);
perspective-origin: 68.7031px 8.5px;
transform-origin: 68.7031px 8.5px;
caret-color: rgb(0, 129, 255);
border: 0px none rgb(0, 129, 255);
font: normal normal 100 normal 14px / normal AvenirDemi, Helvetica, sans-serif;
outline: rgb(0, 129, 255) none 0px;
}/*#A_12*/
#BUTTON_14 {
bottom: 0px;
color: rgb(255, 255, 255);
cursor: pointer;
display: inline-flex;
height: 60px;
left: 0px;
letter-spacing: 0.7px;
min-height: 0px;
position: relative;
right: 0px;
text-decoration: none solid rgb(255, 255, 255);
text-size-adjust: 100%;
top: 0px;
width: 400px;
z-index: 10;
column-rule-color: rgb(255, 255, 255);
align-items: center;
justify-content: center;
perspective-origin: 200px 30px;
transform-origin: 200px 30px;
caret-color: rgb(255, 255, 255);
background: #313868;
border: 0px none rgb(255, 255, 255);
border-radius: 3px 3px 3px 3px;
font-size: 16px;
outline: rgb(255, 255, 255) none 0px;
padding: 0px;
transition: all 0.2s ease 0s;
}/*#BUTTON_14*/
#HR_15 {
box-sizing: border-box;
clear: both;
color: rgb(41, 62, 82);
height: 2px;
text-align: left;
text-decoration: none solid rgb(41, 62, 82);
text-size-adjust: 100%;
width: 400px;
column-rule-color: rgb(41, 62, 82);
perspective-origin: 200px 1px;
transform-origin: 200px 1px;
caret-color: rgb(41, 62, 82);
background: rgb(230, 236, 245) none repeat scroll 0% 0% / auto padding-box border-box;
border: 0px none rgb(41, 62, 82);
font: normal normal 400 normal 16px / 16px AvenirRegular, Helvetica, sans-serif;
margin: 30px 0px;
outline: rgb(41, 62, 82) none 0px;
}/*#HR_15*/
#A_18, #A_22 {
bottom: 0px;
box-sizing: border-box;
color: rgb(127, 139, 151);
display: flex;
height: 52px;
left: 0px;
letter-spacing: 0.6px;
max-width: 195px;
min-height: 52px;
min-width: auto;
position: relative;
right: 0px;
text-align: left;
text-decoration: none solid rgb(127, 139, 151);
text-size-adjust: 100%;
top: 0px;
width: 195px;
column-rule-color: rgb(127, 139, 151);
align-items: center;
justify-content: center;
perspective-origin: 97.5px 26px;
transform-origin: 97.5px 26px;
caret-color: rgb(127, 139, 151);
background: rgb(255, 255, 255) none repeat scroll 0% 0% / auto padding-box border-box;
border: 1px solid rgb(205, 217, 235);
border-radius: 3px 3px 3px 3px;
flex: 1 1 52px;
font: normal normal 400 normal 14px / normal AvenirDemi, Helvetica, sans-serif;
margin: 0px 0px 10px;
outline: rgb(127, 139, 151) none 0px;
padding: 16px 30px 16px 70px;
transition: all 0.2s ease 0s;
}/*#A_18, #A_22*/
#SPAN_19 {
bottom: 12px;
box-sizing: border-box;
color: rgb(0, 129, 255);
cursor: pointer;
display: block;
height: 26px;
left: 30px;
letter-spacing: 0.6px;
min-height: auto;
min-width: auto;
position: absolute;
right: 137px;
text-align: left;
text-decoration: none solid rgb(0, 129, 255);
text-size-adjust: 100%;
top: 25px;
width: 26px;
column-rule-color: rgb(0, 129, 255);
perspective-origin: 13px 13px;
transform-origin: 13px 13px;
caret-color: rgb(0, 129, 255);
background: rgba(0, 0, 0, 0) url("https://d3l2kwhcxt3ou6.cloudfront.net/images/google.svg") no-repeat scroll 0% 0% / 26px padding-box border-box;
border: 0px none rgb(0, 129, 255);
font: normal normal 400 normal 14px / normal AvenirDemi, Helvetica, sans-serif;
margin: -13px 0px 0px;
outline: rgb(0, 129, 255) none 0px;
}/*#SPAN_19*/
#A_20 {
bottom: 0px;
box-sizing: border-box;
color: rgb(127, 139, 151);
display: flex;
height: 52px;
left: 0px;
letter-spacing: 0.6px;
max-width: 195px;
min-height: 52px;
min-width: auto;
position: relative;
right: 0px;
text-align: left;
text-decoration: none solid rgb(127, 139, 151);
text-size-adjust: 100%;
top: 0px;
width: 195px;
column-rule-color: rgb(127, 139, 151);
align-items: center;
justify-content: center;
perspective-origin: 97.5px 26px;
transform-origin: 97.5px 26px;
caret-color: rgb(127, 139, 151);
background: rgb(255, 255, 255) none repeat scroll 0% 0% / auto padding-box border-box;
border: 1px solid rgb(205, 217, 235);
border-radius: 3px 3px 3px 3px;
flex: 1 1 52px;
font: normal normal 400 normal 14px / normal AvenirDemi, Helvetica, sans-serif;
margin: 0px 0px 10px 10px;
outline: rgb(127, 139, 151) none 0px;
padding: 16px 30px 16px 70px;
transition: all 0.2s ease 0s;
}/*#A_20*/
#SPAN_21 {
bottom: 12px;
box-sizing: border-box;
color: rgb(0, 129, 255);
cursor: pointer;
display: block;
height: 26px;
left: 30px;
letter-spacing: 0.6px;
min-height: auto;
min-width: auto;
position: absolute;
right: 137px;
text-align: left;
text-decoration: none solid rgb(0, 129, 255);
text-size-adjust: 100%;
top: 25px;
width: 26px;
column-rule-color: rgb(0, 129, 255);
perspective-origin: 13px 13px;
transform-origin: 13px 13px;
caret-color: rgb(0, 129, 255);
background: rgba(0, 0, 0, 0) url("https://d3l2kwhcxt3ou6.cloudfront.net/images/github.svg") no-repeat scroll 0% 0% / 26px padding-box border-box;
border: 0px none rgb(0, 129, 255);
font: normal normal 400 normal 14px / normal AvenirDemi, Helvetica, sans-serif;
margin: -13px 0px 0px;
outline: rgb(0, 129, 255) none 0px;
}/*#SPAN_21*/
#SPAN_23 {
bottom: 12px;
box-sizing: border-box;
color: rgb(0, 129, 255);
cursor: pointer;
display: block;
height: 26px;
left: 30px;
letter-spacing: 0.6px;
min-height: auto;
min-width: auto;
position: absolute;
right: 137px;
text-align: left;
text-decoration: none solid rgb(0, 129, 255);
text-size-adjust: 100%;
top: 25px;
width: 26px;
column-rule-color: rgb(0, 129, 255);
perspective-origin: 13px 13px;
transform-origin: 13px 13px;
caret-color: rgb(0, 129, 255);
background: rgba(0, 0, 0, 0) url("https://d3l2kwhcxt3ou6.cloudfront.net/images/fb-ico.svg") no-repeat scroll 0% 0% / 26px padding-box border-box;
border: 0px none rgb(0, 129, 255);
font: normal normal 400 normal 14px / normal AvenirDemi, Helvetica, sans-serif;
margin: -13px 0px 0px;
outline: rgb(0, 129, 255) none 0px;
}/*#SPAN_23*/
#P_24 {
box-sizing: border-box;
color: rgb(127, 139, 151);
height: 17px;
text-align: center;
text-decoration: none solid rgb(127, 139, 151);
text-size-adjust: 100%;
width: 400px;
column-rule-color: rgb(127, 139, 151);
perspective-origin: 200px 8.5px;
transform-origin: 200px 8.5px;
caret-color: rgb(127, 139, 151);
border: 0px none rgb(127, 139, 151);
font: normal normal 400 normal 14px / normal AvenirDemi, Helvetica, sans-serif;
margin: 0px;
outline: rgb(127, 139, 151) none 0px;
}/*#P_24*/
#A_25 {
box-sizing: border-box;
color: rgb(0, 129, 255);
text-align: center;
text-decoration: none solid rgb(0, 129, 255);
text-size-adjust: 100%;
column-rule-color: rgb(0, 129, 255);
caret-color: rgb(0, 129, 255);
border: 0px none rgb(0, 129, 255);
font: normal normal 100 normal 14px / normal AvenirDemi, Helvetica, sans-serif;
outline: rgb(0, 129, 255) none 0px;
}/*#A_25*/
.sidemenu{
border:1px solid #eee;
}
.sidemenu-heading{
padding: 15px;
}
.sidemenu-heading span{
color: #395A7A;
font-size: 20px;
}
.sidemenu-heading .table-add{
padding: 5px 10px;
float: right;
}
.sidemenu .item{
padding: 15px;
color: #395A7A;
background: #F1F4F9;
cursor: pointer;
border-top: 1px solid #eee;
}
.sidemenu .item.active{
background: #fff;
}
.topmenu{
/*border:1px solid #C9D3DD;*/
border-left: none;
/*margin-bottom: 20px;*/
display: table;
width: 100%;
}
.topmenu .item{
padding: 15px;
color: #000000;
background: #a7a7a7;
cursor: pointer;
border-left: 1px solid #C9D3DD;
float: left;
text-align: center;
}
.topmenu .item.active{
background: #fff;
opacity: 1;
border-top: 2px solid;
padding: 14px;
}
.topmenu .item.inactive{
opacity: 0.6;
}
.card-item {
bottom: 0px;
box-shadow: 0 1px 5px 0 rgba(45,62,80,.12);
box-sizing: border-box;
color: rgb(57, 90, 122);
cursor: pointer;
height: 212px;
min-height: 160px;
position: relative;
width: 297.078px;
z-index: 300;
background: white;
border-radius: 5px;
padding: 30px;
transition: all 0.25s ease 0s;
float: left;
margin: 10px 0px 0px 10px;
}/*#card-item*/
.card-title {
bottom: 0px;
box-sizing: border-box;
color: rgb(57, 90, 122);
cursor: pointer;
height: 10px;
left: 0px;
position: relative;
right: 0px;
text-decoration: none solid rgb(57, 90, 122);
text-size-adjust: 100%;
top: 0px;
width: 235.078px;
z-index: 100;
column-rule-color: rgb(57, 90, 122);
perspective-origin: 117.531px 5px;
transform-origin: 117.531px 5px;
user-select: none;
caret-color: rgb(57, 90, 122);
border: 0px none rgb(57, 90, 122);
font: normal normal 400 normal 13px / 20px proxima-nova, sans-serif;
margin: 0px 0px 30px;
outline: rgb(57, 90, 122) none 0px;
}/*#card-title*/
.card-title h3 {
box-sizing: border-box;
color: rgb(57, 90, 122);
cursor: pointer;
height: 19px;
text-decoration: none solid rgb(57, 90, 122);
text-rendering: optimizeLegibility;
text-size-adjust: 100%;
width: 235.078px;
column-rule-color: rgb(57, 90, 122);
perspective-origin: 117.531px 9.5px;
transform-origin: 117.531px 9.5px;
user-select: none;
caret-color: rgb(57, 90, 122);
border: 0px none rgb(57, 90, 122);
font: normal normal 400 normal 18px / 19.8px proxima-nova, sans-serif;
margin: 0px 0px 6.5px;
outline: rgb(57, 90, 122) none 0px;
}/*#H3_4*/
.card-main {
box-sizing: border-box;
color: rgb(57, 90, 122);
cursor: pointer;
text-align: center;
text-decoration: none solid rgb(57, 90, 122);
text-size-adjust: 100%;
width: 235.078px;
column-rule-color: rgb(57, 90, 122);
perspective-origin: 117.531px 20px;
transform-origin: 117.531px 20px;
user-select: none;
caret-color: rgb(57, 90, 122);
border: 0px none rgb(57, 90, 122);
font: normal normal 400 normal 13px / 20px proxima-nova, sans-serif;
outline: rgb(57, 90, 122) none 0px;
}/*#DIV_9*/
.card-main .p1 {
box-sizing: border-box;
color: rgb(57, 90, 122);
cursor: pointer;
text-align: center;
text-decoration: none solid rgb(57, 90, 122);
text-size-adjust: 100%;
width: 235.078px;
column-rule-color: rgb(57, 90, 122);
perspective-origin: 117.531px 10px;
transform-origin: 117.531px 10px;
user-select: none;
caret-color: rgb(57, 90, 122);
border: 0px none rgb(57, 90, 122);
font: normal normal 400 normal 13px / 20px proxima-nova, sans-serif;
margin: 0px;
outline: rgb(57, 90, 122) none 0px;
}/*#P_10*/
.card-main .p1 strong {
box-sizing: border-box;
color: rgb(57, 90, 122);
cursor: pointer;
text-align: center;
text-decoration: none solid rgb(57, 90, 122);
text-size-adjust: 100%;
column-rule-color: rgb(57, 90, 122);
user-select: none;
caret-color: rgb(57, 90, 122);
border: 0px none rgb(57, 90, 122);
font: normal normal 700 normal 13px / 20px proxima-nova, sans-serif;
outline: rgb(57, 90, 122) none 0px;
}/*#STRONG_11*/
.card-main .p1 span{
font-size:20px;
font-weight: 300;
}
.card-main .p1 span.a-receber{
color:#0e731b;
}
.card-main .p1 span.a-pagar{
color:#f43e61;
}
.card-main .p2 {
box-sizing: border-box;
color: rgb(57, 90, 122);
cursor: pointer;
text-align: center;
text-decoration: none solid rgb(57, 90, 122);
text-size-adjust: 100%;
width: 235.078px;
column-rule-color: rgb(57, 90, 122);
perspective-origin: 117.531px 10px;
transform-origin: 117.531px 10px;
user-select: none;
caret-color: rgb(57, 90, 122);
border: 0px none rgb(57, 90, 122);
font: normal normal 400 normal 13px / 20px proxima-nova, sans-serif;
margin: 0px 0px 10px;
outline: rgb(57, 90, 122) none 0px;
}/*#P_12*/
.card-actions {
box-sizing: border-box;
color: rgb(57, 90, 122);
cursor: pointer;
height: 60px;
text-align: center;
text-decoration: none solid rgb(57, 90, 122);
text-size-adjust: 100%;
width: 235.078px;
column-rule-color: rgb(57, 90, 122);
perspective-origin: 117.531px 30px;
transform-origin: 117.531px 30px;
user-select: none;
caret-color: rgb(57, 90, 122);
border: 0px none rgb(57, 90, 122);
font: normal normal 400 normal 13px / 20px proxima-nova, sans-serif;
outline: rgb(57, 90, 122) none 0px;
}/*#card-item3*/
.card-actions-list {
bottom: 0px;
box-sizing: border-box;
color: rgb(57, 90, 122);
cursor: pointer;
display: inline-block;
height: 40px;
left: 0px;
max-width: 100%;
position: relative;
right: 0px;
text-align: center;
text-decoration: none solid rgb(57, 90, 122);
text-size-adjust: 100%;
top: 0px;
column-rule-color: rgb(57, 90, 122);
perspective-origin: 89.25px 20px;
transform-origin: 89.25px 20px;
user-select: none;
caret-color: rgb(57, 90, 122);
border: 0px none rgb(57, 90, 122);
font: normal normal 400 normal 13px / 20px proxima-nova, sans-serif;
margin: 20px 0px 0px;
outline: rgb(57, 90, 122) none 0px;
}/*#card-item4*/
.card-actions .card-button{
color: rgb(255, 255, 255);
cursor: pointer;
height: 40px;
max-height: 40px;
min-height: 40px;
text-align: left;
text-decoration: none solid rgb(255, 255, 255);
text-size-adjust: 100%;
vertical-align: middle;
white-space: nowrap;
column-rule-color: rgb(255, 255, 255);
perspective-origin: 89.25px 20px;
transform-origin: 89.25px 20px;
user-select: none;
caret-color: rgb(255, 255, 255);
background: rgb(74, 184, 88) none repeat scroll 0% 0% / auto padding-box border-box;
border: 1px solid rgba(0, 0, 0, 0);
border-radius: 3px 3px 3px 3px;
font: normal normal 600 normal 14px / 25.2px proxima-nova, sans-serif;
outline: rgb(255, 255, 255) none 0px;
display: table;
padding: 8px;
}/*#BUTTON_15*/
.card-actions .card-button.add-recebimento {
background: rgb(74, 184, 88) none repeat scroll 0% 0% / auto padding-box border-box;
}/*#BUTTON_15*/
.card-actions .card-button.add-pagamento {
background: #f43e61;
}/*#BUTTON_15*/
.cards{
display: table;
float:left;
}
.proximos-compromissos{
display: table;
float: left;
width: 45%;
overflow: auto;
margin: 10px 0 0 20px;
}
.proximos-compromissos .box{
border-radius: 3px;
padding: 20px;
}
section.content{
display: table;
width: 100%;
padding-bottom:80px;
}
.form-horizontal .form-group{
float: left;
width: 50%;
margin: 0;
margin-bottom: 30px;
}
.form-vertical .form-group{
float: left;
width: 100%;
margin: 0;
margin-bottom: 30px;
}
.form-vertical .control-label {
padding-top: 7px;
margin-bottom: 0;
text-align: right;
}
.form-group label{
font-size: 13px;
}
.save-conta{
background: #46B29D;
color: white;
}
.save-conta:hover{
color: white;
background: #00eba0;
}
.login__input{
height: 52px;
position: relative;
width: 400px;
z-index: 1;
border: 1px solid rgb(192, 208, 230);
border-radius: 3px;
padding: 0px 20px;
font-size: 14px;
outline: none;
}
.login__input:focus{
border-color: #313868;
}
#HEADER_1 {
box-sizing: border-box;
color: rgb(41, 62, 82);
height: 73px;
text-align: center;
width: 100%;
background: #313868;
border: 0px none rgb(41, 62, 82);
padding: 20px 0px;
display: flex;
align-items: center;
justify-content: center;
}/*#HEADER_1*/
#HEADER_1 img{
width: 180px;
}
.lotus{
width: 40px;
margin-left: 10px;
}
.fc-toolbar h2{
font-size: 22px;
}
.full{
width: 100%;
}
#observacao{
margin-bottom: 30px;
height: 90px;
}
#fullcalendar{
border: 1px solid #d8e0ea;
border-radius: 3px;
box-shadow: 0 1px 5px 0 rgba(45,62,80,.12);
}
.content-header.negociacao{
display: inline-flex;
width: 100%;
align-items: center;
margin-bottom: 10px;
}
.negociacao__filtros{
margin-left: auto;
}
.negociacao__filtros .form-control{
display: inline-block;
width: auto;
min-width: 45px;
}
.ffl-wrapper{
position: relative;
display: block;
padding-top: 0.5rem;
}
.ffl-label {
transition-property: all;
transition-duration: 200ms;
transition-timing-function: ease;
transition-delay: 0s;
position: absolute;
white-space: nowrap;
max-width: 100%;
text-overflow: ellipsis;
overflow: hidden;
pointer-events: none;
top: 1.2rem;
margin-left: 10px;
color:#848484;
}
.ffl-floated .ffl-label{
top: -15px;
color: #000;
margin-left: 0px;
font-weight: 500;
letter-spacing: 0.5px;
}
.form-section{
display: table;
width: 100%;
margin-bottom: 20px;
}
.form-section .form-title{
margin-bottom: 5px;
display: table;
width: 100%;
}
.form-section .form-title h3{
margin: 0;
font-weight: 500;
font-size: 18px;
color: #4c6072;
}
.ffl-wrapper input::-webkit-datetime-edit{ color: transparent; }
.ffl-floated input::-webkit-datetime-edit{ color: #000; }
/* Include this to make it visible when input is clicked */
input:focus::-webkit-datetime-edit{ color: #000; }
.menu-titulo-label {
font-size: 9px;
}.form-item{
display: table;
width: 100%;
margin: 10px 0;
}
#modalLarge .box-header{
background: #3f74e6;
color: #fff;
}
#modalLarge .box-body{
padding-top: 40px;
}
.endereco-item-actions{
display: table;;
width: 100%;
text-align: center;
margin-top: 20px;
}
.right{
float: right;
}
#list-data-table_wrapper {
background: #ffffff;
padding: 10px;
}
/*
* Component: BoxForm
* --------------
*/
.box-form {
position: relative;
border-radius: 10px;
background: #ffffff;
margin-bottom: 20px;
width: 100%;
box-shadow: 0 1px 5px 0 rgba(45,62,80,.12);
padding: 0px 15px;
}
.box-form.box-primary {
border-top-color: #313868;
}
.box-form.box-info {
border-top-color: #00c0ef;
}
.box-form.box-danger {
border-top-color: #ff404a;
}
.box-form.box-warning {
border-top-color: #FFD209;
}
.box-form.box-success {
border-top-color: #30c670;
}
.box-form.box-default {
border-top-color: #d2d6de;
}
.box-form.collapsed-box .box-body-form,
.box-form.collapsed-box .box-footer-form {
display: none;
}
.box-form .nav-stacked > li {
border-bottom: 1px solid #f4f4f4;
margin: 0;
}
.box-form .nav-stacked > li:last-of-type {
border-bottom: none;
}
.box-form.height-control .box-body-form {
max-height: 300px;
overflow: auto;
}
.box-form .border-right {
border-right: 1px solid #f4f4f4;
}
.box-form .border-left {
border-left: 1px solid #f4f4f4;
}
.box-form.box-solid {
border-top: 0;
}
.box-form.box-solid > .box-header-form .btn.btn-default {
background: transparent;
}
.box-form.box-solid > .box-header-form .btn:hover,
.box-form.box-solid > .box-header-form a:hover {
background: rgba(0, 0, 0, 0.1);
}
.box-form.box-solid.box-default {
border: 1px solid #d2d6de;
}
.box-form.box-solid.box-default > .box-header-form {
color: #444444;
background: #d2d6de;
background-color: #d2d6de;
}
.box-form.box-solid.box-default > .box-header-form a,
.box-form.box-solid.box-default > .box-header-form .btn {
color: #444444;
}
.box-form.box-solid.box-primary {
border: 1px solid #313868;
}
.box-form.box-solid.box-primary > .box-header-form {
color: #ffffff;
background: #313868;
background-color: #313868;
}
.box-form.box-solid.box-primary > .box-header-form a,
.box-form.box-solid.box-primary > .box-header-form .btn {
color: #ffffff;
}
.box-form.box-solid.box-info {
border: 1px solid #00c0ef;
}
.box-form.box-solid.box-info > .box-header-form {
color: #ffffff;
background: #00c0ef;
background-color: #00c0ef;
}
.box-form.box-solid.box-info > .box-header-form a,
.box-form.box-solid.box-info > .box-header-form .btn {
color: #ffffff;
}
.box-form.box-solid.box-danger {
border: 1px solid #ff404a;
}
.box-form.box-solid.box-danger > .box-header-form {
color: #ffffff;
background: #ff404a;
background-color: #ff404a;
}
.box-form.box-solid.box-danger > .box-header-form a,
.box-form.box-solid.box-danger > .box-header-form .btn {
color: #ffffff;
}
.box-form.box-solid.box-warning {
border: 1px solid #FFD209;
}
.box-form.box-solid.box-warning > .box-header-form {
color: #ffffff;
background: #FFD209;
background-color: #FFD209;
}
.box-form.box-solid.box-warning > .box-header-form a,
.box-form.box-solid.box-warning > .box-header-form .btn {
color: #ffffff;
}
.box-form.box-solid.box-success {
border: 1px solid #30c670;
}
.box-form.box-solid.box-success > .box-header-form {
color: #ffffff;
background: #30c670;
background-color: #30c670;
}
.box-form.box-solid.box-success > .box-header-form a,
.box-form.box-solid.box-success > .box-header-form .btn {
color: #ffffff;
}
.box-form.box-solid > .box-header > .box-tools .btn {
border: 0;
box-shadow: none;
}
.box-form.box-solid[class*='bg'] > .box-header-form {
color: #fff;
}
.box-form .box-group > .box-form {
margin-bottom: 5px;
}
.box-form .knob-label {
text-align: center;
color: #333;
font-weight: 100;
font-size: 12px;
margin-bottom: 0.3em;
}
.box-form > .overlay,
.overlay-wrapper > .overlay,
.box-form > .loading-img,
.overlay-wrapper > .loading-img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.box-form .overlay,
.overlay-wrapper .overlay {
z-index: 50;
background: rgba(255, 255, 255, 0.7);
border-radius: 3px;
}
.box-form .overlay > .fa,
.overlay-wrapper .overlay > .fa {
position: absolute;
top: 50%;
left: 50%;
margin-left: -15px;
margin-top: -15px;
color: #000;
font-size: 30px;
}
.box-form .overlay.dark,
.overlay-wrapper .overlay.dark {
background: rgba(0, 0, 0, 0.5);
}
.box-header-form:before,
.box-body-form:before,
.box-footer-form:before,
.box-header-form:after,
.box-body-form:after,
.box-footer-form:after {
content: " ";
display: table;
}
.box-header-form:after,
.box-body-form:after,
.box-footer-form:after {
clear: both;
}
.box-header-form {
color: #444;
display: block;
padding: 10px 0px;
position: relative;
border-bottom: 1px solid #c6c7c8;
/*border-top: 1px solid #c6c7c8;*/
}
.box-header-form.with-border {
border-bottom: 1px solid #f4f4f4;
}
.collapsed-box .box-header-form.with-border {
border-bottom: none;
}
.box-header-form > .fa,
.box-header-form > .glyphicon,
.box-header-form > .ion,
.box-header-form .box-title {
display: inline-block;
font-size: 18px;
margin: 0;
line-height: 1;
}
.box-header-form > .fa,
.box-header-form > .glyphicon,
.box-header-form > .ion {
margin-right: 5px;
}
.box-header-form > .box-tools {
position: absolute;
right: 10px;
top: 5px;
}
.box-header-form > .box-tools [data-toggle="tooltip"] {
position: relative;
}
.box-header-form > .box-tools.pull-right .dropdown-menu {
right: 0;
left: auto;
}
.btn-box-tool {
padding: 5px;
font-size: 12px;
background: transparent;
color: #97a0b3;
}
.open .btn-box-tool,
.btn-box-tool:hover {
color: #606c84;
}
.btn-box-tool.btn:active {
box-shadow: none;
}
.box-body-form {
border-top-left-radius: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
padding-top: 10px;
}
.no-header .box-body-form {
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.box-body-form > .table {
margin-bottom: 0;
}
.box-body-form .fc {
margin-top: 5px;
}
.box-body-form .full-width-chart {
margin: -19px;
}
.box-body-form.no-padding .full-width-chart {
margin: -9px;
}
.box-body-form .box-pane {
border-top-left-radius: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 3px;
}
.box-body-form .box-pane-right {
border-top-left-radius: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 0;
}
.box-footer-form {
border-top-left-radius: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
/*border-top: 1px solid #f4f4f4;
padding: 10px;
border-top: 1px solid #c6c7c8;*/
/*border-bottom: 1px solid #c6c7c8;
background-color: #ffffff;*/
}
.box-body-form .form-group {
float: left;
width: 100%;
margin-top: 10px;
/* margin: 0;
margin-bottom: 30px;*/
}
.box-body-form .form-group-half {
float: left;
/*width: 50%;*/
margin-top: 10px;
margin-bottom: 15px;
/* margin: 0;
margin-bottom: 30px;*/
}
.box-fixed{
position: fixed;
right: 1%;
display: inline-block;
bottom: 0;
box-shadow: 0 1px 5px 0 rgba(45,62,80,.12);
/*
background: white;
padding: 10px 20px;
*/
border-radius: 5px 5px 0px 0px;
}
.btn-fixed {
width: 205px;
border-radius: 5px 0 0 0;
height: 45px;
}
.toggle-btn {
width: 80px;
height: 40px;
/*margin: 10px;*/
border-radius: 50px;
display: inline-block;
position: relative;
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAyklEQVQ4T42TaxHCQAyENw5wAhLACVUAUkABOCkSwEkdhNmbpHNckzv689L98toIAKjqGcAFwElEFr5ln6ruAMwA7iLyFBM/TPDuQSrxwf6fCKBoX2UMIYGYkg8BLOnVg2RiAEexGaQQq4w9e9klcxGLLAUwgDAcihlYAR1IvZA1sz/+AAaQjXhTQQVoe2Yo3E7UQiT2ijeQdojRtClOfVKvMVyVpU594kZK9zzySWTlcNqZY9tjCsUds00+A57z1e35xzlzJjee8xf0HYp+cOZQUQAAAABJRU5ErkJggg==") no-repeat 50px center #e74c3c;
cursor: pointer;
-webkit-transition: background-color .40s ease-in-out;
-moz-transition: background-color .40s ease-in-out;
-o-transition: background-color .40s ease-in-out;
transition: background-color .40s ease-in-out;
cursor: pointer;
}
.toggle-btn.active {
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAmUlEQVQ4T6WT0RWDMAhFeZs4ipu0mawZpaO4yevBc6hUIWLNd+4NeQDk5sE/PMkZwFvZywKSTxF5iUgH0C4JHGyF97IggFVSqyCFga0CvQSg70Mdwd8QSSr4sGBMcgavAgdvwQCtApvA2uKr1x7Pu++06ItrF5LXPB/CP4M0kKTwYRIDyRAOR9lJTuF0F0hOAJbKopVHOZN9ACS0UgowIx8ZAAAAAElFTkSuQmCC") no-repeat 10px center #2ecc71;
}
.toggle-btn.active .round-btn {
left: 45px;
}
.toggle-btn .round-btn {
width: 30px;
height: 30px;
background-color: #fff;
border-radius: 50%;
display: inline-block;
position: absolute;
left: 5px;
top: 50%;
margin-top: -15px;
-webkit-transition: all .30s ease-in-out;
-moz-transition: all .30s ease-in-out;
-o-transition: all .30s ease-in-out;
transition: all .30s ease-in-out;
}
.toggle-btn .cb-value {
position: absolute;
left: 0;
right: 0;
width: 100%;
height: 100%;
opacity: 0;
z-index: 9;
cursor: pointer;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.open-oferta{
margin-top:-30px;
margin-left: 5px;
}
.open-oferta .img{
display: table;
width: 20%;
float: left;
margin-top: 30px;
}
.open-oferta .img img{
width: 100%;
}
.open-oferta .text{
display: table;
width: 72%;
float: left;
font-size: 12px;
}
.open-oferta .title, .open-oferta .subtitle{
display: table;
width: 100%;
font-size: 14px;
font-weight: 600;
}
.open-oferta .preco_inicial{
color: #ccc;
text-decoration: line-through;
font-size: 12px;
}
.open-oferta .preco_final{
color: #43cc59;
font-size: 14px;
margin-left: 5px;
}
.open-oferta .estoque{
color: #f55133;
font-size: 13px;
}
.minha-conta__right{
width: 100%;
}
.center{
align-items: center;
display: flex;
margin-bottom: 30px;
justify-content: space-between;
}
.vinhos-adega{
box-sizing: border-box;
padding-right: 35px;
float: left;
border-right: 1px solid #e5e5e3;
display: flex;
align-items: center;
width: 33%;
justify-content: center;
}
.vinhos-adega .texto{
margin-left: 30px;
font-size: 20px;
text-transform: uppercase;
color: #333333;
font-weight: 800;
}
.valor-total{
box-sizing: border-box;
padding-right: 35px;
border-right: 1px solid #e5e5e3;
float: left;
width: 33%;
text-align: center;
}
.valor-total .texto,.valor-economizado .texto{
text-transform: uppercase;
color: #333333;
font-weight: 800;
}
.valor-economizado{
box-sizing: border-box;
float: left;
width: 33%;
text-align: center;
}
.vinhos-adega .numero{
color: #302d71;
font-size: 75px;
font-weight: 900;
}
.minha-conta__right .texto{
text-transform: uppercase;
color: #333333;
font-weight: 800;
}
.valor-total .numero{
color: #f54f25;
font-weight: 800;
font-size: 38px;
margin-top: 5px;
letter-spacing: -3px;
}
.valor-economizado .numero{
color: #1cc053;
font-weight: 800;
font-size: 38px;
margin-top: 5px;
letter-spacing: -3px;
}
.valor-total .rs,.valor-economizado .rs{
font-weight: 300;
letter-spacing: 0px;
}
.cartao-item,.endereco-item{
padding: 30px 0;
border-bottom: 2px solid #e1e1e1;
}
.cartao-item:last-of-type,.endereco-item:last-of-type{
border-bottom: none;
}
.cartao-item__title,.endereco-item__title{
color: #464647;
font-weight: 800;
text-transform: uppercase;
letter-spacing: -.5px;
font-size: 14px;
}
.cartao-item span,.endereco-item span{
font-weight: 500;
color: #464647;
margin-right: 10px;
display: inline-block;
font-size: 14px;
}
/* TABELA */
.tabela{
width: 100%;
border-collapse: collapse;
}
.tabela th{
color: #6c6d6f;
font-weight: bold;
}
.tabela td{
font-weight: 700;
color: #333333;
letter-spacing: -.5px;
}
.tabela th,td{
text-align: left;
padding: 20px 0;
}
.tabela tr{
border-bottom: 2px solid #e1e1e1;
}
.tabela.inside tr{
border-bottom: 1px solid #e1e1e1;
}
.tabela.inside tr:first-child{
border-bottom: none;
}
.tabela tr:last-of-type{
border-bottom: none;
}
.tabela .valor{
color: #302775;
font-weight: 900;
}
.tabela .valor-velho{
color: #717173;
font-weight: 600;
text-decoration-line: line-through;
margin-right: 10px;
}
.tabela .desconto{
color: #ff4718;
font-weight: 600;
margin-left: 10px;
}
.tabela td .fa{
font-weight: bold;
font-size: 18px;
}
.tabela .nome-produto{
display: flex;
align-items: center;
}
.tabela .nome-produto img{
margin-right: 25px;
width: 15px;
}
.tabela .motivo{
color: #ec1111;
border-bottom: 1px solid #ec1111;
font-size: 12px;
display: inline-block;
line-height: 15px;
}
.tabela .comprovante{
color: #fdb913;
border-bottom: 1px solid #fdb913;
font-size: 12px;
display: inline-block;
line-height: 15px;
}
.text-center{
text-align: center!important;
}
.text-right{
text-align:right!important;
}
.text-left{
text-align:left!important;
}
.f-right{
float: right;
}
.f-left{
float: left;
}
/* FIM TABELA */
/* Endereco */
.endereco-item .informacoes{
width: 50%;
}
/* Fim Endereco */
.total-adega{
padding: 30px 0;
border-bottom: 2px solid #e1e1e1;
border-top: 2px solid #e1e1e1;
}
.minha-conta__right .title{
color: #929295;
text-transform: uppercase;
font-size: 16px;
font-weight: bold;
}
.total-adega .unidades{
color: #302d71;
font-weight: bold;
font-size: 20px;
width: 10%;
}
.total-adega .valor{
color: #302d71;
font-weight: bold;
font-size: 20px;
width: 25.5%;
text-align: left;
}
.ui-slider-handle.ui-state-hover, .ui-slider-handle.ui-state-active, .ui-slider-handle.ui-state-focus{
color: #000!important;
}
.harmonizacoes .item{
display:table;
float: left;
margin-right: 10px;
margin-bottom: 5px;
}
.harmonizacoes .item label{
margin-left:5px;
}
.fc-unthemed td.fc-today{
}
.detalhes-combo{
display: none;
}
.default-input{
border: 1px solid #707070;
box-sizing: border-box;
border-radius: 3px;
background: transparent;
height: 50px;
margin-top: 10px;
width: 100%;
padding-left: 10px;
font-size: 13px;
color: black;
font-weight: bold;
font-family: 'Montserrat',sans-serif;
}
.default-input:focus{
outline: none;
}
.default-textarea{
border: 1px solid #707070;
box-sizing: border-box;
border-radius: 3px;
height: 150px;
background: transparent;
margin-top: 10px;
width: 100%;
padding-left: 10px;
padding-top: 15px;
font-size: 13px;
color: black;
font-weight: bold;
font-family: 'Montserrat',sans-serif;
}
.default-textarea:focus{
outline: none;
}
.default-select{
border: 1px solid #707070;
border-radius: 3px;
box-sizing: border-box;
height: 50px;
width: 100%;
background: transparent;
font-size: 13px;
margin-top: 10px;
color: black;
font-weight: bold;
font-family: 'Montserrat',sans-serif;
}
.default-select:focus,.default-select:visited{
outline: none;
}
.default-select .disable{
color:#bbbcbe;
}
.adicionar-endereco{
display: none;
width: 100%;
}
.pagamento{
display: none;
}
.nome-produto img{
max-width: 30px;
max-height: 50px;
margin-right: 5px;
}
.head-detalhes td{
padding: 2px 12px!important;
background: rgb(229, 229, 227);
text-transform: uppercase;
font-size: 12px;
font-weight: 700;
}
.no-margin{
margin:0px!important;
}
.meio-pagamento__forma-pagamento{
text-align: center;
padding: 20px;
box-sizing: border-box;
border: 2px solid #828080;
color: #828080;
font-weight: 800;
text-transform: uppercase;
letter-spacing: 1px;
width: 50%;
cursor: pointer;
}
.meio-pagamento__forma-pagamento:hover{
border-color: #302e71;
color: #302e71;
}
.meio-pagamento__forma-pagamento:first-child{
border-right:none;
}
.meio-pagamento__forma-pagamento:last-child{
border-left:none;
}
.meio-pagamento__forma-pagamento.active{
border-color:#302e71 ;
background:#302e71;
color: white;
}
.cartoes,.deposito-bancario{
width: 45%;
margin-top: 40px;
}
.meio-pagamento .flex-between{
align-items: initial;
}
.deposito-bancario__infos{
font-weight: 500;
letter-spacing: -.5px;
line-height: 20px;
}
.deposito-bancario__infos b{
font-weight: 600;
}
.deposito-bancario__options{
margin-top: 30px;
margin-bottom: 30px;
}
.deposito-bancario__options .item{
display: flex;
align-items: center;
}
.deposito-bancario__options .item label{
margin-top: 0;
margin-left: 10px;
font-size: 14px;
letter-spacing: 1px;
}
/* Disabled */
.deposito-bancario.disabled{
opacity: 0.2;
}
.cartoes.disabled{
opacity: 0.2;
}
.cartoes.disabled .default-input{
cursor: not-allowed;
}
.deposito-bancario.disabled .default-input{
cursor: not-allowed;
}
.enviar-comprovante{
font-weight: 500;
font-size: 12px;
line-height: 18px;
margin-top: 15px;
}
.enviar-comprovante b{
font-weight: 600;
}
.cartoes__salvar-cartao{
display: flex;
align-items: center;
width: 100%;
margin-top: 20px;
}
.cartoes__salvar-cartao input{
margin: 0;
margin-right: 10px;
width: 3%;
}
.cartoes__salvar-cartao label{
margin: 0;
}
.cartoes__novo-cartao{
padding: 18px 70px;
box-sizing: border-box;
border: 2px solid transparent;
color: white;
background: #e0583f;
border-radius: 3px;
font-weight: 900;
letter-spacing: 1px;
text-transform: uppercase;
font-size: 16px;
display: flex;
align-items: center;
cursor: pointer;
margin-top: 30px;
}
.cartoes__novo-cartao:hover{
border-color: #e0583f;
color: #e0583f;
background: white;
}
.cartoes__item{
display: flex;
align-items: center;
padding-bottom: 20px;
border-bottom: 2px solid #e1e1e1;
}
.cartoes__item+.cartoes__item{
margin-top: 20px;
}
.cartoes__item p{
font-weight: 600;
color: #464647;
}
.cartoes__item .validade{
margin-left: 30px;
}
.cartoes__item .cartao-item__title{
margin-bottom: 6px;
}
.cartoes__item img{
margin-right: 10px;
width: 40px;
}
.cartoes__item input{
margin-right: 20px;
}
.btn-confirmar-compra{
padding: 18px 70px;
box-sizing: border-box;
border: 2px solid transparent;
color: white;
background: #1cc053;
border-radius: 3px;
font-weight: 900;
letter-spacing: 1px;
text-transform: uppercase;
font-size: 16px;
display: flex;
align-items: center;
margin: 0 auto;
cursor: pointer;
margin-top: 60px;
}
.btn-confirmar-compra:hover{
border-color: #1cc053;
color: #1cc053;
background: white;
}
.btn-confirmar-compra .fa{
font-weight: bold;
font-size: 20px;
margin-left: 20px;
}
.meio-pagamento__problemas-compra{
font-weight: 600;
text-align: center;
font-size: 12px;
margin-top: 15px;
}
.meio-pagamento__problemas-compra a{
color: #086ed4;
}
.content-table{
display: table;
width: 100%;
}
.item-acao{
height: 63px;
padding: 20px 0;
text-align: center;
font-weight: bold;
color:#6c6d6f;
}
.item-acao:not(:last-child){
border-bottom:2px solid #e1e1e1;
}
.pagamento-item td, .pagamento-item th{
height: 62px!important;
}
.half-analise .form-group{
width: 100%;
}
.relatorio-pedidos table{
margin-bottom: 0;
}
.relatorio-pedidos .item{
border: 2px solid #ccc;
margin-bottom: 10px;
}
.relatorio-pedidos .item .items-pedido{
padding: 8px;
}
.relatorio-pedidos .item td, .relatorio-pedidos .item th{
padding: 4px;
}
.relatorio-pedidos-filtros{
padding-bottom: 15px;
width: 100%;
}
#relatorio-etiquetas{
align-items: center;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
width: 100%;
}
#relatorio-etiquetas__items{
width: 580px;
}
#relatorio-etiquetas__items .item{
text-align: center;
width: 290px;
height: 150px;
border: 1px solid #000000;
border-bottom: 2px solid #000000;
border-right: 2px solid #000000;
float: left;
}
#relatorio-etiquetas__items .item .item--number{
height: 105px;
border-bottom: 1px solid #000000;
}
#relatorio-etiquetas__items .item .item--number h1{
font-size: 90px;
}
#relatorio-etiquetas__items .item .item_descricao--small{
font-size: 12px;
white-space: nowrap;
overflow: hidden;
}
#pdv__disponibilidade{
padding-top: 15px;
}
#pdv__disponibilidade--btn_produto{
padding-left: 10px;
}
@media print
{
.no-print, .no-print *
{
display: none !important;
}
.relatorio-pedidos .item{
font-size:10px;
}
.relatorio-pedidos .item td, .relatorio-pedidos .item th{
padding:2px;
}
}
.dash-vendas-por-empresa--total{
text-align: center;
display: inline-block;
margin: 0 auto;
padding-top: 30px;
}
.dash-vendas-por-empresa--total p{
font-size: 18px;
font-weight: bold;
color: #666666;
padding-top: 15px;
}
/* DASH CADASTRO CLIENTE */
.dash-cadastro-cliente{
}
.dash-cadastro-cliente .dash-cadastro-cliente--body{
margin: 0 auto;
text-align: center;
width: 100%;
margin-top: 15px;
margin-left: 15px;
}
.dash-cadastro-cliente--body-title{
font-weight: bold;
text-align: center;
color: #606060;
font-size: 11px;
}
.dash-cadastro-cliente--body-itens{
margin: 0 auto;
text-align: center;
width: 75%;
padding-top: 5px;
}
.dash-cadastro-cliente--body-item{
font-weight: bold;
font-size: 16px;
float: left;
border-right: 1px solid #ccc;
}
.dash-cadastro-cliente--item{
padding-top: 15px;
width: 150px;
height: 100px;
}
.dash-cadastro-cliente--item p.item-title{
color: #999;
font-size: 13px;
}
.dash-cadastro-cliente--item p.item-data{
color: #666;
font-size: 13px;
}
.dash-cadastro-cliente--body-item__right{
border-right: none;
}
.dash-cadastro-cliente--body-item__first{
border-bottom: 1px solid #ccc;
}
/* DASH CALENDAR DAY */
.dash-calendar-day{
width: 100%;
height: 100%;
}
.dash-calendar-day .dash-calendar-day--header{
margin: 0 auto;
text-align: center;
font-weight: bold;
font-size: 20px;
padding-top: -10px;
padding-bottom: 5px;
color: #606060;
}
.dash-calendar-day .dash-calendar-day--body{
margin: 0 auto;
text-align: center;
width: 90%;
}
.dash-calendar-day--item{
width: 40px;
font-weight: bold;
font-size: 16px;
border-right: 1px solid #ccc;
float: left;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
.dash-calendar-day--item__right{
border-right: 0px;
}
.dash-calendar-day--item__red{
color: #FF0000;
}
.dash-calendar-day--item__red-invert{
color: #FFFFFF;
background-color: #FF0000;
}
.dash-calendar-day--item__brown{
color: #b28c3f;
}
.dash-calendar-day--item__brown-invert{
color: #FFFFFF;
background-color: #b28c3f;
}
.dash-calendar-day--item__yellow{
color: #ff9900;
}
.dash-calendar-day--item__yellow-invert{
color: #FFFFFF;
background-color: #ff9900;
}
.dash-calendar-day--item__green{
color: #009900;
}
.dash-calendar-day--item__green-invert{
color: #FFFFFF;
background-color: #009900;
}
.dash-calendar-day--item__blue{
color: #0066cc;
}
.dash-calendar-day--item__blue-invert{
color: #FFFFFF;
background-color: #0066cc;
}
.dash-calendar-day .dash-calendar-day--footer{
margin: 0 auto;
text-align: center;
width: 90%;
margin-top: 55px;
}
.dash-calendar-day--footer-title{
font-weight: bold;
text-align: center;
color: #606060;
font-size: 11px;
}
.dash-calendar-day--footer-itens{
margin: 0 auto;
text-align: center;
width: 75%;
padding-top: 5px;
}
.dash-calendar-day--footer-item{
width: 50px;
font-weight: bold;
font-size: 16px;
float: left;
border-right: 1px solid #ccc;
}
.dash-calendar-day--footer-item__right{
border-right: none;
}
.dash-calendar-day--footer-item__first{
border-bottom: 1px solid #ccc;
}
@media only screen and (max-width: 1600px) {
/* DASH CALENDAR DAY */
.dash-calendar-day{
width: 100%;
height: 100%;
}
.dash-calendar-day .dash-calendar-day--header{
margin: 0 auto;
text-align: center;
font-weight: bold;
font-size: 16px;
margin-top: -15px;
color: #606060;
}
.dash-calendar-day .dash-calendar-day--body{
margin: 0 auto;
text-align: center;
width: 90%;
}
.dash-calendar-day--item{
width: 19%;
font-weight: bold;
font-size: 13px;
border-right: 1px solid #ccc;
float: left;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
.dash-calendar-day--item__right{
border-right: 0px;
}
.dash-calendar-day--item__red{
color: #FF0000;
}
.dash-calendar-day--item__brown{
color: #b28c3f;
}
.dash-calendar-day--item__yellow{
color: #ff9900;
}
.dash-calendar-day--item__green{
color: #009900;
}
.dash-calendar-day--item__blue{
color: #0066cc;
}
.dash-calendar-day .dash-calendar-day--footer{
margin: 0 auto;
text-align: center;
width: 90%;
margin-top: 45px;
}
.dash-calendar-day--footer-title{
font-weight: bold;
text-align: center;
color: #606060;
font-size: 11px;
}
.dash-calendar-day--footer-itens{
margin: 0 auto;
text-align: center;
width: 75%;
padding-top: 5px;
}
.dash-calendar-day--footer-item{
width: 30%;
font-weight: bold;
font-size: 13px;
float: left;
border-right: 1px solid #ccc;
}
.dash-calendar-day--footer-item__right{
border-right: none;
}
.dash-calendar-day--footer-item__first{
border-bottom: 1px solid #ccc;
}
}
@media screen and (min-width: 992px){
.hide-desktop{
display: none!important;
}
}
span.red-label{
color: red;
}
/** Header v2 **/
.main-header.v2 .logo{
height: 70px;
min-width: 70px;
background: #2C2A5C;
margin: 0;
padding: 0;
display: flex;
align-items: center;
justify-content: center;
}
.main-header.v2 .logo > span{
margin: 0 !important;
}
.sidebar-mini.sidebar-collapse .main-header.v2 .navbar{
margin-left: 70px;
}
.main-header.v2 .nav-flex{
height: 70px;
background: #302E71;
}
.left-header{
margin-left: 40px;
display: flex;
align-items: center;
}
.titulo-header{
font-family: Montserrat;
font-weight: 500;
font-size: 15px;
color: white;
margin-left: 20px;
padding-left: 20px;
border-left: 2px solid #E0583F;
line-height: 18px;
}
.main-header.v2 .logo-mini img{
transform: none;
}
.main-header.v2 .search-form{
width: 210px;
position: relative;
padding: 0;
margin-right: 20px;
}
.main-header.v2 .sidebar-form input{
width: 210px;
height: 40px;
background: #302E71;
border: 1px solid #5E5C96;
border-radius: 2px;
padding: 0 15px;
box-sizing: border-box;
padding-right: 40px;
font-family: "Montserrat";
font-weight: 500;
font-size: 14px;
color: #D3D3D3;
}
.main-header.v2 .sidebar-form{
overflow: visible;
}
.main-header.v2 .sidebar-form label{
position: absolute;
left: 15px;
top: 8px;
font-family: "Montserrat";
font-weight: 500;
font-size: 14px;
color: #D3D3D3;
z-index: 99;
padding: 2px 6px;
background: #302E71;
pointer-events: none;
transition: 250ms ease;
}
.main-header.v2 .sidebar-form input:valid + label,
.main-header.v2 .sidebar-form input:focus + label{
font-size: 12px;
font-weight: normal;
top: -10px;
left: 9px;
}
.main-header.v2 .sidebar-form .input-group-btn #search-btn{
position: absolute;
top: 0;
right: 0;
width: 44px;
height: 40px;
border: 0;
box-shadow: none;
outline: none;
background: transparent;
background-image: url('../../img/search-admin.png');
background-repeat: no-repeat;
background-position: center center;
transition: 250ms ease;
z-index: 99;
}
.main-header.v2 .sidebar-form .input-group-btn #search-btn .fa{
display: none;
}
.main-header.v2 .sidebar-form .input-group-btn #search-btn:hover{
opacity: 0.7;
}
.main-header.v2 input:-webkit-autofill,
.main-header.v2 input:-webkit-autofill:hover,
.main-header.v2 input:-webkit-autofill:focus,
.main-header.v2 input:-webkit-autofill:active {
-webkit-box-shadow: 0 0 0px 1000px #302E71 inset !important;
}
.main-header.v2 input:-webkit-autofill {
-webkit-text-fill-color: #D3D3D3 !important;
}
.periodo-header{
position: relative;
margin-right: 35px;
}
.periodo-header .box-periodo{
width: 170px;
height: 40px;
background: #302E71;
border: 1px solid #5E5C96;
border-radius: 2px;
display: flex;
align-items: center;
padding: 0 15px;
font-family: "Montserrat";
font-weight: 500;
font-size: 14px;
color: #D3D3D3;
cursor: default;
background-image: url('../../img/down-caret.png');
background-repeat: no-repeat;
background-position: 90% center;
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
}
.periodo-header .label{
position: absolute;
font-family: "Montserrat";
font-weight: 500;
color: #D3D3D3;
z-index: 99;
padding: 2px 6px;
background: #302E71;
pointer-events: none;
transition: 250ms ease;
font-size: 12px;
font-weight: normal;
top: -10px;
left: 9px;
}
.drop-new{
opacity: 0;
visibility: hidden;
position: absolute;
background: white;
border-radius: 5px;
box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.15);
min-width: 180px;
padding: 10px 0;
list-style: none;
top: 48px;
left: -5px;
transform: translateY(-10px);
transition: 250ms ease;
z-index: 400;
}
.drop-new.active{
opacity: 1;
visibility: visible;
transform: translateY(0px);
}
.drop-new li{
height: 37px;
display: flex;
align-items: center;
cursor: pointer;
}
.drop-new li:hover{
background: #F4F4F4;
}
.drop-new li a,
.drop-new li span{
font-size: 14px;
color: #666666 !important;
font-weight: 500;
text-decoration: none;
display: flex;
align-items: center;
height: 37px;
padding: 0 20px;
width: 100%;
}
.r-header{
display: flex;
align-items: center;
}
.profile-header{
height: 35px;
width: 51px;
position: relative;
margin-right: 32px;
background-image: url('../../img/down-caret.png');
background-repeat: no-repeat;
background-position: right center;
cursor: pointer;
}
.profile-header .bullet{
width: 35px;
height: 35px;
border-radius: 50%;
border: 1px solid #B2B2B2;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
transition: 250ms ease;
}
.profile-header:hover .bullet{
border-color: white;
}
.profile-header .bullet span{
text-transform: uppercase;
font-size: 14px;
color: white;
font-weight: 600;
}
.profile-header .drop-new{
right: -20px;
left: initial;
min-width: 110px;
}
.mask-new-drop{
/*width: 100%;*/
width: 50px;
height: 100%;
position: fixed;
left: 70px;
right: 0;
top: 0;
bottom: 0;
z-index: 999;
background: transparent;
display: none;
}
.mask-new-drop.active{
display: block;
}
/** Sidebar v2 **/
.main-sidebar.v2 .slimScrollDiv .sidebar{
height: 100% !important;
overflow: hidden !important;
margin-top: 10px;
/* -ms-overflow-style: none;
scrollbar-width: none; */
}
.main-sidebar.v2 .slimScrollDiv .sidebar.open{
width: 290px !important;
}
.main-sidebar.v2 .slimScrollDiv .sidebar::-webkit-scrollbar{
/* display: none; */
}
.main-sidebar.v2 .sidebar-menu{
padding-top: 0;
width: 70px;
}
.main-sidebar.v2 .slimScrollBar{
display: none !important;
}
.sidebar-mini.sidebar-collapse .main-sidebar.v2 .sidebar-menu > li > a{
height: 76px;
border-bottom: 1px solid #EEEEEE;
padding: 0;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
}
.sidebar-mini.sidebar-collapse .main-sidebar.v2 .sidebar-menu > li > a:hover{
background: white;
}
.main-sidebar.v2 .figure-img{
height: 50px;
margin-top: 2px;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.main-sidebar.v2 .menu-titulo-label{
font-family: "Roboto";
font-size: 9px;
line-height: 11px;
font-weight: 500;
color: #555555;
}
.sidebar-mini.sidebar-collapse .main-sidebar.v2 .sidebar-menu > li > a:hover .menu-titulo-label{
background: #E0583F;
border-radius: 2px;
padding: 2px 4px 2px 6px;
color: white;
}
.sidebar-mini.sidebar-collapse .main-sidebar.v2 .sidebar-menu > li .treeview-menu{
left: 69px;
border-left: 0;
box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.15);
border: 1px solid #EEEEEE;
padding: 10px 0;
border-radius: 0px 5px 5px 0px;
}
.sidebar-mini.sidebar-collapse .main-sidebar.v2 .sidebar-menu > li .treeview-menu li a{
width: 100%;
display: flex;
align-items: center;
background: white;
padding: 0 30px 0px 20px;
font-size: 13px;
color: #666666;
height: 37px;
font-family: "Montserrat";
}
.sidebar-mini.sidebar-collapse .main-sidebar.v2 .sidebar-menu > li .treeview-menu li:first-child a{
border-radius: 0 5px 0 0;
}
.sidebar-mini.sidebar-collapse .main-sidebar.v2 .sidebar-menu > li .treeview-menu li:last-child a{
border-radius: 0 0 5px 0;
}
.sidebar-mini.sidebar-collapse .main-sidebar.v2 .sidebar-menu > li .treeview-menu li a i{
display: none;
}
.sidebar-mini.sidebar-collapse .main-sidebar.v2 .sidebar-menu > li .treeview-menu li a:hover{
background: #F4F4F4;
}
/*** Content v2 **/
.content.v2{
padding: 40px;
max-width: 1279px;
margin: auto;
}
.content.v2 .box{
box-shadow: 0px 24px 60px rgba(0, 0, 0, 0.07);
border-radius: 8px;
padding: 23px;
}
.content-wrapper, .right-side{
background: #E5E5E5;
}
.content.v2 .box-header.with-border{
padding: 0;
border: 0;
}
.content.v2 .box-header.with-border h3.box-title{
font-weight: 600;
font-size: 14px;
font-family: "Montserrat";
line-height: 17px;
}
.content.v2 .box-header.with-border h3.box-title span{
font-weight: normal;
color: #666;
}
.content.v2 #flex-calendar{
margin-top: 0;
}
.content.v2 #fullcalendar{
box-shadow: none;
border-radius: 5px;
border: 1px solid #E2E2E2;
}
.content.v2 #fullcalendar *{
border-color: #E2E2E2;
}
.content.v2 .fc-toolbar.fc-header-toolbar{
padding: 24px 30px;
margin: 0;
}
.content.v2 .fc-toolbar.fc-header-toolbar .fc-today-button{
height: 34px;
width: 86px;
border: 1px solid #CFCFCF;
border-radius: 3px;
box-shadow: none;
background: white;
font-size: 13px;
font-family: "Montserrat";
color: #555;
font-weight: 500;
outline: none;
}
.content.v2 .fc-toolbar.fc-header-toolbar .fc-today-button.fc-state-disabled{
opacity: 0.3;
}
.content.v2 .fc-toolbar.fc-header-toolbar .fc-button-group{
margin-left: 25px;
}
.content.v2 .fc-toolbar.fc-header-toolbar .fc-prev-button,
.content.v2 .fc-toolbar.fc-header-toolbar .fc-next-button{
background: transparent;
box-shadow: none;
height: 34px;
border: none;
outline: none;
color: #E0583F;
width: 27px;
padding: 0;
font-size: 16px;
}
.content.v2 .fc-toolbar.fc-header-toolbar h2{
display: flex;
align-items: center;
height: 34px;
text-transform: uppercase;
font-family: "Montserrat";
font-size: 16px;
color: #555;
margin-left: 25px;
}
.content.v2 .fc-day-header.fc-widget-header{
height: 46px;
background: #FAFAFA;
padding: 13px 0;
align-items: center;
justify-content: center;
box-sizing: border-box;
}
.content.v2 .fc-day-header.fc-widget-header span{
font-size: 13px;
font-family: "Montserrat";
color: #555555;
font-weight: 500;
}
.content.v2 .fc-day-top{
padding-right: 8px;
padding-top: 8px;
}
.content.v2 .fc-day-top a{
font-family: "Montserrat";
font-weight: 300;
font-size: 23px;
text-align: right;
color: #999999;
pointer-events: none;
}
.content.v2 .fc-row.fc-week{
height: 172px !important;
}
.content.v2 .fc-day.fc-other-month{
background-color: #F8F8F8;
}
.content.v2 .fc-scroller{
height: auto !important;
overflow: visible !important;
}
.content.v2 .fc-unthemed td.fc-today{
background: #FDF7F5;
}
.content.v2 .fc-event-container{
position: relative;
}
.content.v2 .dash-calendar-day--footer-title{
position: absolute;
top: -30px;
left: 12px;
font-size: 12px;
color: #999;
font-family: "Montserrat";
font-weight: normal;
text-align: left;
max-width: 110px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.content.v2 .dash-calendar-day--header{
font-family: "Montserrat";
font-weight: 600;
font-size: 12px;
color: #555;
text-align: right;
right: initial;
margin: 0;
top: 0;
left: initial;
width: auto;
padding-right: 12px;
padding-top: 2px;
}
.content.v2 .dash-calendar-day--body{
top: 6px;
position: relative;
}
.content.v2 .dash-calendar-day--item{
border: 1px solid #EAEAEA;
width: 28px;
height: 37px;
margin: 0 1.5px !important;
padding-top: 3px;
box-sizing: border-box;
}
.content.v2 .dash-calendar-day--item > div{
color: #969696;
font-family: "Montserrat";
font-weight: 600;
font-size: 12px;
text-align: center;
line-height: 15px;
background: transparent !important;
}
.content.v2 .dash-calendar-day--body{
display: flex;
justify-content: center;
}
.content.v2 #events-layer{
display: none !important;
}
.content.v2 .dash-calendar-day--item.c-red > div{
color: #E0583F;
}
.content.v2 .dash-calendar-day--item.c-brown > div{
color: #969696;
}
.content.v2 .dash-calendar-day--item__yellow,
.content.v2 .dash-calendar-day--item.c-yellow > div{
color: #E0A736;
}
.content.v2 .dash-calendar-day--item__green,
.content.v2 .dash-calendar-day--item.c-green > div{
color: #8A9756;
}
.content.v2 .dash-calendar-day--item__blue,
.content.v2 .dash-calendar-day--item.c-blue > div{
color: #8F97B1;
}
.content.v2 .dash-calendar-day--item.c-red.invert{
background: #E0583F;
border-color: #E0583F !important;
}
.content.v2 .dash-calendar-day--item.c-red.invert > div{
color: #fff;
}
.content.v2 .dash-calendar-day--item.c-brown.invert{
background: #969696;
border-color: #969696 !important;
}
.content.v2 .dash-calendar-day--item.c-brown.invert > div{
color: #fff;
}
.content.v2 .dash-calendar-day--item.c-yellow.invert{
background: #E0A736;
border-color: #E0A736 !important;
}
.content.v2 .dash-calendar-day--item.c-yellow.invert > div{
color: #fff;
}
.content.v2 .dash-calendar-day--item.c-green.invert{
background: #8A9756;
border-color: #8A9756 !important;
}
.content.v2 .dash-calendar-day--item.c-green.invert > div{
color: #fff;
}
.content.v2 .dash-calendar-day--item.c-blue.invert{
background: #8F97B1;
border-color: #8F97B1 !important;
}
.content.v2 .dash-calendar-day--item.c-blue.invert > div{
color: #fff;
}
.content.v2 .dash-calendar-day--footer-itens{
top: -34px;
position: relative;
display: flex;
justify-content: center;
}
.content.v2 .dash-calendar-day--footer-item__first{
border: 0;
line-height: 12px;
}
.content.v2 .dash-calendar-day--footer-item{
background: #F9F9F9;
height: 37px;
width: 33.4px;
margin: 0 4px;
border: 0;
padding-top: 6px;
box-sizing: border-box;
}
.content.v2 .cal-legenda{
display: flex;
margin-top: 30px;
padding-bottom: 17px;
padding-left: 10px;
}
.content.v2 .cal-legenda ul{
list-style: none;
padding: 0;
margin: 0;
margin-right: 45px;
}
.content.v2 .cal-legenda ul li{
margin-bottom: 10px;
display: flex;
}
.content.v2 .cal-legenda ul li .square{
width: 16px;
height: 16px;
border-radius: 2px;
background: #000;
margin-right: 6px;
}
.content.v2 .cal-legenda ul li span{
font-family: "Montserrat";
font-size: 12px;
color: #555555;
}
.content.v2 .cal-legenda ul li span strong{
font-weight: 600;
}
.content.v2 .cal-legenda ul li .square.red{
background: #E0583F;
}
.content.v2 .cal-legenda ul li .square.brown{
background: #969696;
}
.content.v2 .cal-legenda ul li .square.yellow{
background: #E0A736;
}
.content.v2 .cal-legenda ul li .square.green{
background: #8A9756;
}
.content.v2 .cal-legenda ul li .square.blue{
background: #8F97B1;
}
.content.v2 .cal-legenda ul li .square.gray{
background: #F1F1F1;
}
.content.v2 .cal-legenda ul li.down-items.green span strong{
color: #8A9756;
}
.content.v2 .cal-legenda ul li.down-items.blue span strong{
color: #8F97B1;
}
.content.v2 .cal-legenda ul li.down-items.yellow span strong{
color: #E0A736;
}
.content.v2 .flex-empresas{
display: flex;
align-items: center;
margin-top: 15px;
}
.content.v2 .kpi span{
font-size: 12px;
font-weight: 600;
color: #666666;
font-family: "Montserrat";
margin-bottom: 8px;
display: block;
}
.content.v2 .kpi strong{
color: #E0583F;
font-size: 16px;
font-weight: 600;
font-family: "Montserrat";
white-space: nowrap;
}
.content.v2 .flex-empresas .kpi{
width: 108px;
}
.content.v2 .list-bars *{
font-family: "Montserrat";
}
.content.v2 .list-bars .item-bars{
display: flex;
align-items: center;
margin-bottom: 3px;
}
.content.v2 .list-bars .n-empresa{
font-size: 12px;
color: #666666;
width: 33px;
display: block;
}
.content.v2 .list-bars .perc-empresa{
font-size: 12px;
color: #666666;
width: 36px;
display: block;
font-weight: 600;
text-align: right;
}
.content.v2 .list-bars .bar-box{
width: 50px;
margin-left: 10px;
}
.content.v2 .list-bars .bar-box span.bar{
height: 8px;
display: block;
background: #E0583F;
}
.content.v2 .row{
margin-right: -10px;
margin-left: -10px;
}
.content.v2 .row div[class^="col"]{
padding-right: 10px;
padding-left: 10px;
}
.content.v2 .box.blue .list-bars .bar-box span.bar{
background: #8F97B1;
}
.content.v2 .box.blue .kpi strong{
color: #8F97B1;
}
.content.v2 .box.green .list-bars .bar-box span.bar{
background: #8A9756;
}
.content.v2 .box.green .kpi strong{
color: #8A9756;
}
.content.v2 .box.yellow .list-bars .bar-box span.bar{
background: #E0A736;
}
.content.v2 .box.yellow .kpi strong{
color: #E0A736;
}
.content.v2 .flex-fraudes{
display: flex;
}
.content.v2 .flex-fraudes .box-header{
margin-bottom: 33px;
}
.content.v2 .flex-fraudes .kpi{
width: 108px;
}
.content.v2 .flex-fraudes .kpis{
display: flex;
}
.content.v2 .fraude-box{
height: 160px;
overflow: hidden;
position: relative;
}
.content.v2 .flex-fraudes #semi-circle{
position: absolute;
right: 12%;
top: 27px;
z-index: 9;
}
.content.v2 .flex-fraudes .r-fraudes span{
display: block;
width: 170px;
right: 12%;
top: 38px;
z-index: 10;
position: absolute;
text-align: center;
color: #555;
font-size: 12px;
font-family: "Montserrat";
font-weight: 600;
}
.content.v2 .flex-recebimentos{
display: flex;
}
.content.v2 .flex-recebimentos .box-header{
margin-bottom: 33px;
}
.content.v2 .flex-recebimentos .kpi{
width: 108px;
margin-right: 28px;
}
.content.v2 .flex-recebimentos .kpis{
display: flex;
}
.content.v2 .recebimento-box{
height: 160px;
overflow: hidden;
position: relative;
background-image: url('../../img/recebimentos.png');
background-repeat: no-repeat;
background-position: 101% 3px;
}
.content.v2 .flex-recebimentos #semi-circle{
position: absolute;
right: 12%;
top: 27px;
z-index: 9;
}
.content.v2 .flex-recebimentos .r-recebimentos span{
display: block;
width: 170px;
right: 12%;
top: 38px;
z-index: 10;
position: absolute;
text-align: center;
color: #555;
font-size: 12px;
font-family: "Montserrat";
font-weight: 600;
}
@media screen and (max-width: 920px){
.main-sidebar.v2{
position: fixed;
z-index: 9999;
left: 0;
top: 70px;
background: transparent;
width: 100%;
height: 100%;
visibility: hidden;
padding: 0;
transition: 250ms ease;
transform: none;
}
.main-sidebar.v2.active{
visibility: visible;
}
.main-sidebar.v2.active .sidebar-menu{
transform: translateX(0px);
}
.main-sidebar.v2 .mask{
z-index: 9;
position: fixed;
width: 100%;
height: 100%;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: rgba(0,0,0,0.5);
}
.main-sidebar.v2 .sidebar-menu{
background: white;
transition: 250ms ease;
transform: translateX(-70px);
}
.main-sidebar.v2 .sidebar-menu .treeview-menu{
position: absolute;
left: 70px;
top: 0;
background: white;
}
.main-sidebar.v2 .sidebar-menu{
position: relative;
z-index: 10;
}
.main-sidebar.v2 .slimScrollDiv .sidebar{
margin-top: 0;
}
.main-header.v2 .nav-flex{
background: #302E71;
width: 100%;
height: 100%;
position: fixed;
z-index: 99999999999;
left: 0;
align-items: flex-start;
justify-content: center;
padding-top: 30px;
display: none;
}
.main-header.v2 .nav-flex.active{
display: block;
}
.main-header.v2 .r-header{
align-items: center;
justify-content: center;
flex-direction: column-reverse;
}
.periodo-header{
margin: 0;
margin-top: 40px;
}
.main-header.v2 .search-form{
margin: 0;
margin-top: 20px;
}
.periodo-header .box-periodo{
width: 210px;
box-sizing: border-box;
}
.main-header.v2 .left-header{
display: none;
}
.drop-new li,
.drop-new li span,
.drop-new li a{
height: 30px;
}
.main-header.v2 .name-full{
white-space: nowrap;
font-size: 15px;
color: white;
font-weight: 500;
margin-left: 9px;
font-family: "Montserrat";
padding-bottom: 3px;
}
.profile-header{
display: flex;
width: auto;
padding-right: 20px;
margin: 0;
}
.abre-drop-new{
display: flex;
align-items: center;
}
.drop-new{
max-height: 206px;
overflow: auto;
}
.main-header .fa{
position: absolute;
top: 25px;
color: #cccccc;
font-size: 23px;
cursor: pointer;
}
.main-header .fa.fa-times.c-menu,
.main-header .fa.fa-bars{
left: 25px;
right: auto;
}
.main-header .fa.fa-times,
.main-header .fa.fa-cog{
right: 25px;
}
.sidebar-mini.sidebar-collapse .main-header.v2 .navbar{
margin: 0;
height: auto;
padding: 0;
min-height: 0;
}
.fixed .content-wrapper, .fixed .right-side{
padding-top: 70px;
}
.content.v2{
padding: 20px;
box-sizing: border-box;
display: block;
}
.content.v2 .box{
margin-bottom: 15px;
}
.content.v2 .fc-header-toolbar .fc-left{
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.content.v2 .fc-toolbar.fc-header-toolbar h2{
margin: 0 auto;
text-align: center;
margin-top: 20px;
font-size: 12px;
}
.content.v2 .fc-time-grid-container{
display: none;
}
.content.v2 .fc-divider{
display: none;
}
.content.v2 .fc-axis{
display: none;
}
.content.v2 .fc-content-skeleton{
margin-top: 50px;
}
.content.v2 .fc-day-grid{
margin-bottom: -25px;
}
.content.v2 .cal-legenda ul{
margin-right: 0;
}
.content.v2 .cal-legenda{
display: block;
width: 100%;
margin-top: 20px;
}
.content.v2 .flex-fraudes .r-fraudes span{
position: relative;
right: 0;
left: 0;
margin: auto;
}
.content.v2 .flex-fraudes #semi-circle{
position: relative;
top: 10px;
left: 0;
right: 0;
margin: auto;
}
.content.v2 .fraude-box{
height: 290px;
}
.content.v2 .flex-fraudes{
display: block;
}
.content.v2 .recebimento-box{
background: white;
}
.content.v2 .l-recebimentos{
width: 100%;
}
.content.v2 .kpi span{
white-space: nowrap;
}
}
/** Vinumteca criar posts **/
.content-wrapper.criar-teca{
padding-right: 330px;
}
.ck-editor__editable_inline {
min-height: 250px;
}
.criar-teca .content.v2 .box{
padding: 40px;
}
.nome-post{
margin-bottom: 30px;
width: 100%;
height: 38px;
border: 0;
outline: none;
font-family: "Montserrat";
font-size: 22px;
font-weight: 500;
}
.nome-post::placeholder{
color: #B8B8B8;
}
.criar-teca .content-header > .breadcrumb{
margin: 0 -15px;
width: auto;
height: 50px;
border-bottom: 1px solid #D1D1D1;
background: white;
padding: 0 40px;
border-radius: 0;
}
.criar-teca .content-header > .breadcrumb > li{
font-family: "Montserrat";
font-size: 13px;
color: #555555;
font-weight: 500;
}
.criar-teca .content-header > .breadcrumb > li > a{
color: #302E71;
}
.criar-teca .content-header > .breadcrumb i{
display: none;
}
.lateral-teca{
width: 330px;
right: 0;
top: 70px;
background: white;
height: calc(100% - 135px);
position: fixed;
border-left: 1px solid #D1D1D1;
overflow: auto;
-ms-overflow-style: none;
scrollbar-width: none;
}
.lateral-teca::-webkit-scrollbar {
display: none;
}
.lateral-teca .topo{
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 23px 0 16px;
background: #F3F3F3;
border-bottom: 1px solid #D1D1D1;
border-top: 1px solid #D1D1D1;
height: 50px;
cursor: pointer;
-ms-user-select: none;
user-select: none;
}
.lateral-teca .topo h3{
font-family: "Montserrat";
font-size: 14px;
font-weight: 500;
color: #333;
margin: 0;
}
.lateral-teca .topo img.closed{
transform: rotate(180deg);
}
.lateral-teca .cont{
padding: 25px 16px;
display: flex;
flex-wrap: wrap;
}
.select-form{
position: relative;
width: 47.4%;
}
.select-form.agora, .select-form.rascunho{
display: none;
}
.select-form.full{
width: 100%;
}
.select-form:nth-child(2n){
margin-left: 15px;
}
.select-form:nth-child(3),
.select-form:nth-child(4),
.select-form:nth-child(5){
margin-top: 25px;
}
.select-form select{
width: 100%;
height: 40px;
border: 1px solid #D1D3D4;
border-radius: 2px;
display: flex;
align-items: center;
padding: 0 11px;
font-family: "Montserrat";
font-weight: 500;
font-size: 14px;
color: #555555;
cursor: default;
background-image: url(../../img/down-caret.png);
background-repeat: no-repeat;
background-position: 90% center;
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-appearance: none;
appearance: none;
}
.select-form input{
width: 100%;
height: 40px;
border: 1px solid #D1D3D4;
border-radius: 2px;
display: flex;
align-items: center;
padding: 0 11px;
font-family: "Montserrat";
font-weight: 500;
font-size: 14px;
color: #555555;
}
.select-form label{
position: absolute;
font-family: "Montserrat";
color: #999;
z-index: 99;
padding: 2px 6px;
background: #fff;
pointer-events: none;
transition: 250ms ease;
left: 7px;
top: 8px;
font-weight: 500;
font-size: 14px;
}
.select-form input:valid + label,
.select-form input:focus + label,
.select-form select + label{
font-size: 12px;
font-weight: normal;
top: -12px;
left: 5px;
color: #555;
}
.lateral-teca .cont{
display: flex;
}
.select-form.cat input{
height: 34px;
}
.select-form.cat label{
font-size: 12px;
top: 7px;
}
.cat-list{
width: 100%;
margin-top: 10px;
}
.cat-list label{
width: 100%;
margin: 0;
height: 30px;
cursor: pointer;
display: flex;
align-items: center;
padding: 0 5px;
}
.cat-list label input{
display: none;
}
.cat-list label .check-fake{
width: 20px;
height: 20px;
border-radius: 3px;
border: 2px solid #B7B7B7;
position: relative;
display: flex;
align-items: center;
justify-content: center;
margin-right: 10px;
}
.cat-list label:hover .check-fake{
background: #F4F4F4;
border-color: #000;
}
.cat-list label input:checked + .check-fake::before{
content: "";
display: block;
width: 10px;
height: 10px;
background: #E0583F;
border-radius: 1px;
}
.cat-list label .text{
font-family: "Montserrat";
font-size: 14px;
font-weight: 500;
color: #333;
}
.cat-list{
height: 110px;
overflow: auto;
border-bottom: 1px solid #e8e8e8;
-ms-overflow-style: none;
scrollbar-width: none;
}
.cat-list::-webkit-scrollbar {
display: none;
}
#add-cat{
margin-top: 16px;
font-family: "Montserrat";
font-size: 14px;
text-decoration: underline;
color: #E0583F;
cursor: pointer;
display: block;
}
.img-anex{
width: 100%;
height: 110px;
border-radius: 5px;
background: #F5F5F5;
border: 1px solid #D1D3D4;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
transition: 250ms ease;
cursor: pointer;
}
.img-anex .conten{
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.img-anex .anex-min{
max-width: 100%;
height: auto;
max-height: 100%;
display: none;
}
.img-anex .anex-min.active{
display: block;
}
.img-anex:hover{
background: #dcdcdc;
}
.img-anex span{
display: block;
margin-top: 9px;
max-width: 190px;
font-family: "Montserrat";
font-size: 14px;
font-weight: 300;
color: #333333;
text-align: center;
}
.pub-teca{
width: 330px;
height: 65px;
background: white;
border-left: 1px solid #D1D1D1;
border-top: 1px solid #D1D1D1;
position: fixed;
bottom: 0;
right: 0;
padding: 15px;
}
.pub-teca .fa{
display: none;
margin-right: 7px;
}
.pub-teca.disabled span{
background: #adadad;
cursor: default;
pointer-events: none;
}
.pub-teca.disabled .fa{
display: block;
}
.pub-teca span{
display: flex;
width: 100%;
height: 100%;
align-items: center;
justify-content: center;
text-align: center;
background: #E0583F;
border-radius: 3px;
font-size: 14px;
font-weight: bold;
color: white;
text-transform: uppercase;
cursor: pointer;
transition: 250ms ease;
}
.pub-teca span:hover{
background: #E05035;
}
.new-cat-mask{
width: 100%;
height: 100%;
position: fixed;
left: 0;
right: 0;
top: 0;
z-index: 9999;
background: rgba(0,0,0,0.5);
display: none;
}
.new-cat{
left: 0;
right: 0;
top: 35%;
margin: auto;
z-index: 99999;
position: fixed;
max-width: 300px;
display: none;
}
.new-cat .select-form{
width: 100%;
}
.criar-teca .content.v2 .new-cat .box{
padding: 20px;
}
.new-cat .close-newcat{
position: absolute;
top: 20px;
right: 20px;
cursor: pointer;
z-index: 999;
}
.new-btn{
display: flex;
width: 100%;
height: 100%;
align-items: center;
justify-content: center;
text-align: center;
background: #E0583F;
border-radius: 3px;
font-size: 14px;
font-weight: bold;
color: white;
text-transform: uppercase;
cursor: pointer;
transition: 250ms ease;
outline: none;
height: 40px;
box-shadow: none;
border: none;
}
.new-btn:hover {
background: #E05035;
}
.new-cat .new-btn{
margin-top: 15px;
}
@media screen and (max-width: 992px){
.lateral-teca{
position: relative;
width: 100%;
top: 0;
border-radius: 8px 8px 0 0;
border-right: 1px solid #D1D1D1;
}
.pub-teca{
position: relative;
border-radius: 0 0 8px 8px;
width: 100%;
}
.content-wrapper.criar-teca{
padding-right: 0;
}
.criar-teca .content.v2 .box{
padding: 25px;
}
.criar-teca .content-header > .breadcrumb{
padding: 0 20px;
}
.nome-post{
font-size: 16px;
margin-bottom: 10px;
}
}
/** Padrão de listagem **/
.list-admin.content.v2 *{
font-family: "Montserrat";
}
.list-admin.content.v2 .box{
margin-bottom: 12px;
}
.list-admin.content.v2 .box.table-box{
padding: 0;
padding-top: 10px;
position: relative;
}
.list-admin.content.v2 .box.top{
padding: 35px;
padding-bottom: 25px;
}
.list-admin .head-box{
display: flex;
margin-bottom: 22px;
align-items: center;
}
.list-admin .head-box h3{
font-size: 16px;
color: #555;
font-weight: 600;
margin: 0;
margin-left: 20px;
margin-right: 28px;
}
.list-admin .head-box img{
display: block;
}
.main-btn-style{
height: 40px;
border-radius: 3px;
padding: 0 15px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
font-size: 12px;
font-weight: 600;
color: white;
background: #E0583F;
font-family: "Montserrat";
transition: 250ms ease;
outline: none;
border: 0;
}
.main-btn-style .fa{
display: none;
margin-right: 10px;
}
.main-btn-style.disabled{
background: #adadad;
cursor: default;
pointer-events: none;
}
.main-btn-style.disabled .fa{
display: block;
}
.main-btn-style:hover{
text-decoration: none;
color: white;
background: #BF4933;
}
.main-btn-style:focus,
.main-btn-style:active,
.main-btn-style:active:focus{
color: white;
}
.main-btn-style img{
margin-right: 7px;
}
.filtro-item{
position: relative;
margin-right: 10px;
}
.filtro-item.disabled{
display: none;
}
.filtro-item .filtro-text{
height: 40px;
background: #fff;
border: 1px solid #CFCFCF;
border-radius: 3px;
display: flex;
align-items: center;
padding: 0 15px;
font-weight: 500;
font-size: 12px;
color: #666666;
cursor: default;
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: pointer;
}
.filtro-item .filtro-text strong{
padding-right: 23px;
background-image: url(../../img/arrow-gray.png);
background-repeat: no-repeat;
background-position: 100% center;
padding-left: 5px;
}
.filtros-box{
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
}
.filtros-box .filtro-item,
.filtros-box .mais-filtros,
.filtros-box .busca-filtros{
margin-bottom: 15px;
}
.rmv-filter{
margin-left: 15px;
transition: 250ms ease;
transform: scale(1);
display: none;
}
.rmv-filter:hover{
transform: scale(1.3);
}
.filtro-item.active .rmv-filter{
display: block;
}
.mais-filtros{
position: relative;
margin-right: 30px;
}
.mais-filtros .filtro-text{
height: 40px;
background: #fff;
border-radius: 3px;
display: flex;
align-items: center;
padding: 0 15px;
font-weight: 500;
font-size: 12px;
color: #666666;
cursor: default;
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: pointer;
padding-right: 23px;
background-image: url(../../img/arrow-gray.png);
background-repeat: no-repeat;
background-position: 100% center;
}
.drop-new.checkbox li a,
.drop-new.checkbox li span{
padding-left: 10px;
}
.mais-filtros .check{
display: flex;
align-items: center;
justify-content: center;
min-width: 16px;
height: 16px;
border-radius: 2px;
border: 1px solid #CFCFCF;
padding: 2px;
margin-left: 15px;
}
.mais-filtros .check.active::before{
content: "";
display: block;
width: 10px;
height: 10px;
background: #E0583F;
}
.mais-filtros .drop-new{
top: 28px;
}
.number-options .check{
display: flex;
align-items: center;
justify-content: center;
min-width: 16px;
height: 16px;
border-radius: 50px;
border: 1px solid #CFCFCF;
padding: 2px;
margin-left: 15px;
}
.number-options .check.active::before{
content: "";
display: block;
width: 10px;
height: 10px;
background: #E0583F;
border-radius: 50px;
}
.input-group {
position: relative;
display: table;
border-collapse: separate;
}
.input-item{
width: 100%;
height: 40px;
background: #fff;
border: 1px solid #CFCFCF;
border-radius: 2px;
padding: 0 15px;
box-sizing: border-box;
padding-right: 40px;
font-family: "Montserrat";
font-weight: 500;
font-size: 14px;
color: #D3D3D3;
}
.input-group label{
position: absolute;
left: 15px;
top: 8px;
font-family: "Montserrat";
font-weight: 500;
font-size: 14px;
color: #666;
z-index: 99;
padding: 2px 6px;
background: #fff;
pointer-events: none;
transition: 250ms ease;
transition-property: left, top, font-size, font-weight;
}
.input-item:valid + label,
.input-item:focus + label {
font-size: 12px;
font-weight: normal;
top: -10px;
left: 9px;
}
.number-options .drop-new{
width: 230px;
}
.number-options .drop-new li{
padding-right: 15px;
height: 70px;
}
.number-options .input-group{
width: 140px;
margin-left: 10px;
}
.number-options .input-item{
padding: 0 7px;
color: #666;
}
.number-options .input-group label{
left: 7px;
}
.number-options .drop-new li:hover .input-item,
.number-options .drop-new li:hover .input-group label{
background-color: #F4F4F4;
}
.input-item:-webkit-autofill,
.input-item:-webkit-autofill:hover,
.input-item:-webkit-autofill:focus,
.input-item:-webkit-autofill:active {
-webkit-box-shadow: 0 0 0px 1000px #fff inset !important;
}
.drop-new li:hover .input-item:-webkit-autofill,
.drop-new li:hover .input-item:-webkit-autofill:hover,
.drop-new li:hover .input-item:-webkit-autofill:focus,
.drop-new li:hover .input-item:-webkit-autofill:active {
-webkit-box-shadow: 0 0 0px 1000px #F4F4F4 inset !important;
}
.number-options .double .input-group{
width: 75px;
}
.busca-filtros{
padding-left: 30px;
border-left: 1px solid #EBEBEB;
}
.busca-filtros .input-item{
width: 180px;
font-size: 12px;
padding: 0 9px;
color: #666;
padding-right: 40px;
}
.busca-filtros .input-group label{
left: 10px;
}
.busca-filtros #search-btn{
position: absolute;
top: 0;
right: 0;
width: 44px;
height: 40px;
border: 0;
box-shadow: none;
outline: none;
background: transparent;
background-image: url(../../img/search-admin.png);
background-repeat: no-repeat;
background-position: center center;
transition: 250ms ease;
z-index: 99;
}
.busca-filtros #search-btn i{
display: none;
}
/** Listagem tabela **/
.topo-linhas,
.linhas .linha{
height: 50px;
border-bottom: 1px solid #eee;
padding: 0 20px;
display: flex;
align-items: center;
position: relative;
}
.linhas .linha:nth-child(2n){
background: #F4F4F4;
}
.col{
display: flex;
align-items: center;
}
.col.invert{
flex-direction: row-reverse;
text-align: right;
}
.col:not(.invert){
padding-right: 15px;
}
.col.size1{
max-width: 35px;
min-width: 35px;
}
.col.size2{
max-width: 70px;
min-width: 70px;
}
.col.size3{
max-width: 105px;
min-width: 105px;
}
.col.size4{
max-width: 140px;
min-width: 140px;
}
.col.size5{
max-width: 175px;
min-width: 175px;
}
.col.size6{
max-width: 210px;
min-width: 210px;
}
.col.size7{
max-width: 245px;
min-width: 245px;
}
.col.size8{
max-width: 280px;
min-width: 280px;
}
.col.size9{
max-width: 315px;
min-width: 315px;
}
.col.size10{
max-width: 350px;
min-width: 350px;
}
.check{
display: flex !important;
align-items: center;
justify-content: center;
min-width: 16px;
max-width: 16px;
min-height: 16px;
max-height: 16px;
border-radius: 2px;
border: 1px solid #CFCFCF;
padding: 2px;
cursor: pointer;
transition: 250ms ease;
background: white;
}
.check.active::before{
content: "";
display: block;
width: 8px;
height: 8px;
background: #E0583F;
}
.linhas .linha a,
.linhas .linha span,
.linhas .linha strong{
font-size: 12px;
color: #555;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
white-space: nowrap;
overflow: hidden;
}
.linhas .linha strong{
font-weight: 600;
}
.linhas .linha a{
text-decoration: underline;
font-weight: 600;
transition: 250ms ease;
}
.linhas .linha a:hover{
color: #E0583F;
}
.topo-linhas .order{
background-color: #DDDDDD;
width: 17px;
height: 17px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 4px;
margin-left: 5px;
cursor: pointer;
color: #555;
}
.topo-linhas span{
font-size: 12px;
font-weight: 600;
color: #555;
}
.topo-linhas .order i.fa:before,
.topo-linhas .order i.fa{
font-family: "Font Awesome 5 Free" !important;
font-size: 9px;
}
.topo-linhas .order.active{
color: white;
background: #E0583F;
}
.opcoes-linha{
position: absolute;
right: 30px;
top: 14px;
}
.opcoes-linha .pontinhos{
display: block;
width: 40px;
height: 24px;
background-image: url('../../img/opcoes-linha.png');
background-repeat: no-repeat;
background-position: center;
cursor: pointer;
}
.opcoes-linha .pontinhos:hover{
opacity: 0.5;
}
.opcoes-linha .drop-new{
right: -20px;
left: inherit;
top: 17px;
min-width: 120px;
}
.opcoes-linha .drop-new a{
text-decoration: none;
font-weight: normal;
}
.opcoes-linha .drop-new a,
.opcoes-linha .drop-new strong,
.opcoes-linha .drop-new span{
padding: 9px 20px;
}
.loading-linhas{
width: 100%;
height: 100%;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: rgba(250,250,250,0.5);
display: flex;
align-items: center;
justify-content: center;
z-index: 9;
display: none;
}
.loading-linhas .fa,
.loading-linhas .fa::before{
font-family: "Font Awesome 5 Free";
font-size: 40px;
color: #999;
}
.loading-linhas.active{
display: flex;
}
.linha.selected{
background: #E0583F !important;
border-bottom: 1px solid #E5634B !important;
}
.linha.selected a:hover,
.linha.selected a,
.linha.selected span,
.linha.selected strong{
color: white;
}
.linha.selected .opcoes-linha .pontinhos{
display: none;
}
.selected-box.active + .table-box .pontinhos{
display: none;
}
.list-admin.content.v2 .box.selected-box{
background: #BF4933;
padding: 0;
height: 46px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
display: none;
}
.list-admin.content.v2 .box.selected-box.active{
display: flex;
}
.selected-box strong{
position: relative;
font-weight: 600;
}
.selected-box .text-selected{
margin: 0;
color: white;
font-size: 12px;
cursor: pointer;
}
.selected-box .fa::before,
.selected-box .fa{
font-family: "Font Awesome 5 Free";
}
.selected-box .text-selected{
position: relative;
}
.selected-box .drop-new{
top: 20px;
left: inherit;
right: -70px;
min-width: 120px;
}
/** Confirmação **/
.confirm-mask{
width: 100%;
height: 100%;
left: 0;
top: 0;
right: 0;
bottom: 0;
background: rgba(0,0,0,0.6);
position: fixed;
z-index: 9998;
transition: 250ms ease;
opacity: 0;
visibility: hidden;
}
.confirm-box{
width: 440px;
min-height: 200px;
padding: 38px 54px;
background: white;
border-radius: 5px;
box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.15);
position: fixed;
z-index: 9999;
top: 30%;
left: 0;
right: 0;
margin: auto;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
transition: 250ms ease;
opacity: 0;
visibility: hidden;
}
.confirm-box.active,
.confirm-mask.active{
opacity: 1;
visibility: visible;
}
.confirm-box strong{
font-size: 16px;
font-weight: 600;
color: #555555;
margin-top: 16px;
margin-bottom: 11px;
}
.confirm-box strong i{
font-style: normal;
}
.confirm-box span{
font-size: 16px;
font-weight: normal;
color: #555555;
margin-bottom: 28px;
}
.confirm-box .btns{
display: flex;
}
.confirm-box .btns button{
outline: none;
border: 0;
width: 156px;
}
.confirm-box .btns button:last-child{
margin-left: 20px;
background: #999999;
}
.confirm-box .btns button:last-child:hover{
background: #7d7d7d;
}
.pagin-linhas{
height: 75px;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 25px;
}
.pagin-linhas .left,
.pagin-linhas .right{
display: flex;
align-items: center;
}
.pagin-linhas span{
font-size: 12px;
color: #666;
font-weight: 500;
}
.pagin-linhas select{
height: 36px;
border-radius: 3px;
border: 1px solid #CFCFCF;
width: 54px;
margin: 0 15px;
padding: 0 0 0 7px;
font-weight: 500;
font-size: 12px;
color: #666;
padding-right: 23px;
background-image: url(../../img/arrow-gray.png);
background-repeat: no-repeat;
background-position: 85% center;
-webkit-appearance: none;
}
.pagin-linhas .centered{
display: flex;
align-items: center;
}
.pagin-linhas .centered .pager{
background-color: #DDDDDD;
width: 17px;
height: 17px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 4px;
cursor: pointer;
}
.pagin-linhas .centered .pager.l-btn{
margin-right: 12px;
}
.pagin-linhas .centered .pager.l-btn.pager-disabled{
cursor: auto;
}
.pagin-linhas .centered .pager.r-btn{
margin-left: 12px;
}
.pagin-linhas .centered .pager.r-btn.pager-disabled{
cursor: auto;
}
.pagin-linhas .centered .pager .fa,
.pagin-linhas .centered .pager .fa::before{
font-family: "Font Awesome 5 Free";
font-size: 9px;
color: #666;
}
.pagin-linhas .centered > span{
cursor: pointer;
width: 25px;
height: 25px;
border-radius: 50%;
background: #fff;
margin: 0 7px;
display: flex;
align-items: center;
justify-content: center;
font-size: 11px;
font-weight: 600;
color: #666;
}
.pagin-linhas .centered > span.active{
background: #BF4933;
color: white;
}
@media screen and (max-width: 991px){
.list-admin .head-box{
flex-wrap: wrap;
margin-bottom: 10px;
}
.list-admin .head-box .main-btn-style{
width: 100%;
margin-top: 17px;
margin-bottom: 0px;
}
.list-admin.content.v2 .box.top{
padding-top: 25px;
}
.mais-filtros{
display: none;
}
.filtro-item .filtro-text{
white-space: nowrap;
}
.busca-filtros{
padding-left: 0;
border-left: 0;
width: 100%;
}
.busca-filtros .input-item,
.busca-filtros .input-group{
width: 100%;
}
.filtros-box .filtro-item,
.filtros-box .mais-filtros,
.filtros-box .busca-filtros{
margin-bottom: 10px;
}
.busca-filtros{
order: -1;
}
.filtro-item{
display: none;
}
.toggle-filter{
font-size: 12px;
color: #E0583F;
font-weight: 600;
text-align: center;
cursor: pointer;
margin-top: 10px;
}
.toggle-filter .fa::before,
.toggle-filter .fa{
font-family: "Font Awesome 5 Free";
}
.toggle-filter.ocultar .fa{
transform: rotate(180deg);
}
.filter-mob-active .filtro-item.disabled,
.filter-mob-active .filtro-item{
display: block;
}
.topo-linhas{
display: none;
}
.col:not(.mob){
display: none;
}
.list-admin.content.v2 .box.table-box{
padding: 0;
background: transparent;
box-shadow: none;
}
.linhas .linha{
border-bottom: 0;
margin-bottom: 10px;
background: white;
border-radius: 8px;
box-shadow: 0px 24px 60px rgba(0, 0, 0, 0.07);
height: 90px;
flex-wrap: wrap;
position: relative;
flex-direction: column;
align-items: flex-start;
justify-content: center;
}
.linhas .linha .col:not(.check-col){
padding-left: 30px;
padding-right: 50px;
margin: 5px 0;
width: 100% !important;
}
.check-col{
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 20px;
}
.opcoes-linha {
position: absolute;
right: 20px;
top: 50%;
transform: translateY(-50%);
z-index: 90;
}
.opcoes-linha .drop-new{
z-index: 999;
}
.selected-box strong{
display: inline;
}
.confirm-box{
width: 90%;
text-align: center;
}
.confirm-box .btns{
flex-direction: column;
align-items: center;
justify-content: center;
width: 100%;
}
.confirm-box .btns button{
width: 100%;
margin: 0;
margin-bottom: 10px;
margin-left: 0 !important;
}
.pagin-linhas .left,
.pagin-linhas .right{
display: none;
}
.pagin-linhas{
justify-content: center;
}
}
/** Breadcrumb **/
.breadcrumb.v2-bread{
margin: 0 -15px;
width: auto;
height: 50px;
border-bottom: 1px solid #D1D1D1;
background: white;
padding: 0 40px;
border-radius: 0;
}
.breadcrumb.v2-bread li{
font-family: "Montserrat";
font-size: 13px;
color: #555555;
font-weight: 500;
}
.breadcrumb.v2-bread li a{
color: #302E71;
}
/** Resultado da busca **/
.topo-linhas-title{
height: 50px;
border-bottom: 1px solid #EEEEEE;
display: flex;
align-items: center;
padding: 0 26px;
box-sizing: border-box;
}
.topo-linhas-title figure{
width: 30px;
margin: 0;
padding: 0;
display: flex;
align-items: center;
justify-content: center;
margin-right: 5px;
}
.topo-linhas-title h3{
font-size: 14px;
font-weight: 600;
color: #555;
margin: 0;
}
.resultado-busca .list-admin.content.v2 .box{
margin-bottom: 25px;
}
@media screen and (max-width: 991px){
.topo-linhas-title{
border-radius: 8px 8px 0 0;
background-color: white;
box-shadow: 0px 24px 60px rgba(0, 0, 0, 0.07);
margin-bottom: 10px;
}
.linhas .linha:first-child{
border-radius: 0 0 8px 8px;
}
.linhas.sem-check .linha .col:not(.check-col){
padding-left: 0;
}
.breadcrumb.v2-bread{
display: none;
}
}
/** Novo login **/
.login-page{
background-position: center;
background-size: cover;
display: flex;
align-items: center;
justify-content: center;
height: 100vh;
}
.login-page .login-logo img{
max-width: 162px;
}
.login-box-body{
max-width: 280px;
margin: auto;
box-shadow: 0px 24px 60px rgba(0, 0, 0, 0.07);
border-radius: 8px;
padding: 30px;
margin: 0 auto !important;
}
.login-box-msg{
font-family: "Montserrat";
font-size: 14px;
color: #333333;
font-weight: 600;
}
.login-box-body .btn-primary{
height: 40px;
border-radius: 3px;
font-family: "Montserrat";
font-size: 12px;
font-weight: bold;
color: white;
margin-bottom: 15px;
}
.login-box-body a.btn-primary{
display: flex;
align-items: center;
justify-content: center;
}
.login-box-body label {
position: absolute;
left: 11px;
top: 8px;
font-family: "Montserrat";
font-weight: 500;
font-size: 14px;
color: #333;
z-index: 99;
padding: 2px 6px;
background: #fff;
pointer-events: none;
transition: 250ms ease;
}
.login-box-body input:valid + label,
.login-box-body input:focus + label {
font-size: 12px;
font-weight: normal;
top: -10px;
left: 9px;
}
.login-box-body input {
width: 100%;
height: 40px;
background: #fff;
border: 1px solid #CFCFCF;
border-radius: 2px;
padding: 0 15px;
box-sizing: border-box;
font-family: "Montserrat";
font-weight: 500;
font-size: 14px;
color: #555555;
padding-right: 0px !important;
}
.login-box-body .form-group{
position: relative;
}
.login-box-body .forgot{
font-family: "Montserrat";
font-size: 12px;
color: #666666;
text-decoration: underline;
text-align: center;
}
.login-box-body .row{
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.login-box-body input:-webkit-autofill,
.login-box-body input:-webkit-autofill:hover,
.login-box-body input:-webkit-autofill:focus,
.login-box-body input:-webkit-autofill:active {
-webkit-box-shadow: 0 0 0px 1000px #fff inset !important;
}
.login-box-body input:-webkit-autofill {
-webkit-text-fill-color: #333 !important;
}
.login-box-body .mensagem-senha{
font-size: 14px;
color: #333;
text-align: center;
padding: 0 10px;
font-weight: 500;
}
.content-header.v2 > .breadcrumb {
margin: 0 -15px;
width: auto;
height: 50px;
border-bottom: 1px solid #D1D1D1;
background: white;
padding: 0 40px;
border-radius: 0;
}
.content-header.v2 > .breadcrumb > li {
font-family: "Montserrat";
font-size: 13px;
color: #555555;
font-weight: 500;
}
.content-header.v2 > .breadcrumb > li > a {
color: #302E71;
}
/** Novo padrão de formularios **/
.box.form{
padding: 45px 60px !important;
}
.head-form{
padding: 0 5px;
padding-bottom: 30px;
border-bottom: 1px solid #F3F3F3;
margin-bottom: 15px;
}
.head-form .flex-head{
display: flex;
justify-content: space-between;
align-items: center;
}
.head-form .main-btn-style{
padding: 0 38px;
border-radius: 3px;
}
.bloco-form-big .left h4,
.head-form h3{
margin: 0;
font-size: 18px;
color: #555;
font-weight: 600;
}
.bloco-form-big{
display: flex;
padding: 0 5px;
padding-top: 55px;
}
.bloco-form-big:not(:last-child){
padding-bottom: 60px;
border-bottom: 1px solid #F3F3F3;
}
.bloco-form-big .left{
max-width: 260px;
margin-right: 165px;
}
.bloco-form-big .left p{
margin-top: 8px;
font-size: 13px;
font-weight: normal;
color: #888;
line-height: 1.4em;
}
.bloco-form-big .right{
width: 570px;
float: none;
}
.bloco-form-big .right h5{
margin: 0;
font-size: 13px;
color: #555555;
line-height: 24px;
margin-bottom: 15px;
font-weight: 500;
}
.form-galeria{
display: flex;
margin-bottom: 25px;
flex-wrap: wrap;
}
.form-galeria .galeria-item{
width: 120px;
height: 120px;
border-radius: 4px;
border: 1px solid #D1D3D4;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
padding: 10px;
margin-right: 20px;
cursor: pointer;
transition: 250ms ease;
position: relative;
}
.form-galeria .galeria-item img{
max-width: 100%;
max-height: 100%;
width: auto;
height: auto;
}
.galeria-item .remove{
width: 100%;
height: 100%;
left: 0;
top: 0;
position: absolute;
background: rgba(250,250,250,0.8);
display: flex;
align-items: center;
justify-content: center;
font-size: 13px;
text-transform: uppercase;
font-weight: 500;
color: #E0583F;
opacity: 0;
transition: 250ms ease;
}
.galeria-item .remove:hover{
opacity: 1;
}
.form-galeria .galeria-item .file-img-upload{
display: none;
}
.form-galeria .galeria-item:hover{
border-color: #5a5a5a;
}
.form-galeria .galeria-item:hover span{
color: #000;
}
.form-galeria .galeria-item .img-camera{
margin-bottom: 7px;
}
.form-galeria .galeria-item span{
font-size: 12px;
font-weight: 500;
color: #555;
transition: 250ms ease;
}
.grupo-novo{
position: relative;
width: 47%;
}
.grupo-novo small{
font-size: 10px;
color: #555;
top: 5px;
position: relative;
}
.form-metade{
display: flex;
justify-content: space-between;
margin-bottom: 30px;
}
.form-inteiro:not(:last-child){
margin-bottom: 30px;
}
.grupo-novo .input-novo{
height: 40px;
background: #fff;
border: 1px solid #D1D3D4;
border-radius: 2px;
padding: 0 15px;
box-sizing: border-box;
font-family: "Montserrat";
font-weight: 500;
font-size: 14px;
color: #333;
width: 100%;
}
.grupo-novo .input-novo.input-warning{
border: 1px solid red;
}
.grupo-novo .input-novo.loading{
pointer-events: none;
background: #f5f5f5;
transition: 0ms;
}
.grupo-novo .input-novo.loading + label{
background: #f5f5f5;
transition: 0ms;
}
.grupo-novo label{
position: absolute;
left: 15px;
top: 8px;
font-family: "Montserrat";
font-weight: 500;
font-size: 14px;
color: #555;
z-index: 99;
padding: 2px 6px;
background: #fff;
pointer-events: none;
transition: 250ms ease;
}
.grupo-novo.grupo-novo-sm label{
font-size: 12px;
}
.grupo-novo label.required::after{
content: "*";
color: #E0583F;
}
.grupo-novo label.opcional::after{
content: "(opcional)";
color: #929292;
font-size: 10px;
padding-left: 4px;
}
.grupo-novo .input-novo.focus-visible + label,
.grupo-novo .input-novo.digitado + label{
font-size: 12px;
font-weight: normal;
top: -10px;
left: 9px;
}
.grupo-novo .input-novo:focus{
border: 1px solid #333333 !important;
outline: none !important;
box-shadow: none !important;
}
.grupo-novo .input-novo.input-warning:focus{
border: 1px solid red !important;
}
.checkbox-list{
display: flex;
}
.checkbox-list .checkbox-item{
display: flex;
align-items: center;
cursor: pointer;
margin-right: 30px;
flex-wrap: wrap;
}
.checkbox-list .checkbox-item .simbol{
display: block;
width: 20px;
height: 20px;
padding: 4px;
border-radius: 2px;
border: 1px solid #D1D3D4;
margin-right: 5px;
}
.checkbox-list .checkbox-item label{
margin: 0;
font-size: 14px;
font-weight: 500;
color: #555555;
line-height: 24px;
cursor: pointer;
display: flex;
align-items: center;
white-space: nowrap;
}
.checkbox-list .checkbox-item input{
display: none;
}
.checkbox-list .checkbox-item input:checked + label .simbol::after{
content: "";
display: block;
width: 100%;
height: 100%;
border-radius: 1px;
background: #E0583F;
}
.radio-list{
display: flex;
}
.radio-list .radio-item{
display: flex;
align-items: center;
cursor: pointer;
margin-right: 30px;
flex-wrap: wrap;
}
.radio-list .radio-item .simbol{
display: block;
width: 20px;
height: 20px;
border-radius: 50%;
padding: 4px;
border-radius: 2px;
border: 1px solid #D1D3D4;
margin-right: 5px;
border-radius: 50%;
}
.radio-list .radio-item label{
margin: 0;
font-size: 14px;
font-weight: 500;
color: #555555;
line-height: 24px;
cursor: pointer;
display: flex;
align-items: center;
white-space: nowrap;
}
.radio-list .radio-item input{
display: none;
}
.radio-list .radio-item input:checked + label .simbol::after{
content: "";
display: block;
width: 100%;
height: 100%;
border-radius: 1px;
background: #E0583F;
border-radius: 50%;
}
.grupo-novo select.input-novo{
padding: 0 15px;
-webkit-appearance: none;
background-image: url('../../img/novo-select-caret.png');
background-position: 92% center;
background-repeat: no-repeat;
padding-right: 40px;
}
.grupo-novo select.input-novo.input-warning{
border: 1px solid red;
}
.grupo-novo select.input-novo:not(.digitado) + label{
width: 80%;
}
.grupo-novo input.input-novo:not(.digitado):not(:focus)[type="date"] + label{
width: 80%;
}
.bottom-form{
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 5px;
padding-top: 30px;
margin-top: 50px;
border-top: 1px solid #F3F3F3;
}
.bottom-form .main-btn-style{
padding: 0 38px;
border-radius: 3px;
}
.bottom-form .main-btn-style.cancel{
background: #B2B2B2;
}
.bottom-form .main-btn-style.cancel:hover{
background: #949494;
}
@media screen and (max-width: 991px){
.box.form {
padding: 40px 30px !important;
}
.head-form{
width: 100%;
}
.head-form .flex-head{
flex-direction: column;
justify-content: stretch;
align-items: flex-start;
}
.head-form .main-btn-style{
margin-top: 25px;
width: 100%;
}
.bloco-form-big{
display: block;
padding-top: 25px;
}
.bloco-form-big .left{
width: 100%;
margin-right: 0;
max-width: 100%;
margin-bottom: 35px;
}
.bloco-form-big .right{
width: 100%;
float: none;
}
.form-metade{
display: block;
margin-bottom: 0px;
}
.form-metade .grupo-novo{
width: 100%;
margin-bottom: 20px;
}
.checkbox-list,
.radio-list{
flex-wrap: wrap;
}
.checkbox-list .checkbox-item label,
.radio-list .checkbox-item label{
white-space: nowrap;
}
.checkbox-list .checkbox-item,
.radio-list .radio-item{
margin-bottom: 10px;
}
.grupo-novo input.input-novo:not(.digitado):not(:focus)[type="date"] + label{
width: 70%;
}
.bloco-form-big:not(:last-child){
padding-bottom: 30px;
}
.bottom-form .cancel{
display: none;
}
.bottom-form{
padding-top: 0;
border-top: 0;
}
.bottom-form .main-btn-style{
width: 100%;
}
.bloco-form-big .ck-editor__editable {
min-height: 100px;
}
.head-form{
padding-bottom: 0;
border-bottom: 0;
}
}
/** Formulário flutuante na página **/
.form-add-mask{
width: 100%;
height: 100%;
left: 0;
top: 0;
right: 0;
bottom: 0;
background: rgba(0,0,0,0.6);
position: fixed;
z-index: 500;
transition: 250ms ease;
opacity: 0;
visibility: hidden;
}
.form-add-box{
width: 80%;
height: 100%;
right: 0;
top: 0;
bottom: 0;
background: white;
position: fixed;
z-index: 600;
transform: translateX(1%);
transition: 400ms ease;
opacity: 0;
visibility: hidden;
}
.add-form-box-active .form-add-box{
transform: translateX(0%);
opacity: 1;
visibility: visible;
}
.add-form-box-active .form-add-mask{
opacity: 1;
visibility: visible;
}
.top-add-form{
height: 70px;
width: 100%;
background: #302E71;
padding: 0 30px;
display: flex;
align-items: center;
justify-content: space-between;
}
.top-add-form img{
cursor: pointer;
}
.top-add-form span{
font-size: 18px;
font-weight: 600;
color: white;
font-family: "Montserrat";
}
.cont-form-box{
height: calc(100vh - 131px);
padding: 35px 30px;
overflow: auto;
}
.bottom-form-box{
height: 60px;
width: 100%;
border-top: 1px solid #D1D3D4;
padding: 10px 20px;
}
.bottom-form-box .main-btn-style{
width: 100%;
height: 40px;
border-radius: 3px;
}
.tabs-novo-list{
width: 100%;
margin-bottom: -31px;
display: flex;
list-style: none;
padding: 0;
margin-top: 60px;
border-bottom: 1px solid #F3F3F3;
}
.tabs-novo-list li{
padding: 0 30px;
padding-bottom: 15px;
font-size: 15px;
font-weight: 600;
color: #555;
border-bottom: 5px solid transparent;
cursor: pointer;
}
.tabs-novo-list li.active{
color: #E0583F;
border-color: #E0583F;
}
.tabs-novo{
display: none;
}
.tabs-novo.active{
display: block;
}
@media screen and (max-width: 991px){
.tabs-novo-list{
margin-right: 0;
width: auto;
overflow: auto;
margin-top: 30px;
margin-bottom: 10px;
}
.tabs-novo-list li{
padding: 0 20px;
font-size: 12px;
white-space: nowrap;
padding-bottom: 10px;
}
.form-add-box{
width: 100%;
height: 100vh;
overflow: auto;
}
.cont-form-box{
height: auto;
overflow: visible;
padding-bottom: 10px;
}
body.add-form-box-active{
overflow: auto;
}
.bottom-form-box{
height: 150px;
}
}
.form-add-box *{
font-family: "Montserrat";
}
.cont-form-box .tabs-novo-list{
margin-top: 0;
}
.cont-form-box .bloco-form-big .right{
width: 100%;
}
.cont-form-box .grupo-novo input.input-novo:not(.digitado):not(:focus)[type="date"] + label{
width: 70%;
}
.cont-form-box .bloco-form-big:not(:last-child){
padding-bottom: 0;
border-bottom: 0;
}
.cont-form-box .form-galeria .galeria-item{
margin-right: 10px;
}
body.add-form-box-active{
overflow: hidden;
}
/** Aniversariantes **/
.aniv-title{
position: relative;
}
.anv-box{
height: 160px;
}
.aniv-title::after{
content: "";
width: 27px;
height: 27px;
background-image: url('../../img/aniversarios.png');
background-repeat: no-repeat;
background-position: center center;
position: absolute;
right: -40px;
top: -6px;
}
.list-aniversariantes{
display: flex;
margin-top: 18px;
}
.list-aniversariantes ul{
list-style: none;
margin: 0;
padding: 0;
position: relative;
}
.list-aniversariantes ul:first-child{
padding-right: 60px;
margin-right: 40px;
}
.list-aniversariantes ul:first-child::after{
content: "";
display: block;
width: 1px;
height: 60px;
background: #E2E2E2;
position: absolute;
top: 43%;
transform: translateY(-50%);
right: 0;
}
.list-aniversariantes ul li{
font-family: "Montserrat";
font-size: 12px;
color: #666666;
margin-bottom: 13px;
position: relative;
}
.list-aniversariantes ul li strong{
font-weight: 600;
}
.list-aniversariantes ul li span{
font-weight: 500;
position: relative;
}
.list-aniversariantes ul li span::before{
content: " - ";
font-family: "Montserrat";
font-size: 12px;
color: #666666;
}
.list-aniversariantes ul li span::after{
content: "";
width: 12px;
height: 13px;
display: block;
right: -18px;
top: 0px;
background-position: center;
background-repeat: no-repeat;
position: absolute;
}
.list-aniversariantes ul li.empresa span::after{
background-image: url('../../img/icone-aniv-empresa.png');
}
.list-aniversariantes ul li.nascimento span::after{
background-image: url('../../img/icon-aniv-nascimento.png');
}
.anv-box.box-nascimento{
background-image: url('../../img/faixa-nascimento-1.png');
background-position: right top;
background-repeat: no-repeat;
}
.anv-box.box-nascimento.nasc-3{
background-position: 150% top;
}
.aniv-cont{
display: flex;
margin-top: 16px;
align-items: center;
}
.aniv-perfil{
display: flex;
align-items: center;
}
.aniv-perfil figure{
width: 78px;
height: 78px;
border-radius: 50%;
border: 1px solid #E2E2E2;
padding: 5px;
display: flex;
align-items: center;
justify-content: center;
margin: auto;
margin-right: 11px;
position: relative;
}
.aniv-perfil figure .foto-perfil{
height: 78px;
width: 78px;
border-radius: 50%;
object-fit: contain;
}
.aniv-perfil figure .faixa{
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: -10px;
}
.aniv-perfil .texts{
font-family: "Montserrat";
font-size: 14px;
color: #555555;
display: flex;
flex-direction: column;
padding-bottom: 7px;
}
.aniv-perfil .texts strong{
font-weight: 600;
margin-bottom: 2px;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
white-space: nowrap;
overflow: hidden;
}
.aniv-perfil .texts span{
font-weight: 500;
}
.empresa-1 .aniv-perfil,
.nascimento-1 .aniv-perfil{
padding-left: 30px;
}
.right-nasc-1{
font-family: "Montserrat";
font-size: 14px;
color: #999;
font-weight: 500;
max-width: 130px;
margin-left: 70px;
margin-top: 12px;
box-sizing: border-box;
text-align: center;
}
@media screen and (max-width: 991px){
.anv-box{
height: auto;
}
.anv-box.box-nascimento{
background-position: 66vw 0;
}
.content.v2 .anv-box .box-header.with-border h3.box-title span{
margin-top: 4px;
}
.aniv-perfil figure{
min-width: 78px;
min-height: 78px;
}
.right-nasc-1{
display: none;
}
.aniv-perfil figure{
margin-top: 20px;
}
.aniv-perfil figure .faixa{
left: 110%;
transform: none;
bottom: 0;
}
.nascimento-1 .aniv-perfil{
padding-left: 0;
margin-left: -10px;
}
.aniv-cont{
width: 100%;
justify-content: center;
margin-top: 0;
}
.list-aniversariantes ul:not(:first-child){
display: none;
}
.list-aniversariantes ul:first-child{
padding-right: 0;
margin-right: 0;
border-right: 0;
width: 100%;
}
.list-aniversariantes ul:first-child::after{
display: none;
}
}
.anv-box.box-empresa .right-aniv{
display: flex;
align-items: center;
position: relative;
margin-left: 70px;
}
.anv-box.box-empresa .right-aniv .aniv-parab{
position: absolute;
top: -50px;
right: -80px;
}
.anv-box.box-empresa .right-aniv strong{
font-size: 43px;
font-weight: bolder;
line-height: 1.3em;
color: #C190FF;
margin-right: 5px;
}
.anv-box.box-empresa .right-aniv span{
display: block;
max-width: 72px;
font-weight: bold;
line-height: 1.3em;
font-size: 14px;
color: #555;
}
.anv-box.box-empresa .right-aniv .aniv-yay{
top: 9px;
position: relative;
}
.empresa-2 .mini-parabens{
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: -10px;
}
.empresa-2 .aniv-perfil:first-child{
padding-right: 23px;
margin-right: 23px;
position: relative;
}
.empresa-2 .aniv-perfil:first-child::after{
content: "";
display: block;
width: 1px;
height: 60px;
background: #E2E2E2;
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 0;
}
.empresa-2 .aniv-perfil:nth-child(1) .texts span{
color: #C190FF;
}
.empresa-2 .aniv-perfil:nth-child(2) .texts span{
color: #8CD7DD;
}
.empresa-3 .aniv-perfil:not(:last-child){
padding-right: 23px;
margin-right: 23px;
position: relative;
}
.empresa-3 .aniv-perfil:not(:last-child)::after{
content: "";
display: block;
width: 1px;
height: 60px;
background: #E2E2E2;
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 0;
}
.empresa-3 .aniv-perfil:nth-child(1) .texts span{
color: #C190FF;
}
.empresa-3 .aniv-perfil:nth-child(2) .texts span{
color: #8CD7DD;
}
.empresa-3 .aniv-perfil:nth-child(3) .texts span{
color: #FFC87E;
}
.empresa-3 .aniv-perfil .texts{
align-items: flex-start;
}
.empresa-3 .aniv-perfil .texts span{
margin-top: 5px;
margin-bottom: 10px;
}
.nascimento-2 .mini-parabens{
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: -10px;
}
.nascimento-2 .aniv-perfil:first-child{
padding-right: 23px;
margin-right: 23px;
position: relative;
}
.nascimento-2 .aniv-perfil:first-child::after{
content: "";
display: block;
width: 1px;
height: 60px;
background: #E2E2E2;
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 0;
}
.nascimento-3 .aniv-perfil:not(:last-child){
padding-right: 30px;
margin-right: 30px;
position: relative;
}
.nascimento-3 .aniv-perfil:not(:last-child)::after{
content: "";
display: block;
width: 1px;
height: 60px;
background: #E2E2E2;
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 0;
}
.nascimento-3 .aniv-perfil .texts{
align-items: flex-start;
}
.nascimento-3 .aniv-perfil .texts span{
margin-top: 5px;
margin-bottom: 10px;
}
.aniv-0{
height: 80px;
}
.aniv-0 .left-text{
max-width: 202px;
font-size: 14px;
color: #999999;
line-height: 1.4em;
font-family: "Montserrat";
}
.aniv-0 .right-text{
font-size: 12px;
color: #666;
line-height: 30px;
font-family: "Montserrat";
margin-left: 66px;
}
@media screen and (max-width: 991px){
.aniv-0{
display: block;
}
.aniv-0 .left-text{
margin-top: 15px;
margin-bottom: 15px;
display: block;
}
.aniv-0 .right-text{
margin-left: 0;
}
.nascimento-2 .aniv-perfil:first-child{
padding-right: 0;
margin-right: 0;
}
.nascimento-2 .aniv-perfil:first-child::after{
display: none;
}
.empresa-2 .aniv-perfil:first-child{
padding-right: 0;
margin-right: 0;
}
.empresa-2 .aniv-perfil:first-child::after{
display: none;
}
.aniv-cont{
display: block;
}
.aniv-perfil figure{
margin-left: 0;
}
.aniv-perfil .texts{
margin-top: 20px;
}
.nascimento-1 .aniv-perfil .texts{
margin-top: 0px;
}
.empresa-1 .aniv-perfil .texts{
margin-top: 0px;
}
.anv-box.box-nascimento.nasc-3{
background-position: 66vw 0;
}
.nascimento-3 .aniv-perfil:not(:last-child){
padding-left: 0;
margin-right: 0;
}
.nascimento-3 .aniv-perfil:not(:last-child)::after{
display: none;
}
.nascimento-3{
justify-content: center;
}
.nascimento-3 .aniv-perfil .texts{
align-items: center;
}
.nascimento-3 .aniv-perfil:not(:last-child),
.nascimento-3 .aniv-perfil{
justify-content: center;
padding-right: 0;
}
.empresa-3 .aniv-perfil:not(:last-child){
padding-left: 0;
margin-right: 0;
}
.empresa-3 .aniv-perfil:not(:last-child)::after{
display: none;
}
.empresa-3{
justify-content: center;
}
.empresa-3 .aniv-perfil .texts{
align-items: center;
}
.empresa-3 .aniv-perfil:not(:last-child),
.empresa-3 .aniv-perfil{
justify-content: center;
padding-right: 0;
}
.empresa-1 .aniv-perfil{
padding-left: 0;
}
.anv-box.box-empresa .right-aniv{
margin-left: 0;
justify-content: center;
margin-top: 30px;
}
.anv-box.box-empresa .right-aniv .aniv-parab{
top: -50px;
right: -10px;
}
}
.login-box-body.cadastro-1{
width: 400px;
max-width: 400px;
height: 211px;
padding: 34px 47px;
box-sizing: border-box;
}
.login-box-body.cadastro-2{
width: 800px;
max-width: 800px;
min-height: 400px;
padding: 45px 60px;
box-sizing: border-box;
padding-bottom: 70px;
position: relative;
}
.login-box-body *{
font-family: "Montserrat";
}
.login-box-body h2{
font-size: 20px;
font-weight: 600;
color: #333;
margin: 0;
text-align: center;
margin-bottom: 15px;
}
.login-box-body.cadastro-1 p{
font-size: 14px;
color: #555;
line-height: 20px;
margin: 0;
margin-bottom: 24px;
text-align: center;
}
.login-box-body.cadastro-1 p strong{
font-weight: 500;
}
.login-box-body.cadastro-1 .btn-primary{
max-width: 250px;
margin: auto;
background: #E0583F;
transition: 250ms ease;
}
.login-box-body.cadastro-1 button:hover{
background: #BE442D;
}
.login-box-body .bottom{
display: flex;
align-items: center;
justify-content: flex-end;
bottom: 40px;
padding-left: 60px;
padding-right: 60px;
margin: auto;
position: absolute;
box-sizing: border-box;
right: 0;
}
.login-box-body.box-users .bottom{
width: 100%;
}
.login-box-body .bottom button{
max-width: 95px;
margin: auto;
background: #E0583F;
transition: 250ms ease;
margin-left: 8px;
}
.login-box-body .bottom button:hover{
background: #BE442D;
}
.login-box.cadastro{
width: auto;
}
.login-box-body .form{
margin-top: 50px;
}
.login-box-body .form.half-itens{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.login-box-body .form.half-itens .grupo-novo{
width: calc(50% - 25px);
}
.login-box-body .form .grupo-novo{
margin-bottom: 28px;
}
.login-box-body .form label{
color: #555;
}
.login-box-body .form label.input-novo {
border-radius: 2px;
padding: 0 15px;
box-sizing: border-box;
font-family: "Montserrat";
font-weight: 500;
font-size: 14px;
color: #555555;
padding-right: 0px !important;
left: 0;
background: transparent;
padding-top: 9px;
top: 0;
border: 0;
cursor: pointer;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
white-space: nowrap;
max-width: 85%;
}
.grupo-novo.file-input{
width: 100%;
height: 40px;
background: #fff;
border: 1px solid #CFCFCF;
background-image: url('../../img/site/attach.svg');
background-position: 95% center;
background-repeat: no-repeat;
padding: 0 15px;
}
.login-box-body .form .grupo-novo.file-input input{
opacity: 0;
}
.login-box-body .step{
position: absolute;
top: 38px;
right: 62px;
font-weight: 600;
color: #555;
font-size: 12px;
}
.login-box-body.cadastro-2[data-step="3"]{
padding-bottom: 40px;
}
.login-box-body .bottom .btn-voltar{
background: white;
color: #E0583F;
border: 1px solid #E0583F;
}
.login-box-body .bottom .btn-voltar:hover{
background: white;
}
.login-box-body.cadastro-2 p{
text-align: center;
}
.login-box-body.cadastro-2.box-users{
padding-left: 145px;
padding-right: 145px;
}
.login-box-body.cadastro-2.box-users .form.half-itens{
margin-top: 25px;
}
.login-box-body .form:not(.half-itens) .grupo-novo{
width: 100%;
margin-bottom: 12px;
}
.box-users .add-new{
font-size: 11px;
font-weight: 500;
color: #555;
display: flex;
align-items: center;
cursor: pointer;
transition: 250ms ease;
}
.box-users .add-new:hover{
opacity: 0.7;
}
.box-users .add-new img{
margin-right: 8px;
}
.box-users .grupo-novo{
position: relative;
}
.box-users .delete{
position: absolute;
right: -30px;
top: 13px;
cursor: pointer;
transition: 250ms ease;
}
#clone .delete{
display: none;
}
.box-users .delete:hover{
opacity: 0.8;
}
.copy-link{
padding-left: 85px;
width: 100%;
display: flex;
align-items: center;
font-size: 12px;
font-weight: 600;
line-height: 24px;
cursor: pointer;
transition: 250ms ease;
}
.copy-link img{
margin-right: 8px;
}
.copy-link:hover{
opacity: 0.7;
}
.login-box-body.box-users .form{
margin-bottom: 30px;
}
@media screen and (max-width: 992px){
.login-box.cadastro{
padding: 40px 0;
margin: 0;
}
.login-box-body.cadastro-2{
width: 90%;
padding: 30px;
margin-bottom: 50px;
padding-top: 40px;
}
.login-box-body .form.half-itens .grupo-novo{
width: 100%;
margin-bottom: 18px;
}
.login-box-body.cadastro-2 .bottom{
position: relative;
bottom: 0;
margin-top: 20px;
padding: 0;
justify-content: space-between;
}
.login-box-body .g-recaptcha{
max-width: 100%;
overflow: hidden;
}
.login-box-body .g-recaptcha *{
max-width: 100%;
}
.login-page.cadastro-fornecedor{
display: block;
}
.login-box-body.cadastro-2 h2{
font-size: 17px;
}
.login-box-body .form{
margin-top: 25px;
}
.login-box-body.cadastro-2 .step{
top: 18px;
right: 36px;
}
.login-box-body.cadastro-1{
width: 90%;
height: auto;
}
.login-box-body.cadastro-2.box-users{
padding-left: 30px;
padding-right: 30px;
}
.login-box-body.cadastro-2 .bottom{
flex-wrap: wrap;
width: 100%;
position: relative;
margin-top: 20px;
justify-content: space-between;
}
.login-box-body.cadastro-2 .bottom button{
margin: 0;
}
.copy-link{
line-height: 15px;
margin-bottom: 20px;
}
.copy-link{
padding-left: 0;
}
}
/** Dash primeiro acesso */
.content.v2 .box.topo-fornecedor{
display: flex;
align-items: center;
height: 85px;
padding: 23px 30px;
justify-content: space-between;
}
.topo-fornecedor .left{
display: flex;
align-items: center;
}
.topo-fornecedor .right-btns{
display: flex;
align-items: center;
}
.topo-fornecedor .left figure{
display: flex;
margin: 0;
width: 110px;
height: 60px;
align-items: center;
justify-content: center;
margin-right: 25px;
}
.topo-fornecedor .left figure img{
max-width: 100%;
max-height: 100%;
height: auto;
width: auto;
}
.titulo-forn{
display: flex;
align-items: center;
justify-content: center;
text-align: center;
flex-direction: column;
padding-right: 40px;
height: 47px;
border-right: 1px solid #E3E3E3;
margin-right: 40px;
}
.titulo-forn h3{
font-size: 14px;
margin: 0 auto;
font-weight: 600;
color: #555;
}
.titulo-forn img{
margin-top: 5px;
}
.kpis-list{
display: flex;
align-items: center;
}
.kpis-list .kpi{
margin-right: 45px;
}
.content.v2 .kpis-list .kpi span{
white-space: nowrap;
}
.content.v2 .kpis-list .kpi strong{
color: #8F97B1;
}
.right-btns .main-btn-style{
white-space: nowrap;
}
.right-btns .main-btn-style:not(:first-child){
margin-left: 12px;
}
.content.v2 .box.bem-vindo{
height: 420px;
display: flex;
padding: 50px 73px;
position: relative;
}
.box.bem-vindo .left{
min-width: 33%;
}
.box.bem-vindo .left img{
position: absolute;
bottom: 0;
left: 58px;
}
.box.bem-vindo .right h3{
font-size: 20px;
font-weight: 600;
color: #E0583F;
margin: 0;
margin-bottom: 16px;
}
.box.bem-vindo .right p{
font-size: 14px;
font-weight: 500;
color: #777777;
line-height: 25px;
margin: 0;
}
.checks{
display: flex;
margin-top: 24px;
padding-top: 24px;
border-top: 1px solid #E3E3E3;
justify-content: space-between;
align-items: center;
}
.check-item{
min-width: 150px;
width: 150px;
height: 150px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 0px 12px;
background: white;
border-radius: 8px;
border: 1px solid #E3E3E3;
position: relative;
}
.check-item img.active{
display: none;
}
.check-item img{
margin-bottom: 7px;
width: 50px;
}
.check-item span{
font-size: 12px;
font-weight: 600;
color: #E0583F;
text-align: center;
}
.check-item .checkbox{
position: absolute;
left: 10px;
top: 10px;
border-radius: 4px;
display: block;
border: 1px solid #E3E3E3;
width: 20px;
height: 20px;
margin: 0;
}
.check-item.active .checkbox{
background-image: url('../../img/site/check-item.svg');
background-position: center;
background-repeat: no-repeat;
}
.check-item.active{
background: #E0583F;
}
.check-item.active img.inactive{
display: none;
}
.check-item.active img.active{
display: block;
}
.check-item.active span{
color: white;
}
@media screen and (max-width: 992px){
.content.v2 .box.topo-fornecedor{
height: auto;
display: block;
}
.content.v2 .box.topo-fornecedor .left{
flex-direction: column;
}
.content.v2 .box.topo-fornecedor .left figure{
margin-right: 0;
}
.content.v2 .box.topo-fornecedor .right-btns{
display: block;
}
.kpis-list{
flex-wrap: wrap;
align-items: center;
justify-content: center;
text-align: center;
margin-top: 20px;
margin-bottom: 20px;
}
.kpis-list .kpi{
margin-right: 0;
margin-bottom: 15px;
width: 100%;
}
.titulo-forn{
padding-right: 0;
margin-right: 0;
border-right: 0;
margin-top: 5px;
margin-bottom: 15px;
}
.right-btns .main-btn-style:not(:first-child),
.right-btns .main-btn-style{
width: 100%;
max-width: 240px;
margin: 0 auto;
margin-bottom: 12px;
}
.box.bem-vindo .left{
display: none;
}
.content.v2 .box.bem-vindo{
padding: 35px 22px;
height: auto;
}
.box.bem-vindo .right{
width: 100%;
text-align: center;
}
.checks{
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.check-item{
margin-bottom: 15px;
}
}
/** Dashboard fornecedores **/
.proxima-venda{
height: 160px;
position: relative;
}
.flex-proxima{
display: flex;
align-items: center;
justify-content: space-between;
}
.l-proxima .kpis{
display: flex;
margin-top: 33px;
}
.l-proxima .kpis .kpi{
width: 110px;
}
.l-proxima .kpis .kpi:not(:last-child){
margin-right: 25px;
}
.l-proxima::after{
content: "";
width: 1px;
height: 89px;
position: absolute;
top: 0;
bottom: 0;
margin: auto;
left: 51%;
background: #E3E3E3;
}
.r-proxima{
width: 236px;
height: 160px;
justify-content: center;
background: #E0583F;
margin: -23px;
border-radius: 0 8px 8px 0;
display: flex;
flex-direction: column;
position: relative;
padding-left: 50px;
padding-right: 15px;
align-items: flex-start;
}
.r-proxima img{
position: absolute;
left: -29px;
top: -11px;
height: 183px;
}
.list-admin.content.v2.forn-page .box{
margin-bottom: 20px;
}
.r-proxima .title{
font-size: 17px;
text-transform: uppercase;
color: white;
font-weight: bold;
margin-bottom: 5px;
}
.r-proxima .subtitle{
font-size: 15px;
text-transform: uppercase;
color: white;
font-weight: 300;
margin-bottom: 17px;
}
.r-proxima .price{
padding: 4px 12px;
border-radius: 5px;
background: white;
color: #E0583F;
font-size: 12px;
font-weight: 600;
letter-spacing: 0.06em;
}
.r-proxima .price strong{
font-size: 18px;
}
.content.v2 .aprovacao .kpi strong{
color: #8F97B1;
}
.list-admin.content.v2 .box.graph-box{
padding: 23px;
height: 327px;
}
#estoque-vendas{
margin-top: 20px;
}
#vendas-ano{
margin-top: 20px;
}
.list-admin.content.v2.forn-page .box.tipos{
height: 131px;
display: flex;
padding: 17px 23px;
box-sizing: border-box;
}
.box.tipos .item{
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 195px;
text-align: center;
position: relative;
}
.box.tipos .item:not(:last-child)::after{
content: "";
background: #E3E3E3;
display: block;
width: 1px;
top: 0;
bottom: 0;
right: 0;
height: 50px;
position: absolute;
margin: auto;
}
.box.tipos .item img{
width: 42px;
height: 42px;
margin-bottom: 8px;
}
.box.tipos .item h3{
font-size: 14px;
margin: 0;
margin-bottom: 11px;
color: #333333;
font-weight: 500;
line-height: 1em;
}
.box.tipos .item span{
font-size: 14px;
margin: 0;
color: #333333;
font-weight: normal;
line-height: 1em;
}
.box.tipos .item span strong{
font-size: 21px;
margin: 0;
font-weight: 600;
}
.box.tipos .item.tinto span strong{
color: #712B62;
}
.box.tipos .item.branco span strong{
color: #E4E833;
}
.box.tipos .item.rose span strong{
color: #FF8189;
}
.box.tipos .item.espumante span strong{
color: #F8D44C;
}
.box.tipos .item.laranja span strong{
color: #FF9E16;
}
.box.tipos .item.licoroso span strong{
color: #C26B11;
}
.list-admin.content.v2 .box.box-de-tabela{
padding: 23px;
height: 337px;
}
.boxe{
margin: 0 -23px;
margin-top: 10px;
}
.boxe .line{
padding: 0 23px;
height: 39px;
display: flex;
align-items: center;
justify-content: space-between;
border-bottom: 1px solid #EEEEEE;
position: relative;
}
.boxe .line.fisrt{
border-bottom: 0;
}
.boxe .line .size-1{
min-width: 56%;
max-width: 56%;
}
.boxe .line .size-4{
min-width: 50%;
max-width: 50%;
}
.boxe .line .size-2{
min-width: 18%;
max-width: 18%;
}
.boxe .line .size-5{
min-width: 15%;
max-width: 15%;
}
.boxe .line .size-3{
min-width: 22%;
max-width: 22%;
}
.boxe .line span{
font-size: 12px;
font-family: "Montserat";
font-weight: normal;
color: #555;
position: relative;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
white-space: nowrap;
widows: 100%;
}
.boxe .line span a{
text-decoration: underline;
color: #e0583f;
}
.boxe .line span.invert{
text-align: right;
}
.boxe .line.first span{
font-weight: 600;
color: #666;
}
.boxe .line span strong{
font-weight: bold;
font-style: italic;
color: #E0583F;
display: inline-block;
width: 23px;
}
.box-de-tabela .btn-final{
font-size: 12px;
font-weight: 600;
color: #e0583f;
float: right;
margin-top: 16px;
}
.box-de-tabela .btn-final:hover{
text-decoration: underline;
}
.boxe .line .bar{
height: 8px;
width: 60px;
position: absolute;
right: 28px;
top: 5px;
display: flex;
justify-content: flex-end;
}
.boxe .line .bar i{
height: 8px;
width: 100%;
background: #e0583f;
display: block;
}
.kpis-genero{
display: flex;
align-items: center;
justify-content: center;
margin-top: 10px;
}
.kpis-genero .kpi{
margin: 0 32px;
width: 90px;
}
.kpis-genero .kpi.feminino{
text-align: left;
}
.kpis-genero .kpi.masculino{
text-align: right;
}
.kpis-genero .kpi.feminino strong{
color: #8F97B1;
}
.kpis-genero .kpi.masculino strong{
color: #e0583f;
}
.kpis-genero .kpi strong small{
font-size: 11px;
color: #888888;
font-weight: normal;
}
@media screen and (max-width: 992px){
.flex-proxima{
display: block;
}
.r-proxima{
width: calc(100% + 46px);
margin-top: 25px;
padding-left: 120px;
border-radius: 0 0 8px 8px;
}
.proxima-venda{
height: auto;
}
.r-proxima img{
left: 26px;
}
.l-proxima::after{
display: none;
}
.l-proxima .kpis .kpi:not(:last-child){
margin-right: 15px;
}
.boxe .line span:last-child{
display: none;
}
.boxe .line .size-2{
min-width: 25%;
max-width: 25%;
}
.boxe .line .size-3{
min-width: 48%;
max-width: 48%;
}
.boxe .line .size-4{
min-width: 43%;
max-width: 43%;
}
.list-admin.content.v2.forn-page .box.tipos{
overflow: auto;
}
.box.tipos .item{
min-width: 165px;
}
}
.add-prod{
font-size: 14px;
font-weight: 500;
color: #e0583f;
display: flex;
align-items: center;
margin-top: 24px;
cursor: pointer;
transition: 250ms ease;
}
.add-prod:hover{
opacity: 0.7;
}
.add-prod img{
margin-right: 10px;
}
.form-metade{
position: relative;
}
.form-metade .delete{
position: absolute;
right: -30px;
top: 13px;
cursor: pointer;
transition: 250ms ease;
}
#clone-produto .delete{
display: none;
}
.endereco-box{
border: 1px solid #E5E5E5;
border-radius: 5px;
width: 100%;
padding: 20px 32px;
background: #FAFAFA;
}
.endereco-box h3{
font-size: 14px;
color: #333;
margin: 0;
margin-bottom: 17px;
}
.endereco-box p{
font-size: 12px;
color: #555;
margin: 0;
}
/** Auto complete form admin **/
.select2-container--default.select2-container--open{
z-index: 9999;
}
.fa, .far, .fas{
font-family: "Font Awesome 5 Free" !important;
}
.tags-produtos .titulo-tags-produto{
font-size: 14px;
margin-left: 16px;
margin-top: 20px;
}
#tags-tab{
height: auto !important;
}
.tagsProduto{
display: flex;
flex-flow: wrap;
}
.tagProduto{
margin: 12px 12px 12px 0px;
border-radius: 12px;
padding: 6px 16px;
background: #E0583F;
color: white;
font-weight: bold;
cursor: pointer;
}
.corTipoTag{
border: 1px solid #999;
padding: 8px;
width: 50px;
}
.mainTagsProdutos{
display: flex;
flex-wrap: wrap;
width: 100%;
gap: 10px;
}
.tagProdutoItem{
flex: 0 45%;
}
.tagProduto{
box-shadow: 3px 6px 4px rgb(25 25 25 / 30%);
}
.tagsCores{
display: flex;
gap: 15px;
padding: 10px 0px;
}
.tagCorItem{
display: flex;
gap: 5px;
border-right: 1px solid rgba(25,25,25,0.3);
padding-right: 5px;
cursor: pointer;
}
.tagCorItem:last-child{
border-right: none !important;
}
.tagCor{
height: 20px;
width: 20px;
border-radius: 6px;
}
.tagCorText{
display: flex;
align-items: center;
justify-content: center;
font-weight: bold;
font-size: 13px;
}
.mostrarTodasTags{
cursor: pointer;
font-weight: bold;
}
.carteira-top .carteira-top-l{
padding: 0 44px;
}
.carteira-top .carteira-top-l h2{
font-size: 14px;
font-weight: bold;
color: #E0583F;
margin-bottom: 12px;
line-height: 24px;
text-transform: uppercase;
}
.carteira-top .carteira-top-l p{
font-size: 14px;
font-weight: normal;
color: #555555;
margin-bottom: 0px;
line-height: 20px;
}
.carteira-top .carteira-top-l p strong{
font-weight: 600;
}
.carteira-top .carteira-top-r{
padding: 12px;
background-color: #FCFCFC;
border-left: 1px solid #F1F1F1;
display: flex;
align-items: center;
}
.carteira-kpi:not(:last-child){
margin-right: 32px;
}
.carteira-kpi strong{
font-weight: 600;
color: #333;
font-size: 16px;
line-height: 20px;
margin-bottom: 8px;
white-space: nowrap;
}
.carteira-kpi .carteira-kpi-main{
font-weight: bold !important;
font-size: 25px;
line-height: 28px;
white-space: nowrap;
}
.carteira-kpi .carteira-kpi-main span{
font-size: 16px;
font-weight: bold !important;
margin-bottom: 8px;
}
.carteira-kpi .carteira-kpi-main.green{
color: #45AF22;
}
.carteira-kpi .carteira-kpi-main.red{
color: #E0583F;
}
.carteira-kpi .carteira-kpi-sub{
font-size: 12px;
line-height: 20px;
font-weight: normal;
color: #949494;
white-space: nowrap;
}
.carteira-kpi .carteira-kpi-sub.mob{
display: none;
}
.carteira-top-r{
display: flex;
padding-top: 12px;
}
.uploads-colaborador{
display: grid;
}
.upload-colaborador-item{
display: flex;
gap: 14px;
padding: 14px;
background-color: #f3f3f3;
border-bottom: 1px solid rgba(25,25,25,0.1);
}
.upload-colaborador-item:last-child{
border-bottom: none;
}
.upload-colaborador-item .upload-info h5{
margin: 0px;
font-size: 15px;
color: #626262;
}
.upload-colaborador-item .upload-info span{
color: #707070;
font-weight: bold;
}
.upload-colaborador-item .upload-info{
cursor: pointer;
width: 90%;
}
.upload-colaborador-item .upload-info:hover h5{
text-decoration: underline;
}
.upload-colaborador-item .upload-buttons{
width: 10%;
display: flex;
justify-content: center;
align-items: center;
}
.upload-colaborador-item .upload-buttons button{
color: #707070;
background: transparent;
border: 1px solid #707070;
border-radius: 4px;
font-size: 13px;
width: 35px;
height: 35px;
}
.upload-colaborador-item .upload-buttons button:hover{
border-color: #c74141;
color: #c74141;
}
.upload-colaborador-item .upload-document{
margin-top: 2px;
cursor: pointer
}
.upload-colaborador-item .upload-document i{
font-size: 32px;
color: #626262;
margin-top: 5px;
}
.form-upload-colaborador{
display: grid;
gap: 12px;
padding: 12px 0px;
align-items: center;
justify-content: center;
}
.form-item-upload{
display: grid;
}
.form-item-upload label{
font-size: 15px;
}
.form-item-upload input{
border: 1px solid black;
width: 340px;
height: 32px;
border-radius: 4px;
padding-left: 8px;
}
.form-item-upload button{
width: 340px;
}
.form-item-upload .btn-upload-colaborador{
height: 32px;
width: 340px;
border-radius: 4px;
border: 1px solid transparent;
background: #302E71;
color: white;
padding: 0px 8px;
}
.form-item-upload .btn-upload-colaborador:hover{
border: 1px solid #302E71;
background: white;
color: #302E71;
}
.form-item-upload button i {
padding-right: 8px;
}
.form-item-upload textarea{
border: 1px solid black;
width: 340px;
height: 120px;
border-radius: 4px;
padding-left: 8px;
}
.form-item-upload .btn-salvar{
border: 1px solid transparent;
height: 32px;
width: 340px;
border-radius: 4px;
background: mediumseagreen;
color: white;
font-weight: bold;
}
.form-item-upload .btn-salvar:hover{
border: 1px solid mediumseagreen;
background: white;
color: mediumseagreen;
}
.header-tab-upload-colaborador{
display: flex;
}
.content-header-tab-upload{
margin-left: auto;
}
.content-header-tab-upload button{
border: 1px solid transparent;
height: 32px;
padding: 0px 12px;
border-radius: 4px;
background: #313868;
color: white;
}
.content-header-tab-upload button:hover{
border: 1px solid #313868;
background: white;
color: #313868;
}
#modal-upload-item .modal-dialog{
width: 400px;
}
.form-upload-colaborador hr{
width: 100%;
}
.btn-close-modal-upload{
background: transparent;
border: none;
color: #999;
font-size: 22px;
position: absolute;
right: 10px;
top: 15px;
}
.form-item-upload-filename{
display: flex;
padding: 12px 0px;
gap: 8px;
}
.form-item-upload-filename span{
font-weight: bold;
}
.form-item-upload-filename i{
margin-left: auto;
margin-right: 5px;
font-size: 16px;
cursor: pointer;
color: #707070;
display: none;
}
.form-item-upload-filename i:hover{
color: #c74141;
}
.oferta-listagem-action{
display: flex;
gap: 6px;
}
.oferta-listagem-action a, .oferta-listagem-action button{
height: 35px;
width: 35px;
display: flex;
align-items: center;
justify-content: center;
color: white;
padding: 6px 12px;
border: none;
}
.oferta-listagem-action button{
background: #999;
border-radius: 4px;
}
.oferta-listagem-action button:hover{
background: #666;
}
#modal-produto-tag .modal-dialog{
width: 750px;
}
.listagemProdutoDisponivel{
display: flex;
padding: 15px 0px;
border-bottom: 1px solid rgba(25,25,25,0.1);
}
.listagemProdutoDisponivel .produtoTagImagem img{
width: 100px;
height: 100px;
object-fit: contain;
}
.listagemProdutoDisponivel a{
margin-top: 12px;
border: 1px solid transparent;
padding: 6px 12px;
border-radius: 8px;
background: #302E71;
color: white;
font-weight: bold;
}
.listagemProdutoDisponivel a:hover{
border: 1px solid #302E71;
color: #302E71;
background: white;
}
.listagemProdutoDisponivel .produtoTagInfo{
padding-left: 10px;
}
.texto-confraria-cadastro{
font-size: 14px;
}
.btn-confraria-cadastro{
padding: 6px 12px;
border-radius: 4px;
background: #989797;
color: white;
font-weight: bold;
border: 2px solid transparent;
}
.btn-confraria-cadastro:hover{
color: #989797;
border-color: #989797;
background: white;
}
.enviar-imagem-main-landing{
display: grid;
align-items: center;
justify-content: center;
gap: 6px;
margin-bottom: 20px;
}
.preview-imagem-landing{
object-fit: cover;
width: 300px;
height: 300px;
border: 1px solid #999;
border-radius: 2px;
}
.checkbox-form-oferta{
display: flex;
gap: 12px;
}
.flex-filtro{
display: flex;
justify-content: flex-end;
gap: 12px;
}
.problema_estoque_msg{
font-weight: 600;
color: #ea2929;
font-family: "Montserrat";
}
.ok_estoque_msg{
font-weight: 600;
color: #666666;
font-family: "Montserrat";
}
.btn_visualizar_produtos_estoque{
margin-top: 10px;
}
.modal-problema-estoque{
width: 50% !important;
}
.modal-problema-estoque .modal-title{
font-size: 22px !important;
}
.modal-problema-estoque .modal-header{
background: #302E71
}
.produto-problema-estoque{
padding: 12px 30px;
display: flex;
gap: 40px;
background: #d9d9d9;
border-radius: 12px;
}
.image-produto-problema-estoque{
height: 120px;
}
.image-produto-problema-estoque img{
height: 120px;
}
.texto-produto-problema-estoque{
width: 100%;
}
.texto-produto-problema-estoque h5{
font-size: 20px;
}
.texto-produto-problema-estoque p{
font-size: 16px;
margin-bottom: 4px;
}
.danger-numero-oferta{
color: #ea2929;
}
.divider-b{
margin: 10px 0px;
height: 1px;
width: 100%;
background: #c0c0c0;
}
.table-problema-produto-estoque .table{
font-size: 15px;
}
.table-problema-produto-estoque .table td{
border-color: #c0c0c0;
}
.table-problema-produto-estoque .table th{
border-bottom: 1px solid #c0c0c0;
/* border-color: transparent; */
}
.dropdown-action{
position: relative;
}
.dropdown-action-content{
display: none;
position: absolute;
box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.2);
height: auto;
width: 145px;
background: #fff;
z-index: 9;
border-radius: 2px;
margin-left: -70px !important;
}
.btn-dropdown-action{
background: #313868;
border: none;
padding: 6px 15px;
border-radius: 3px;
color: white;
}
.btn-dropdown-action:hover{
background-color: #3f70cc;
}
.dropdown-action-item{
padding: 12px 15px;
border-bottom: 1px solid rgba(25,25,25,0.1);
font-size: 15px;
cursor: pointer;
display: flex;
gap: 10px;
display: flex;
gap: 10px;
align-items: center;
justify-content: start;
color: #585858;
font-size: 14px;
}
.dropdown-action-item:hover{
background: #f2f2f2;
color: #393939 !important;
}
.delete-dropdown-item{
color: #db3232 !important;
}
.delete-dropdown-item i{
color: #db3232 !important;
}
.dropdown-action-item i{
font-size: 12px;
}
.fa-refresh:before{
content: "\f021";
}
.relatorio-pedido-entrega{
display: flex;
gap: 20px;
align-items: end;
justify-content: center;
}
.wrapper-pedido-entrega-inpt{
display: flex;
flex-direction: column;
}
.wrapper-pedido-entrega-inpt input{
padding: 4px;
border: 1px solid rgba(25,25,25,0.2);
border-radius: 4px;
}
.cupom-utlizado{
border-bottom: 1px solid black;
margin-bottom: 15px;
}
.cupom-utilizado-codigo{
font-size: 16px;
font-weight: bold;
}
.item-document-upload{
border: 1px solid #bdbdbd;
border-radius: 4px;
padding: 10px;
display: flex;
gap: 10px;
/*justify-content: space-between;*/
flex-direction: column;
margin-top: 10px;
}
.box-documento-item-upload{
display: flex;
gap: 10px;
align-items: center;
}
.list-documents-upload{
margin-top: 10px;
}
.item-document-upload h5{
font-size: 13px;
color: #545454;
}