@import url("https://fonts.googleapis.com/css2?family=Open+Sans&display=swap");

* {
  margin: 0;
  padding: 0;
  font-family: "Open Sans", sans-serif;
  font-size: 0.81rem;
}

::-webkit-scrollbar {
  width: 6px !important;
  height: 6px !important;
}

::-webkit-scrollbar-button:end:increment,
::-webkit-scrollbar-button:end:decrement {
  display: block;
}

::-webkit-scrollbar-thumb {
  background: #ccc7c7d1;
  border-radius: 8px;
}

body {
  background-color: #f5f5f5d1;
}

/*Cards*/

.card-azulescuro>.card-header {
  color: #fff;
  background-color: #224269;
  border-color: #224269;
}

.card-azulescuro>.card-body {
  color: #fff;
  background-color: #224269;
  border-color: #224269;
}

.card-azulescuro>.card-footer {
  color: #fff;
  background-color: #224269;
  border-color: #224269;
}

.card-verdeescuro>.card-header {
  color: #fff;
  background-color: #1388a2;
  border-color: #1388a2;
}

.card-verdeescuro>.card-body {
  color: #fff;
  background-color: #1388a2;
  border-color: #1388a2;
}

.card-verdeescuro>.card-footer {
  color: #fff;
  background-color: #1388a2;
  border-color: #1388a2;
}

.card-amarela>.card-header {
  color: #fff;
  background-color: #e2bd07;
  border-color: #e2bd07;
}

.card-amarela>.card-body {
  color: #fff;
  background-color: #e2bd07;
  border-color: #e2bd07;
}

.card-amarela>.card-footer {
  color: #fff;
  background-color: #e2bd07;
  border-color: #e2bd07;
}

.card-rose>.card-header {
  color: #fff;
  background-color: #f28888;
  border-color: #f28888;
}

.card-rose>.card-body {
  color: #fff;
  background-color: #f28888;
  border-color: #f28888;
}

.card-rose>.card-footer {
  color: #fff;
  background-color: #f28888;
  border-color: #f28888;
}

.card-laranjaclaro>.card-header {
  color: #fff;
  background-color: #ff8b3f;
  border-color: #ff8b3f;
}

.card-laranjaclaro>.card-body {
  color: #fff;
  background-color: #ff8b3f;
  border-color: #ff8b3f;
}

.card-laranjaclaro>.card-footer {
  color: #fff;
  background-color: #ff8b3f;
  border-color: #ff8b3f;
}

.card-pastelclaro>.card-header {
  color: #fff;
  background-color: #ffe48f;
  border-color: #ffe48f;
}

.card-pastelclaro>.card-body {
  color: #fff;
  background-color: #ffe48f;
  border-color: #ffe48f;
}

.card-pastelclaro>.card-footer {
  color: #fff;
  background-color: #ffe48f;
  border-color: #ffe48f;
}

.card-cinzaclaro>.card-header {
  color: #fff;
  background-color: #BFC4BC;
  border-color: #BFC4BC;
}

.card-cinzaclaro>.card-body {
  color: #fff;
  background-color: #BFC4BC;
  border-color: #BFC4BC;
}

.card-cinzaclaro>.card-footer {
  color: #fff;
  background-color: #BFC4BC;
  border-color: #BFC4BC;
}

.card-azul-claro>.card-header {
  color: #fff;
  background-color: #3293c2;
  border-color: #3293c2;
}

.card-azul-claro>.card-body {
  color: #fff;
  background-color: #3293c2;
  border-color: #3293c2;
}

.card-azul-claro>.card-footer {
  color: #fff;
  background-color: #3293c2;
  border-color: #3293c2;
}

.card-azul>.card-header {
  color: #fff;
  background-color: #2575b1;
  border-color: #2575b1;
}

.card-azul>.card-body {
  color: #fff;
  background-color: #2575b1;
  border-color: #2575b1;
}

.card-azul>.card-footer {
  color: #fff;
  background-color: #2575b1;
  border-color: #2575b1;
}

.card_rebaixa_azul {
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  background: linear-gradient(-35deg, #64b5f6, #1c5ea5);
  color: #fff;
  padding: 10px;
}

.card_rebaixa_verde {
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  background: linear-gradient(-35deg, #91c3ce, #1388a2);
  color: #fff;
  padding: 10px;
}

.card_rebaixa_laranja {
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  background: linear-gradient(-35deg, #fac099, #ff8b3f);
  color: #fff;
  padding: 10px;
}

.card_rebaixa_vermelho {
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  background: linear-gradient(-35deg, #fbb8b9, #ff4444);
  /*background: linear-gradient(-35deg, #fa8e8e, #f32525);*/
  color: #fff;
  padding: 10px;
}

.card_rebaixa_azul_escuro {
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  background: linear-gradient(-35deg, #a9b7ca, #224269);
  /*background: linear-gradient(-35deg, #fa8e8e, #f32525);*/
  color: #fff;
  padding: 10px;
}

.card_rebaixa_vermelho_azul {
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  background: linear-gradient(-35deg, #64b5f6, #ff4444);
  /*background: linear-gradient(-35deg, #fa8e8e, #f32525);*/
  color: #fff;
  padding: 10px;
}

/*.card-azul>.card-body>i { color: #fff;     background-color: #2575b1;     border-color: #2575b1; } por que aqui ?*/
.card-azulAcv {
  border: solid;
  border-color: #358bd1 !important;
  border-width: 2px !important;
}

.card-verde>.card-header {
  color: #fff;
  background-color: #3c763d;
  border-color: #3c763d;
}

.card-verde>.card-body {
  color: #fff;
  background-color: #3c763d;
  border-color: #3c763d;
}

.card-verde>.card-footer {
  color: #fff;
  background-color: #3c763d;
  border-color: #3c763d;
}

.card-verdeAcv {
  border: solid;
  border-color: #7dd17e !important;
  border-width: 2px !important;
}

.card-cinza>.card-header {
  color: #fff;
  background-color: #9c9898;
  border-color: #9c9898;
}

.card-cinza>.card-body {
  color: #fff;
  background-color: #9c9898;
  border-color: #9c9898;
}

.card-cinza>.card-footer {
  color: #fff;
  background-color: #9c9898;
  border-color: #9c9898;
}

.card-cinzaAcv {
  border: solid;
  border-color: #cec5c5;
  border-width: 2px;
}

.card-relative {
  position: relative;
}

.card-absolute {
  position: absolute;
  left: 24px;
  bottom: -25px;
  opacity: 0.8;
}

.card-absolute-gestor-left {
  position: absolute;
  left: 5px;
  top: 5px;
  opacity: 0.8;
}

.card-absolute-gestor {
  position: absolute;
  right: 5px;
  top: 5px;
  opacity: 0.8;
}

.card-absolute-permissao {
  position: absolute;
  right: 5px;
  top: 5px;
  opacity: 0.8;
  color: #f19722;
}

.card-vermelho>.card-header {
  color: #fff;
  background-color: #d9534f;
  border-color: #d9534f;
}

.card-vermelho>.card-body {
  color: #fff;
  background-color: #d9534f;
  border-color: #d9534f;
}

.card-vermelho>.card-footer {
  color: #fff;
  background-color: #d9534f;
  border-color: #d9534f;
}

.card-vermelhoAcv {
  border: solid;
  border-color: #e68177;
  border-width: 2px;
}

/*---------------------*/

/*Prncipais Inicio*/

.panel-verdeescuro>.panel-heading {
  color: #fff;
  background-color: #1388a2;
  border-color: #1388a2;
}

.panel-verdeescuro>.panel-body {
  color: #fff;
  background-color: #1388a2;
  border-color: #1388a2;
}

.panel-verdeescuro>.panel-footer {
  color: #fff;
  background-color: #1388a2;
  border-color: #1388a2;
}

.panel-laranjaclaro>.panel-heading {
  color: #fff;
  background-color: #ff8b3f;
  border-color: #ff8b3f;
}

.panel-laranjaclaro>.panel-body {
  color: #fff;
  background-color: #ff8b3f;
  border-color: #ff8b3f;
}

.panel-laranjaclaro>.panel-footer {
  color: #fff;
  background-color: #ff8b3f;
  border-color: #ff8b3f;
}

.panel-pastelclaro>.panel-heading {
  color: #fff;
  background-color: #ffe48f;
  border-color: #ffe48f;
}

.panel-pastelclaro>.panel-body {
  color: #fff;
  background-color: #ffe48f;
  border-color: #ffe48f;
}

.panel-pastelclaro>.panel-footer {
  color: #fff;
  background-color: #ffe48f;
  border-color: #ffe48f;
}

.panel-cinzaclaro>.panel-heading {
  color: #fff;
  background-color: #7f99ab;
  border-color: #7f99ab;
}

.panel-cinzaclaro>.panel-body {
  color: #fff;
  background-color: #7f99ab;
  border-color: #7f99ab;
}

.panel-cinzaclaro>.panel-footer {
  color: #fff;
  background-color: #7f99ab;
  border-color: #7f99ab;
}

/* Principais Termino*/

canvas {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

.fonte-sans-serif {
  font-family: "Helvetica";
  color: #666666;
  font-weight: bold;
}

.text-primary-gestor {
  color: #1388a2;
}

.text-danger-gestor {
  color: #ff4444;
}

.text-success-gestor {
  color: rgba(50, 161, 96, 0.8);
}

table>tbody>tr>td.text-middle {
  vertical-align: middle;
}

.text-middle {
  vertical-align: middle;
  text-align: center;
}

#menu_topo {
  background: #1b5da4;
  border: 0px solid #1b5da4;
  /*background-image:url('../img/bg/fundo-teste1.jpg');
        background-repeat:no-repeat;
        background-size:100%;*/
  background: rgb(27, 93, 164);
  /* Old browsers */
  background: -moz-linear-gradient(left, rgba(27, 93, 164, 1) 0%, rgba(62, 176, 211, 1) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgba(27, 93, 164, 1) 0%, rgba(62, 176, 211, 1) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(27, 93, 164, 1) 0%, rgba(62, 176, 211, 1) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1b5da4', endColorstr='#3eb0d3', GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
  padding-top: 2px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;

  box-shadow: -1px -1px 20px #2b83ba;
  -webkit-box-shadow: -1px -1px 20px #2b83ba;
  -moz-box-shadow: -1px -1px 20px #2b83ba;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 1000;
}

/* elemento que tem o nome "MeuSite" */
.navbar-default .navbar-brand {
  color: #ffffff;
}

/* item de menu quando tiver selecionado */
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
  color: #ffffff;
  background-color: rgba(62, 176, 211, 1);
}

/* item de menu */
.navbar-default .navbar-nav>li>a {
  color: #ffffff;
}

/* mouse over no item de menu */
.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus {
  color: #000000;
  background-color: transparent;
}

/* item de menu dropdown quando tiver aberto */
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus {
  color: rgba(62, 176, 211, 1);
  background-color: #ffffff;
}

.navbar-nav>li,
.navbar-nav {
  float: left !important;
}

.navbar-nav.navbar-right:last-child {
  margin-right: -15px !important;
}

.navbar-right {
  float: right !important;
}

.tabletheaderpadraonotransform {
  background: #1b5da4;
  background: rgb(27, 93, 164);
  /* Old browsers */
  background: -moz-linear-gradient(left, rgba(27, 93, 164, 1) 0%, rgba(62, 176, 211, 1) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgba(27, 93, 164, 1) 0%, rgba(62, 176, 211, 1) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(27, 93, 164, 1) 0%, rgba(62, 176, 211, 1) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1b5da4', endColorstr='#3eb0d3', GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
  color: #ffffff;
  font-weight: bold !important;
  font-weight: 700 !important;
  text-decoration: none;
  text-transform: none;
  text-align: center;
}

.tabletheaderpadrao {
  background: #1b5da4;
  background: rgb(27, 93, 164);
  /* Old browsers */
  background: -moz-linear-gradient(left, rgba(27, 93, 164, 1) 0%, rgba(62, 176, 211, 1) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgba(27, 93, 164, 1) 0%, rgba(62, 176, 211, 1) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(27, 93, 164, 1) 0%, rgba(62, 176, 211, 1) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1b5da4', endColorstr='#3eb0d3', GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
  color: #ffffff;
  font-weight: bold !important;
  font-weight: 700 !important;
  text-decoration: none;
  text-transform: uppercase;
  text-align: center;
}

thead,
th {
  text-align: center !important;
  vertical-align: middle !important;
}




/* The side navigation menu */
.sidenavright {
  height: 100%;
  /* 100% Full-height */
  width: 0;
  /* 0 width - change this with JavaScript */
  position: fixed;
  /* Stay in place */
  z-index: 4;
  /* Stay on top */
  top: 0;
  right: 0;
  background-color: #f6f6f6;
  /* White Snow*/
  overflow-x: hidden;
  /* Disable horizontal scroll */
  padding-top: 60px;
  /* Place content 60px from the top */
  /* transition: 0.3s; 0.5 second transition effect to slide in the sidenavright */
  box-shadow: 1px -1px 20px #1f68aa;
  -webkit-box-shadow: -1px -1px 15px #1f68aa;
  -moz-box-shadow: -1px -1px 15 #1f68aa;
}



/* The side navigation menu */
.sidenavleft {
  height: 100%;
  /* 100% Full-height */
  width: 0;
  /* 0 width - change this with JavaScript */
  position: fixed;
  /* Stay in place */
  z-index: 4;
  /* Stay on top */
  top: 0;
  left: 0;
  background-color: #f6f6f6cb;
  /* White Snow*/
  overflow-x: hidden;
  /* Disable horizontal scroll */
  padding-top: 60px;
  /* Place content 60px from the top */
  /* transition: 0.3s; 0.5 second transition effect to slide in the sidenavright */
  box-shadow: 1px -1px 20px #1f68aa;
  -webkit-box-shadow: -1px -1px 15px #1f68aa;
  -moz-box-shadow: -1px -1px 15 #1f68aa;
}

/* The side navigation menu */
.sidenav {
  height: 100%;
  /* 100% Full-height */
  width: 0;
  /* 0 width - change this with JavaScript */
  position: fixed;
  /* Stay in place */
  z-index: 4;
  /* Stay on top */
  top: 0;
  left: 0;
  background-color: #f6f6f6;
  /* White Snow*/
  overflow-x: hidden;
  /* Disable horizontal scroll */
  padding-top: 60px;
  /* Place content 60px from the top */
  /* transition: 0.5s;  0.5 second transition effect to slide in the sidenav */
  box-shadow: 1px -1px 20px #1f68aa;
  -webkit-box-shadow: -1px -1px 15px #1f68aa;
  -moz-box-shadow: -1px -1px 15 #1f68aa;
}

/* The navigation menu links */
.sidenav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 25px;
  color: #818181;
  display: block;
  transition: 0.3s;
}

/* When you mouse over the navigation links, change their color */
.sidenav a:hover,
.offcanvas a:focus {
  color: #f1f1f1;
}

/* Position and style the close button (top right corner) */
.sidenav .closebtn {
  position: absolute;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
  top: 0px;
}

/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
#main {
  /* transition: margin-left .5s; */
  margin-left: 0px;
  padding: 0px;
  padding-top: 50px;
  margin-bottom: 500px;
  max-width: 100%;
  max-height: 100%;
  height: 100%;
}

/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
  .sidenav {
    padding-top: 15px;
  }

  .sidenav a {
    font-size: 18px;
  }
}

.sizenotificacao {
  width: 520px;
}

@media screen and (max-width: 800px) {
  .sizenotificacao {
    width: 96%;
    margin-top: -10px;
    margin-left: 2%;
    margin-right: 2%;
  }
}

/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-width: 400px) {
  #mySidenav {
    margin-top: 0px;
    border: 0px solid #ff0000;
  }
}

td,
th {
  font-size: 12px;
  margin-right: 20px;
  margin-left: 20px;
  --border-bottom: solid 1px #e0e0e0;
}

td {
  font-size: 12px;
}

a.menu:link,
a.menu:visited {
  font: bold 12px Arial, sans-serif;
  color: #333333;
}

a.menu:hover {
  font: bold 12px Arial, sans-serif;
  color: rgba(62, 176, 211, 1);
}

a.c_fechar_menu:link,
a.c_fechar_menu:visited {
  font: 18px;
  color: #27627c;
}

a.c_fechar_menu:hover {
  font: 18px;
  color: rgba(62, 176, 211, 1);
}

a.c_sub_menu:link,
a.c_sub_menu:visited {
  font: italic 12px Arial;
}

a.c_sub_menu:hover {
  color: rgba(62, 176, 211, 1);
}

a.menu_h:link,
a.menu_h:visited {
  color: #ffffff;
}

a.menu_h:hover {
  color: rgba(62, 176, 211, 1);
}

a.link_indisp:link,
a.link_indisp:visited {
  color: #e85d50;
}

a.link_ctg:link,
a.link_ctg:visited {
  color: #009900;
}

a.link_ctg:hover {
  text-decoration: none;
}

a.link_ctg_indisp:link,
a.link_ctg_indisp:visited {
  color: #ff0000;
}

a.link_ctg_indisp:hover {
  text-decoration: none;
}

a.link_indisp:hover {
  color: #cc3333;
  text-decoration: none;
}

.label-pill {
  padding-right: 0.6em;
  padding-left: 0.6em;
  border-radius: 10rem;
}

.ordemitemform:hover {
  border-left-style: solid;
  border-width: 0.5px;
  border-left-color: #2b83ba;
}

.detalhecoritens {
  border-left-style: solid;
  border-left-width: 3px;
  border-left-color: #2b83ba;
}

@media screen and (min-width: 700px) {
  #m_opcoes {
    width: 230px;
    height: 45px;
    position: relative;
    bottom: 10;
    padding-top: 10;
    border-top: 1px solid #e4e4e4;
    margin: 10px 10px 5px 10px;
    text-align: center;
  }

  #ico_m_opcoes {
    color: #525252;
    margin-left: -30px;
  }

  #ico_m_opcoes:hover {
    color: #525252;
    margin-left: -30px;
    color: rgba(62, 176, 211, 1);
  }

  #div_inf_usu {
    width: 200px;
    margin-left: 25px;
    margin-right: 25px;
    margin-top: 3px;
    padding: 3px 5px 3px 5px;
    text-align: center;
  }

  #ico_alt_senha {
    visibility: hidden;
  }

  #ico_alt_sair {
    visibility: hidden;
  }
}

@media screen and (max-height: 700px) {
  #m_opcoes {
    visibility: hidden;
  }

  #m_ul_login {
    visibility: hidden;
  }

  #ico_alt_senha {
    visibility: visible;
  }

  #ico_alt_sair {
    visibility: visible;
  }

  #ico_alt_senha {
    font-size: 22px;
    color: #ffffff;
    margin-left: -5px;
    margin-top: 4px;
  }

  #ico_alt_senha:hover {
    font-size: 22px;
    color: rgba(62, 176, 211, 1);
    margin-left: -5px;
    margin-top: 4px;
  }

  #ico_alt_sair {
    font-size: 22px;
    color: #ffffff;
    margin-left: 8px;
    margin-top: 3px;
  }

  #ico_alt_sair:hover {
    font-size: 22px;
    color: rgba(62, 176, 211, 1);
    margin-left: 8px;
    margin-top: 3px;
  }
}

@media screen and (max-width: 700px) {
  #m_opcoes {
    visibility: hidden;
  }

  #div_inf_usu {
    width: 100%;
    margin-top: 3px;
    padding: 3px 0px 3px 0px;
    text-align: center;
  }

  #div_icon_sist {
    border: 0px solid #ff0000;
    margin: 0px 0px 0px 0px;
    float: left;
    position: relative;
    left: 0px;
    width: auto;
    height: 25px;
    text-align: right;
  }

  #ico_alt_senha {
    font-size: 22px;
    color: #ffffff;
    margin-left: -5px;
    margin-top: 4px;
  }

  #ico_alt_senha:hover {
    font-size: 22px;
    color: rgba(62, 176, 211, 1);
    margin-left: -5px;
    margin-top: 4px;
  }

  #ico_alt_sair {
    font-size: 22px;
    color: #ffffff;
    margin-left: 8px;
    margin-top: 3px;
  }

  #ico_alt_sair:hover {
    font-size: 22px;
    color: rgba(62, 176, 211, 1);
    margin-left: 8px;
    margin-top: 3px;
  }
}

.coricon {
  color: #2b83ba;
}

#barrascroll {
  margin-bottom: 50px;
  width: 100%;
  height: 60%;
  min-height: 90%;
  overflow-y: scroll;
  overflow-x: hidden;
  padding-bottom: 10px;
}

#barrascroll::-webkit-scrollbar {
  width: 5px;
  background: #eeeeee;
}

.barrascrollmesagemlateral {
  margin-bottom: 10px;
  width: 100%;
  height: 60%;
  min-height: 80%;
  overflow-y: scroll;
  overflow-x: hidden;
  padding-bottom: 5px;
}

.barrascrollmesagemlateral::-webkit-scrollbar {
  width: 5px;
  background: #eeeeee;
}

.adbarrascroll::-webkit-scrollbar {
  width: 5px;
  background: #eeeeee;
}

.adbarrascroll {
  margin-bottom: 0px;
  width: 100%;
  height: 50%;
  min-height: 60%;
  overflow-y: scroll;
  overflow-x: hidden;
  padding-bottom: 0px;
}

.barratablescroll::-webkit-scrollbar {
  width: 5px;
  background: #eeeeee;
}

.barratablescroll {
  margin-bottom: 10px;
  width: 100%;
  height: 80%;
  min-height: 80%;
  overflow-y: scroll;
  overflow-x: hidden;
  padding-bottom: 10px;
}

.flex {
  display: flex;
}

.flex-item-1 {
  flex: 1;
}

.nav>li {
  font-weight: bold;
}

.m-5 {
  margin: 5px 5px 5px 5px;
}

.m-10 {
  margin: 10px 10px 10px 10px;
}

.m-15 {
  margin: 15px 15px 15px 15px;
}

.m-20 {
  margin: 20px 20px 20px 20px;
}

.m-25 {
  margin: 25px 25px 25px 25px;
}

.mt-0 {
  margin-top: 0px;
}

.mt-5 {
  margin-top: 5px;
}

.mt-10 {
  margin-top: 10px;
}

.mt-15 {
  margin-top: 15px;
}

.mt-20 {
  margin-top: 20px;
}

.mt-25 {
  margin-top: 25px;
}

.mb-0 {
  margin-bottom: 0px;
}

.mb-1 {
  margin-bottom: 1px;
}

.mb-5 {
  margin-bottom: 5px;
}

.mb-10 {
  margin-bottom: 10px;
}

.mb-15 {
  margin-bottom: 15px;
}

.mb-20 {
  margin-bottom: 20px;
}

.mb-25 {
  margin-bottom: 25px;
}

.mr-0 {
  margin-right: 0px;
}

.mr-5 {
  margin-right: 5px;
}

.mr-10 {
  margin-right: 10px;
}

.mr-15 {
  margin-right: 15px;
}

.mr-20 {
  margin-right: 20px;
}

.mr-25 {
  margin-right: 25px;
}

.ml-0 {
  margin-left: 0px;
}

.ml-5 {
  margin-left: 5px;
}

.ml-10 {
  margin-left: 10px;
}

.ml-15 {
  margin-left: 15px;
}

.ml-20 {
  margin-left: 20px;
}

.ml-25 {
  margin-left: 25px;
}

.p-0 {
  padding: 0px 0px 0px 0px;
}

.p-1 {
  padding: 1px 1px 1px 1px;
}

.p-5 {
  padding: 5px 5px 5px 5px;
}

.p-10 {
  padding: 10px 10px 10px 10px;
}

.p-15 {
  padding: 15px 15px 15px 15px;
}

.p-20 {
  padding: 20px 20px 20px 20px;
}

.p-25 {
  padding: 25px 25px 25px 25px;
}

.pt-0 {
  padding-top: 0px;
}

.pt-5 {
  padding-top: 5px;
}

.pt-10 {
  padding-top: 10px;
}

.pt-15 {
  padding-top: 15px;
}

.pt-20 {
  padding-top: 20px;
}

.pt-25 {
  padding-top: 25px;
}

.pb-0 {
  padding-bottom: 0px;
}

.pb-5 {
  padding-bottom: 5px;
}

.pb-10 {
  padding-bottom: 10px;
}

.pb-15 {
  padding-bottom: 15px;
}

.pb-20 {
  padding-bottom: 20px;
}

.pb-25 {
  padding-bottom: 25px;
}

.pr-0 {
  padding-right: 0px;
}

.pr-5 {
  padding-right: 5px;
}

.pr-10 {
  padding-right: 10px;
}

.pr-15 {
  padding-right: 15px;
}

.pr-20 {
  padding-right: 20px;
}

.pr-25 {
  padding-right: 25px;
}

.pl-0 {
  padding-left: 0px;
}

.pl-5 {
  padding-left: 5px;
}

.pl-10 {
  padding-left: 10px;
}

.pl-15 {
  padding-left: 15px;
}

.pl-20 {
  padding-left: 20px;
}

.pl-25 {
  padding-left: 25px;
}

.mnt-5 {
  margin-top: -5px;
}

.mnt-10 {
  margin-top: -10px;
}

.mnt-15 {
  margin-top: -15px;
}

.mnt-20 {
  margin-top: -20px;
}

.mnt-25 {
  margin-top: -25px;
}

.mnb-0 {
  margin-bottom: -0px;
}

.mnb-5 {
  margin-bottom: -5px;
}

.mnb-10 {
  margin-bottom: -10px;
}

.mnb-15 {
  margin-bottom: -15px;
}

.mnb-20 {
  margin-bottom: -20px;
}

.mnb-25 {
  margin-bottom: -25px;
}

.mnr-0 {
  margin-right: -0px;
}

.mnr-5 {
  margin-right: -5px;
}

.mnr-10 {
  margin-right: -10px;
}

.mnr-15 {
  margin-right: -15px;
}

.mnr-20 {
  margin-right: -20px;
}

.mnr-25 {
  margin-right: -25px;
}

.mnl-0 {
  margin-left: -0px;
}

.mnl-5 {
  margin-left: -5px;
}

.mnl-10 {
  margin-left: -10px;
}

.mnl-15 {
  margin-left: -15px;
}

.mnl-20 {
  margin-left: -20px;
}

.mnl-25 {
  margin-left: -25px;
}

.w-5{
  width: 5% !important;
}

.w-15{
  width: 15% !important;
}

.w-19{
  width: 19% !important;
}

.w-20{
  width: 20% !important;
}


.w-25 {
  width: 25% !important;
}

.w-50 {
  width: 50% !important;
}

.w-65 {
  width: 65% !important;
}

.w-70 {
  width: 70% !important;
}


.w-75 {
  width: 75% !important;
}

.w-90 {
  width: 90% !important;
}


.w-100 {
  width: 100% !important;
}

.h-25 {
  height: 25% !important;
}

.h-50 {
  height: 50% !important;
}

.h-60 {
  height: 60% !important;
}

.h-65 {
  height: 65% !important;
}

.h-70 {
  height: 70% !important;
}

.h-75 {
  height: 75% !important;
}

.h-80 {
  height: 80% !important;
}

.h-85 {
  height: 85% !important;
}

.h-90 {
  height: 90% !important;
}

.h-95 {
  height: 95% !important;
}

.h-100 {
  height: 100% !important;
}

.mw-100 {
  max-width: 100% !important;
}

.mh-100 {
  max-height: 100% !important;
}

a.text-decoration-none {
  text-decoration: none;
}

.panel-selected {
  color: #fff;
  background-color: #d5d4d4;
  border-color: #524f4f;
}

.lista-selected {
  background-color: #dbd8d8;
}

.text_color_success {
  color: #5cb85c;
  background-color: #fff;
}

.text_color_primary {
  color: #337ab7;
  background-color: #fff;
}

.text_color_danger {
  color: #ff4444;
  background-color: #fff;
}

.text_color_info {
  color: #5bc0de;
  background-color: #fff;
  border-color: #5bc0de;
}

.text_color_warning {
  color: #f0ad4e;
  background-color: #fff;
  border-color: #f0ad4e;
}

.text_color_light {
  color: #f8f9fa;
  background-color: #fff;
  border-color: #f8f9fa;
}

.text_backg_laranja {
  color: #fff;
  background-color: #ff8b3f;
  border-color: #ff8b3f;
}

.text_backg_verde {
  color: #fff;
  background-color: #1388a2;
  border-color: #1388a2;
}

.text_backg_success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #5cb85c;
}

.text_backg_primary {
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7;
}

.text_backg_danger {
  color: #fff;
  background-color: #ff4444;
  border-color: #ff4444;
}

.text_backg_info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #5bc0de;
}

.text_backg_warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #f0ad4e;
}

.text_backg_light {
  color: #fff;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}

.panel-danger>.panel-heading {
  color: #fff;
  background-color: #d93025;
  border-color: #d93025;
}

.panel-danger>.panel-footer {
  color: #fff;
  background-color: #d93025;
  border-color: #d93025;
}

.panel-primary>.panel-heading {
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7;
}

.panel-primary>.panel-footer {
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7;
}

.panel-success>.panel-heading {
  color: #fff;
  background-color: #3c763d;
  border-color: #3c763d;
}

.panel-success>.panel-footer {
  color: #fff;
  background-color: #3c763d;
  border-color: #3c763d;
}

.panel-vermelho>.panel-heading {
  color: #fff;
  background-color: #d9534f;
  border-color: #d9534f;
}

.panel-vermelho>.panel-body {
  color: #fff;
  background-color: #d9534f;
  border-color: #d9534f;
}

.panel-vermelho>.panel-footer {
  color: #fff;
  background-color: #d9534f;
  border-color: #d9534f;
}

.panel-vermelhoAcv {
  border: solid;
  border-color: #e68177;
  border-width: 2px;
}

.panel-amarela>.panel-heading {
  color: #fff;
  background-color: #e2bd07;
  border-color: #e2bd07;
}

.panel-amarela>.panel-body {
  color: #fff;
  background-color: #e2bd07;
  border-color: #e2bd07;
}

.panel-amarela>.panel-footer {
  color: #fff;
  background-color: #e2bd07;
  border-color: #e2bd07;
}

.panel-laranja>.panel-heading {
  color: #fff;
  background-color: #f19722;
  border-color: #f19722;
}

.panel-laranja>.panel-body {
  color: #fff;
  background-color: #f19722;
  border-color: #f19722;
}

.panel-laranja>.panel-footer {
  color: #fff;
  background-color: #f19722;
  border-color: #f19722;
}

.panel-cinza>.panel-heading {
  color: #fff;
  background-color: #9c9898;
  border-color: #9c9898;
}

.panel-cinza>.panel-body {
  color: #fff;
  background-color: #9c9898;
  border-color: #9c9898;
}

.panel-cinza>.panel-footer {
  color: #fff;
  background-color: #9c9898;
  border-color: #9c9898;
}

.panel-cinzaAcv {
  border: solid;
  border-color: #cec5c5;
  border-width: 2px;
}

.azul-claro {
  color: #fff;
  background-color: #3293c2;
  border-color: #3293c2;
}

.panel-azul-claro>.panel-heading {
  color: #fff;
  background-color: #3293c2;
  border-color: #3293c2;
}

.panel-azul-claro>.panel-body {
  color: #fff;
  background-color: #3293c2;
  border-color: #3293c2;
}

.panel-azul-claro>.panel-footer {
  color: #fff;
  background-color: #3293c2;
  border-color: #3293c2;
}

.panel-azul>.panel-heading {
  color: #fff;
  background-color: #2575b1;
  border-color: #2575b1;
}

.panel-azul>.panel-body {
  color: #fff;
  background-color: #2575b1;
  border-color: #2575b1;
}

.panel-azul>.panel-footer {
  color: #fff;
  background-color: #2575b1;
  border-color: #2575b1;
}

.panel-azulAcv {
  border: solid;
  border-color: #358bd1 !important;
  border-width: 2px !important;
}

.panel-verde>.panel-heading {
  color: #fff;
  background-color: #3c763d;
  border-color: #3c763d;
}

.panel-verde>.panel-body {
  color: #fff;
  background-color: #3c763d;
  border-color: #3c763d;
}

.panel-verde>.panel-footer {
  color: #fff;
  background-color: #3c763d;
  border-color: #3c763d;
}

.panel-verdeAcv {
  border: solid;
  border-color: #7dd17e !important;
  border-width: 2px !important;
}

.panel-relative {
  position: relative;
}

.panel-absolute {
  position: absolute;
  left: 24px;
  bottom: -25px;
  opacity: 0.8;
}

.panel-absolute-gestor-left {
  position: absolute;
  left: 5px;
  top: 5px;
  opacity: 0.8;
}

.panel-absolute-gestor {
  position: absolute;
  right: 5px;
  top: 5px;
  opacity: 0.8;
}

.panel-absolute-permissao {
  position: absolute;
  right: 5px;
  top: 5px;
  opacity: 0.8;
  color: #f19722;
}

.icon-opacity {
  opacity: 0.5;
}

.border-left-vermelho {
  border-left-color: #c33325 !important;
  border-left-width: 6px !important;
}

.border-left-laranja {
  border-left-color: #f19722 !important;
  border-left-width: 6px !important;
}

.border-left-cinza {
  border-left-color: #9c9898 !important;
  border-left-width: 6px !important;
}

.border-left-azul-claro {
  border-left-color: #3293c2 !important;
  border-left-width: 6px !important;
}

.border-left-azul {
  border-left-color: #105187 !important;
  border-left-width: 6px !important;
}

.border-left-verde {
  border-left-color: #3c763d !important;
  border-left-width: 6px !important;
}

.border-left-vermelho2 {
  border-left-color: #c33325 !important;
  border-left-width: 12px !important;
}

.border-left-laranja2 {
  border-left-color: #f19722 !important;
  border-left-width: 12px !important;
}

.border-left-cinza2 {
  border-left-color: #9c9898 !important;
  border-left-width: 12px !important;
}

.border-left-azul-clar2o {
  border-left-color: #3293c2 !important;
  border-left-width: 12px !important;
}

.border-left-azul2 {
  border-left-color: #105187 !important;
  border-left-width: 12px !important;
}

.border-left-verde2 {
  border-left-color: #3c763d !important;
  border-left-width: 12px !important;
}

.border-right-vermelho {
  border-right-color: #c33325 !important;
  border-right-width: 6px !important;
}

.border-right-laranja {
  border-right-color: #f19722 !important;
  border-right-width: 6px !important;
}

.border-right-cinza {
  border-right-color: #9c9898 !important;
  border-right-width: 6px !important;
}

.border-right-azul-claro {
  border-right-color: #3293c2 !important;
  border-right-width: 6px !important;
}

.border-right-azul {
  border-right-color: #105187 !important;
  border-right-width: 6px !important;
}

.border-right-verde {
  border-right-color: #3c763d !important;
  border-right-width: 6px !important;
}

.border-top-vermelho {
  border-top-color: #c33325 !important;
  border-top-width: 6px !important;
}

.border-top-laranja {
  border-top-color: #f19722 !important;
  border-top-width: 6px !important;
}

.border-top-cinza {
  border-top-color: #9c9898 !important;
  border-top-width: 6px !important;
}

.border-top-azul-claro {
  border-top-color: #3293c2 !important;
  border-top-width: 6px !important;
}

.border-top-azul {
  border-top-color: #105187 !important;
  border-top-width: 6px !important;
}

.border-top-verde {
  border-top-color: #3c763d !important;
  border-top-width: 6px !important;
}

.border-bottom-vermelho {
  border-bottom-color: #c33325 !important;
  border-bottom-width: 6px !important;
}

.border-bottom-laranja {
  border-bottom-color: #f19722 !important;
  border-bottom-width: 6px !important;
}

.border-bottom-cinza {
  border-bottom-color: #9c9898 !important;
  border-bottom-width: 6px !important;
}

.border-bottom-azul-claro {
  border-bottom-color: #3293c2 !important;
  border-bottom-width: 6px !important;
}

.border-bottom-azul {
  border-bottom-color: #105187 !important;
  border-bottom-width: 6px !important;
}

.border-bottom-verde {
  border-bottom-color: #3c763d !important;
  border-bottom-width: 6px !important;
}

.btn-panel {
  color: #000;
  background-color: #f6f6f6;
  border-color: #f6f6f6;
}

.font-weight-bold {
  font-weight: 700 !important;
}

.cursor-pointer {
  cursor: pointer;
}

table.dataTable tbody th,
table.dataTable tbody td {
  white-space: normal;
}

/**/

/*Prncipais Inicio*/
.panel-azulescuro>.panel-heading {
  color: #fff;
  background-color: #224269;
  border-color: #224269;
}

.panel-azulescuro>.panel-body {
  color: #fff;
  background-color: #224269;
  border-color: #224269;
}

.panel-azulescuro>.panel-footer {
  color: #fff;
  background-color: #224269;
  border-color: #224269;
}

.panel-rose>.panel-heading {
  color: #fff;
  background-color: #f28888;
  border-color: #f28888;
}

.panel-rose>.panel-body {
  color: #fff;
  background-color: #f28888;
  border-color: #f28888;
}

.panel-rose>.panel-footer {
  color: #fff;
  background-color: #f28888;
  border-color: #f28888;
}

.text-right {
  vertical-align: middle;
  text-align: right;
}

body {
  font-size: 11px;
  background-color: #f5f5f5d1;
}

.m-1 {
  margin: 1px 1px 1px 1px;
}

.text_backg_cinza {
  color: #fff;
  background-color: #333;
  border-color: #333;
}

.menuNavegacao {
  width: 100%;
  text-decoration: none;
  color: #747070;
  background-color: #ffffff;
  white-space: normal;
  display: block;
  margin-bottom: 5px;
  border: 1px solid #cccccc;
  font-weight: bold;
}

.menuNavegacao:hover {
  background-color: rgba(62, 176, 211, 1);
  color: #ffffff;
  transition: all 0.1s ease-in-out;
  transform: scale(1);
}

/* .painelNavegacao{

} */
.linhaNavegacao {
  /* height:300px; */
  margin-bottom: 10px;
}

.painelNavegacaoBody {
  /* max-height: 220px; */
  /*height: 350px;*/
  vertical-align: middle;
  /*overflow-y: auto;*/
  padding-top: 20px;
  padding-bottom: 20px;
  background: #fbfbfb;
}

.body-index {
  overflow-y: scroll;
}

.painelNavegacaoBody::-webkit-scrollbar {
  width: 5px;
  background: #dddddd;
}

.painelNavegacaoHeader {
  text-align: center;
  text-transform: uppercase;
  padding: 0;
  padding-top: 5px;
  padding-bottom: 5px;
  font-weight: 700;
  vertical-align: middle;
  /* background-color:#1b5da4; */
}

.painelNavegacaoHeader>h5 {
  font-weight: 600;
}

.panel>.painelNavegacaoHeader {
  background-image: none;
  background-color: #2b83ba;
  color: white;
  font-weight: bolder;
}

.card>.painelNavegacaoHeader {
  background-image: none;
  background: rgb(43, 131, 186);
  background: linear-gradient(90deg, rgba(43, 131, 186, 1) 30%, rgba(62, 176, 211, 1) 100%);
  color: white;
  font-weight: bolder;
}

/* div.card-apps {
  border-radius: 50px;
} */

.bg-white {
  background-color: white;
}

.table-sm>thead>tr>th,
.table-sm>tbody>tr>th,
.table-sm>tfoot>tr>th,
.table-sm>thead>tr>td,
.table-sm>tbody>tr>td,
.table-sm>tfoot>tr>td {
  padding: 0px;
}

.text-muted {
  color: #666;
  font-family: "sans-serif";
}

/*Menu index*/

.container-flexbox {
  display: flex;
  /* or inline-flex */
  flex-wrap: wrap;
  justify-content: flex-start;
}

.container-flexbox-item {
  min-width: 340px;
  max-width: 340px;

  margin-left: 10px;
  flex-grow: 2;
  flex-shrink: 2;
  align-self: flex-start;
}

.img-speech {
  width: 450px;
  height: 200px;
  /* opacity: 0.5; */
}

.modal-mt {
  margin-top: 40vh;
}

.tabletdright {
  text-align: right;
}

.tableTotalStyle {
  text-align: right;
  background-color: #d5d4d4;
  font-weight: bold;
}

.tabletdcenter {
  text-align: center;
}

.text-bold {
  font-weight: bold;
}

.hiddenRow {
  padding: 0 !important;
}


.width70px {
  width: 70px;
}


.maxmizar{
  position:fixed;
  left:0.50%;
  top:0.50% ;
  height:99%;
  width:99%;
  z-index:9999;
}


ul.pagination li a{
  background-color:#115877;
  color:#ffffff;
}

ul.pagination li.active a {
    background-color: #4CAF50;
    color: #fff;
    border-color:#FFF;
}

ul.pagination li a:hover:not(.active) {
  background-color: #4CAF50;
  color: #fff;
  border-color:#FFF;
}


.hiddenRow {
    padding: 0 !important;
}

.bg-dark{
  background-color: #2e2e2e;
  color:ffffff;
}

.bg-dangerdark{
  background-color:#a8372a;
  color:ffffff;
}

.tr-saindo-tempo{
  transition: opacity 1.5s, transform 1.5s;
  z-index:9999;
}

.tr-saindo-dir {
  transform: translateX(100%);
  opacity: 0;
}

.tr-saindo-esq {
  transform: translateX(-100%);
  opacity: 0;
}

.masc_carregamento{
  z-index:999999;
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
  color:#fff;
  width: 100%;
  height: 100%;
  display:none;
  text-align:center;
  padding-top:20%;
  animation: fade 0.5s ease-in-out forwards;
  margin-left:-15px
}

.logo_dext_br_100{
  width: 100;
  height: 100;
  margin:20px;
  background-image:url('images/icone_dext_branco_100x100.png');
  margin: 0 auto;
}

@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}


.modal-dialog-scrollable .modal-content{
  max-height:calc(100vh - 1rem);
  overflow:hidden
}
  
.modal-dialog-scrollable .modal-header,.modal-dialog-scrollable .modal-footer{
  flex-shrink:0
}

.modal-dialog-scrollable .modal-body{
  overflow-y:auto
}



.modal-dialog-centered.modal-dialog-scrollable{
  flex-direction:column;
  justify-content:center;
  height:100%
}

.modal-dialog-centered.modal-dialog-scrollable .modal-content{
  max-height:none
}

.modal-dialog-centered.modal-dialog-scrollable::before{
  content:none
}

.modal-dialog-scrollable{
  max-height:calc(100% - 3.5rem)
}

.modal-dialog-scrollable .modal-content{
  max-height:calc(100vh - 3.5rem)
}

@media (min-width: 992px) {
  .modal-lg,
  .modal-xl {
    max-width: 800px;
  }
}
@media (min-width: 1200px) {
  .modal-xl {
    max-width: 1140px;
  }
}