@font-face 
{
font-family: 'Lato-Regular';
src: url('../fonts/lato-regular-webfont.woff2') format('woff2'),
url('../fonts/lato-regular-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}

@font-face 
{
font-family: 'Lato-Bold';
src: url('../fonts/lato-bold-webfont.woff2') format('woff2'),
url('../fonts/lato-bold-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}

/* common css */


::-webkit-input-placeholder { /* Edge */
  color: #aeaeae;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #aeaeae;
}

::placeholder {
  color: #aeaeae;
}


body{
   font-family: Lato-Regular;
    font-size: 16px;
    color: #787878;
    display: flex;
    flex-direction: column;
    height: 100vh;
    overflow-x: hidden;
}
a:hover
{
        color:#fff;
}
.alert
{
        z-index:1;
}

.dialog-off-canvas-main-canvas{
    overflow-x: hidden;
}


.page-margin
{
 margin-top:40px;
}

.container, .container-lg, .container-md, .container-sm, .container-xl
{
    max-width: 1140px;
}        .security-guideline h3 {
            font-size: 1.5rem;
            color: #97144D;
            margin: 30px 0;
        }

        .security-guideline p {
            font-size: 1rem;
        }

        .pageheading {
            font-size: 2em;
        }
        .margin-top-50
        {
            margin-top: 50px;
        }

        pre {
            background-color: #eaeaea;
           
            display: block;
            padding: 9.5px;
            margin: 0 0 10px;
            font-size: 13px;
            line-height: 1.42857143;
            color: #333;
            word-break: break-all;
            word-wrap: break-word;
            background-color: #f5f5f5;
            border: 1px solid #ccc;
            border-radius: 4px;
            padding: 25px 15px;
            margin: 35px 0px 15p;
        }

        pre code {
            padding: 0;
            font-size: inherit;
            color: inherit;
            white-space: pre-wrap;
            background-color: transparent;
            border-radius: 0
        }
        .two-way-ssl
        {
            margin: 40px auto;
            display: table;
        }

      .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus
{
 background: #97144D !important;
    outline: none !important;
    box-shadow: none !important;
    border-color: #97144D !important;   
}

.container-fluid
{
    background: #fff;
    padding: 0px 0;
    display: flex;
    flex-direction: row;
}
.img-100-per{
    width:100%;
}
.bargundy-color
{
color: #97144D !important;
font-family: Lato-Bold;
}
.background-white
{
    background: #fff !important;
}
.text-align-center
{
    text-align: center;
}
.text-align-left
{
    text-align:left !important;
}
.axis-back-color
{
    background: #97144D !important;
}
.color-white
{
    color:#fff !important;
}


.btn-primary.focus, .btn-primary:focus
{
    background: #97144D;
    outline: none;
    box-shadow: none;
    border-color: #97144D;
}


.btn-primary:active
{
     background: #97144D;
    outline: none;
    box-shadow: none;
    border-color: #97144D;
}
.btn
{
font-family: Lato-Bold;
padding:8px 40px;
border-radius: 5px;

}

.btn:hover
{
    color: #97144d;

}


button a{
    color: #97144d;
}
a
{
    text-decoration: none;
}

button a:hover{
    color: #97144d;
}

.btn-primary a
{
    color: #fff;
}
.btn-primary
{
    background: #97144D;
    border-color: #97144D;
    color: #FFFFFF;
}
.btn-solid
{
    border-color: #97144D;
    color:#97144D;
}
.btn-primary:hover
{
    background: #97144D;
    border-color: #97144D;
}
.pageheading
{
    color:#97144d;
    font-size: 20px;
    font-family: Lato-Bold;
    margin-bottom: 15px;
}

.pagetitle
{
    color:#333333;
    font-size: 2rem;
    font-family: Lato-Bold;
    text-align: center;
    padding-bottom:47px;
    line-height: normal;
}
b
{
    font-family: Lato-Bold;
    font-weight: normal;
}
    .display-flex
    {
        display: flex;
    }
    .hide
    {
        display: none;
    }
    .show
    {
        display: block;
    }
    .subTitle
    {
        font-family: Lato-Bold;
        font-size: 14px;
        
    }
    .top-bottom-margin
    {
        margin:15px 0;
    }
    .back-grey
    {
        background: #f9f9f9;
    }
    .back-white
    {
        background: #FFFFFF;
    }
    .margin-bottom
    {
        margin-bottom: 20px;
    }
    .margin-left-15
    {
        margin-left:15px;
    }

/* end */

/* bredcrumb css */

.breadcrumb
{
padding:0;
background: #fff;
margin:20px 0;
}
.breadcrumb li
{
font-size: 16px;
}
.breadcrumb li a
{
    color:#333;
    cursor: pointer;
    text-decoration: none;
}
.breadcrumb li:last-child a{
    cursor:inherit;
    color:#787878;
}
.breadcrumb li:last-child::after
{
    content: '';
}
.breadcrumb li::after{
content: '/';
}
/* end */

/* ---tab style */
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active
{
    color:#97144D;
    border:none;
    border-bottom: 3px solid #97144D;
    font-family: Lato-Bold;
}
.nav-tabs .nav-link
{
    color: #333333;
}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover
{
    border:none;
    border-bottom:3px solid #97144D;
}
.tab-content .container
{
    padding:0;
}
.nav-link
{
    margin-right: 1.5em;
    padding: .5rem 0;
}
/* end */

/* api list */
    .list-group-item
    {
        background: #f9f9f9;
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 10px;
        border-radius: 5px;
        font-family: Lato-Bold;
        font-size: 14px;
        border-color: #f1f1f1;
        padding: 1em 1.25em;
        color: #333;
        font-family: Lato-Bold;
        
    }
    .list-group-item:last-child
    {
        margin-bottom: 0;
    }
    .arrow
    {
        transform: matrix(0, -1, 1, 0, 0, 0);
        border: 2px solid #FFFFFF;
        width: 4.29px;
        height: 8px;

    }
    .list-group-item i{
        font-size: 16px;
    }

    .list-group-item.active
    {
        background: #97144d;
        border-color: #97144d;
        color:#f9f9f9;
    }
    .list-group-item:hover{
        background: #97144d;
        border-color: #97144d;
        color:#fff;   
    }
    .horizontal-line
    {
        background: #f9f9f9;
    }

    .card
    {
        
        border-radius: 5px;
        border-color: transparent;
    }
    .card-body
    {
        border-radius: 5px;
    }
    .card-body p
    {
        /* padding-left: 1.25rem; */
        margin-bottom: 0;
    }
    .card-body-padding-zero
    {
        padding:1.25rem 0;
    }
    .card-border
    {
        border-color: #70707033 !important;
    }

    .api-detail-intro-head
    {
        display: flex;
        justify-content: space-between;
    }
    .api-detail-intro-head .title
    {
        font-size: 14px;
        font-family: Lato-Bold;
    }
    .api-detail-intro-head .download-api
    {
        color: #97144D;
        text-decoration: underline;
        cursor: pointer;
        font-size: 12px;
    }
    .api-detail-intro-head img{
        margin-top:-8px;
        margin-right: 15px;
        width: 60px;
    }
    .fa-star-o:hover::before
    {
        content: "\f005" !important;
        cursor: pointer;
        color: #97144d;
    }
    .rating-fill-solid
    {
            color: #97144D;
    }
    .rating-fill-solid::before
    {
        content: "\f005" !important;
    }
    .api-detail-intro-text
    {
        color:#787878;
        font-size: 12px;
    }
    .header-pra-table
    {
        width: 100%;
        border:1px solid #70707033;
        border-collapse: separate;
        border-radius: 5px;
    }
    
    .header-pra-table th
    {
        background: #f9f9f9;
        color: #333;
        border-radius: 5px 5px 0 0;
        padding-top: 5px;
        padding-bottom: 5px;
        border-bottom: 1px solid #70707033;
        font-family: Lato-Bold;
    
    }
    .header-pra-table td
    {
        border-bottom: 1px solid #70707033;
        padding-top: 5px;
        padding-bottom: 5px;
    }
    .header-pra-table th:first-child, .header-pra-table td:first-child
    
    {
        padding-left: 15px;
        width:40%;
    }
    .header-pra-table th:last-child, .header-pra-table td:last-child
    {
        padding-right: 15px;
        width:60%;
    }
    .header-pra-table tr:last-child td{
        border-bottom: none;
    }
    .header-pra-table td span
    {
        color: #97144d;
    }

    .response-code-wrap
    {
        border-top:3px solid #97144d;
        background: #f4e7ec;
        padding:15px;
        border-radius: 0 0 5px 5px;
    }
    .response-code-wrap .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active
    {
        background: transparent;
    }


/* end */

/* form-css */
textarea
{
        min-height:100px;
        resize:none;
}
input[type='text']:focus, input[type='password']:focus, input[type='email']:focus
{
        outline:none;
        box-shadow:none;
}
.form-group:last-child{
    margin-bottom: 0; 
}

.form-group
{
    margin-bottom: 15px !important;
}
.form-control
{
    border:none;
    border-bottom: 1px solid #ddd;
    border-radius: 0;
    font-size: 14px;
    padding:.375em 0;
    box-shadow: none;
    margin-top: 0px;
}
.form-control:focus
{
    outline: none;
    box-shadow: none;
    border-color:#97144d;
}


/* end */

/* homepage css */


.carousel-indicators li{

width: 10px;
height: 10px;

}

#howitworkmyCarousel{
    border: 5px solid #ccc;
    box-shadow: inset(0,0,3px, #333);
    padding: 3px;
}

#howitworkmyCarousel .carousel-indicators{
        bottom: 0;
    top: auto;
    background: rgba(0,0,0,0.5);
    padding: 5%;
    width: 100%;
    left: 0;
    margin: 0;
}

.carousel-indicators{
   bottom: auto;
    top: auto;
    bottom: -30px;
    width: 100%;
    margin: 0;
}

.home-container-fluid
{
    background: #f9f9f9;
    padding: 50px 0;
    display: flex;
    flex-direction: row;
}
.accelerate
{
    color:#787878;
    font-size: 1rem;
    font-weight: normal;
}
.home-banner
{
    padding: 4em 0;
    align-items: center;
}
.home-banner img{
    width:100%;
}
.homepage-axisbank
{
    font-size: 3rem;
    font-weight: normal;
}

.how-work-box
{
    box-shadow: 0px 5px 20px #0000001A;
    border-radius: 10px;
    background: #fff;
    position: relative;
    text-align: center;
    padding: 40px;
    min-height: 242.4px;
}
.how-box-num
{
    width:40px;
    height: 40px;
    background: #97144D;
    color:#fff;
    position: absolute;
    text-align: center;
    font-family: Lato-Bold;
    line-height: 40px;
    font-size: 1.5rem;
    top: 0;
    left: 0;
    border-radius: 5px 0;
}
.how-work-box h5
{
    color:#40484B;
    font-weight:normal;
    font-family: Lato-Bold;
    font-size: 1.2rem;
    margin:20px 0;
}

.how-work-box p{
    color:#787878;
}
.how-work-box .img-circle{
    content:'';
    position: absolute;
    width: 44px;
    height: 44px;
    border-radius: 100%;
    left: 48%;
    background: #F6E3EA;
    z-index: 0;
}

.how-work-box img{
    z-index: 1;
    position: relative;
}
.suggestnewusecasebutton
{
        margin-left: 15px;
    margin-bottom: 15px;
    display: inline-block;
}


.product-use-case
{
display: flex;
flex-direction: row;
background: #FFFFFF;
padding:20px;
align-items: flex-start;
border-radius: 10px;
margin-top:40px;
}
.product-use-case img{
    margin-right: 20px;
    width: 40px !important;
}

.partner-banner{
    width: 100%;
    border-radius: 20px;
}
.product-use-case .product-content
{
    color: #787878;
}
.product-use-case .product-content h5
{
    font-family: Lato-Bold;
    font-size: 1.2rem;
    color: #97144D;
    font-weight: normal;
}
.product-use-case .product-content a{
    color:#97144D;
    cursor: pointer;
    text-decoration: none;
    font-family: Lato-Bold;
}
.dot-navigation
{
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    width: 30px;
    margin:20px auto 0 auto;

}
.dot-navigation .dot-block
{
    width:10px;
    height: 10px;
       border:1px solid #fff; 
    border-radius: 100%;
    cursor: pointer;
}
.dot-navigation .dot-block-active
{
    background: #fff !important;
}
.product-arrow
{
    width:40px;
    height: 40px;
    position: absolute;
    box-shadow: -2px 0px 6px #0000001C;
    background: #FFFFFF;
    border-radius: 100%;
    font-size: 24px;
    line-height: 40px;
    color: #97144d;
    text-align: center;
    cursor: pointer;
    position: absolute;
    background: #fff !important;
    opacity: 1;
    top: 50%;
}
.product-arrow-left
{
    left:0;
}
.position-relative
{
    position: relative;
}
.product-arrow-right
{
    right:0;
}
.connect-container
{
    width:1130px;background:#fff;border-radius: 16px;
}
.content-with-us-curve
{
    border-top: 1px solid #f0f0f0;
    border-radius: 0;
    -moz-border-radius:16px;
    -webkit-border-radius: 16px 0 0 16px;
    border-left:10px solid #97144D;
    display: flex;
    justify-content: center;
    border-bottom: 1px solid #f0f0f0;
    flex-direction: column;
    align-items: flex-start;
    padding-left: 40px;
    padding-right: 0;
}

.become-partner
{
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: flex-start; 
}

/*become partner form*/



.select-wrapper:after {
    color: #97144D;}
/*become partner form*/


.hand-tab
{
 
    border-radius: 0 16px 16px 0;
    padding-right: 0;
    padding-left: 0;
    border-top: 1px solid #f0f0f0;


}
.skew-line::before
{
    content: "";
    background: #ddd;
}
.skew-line::after
{
    content: "";
    background: #ddd;
}
.skew-line
{
    
    background: #F3F3F3;
    border-right: 14px solid #97144D;
    transform: rotateX(0deg) skew(348deg);
    perspective: 100px;
    position: relative;
    z-index: 1;
    /* top: -50px; */
    border-radius: 16px;

}
.become-partner-bg
{
    
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url('../images/Mask-Group 2.png');
    background-position: right top;
    height: 369px;

}
/* end */

/* accordion */
.api-accordion
{
   
}
.api-accordion .accordion-wrap
{
    border-radius: 5px;
    border:1px solid #70707033;
    margin-bottom: 10px;
}
.api-accordion .accordion-body
{
    padding: 15px;
}
    .api-accordion a
    {
        background: #E7E7E7;
        color:#333;
        cursor: pointer;
        padding:5px 15px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-family: Lato-Bold;
    }
    .api-accordion a i
    {
        font-size: 20px;
    }
/* end */

/* footer */
footer
{
       background: #333333;
    margin-top: auto;
    padding: 15px 0;
        width:100%;
}

#block-axis-theme-footer a{
    color: #fff;

}
#block-copyright
{
    color: #fff;
}
/* end */


/* featured product css */
.feature
{
padding: 15px;
border:1px solid #97144d;
border-radius: 5px;
text-align: center;
cursor: pointer;
margin-bottom: 20px;
}
.feature .ftitle{
color: #97144d;
}
.feature p
{
    margin:20px 0;
}
.feature .view-more
{
border-radius: 5px;
text-align: center;
background: #f4e7ec;
color:#000;
cursor: pointer;
padding:8px 0;
display: block;
width: 100%;
border:none;
font-family: Lato-Bold;
text-decoration: none;
}

.feature .view-more:hover
{
    background:#97144d;
    color:#fff;
}

.feature-product-wrap
{
    padding:1.25em;
    border-radius: 5px;
    background: #fff;
    display: flex !important;
    border-bottom:5px solid #97144d;
    align-items: flex-start;
    box-shadow: 0px 0px 10px #00000026;
    cursor: pointer;
    text-decoration: none;
    color:#787878;
    
}
.feature-product-wrap:hover
{
    color: #787878;
    text-decoration: none;
}
.feature-product-wrap .feature-content
{
 margin-left:20px;
}
.feature-product-wrap .feature-content .fe-title
{
 text-transform: uppercase;
 color:#97144d;
 font-size: 16px;
 font-family: Lato-Bold;
}
.feature-product-wrap .feature-content .fe-title small
{
    font-size: 12px;
    text-transform: capitalize;
    color:#333;
    margin-left:5px;
}
.feature-product-wrap .feature-content p
{
    margin-bottom: 0;
}

.fe-title a
{
cursor:pointer;
cursor:pointer;
}

.tab-content>.active
{
opacity:1;
}
/* end */



.apis
{
    
    
    font-size: 12px;
    
    background: #D9D9D9;
        
    margin-left: 10px;
        
    color: #333333;
        
    padding: 4px 10px;
        
    border-radius: 3px;
        
    /* margin-top: -24px; */
        
    /* display: inline-block; */
        
    line-height: normal;
    
}
.nav-tabs
{
    margin-top: 30px;
}
.nav-tabs>li>a
{
    color:#333333;
    font-family: Lato-Bold;
    font-size: 14px;
    padding: 0;
    margin-right: 30px;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus
{
border:none;
border-bottom: 2px solid #97144D;
color:#97144D;
font-family: Lato-Bold;
}
.nav>li>a:hover, .nav>li>a:focus
{
    background: transparent;
    text-decoration: none;
    border:none;
}
.tab-content
{
    margin-top:30px;
    color:#787878;
}
.key-feature-icon
{
    background: #F6E3EA;
    padding: 5px;
    width:50px;
    border-radius: 5px;
    margin-bottom: 20px;
    margin-top:30px;
}
.tab-content .card
{
    box-shadow: 0px 5px 20px #0000001a;
    border-radius: 10px;
    padding:30px;
    
}

.tab-content .card .card-body
{
    border-radius: 10px;
}
.flow-chart-download
{
    background: #97144D;
    text-align: center;
    border-radius: 5px;
    padding: 5px 40px;
    color:#fff;
    border:none;
    cursor: pointer;
}
.tab-content .card .card-header
{
    display: flex;
    justify-content: space-between;
    border-bottom: none;
    background: transparent;
}
.tab-content .card .card-header h3
{
 font-weight: normal;
 margin:0;
 font-family: Lato-Bold;
 font-size: 16px;
}

/* api list css */
/* accordion */
.accordion
{

}

#apilist .card{
    padding: 0;
    box-shadow: none;
    border-radius: 5px;
    margin-bottom: 5px;
    background: #f9f9f9;
    border:1px solid #97144d;
}
#apilist>.card:not(:last-of-type)
{
    border:1px solid #97144d;
    border-radius: 5px;
}

.active-acordion
{
    border:1px solid #97144d !important;
    border-radius: 5px !important;

}

#apilist .card .card-header{
background: #f9f9f9;
border-radius: 5px;
}

#apilist .card .card-link{
    display: flex;
    justify-content: space-between;
    width: 100%;
    font-size: 14px;
    align-items: center;
    color: #333;
    font-family: Lato-Bold;
}

#apilist .card .list-group-item
{
    background: #f9f9f9;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 10px;
    border-radius: 5px;
    font-family: Lato-Bold;
    font-size: 14px;
    border-color: #f1f1f1;
    padding: 1em 1.25em;
    color: #333;
    font-family: Lato-Bold;
    background: #fff;
}
#apilist .card .list-group-item:hover{
    color:#fff;
    background: #97144d;
}
#apilist .card .list-group-item .list-group-item-div
{
    display:flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    font-family: Lato-bold;
}
#apilist .card .list-group-item p{
    font-family: 'Lato-Regular';
}

    .api-list-panel-a
    {
        background: #E7E7E7;
        color:#333 !important;
        cursor: pointer;
        padding:5px 15px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-family: Lato-Bold;
        background: transparent;
        padding: 0;
        font-size: 14px;
    }

    .api-list-panel-a:hover, .api-list-panel-a:focus-visible, .api-list-panel-a:focus-visible 
    {
        text-decoration: none;
    }

    .api-list-panel-a i
    {
        font-size: 20px;
    }
    .partner-point
    {
        font-size: 16px;
        line-height: 30px;
        margin-top:50px;
        margin-bottom: 50px;
        list-style-type: none;
        padding: 0;
        list-style-position: inside;
    }

    .partner-point li{
        position: relative;
        counter-increment: inst;
        position: block;
    }
    .partner-sub-heading
    {
        color: #333;
    }
    .partner-goal-padding
    {
        padding-top:40px;
        padding-bottom: 40px;
        background: #ddd;
    }

.partner-point li:before
{
margin-right: 10px;
content: counter(inst);
background: #fff;
border: 1px solid #97144d;
color: #97144d;;
border-radius: 100%;
width: 24px;
height: 24px;
line-height: 24px;
display: inline-block;
text-align: center;

}

    .part-meet-goal
    {
    display: flex;
    justify-content:flex-start;
    width: 950px;
    margin-bottom: 50px;
    list-style-type: none;
    padding:0;
    margin:0 auto;
    }

.part-meet-goal span
{

    color: #333;
}
    .part-meet-goal li
    {
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin:50px 40px;
    }

    

/*security feature css - start*/
.security-features
{
        margin-bottom:40px !important;
        border-bottom:1px solid #ddd !important;
}

        .security-guideline h3 {
            font-size: 1.5rem;
            color: #97144D;
            margin: 30px 0;
        }

        .security-guideline p {
            font-size: 1rem;
        }

        .pageheading {
            font-size: 2em;
            line-height: normal;
        }

        pre {
            background-color: #eaeaea;
           
            display: block;
            padding: 9.5px;
            margin: 0 0 10px;
            font-size: 13px;
            line-height: 1.42857143;
            color: #333;
            word-break: break-all;
            word-wrap: break-word;
            background-color: #f5f5f5;
            border: 1px solid #ccc;
            border-radius: 4px;
            padding: 25px 15px;
            margin: 35px 0px 15p;
        }

        pre code {
            padding: 0;
            font-size: inherit;
            color: inherit;
            white-space: pre-wrap;
            background-color: transparent;
            border-radius: 0
        }
        .two-way-ssl
        {
            margin: 40px auto;
            display: table;
        }

/*security feature css - end*/

/*how it works - start*/

.how-it-works-content
        {
margin-bottom:300px;
        }
        .how-it-works-content h3
        {
            font-size: 1.5rem;
            color:#97144D;
            margin-bottom: 10px;
        }
       
/*how it workds - end*/





/* suggest new use case - start */

.suggestusecase .form-select {
      width: 100%;
    line-height: inherit;
    padding: 4px;
    font-size: 1em;
        border: none;
                box-shadow:none;
   border-bottom: 1px solid #ddd !important;
   margin-bottom:0.5em;
} 
.suggestusecase .form-text {
     border: none !important;
    border-bottom: 1px solid #aeaeae !important;
        width:100%;
}

.suggestusecase .form-email {
  border: none !important;
    border-bottom: 1px solid #ddd !important;
        width:100%;
}

.suggestusecase label{
    margin-top: 1em;
    margin-bottom: 0.5em;
}
.suggestusecase .webform-button--submit{
        margin: 2em 0em 1em 0px;
                border:none;
}
.suggestusecase textarea{
        border: 1px solid #ddd !important;
        border-radius: 5px !important;
        resize: none;
                width:100%;

}
/*.suggestusecase textarea:focus{
    border: 5px solid red;

}*/

.suggestusecas input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}

/* class applies to select element itself, not a wrapper element */
.suggest_new_select_class {
  display: block;
  /*font-size: 16px;*/
  /*font-family: sans-serif;*/
  /*font-weight: 700;*/
  /*color: #444;*/
  /*line-height: 1.3;*/
  /*padding: .6em 1.4em .5em .8em;*/
  /*width: 100%;*/
  max-width: 100%; /* useful when width is set to anything other than 100% */
  box-sizing: border-box;
  margin: 0;
  /*border: 1px solid #aaa;*/
  box-shadow: 0 1px 0 1px rgba(0,0,0,.04);
  /*border-radius: .5em;*/
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: #fff;
  /* note: bg image below uses 2 urls. The first is an svg data uri for the arrow icon, and the second is the gradient. 
    for the icon, if you want to change the color, be sure to use `%23` instead of `#`, since it's a url. You can also swap in a different svg icon or an external image reference
    
  */
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%2397144d%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
    linear-gradient(to bottom, #ffffff 0%,#ffffff 100%);
  background-repeat: no-repeat, repeat;
  /* arrow icon position (1em from the right, 50% vertical) , then gradient position*/
  background-position: right .7em top 50%, 0 0;
  /* icon size, then gradient */
  background-size: .65em auto, 100%;
}
/* Hide arrow icon in IE browsers */
.suggest_new_select_class::-ms-expand {
  display: none;
}
/* Hover style */
.suggest_new_select_class:hover {
  border-color: #888;
}
/* Focus style */
.suggest_new_select_class:focus {
  border-color: #aaa;
  /* It'd be nice to use -webkit-focus-ring-color here but it doesn't work on box-shadow */
  box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
  box-shadow: 0 0 0 3px -moz-mac-focusring;
  color: #222; 
  outline: none;
}

/* Set options to normal weight */
.suggest_new_select_class option {
  font-weight:normal;
}

/* Support for rtl text, explicit support for Arabic and Hebrew */
*[dir="rtl"] .suggest_new_select_class, :root:lang(ar) .suggest_new_select_class, :root:lang(iw) .suggest_new_select_class {
  background-position: left .7em top 50%, 0 0;
  padding: .6em .8em .5em 1.4em;
}

/* Disabled styles */
.suggest_new_select_class:disabled, .suggest_new_select_class[aria-disabled=true] {
  color: graytext;
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22graytext%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
    linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
}

.suggest_new_select_class:disabled:hover, .suggest_new_select_class[aria-disabled=true] {
  border-color: #aaa;
}
/* suggest new use case - end */
/* end */


/*faq -start*/
.ui-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    position: relative;
    margin: 20px 0 0 0;
    padding: 1em .7em 1em .7em;
    background: #fff;
    color: #333;
    
    border-color: #fafafa;
    background:#e7e7e7;
border-color:#e7e7e7;
border-radius:5px;
margin:15px 0 0 0;
padding:0.7em .7em 0.7em .7em;
}

.ui-accordion-header-active
{
background:#97144d !important;
color:#fff !important;
border-radius:5px 5px 0 0 !important;
border-color:#97144d !important;
}

.faq-container
{

    padding: 20px;
    
    border-radius:10px;
    box-shadow:0px 0px 10px #00000026;
    margin-bottom:40px;     

}
.faqfield-question span
{
 float:right;
 margin-top:1px;
}

.faq-container .field--label{
    display: none;
}
.ui-accordion .ui-accordion-content
{
    margin-bottom: 20px;
        height:auto !important;
}



.become-partner-background {
    background: url(../images/become_partner.jpg);
}

.why-partner-with-us-background {
    background: url(../images/why_partners.jpg);
}

.privacy_banner {
    background: url(../images/Privacy.jpg);
}

.security_banner {
    background: url(../images/Security-Features.jpg);
}

.terms_cond{
    background: url(../images/TermsCond.jpg);
}

.fqs-background
{
     background: url('../images/faq_banner.png');
}

.full-width-page  
{
   background-size: cover;
   justify-content: center;
   display: flex;
  
   height: 360px;
   /* width: 100%; */
   /* padding: 250px 0 !important; */
   text-align: center;
   color: #fff;
   flex-direction: column;
   padding: 0 20%;
   background-repeat: no-repeat;
   align-items: center;
   flex-direction: column;
   margin-bottom: 40px;
}
.full-width-page .pageheading
{
    color:#fff !important;
}





/*faq - end*/

/*------------ dialouge box ---------------------*/
.ui-dialog .ui-dialog-title
{
        font-weight:normal;
        margin:1m  1em 0 1em;
        font-family:'Lato-Bold';

}

.ui-dialog .ui-dialog-content
{
        padding:.5em 2em;
}
.ui-dialog .ui-dialog-titlebar
{
background:none;
border:none;
}
.ui-button .ui-icon
{
        background-image:url('https://apiportal.axisbank.com/portal/sites/all/modules/ctools/images/suggest-icon-close-window-circle.png');
        background-position:center center;
}
.ui-widget.ui-widget-content
{
        border-radius:10px;
}

.ui-dialog .ui-dialog-titlebar-close
{
        background:#fff;
        border:none;
        width:50px;
        height:50px;

}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button
{
        font-family:Lato-Regular;
        color:#aeaeae;
}

/*--------------application page --------------*/

#application-redirect-endpoints-add-more-wrapper{
        display:none;
}
#application-create-form

{

        margin:40px auto;
        display:table;
        width: 600px;
    box-shadow: 0px 3px 20px #0000001A;
    padding: 30px;
    background: #fff;
    display: flex;
    flex-direction: column;
    margin: 50px auto 50px auto;
    border-radius: 5px;

}
#application-create-form
 .bx--label
 {
         
 }
#application-create-form input[type='text'], #application-create-form textarea
{
        border-color: #E6E6E6;
    color: #F9F9F9;
        background:#f9f9f9;
   width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
#application-redirect-endpoints-values h4
{
        font-size:1rem;
        font-weight:normal;
        margin-top:0.5em;

}
#edit-application-redirect-endpoints-add-more{

    margin-bottom: 20px;
    margin-top: 40px;
    border: none;

}

#application-create-form #edit-application-redirect-endpoints-0-value
{
        width:81% !important;
}
#application-create-form
 .button
 {
         margin: 0 auto;
         border:none;
         width: 200px;
         display: table;
         text-align: center;
        }
        #application-create-form #edit-application-redirect-endpoints-add-more
        {
                margin:20px auto;
        }

 
 #application-create-form #edit-cancel
 {
margin:20px auto;
 }
 #application-create-form #edit-cancel:hover
 {
         color:#fff;
 }

.has-multiple-fields-remove-button .multiple-fields-remove-button, .has-multiple-fields-remove-button .multiple-fields-remove-button:hover, .has-multiple-fields-remove-button .multiple-fields-remove-button:focus
{
        top:40%;
}

#display-app-credentials-form
{

    width: 600px;
    box-shadow: 0px 3px 20px #0000001A;
    padding: 30px;
    background: #fff;
    display: flex;
    flex-direction: column;
    margin: 50px auto 50px auto;
    border-radius: 5px;


}

#display-app-credentials-form input[type='password']
{
    border-color: #E6E6E6;
    color: #F9F9F9;
        background:#f9f9f9;
   width: 91%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

#display-app-credentials-form #edit-cancel
{
        margin:20px auto 0 auto;
}
#display-app-credentials-form #edit-cancel:hover
{
        color:#fff;
}

.applicationWrapper
{
        width:1140px;
        margin:0 auto;
        padding:0 15px;
}
.applicationWrapper .contentInnerWrapper
{

}
.analyticsWidgetContainer #appAnalyticsSummary
{
        grid-area: apistats;
  background-color: white;
  padding: 14px;
  width: 100%;
  box-shadow: 0px 3px 20px #0000001A;
  padding: 30px;
  background: #fff;
  display: flex;
  flex-direction: column;
  margin: 0px auto 50px auto;
  border-radius: 5px;
}

.analyticsWidgetContainer .apicAppTotals .apicAppTotalCalls,
.analyticsWidgetContainer .apicAppTotals .apicAppTotalErrors {
  margin-bottom: 20px;
  padding: 14px;
  box-shadow: 0px 3px 20px #0000001A;
}
.applicationWrapper .titleSection .applicationTabs li.selected a, .applicationCredentials .credentialsTable .credentialsContent .credentialsTabs li.selected a
{
        color:#97144d;
        border-color:#97144d;
}
.applicationWrapper .titleSection .applicationTabs
{
        border-bottom:1px solid #aeaeae;
}
.applicationWrapper .titleSection .applicationTabs li a, .applicationCredentials .credentialsTable .credentialsContent .credentialsTabs li a
{
        border-bottom:0;
}



.node--type-application.bx--card
{
        box-shadow:0px 3px 20px #0000001a;
        border-radius:10px;
}
.node--type-application.bx--card
{
        margin:10px;
}
.apicCardIcon
{
        margin-bottom:20px;
}
.node--type-application.bx--card .apicAppCardMain
{
        margin-bottom:20px;
        color:#97144d;
}
.apicAppFooter
{
        padding:0 20px;
}
.apicAppStatus:before
{
        margin-top:3px;
}
.applicationWrapper .titleSection .leftTitle
{

width:auto;
}
.credentialsActions
{
        display:flex;
        align-items:flex-start;

}
.dropitmenu-submenu
{

    box-shadow: 0px 3px 20px #0000001a;
    border-radius: 5px;
    padding: 20px;

}
.dropitmenu-submenu li{
        margin-bottom:1rem;
}
.dropitmenu-submenu li a{
        color:#333;
}

.applicationCredentials .credentialsTable .credentialsHeader, .applicationSubscriptions .subscriptionsTable .subscriptionsHeader
{
        box-shadow:0px 3px 20px #0000001a;
        border:none;
        border-radius:10px;
}
.applicationCredentials .credentialsTable, .applicationSubscriptions .subscriptionsTable
{
        border:none;
}
.applicationCredentials .credentialsTable .credentialsContent
{
        box-shadow:0px 3px 20px #0000001a;
        margin-top:10px;
        border-radius:10px;
}
.apicAppSubscriptions
{
                box-shadow:0px 3px 20px #0000001a;
        margin-top:10px;
        border-radius:10px;
}
.application-update-form
{
        margin:0 auto;
        width:600px;
        box-shadow:0px 3px 20px #0000001a;
        border-radius:10px;
        padding:20px;
}
.application-update-form input[type='text'], .application-update-form textarea
{
    border-color: #E6E6E6;
    color: #F9F9F9;
        background:#f9f9f9;
   width: 100%;
    
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}


/*----------------------Raise----------------------------------*/



/*-----------------------forum page--------------------------*/

.forumContent
{

        margin:0 auto;
        display:table;
}
.forumContent
{
        border:1px solid #dddddd;
}

.forumContent table thead tr {
    border-top: 1px solid #FFF;
    background: #464C5A !important;
    color: #dddddd;
    line-height: 1.5em;
    padding: 2px 5px;

        }
        .forumContent table thead th:first-child
{
        width:70%;
}
.forumContent table thead th
{
        width:10%;
        padding:0.5rem;
        font-family:'Lato-Bold';
        font-weight:normal;
}
.forumContent table tr:nth-child(even   )
{
        background:#dddddd;
}

.forumContent table tr:nth-child(odd    )
{
        background:#F2F2F2;
}
.forumContent table a
{
        color:#97144D;
}
.forumContent table td{
        padding:0.5rem;
}
.forumSidebar
{
        display:none;
}
.forumWrapper
{
        margin-bottom:50px;
}
.forum-actions-wrapper
{

    margin: 0 auto;
    display: table;
    margin-bottom: 20px;
    list-style-type: none;

}

//ticket system detail page
.request-details{margin: 50px 0}
.request-details table{
            border: 1px solid #DEDEDE;
}
.request-details table thead{
        background: #97144D; color: #fff; text-align: center;     border: 1px solid #97144D;
}
.request-details table thead th{border-color: #97144D;}
.request-details table tbody tr td:first-child{
        width: 20%; border-right: 1px solid #DEDEDE;
}
.request-details table tbody tr:nth-child(even){
        background: #F9F9FA
}
.request-details table tbody tr th a{color: #97144D}


/*----------------------thank you page----------------------------*/
.thankyouSuccess
{
 text-align:center;
display:flex;
flex-direction:column;
align-items:center;
}
.thankyouSuccess .checkIcon
{
background:green;
width:50px;
height:50px;
line-height:50px;
border-radius:100%;
display:flex;
justify-content:center;

}
.thankyouSuccess .checkIcon img
{
width:30px;
}

.thankyouSuccess h3
{
font-weight:normal;
font-size:20px;
margin:30px 0;
}

.leftMenu
{
	width:100% !important;
}