@import "https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700";
@import url("brand.3770f0ef50b1.css");

.modal { overflow: auto !important; }

/* desativando scroll horizontal */
html, body {
    max-width: 100%;
    overflow-x: hidden;
}

a.disabled {
  pointer-events: none;
  cursor: default;
}


/* width */
::-webkit-scrollbar {
  width: 9px;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #35388D   ;
  border-radius: 9px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #bab5eb;
}

.item-card {
    margin: 10rem, 10rem, 10rem, 10px
}

.card-small{
  border: 1px solid #cccccc;
  display: flex;
  width: 20rem;
  height: 20rem;
  transition: all linear 200ms;
}

.card{
  border: 1px solid #cccccc;
  display: flex;
  width: 20rem;
  height: 30rem;
  transition: all linear 200ms;
}

.card:hover{
  transform: scale(1.1);
  transition: all linear 200ms;
  z-index: 1;
  box-shadow: 1px 1px 10px rgba(0,0,0,.3);
  cursor: pointer;
}


body {
    font-family: 'Poppins', sans-serif;
    background: #fafafa;
    --background_layout_from: #35388D;
    --background_layout_to: #C13D8D;
    --background_layout_older: #5a5ac6;
    --background_font_hover: #7386D5;
     background-color: frozen;
}



p {
    font-family: 'Poppins', sans-serif;
    font-size: 1.1em;
    font-weight: 300;
    line-height: 1.7em;
    color: #999;
}

a,
a:hover,
a:focus {
    color: inherit;
    text-decoration: none;
    transition: all 0.3s;
}

.navbar {
    background: #fff;
    border: none;
    border-radius: 0;
    margin-bottom: 1.5rem!important;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
}

.navbar-btn {
    box-shadow: none;
    outline: none !important;
    border: none;
}

.line {
    width: 100%;
    height: 1px;
    border-bottom: 1px dashed #ddd;
    margin: 40px 0;
}

/* ---------------------------------------------------
    SIDEBAR STYLE
----------------------------------------------------- */

.wrapper {
    display: flex;
    width: 100%;
    align-items: stretch;
}




#sidebar {
    min-width: 250px;
    max-width: 250px;
    background: -webkit-linear-gradient(var(--background_layout_to), var(--background_layout_from));
    background: -o-linear-gradient(var(--background_layout_to), var(--background_layout_from));
    background: -moz-linear-gradient(var(--background_layout_to), var(--background_layout_from));
    background: linear-gradient(var(--background_layout_from), var(--background_layout_to));
    color: #fff;
    transition: all 0.3s;
}

#sidebar.active {
    margin-left: -250px;
}

#sidebar .sidebar-header {
    padding: 20px;
    background: gradient(var(--background_layout_to), var(--background_layout_from));

}

#sidebar ul.components {
    padding: 20px 0;
     border-bottom: 1px solid white;
}

#sidebar ul p {
    color: #fff;
    padding: 10px;
}

#sidebar ul li a {
    padding: 10px;
    font-size: 1.1em;
    display: block;
}

#sidebar ul li a:hover {
    color: var(--background_font_hover);
    background: #fff;
}

#sidebar ul li.active>a,
a[aria-expanded="true"] {
    color: var(--background_font_hover);
    background: #fff;
    /* background: #6d7fcc */;
}

a[data-toggle="collapse"] {
    position: relative;
}

.dropdown-toggle::after {
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
}

ul ul a {
    font-size: 0.9em !important;
    padding-left: 30px !important;
    /*background: #6d7fcc*/;
}

ul.CTAs {
    padding: 20px;
}

ul.CTAs a {
    text-align: center;
    font-size: 0.9em !important;
    display: block;
    border-radius: 5px;
    margin-bottom: 5px;
}


.btn{
    border-radius: 10px !important;
}

.btn:hover {
    transform: scale(1.05) !important;
}

/* ============================================
   SISTEMA DE BOTÕES BIX
   Cores: action-1 azul escuro | action-2 outline escuro (hover fundo escuro) | action-3 verde
   Tamanhos: padrão (header/modal) | btn-action-sm (tabelas) | btn-action-lg (destaque)
============================================ */

.btn-action-1,
.btn-action-2,
.btn-action-3 {
    font-size: 0.875rem !important;
    font-weight: 500 !important;
    padding: 8px 18px !important;
    border: none !important;
    color: white !important;
}

.btn-action-1:hover,
.btn-action-1:focus,
.btn-action-3:hover,
.btn-action-3:focus {
    color: white !important;
}

.btn-action-1:hover,
.btn-action-1:focus {
    filter: brightness(0.94);
}

.btn-action-2:hover:not(.search),
.btn-action-2:focus:not(.search) {
    background-color: var(--color-primary-dark) !important;
    color: white !important;
    border-color: var(--color-primary-dark) !important;
}

.btn-action-1 { background-color: var(--color-primary-dark) !important; }
.btn-action-2 { background-color: #ffffff !important; color: var(--color-primary-dark) !important; border: 1.5px solid var(--color-primary-dark) !important; }
.btn-action-3 { background-color: #71B556 !important; }

.btn-action-sm {
    font-size: 0.78rem !important;
    padding: 5px 11px !important;
}

.btn-action-lg {
    font-size: 1rem !important;
    padding: 10px 24px !important;
}

/* ============================================ */

.btn-action-search{
    background-color: var(--color-primary) !important;
    color: white !important;
    border: 1px solid var(--color-primary);
}

.btn-action-search-danfe{
    background-color: var(--color-primary) !important;
    color: white !important;
    border: 1px solid var(--color-primary);
}

.btn-action-search-resupply{
    background-color: var(--color-primary) !important;
    color: white !important;
    border: 1px solid var(--color-primary);
}

.btn-action-search-pedido-ressuprimento{
    background-color: var(--color-primary) !important;
    color: white !important;
    border: 1px solid var(--color-primary);
}

.swal-button--confirm{
    background-color: var(--color-primary-dark) !important;
    color: white !important;
    border: 1px solid var(--color-primary-dark);
}

th, td {
text-align: center;
}

.btn-action{
    background-color: var(--color-primary-dark) !important;
    color: white !important;
}

.btn-action-red{
    background-color: red !important;
    color: white !important;
}

.btn-action-purple{
    background-color: #5a5ac6 !important;
    color: white !important;
    border: 1px solid black;
}


.btn-action-green{
    background-color: green !important;
    color: white !important;
}

.btn-action-blue{
    background-color: var(--color-primary-dark) !important;
    color: white !important;
}

.btn-action-yellow{
    background-color: #FFFF00 !important;
    color: black !important;
    border: 1px solid black;
}

.btn-action-neutral{
    background-color: #718eab !important;
    color: white !important;
    border: 1px solid black;
}

.btn-get{
    background-color: #71B556 !important;
    color: white !important;
}

.btn-post{
    background-color: var(--color-primary) !important;
    color: white !important;
    border: 1px solid white;
}

.search {
    padding: 10px;
}

.page-title {
    color: #1E2D5A;
}

/* ---------------------------------------------------
    CONTENT STYLE
----------------------------------------------------- */

#content {
    width: 100%;
    padding: 0px;
    min-height: 100vh;
    transition: all 0.3s;
}

/* ---------------------------------------------------
    MEDIAQUERIES
----------------------------------------------------- */

@media (max-width: 768px) {
    #sidebar {
        margin-left: -250px;
    }
    #sidebar.active {
        margin-left: 0;
    }
    #sidebarCollapse span {
        display: none;
    }
}


input[type=checkbox]
{
  /* Double-sized Checkboxes */
  -ms-transform: scale(2); /* IE */
  -moz-transform: scale(2); /* FF */
  -webkit-transform: scale(2); /* Safari and Chrome */
  -o-transform: scale(2); /* Opera */
  transform: scale(2);
  padding: 10px;
  margin: 10px;
}

/* Might want to wrap a span around your checkbox text */
.checkboxtext
{
  /* Checkbox text */
  font-size: 110%;
  display: inline;
}



a {
    text-decoration: none;
    display: inline-block;
    padding: 8px 16px;
  }
  
a:hover {
    background-color: #ddd;
    color: black;
}


/* Pagination buttons */
.next,
a.previous.round[href] {
    background-color: transparent;
    color: var(--color-primary);
    border: 1.5px solid var(--color-primary);
    border-radius: 6px;
    padding: 3px 10px;
    font-size: 1.1rem;
    font-weight: 600;
    line-height: 1.4;
    margin: 4px 6px;
    transition: all 0.15s ease;
}

.next:hover,
a.previous.round[href]:hover {
    background-color: var(--color-primary) !important;
    color: white !important;
}

.round {
    border-radius: 6px;
}

/* Disabled pagination button (no href) */
a.round:not([href]) {
    background-color: transparent !important;
    color: #c8c8c8 !important;
    border: 1.5px solid #e8e8e8;
    border-radius: 6px;
    padding: 3px 10px;
    font-size: 1.1rem;
    font-weight: 600;
    line-height: 1.4;
    margin: 4px 6px;
    cursor: default;
    pointer-events: none;
}

.file-upload {
    display:block;
    text-align:center;
}

.file-upload .file-select {
    display:block;
    border: 2px solid #dce4ec;
    color: #34495e;cursor:pointer;
    height:40px;line-height:40px;
    text-align:left;
    background:#FFFFFF;
    overflow:hidden;
    position:relative;
}
.file-upload .file-select .file-select-button{
    background: var(--color-primary);
    color: white;
    padding:0 10px;
    display:inline-block;
    height:40px;
    line-height:40px;
}
.file-upload .file-select .file-select-name {
    line-height:40px;
    display:inline-block;padding:0 10px;
}

.file-upload .file-select:hover {
    border-color:#34495e;
    transition:all .2s ease-in-out;
    -moz-transition:all .2s ease-in-out;
    -webkit-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
}
.file-upload .file-select:hover .file-select-button {
    background: var(--color-primary);
    color:#FFFFFF;
    transition:all .2s ease-in-out;
    -moz-transition:all .2s ease-in-out;
    -webkit-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
}
.file-upload.active .file-select {
    border-color:#3fa46a;transition:all .2s ease-in-out;
    -moz-transition:all .2s ease-in-out;
    -webkit-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
}

.file-upload.active .file-select .file-select-button {
    background:#3fa46a;
    color:#FFFFFF;
    transition:all .2s ease-in-out;
    -moz-transition:all .2s ease-in-out;
    -webkit-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
}

.file-upload .file-select input[type=file] {
    z-index:100;
    cursor:pointer;
    position:absolute;
    height:100%;
    width:100%;
    top:0;left:0;
    opacity:0;
    filter:alpha(opacity=0);
    margin-top: 0px;
}

.file-upload .file-select.file-select-disabled {
    opacity:0.65;
}

.file-upload .file-select.file-select-disabled:hover {
    cursor:default;
    display:block;
    border: 2px solid #dce4ec;
    color: #34495e;
    cursor:pointer;
    height:40px;
    line-height:40px;
    margin-top:5px;
    text-align:left;
    background:#FFFFFF;
    overflow:hidden;
    position:relative;
}

.file-upload .file-select.file-select-disabled:hover .file-select-button {
    background:#dce4ec;color:#666666;
    padding:0 10px;
    display:inline-block;
    height:40px;
    line-height:40px;
}

.file-upload .file-select.file-select-disabled:hover .file-select-name {
    line-height:40px;
    display:inline-block;
    padding:0 10px;
}

.bg-snow {
    background-color: #f5f5f5;
}

.padding-10 {
    padding: 10px;
}

.active-menu {
    color: #35388D;
    background: #fff;
}

#sidebar li a .fa-chevron-left {
  transition: transform 0.4s linear;
}

#sidebar li a.active-menu .fa-chevron-left {
  transform: rotate(-90deg);
}