/*----------------------RESET--------------------*/

html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,
dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, figure, footer, header, hgroup, menu, nav, section, menu,time, mark, audio, video {margin:0; padding:0; border:0; outline:0; /*font-size:62.5%;*/ vertical-align:baseline; background:transparent;}

article, aside, figure, footer, header,hgroup, nav, section { display:block; }

nav ul { list-style:none; }

blockquote, q { quotes:none; }

blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }

a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }

ins { background-color:#ff9; color:#000; text-decoration:none; }

mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; }

/* tables still need cellspacing="0" in the markup */
table { border-collapse:collapse; border-spacing:0; }

hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }

input, select { vertical-align:middle; }

.chromeframe {margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0;}

body{line-height:1; background:#fff; font-family: Arial, Helvetica, sans-serif;} /*---- 1.0 em = 10px---*/

/*----------------------RESET--------------------*/

.container{max-width: 1000px;}

a{text-decoration:none; outline:none;  font-family: Inter, Arial;}

a:hover, button[type=submit]{-moz-transition:all ease-in .3s; -webkit-transition:all ease-in .3s; transition:all ease-in .3s}

::selection{color:hsl(221, 100%, 50%); background:#eaeaea;}

::-moz-selection{color:hsl(221, 100%, 50%); background:#eaeaea;}

p, .table-responsive, option, select, .list-group-item, input[type="text"],input[type="num"], input[type="email"], textarea, .input-group-text{ font-family: Inter, Arial; line-height:1.6rem; color:#013B4F; font-size: 1rem;}

strong{font-weight: 700;}

.barra-sup{font-size: .8rem;}

.breadcrumb-item a{font-size: .9rem;}

.barra-sup, .topo{background: #013B4F;}

.topo{padding: 0 0 2rem 0; margin-top: -1.5rem; padding-top: 2rem; }

.barra-sup a, .topo a, .topo p{color:#eee; opacity:.5}

.barra-sup a:hover, .topo a:hover, .topo p{opacity:1}

.logo-sup:hover a{top:0; right: 0;}

.menu-lista li{list-style: none; margin-left: 1rem;}

.menu-lista a:hover{padding-left: 0.5rem;}

.round-icon{width:80px; height:80px; background:rgba(113, 147, 158, 0.1); border-radius:50%;  }

.bt-acao{background: #ddd; border-radius:25px; width: 80%; color: #333; font-weight: 700;}

.bt-acao:hover{background: rgb(14, 201, 76); font-weight: 700; box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px; color: #fff;}

hr{background: #013B4F; width: 30%; margin: 4rem auto; height:4px;}

.bt-compor-pedido{ border-radius:25px; font-weight: 700; background:rgb(14, 201, 76) url(../img/order.png) no-repeat 20px 7px; color: #fff;}

.bt-compor-pedido:hover{box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px; color: #fff;}

h1, h2, h3, h4, h5, h6{ font-family: Inter, Arial; color: #013B4F;}

.alert-dismissible .btn-close{padding: 1rem 1rem;}

.bg-success{background-color: rgb(14, 201, 76) !important;}

.grid-item { width: 23%; }


/*----------------------DATA TABLE--------------------*/

div.dataTables_wrapper div.dataTables_filter{text-align: right;}

div.dataTables_wrapper div.dataTables_filter input{width:auto;}

.dataTables_length, .dataTables_info{display: none;}

div.dataTables_wrapper div.dataTables_filter input{display: inline-block; margin:0 0 0 1rem;}

.dt-row{margin-top: 2rem;}

.dataTables_paginate{float:right;}

.page-link{font-size: 0.9rem;}

/*----------------------DIVERSOS--------------------*/

.aligncenter{text-align: center;}

.alerta{ color:#fff; background: #f00; text-align:center; margin-bottom:1rem; padding:1rem; border:1px dotted #f00;}

.bg-laranja{background-color: #ee7724;}

.bottom10{margin-bottom:1rem;}

.centralizado{position:relative; float:none; display:block; clear:both; margin:0 auto;}

.clear{clear:both;}

.confirmado{color:#fff; background: #65a03c; text-align:center; margin-bottom:1rem; padding:1rem; border:1px dotted #65a03c;}

.displaynone{display:none;}

.gradient-custom-2{background:linear-gradient(to right, #ee7724, #d8363a, #dd3675, #b44593);}

.left{float:left;}

.left10{margin-left:1rem;}

.right{float:right;}

.right10{margin-right:1rem;}

.top10{margin-top:1rem;}

.top20{margin-top:2rem;}


/*----------------------FORM------------------------*/

fieldset { border: 0; }

input:focus, textarea:focus { border-color: #006c72; }

option{line-height:2rem;}

.qnt-cart, .qnt-ped{width:50px; border:0; border-bottom:1px solid #ccc; text-align: center;}

.form-select{line-height: 2;}

label { font-family: Inter, Arial, Helvetica, sans-serif; font-size: 0.9rem; line-height: 0.9rem; opacity:.8;}

.form-check label{line-height: 1.5rem;}

textarea { overflow: auto; font: 1.4rem Inter, Helvetica, sans-serif; color: #333; line-height: 1.6em; }

.enviar { background: #dd3439; display:block; margin:auto; font:1.6rem Arial; color: #fff; text-shadow: 0 1px 1px rgba(0,0,0,.3); padding:1.5rem 3rem; border: 0; margin-top:2rem; border-radius: 3px; box-shadow: 0 1px 1px rgba(0,0,0,.3); }


/* ==========================================================================
   Helper classes
   ========================================================================== */

/* Image replacement */
.ir {background-color: transparent;  border: 0;    overflow: hidden;    /* IE 6/7 fallback */    *text-indent: -9999px;}

.ir:before {content: "";    display: block;    width: 0;    height: 150%;}

/* Hide from both screenreaders and browsers */
.hidden {display: none !important;    visibility: hidden;}

/* Hide only visually, but have it available for screenreaders */
.visuallyhidden {border: 0;    clip: rect(0 0 0 0);    height: 1px;    margin: -1px;    overflow: hidden;    padding: 0;    position: absolute;    width: 1px;}

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard */
.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus {clip: auto;     height: auto;    margin: 0;    overflow: visible;    position: static;    width: auto;}

/* Hide visually and from screenreaders, but maintain layout */
.invisible {    visibility: hidden;}

.clearfix:before,.clearfix:after {    content: " "; /* 1 */    display: table; /* 2 */}

.clearfix:after {    clear: both;}

.clearfix {    *zoom: 1;}


/*----------------------PRINT--------------------*/

@media print {
* {  color: #444 !important; text-shadow: none; }
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a:after { content: " (" attr(href) ")"; }
  abbr:after { content: " (" attr(title) ")"; }    .ir a:after { content: ""; }  /* Don't show links for images */    pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }    img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}