/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 31/10/2018, 16:20:00
    Author     : Gabriel Bordon
*/

.shake {
  /* Start the shake animation and make the animation last for 0.5 seconds */
  animation: shake 0.5s;

  /* When the animation is finished, start again */
  animation-iteration-count: infinite;
}

@keyframes shake {
  0% { transform: translate(1px, 1px) rotate(0deg); }
  10% { transform: translate(-1px, -2px) rotate(-1deg); }
  20% { transform: translate(-3px, 0px) rotate(1deg); }
  30% { transform: translate(3px, 2px) rotate(0deg); }
  40% { transform: translate(1px, -1px) rotate(1deg); }
  50% { transform: translate(-1px, 2px) rotate(-1deg); }
  60% { transform: translate(-3px, 1px) rotate(0deg); }
  70% { transform: translate(3px, 1px) rotate(-1deg); }
  80% { transform: translate(-1px, -1px) rotate(1deg); }
  90% { transform: translate(1px, 2px) rotate(0deg); }
  100% { transform: translate(1px, -2px) rotate(-1deg); }
}

.text-purple {
    color: #e1bee7  !important; 
}
.text-blue {

    color: #bbdefb !important; 
}
.text-green {
    color: #c8e6c9 !important; 
}
.text-red {
    color: #ffcdd2 !important; 
    
}
.text-yellow {
    color: #fff9c4 !important; 

}


/* SCROLL */
::selection{background: #4285F4; color: #FFF;opacity:1;}
::-webkit-selection{background: #4285F4; color: #FFF;opacity:1;}
::-moz-selection{background: #4285F4; color: #FFF;opacity:1;}
::-o-selection{background: #4285F4; color: #FFF;opacity:1;}

::-webkit-scrollbar {background: transparent; width: 16px; height: 8px;}
::-webkit-scrollbar-thumb {background: #4285F4;-webkit-border-radius: 8px}
::-moz-scrollbar {background: transparent; width: 16px;  height: 8px;}
::-moz-scrollbar-thumb {background: #4285F4;-webkit-border-radius: 8px}
::-o-scrollbar {background: transparent; width: 16px; height: 8px;}
::-o-scrollbar-thumb {background: #4285F4;-webkit-border-radius: 8px}
/* Fim SCROLL */

@font-face {
    font-family: GothamBold;
    src: url("../font/gotham-bold.otf");
}
@font-face {
    font-family: GothamNarrowBold;
    src: url("../font/gotham-narrow-bold.otf");
}
@font-face {
    font-family: GothamNarrowLight;
    src: url("../font/gotham-narrow-light.otf");
}
@font-face {
    font-family: GothamNarrowBook;
    src: url("../font/gotham-narrow-book.otf");
}
.btn-redondo {
    border: 1px solid;
    padding: 3px;
    border-radius: 100%;
}
.gothamGold {
    font-family: GothamBold;
}
.gothamNarrowBold {
    font-family: GothamBold;
}

.divPreco {
    background: url('../img/etiqueta_sombra.png') no-repeat;
    background-size: contain;
}
/*Arruma Fixed Header Data Table*/
table.dataTable.fixedHeader-floating {
    z-index: 99999;
}
/*Arruma Fixed Header Data Table*/


/*Início Arruma API Select2*/
.md-form .select2-container .select2-selection--single {
    border: 0;
    border-bottom:1px solid #ced4da;
    border-radius: 0;
}
.md-form .select2-container .select2-selection.select2-selection--single {
    height: 38px;
}
.md-form .select2-container .select2-selection.select2-selection--single .select2-selection__arrow {
    top: 6px;
}
.md-form .select2-container .select2-selection.select2-selection--single .select2-selection__rendered {
    line-height: 38px;
}
/*Fim Arruma API Select2*/


/* CARREGANDO */
    #box_carregando{
        width:100%;	
        height:100%;
        background: #efefef;
        top:0px;
        z-index:999999999;
        position:fixed;
    }
    .lds-spinner {
        color: official;
        display: inline-block;
        position: absolute;
        top: 50%; left: 50%;
        transform: translate(-50%, -50%);
        width: 32px;
        height: 32px;
    }
    .lds-spinner div {
        transform-origin: 16px 16px;
        animation: lds-spinner 1.2s linear infinite;
    }
    .lds-spinner div:after {
        content: " ";
        display: block;
        position: absolute;
        top: 1.5px;
        left: 14.5px;
        width: 2.5px;
        height: 7px;
        border-radius: 20%;
        background: #333;
    }
    .lds-spinner div:nth-child(1) {
        transform: rotate(0deg);
        animation-delay: -1.1s;
    }
    .lds-spinner div:nth-child(2) {
        transform: rotate(30deg);
        animation-delay: -1s;
    }
    .lds-spinner div:nth-child(3) {
        transform: rotate(60deg);
        animation-delay: -0.9s;
    }
    .lds-spinner div:nth-child(4) {
        transform: rotate(90deg);
        animation-delay: -0.8s;
    }
    .lds-spinner div:nth-child(5) {
        transform: rotate(120deg);
        animation-delay: -0.7s;
    }
    .lds-spinner div:nth-child(6) {
        transform: rotate(150deg);
        animation-delay: -0.6s;
    }
    .lds-spinner div:nth-child(7) {
        transform: rotate(180deg);
        animation-delay: -0.5s;
    }
    .lds-spinner div:nth-child(8) {
        transform: rotate(210deg);
        animation-delay: -0.4s;
    }
    .lds-spinner div:nth-child(9) {
      transform: rotate(240deg);
      animation-delay: -0.3s;
    }
    .lds-spinner div:nth-child(10) {
      transform: rotate(270deg);
      animation-delay: -0.2s;
    }
    .lds-spinner div:nth-child(11) {
      transform: rotate(300deg);
      animation-delay: -0.1s;
    }
    .lds-spinner div:nth-child(12) {
      transform: rotate(330deg);
      animation-delay: 0s;
    }
    @keyframes lds-spinner {
      0% {
        opacity: 1;
      }
      100% {
        opacity: 0;
      }
    }
/* FIM CARREGANDO */

/*DIVERSOS*/
select.mostraSelect {
    display: inherit !important;
}
.select2MaxHeight .select2-container {
    max-height: 200px;
    overflow: auto;
}
.selectw100 .select-wrapper  {
    width: 100%;
}       
.white-skin .page-footer {
    z-index: 99;
}
.owl-dots-flutante .owl-dots {
    border: 1px solid #ccc;
    background: #ddd;
    position: fixed;
    bottom: 50px;
    left: 50%;
    transform: translateX(-50%);
    padding-top: 6px;
    border-radius: 8px;
    z-index: 9999999; 
}
.owl-theme .owl-dots .owl-dot.active span {
    background: #ccc !important;
}
.owl-theme .owl-dots .owl-dot span {
    background: #fff !important;
}
.owl-dots-flutante .owl-theme .owl-dots .owl-dot span {
    background: #fff !important;
}
.owl-dots-flutante .owl-theme .owl-dots .owl-dot.active span {
    background: #ccc !important;
}
.owl-dots-flutante .item {
    background: #fff !important;
}
.form-check-input[type=radio]+label, .form-check-input[type=checkbox]+label, label.btn input[type=radio]+label, label.btn input[type=checkbox]+label {
    /* padding-left: 17px; */
}
.form-check-input[type=checkbox]+label:before, label.btn input[type=checkbox]+label:before{
    top: 50%;
    transform: translateY(-50%);
}
.chart_g {
    width: 100%;
    min-height: 300px;
}
.w-95 {
    width: 95% !important;
}
.box-observacoes-index {
    max-height: 58vh;
    overflow: auto;
}
.header-border {
    border-bottom: 1px solid #000;
}
form.box-form-busca {
    border: 1px solid #ced4da;
    padding: 0.5rem;    
}
form.box-form-busca .md-form {
    margin-bottom: 0;
}
.centraliza-vertical {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
.centraliza-horizontal {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}
.blue-gradient {
    background: #2375A8 !important;
}
.collapsible.collapsible-accordion .collapsible-body li.active a, .white-skin .side-nav .collapsible li .collapsible-header.active i, .collapsible.collapsible-accordion .collapsible-body li.active a i {
    color:#2375A8 !important;
}
.white-skin .side-nav .collapsible li .collapsible-header.active {
    color:#2375A8;
}
.side-nav a {
    padding-left: 10px !important;
    height: auto;
}
.side-nav .collapsible .fa.fa-chevron-right {
    margin-right: 8px !important;
}
.box-form-consulta {
        border: 1px solid #ccc;
        padding: 8px;
    }
    .dataTables_wrapper.container-fluid {
        padding-right: 0px;
        padding-left: 0px;    
    }
    .md-form textarea.md-textarea {
        overflow-y: auto;
    }
    .custom-scrollbar.list-unstyled {
        overflow-x: hidden;
        overflow-y: auto;
    }
    .cor-azul {
        color: #4285F4 !important;
    }
    .centralizarY {
        position: relative;
        top:50%;
        transform: translateY(-50%);
    }
    .vh100 {
        height: 100vh;    
    }
    .cor-vermelha {
        color: #d50000 !important;
    }
    .cor-verde {
        color: #32CD30 !important;
    }
    .toast .toast-error {
        width: 750px !important;
    }
    .maozinha {
        cursor: pointer;
    }
    .box-produto {
        border-bottom: 1px dashed #bdbdbd;
        margin-bottom: 15px;
    }
    .box-produto .md-form input {
        padding: 0;
    }
    .box-produto .md-form label {
        text-align: center;
        width: 100%;
        margin-bottom: 0;
    }
    .box-produto p.nome-produto {
        margin-bottom: 0;
        font-size: 15px;
        cursor: pointer;
        color: #757575
    }
    .box-produto .box-complementos {
        margin: 4px 0 15px;
        border: 1px solid #bdbdbd;
        /*border-radius: 8px;*/
        padding: 4px;
    }
    .box-produto .box-complementos .box-complemento {
        margin: 4px 0;
    }
    .box-produto .box-complementos .box-complemento label {
        float: left;
        width: CALC(100% - 45px);
        font-size: .8rem;
        color: #757575;
        margin: 0;
        cursor: pointer;
        text-align: right;
    }
    .box-produto .box-complementos .box-complemento input {
        float: right;
        width: 40px;
        padding: 0;
    }
    .btn.btn-pequeno {
        margin: 0;
        padding: 4px;
        font-size: 1px;
        border-radius: 100%;
    }
    .btn.btn-pequeno .fa {
        font-size: 0.5rem;
    }
    .box-dashed-top {
        border-top: 1.5px dashed #ced4da;
        padding-top: 8px;        
    }
    .box-dashed {
        border-bottom: 1.5px dashed #ced4da;
        margin-bottom: 8px;        
    }
    .no-border-last .box-dashed:last-child {
        border: 0;
    }
    .box-header {
        
    }
    .box-header .header {
        font-weight: bold !important;
        color: #333;
        border-bottom: 0px solid #bdbdbd;
        font-size: 1rem;
        text-transform: uppercase;
        margin: 0;
    }
    .box-header .divider {
        height: 2px;
        margin: 0.5rem 0;
    }
    .md-form {
        margin-top: 1.0rem;
        margin-bottom: 1.0rem;
    }
    .simula-mp-label {
        font-weight: 400;
        color: #757575;
        font-size: .8rem;  
        margin-bottom: .5rem;
        cursor: text
    }
    table.dataTable thead>tr>th.sorting_asc, table.dataTable thead>tr>th.sorting_desc, table.dataTable thead>tr>th.sorting, table.dataTable thead>tr>td.sorting_asc, table.dataTable thead>tr>td.sorting_desc, table.dataTable thead>tr>td.sorting {
        padding-right: 0px !important;
    }
    .table td a {
        margin-right: 4px !important;
    }
    .table td a:last-child {
        margin-right: 0px !important;
    }
    .navbar.navbar-expand-lg .button-collapse span {
        font-size: 15px;
        top: -2px;
        position: relative;
    }
/*Início Arruma API Select2*/
.md-form .select2-container .select2-selection--single {
    border: 0;
    border-bottom:1px solid #ced4da;
    border-radius: 0;
}
.md-form .select2-container .select2-selection.select2-selection--single {
    height: 38px;
}
.md-form .select2-container .select2-selection.select2-selection--single .select2-selection__arrow {
    top: 6px;
}
.md-form .select2-container .select2-selection.select2-selection--single .select2-selection__rendered {
    line-height: 38px;
}
/*Fim Arruma API Select2*/
    .img-responsive {
        max-width: 100%;
        max-height: 100%;
        object-fit: contain;
    }
    .box-404 {
        /*color: #FF8800;*/
        color:#ffbb33
    }
    .collapsible.collapsible-accordion .collapsible-body li.active a,
    .white-skin .side-nav .collapsible li .collapsible-header.active i,
    .collapsible.collapsible-accordion .collapsible-body li.active a i{
        color: #4285F4;
    }
    .select-wrapper input.select-dropdown {
        height: 2.4rem;
        line-height: 2.4rem;        
    }
    .select-menor .select-wrapper input.select-dropdown {
        height: 2.1rem;
        line-height: 2.1rem;        
    }
    table.table-bordered.dataTable tbody th, table.table-bordered.dataTable tbody td {
        padding: 6px;
    }
    .icon-bandeira {
        width: 25px;
        height: 25px;
        margin-right: 0.5rem;
    }
    .mce-branding-powered-by {
        display: none !important;
    }
    .header-hr {
        border-bottom: 0.5px solid #000;
    }

    .mdb-select.initialized {
        display: block !important;
        position: absolute;
        border:0 !important;
        width: 1px;
        height: 1px;
        top: 50%;
        left: 50%;
    }


/*FIM DIVERSOS*/

/*GRADIENTES ADICIONAIS*/
    .juicy-peach-gradient {
        background-image: linear-gradient(to right, #ffecd2 0%, #fcb69f 100%);
    }
    .young-passion-gradient {
        background-image: linear-gradient(to right, #ff8177 0%, #ff867a 0%, #ff8c7f 21%, #f99185 52%, #cf556c 78%, #b12a5b 100%);
    }
    .lady-lips-gradient {
        background-image: linear-gradient(to top, #ff9a9e 0%, #fecfef 99%, #fecfef 100%);
    }
    .sunny-morning-gradient {
        background-image: linear-gradient(120deg, #f6d365 0%, #fda085 100%);
    }
    .rainy-ashville-gradient {
        background-image: linear-gradient(to top, #fbc2eb 0%, #a6c1ee 100%);
    }
    .frozen-dreams-gradient {
        background-image: linear-gradient(to top, #fdcbf1 0%, #fdcbf1 1%, #e6dee9 100%);
    }
    .warm-flame-gradient {
        background-image: linear-gradient(45deg, #ff9a9e 0%, #fad0c4 99%, #fad0c4 100%);
    }
    .night-fade-gradient {
        background-image: linear-gradient(to top, #a18cd1 0%, #fbc2eb 100%);
    }
    .spring-warmth-gradient {
        background-image: linear-gradient(to top, #fad0c4 0%, #ffd1ff 100%);
    }
    .winter-neva-gradient {
        background-image: linear-gradient(120deg, #a1c4fd 0%, #c2e9fb 100%);
    }
    .dusty-grass-gradient {
        background-image: linear-gradient(120deg, #d4fc79 0%, #96e6a1 100%);
    }
    .tempting-azure-gradient {
        background-image: linear-gradient(120deg, #84fab0 0%, #8fd3f4 100%);
    }
    .heavy-rain-gradient {
        background-image: linear-gradient(to top, #cfd9df 0%, #e2ebf0 100%);
    }
    .amy-crisp-gradient {
        background-image: linear-gradient(120deg, #a6c0fe 0%, #f68084 100%);
    }
    .mean-fruit-gradient {
        background-image: linear-gradient(120deg, #fccb90 0%, #d57eeb 100%);
    }
    .deep-blue-gradient {
        background-image: linear-gradient(120deg, #e0c3fc 0%, #8ec5fc 100%);
    }
    .ripe-malinka-gradient {
        background-image: linear-gradient(120deg, #f093fb 0%, #f5576c 100%);
    }
    .cloudy-knoxville-gradient {
        background-image: linear-gradient(120deg, #fdfbfb 0%, #ebedee 100%);
    }
    .morpheus-den-gradient {
        background-image: linear-gradient(to top, #30cfd0 0%, #330867 100%);
    }
    .rare-wind-gradient {
        background-image: linear-gradient(to top, #a8edea 0%, #fed6e3 100%);
    }
    .near-moon-gradient {
        background-image: linear-gradient(to top, #5ee7df 0%, #b490ca 100%);
    }
/*FIM GRADIENTES ADICIONAIS*/
/* ui  */
    .ui-sortable-custom {
        list-style: none;
        margin: 0;
    }

    .ui-sortable-custom li {
        padding: 5px;
        margin-bottom: 5px;     

    }
    .ui-sortable-custom li:hover {
        border-color: #999;
        cursor:move;
        box-shadow: 0px 0px 5px #ccc;
    }
    .imagem-reordenar{
        height: 50px !important;
        width: 50px !important;
        object-fit: contain !important;
        border: 1px solid #999 !important;
        border-radius: 5px !important;
        margin-right: 5px !important;
    }
/* fim ui */

/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
    .box-produto p.nome-produto {
        margin-bottom: 8px;
    }
}

/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767.98px) {
}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991.98px) {
}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199.98px) {
}

/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
    
}

/* Configuração menu max */
@media (min-width: 1441px) {
    /* #slide-out {
        transform: translateX(-100%);
    }    
    .fixed-sn .double-nav, .fixed-sn footer, .fixed-sn main {
        padding-left: 15px;
    }
    .double-nav .button-collapse {
        display: block;
    } */
}

.select2-selection--multiple .select2-selection__rendered {
    max-height: 250px;
    overflow-y: auto !important;
}

.side-nav .collapsible-body a {
    padding-left: 20px;
}

.sn-bg-1 {
    background-image: url(../img/fundo3.jpg);
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-size: cover;
} 

.white-skin .side-nav .collapsible li .collapsible-body a {
    color: #000;
}

.box-observacao {
    max-height: 200px;
    overflow-y: auto;
}