@charset "utf-8";
.container-fluid,.homepage__tickleborder,.header--search, .mobile__searchbar,footer,
section#block-views-block-more-from-5paisa-block-2,#block-fivepaisa-breadcrumbs,.small-logo,.breadcrumb-wrapper {
    display: none;
}
body{margin: 0;font-family: 'Montserrat', sans-serif;font-weight: 400;font-size: 14px;-webkit-font-smoothing: antialiased;background:#fff;color: #000;}
ul,li,ol{margin: 0;padding: 0;list-style: none;}
* {border: none;outline: none;box-sizing: border-box;}
iframe{
    overflow: scroll;
}
.api-header {position: fixed;top: 0;left: 0;right: 0;background-color: #fff;box-shadow: 0 0 12px 1px rgba(108,148,184,0.12);z-index: 2;height: 80px;padding: 20px;}
.btn {
    float:right;    
    background: #C0083E;
    box-shadow: 0px 4px 10px rgb(0 0 0 / 30%);
    border-radius: 10px;
    outline: none;
    color: white;
    margin-left: 10px;
    padding: 8px 25px;
    text-align: center;
    text-decoration: none;
    font-size: 13px;
    letter-spacing: 2px;}
.api-header-left {float: left;width: 20%;}
.api-header-right {float: right;width: 80%;padding: 5px 0;}
.api-rightin-left p {font-size: 30px;color: #383838;font-weight: 600;}
.api-rightin-left p:after {position: absolute;content: "";height: 2px;background-color: #c9354d;width: 480px;margin-left: 7px;top: 52%;}
.api-rightin {display: flex;color: #383838;flex-direction: row;}
.api-rightin-left {float: left;flex: 1;}
.api-rightin-right {float: right;flex: 1;}
.api-sidemenu {width: 17%;position: fixed;background-color: #ebebeb;box-shadow: 0 0 12px 1px rgba(108,148,184,0.12);z-index: 1;top: 140px;left: 2px;height: calc(100vh - 160px);border-radius: 10px;border: solid 5px #fff;overflow: auto;margin-left: 10px;}
.api-sidemenu .api-sidemenu-action.active a{padding-left: 20px;color: #c9354d !important;background: #e5e5e5;border-radius: 5px;}
.api-sidemenu .api-sidemenu-action a{display: block;color: #242f48;font-weight: 400;padding: 10px;text-decoration: none;font-size: 15px;}
.search-box {padding: 7px 12px;border-radius: 5px;margin-bottom: 15px;width: 100%;max-width: 90%;border: solid 1px #d1caca;background-color: #e5e4e4;margin: 5%;}
.api-wrapper {margin-left: 235px;display: flex;color: #383838;flex-direction: row;}
.api-wrapper-left {float: left;flex: 1;width: 735px;padding: 20px;}
.api-wrapper-left h2 {font-size: 20px;font-weight: 600;}
.api-wrapper-left p {font-size: 16px;font-weight: 300;}
.api-wrapper-right {float: right;flex: 1;width: 536px;background: #242f48;padding: 20px;}
.hamburger {width: 30px;position: absolute;right: 0;top: 0;}
.hamburger span {width: 18px;height: 1px;display: block;background-color: #000;margin-bottom: 5px;}
.hamburger span:nth-child(2) {width: 14px;}
.webmenu-hidden {display: none;}
.tabs {overflow: hidden;background-color: #242f48;}
.tabs button {float: left;border: none;outline: none;cursor: pointer;padding: 9px 16px;transition: 0.3s;font-size: 17px;width: 90px;background: #383838;color: #fff;}
.tabs button.active {background-color: #c9354d;color: #fff;position: initial;}
.tabscontent {display: none;border: 1px solid #fff;background-color: #242f48 !important;border-top: none;color: #fff;background: #fff;margin-top: 2px;padding: 10px;}
.contact-btn {margin-top: 20px;margin-bottom: 20px;}
.close-popupbutton {display: none;}
.api-child {float: left;flex: 1;min-width: 50%;}
.api-child p {padding-top: 10px;line-height: 20px;margin-bottom: 5px;}
.apislide-menu-collapse {border-bottom: none;padding-left: 10px;}
.apislide-menu-collapse span label{font-size:15px;color:#282828;font-weight:300;display: block;position: relative;margin: 0;padding: 10px 0;cursor:pointer;}

.apislide-menu-collapse span label:after {content:'+';color:#282828;position: absolute;right: 10px;font-size: 20px;line-height: 20px;}
.apislide-menu-collapse input[type="checkbox"]:checked ~ a span label:after {content:'-';}
.apislide-menu-collapse input[type="checkbox"] {display:none}
.apislide-menu-collapse input[type="checkbox"]:checked ~ div{display:block;}
.apislide-menu-collapse div{display:none;}
.apislide-menu-collapse a.active {color:#19b5ff;}
.logo--img {width: 125px;}
.apislide-menu-collapse div a {font-size:15px;position: relative;padding-left: 20px;display: block;margin-bottom: 10px;text-decoration: none;margin-bottom: 15px;}
.apislide-menu-collapse div a:before {content: "";font-size:16px;position: absolute;top: 0;left: 8px;display:block;color:#282828;font-weight:300;text-decoration: none;border-left: 2px solid #c9354d;margin-bottom: 15px;height: 100%;transition: all 1s ease;}
.apislide-menu-collapse div a:hover {width: 100%;background-color: #c9354d;color: #fff;padding: 10px;}
.apislide-menu-collapse div a:active {width: 100%;background-color: #c9354d;color: #fff;padding: 10px;}
.code--copy {border: 1px solid #fff;border-radius: 2px;color: #fff;font-size: 12px;font-weight: 300;padding: 3px 10px;display: inline-block;margin-bottom: 10px;text-decoration: none;}
.popover--show {position: absolute;margin-top: 4px;background: #FFF;font-size: 11px;padding: 2px 6px;border-radius: 3px;box-shadow: 0px 0px 5px rgb(0 0 0 / 20%);margin-left: 8px;color: #000;right: 112px;}
.popover--show::before {content: '';padding: 4px;position: absolute;left:42px;right: -3px;background: #FFF;transform: rotate(45deg);top: 5px;}
.hide {display: none;}
.api--code-input .api--code {padding:0;}
.api--code-input .api--code code,table tr:not(:nth-child(1)) td:first-child{color:#d73a49;}
.align-right {text-align: right;}

a.is-active {
    color: #c0083e !important;
}
.api-sidemenu a:hover{
    cursor: pointer;
}
.fixed-position {
    position: fixed;
 }
 .tabscontent {
     color: #fff;
     min-height: 50px;
 }
 .disabled-link {
    pointer-events: none;
  }
  .tabl--info table th {
    background: #dce9ff;
    font-weight: 600;
    color: #383838;
    padding: 6px 13px;border: 1px solid rgb(221, 221, 221);font-size: 15px;}
    .noheadertag td {
        background: #dce9ff;
        padding: 10px 5px;
        font-weight: 300;
        color: #383838;
        border: 1px solid rgb(221, 221, 221);
        font-size: 15px;
    }
 table td {padding: 6px 13px;border: 1px solid rgb(221, 221, 221);font-size: 14px;}
 table{width: 100%;}
.apiCodeTabs{font-size: 12px;max-width: 45%;min-width: auto;padding: 20px;} 
.tradingapismenu{
    color:#282828;
}.tradingapismenu:active{
    color:#fff;
}
.developer__apiwrapper{padding: 10px 0}
.developer__linkswrapper{display: flex;}
.developer__linkswrapper a{display: flex;align-items: center;justify-content: center;max-width: 170px;width: 100%;padding:10px;min-height:50px;border:1px solid #000;margin-right: 25px;color:#000;border-radius: 5px;font-weight: 500;}
.developertable__data{padding: 10px 0}
.developertable__data h3{ font-size: 18px; }
.developertable__data  th{font-size: 14px;font-weight: 500;}
.developertable__data  td{font-size: 13px;}

.apislide-menu-collapse > a.tradingapismenu {
    padding-left:0px !important;
    padding-right:0px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}
.note--text {
    padding-top: 10px;
    line-height: 20px;
    font-size: 15px; 
    margin-bottom: 10px;
}
.code-toolbar > .toolbar > .toolbar-item {
    padding: 0px !important;
}
.developer__linkswrapper > a > img{
    padding-left: 10px;
    padding-right: 10px;
}
.blog__sepratorwrapper:before {
    content: none ;
}
.blog__sepratorwrapper:after {
    width: 100%;
}
.blog__sepratorwrapper {
    padding: 0px;
}
.newsdks > a > img{
    width: 30%;
}
.newsdks{
    margin-top: 3%;
}
.marker{
    list-style-type: disc;
    line-height: 25px;
    padding-bottom: 5px;
    margin-left: 15px;
}
article{
    padding-top: 3%;
}
@media only screen and (max-width: 3000px) and (min-width: 1440px)  {
    .api-sidemenu {
      width:8%
    }
    .api-wrapper {
        margin-left: 10%;
    }
  }
  @media only screen and (max-width: 1024px) and (min-width: 768px)  {
    .api-sidemenu {
        width: 20%;
        }
        .api-wrapper {
        margin-left: 20%;
        }
        .api-rightin {
        align-items: center;
        }
        .api-rightin-left p {
        position: relative;
        }
        .api-rightin-left p:after {
        width: 50%;
        margin-left: 10px;
        top: 12px;
        }
    }
@media only screen and (max-width:767px) {
    .developertable__data table{width:600px;}
	.developertable__data th {font-size: 12px;padding: 3px;}
	.developertable__data  td{font-size: 12px;padding: 3px;}
    .api-wrapper {margin-top: 100px;}
    .api-header-left:after {background-color: transparent;}
    .webmenu-hidden {display: block;}
    .api-rightin {align-items: center;}
    .api-header-right {padding: 25px 0px 10px 0px;float: left;margin-top: -16px;width: 100%;}
    .api-rightin-left p:after {background-color: transparent;}
    .hamburger {top: 23px;}
    .logo--img {width: 120px;}
    .api-header-right div:after {display: none;}
    api-rightin-left p:after {background-color: transparent;}
    .api-header {height: 140px;padding: 15px;}
    .phone-menu {position: fixed;height: 100%;top: 0;left: 0;width: 100%;background: rgba(0,0,0,0.5);z-index: 2;}
    .api-sidemenu {width: 70%;max-height:100%;overflow:auto;max-width: 366px;margin: auto;position: relative;top: 0;margin-top: 25%;left: 0;}
    .side-box {display: none;}
    .close-popupbutton {position: absolute;right: 0;top: 0;display: block;font-size: 20px;font-weight: 600;padding: 10px;}
    .api-wrapper {margin-left: 0;flex-direction: column;}
    .api-header-left {font-size: 22px;width: 100%;}
    .api-child {max-width: 100%;padding: 0;margin-bottom: 20px;}
    .tabs button {width: 95px;margin: 10px 5px;}
    .search-box {padding: 15px 12px;width: 100%;max-width: 90%;margin-top: 50px;}
    .api-rightin-left p {font-size: 20px;padding-top: 10px;}
    .lock--img {position: absolute;left: 120px;padding-top: 11px;}
    .developer__linkswrapper a {padding: 10px 20px;}
    .developer__linkswrapper > a > img {padding-left: 0;}
    .newsdks > a > img{
        width: 70%;
    }
    .blog__sepratorwrapper {
        padding: 0px;
        margin: 0px;
    }
    header {height: auto;}
}