@font-face {
    font-family: PoppinsBold;
    src: url('../font/poppins-bold.ttf');
}
@font-face {
    font-family: PoppinsMedium;
    src: url('../font/poppins-medium.ttf');
}

@font-face {
    font-family: PoppinsRegular;
    src: url('../font/poppins-regular.ttf');
}

@font-face {
    font-family: PoppinsSemibold;
    src: url('../font/poppins-semibold.ttf');
}

body {
    padding: 0;
    margin: 0;
    font-family: PoppinsRegular;
    color: #08165B;
    font-size: 14px;
}
/* width */
::-webkit-scrollbar {
    width: 8px;
    height:8px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background-color: #f9ab6d;
    border-radius: 20px;
    opacity: 0.5;
}

    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
        background-color: #f9ab6d;
        border-radius: 20px;
        opacity: 0.5;
    }

.left-nav ul li {
    margin-bottom: 10px;
    cursor: pointer;
}

.left-nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.fix-aside {
    position: fixed;
    top: 70px;
    background: #fff;
    overflow-y: auto;
    width: 18%;
    height: 100%;
    border-right: 1px solid #ddd;
    height: calc(100vh - 70px);
    z-index: 2;
}

.right-content {
    width: 82%;
    margin-left: 18%;
    padding: 2rem 4rem;
    margin-top: 70px;
}

.left-nav {
    padding: 0;
    margin: 0;
    list-style-type: none;
    margin-bottom: 20px;
    padding-top: 15px;
}

    .left-nav li span {
        padding: 5px 13px 5px 25px;
        display: block;
    }

    .left-nav li p {
        color: #9a9a9a;
        margin-bottom: 0px;
        padding: 10px;
    }

    .left-nav li span:hover {
        background: #E7E9EB;
        color:#ED6900;
    }

.nav-fix-api {
    width: 100%;
    height: 70px;
    border-bottom: 1px solid #ececec;
    position: fixed;
    z-index: 3;
    background: #fff;
}

    .nav-fix-api ul {
        float: right;
        margin-top: 24px;
        font-size: 15px;
        margin-bottom: 0;
    }

        .nav-fix-api ul li {
            list-style-type: none;
            display: inline-block;
            margin-right: 15px;
        }

            .nav-fix-api ul li a {
                color: #ED6900 !important;
                cursor: pointer;
                font-family: PoppinsMedium;
            }

.callout-block-blue {
    border-left: 8px solid #ED6900;
    background: #fff9f5;
    border-radius: 4px;
    padding: 15px 18px;
    width: 100%;
}

h1 {
    font-size: 2rem;
    font-family: PoppinsMedium;
    margin-bottom: 1rem;
}

h2 {
    font-size: 1.8rem;
    font-family: PoppinsMedium;
    margin-bottom: 1rem;
}

h3 {
    font-size: 1.6rem;
    font-family: PoppinsMedium;
    margin-bottom: 1rem;
}

h4 {
    font-size: 1.4rem;
    font-family: PoppinsMedium;
    margin-bottom: 1rem;
}

h5 {
    font-size: 1.2rem;
    font-family: PoppinsMedium;
    margin-bottom: 1rem;
}

h6 {
    font-size: 1rem;
    font-family: PoppinsMedium;
    margin-bottom: 1rem;
}

.list-disc {
    padding-left: 15px;
    margin: 20px 0;
}

.callout-block-orange {
    border-left: 8px solid #ed8936;
    background: #fffaf0;
    border-radius: 4px;
    padding: 15px 18px;
    width: 100%;
}


.tabs {
    padding: 0;
    margin: 20px 0;
    border-bottom: 1px solid #ddd;
    float: left;
    width: 100%;
}

    .tabs li {
        display: inline-block;
        padding: 10px;
        border-bottom: 4px solid #fff;
        position: relative;
        margin-left: -1px;
        float: left;
        line-height: 1;
        cursor: pointer;
    }


.active-tab {
    border-bottom-color: #ED6900 !important;
    color: #ED6900 !important;
}

.url-block {
    width: 100%;
    float: left;
    margin: 20px 0;
}

    .url-block span {
        border-radius: 3px;
        background: #e6e6e6;
        padding: 6px 8px;
    }

.url-doc-block {
    width: 100%;
    margin: 20px 0;
}

    .url-doc-block span {
        border-radius: 3px;
        background: #e6e6e6;
        padding: 6px 8px;
    }

.reuse-table {
    width: 100%;
    overflow: auto;
    border-collapse: collapse;
    border: 1px solid #d8e3fb;
}

    .reuse-table tr th {
        background: #f6fafd;
        border-bottom: 1px solid #dee2ee !important;
        color: #5e5e5e;
        line-height: 1.5;
        padding: 8px;
        border-top: 1px solid #d8e3fb;
    }

    .reuse-table tr td {
        padding: 8px;
        border-bottom: 1px solid #d8e3fb;
    }

.select-sm-api-nav {
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 5px;
    margin: 20px;
    display: none;
}

.logo-block {
    height: 70px;
    width: 250px;
    display: block;
    float: left;
}

    .logo-block img {
        display: block;
        max-width: 100%;
        margin: 0 auto;
        margin-top: 20px;
        margin-left: 10px;
    }

.response-tabs {
    padding: 0;
    margin: 20px 0;
    float: left;
    width: 100%;
}

    .response-tabs li {
        display: inline-block;
        padding: 10px;
        border: 1px solid #ddd;
        float: left;
        line-height: 1;
        color: #616161;
        background-color: #f7f9fb;
        border-right: 0;
    }

    .response-tabs .active {
        color: #3c3c3c;
        background-color: #d8e1e8;
    }

    .response-tabs li:first-child {
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
    }

    .response-tabs li:last-child {
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
        border-right: 1px solid #ddd;
    }

.contact-link {
    float: right;
    padding-top: 20px;
    font-size: 18px;
    text-decoration: underline !important;
    color: #00b1f7 !important;
}

.header-tabs {
    padding: 0;
    margin: 0;
    list-style-type: none;
    width: 100%;
    float: left;
    border-bottom: 1px solid #ddd;
}

    .header-tabs li {
        float: left;
        display: inline-block;
        padding: 10px;
        border-bottom: 3px solid #fff;
        line-height: 1;
    }

    .header-tabs .active {
        border-bottom: 3px solid #ED6900 !important;
    }

.tabs-bind {
    border: 1px solid #ddd;
    width: 100%;
    float: left;
    margin: 20px 0;
    border-radius: 3px;
}

.radio-tabs {
    padding: 0;
    margin: 0;
    list-style-type: none;
    width: 100%;
    float: left;
    margin-top: 5px;
    margin-bottom: 5px;
}

    .radio-tabs li {
        float: left;
        display: inline-block;
        padding: 10px;
        line-height: 1;
        margin-left: 10px;
    }

    .radio-tabs input {
        margin-right: 3px;
    }

/*.navigation li a {
    background: #E7E9EB !important;
}*/

.margin-top-2rem {
    margin-top: 2rem;
}

.margin-top-3rem {
    margin-top: 3rem;
}

.margin-top-4rem {
    margin-top: 4rem;
}

.margin-top-5rem {
    margin-top: 5rem;
}
.margin-bottom-2rem {
    margin-bottom: 2rem;
}

.margin-bottom-3rem {
    margin-bottom: 3rem;
}

.margin-bottom-4rem {
    margin-bottom: 4rem;
}

.margin-top-5rem {
    margin-bottom: 5rem;
}



.get-btn {
    background-color: #08165B !important;
    color: white;
    width: auto;
    display: inline-block !important;
    margin-bottom: 1rem;
}

.post-btn {
    background-color: #08165B !important;
    color: white;
    width: auto;
    display: inline-block !important;
    margin-bottom: 1rem;
}
.all-test-parameter-table {
    width:100%;
    float:left;
    margin-top:1rem;
}
    .all-test-parameter-table table {
        border: 1px solid #ddd;
    }
    .all-test-parameter-table thead tr th {
        padding: 5px 10px;
        border-bottom: 1px solid #ddd;
        background-color: #08165B;
        color: #fff;
        line-height: 1.5;
        font-family: PoppinsRegular;
    }

    .all-test-parameter-table tbody tr td {
        padding: 5px 10px;
        line-height: 1.5;
        background: #fff;
        border-bottom: 1px solid #ddd;
    }

.btn-primary-home {
    border-radius: 0;
    color: #fff;
    background: #00B1F7;
    border: 0 !important;
    width: 110px !important;
    height: 38px;
    cursor: pointer;
}

.tab-click li {
    cursor: pointer;
}

.live-api-input-key {
    border: 1px solid #ddd;
    padding: 5px 12px;
    width: 50%;
}

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

.mt-2rem {
    margin-top: 2rem !important;
}

.mr-2rem {
    margin-right: 2rem !important;
}

.mr-1rem {
    margin-right: 1rem !important;
}

.heading-full {
    width: 100%;
    border-radius: 3px;
    background: #e6e6e6;
    padding: 6px 8px;
    margin-bottom: 20px;
}

.common-select {
    width: 100%;
    border: 1px solid #DDD;
    border-radius: 3px;
    padding: 4px 8px;
    height: 35px;
    color: #585858;
}

.panel-parent {
    width: 100%;
    float: left;
}

.link {
    color: #00b1f7 !important;
}

.imp-info-box {
    width: 100%;
    float: left;
    border: 1px solid #ddd;
    border-radius: 4px;
}

.imp-info-box-heading {
    width: 100%;
    float: left;
    background: #fff;
    padding: 8px 10px;
}

.imp-info-box-text {
    width: 100%;
    float: left;
    background: #EFEFEF;
    padding: 8px 10px;
}

.section-divider {
    padding: 3rem 0;
    border-bottom: 1px solid #ddd;
}
/*on hold*/


.callout-block-orange {
    border-left: 8px solid #ed8936;
    background: #fffaf0;
    border-radius: 4px;
    padding: 15px 18px;
    width: 100%;
}
.btn-mocha {
    color: #fff !important;
    background: #ED6900;
    border: 1px solid #ED6900;
    font-size: 15px;
    padding: 4px 12px;
    min-width: 100px;
    border-radius:0 !important;
}

    .btn-mocha:hover {
        color: #fff !important;
        background: #08165B !important;
        border: 1px solid #08165B !important;
    }

.error-msg {
    margin: 0 5px 0;
    font-size: 13px;
    color: #cd5c5c;
}
.navigation ul li a{  
    color: #3c3c3c;   
}
.active {
    color: #ED6900 !important;
    font-weight: 500;
}
/*login start*/
.margin-bottom-30 {
    margin-bottom: 30px;
}

.get-demo-form .get-demo-logo {
    /*width: 70px;*/
    margin: 0 auto 14px;
    display: block;
    padding-top: 35px;
}

.get-demo-form .para-big {
    text-align: center;
}

.get-demo-form-row {
    margin-top: 25px;
    padding: 0 7rem;
    width: 100%;
}

.bg-blue-after::after {
    background-color: #F8F8FA;
    content: '';
    z-index: 0;
    position: fixed;
    top: 0px;
    right: 0px;
    width: 48.66%;
    height: 100%;
}

.get-demo-left-wrap {
    max-width: 425px;
    margin: 50px auto;
    text-align: center;
    position: relative;
    z-index: 9;
}

.custom-form-group .form-control {
    border: 1px solid #dbdbdb;
    width: 100%;
    box-sizing: border-box;
    padding: 7px 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    font-size: 16px;
    color: #333;
    height: 40px;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    position: relative;
}

.custom-form-group label {
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    font-size: 16px;
    color: #03363d;
    /*font-family: HelveticaNeueLTStd-Roman;*/
}

.bg-blue-after {
    position: relative;
}

.bttn-secondary {
    /*max-width: 150px;*/
    width: 100%;
    min-height: 46px;
    /*font-family: HelveticaNeueLTStd-Roman;*/
    color: #fff;
    background: #ED6900;
    font-size: 15px;
    overflow: hidden;
    -webkit-transition: color .3s;
    transition: color .3s;
    padding: 5px;
    border: 0;
    cursor: pointer;
}

    .bttn-secondary::before {
        background: #03a5e6;
    }

.get-demo-left-wrap h1 {
    font-size: 4rem;
}

.para-big {
    font-size: 17px;
    font-weight: 500;
    margin-top: 20px;
}

.sso-divider {
    text-transform: uppercase;
    font-size: 15px;
    text-align: center;
    border-bottom: 1px solid #e4e8eb;
    margin: 15px 0 30px;
}

    .sso-divider span {
        background-color: #fff;
        color: #798790;
        padding: 0 15px;
        display: inline-block;
        position: relative;
        top: 13px;
    }

.google-sign-in {
    height: 55px;
    margin: 0 auto;
    display: block;
}

.margin-top-10 {
    margin-top: 10px;
}

.margin-top-7rem {
    margin-top: 7rem;
}

.get-demo-left-wrap h2 {
    font-size: 3rem;
}

.error-message {
    font-size: 12px;
    color: red;
    display: block;
    margin-bottom: 10px;
}

.error-border {
    border: 1px solid red;
}

.margin-bottom-15 {
    margin-bottom: 15px;
}

.reset-password {
    font-size: 12px;
    color: #00b2f7;
    margin: 0;
    text-align: left;
    margin-bottom: 10px;
    display: block;
}
/*login end*/

.error-404-banner {
    background: #fff;
    text-align: center;
    color: #03363D;
}

    .error-404-banner h1 {
        text-align: center;
        color: #00b3f7;
    }

    .error-404-banner .error-page-para {
        font-family: HelveticaNeueLTStd-Roman;
        font-size: 32px;
        line-height: 39px;
        color: #03363D;
        margin: 20px auto 40px;
    }

    .error-404-banner .error-page-img {
        margin-top: 45px;
        max-width: 210px;
        height: auto;
    }

    .error-404-banner .error-page-btn {
        max-width: 208px !important;
    }
.padding-0{
    padding:0 !important;
}
/*call back url */
.right-content-2 {
    width: 82%;
    margin-left: 18%;
    padding: 1rem;
    margin-top: 70px;
}

.margin-bottom-1rem {
    margin-bottom: 1rem !important;
}

.left-nav li .active span{
    color: #ED6900;
    background: #F2F3F6;
}

.reuse-grid {
    width: 100%;
    overflow: auto;
    border-top: 1px solid #9DDBF1;
}

    .reuse-grid table {
        width: 150%;
        overflow: auto;
        border-collapse: collapse;
       
    }

    .reuse-grid tr th {
        background: #08165B;
        border-bottom: 1px solid #ddd !important;
        color: #fff;
        line-height: 1.5;
        padding: 8px;
        position: sticky;
        top: -1px;
    }

    .reuse-grid tr td {
        padding: 8px;
        border-bottom: 1px solid #ddd;
    }

.margin-bottom-10 {
    margin-bottom: 10px !important;
}

.margin-right-15 {
    margin-right: 15px !important;
}

.btn-mocha-outline {
    color: #ED6900 !important;
    background: #fff;
    border: 1px solid #ED6900;
    font-size: 15px;
    padding: 4px 12px;
    min-width: 100px;
    border-radius:0;
}

    .btn-mocha-outline:hover {
        color: #08165B !important;
        background: #fff !important;
        border: 1px solid #08165B !important;
    }

.filter-block-parent {
    background: #F8F8FA;
    padding: 12px;
    height: calc(100vh - 145px);
    overflow:auto;
}

.left-divide {
    width: 77%;
    display: block;
    float: left;
}

.right-divide {
    width: 22%;
    display: block;
    float: right;
}

.min-width-auto {
    min-width: auto !important;
}

.margin-left-15 {
    margin-left: 15px !important;
}

.margin-top-10 {
    margin-top: 10px !important;
}

.margin-bottom-15 {
    margin-bottom: 15px !important;
}

.error-msg {
    font-size: 12px;
    color: red;
    margin-bottom: 5px;
    margin-top: 5px;
    margin-left: 2px;
}

.settings-label {
    text-align: right;
    width: 100%;
    margin-bottom: 0;
    padding-top: 7px;
}

.settings-muted {
    margin-bottom: 0;
    margin-top: 6px;
}

.margin-top-2rem {
    margin-top: 2rem !important;
}

.filter-icon {
    height: 25px;
    float: right;
    margin-right: 10px;
}

.filter-active-dot {
    position: absolute;
    height: 8px;
    width: 9px;
    display: block;
    background: #0deac6;
    right: 25px;
    border-radius: 50%;
    top: -2px;
}

.reusable-grid-pagination {
    display: inline-block;
    margin-right: 30px;
}

.padding-right-0 {
    padding-right: 0 !important;
}

.reusable-grid-pagination a {
    padding: 5px 10px;
    display: inline-block;
    border: 1px solid #ddd;
    border-radius: 4px;
    cursor: pointer;
    color: #ddd;
    margin-left: 10px;
}
.code-editor-heading {
    background: #3c4257;
    width: 100%;
    margin: 0 auto;
    color: #a3acb9;
    padding: 10px;
    line-height: 1;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    width: 100%;
}
.hljs {
    display: block !important;
    overflow-x: auto !important;
    background: #4f566b !important;
    color: #c0c5ce !important;
    padding: .5em !important;
    border-bottom-left-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
    margin: 0 !important;

}

/*pre {
    display: block;
    padding: 0px;
    margin: 0 0 5px;
    font-size: 15px;
    line-height: 1.8;
    word-break: break-all;
    word-wrap: break-word;
    color: white;
    background-color: #333333;
    border: 1px solid #ccc;
    border-radius: 0;
    margin-top: 1rem;
}*/

/*code {
    background: #feebc8;
    border-width: 0;
    color: #293742;
    padding: 3px 4px;
    margin: 0 2px;
    border-radius: 2px;
    line-height: 1;
    display: inline-block;
}*/
.pre-parent {
    display: grid !important;
    font-size: 15px;
}

.loadingImg {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    display: none;
    margin: 54px auto 0;
    padding: 15px 23px 20px;
    width: 100%;
    text-align: center;
    position: fixed;
    z-index: 1000;
}
    .loadingImg h6 {
        padding: 5px 20px;
        display: inline-block;
        margin: 0;
        color: #333;
        background-color: #f9edbe;
        /* width: 15%; */
        border: 1px solid #f0c36d;
        font-weight: bold;
    }
/*left nav after login */
.fix-aside-2 {
    position: fixed;
    top: 70px;
    background: #fff;
    overflow-y: auto;
    width: 12%;
    height: 100%;
    border-right: 1px solid #ddd;
    height: calc(100vh - 70px);
    z-index: 2;
}

.right-content-app-view {
    width: 88%;
    margin-left: 12%;
    padding: 1rem;
    margin-top: 70px;
}