/* PAGE */
.documentation-page{
max-width:1240px;
margin:0 auto;
padding:20px;
font-family:Inter, sans-serif;
}

/* HERO */
.documentation-hero{
background:linear-gradient(135deg,#0f2027,#203a43,#2c5364);
color:#fff;
padding:80px 20px;
text-align:center;
border-radius:16px;
margin-bottom:40px;
}

.documentation-page h1{

font-size:34px;
letter-spacing:2px;
color:#fff;
margin-bottom:25px;
font-weight:600;
}

.doc-hero-content p{
opacity:.85;
margin-bottom:20px;
}

#doc-search{
padding:14px 20px;
width:100%;
max-width:500px;
border:none;
border-radius:50px;
outline:none;
font-size:14px;
}


/* TABS */
.doc-tabs{
display:flex;
flex-wrap:wrap;
justify-content: space-between;
}

.doc-tab{
background:#00ACEA;
color:#fff;
border:none;
padding:12px 10px;
margin-bottom:20px;
font-size:12px;
font-weight:500;
cursor:pointer;
border-radius: 30px;
letter-spacing:.5px;
font-family: "Inter", Sans-serif;
}

.doc-tab:hover{
background:#d9534f;
color:#fff;
}

.doc-tab.active{
background:#d9534f;
color:#fff;
}

/* TABLE */
.doc-table{
width:100%;
border-collapse:collapse;
margin-bottom: 0px;
}

.doc-table thead{
background:#fff;
color:#000;
}

.doc-table th{
padding: 14px;
font-size: 13px;
text-align: center;
border: 1px solid #d9d9d9;
font-weight: 500;
}

.doc-table th,
.doc-table td{
    font-family: 'Inter', sans-serif !important;
}

.doc-table td{
padding:14px;
border:1px solid #e2e2e2;
font-size:14px;
vertical-align:top;
text-align: center;
font-family: 'Inter', sans-serif !important;
}

.doc-table tbody tr:hover{
background-color: #f9f9f9;
}


.doc-table tr:hover{
background:#f9fbfc;
}

/* BUTTON */
/*.doc-table a{*/
/*background:#007bff;*/
/*color:#fff;*/
/*padding:6px 12px;*/
/*border-radius:6px;*/
/*text-decoration:none;*/
/*font-size:12px;*/
/*}*/

/*.doc-table a:hover{*/
/*background:#0056b3;*/
/*}*/

.doc-table a{
color:#fff;
background: #d9534f;
text-decoration:none;
padding:6px 12px;
font-size:12px;
border-radius: 6px;
vertical-align:center;
text-align: center;
font-family: "Inter", Sans-serif;
}

.doc-table a:hover{
text-decoration:underline;
}

/* NO RESULT */
.doc-no-results{
display:none;
padding:20px;
text-align:center;
font-size:16px;
color:#777;
font-family:"Roboto", Sans-serif;
border:1px solid #e2e2e2;
border-top:none;
}

@media (max-width:1024px){

.doc-tabs{
overflow-x:auto;
}

.doc-tab{
white-space:nowrap;
}

.doc-table{
display:block;
overflow-x:auto;
}

}

/* RESPONSIVE */
@media(max-width:768px){

.doc-hero-content h1{
font-size:26px;
}

.doc-container{
padding:20px;
}

.doc-tabs{
overflow:auto;
}

}