/*display*/
.d-block {
  display: block !important;
}
.d-inline-block {
  display: inline-block !important;
}
.d-none {
  display: none !important;
}
.d-table {
  display: table !important;
}
.d-flex {
  display: flex !important;
}

/*float*/
.float-left {
  float: left !important;
}
.float-right {
  float: right !important;
}
.float-none {
  float: none !important;
}

/*text*/
.text-center {
  text-align: center !important;
}
.text-left {
  text-align: left !important;
}
.text-right {
  text-align: right !important;
}
.text-justify {
  text-align: justify !important;
}
.text-uppercase {
  text-transform: uppercase !important;
}
.text-end {
  justify-content: flex-end !important;
}

.justify-content-center {
  justify-content: center !important;
}
.justify-content-space-between {
  justify-content: space-between;
}

.center-middle {
  align-items: center;
}

/*padding*/
.p-5 {
  padding: 3rem !important;
}
.p-4 {
  padding: 2rem !important;
}
.p-3 {
  padding: 1rem !important;
}
.p-2 {
  padding: 0.9rem !important;
}
.p-1 {
  padding: 0.6rem !important;
}
.p-0 {
  padding: 0 !important;
}

/*padding- y*/
.pt-5,
.py-5 {
  padding-top: 3rem !important;
}
.pb-5,
.py-5 {
  padding-bottom: 3rem !important;
}

.pt-4,
.py-4 {
  padding-top: 2rem !important;
}
.pb-4,
.py-4 {
  padding-bottom: 2rem !important;
}

.pt-3,
.py-3 {
  padding-top: 1rem !important;
}
.pb-3,
.py-3 {
  padding-bottom: 1rem !important;
}

.pt-2,
.py-2 {
  padding-top: 0.9rem !important;
}
.pb-2,
.py-2 {
  padding-bottom: 0.9rem !important;
}

.pt-1,
.py-1 {
  padding-top: 0.6rem !important;
}
.pb-1,
.py-1 {
  padding-bottom: 0.6rem !important;
}

.pt-0,
.py-0 {
  padding-top: 0 !important;
}
.pb-0,
.py-0 {
  padding-bottom: 0 !important;
}

/*padding- x*/
.pl-5,
.px-5 {
  padding-left: 3rem !important;
}
.pr-5,
.px-5 {
  padding-right: 3rem !important;
}

.pl-4,
.px-4 {
  padding-left: 2rem !important;
}
.pr-4,
.px-4 {
  padding-right: 2rem !important;
}

.pl-3,
.px-3 {
  padding-left: 1rem !important;
}
.pr-3,
.px-3 {
  padding-right: 1rem !important;
}

.pl-2,
.px-2 {
  padding-left: 0.9rem !important;
}
.pr-2,
.px-2 {
  padding-right: 0.9rem !important;
}

.pl-1,
.px-1 {
  padding-left: 0.6rem !important;
}
.pr-1,
.px-1 {
  padding-right: 0.6rem !important;
}

.pl-0,
.px-0 {
  padding-left: 0 !important;
}
.pr-0,
.px-0 {
  padding-right: 0 !important;
}

/*margin- y*/
.mt-5,
.my-5 {
  margin-top: 3rem !important;
}
.mb-5,
.my-5 {
  margin-bottom: 3rem !important;
}

.mt-4,
.my-4 {
  margin-top: 2rem !important;
}
.mb-4,
.my-4 {
  margin-bottom: 2rem !important;
}

.mt-3,
.my-3 {
  margin-top: 1rem !important;
}
.mb-3,
.my-3 {
  margin-bottom: 1rem !important;
}

.mt-2,
.my-2 {
  margin-top: 0.9rem !important;
}
.mb-2,
.my-2 {
  margin-bottom: 0.9rem !important;
}

.mt-1,
.my-1 {
  margin-top: 0.6rem !important;
}
.mb-1,
.my-1 {
  margin-bottom: 0.6rem !important;
}

.mt-0,
.my-0 {
  margin-top: 0 !important;
}
.mb-0,
.my-0 {
  margin-bottom: 0 !important;
}

/*margin- x*/
.ml-5,
.mx-5 {
  margin-left: 3rem !important;
}
.mr-5,
.mx-5 {
  margin-right: 3rem !important;
}

.ml-4,
.mx-4 {
  margin-left: 2rem !important;
}
.mr-4,
.mx-4 {
  margin-right: 2rem !important;
}

.ml-3,
.mx-3 {
  margin-left: 1rem !important;
}
.mr-3,
.mx-3 {
  margin-right: 1rem !important;
}

.ml-2,
.mx-2 {
  margin-left: 0.9rem !important;
}
.mr-2,
.mx-2 {
  margin-right: 0.9rem !important;
}

.ml-1,
.mx-1 {
  margin-left: 0.6rem !important;
}
.mr-1,
.mx-1 {
  margin-right: 0.6rem !important;
}

.ml-0,
.mx-0 {
  margin-left: 0 !important;
}
.mr-0,
.mx-0 {
  margin-right: 0 !important;
}

.m-auto {
  margin: 0 auto !important;
}

/*border*/
.border-left {
  border-left: solid 1px #ddd !important;
}
.border-right {
  border-right: solid 1px #ddd !important;
}
.border-top {
  border-top: solid 1px #ddd !important;
}
.border-bottom {
  border-bottom: solid 1px #ddd !important;
}
.border {
  border: solid 1px #ddd !important;
}
.border-0 {
  border: 0 !important;
}

/*fonts h*/
.h1 {
  font-size: 3.1rem !important;
  margin-bottom: 20px;
  display: block;
}
.h2 {
  font-size: 2.5rem !important;
  margin-bottom: 20px;
  display: block;
}
.h3 {
  font-size: 1.8rem !important;
  margin-bottom: 20px;
  display: block;
}
.h4 {
  font-size: 1.5rem !important;
  margin-bottom: 20px;
  display: block;
}
.h5 {
  font-size: 1.1rem !important;
  margin-bottom: 20px;
  display: block;
}
.h6 {
  font-size: 0.9rem !important;
  margin-bottom: 20px;
  display: block;
}

.grande-font {
  font-size: 4rem !important;
}
.medio-font {
  font-size: 3rem !important;
}
.pequeno-font {
  font-size: 2rem !important;
}
.minimo-font {
  font-size: 1.2rem !important;
}

/*links*/
.link-azul {
  color: #3aa6ea !important;
  text-decoration: none;
}
.link-azul:hover {
  color: #57abe0 !important;
  text-decoration: underline;
}

.link-vermelho {
  color: #ff7373 !important;
  text-decoration: none;
}
.link-vermelho:hover {
  color: #fb9090 !important;
  text-decoration: underline;
}

.link-verde {
  color: #4dd898 !important;
  text-decoration: none;
}
.link-verde:hover {
  color: #59e4c2 !important;
  text-decoration: underline;
}

.link-roxo {
  color: #4968d1 !important;
  text-decoration: none;
}
.link-roxo:hover {
  color: #8ba2ef !important;
  text-decoration: underline;
}

/*links*/
.text-azul {
  color: #3aa6ea !important;
}
.text-vermelho {
  color: #da3b3b !important;
}
.text-verde {
  color: #2cb783 !important;
}
.text-roxo {
  color: #4968d1 !important;
}
.text-branco {
  color: #fff !important;
}
.text-escuro {
  color: #7c7878 !important;
}
.text-padrao {
  color: #8d92d8 !important;
}

/*position*/
.position-relative {
  position: relative !important;
}
.position-absolute {
  position: absolute !important;
}
.position-inherit {
  position: inherit !important;
}
.position-normal {
  position: normal !important;
}
.position-fixed {
  position: fixed !important;
}

/*border-radius*/
.radius-circulo {
  border-radius: 50% !important;
  overflow: hidden !important;
}
.radius-4 {
  border-radius: 4px !important;
}
.radius-50 {
  border-radius: 50px !important;
}
.radius-radius-ty {
  border-radius: 0 0.5rem 0.5rem 0 !important;
}
.opaco {
  opacity: 0.8;
}

/*largura*/
.width-100 {
  width: 100% !important;
}
.width-50 {
  width: 50% !important;
}
.width-30 {
  width: 30% !important;
}
.width-10 {
  width: 10% !important;
}

/*botoes*/
.btn {
  display: block;
  padding: 11px 15px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  background: #fff;
  border: solid 1px #ffffff;
  color: #100f0f;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  transition: all 0.4s;
  font-size: 0.9rem;
  font-weight: 600;
}
.btn:hover {
  box-shadow: inset 0 0 7px 0 #0000007d;
  transition: all 0.4s;
  cursor: pointer;
}

.btn.btn-azul {
  border: solid 1px #3aa6ea;
  background: #3aa6ea;
  color: #fff !important;
}
.btn.btn-cinza {
  border: solid 1px #a9a9a9;
  background: #a9a9a9;
  color: #fff !important;
}
.btn.btn-amarelo {
  border: solid 1px #e8f791;
  background: #e8f791;
  color: #000 !important;
}
.btn.btn-vermelho {
  border: solid 1px #ff7373;
  background: #ff7373;
}
.btn.btn-roxo {
  border: solid 1px #ad93fe;
  background: #ad93fe;
}
.btn.btn-verde {
  border: solid 1px #5f9ea0;
  background: #5f9ea0;
}
.btn.btn-verde2 {
  border: solid 1px #20b2aa;
  background: #20b2aa;
}
.btn.btn-laranja {
  border: solid 1px #fbb661;
  background: #fbc27c;
}

/*btn outline*/
.btn-outline-branco {
  border: solid 1px #fff;
  background: #dcdcdc !important;
  color: #696969 !important;
}
.btn-outline-laranja {
  border: solid 1px #ff8c00;
  background: #dcdcdc !important;
  color: #ff8c00 !important;
}
.btn-outline-azul {
  border: solid 1px #4682b4;
  background: #dcdcdc !important;
  color: #4682b4 !important;
}
.btn-outline-cinza {
  border: solid 1px #808080;
  background: #dcdcdc !important;
  color: #808080 !important;
}
.btn-outline-vermelho {
  border: solid 1px #a52a2a;
  background: #dcdcdc !important;
  color: #a52a2a !important;
}
.btn-outline-verde {
  border: solid 1px #2e8b57;
  background: #dcdcdc !important;
  color: #2e8b57 !important;
}
.btn-outline-verde2 {
  border: solid 1px #20b2aa;
  background: #dcdcdc !important;
  color: #20b2aa !important;
}
.btn-outline-roxo {
  border: solid 1px #6a5acd;
  background: #dcdcdc !important;
  color: #6a5acd !important;
}
.btn-outline-amarelo {
  border: solid 1px #cd853f;
  background: #dcdcdc !important;
  color: #cd853f !important;
}
.btn.btn-grande {
  font-size: 1.5rem;
  padding: 0.8rem 1.2rem;
}
.btn.btn-pequeno {
  font-size: 0.8rem;
  padding: 0.2rem 0.8rem;
}
.btn.btn-neutro {
  font-size: 0.8rem;
  padding: 0.3rem 0.8rem;
  background: #ccc;
  border-color: #bababa;
  color: #5e5e5e;
  cursor: no-drop;
}

/*embed*/

.embed-responsive {
  position: relative;
  height: 0;
  padding-bottom: 56.5%;
}

.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
  background: #000;
}

/*img*/
.img-fluido {
  max-width: 100%;
}
.form-campo {
  width: 100%;
  max-width: 100%;
  padding: 10px;
  background: #e2e2e261;
  border: solid 1px #ccc;
  border-radius: 4px;
  box-shadow: 0 0 5px inset #00000021;
}

input[type="date"].form-campo,
select.form-campo {
  padding: 8px 10px;
}
.text-label {
  display: block;
  color: #444;
  padding-bottom: 0.3rem;
  font-size: 0.2rem;
}

.bg-title {
  background: #e2e3ef;
  color: #5f9ea0 !important;
  border-bottom: solid 1px #2f4f4f;
}
.bg-title2 {
  background: #5f9ea0 !important;
}
.bg-title3 {
  background: #d1d1d157 !important;
}
.bg-padrao {
  background: linear-gradient(45deg, #686b9c, #8d92d8) !important;
  background: -moz-linear-gradient(45deg, #686b9c, #8d92d8) !important;
  background: -webkit-inear-gradient(45deg, #686b9c, #8d92d8) !important;
  background: -o-inear-gradient(45deg, #686b9c, #8d92d8) !important;
}
.bg-padrao .btn.btn-roxo {
  /*  border: solid 1px #ca0f72;
    background: #d03568;*/
  color: #fff;
}
.bg-padrao .form-campo {
  background: #f5f4f4;
  border: 0;
  box-shadow: 0 0 5px 0 inset #777bb3;
}

.bg-branco {
  background: #fff !important;
}
.bg-cinza {
  background: #f5f4f4 !important;
}
.card {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgb(203, 205, 224);
  border-radius: 0.25rem;
}

.table-bordered {
  width: 100%;
  border: 1px solid #d3d9de;
}
.table-bordered td,
.table-bordered th {
  border: 1px solid #e9ecef;
  padding: 0.3rem;
  font-size: 0.2rem;
}
.table-bordered th {
  background: #f2f3f5;
}
.table-bordered tbody td {
  color: #444;
}
.table-bordered thead th {
  color: #000;
}
.table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid #e9ecef;
  padding: 0.2rem;
}
.table tbody td {
  border-bottom: 2px solid #e9ecef;
  padding: 0.5rem;
  color: #444;
  font-size: 0.2rem;
}
.table {
  width: 100%;
}

#tab {
  padding: 1rem;
}
#tab ul > li {
  display: inline-block;
  background: #7864a0;
  color: #000000;
  font-size: 0.6rem;
  text-transform: uppercase;
  border-radius: 4px 4px 0 0;
  border: solid 1px #4c3873;
  border-bottom: 0;
}
#tab ul > li > a {
  display: block;
  padding: 10px 15px;
  color: #fff;
  font-weight: 300;
}

#tab ul > li > a:focus {
  outline: none;
}

#tab ul > li.ui-state-active > a {
  background: #ffffff;
  color: #7864a0;
  border-radius: 4px 4px 0 0;
  border: solid 1px #ffffff;
  border-bottom: 0;
  font-weight: 400;
  position: relative;
  bottom: -1px;
}
.ui-widget-header {
  border: 1px solid #cdcfea;
  background: #e2e3ef;
  color: #333333;
  padding: 0.3rem 0.3rem 0;
  border-radius: 4px;
}

/*janela modal*/
.window {
  width: 900px;
  position: fixed;
  box-shadow: 0 0px 8px 0 #fbfbfb70;
  z-index: 2;
  display: none;
  top: 94.406px !important;
  margin-bottom: 40px;
  border-radius: 4px;
  overflow: hidden;
}
.window .fechar {
  position: absolute;
  right: 10px;
  top: 10px;
  cursor: pointer;
  color: rgb(64, 128, 128);
  text-decoration: none;
}
.window .fechar:hover {
  color: #ccc;
}
.window.sm-modal {
  width: 500px;
}
#fundo_preto {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  background: #000;
  z-index: 1;
}

.msg {
  display: block;
  background: #de6d6d;
  border-radius: 5px;
  padding: 10px;
  border: solid 1px #d74e4e;
  color: #7f2e2e;
  font-weight: 600;
  margin-bottom: 15px;
}

.msg.sucesso {
  background: rgba(0, 128, 0, 0.35);
  border-color: #669866;
  color: #4d754d;
}
.msg.sucesso .fa-times {
  color: #4d754d;
}
.msg.erro {
  background: #e69f9f;
  border-color: #967272;
  color: #9a4848;
}
.msg.erro .fa-times {
  color: #9a4848;
}
.msg.info {
  background: #aed8e6;
  border-color: #5899af;
  color: #5594a9;
}
.msg.info .fa-times {
  color: #5594a9;
}

.msg ul,
.msg ol {
  padding-left: 1.8rem;
  padding-top: 0.8rem;
  border-top: solid 1px #68a3ca;
  margin-top: 0.5rem;
}
.msg ul li,
.msg ol li {
  line-height: 1.8rem;
  font-size: 0.6rem;
}

.msg.msg-verde {
  background: #a2d6ae;
  border-color: #689a74;
  color: #2e634d;
}
.msg.msg-vermelho {
  background: #e28585;
  border-color: #e05c5c;
  color: #942828;
}
.msg.msg-amarelo {
  background: #f5f0aa;
  border-color: #f1cd79;
  color: #c77226;
}
.msg.msg-azul {
  background: #a7d4f1;
  border-color: #5c9ec7;
  color: #206a98;
}

/*mensagens de status*/
.status {
  position: relative;
  padding: 0.3rem 0.8rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0.25rem;
  font-size: 0.7rem;
}
.status.status-verde {
  background: #a2d6ae;
  border-color: #689a74;
  color: #2e634d;
}
.status.status-vermelho {
  background: #e28585;
  border-color: #e05c5c;
  color: #942828;
}
.status.status-amarelo {
  background: #fcf489;
  border-color: #cfac5c;
  color: #9f5513;
}
.status.status-azul {
  background: #a7d4f1;
  border-color: #5c9ec7;
  color: #206a98;
}
.status.status-roxo {
  background: #c597dd;
  border-color: #9d66ba;
  color: #5a2f70;
}

.status.EmDigitacao {
  background: #c597dd;
  border-color: #9d66ba;
  color: #5a2f70;
}
.status.AguardandoFornecedores {
  background: #fcc989;
  border-color: #a75105;
  color: #983800;
}
.status.AguardandoAprovacao {
  background: #fcf489;
  border-color: #9f5513;
  color: #9f5513;
}
.status.ProntoCotar {
  background: #15d6ef;
  border-color: #0c91ce;
  color: #ffffff;
}
.status.Cotado {
  background: #4fc790;
  border-color: #268589;
  color: #ffffff;
}
.status.Aguardandocotacao {
  background: #fffabb;
  border-color: #d4955c;
  color: #b9763a;
}
.status.CotacaoPreco {
  background: #f5a126;
  border-color: #ad7848;
  color: #5f340e;
}
.status.OrdemCompra {
  background: #7b54c0;
  border-color: #52299c;
  color: #ffffff;
}
.status.EmEstoque {
  background: #596ac7;
  border-color: #303d8a;
  color: #ffffff;
}
.status.Aprovado {
  background: #60e2a6;
  border-color: #44b380;
  color: #ffffff;
}
.status.EmAberto {
  background: #607d8b;
  border-color: #314550;
  color: #ffffff;
}
.status.Cancelado {
  background: #e46b6b;
  border-color: #b94646;
  color: #ffffff;
}
.status.Finalizado {
  background: #4fc790;
  border-color: #268589;
  color: #ffffff;
}
.status.Autorizado {
  background: #7864a0;
  border-color: #645186;
  color: #ffffff;
}