:root {
  --color: #868686;
  --bgBody: #f6f6f6;
  --colorIcon: #181818;
  --colorTitle4:#000;
  --colorTitle5:#5E5751;
  --colorDetail: #511F9F;
  --colorDetailHover: #391179;
  --colorDetailFocus: #2d0d61;
  --colorStepOk:#00FF85;
  --colorStepOn:#FFFFFF;
  --colorStepOff:#BEBEBE;
  --height: 45px;
  
  --color1  :#6530C9;
  --color1On:#5325a7;

  --primary:#0d6efd;
  --secondary:#6c757d;
  --success:#198754;
  --info:#0dcaf0;
  --warning:#ffc107;
  --danger:#dc3545;
  --light:#f8f9fa;
  --dark:#212529;
  --grey:#DED5D5;

  --primaryOn: #0a58ca;
  --secondaryOn: #565e64;
  --successOn: #146c43;
  --infoOn:#3dd5f3;
  --warningOn: #ffcd39;
  --dangerOn:#b02a37;
  --lightOn: #f9fafb;
  --darkOn:#1a1e21;

  --verySmall:  5px;
  --small:      10px;
  --normal:     20px;
  --medium:     30px;
  --big:        50px;
  --veryBig:    70px;
  --giga:       100px;
  
  --bgMoveVerySmall:   5rem;
  --bgMoveSmall:      10rem;
  --bgMoveMedium:     15rem;
  --bgMoveBig:        20rem;
  --bgMoveVeryBig:    40rem;

  --imgIconVerySmall:  20px;
  --imgIconSmall:      30px;
  --imgIconMedium:     40px;
  --imgIconBig:        50px;
  --imgIconVeryBig:    60px; 
}

*, *::before, *::after {box-sizing: border-box;}
body{padding: 0;margin: 0; color:var(--color);font-size: 13.5px;background: var(--bgBody);}
hr{border: 0;border-top: 1px solid #e7e7e7;}
h1{/*text-align: center; color: #fff; font-size: 35px;*/}
h2{color: var(--colorDetail);}
h3{}
h4{font-weight: 600;font-size: 22px;color: var(--colorTitle4); margin: 0;}
h5{font-size: 14px;font-weight: 700;color: var(--colorTitle5); margin-top: 0;}
h6{}


.title-with-button{display: initial;}

.container-p-t{padding-top: 35px;}
.container-p-b{padding-bottom: 55px;}
.p-0{padding:0 !important;}
.m-t{margin-top: var(--height) !important;}
.bg-detail{background:var(--colorDetail) !important;}

.badge {padding: 2px 5px;font-size: 10px;font-weight: 600;line-height: 1;color: #fff;text-align: center;white-space: nowrap;border-radius: 0.25rem;}
.badge-primary {color: #fff;background-color: #007bff;}
.badge-secondary {color: #fff;background-color: #6c757d;}
.badge-success {color: #fff;background-color: #28a745;}
.badge-danger {color: #fff;background-color: #dc3545;}
.badge-warning {color: #212529;background-color: #ffc107;}
.badge-info {color: #fff;background-color: #17a2b8;}
.badge-light {color: #212529;background-color: #f8f9fa;}
.badge-dark {color: #fff;background-color: #343a40;}

.img-fluid{width: 100%;height: auto;}

.div-show{display: block;}
.div-hidden{display: none;}

.container,.container-fluid,.container-xxl,.container-xl,.container-lg,.container-md,.container-sm {transition: all 0.3s ease-in-out;width: 100%;padding-right: var(--bs-gutter-x, 0.75rem);padding-left: var(--bs-gutter-x, 0.75rem);margin-right: auto;margin-left: auto;}
.container{position: relative;display: grid;}
@media (min-width: 576px) {
  .container-sm, .container { max-width: 540px;}
}
@media (min-width: 768px) {
  .container-md, .container-sm, .container { max-width: 720px;}
}
@media (min-width: 992px) {
  .container-lg, .container-md, .container-sm, .container { max-width: 960px;}
}
@media (min-width: 1200px) {
  .container-xl, .container-lg, .container-md, .container-sm, .container { max-width: 1000px;}
}
@media (min-width: 1400px) {
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {/*max-width: 1320px;*/max-width: 1120px;}
}

.row,.row2{--bs-gutter-x:1.5rem;--bs-gutter-y:0;display:flex;flex-wrap:wrap;margin-top:calc(-1 * var(--bs-gutter-y));margin-right:calc(-.5 * var(--bs-gutter-x));margin-left:calc(-.5 * var(--bs-gutter-x)); width: auto;}
.row>*{box-sizing:border-box;flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-top:var(--bs-gutter-y)}
.row-display-inline-block-left,.row-display-inline-block-right{display:inline-block;}
.row2>*{box-sizing:border-box;flex-shrink:0;width:auto;max-width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-top:var(--bs-gutter-y)}
.width-fit-content{width:fit-content;}

.col-full{ width: 100%;}
.col-auto{flex:0 0 auto;width:auto}
.col-1 {flex:0 0 auto;width:8.33333333%}
.col-2 {flex:0 0 auto;width:16.66666667%}
.col-3 {flex:0 0 auto;width:25%}
.col-4 {flex:0 0 auto;width:33.33333333%}
.col-5 {flex:0 0 auto;width:41.66666667%}
.col-6 {flex:0 0 auto;width:50%}
.col-7 {flex:0 0 auto;width:58.33333333%}
.col-8 {flex:0 0 auto;width:66.66666667%}
.col-9 {flex:0 0 auto;width:75%}
.col-10{flex:0 0 auto;width:83.33333333%}
.col-11{flex:0 0 auto;width:91.66666667%}
.col-12{flex:0 0 auto;width:100%}

@media (min-width: 576px) {
  .col-sm{flex:1 0 0%}
  .row-cols-sm-auto>*{flex:0 0 auto;width:auto}
  .row-cols-sm-1>*{flex:0 0 auto;width:100%}
  .row-cols-sm-2>*{flex:0 0 auto;width:50%}
  .row-cols-sm-3>*{flex:0 0 auto;width:33.3333333333%}
  .row-cols-sm-4>*{flex:0 0 auto;width:25%}
  .row-cols-sm-5>*{flex:0 0 auto;width:20%}
  .row-cols-sm-6>*{flex:0 0 auto;width:16.6666666667%}
  .col-sm-auto{flex:0 0 auto;width:auto}
  .col-sm-1{flex:0 0 auto;width:8.33333333%}
  .col-sm-2{flex:0 0 auto;width:16.66666667%}
  .col-sm-3{flex:0 0 auto;width:25%}
  .col-sm-4{flex:0 0 auto;width:33.33333333%}
  .col-sm-5{flex:0 0 auto;width:41.66666667%}
  .col-sm-6{flex:0 0 auto;width:50%}
  .col-sm-7{flex:0 0 auto;width:58.33333333%}
  .col-sm-8{flex:0 0 auto;width:66.66666667%}
  .col-sm-9{flex:0 0 auto;width:75%}
  .col-sm-10{flex:0 0 auto;width:83.33333333%}
  .col-sm-11{flex:0 0 auto;width:91.66666667%}
  .col-sm-12{flex:0 0 auto;width:100%}
}

@media (min-width: 768px) {
  .col-md{flex:1 0 0%}
  .row-cols-md-auto>*{flex:0 0 auto;width:auto}
  .row-cols-md-1>*{flex:0 0 auto;width:100%}
  .row-cols-md-2>*{flex:0 0 auto;width:50%}
  .row-cols-md-3>*{flex:0 0 auto;width:33.3333333333%}
  .row-cols-md-4>*{flex:0 0 auto;width:25%}
  .row-cols-md-5>*{flex:0 0 auto;width:20%}
  .row-cols-md-6>*{flex:0 0 auto;width:16.6666666667%}
  .col-md-auto{flex:0 0 auto;width:auto}
  .col-md-1 {flex:0 0 auto;width:8.33333333%}
  .col-md-2 {flex:0 0 auto;width:16.66666667%}
  .col-md-3 {flex:0 0 auto;width:25%}
  .col-md-4 {flex:0 0 auto;width:33.33333333%}
  .col-md-5 {flex:0 0 auto;width:41.66666667%}
  .col-md-6 {flex:0 0 auto;width:50%}
  .col-md-7 {flex:0 0 auto;width:58.33333333%}
  .col-md-8 {flex:0 0 auto;width:66.66666667%}
  .col-md-9 {flex:0 0 auto;width:75%}
  .col-md-10{flex:0 0 auto;width:83.33333333%}
  .col-md-11{flex:0 0 auto;width:91.66666667%}
  .col-md-12{flex:0 0 auto;width:100%}
}

@media (min-width: 992px) {
  .col-lg{flex:1 0 0%}
  .row-cols-lg-auto>*{flex:0 0 auto;width:auto}
  .row-cols-lg-1>*{flex:0 0 auto;width:100%}
  .row-cols-lg-2>*{flex:0 0 auto;width:50%}
  .row-cols-lg-3>*{flex:0 0 auto;width:33.3333333333%}
  .row-cols-lg-4>*{flex:0 0 auto;width:25%}
  .row-cols-lg-5>*{flex:0 0 auto;width:20%}
  .row-cols-lg-6>*{flex:0 0 auto;width:16.6666666667%}
  .col-lg-auto{flex:0 0 auto;width:auto}
  .col-lg-1{flex:0 0 auto;width:8.33333333%}
  .col-lg-2{flex:0 0 auto;width:16.66666667%}
  .col-lg-3{flex:0 0 auto;width:25%}
  .col-lg-4{flex:0 0 auto;width:33.33333333%}
  .col-lg-5{flex:0 0 auto;width:41.66666667%}
  .col-lg-6{flex:0 0 auto;width:50%}
  .col-lg-7{flex:0 0 auto;width:58.33333333%}
  .col-lg-8{flex:0 0 auto;width:66.66666667%}
  .col-lg-9{flex:0 0 auto;width:75%}
  .col-lg-10{flex:0 0 auto;width:83.33333333%}
  .col-lg-11{flex:0 0 auto;width:91.66666667%}
  .col-lg-12{flex:0 0 auto;width:100%}
}
@media (min-width: 1200px) {
  .col-xl{flex:1 0 0%}
  .row-cols-xl-auto>*{flex:0 0 auto;width:auto}
  .row-cols-xl-1>*{flex:0 0 auto;width:100%}
  .row-cols-xl-2>*{flex:0 0 auto;width:50%}
  .row-cols-xl-3>*{flex:0 0 auto;width:33.3333333333%}
  .row-cols-xl-4>*{flex:0 0 auto;width:25%}
  .row-cols-xl-5>*{flex:0 0 auto;width:20%}
  .row-cols-xl-6>*{flex:0 0 auto;width:16.6666666667%}
  .col-xl-auto{flex:0 0 auto;width:auto}
  .col-xl-1{flex:0 0 auto;width:8.33333333%}
  .col-xl-2{flex:0 0 auto;width:16.66666667%}
  .col-xl-3{flex:0 0 auto;width:25%}
  .col-xl-4{flex:0 0 auto;width:33.33333333%}
  .col-xl-5{flex:0 0 auto;width:41.66666667%}
  .col-xl-6{flex:0 0 auto;width:50%}
  .col-xl-7{flex:0 0 auto;width:58.33333333%}
  .col-xl-8{flex:0 0 auto;width:66.66666667%}
  .col-xl-9{flex:0 0 auto;width:75%}
  .col-xl-10{flex:0 0 auto;width:83.33333333%}
  .col-xl-11{flex:0 0 auto;width:91.66666667%}
  .col-xl-12{flex:0 0 auto;width:100%}
}
@media (min-width: 1400px) {
  .col-xxl{flex:1 0 0%}
  .row-cols-xxl-auto>*{flex:0 0 auto;width:auto}
  .row-cols-xxl-1>*{flex:0 0 auto;width:100%}
  .row-cols-xxl-2>*{flex:0 0 auto;width:50%}
  .row-cols-xxl-3>*{flex:0 0 auto;width:33.3333333333%}
  .row-cols-xxl-4>*{flex:0 0 auto;width:25%}
  .row-cols-xxl-5>*{flex:0 0 auto;width:20%}
  .row-cols-xxl-6>*{flex:0 0 auto;width:16.6666666667%}
  .col-xxl-auto{flex:0 0 auto;width:auto}
  .col-xxl-1{flex:0 0 auto;width:8.33333333%}
  .col-xxl-2{flex:0 0 auto;width:16.66666667%}
  .col-xxl-3{flex:0 0 auto;width:25%}
  .col-xxl-4{flex:0 0 auto;width:33.33333333%}
  .col-xxl-5{flex:0 0 auto;width:41.66666667%}
  .col-xxl-6{flex:0 0 auto;width:50%}
  .col-xxl-7{flex:0 0 auto;width:58.33333333%}
  .col-xxl-8{flex:0 0 auto;width:66.66666667%}
  .col-xxl-9{flex:0 0 auto;width:75%}
  .col-xxl-10{flex:0 0 auto;width:83.33333333%}
  .col-xxl-11{flex:0 0 auto;width:91.66666667%}
  .col-xxl-12{flex:0 0 auto;width:100%}
}


.col-md-20px{flex:0 0 auto;width:20px;}
.col-md-40px{flex:0 0 auto;width:40px;}
.col-md-50px{flex:0 0 auto;width:50px;}
.col-md-80px{flex:0 0 auto;width:80px;}
.col-md-100px{flex:0 0 auto;width:100px;}
.col-md-200px{flex:0 0 auto;width:200px;}

/*Visualizacoes*/
.overflow-hidden  {overflow: hidden;}
.div-show         {display: block;}
.div-hidden       {display: none;}
.div-display-none {display: none !important;}
.display-list-item{display: list-item;}

.height-min      {min-height: 70vh;}
.height-full     {min-height: 100vh;}
.height-div-full {display: -webkit-box !important;}
.height-div-full > div {align-content: baseline;width: -webkit-fill-available;}
@media (max-width: 768px) {
  .height-mobile-min      {min-height: 70vh;}
  .height-mobile-full     {min-height: 100vh;}
  .height-div-mobile-full {display: -webkit-box !important;}
}

/*Maior que 768 entra aqui*/
@media (min-width: 767px) {
  .display-hidden-desktop{display:none !important}
}

@media (max-width: 768px) {
  .display-hidden-mobile{display:none !important}
}

/*line*/
.line-clear{ width: 100% !important; height: 0 !important; border: 0 !important;margin: 0 !important;padding: 0 !important;}



/*Display*/
.display-flex{display:flex;}
.display-block{display:block;}
.display-none{display:none;}

/* Text */
.bold              {font-weight: 800;}
.text-a-left       {text-align: left;}
.text-center,
.text-a-center     {text-align: center;}
.text-center div,
.text-a-center div {margin-right:auto; margin-left:auto;}
.text-right,
.text-a-right      {text-align: right;}
.text-right div,
.text-a-right div  {margin-left: auto;}
.text-a-justify    {text-align: justify;}
@media (max-width: 576px) {
  .text-a-left-mobile       {text-align: left;}
  .text-a-center-mobile     {text-align: center;}
  .text-a-center-mobile div {margin-right:auto; margin-left:auto;}
  .text-a-right-mobile      {text-align: right;}
  .text-a-right-mobile div  {margin-left: auto;}
}

.font-very-small{font-size: 8px;}
.font-small     {font-size: 10px;}
.font-normal    {font-size: 14px;}
.font-medium    {font-size: 25px;}
.font-big       {font-size: 35px;}
.font-very-big  {font-size: 45px;}
@media (max-width: 576px) {
  .font-very-small-mobile{font-size: 8px;}
  .font-small-mobile     {font-size: 10px;}
  .font-normal-mobile    {font-size: 14px;}
  .font-medium-mobile    {font-size: 25px;}
  .font-big-mobile       {font-size: 35px;}
  .font-very-big-mobile  {font-size: 45px;}
}

.color-white     {color: #ffffff  !important;}
.color-primary   {color:var(--primary) !important;}
.color-secondary {color:var(--secondary) !important;}
.color-success   {color:var(--success) !important;}
.color-info      {color:var(--info) !important;}
.color-warning   {color:var(--warning) !important;}
.color-danger    {color:var(--danger) !important;}
.color-light     {color:var(--light) !important;}
.color-dark      {color:var(--dark) !important;}

/*font weight*/
.font-w-light{font-weight: 300;}
.font-w-normal{font-weight: normal;}
.font-w-bold{font-weight: bold;}

/* Button */
 button{cursor: pointer;}

.btn-p-small  {padding: 2px 12px;}
.btn-p-normal {padding: 5px 18px;}
.btn-p-medium {padding: 8px 25px;}
.btn-p-big    {padding:15px 45px;}

.btn-r-very-small {border-radius:3px;}
.btn-r-small      {border-radius:5px;}
.btn-r-normal     {border-radius:8px;}
.btn-r-medium     {border-radius:12px;}
.btn-r-big        {border-radius:20px;}
.btn-r-very-big   {border-radius:40px;}

.btn-s-full,.btn-full      {width: 100% !important; display: block;}
@media (max-width: 576px) {
  .btn-s-mobile-full      {width: 100% !important;}
  .btn-p-mobile-very-small {padding: 2px 12px;}
  .btn-p-mobile-small      {padding: 5px 18px;}
  .btn-p-mobile-medium     {padding: 8px 25px;}
  .btn-p-mobile-big        {padding:15px 45px;}
}

.link-color-1   {color: var(--color1) !important;}
.link-primary   {color: var(--primary) !important;}
.link-secondary {color:var(--secondary) !important;}
.link-success   {color:var(--success) !important;}
.link-info      {color:var(--info) !important;}
.link-warning   {color:var(--warning) !important;}
.link-danger    {color:var(--danger) !important;}
.link-light     {color:var(--light) !important;}
.link-dark      {color:var(--dark) !important;}

.link-color-1:focus,.link-color-1:hover     {color:var(--primaryOn) !important;}
.link-primary:focus,.link-primary:hover     {color:var(--primaryOn) !important;}
.link-secondary:focus,.link-secondary:hover {color:var(--secondaryOn) !important;}
.link-success:focus,.link-success:hover     {color:var(--successOn) !important;}
.link-info:focus,.link-info:hover           {color:var(--infoOn) !important;}
.link-warning:focus,.link-warning:hover     {color:var(--warningOn) !important;}
.link-danger:focus,.link-danger:hover       {color:var(--dangerOn) !important;}
.link-light:focus,.link-light:hover         {color:var(--lightOn) !important;}
.link-dark:focus,.link-dark:hover           {color:var(--darkOn) !important;}

.btn-style-color-1  {width:fit-content;height:fit-content;margin-left:-4px;margin-right:-4px;display: inline-block; text-align:center; cursor: pointer; text-decoration: none; color:#ffffff !important; background:var(--color1) !important;    border-color:var(--color1) !important;}
.btn-style-primary  {width:fit-content;height:fit-content;margin-left:-4px;margin-right:-4px;display: inline-block; text-align:center; cursor: pointer; text-decoration: none; color:#ffffff !important; background:var(--primary) !important;    border-color:var(--primary) !important;}
.btn-style-secondary{width:fit-content;height:fit-content;margin-left:-4px;margin-right:-4px;display: inline-block; text-align:center; cursor: pointer; text-decoration: none; color:#ffffff !important; background:var(--secondary) !important;  border-color:var(--secondary) !important;}
.btn-style-success  {width:fit-content;height:fit-content;margin-left:-4px;margin-right:-4px;display: inline-block; text-align:center; cursor: pointer; text-decoration: none; color:#ffffff !important; background:var(--success) !important  ;  border-color:var(--success) !important;}
.btn-style-info     {width:fit-content;height:fit-content;margin-left:-4px;margin-right:-4px;display: inline-block; text-align:center; cursor: pointer; text-decoration: none; color:#ffffff !important; background:var(--info) !important   ;    border-color:var(--info) !important;}
.btn-style-warning  {width:fit-content;height:fit-content;margin-left:-4px;margin-right:-4px;display: inline-block; text-align:center; cursor: pointer; text-decoration: none; color:#0D0D0D !important; background:var(--warning) !important ;   border-color:var(--warning) !important;}
.btn-style-danger   {width:fit-content;height:fit-content;margin-left:-4px;margin-right:-4px;display: inline-block; text-align:center; cursor: pointer; text-decoration: none; color:#ffffff !important; background:var(--danger) !important ;    border-color:var(--danger) !important;}
.btn-style-light    {width:fit-content;height:fit-content;margin-left:-4px;margin-right:-4px;display: inline-block; text-align:center; cursor: pointer; text-decoration: none; color:var(--dark);          background:var(--light) !important  ;    border-color:var(--light) !important;}
.btn-style-dark     {width:fit-content;height:fit-content;margin-left:-4px;margin-right:-4px;display: inline-block; text-align:center; cursor: pointer; text-decoration: none; color:#ffffff;            background:var(--dark) !important;       border-color:var(--dark) !important;}

.btn-style-color-1   i{ background-color:#fff !important; }
.btn-style-primary   i{ background-color:#fff !important; }
.btn-style-secondary i{ background-color:#fff !important; }
.btn-style-success   i{ background-color:#fff !important; }
.btn-style-info      i{ background-color:#fff !important; }
.btn-style-warning   i{ background-color:#fff !important; }
.btn-style-danger    i{ background-color:#fff !important; }
.btn-style-light     i{ background-color:var(--dark) }
.btn-style-dark      i{ background-color:#fff;  }

.btn-style-color-1:focus,   .btn-style-color-1:hover     {border-color:var(--color1On) !important;    background:var(--color1On) !important; } 
.btn-style-primary:focus,   .btn-style-primary:hover     {border-color:var(--primaryOn) !important;   background:var(--primaryOn) !important; } 
.btn-style-secondary:focus, .btn-style-secondary:hover   {border-color:var(--secondaryOn) !important; background:var(--secondaryOn) !important; }
.btn-style-success:focus,   .btn-style-success:hover     {border-color:var(--successOn) !important;   background:var(--successOn) !important; }
.btn-style-info:focus,      .btn-style-info:hover        {border-color:var(--infoOn) !important;      background:var(--infoOn) !important; }
.btn-style-warning:focus,   .btn-style-warning:hover     {border-color:var(--warningOn) !important;   background:var(--warningOn) !important; } 
.btn-style-danger:focus,    .btn-style-danger:hover      {border-color:var(--dangerOn) !important;    background:var(--dangerOn) !important; }
.btn-style-light:focus,     .btn-style-light:hover       {border-color:var(--lightOn) !important;     background:var(--lightOn) !important; } 
.btn-style-dark:focus,      .btn-style-dark:hover        {border-color:var(--darkOn) !important;      background:var(--darkOn) !important; }  

.btn-style-transparent-color-1  {width:fit-content;height:fit-content;margin-left:-4px;margin-right:-4px;display: inline-block; text-align:center; cursor: pointer; text-decoration: none; background: transparent !important; border-width: 1px; border-style: solid; color: var(--color1) !important;     border-color:var(--color1) !important;   }
.btn-style-transparent-primary  {width:fit-content;height:fit-content;margin-left:-4px;margin-right:-4px;display: inline-block; text-align:center; cursor: pointer; text-decoration: none; background: transparent !important; border-width: 1px; border-style: solid; color: var(--primary) !important;    border-color:var(--primary) !important;  }
.btn-style-transparent-secondary{width:fit-content;height:fit-content;margin-left:-4px;margin-right:-4px;display: inline-block; text-align:center; cursor: pointer; text-decoration: none; background: transparent !important; border-width: 1px; border-style: solid; color: var(--secondary) !important;  border-color:var(--secondary) !important;}
.btn-style-transparent-success  {width:fit-content;height:fit-content;margin-left:-4px;margin-right:-4px;display: inline-block; text-align:center; cursor: pointer; text-decoration: none; background: transparent !important; border-width: 1px; border-style: solid; color: var(--success) !important;    border-color:var(--success) !important;  }
.btn-style-transparent-info     {width:fit-content;height:fit-content;margin-left:-4px;margin-right:-4px;display: inline-block; text-align:center; cursor: pointer; text-decoration: none; background: transparent !important; border-width: 1px; border-style: solid; color: var(--info) !important;       border-color:var(--info) !important;     }
.btn-style-transparent-warning  {width:fit-content;height:fit-content;margin-left:-4px;margin-right:-4px;display: inline-block; text-align:center; cursor: pointer; text-decoration: none; background: transparent !important; border-width: 1px; border-style: solid; color: var(--warning) !important;    border-color:var(--warning) !important;  }
.btn-style-transparent-danger   {width:fit-content;height:fit-content;margin-left:-4px;margin-right:-4px;display: inline-block; text-align:center; cursor: pointer; text-decoration: none; background: transparent !important; border-width: 1px; border-style: solid; color: var(--danger) !important;     border-color:var(--danger) !important;   }
.btn-style-transparent-light    {width:fit-content;height:fit-content;margin-left:-4px;margin-right:-4px;display: inline-block; text-align:center; cursor: pointer; text-decoration: none; background: transparent !important; border-width: 1px; border-style: solid; color: var(--light) !important;      border-color:var(--light) !important;    }
.btn-style-transparent-dark     {width:fit-content;height:fit-content;margin-left:-4px;margin-right:-4px;display: inline-block; text-align:center; cursor: pointer; text-decoration: none; background: transparent !important; border-width: 1px; border-style: solid; color: var(--dark) !important;       border-color:var(--dark) !important;     }

.btn-style-transparent-color-1   i { background-color:var(--color1);}
.btn-style-transparent-primary   i { background-color:var(--primary);}
.btn-style-transparent-secondary i { background-color:var(--secondary);}
.btn-style-transparent-success   i { background-color:var(--success);}
.btn-style-transparent-info      i { background-color:var(--info);}
.btn-style-transparent-warning   i { background-color:var(--warning);}
.btn-style-transparent-danger    i { background-color:var(--danger);}
.btn-style-transparent-light     i { background-color:var(--light);}
.btn-style-transparent-dark      i { background-color:var(--dark);}

.btn-style-transparent-color-1:focus,   .btn-style-transparent-color-1:hover   {background: var(--color1On) !important;    border-color: var(--color1On) !important;    color: #fff !important;}
.btn-style-transparent-primary:focus,   .btn-style-transparent-primary:hover   {background: var(--primaryOn) !important;   border-color: var(--primaryOn) !important;   color: #fff !important;}
.btn-style-transparent-secondary:focus, .btn-style-transparent-secondary:hover {background: var(--secondaryOn) !important; border-color: var(--secondaryOn) !important; color: #fff !important;}
.btn-style-transparent-success:focus,   .btn-style-transparent-success:hover   {background: var(--successOn) !important;   border-color: var(--successOn) !important;   color: #fff !important;}
.btn-style-transparent-info:focus,      .btn-style-transparent-info:hover      {background: var(--infoOn) !important;      border-color: var(--infoOn) !important;      color: #fff !important;}
.btn-style-transparent-warning:focus,   .btn-style-transparent-warning:hover   {background: var(--warningOn) !important;   border-color: var(--warningOn) !important;   color: #fff !important;}
.btn-style-transparent-danger:focus,    .btn-style-transparent-danger:hover    {background: var(--dangerOn) !important;    border-color: var(--dangerOn) !important;    color: #fff !important;}
.btn-style-transparent-light:focus,     .btn-style-transparent-light:hover     {background: var(--lightOn) !important;     border-color: var(--lightOn) !important;     color: var(--darkOn) !important;}
.btn-style-transparent-dark:focus,      .btn-style-transparent-dark:hover      {background: var(--darkOn) !important;      border-color: var(--darkOn) !important;      color: #fff !important;}

.btn-style-transparent-color-1:focus   i, .btn-style-transparent-color-1:hover   i {background-color: #fff !important;}
.btn-style-transparent-primary:focus   i, .btn-style-transparent-primary:hover   i {background-color: #fff !important;}
.btn-style-transparent-secondary:focus i, .btn-style-transparent-secondary:hover i {background-color: #fff !important;}
.btn-style-transparent-success:focus   i, .btn-style-transparent-success:hover   i {background-color: #fff !important;}
.btn-style-transparent-info:focus      i, .btn-style-transparent-info:hover      i {background-color: #fff !important;}
.btn-style-transparent-warning:focus   i, .btn-style-transparent-warning:hover   i {background-color: #fff !important;}
.btn-style-transparent-danger:focus    i, .btn-style-transparent-danger:hover    i {background-color: #fff !important;}
.btn-style-transparent-light:focus     i, .btn-style-transparent-light:hover     i {background-color: var(--darkOn) !important;}
.btn-style-transparent-dark:focus      i, .btn-style-transparent-dark:hover      i {background-color: #fff !important;}

/* Direcionamento / Alimenhamento */
.horizontal-left  {justify-content: left;}
.horizontal-center{justify-content: center;}
.horizontal-right {justify-content: right;}
.equal-heights    {display: grid;}
.div-center,.div-align-h-center       {margin-right:auto; margin-left:auto;}
.div-left  ,.div-align-h-left         {margin-right:auto;}
.div-right ,.div-align-h-right        {margin-left:auto;}

.vertical-top     {display: grid;align-items: flex-start;}
.vertical-center  {display: grid;align-items: center;    }
.vertical-end     {display: grid;align-items: end;       }
@media (max-width: 768px) {
  .vertical-mobile-top     {display: grid;align-items: flex-start;}
  .vertical-mobile-center  {display: grid;align-items: center;    }
  .vertical-mobile-end     {display: grid;align-items: end;       }
  .div-mobile-align-h-center       {margin-right:auto; margin-left:auto;}
  .div-mobile-align-h-left         {margin-right:auto;}
  .div-mobile-align-h-right        {margin-left:auto;}
}

/*Shadow*/
.shadow{-webkit-box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 10%);box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 10%);}

/*Image*/
.img-fluid             {width: 100%;height: auto;display: block;}
.img-icon-very-small   {width: var(--imgIconVerySmall);}
.img-icon-small        {width: var(--imgIconSmall);}
.img-icon-medium       {width: var(--imgIconMedium);}
.img-icon-big          {width: var(--imgIconBig);}
.img-icon-very-big     {width: var(--imgIconVeryBig);}
.image-align-center    {display: block; margin-right:auto; margin-left:auto;}
.image-align-left      {display: block; margin: 0 auto 0 0;}
.image-align-right     {display: block; margin: 0 0 0 auto;}
.img-max-100           {max-width: 100%;}
@media (max-width: 768px) {
  .image-align-mobile-center    {display: block; margin-right:auto; margin-left:auto;}
  .image-align-mobile-left      {display: block; margin: 0 auto 0 0;}
  .image-align-mobile-right     {display: block; margin: 0 0 0 auto;}
}

/*Background Color*/
.bg-color-white     {background-color:#ffffff !important;          }
.bg-color-grey      {background-color:var(--grey) !important;      }  
.bg-color-primary   {background-color:var(--primary) !important;   }
.bg-color-secondary {background-color:var(--secondary) !important; }
.bg-color-success   {background-color:var(--success) !important;   }
.bg-color-info      {background-color:var(--info) !important;      }
.bg-color-warning   {background-color:var(--warning) !important;   }
.bg-color-danger    {background-color:var(--danger) !important;    }
.bg-color-light     {background-color:var(--light) !important;     }
.bg-color-dark      {background-color:var(--dark) !important;      }

/*Background*/
.bg-no-repeat{background-repeat: no-repeat !important;}
.bg-width-100{background-size: cover !important;}
.bg-height-100{background-size: contain !important;}

/*Background Repeat*/
.background-r-no-repeat ,.background-r-no-repeat > .div_background_desktop{background-repeat: no-repeat !important;}
.background-r-repeat    ,.background-r-repeat > .div_background_desktop{background-repeat: repeat !important;} 
.background-r-repeat-x  ,.background-r-repeat-x > .div_background_desktop{background-repeat: repeat-x !important;}
.background-r-repeat-y  ,.background-r-repeat-y > .div_background_desktop{background-repeat: repeat-y !important;}
/*Background Size*/
.background-s-auto, .background-s-auto > .div_background_desktop      {background-size: auto !important;}
.background-s-cover, .background-s-cover > .div_background_desktop    {background-size: cover !important;} 
.background-s-contain, .background-s-contain > .div_background_desktop{background-size: contain !important;}
/*Background position*/
.background-p-center-center, .background-p-center-center > .div_background_desktop  {background-position: center  center !important;}
.background-p-center-left, .background-p-center-left > .div_background_desktop    {background-position: center  left !important;}
.background-p-center-right, .background-p-center-right > .div_background_desktop   {background-position: center  right !important;}
.background-p-top-center, .background-p-top-center > .div_background_desktop     {background-position: top     center !important;}
.background-p-top-left, .background-p-top-left > .div_background_desktop       {background-position: top     left !important;}
.background-p-top-right, .background-p-top-right > .div_background_desktop      {background-position: top     right !important;}
.background-p-bottom-center, .background-p-bottom-center > .div_background_desktop  {background-position: bottom  center !important;}
.background-p-bottom-left, .background-p-bottom-left > .div_background_desktop    {background-position: bottom  left !important;}
.background-p-bottom-right, .background-p-bottom-right > .div_background_desktop   {background-position: bottom  right !important;}

@media (max-width: 768px) {
  .background-mobile-r-no-repeat, .background-mobile-r-no-repeat > .div_background_mobile{background-repeat: no-repeat !important;}
  .background-mobile-r-repeat,    .background-mobile-r-repeat >    .div_background_mobile   {background-repeat: repeat !important;} 
  .background-mobile-r-repeat-x,  .background-mobile-r-repeat-x >  .div_background_mobile {background-repeat: repeat-x !important;}
  .background-mobile-r-repeat-y,  .background-mobile-r-repeat-y >  .div_background_mobile {background-repeat: repeat-y !important;}
  /*Background Size*/
  .background-mobile-s-auto,    .background-mobile-s-auto >    .div_background_mobile    {background-size: auto !important;}
  .background-mobile-s-cover,   .background-mobile-s-cover >   .div_background_mobile   {background-size: cover !important;} 
  .background-mobile-s-contain, .background-mobile-s-contain > .div_background_mobile {background-size: contain !important;}
  /*Background position*/
  .background-mobile-p-center-center, .background-p-mobile-center-center > .div_background_mobile  {background-position: center  center !important;}
  .background-mobile-p-center-left, .background-p-mobile-center-left > .div_background_mobile    {background-position: center  left !important;}
  .background-mobile-p-center-right, .background-p-mobile-center-right > .div_background_mobile   {background-position: center  right !important;}
  .background-mobile-p-top-center, .background-p-mobile-top-center > .div_background_mobile     {background-position: top     center !important;}
  .background-mobile-p-top-left, .background-p-mobile-top-left > .div_background_mobile       {background-position: top     left !important;}
  .background-mobile-p-top-right, .background-p-mobile-top-right > .div_background_mobile      {background-position: top     right !important;}
  .background-mobile-p-bottom-center, .background-p-mobile-bottom-center > .div_background_mobile  {background-position: bottom  center !important;}
  .background-mobile-p-bottom-left, .background-p-mobile-bottom-left > .div_background_mobile    {background-position: bottom  left !important;}
  .background-mobile-p-bottom-right, .background-p-mobile-bottom-right > .div_background_mobile   {background-position: bottom  right !important;}
}


/*Border*/
.border-w-none, .border-w-none > .div_background_desktop   {border-width: inherit;}
.border-w-fine, .border-w-fine > .div_background_desktop   {border-width:1px;}
.border-w-medium, .border-w-medium > .div_background_desktop {border-width:2px;}
.border-w-thick, .border-w-thick > .div_background_desktop  {border-width:3px;}
@media (max-width: 768px) {
  .border-mobile-w-none,   .border-mobile-w-none > .div_background_mobile  {border-width: inherit;}
  .border-mobile-w-fine,   .border-mobile-w-fine > .div_background_mobile  {border-width:1px;}
  .border-mobile-w-medium, .border-mobile-w-medium > .div_background_mobile{border-width:2px;}
  .border-mobile-w-thick,  .border-mobile-w-thick > .div_background_mobile {border-width:3px;}
}

.border-t-b-solid, .border-container-t-b-solid > .div_background_desktop{border-top-style: solid; border-bottom-style: solid;}
.border-b-solid  , .border-container-b-solid   > .div_background_desktop{border-bottom-style: solid;}
.border-s-solid  , .border-container-s-solid   > .div_background_desktop{border-style:solid;}
.border-s-dashed , .border-container-s-dashed  > .div_background_desktop{border-style: dashed;}
.border-s-dotted , .border-container-s-dotted  > .div_background_desktop{border-style: dotted;}
@media (max-width: 768px) {
  .border-container-mobile-s-solid,  .border-container-mobile-s-solid > .div_background_mobile  {border-style:solid;}
  .border-container-mobile-s-dashed, .border-container-mobile-s-dashed > .div_background_mobile {border-style: dashed;}
  .border-container-mobile-s-dotted, .border-container-mobile-s-dotted > .div_background_mobile {border-style: dotted;}
}

/* radius */
.b-r-0         , .b-r-0          > .div_background_desktop {border-radius:0;}
.b-r-very-small, .b-r-very-small > .div_background_desktop {border-radius:var(--verySmall);}
.b-r-small     , .b-r-small      > .div_background_desktop {border-radius:var(--small);}
.b-r-normal    , .b-r-normal     > .div_background_desktop {border-radius:var(--normal);}
.b-r-medium    , .b-r-medium     > .div_background_desktop {border-radius:var(--medium);}
.b-r-big       , .b-r-big        > .div_background_desktop {border-radius:var(--big);}
.b-r-very-big  , .b-r-very-big   > .div_background_desktop {border-radius:var(--veryBig);}
.b-r-giga      , .b-r-giga       > .div_background_desktop {border-radius:var(--giga);}
@media (max-width: 768px) {
  .b-mobile-r-0         , .b-mobile-r-0          > .div_background_mobile {border-radius:0;}
  .b-mobile-r-very-small, .b-mobile-r-very-small > .div_background_mobile {border-radius:var(--verySmall);}
  .b-mobile-r-small     , .b-mobile-r-small      > .div_background_mobile {border-radius:var(--small);}
  .b-mobile-r-normal    , .b-mobile-r-normal     > .div_background_mobile {border-radius:var(--normal);}
  .b-mobile-r-medium    , .b-mobile-r-medium     > .div_background_mobile {border-radius:var(--medium);}
  .b-mobile-r-big       , .b-mobile-r-big        > .div_background_mobile {border-radius:var(--big);}
  .b-mobile-r-very-big  , .b-mobile-r-very-big   > .div_background_mobile {border-radius:var(--veryBig);}
  .b-mobile-r-giga      , .b-mobile-r-giga       > .div_background_mobile {border-radius:var(--giga);}
}

/*Border Color*/
.border-color-white     {border-color:#ffffff;        }
.border-color-grey      {border-color:var(--grey);      }
.border-color-primary   {border-color:var(--primary);   }
.border-color-secondary {border-color:var(--secondary); }
.border-color-success   {border-color:var(--success);   }
.border-color-info      {border-color:var(--info);      }
.border-color-warning   {border-color:var(--warning);   }
.border-color-danger    {border-color:var(--danger);    }
.border-color-light     {border-color:var(--light);     }
.border-color-dark      {border-color:var(--dark);      }


/* Margin */
  .m-very-small{margin:         var(--verySmall);}
.m-t-very-small{margin-top:     var(--verySmall);}
.m-r-very-small{margin-right:   var(--verySmall);}
.m-b-very-small{margin-bottom:  var(--verySmall);}
.m-l-very-small{margin-left:    var(--verySmall);}

  .m-small{margin:        var(--small);}
.m-t-small{margin-top:    var(--small);}
.m-r-small{margin-right:  var(--small);}
.m-b-small{margin-bottom: var(--small);}
.m-l-small{margin-left:   var(--small);}

  .m-normal{margin:        var(--normal);}
.m-t-normal{margin-top:    var(--normal);}
.m-r-normal{margin-right:  var(--normal);}
.m-b-normal{margin-bottom: var(--normal);}
.m-l-normal{margin-left:   var(--normal);}

  .m-medium{margin:         var(--medium);}
.m-t-medium{margin-top:     var(--medium);}
.m-r-medium{margin-right:   var(--medium);}
.m-b-medium{margin-bottom:  var(--medium);}
.m-l-medium{margin-left:    var(--medium);}

  .m-big{margin:        var(--big);}
.m-t-big{margin-top:    var(--big);}
.m-r-big{margin-right:  var(--big);}
.m-b-big{margin-bottom: var(--big);}
.m-l-big{margin-left:   var(--big);}

  .m-very-big{margin:        var(--veryBig);}
.m-t-very-big{margin-top:    var(--veryBig);}
.m-r-very-big{margin-right:  var(--veryBig);}
.m-b-very-big{margin-bottom: var(--veryBig);}
.m-l-very-big{margin-left:   var(--veryBig);}

  .m-giga{margin:        var(--giga);}
.m-t-giga{margin-top:    var(--giga);}
.m-r-giga{margin-right:  var(--giga);}
.m-b-giga{margin-bottom: var(--giga);}
.m-l-giga{margin-left:   var(--giga);}

@media (max-width: 768px) {
    .m-mobile-very-small{margin:         var(--verySmall);}
  .m-mobile-t-very-small{margin-top:     var(--verySmall);}
  .m-mobile-r-very-small{margin-right:   var(--verySmall);}
  .m-mobile-b-very-small{margin-bottom:  var(--verySmall);}
  .m-mobile-l-very-small{margin-left:    var(--verySmall);}

    .m-mobile-small{margin:        var(--small);}
  .m-mobile-t-small{margin-top:    var(--small);}
  .m-mobile-r-small{margin-right:  var(--small);}
  .m-mobile-b-small{margin-bottom: var(--small);}
  .m-mobile-l-small{margin-left:   var(--small);}

    .m-mobile-normal{margin:        var(--normal);}
  .m-mobile-t-normal{margin-top:    var(--normal);}
  .m-mobile-r-normal{margin-right:  var(--normal);}
  .m-mobile-b-normal{margin-bottom: var(--normal);}
  .m-mobile-l-normal{margin-left:   var(--normal);}

    .m-mobile-medium{margin:         var(--medium);}
  .m-mobile-t-medium{margin-top:     var(--medium);}
  .m-mobile-r-medium{margin-right:   var(--medium);}
  .m-mobile-b-medium{margin-bottom:  var(--medium);}
  .m-mobile-l-medium{margin-left:    var(--medium);}

    .m-mobile-big{margin:        var(--big);}
  .m-mobile-t-big{margin-top:    var(--big);}
  .m-mobile-r-big{margin-right:  var(--big);}
  .m-mobile-b-big{margin-bottom: var(--big);}
  .m-mobile-l-big{margin-left:   var(--big);}

    .m-mobile-very-big{margin:        var(--veryBig);}
  .m-mobile-t-very-big{margin-top:    var(--veryBig);}
  .m-mobile-r-very-big{margin-right:  var(--veryBig);}
  .m-mobile-b-very-big{margin-bottom: var(--veryBig);}
  .m-mobile-l-very-big{margin-left:   var(--veryBig);}

    .m-mobile-giga{margin:        var(--giga);}
  .m-mobile-t-giga{margin-top:    var(--giga);}
  .m-mobile-r-giga{margin-right:  var(--giga);}
  .m-mobile-b-giga{margin-bottom: var(--giga);}
  .m-mobile-l-giga{margin-left:   var(--giga);}
}

/* Padding */
  .p-very-small{padding:         var(--verySmall);}
.p-t-very-small{padding-top:     var(--verySmall);}
.p-r-very-small{padding-right:   var(--verySmall);}
.p-b-very-small{padding-bottom:  var(--verySmall);}
.p-l-very-small{padding-left:    var(--verySmall);}

  .p-small{padding:        var(--small);}
.p-t-small{padding-top:    var(--small);}
.p-r-small{padding-right:  var(--small);}
.p-b-small{padding-bottom: var(--small);}
.p-l-small{padding-left:   var(--small);}

  .p-normal{padding:        var(--normal);}
.p-t-normal{padding-top:    var(--normal);}
.p-r-normal{padding-right:  var(--normal);}
.p-b-normal{padding-bottom: var(--normal);}
.p-l-normal{padding-left:   var(--normal);}

  .p-medium{padding:         var(--medium);}
.p-t-medium{padding-top:     var(--medium);}
.p-r-medium{padding-right:   var(--medium);}
.p-b-medium{padding-bottom:  var(--medium);}
.p-l-medium{padding-left:    var(--medium);}

  .p-big{padding:        var(--big);}
.p-t-big{padding-top:    var(--big);}
.p-r-big{padding-right:  var(--big);}
.p-b-big{padding-bottom: var(--big);}
.p-l-big{padding-left:   var(--big);}

  .p-very-big{padding:        var(--veryBig);}
.p-t-very-big{padding-top:    var(--veryBig);}
.p-r-very-big{padding-right:  var(--veryBig);}
.p-b-very-big{padding-bottom: var(--veryBig);}
.p-l-very-big{padding-left:   var(--veryBig);}

  .p-giga{padding:        var(--giga);}
.p-t-giga{padding-top:    var(--giga);}
.p-r-giga{padding-right:  var(--giga);}
.p-b-giga{padding-bottom: var(--giga);}
.p-l-giga{padding-left:   var(--giga);}

@media (max-width: 768px) {
    .p-mobile-very-small{padding:         var(--verySmall);}
  .p-mobile-t-very-small{padding-top:     var(--verySmall);}
  .p-mobile-r-very-small{padding-right:   var(--verySmall);}
  .p-mobile-b-very-small{padding-bottom:  var(--verySmall);}
  .p-mobile-l-very-small{padding-left:    var(--verySmall);}

    .p-mobile-small{padding:        var(--small);}
  .p-mobile-t-small{padding-top:    var(--small);}
  .p-mobile-r-small{padding-right:  var(--small);}
  .p-mobile-b-small{padding-bottom: var(--small);}
  .p-mobile-l-small{padding-left:   var(--small);}

    .p-mobile-normal{padding:        var(--normal);}
  .p-mobile-t-normal{padding-top:    var(--normal);}
  .p-mobile-r-normal{padding-right:  var(--normal);}
  .p-mobile-b-normal{padding-bottom: var(--normal);}
  .p-mobile-l-normal{padding-left:   var(--normal);}

    .p-mobile-medium{padding:         var(--medium);}
  .p-mobile-t-medium{padding-top:     var(--medium);}
  .p-mobile-r-medium{padding-right:   var(--medium);}
  .p-mobile-b-medium{padding-bottom:  var(--medium);}
  .p-mobile-l-medium{padding-left:    var(--medium);}

    .p-mobile-big{padding:        var(--big);}
  .p-mobile-t-big{padding-top:    var(--big);}
  .p-mobile-r-big{padding-right:  var(--big);}
  .p-mobile-b-big{padding-bottom: var(--big);}
  .p-mobile-l-big{padding-left:   var(--big);}

    .p-mobile-very-big{padding:        var(--veryBig);}
  .p-mobile-t-very-big{padding-top:    var(--veryBig);}
  .p-mobile-r-very-big{padding-right:  var(--veryBig);}
  .p-mobile-b-very-big{padding-bottom: var(--veryBig);}
  .p-mobile-l-very-big{padding-left:   var(--veryBig);}

    .p-mobile-giga{padding:        var(--giga);}
  .p-mobile-t-giga{padding-top:    var(--giga);}
  .p-mobile-r-giga{padding-right:  var(--giga);}
  .p-mobile-b-giga{padding-bottom: var(--giga);}
  .p-mobile-l-giga{padding-left:   var(--giga);}
}