:root{
  --white:#FFFFFF;
  --black:0,0,0;
  --light:#f4f4f4;
  --dark:#333333;
  --blue:#072146;
  --orange:#DE4300;
  --light-blue:#5BBEFF;
  --gray: #D3D3D3;
  --gray-soft:#cccccc;
  --gray-light: #E9E9E9;
  --secondary: #1464A5;
  --font-12:12px;
  --font-13:13px;
  --font-14:14px;
  --font-16:16px;
  --font-18:18px;
  --font-20:20px;
  --font-22:22px;
  --font-24:24px;
  --font-26:26px;
  --font-28:28px;
  --font-30:30px;
  --font-70:70px;
  --frm-error:#DA3851;
  --frm-success:#48AE64;
  --frm-warning:#F8CD51;
  --frm-info:5BBEFF;
}
body{
  font-family: 'Roboto', sans-serif!important;
  overflow-x:hidden;
}
::-webkit-input-placeholder {
  	color: var(--gray-soft)!important;
}
:-ms-input-placeholder {
  	color: var(--gray-soft)!important;
}
::placeholder {
  	color: var(--gray-soft)!important;
}

/*Home*/
.block-home::before{
  	content: '';
    position: absolute;
    width: 100%;
    height: 172px;
    background-color: var(--secondary);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    border-radius: 20px;
}
#section-forum-developers{
  background-image:url('/images/home/background-mobile.jpg');
  background-position:center;
  min-height:650px;
}
#section-forum-developers:before{
	content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgb(7 33 70 / 65%);
    top: 0;
    left: 0;
    z-index: 1;
}
#section-forum-developers article{
	z-index:1;
}
#section-forum-developers video{
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover;
    width: 100%;
    z-index: 0;
    display:none;
}
@keyframes fade {
  0%, 20% {
    opacity: 0;
  }
  25%, 45% {
    opacity: 1;
  }
  50%, 95% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
#slide-wc{
  min-height:650px;
}
#slide-wc img{
  height: 650px;
  width: auto;
  left: 0;
  right: 0;
  margin: 0 auto;
}
#slide-wc img.img-slide{
  opacity:0;
  animation: fade 16s infinite;
}
#slide-wc img.img-slide:nth-child(1){
  animation-delay: 0s;
}
#slide-wc img.img-slide:nth-child(2){
  animation-delay: 4s;
}
#slide-wc img.img-slide:nth-child(3){
  animation-delay: 8s;
}
#slide-wc img.img-slide:nth-child(4){
  animation-delay: 12s;
}

/*Home*/

/*Menu*/
#wrap-menu-mob{
    height: calc(100vh - 90px);
}
.dev-menu a{
   font-size:var(--font-13);
   color:var(--black);
}
.dev-menu a.active{
  font-weight:bold;
}
.dev-menu a:hover, a.active{
   color:var(--orange);
}
/*Menu*/

/*Messages*/
#flash-messages{
  /*display:none;*/
}
/*Messages*/

/*dictionary*/
.border-dictionary{
  border-right:none;
}
/*dictionary*/

/*Section Main*/
#section-main{
  background-image:url('/images/low-poly.png');
  background-position:right bottom;
}
.title-main{
  font-size:50px;
}
/*Section Main*/

/*Cards*/
.card-feature-home:after{
  content:'';
  width: 100%;
  height: 5px;
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  transition:all ease 300ms;
}
.card-feature-home:hover:after{
    background: var(--secondary);
}
.btn-card{ bottom:0px; }
.card-feature img{ 
  top: 10px;
  left:80px;
}
.card{ border-radius:0; }
/*Cards*/

/*Tooltip*/
.tooltip{
  opacity:1;
  top:57px!important;
  min-width:200px;
}
/*Tooltip*/

/*Scroll*/
::-webkit-scrollbar {
  width: 7px;
  height:7px;
}
::-webkit-scrollbar-track {
  background: var(--light);
  border-radius:50rem;
}
::-webkit-scrollbar-thumb {
  background: var(--gray);
   border-radius:50rem;
}
::-webkit-scrollbar-thumb:hover {
  background: var(--dark);
}
/*Scroll*/

/*Acordion*/
.btn-acordion:not(.collapsed) .material-icons{
    transform: rotate(180deg);
  	text-align:initial!important;
}
/*Acordion*/

/*Nav*/
nav ul li a:hover, .link-active{
  color:var(--orange);
}
.link-active{
  font-weight:bold;
}
/*Nav*/

/*Menu Mobile*/
#menu-mob{
    right: -58.333333%;
    transition:right ease-in-out 350ms;
}
#menu-mob.open{
  right:0;
  transition:right ease-in 350ms;
}
#menu-mob .overlay{
    background-color: rgba(0,0,0,0);
    visibility:hidden;
    transition:background-color ease-in 350ms;
}
#menu-mob.open .overlay{
    background-color: rgba(0,0,0,.5);
    visibility:visible;
    transition:background-color ease-in 350ms 400ms;
}
/*Menu Mobile*/

/*Docs*/
#menu-docs{
  top:122px;
  overflow-y: auto;
  flex: 1 0 250px;
  height: calc(100vh - 122px);
}
#menu-docs + div{
  width:calc(100% - 250px);
}
.swagger-section{
  margin-bottom:5rem;
}
.title-fixed{
	top:122px;
}
/*Docs*/

/*q*/
q{
  quotes:"“" "”";
}
q::after,q::before{
  font-size: 2rem;
  font-weight: bold;
}
/*q*/

/*Infografia*/
.img-info{
  border-top:15px solid var(--white);
  border-bottom:15px solid var(--white);
}
/*Infografia*/

/*Diagram*/
.treemain {
    min-height: calc(100vh - 190px);
    width: 98vw;
    position: absolute;
    overflow: auto;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
 }
.window {
    width: 180px;
    height: auto;
    z-index: 2;
    position: absolute;
    padding: 10px;
    background: var(--light);
    word-wrap: break-word;
}
.window h3, .window.diagram-box{
  background-color: var(--white);
  border: 1px solid var(--gray-soft);
  border-radius: 4px;
  padding: 7px 10px;
  font-size: .9em;
}
.window.diamond{
  text-align: center;
  width: 95px;
  height: 95px;
  display: flex!important;
  transform: rotate(45deg);
  justify-content: center;
  align-items: center;
  background-color: #DE4300;
  color: #fff;
  border: 0;
}
.window.diamond p{
  transform: rotate(-45deg);
  margin:0;
  font-size: 0.73em;
  line-height: normal;
}
.window small{
  display: block;
  margin-top: 15px;
  font-size: 0.75em;
}
.hidden {
  display: none;
}
.target-point, .end-point {
  cursor: pointer;
  z-index: 2;
  width: 8px!important;
  height: 8px!important;
  overflow: hidden;
  background-color: var(--orange);
  border-radius: 50rem;
  margin-top: 6px;
  margin-left: 1px;
  pointer-events: none;
}
.end-point{
  border-radius: 0;
  height: 2px!important;
  margin-top: 9px;
  width: 10px!important;
  margin-left: 0px!important;
}
.target-point svg, .end-point svg{
  display: none;
}
.errorWindow {
  border: 2px solid red;
}
/*Diagram*/

/*Dropdown*/
.dropdown.open > div{
    display:block;
}
.dropdown-item.active, .dropdown-item:active{
  background-color:var(--orange);
  color:var(--white)!important;
}
.dropdown-item{
   white-space: normal;
}
/*Dropdown*/

#api_info{
  padding:0 1rem;
}
.swagger-section .swagger-ui-wrap{
    min-width: auto!important;
    width: 100%!important;
}
.swagger-section .swagger-ui-wrap ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation div.heading ul.options{
     padding-top: 10px!important;
     padding-bottom: 10px!important;
}
.swagger-section .swagger-ui-wrap ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.post div.heading h3 span.http_method a, .swagger-section .swagger-ui-wrap ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.get div.heading h3 span.http_method a,
.swagger-section .swagger-ui-wrap ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.put div.heading h3 span.http_method a{
  height: 44px;
  padding-top: 15px;
}
.swagger-section .swagger-ui-wrap ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation div.content div.sandbox_header input.submit{
  background-color:var(--orange);
  border:none;
  color:var(--white);
  border-radius:.25rem;
  padding:.6rem .75rem!important;
  cursor:pointer;
}
.swagger-section .swagger-ui-wrap ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.post div.content h4{
  margin-top:10px;
}
.swagger-section .swagger-ui-wrap ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation div.content div.sandbox_header input.submit:hover{
  background-color:var(--blue);
}
.swagger-section .swagger-ui-wrap table thead tr th{
   padding:12px 10px 12px 0!important;
   white-space: nowrap;
   width:auto!important;
   max-width:none!important;
}
.swagger-section .swagger-ui-wrap table tbody tr td{
  padding:12px 5px!important;
}
.swagger-section .swagger-ui-wrap table tbody tr td{
     border-bottom:1px solid var(--light)!important;
     font-size:.95em!important;
}
.swagger-section .swagger-ui-wrap .body-textarea{
    padding:8px!important;
    border:0!important;
    width:auto!important;
    font-weight:normal!important;
    min-height:250px!important;
}
.swagger-section .swagger-ui-wrap .model-signature pre{
   height:auto!important;
   white-space: break-spaces;
}
.swagger-section p{ margin:0; font-weight:normal; }
.swagger-section select{
  width:100%;
  max-width:none!important;
  display:block;
}
.swagger-section select, .swagger-section input{
  padding:8px;
}
.swagger-section .swagger-ui-wrap .model-signature ul.signature-nav{
    min-width: auto!important;
}
.info-title{
  font-size:25px;
}
/*Swagger*/

/*consumo API*/
.list-striped tbody tr td,
.list-striped tbody tr th{
  border:1px solid var(--blue);
  vertical-align: top;
}
.list-striped tbody tr:nth-child(even) td{
	background-color:var(--white);
}
.list-striped tbody tr:nth-child(odd) td{
  	background-color:var(--gray-light);
}
.wrap-table-doc{
  min-height:300px;
  max-height:500px;
  overflow-y:auto;
  overflow-x:hidden;
}
.wrap-table-doc table{
  width:130%;
  cursor: all-scroll;
}
.content-table-inside{
  width:90vw;
}
/*.content-table-inside.injection{
  width:92vw;
}*/
/*consumo API*/

/*Utilities*/
.font-12{ font-size:var(--font-12); }
.font-13{ font-size:var(--font-13); }
.font-14{ font-size:var(--font-14); }
.font-16{ font-size:var(--font-16); }
.font-18{ font-size:var(--font-18); }
.font-20{ font-size:var(--font-20); }
.font-22{ font-size:var(--font-22); }
.font-30{ font-size:var(--font-30); }
.font-70{ font-size:var(--font-70); }
.bg-black{ background-color:rgb(var(--black)); }
.bg-gray{ background-color:var(--light); }
.bg-blue{ background-color:var(--blue); }
.bg-orange{ background-color:var(--orange);}
.bg-light-dev{ background-color:var(--gray);}
.bg-light-blue{ background-color:var(--light-blue);}
.bg-gray-light{ background-color:var(--gray-light); }
.bg-frm-error{ background-color:var(--frm-error); }
.bg-frm-success{ background-color:var(--frm-success); }
.bg-frm-info{ background-color:var(--frm-info); }
.bg-frm-warning{ background-color:var(--frm-warning); }
.bg{ background-repeat:no-repeat; background-size:cover; }
.text-orange, .btn-link:hover{ color:var(--orange); }
.text-light-blue{ color:var(--light-blue); }
.text-dark-forum{ color:var(--dark); }
.text-secondary-forum{ color:var(--secondary); }
.text-decoration-none{text-decoration:none!important;}
.text-decoration-underline{text-decoration:underline;}
.min-vh-100{ min-height:100vh; }
.h-vh-100{ height:100vh; }
.top-0{ top:0; }
.bot-0{ bottom:0; }
.left-0{ left:0; }
.right-0{ right:0; }
.z-1{ z-index:1; }
.z-2{ z-index:2; }
.z-3{ z-index:3; }
.z-4{ z-index:4; }
.overflow-hidden{ overflow:hidden; }
.overflow-x-hidden{ overflow-x:hidden; }
.overflow-auto{ overflow:auto; }
.white-space-normal{ white-space:normal; }
.shadow{ box-shadow:0 1px 4px rgba(var(--black), .2); }
.shadow-lg{
	box-shadow:0 16px 24px rgb(0 0 0 / 14%), 0 6px 30px rgb(0 0 0 / 12%), 0 8px 10px rgb(0 0 0 / 20%);
}
.rounded-lg{ border-radius: .625rem; }
.rounded-pill{ border-radius:50rem; }
.h-auto{ height:auto!important; }
.cursor-pointer{ cursor:pointer; }
.dragscroll{ cursor:all-scroll; }
.content-code{ 
  	min-height: 163px;
    max-height: 500px;
    border-radius: 0.38rem;
    padding-inline: 5px;
    padding-block: 6px;
}
.content-code code{ 
  margin-top:-1.25rem;
  border-radius: 0.35rem;
}
.copy-code{ top:15px; right:15px; }
.word-break{ word-break: break-all; }
.break-line{ 
  word-break: break-all;
  white-space: pre-wrap;
}
.ls-lower-alpha{
    list-style: lower-alpha;
}
.card-default img{
  aspect-ratio:1 / 1;
}
/*Utilities*/

/*Showcase*/
#wrap-login{
    background: url(/images/showcase.jpg) no-repeat center;
    background-size: cover;
}
#wrap-login::after {
    content: '';
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: rgba(0,0,0, .5);
    height: 100%;
}
/*Showcase*/

/*Mobile*/
@media screen and (min-width:580px){
  .content-table-inside{
     width: 540px;
  }
  /*.content-table-inside.injection{
  	  width: 508px;
  }*/
}
@media screen and (min-width:768px){
  .block-home::before{
     width: 120%;
     left: -10%;
  }
  .w{
    width:60%;
  }
  .title-main{
    font-size:60px;
  }
  .border-dictionary{
    border-right:1px solid var(--gray-light);
  }
  .content-table-inside{
     width: 720px;
  }
  /*.content-table-inside.injection{
  	  width: 688px;
  }*/
}
@media screen and (min-width:960px){
  .w{
    width:50%;
  }
}
@media screen and (min-width:992px){
  #section-forum-developers{
     background:none;
  }
  #section-forum-developers video{
     display:block;
  }
  .content-table-inside{
       width: 960px;
    }
  /*.content-table-inside.injection{
  	  width: 928px;
  }*/
}
@media screen and (min-width:1200px){
  .content-table-inside{
       width: 1140px;
    }
  /*.content-table-inside.injection{
  	  width: 1105px;
  }*/
}
/*Mobile*/